@elliemae/ds-mini-toolbar 2.3.1 → 3.0.0-alpha.3

package/esm/Components/outOfTheBox/IconItem.js

@@ -1,28 +0,0 @@
-import _jsx from '@babel/runtime/helpers/esm/jsx';
-import 'react';
-import { StyledButton } from '../../styles.js';
-
-const MiniToolbarIcon = props => {
-  const {
-    Icon,
-    size,
-    color,
-    onClick,
-    ariaLabel,
-    style,
-    buttonType = 'secondary'
-  } = props;
-  return /*#__PURE__*/_jsx(StyledButton, {
-    "aria-label": ariaLabel,
-    buttonType: buttonType,
-    onClick: onClick,
-    style: style,
-    leftIcon: /*#__PURE__*/_jsx(Icon, {
-      size: size,
-      color: color
-    }),
-    "data-testid": "ds-mini-toolbar__shortcut"
-  });
-};
-
-export { MiniToolbarIcon };

package/esm/Components/outOfTheBox/SearchBox.js

@@ -1,45 +0,0 @@
-import 'core-js/modules/esnext.async-iterator.filter.js';
-import 'core-js/modules/esnext.iterator.constructor.js';
-import 'core-js/modules/esnext.iterator.filter.js';
-import 'core-js/modules/esnext.async-iterator.for-each.js';
-import 'core-js/modules/esnext.iterator.for-each.js';
-import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
-import _jsx from '@babel/runtime/helpers/esm/jsx';
-import 'react';
-import { Search } from '@elliemae/ds-icons';
-import { DSSearchBox } from '@elliemae/ds-form';
-import { StyledButton } from '../../styles.js';
-import { jsx } from 'react/jsx-runtime';
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
-const MiniToolbarSearchButton = props => {
-  const {
-    size,
-    color,
-    onClick,
-    ariaLabel,
-    style,
-    buttonType = 'secondary'
-  } = props;
-  return /*#__PURE__*/_jsx(StyledButton, {
-    "aria-label": ariaLabel,
-    buttonType: buttonType,
-    onClick: onClick,
-    style: style,
-    leftIcon: /*#__PURE__*/_jsx(Search, {
-      size: size,
-      color: color
-    }),
-    "data-testid": "ds-mini-toolbar__shortcut"
-  });
-};
-
-const MiniToolbarSearchBox = props => /*#__PURE__*/jsx(DSSearchBox, _objectSpread({
-  clearable: true,
-  showIcon: false
-}, props));
-
-export { MiniToolbarSearchBox, MiniToolbarSearchButton };

package/esm/Components/outOfTheBox/Separator.js

@@ -1,11 +0,0 @@
-import _jsx from '@babel/runtime/helpers/esm/jsx';
-import 'react';
-import { Separator } from '../../styles.js';
-
-var _Separator;
-
-const MiniToolbarSeparator = () => _Separator || (_Separator = /*#__PURE__*/_jsx(Separator, {
-  "data-testid": "ds-mini-toolbar__separator"
-}));
-
-export { MiniToolbarSeparator };

package/esm/Components/outOfTheBox/index.js

@@ -1,13 +0,0 @@
-export { MiniToolbarButton } from './Button.js';
-export { MiniToolbarIcon } from './IconItem.js';
-export { MiniToolbarSearchBox } from './SearchBox.js';
-export { MiniToolbarSeparator } from './Separator.js';
-export { MiniToolbarComboBox } from './ComboBox.js';
-
-const ICON_ITEM = 'ds-icon-item';
-const SEPARATOR = 'ds-separator';
-const BUTTON = 'ds-button';
-const SEARCH_BOX = 'ds-search-box';
-const COMBO_BOX = 'ds-combo-box';
-
-export { BUTTON, COMBO_BOX, ICON_ITEM, SEARCH_BOX, SEPARATOR };

package/esm/hooks/useGenerateItems.js

@@ -1,125 +0,0 @@
-import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
-import _jsx from '@babel/runtime/helpers/esm/jsx';
-import 'core-js/modules/esnext.async-iterator.map.js';
-import 'core-js/modules/esnext.iterator.map.js';
-import 'core-js/modules/esnext.async-iterator.filter.js';
-import 'core-js/modules/esnext.iterator.constructor.js';
-import 'core-js/modules/esnext.iterator.filter.js';
-import 'core-js/modules/esnext.async-iterator.for-each.js';
-import 'core-js/modules/esnext.iterator.for-each.js';
-import { useMemo } from 'react';
-import { uid } from 'uid';
-import { Search } from '@elliemae/ds-icons';
-import { SEARCH_BOX, SEPARATOR, BUTTON, ICON_ITEM, COMBO_BOX } from '../Components/outOfTheBox/index.js';
-import { ToolbarShortcut } from '../Components/ToolbarShortcut.js';
-import { MiniToolbarSearchButton, MiniToolbarSearchBox } from '../Components/outOfTheBox/SearchBox.js';
-import { MiniToolbarSeparator } from '../Components/outOfTheBox/Separator.js';
-import { MiniToolbarButton } from '../Components/outOfTheBox/Button.js';
-import { MiniToolbarIcon } from '../Components/outOfTheBox/IconItem.js';
-import { MiniToolbarComboBox } from '../Components/outOfTheBox/ComboBox.js';
-
-var _MiniToolbarSeparator;
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
-const useGenerateItems = items => {
-  const instanceUID = useMemo(() => uid(6), []);
-  const shortcutItems = useMemo(() => items.filter(item => item.hasShortcut || item.component === SEARCH_BOX || item.contextualRegion).map((item, index) => {
-    const {
-      component,
-      shortcutComponent,
-      shortcutProps,
-      sharedProps,
-      contextualRegion,
-      contextualRegionProps
-    } = item;
-    let Component;
-    let ContextualRegion;
-    if (component === SEPARATOR) return _MiniToolbarSeparator || (_MiniToolbarSeparator = /*#__PURE__*/_jsx(MiniToolbarSeparator, {}));
-    if (component === BUTTON) Component = MiniToolbarButton;else if (component === ICON_ITEM) Component = MiniToolbarIcon;else if (component === COMBO_BOX) Component = MiniToolbarComboBox;else if (component === SEARCH_BOX) {
-      if (item.hasShortcut) {
-        Component = MiniToolbarSearchButton;
-      }
-
-      ContextualRegion = MiniToolbarSearchBox;
-    }
-
-    if (!ContextualRegion) {
-      ContextualRegion = contextualRegion;
-    }
-
-    if (!Component) {
-      Component = shortcutComponent;
-    }
-
-    return /*#__PURE__*/_jsx(ToolbarShortcut, {
-      Component: Component,
-      shortcutProps: shortcutProps,
-      sharedProps: sharedProps,
-      ContextualRegion: ContextualRegion,
-      contextualRegionProps: contextualRegionProps
-    }, "".concat(instanceUID, "-shortcut-").concat(index));
-  }), [instanceUID, items]);
-  const dropdownMenuItems = useMemo(() => items.map((item, index) => {
-    const {
-      component,
-      sharedProps,
-      dropdownComponentProps
-    } = item;
-    const dropdownItem = {};
-
-    const {
-      Icon,
-      color,
-      label,
-      onClick
-    } = _objectSpread(_objectSpread({}, sharedProps), dropdownComponentProps);
-
-    if (component === SEPARATOR) dropdownItem.type = 'separator';else {
-      dropdownItem.id = "".concat(instanceUID, "-dropdown-").concat(index);
-
-      dropdownItem.onClick = () => onClick(item);
-
-      dropdownItem.label = label;
-
-      dropdownItem.onKeyDown = e => {
-        if (e.key === 'Enter' || e.key === ' ') {
-          onClick(item);
-        }
-      };
-    }
-
-    if (component === ICON_ITEM) {
-      dropdownItem.leftAddon = /*#__PURE__*/_jsx(Icon, {
-        color: color
-      });
-    } else if (component === SEARCH_BOX) {
-      dropdownItem.leftAddon = /*#__PURE__*/_jsx(Search, {
-        color: color
-      });
-    } else if (component === COMBO_BOX) {
-      dropdownItem.type = 'subMenu';
-      dropdownItem.label = label;
-      dropdownItem.subItems = sharedProps.options.map((option, index) => {
-        option.id = "".concat(instanceUID, "-option-").concat(index);
-
-        option.onClick = () => dropdownComponentProps.onSelectMenuItem(option);
-
-        option.onKeyDown = e => {
-          if (e.key === ' ' || e.key === 'Enter') {
-            dropdownComponentProps.onSelectMenuItem(option);
-          }
-        };
-
-        return option;
-      });
-    }
-
-    return dropdownItem;
-  }), [instanceUID, items]);
-  return [shortcutItems, dropdownMenuItems];
-};
-
-export { useGenerateItems };

package/esm/index.d.js

@@ -1 +0,0 @@
-

package/esm/index.js

@@ -1,2 +0,0 @@
-export { MiniToolbar, MiniToolbarWithSchema } from './Components/MiniToolbar.js';
-export { ToolbarItemWithSchema } from './propTypes.js';

package/esm/propTypes.js

@@ -1,30 +0,0 @@
-import { PropTypes, describe } from 'react-desc';
-
-const outOfTheBoxType = PropTypes.oneOf(['ds-button', 'ds-icon-item', 'ds-separator', 'ds-search-box', 'ds-combo-box']).description('out-of-the-box toolbar components');
-const toolbarItemProps = {
-  component: PropTypes.oneOfType([outOfTheBoxType, PropTypes.element]).description('Main component').isRequired,
-  hasShortcut: PropTypes.bool.description('Whether to include the component as a shortcut in the toolbar or not').defaultValue(false),
-  shortcutComponent: PropTypes.element.description('Component to render as a shortcut in the toolbar'),
-  shortcutProps: PropTypes.object.description('Shortcut component props'),
-  dropdownComponentProps: PropTypes.object.description('Dropdown component props'),
-  sharedProps: PropTypes.object.description('Props shared by shortcut component and dropdown component'),
-  contextualRegion: PropTypes.element.description('Component that can be rendered as an adjacent region to the shortcut component'),
-  contextualRegionProps: PropTypes.object.description('Contextual region component props')
-};
-const itemPropTypes = PropTypes.shape(toolbarItemProps).description('Items props');
-const overflowButtonPropTypes = {
-  ariaLabel: PropTypes.string,
-  buttonType: PropTypes.oneOf(['secondary', 'text']),
-  style: PropTypes.object
-};
-const miniToolbarProps = {
-  items: PropTypes.arrayOf(itemPropTypes).description('Array of items').isRequired,
-  overflowButtonProps: PropTypes.shape(overflowButtonPropTypes).description('Overflow button props')
-};
-
-const ToolbarItem = () => null;
-
-const ToolbarItemWithSchema = describe(ToolbarItem);
-ToolbarItemWithSchema.propTypes = toolbarItemProps;
-
-export { ToolbarItemWithSchema, miniToolbarProps };

package/esm/styles.js

@@ -1,17 +0,0 @@
-import styled from 'styled-components';
-import DSButton from '@elliemae/ds-button';
-
-const Container = /*#__PURE__*/styled.ul.withConfig({
-  componentId: "sc-18ftw1x-0"
-})(["display:flex;align-items:center;justify-content:center;width:fit-content;padding:0 6px;"]);
-const Separator = /*#__PURE__*/styled.span.withConfig({
-  componentId: "sc-18ftw1x-1"
-})(["height:24px;width:1px;margin:6px;border-left:1px solid #bbb;"]);
-const Item = /*#__PURE__*/styled.li.withConfig({
-  componentId: "sc-18ftw1x-2"
-})(["display:flex;margin:6px;cursor:pointer;"]);
-const StyledButton = /*#__PURE__*/styled(DSButton).withConfig({
-  componentId: "sc-18ftw1x-3"
-})(["&:not(:focus){border-color:transparent;}"]);
-
-export { Container, Item, Separator, StyledButton };

package/types/Components/MiniToolbar.d.ts

@@ -1,21 +0,0 @@
-/// <reference path="../../../../../shared/typings/react-desc.d.ts" />
-import React from 'react';
-import { MiniToolbarPropsT } from '../index.d';
-declare const MiniToolbar: {
-    ({ items, overflowButtonProps }: MiniToolbarPropsT): React.ReactElement;
-    propTypes: {
-        items: import("react-desc").PropTypesDescValue;
-        overflowButtonProps: {
-            defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
-                deprecated: import("react-desc").PropTypesDescValidator;
-            };
-            isRequired: import("react-desc").PropTypesDescValue;
-        };
-    };
-};
-declare const MiniToolbarWithSchema: {
-    (props?: unknown): JSX.Element;
-    propTypes: unknown;
-    toTypescript: () => import("react-desc").TypescriptSchema;
-};
-export { MiniToolbar, MiniToolbarWithSchema };

package/types/Components/ToolbarShortcut.d.ts

@@ -1,4 +0,0 @@
-import React from 'react';
-import { ToolbarShortcutPropsT } from '../index.d';
-declare const ToolbarShortcut: (props: ToolbarShortcutPropsT) => React.ReactElement;
-export { ToolbarShortcut };

package/types/Components/outOfTheBox/Button.d.ts

@@ -1,3 +0,0 @@
-import React from 'react';
-declare const MiniToolbarButton: (props: Record<string, unknown>) => React.ReactElement;
-export { MiniToolbarButton };

package/types/Components/outOfTheBox/ComboBox.d.ts

@@ -1,3 +0,0 @@
-import React from 'react';
-declare const MiniToolbarComboBox: (props: Record<string, unknown>) => React.ReactElement;
-export { MiniToolbarComboBox };

package/types/Components/outOfTheBox/IconItem.d.ts

@@ -1,4 +0,0 @@
-import React from 'react';
-import { MiniToolbarIconItemPropsT } from '../../index.d';
-declare const MiniToolbarIcon: (props: MiniToolbarIconItemPropsT) => React.ReactElement;
-export { MiniToolbarIcon };

package/types/Components/outOfTheBox/SearchBox.d.ts

@@ -1,5 +0,0 @@
-import React from 'react';
-import { MiniToolbarIconItemPropsT } from '../../index.d';
-declare const MiniToolbarSearchButton: (props: MiniToolbarIconItemPropsT) => React.ReactElement;
-declare const MiniToolbarSearchBox: (props: Record<string, unknown>) => JSX.Element;
-export { MiniToolbarSearchButton, MiniToolbarSearchBox };

package/types/Components/outOfTheBox/Separator.d.ts

@@ -1,3 +0,0 @@
-import React from 'react';
-declare const MiniToolbarSeparator: () => React.ReactElement;
-export { MiniToolbarSeparator };

package/types/Components/outOfTheBox/index.d.ts

@@ -1,10 +0,0 @@
-export { MiniToolbarButton } from './Button';
-export { MiniToolbarIcon } from './IconItem';
-export { MiniToolbarSearchBox } from './SearchBox';
-export { MiniToolbarSeparator } from './Separator';
-export { MiniToolbarComboBox } from './ComboBox';
-export declare const ICON_ITEM = "ds-icon-item";
-export declare const SEPARATOR = "ds-separator";
-export declare const BUTTON = "ds-button";
-export declare const SEARCH_BOX = "ds-search-box";
-export declare const COMBO_BOX = "ds-combo-box";

package/types/hooks/useGenerateItems.d.ts

@@ -1,4 +0,0 @@
-import React from 'react';
-import { GeneratedDropdownItemT, MiniToolbarItemT } from '../index.d';
-declare const useGenerateItems: (items: MiniToolbarItemT[]) => [React.ReactElement[], GeneratedDropdownItemT[]];
-export { useGenerateItems };

package/types/index.d.d.ts

@@ -1,75 +0,0 @@
-import React from 'react';
-declare type SvgIconSizeType = 'xxs' | 'xs' | 's' | 'm' | 'l' | 'xl' | 'xxl';
-declare type SvgIconColorType = ['neutral', '900'] | ['neutral', '500'] | ['neutral', '0'] | ['danger', '900'] | ['warning', '600'] | ['success', '900'] | ['brand-primary', '600'];
-declare type SharedProps = {
-    options?: Record<string, unknown>[];
-    onClick?: (item: MiniToolbarItemT) => void;
-    Icon?: React.ComponentType<Record<string, unknown>>;
-    label?: string;
-} & Record<string, unknown>;
-declare type ShortcutProps = {
-    style?: React.CSSProperties;
-} & Record<string, unknown>;
-declare type ContextualRegionProps = {
-    position?: 'left' | 'right';
-    isOpen: boolean;
-} & Record<string, unknown>;
-declare type DropdownComponentProps = {
-    onClick?: (item: MiniToolbarItemT) => void;
-    label?: string;
-    Icon?: React.ComponentType<Record<string, unknown>>;
-    color?: SvgIconColorType;
-    onSelectMenuItem: (option: Record<string, unknown>) => void;
-} & Record<string, unknown>;
-declare type OverflowButtonProps = {
-    ariaLabel?: string;
-    style?: React.CSSProperties;
-    buttonType?: 'secondary' | 'text';
-};
-interface DefaultIconItemProps {
-    Icon: React.ComponentType<{
-        size: SvgIconSizeType;
-        color: SvgIconColorType;
-    }>;
-    size?: SvgIconSizeType;
-    color?: SvgIconColorType;
-    onClick?: (item: MiniToolbarItemT) => void;
-    ariaLabel?: string;
-    style?: React.CSSProperties;
-}
-declare type MiniToolbarIconItemPropsT = DefaultIconItemProps & Record<string, unknown>;
-declare type MiniToolbarButtonPropsT = {
-    ariaLabel: string;
-} & Record<string, unknown>;
-interface MiniToolbarItemT {
-    component: 'ds-button' | 'ds-icon-item' | 'ds-separator' | 'ds-search-box' | 'ds-combo-box' | React.ReactElement;
-    hasShortcut?: boolean;
-    shortcutComponent?: React.ReactElement;
-    shortcutProps?: ShortcutProps;
-    dropdownComponentProps?: DropdownComponentProps;
-    sharedProps?: SharedProps;
-    contextualRegion?: React.ReactElement;
-    contextualRegionProps?: ContextualRegionProps;
-    [key: string]: unknown;
-}
-interface ToolbarShortcutPropsT {
-    Component: React.ComponentType<Record<string, unknown>>;
-    shortcutProps: ShortcutProps;
-    sharedProps: SharedProps;
-    ContextualRegion: React.ComponentType<Record<string, unknown>>;
-    contextualRegionProps: ContextualRegionProps;
-}
-interface MiniToolbarPropsT {
-    items: MiniToolbarItemT[];
-    overflowButtonProps?: OverflowButtonProps;
-}
-declare type GeneratedDropdownItemT = {
-    id?: string;
-    label?: string;
-    onClick?: (item: MiniToolbarItemT) => void;
-    onKeyDown?: (e: React.KeyboardEvent) => void;
-    leftAddon?: React.ReactElement;
-    subItems?: Record<string, unknown>[];
-    type?: 'separator' | 'subMenu';
-};
-export { MiniToolbarIconItemPropsT, MiniToolbarButtonPropsT, MiniToolbarItemT, ToolbarShortcutPropsT, MiniToolbarPropsT, GeneratedDropdownItemT, };

package/types/index.d.ts

@@ -1,2 +0,0 @@
-export { MiniToolbar, MiniToolbarWithSchema } from './Components/MiniToolbar';
-export { ToolbarItemWithSchema } from './propTypes';

package/types/propTypes.d.ts

@@ -1,17 +0,0 @@
-/// <reference path="../../../../shared/typings/react-desc.d.ts" />
-/// <reference types="react" />
-declare const miniToolbarProps: {
-    items: import("react-desc").PropTypesDescValue;
-    overflowButtonProps: {
-        defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
-            deprecated: import("react-desc").PropTypesDescValidator;
-        };
-        isRequired: import("react-desc").PropTypesDescValue;
-    };
-};
-declare const ToolbarItemWithSchema: {
-    (props?: unknown): JSX.Element;
-    propTypes: unknown;
-    toTypescript: () => import("react-desc").TypescriptSchema;
-};
-export { ToolbarItemWithSchema, miniToolbarProps };

package/types/styles.d.ts

@@ -1,5 +0,0 @@
-declare const Container: import("styled-components").StyledComponent<"ul", import("styled-components").DefaultTheme, {}, never>;
-declare const Separator: import("styled-components").StyledComponent<"span", import("styled-components").DefaultTheme, {}, never>;
-declare const Item: import("styled-components").StyledComponent<"li", import("styled-components").DefaultTheme, {}, never>;
-declare const StyledButton: import("styled-components").StyledComponent<any, import("styled-components").DefaultTheme, any, any>;
-export { Container, Separator, Item, StyledButton };

package/types/tests/DSMiniToolbar.events.test.d.ts

@@ -1 +0,0 @@
-export {};

package/types/tests/DSMiniToolbar.keyboard.test.d.ts

@@ -1 +0,0 @@
-export {};

package/types/tests/DSMiniToolbar.test.d.ts

@@ -1 +0,0 @@
-export {};

package/types/tests/utils.test.d.ts

@@ -1,161 +0,0 @@
-export const testItems: ({
-    component: string;
-    hasShortcut: boolean;
-    shortcutProps: {
-        size: string;
-        onClick: jest.Mock<null, []>;
-        ariaLabel: string;
-    };
-    dropdownComponentProps: {
-        label: string;
-        size: string;
-        onClick: jest.Mock<null, []>;
-    };
-    sharedProps: {
-        Icon: (rest: any) => JSX.Element;
-        color: string[];
-        onClick?: undefined;
-    };
-} | {
-    component: string;
-    hasShortcut: boolean;
-    shortcutProps: {
-        size: string;
-        onClick?: undefined;
-        ariaLabel?: undefined;
-    };
-    dropdownComponentProps: {
-        label: string;
-        size: string;
-        onClick?: undefined;
-    };
-    sharedProps: {
-        Icon: (rest: any) => JSX.Element;
-        onClick: jest.Mock<null, []>;
-        color: string[];
-    };
-} | {
-    component: string;
-    hasShortcut: boolean;
-    shortcutProps: {
-        size: string;
-        onClick: jest.Mock<null, []>;
-        ariaLabel?: undefined;
-    };
-    dropdownComponentProps: {
-        label: string;
-        size: string;
-        onClick: jest.Mock<null, []>;
-    };
-    sharedProps: {
-        Icon: (rest: any) => JSX.Element;
-        color: string[];
-        onClick: jest.Mock<null, []>;
-    };
-} | {
-    component: string;
-    hasShortcut: boolean;
-    shortcutProps?: undefined;
-    dropdownComponentProps?: undefined;
-    sharedProps?: undefined;
-} | {
-    component: string;
-    hasShortcut: boolean;
-    shortcutProps: {
-        size: string;
-        onClick?: undefined;
-        ariaLabel?: undefined;
-    };
-    dropdownComponentProps: {
-        label: string;
-        size: string;
-        onClick?: undefined;
-    };
-    sharedProps: {
-        Icon: (rest: any) => JSX.Element;
-        color: string[];
-        onClick?: undefined;
-    };
-})[];
-export function addContextualRegionToItems(isOpen: any): ({
-    component: string;
-    hasShortcut: boolean;
-    shortcutProps: {
-        size: string;
-        onClick: jest.Mock<null, []>;
-        ariaLabel: string;
-    };
-    dropdownComponentProps: {
-        label: string;
-        size: string;
-        onClick: jest.Mock<null, []>;
-    };
-    sharedProps: {
-        Icon: (rest: any) => JSX.Element;
-        color: string[];
-        onClick?: undefined;
-    };
-} | {
-    component: string;
-    hasShortcut: boolean;
-    shortcutProps: {
-        size: string;
-        onClick?: undefined;
-        ariaLabel?: undefined;
-    };
-    dropdownComponentProps: {
-        label: string;
-        size: string;
-        onClick?: undefined;
-    };
-    sharedProps: {
-        Icon: (rest: any) => JSX.Element;
-        onClick: jest.Mock<null, []>;
-        color: string[];
-    };
-} | {
-    component: string;
-    hasShortcut: boolean;
-    shortcutProps: {
-        size: string;
-        onClick: jest.Mock<null, []>;
-        ariaLabel?: undefined;
-    };
-    dropdownComponentProps: {
-        label: string;
-        size: string;
-        onClick: jest.Mock<null, []>;
-    };
-    sharedProps: {
-        Icon: (rest: any) => JSX.Element;
-        color: string[];
-        onClick: jest.Mock<null, []>;
-    };
-} | {
-    component: string;
-    hasShortcut: boolean;
-    shortcutProps?: undefined;
-    dropdownComponentProps?: undefined;
-    sharedProps?: undefined;
-} | {
-    component: string;
-    hasShortcut: boolean;
-    shortcutProps: {
-        size: string;
-        onClick?: undefined;
-        ariaLabel?: undefined;
-    };
-    dropdownComponentProps: {
-        label: string;
-        size: string;
-        onClick?: undefined;
-    };
-    sharedProps: {
-        Icon: (rest: any) => JSX.Element;
-        color: string[];
-        onClick?: undefined;
-    };
-})[];
-export const shortcutCb: jest.Mock<null, []>;
-export const dropdownCb: jest.Mock<null, []>;
-export const sharedCb: jest.Mock<null, []>;