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.
- package/dist/assets/core.css +1 -1
- package/dist/assets/style.css +1 -1
- package/dist/index.cjs +73 -72
- package/dist/index.cjs.map +1 -1
- package/dist/index.mjs +7933 -7666
- package/dist/index.mjs.map +1 -1
- package/dist/src/components/Badges/Badges.stories.d.ts +18 -0
- package/dist/src/components/Breadcrumbs/Breadcrumbs.stories.d.ts +25 -0
- package/dist/src/components/Button/Button.stories.d.ts +33 -0
- package/dist/src/components/ButtonIcon/ButtonIcon.stories.d.ts +24 -0
- package/dist/src/components/Chart/LineChart.d.ts +4 -0
- package/dist/src/components/Chips/Chips.stories.d.ts +18 -0
- package/dist/src/components/DatePicker/DatePicker.stories.d.ts +19 -0
- package/dist/src/components/DatePicker/FilterDate.d.ts +1 -1
- package/dist/src/components/Input/InputFloatingInner.stories.d.ts +41 -0
- package/dist/src/components/Input/InputReguler.stories.d.ts +43 -0
- package/dist/src/components/NumberFormat/NumberFormat.stories.d.ts +48 -0
- package/dist/src/components/Pagination/Pagination.stories.d.ts +22 -0
- package/dist/src/components/Popover/Popover.stories.d.ts +23 -0
- package/dist/src/components/RadioCheckbox/RadioCheckbox.stories.d.ts +42 -0
- package/dist/src/components/RadioCheckbox/RadioCheckboxLabel.stories.d.ts +26 -0
- package/dist/src/components/SelectDropdownContainer/SelectDropdownContainer.stories.d.ts +24 -0
- package/dist/src/components/Sidebar/Sidebar.stories.d.ts +25 -0
- package/dist/src/components/Switch/Switch.stories.d.ts +23 -0
- package/dist/src/components/Table/Table.stories.d.ts +16 -0
- package/dist/src/components/Tabs/Tabs.d.ts +1 -1
- package/dist/src/components/Textarea/Textarea.stories.d.ts +26 -0
- package/dist/src/components/Textarea/TextareaFloatingInner.stories.d.ts +26 -0
- package/dist/src/components/index.d.ts +4 -3
- package/dist/src/interfaces/components/Badges/index.d.ts +1 -1
- package/dist/src/interfaces/components/Chart/index.d.ts +12 -0
- package/dist/src/interfaces/components/DatePicker/index.d.ts +2 -0
- package/dist/src/interfaces/components/Popover/index.d.ts +1 -0
- package/dist/src/interfaces/components/Step/index.d.ts +1 -0
- package/dist/src/interfaces/components/Tabs/index.d.ts +1 -0
- 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,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;
|