@datarobot/design-system 28.2.2

package/LICENSE

@@ -0,0 +1,54 @@
+DATAROBOT TOOL AND UTILITY AGREEMENT
+
+This Tool and Utility Agreement (this “Agreement”) between DataRobot, Inc., a Delaware Corporation, with its principal place of business located at 225 FRANKLIN STREET, 13TH FLOOR, BOSTON, MASSACHUSETTS 02110, USA (“DataRobot”) and you and the organization you represent (“You”), is effective as of the date that You are first granted access to the Tool and Utility Software (as defined below) (the “Effective Date”).
+
+This Agreement supersedes any other agreement between DataRobot and You with respect to the Tool and Utility Software.
+
+1. LICENSE GRANT
+    1.1. “Tool and Utility Software” means a no-fee offering of DataRobot’s tool(s) and/or utility software for use with the Solution.
+    1.2. Subject to the terms of this Agreement, DataRobot grants to You, for the period of time authorized by DataRobot (or, if no time has been specified, until the expiration of Your subscription for the DataRobot enterprise AI platform (the “Solution”) (the “Term”), a non-exclusive, non-transferable, non-sublicensable license to use the Tool and Utility Software with the Solution only for your internal business purposes.
+    1.3. DataRobot shall have the right to terminate, downgrade, limit or modify the Tool and Utility Software at any time without notice or compensation. No warranty, indemnity, availability, maintenance or support obligations of DataRobot will apply to Tool and Utility Software.
+
+2. RESTRICTIONS ON USE OF THE TOOL AND UTILITY SOFTWARE
+You shall not, and shall not permit any third party to, except as may be allowed by any applicable law which is incapable of exclusion by agreement between the parties and except as permitted under this Agreement:
+    (a) attempt to backup, copy, modify, create derivative works from, or distribute any part of the Tool and Utility Software;
+    (b) attempt to de-compile, reverse compile, disassemble, reverse engineer or otherwise reduce to human-perceivable form any part of the Tool and Utility Software except to the extent the law in Your jurisdiction permits this where necessary for the purposes of integrating the operation of the Software with the operation of other software or systems used by You. Before carrying out such action, You shall give DataRobot no less than 30 days’ written notice and the exception will not apply if DataRobot is prepared to carry out such action at a reasonable commercial fee or provides the information necessary to achieve such integration within a reasonable period;
+    (c) access any part of the Tool and Utility Software in order to build a competing product or service;
+    (d) attempt to obtain, or assist third parties in obtaining, access to the Tool and Utility Software, other than as provided under this Section 2.
+
+3. TERM AND TERMINATION
+    3.1. This Agreement starts on the Effective Date and will continue until the expiry of the Term, at which point this Agreement and the licenses granted under the terms of this Agreement will automatically terminate.
+
+    3.2. On termination or expiry of this Agreement for any reason:
+        (a) this Section 3.2, Section 6 (Limitation of Liability), Section 8 (Entire Agreement) and Section 9 (General) will survive alongside any other Sections that are intended to survive termination or expiration of this Agreement in order to achieve the fundamental purposes of this Agreement;
+        (b) any rights, remedies, obligations or liabilities of the parties that have accrued up to the date of termination which existed at or before the date of termination will not be affected.
+
+4. PROPRIETARY RIGHTS
+The Tool and Utility Software and Documentation are the proprietary intellectual property of DataRobot and its licensors. DataRobot retains sole and exclusive ownership of all right, title, and interest in and to the Tool and Utility Software and any other technology used to provide them.
+
+5. NO WARRANTY
+    5.1. The Tool and Utility Software is provided “as is” without any warranty and all other conditions, warranties or other terms which might have effect or be implied or incorporated into this Agreement whether by statute, common law or otherwise are excluded.
+
+6. LIMITATION OF LIABILITY
+    6.1. Neither party’s liability for any damages (whether for breach of contract, misrepresentations, negligence, strict liability, other torts or otherwise) under this Agreement will exceed an amount equal to $10,000. This limitation will apply notwithstanding any failure of essential purpose of any remedy.
+    6.2. Nothing in this Agreement will limit or exclude either party’s liability for:
+        (a) any matter which by law may not be excluded or limited;
+        (b) in the case of You, for breach of Section 2(c) (Restrictions on Use)
+
+7. NOTICES
+    7.1. All notices required to be given under this Agreement shall be in writing and delivered by hand, email, first class prepaid mail or recorded delivery mail.
+    7.2. Notices for DataRobot shall be sent to legal@datarobot.com or DataRobot Inc., 225 Franklin St.; 13th Floor, Boston, MA 02110, U.S.A., Attn: Legal.
+    7.3. Notice will be deemed given:
+        (a) when received, if delivered by hand or email; or
+        (b) the next business day after it is sent, if sent by first class prepaid mail or recorded delivery;
+        (c) five business days following postage if sent internationally.
+
+8. ENTIRE AGREEMENT
+This Agreement and any documents referred to in it are the complete and exclusive statement of the parties’ agreement and supersede all proposals or prior arrangements, understandings or agreements between the parties relating to the subject matter of this Agreement.
+
+9. GENERAL
+    9.1. Unless it expressly states otherwise, this Agreement does not give rise to any rights for a third party to enforce any term of this Agreement.
+    9.2. Any waiver or modification of the provisions of this Agreement will only be effective if in writing and signed by both parties. Waivers and amendments to this Agreement shall be effective only if made by non-pre-printed agreements clearly understood by both parties to be an amendment or waiver to this Agreement.
+    9.3. If the whole or any part of a provision of this Agreement is held invalid, illegal or unenforceable, the validity, legality and enforceability of the remaining provisions will be unaffected. If any invalid, unenforceable or illegal provision would be valid, enforceable or legal if part of it were deleted, the provision shall apply with whatever modification is necessary to give effect to the commercial intention of the parties.
+    9.4. No failure or delay by a party to exercise any right or remedy provided under this Agreement or by law will constitute a waiver of that or any other right or remedy, nor will it prevent or restrict the further exercise of that or any other right or remedy. No single or partial exercise of such right or remedy will prevent or restrict the further exercise of that or any other right or remedy.
+    9.5. This Agreement and any dispute (whether contractual or non-contractual) arising out of or in connection with this Agreement, its subject matter or formation will be governed by and interpreted and construed in accordance with the laws of the Commonwealth of Massachusetts, without regard to conflict of law principles, and will be subject to the exclusive jurisdiction of the federal and state courts located in Boston, Massachusetts. Each party consents to the exclusive personal jurisdiction and venue of such courts.

package/README.md

@@ -0,0 +1,85 @@
+# @datarobot/design-system
+
+The library of reusable react components.
+
+## Scripts
+
+To build package run:
+
+```shell script
+npm run build
+```
+
+**Note:** this command is executed as a part of the related command in the root directory.
+
+There are several available test commands:
+
+```shell script
+npm test
+npm run test:watch
+npm run test:watch-debug
+npm run test:watch-all
+npm run test:ci
+```
+
+To debug specific test use `npm run test:watch-debug test-name.test.js` and then connect to debugger from IDE or Chrome Dev tools.
+
+## Usage
+
+### Styles
+
+Load all components styles + default (dark theme) as shown here:
+
+```jsx
+import '@datarobot/design-system/styles/index.min.css'; // or 'import '@datarobot/design-system/styles/index.css'
+```
+
+To load more themes use:
+
+```jsx
+import '@datarobot/design-system/styles/themes/light.min.css'; // or 'import '@datarobot/design-system/styles/themes/light.css'
+```
+### Localization
+
+```jsx
+import i18n from 'i18next';
+import { initReactI18next } from 'react-i18next';
+
+i18n.use(initReactI18next).init({
+  lng: 'en',
+  interpolation: {
+    escapeValue: false,
+  },
+  nsSeparator: false,
+});
+```
+
+### CommonJS & esm
+
+**Note:** The module system will be applied base on your bundler set up
+
+```jsx
+import { Pill } from '@datarobot/design-system/pill';
+
+const App = () => (
+  <>
+     <Pill>
+        <code>javaScript</code>
+     </Pill>
+  </>
+);
+```
+
+### UMD
+
+```jsx
+import { Pill } from '@datarobot/design-system/js/pill';
+
+const App = () => (
+  <>
+     <Pill>
+        <code>javaScript</code>
+     </Pill>
+  </>
+);
+```

package/accepted-files-info/package.json

@@ -0,0 +1,7 @@
+{
+  "name": "@datarobot/design-system/accepted-files-info",
+  "private": true,
+  "main": "../cjs/accepted-files-info",
+  "module": "../esm/accepted-files-info",
+  "types": "../esm/index.d.ts"
+}

package/accordion-tabs/package.json

@@ -0,0 +1,7 @@
+{
+  "name": "@datarobot/design-system/accordion-tabs",
+  "private": true,
+  "main": "../cjs/accordion-tabs",
+  "module": "../esm/accordion-tabs",
+  "types": "../esm/index.d.ts"
+}

package/action-bar/package.json

@@ -0,0 +1,7 @@
+{
+  "name": "@datarobot/design-system/action-bar",
+  "private": true,
+  "main": "../cjs/action-bar",
+  "module": "../esm/action-bar",
+  "types": "../esm/index.d.ts"
+}

package/action-bar-search/package.json

@@ -0,0 +1,7 @@
+{
+  "name": "@datarobot/design-system/action-bar-search",
+  "private": true,
+  "main": "../cjs/action-bar-search",
+  "module": "../esm/action-bar-search",
+  "types": "../esm/index.d.ts"
+}

package/active-filters-list/package.json

@@ -0,0 +1,7 @@
+{
+  "name": "@datarobot/design-system/active-filters-list",
+  "private": true,
+  "main": "../cjs/active-filters-list",
+  "module": "../esm/active-filters-list",
+  "types": "../esm/index.d.ts"
+}

package/adaptive-list/package.json

@@ -0,0 +1,7 @@
+{
+  "name": "@datarobot/design-system/adaptive-list",
+  "private": true,
+  "main": "../cjs/adaptive-list",
+  "module": "../esm/adaptive-list",
+  "types": "../esm/index.d.ts"
+}

package/alert/package.json

@@ -0,0 +1,7 @@
+{
+  "name": "@datarobot/design-system/alert",
+  "private": true,
+  "main": "../cjs/alert",
+  "module": "../esm/alert",
+  "types": "../esm/index.d.ts"
+}

package/avatar/package.json

@@ -0,0 +1,7 @@
+{
+  "name": "@datarobot/design-system/avatar",
+  "private": true,
+  "main": "../cjs/avatar",
+  "module": "../esm/avatar",
+  "types": "../esm/index.d.ts"
+}

package/badge/package.json

@@ -0,0 +1,7 @@
+{
+  "name": "@datarobot/design-system/badge",
+  "private": true,
+  "main": "../cjs/badge",
+  "module": "../esm/badge",
+  "types": "../esm/index.d.ts"
+}

package/breadcrumbs/package.json

@@ -0,0 +1,7 @@
+{
+  "name": "@datarobot/design-system/breadcrumbs",
+  "private": true,
+  "main": "../cjs/breadcrumbs",
+  "module": "../esm/breadcrumbs",
+  "types": "../esm/index.d.ts"
+}

package/button/package.json

@@ -0,0 +1,7 @@
+{
+  "name": "@datarobot/design-system/button",
+  "private": true,
+  "main": "../cjs/button",
+  "module": "../esm/button",
+  "types": "../esm/index.d.ts"
+}

package/card/package.json

@@ -0,0 +1,7 @@
+{
+  "name": "@datarobot/design-system/card",
+  "private": true,
+  "main": "../cjs/card",
+  "module": "../esm/card",
+  "types": "../esm/index.d.ts"
+}

package/chart-legend/package.json

@@ -0,0 +1,7 @@
+{
+  "name": "@datarobot/design-system/chart-legend",
+  "private": true,
+  "main": "../cjs/chart-legend",
+  "module": "../esm/chart-legend",
+  "types": "../esm/index.d.ts"
+}

package/chat/package.json

@@ -0,0 +1,7 @@
+{
+  "name": "@datarobot/design-system/chat",
+  "private": true,
+  "main": "../cjs/chat",
+  "module": "../esm/chat",
+  "types": "../esm/index.d.ts"
+}

package/checkbox/package.json

@@ -0,0 +1,7 @@
+{
+  "name": "@datarobot/design-system/checkbox",
+  "private": true,
+  "main": "../cjs/checkbox",
+  "module": "../esm/checkbox",
+  "types": "../esm/index.d.ts"
+}

package/cjs/accepted-files-info/accepted-files-info.d.ts

@@ -0,0 +1,9 @@
+import './accepted-files-info.less';
+export type AcceptedFilesInfoProps = {
+    acceptedFilesList: Array<string>;
+    buildSupportedFilesText?: (supportedFileTypes: string) => string;
+    className?: string;
+    testId?: string;
+};
+/** Visual representation of supported files format. */
+export declare function AcceptedFilesInfo({ acceptedFilesList, className, buildSupportedFilesText, testId, }: AcceptedFilesInfoProps): import("react/jsx-runtime").JSX.Element | null;

package/cjs/accepted-files-info/accepted-files-info.js

@@ -0,0 +1,34 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.AcceptedFilesInfo = AcceptedFilesInfo;
+var _react = _interopRequireDefault(require("react"));
+var _classnames = _interopRequireDefault(require("classnames"));
+var _useTranslation = require("../hooks/use-translation");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+/** Visual representation of supported files format. */
+function AcceptedFilesInfo({
+  acceptedFilesList = [],
+  className = '',
+  buildSupportedFilesText,
+  testId = 'accepted-files-info'
+}) {
+  const {
+    t
+  } = (0, _useTranslation.useTranslation)();
+  if (acceptedFilesList.length <= 0) {
+    return null;
+  }
+  const supportedFileTypes = `.${acceptedFilesList.join(', .')}`;
+  const supportedFilesTranslated = buildSupportedFilesText ? buildSupportedFilesText(supportedFileTypes) : t('Accepted formats: {{supportedFileTypes}}', {
+    supportedFileTypes
+  });
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+    className: (0, _classnames.default)('accepted-files-info', className),
+    "test-id": testId,
+    children: supportedFilesTranslated
+  });
+}

package/cjs/accepted-files-info/index.d.ts

@@ -0,0 +1,2 @@
+export type { AcceptedFilesInfoProps } from './accepted-files-info';
+export { AcceptedFilesInfo } from './accepted-files-info';

package/cjs/accepted-files-info/index.js

@@ -0,0 +1,12 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "AcceptedFilesInfo", {
+  enumerable: true,
+  get: function () {
+    return _acceptedFilesInfo.AcceptedFilesInfo;
+  }
+});
+var _acceptedFilesInfo = require("./accepted-files-info");

package/cjs/accordion-tabs/accordion-tab.d.ts

@@ -0,0 +1,14 @@
+import { ReactElement } from 'react';
+import { NavLinkProps, AccordionTabsTab } from './types';
+import './accordion-tabs.less';
+type AccordionTabProps = {
+    tab: AccordionTabsTab;
+    index: number;
+    selectedTabKey?: string | number;
+    onSelect?: (tab: AccordionTabsTab, index: number) => void;
+    onSelectSubOptions?: (tab?: AccordionTabsTab, index?: number) => void;
+    /** Custom NavLink component */
+    NavLink?: (props: NavLinkProps) => ReactElement;
+};
+export declare const AccordionTab: ({ tab, index, selectedTabKey, onSelect, onSelectSubOptions, NavLink, }: AccordionTabProps) => import("react/jsx-runtime").JSX.Element | null;
+export {};

package/cjs/accordion-tabs/accordion-tab.js

@@ -0,0 +1,100 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.AccordionTab = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _classnames = _interopRequireDefault(require("classnames"));
+var _tooltip = require("../tooltip");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const areThereEnabledSubOptions = subOptions => subOptions.some(subOption => subOption.isShown !== false && !subOption.isDisabled);
+const areThereShownSubOptions = subOptions => subOptions.some(subOption => subOption.isShown !== false);
+const getAccordionItem = (tab, i, selectedTabKey, onClick, NavLink, className = 'accordion-tab small-header') => {
+  if (tab.route && NavLink) {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(NavLink, {
+      route: tab.route,
+      altRoute: tab.altRoute,
+      routeParams: tab.routeParams,
+      testId: tab.testId,
+      tourId: tab.tourId,
+      onClick: () => onClick(tab, i),
+      isDisabled: tab.isDisabled,
+      className: className,
+      ...(selectedTabKey && {
+        isActive: tab.key === selectedTabKey
+      }),
+      onRedirect: tab.onRedirect,
+      children: tab.value
+    }, tab.key);
+  }
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("button", {
+    "test-id": tab.testId,
+    "tour-id": tab.tourId,
+    onClick: () => onClick(tab, i),
+    className: (0, _classnames.default)(className, {
+      active: tab.key === selectedTabKey,
+      disabled: tab.isDisabled
+    }),
+    children: tab.value
+  }, tab.key);
+};
+const getAccordionTabSubOptionsTooltipContent = (
+// eslint-disable-next-line @typescript-eslint/default-param-last
+subOptions = [], selectedTabKey, onClick, NavLink) => {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+    className: "accordion-tab-suboptions",
+    "test-id": "accordion-tab-suboptions",
+    children: subOptions.map((option, i) => {
+      if (option.isShown === false) {
+        return null;
+      }
+      return getAccordionItem(option, i, selectedTabKey, onClick, NavLink, 'accordion-tab-suboption');
+    })
+  });
+};
+const onClickHandler = (selectedTab, i, selectedTabKey, callback) => {
+  if (selectedTab.isDisabled || selectedTab.key === selectedTabKey) {
+    return;
+  }
+  return callback(selectedTab, i);
+};
+const AccordionTab = ({
+  tab,
+  index,
+  selectedTabKey = '',
+  onSelect = () => {},
+  onSelectSubOptions = () => {},
+  NavLink
+}) => {
+  let tabContent;
+  let tooltipContent;
+  let isShown;
+  const hasInteractiveTooltip = Boolean(tab.subOptions);
+  if (hasInteractiveTooltip) {
+    isShown = tab.isShown !== undefined ? tab.isShown : areThereShownSubOptions(tab.subOptions);
+    const isDisabled = !!tab.isDisabled || !areThereEnabledSubOptions(tab.subOptions);
+    tabContent = getAccordionItem({
+      ...tab,
+      isDisabled,
+      isShown
+    }, index, selectedTabKey, (selectedTab, i) => onClickHandler(selectedTab, i, selectedTabKey, onSelect), NavLink);
+    tooltipContent = !isDisabled ? getAccordionTabSubOptionsTooltipContent(tab.subOptions, selectedTabKey, (selectedTab, i) => onClickHandler(selectedTab, i, selectedTabKey, onSelectSubOptions), NavLink) : tab.tooltip;
+  } else {
+    isShown = tab.isShown;
+    tooltipContent = tab.tooltip;
+    tabContent = getAccordionItem(tab, index, selectedTabKey, (selectedTab, i) => onClickHandler(selectedTab, i, selectedTabKey, onSelect), NavLink);
+  }
+  if (isShown === false) {
+    return null;
+  }
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_tooltip.Tooltip, {
+    placement: _tooltip.TOOLTIP_PLACEMENT_TYPES.BOTTOM,
+    docsLink: tab.docsLink,
+    content: tooltipContent,
+    interactiveCloseOnClick: hasInteractiveTooltip,
+    children: tabContent
+  }, tab.key);
+};
+exports.AccordionTab = AccordionTab;

package/cjs/accordion-tabs/accordion-tabs.d.ts

@@ -0,0 +1,15 @@
+import { ReactElement } from 'react';
+import './accordion-tabs.less';
+import { NavLinkProps, AccordionTabsTab } from './types';
+export type AccordionTabsProps = {
+    tabs: Array<AccordionTabsTab>;
+    selectedTabKey?: string | number;
+    className?: string;
+    testId?: string;
+    isSeparatePageTab?: boolean;
+    onSelect?: (tab: AccordionTabsTab, index: number) => void;
+    onSelectSubOptions?: (tab?: AccordionTabsTab, index?: number) => void;
+    NavLink?: (props: NavLinkProps) => ReactElement;
+};
+/** Tabs component to be positioned bellow expanded accordion row */
+export declare const AccordionTabs: ({ tabs, selectedTabKey, className, testId, isSeparatePageTab, onSelect, onSelectSubOptions, NavLink, }: AccordionTabsProps) => import("react/jsx-runtime").JSX.Element | null;

package/cjs/accordion-tabs/accordion-tabs.js

@@ -0,0 +1,39 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.AccordionTabs = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _classnames = _interopRequireDefault(require("classnames"));
+var _accordionTab = require("./accordion-tab");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+/** Tabs component to be positioned bellow expanded accordion row */
+const AccordionTabs = ({
+  tabs,
+  selectedTabKey,
+  className,
+  testId,
+  isSeparatePageTab = false,
+  onSelect,
+  onSelectSubOptions = () => {},
+  NavLink
+}) => {
+  if (!tabs || !tabs.length) {
+    return null;
+  }
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+    className: (0, _classnames.default)('accordion-tabs', className, isSeparatePageTab && 'separate-page-tabs'),
+    "test-id": testId,
+    children: tabs.map((tab, i) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_accordionTab.AccordionTab, {
+      tab: tab,
+      index: i,
+      selectedTabKey: selectedTabKey,
+      onSelect: (selectedTab, index) => onSelect?.(selectedTab, index),
+      onSelectSubOptions: onSelectSubOptions,
+      NavLink: NavLink
+    }, tab.key))
+  });
+};
+exports.AccordionTabs = AccordionTabs;

package/cjs/accordion-tabs/index.d.ts

@@ -0,0 +1,4 @@
+import { AccordionTabs, AccordionTabsProps } from './accordion-tabs';
+import { AccordionTabsTab, NavLinkProps } from './types';
+export type { AccordionTabsTab, NavLinkProps, AccordionTabsProps };
+export { AccordionTabs };

package/cjs/accordion-tabs/index.js

@@ -0,0 +1,12 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "AccordionTabs", {
+  enumerable: true,
+  get: function () {
+    return _accordionTabs.AccordionTabs;
+  }
+});
+var _accordionTabs = require("./accordion-tabs");

package/cjs/accordion-tabs/types.d.ts

@@ -0,0 +1,32 @@
+import { ReactElement, ReactNode } from 'react';
+export type AccordionTabsTab = {
+    key: string | number;
+    value: string | number;
+    isDisabled?: boolean;
+    isShown?: boolean;
+    testId?: string | number;
+    tourId?: string | number;
+    tooltip?: string | number;
+    docsLink?: ReactElement;
+    route?: string;
+    routeParams?: {
+        [key: string]: string;
+    };
+    subOptions?: Array<AccordionTabsTab>;
+    altRoute?: string;
+    onRedirect?: (...args: unknown[]) => void;
+};
+export type NavLinkProps = {
+    children?: ReactNode;
+    route?: string;
+    altRoute?: string;
+    routeParams?: {
+        [key: string]: string;
+    };
+    testId?: string | number;
+    tourId?: string | number;
+    isDisabled?: boolean;
+    className?: string;
+    onClick?: (tab: AccordionTabsTab) => void;
+    onRedirect?: (...args: unknown[]) => void;
+};

package/cjs/accordion-tabs/types.js

@@ -0,0 +1,5 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

package/cjs/action-bar/action-bar-section.d.ts

@@ -0,0 +1,14 @@
+import React from 'react';
+import { ActionBarTrayItemPlacementType } from './action-bar';
+export type ActionBarSectionItem = {
+    key?: string | number;
+    element?: React.ReactNode;
+    className?: string;
+    testId?: string;
+    placement?: any;
+};
+export type ActionBarSectionProps = {
+    actionsList: ActionBarSectionItem[];
+    position: ActionBarTrayItemPlacementType;
+};
+export declare function ActionBarSection({ actionsList, position, }: ActionBarSectionProps): import("react/jsx-runtime").JSX.Element;

package/cjs/action-bar/action-bar-section.js

@@ -0,0 +1,28 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ActionBarSection = ActionBarSection;
+var _react = _interopRequireDefault(require("react"));
+var _classnames = _interopRequireDefault(require("classnames"));
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function ActionBarSection({
+  actionsList,
+  position
+}) {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+    className: (0, _classnames.default)('actions-list', `${position}-actions-list`),
+    children: actionsList.map(({
+      element,
+      testId,
+      className,
+      key
+    }, index) => element && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      className: (0, _classnames.default)('action-bar-item', className),
+      "test-id": testId,
+      children: element
+    }, key || index))
+  });
+}

package/cjs/action-bar/action-bar.d.ts

@@ -0,0 +1,27 @@
+import { ReactElement } from 'react';
+import { ActionBarSectionItem } from './action-bar-section';
+import './action-bar.less';
+import { ValueOf } from '../types';
+export declare const ACTION_BAR_TRAY_ITEM_PLACEMENT: {
+    readonly LEFT: "left";
+    readonly RIGHT: "right";
+};
+export type ActionBarTrayItemPlacementType = ValueOf<typeof ACTION_BAR_TRAY_ITEM_PLACEMENT>;
+export interface ActionItem extends ActionBarSectionItem {
+    placement?: ActionBarTrayItemPlacementType;
+}
+export type ActionBarProps = {
+    actionItemsList: ActionItem[] | ReactElement[];
+    /** Make it look like a tray. The most common case - tray under a chart */
+    isTray?: boolean;
+    /** Extends default classes */
+    className?: string | string[];
+    /** Alters default test-id */
+    testId?: string;
+};
+/** ActionBar displays grouped lists of actions
+ * [CAPITALIZATION] Use sentence case for items, unless referencing a proper noun (named tab, for example).
+ * @midnight-gray-supported
+ * @alpine-light-supported
+ */
+export declare function ActionBar({ actionItemsList, isTray, className, testId, }: ActionBarProps): import("react/jsx-runtime").JSX.Element;