@televet/kibble-ui 1.12.14 → 1.13.1

package/build/components/Forms/FormControl/formControl.argTypes.d.ts

@@ -1,167 +1,15 @@
 export declare const formControlArgTypes: {
-    onChange: {
-        type: {
-            required: boolean;
-        };
-        table: {
-            type: {
-                summary: string;
-            };
-        };
-        description: string;
-    };
-    size: {
-        control: string;
-        description: string;
-        options: string[];
-        table: {
-            type: {
-                summary: string;
-            };
-            defaultValue: {
-                summary: string;
-            };
-        };
-        defaultValue: string;
-    };
-    label: {
-        control: string;
-        type: {
-            name: string;
-        };
-        table: {
-            type: {
-                summary: string;
-            };
-        };
-        description: string;
-    };
-    helperText: {
-        control: string;
-        type: {
-            name: string;
-        };
-        table: {
-            type: {
-                summary: string;
-            };
-        };
-        description: string;
-    };
-    helperTextAlignment: {
-        control: string;
-        options: string[];
-        defaultValue: string;
-        type: {
-            name: string;
-        };
-        table: {
-            type: {
-                summary: string;
-            };
-            defaultValue: {
-                summary: string;
-            };
-        };
-        description: string;
-    };
-    errorText: {
-        control: string;
-        type: {
-            name: string;
-        };
-        defaultValue: string;
-        table: {
-            type: {
-                summary: string;
-            };
-            defaultValue: {
-                summary: string;
-            };
-        };
-        description: string;
-    };
-    isDisabled: {
-        type: string;
-        description: string;
-        table: {
-            type: {
-                summary: string;
-            };
-            defaultValue: {
-                summary: string;
-            };
-        };
-        defaultValue: boolean;
-    };
-    isInvalid: {
-        type: string;
-        description: string;
-        table: {
-            type: {
-                summary: string;
-            };
-            defaultValue: {
-                summary: string;
-            };
-        };
-        defaultValue: boolean;
-    };
-    isReadOnly: {
-        type: string;
-        table: {
-            type: {
-                summary: string;
-            };
-            defaultValue: {
-                summary: string;
-            };
-        };
-        description: string;
-        defaultValue: boolean;
-    };
-    isRequired: {
-        type: string;
-        description: string;
-        table: {
-            type: {
-                summary: string;
-            };
-            defaultValue: {
-                summary: string;
-            };
-        };
-        defaultValue: boolean;
-    };
-    autoFocus: {
-        type: string;
-        table: {
-            type: {
-                summary: string;
-            };
-            defaultValue: {
-                summary: string;
-            };
-        };
-        defaultValue: boolean;
-        description: string;
-    };
-    labelStyle: {
-        type: string;
-        description: string;
-        table: {
-            type: {
-                summary: string;
-            };
-        };
-    };
-    formControlStyle: {
-        type: string;
-        description: string;
-        table: {
-            type: {
-                summary: string;
-            };
-        };
-    };
+    onChange: any;
+    size: any;
+    label: any;
+    helperText: any;
+    helperTextAlignment: any;
+    errorText: any;
+    isDisabled: any;
+    isInvalid: any;
+    isReadOnly: any;
+    isRequired: any;
+    autoFocus: any;
+    labelStyle: any;
+    formControlStyle: any;
 };

package/build/components/Forms/Select/select.component.d.ts

@@ -1,17 +1,18 @@
 import React, { ReactNode } from 'react';
 import { SelectProps as CSelectProps } from '@chakra-ui/react';
 import { WithFormControlProps } from '../FormControl/formControl.component';
-import { SelectOptionProps } from './select.types';
+import { SelectOptionProps } from 'components/Forms/Select/select.types';
 export interface SelectProps extends WithFormControlProps, CSelectProps {
     useBrowserDefaultMenu?: boolean;
     options: SelectOptionProps[];
-    listConfig?: {
+    listProps?: {
         isGrouped?: boolean;
         isSearchable?: boolean;
-        onSelectOption?: (selectedOption: SelectOptionProps) => void;
-        onMenuClose?: (selectedOption: (string | undefined)[]) => void;
+        onSelect?: (selectedOption: SelectOptionProps) => void;
+        onClose?: (selectedOption: (SelectOptionProps | undefined)[]) => void;
         defaultLeftElement?: ReactNode;
     };
+    shouldTruncateText?: boolean;
 }
 declare const WrappedSelect: React.FC<SelectProps>;
 export { WrappedSelect as Select };

package/build/components/Overlay/Menu/components/MenuButton/menuButton.argTypes.d.ts

@@ -0,0 +1,9 @@
+export declare const menuButtonArgTypes: {
+    leftElement: any;
+    leftIconName: any;
+    rightIconName: any;
+    showRightIcon: any;
+    size: any;
+    text: any;
+    variant: any;
+};

package/build/components/Overlay/Menu/{Components → components}/MenuButton/menuButton.component.d.ts

@@ -1,6 +1,6 @@
 import { ReactNode } from 'react';
-import { ButtonVariantType, ButtonSizeType } from '../../../../Forms';
-import { IconName } from '../../../../MediaAndIcons';
+import { ButtonVariantType, ButtonSizeType } from 'components/Forms';
+import { IconName } from 'components/MediaAndIcons';
 import { MenuButtonProps as CMenuButtonProps } from '@chakra-ui/react';
 export interface MenuButtonProps extends CMenuButtonProps {
     leftElement?: ReactNode;

package/build/components/Overlay/Menu/components/MenuContainer/menuContainer.argTypes.d.ts

@@ -0,0 +1,14 @@
+export declare const menuContainerArgTypes: {
+    autoSelect: any;
+    closeOnBlur: any;
+    defaultIsOpen: any;
+    flip: any;
+    gutter: any;
+    isLazy: any;
+    isOpen: any;
+    matchWidth: any;
+    offset: any;
+    onOpen: any;
+    onClose: any;
+    placement: any;
+};

package/build/components/Overlay/Menu/components/MenuContainer/menuContainer.component.d.ts

@@ -0,0 +1,9 @@
+import { ReactNode } from 'react';
+import { MenuProps as CMenuProps } from '@chakra-ui/react';
+import { MenuItemProps } from 'components/Overlay/Menu/components/MenuItem/menuItem.component';
+export interface MenuContainerProps extends Omit<CMenuProps, 'children' | 'onClose'> {
+    children?: ReactNode;
+    onClose?: (value: (MenuItemProps | undefined)[]) => void;
+}
+declare const MenuContainer: ({ children, onClose, ...rest }: MenuContainerProps) => JSX.Element;
+export default MenuContainer;

package/build/components/Overlay/Menu/components/MenuItem/menuItem.argTypes.d.ts

@@ -0,0 +1,12 @@
+export declare const menuItemArgTypes: {
+    closeOnSelect: any;
+    groupLabel: any;
+    isDisabled: any;
+    isMultiSelect: any;
+    isSelected: any;
+    label: any;
+    leftElement: any;
+    itemOnSelect: any;
+    value: any;
+    shouldTruncateText: any;
+};

package/build/components/Overlay/Menu/{Components → components}/MenuItem/menuItem.component.d.ts

@@ -12,8 +12,10 @@ export interface MenuItemProps {
     label?: string;
     leftElement?: ReactNode;
     menuItemRefs?: MutableRefObject<HTMLDivElement[] | null[]>;
-    onSelectItem?: (selectedValue: string) => void;
+    onSelect?: (selectedItem: MenuItemProps) => void;
+    shouldRetainSelection?: boolean;
+    shouldTruncateText?: boolean;
     value?: string;
 }
-declare const MenuItem: ({ isMultiSelect, canSelectAll, children, closeOnSelect, groupLabel, handleKeyboardNavigation, isDisabled, isSelected, itemIndex, label, leftElement, menuItemRefs, onSelectItem, value, ...rest }: MenuItemProps) => JSX.Element;
+declare const MenuItem: ({ isMultiSelect, canSelectAll, children, closeOnSelect, groupLabel, handleKeyboardNavigation, isDisabled, isSelected, itemIndex, label, leftElement, menuItemRefs, onSelect, shouldRetainSelection, shouldTruncateText, value, ...rest }: MenuItemProps) => JSX.Element;
 export default MenuItem;

package/build/components/Overlay/Menu/components/MenuList/menuList.argTypes.d.ts

@@ -0,0 +1,16 @@
+export declare const menuListArgTypes: {
+    canSelectAll: any;
+    canSelectGroups: any;
+    isGrouped: any;
+    isMultiSelect: any;
+    isSearchable: any;
+    maxW: any;
+    minW: any;
+    maxH: any;
+    menuItems: any;
+    menuOnSelect: any;
+    onSelectAll: any;
+    searchPlaceholder: any;
+    shouldRetainSelection: any;
+    shouldTruncateText: any;
+};

package/build/components/Overlay/Menu/components/MenuList/menuList.component.d.ts

@@ -0,0 +1,21 @@
+import { MenuListProps as CMenuListProps } from '@chakra-ui/react';
+import { MenuItemProps } from 'components/Overlay/Menu/components/MenuItem/menuItem.component';
+export interface MenuListProps extends Omit<CMenuListProps, 'onSelect'> {
+    canSelectAll?: boolean;
+    canSelectGroups?: boolean;
+    isGrouped?: boolean;
+    isMultiSelect?: boolean;
+    isSearchable?: boolean;
+    menuItems?: MenuItemProps[];
+    onSelect?: ((selectedItem: MenuItemProps, allSelectedItems?: MenuItemProps[]) => void) | ((selectedItem: MenuItemProps, allSelectedItems?: MenuItemProps[]) => Promise<void>);
+    onSelectAll?: ((selectedItems: MenuItemProps[]) => void) | ((selectedItems: MenuItemProps[]) => Promise<void>);
+    searchPlaceholder?: string;
+    shouldRetainSelection?: boolean;
+    minW?: string;
+    maxW?: string;
+    maxH?: string;
+    isMatchWidthSet?: boolean;
+    shouldTruncateText?: boolean;
+}
+declare const MenuList: ({ canSelectAll, canSelectGroups, children, isGrouped, isMatchWidthSet, isMultiSelect, isSearchable, menuItems, onSelect, onSelectAll, searchPlaceholder, shouldRetainSelection, shouldTruncateText, minW, maxW, maxH, ...rest }: MenuListProps) => JSX.Element;
+export default MenuList;

package/build/components/Overlay/Menu/{Components → components}/MenuSearchBar/menuSearchBar.component.d.ts

@@ -1,5 +1,5 @@
 import { ChangeEventHandler, Dispatch, SetStateAction, KeyboardEvent, MutableRefObject } from 'react';
-import { MenuItemProps } from '../MenuItem/menuItem.component';
+import { MenuItemProps } from 'components/Overlay/Menu/components/MenuItem/menuItem.component';
 export interface MenuSearchBarProps {
     handleKeyboardNavigation: (e: KeyboardEvent<HTMLInputElement>, elementIsInputField: boolean) => void;
     menuItems: MenuItemProps[];

package/build/components/Overlay/Menu/index.d.ts

@@ -1,9 +1,9 @@
 export * from './menu.component';
 export * from './menu.context';
 export * from './menu.config';
-export * from './Components/MenuButton/menuButton.component';
-export * from './Components/MenuContainer/menuContainer.component';
-export * from './Components/MenuItem/menuItem.component';
-export * from './Components/MenuList/menuList.component';
-export * from './Components/MenuOptionGroup/menuOptionGroup.component';
+export * from './components/MenuButton/menuButton.component';
+export * from './components/MenuContainer/menuContainer.component';
+export * from './components/MenuItem/menuItem.component';
+export * from './components/MenuList/menuList.component';
+export * from './components/MenuOptionGroup/menuOptionGroup.component';
 export { MenuItemOption, MenuDivider, MenuGroup } from '@chakra-ui/react';

package/build/components/Overlay/Menu/menu.argTypes.d.ts

@@ -0,0 +1,78 @@
+export declare const menuArgTypes: {
+    closeOnSelect: any;
+    groupLabel: any;
+    isDisabled: any;
+    isMultiSelect: any;
+    isSelected: any;
+    label: any;
+    leftElement: any;
+    itemOnSelect: any;
+    value: any;
+    shouldTruncateText: any;
+    canSelectAll: any;
+    canSelectGroups: any;
+    isGrouped: any;
+    isSearchable: any;
+    maxW: any;
+    minW: any;
+    maxH: any;
+    menuItems: any;
+    menuOnSelect: any;
+    onSelectAll: any;
+    searchPlaceholder: any;
+    shouldRetainSelection: any;
+    autoSelect: any;
+    closeOnBlur: any;
+    defaultIsOpen: any;
+    flip: any;
+    gutter: any;
+    isLazy: any;
+    isOpen: any;
+    matchWidth: any;
+    offset: any;
+    onOpen: any;
+    onClose: any;
+    placement: any;
+    leftIconName: any;
+    rightIconName: any;
+    showRightIcon: any;
+    size: any;
+    text: any;
+    variant: any;
+    buttonProps: {
+        control: {
+            type: string;
+        };
+        table: {
+            summary: {
+                variant: string;
+                size: string;
+            };
+        };
+        description: string;
+    };
+    listProps: {
+        control: {
+            type: string;
+        };
+        table: {
+            summary: {
+                variant: string;
+                size: string;
+            };
+        };
+        description: string;
+    };
+    containerProps: {
+        control: {
+            type: string;
+        };
+        table: {
+            summary: {
+                variant: string;
+                size: string;
+            };
+        };
+        description: string;
+    };
+};

package/build/components/Overlay/Menu/menu.component.d.ts

@@ -1,14 +1,13 @@
 import { FunctionComponent, ReactNode } from 'react';
 import { MenuProps as CMenuProps } from '@chakra-ui/react';
-import { MenuButtonProps } from './Components/MenuButton/menuButton.component';
-import { MenuItemProps } from './Components/MenuItem/menuItem.component';
-import { MenuListProps } from './Components/MenuList/menuList.component';
-export interface MenuProps extends Omit<CMenuProps, 'children'> {
-    buttonConfig?: MenuButtonProps;
+import { MenuContainerProps } from 'components/Overlay/Menu/components/MenuContainer/menuContainer.component';
+import { MenuButtonProps } from 'components/Overlay/Menu/components/MenuButton/menuButton.component';
+import { MenuListProps } from 'components/Overlay/Menu/components/MenuList/menuList.component';
+export interface MenuProps extends Omit<CMenuProps, 'children' | 'onClose'> {
+    buttonProps?: MenuButtonProps;
     CustomTriggerElement?: FunctionComponent;
-    listConfig?: MenuListProps;
-    menuItems: MenuItemProps[];
-    onMenuClose?: (value: (string | undefined)[]) => void;
+    listProps?: MenuListProps;
+    containerProps?: MenuContainerProps;
     children?: ReactNode;
 }
-export declare const BetaMenu: ({ buttonConfig, CustomTriggerElement, listConfig, menuItems, onMenuClose, isLazy, ...props }: MenuProps) => JSX.Element;
+export declare const BetaMenu: ({ buttonProps, CustomTriggerElement, listProps, containerProps, ...props }: MenuProps) => JSX.Element;

package/build/components/Overlay/Menu/menu.context.d.ts

@@ -1,5 +1,5 @@
 import React, { ReactNode, Dispatch, SetStateAction, MutableRefObject } from 'react';
-import { MenuItemProps } from './Components/MenuItem/menuItem.component';
+import { MenuItemProps } from 'components/Overlay/Menu/components/MenuItem/menuItem.component';
 export interface IMenuContext {
     allMenuItems?: MenuItemProps[];
     filteredMenuItems?: MenuItemProps[];
@@ -14,9 +14,11 @@ export interface IMenuContext {
 }
 export declare const MenuContext: React.Context<IMenuContext>;
 export declare const useMenuContext: () => IMenuContext;
-declare const MenuProvider: ({ menuItems, onMenuClose, children, }: {
-    menuItems?: MenuItemProps[] | undefined;
-    onMenuClose?: ((value: (string | undefined)[]) => void) | undefined;
+export interface MenuProviderProps {
+    menuItems?: MenuItemProps[];
+    onClose?: (value: (MenuItemProps | undefined)[]) => void;
+    isMultiSelect?: boolean;
     children?: ReactNode;
-}) => JSX.Element;
+}
+declare const MenuProvider: ({ menuItems, onClose, children }: MenuProviderProps) => JSX.Element;
 export default MenuProvider;

package/build/components/Overlay/Menu/menu.storiesData.d.ts

@@ -0,0 +1,4 @@
+import { MenuItemProps } from 'components/Overlay/Menu/components/MenuItem/menuItem.component';
+import { MenuProps } from 'components/Overlay/Menu/menu.component';
+export declare const basicMenuData: MenuItemProps[];
+export declare const defaultParams: Partial<MenuProps>;