1mpacto-react-ui 0.0.93 → 0.0.95

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 (36) hide show
  1. package/dist/assets/core.css +1 -1
  2. package/dist/assets/style.css +1 -1
  3. package/dist/index.cjs +73 -72
  4. package/dist/index.cjs.map +1 -1
  5. package/dist/index.mjs +7933 -7666
  6. package/dist/index.mjs.map +1 -1
  7. package/dist/src/components/Badges/Badges.stories.d.ts +18 -0
  8. package/dist/src/components/Breadcrumbs/Breadcrumbs.stories.d.ts +25 -0
  9. package/dist/src/components/Button/Button.stories.d.ts +33 -0
  10. package/dist/src/components/ButtonIcon/ButtonIcon.stories.d.ts +24 -0
  11. package/dist/src/components/Chart/LineChart.d.ts +4 -0
  12. package/dist/src/components/Chips/Chips.stories.d.ts +18 -0
  13. package/dist/src/components/DatePicker/DatePicker.stories.d.ts +19 -0
  14. package/dist/src/components/DatePicker/FilterDate.d.ts +1 -1
  15. package/dist/src/components/Input/InputFloatingInner.stories.d.ts +41 -0
  16. package/dist/src/components/Input/InputReguler.stories.d.ts +43 -0
  17. package/dist/src/components/NumberFormat/NumberFormat.stories.d.ts +48 -0
  18. package/dist/src/components/Pagination/Pagination.stories.d.ts +22 -0
  19. package/dist/src/components/Popover/Popover.stories.d.ts +23 -0
  20. package/dist/src/components/RadioCheckbox/RadioCheckbox.stories.d.ts +42 -0
  21. package/dist/src/components/RadioCheckbox/RadioCheckboxLabel.stories.d.ts +26 -0
  22. package/dist/src/components/SelectDropdownContainer/SelectDropdownContainer.stories.d.ts +24 -0
  23. package/dist/src/components/Sidebar/Sidebar.stories.d.ts +25 -0
  24. package/dist/src/components/Switch/Switch.stories.d.ts +23 -0
  25. package/dist/src/components/Table/Table.stories.d.ts +16 -0
  26. package/dist/src/components/Tabs/Tabs.d.ts +1 -1
  27. package/dist/src/components/Textarea/Textarea.stories.d.ts +26 -0
  28. package/dist/src/components/Textarea/TextareaFloatingInner.stories.d.ts +26 -0
  29. package/dist/src/components/index.d.ts +4 -3
  30. package/dist/src/interfaces/components/Badges/index.d.ts +1 -1
  31. package/dist/src/interfaces/components/Chart/index.d.ts +12 -0
  32. package/dist/src/interfaces/components/DatePicker/index.d.ts +2 -0
  33. package/dist/src/interfaces/components/Popover/index.d.ts +1 -0
  34. package/dist/src/interfaces/components/Step/index.d.ts +1 -0
  35. package/dist/src/interfaces/components/Tabs/index.d.ts +1 -0
  36. package/package.json +14 -2
@@ -0,0 +1,18 @@
1
+ import { StoryObj } from '@storybook/react';
2
+
3
+ declare const meta: {
4
+ title: string;
5
+ component: import('react').ForwardRefExoticComponent<import('../../interfaces/components/Badges').IBadges & import('react').RefAttributes<HTMLSpanElement>>;
6
+ parameters: {
7
+ layout: string;
8
+ };
9
+ tags: string[];
10
+ argTypes: {
11
+ className: {
12
+ type: "string";
13
+ };
14
+ };
15
+ };
16
+ export default meta;
17
+ type Story = StoryObj<typeof meta>;
18
+ export declare const Default: Story;
@@ -0,0 +1,25 @@
1
+ import { StoryObj } from '@storybook/react';
2
+
3
+ declare const meta: {
4
+ title: string;
5
+ component: <T extends import('react').ElementType = "div">({ as, variants, fonts, urls, textBreadcrumbs, onClickBreadcrumbs, gapAction, gapUrls, className, textAction, iconAction, onClickAction, onClickUrls, separator, propsLink, ...props }: import('../../interfaces/components/Breadcrumbs').IBreadcrumbs<T>) => import("react/jsx-runtime").JSX.Element;
6
+ parameters: {
7
+ layout: string;
8
+ };
9
+ tags: string[];
10
+ argTypes: {
11
+ className: {
12
+ type: "string";
13
+ };
14
+ as: {
15
+ type: "string";
16
+ };
17
+ separator: {
18
+ type: "string";
19
+ };
20
+ };
21
+ render: (args: import('../../interfaces/components/Breadcrumbs').IBreadcrumbs<import('react').ElementType>) => import("react/jsx-runtime").JSX.Element;
22
+ };
23
+ export default meta;
24
+ type Story = StoryObj<typeof meta>;
25
+ export declare const Default: Partial<Story>;
@@ -0,0 +1,33 @@
1
+ import { StoryObj } from '@storybook/react';
2
+
3
+ declare const meta: {
4
+ title: string;
5
+ component: import('react').ForwardRefExoticComponent<import('../../interfaces/components/Button').IButton & import('react').RefAttributes<HTMLButtonElement>>;
6
+ parameters: {
7
+ layout: string;
8
+ };
9
+ tags: string[];
10
+ argTypes: {
11
+ startIcon: {
12
+ control: "boolean";
13
+ };
14
+ endIcon: {
15
+ control: "boolean";
16
+ };
17
+ classNameIconLoading: {
18
+ type: "string";
19
+ };
20
+ className: {
21
+ type: "string";
22
+ };
23
+ };
24
+ args: {
25
+ onClick: import('@vitest/spy').Mock<(...args: any[]) => any>;
26
+ startIcon: false;
27
+ endIcon: false;
28
+ };
29
+ render: (args: import('../../interfaces/components/Button').IButton & import('react').RefAttributes<HTMLButtonElement>) => import("react/jsx-runtime").JSX.Element;
30
+ };
31
+ export default meta;
32
+ type Story = StoryObj<typeof meta>;
33
+ export declare const Default: Story;
@@ -0,0 +1,24 @@
1
+ import { StoryObj } from '@storybook/react';
2
+
3
+ declare const meta: {
4
+ title: string;
5
+ component: import('react').ForwardRefExoticComponent<import('../../interfaces/components/ButtonIcon').IButtonIcon & import('react').RefAttributes<HTMLButtonElement>>;
6
+ parameters: {
7
+ layout: string;
8
+ };
9
+ tags: string[];
10
+ argTypes: {
11
+ classNameIconLoading: {
12
+ type: "string";
13
+ };
14
+ className: {
15
+ type: "string";
16
+ };
17
+ };
18
+ args: {
19
+ onClick: import('@vitest/spy').Mock<(...args: any[]) => any>;
20
+ };
21
+ };
22
+ export default meta;
23
+ type Story = StoryObj<typeof meta>;
24
+ export declare const Default: Story;
@@ -0,0 +1,4 @@
1
+ import { ILineChart } from '../../interfaces/components/Chart';
2
+
3
+ declare const LineChart: ({ data, className, height }: ILineChart) => import("react/jsx-runtime").JSX.Element;
4
+ export default LineChart;
@@ -0,0 +1,18 @@
1
+ import { StoryObj } from '@storybook/react';
2
+
3
+ declare const meta: {
4
+ title: string;
5
+ component: import('react').ForwardRefExoticComponent<import('../../interfaces/components/Chips').IChips & import('react').RefAttributes<HTMLSpanElement>>;
6
+ parameters: {
7
+ layout: string;
8
+ };
9
+ tags: string[];
10
+ argTypes: {
11
+ className: {
12
+ type: "string";
13
+ };
14
+ };
15
+ };
16
+ export default meta;
17
+ type Story = StoryObj<typeof meta>;
18
+ export declare const Default: Story;
@@ -0,0 +1,19 @@
1
+ import { StoryObj } from '@storybook/react';
2
+
3
+ declare const meta: {
4
+ title: string;
5
+ component: (props: import('..').IDatePicker) => import("react/jsx-runtime").JSX.Element;
6
+ parameters: {
7
+ layout: string;
8
+ };
9
+ tags: string[];
10
+ argTypes: {
11
+ className: {
12
+ type: "string";
13
+ };
14
+ };
15
+ render: (args: import('..').IDatePicker) => import("react/jsx-runtime").JSX.Element;
16
+ };
17
+ export default meta;
18
+ type Story = StoryObj<typeof meta>;
19
+ export declare const Default: Story;
@@ -1,4 +1,4 @@
1
1
  import { IFilterDate } from '../../interfaces/components/DatePicker';
2
2
 
3
- declare const FilterDate: ({ value, prevIcon, nextIcon, buttonReset, buttonSubmit, className, classNameButton, buttonClick, buttonList, typePicker, onChange, idPopover, id, floatingOptions, offsetPopover, zIndexPopper, defaultValueLabel, }: IFilterDate) => import("react/jsx-runtime").JSX.Element;
3
+ declare const FilterDate: ({ value, prevIcon, nextIcon, buttonReset, buttonSubmit, className, classNameButton, buttonClick, buttonList, typePicker, onChange, idPopover, id, floatingOptions, offsetPopover, zIndexPopper, defaultValueLabel, mountedExecuteChange, formatingDate, }: IFilterDate) => import("react/jsx-runtime").JSX.Element;
4
4
  export default FilterDate;
@@ -0,0 +1,41 @@
1
+ import { StoryObj } from '@storybook/react';
2
+
3
+ declare const meta: {
4
+ title: string;
5
+ component: import('react').ForwardRefExoticComponent<import('..').IInputFloatingInner & import('react').RefAttributes<HTMLInputElement>>;
6
+ parameters: {
7
+ layout: string;
8
+ };
9
+ tags: string[];
10
+ argTypes: {
11
+ startIcon: {
12
+ control: "boolean";
13
+ };
14
+ endIcon: {
15
+ control: "boolean";
16
+ };
17
+ className: {
18
+ type: "string";
19
+ };
20
+ classNameContainer: {
21
+ type: "string";
22
+ };
23
+ classNameLabel: {
24
+ type: "string";
25
+ };
26
+ classNameLabelError: {
27
+ type: "string";
28
+ };
29
+ error: {
30
+ type: "string";
31
+ };
32
+ };
33
+ args: {
34
+ onChange: import('@vitest/spy').Mock<(...args: any[]) => any>;
35
+ value: string;
36
+ };
37
+ render: (args: import('..').IInputFloatingInner & import('react').RefAttributes<HTMLInputElement>) => import("react/jsx-runtime").JSX.Element;
38
+ };
39
+ export default meta;
40
+ type Story = StoryObj<typeof meta>;
41
+ export declare const Default: Story;
@@ -0,0 +1,43 @@
1
+ import { StoryObj } from '@storybook/react';
2
+
3
+ declare const meta: {
4
+ title: string;
5
+ component: import('react').ForwardRefExoticComponent<import('..').IInputReguler & import('react').RefAttributes<HTMLInputElement>>;
6
+ parameters: {
7
+ layout: string;
8
+ };
9
+ tags: string[];
10
+ argTypes: {
11
+ startIcon: {
12
+ control: "boolean";
13
+ };
14
+ endIcon: {
15
+ control: "boolean";
16
+ };
17
+ className: {
18
+ type: "string";
19
+ };
20
+ classNameContainer: {
21
+ type: "string";
22
+ };
23
+ classNameLabel: {
24
+ type: "string";
25
+ };
26
+ classNameLabelError: {
27
+ type: "string";
28
+ };
29
+ error: {
30
+ type: "string";
31
+ };
32
+ };
33
+ args: {
34
+ onChange: import('@vitest/spy').Mock<(...args: any[]) => any>;
35
+ startIcon: false;
36
+ endIcon: false;
37
+ value: string;
38
+ };
39
+ render: (args: import('..').IInputReguler & import('react').RefAttributes<HTMLInputElement>) => import("react/jsx-runtime").JSX.Element;
40
+ };
41
+ export default meta;
42
+ type Story = StoryObj<typeof meta>;
43
+ export declare const Default: Story;
@@ -0,0 +1,48 @@
1
+ import { StoryObj } from '@storybook/react';
2
+
3
+ declare const meta: {
4
+ title: string;
5
+ component: ({ max, min, selectedText, onChange, onFocusInput, ...otherProps }: import('../../interfaces/components/NumberFormat').INumberFormat) => import("react/jsx-runtime").JSX.Element;
6
+ parameters: {
7
+ layout: string;
8
+ };
9
+ tags: string[];
10
+ argTypes: {
11
+ className: {
12
+ type: "string";
13
+ };
14
+ classNameContainer: {
15
+ type: "string";
16
+ };
17
+ classNameLabel: {
18
+ type: "string";
19
+ };
20
+ classNameLabelError: {
21
+ type: "string";
22
+ };
23
+ error: {
24
+ type: "string";
25
+ };
26
+ min: {
27
+ type: "number";
28
+ };
29
+ max: {
30
+ type: "number";
31
+ };
32
+ customInput: {
33
+ table: {
34
+ disable: true;
35
+ };
36
+ };
37
+ value: {
38
+ type: "number";
39
+ };
40
+ };
41
+ args: {
42
+ onChange: import('@vitest/spy').Mock<(...args: any[]) => any>;
43
+ };
44
+ render: (args: import('../../interfaces/components/NumberFormat').INumberFormat) => import("react/jsx-runtime").JSX.Element;
45
+ };
46
+ export default meta;
47
+ type Story = StoryObj<typeof meta>;
48
+ export declare const Default: Story;
@@ -0,0 +1,22 @@
1
+ import { StoryObj } from '@storybook/react';
2
+
3
+ declare const meta: {
4
+ title: string;
5
+ component: ({ totalData, totalPage, pageNumber, pageSize, className, id, kind, prevIcon, nextIcon, onChange, optionPageSize, offset, zIndex, withOptionPageSize, }: import('../../interfaces/components/Pagination').IPaginationProps) => import("react/jsx-runtime").JSX.Element;
6
+ parameters: {
7
+ layout: string;
8
+ };
9
+ tags: string[];
10
+ argTypes: {
11
+ className: {
12
+ type: "string";
13
+ };
14
+ };
15
+ args: {
16
+ onChange: import('@vitest/spy').Mock<(...args: any[]) => any>;
17
+ };
18
+ render: (args: import('../../interfaces/components/Pagination').IPaginationProps) => import("react/jsx-runtime").JSX.Element;
19
+ };
20
+ export default meta;
21
+ type Story = StoryObj<typeof meta>;
22
+ export declare const Default: Partial<Story>;
@@ -0,0 +1,23 @@
1
+ import { StoryObj } from '@storybook/react';
2
+ import { IRefPopover } from '../../interfaces/components/Popover';
3
+
4
+ declare const meta: {
5
+ title: string;
6
+ component: import('react').ForwardRefExoticComponent<import('../../interfaces/components/Popover').IPopover & import('react').RefAttributes<IRefPopover>>;
7
+ parameters: {
8
+ layout: string;
9
+ };
10
+ tags: string[];
11
+ argTypes: {
12
+ className: {
13
+ type: "string";
14
+ };
15
+ };
16
+ args: {
17
+ onChange: import('@vitest/spy').Mock<(...args: any[]) => any>;
18
+ };
19
+ render: (args: import('../../interfaces/components/Popover').IPopover & import('react').RefAttributes<IRefPopover>) => import("react/jsx-runtime").JSX.Element;
20
+ };
21
+ export default meta;
22
+ type Story = StoryObj<typeof meta>;
23
+ export declare const Default: Story;
@@ -0,0 +1,42 @@
1
+ import { StoryObj } from '@storybook/react';
2
+
3
+ declare const meta: {
4
+ title: string;
5
+ component: import('react').ForwardRefExoticComponent<import('../../interfaces/components/RadioCheckbox/RadioCheckbox').IRadioCheckbox & import('react').RefAttributes<HTMLInputElement>>;
6
+ parameters: {
7
+ layout: string;
8
+ };
9
+ tags: string[];
10
+ argTypes: {
11
+ className: {
12
+ type: "string";
13
+ };
14
+ classNameContainer: {
15
+ type: "string";
16
+ };
17
+ classNameLabel: {
18
+ type: "string";
19
+ };
20
+ classNameCheckedIcon: {
21
+ type: "string";
22
+ };
23
+ classNameContainerCheckedIcon: {
24
+ type: "string";
25
+ };
26
+ checkedIcon: {
27
+ control: "boolean";
28
+ };
29
+ checked: {
30
+ control: "boolean";
31
+ };
32
+ };
33
+ args: {
34
+ onChange: import('@vitest/spy').Mock<(...args: any[]) => any>;
35
+ checkedIcon: false;
36
+ checked: false;
37
+ };
38
+ render: (args: import('../../interfaces/components/RadioCheckbox/RadioCheckbox').IRadioCheckbox & import('react').RefAttributes<HTMLInputElement>) => import("react/jsx-runtime").JSX.Element;
39
+ };
40
+ export default meta;
41
+ type Story = StoryObj<typeof meta>;
42
+ export declare const Default: Story;
@@ -0,0 +1,26 @@
1
+ import { StoryObj } from '@storybook/react';
2
+
3
+ declare const meta: {
4
+ title: string;
5
+ 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;
6
+ parameters: {
7
+ layout: string;
8
+ };
9
+ tags: string[];
10
+ argTypes: {
11
+ className: {
12
+ type: "string";
13
+ };
14
+ desc: {
15
+ type: "string";
16
+ };
17
+ };
18
+ args: {
19
+ onChange: import('@vitest/spy').Mock<(...args: any[]) => any>;
20
+ checked: false;
21
+ };
22
+ render: (args: import('../../interfaces/components/RadioCheckbox/RadioCheckboxLabel').IRadioCheckboxLabel) => import("react/jsx-runtime").JSX.Element;
23
+ };
24
+ export default meta;
25
+ type Story = StoryObj<typeof meta>;
26
+ export declare const Default: Story;
@@ -0,0 +1,24 @@
1
+ import { StoryObj } from '@storybook/react';
2
+
3
+ declare const meta: {
4
+ title: string;
5
+ component: <T>(props: import('../../interfaces/components/SelectDropdownContainer').ISelectDropdownContainer<T> & {
6
+ ref?: import('react').ForwardedRef<import('../../interfaces/components/SelectDropdownContainer').IRefSelectDropdownContainer<T>>;
7
+ }) => JSX.Element;
8
+ parameters: {
9
+ layout: string;
10
+ };
11
+ tags: string[];
12
+ argTypes: {
13
+ className: {
14
+ type: "string";
15
+ };
16
+ };
17
+ args: {
18
+ onChange: import('@vitest/spy').Mock<(...args: any[]) => any>;
19
+ };
20
+ render: () => import("react/jsx-runtime").JSX.Element;
21
+ };
22
+ export default meta;
23
+ type Story = StoryObj<typeof meta>;
24
+ export declare const Default: Story;
@@ -0,0 +1,25 @@
1
+ import { StoryObj } from '@storybook/react';
2
+ import { IRefSidebar } from '../../interfaces/components/Sidebar';
3
+
4
+ declare const meta: {
5
+ title: string;
6
+ component: <T extends import('react').ElementType = "div">(props: import('../../interfaces/components/Sidebar').ISidebar<T> & {
7
+ ref?: import('react').ForwardedRef<IRefSidebar>;
8
+ }) => JSX.Element;
9
+ parameters: {
10
+ layout: string;
11
+ };
12
+ tags: string[];
13
+ argTypes: {
14
+ className: {
15
+ type: "string";
16
+ };
17
+ };
18
+ args: {
19
+ onChange: import('@vitest/spy').Mock<(...args: any[]) => any>;
20
+ };
21
+ render: () => import("react/jsx-runtime").JSX.Element;
22
+ };
23
+ export default meta;
24
+ type Story = StoryObj<typeof meta>;
25
+ export declare const Default: Story;
@@ -0,0 +1,23 @@
1
+ import { StoryObj } from '@storybook/react';
2
+
3
+ declare const meta: {
4
+ title: string;
5
+ component: ({ value, disabled, title, description, size, id, className, classNameTitle, classNameDesc, onChange, }: import('../../interfaces/components/Switch').ISwitch) => import("react/jsx-runtime").JSX.Element;
6
+ parameters: {
7
+ layout: string;
8
+ };
9
+ tags: string[];
10
+ argTypes: {
11
+ className: {
12
+ type: "string";
13
+ };
14
+ };
15
+ args: {
16
+ onChange: import('@vitest/spy').Mock<(...args: any[]) => any>;
17
+ value: false;
18
+ };
19
+ render: (args: import('../../interfaces/components/Switch').ISwitch) => import("react/jsx-runtime").JSX.Element;
20
+ };
21
+ export default meta;
22
+ type Story = StoryObj<typeof meta>;
23
+ export declare const Default: Partial<Story>;
@@ -0,0 +1,16 @@
1
+ import { StoryObj } from '@storybook/react';
2
+
3
+ declare const meta: {
4
+ title: string;
5
+ 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;
6
+ parameters: {
7
+ layout: string;
8
+ };
9
+ tags: string[];
10
+ argTypes: {};
11
+ args: {};
12
+ render: () => import("react/jsx-runtime").JSX.Element;
13
+ };
14
+ export default meta;
15
+ type Story = StoryObj<typeof meta>;
16
+ export declare const Default: Partial<Story>;
@@ -1,4 +1,4 @@
1
1
  import { ITabs } from '../../interfaces/components/Tabs';
2
2
 
3
- declare const Tabs: ({ id, value, keyValueTab, tabsList, className, classNameContainer, classNameButton, variant, size, borderRadius, disabled, animation, onChange, }: ITabs) => import("react/jsx-runtime").JSX.Element;
3
+ declare const Tabs: ({ id, value, keyValueTab, tabsList, className, classNameContainer, classNameButton, variant, size, borderRadius, disabled, animation, mountedExecuteChange, onChange, }: ITabs) => import("react/jsx-runtime").JSX.Element;
4
4
  export default Tabs;
@@ -0,0 +1,26 @@
1
+ import { StoryObj } from '@storybook/react';
2
+
3
+ declare const meta: {
4
+ title: string;
5
+ component: import('react').ForwardRefExoticComponent<import('..').ITextarea & import('react').RefAttributes<HTMLTextAreaElement>>;
6
+ parameters: {
7
+ layout: string;
8
+ };
9
+ tags: string[];
10
+ argTypes: {
11
+ className: {
12
+ type: "string";
13
+ };
14
+ error: {
15
+ type: "string";
16
+ };
17
+ };
18
+ args: {
19
+ onChange: import('@vitest/spy').Mock<(...args: any[]) => any>;
20
+ value: string;
21
+ };
22
+ render: (args: import('..').ITextarea & import('react').RefAttributes<HTMLTextAreaElement>) => import("react/jsx-runtime").JSX.Element;
23
+ };
24
+ export default meta;
25
+ type Story = StoryObj<typeof meta>;
26
+ export declare const Default: Story;
@@ -0,0 +1,26 @@
1
+ import { StoryObj } from '@storybook/react';
2
+
3
+ declare const meta: {
4
+ title: string;
5
+ component: import('react').ForwardRefExoticComponent<import('../../interfaces/components/Textarea').ITextareaFloatingInner & import('react').RefAttributes<HTMLTextAreaElement>>;
6
+ parameters: {
7
+ layout: string;
8
+ };
9
+ tags: string[];
10
+ argTypes: {
11
+ className: {
12
+ type: "string";
13
+ };
14
+ error: {
15
+ type: "string";
16
+ };
17
+ };
18
+ args: {
19
+ onChange: import('@vitest/spy').Mock<(...args: any[]) => any>;
20
+ value: string;
21
+ };
22
+ render: (args: import('../../interfaces/components/Textarea').ITextareaFloatingInner & import('react').RefAttributes<HTMLTextAreaElement>) => import("react/jsx-runtime").JSX.Element;
23
+ };
24
+ export default meta;
25
+ type Story = StoryObj<typeof meta>;
26
+ export declare const Default: Story;
@@ -51,7 +51,7 @@ import { ITableVirtualization } from '../interfaces/components/Virtualization/Ta
51
51
  import { default as DoughnutChart } from './Chart/DoughnutChart';
52
52
  import { default as MonthYearPicker } from './DatePicker/MonthYearPicker';
53
53
  import { default as CheckboxTable } from './RadioCheckbox/CheckboxTable';
54
- import { IDataInnerLabelDoughnutChart, IDataDoughnutChart } from '../interfaces/components/Chart';
54
+ import { IDataInnerLabelDoughnutChart, IDataDoughnutChart, IDataLineChart } from '../interfaces/components/Chart';
55
55
  import { default as InputNative } from './Input/InputNative';
56
56
  import { default as UploadMultipleFile } from './Upload/UploadMultipleFile';
57
57
  import { IUploadMultipleFileValue } from '../interfaces/components/UploadFile';
@@ -59,9 +59,10 @@ import { default as ErrorMessage } from './ErrorMessage/ErrorMessage';
59
59
  import { default as TextareaFloatingInner } from './Textarea/TextareaFloatingInner';
60
60
  import { default as Step } from './Step/Step';
61
61
  import { IDataStepList } from '../interfaces/components/Step/index';
62
+ import { default as LineChart } from './Chart/LineChart';
62
63
 
63
64
  import * as utilTable from '@tanstack/react-table';
64
65
  import type * as SelectDropdownContainerType from 'react-select';
65
66
  import type * as FilterContainerType from '../interfaces/components/FilterContainer';
66
- 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, };
67
- 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, };
67
+ 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, };
68
+ 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, };
@@ -5,6 +5,6 @@ export interface IBadges extends React.HTMLAttributes<HTMLSpanElement> {
5
5
  children: ReactNode | ReactNode[];
6
6
  className?: string | undefined;
7
7
  rounded?: IBorderRadius;
8
- variants?: 'filled-gray-600' | 'filled-green-600' | 'filled-red-500' | 'filled-blue-600' | 'filled-amber-800' | 'filled-pink-600' | 'filled-lime-700' | 'filled-red-900' | '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-blue-02' | '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';
8
+ variants?: 'filled-gray-600' | 'filled-green-600' | 'filled-red-500' | 'filled-blue-600' | 'filled-amber-800' | 'filled-pink-600' | 'filled-lime-700' | 'filled-red-900' | '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-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';
9
9
  fonts?: 'lato' | 'inter';
10
10
  }
@@ -34,3 +34,15 @@ export interface IDoughnutChart {
34
34
  keyBackground?: string;
35
35
  className?: string;
36
36
  }
37
+ export interface IDataLineChart {
38
+ isCurrent: boolean;
39
+ isLast: boolean;
40
+ label: string;
41
+ value: number | null;
42
+ year: number;
43
+ }
44
+ export interface ILineChart {
45
+ data: IDataLineChart[];
46
+ className?: string;
47
+ height?: number;
48
+ }
@@ -48,6 +48,8 @@ export interface IFilterDate extends ICalendarPrevNextIcon, ICalendarButtonConfi
48
48
  floatingOptions?: UseFloatingOptions;
49
49
  offsetPopover?: OffsetOptions;
50
50
  zIndexPopper?: number | undefined | string;
51
+ mountedExecuteChange?: boolean;
52
+ formatingDate?: string | boolean;
51
53
  }
52
54
  export type TTypeMonthYearPicker = 'month' | 'year';
53
55
  export interface IMonthYearPicker {
@@ -14,6 +14,7 @@ export interface IPopover extends React.HTMLAttributes<HTMLDivElement> {
14
14
  width?: number | string;
15
15
  styleInnerPopover?: React.CSSProperties;
16
16
  floatingOptions?: UseFloatingOptions;
17
+ onClose?: () => void;
17
18
  }
18
19
  export interface IRefPopover {
19
20
  show: boolean;
@@ -2,6 +2,7 @@ export interface IDataStepList {
2
2
  step: number;
3
3
  value?: string | number;
4
4
  desc?: string;
5
+ className?: string;
5
6
  [key: string]: unknown;
6
7
  }
7
8
  export interface IStep {
@@ -21,6 +21,7 @@ export interface ITabs {
21
21
  borderRadius?: IBorderRadius;
22
22
  disabled?: boolean;
23
23
  animation?: boolean;
24
+ mountedExecuteChange?: boolean;
24
25
  onChange?: (v: ITabsList) => void;
25
26
  }
26
27
  export interface IStyleTabs {