@ballistix.digital/react-components 0.4.69 → 0.4.71

package/dist/index.d.ts

@@ -1,4 +1,4 @@
-import React, { FC, ReactNode, RefObject, ReactElement, HTMLInputTypeAttribute, Dispatch, SetStateAction, ElementType } from 'react';
+import React, { FC, ReactNode, RefObject, ReactElement, HTMLInputTypeAttribute, Dispatch, SetStateAction, ElementType, ChangeEvent } from 'react';
 import { DeepPartial as DeepPartial$1 } from 'types/DeepPartial';
 import { Menu } from '@headlessui/react';
 import { IconName } from '@fortawesome/fontawesome-svg-core';
@@ -8,7 +8,7 @@ import { TDropdownElementStyles as TDropdownElementStyles$1 } from 'components/E
 import { TPagePaginationNavigationStyles as TPagePaginationNavigationStyles$1 } from 'components/Navigation/PagePagination';
 export { createColumnHelper } from 'helpers/table';
 
-declare const base$i: {
+declare const base$j: {
     loading: string;
     spinner: string;
     empty: string;
@@ -16,7 +16,7 @@ declare const base$i: {
     container: string;
     indicator: string;
 };
-type TAvatarElementStyles = DeepPartial$1<typeof base$i>;
+type TAvatarElementStyles = DeepPartial$1<typeof base$j>;
 
 type TProps$f = {
     src?: string | undefined;
@@ -32,12 +32,12 @@ type TProps$f = {
 };
 declare const AvatarElement: FC<TProps$f>;
 
-declare const base$h: {
+declare const base$i: {
     container: string;
     indicator: string;
     button: string;
 };
-type TBadgeElementStyles = DeepPartial$1<typeof base$h>;
+type TBadgeElementStyles = DeepPartial$1<typeof base$i>;
 
 type TProps$e = {
     children: string | ReactNode;
@@ -66,21 +66,21 @@ type TButtonElementProps = {
 };
 declare const ButtonElement: FC<TButtonElementProps>;
 
-declare const base$g: {
+declare const base$h: {
     container: string;
     content: string;
     icon: string;
     spinner: string;
 };
-type TButtonElementStyles = DeepPartial$1<typeof base$g>;
+type TButtonElementStyles = DeepPartial$1<typeof base$h>;
 
-declare const base$f: {
+declare const base$g: {
     container: string;
     firstButton: string;
     button: string;
     lastButton: string;
 };
-type TButtonGroupElementStyles = DeepPartial$1<typeof base$f>;
+type TButtonGroupElementStyles = DeepPartial$1<typeof base$g>;
 
 type TProps$d = {
     children: ReactElement[];
@@ -88,14 +88,14 @@ type TProps$d = {
 };
 declare const ButtonGroupElement: FC<TProps$d>;
 
-declare const base$e: {
+declare const base$f: {
     container: string;
     button: string;
     compact: string;
     dots: string;
     items: string;
 };
-type TDropdownElementStyles = DeepPartial$1<typeof base$e>;
+type TDropdownElementStyles = DeepPartial$1<typeof base$f>;
 
 type TProps$c = {
     children: ReactElement | ReactElement[];
@@ -149,7 +149,7 @@ type TInputGroupFormProps = {
 };
 declare const InputGroupForm: FC<TInputGroupFormProps>;
 
-declare const base$d: {
+declare const base$e: {
     container: string;
     head: string;
     body: string;
@@ -162,13 +162,13 @@ declare const base$d: {
     description: string;
     error: string;
 };
-type TInputGroupStyles = DeepPartial$1<typeof base$d>;
+type TInputGroupStyles = DeepPartial$1<typeof base$e>;
 
-declare const base$c: {
+declare const base$d: {
     container: string;
     content: string;
 };
-type TContainerLayoutStyles = DeepPartial$1<typeof base$c>;
+type TContainerLayoutStyles = DeepPartial$1<typeof base$d>;
 
 type TProps$a = {
     children: ReactNode;
@@ -177,14 +177,14 @@ type TProps$a = {
 };
 declare const ContainerLayout: FC<TProps$a>;
 
-declare const base$b: {
+declare const base$c: {
     container: string;
     head: string;
     line: string;
     body: string;
     content: string;
 };
-type TDividerLayoutStyles = DeepPartial$1<typeof base$b>;
+type TDividerLayoutStyles = DeepPartial$1<typeof base$c>;
 
 type TProps$9 = {
     children?: ReactNode;
@@ -193,12 +193,12 @@ type TProps$9 = {
 };
 declare const DividerLayout: FC<TProps$9>;
 
-declare const base$a: {
+declare const base$b: {
     container: string;
     list: string;
     item: string;
 };
-type TListContainerLayoutStyles = DeepPartial$1<typeof base$a>;
+type TListContainerLayoutStyles = DeepPartial$1<typeof base$b>;
 
 type TProps$8 = {
     children: ReactElement | ReactElement[];
@@ -207,14 +207,14 @@ type TProps$8 = {
 };
 declare const ListContainerLayout: FC<TProps$8>;
 
-declare const base$9: {
+declare const base$a: {
     container: string;
     figure: string;
     svg: string;
     title: string;
     paragraph: string;
 };
-type TMediaObjectLayoutStyles = DeepPartial$1<typeof base$9>;
+type TMediaObjectLayoutStyles = DeepPartial$1<typeof base$a>;
 
 type TProps$7 = {
     title: string;
@@ -225,11 +225,11 @@ type TProps$7 = {
 };
 declare const MediaObjectLayout: FC<TProps$7>;
 
-declare const base$8: {
+declare const base$9: {
     container: string;
     section: string;
 };
-type TPanelLayoutStyles = DeepPartial$1<typeof base$8>;
+type TPanelLayoutStyles = DeepPartial$1<typeof base$9>;
 
 type TContainerProps$2 = {
     children: ReactNode;
@@ -290,7 +290,7 @@ type TTableListProps$1<TData> = {
 };
 declare const TableList: FC<TTableListProps$1<TData$1>>;
 
-declare const base$7: {
+declare const base$8: {
     container: string;
     head: {
         container: string;
@@ -344,7 +344,7 @@ declare const base$7: {
         };
     };
 };
-type TTableListStyles = DeepPartial$1<typeof base$7>;
+type TTableListStyles = DeepPartial$1<typeof base$8>;
 
 type TData = any;
 type VisibilityState = {
@@ -383,7 +383,7 @@ type TTableListProps<TData> = {
 };
 declare const TableList2: FC<TTableListProps<TData>>;
 
-declare const base$6: {
+declare const base$7: {
     container: string;
     list: string;
     separator: string;
@@ -400,7 +400,7 @@ declare const base$6: {
         link: string;
     };
 };
-type TBreadcrumbsNavigationStyles = DeepPartial$1<typeof base$6>;
+type TBreadcrumbsNavigationStyles = DeepPartial$1<typeof base$7>;
 
 type TProps$6 = {
     href: string;
@@ -415,7 +415,7 @@ type TProps$6 = {
 };
 declare const BreadcrumbsNavigation: FC<TProps$6>;
 
-declare const base$5: {
+declare const base$6: {
     container: string;
     mobile: {
         container: string;
@@ -436,7 +436,7 @@ declare const base$5: {
     label: string;
     icon: string;
 };
-type TPanelPaginationNavigationStyles = DeepPartial$1<typeof base$5>;
+type TPanelPaginationNavigationStyles = DeepPartial$1<typeof base$6>;
 
 type TProps$5 = {
     current?: number;
@@ -452,7 +452,7 @@ type TProps$5 = {
 };
 declare const PanelPaginationNavigation: React.FC<TProps$5>;
 
-declare const base$4: {
+declare const base$5: {
     container: string;
     left: {
         container: string;
@@ -474,7 +474,7 @@ declare const base$4: {
     };
     divider: string;
 };
-type TPagePaginationNavigationStyles = DeepPartial$1<typeof base$4>;
+type TPagePaginationNavigationStyles = DeepPartial$1<typeof base$5>;
 
 type TProps$4 = {
     min?: number;
@@ -484,7 +484,7 @@ type TProps$4 = {
 };
 declare const PagePaginationNavigation: React.FC<TProps$4>;
 
-declare const base$3: {
+declare const base$4: {
     container: string;
     list: {
         container: string;
@@ -500,7 +500,7 @@ declare const base$3: {
         inactive: string;
     };
 };
-type TTabNavigationStyles = DeepPartial$1<typeof base$3>;
+type TTabNavigationStyles = DeepPartial$1<typeof base$4>;
 
 type TContainerProps$1 = {
     children: ({ active, setActive, }: {
@@ -593,7 +593,7 @@ type TModalOverlayProps = {
 };
 declare const ModalOverlay: FC<TModalOverlayProps>;
 
-declare const base$2: {
+declare const base$3: {
     container: string;
     background: {
         container: string;
@@ -622,9 +622,9 @@ declare const base$2: {
         };
     };
 };
-type TModalOverlayStyles = DeepPartial$1<typeof base$2>;
+type TModalOverlayStyles = DeepPartial$1<typeof base$3>;
 
-declare const base$1: {
+declare const base$2: {
     container: {
         outer: string;
         inner: string;
@@ -649,7 +649,7 @@ declare const base$1: {
         };
     };
 };
-type TNotificationOverlayStyles = DeepPartial$1<typeof base$1>;
+type TNotificationOverlayStyles = DeepPartial$1<typeof base$2>;
 
 type DeepPartial<T> = {
     [P in keyof T]?: DeepPartial<T[P]>;
@@ -699,7 +699,7 @@ declare const NotificationOverlay: {
     Item: React.FC<TProps$3>;
 };
 
-declare const base: {
+declare const base$1: {
     container: string;
     background: {
         container: string;
@@ -729,7 +729,7 @@ declare const base: {
         };
     };
 };
-type TSlideOverOverlayStyles = DeepPartial$1<typeof base>;
+type TSlideOverOverlayStyles = DeepPartial$1<typeof base$1>;
 
 type TProps$2 = {
     trigger?: ({ onOpen, onClose, }: {
@@ -761,4 +761,72 @@ type TProps = {
 };
 declare const TableExcelExportCustom: FC<TProps>;
 
-export { AvatarElement, BadgeElement, BreadcrumbsNavigation, ButtonElement, ButtonGroupElement, ContainerLayout, DividerLayout, DropdownElement, IconElement, InputGroupForm, ListContainerLayout, MediaObjectLayout, ModalOverlay, NotificationOverlay, PagePaginationNavigation, LayoutPanel as PanelLayout, PanelPaginationNavigation, SlideOverOverlay, TButtonElementProps, TInputGroupFormProps, TInputGroupStyles, TModalOverlayProps, TTableListProps as TTableList2Props, TTableListProps$1 as TTableListProps, TTableListStyles, TabNavigation, TableColumnOptionsCustom, TableExcelExportCustom as TableExportCustom, TableList, TableList2, VerticalNavigation };
+type TSelectMenuFormProps = {
+    name: string;
+    type: 'normal' | 'inset' | 'overlapping' | 'pill' | 'floored';
+    label?: string;
+    description?: string;
+    placeholder?: {
+        select?: string;
+        searchInput?: string;
+        emptyState?: string;
+    };
+    options: {
+        value: string;
+        label: string;
+    }[];
+    required?: ({ isRequired }: {
+        isRequired: boolean;
+    }) => string | ReactNode;
+    value: {
+        label: string;
+        value: string;
+        disabled?: boolean;
+    };
+    error?: string;
+    isLoading?: boolean;
+    isRequired?: boolean;
+    isTouched?: boolean;
+    isDisabled?: boolean;
+    isClearable?: boolean;
+    isSearchable?: boolean;
+    isMulti?: boolean;
+    isDarkMode?: boolean;
+    isSolo?: boolean;
+    onChange?: (value: {
+        value: string;
+        label: string;
+    }[] | {
+        value: string;
+        label: string;
+    } | string) => void;
+    onSearchInputChange?: ((e: ChangeEvent<HTMLInputElement>) => void) | undefined;
+    onClear: (name: string) => void;
+    onBlur?: any;
+    onSetFieldValue?: any;
+    styles?: TSelectMenuFormStyles;
+};
+declare const SelectMenuForm: FC<TSelectMenuFormProps>;
+
+declare const base: {
+    container: string;
+    head: string;
+    body: string;
+    foot: string;
+    label: string;
+    hint: string;
+    leading: string;
+    input: string;
+    menuButton: string;
+    menu: string;
+    list: string;
+    listItem: string;
+    searchContainer: string;
+    emptyState: string;
+    trailing: string;
+    description: string;
+    error: string;
+};
+type TSelectMenuFormStyles = DeepPartial$1<typeof base>;
+
+export { AvatarElement, BadgeElement, BreadcrumbsNavigation, ButtonElement, ButtonGroupElement, ContainerLayout, DividerLayout, DropdownElement, IconElement, InputGroupForm, ListContainerLayout, MediaObjectLayout, ModalOverlay, NotificationOverlay, PagePaginationNavigation, LayoutPanel as PanelLayout, PanelPaginationNavigation, SelectMenuForm, SlideOverOverlay, TButtonElementProps, TInputGroupFormProps, TInputGroupStyles, TModalOverlayProps, TSelectMenuFormProps, TSelectMenuFormStyles, TTableListProps as TTableList2Props, TTableListProps$1 as TTableListProps, TTableListStyles, TabNavigation, TableColumnOptionsCustom, TableExcelExportCustom as TableExportCustom, TableList, TableList2, VerticalNavigation };