@elliemae/ds-mini-toolbar 3.14.0-next.8 → 3.14.0-rc.0

package/dist/types/Components/MiniToolbar.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+import type { MiniToolbarPropsT } from '../index.d';
+declare const MiniToolbar: {
+    ({ items, overflowButtonProps }: MiniToolbarPropsT): React.ReactElement;
+    propTypes: {
+        items: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+        overflowButtonProps: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+    };
+    displayName: string;
+};
+declare const MiniToolbarWithSchema: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").DocumentedReactComponent<MiniToolbarPropsT>;
+export { MiniToolbar, MiniToolbarWithSchema };

package/dist/types/Components/ToolbarShortcut.d.ts

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

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

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

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

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

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

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

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

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

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

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

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

@@ -0,0 +1,10 @@
+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/dist/types/hooks/useGenerateItems.d.ts

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

package/dist/types/index.d.d.ts

@@ -0,0 +1,75 @@
+import type React from 'react';
+type SvgIconSizeType = 'xxs' | 'xs' | 's' | 'm' | 'l' | 'xl' | 'xxl';
+type SvgIconColorType = ['neutral', '900'] | ['neutral', '500'] | ['neutral', '0'] | ['danger', '900'] | ['warning', '600'] | ['success', '900'] | ['brand-primary', '600'];
+type SharedProps = {
+    options?: Record<string, unknown>[];
+    onClick?: (item: MiniToolbarItemT) => void;
+    Icon?: React.ComponentType<Record<string, unknown>>;
+    label?: string;
+} & Record<string, unknown>;
+type ShortcutProps = {
+    style?: React.CSSProperties;
+} & Record<string, unknown>;
+type ContextualRegionProps = {
+    position?: 'left' | 'right';
+    isOpen: boolean;
+} & Record<string, unknown>;
+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>;
+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;
+}
+type MiniToolbarIconItemPropsT = DefaultIconItemProps & Record<string, unknown>;
+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;
+}
+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 type { MiniToolbarIconItemPropsT, MiniToolbarButtonPropsT, MiniToolbarItemT, ToolbarShortcutPropsT, MiniToolbarPropsT, GeneratedDropdownItemT, };

package/dist/types/index.d.ts

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

package/dist/types/propTypes.d.ts

@@ -0,0 +1,6 @@
+declare const miniToolbarProps: {
+    items: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+    overflowButtonProps: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+};
+declare const ToolbarItemWithSchema: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").DocumentedReactComponent<unknown>;
+export { ToolbarItemWithSchema, miniToolbarProps };

package/dist/types/styles.d.ts

@@ -0,0 +1,5 @@
+declare const Container: import("styled-components").StyledComponent<keyof JSX.IntrinsicElements, import("@elliemae/ds-system").Theme, Record<string, unknown> & object, never>;
+declare const Separator: import("styled-components").StyledComponent<keyof JSX.IntrinsicElements, import("@elliemae/ds-system").Theme, Record<string, unknown> & object, never>;
+declare const Item: import("styled-components").StyledComponent<keyof JSX.IntrinsicElements, import("@elliemae/ds-system").Theme, Record<string, unknown> & object, never>;
+declare const StyledButton: import("styled-components").StyledComponent<any, import("@elliemae/ds-system").Theme, any, any>;
+export { Container, Separator, Item, StyledButton };

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

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

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

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

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

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

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

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@elliemae/ds-mini-toolbar",
-  "version": "3.14.0-next.8",
+  "version": "3.14.0-rc.0",
   "license": "MIT",
   "description": "ICE MT - Dimsum - MiniToolbar",
   "files": [
@@ -76,12 +76,12 @@
   },
   "dependencies": {
     "uid": "~2.0.0",
-    "@elliemae/ds-button": "3.14.0-next.8",
-    "@elliemae/ds-form": "3.14.0-next.8",
-    "@elliemae/ds-system": "3.14.0-next.8",
-    "@elliemae/ds-icons": "3.14.0-next.8",
-    "@elliemae/ds-utilities": "3.14.0-next.8",
-    "@elliemae/ds-dropdownmenu": "3.14.0-next.8"
+    "@elliemae/ds-dropdownmenu": "3.14.0-rc.0",
+    "@elliemae/ds-form": "3.14.0-rc.0",
+    "@elliemae/ds-icons": "3.14.0-rc.0",
+    "@elliemae/ds-system": "3.14.0-rc.0",
+    "@elliemae/ds-button": "3.14.0-rc.0",
+    "@elliemae/ds-utilities": "3.14.0-rc.0"
   },
   "devDependencies": {
     "@testing-library/react": "~12.1.3",