@digital-ai/dot-components 1.7.0 → 1.9.1

package/lib/components/auto-complete/AutoComplete.d.ts

@@ -1,13 +1,16 @@
 import { ChangeEvent, ReactNode, Ref } from 'react';
 import { AutocompleteCloseReason } from '@material-ui/lab';
 import { CommonProps } from '../CommonProps';
+export declare const DEFAULT_ACTION_ITEM_TEXT = "Add new item";
 export interface ActionItem {
     /** The icon to display on the button */
-    iconId: string;
+    iconId?: string;
     /** Event callback */
-    onClick: () => void;
+    onClick: (inputText?: string) => void;
+    /** If set to true, it will prevent duplicate item insertion */
+    preventDuplicateInsertion?: boolean;
     /** Text/Node displayed */
-    text: string | ReactNode;
+    text?: string | ReactNode;
 }
 export declare type autoCompleteSize = 'medium' | 'small';
 export declare type AutoCompleteValue = string | string[] | AutoCompleteOption | AutoCompleteOption[];
@@ -16,7 +19,6 @@ export interface AutoCompleteOption {
     group?: string;
     title: string;
 }
-export declare const parseAutoCompleteValue: (value: AutoCompleteValue) => string;
 export interface AutoCompleteProps extends CommonProps {
     /** Action button as the last element on the menu **/
     actionItem?: ActionItem;
@@ -24,6 +26,8 @@ export interface AutoCompleteProps extends CommonProps {
     autoFocus?: boolean;
     /** default option that is selected */
     defaultValue?: AutoCompleteValue;
+    /** When `true` input textbox will be small size, when `false` it will be medium size. Default value is `true`. **/
+    dense?: boolean;
     /** Disable the portal behavior. If true, children stay within parent DOM hierarchy. */
     disablePortal?: boolean;
     /** If true, the input will be disabled. */
@@ -67,4 +71,4 @@ export interface AutoCompleteProps extends CommonProps {
     /** value if this is a controlled component */
     value?: AutoCompleteValue;
 }
-export declare const DotAutoComplete: ({ actionItem, ariaLabel, autoFocus, className, "data-testid": dataTestId, defaultValue, disabled, disablePortal, error, freesolo, group, helperText, inputId, inputRef, label, loading, multiple, onChange, onClose, onInputChange, onOpen, open, options, placeholder, required, size, value, }: AutoCompleteProps) => JSX.Element;
+export declare const DotAutoComplete: ({ actionItem, ariaLabel, autoFocus, className, "data-testid": dataTestId, defaultValue, dense, disabled, disablePortal, error, freesolo, group, helperText, inputId, inputRef, label, loading, multiple, onChange, onClose, onInputChange, onOpen, open, options, placeholder, required, size, value, }: AutoCompleteProps) => JSX.Element;

package/lib/components/auto-complete/AutoComplete.styles.d.ts

@@ -1,3 +1,5 @@
 import { Autocomplete } from '@material-ui/lab';
 export declare const rootClassName = "dot-autocomplete";
+export declare const inputRootClassName = "dot-input-root";
+export declare const inputMediumClassName = "dot-input-medium";
 export declare const StyledAutocomplete: import("styled-components").StyledComponent<typeof Autocomplete, any, {}, never>;

package/lib/components/auto-complete/Autocomplete.stories.data.d.ts

@@ -1,5 +1,21 @@
+import { ActionItem } from './AutoComplete';
 export declare const movies: {
     group: string;
     title: string;
     error: boolean;
 }[];
+export declare const handleActionItemClick: (newItem?: string) => void;
+export declare const actionItemOptions: ActionItem[];
+export declare const actionItemArgType: {
+    options: string[];
+    mapping: ActionItem[];
+    control: {
+        type: string;
+        labels: {
+            0: string;
+            1: string;
+            2: string;
+        };
+    };
+    defaultValue: string;
+};

package/lib/components/auto-complete/utils/helpers.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+import { AutocompleteGetTagProps } from '@material-ui/lab';
+import { ChipSize } from '../../chip/Chip';
+import { AutoCompleteOption, AutoCompleteValue } from '../AutoComplete';
+export declare const parseAutoCompleteValue: (value: AutoCompleteValue) => string;
+export declare const getChipsFromAutocomplete: (values: Array<AutoCompleteOption | string>, getTagProps: AutocompleteGetTagProps, chipSize?: ChipSize) => JSX.Element[];
+export declare const checkIfDuplicateItem: (itemText: string, autocompleteOptions: AutoCompleteOption[]) => boolean;

package/lib/components/button-toggle/ButtonToggle.d.ts

@@ -2,16 +2,17 @@ import { MouseEvent } from 'react';
 import { CommonProps } from '../CommonProps';
 export declare type ButtonToggleSize = 'small' | 'medium' | 'large';
 export declare type ButtonToggleOrientation = 'horizontal' | 'vertical';
-declare type ButtonToggleValue = string | number | boolean;
+export declare type ButtonToggleValue = string | number | boolean;
+export interface ButtonToggleOption extends CommonProps {
+    ariaLabel: string;
+    disabled?: boolean;
+    iconId?: string;
+    text?: string;
+    value: ButtonToggleValue;
+}
 export interface ButtonToggleProps extends CommonProps {
     /** button props for each toggle button options*/
-    buttonOptions: {
-        ariaLabel: string;
-        disabled?: boolean;
-        iconId?: string;
-        text?: string;
-        value: ButtonToggleValue;
-    }[];
+    buttonOptions: ButtonToggleOption[];
     /** If true, the keyboard focus ripple will be disabled */
     disableFocusRipple?: boolean;
     /** If true, the ripple effect will be disabled. */
@@ -28,4 +29,3 @@ export interface ButtonToggleProps extends CommonProps {
     value?: ButtonToggleValue;
 }
 export declare const DotButtonToggle: ({ ariaLabel, buttonOptions, className, "data-testid": dataTestId, disableFocusRipple, disableRipple, exclusive, onChange, orientation, size, value, }: ButtonToggleProps) => JSX.Element;
-export {};

package/lib/components/button-toggle/index.d.ts

@@ -0,0 +1 @@
+export * from './ButtonToggle';

package/lib/components/divider/Divider.d.ts

@@ -0,0 +1,17 @@
+/// <reference types="react" />
+import { CommonProps } from '../CommonProps';
+export declare type DividerOrientation = 'horizontal' | 'vertical';
+export declare type DividerVariant = 'fullWidth' | 'inset' | 'middle';
+export interface DividerProps extends CommonProps {
+    /** Absolutely position the element. Default value: `false` */
+    absolute?: boolean;
+    /** If true, a vertical divider will have the correct height when used in flex container. (By default, a vertical divider will have a calculated height of 0px if it is the child of a flex container.) */
+    flexItem?: boolean;
+    /** If `true`, the divider will have a lighter color. Default value: `false` */
+    light?: boolean;
+    /** The divider orientation. (`horizontal`, `vertical`). Default value: `horizontal` */
+    orientation?: DividerOrientation;
+    /** The variant to use. (`fullWidth`, `inset`, `middle`) */
+    variant?: DividerVariant;
+}
+export declare const DotDivider: ({ absolute, ariaLabel, className, "data-testid": dataTestId, flexItem, light, orientation, variant, }: DividerProps) => JSX.Element;

package/lib/components/divider/Divider.stories.styles.d.ts

@@ -0,0 +1,2 @@
+export declare const verticalClassName = "dot-divider-vertical";
+export declare const StyledVerticalDividerWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;

package/lib/components/divider/Divider.styles.d.ts

@@ -0,0 +1,2 @@
+export declare const rootClassName = "dot-divider";
+export declare const StyledDivider: import("styled-components").StyledComponent<import("@material-ui/core/OverridableComponent").OverridableComponent<import("@material-ui/core").DividerTypeMap<{}, "hr">>, any, {}, never>;

package/lib/components/divider/index.d.ts

@@ -0,0 +1 @@
+export * from './Divider';

package/lib/components/drawer/Drawer.d.ts

@@ -1,4 +1,4 @@
-import { MouseEvent, ReactNode, CSSProperties } from 'react';
+import { CSSProperties, MouseEvent, ReactNode } from 'react';
 import { CommonProps } from '../CommonProps';
 export declare type DrawerAnchor = 'bottom' | 'left' | 'right' | 'top';
 export declare type DrawerVariant = 'permanent' | 'persistent' | 'temporary';
@@ -23,11 +23,11 @@ export interface DrawerProps extends CommonProps {
     /** string or JSX element that is displayed inside the drawer */
     children?: ReactNode;
     /** Props applied to drawer body */
-    drawerBodyProps?: DrawerSection;
+    drawerBodyProps?: Omit<DrawerSection, 'ariaLabel'>;
     /** Props applied to drawer footer */
-    drawerFooterProps?: DrawerSection;
+    drawerFooterProps?: Omit<DrawerSection, 'ariaLabel'>;
     /** Props applied to drawer header */
-    drawerHeaderProps?: DrawerSection;
+    drawerHeaderProps?: Omit<DrawerSection, 'ariaLabel'>;
     /** The height of the drawer when anchor is 'top' or 'bottom' */
     height?: string;
     /** Callback fired when the component requests to be closed. */

package/lib/components/index.d.ts

@@ -3,6 +3,7 @@ export type { AutoCompleteOption, AutoCompleteProps, AutoCompleteValue, } from '
 export type { AvatarProps } from './avatar/Avatar';
 export type { BreadcrumbItem } from './breadcrumbs/Breadcrumbs';
 export type { ButtonProps } from './button/Button';
+export type { ButtonToggleProps, ButtonToggleValue, ButtonToggleOption, ButtonToggleOrientation, ButtonToggleSize, } from './button-toggle';
 export type { CheckboxProps } from './checkbox/Checkbox';
 export type { CheckboxGroupProps } from './checkbox/CheckboxGroup';
 export type { SubmitButtonProps } from './dialog/Dialog';
@@ -10,7 +11,7 @@ export type { DynamicFormProps } from './dynamic-form/DynamicForm';
 export type { ConditionFunction, ControlClickHandler, DisabledConditionFunction, DisabledControlCondition, DynamicFormConfig, DynamicFormControl, DynamicFormControlProps, DynamicFormControlType, DynamicFormOutputData, DynamicFormSectionProps, DynamicFormState, DynamicFormStateItem, FieldValidation, } from './dynamic-form/models';
 export type { IconButtonProps } from './button/IconButton';
 export type { InputTextProps } from './input-form-fields/InputText';
-export type { InputSelectProps, InputSelectOption } from './input-form-fields/InputSelect';
+export type { InputSelectProps, InputSelectOption, } from './input-form-fields/InputSelect';
 export type { LinkUnderline } from './link/Link';
 export type { ListItemProps } from './list';
 export type { MenuItemProps } from './menu/Menu';
@@ -23,18 +24,20 @@ export type { DotColumnHeader, MultiSelect, Order, RowSelectionChangeHandler, Ro
 export type { TabProps } from './tabs/Tabs';
 export type { TypographyVariant } from './typography/Typography';
 export type { ProgressButtonProps } from './progress-button/ProgressButton';
+export type { PopperPlacementType } from './popper';
+export type { DividerOrientation, DividerProps, DividerVariant, } from './divider';
 export { DotAccordion } from './accordion/Accordion';
 export { DotActionToolbar } from './action-toolbar/ActionToolbar';
 export { DotAlertBanner } from './alert-banner/AlertBanner';
 export { DotAppLogo } from './app-logo/AppLogo';
 export { DotAppToolbar } from './app-toolbar/AppToolbar';
-export { DotAutoComplete, parseAutoCompleteValue, } from './auto-complete/AutoComplete';
+export { DotAutoComplete } from './auto-complete/AutoComplete';
 export { DotAvatar } from './avatar/Avatar';
 export { DotAvatarGroup } from './avatar-group/AvatarGroup';
 export { DotBadge } from './badge/Badge';
 export { DotBreadcrumbs } from './breadcrumbs/Breadcrumbs';
 export { DotButton } from './button/Button';
-export { DotButtonToggle } from './button-toggle/ButtonToggle';
+export { DotButtonToggle } from './button-toggle';
 export { DotCard } from './card/Card';
 export { DotCardContent } from './card/CardContent';
 export { DotCardFooter } from './card/CardFooter';
@@ -77,3 +80,6 @@ export { DotTooltip } from './tooltip/Tooltip';
 export { DotTabs } from './tabs/Tabs';
 export { DotTypography } from './typography/Typography';
 export { DotFileUpload } from './file-upload/FileUpload';
+export { parseAutoCompleteValue } from './auto-complete/utils/helpers';
+export { DotDivider } from './divider';
+export { DotPopper } from './popper';

package/lib/components/menu/Menu.d.ts

@@ -26,6 +26,8 @@ export interface MenuProps extends CommonProps {
     onSelect?: (event: MouseEvent | KeyboardEvent, menuId: string, itemKey: string) => void;
     /** If true, the menu is open. */
     open?: boolean;
+    /** Key of the item which needs to be selected. If provided, item will be highlighted. */
+    selectedKey?: string;
 }
 export interface MenuItemProps {
     /** Defines a string value that labels the current element **/
@@ -34,9 +36,13 @@ export interface MenuItemProps {
     children?: ReactNode;
     /** Space delimited CSS classes to be attributed to the menu item */
     classes?: string;
+    /** If true, a 1px light border is added to the bottom of the menu item. */
+    divider?: boolean;
     /** Used to set custom item height (in pixels). This value has priority over "menuItemHeight" prop. */
     height?: number;
+    /** Children items, for multi-level menu display */
+    items?: MenuItemProps[];
     /** A key that can be used to determine which item was clicked */
     key?: string;
 }
-export declare const DotMenu: ({ anchorEl, ariaLabel, className, "data-testid": dataTestId, dense, disablePortal, id, loading, maxVisibleItems, menuItemHeight, menuItems, menuPlacement, onLeave, onSelect, open, }: MenuProps) => JSX.Element;
+export declare const DotMenu: ({ anchorEl, ariaLabel, className, "data-testid": dataTestId, dense, disablePortal, id, loading, maxVisibleItems, menuItemHeight, menuItems, menuPlacement, onLeave, onSelect, open, selectedKey, }: MenuProps) => JSX.Element;

package/lib/components/menu/Menu.stories.data.d.ts

@@ -9,6 +9,7 @@ export declare const defaultMenuItems: ({
     key: string;
     classes?: undefined;
 })[];
+export declare const multiLevelMenuItems: MenuItemProps[];
 export declare const buttonMenuItems: {
     children: string;
     key: string;

package/lib/components/menu/Menu.stories.styles.d.ts

@@ -1,2 +1,4 @@
 export declare const rootClassName = "dot-menu-wrapper";
+export declare const multiLevelClassName = "dot-multi-level-menu";
 export declare const StyledMenuWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const StyledMultiLevelMenu: import("styled-components").StyledComponent<"div", any, {}, never>;

package/lib/components/menu/MenuList.d.ts

@@ -0,0 +1,26 @@
+import React, { KeyboardEvent, KeyboardEventHandler, MouseEvent, ReactNode } from 'react';
+import { CommonProps } from '../CommonProps';
+import { MenuItemProps } from './Menu';
+export interface SubMenuCreateArgs {
+    anchorElement: Element;
+    isOpened: boolean;
+    subMenuId: string;
+    subMenuItems: MenuItemProps[];
+}
+export interface MenuListProps extends CommonProps {
+    autoFocusItem?: boolean;
+    dense?: boolean;
+    id?: string;
+    maxVisibleItems: number;
+    menuItemHeight: number | string;
+    menuItems: Array<MenuItemProps>;
+    onItemSelect?: (event: MouseEvent | KeyboardEvent, itemKey: string) => void;
+    onKeyDown?: KeyboardEventHandler<Element>;
+    onSubMenuCreate?: (args: SubMenuCreateArgs) => ReactNode;
+    selectedKey?: string;
+}
+/**
+ * Since this component is used inside 'ClickAwayListener',
+ * it needs to be contained within 'forwardRef' function
+ */
+export declare const DotMenuList: React.ForwardRefExoticComponent<MenuListProps & React.RefAttributes<HTMLDivElement>>;

package/lib/components/menu/MenuList.styles.d.ts

@@ -0,0 +1,5 @@
+import { MenuList } from '@material-ui/core';
+export declare const rootClassName = "dot-ul";
+export declare const listItemClassName = "dot-li";
+export declare const listItemWithSubmenuClassName = "dot-li-with-submenu";
+export declare const StyledMenuList: import("styled-components").StyledComponent<typeof MenuList, any, {}, never>;

package/lib/components/menu/utils/helpers.d.ts

@@ -9,4 +9,8 @@ export declare const getDefaultItemHeight: (isDense: boolean) => 28 | 33;
 export declare const calculateItemHeight: (isDense: boolean, customItemHeight?: number, menuItemHeight?: number | string) => number | string;
 export declare const getNumberOfVisibleItems: (numberOfItems: number, maxVisibleItems?: number) => number;
 export declare const calculateMaxHeight: ({ isDense, maxVisibleItems, menuItems, menuItemHeight, }: MaxHeightCalculationArgs) => number | string;
+export declare const checkForSubItems: (menuItems: MenuItemProps[]) => boolean;
+export declare const checkIfSubmenu: (anchorElement: Element) => boolean;
+export declare const checkIfMenuItemSelected: (key: string, selectedKey: string, activeSubmenu: string) => boolean;
+export declare const checkForAutoFocus: (autoFocusItem: boolean, isFirstItem: boolean) => boolean;
 export {};

package/lib/components/popper/Popper.d.ts

@@ -0,0 +1,18 @@
+import { KeyboardEvent, MouseEvent, ReactNode } from 'react';
+import { PopperPlacementType } from '@material-ui/core';
+import { CommonProps } from '../CommonProps';
+export interface PopperProps extends CommonProps {
+    /** Element that popper is attached to */
+    anchorEl?: Element;
+    /** The content of the component */
+    children: ReactNode;
+    /** Disable the portal behavior. If `true`, children stay within parent DOM hierarchy. */
+    disablePortal?: boolean;
+    /** Event callback when leaving popper by clicking away */
+    onClickAway?: (event: KeyboardEvent | MouseEvent<Document>) => void;
+    /** If `true`, the popper is visible. */
+    open: boolean;
+    /** Popper placement. */
+    placement?: PopperPlacementType;
+}
+export declare const DotPopper: ({ ariaLabel, anchorEl, children, className, "data-testid": dataTestId, disablePortal, onClickAway, open, placement, }: PopperProps) => JSX.Element;

package/lib/components/popper/Popper.data.d.ts

@@ -0,0 +1,7 @@
+import { KeyboardEvent, MouseEvent } from 'react';
+export interface PopperTestWrapperProps {
+    dataTestId?: string;
+    disablePortal?: boolean;
+    onClickAway?: (event: KeyboardEvent | MouseEvent<Document>) => void;
+}
+export declare const PopperTestWrapper: (props: PopperTestWrapperProps) => JSX.Element;

package/lib/components/popper/Popper.stories.data.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+import { ButtonToggleValue } from '../button-toggle';
+export interface FlagTaskProps {
+    onChange: (optionValue: ButtonToggleValue) => void;
+}
+export declare const FlagTask: ({ onChange }: FlagTaskProps) => JSX.Element;

package/lib/components/popper/Popper.stories.styles.d.ts

@@ -0,0 +1,4 @@
+export declare const defaultStoryClassName = "dot-popper-default";
+export declare const flagTaskClassName = "dot-flag-task";
+export declare const StyledPopperStory: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const StyledFlagTask: import("styled-components").StyledComponent<"div", any, {}, never>;

package/lib/components/popper/Popper.styles.d.ts

@@ -0,0 +1,3 @@
+import { Popper } from '@material-ui/core';
+export declare const rootClassName = "dot-popper";
+export declare const StyledPopper: import("styled-components").StyledComponent<typeof Popper, any, {}, never>;

package/lib/components/popper/index.d.ts

@@ -0,0 +1,2 @@
+export { PopperPlacementType } from '@material-ui/core';
+export * from './Popper';

package/lib/components/sidebar/Sidebar.stories.data.d.ts

@@ -1,5 +1,6 @@
 import { MouseEvent } from 'react';
 import { ListItemProps } from '../list/utils/models';
+export declare const childElement: JSX.Element;
 export declare const getNavigationItems: (isSelected: (key: number) => boolean, handleClick: (key: number) => void) => ({
     startIconId: string;
     onClick: import("@storybook/addon-actions").HandlerFunction;

package/lib/components/split-button/SplitButton.styles.d.ts

@@ -1,4 +1,4 @@
 /// <reference types="react" />
 export declare const rootClassName = "dot-split-button-group";
 export declare const StyledSplitButtonGroup: import("styled-components").StyledComponent<import("@material-ui/core/OverridableComponent").OverridableComponent<import("@material-ui/core").ButtonGroupTypeMap<{}, "div">>, any, {}, never>;
-export declare const StyledMenu: import("styled-components").StyledComponent<({ anchorEl, ariaLabel, className, "data-testid": dataTestId, dense, disablePortal, id, loading, maxVisibleItems, menuItemHeight, menuItems, menuPlacement, onLeave, onSelect, open, }: import("../menu/Menu").MenuProps) => JSX.Element, any, {}, never>;
+export declare const StyledMenu: import("styled-components").StyledComponent<({ anchorEl, ariaLabel, className, "data-testid": dataTestId, dense, disablePortal, id, loading, maxVisibleItems, menuItemHeight, menuItems, menuPlacement, onLeave, onSelect, open, selectedKey, }: import("../menu/Menu").MenuProps) => JSX.Element, any, {}, never>;

package/lib/components/table/Table.data.d.ts

@@ -0,0 +1,43 @@
+/// <reference types="react" />
+export declare const handleDeleteClick: () => void;
+export declare const handleBulkDeleteClick: () => void;
+export declare const actionItemArray: {
+    actions: {
+        children: JSX.Element;
+        key: string;
+        onclick: () => void;
+    }[];
+}[];
+export declare const actionCol: {
+    id: string;
+    label: string;
+}[];
+export declare const tableData: {
+    id: string;
+    rowData: {
+        action: {
+            actions: {
+                children: JSX.Element;
+                key: string;
+                onclick: () => void;
+            }[];
+        }[];
+        type: string;
+    };
+}[];
+export declare const testCols: ({
+    id: string;
+    label: string;
+    truncate: boolean;
+} | {
+    id: string;
+    label: string;
+    truncate?: undefined;
+})[];
+export declare const testData: {
+    id: string;
+    rowData: {
+        name: string;
+        type: string;
+    };
+}[];

package/lib/components/table/Table.stories.data.d.ts

@@ -1,5 +1,6 @@
 /// <reference types="react" />
 import { TextAlignment } from './TableCell';
+import { TableProps } from './Table';
 export declare const actionMenuColumns: ({
     id: string;
     label: string;
@@ -119,3 +120,4 @@ export declare const paginatedData: {
         hit: string;
     };
 }[];
+export declare const MultiSelectTable: (props: TableProps) => JSX.Element;

package/lib/components/table/Table.styles.d.ts

@@ -3,4 +3,4 @@ import { Paper } from '@material-ui/core';
 export declare const rootClassName = "dot-table";
 export declare const StyledPaper: import("styled-components").StyledComponent<typeof Paper, any, {}, never>;
 export declare const StyledTableContainer: import("styled-components").StyledComponent<import("@material-ui/core/OverridableComponent").OverridableComponent<import("@material-ui/core").TableContainerTypeMap<{}, "div">>, any, {}, never>;
-export declare const StyledMenu: import("styled-components").StyledComponent<({ anchorEl, ariaLabel, className, "data-testid": dataTestId, dense, disablePortal, id, loading, maxVisibleItems, menuItemHeight, menuItems, menuPlacement, onLeave, onSelect, open, }: import("../menu/Menu").MenuProps) => JSX.Element, any, {}, never>;
+export declare const StyledMenu: import("styled-components").StyledComponent<({ anchorEl, ariaLabel, className, "data-testid": dataTestId, dense, disablePortal, id, loading, maxVisibleItems, menuItemHeight, menuItems, menuPlacement, onLeave, onSelect, open, selectedKey, }: import("../menu/Menu").MenuProps) => JSX.Element, any, {}, never>;

package/lib/components/table/TableSelectionToolbar.d.ts

@@ -2,6 +2,7 @@ import { ReactNode } from 'react';
 import { CommonProps } from '../CommonProps';
 export interface TableSelectionToolbarProps extends CommonProps {
     bulkActions?: ReactNode;
+    onClearAll?: () => void;
     selectedRowsNumber: number;
 }
-export declare const DotTableSelectionToolbar: ({ ariaLabel, bulkActions, className, "data-testid": dataTestId, selectedRowsNumber, }: TableSelectionToolbarProps) => JSX.Element;
+export declare const DotTableSelectionToolbar: ({ ariaLabel, bulkActions, className, "data-testid": dataTestId, onClearAll, selectedRowsNumber, }: TableSelectionToolbarProps) => JSX.Element;

package/lib/components/table/utils/models.d.ts

@@ -7,6 +7,7 @@ export interface MultiSelect {
     bulkActions?: ReactNode;
     onCheckAllChange?: TableRowSelectChangeHandler;
     onCheckRowChange?: TableRowSelectChangeHandler;
+    onClearAllChange?: TableRowSelectChangeHandler;
 }
 interface MultiSelectTableBase {
     selectedTableRowIds: string[];

package/lib/testing-utils/index.d.ts

@@ -0,0 +1,60 @@
+import React, { ReactNode } from 'react';
+export { mockResizeObserver } from './resize-observer-mock';
+declare const renderWithTheme: (ui: ReactNode) => {
+    container: HTMLElement;
+    baseElement: Element;
+    debug: (baseElement?: Element | DocumentFragment | (Element | DocumentFragment)[], maxLength?: number, options?: import("pretty-format").PrettyFormatOptions) => void;
+    rerender: (ui: React.ReactElement<any, string | React.JSXElementConstructor<any>>) => void;
+    unmount: () => void;
+    asFragment: () => DocumentFragment;
+    getByLabelText: (id: import("@testing-library/react").Matcher, options?: import("@testing-library/react").SelectorMatcherOptions) => HTMLElement;
+    getAllByLabelText: (id: import("@testing-library/react").Matcher, options?: import("@testing-library/react").SelectorMatcherOptions) => HTMLElement[];
+    queryByLabelText: (id: import("@testing-library/react").Matcher, options?: import("@testing-library/react").SelectorMatcherOptions) => HTMLElement;
+    queryAllByLabelText: (id: import("@testing-library/react").Matcher, options?: import("@testing-library/react").SelectorMatcherOptions) => HTMLElement[];
+    findByLabelText: (id: import("@testing-library/react").Matcher, options?: import("@testing-library/react").SelectorMatcherOptions, waitForElementOptions?: import("@testing-library/react").waitForOptions) => Promise<HTMLElement>;
+    findAllByLabelText: (id: import("@testing-library/react").Matcher, options?: import("@testing-library/react").SelectorMatcherOptions, waitForElementOptions?: import("@testing-library/react").waitForOptions) => Promise<HTMLElement[]>;
+    getByPlaceholderText: (id: import("@testing-library/react").Matcher, options?: import("@testing-library/react").MatcherOptions) => HTMLElement;
+    getAllByPlaceholderText: (id: import("@testing-library/react").Matcher, options?: import("@testing-library/react").MatcherOptions) => HTMLElement[];
+    queryByPlaceholderText: (id: import("@testing-library/react").Matcher, options?: import("@testing-library/react").MatcherOptions) => HTMLElement;
+    queryAllByPlaceholderText: (id: import("@testing-library/react").Matcher, options?: import("@testing-library/react").MatcherOptions) => HTMLElement[];
+    findByPlaceholderText: (id: import("@testing-library/react").Matcher, options?: import("@testing-library/react").MatcherOptions, waitForElementOptions?: import("@testing-library/react").waitForOptions) => Promise<HTMLElement>;
+    findAllByPlaceholderText: (id: import("@testing-library/react").Matcher, options?: import("@testing-library/react").MatcherOptions, waitForElementOptions?: import("@testing-library/react").waitForOptions) => Promise<HTMLElement[]>;
+    getByText: (id: import("@testing-library/react").Matcher, options?: import("@testing-library/react").SelectorMatcherOptions) => HTMLElement;
+    getAllByText: (id: import("@testing-library/react").Matcher, options?: import("@testing-library/react").SelectorMatcherOptions) => HTMLElement[];
+    queryByText: (id: import("@testing-library/react").Matcher, options?: import("@testing-library/react").SelectorMatcherOptions) => HTMLElement;
+    queryAllByText: (id: import("@testing-library/react").Matcher, options?: import("@testing-library/react").SelectorMatcherOptions) => HTMLElement[];
+    findByText: (id: import("@testing-library/react").Matcher, options?: import("@testing-library/react").SelectorMatcherOptions, waitForElementOptions?: import("@testing-library/react").waitForOptions) => Promise<HTMLElement>;
+    findAllByText: (id: import("@testing-library/react").Matcher, options?: import("@testing-library/react").SelectorMatcherOptions, waitForElementOptions?: import("@testing-library/react").waitForOptions) => Promise<HTMLElement[]>;
+    getByAltText: (id: import("@testing-library/react").Matcher, options?: import("@testing-library/react").MatcherOptions) => HTMLElement;
+    getAllByAltText: (id: import("@testing-library/react").Matcher, options?: import("@testing-library/react").MatcherOptions) => HTMLElement[];
+    queryByAltText: (id: import("@testing-library/react").Matcher, options?: import("@testing-library/react").MatcherOptions) => HTMLElement;
+    queryAllByAltText: (id: import("@testing-library/react").Matcher, options?: import("@testing-library/react").MatcherOptions) => HTMLElement[];
+    findByAltText: (id: import("@testing-library/react").Matcher, options?: import("@testing-library/react").MatcherOptions, waitForElementOptions?: import("@testing-library/react").waitForOptions) => Promise<HTMLElement>;
+    findAllByAltText: (id: import("@testing-library/react").Matcher, options?: import("@testing-library/react").MatcherOptions, waitForElementOptions?: import("@testing-library/react").waitForOptions) => Promise<HTMLElement[]>;
+    getByTitle: (id: import("@testing-library/react").Matcher, options?: import("@testing-library/react").MatcherOptions) => HTMLElement;
+    getAllByTitle: (id: import("@testing-library/react").Matcher, options?: import("@testing-library/react").MatcherOptions) => HTMLElement[];
+    queryByTitle: (id: import("@testing-library/react").Matcher, options?: import("@testing-library/react").MatcherOptions) => HTMLElement;
+    queryAllByTitle: (id: import("@testing-library/react").Matcher, options?: import("@testing-library/react").MatcherOptions) => HTMLElement[];
+    findByTitle: (id: import("@testing-library/react").Matcher, options?: import("@testing-library/react").MatcherOptions, waitForElementOptions?: import("@testing-library/react").waitForOptions) => Promise<HTMLElement>;
+    findAllByTitle: (id: import("@testing-library/react").Matcher, options?: import("@testing-library/react").MatcherOptions, waitForElementOptions?: import("@testing-library/react").waitForOptions) => Promise<HTMLElement[]>;
+    getByDisplayValue: (id: import("@testing-library/react").Matcher, options?: import("@testing-library/react").MatcherOptions) => HTMLElement;
+    getAllByDisplayValue: (id: import("@testing-library/react").Matcher, options?: import("@testing-library/react").MatcherOptions) => HTMLElement[];
+    queryByDisplayValue: (id: import("@testing-library/react").Matcher, options?: import("@testing-library/react").MatcherOptions) => HTMLElement;
+    queryAllByDisplayValue: (id: import("@testing-library/react").Matcher, options?: import("@testing-library/react").MatcherOptions) => HTMLElement[];
+    findByDisplayValue: (id: import("@testing-library/react").Matcher, options?: import("@testing-library/react").MatcherOptions, waitForElementOptions?: import("@testing-library/react").waitForOptions) => Promise<HTMLElement>;
+    findAllByDisplayValue: (id: import("@testing-library/react").Matcher, options?: import("@testing-library/react").MatcherOptions, waitForElementOptions?: import("@testing-library/react").waitForOptions) => Promise<HTMLElement[]>;
+    getByRole: (role: import("@testing-library/react").ByRoleMatcher, options?: import("@testing-library/react").ByRoleOptions) => HTMLElement;
+    getAllByRole: (role: import("@testing-library/react").ByRoleMatcher, options?: import("@testing-library/react").ByRoleOptions) => HTMLElement[];
+    queryByRole: (role: import("@testing-library/react").ByRoleMatcher, options?: import("@testing-library/react").ByRoleOptions) => HTMLElement;
+    queryAllByRole: (role: import("@testing-library/react").ByRoleMatcher, options?: import("@testing-library/react").ByRoleOptions) => HTMLElement[];
+    findByRole: (role: import("@testing-library/react").ByRoleMatcher, options?: import("@testing-library/react").ByRoleOptions, waitForElementOptions?: import("@testing-library/react").waitForOptions) => Promise<HTMLElement>;
+    findAllByRole: (role: import("@testing-library/react").ByRoleMatcher, options?: import("@testing-library/react").ByRoleOptions, waitForElementOptions?: import("@testing-library/react").waitForOptions) => Promise<HTMLElement[]>;
+    getByTestId: (id: import("@testing-library/react").Matcher, options?: import("@testing-library/react").MatcherOptions) => HTMLElement;
+    getAllByTestId: (id: import("@testing-library/react").Matcher, options?: import("@testing-library/react").MatcherOptions) => HTMLElement[];
+    queryByTestId: (id: import("@testing-library/react").Matcher, options?: import("@testing-library/react").MatcherOptions) => HTMLElement;
+    queryAllByTestId: (id: import("@testing-library/react").Matcher, options?: import("@testing-library/react").MatcherOptions) => HTMLElement[];
+    findByTestId: (id: import("@testing-library/react").Matcher, options?: import("@testing-library/react").MatcherOptions, waitForElementOptions?: import("@testing-library/react").waitForOptions) => Promise<HTMLElement>;
+    findAllByTestId: (id: import("@testing-library/react").Matcher, options?: import("@testing-library/react").MatcherOptions, waitForElementOptions?: import("@testing-library/react").waitForOptions) => Promise<HTMLElement[]>;
+};
+export * from '@testing-library/react';
+export { renderWithTheme as render };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@digital-ai/dot-components",
-  "version": "1.7.0",
+  "version": "1.9.1",
   "private": false,
   "license": "SEE LICENSE IN <LICENSE.md>",
   "contributors": [
@@ -13,8 +13,8 @@
     "type": "git",
     "url": "git://github.com/digital-ai/dot-components.git"
   },
-  "main": "./dot-components.umd.js",
-  "module": "./dot-components.esm.js",
+  "main": "./index.umd.js",
+  "module": "./index.esm.js",
   "typings": "./index.d.ts",
   "description": "A component library the follows the Dot Design System",
   "bugs": {
@@ -33,6 +33,6 @@
   },
   "peerDependencies": {
     "react": "^16.8.0 || ^17.0.0",
-    "react-router-dom": "^5.2.0"
+    "react-router-dom": "5.3.0"
   }
 }