1mpacto-react-ui 0.2.0-beta.2 → 0.2.0-beta.20

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

@@ -1,12 +1,258 @@
 import { StoryObj } from '@storybook/react-vite';
 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: {};
+    argTypes: {
+        tableInstance: {
+            control: {
+                disable: true;
+            };
+            description: string;
+            table: {
+                category: string;
+                type: {
+                    summary: string;
+                };
+            };
+        };
+        classNameWrapperTable: {
+            control: "text";
+            description: string;
+            table: {
+                category: string;
+                type: {
+                    summary: string;
+                };
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+        classNameTable: {
+            control: "text";
+            description: string;
+            table: {
+                category: string;
+                type: {
+                    summary: string;
+                };
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+        collapseAll: {
+            control: "boolean";
+            description: string;
+            table: {
+                category: string;
+                type: {
+                    summary: string;
+                };
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+        handlerRowClick: {
+            control: {
+                disable: true;
+            };
+            description: string;
+            table: {
+                category: string;
+                type: {
+                    summary: string;
+                };
+            };
+        };
+        privillageRowClick: {
+            control: "boolean";
+            description: string;
+            table: {
+                category: string;
+                type: {
+                    summary: string;
+                };
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+        virtualization: {
+            control: "boolean";
+            description: string;
+            table: {
+                category: string;
+                type: {
+                    summary: string;
+                };
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+        virtualizationProps: {
+            control: {
+                disable: true;
+            };
+            description: string;
+            table: {
+                category: string;
+                type: {
+                    summary: string;
+                };
+            };
+        };
+        headerId: {
+            control: "text";
+            description: string;
+            table: {
+                category: string;
+                type: {
+                    summary: string;
+                };
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+        tbodyTrId: {
+            control: {
+                disable: true;
+            };
+            description: string;
+            table: {
+                category: string;
+                type: {
+                    summary: string;
+                };
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+        maxHeight: {
+            control: "number";
+            description: string;
+            table: {
+                category: string;
+                type: {
+                    summary: string;
+                };
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+        idCalculateHeight: {
+            control: "text";
+            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;
+                };
+            };
+        };
+        variant: {
+            control: {
+                type: "select";
+            };
+            options: string[];
+            description: string;
+            table: {
+                category: string;
+                type: {
+                    summary: string;
+                };
+            };
+        };
+        componentSortASC: {
+            control: {
+                disable: true;
+            };
+            description: string;
+            table: {
+                category: string;
+                type: {
+                    summary: string;
+                };
+            };
+        };
+        componentSortDESC: {
+            control: {
+                disable: true;
+            };
+            description: string;
+            table: {
+                category: string;
+                type: {
+                    summary: string;
+                };
+            };
+        };
+        scrollTop: {
+            control: "boolean";
+            description: string;
+            table: {
+                category: string;
+                type: {
+                    summary: string;
+                };
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+        emptyPlaceholder: {
+            control: {
+                disable: true;
+            };
+            description: string;
+            table: {
+                category: string;
+                type: {
+                    summary: string;
+                };
+            };
+        };
+        renderSubComponent: {
+            control: {
+                disable: true;
+            };
+            description: string;
+            table: {
+                category: string;
+                type: {
+                    summary: string;
+                };
+            };
+        };
+    };
     args: {};
     render: (args: import('../../interfaces/components/Table').ITable<unknown>) => import("react/jsx-runtime").JSX.Element;
 };

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

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

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

@@ -1,3 +1,3 @@
 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;

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

@@ -1,7 +1,7 @@
 import { StoryObj } from '@storybook/react-vite';
 declare const meta: {
     title: string;
-    component: ({ id, value, keyValueTab, tabsList, className, classNameContainer, classNameButton, variant, size, borderRadius, disabled, animation, mountedExecuteChange, typeButton, onChange, }: import('../../interfaces/components/Tabs').ITabs) => import("react/jsx-runtime").JSX.Element;
+    component: ({ id, value, keyValueTab, tabsList, className, classNameContainer, classNameButton, variant, size, borderRadius, disabled, animation, mountedExecuteChange, typeButton, onChange, locale, }: import('../../interfaces/components/Tabs').ITabs) => import("react/jsx-runtime").JSX.Element;
     parameters: {
         layout: string;
     };

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

@@ -6,7 +6,81 @@ declare const meta: {
         layout: string;
     };
     tags: string[];
-    argTypes: {};
+    argTypes: {
+        id: {
+            control: "text";
+            description: string;
+            table: {
+                category: string;
+                type: {
+                    summary: string;
+                };
+            };
+        };
+        label: {
+            control: "text";
+            description: string;
+            table: {
+                category: string;
+                type: {
+                    summary: string;
+                };
+            };
+        };
+        initialValue: {
+            control: "text";
+            description: string;
+            table: {
+                category: string;
+                type: {
+                    summary: string;
+                };
+            };
+        };
+        value: {
+            control: "text";
+            description: string;
+            table: {
+                category: string;
+                type: {
+                    summary: string;
+                };
+            };
+        };
+        onEditorChange: {
+            action: string;
+            description: string;
+            table: {
+                category: string;
+                type: {
+                    summary: string;
+                };
+            };
+        };
+        disabled: {
+            control: "boolean";
+            description: string;
+            table: {
+                category: string;
+                type: {
+                    summary: string;
+                };
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+        init: {
+            control: "object";
+            description: string;
+            table: {
+                category: string;
+                type: {
+                    summary: string;
+                };
+            };
+        };
+    };
     render: (args: import('..').ITextEditorProps) => import("react/jsx-runtime").JSX.Element;
 };
 export default meta;

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

@@ -0,0 +1,13 @@
+import { StoryObj } from '@storybook/react-vite';
+declare const meta: {
+    title: string;
+    parameters: {
+        layout: string;
+    };
+    tags: string[];
+    argTypes: {};
+    render: () => import("react/jsx-runtime").JSX.Element;
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;

package/dist/src/components/Upload/UploadImage.d.ts

@@ -1,3 +1,3 @@
 import { IUploadImage } from '../../interfaces/components/UploadFile';
-declare const UploadImage: ({ onChange, valueUrl, validateFile, validateFileDesc, maxSize, icon, desc, classNameContainer, classNameImage, classNameAction, }: IUploadImage) => import("react/jsx-runtime").JSX.Element;
+declare const UploadImage: ({ onChange, valueUrl, validateFile, validateFileDesc, maxSize, icon, desc, classNameContainer, classNameImage, classNameAction, id, }: IUploadImage) => import("react/jsx-runtime").JSX.Element;
 export default UploadImage;

package/dist/src/components/Upload/UploadImage.stories.d.ts

@@ -1,7 +1,7 @@
 import { StoryObj } from '@storybook/react-vite';
 declare const meta: {
     title: string;
-    component: ({ onChange, valueUrl, validateFile, validateFileDesc, maxSize, icon, desc, classNameContainer, classNameImage, classNameAction, }: import('../../interfaces/components/UploadFile').IUploadImage) => import("react/jsx-runtime").JSX.Element;
+    component: ({ onChange, valueUrl, validateFile, validateFileDesc, maxSize, icon, desc, classNameContainer, classNameImage, classNameAction, id, }: import('../../interfaces/components/UploadFile').IUploadImage) => import("react/jsx-runtime").JSX.Element;
     parameters: {
         layout: string;
     };

package/dist/src/components/Upload/UploadMultipleFile.d.ts

@@ -1,3 +1,3 @@
 import { IUploadMultipleFile } from '../../interfaces/components/UploadFile';
-declare const UploadMultipleFile: ({ value, validateFile, classNameContainer, classNameButton, textUpload, buttonProps, maxFile, maxSize, error, removeElement, onChange, handlerDownload, priorityError, eventError, }: IUploadMultipleFile) => import("react/jsx-runtime").JSX.Element;
+declare const UploadMultipleFile: ({ value, validateFile, classNameContainer, classNameButton, textUpload, buttonProps, maxFile, maxSize, error, removeElement, onChange, handlerDownload, priorityError, eventError, locationRemoveElement, }: IUploadMultipleFile) => import("react/jsx-runtime").JSX.Element;
 export default UploadMultipleFile;

package/dist/src/components/Upload/UploadMultipleFile.stories.d.ts

@@ -1,7 +1,7 @@
 import { StoryObj } from '@storybook/react-vite';
 declare const meta: {
     title: string;
-    component: ({ value, validateFile, classNameContainer, classNameButton, textUpload, buttonProps, maxFile, maxSize, error, removeElement, onChange, handlerDownload, priorityError, eventError, }: import('../../interfaces/components/UploadFile').IUploadMultipleFile) => import("react/jsx-runtime").JSX.Element;
+    component: ({ value, validateFile, classNameContainer, classNameButton, textUpload, buttonProps, maxFile, maxSize, error, removeElement, onChange, handlerDownload, priorityError, eventError, locationRemoveElement, }: import('../../interfaces/components/UploadFile').IUploadMultipleFile) => import("react/jsx-runtime").JSX.Element;
     parameters: {
         layout: string;
     };

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

@@ -1,7 +1,7 @@
 import { ICollapse } from './../interfaces/components/Collapse';
 import { IMasonryLayout } from './../hooks/useMasonry';
 import { IChips } from './../interfaces/components/Chips';
-import { IDatePicker } from './../interfaces/components/DatePicker/index';
+import { IDatePicker } from './../interfaces/components/DatePicker';
 import { default as TPublish } from './TPublish/TPublish';
 import { default as Button } from './Button/Button';
 import { default as Popover } from './Popover/Popover';
@@ -9,7 +9,8 @@ import { IRefPopover, IPopover } from '../interfaces/components/Popover';
 import { default as InputFloatingInner } from './Input/InputFloatingInner';
 import { default as InputReguler } from './Input/InputReguler';
 import { default as Table, ConfigTable } from './Table/Table';
-import { ITableColumnDef, ITableConfig } from '../interfaces/components/Table';
+import { default as TableSubComponent } from './Table/TableSubMobile';
+import { ITableColumnDef, ITableColumnBreakpoint, ITableConfig, TTableRenderSubComponent, TTableHandlerRowClick } from '../interfaces/components/Table';
 import { default as TableVirtualization } from './Virtualization/TableVirtualization';
 import { TableVirtuosoHandle as IRefTableVirtualization, VirtuosoHandle as IRefListVirtualization } from 'react-virtuoso';
 import { default as ListVirtualization } from './Virtualization/ListVirtualization';
@@ -45,7 +46,7 @@ import { default as PortalComponent } from './PortalComponent/PortalComponent';
 import { ToastContainer as AlertContainer } from 'react-toastify';
 import { TButtonVariants, TButtonSize } from '../interfaces/components/Button';
 import { default as UploadFile } from './Upload/UploadFile';
-import { ITabsList } from '../interfaces/components/Tabs';
+import { ITabsList, TTypeEventTabs } from '../interfaces/components/Tabs';
 import { default as TruncateComponent } from './TruncateComponent/TruncateComponent';
 import { default as UploadImage } from './Upload/UploadImage';
 import { default as Textarea } from './Textarea/Textarea';
@@ -62,18 +63,19 @@ import { IUploadMultipleFileValue } from '../interfaces/components/UploadFile';
 import { default as ErrorMessage } from './ErrorMessage/ErrorMessage';
 import { default as TextareaFloatingInner } from './Textarea/TextareaFloatingInner';
 import { default as Step } from './Step/Step';
-import { IDataStepList } from '../interfaces/components/Step/index';
+import { IDataStepList } from '../interfaces/components/Step';
 import { default as LineChart } from './Chart/LineChart';
 import { default as Tooltip } from './Tooltip/Tooltip';
 import { default as ButtonPopover } from './ButtonPopover/ButtonPopover';
-import { IRefButtonPopover } from '../interfaces/components/ButtonPopover/index';
+import { IRefButtonPopover } from '../interfaces/components/ButtonPopover';
 import { default as GradientLineChart } from './Chart/GradientLineChart';
 import { default as GradientBarChart } from './Chart/GradientBarChart';
 import { default as StepIndicator } from './Step/StepIndicator';
 import { default as TextEditor } from './TextEditor/TextEditor';
 import { ITextEditorProps } from '../interfaces/components/TextEditor';
+import { default as CollapseV2 } from './Collapse/CollapseV2';
 import * as utilTable from '@tanstack/react-table';
 import type * as SelectDropdownContainerType from 'react-select';
 import type * as FilterContainerType from '../interfaces/components/FilterContainer';
-export { TPublish, Button, Popover, Calendar, CalendarRange, DatePicker, DateRangePicker, FilterDate, InputFloatingInner, InputReguler, Pagination, Tabs, TabPanel, Table, TableVirtualization, ListVirtualization, SelectDropdownContainer, utilTable, Switch, ButtonIcon, Badges, Chips, RadioCheckbox, RadioCheckboxLabel, Breadcrumbs, Sidebar, Collapse, ModalDialog, SelectDropdownContainerComponents, Timeline, FilterContainer, NumberFormat, PatternFormat, DefaultCheckedChecboxIcon, DefaultRadioChecboxIcon, ConfigTable, PortalComponent, AlertContainer, UploadFile, TruncateComponent, UploadImage, Textarea, DoughnutChart, MonthYearPicker, CheckboxTable, InputNative, UploadMultipleFile, ErrorMessage, TextareaFloatingInner, Step, LineChart, Tooltip, ButtonPopover, GradientLineChart, GradientBarChart, StepIndicator, TextEditor, };
-export type { ITableColumnDef, IRefPopover, IRefTableVirtualization, IRefListVirtualization, IRefSelectDropdownContainer, IChildrenSelectDropdownContainer, ISidebarModule, SelectDropdownContainerType, FilterContainerType, IInputReguler, IInputFloatingInner, ITableConfig, TButtonVariants, TButtonSize, ITabsList, ITextarea, IListVirtualization, ITableVirtualization, IRefSidebar, IChildrenIconCompany, ICloneElementSidebar, IDataDoughnutChart, IDataInnerLabelDoughnutChart, ISelectDropdownContainer, IDatePicker, IPopover, IInputNative, IUploadMultipleFileValue, IDataStepList, IDataLineChart, IChips, IRefButtonPopover, TGradientLineChartCustomTooltip, IGradientLineChart, IGradientLineChartDataSet, IGradientLineChartData, TGradientBarChartCustomTooltip, IGradientBarChart, IGradientBarChartDataSet, IGradientBarChartData, IFilterDateButtonList, TKeyFilterDateButtonListType, IMasonryLayout, IDataGradientBarChartCustomTooltip, IDataGradientLineChartCustomTooltip, ITextEditorProps, ICollapse, };
+export { TPublish, Button, Popover, Calendar, CalendarRange, DatePicker, DateRangePicker, FilterDate, InputFloatingInner, InputReguler, Pagination, Tabs, TabPanel, Table, TableVirtualization, ListVirtualization, SelectDropdownContainer, utilTable, Switch, ButtonIcon, Badges, Chips, RadioCheckbox, RadioCheckboxLabel, Breadcrumbs, Sidebar, Collapse, ModalDialog, SelectDropdownContainerComponents, Timeline, FilterContainer, NumberFormat, PatternFormat, DefaultCheckedChecboxIcon, DefaultRadioChecboxIcon, ConfigTable, PortalComponent, AlertContainer, UploadFile, TruncateComponent, UploadImage, Textarea, DoughnutChart, MonthYearPicker, CheckboxTable, InputNative, UploadMultipleFile, ErrorMessage, TextareaFloatingInner, Step, LineChart, Tooltip, ButtonPopover, GradientLineChart, GradientBarChart, StepIndicator, TextEditor, CollapseV2, TableSubComponent, };
+export type { ITableColumnDef, IRefPopover, IRefTableVirtualization, IRefListVirtualization, IRefSelectDropdownContainer, IChildrenSelectDropdownContainer, ISidebarModule, SelectDropdownContainerType, FilterContainerType, IInputReguler, IInputFloatingInner, ITableConfig, TButtonVariants, TButtonSize, ITabsList, TTypeEventTabs, ITextarea, IListVirtualization, ITableVirtualization, IRefSidebar, IChildrenIconCompany, ICloneElementSidebar, IDataDoughnutChart, IDataInnerLabelDoughnutChart, ISelectDropdownContainer, IDatePicker, IPopover, IInputNative, IUploadMultipleFileValue, IDataStepList, IDataLineChart, IChips, IRefButtonPopover, TGradientLineChartCustomTooltip, IGradientLineChart, IGradientLineChartDataSet, IGradientLineChartData, TGradientBarChartCustomTooltip, IGradientBarChart, IGradientBarChartDataSet, IGradientBarChartData, IFilterDateButtonList, TKeyFilterDateButtonListType, IMasonryLayout, IDataGradientBarChartCustomTooltip, IDataGradientLineChartCustomTooltip, ITextEditorProps, ICollapse, ITableColumnBreakpoint, TTableRenderSubComponent, TTableHandlerRowClick, };

package/dist/src/components/screens/Screens.stories.d.ts

@@ -0,0 +1,13 @@
+import { StoryObj } from '@storybook/react-vite';
+declare const meta: {
+    title: string;
+    parameters: {
+        layout: string;
+    };
+    tags: string[];
+    argTypes: {};
+    render: () => import("react/jsx-runtime").JSX.Element;
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;

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

@@ -1,4 +1,4 @@
-export type Itypography = 'payhere-h1' | 'payhere-h2' | 'payhere-h3' | 'payhere-h4' | 'payhere-h5' | 'payhere-h6' | 'payhere-body-lr' | 'payhere-body-lm' | 'payhere-body-ls' | 'payhere-body-lb' | 'payhere-body-mr' | 'payhere-body-mm' | 'payhere-body-ms' | 'payhere-body-mb' | 'payhere-label-r' | 'payhere-label-m' | 'payhere-body-sr' | 'payhere-body-sm' | 'payhere-body-esr' | 'payhere-body-esm' | 'laba-h1' | 'laba-h2' | 'laba-base-rb' | 'laba-base-rs' | 'laba-base-rr' | 'laba-base-sb' | 'laba-base-ss' | 'laba-base-sr' | 'laba-subtitle-rb' | 'laba-subtitle-rs' | 'laba-subtitle-rr' | 'laba-subtitle-sb' | 'laba-subtitle-ss' | 'laba-subtitle-sr';
+export type Itypography = 'payhere-h1' | 'payhere-h2' | 'payhere-h3' | 'payhere-h4' | 'payhere-h5' | 'payhere-h6' | 'payhere-body-lr' | 'payhere-body-lm' | 'payhere-body-ls' | 'payhere-body-lb' | 'payhere-body-mr' | 'payhere-body-mm' | 'payhere-body-ms' | 'payhere-body-mb' | 'payhere-label-r' | 'payhere-label-m' | 'payhere-body-sr' | 'payhere-body-sm' | 'payhere-body-esr' | 'payhere-body-esm' | 'laba-title-lb' | 'laba-title-ls' | 'laba-title-lr' | 'laba-title-mb' | 'laba-title-ms' | 'laba-title-mr' | 'laba-h1' | 'laba-h1-b' | 'laba-h1-sb' | 'laba-h1-r' | 'laba-h2' | 'laba-h2-b' | 'laba-h2-sb' | 'laba-h2-r' | 'laba-base-rb' | 'laba-base-rs' | 'laba-base-rr' | 'laba-base-sb' | 'laba-base-ss' | 'laba-base-sr' | 'laba-subtitle-rb' | 'laba-subtitle-rs' | 'laba-subtitle-rr' | 'laba-subtitle-sb' | 'laba-subtitle-ss' | 'laba-subtitle-sr';
 export declare const configtypography: {
     'payhere-h1': string;
     'payhere-h2': string;
@@ -20,8 +20,20 @@ export declare const configtypography: {
     'payhere-body-sm': string;
     'payhere-body-esr': string;
     'payhere-body-esm': string;
+    'laba-title-lb': string;
+    'laba-title-ls': string;
+    'laba-title-lr': string;
+    'laba-title-mb': string;
+    'laba-title-ms': string;
+    'laba-title-mr': string;
     'laba-h1': string;
+    'laba-h1-b': string;
+    'laba-h1-sb': string;
+    'laba-h1-r': string;
     'laba-h2': string;
+    'laba-h2-b': string;
+    'laba-h2-sb': string;
+    'laba-h2-r': string;
     'laba-base-rb': string;
     'laba-base-rs': string;
     'laba-base-rr': string;

package/dist/src/config/tailwind/index.d.ts

@@ -1,4 +1,5 @@
 import { default as ConfigColors } from './colors';
 import { default as configTypography, configTypographyLabaBisnis, configTypographyPayhere } from './typography';
 import { default as configScreens } from './screen';
-export { ConfigColors, configTypography, configTypographyLabaBisnis, configTypographyPayhere, configScreens };
+import { default as configNativeScreens } from './nativeScreen';
+export { ConfigColors, configTypography, configTypographyLabaBisnis, configTypographyPayhere, configScreens, configNativeScreens, };

package/dist/src/config/tailwind/nativeScreen.d.ts

@@ -0,0 +1,3 @@
+export type INativeScreen = Record<string, number>;
+declare const nativeScreens: INativeScreen;
+export default nativeScreens;

package/dist/src/interfaces/components/Breadcrumbs/index.d.ts

@@ -15,4 +15,7 @@ export interface IBreadcrumbs<T extends ElementType> extends HTMLAttributes<HTML
     iconAction?: ReactNode | ReactNode[];
     separator?: ReactNode | ReactNode[] | string;
     propsLink?: (value: string, index: number, urls: string[]) => object;
+    classNameAction?: string;
+    classNameUrl?: string;
+    renderAction?: () => ReactNode | ReactNode[];
 }

package/dist/src/interfaces/components/Button/index.d.ts

@@ -1,5 +1,5 @@
 import { ReactNode } from 'react';
-export type TButtonVariants = 'primary-laba-blue-10' | 'primary-red-700-dsb_laba-grey-06' | 'primary-green-700' | 'ghost-laba-blue-10' | 'ghost-red-700' | 'ghost-green-700' | 'ghost-blue-gray-100-bg_white' | 'ghost-laba-green-10' | 'ghost-blue-gray-100-bg_white-text_blue-gray-400' | 'ghost-laba-blue-05' | 'nude-laba-blue-10' | 'nude-red-700' | 'nude-green-700' | 'nude-gray-500' | 'nude-laba-red-10' | 'nude-laba-red-08' | 'nude-laba-red-05' | 'primary-blue-700' | 'primary-red-700' | 'secondary-blue-700' | 'secondary-red-600' | 'secondary-green-600' | 'tertiary-blue-700' | 'tertiary-red-300' | 'tertiary-red-600' | 'tertiary-gray-500' | 'ghost-laba-blue-01' | 'filled-laba-white_laba-blue-10' | 'filled-laba-white_laba-red-05' | 'secondary-red-700';
+export type TButtonVariants = 'primary-laba-blue-10' | 'primary-red-700-dsb_laba-grey-06' | 'primary-green-700' | 'ghost-laba-blue-10' | 'ghost-red-700' | 'ghost-green-700' | 'ghost-blue-gray-100-bg_white' | 'ghost-laba-green-10' | 'ghost-blue-gray-100-bg_white-text_blue-gray-400' | 'ghost-laba-blue-05' | 'nude-laba-blue-10' | 'nude-red-700' | 'nude-green-700' | 'nude-gray-500' | 'nude-laba-red-10' | 'nude-laba-red-08' | 'nude-laba-red-05' | 'primary-blue-700' | 'primary-red-700' | 'secondary-blue-700' | 'secondary-red-600' | 'secondary-green-600' | 'tertiary-blue-700' | 'tertiary-red-300' | 'tertiary-red-600' | 'tertiary-gray-500' | 'ghost-laba-blue-01' | 'filled-laba-white_laba-blue-10' | 'filled-laba-white_laba-red-05' | 'secondary-red-700' | 'tertiary-black';
 export type TButtonSize = 'large' | 'reguler' | 'small' | 'extra-small' | 'l' | 'm' | 's' | 'xs';
 export interface IButton extends React.ButtonHTMLAttributes<HTMLButtonElement> {
     size?: TButtonSize;

package/dist/src/interfaces/components/Calendar/index.d.ts

@@ -4,7 +4,7 @@ import { AriaButtonOptions, DateValue, RangeCalendarProps } from 'react-aria';
 import { CalendarState, CalendarStateOptions, DateRangePickerStateOptions, RangeCalendarState } from 'react-stately';
 export type TCalendarType = 'date' | 'month' | 'year';
 export type TDateType = Date | string | null | undefined;
-export type TKeyLocale = 'id' | 'enUS' | 'nl';
+export type TKeyLocale = 'id-ID' | 'en-US' | 'nl-NL' | 'zh-CN';
 export interface ICalendarPrevNextIcon {
     prevIcon?: ReactNode | ReactNode[] | (() => ReactNode) | (() => ReactNode[]);
     nextIcon?: ReactNode | ReactNode[] | (() => ReactNode) | (() => ReactNode[]);

package/dist/src/interfaces/components/Collapse/index.d.ts

@@ -9,3 +9,10 @@ export interface ICollapse {
     triggerCalCulateContainer?: number | string | boolean | object;
     delayTriggerCalculateHeight?: number;
 }
+export interface ICollapseV2 {
+    children: ReactNode | ReactNode[];
+    open: boolean;
+    id: string;
+    className?: string;
+    classNameContainer?: string | undefined;
+}

package/dist/src/interfaces/components/Pagination/index.d.ts

@@ -1,5 +1,6 @@
 import { OffsetOptions } from '@floating-ui/react';
 import { ReactNode } from 'react';
+import { TKeyLocale } from '../Calendar';
 export type TKindPaginationType = 'box' | 'nude';
 export interface IPagination {
     pageNumber: number;
@@ -20,4 +21,5 @@ export interface IPaginationProps extends IPagination {
     withOptionPageSize?: boolean;
     withGotoPage?: boolean;
     withMorePage?: boolean;
+    locale?: TKeyLocale;
 }

package/dist/src/interfaces/components/Sidebar/index.d.ts

@@ -1,5 +1,5 @@
 import { default as React } from 'react';
-export type TVariantSidebarType = 'payhere-brand-base-white' | 'payhere-brand-base-transparent' | 'laba-white';
+export type TVariantSidebarType = 'payhere-brand-base-white' | 'payhere-brand-base-transparent' | 'laba-white' | 'lpd-brand-base-transparent' | 'lpd-brand-base-transparent-responsive' | 'lpd-brand-base-white' | 'lpd-brand-base-white-responsive';
 export interface ISidebarModule {
     name: string;
     label: string;
@@ -10,8 +10,10 @@ export interface ISidebarModule {
     icon?: string;
     svgIcon?: React.ReactNode | null;
     svgIconActive?: React.ReactNode | null;
+    svgIconHover?: React.ReactNode | null;
     manualRoute?: boolean;
-    propsLink?: (value: string) => object;
+    propsLink?: (value: string, item: ISidebarModule) => object;
+    [key: string]: unknown;
 }
 export interface ISidebar<T extends React.ElementType> extends React.HTMLAttributes<HTMLDivElement> {
     as?: T;
@@ -26,8 +28,9 @@ export interface ISidebar<T extends React.ElementType> extends React.HTMLAttribu
     toleranceWidthIconCompany?: number;
     footer?: React.ReactNode | React.ReactNode[] | (() => React.ReactNode) | (() => React.ReactNode[]);
     onClickItems?: (v: ISidebarModule) => void;
-    propsLink?: (value: string) => object;
+    propsLink?: (value: string, item: ISidebarModule) => object;
     withInheritance?: boolean;
+    id?: string;
 }
 export interface IItemSidebar<T extends React.ElementType> extends ISidebarModule {
     as?: T;
@@ -38,7 +41,7 @@ export interface IItemSidebar<T extends React.ElementType> extends ISidebarModul
     variant?: TVariantSidebarType;
     setShow: (v: string) => void;
     onClickItems?: (v: ISidebarModule) => void;
-    propsLink?: (value: string) => object;
+    propsLink?: (value: string, item: ISidebarModule) => object;
     linkComponent?: T;
 }
 export interface ICloneElementSidebar {