@ballistix.digital/react-components 0.10.0 → 1.0.0

package/dist/index.d.ts

@@ -12,7 +12,7 @@ import { Option, SelectValue } from 'react-tailwindcss-select/dist/components/ty
 export { fromSelectMenuOptionToStringValue } from 'helpers/format';
 import { FormikProps, FormikValues, FormikContextType } from 'formik';
 
-declare const base$q: {
+declare const base$r: {
     loading: string;
     spinner: string;
     empty: string;
@@ -20,7 +20,7 @@ declare const base$q: {
     container: string;
     indicator: string;
 };
-type TAvatarElementStyles = DeepPartialType$1<typeof base$q>;
+type TAvatarElementStyles = DeepPartialType$1<typeof base$r>;
 
 type TProps$g = {
     src?: string | undefined;
@@ -36,7 +36,7 @@ type TProps$g = {
 };
 declare const AvatarElement: FC<TProps$g>;
 
-declare const base$p: {
+declare const base$q: {
     container: string;
     icon: string;
     content: {
@@ -48,7 +48,7 @@ declare const base$p: {
         inverted: string;
     };
 };
-type TAlertElementStyles = DeepPartialType$1<typeof base$p>;
+type TAlertElementStyles = DeepPartialType$1<typeof base$q>;
 
 type TProps$f = {
     title: string;
@@ -62,12 +62,12 @@ type TProps$f = {
 };
 declare const BadgeElement$1: FC<TProps$f>;
 
-declare const base$o: {
+declare const base$p: {
     container: string;
     indicator: string;
     button: string;
 };
-type TBadgeElementStyles = DeepPartialType$1<typeof base$o>;
+type TBadgeElementStyles = DeepPartialType$1<typeof base$p>;
 
 type TProps$e = {
     children: string | ReactNode;
@@ -98,21 +98,21 @@ type TButtonElementProps = {
 };
 declare const ButtonElement: FC<TButtonElementProps>;
 
-declare const base$n: {
+declare const base$o: {
     container: string;
     content: string;
     icon: string;
     spinner: string;
 };
-type TButtonElementStyles = DeepPartialType$1<typeof base$n>;
+type TButtonElementStyles = DeepPartialType$1<typeof base$o>;
 
-declare const base$m: {
+declare const base$n: {
     container: string;
     firstButton: string;
     button: string;
     lastButton: string;
 };
-type TButtonGroupElementStyles = DeepPartialType$1<typeof base$m>;
+type TButtonGroupElementStyles = DeepPartialType$1<typeof base$n>;
 
 type TProps$d = {
     children: ReactElement[];
@@ -120,14 +120,14 @@ type TProps$d = {
 };
 declare const ButtonGroupElement: FC<TProps$d>;
 
-declare const base$l: {
+declare const base$m: {
     container: string;
     button: string;
     compact: string;
     dots: string;
     items: string;
 };
-type TDropdownElementStyles = DeepPartialType$1<typeof base$l>;
+type TDropdownElementStyles = DeepPartialType$1<typeof base$m>;
 
 type TProps$c = {
     children: ReactElement | ReactElement[];
@@ -199,7 +199,7 @@ type TInputGroupFormProps = {
 });
 declare const InputGroupForm: FC<TInputGroupFormProps>;
 
-declare const base$k: {
+declare const base$l: {
     container: string;
     head: string;
     body: string;
@@ -212,13 +212,13 @@ declare const base$k: {
     description: string;
     error: string;
 };
-type TInputGroupStyles = DeepPartialType$1<typeof base$k>;
+type TInputGroupStyles = DeepPartialType$1<typeof base$l>;
 
-declare const base$j: {
+declare const base$k: {
     container: string;
     content: string;
 };
-type TContainerLayoutStyles = DeepPartialType$1<typeof base$j>;
+type TContainerLayoutStyles = DeepPartialType$1<typeof base$k>;
 
 type TProps$a = {
     children: ReactNode;
@@ -227,14 +227,14 @@ type TProps$a = {
 };
 declare const ContainerLayout: FC<TProps$a>;
 
-declare const base$i: {
+declare const base$j: {
     container: string;
     head: string;
     line: string;
     body: string;
     content: string;
 };
-type TDividerLayoutStyles = DeepPartialType$1<typeof base$i>;
+type TDividerLayoutStyles = DeepPartialType$1<typeof base$j>;
 
 type TProps$9 = {
     children?: ReactNode;
@@ -243,12 +243,12 @@ type TProps$9 = {
 };
 declare const DividerLayout: FC<TProps$9>;
 
-declare const base$h: {
+declare const base$i: {
     container: string;
     list: string;
     item: string;
 };
-type TListContainerLayoutStyles = DeepPartialType$1<typeof base$h>;
+type TListContainerLayoutStyles = DeepPartialType$1<typeof base$i>;
 
 type TProps$8 = {
     children: ReactElement | ReactElement[];
@@ -257,14 +257,14 @@ type TProps$8 = {
 };
 declare const ListContainerLayout: FC<TProps$8>;
 
-declare const base$g: {
+declare const base$h: {
     container: string;
     figure: string;
     svg: string;
     title: string;
     paragraph: string;
 };
-type TMediaObjectLayoutStyles = DeepPartialType$1<typeof base$g>;
+type TMediaObjectLayoutStyles = DeepPartialType$1<typeof base$h>;
 
 type TProps$7 = {
     title: string;
@@ -275,11 +275,11 @@ type TProps$7 = {
 };
 declare const MediaObjectLayout: FC<TProps$7>;
 
-declare const base$f: {
+declare const base$g: {
     container: string;
     section: string;
 };
-type TPanelLayoutStyles = DeepPartialType$1<typeof base$f>;
+type TPanelLayoutStyles = DeepPartialType$1<typeof base$g>;
 
 type TContainerProps$2 = {
     children: ReactNode;
@@ -340,7 +340,7 @@ type TTableListProps$1<TData> = {
 };
 declare const TableList: FC<TTableListProps$1<TData$1>>;
 
-declare const base$e: {
+declare const base$f: {
     container: string;
     head: {
         container: string;
@@ -394,7 +394,7 @@ declare const base$e: {
         };
     };
 };
-type TTableListStyles$1 = DeepPartialType$1<typeof base$e>;
+type TTableListStyles$1 = DeepPartialType$1<typeof base$f>;
 
 type TData = any;
 type VisibilityState = {
@@ -433,7 +433,7 @@ type TTableListProps<TData> = {
 };
 declare const TableList2: FC<TTableListProps<TData>>;
 
-declare const base$d: {
+declare const base$e: {
     container: string;
     head: string;
     body: {
@@ -472,9 +472,9 @@ declare const base$d: {
     };
     foot: string;
 };
-type TTableListStyles = DeepPartialType$1<typeof base$d>;
+type TTableListStyles = DeepPartialType$1<typeof base$e>;
 
-declare const base$c: {
+declare const base$d: {
     container: string;
     list: string;
     separator: string;
@@ -491,7 +491,7 @@ declare const base$c: {
         link: string;
     };
 };
-type TBreadcrumbsNavigationStyles = DeepPartialType$1<typeof base$c>;
+type TBreadcrumbsNavigationStyles = DeepPartialType$1<typeof base$d>;
 
 type TProps$6 = {
     href: string;
@@ -506,7 +506,7 @@ type TProps$6 = {
 };
 declare const BreadcrumbsNavigation: FC<TProps$6>;
 
-declare const base$b: {
+declare const base$c: {
     container: string;
     mobile: {
         container: string;
@@ -529,7 +529,7 @@ declare const base$b: {
     icon: string;
     pageSizeList: string;
 };
-type TPanelPaginationNavigationStyles = DeepPartialType$1<typeof base$b>;
+type TPanelPaginationNavigationStyles = DeepPartialType$1<typeof base$c>;
 
 type TProps$5 = {
     current?: number;
@@ -548,7 +548,7 @@ type TProps$5 = {
 };
 declare const PanelPaginationNavigation: React.FC<TProps$5>;
 
-declare const base$a: {
+declare const base$b: {
     container: string;
     left: {
         container: string;
@@ -570,7 +570,7 @@ declare const base$a: {
     };
     divider: string;
 };
-type TPagePaginationNavigationStyles = DeepPartialType$1<typeof base$a>;
+type TPagePaginationNavigationStyles = DeepPartialType$1<typeof base$b>;
 
 type TProps$4 = {
     min?: number;
@@ -580,7 +580,7 @@ type TProps$4 = {
 };
 declare const PagePaginationNavigation: React.FC<TProps$4>;
 
-declare const base$9: {
+declare const base$a: {
     container: string;
     list: {
         container: string;
@@ -596,7 +596,7 @@ declare const base$9: {
         inactive: string;
     };
 };
-type TTabNavigationStyles = DeepPartialType$1<typeof base$9>;
+type TTabNavigationStyles = DeepPartialType$1<typeof base$a>;
 
 type TContainerProps$1 = {
     children: ({ active, setActive, }: {
@@ -691,7 +691,7 @@ type TModalOverlayProps = {
 };
 declare const ModalOverlay: FC<TModalOverlayProps>;
 
-declare const base$8: {
+declare const base$9: {
     container: string;
     background: {
         container: string;
@@ -720,9 +720,9 @@ declare const base$8: {
         };
     };
 };
-type TModalOverlayStyles = DeepPartialType$1<typeof base$8>;
+type TModalOverlayStyles = DeepPartialType$1<typeof base$9>;
 
-declare const base$7: {
+declare const base$8: {
     container: {
         outer: string;
         inner: string;
@@ -747,7 +747,7 @@ declare const base$7: {
         };
     };
 };
-type TNotificationOverlayStyles = DeepPartialType$1<typeof base$7>;
+type TNotificationOverlayStyles = DeepPartialType$1<typeof base$8>;
 
 type DeepPartialType<T> = {
     [P in keyof T]?: DeepPartialType<T[P]>;
@@ -797,7 +797,7 @@ declare const NotificationOverlay: {
     Item: React.FC<TProps$3>;
 };
 
-declare const base$6: {
+declare const base$7: {
     container: string;
     background: {
         container: string;
@@ -827,7 +827,7 @@ declare const base$6: {
         };
     };
 };
-type TSlideOverOverlayStyles = DeepPartialType$1<typeof base$6>;
+type TSlideOverOverlayStyles = DeepPartialType$1<typeof base$7>;
 
 type TProps$2 = {
     trigger?: ({ handleOpen, handleClose, }: {
@@ -903,7 +903,7 @@ type TSelectMenuFormProps = {
 };
 declare const SelectMenuForm: FC<TSelectMenuFormProps>;
 
-declare const base$5: {
+declare const base$6: {
     container: string;
     head: string;
     body: string;
@@ -931,7 +931,7 @@ declare const base$5: {
     description: string;
     error: string;
 };
-type TSelectMenuFormStyles = DeepPartialType$1<typeof base$5>;
+type TSelectMenuFormStyles = DeepPartialType$1<typeof base$6>;
 
 type TDateMenuFormProps = {
     name: string;
@@ -973,7 +973,7 @@ type TDateMenuFormProps = {
 };
 declare const DateMenuForm: FC<TDateMenuFormProps>;
 
-declare const base$4: {
+declare const base$5: {
     container: string;
     head: string;
     body: string;
@@ -986,7 +986,7 @@ declare const base$4: {
     description: string;
     error: string;
 };
-type TDateMenuFormStyles = DeepPartialType$1<typeof base$4>;
+type TDateMenuFormStyles = DeepPartialType$1<typeof base$5>;
 
 type TCheckboxInputGroupFormProps = {
     name: string;
@@ -1003,7 +1003,7 @@ type TCheckboxInputGroupFormProps = {
 };
 declare const CheckboxInputGroupForm: FC<TCheckboxInputGroupFormProps>;
 
-declare const base$3: {
+declare const base$4: {
     container: string;
     sr: string;
     list: string;
@@ -1016,7 +1016,34 @@ declare const base$3: {
         description: string;
     };
 };
-type TCheckboxInputGroupFormStyles = DeepPartialType$1<typeof base$3>;
+type TCheckboxInputGroupFormStyles = DeepPartialType$1<typeof base$4>;
+
+type TCheckboxInputFormProps = {
+    name: string;
+    title?: string;
+    description?: string;
+    isDisabled?: boolean;
+    styles?: TCheckboxInputFormStyles;
+} & ({
+    value: boolean;
+    onChange: (value: boolean) => void;
+    isIndeterminable?: false;
+} | {
+    value: boolean | null;
+    onChange: (value: boolean | null) => void;
+    isIndeterminable: true;
+});
+declare const CheckboxInputForm: FC<TCheckboxInputFormProps>;
+
+declare const base$3: {
+    container: string;
+    head: string;
+    body: string;
+    input: string;
+    label: string;
+    description: string;
+};
+type TCheckboxInputFormStyles = DeepPartialType$1<typeof base$3>;
 
 type TFileType = {
     name: string;
@@ -1178,4 +1205,4 @@ type TReturn<TData> = {
 };
 declare const useExcel: <TData extends object>() => TReturn<TData>;
 
-export { AddressInputGroupForm, BadgeElement$1 as AlertElement, AvatarElement, BadgeElement, BreadcrumbsNavigation, ButtonElement, ButtonGroupElement, CheckboxInputGroupForm, ContainerLayout, DateMenuForm, DividerLayout, DropdownElement, FileInputGroupForm, IconElement, InputGroupForm, ListContainerLayout, MediaObjectLayout, ModalOverlay, NotificationOverlay, OpeningsHourInputGroupForm, PagePaginationNavigation, LayoutPanel as PanelLayout, PanelPaginationNavigation, SelectMenuForm, SlideOverOverlay, type TAddressInputGroupFormProps, type TAddressInputGroupFormStyles, type TAddressInputGroupFormValue, type TButtonElementProps, type TCheckboxInputGroupFormProps, type TCheckboxInputGroupFormStyles, type TDateMenuFormProps, type TDateMenuFormStyles, type TExcelCell, type TExcelRow, type TExcelSheet, type TFileInputGroupFormProps, type TFileInputGroupFormStyles, type TInputGroupFormProps, type TInputGroupStyles, type TModalOverlayProps, type TOpeningsHourInputGroupFormProps, type TOpeningsHourInputGroupFormStyles, type TSelectMenuFormProps, type TSelectMenuFormStyles, type TTableListProps as TTableList2Props, type TTableListProps$1 as TTableListProps, type TTableListStyles$1 as TTableListStyles, TabNavigation, TableColumnOptionsCustom, TableExcelExportCustom as TableExportCustom, TableList, TableList2, VerticalNavigation, useExcel };
+export { AddressInputGroupForm, BadgeElement$1 as AlertElement, AvatarElement, BadgeElement, BreadcrumbsNavigation, ButtonElement, ButtonGroupElement, CheckboxInputForm as CheckboxInput, ContainerLayout, DateMenuForm, DividerLayout, DropdownElement, FileInputGroupForm, IconElement, InputGroupForm, ListContainerLayout, MediaObjectLayout, ModalOverlay, NotificationOverlay, OpeningsHourInputGroupForm, PagePaginationNavigation, LayoutPanel as PanelLayout, PanelPaginationNavigation, SelectMenuForm, SlideOverOverlay, type TAddressInputGroupFormProps, type TAddressInputGroupFormStyles, type TAddressInputGroupFormValue, type TButtonElementProps, type TCheckboxInputFormProps, type TCheckboxInputFormStyles, type TCheckboxInputGroupFormProps, type TCheckboxInputGroupFormStyles, type TDateMenuFormProps, type TDateMenuFormStyles, type TExcelCell, type TExcelRow, type TExcelSheet, type TFileInputGroupFormProps, type TFileInputGroupFormStyles, type TInputGroupFormProps, type TInputGroupStyles, type TModalOverlayProps, type TOpeningsHourInputGroupFormProps, type TOpeningsHourInputGroupFormStyles, type TSelectMenuFormProps, type TSelectMenuFormStyles, type TTableListProps as TTableList2Props, type TTableListProps$1 as TTableListProps, type TTableListStyles$1 as TTableListStyles, TabNavigation, TableColumnOptionsCustom, TableExcelExportCustom as TableExportCustom, TableList, TableList2, VerticalNavigation, CheckboxInputGroupForm as __DEPRECATED__CheckboxInputGroupForm, useExcel };