1mpacto-react-ui 0.0.92 → 0.0.94
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 +48 -46
- package/dist/index.cjs.map +1 -1
- package/dist/index.mjs +5581 -5549
- 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.d.ts +1 -1
- 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/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/Modal/index.d.ts +1 -1
- package/dist/src/interfaces/components/Popover/index.d.ts +1 -0
- package/dist/src/interfaces/components/RadioCheckbox/RadioCheckboxLabel.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;
|
@@ -1,4 +1,4 @@
|
|
1
1
|
import { IRadioCheckboxLabel } from '../../interfaces/components/RadioCheckbox/RadioCheckboxLabel';
|
2
2
|
|
3
|
-
declare const RadioCheckboxLabel: ({ radioCheckboxProps, name, id, type, typographyLabel, typographyDesc, fonts, borderRadius, className, disabled, variants, label, desc, ...props }: IRadioCheckboxLabel) => import("react/jsx-runtime").JSX.Element;
|
3
|
+
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
4
|
export default RadioCheckboxLabel;
|
@@ -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;
|
@@ -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 {
|
@@ -7,7 +7,7 @@ export interface IModalDialog<T extends ElementType> {
|
|
7
7
|
idModal?: string;
|
8
8
|
className?: string | undefined;
|
9
9
|
classNameContainer?: string | undefined;
|
10
|
-
size?: 'small' | 'regular' | 'large';
|
10
|
+
size?: 'small' | 'regular' | 'large' | 'medium';
|
11
11
|
show: boolean;
|
12
12
|
withOverlay?: boolean;
|
13
13
|
onClose?: () => void;
|
@@ -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;
|