@datarobot/connectivity

React UI components and hooks for browsing data sources, managing datasets, and connecting to external data stores within the DataRobot platform.

Requirements

| Peer dependency | Version | |---|---| | react | >=18.2.0 | | react-dom | >=18.2.0 | | @tanstack/react-query | >=4.29.19 | | @tanstack/react-virtual | >=3.2.0 | | axios | >=1.15.0 | | i18next | >=25.8.13 | | react-i18next | >=15.7.3 | | @datarobot/design-system | >=30.0.3 |

Installation

npm install @datarobot/connectivity

Setup

Import the component styles once at the top level of your application. @datarobot/design-system styles are a required peer — this package does not bundle them, so consumers must import them explicitly alongside the connectivity stylesheet:

import '@datarobot/design-system/styles/index.min.css';
import '@datarobot/design-system/styles/themes/midnight-gray.min.css';
import '@datarobot/design-system/styles/themes/alpine-light.min.css';
import '@datarobot/connectivity/styles.css';

The package ships with pre-built ESM JavaScript and extracted CSS. All peer dependencies listed above must be installed separately in your project.

Usage

import { BrowseData } from '@datarobot/connectivity';

function App() {
  return <BrowseData />;
}

Internationalization

The package includes built-in i18n support for multiple locales. Translation files are bundled under i18n/ and are loaded automatically when you configure i18next in your application. The package uses the data_connectivity namespace.

License

See LICENSE for terms.