1mpacto-react-ui 0.2.0-beta.9 → 1.0.0

package/dist/src/components/Step/StepIndicator.stories.d.ts

@@ -1,4 +1,5 @@
-import { StoryObj } from '@storybook/react-vite';
+import { StoryObj } from '@storybook/react';
+
 declare const meta: {
     title: string;
     component: ({ activeStep, countStep, classNameActiveStepIndicator, classNameContainer, classNameDesc, classNameStepIndicator, id, locationStepIndicator, widthStepIndicator, dynamicWidthStepIndicator, gapStepIndicator, classNameStepIndicatorContainer, }: import('../../interfaces/components/Step').IStepIndicator) => import("react/jsx-runtime").JSX.Element;
@@ -6,7 +7,152 @@ declare const meta: {
         layout: string;
     };
     tags: string[];
-    argTypes: {};
+    argTypes: {
+        countStep: {
+            control: "number";
+            description: string;
+            table: {
+                category: string;
+                type: {
+                    summary: string;
+                };
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+        locationStepIndicator: {
+            control: {
+                type: "select";
+            };
+            options: string[];
+            description: string;
+            table: {
+                category: string;
+                type: {
+                    summary: string;
+                };
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+        activeStep: {
+            control: "number";
+            description: string;
+            table: {
+                category: string;
+                type: {
+                    summary: string;
+                };
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+        widthStepIndicator: {
+            control: "text";
+            description: string;
+            table: {
+                category: string;
+                type: {
+                    summary: string;
+                };
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+        dynamicWidthStepIndicator: {
+            control: "boolean";
+            description: string;
+            table: {
+                category: string;
+                type: {
+                    summary: string;
+                };
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+        gapStepIndicator: {
+            control: "text";
+            description: string;
+            table: {
+                category: string;
+                type: {
+                    summary: string;
+                };
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+        classNameContainer: {
+            control: "text";
+            description: string;
+            table: {
+                category: string;
+                type: {
+                    summary: string;
+                };
+            };
+        };
+        classNameStepIndicatorContainer: {
+            control: "text";
+            description: string;
+            table: {
+                category: string;
+                type: {
+                    summary: string;
+                };
+            };
+        };
+        classNameStepIndicator: {
+            control: "text";
+            description: string;
+            table: {
+                category: string;
+                type: {
+                    summary: string;
+                };
+            };
+        };
+        classNameActiveStepIndicator: {
+            control: "text";
+            description: string;
+            table: {
+                category: string;
+                type: {
+                    summary: string;
+                };
+            };
+        };
+        classNameDesc: {
+            control: "text";
+            description: string;
+            table: {
+                category: string;
+                type: {
+                    summary: string;
+                };
+            };
+        };
+        id: {
+            control: "text";
+            description: string;
+            table: {
+                category: string;
+                type: {
+                    summary: string;
+                };
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+    };
 };
 export default meta;
 type Story = StoryObj<typeof meta>;

package/dist/src/components/Switch/Switch.config.d.ts

@@ -0,0 +1,26 @@
+export declare const configSwitch: {
+    size: {
+        large: string;
+        regular: string;
+        small: string;
+    };
+    kind: {
+        laba: string;
+        payhere: string;
+        bill: string;
+    };
+    text: {
+        title: {
+            laba: string;
+            payhere: string;
+            bill: string;
+        };
+        desc: {
+            laba: string;
+            payhere: string;
+            bill: string;
+        };
+    };
+};
+export declare const keysConfigSwitchSize: string[];
+export declare const keysConfigSwitchKind: string[];

package/dist/src/components/Switch/Switch.d.ts

@@ -1,3 +1,4 @@
 import { ISwitch } from '../../interfaces/components/Switch';
+
 declare const Switch: ({ value, disabled, title, description, size, kind, id, className, classNameTitle, classNameDesc, onChange, }: ISwitch) => import("react/jsx-runtime").JSX.Element;
 export default Switch;

package/dist/src/components/Switch/Switch.stories.d.ts

@@ -1,4 +1,5 @@
-import { StoryObj } from '@storybook/react-vite';
+import { StoryObj } from '@storybook/react';
+
 declare const meta: {
     title: string;
     component: ({ value, disabled, title, description, size, kind, id, className, classNameTitle, classNameDesc, onChange, }: import('../../interfaces/components/Switch').ISwitch) => import("react/jsx-runtime").JSX.Element;
@@ -7,8 +8,133 @@ declare const meta: {
     };
     tags: string[];
     argTypes: {
+        value: {
+            control: "boolean";
+            description: string;
+            table: {
+                category: string;
+                type: {
+                    summary: string;
+                };
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+        disabled: {
+            control: "boolean";
+            description: string;
+            table: {
+                category: string;
+                type: {
+                    summary: string;
+                };
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+        size: {
+            control: {
+                type: "select";
+            };
+            options: string[];
+            description: string;
+            table: {
+                category: string;
+                type: {
+                    summary: string;
+                };
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+        kind: {
+            control: {
+                type: "select";
+            };
+            options: string[];
+            description: string;
+            table: {
+                category: string;
+                type: {
+                    summary: string;
+                };
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
         className: {
-            type: "string";
+            control: "text";
+            description: string;
+            table: {
+                category: string;
+                type: {
+                    summary: string;
+                };
+            };
+        };
+        classNameTitle: {
+            control: "text";
+            description: string;
+            table: {
+                category: string;
+                type: {
+                    summary: string;
+                };
+            };
+        };
+        classNameDesc: {
+            control: "text";
+            description: string;
+            table: {
+                category: string;
+                type: {
+                    summary: string;
+                };
+            };
+        };
+        title: {
+            control: "text";
+            description: string;
+            table: {
+                category: string;
+                type: {
+                    summary: string;
+                };
+            };
+        };
+        description: {
+            control: "text";
+            description: string;
+            table: {
+                category: string;
+                type: {
+                    summary: string;
+                };
+            };
+        };
+        onChange: {
+            action: string;
+            description: string;
+            table: {
+                category: string;
+                type: {
+                    summary: string;
+                };
+            };
+        };
+        id: {
+            control: "text";
+            description: string;
+            table: {
+                category: string;
+                type: {
+                    summary: string;
+                };
+            };
         };
     };
     args: {

package/dist/src/components/Table/Table.config.d.ts

@@ -0,0 +1,5 @@
+import { ITableConfig } from '../../interfaces/components/Table';
+
+export declare const ConfigTable: () => ITableConfig;
+export declare const keysConfigTableKind: string[];
+export declare const keysConfigTableVariant: string[];

package/dist/src/components/Table/Table.d.ts

@@ -1,7 +1,7 @@
 import { default as React } from 'react';
-import { ITable, IVirtualizationHead, IVirtualizationTable, ITableConfig } from '../../interfaces/components/Table';
-export declare const ConfigTable: () => ITableConfig;
+import { ITable, IVirtualizationHead, IVirtualizationTable } from '../../interfaces/components/Table';
+
 export declare const VirtualizationHead: React.ForwardRefExoticComponent<Omit<IVirtualizationHead, "ref"> & React.RefAttributes<HTMLTableSectionElement>>;
 export declare const VirtualizationTable: ({ style, context, ...props }: IVirtualizationTable) => import("react/jsx-runtime").JSX.Element;
-declare const Table: <T>({ tableInstance, classNameWrapperTable, classNameTable, collapseAll, handlerRowClick, privillageRowClick, virtualization, virtualizationProps, headerId, tbodyTrId, maxHeight, idCalculateHeight, kind, componentSortASC, componentSortDESC, scrollTop, emptyPlaceholder, variant, renderSubComponent, }: ITable<T>) => import("react/jsx-runtime").JSX.Element;
+declare const Table: <T>({ tableInstance, classNameWrapperTable, classNameTable, collapseAll, handlerRowClick, privillageRowClick, virtualization, virtualizationProps, headerId, tbodyTrId, maxHeight, idCalculateHeight, kind, componentSortASC, componentSortDESC, scrollTop, emptyPlaceholder, variant, renderSubComponent, columnBreakpoints, }: ITable<T>) => import("react/jsx-runtime").JSX.Element;
 export default Table;

package/dist/src/components/Table/Table.stories.d.ts

@@ -1,16 +1,15 @@
-import { StoryObj } from '@storybook/react-vite';
+import { StoryObj } from '@storybook/react';
+
 declare const meta: {
     title: string;
-    component: <T>({ tableInstance, classNameWrapperTable, classNameTable, collapseAll, handlerRowClick, privillageRowClick, virtualization, virtualizationProps, headerId, tbodyTrId, maxHeight, idCalculateHeight, kind, componentSortASC, componentSortDESC, scrollTop, emptyPlaceholder, variant, renderSubComponent, }: import('../../interfaces/components/Table').ITable<T>) => import("react/jsx-runtime").JSX.Element;
+    component: <T>({ tableInstance, classNameWrapperTable, classNameTable, collapseAll, handlerRowClick, privillageRowClick, virtualization, virtualizationProps, headerId, tbodyTrId, maxHeight, idCalculateHeight, kind, componentSortASC, componentSortDESC, scrollTop, emptyPlaceholder, variant, renderSubComponent, columnBreakpoints, }: import('../../interfaces/components/Table').ITable<T>) => import("react/jsx-runtime").JSX.Element;
     parameters: {
         layout: string;
     };
     tags: string[];
     argTypes: {
         tableInstance: {
-            control: {
-                disable: true;
-            };
+            control: "object";
             description: string;
             table: {
                 category: string;
@@ -45,8 +44,11 @@ declare const meta: {
                 };
             };
         };
-        collapseAll: {
-            control: "boolean";
+        kind: {
+            control: {
+                type: "select";
+            };
+            options: string[];
             description: string;
             table: {
                 category: string;
@@ -58,20 +60,24 @@ declare const meta: {
                 };
             };
         };
-        handlerRowClick: {
+        variant: {
             control: {
-                disable: true;
+                type: "select";
             };
+            options: string[];
             description: string;
             table: {
                 category: string;
                 type: {
                     summary: string;
                 };
+                defaultValue: {
+                    summary: string;
+                };
             };
         };
-        privillageRowClick: {
-            control: "boolean";
+        maxHeight: {
+            control: "number";
             description: string;
             table: {
                 category: string;
@@ -83,8 +89,8 @@ declare const meta: {
                 };
             };
         };
-        virtualization: {
-            control: "boolean";
+        columnBreakpoints: {
+            control: "object";
             description: string;
             table: {
                 category: string;
@@ -96,20 +102,21 @@ declare const meta: {
                 };
             };
         };
-        virtualizationProps: {
-            control: {
-                disable: true;
-            };
+        collapseAll: {
+            control: "boolean";
             description: string;
             table: {
                 category: string;
                 type: {
                     summary: string;
                 };
+                defaultValue: {
+                    summary: string;
+                };
             };
         };
-        headerId: {
-            control: "text";
+        privillageRowClick: {
+            control: "boolean";
             description: string;
             table: {
                 category: string;
@@ -121,10 +128,8 @@ declare const meta: {
                 };
             };
         };
-        tbodyTrId: {
-            control: {
-                disable: true;
-            };
+        virtualization: {
+            control: "boolean";
             description: string;
             table: {
                 category: string;
@@ -136,8 +141,8 @@ declare const meta: {
                 };
             };
         };
-        maxHeight: {
-            control: "number";
+        virtualizationProps: {
+            control: "object";
             description: string;
             table: {
                 category: string;
@@ -162,11 +167,8 @@ declare const meta: {
                 };
             };
         };
-        kind: {
-            control: {
-                type: "select";
-            };
-            options: string[];
+        scrollTop: {
+            control: "boolean";
             description: string;
             table: {
                 category: string;
@@ -178,45 +180,47 @@ declare const meta: {
                 };
             };
         };
-        variant: {
-            control: {
-                type: "select";
-            };
-            options: string[];
+        componentSortASC: {
+            control: "object";
             description: string;
             table: {
                 category: string;
                 type: {
                     summary: string;
                 };
+                defaultValue: {
+                    summary: string;
+                };
             };
         };
-        componentSortASC: {
-            control: {
-                disable: true;
-            };
+        componentSortDESC: {
+            control: "object";
             description: string;
             table: {
                 category: string;
                 type: {
                     summary: string;
                 };
+                defaultValue: {
+                    summary: string;
+                };
             };
         };
-        componentSortDESC: {
-            control: {
-                disable: true;
-            };
+        emptyPlaceholder: {
+            control: "object";
             description: string;
             table: {
                 category: string;
                 type: {
                     summary: string;
                 };
+                defaultValue: {
+                    summary: string;
+                };
             };
         };
-        scrollTop: {
-            control: "boolean";
+        renderSubComponent: {
+            action: string;
             description: string;
             table: {
                 category: string;
@@ -228,28 +232,43 @@ declare const meta: {
                 };
             };
         };
-        emptyPlaceholder: {
-            control: {
-                disable: true;
-            };
+        handlerRowClick: {
+            action: string;
             description: string;
             table: {
                 category: string;
                 type: {
                     summary: string;
                 };
+                defaultValue: {
+                    summary: string;
+                };
             };
         };
-        renderSubComponent: {
-            control: {
-                disable: true;
+        headerId: {
+            control: "text";
+            description: string;
+            table: {
+                category: string;
+                type: {
+                    summary: string;
+                };
+                defaultValue: {
+                    summary: string;
+                };
             };
+        };
+        tbodyTrId: {
+            action: string;
             description: string;
             table: {
                 category: string;
                 type: {
                     summary: string;
                 };
+                defaultValue: {
+                    summary: string;
+                };
             };
         };
     };

package/dist/src/components/Table/TableSubMobile.d.ts

@@ -0,0 +1,4 @@
+import { TTableRenderSubComponent } from '../../interfaces/components/Table';
+
+declare const TableSubComponent: TTableRenderSubComponent<unknown>;
+export default TableSubComponent;

package/dist/src/components/Tabs/TabPanel.d.ts

@@ -1,4 +1,5 @@
 import { ReactNode } from 'react';
+
 interface ITabPanel {
     children: ReactNode | ReactNode[];
     id?: string;

package/dist/src/components/Tabs/Tabs.config.d.ts

@@ -0,0 +1,31 @@
+export declare const configTabs: {
+    tabsVariant: {
+        'original-laba-blue-10': string;
+        'container-payhere-brand-base': string;
+        'container-payhere-brand-base-bg_white': string;
+        'container-laba-blue-10': string;
+        'container-laba-blue-10-bg_white': string;
+        'container-laba-blue-10-bg_blue-01': string;
+        'original-bill-secondary-800': string;
+    };
+    size: {
+        'tabs-m': string;
+        'tabs-s': string;
+        'tabs-medium': string;
+        'tabs-small': string;
+    };
+    borderRadius: {
+        '0px': string;
+        '2px': string;
+        '4px': string;
+        '6px': string;
+        '8px': string;
+        '12px': string;
+        '16px': string;
+        '24px': string;
+        full: string;
+    };
+    isContainer: string[];
+};
+export declare const keysConfigTabsVariant: string[];
+export declare const keysConfigTabsSize: string[];

package/dist/src/components/Tabs/Tabs.d.ts

@@ -1,3 +1,4 @@
 import { ITabs } from '../../interfaces/components/Tabs';
-declare const Tabs: ({ id, value, keyValueTab, tabsList, className, classNameContainer, classNameButton, variant, size, borderRadius, disabled, animation, mountedExecuteChange, typeButton, onChange, }: ITabs) => import("react/jsx-runtime").JSX.Element;
+
+declare const Tabs: ({ id, value, keyValueTab, tabsList, className, classNameContainer, classNameButton, variant, size, borderRadius, disabled, animation, mountedExecuteChange, typeButton, onChange, locale, }: ITabs) => import("react/jsx-runtime").JSX.Element;
 export default Tabs;