@elliemae/ds-mini-toolbar 2.3.0-alpha.8 → 2.3.0-alpha.9

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

@@ -0,0 +1,21 @@
+/// <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/dist/types/Components/ToolbarShortcut.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { 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 { 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 { 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 { 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 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/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,17 @@
+/// <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/dist/types/styles.d.ts

@@ -0,0 +1,5 @@
+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/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, []>;
+        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, []>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@elliemae/ds-mini-toolbar",
-  "version": "2.3.0-alpha.8",
+  "version": "2.3.0-alpha.9",
   "license": "MIT",
   "description": "ICE MT - Dimsum - MiniToolbar",
   "files": [
@@ -69,11 +69,11 @@
   },
   "author": "ICE MT",
   "dependencies": {
-    "@elliemae/ds-button": "2.3.0-alpha.8",
-    "@elliemae/ds-dropdownmenu": "2.3.0-alpha.8",
-    "@elliemae/ds-form": "2.3.0-alpha.8",
-    "@elliemae/ds-icons": "2.3.0-alpha.8",
-    "@elliemae/ds-system": "2.3.0-alpha.8",
+    "@elliemae/ds-button": "2.3.0-alpha.9",
+    "@elliemae/ds-dropdownmenu": "2.3.0-alpha.9",
+    "@elliemae/ds-form": "2.3.0-alpha.9",
+    "@elliemae/ds-icons": "2.3.0-alpha.9",
+    "@elliemae/ds-system": "2.3.0-alpha.9",
     "react-desc": "~4.1.3",
     "uid": "~2.0.0"
   },