@televet/kibble-ui 1.3.2-release.1 → 1.4.0-beta.3tvjp7e.0

package/build/components/Forms/Textarea/index.d.ts

@@ -1,2 +1,3 @@
 export * from './textarea.component';
+export * from './textarea.types';
 export * from './textarea.config';

package/build/components/Forms/Textarea/textarea.component.d.ts

@@ -1,7 +1,5 @@
-import React from 'react';
+/// <reference types="react" />
 import { TextareaProps as CTextareaProps } from '@chakra-ui/react';
-import { WithFormControlProps } from '../FormControl/formControl.component';
-export interface TextareaProps extends WithFormControlProps, CTextareaProps {
+export interface TextareaProps extends CTextareaProps {
 }
-declare const WrappedTextArea: React.FC<TextareaProps & WithFormControlProps>;
-export { WrappedTextArea as Textarea };
+export declare const Textarea: (props: TextareaProps) => JSX.Element;

package/build/components/Forms/index.d.ts

@@ -1,6 +1,2 @@
 export * from './Button';
 export * from './Textarea';
-export * from './TextInput';
-export * from './RatingDots';
-export * from './Select';
-export * from './Switch';

package/build/components/Overlay/Menu/Components/menuButton.component.d.ts

@@ -0,0 +1,13 @@
+/// <reference types="react" />
+import { IconName } from '../../..';
+import { MenuButtonProps as CMenuButtonProps } from '@chakra-ui/react';
+import { ButtonVariantType, ButtonSizeType } from 'components/Forms';
+interface MenuButtonProps extends CMenuButtonProps {
+    rightIconName?: IconName;
+    buttonText?: string;
+    buttonSize?: ButtonSizeType;
+    buttonIconName?: IconName;
+    variant?: ButtonVariantType;
+}
+declare const MenuButton: ({ rightIconName, variant, buttonSize, buttonText, buttonIconName, ...rest }: MenuButtonProps) => JSX.Element;
+export default MenuButton;

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

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { MenuProps as CMenuProps } from '@chakra-ui/react';
+declare const MenuContainer: ({ children, ...rest }: CMenuProps) => JSX.Element;
+export default MenuContainer;

package/build/components/Overlay/Menu/Components/menuDivider.component.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { MenuDividerProps as CMenuDividerProps } from '@chakra-ui/react';
+declare const MenuDivider: ({ children, ...rest }: CMenuDividerProps) => JSX.Element;
+export default MenuDivider;

package/build/components/Overlay/Menu/Components/menuGroup.component.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { MenuGroupProps as CMenuGroupProps } from '@chakra-ui/react';
+declare const MenuGroup: ({ children, ...rest }: CMenuGroupProps) => JSX.Element;
+export default MenuGroup;

package/build/components/Overlay/Menu/Components/menuItem.component.d.ts

@@ -0,0 +1,18 @@
+import { ReactNode, MutableRefObject, KeyboardEvent } from 'react';
+import { BoxProps } from '@chakra-ui/react';
+export interface MenuItemProps extends BoxProps {
+    canSelectAll?: boolean;
+    closeOnSelect?: boolean;
+    groupLabel?: string;
+    handleKeyboardNavigation?: (e: KeyboardEvent<HTMLDivElement>, elementIsInputField: boolean) => void;
+    isMultiSelect?: boolean;
+    isSelected?: boolean;
+    itemIndex?: string;
+    label: string;
+    leftElement?: ReactNode;
+    menuItemRefs?: MutableRefObject<HTMLDivElement[] | null[]>;
+    onSelectItem?: (selectedValue: string) => void;
+    value?: string;
+}
+declare const MenuItem: ({ canSelectAll, closeOnSelect, handleKeyboardNavigation, isMultiSelect, isSelected, itemIndex, label, leftElement, menuItemRefs, onSelectItem, value, }: MenuItemProps) => JSX.Element;
+export default MenuItem;

package/build/components/Overlay/Menu/Components/menuItemOption.component.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { MenuItemOptionProps as CMenuItemOptionProps } from '@chakra-ui/react';
+declare const MenuItemOption: ({ children, ...rest }: CMenuItemOptionProps) => JSX.Element;
+export default MenuItemOption;

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

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { MenuListProps as CMenuListProps } from '@chakra-ui/react';
+declare const MenuList: ({ children, ...rest }: CMenuListProps) => JSX.Element;
+export default MenuList;

package/build/components/Overlay/Menu/Components/menuOptionGroup.component.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { MenuOptionGroupProps as CMenuOptionGroupProps } from '@chakra-ui/react';
+declare const MenuOptionGroup: ({ children, ...rest }: CMenuOptionGroupProps) => JSX.Element;
+export default MenuOptionGroup;

package/build/components/Overlay/Menu/Components/menuSearchBar.component.d.ts

@@ -0,0 +1,11 @@
+import { ChangeEventHandler, Dispatch, RefObject, SetStateAction, KeyboardEvent } from 'react';
+import { MenuItemProps } from './menuItem.component';
+export interface MenuSearchBarProps {
+    handleKeyboardNavigation: (e: KeyboardEvent<HTMLInputElement>, elementIsInputField: boolean) => void;
+    menuItems: MenuItemProps[];
+    onSearchCallback?: (e: ChangeEventHandler) => void;
+    searchInputRef: RefObject<HTMLInputElement>;
+    setFilteredMenuItems: Dispatch<SetStateAction<MenuItemProps[]>>;
+}
+declare const MenuSearchBar: ({ handleKeyboardNavigation, menuItems, onSearchCallback, searchInputRef, setFilteredMenuItems, }: MenuSearchBarProps) => JSX.Element;
+export default MenuSearchBar;

package/build/components/Overlay/Menu/Components/menuSelectAllButtons.component.d.ts

@@ -0,0 +1,12 @@
+/// <reference types="react" />
+export interface MenuSelectAllButtonsProps {
+    handleToggleAllItems: ({ groupName, clear }: {
+        groupName?: string;
+        clear?: boolean;
+    }) => void;
+    hasSelectedItems: boolean;
+    isGrouped: boolean;
+    groupName?: string;
+}
+declare const MenuSelectAllButtons: ({ handleToggleAllItems, hasSelectedItems, isGrouped, groupName, }: MenuSelectAllButtonsProps) => JSX.Element;
+export default MenuSelectAllButtons;

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

@@ -1 +1,10 @@
-export { Menu, MenuButton, MenuList, MenuItem, MenuItemOption, MenuGroup, MenuOptionGroup, MenuDivider, } from '@chakra-ui/react';
+export * from './menu.component';
+export * from './menu.config';
+export * from './Components/menuButton.component';
+export * from './Components/menuContainer.component';
+export * from './Components/menuDivider.component';
+export * from './Components/menuGroup.component';
+export * from './Components/menuItem.component';
+export * from './Components/menuItemOption.component';
+export * from './Components/menuList.component';
+export * from './Components/menuOptionGroup.component';

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

@@ -0,0 +1,21 @@
+/// <reference types="react" />
+import { MenuItemProps } from './Components/menuItem.component';
+import { MenuProps as CMenuProps } from '@chakra-ui/react';
+import { IconName, ButtonVariantType, ButtonSizeType } from '../../..';
+export interface MenuProps extends CMenuProps {
+    buttonIconName?: IconName;
+    buttonSize?: ButtonSizeType;
+    buttonText?: string;
+    buttonVariant?: ButtonVariantType;
+    canSelectAll?: boolean;
+    isGrouped?: boolean;
+    isLazy?: boolean;
+    isMultiSelect?: boolean;
+    isSearchable?: boolean;
+    menuItems: MenuItemProps[];
+    onCloseCallback: (value: (string | undefined)[]) => void;
+    onSelectCallback?: (selectedItem: MenuItemProps[] | MenuItemProps) => void;
+    shouldCloseOnSelect?: boolean;
+}
+declare const Menu: ({ buttonIconName, buttonSize, buttonText, buttonVariant, canSelectAll, isGrouped, isLazy, isMultiSelect, isSearchable, menuItems, onCloseCallback, onSelectCallback, shouldCloseOnSelect, ...props }: MenuProps) => JSX.Element;
+export default Menu;

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

@@ -0,0 +1,30 @@
+import { ComponentStyleConfig } from '@chakra-ui/react';
+export declare const MenuItemConfig: {
+    color: string;
+    cursor: string;
+    fontSize: string;
+    px: string;
+    py: string;
+    outline: string;
+    transitionDuration: string;
+    transitionProperty: string;
+    transitionTimingFunction: string;
+    _hover: {
+        bg: string;
+    };
+    _focus: {
+        bg: string;
+    };
+    _active: {
+        bg: string;
+        color: string;
+    };
+    _expanded: {
+        bg: string;
+    };
+    _disabled: {
+        opacity: number;
+        cursor: string;
+    };
+};
+export declare const MenuConfig: ComponentStyleConfig;

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

@@ -1,2 +1,3 @@
 export * from './Drawer';
 export * from './Tooltip';
+export * from './Menu';

package/build/components/index.d.ts

@@ -5,4 +5,3 @@ export * from './MediaAndIcons';
 export * from './Other';
 export * from './Overlay';
 export * from './Typography';
-export { Divider, InputGroup, InputLeftElement, InputRightElement, } from '@chakra-ui/react';