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

package/dist/src/components/Virtualization/TableVirtualization.stories.d.ts

@@ -1,5 +1,6 @@
-import { StoryObj } from '@storybook/react-vite';
+import { StoryObj } from '@storybook/react';
 import { ITableVirtualization } from '../../interfaces/components/Virtualization/TableVirtualization';
+
 declare const meta: {
     title: string;
     component: import('react').ForwardRefExoticComponent<ITableVirtualization & import('react').RefAttributes<import('react-virtuoso').TableVirtuosoHandle>>;
@@ -7,7 +8,300 @@ declare const meta: {
         layout: string;
     };
     tags: string[];
-    argTypes: {};
+    argTypes: {
+        totalCount: {
+            control: "number";
+            description: string;
+            table: {
+                category: string;
+                type: {
+                    summary: string;
+                };
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+        computeItemKey: {
+            type: "function";
+            description: string;
+            table: {
+                category: string;
+                type: {
+                    summary: string;
+                };
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+        context: {
+            control: "object";
+            description: string;
+            table: {
+                category: string;
+                type: {
+                    summary: string;
+                };
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+        classNameContainer: {
+            control: "text";
+            description: string;
+            table: {
+                category: string;
+                type: {
+                    summary: string;
+                };
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+        typeHight: {
+            control: {
+                type: "select";
+            };
+            options: string[];
+            description: string;
+            table: {
+                category: string;
+                type: {
+                    summary: string;
+                };
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+        typeCalculateItemSize: {
+            control: {
+                type: "select";
+            };
+            options: string[];
+            description: string;
+            table: {
+                category: string;
+                type: {
+                    summary: string;
+                };
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+        itemSize: {
+            type: "function";
+            description: string;
+            table: {
+                category: string;
+                type: {
+                    summary: string;
+                };
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+        itemSizeNames: {
+            control: "object";
+            description: string;
+            table: {
+                category: string;
+                type: {
+                    summary: string;
+                };
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+        minHeightItem: {
+            control: "number";
+            description: string;
+            table: {
+                category: string;
+                type: {
+                    summary: string;
+                };
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+        maxHeightTable: {
+            control: "number";
+            description: string;
+            table: {
+                category: string;
+                type: {
+                    summary: string;
+                };
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+        minLengthItem: {
+            control: "number";
+            description: string;
+            table: {
+                category: string;
+                type: {
+                    summary: string;
+                };
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+        overscan: {
+            type: "function";
+            description: string;
+            table: {
+                category: string;
+                type: {
+                    summary: string;
+                };
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+        increaseViewportBy: {
+            type: "function";
+            description: string;
+            table: {
+                category: string;
+                type: {
+                    summary: string;
+                };
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+        idContainer: {
+            control: "text";
+            description: string;
+            table: {
+                category: string;
+                type: {
+                    summary: string;
+                };
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+        triggerCalCulateContainer: {
+            control: "object";
+            description: string;
+            table: {
+                category: string;
+                type: {
+                    summary: string;
+                };
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+        accumulationHeight: {
+            control: "number";
+            description: string;
+            table: {
+                category: string;
+                type: {
+                    summary: string;
+                };
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+        delayTriggerCalculateHeight: {
+            control: "number";
+            description: string;
+            table: {
+                category: string;
+                type: {
+                    summary: string;
+                };
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+        increaseTotalCount: {
+            control: "number";
+            description: string;
+            table: {
+                category: string;
+                type: {
+                    summary: string;
+                };
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+        itemContent: {
+            type: "function";
+            description: string;
+            table: {
+                category: string;
+                type: {
+                    summary: string;
+                };
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+        fixedHeaderContent: {
+            type: "function";
+            description: string;
+            table: {
+                category: string;
+                type: {
+                    summary: string;
+                };
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+        component: {
+            control: "object";
+            description: string;
+            table: {
+                category: string;
+                type: {
+                    summary: string;
+                };
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+        endReached: {
+            type: "function";
+            description: string;
+            table: {
+                category: string;
+                type: {
+                    summary: string;
+                };
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+    };
     render: (args: ITableVirtualization & import('react').RefAttributes<import('react-virtuoso').TableVirtuosoHandle>) => import("react/jsx-runtime").JSX.Element;
 };
 export default meta;

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

@@ -1,15 +1,15 @@
 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';
 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 Table } from './Table/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';
@@ -23,6 +23,7 @@ import { default as CalendarRange } from './Calendar/CalendarRange';
 import { default as DatePicker } from './DatePicker/DatePicker';
 import { default as DateRangePicker } from './DatePicker/DateRangePicker';
 import { default as FilterDate } from './DatePicker/FilterDate';
+import { TKeyLocale } from '../interfaces/components/Calendar';
 import { IFilterDateButtonList, TKeyFilterDateButtonListType } from '../interfaces/components/DatePicker';
 import { default as Switch } from './Switch/Switch';
 import { default as ButtonIcon } from './ButtonIcon/ButtonIcon';
@@ -41,11 +42,12 @@ import { default as FilterContainer } from './FilterContainer/FilterContainer';
 import { default as NumberFormat } from './NumberFormat/NumberFormat';
 import { PatternFormat } from 'react-number-format';
 import { IInputReguler, IInputFloatingInner, IInputNative } from '../interfaces/components/Input';
+import { ConfigTable } from './Table/Table.config';
 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,19 +64,24 @@ 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 { default as TimeRange } from './TimeRange/TimeRange';
+import { ITimeRangeListTime, ITimeRange, TTimeRangeValue } from '../interfaces/components/TimeRange';
+import { default as TextareaInnerLabel } from './Textarea/TextareaInnerLabel';
+import { default as InputInnerLabel } from './Input/InputInnerLabel';
+
 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, CollapseV2, };
-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, TimeRange, TextareaInnerLabel, InputInnerLabel, };
+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, IDataGradientBarChartCustomTooltip, IDataGradientLineChartCustomTooltip, ITextEditorProps, ICollapse, ITableColumnBreakpoint, TTableRenderSubComponent, TTableHandlerRowClick, TKeyLocale, ITimeRangeListTime, ITimeRange, TTimeRangeValue, };

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

@@ -0,0 +1,14 @@
+import { StoryObj } from '@storybook/react';
+
+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/bigNumber/index.d.ts

@@ -1,4 +1,5 @@
 import { BigNumber as TypeBigNumber } from 'bignumber.js';
+
 type TBigNumber = string | number;
 interface BigNumberConfig {
     EXPONENTIAL_AT?: number | [number, number];

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

@@ -10,3 +10,4 @@ export declare const configBorderRadius: {
     '24px': string;
     full: string;
 };
+export declare const keysBorderRadius: string[];

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

@@ -0,0 +1,7 @@
+export type TFont = 'lato' | 'inter' | 'pJakartaSans';
+export declare const configFont: {
+    lato: string;
+    inter: string;
+    pJakartaSans: string;
+};
+export declare const keysFont: string[];

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

@@ -49,3 +49,4 @@ export declare const configGap: {
     'gap-x-10': string;
     'gap-y-10': string;
 };
+export declare const keysGap: string[];

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

@@ -1,4 +1,5 @@
 import { IAllProps } from '@tinymce/tinymce-react';
+
 declare const tinymce: ({ label }: {
     label?: string;
 }) => IAllProps;

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

@@ -1,49 +1,3 @@
-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;
-    'payhere-h3': string;
-    'payhere-h4': string;
-    'payhere-h5': string;
-    'payhere-h6': string;
-    'payhere-body-lr': string;
-    'payhere-body-lm': string;
-    'payhere-body-ls': string;
-    'payhere-body-lb': string;
-    'payhere-body-mr': string;
-    'payhere-body-mm': string;
-    'payhere-body-ms': string;
-    'payhere-body-mb': string;
-    'payhere-label-r': string;
-    'payhere-label-m': string;
-    'payhere-body-sr': string;
-    '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;
-    'laba-base-sb': string;
-    'laba-base-ss': string;
-    'laba-base-sr': string;
-    'laba-subtitle-rb': string;
-    'laba-subtitle-rs': string;
-    'laba-subtitle-rr': string;
-    'laba-subtitle-sb': string;
-    'laba-subtitle-ss': string;
-    'laba-subtitle-sr': string;
-};
+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-label-sb' | 'payhere-label-b' | 'payhere-body-sr' | 'payhere-body-sm' | 'payhere-body-smb' | 'payhere-body-sb' | 'payhere-body-esr' | 'payhere-body-esm' | 'payhere-body-esmb' | 'payhere-body-esb' | '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' | 'bill-h1' | 'bill-h2' | 'bill-h3' | 'bill-h4' | 'bill-h5' | 'bill-h6' | 'bill-body-lr' | 'bill-body-lm' | 'bill-body-lsm' | 'bill-body-blb' | 'bill-body-mr' | 'bill-body-mm' | 'bill-body-msm' | 'bill-body-mb' | 'bill-label-r' | 'bill-label-m' | 'bill-label-sm' | 'bill-label-b' | 'bill-body-sr' | 'bill-body-sm' | 'bill-body-ssm' | 'bill-body-sb' | 'bill-body-esr' | 'bill-body-ems' | 'bill-body-essm' | 'bill-body-esb';
+export declare const configtypography: Record<Itypography, string>;
+export declare const keysTypography: string[];

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

@@ -1,4 +1,6 @@
 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/config/tailwind/typography.d.ts

@@ -1,6 +1,7 @@
 export type ITypography = Record<string, [string, Record<string, string | number>]>;
 export declare const configTypographyPayhere: ITypography;
 export declare const configTypographyLabaBisnis: ITypography;
+export declare const configTypographyBillId: ITypography;
 declare const _default: {
     [x: string]: [string, Record<string, string | number>];
 };

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

@@ -1,10 +1,13 @@
 import { default as useElementOrWindowMediaQuery } from './useElementOrWindowMediaQuery';
-import { default as useCountdown } from './useCountdown';
+import { default as useCountdown, IUseCountdownReturn, IUseCountdown } from './useCountdown';
 import { default as useAsyncDebounce } from './useAsyncDebounce';
 import { default as useCombinedResizeObserver } from './useCombinedResizeObserver';
 import { default as useStateRef } from './useStateRef';
 import { useMergeRefs } from './useMergeRefs';
 import { useDeepCompareEffect, useDeepCompareMemoize } from './useDeepCompareEffect';
 import { useEventListener } from './useEventListener';
-import { default as useMasonry } from './useMasonry';
-export { useElementOrWindowMediaQuery, useCountdown, useAsyncDebounce, useCombinedResizeObserver, useStateRef, useDeepCompareEffect, useDeepCompareMemoize, useMergeRefs, useEventListener, useMasonry, };
+import { default as useMasonry, IMasonryLayout } from './useMasonry';
+import { default as useOtpInput, IUseOtpInput, IUseOtpInputReturn } from './useOtpInput';
+
+export { useElementOrWindowMediaQuery, useCountdown, useAsyncDebounce, useCombinedResizeObserver, useStateRef, useDeepCompareEffect, useDeepCompareMemoize, useMergeRefs, useEventListener, useMasonry, useOtpInput, };
+export type { IUseOtpInput, IUseOtpInputReturn, IMasonryLayout, IUseCountdownReturn, IUseCountdown };

package/dist/src/hooks/useCombinedResizeObserver.d.ts

@@ -1,4 +1,5 @@
 import { default as React } from 'react';
+
 interface ContentRect {
     width: number;
     height: number;

package/dist/src/hooks/useCountdown.d.ts

@@ -1,14 +1,17 @@
-declare const useCountdown: (options: {
+export interface IUseCountdown {
     date: string;
     intervalMs: number;
     running: boolean;
     adjustTimesTime?: number;
     callbackDone?: () => void;
-}) => {
+}
+export interface IUseCountdownReturn {
     count: number;
+    isRunning: boolean;
     startCountdown: () => void;
     stopCountdown: () => void;
     resetCountdown: (value?: Date | number) => void;
     setCallbackDone: (val: () => void) => void;
-};
+}
+declare const useCountdown: (options: IUseCountdown) => IUseCountdownReturn;
 export default useCountdown;

package/dist/src/hooks/useDeepCompareEffect.d.ts

@@ -1,3 +1,4 @@
 import { default as React } from 'react';
+
 export declare function useDeepCompareMemoize<T>(value: T): T;
 export declare function useDeepCompareEffect(callback: React.EffectCallback, dependencies: React.DependencyList): void;

package/dist/src/hooks/useEventListener.d.ts

@@ -1,4 +1,5 @@
 import { default as React } from 'react';
+
 interface UseEventListenerOptions {
     ref: React.RefObject<HTMLElement>;
     handlerMain: (ref: React.RefObject<HTMLElement>, event: Event) => void;

package/dist/src/hooks/useMasonry.d.ts

@@ -1,4 +1,5 @@
 import { default as React } from 'react';
+
 export type TMasonryDirection = 'masonry-ltr' | 'masonry-rtl' | 'top-down-ltr' | 'top-down-rtl';
 export type TUseMasonry = <T extends HTMLElement>(params: {
     containerRef: React.RefObject<T>;

package/dist/src/hooks/useMergeRefs.d.ts

@@ -1,4 +1,5 @@
 import { default as React } from 'react';
+
 export type ReactRef<T> = React.RefCallback<T> | React.MutableRefObject<T>;
 export declare function assignRef<T = unknown>(ref: ReactRef<T> | null | undefined, value: T): void;
 export declare function mergeRefs<T>(...refs: (ReactRef<T> | null | undefined)[]): (node: T | null) => void;

package/dist/src/hooks/useOtpInput.d.ts

@@ -0,0 +1,43 @@
+import { default as React } from 'react';
+
+export interface IUseOtpInput {
+    id?: string;
+    numInputs: number;
+    onComplete?: (otp: string) => void;
+    disableFocusOnEdit?: boolean;
+    blurOnComplete?: boolean;
+    disableOnComplete?: boolean;
+}
+export interface IInputProps {
+    id: string;
+    ref: (el: HTMLInputElement | null) => void;
+    value: string;
+    onChange: (e: React.ChangeEvent<HTMLInputElement>) => void;
+    onKeyDown: (e: React.KeyboardEvent<HTMLInputElement>) => void;
+    onPaste: (e: React.ClipboardEvent<HTMLInputElement>) => void;
+    onFocus: (e: React.FocusEvent<HTMLInputElement>) => void;
+    disabled: boolean;
+    type: 'text';
+    inputMode: 'numeric';
+    autoComplete: 'one-time-code';
+    'aria-label': string;
+}
+export interface IInputData {
+    id: string;
+    ref: (el: HTMLInputElement | null) => void;
+    value: string;
+    disabled: boolean;
+    type: 'text';
+    inputMode: 'numeric';
+    isOtpFilled: boolean;
+}
+export interface IUseOtpInputReturn {
+    getInputProps: (index: number) => IInputProps;
+    getInputData: (index: number) => IInputData;
+    clearOtp: () => void;
+    otpValues: string[];
+    otpString: string;
+    isOtpComplete: boolean;
+}
+export declare const useOtpInput: ({ id, numInputs, onComplete, disableFocusOnEdit, blurOnComplete, disableOnComplete, }: IUseOtpInput) => IUseOtpInputReturn;
+export default useOtpInput;

package/dist/src/hooks/useStateRef.d.ts

@@ -1,3 +1,4 @@
 import { default as React } from 'react';
+
 declare function useStateRef<T>(initialValue: T): [T, React.Dispatch<React.SetStateAction<T>>, React.MutableRefObject<T>];
 export default useStateRef;

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

@@ -1,4 +1,5 @@
 import { ToastOptions } from 'react-toastify';
+
 export interface IOptionAlert extends ToastOptions {
     kind?: 'laba' | 'payhere';
 }