@ballistix.digital/react-components 0.4.115 → 0.4.117

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 } from 'formik';
 
-declare const base$m: {
+declare const base$n: {
     loading: string;
     spinner: string;
     empty: string;
@@ -20,7 +20,7 @@ declare const base$m: {
     container: string;
     indicator: string;
 };
-type TAvatarElementStyles = DeepPartialType$1<typeof base$m>;
+type TAvatarElementStyles = DeepPartialType$1<typeof base$n>;
 
 type TProps$f = {
     src?: string | undefined;
@@ -36,12 +36,12 @@ type TProps$f = {
 };
 declare const AvatarElement: FC<TProps$f>;
 
-declare const base$l: {
+declare const base$m: {
     container: string;
     indicator: string;
     button: string;
 };
-type TBadgeElementStyles = DeepPartialType$1<typeof base$l>;
+type TBadgeElementStyles = DeepPartialType$1<typeof base$m>;
 
 type TProps$e = {
     children: string | ReactNode;
@@ -70,21 +70,21 @@ type TButtonElementProps = {
 };
 declare const ButtonElement: FC<TButtonElementProps>;
 
-declare const base$k: {
+declare const base$l: {
     container: string;
     content: string;
     icon: string;
     spinner: string;
 };
-type TButtonElementStyles = DeepPartialType$1<typeof base$k>;
+type TButtonElementStyles = DeepPartialType$1<typeof base$l>;
 
-declare const base$j: {
+declare const base$k: {
     container: string;
     firstButton: string;
     button: string;
     lastButton: string;
 };
-type TButtonGroupElementStyles = DeepPartialType$1<typeof base$j>;
+type TButtonGroupElementStyles = DeepPartialType$1<typeof base$k>;
 
 type TProps$d = {
     children: ReactElement[];
@@ -92,14 +92,14 @@ type TProps$d = {
 };
 declare const ButtonGroupElement: FC<TProps$d>;
 
-declare const base$i: {
+declare const base$j: {
     container: string;
     button: string;
     compact: string;
     dots: string;
     items: string;
 };
-type TDropdownElementStyles = DeepPartialType$1<typeof base$i>;
+type TDropdownElementStyles = DeepPartialType$1<typeof base$j>;
 
 type TProps$c = {
     children: ReactElement | ReactElement[];
@@ -155,7 +155,7 @@ type TInputGroupFormProps = {
 };
 declare const InputGroupForm: FC<TInputGroupFormProps>;
 
-declare const base$h: {
+declare const base$i: {
     container: string;
     head: string;
     body: string;
@@ -168,13 +168,13 @@ declare const base$h: {
     description: string;
     error: string;
 };
-type TInputGroupStyles = DeepPartialType$1<typeof base$h>;
+type TInputGroupStyles = DeepPartialType$1<typeof base$i>;
 
-declare const base$g: {
+declare const base$h: {
     container: string;
     content: string;
 };
-type TContainerLayoutStyles = DeepPartialType$1<typeof base$g>;
+type TContainerLayoutStyles = DeepPartialType$1<typeof base$h>;
 
 type TProps$a = {
     children: ReactNode;
@@ -183,14 +183,14 @@ type TProps$a = {
 };
 declare const ContainerLayout: FC<TProps$a>;
 
-declare const base$f: {
+declare const base$g: {
     container: string;
     head: string;
     line: string;
     body: string;
     content: string;
 };
-type TDividerLayoutStyles = DeepPartialType$1<typeof base$f>;
+type TDividerLayoutStyles = DeepPartialType$1<typeof base$g>;
 
 type TProps$9 = {
     children?: ReactNode;
@@ -199,12 +199,12 @@ type TProps$9 = {
 };
 declare const DividerLayout: FC<TProps$9>;
 
-declare const base$e: {
+declare const base$f: {
     container: string;
     list: string;
     item: string;
 };
-type TListContainerLayoutStyles = DeepPartialType$1<typeof base$e>;
+type TListContainerLayoutStyles = DeepPartialType$1<typeof base$f>;
 
 type TProps$8 = {
     children: ReactElement | ReactElement[];
@@ -213,14 +213,14 @@ type TProps$8 = {
 };
 declare const ListContainerLayout: FC<TProps$8>;
 
-declare const base$d: {
+declare const base$e: {
     container: string;
     figure: string;
     svg: string;
     title: string;
     paragraph: string;
 };
-type TMediaObjectLayoutStyles = DeepPartialType$1<typeof base$d>;
+type TMediaObjectLayoutStyles = DeepPartialType$1<typeof base$e>;
 
 type TProps$7 = {
     title: string;
@@ -231,11 +231,11 @@ type TProps$7 = {
 };
 declare const MediaObjectLayout: FC<TProps$7>;
 
-declare const base$c: {
+declare const base$d: {
     container: string;
     section: string;
 };
-type TPanelLayoutStyles = DeepPartialType$1<typeof base$c>;
+type TPanelLayoutStyles = DeepPartialType$1<typeof base$d>;
 
 type TContainerProps$2 = {
     children: ReactNode;
@@ -296,7 +296,7 @@ type TTableListProps$1<TData> = {
 };
 declare const TableList: FC<TTableListProps$1<TData$1>>;
 
-declare const base$b: {
+declare const base$c: {
     container: string;
     head: {
         container: string;
@@ -350,7 +350,7 @@ declare const base$b: {
         };
     };
 };
-type TTableListStyles$1 = DeepPartialType$1<typeof base$b>;
+type TTableListStyles$1 = DeepPartialType$1<typeof base$c>;
 
 type TData = any;
 type VisibilityState = {
@@ -390,7 +390,7 @@ type TTableListProps<TData> = {
 };
 declare const TableList2: FC<TTableListProps<TData>>;
 
-declare const base$a: {
+declare const base$b: {
     container: string;
     head: string;
     body: {
@@ -425,9 +425,9 @@ declare const base$a: {
         };
     };
 };
-type TTableListStyles = DeepPartialType$1<typeof base$a>;
+type TTableListStyles = DeepPartialType$1<typeof base$b>;
 
-declare const base$9: {
+declare const base$a: {
     container: string;
     list: string;
     separator: string;
@@ -444,7 +444,7 @@ declare const base$9: {
         link: string;
     };
 };
-type TBreadcrumbsNavigationStyles = DeepPartialType$1<typeof base$9>;
+type TBreadcrumbsNavigationStyles = DeepPartialType$1<typeof base$a>;
 
 type TProps$6 = {
     href: string;
@@ -459,7 +459,7 @@ type TProps$6 = {
 };
 declare const BreadcrumbsNavigation: FC<TProps$6>;
 
-declare const base$8: {
+declare const base$9: {
     container: string;
     mobile: {
         container: string;
@@ -480,7 +480,7 @@ declare const base$8: {
     label: string;
     icon: string;
 };
-type TPanelPaginationNavigationStyles = DeepPartialType$1<typeof base$8>;
+type TPanelPaginationNavigationStyles = DeepPartialType$1<typeof base$9>;
 
 type TProps$5 = {
     current?: number;
@@ -496,7 +496,7 @@ type TProps$5 = {
 };
 declare const PanelPaginationNavigation: React.FC<TProps$5>;
 
-declare const base$7: {
+declare const base$8: {
     container: string;
     left: {
         container: string;
@@ -518,7 +518,7 @@ declare const base$7: {
     };
     divider: string;
 };
-type TPagePaginationNavigationStyles = DeepPartialType$1<typeof base$7>;
+type TPagePaginationNavigationStyles = DeepPartialType$1<typeof base$8>;
 
 type TProps$4 = {
     min?: number;
@@ -528,7 +528,7 @@ type TProps$4 = {
 };
 declare const PagePaginationNavigation: React.FC<TProps$4>;
 
-declare const base$6: {
+declare const base$7: {
     container: string;
     list: {
         container: string;
@@ -544,7 +544,7 @@ declare const base$6: {
         inactive: string;
     };
 };
-type TTabNavigationStyles = DeepPartialType$1<typeof base$6>;
+type TTabNavigationStyles = DeepPartialType$1<typeof base$7>;
 
 type TContainerProps$1 = {
     children: ({ active, setActive, }: {
@@ -638,7 +638,7 @@ type TModalOverlayProps = {
 };
 declare const ModalOverlay: FC<TModalOverlayProps>;
 
-declare const base$5: {
+declare const base$6: {
     container: string;
     background: {
         container: string;
@@ -667,9 +667,9 @@ declare const base$5: {
         };
     };
 };
-type TModalOverlayStyles = DeepPartialType$1<typeof base$5>;
+type TModalOverlayStyles = DeepPartialType$1<typeof base$6>;
 
-declare const base$4: {
+declare const base$5: {
     container: {
         outer: string;
         inner: string;
@@ -694,7 +694,7 @@ declare const base$4: {
         };
     };
 };
-type TNotificationOverlayStyles = DeepPartialType$1<typeof base$4>;
+type TNotificationOverlayStyles = DeepPartialType$1<typeof base$5>;
 
 type DeepPartialType<T> = {
     [P in keyof T]?: DeepPartialType<T[P]>;
@@ -744,7 +744,7 @@ declare const NotificationOverlay: {
     Item: React.FC<TProps$3>;
 };
 
-declare const base$3: {
+declare const base$4: {
     container: string;
     background: {
         container: string;
@@ -774,7 +774,7 @@ declare const base$3: {
         };
     };
 };
-type TSlideOverOverlayStyles = DeepPartialType$1<typeof base$3>;
+type TSlideOverOverlayStyles = DeepPartialType$1<typeof base$4>;
 
 type TProps$2 = {
     trigger?: ({ handleOpen, handleClose, }: {
@@ -845,7 +845,7 @@ type TSelectMenuFormProps = {
 };
 declare const SelectMenuForm: FC<TSelectMenuFormProps>;
 
-declare const base$2: {
+declare const base$3: {
     container: string;
     head: string;
     body: string;
@@ -873,7 +873,7 @@ declare const base$2: {
     description: string;
     error: string;
 };
-type TSelectMenuFormStyles = DeepPartialType$1<typeof base$2>;
+type TSelectMenuFormStyles = DeepPartialType$1<typeof base$3>;
 
 type TDateMenuFormProps = {
     name: string;
@@ -915,7 +915,7 @@ type TDateMenuFormProps = {
 };
 declare const DateMenuForm: FC<TDateMenuFormProps>;
 
-declare const base$1: {
+declare const base$2: {
     container: string;
     head: string;
     body: string;
@@ -928,7 +928,7 @@ declare const base$1: {
     description: string;
     error: string;
 };
-type TDateMenuFormStyles = DeepPartialType$1<typeof base$1>;
+type TDateMenuFormStyles = DeepPartialType$1<typeof base$2>;
 
 type TCheckboxInputGroupFormProps = {
     name: string;
@@ -945,7 +945,7 @@ type TCheckboxInputGroupFormProps = {
 };
 declare const CheckboxInputGroupForm: FC<TCheckboxInputGroupFormProps>;
 
-declare const base: {
+declare const base$1: {
     container: string;
     sr: string;
     list: string;
@@ -958,6 +958,52 @@ declare const base: {
         description: string;
     };
 };
-type TCheckboxInputGroupFormStyles = DeepPartialType$1<typeof base>;
+type TCheckboxInputGroupFormStyles = DeepPartialType$1<typeof base$1>;
+
+type TFileType = {
+    name: string;
+    size: number;
+    type: string;
+    blob: string | ArrayBuffer | null;
+    file: File;
+};
+type TFileInputGroupFormProps = {
+    name: string;
+    label?: string | ReactNode;
+    description?: string;
+    required?: ({ isRequired }: {
+        isRequired: boolean;
+    }) => string | ReactNode;
+    value?: TFileType;
+    max?: number;
+    error?: string;
+    isValid?: boolean;
+    isDisabled?: boolean;
+    isRequired?: boolean;
+    isTouched?: boolean;
+    children?: (props: {
+        value?: TFileType;
+        isDragging: boolean;
+    }) => ReactNode;
+    onChange: any;
+    onBlur: any;
+    styles?: TFileInputGroupStyles;
+};
+declare const FileInputGroupForm: FC<TFileInputGroupFormProps>;
+
+declare const base: {
+    container: string;
+    head: string;
+    body: string;
+    foot: string;
+    label: string;
+    hint: string;
+    leading: string;
+    input: string;
+    trailing: string;
+    description: string;
+    error: string;
+};
+type TFileInputGroupStyles = DeepPartialType$1<typeof base>;
 
-export { AvatarElement, BadgeElement, BreadcrumbsNavigation, ButtonElement, ButtonGroupElement, CheckboxInputGroupForm as CheckboxInputFormGroup, ContainerLayout, DateMenuForm, DividerLayout, DropdownElement, IconElement, InputGroupForm, ListContainerLayout, MediaObjectLayout, ModalOverlay, NotificationOverlay, PagePaginationNavigation, LayoutPanel as PanelLayout, PanelPaginationNavigation, SelectMenuForm, SlideOverOverlay, type TButtonElementProps, type TCheckboxInputGroupFormProps, type TCheckboxInputGroupFormStyles, type TDateMenuFormProps, type TDateMenuFormStyles, type TInputGroupFormProps, type TInputGroupStyles, type TModalOverlayProps, 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 };
+export { AvatarElement, BadgeElement, BreadcrumbsNavigation, ButtonElement, ButtonGroupElement, CheckboxInputGroupForm as CheckboxInputFormGroup, ContainerLayout, DateMenuForm, DividerLayout, DropdownElement, FileInputGroupForm as FileInputFormGroup, IconElement, InputGroupForm, ListContainerLayout, MediaObjectLayout, ModalOverlay, NotificationOverlay, PagePaginationNavigation, LayoutPanel as PanelLayout, PanelPaginationNavigation, SelectMenuForm, SlideOverOverlay, type TButtonElementProps, type TCheckboxInputGroupFormProps, type TCheckboxInputGroupFormStyles, type TDateMenuFormProps, type TDateMenuFormStyles, type TFileInputGroupFormProps, type TFileInputGroupStyles, type TInputGroupFormProps, type TInputGroupStyles, type TModalOverlayProps, 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 };