1mpacto-react-ui 0.2.0-beta.1 → 0.2.0-beta.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (153) hide show
  1. package/dist/assets/core.css +1 -1
  2. package/dist/assets/fontfamily.css +1 -1
  3. package/dist/assets/style.css +1 -1
  4. package/dist/index.cjs +72 -70
  5. package/dist/index.cjs.map +1 -1
  6. package/dist/index.d.ts +0 -1
  7. package/dist/index.mjs +6924 -6719
  8. package/dist/index.mjs.map +1 -1
  9. package/dist/package.json.d.ts +27 -20
  10. package/dist/src/components/Alert/index.d.ts +0 -1
  11. package/dist/src/components/Badges/Badges.d.ts +0 -1
  12. package/dist/src/components/Badges/Badges.stories.d.ts +0 -1
  13. package/dist/src/components/Breadcrumbs/Breadcrumbs.d.ts +0 -1
  14. package/dist/src/components/Breadcrumbs/Breadcrumbs.stories.d.ts +0 -1
  15. package/dist/src/components/Button/Button.d.ts +0 -1
  16. package/dist/src/components/Button/Button.stories.d.ts +0 -1
  17. package/dist/src/components/ButtonIcon/ButtonIcon.d.ts +0 -1
  18. package/dist/src/components/ButtonIcon/ButtonIcon.stories.d.ts +0 -1
  19. package/dist/src/components/ButtonPopover/ButtonPopover.d.ts +0 -1
  20. package/dist/src/components/ButtonPopover/ButtonPopover.stories.d.ts +17 -0
  21. package/dist/src/components/Calendar/Calendar.d.ts +0 -1
  22. package/dist/src/components/Calendar/Calendar.stories.d.ts +14 -0
  23. package/dist/src/components/Calendar/CalendarButton.d.ts +0 -1
  24. package/dist/src/components/Calendar/CalendarCell.d.ts +0 -1
  25. package/dist/src/components/Calendar/CalendarMonth.d.ts +0 -1
  26. package/dist/src/components/Calendar/CalendarRange.d.ts +0 -1
  27. package/dist/src/components/Calendar/CalendarYear.d.ts +0 -1
  28. package/dist/src/components/Chart/DoughnutChart.d.ts +0 -1
  29. package/dist/src/components/Chart/GradientBarChart.d.ts +0 -1
  30. package/dist/src/components/Chart/GradientBarChart.stories.d.ts +2 -3
  31. package/dist/src/components/Chart/GradientLineChart.d.ts +0 -1
  32. package/dist/src/components/Chart/GradientLineChart.stories.d.ts +2 -3
  33. package/dist/src/components/Chart/LineChart.d.ts +0 -1
  34. package/dist/src/components/Chart/LineChart.stories.d.ts +18 -0
  35. package/dist/src/components/Chips/Chips.d.ts +0 -1
  36. package/dist/src/components/Chips/Chips.stories.d.ts +0 -1
  37. package/dist/src/components/Collapse/Collapse.d.ts +0 -1
  38. package/dist/src/components/Collapse/Collapse.stories.d.ts +18 -0
  39. package/dist/src/components/DatePicker/DatePicker.d.ts +0 -1
  40. package/dist/src/components/DatePicker/DatePicker.stories.d.ts +0 -1
  41. package/dist/src/components/DatePicker/DateRangePicker.d.ts +0 -1
  42. package/dist/src/components/DatePicker/FilterDate.d.ts +0 -1
  43. package/dist/src/components/DatePicker/FilterDate.stories.d.ts +18 -0
  44. package/dist/src/components/DatePicker/MonthYearPicker.d.ts +0 -1
  45. package/dist/src/components/DatePicker/MonthYearPicker.stories.d.ts +18 -0
  46. package/dist/src/components/ErrorMessage/ErrorMessage.d.ts +0 -1
  47. package/dist/src/components/ErrorMessage/ErrorMessage.stories.d.ts +17 -0
  48. package/dist/src/components/FilterContainer/FilterContainer.d.ts +0 -1
  49. package/dist/src/components/Input/InputFloatingInner.d.ts +0 -1
  50. package/dist/src/components/Input/InputFloatingInner.stories.d.ts +0 -7
  51. package/dist/src/components/Input/InputNative.d.ts +0 -1
  52. package/dist/src/components/Input/InputNative.stories.d.ts +31 -0
  53. package/dist/src/components/Input/InputReguler.d.ts +0 -1
  54. package/dist/src/components/Input/InputReguler.stories.d.ts +0 -7
  55. package/dist/src/components/Modal/ModalDialog.d.ts +0 -1
  56. package/dist/src/components/Modal/ModalDialog.stories.d.ts +18 -0
  57. package/dist/src/components/NumberFormat/NumberFormat.d.ts +0 -1
  58. package/dist/src/components/NumberFormat/NumberFormat.stories.d.ts +0 -1
  59. package/dist/src/components/Pagination/Pagination.d.ts +0 -1
  60. package/dist/src/components/Pagination/Pagination.stories.d.ts +0 -1
  61. package/dist/src/components/Popover/Popover.d.ts +0 -1
  62. package/dist/src/components/Popover/Popover.stories.d.ts +2 -3
  63. package/dist/src/components/PortalComponent/PortalComponent.d.ts +0 -1
  64. package/dist/src/components/RadioCheckbox/CheckboxTable.d.ts +0 -1
  65. package/dist/src/components/RadioCheckbox/RadioCheckbox.d.ts +0 -1
  66. package/dist/src/components/RadioCheckbox/RadioCheckbox.stories.d.ts +0 -1
  67. package/dist/src/components/RadioCheckbox/RadioCheckboxLabel.d.ts +0 -1
  68. package/dist/src/components/RadioCheckbox/RadioCheckboxLabel.stories.d.ts +0 -1
  69. package/dist/src/components/SelectDropdownContainer/SelectDropdownContainer.d.ts +0 -1
  70. package/dist/src/components/SelectDropdownContainer/SelectDropdownContainer.stories.d.ts +3 -4
  71. package/dist/src/components/SelectDropdownContainer/styleConfig.d.ts +0 -1
  72. package/dist/src/components/Sidebar/ItemSidebar.d.ts +0 -1
  73. package/dist/src/components/Sidebar/Sidebar.d.ts +0 -1
  74. package/dist/src/components/Sidebar/Sidebar.stories.d.ts +6 -5
  75. package/dist/src/components/Step/Step.d.ts +0 -1
  76. package/dist/src/components/Step/Step.stories.d.ts +14 -0
  77. package/dist/src/components/Step/StepIndicator.d.ts +0 -1
  78. package/dist/src/components/Step/StepIndicator.stories.d.ts +13 -0
  79. package/dist/src/components/Switch/Switch.d.ts +0 -1
  80. package/dist/src/components/Switch/Switch.stories.d.ts +0 -1
  81. package/dist/src/components/Table/Table.d.ts +0 -1
  82. package/dist/src/components/Table/Table.stories.d.ts +1 -2
  83. package/dist/src/components/Tabs/TabPanel.d.ts +0 -1
  84. package/dist/src/components/Tabs/Tabs.d.ts +0 -1
  85. package/dist/src/components/Tabs/Tabs.stories.d.ts +14 -0
  86. package/dist/src/components/TextEditor/TextEditor.d.ts +0 -1
  87. package/dist/src/components/TextEditor/TextEditor.stories.d.ts +14 -0
  88. package/dist/src/components/Textarea/Textarea.d.ts +0 -1
  89. package/dist/src/components/Textarea/Textarea.stories.d.ts +0 -1
  90. package/dist/src/components/Textarea/TextareaFloatingInner.d.ts +0 -1
  91. package/dist/src/components/Textarea/TextareaFloatingInner.stories.d.ts +0 -1
  92. package/dist/src/components/Timeline/Timeline.d.ts +0 -1
  93. package/dist/src/components/Timeline/Timeline.stories.d.ts +16 -0
  94. package/dist/src/components/Tooltip/Tooltip.d.ts +0 -1
  95. package/dist/src/components/Tooltip/Tooltip.stories.d.ts +13 -0
  96. package/dist/src/components/TruncateComponent/TruncateComponent.d.ts +0 -1
  97. package/dist/src/components/TruncateComponent/TruncateComponent.stories.d.ts +14 -0
  98. package/dist/src/components/Upload/UploadFile.d.ts +0 -1
  99. package/dist/src/components/Upload/UploadFile.stories.d.ts +0 -1
  100. package/dist/src/components/Upload/UploadImage.d.ts +0 -1
  101. package/dist/src/components/Upload/UploadImage.stories.d.ts +13 -0
  102. package/dist/src/components/Upload/UploadMultipleFile.d.ts +0 -1
  103. package/dist/src/components/Upload/UploadMultipleFile.stories.d.ts +0 -1
  104. package/dist/src/components/Virtualization/ListVirtualization.d.ts +0 -1
  105. package/dist/src/components/Virtualization/ListVirtualization.stories.d.ts +15 -0
  106. package/dist/src/components/Virtualization/TableVirtualization.d.ts +0 -1
  107. package/dist/src/components/Virtualization/TableVirtualization.stories.d.ts +15 -0
  108. package/dist/src/components/index.d.ts +0 -1
  109. package/dist/src/config/bigNumber/index.d.ts +0 -1
  110. package/dist/src/config/components/tinymce.d.ts +0 -1
  111. package/dist/src/config/tailwind/index.d.ts +0 -1
  112. package/dist/src/hooks/index.d.ts +0 -1
  113. package/dist/src/hooks/useCombinedResizeObserver.d.ts +0 -1
  114. package/dist/src/hooks/useDeepCompareEffect.d.ts +0 -1
  115. package/dist/src/hooks/useEventListener.d.ts +0 -1
  116. package/dist/src/hooks/useMasonry.d.ts +0 -1
  117. package/dist/src/hooks/useMergeRefs.d.ts +0 -1
  118. package/dist/src/hooks/useStateRef.d.ts +0 -1
  119. package/dist/src/interfaces/components/Alert/index.d.ts +0 -1
  120. package/dist/src/interfaces/components/Badges/index.d.ts +1 -2
  121. package/dist/src/interfaces/components/Breadcrumbs/index.d.ts +0 -1
  122. package/dist/src/interfaces/components/Button/index.d.ts +0 -1
  123. package/dist/src/interfaces/components/ButtonIcon/index.d.ts +0 -1
  124. package/dist/src/interfaces/components/ButtonPopover/index.d.ts +0 -1
  125. package/dist/src/interfaces/components/Calendar/index.d.ts +0 -1
  126. package/dist/src/interfaces/components/Chart/index.d.ts +0 -1
  127. package/dist/src/interfaces/components/Checkbox/index.d.ts +0 -1
  128. package/dist/src/interfaces/components/Chips/index.d.ts +0 -1
  129. package/dist/src/interfaces/components/Collapse/index.d.ts +0 -1
  130. package/dist/src/interfaces/components/DatePicker/index.d.ts +0 -1
  131. package/dist/src/interfaces/components/FilterContainer/index.d.ts +0 -1
  132. package/dist/src/interfaces/components/Input/index.d.ts +0 -1
  133. package/dist/src/interfaces/components/Modal/index.d.ts +0 -1
  134. package/dist/src/interfaces/components/NumberFormat/index.d.ts +0 -1
  135. package/dist/src/interfaces/components/Pagination/index.d.ts +0 -1
  136. package/dist/src/interfaces/components/Popover/index.d.ts +1 -2
  137. package/dist/src/interfaces/components/RadioCheckbox/RadioCheckbox.d.ts +0 -1
  138. package/dist/src/interfaces/components/RadioCheckbox/RadioCheckboxLabel.d.ts +0 -1
  139. package/dist/src/interfaces/components/SelectDropdownContainer/index.d.ts +0 -1
  140. package/dist/src/interfaces/components/Sidebar/index.d.ts +0 -1
  141. package/dist/src/interfaces/components/Step/index.d.ts +0 -1
  142. package/dist/src/interfaces/components/Table/index.d.ts +0 -1
  143. package/dist/src/interfaces/components/Tabs/index.d.ts +0 -1
  144. package/dist/src/interfaces/components/TextEditor/index.d.ts +0 -1
  145. package/dist/src/interfaces/components/Textarea/index.d.ts +0 -1
  146. package/dist/src/interfaces/components/Timeline/index.d.ts +0 -1
  147. package/dist/src/interfaces/components/Tooltip/index.d.ts +0 -1
  148. package/dist/src/interfaces/components/UploadFile/index.d.ts +0 -1
  149. package/dist/src/interfaces/components/Virtualization/ListVirtualization.d.ts +0 -1
  150. package/dist/src/interfaces/components/Virtualization/TableVirtualization.d.ts +0 -1
  151. package/dist/src/main.d.ts +0 -1
  152. package/dist/src/utils/common.d.ts +0 -1
  153. package/package.json +26 -20
@@ -1,9 +1,8 @@
1
1
  import { StoryObj } from '@storybook/react-vite';
2
2
  import { IRefPopover } from '../../interfaces/components/Popover';
3
-
4
3
  declare const meta: {
5
4
  title: string;
6
- component: import('react').ForwardRefExoticComponent<import('../../interfaces/components/Popover').IPopover & import('react').RefAttributes<IRefPopover>>;
5
+ component: import('react').ForwardRefExoticComponent<import('..').IPopover & import('react').RefAttributes<IRefPopover>>;
7
6
  parameters: {
8
7
  layout: string;
9
8
  };
@@ -16,7 +15,7 @@ declare const meta: {
16
15
  args: {
17
16
  onChange: import('@vitest/spy').Mock<(...args: any[]) => any>;
18
17
  };
19
- render: (args: import('../../interfaces/components/Popover').IPopover & import('react').RefAttributes<IRefPopover>) => import("react/jsx-runtime").JSX.Element;
18
+ render: (args: import('..').IPopover & import('react').RefAttributes<IRefPopover>) => import("react/jsx-runtime").JSX.Element;
20
19
  };
21
20
  export default meta;
22
21
  type Story = StoryObj<typeof meta>;
@@ -1,5 +1,4 @@
1
1
  import { ReactNode } from 'react';
2
-
3
2
  declare const PortalComponent: React.FC<{
4
3
  containerId?: string;
5
4
  children: ReactNode;
@@ -1,4 +1,3 @@
1
1
  import { ICheckboxTable } from '../../interfaces/components/Checkbox';
2
-
3
2
  declare const CheckboxTable: ({ indeterminate, className, classNameContainer, ...props }: ICheckboxTable) => import("react/jsx-runtime").JSX.Element;
4
3
  export default CheckboxTable;
@@ -1,5 +1,4 @@
1
1
  import { IRadioCheckbox } from '../../interfaces/components/RadioCheckbox/RadioCheckbox';
2
-
3
2
  export declare const DefaultCheckedChecboxIcon: ({ className }: {
4
3
  className?: string;
5
4
  }) => import("react/jsx-runtime").JSX.Element;
@@ -1,5 +1,4 @@
1
1
  import { StoryObj } from '@storybook/react-vite';
2
-
3
2
  declare const meta: {
4
3
  title: string;
5
4
  component: import('react').ForwardRefExoticComponent<import('../../interfaces/components/RadioCheckbox/RadioCheckbox').IRadioCheckbox & import('react').RefAttributes<HTMLInputElement>>;
@@ -1,4 +1,3 @@
1
1
  import { IRadioCheckboxLabel } from '../../interfaces/components/RadioCheckbox/RadioCheckboxLabel';
2
-
3
2
  declare const RadioCheckboxLabel: ({ radioCheckboxProps, name, id, type, typographyLabel, typographyDesc, fonts, borderRadius, className, disabled, variants, label, desc, backgroundWithHover, ...props }: IRadioCheckboxLabel) => import("react/jsx-runtime").JSX.Element;
4
3
  export default RadioCheckboxLabel;
@@ -1,5 +1,4 @@
1
1
  import { StoryObj } from '@storybook/react-vite';
2
-
3
2
  declare const meta: {
4
3
  title: string;
5
4
  component: ({ radioCheckboxProps, name, id, type, typographyLabel, typographyDesc, fonts, borderRadius, className, disabled, variants, label, desc, backgroundWithHover, ...props }: import('../../interfaces/components/RadioCheckbox/RadioCheckboxLabel').IRadioCheckboxLabel) => import("react/jsx-runtime").JSX.Element;
@@ -1,6 +1,5 @@
1
1
  import { default as React } from 'react';
2
2
  import { IRefSelectDropdownContainer, ISelectDropdownContainer } from '../../interfaces/components/SelectDropdownContainer';
3
-
4
3
  declare const SelectDropdownContainer: <T>(props: ISelectDropdownContainer<T> & {
5
4
  ref?: React.ForwardedRef<IRefSelectDropdownContainer<T>>;
6
5
  }) => React.ReactNode;
@@ -1,10 +1,9 @@
1
1
  import { StoryObj } from '@storybook/react-vite';
2
-
3
2
  declare const meta: {
4
3
  title: string;
5
- component: <T>(props: import('../../interfaces/components/SelectDropdownContainer').ISelectDropdownContainer<T> & {
6
- ref?: import('react').ForwardedRef<import('../../interfaces/components/SelectDropdownContainer').IRefSelectDropdownContainer<T>>;
7
- }) => import('react').ReactNode;
4
+ component: <T>(props: import('..').ISelectDropdownContainer<T> & {
5
+ ref?: React.ForwardedRef<import('..').IRefSelectDropdownContainer<T>>;
6
+ }) => React.ReactNode;
8
7
  parameters: {
9
8
  layout: string;
10
9
  };
@@ -1,5 +1,4 @@
1
1
  import { StylesConfig } from 'react-select';
2
-
3
2
  export declare const styleSelectDropdownContainerLaba: StylesConfig;
4
3
  export declare const styleSelectDropdownContainerPayhere: StylesConfig;
5
4
  export declare const styleSelectDropdownContainerNoSearch: StylesConfig;
@@ -1,5 +1,4 @@
1
1
  import { ElementType } from 'react';
2
2
  import { IItemSidebar } from '../../interfaces/components/Sidebar';
3
-
4
3
  declare const ItemSidebar: <T extends ElementType = "div">({ as, show, open, patch, iconSubs, variant, setShow, onClickItems, propsLink, ...value }: IItemSidebar<T>) => import("react/jsx-runtime").JSX.Element;
5
4
  export default ItemSidebar;
@@ -1,6 +1,5 @@
1
1
  import { default as React } from 'react';
2
2
  import { IRefSidebar, ISidebar } from '../../interfaces/components/Sidebar';
3
-
4
3
  declare const Sidebar: <T extends React.ElementType = "div">(props: ISidebar<T> & {
5
4
  ref?: React.ForwardedRef<IRefSidebar>;
6
5
  }) => React.ReactNode;
@@ -1,11 +1,10 @@
1
1
  import { StoryObj } from '@storybook/react-vite';
2
2
  import { IRefSidebar } from '../../interfaces/components/Sidebar';
3
-
4
3
  declare const meta: {
5
4
  title: string;
6
- component: <T extends import('react').ElementType = "div">(props: import('../../interfaces/components/Sidebar').ISidebar<T> & {
7
- ref?: import('react').ForwardedRef<IRefSidebar>;
8
- }) => import('react').ReactNode;
5
+ component: <T extends React.ElementType = "div">(props: import('../../interfaces/components/Sidebar').ISidebar<T> & {
6
+ ref?: React.ForwardedRef<IRefSidebar>;
7
+ }) => React.ReactNode;
9
8
  parameters: {
10
9
  layout: string;
11
10
  };
@@ -18,7 +17,9 @@ declare const meta: {
18
17
  args: {
19
18
  onChange: import('@vitest/spy').Mock<(...args: any[]) => any>;
20
19
  };
21
- render: () => import("react/jsx-runtime").JSX.Element;
20
+ render: (args: import('../../interfaces/components/Sidebar').ISidebar<import('react').ElementType<any, keyof import("react").JSX.IntrinsicElements>> & {
21
+ ref?: React.ForwardedRef<IRefSidebar>;
22
+ }) => import("react/jsx-runtime").JSX.Element;
22
23
  };
23
24
  export default meta;
24
25
  type Story = StoryObj<typeof meta>;
@@ -1,4 +1,3 @@
1
1
  import { IStep } from '../../interfaces/components/Step';
2
-
3
2
  declare const Step: ({ activeStep, stepList, widthLine, classNameContainer, classNameContent, classNameDesc, onChange, afterActiveType, beforeActiveType, colorActive, colorInactive, }: IStep) => import("react/jsx-runtime").JSX.Element;
4
3
  export default Step;
@@ -0,0 +1,14 @@
1
+ import { StoryObj } from '@storybook/react-vite';
2
+ declare const meta: {
3
+ title: string;
4
+ component: ({ activeStep, stepList, widthLine, classNameContainer, classNameContent, classNameDesc, onChange, afterActiveType, beforeActiveType, colorActive, colorInactive, }: import('../../interfaces/components/Step').IStep) => import("react/jsx-runtime").JSX.Element;
5
+ parameters: {
6
+ layout: string;
7
+ };
8
+ tags: string[];
9
+ argTypes: {};
10
+ render: (args: import('../../interfaces/components/Step').IStep) => import("react/jsx-runtime").JSX.Element;
11
+ };
12
+ export default meta;
13
+ type Story = StoryObj<typeof meta>;
14
+ export declare const Default: Story;
@@ -1,4 +1,3 @@
1
1
  import { IStepIndicator } from '../../interfaces/components/Step';
2
-
3
2
  declare const StepIndicator: ({ activeStep, countStep, classNameActiveStepIndicator, classNameContainer, classNameDesc, classNameStepIndicator, id, locationStepIndicator, widthStepIndicator, dynamicWidthStepIndicator, gapStepIndicator, classNameStepIndicatorContainer, }: IStepIndicator) => import("react/jsx-runtime").JSX.Element;
4
3
  export default StepIndicator;
@@ -0,0 +1,13 @@
1
+ import { StoryObj } from '@storybook/react-vite';
2
+ declare const meta: {
3
+ title: string;
4
+ component: ({ activeStep, countStep, classNameActiveStepIndicator, classNameContainer, classNameDesc, classNameStepIndicator, id, locationStepIndicator, widthStepIndicator, dynamicWidthStepIndicator, gapStepIndicator, classNameStepIndicatorContainer, }: import('../../interfaces/components/Step').IStepIndicator) => import("react/jsx-runtime").JSX.Element;
5
+ parameters: {
6
+ layout: string;
7
+ };
8
+ tags: string[];
9
+ argTypes: {};
10
+ };
11
+ export default meta;
12
+ type Story = StoryObj<typeof meta>;
13
+ export declare const Default: Story;
@@ -1,4 +1,3 @@
1
1
  import { ISwitch } from '../../interfaces/components/Switch';
2
-
3
2
  declare const Switch: ({ value, disabled, title, description, size, kind, id, className, classNameTitle, classNameDesc, onChange, }: ISwitch) => import("react/jsx-runtime").JSX.Element;
4
3
  export default Switch;
@@ -1,5 +1,4 @@
1
1
  import { StoryObj } from '@storybook/react-vite';
2
-
3
2
  declare const meta: {
4
3
  title: string;
5
4
  component: ({ value, disabled, title, description, size, kind, id, className, classNameTitle, classNameDesc, onChange, }: import('../../interfaces/components/Switch').ISwitch) => import("react/jsx-runtime").JSX.Element;
@@ -1,6 +1,5 @@
1
1
  import { default as React } from 'react';
2
2
  import { ITable, IVirtualizationHead, IVirtualizationTable, ITableConfig } from '../../interfaces/components/Table';
3
-
4
3
  export declare const ConfigTable: () => ITableConfig;
5
4
  export declare const VirtualizationHead: React.ForwardRefExoticComponent<Omit<IVirtualizationHead, "ref"> & React.RefAttributes<HTMLTableSectionElement>>;
6
5
  export declare const VirtualizationTable: ({ style, context, ...props }: IVirtualizationTable) => import("react/jsx-runtime").JSX.Element;
@@ -1,5 +1,4 @@
1
1
  import { StoryObj } from '@storybook/react-vite';
2
-
3
2
  declare const meta: {
4
3
  title: string;
5
4
  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;
@@ -9,7 +8,7 @@ declare const meta: {
9
8
  tags: string[];
10
9
  argTypes: {};
11
10
  args: {};
12
- render: () => import("react/jsx-runtime").JSX.Element;
11
+ render: (args: import('../../interfaces/components/Table').ITable<unknown>) => import("react/jsx-runtime").JSX.Element;
13
12
  };
14
13
  export default meta;
15
14
  type Story = StoryObj<typeof meta>;
@@ -1,5 +1,4 @@
1
1
  import { ReactNode } from 'react';
2
-
3
2
  interface ITabPanel {
4
3
  children: ReactNode | ReactNode[];
5
4
  id?: string;
@@ -1,4 +1,3 @@
1
1
  import { ITabs } from '../../interfaces/components/Tabs';
2
-
3
2
  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;
4
3
  export default Tabs;
@@ -0,0 +1,14 @@
1
+ import { StoryObj } from '@storybook/react-vite';
2
+ declare const meta: {
3
+ title: string;
4
+ 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;
5
+ parameters: {
6
+ layout: string;
7
+ };
8
+ tags: string[];
9
+ argTypes: {};
10
+ render: (args: import('../../interfaces/components/Tabs').ITabs) => import("react/jsx-runtime").JSX.Element;
11
+ };
12
+ export default meta;
13
+ type Story = StoryObj<typeof meta>;
14
+ export declare const Default: Story;
@@ -1,4 +1,3 @@
1
1
  import { ITextEditorProps } from '../../interfaces/components/TextEditor';
2
-
3
2
  declare const TextEditor: (props: ITextEditorProps) => import("react/jsx-runtime").JSX.Element;
4
3
  export default TextEditor;
@@ -0,0 +1,14 @@
1
+ import { StoryObj } from '@storybook/react-vite';
2
+ declare const meta: {
3
+ title: string;
4
+ component: (props: import('..').ITextEditorProps) => import("react/jsx-runtime").JSX.Element;
5
+ parameters: {
6
+ layout: string;
7
+ };
8
+ tags: string[];
9
+ argTypes: {};
10
+ render: (args: import('..').ITextEditorProps) => import("react/jsx-runtime").JSX.Element;
11
+ };
12
+ export default meta;
13
+ type Story = StoryObj<typeof meta>;
14
+ export declare const Default: Story;
@@ -1,5 +1,4 @@
1
1
  import { default as React } from 'react';
2
2
  import { ITextarea } from '../../interfaces/components/Textarea';
3
-
4
3
  declare const Textarea: React.ForwardRefExoticComponent<ITextarea & React.RefAttributes<HTMLTextAreaElement>>;
5
4
  export default Textarea;
@@ -1,5 +1,4 @@
1
1
  import { StoryObj } from '@storybook/react-vite';
2
-
3
2
  declare const meta: {
4
3
  title: string;
5
4
  component: import('react').ForwardRefExoticComponent<import('..').ITextarea & import('react').RefAttributes<HTMLTextAreaElement>>;
@@ -1,5 +1,4 @@
1
1
  import { default as React } from 'react';
2
2
  import { ITextareaFloatingInner } from '../../interfaces/components/Textarea';
3
-
4
3
  declare const TextareaFloatingInner: React.ForwardRefExoticComponent<ITextareaFloatingInner & React.RefAttributes<HTMLTextAreaElement>>;
5
4
  export default TextareaFloatingInner;
@@ -1,5 +1,4 @@
1
1
  import { StoryObj } from '@storybook/react-vite';
2
-
3
2
  declare const meta: {
4
3
  title: string;
5
4
  component: import('react').ForwardRefExoticComponent<import('../../interfaces/components/Textarea').ITextareaFloatingInner & import('react').RefAttributes<HTMLTextAreaElement>>;
@@ -1,5 +1,4 @@
1
1
  import { ITimelineContent, ITimelineLayout } from '../../interfaces/components/Timeline';
2
-
3
2
  declare const Timeline: (({ children, noTime }: ITimelineLayout) => import("react/jsx-runtime").JSX.Element) & {
4
3
  TimelineContent: ({ children, time, clasName, noTime }: ITimelineContent) => import("react/jsx-runtime").JSX.Element;
5
4
  };
@@ -0,0 +1,16 @@
1
+ import { StoryObj } from '@storybook/react-vite';
2
+ declare const meta: {
3
+ title: string;
4
+ component: (({ children, noTime }: import('../../interfaces/components/Timeline').ITimelineLayout) => import("react/jsx-runtime").JSX.Element) & {
5
+ TimelineContent: ({ children, time, clasName, noTime }: import('../../interfaces/components/Timeline').ITimelineContent) => import("react/jsx-runtime").JSX.Element;
6
+ };
7
+ parameters: {
8
+ layout: string;
9
+ };
10
+ tags: string[];
11
+ argTypes: {};
12
+ render: (args: import('../../interfaces/components/Timeline').ITimelineLayout) => import("react/jsx-runtime").JSX.Element;
13
+ };
14
+ export default meta;
15
+ type Story = StoryObj<typeof meta>;
16
+ export declare const Default: Story;
@@ -1,4 +1,3 @@
1
1
  import { ITooltip } from '../../interfaces/components/Tooltip';
2
-
3
2
  declare const Tooltip: ({ id, children, text, zIndexPopover, onShow, onClose, placement, backgroundColor, popoverProps, arrowProps, className, isHover, delay, }: ITooltip) => import("react/jsx-runtime").JSX.Element;
4
3
  export default Tooltip;
@@ -0,0 +1,13 @@
1
+ import { StoryObj } from '@storybook/react-vite';
2
+ declare const meta: {
3
+ title: string;
4
+ component: ({ id, children, text, zIndexPopover, onShow, onClose, placement, backgroundColor, popoverProps, arrowProps, className, isHover, delay, }: import('../../interfaces/components/Tooltip').ITooltip) => import("react/jsx-runtime").JSX.Element;
5
+ parameters: {
6
+ layout: string;
7
+ };
8
+ tags: string[];
9
+ argTypes: {};
10
+ };
11
+ export default meta;
12
+ type Story = StoryObj<typeof meta>;
13
+ export declare const Default: Story;
@@ -1,5 +1,4 @@
1
1
  import { default as React } from 'react';
2
2
  import { ITruncateComponent } from '../../interfaces/components/TruncateComponent';
3
-
4
3
  declare const TruncateComponent: React.FC<ITruncateComponent>;
5
4
  export default TruncateComponent;
@@ -0,0 +1,14 @@
1
+ import { StoryObj } from '@storybook/react-vite';
2
+ declare const meta: {
3
+ title: string;
4
+ component: import('react').FC<import('../../interfaces/components/TruncateComponent').ITruncateComponent>;
5
+ parameters: {
6
+ layout: string;
7
+ };
8
+ tags: string[];
9
+ argTypes: {};
10
+ render: (args: import('../../interfaces/components/TruncateComponent').ITruncateComponent) => import("react/jsx-runtime").JSX.Element;
11
+ };
12
+ export default meta;
13
+ type Story = StoryObj<typeof meta>;
14
+ export declare const Default: Story;
@@ -1,5 +1,4 @@
1
1
  import { IUploadFile } from '../../interfaces/components/UploadFile';
2
-
3
2
  declare const UploadFile: {
4
3
  (props: IUploadFile): import("react/jsx-runtime").JSX.Element;
5
4
  displayName: string;
@@ -1,5 +1,4 @@
1
1
  import { StoryObj } from '@storybook/react-vite';
2
-
3
2
  declare const meta: {
4
3
  title: string;
5
4
  component: {
@@ -1,4 +1,3 @@
1
1
  import { IUploadImage } from '../../interfaces/components/UploadFile';
2
-
3
2
  declare const UploadImage: ({ onChange, valueUrl, validateFile, validateFileDesc, maxSize, icon, desc, classNameContainer, classNameImage, classNameAction, }: IUploadImage) => import("react/jsx-runtime").JSX.Element;
4
3
  export default UploadImage;
@@ -0,0 +1,13 @@
1
+ import { StoryObj } from '@storybook/react-vite';
2
+ declare const meta: {
3
+ title: string;
4
+ component: ({ onChange, valueUrl, validateFile, validateFileDesc, maxSize, icon, desc, classNameContainer, classNameImage, classNameAction, }: import('../../interfaces/components/UploadFile').IUploadImage) => import("react/jsx-runtime").JSX.Element;
5
+ parameters: {
6
+ layout: string;
7
+ };
8
+ tags: string[];
9
+ argTypes: {};
10
+ };
11
+ export default meta;
12
+ type Story = StoryObj<typeof meta>;
13
+ export declare const Default: Story;
@@ -1,4 +1,3 @@
1
1
  import { IUploadMultipleFile } from '../../interfaces/components/UploadFile';
2
-
3
2
  declare const UploadMultipleFile: ({ value, validateFile, classNameContainer, classNameButton, textUpload, buttonProps, maxFile, maxSize, error, removeElement, onChange, handlerDownload, priorityError, eventError, }: IUploadMultipleFile) => import("react/jsx-runtime").JSX.Element;
4
3
  export default UploadMultipleFile;
@@ -1,5 +1,4 @@
1
1
  import { StoryObj } from '@storybook/react-vite';
2
-
3
2
  declare const meta: {
4
3
  title: string;
5
4
  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;
@@ -1,5 +1,4 @@
1
1
  import { VirtuosoHandle } from 'react-virtuoso';
2
2
  import { IListVirtualization } from '../../interfaces/components/Virtualization/ListVirtualization';
3
-
4
3
  declare const ListVirtualization: import('react').ForwardRefExoticComponent<IListVirtualization & import('react').RefAttributes<VirtuosoHandle>>;
5
4
  export default ListVirtualization;
@@ -0,0 +1,15 @@
1
+ import { StoryObj } from '@storybook/react-vite';
2
+ import { IListVirtualization } from '../../interfaces/components/Virtualization/ListVirtualization';
3
+ declare const meta: {
4
+ title: string;
5
+ component: import('react').ForwardRefExoticComponent<IListVirtualization & import('react').RefAttributes<import('react-virtuoso').VirtuosoHandle>>;
6
+ parameters: {
7
+ layout: string;
8
+ };
9
+ tags: string[];
10
+ argTypes: {};
11
+ render: (args: IListVirtualization & import('react').RefAttributes<import('react-virtuoso').VirtuosoHandle>) => import("react/jsx-runtime").JSX.Element;
12
+ };
13
+ export default meta;
14
+ type Story = StoryObj<typeof meta>;
15
+ export declare const Default: Story;
@@ -1,5 +1,4 @@
1
1
  import { TableVirtuosoHandle } from 'react-virtuoso';
2
2
  import { ITableVirtualization } from '../../interfaces/components/Virtualization/TableVirtualization';
3
-
4
3
  declare const TableVirtualization: import('react').ForwardRefExoticComponent<ITableVirtualization & import('react').RefAttributes<TableVirtuosoHandle>>;
5
4
  export default TableVirtualization;
@@ -0,0 +1,15 @@
1
+ import { StoryObj } from '@storybook/react-vite';
2
+ import { ITableVirtualization } from '../../interfaces/components/Virtualization/TableVirtualization';
3
+ declare const meta: {
4
+ title: string;
5
+ component: import('react').ForwardRefExoticComponent<ITableVirtualization & import('react').RefAttributes<import('react-virtuoso').TableVirtuosoHandle>>;
6
+ parameters: {
7
+ layout: string;
8
+ };
9
+ tags: string[];
10
+ argTypes: {};
11
+ render: (args: ITableVirtualization & import('react').RefAttributes<import('react-virtuoso').TableVirtuosoHandle>) => import("react/jsx-runtime").JSX.Element;
12
+ };
13
+ export default meta;
14
+ type Story = StoryObj<typeof meta>;
15
+ export declare const Default: Story;
@@ -72,7 +72,6 @@ import { default as GradientBarChart } from './Chart/GradientBarChart';
72
72
  import { default as StepIndicator } from './Step/StepIndicator';
73
73
  import { default as TextEditor } from './TextEditor/TextEditor';
74
74
  import { ITextEditorProps } from '../interfaces/components/TextEditor';
75
-
76
75
  import * as utilTable from '@tanstack/react-table';
77
76
  import type * as SelectDropdownContainerType from 'react-select';
78
77
  import type * as FilterContainerType from '../interfaces/components/FilterContainer';
@@ -1,5 +1,4 @@
1
1
  import { BigNumber as TypeBigNumber } from 'bignumber.js';
2
-
3
2
  type TBigNumber = string | number;
4
3
  interface BigNumberConfig {
5
4
  EXPONENTIAL_AT?: number | [number, number];
@@ -1,5 +1,4 @@
1
1
  import { IAllProps } from '@tinymce/tinymce-react';
2
-
3
2
  declare const tinymce: ({ label }: {
4
3
  label?: string;
5
4
  }) => IAllProps;
@@ -1,5 +1,4 @@
1
1
  import { default as ConfigColors } from './colors';
2
2
  import { default as configTypography, configTypographyLabaBisnis, configTypographyPayhere } from './typography';
3
3
  import { default as configScreens } from './screen';
4
-
5
4
  export { ConfigColors, configTypography, configTypographyLabaBisnis, configTypographyPayhere, configScreens };
@@ -7,5 +7,4 @@ import { useMergeRefs } from './useMergeRefs';
7
7
  import { useDeepCompareEffect, useDeepCompareMemoize } from './useDeepCompareEffect';
8
8
  import { useEventListener } from './useEventListener';
9
9
  import { default as useMasonry } from './useMasonry';
10
-
11
10
  export { useElementOrWindowMediaQuery, useCountdown, useAsyncDebounce, useCombinedResizeObserver, useStateRef, useDeepCompareEffect, useDeepCompareMemoize, useMergeRefs, useEventListener, useMasonry, };
@@ -1,5 +1,4 @@
1
1
  import { default as React } from 'react';
2
-
3
2
  interface ContentRect {
4
3
  width: number;
5
4
  height: number;
@@ -1,4 +1,3 @@
1
1
  import { default as React } from 'react';
2
-
3
2
  export declare function useDeepCompareMemoize<T>(value: T): T;
4
3
  export declare function useDeepCompareEffect(callback: React.EffectCallback, dependencies: React.DependencyList): void;
@@ -1,5 +1,4 @@
1
1
  import { default as React } from 'react';
2
-
3
2
  interface UseEventListenerOptions {
4
3
  ref: React.RefObject<HTMLElement>;
5
4
  handlerMain: (ref: React.RefObject<HTMLElement>, event: Event) => void;
@@ -1,5 +1,4 @@
1
1
  import { default as React } from 'react';
2
-
3
2
  export type TMasonryDirection = 'masonry-ltr' | 'masonry-rtl' | 'top-down-ltr' | 'top-down-rtl';
4
3
  export type TUseMasonry = <T extends HTMLElement>(params: {
5
4
  containerRef: React.RefObject<T>;
@@ -1,5 +1,4 @@
1
1
  import { default as React } from 'react';
2
-
3
2
  export type ReactRef<T> = React.RefCallback<T> | React.MutableRefObject<T>;
4
3
  export declare function assignRef<T = unknown>(ref: ReactRef<T> | null | undefined, value: T): void;
5
4
  export declare function mergeRefs<T>(...refs: (ReactRef<T> | null | undefined)[]): (node: T | null) => void;
@@ -1,4 +1,3 @@
1
1
  import { default as React } from 'react';
2
-
3
2
  declare function useStateRef<T>(initialValue: T): [T, React.Dispatch<React.SetStateAction<T>>, React.MutableRefObject<T>];
4
3
  export default useStateRef;
@@ -1,5 +1,4 @@
1
1
  import { ToastOptions } from 'react-toastify';
2
-
3
2
  export interface IOptionAlert extends ToastOptions {
4
3
  kind?: 'laba' | 'payhere';
5
4
  }
@@ -1,12 +1,11 @@
1
1
  import { ReactNode } from 'react';
2
2
  import { IBorderRadius } from '../../../config/components/borderRadius';
3
3
  import { Itypography } from '../../../config/components/typography';
4
-
5
4
  export interface IBadges extends React.HTMLAttributes<HTMLSpanElement> {
6
5
  children: ReactNode | ReactNode[];
7
6
  className?: string | undefined;
8
7
  rounded?: IBorderRadius;
9
- variants?: 'filled-gray-600' | 'filled-green-600' | 'filled-green-50' | 'filled-blue-gray-50' | 'filled-red-500' | 'filled-blue-600' | 'filled-amber-800' | 'filled-pink-600' | 'filled-lime-700' | 'filled-red-900' | 'filled-laba-green-10' | 'ghost-gray-200' | 'ghost-green-100' | 'ghost-red-100' | 'ghost-blue-100' | 'ghost-amber-100' | 'ghost-laba-orange-01' | 'ghost-laba-green-01' | 'ghost-laba-green-02' | 'ghost-laba-blue-02' | 'ghost-laba-blue-01' | 'ghost-laba-grey-05' | 'ghost-laba-red-01' | 'outline-gray-600' | 'outline-green-600' | 'outline-red-500' | 'outline-blue-600' | 'outline-amber-800' | 'outline-laba-blue-01' | 'outline-laba-orange-06' | 'outline-laba-orange-06-bg_laba-orange-01' | 'outline-laba-red-06' | 'outline-laba-green-06';
8
+ variants?: 'filled-gray-600' | 'filled-green-600' | 'filled-green-50' | 'filled-blue-gray-50' | 'filled-red-500' | 'filled-blue-600' | 'filled-amber-800' | 'filled-pink-600' | 'filled-lime-700' | 'filled-lime-900-bg_lime-100' | 'filled-red-900' | 'filled-laba-green-10' | 'filled-cyan-800-bg_cyan-100' | 'ghost-gray-200' | 'ghost-green-100' | 'ghost-red-100' | 'ghost-blue-100' | 'ghost-amber-100' | 'ghost-laba-orange-01' | 'ghost-laba-green-01' | 'ghost-laba-green-02' | 'ghost-laba-blue-02' | 'ghost-laba-blue-01' | 'ghost-laba-grey-05' | 'ghost-laba-red-01' | 'outline-gray-600' | 'outline-green-600' | 'outline-red-500' | 'outline-blue-600' | 'outline-amber-800' | 'outline-laba-blue-01' | 'outline-laba-orange-06' | 'outline-laba-orange-06-bg_laba-orange-01' | 'outline-laba-red-06' | 'outline-laba-green-06';
10
9
  fonts?: 'lato' | 'inter';
11
10
  typography?: Itypography;
12
11
  }
@@ -1,6 +1,5 @@
1
1
  import { ReactNode, ElementType, HTMLAttributes } from 'react';
2
2
  import { IGap } from '../../../config/components/gap';
3
-
4
3
  export interface IBreadcrumbs<T extends ElementType> extends HTMLAttributes<HTMLDivElement> {
5
4
  as?: T;
6
5
  fonts?: 'lato' | 'inter';
@@ -1,5 +1,4 @@
1
1
  import { ReactNode } from 'react';
2
-
3
2
  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';
4
3
  export type TButtonSize = 'large' | 'reguler' | 'small' | 'extra-small' | 'l' | 'm' | 's' | 'xs';
5
4
  export interface IButton extends React.ButtonHTMLAttributes<HTMLButtonElement> {
@@ -1,5 +1,4 @@
1
1
  import { ReactNode } from 'react';
2
-
3
2
  export type TButtonIcomVariants = 'primary-laba-blue-10' | 'primary-red-700-dsb_laba-grey-06' | 'primary-green-700' | 'filled-laba-white_laba-blue-10' | 'filled-laba-white_laba-red-05' | 'ghost-laba-blue-10' | 'ghost-red-700' | 'ghost-green-700' | 'ghost-blue-gray-100-bg_white' | 'ghost-laba-green-10' | 'nude-laba-blue-10' | 'nude-red-700' | 'nude-green-700' | 'nude-gray-500' | 'nude-laba-red-10' | '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' | 'secondary-red-700';
4
3
  export type TButtonIconSize = 'large' | 'reguler' | 'small' | 'extra-small' | 'l' | 'm' | 's' | 'xs';
5
4
  export interface IButtonIcon extends React.ButtonHTMLAttributes<HTMLButtonElement> {
@@ -1,7 +1,6 @@
1
1
  import { OffsetOptions, UseFloatingOptions } from '@floating-ui/react';
2
2
  import { IPopover } from '../Popover';
3
3
  import { IButton } from '../Button';
4
-
5
4
  export interface IButtonPopover extends IButton {
6
5
  text?: string;
7
6
  startIconShow?: React.ReactNode | React.ReactNode[];