1mpacto-react-ui 0.2.0-beta.9 → 1.0.1
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/_colors.scss +80 -0
- package/dist/assets/_mixins.scss +32 -5
- package/dist/assets/_typography.scss +582 -0
- package/dist/assets/colors.css +40 -0
- package/dist/assets/core.css +1 -1
- package/dist/assets/fontfamily.css +1 -1
- package/dist/assets/fonts/PlusJakartaSans-Italic.ttf +0 -0
- package/dist/assets/fonts/PlusJakartaSans.ttf +0 -0
- package/dist/assets/style.css +1 -1
- package/dist/assets/toast.css +98 -194
- package/dist/assets/typography.css +96 -0
- package/dist/index.cjs +120 -117
- package/dist/index.d.ts +1 -0
- package/dist/index.mjs +27703 -27059
- package/dist/package.json.d.ts +46 -47
- package/dist/src/components/Alert/index.d.ts +1 -0
- package/dist/src/components/Badges/Badges.config.d.ts +57 -0
- package/dist/src/components/Badges/Badges.d.ts +1 -0
- package/dist/src/components/Badges/Badges.stories.d.ts +117 -2
- package/dist/src/components/Breadcrumbs/Breadcrumbs.config.d.ts +113 -0
- package/dist/src/components/Breadcrumbs/Breadcrumbs.d.ts +2 -1
- package/dist/src/components/Breadcrumbs/Breadcrumbs.stories.d.ts +221 -6
- package/dist/src/components/Button/Button.config.d.ts +70 -0
- package/dist/src/components/Button/Button.d.ts +1 -0
- package/dist/src/components/Button/Button.stories.d.ts +129 -4
- package/dist/src/components/ButtonIcon/ButtonIcon.config.d.ts +53 -0
- package/dist/src/components/ButtonIcon/ButtonIcon.d.ts +1 -0
- package/dist/src/components/ButtonIcon/ButtonIcon.stories.d.ts +123 -4
- package/dist/src/components/ButtonPopover/ButtonPopover.d.ts +1 -0
- package/dist/src/components/ButtonPopover/ButtonPopover.stories.d.ts +258 -2
- package/dist/src/components/Calendar/Calendar.d.ts +3 -1
- package/dist/src/components/Calendar/Calendar.stories.d.ts +283 -2
- package/dist/src/components/Calendar/CalendarButton.d.ts +1 -0
- package/dist/src/components/Calendar/CalendarCell.d.ts +1 -0
- package/dist/src/components/Calendar/CalendarMonth.d.ts +1 -0
- package/dist/src/components/Calendar/CalendarRange.d.ts +1 -0
- package/dist/src/components/Calendar/CalendarYear.d.ts +1 -0
- package/dist/src/components/Chart/DoughnutChart.d.ts +1 -0
- package/dist/src/components/Chart/GradientBarChart.d.ts +1 -0
- package/dist/src/components/Chart/GradientBarChart.stories.d.ts +71 -4
- package/dist/src/components/Chart/GradientLineChart.d.ts +1 -0
- package/dist/src/components/Chart/GradientLineChart.stories.d.ts +82 -4
- package/dist/src/components/Chart/LineChart.d.ts +1 -0
- package/dist/src/components/Chart/LineChart.stories.d.ts +35 -2
- package/dist/src/components/Chips/Chips.config.d.ts +35 -0
- package/dist/src/components/Chips/Chips.d.ts +1 -0
- package/dist/src/components/Chips/Chips.stories.d.ts +137 -2
- package/dist/src/components/Collapse/Collapse.d.ts +1 -0
- package/dist/src/components/Collapse/Collapse.stories.d.ts +89 -2
- package/dist/src/components/Collapse/CollapseV2.d.ts +1 -0
- package/dist/src/components/Collapse/CollapseV2.stories.d.ts +59 -2
- package/dist/src/components/Colors/Colors.stories.d.ts +2 -1
- package/dist/src/components/DatePicker/DatePicker.d.ts +1 -0
- package/dist/src/components/DatePicker/DatePicker.stories.d.ts +221 -2
- package/dist/src/components/DatePicker/DateRangePicker.d.ts +1 -0
- package/dist/src/components/DatePicker/FilterDate.d.ts +2 -1
- package/dist/src/components/DatePicker/FilterDate.stories.d.ts +232 -3
- package/dist/src/components/DatePicker/MonthYearPicker.d.ts +1 -0
- package/dist/src/components/DatePicker/MonthYearPicker.stories.d.ts +198 -2
- package/dist/src/components/ErrorMessage/ErrorMessage.config.d.ts +8 -0
- package/dist/src/components/ErrorMessage/ErrorMessage.d.ts +1 -0
- package/dist/src/components/ErrorMessage/ErrorMessage.stories.d.ts +39 -2
- package/dist/src/components/FilterContainer/FilterContainer.d.ts +1 -0
- package/dist/src/components/FilterContainer/FilterContainer.stories.d.ts +165 -0
- package/dist/src/components/Input/InputFloatingInner.config.d.ts +9 -0
- package/dist/src/components/Input/InputFloatingInner.d.ts +1 -0
- package/dist/src/components/Input/InputFloatingInner.stories.d.ts +177 -6
- package/dist/src/components/Input/InputInnerLabel.config.d.ts +8 -0
- package/dist/src/components/Input/InputInnerLabel.d.ts +5 -0
- package/dist/src/components/Input/InputInnerLabel.stories.d.ts +205 -0
- package/dist/src/components/Input/InputNative.config.d.ts +9 -0
- package/dist/src/components/Input/InputNative.d.ts +1 -0
- package/dist/src/components/Input/InputNative.stories.d.ts +149 -5
- package/dist/src/components/Input/InputReguler.config.d.ts +9 -0
- package/dist/src/components/Input/InputReguler.d.ts +1 -0
- package/dist/src/components/Input/InputReguler.stories.d.ts +177 -6
- package/dist/src/components/Modal/ModalDialog.config.d.ts +9 -0
- package/dist/src/components/Modal/ModalDialog.d.ts +1 -0
- package/dist/src/components/Modal/ModalDialog.stories.d.ts +121 -2
- package/dist/src/components/NumberFormat/NumberFormat.d.ts +1 -0
- package/dist/src/components/NumberFormat/NumberFormat.stories.d.ts +373 -18
- package/dist/src/components/Pagination/Pagination.config.d.ts +5 -0
- package/dist/src/components/Pagination/Pagination.d.ts +2 -1
- package/dist/src/components/Pagination/Pagination.stories.d.ts +200 -3
- package/dist/src/components/Popover/Popover.d.ts +1 -0
- package/dist/src/components/Popover/Popover.stories.d.ts +216 -7
- package/dist/src/components/PortalComponent/PortalComponent.d.ts +1 -0
- package/dist/src/components/PortalComponent/PortalComponent.stories.d.ts +61 -0
- package/dist/src/components/RadioCheckbox/CheckboxTable.d.ts +1 -0
- package/dist/src/components/RadioCheckbox/RadioCheckbox.config.d.ts +41 -0
- package/dist/src/components/RadioCheckbox/RadioCheckbox.d.ts +1 -0
- package/dist/src/components/RadioCheckbox/RadioCheckbox.stories.d.ts +230 -8
- package/dist/src/components/RadioCheckbox/RadioCheckboxLabel.config.d.ts +25 -0
- package/dist/src/components/RadioCheckbox/RadioCheckboxLabel.d.ts +1 -0
- package/dist/src/components/RadioCheckbox/RadioCheckboxLabel.stories.d.ts +196 -4
- package/dist/src/components/SelectDropdownContainer/SelectDropdownContainer.config.d.ts +26 -0
- package/dist/src/components/SelectDropdownContainer/SelectDropdownContainer.d.ts +2 -1
- package/dist/src/components/SelectDropdownContainer/SelectDropdownContainer.stories.d.ts +5 -4
- package/dist/src/components/SelectDropdownContainer/styleConfig.d.ts +5 -1
- package/dist/src/components/Sidebar/ItemSidebar.config.d.ts +34 -0
- package/dist/src/components/Sidebar/ItemSidebar.d.ts +1 -0
- package/dist/src/components/Sidebar/Sidebar.config.d.ts +16 -0
- package/dist/src/components/Sidebar/Sidebar.d.ts +2 -1
- package/dist/src/components/Sidebar/Sidebar.stories.d.ts +6 -5
- package/dist/src/components/Step/Step.d.ts +1 -0
- package/dist/src/components/Step/Step.stories.d.ts +135 -2
- package/dist/src/components/Step/StepIndicator.d.ts +1 -0
- package/dist/src/components/Step/StepIndicator.stories.d.ts +148 -2
- package/dist/src/components/Switch/Switch.config.d.ts +26 -0
- package/dist/src/components/Switch/Switch.d.ts +1 -0
- package/dist/src/components/Switch/Switch.stories.d.ts +128 -2
- package/dist/src/components/Table/Table.config.d.ts +5 -0
- package/dist/src/components/Table/Table.d.ts +3 -3
- package/dist/src/components/Table/Table.stories.d.ts +71 -52
- package/dist/src/components/Table/TableSubMobile.d.ts +4 -0
- package/dist/src/components/Tabs/TabPanel.d.ts +1 -0
- package/dist/src/components/Tabs/Tabs.config.d.ts +31 -0
- package/dist/src/components/Tabs/Tabs.d.ts +2 -1
- package/dist/src/components/Tabs/Tabs.stories.d.ts +220 -3
- package/dist/src/components/TextEditor/TextEditor.d.ts +1 -0
- package/dist/src/components/TextEditor/TextEditor.stories.d.ts +59 -10
- package/dist/src/components/Textarea/Textarea.config.d.ts +31 -0
- package/dist/src/components/Textarea/Textarea.d.ts +1 -0
- package/dist/src/components/Textarea/Textarea.stories.d.ts +250 -3
- package/dist/src/components/Textarea/TextareaFloatingInner.config.d.ts +6 -0
- package/dist/src/components/Textarea/TextareaFloatingInner.d.ts +1 -0
- package/dist/src/components/Textarea/TextareaFloatingInner.stories.d.ts +260 -3
- package/dist/src/components/Textarea/TextareaInnerLabel.config.d.ts +7 -0
- package/dist/src/components/Textarea/TextareaInnerLabel.d.ts +5 -0
- package/dist/src/components/Textarea/TextareaInnerLabel.stories.d.ts +259 -0
- package/dist/src/components/TimeRange/TimeRange.d.ts +4 -0
- package/dist/src/components/TimeRange/TimeRange.stories.d.ts +186 -0
- package/dist/src/components/Timeline/Timeline.d.ts +1 -0
- package/dist/src/components/Timeline/Timeline.stories.d.ts +40 -2
- package/dist/src/components/Tooltip/Tooltip.d.ts +1 -0
- package/dist/src/components/Tooltip/Tooltip.stories.d.ts +159 -2
- package/dist/src/components/TruncateComponent/TruncateComponent.d.ts +1 -0
- package/dist/src/components/TruncateComponent/TruncateComponent.stories.d.ts +106 -2
- package/dist/src/components/Typography/Typography.stories.d.ts +2 -1
- package/dist/src/components/Upload/UploadFile.d.ts +1 -0
- package/dist/src/components/Upload/UploadFile.stories.d.ts +127 -2
- package/dist/src/components/Upload/UploadImage.d.ts +2 -1
- package/dist/src/components/Upload/UploadImage.stories.d.ts +145 -3
- package/dist/src/components/Upload/UploadMultipleFile.d.ts +2 -1
- package/dist/src/components/Upload/UploadMultipleFile.stories.d.ts +190 -3
- package/dist/src/components/Virtualization/ListVirtualization.d.ts +1 -0
- package/dist/src/components/Virtualization/ListVirtualization.stories.d.ts +279 -2
- package/dist/src/components/Virtualization/TableVirtualization.d.ts +1 -0
- package/dist/src/components/Virtualization/TableVirtualization.stories.d.ts +296 -2
- package/dist/src/components/index.d.ts +15 -8
- package/dist/src/components/screens/Screens.stories.d.ts +14 -0
- package/dist/src/config/bigNumber/index.d.ts +1 -0
- package/dist/src/config/components/borderRadius.d.ts +1 -0
- package/dist/src/config/components/font.d.ts +7 -0
- package/dist/src/config/components/gap.d.ts +1 -0
- package/dist/src/config/components/tinymce.d.ts +1 -0
- package/dist/src/config/components/typography.d.ts +3 -49
- package/dist/src/config/tailwind/index.d.ts +3 -1
- package/dist/src/config/tailwind/nativeScreen.d.ts +3 -0
- package/dist/src/config/tailwind/typography.d.ts +1 -0
- package/dist/src/hooks/index.d.ts +6 -3
- package/dist/src/hooks/useAsyncDebounce.d.ts +9 -0
- package/dist/src/hooks/useCombinedResizeObserver.d.ts +67 -0
- package/dist/src/hooks/useCountdown.d.ts +67 -3
- package/dist/src/hooks/useDeepCompareEffect.d.ts +14 -0
- package/dist/src/hooks/useElementOrWindowMediaQuery.d.ts +9 -0
- package/dist/src/hooks/useEventListener.d.ts +28 -0
- package/dist/src/hooks/useMasonry.d.ts +80 -0
- package/dist/src/hooks/useMergeRefs.d.ts +27 -0
- package/dist/src/hooks/useOtpInput.d.ts +200 -0
- package/dist/src/hooks/useStateRef.d.ts +9 -0
- package/dist/src/interfaces/components/Alert/index.d.ts +9 -0
- package/dist/src/interfaces/components/Badges/index.d.ts +31 -1
- package/dist/src/interfaces/components/Breadcrumbs/index.d.ts +86 -2
- package/dist/src/interfaces/components/Button/index.d.ts +47 -2
- package/dist/src/interfaces/components/ButtonIcon/index.d.ts +37 -0
- package/dist/src/interfaces/components/ButtonPopover/index.d.ts +79 -0
- package/dist/src/interfaces/components/Calendar/index.d.ts +385 -3
- package/dist/src/interfaces/components/Chart/index.d.ts +461 -0
- package/dist/src/interfaces/components/Checkbox/index.d.ts +13 -0
- package/dist/src/interfaces/components/Chips/index.d.ts +39 -1
- package/dist/src/interfaces/components/Collapse/index.d.ts +61 -0
- package/dist/src/interfaces/components/DatePicker/index.d.ts +278 -1
- package/dist/src/interfaces/components/ErrorMessage/index.d.ts +17 -1
- package/dist/src/interfaces/components/FilterContainer/index.d.ts +103 -0
- package/dist/src/interfaces/components/Input/index.d.ts +194 -0
- package/dist/src/interfaces/components/Modal/index.d.ts +46 -0
- package/dist/src/interfaces/components/NumberFormat/index.d.ts +26 -0
- package/dist/src/interfaces/components/Pagination/index.d.ts +84 -0
- package/dist/src/interfaces/components/Popover/index.d.ts +99 -1
- package/dist/src/interfaces/components/RadioCheckbox/RadioCheckbox.d.ts +60 -2
- package/dist/src/interfaces/components/RadioCheckbox/RadioCheckboxLabel.d.ts +47 -1
- package/dist/src/interfaces/components/SelectDropdownContainer/index.d.ts +197 -2
- package/dist/src/interfaces/components/Sidebar/index.d.ts +230 -1
- package/dist/src/interfaces/components/Step/index.d.ts +154 -0
- package/dist/src/interfaces/components/Switch/index.d.ts +54 -1
- package/dist/src/interfaces/components/Table/index.d.ts +403 -6
- package/dist/src/interfaces/components/Tabs/index.d.ts +131 -1
- package/dist/src/interfaces/components/TextEditor/index.d.ts +13 -0
- package/dist/src/interfaces/components/Textarea/index.d.ts +170 -0
- package/dist/src/interfaces/components/TimeRange/index.d.ts +129 -0
- package/dist/src/interfaces/components/Timeline/index.d.ts +37 -0
- package/dist/src/interfaces/components/Tooltip/index.d.ts +57 -0
- package/dist/src/interfaces/components/TruncateComponent/index.d.ts +34 -0
- package/dist/src/interfaces/components/UploadFile/index.d.ts +187 -0
- package/dist/src/interfaces/components/Virtualization/ListVirtualization.d.ts +139 -0
- package/dist/src/interfaces/components/Virtualization/TableVirtualization.d.ts +144 -0
- package/dist/src/main.d.ts +1 -0
- package/dist/src/utils/common.d.ts +5 -4
- package/dist/src/utils/constant.d.ts +1 -0
- package/dist/types-external/table.d.ts +3 -0
- package/package.json +46 -47
- package/dist/index.cjs.map +0 -1
- package/dist/index.mjs.map +0 -1
|
@@ -0,0 +1,186 @@
|
|
|
1
|
+
import { StoryObj } from '@storybook/react';
|
|
2
|
+
import { ITimeRange } from '../../interfaces/components/TimeRange';
|
|
3
|
+
|
|
4
|
+
declare const meta: {
|
|
5
|
+
title: string;
|
|
6
|
+
component: (props: ITimeRange) => import("react/jsx-runtime").JSX.Element;
|
|
7
|
+
parameters: {
|
|
8
|
+
layout: string;
|
|
9
|
+
};
|
|
10
|
+
tags: string[];
|
|
11
|
+
argTypes: {
|
|
12
|
+
id: {
|
|
13
|
+
control: "text";
|
|
14
|
+
description: string;
|
|
15
|
+
table: {
|
|
16
|
+
category: string;
|
|
17
|
+
type: {
|
|
18
|
+
summary: string;
|
|
19
|
+
};
|
|
20
|
+
defaultValue: {
|
|
21
|
+
summary: string;
|
|
22
|
+
};
|
|
23
|
+
};
|
|
24
|
+
};
|
|
25
|
+
value: {
|
|
26
|
+
control: "object";
|
|
27
|
+
description: string;
|
|
28
|
+
table: {
|
|
29
|
+
category: string;
|
|
30
|
+
type: {
|
|
31
|
+
summary: string;
|
|
32
|
+
};
|
|
33
|
+
defaultValue: {
|
|
34
|
+
summary: string;
|
|
35
|
+
};
|
|
36
|
+
};
|
|
37
|
+
};
|
|
38
|
+
locale: {
|
|
39
|
+
control: {
|
|
40
|
+
type: "select";
|
|
41
|
+
};
|
|
42
|
+
options: string[];
|
|
43
|
+
description: string;
|
|
44
|
+
table: {
|
|
45
|
+
category: string;
|
|
46
|
+
type: {
|
|
47
|
+
summary: string;
|
|
48
|
+
};
|
|
49
|
+
defaultValue: {
|
|
50
|
+
summary: string;
|
|
51
|
+
};
|
|
52
|
+
};
|
|
53
|
+
};
|
|
54
|
+
zIndexPopper: {
|
|
55
|
+
control: "number";
|
|
56
|
+
description: string;
|
|
57
|
+
table: {
|
|
58
|
+
category: string;
|
|
59
|
+
type: {
|
|
60
|
+
summary: string;
|
|
61
|
+
};
|
|
62
|
+
defaultValue: {
|
|
63
|
+
summary: string;
|
|
64
|
+
};
|
|
65
|
+
};
|
|
66
|
+
};
|
|
67
|
+
offsetPopover: {
|
|
68
|
+
control: "number";
|
|
69
|
+
description: string;
|
|
70
|
+
table: {
|
|
71
|
+
category: string;
|
|
72
|
+
type: {
|
|
73
|
+
summary: string;
|
|
74
|
+
};
|
|
75
|
+
defaultValue: {
|
|
76
|
+
summary: string;
|
|
77
|
+
};
|
|
78
|
+
};
|
|
79
|
+
};
|
|
80
|
+
classNameContainer: {
|
|
81
|
+
control: "text";
|
|
82
|
+
description: string;
|
|
83
|
+
table: {
|
|
84
|
+
category: string;
|
|
85
|
+
type: {
|
|
86
|
+
summary: string;
|
|
87
|
+
};
|
|
88
|
+
defaultValue: {
|
|
89
|
+
summary: string;
|
|
90
|
+
};
|
|
91
|
+
};
|
|
92
|
+
};
|
|
93
|
+
className: {
|
|
94
|
+
control: "text";
|
|
95
|
+
description: string;
|
|
96
|
+
table: {
|
|
97
|
+
category: string;
|
|
98
|
+
type: {
|
|
99
|
+
summary: string;
|
|
100
|
+
};
|
|
101
|
+
defaultValue: {
|
|
102
|
+
summary: string;
|
|
103
|
+
};
|
|
104
|
+
};
|
|
105
|
+
};
|
|
106
|
+
floatingOptions: {
|
|
107
|
+
control: "object";
|
|
108
|
+
description: string;
|
|
109
|
+
table: {
|
|
110
|
+
category: string;
|
|
111
|
+
type: {
|
|
112
|
+
summary: string;
|
|
113
|
+
};
|
|
114
|
+
defaultValue: {
|
|
115
|
+
summary: string;
|
|
116
|
+
};
|
|
117
|
+
};
|
|
118
|
+
};
|
|
119
|
+
buttonClick: {
|
|
120
|
+
control: "object";
|
|
121
|
+
description: string;
|
|
122
|
+
table: {
|
|
123
|
+
category: string;
|
|
124
|
+
type: {
|
|
125
|
+
summary: string;
|
|
126
|
+
};
|
|
127
|
+
defaultValue: {
|
|
128
|
+
summary: string;
|
|
129
|
+
};
|
|
130
|
+
};
|
|
131
|
+
};
|
|
132
|
+
buttonReset: {
|
|
133
|
+
control: "object";
|
|
134
|
+
description: string;
|
|
135
|
+
table: {
|
|
136
|
+
category: string;
|
|
137
|
+
type: {
|
|
138
|
+
summary: string;
|
|
139
|
+
};
|
|
140
|
+
defaultValue: {
|
|
141
|
+
summary: string;
|
|
142
|
+
};
|
|
143
|
+
};
|
|
144
|
+
};
|
|
145
|
+
buttonSubmit: {
|
|
146
|
+
control: "object";
|
|
147
|
+
description: string;
|
|
148
|
+
table: {
|
|
149
|
+
category: string;
|
|
150
|
+
type: {
|
|
151
|
+
summary: string;
|
|
152
|
+
};
|
|
153
|
+
defaultValue: {
|
|
154
|
+
summary: string;
|
|
155
|
+
};
|
|
156
|
+
};
|
|
157
|
+
};
|
|
158
|
+
onChange: {
|
|
159
|
+
action: string;
|
|
160
|
+
description: string;
|
|
161
|
+
table: {
|
|
162
|
+
category: string;
|
|
163
|
+
type: {
|
|
164
|
+
summary: string;
|
|
165
|
+
};
|
|
166
|
+
};
|
|
167
|
+
};
|
|
168
|
+
disableValidation: {
|
|
169
|
+
control: "boolean";
|
|
170
|
+
description: string;
|
|
171
|
+
table: {
|
|
172
|
+
category: string;
|
|
173
|
+
type: {
|
|
174
|
+
summary: string;
|
|
175
|
+
};
|
|
176
|
+
defaultValue: {
|
|
177
|
+
summary: string;
|
|
178
|
+
};
|
|
179
|
+
};
|
|
180
|
+
};
|
|
181
|
+
};
|
|
182
|
+
render: (args: ITimeRange) => import("react/jsx-runtime").JSX.Element;
|
|
183
|
+
};
|
|
184
|
+
export default meta;
|
|
185
|
+
type Story = StoryObj<typeof meta>;
|
|
186
|
+
export declare const Default: Story;
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import { ITimelineContent, ITimelineLayout } from '../../interfaces/components/Timeline';
|
|
2
|
+
|
|
2
3
|
declare const Timeline: (({ children, noTime }: ITimelineLayout) => import("react/jsx-runtime").JSX.Element) & {
|
|
3
4
|
TimelineContent: ({ children, time, clasName, noTime }: ITimelineContent) => import("react/jsx-runtime").JSX.Element;
|
|
4
5
|
};
|
|
@@ -1,4 +1,5 @@
|
|
|
1
|
-
import { StoryObj } from '@storybook/react
|
|
1
|
+
import { StoryObj } from '@storybook/react';
|
|
2
|
+
|
|
2
3
|
declare const meta: {
|
|
3
4
|
title: string;
|
|
4
5
|
component: (({ children, noTime }: import('../../interfaces/components/Timeline').ITimelineLayout) => import("react/jsx-runtime").JSX.Element) & {
|
|
@@ -8,7 +9,44 @@ declare const meta: {
|
|
|
8
9
|
layout: string;
|
|
9
10
|
};
|
|
10
11
|
tags: string[];
|
|
11
|
-
argTypes: {
|
|
12
|
+
argTypes: {
|
|
13
|
+
children: {
|
|
14
|
+
control: "object";
|
|
15
|
+
description: string;
|
|
16
|
+
table: {
|
|
17
|
+
category: string;
|
|
18
|
+
type: {
|
|
19
|
+
summary: string;
|
|
20
|
+
};
|
|
21
|
+
};
|
|
22
|
+
};
|
|
23
|
+
id: {
|
|
24
|
+
control: "text";
|
|
25
|
+
description: string;
|
|
26
|
+
table: {
|
|
27
|
+
category: string;
|
|
28
|
+
type: {
|
|
29
|
+
summary: string;
|
|
30
|
+
};
|
|
31
|
+
defaultValue: {
|
|
32
|
+
summary: string;
|
|
33
|
+
};
|
|
34
|
+
};
|
|
35
|
+
};
|
|
36
|
+
noTime: {
|
|
37
|
+
control: "boolean";
|
|
38
|
+
description: string;
|
|
39
|
+
table: {
|
|
40
|
+
category: string;
|
|
41
|
+
type: {
|
|
42
|
+
summary: string;
|
|
43
|
+
};
|
|
44
|
+
defaultValue: {
|
|
45
|
+
summary: string;
|
|
46
|
+
};
|
|
47
|
+
};
|
|
48
|
+
};
|
|
49
|
+
};
|
|
12
50
|
render: (args: import('../../interfaces/components/Timeline').ITimelineLayout) => import("react/jsx-runtime").JSX.Element;
|
|
13
51
|
};
|
|
14
52
|
export default meta;
|
|
@@ -1,3 +1,4 @@
|
|
|
1
1
|
import { ITooltip } from '../../interfaces/components/Tooltip';
|
|
2
|
+
|
|
2
3
|
declare const Tooltip: ({ id, children, text, zIndexPopover, onShow, onClose, placement, backgroundColor, popoverProps, arrowProps, className, isHover, delay, }: ITooltip) => import("react/jsx-runtime").JSX.Element;
|
|
3
4
|
export default Tooltip;
|
|
@@ -1,4 +1,5 @@
|
|
|
1
|
-
import { StoryObj } from '@storybook/react
|
|
1
|
+
import { StoryObj } from '@storybook/react';
|
|
2
|
+
|
|
2
3
|
declare const meta: {
|
|
3
4
|
title: string;
|
|
4
5
|
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;
|
|
@@ -6,7 +7,163 @@ declare const meta: {
|
|
|
6
7
|
layout: string;
|
|
7
8
|
};
|
|
8
9
|
tags: string[];
|
|
9
|
-
argTypes: {
|
|
10
|
+
argTypes: {
|
|
11
|
+
children: {
|
|
12
|
+
control: "object";
|
|
13
|
+
description: string;
|
|
14
|
+
table: {
|
|
15
|
+
category: string;
|
|
16
|
+
type: {
|
|
17
|
+
summary: string;
|
|
18
|
+
};
|
|
19
|
+
};
|
|
20
|
+
};
|
|
21
|
+
text: {
|
|
22
|
+
control: "text";
|
|
23
|
+
description: string;
|
|
24
|
+
table: {
|
|
25
|
+
category: string;
|
|
26
|
+
type: {
|
|
27
|
+
summary: string;
|
|
28
|
+
};
|
|
29
|
+
};
|
|
30
|
+
};
|
|
31
|
+
backgroundColor: {
|
|
32
|
+
control: {
|
|
33
|
+
type: "color";
|
|
34
|
+
};
|
|
35
|
+
description: string;
|
|
36
|
+
table: {
|
|
37
|
+
category: string;
|
|
38
|
+
type: {
|
|
39
|
+
summary: string;
|
|
40
|
+
};
|
|
41
|
+
defaultValue: {
|
|
42
|
+
summary: string;
|
|
43
|
+
};
|
|
44
|
+
};
|
|
45
|
+
};
|
|
46
|
+
className: {
|
|
47
|
+
control: "text";
|
|
48
|
+
description: string;
|
|
49
|
+
table: {
|
|
50
|
+
category: string;
|
|
51
|
+
type: {
|
|
52
|
+
summary: string;
|
|
53
|
+
};
|
|
54
|
+
defaultValue: {
|
|
55
|
+
summary: string;
|
|
56
|
+
};
|
|
57
|
+
};
|
|
58
|
+
};
|
|
59
|
+
zIndexPopover: {
|
|
60
|
+
control: "number";
|
|
61
|
+
description: string;
|
|
62
|
+
table: {
|
|
63
|
+
category: string;
|
|
64
|
+
type: {
|
|
65
|
+
summary: string;
|
|
66
|
+
};
|
|
67
|
+
defaultValue: {
|
|
68
|
+
summary: string;
|
|
69
|
+
};
|
|
70
|
+
};
|
|
71
|
+
};
|
|
72
|
+
placement: {
|
|
73
|
+
control: {
|
|
74
|
+
type: "select";
|
|
75
|
+
};
|
|
76
|
+
description: string;
|
|
77
|
+
table: {
|
|
78
|
+
category: string;
|
|
79
|
+
type: {
|
|
80
|
+
summary: string;
|
|
81
|
+
};
|
|
82
|
+
defaultValue: {
|
|
83
|
+
summary: string;
|
|
84
|
+
};
|
|
85
|
+
};
|
|
86
|
+
};
|
|
87
|
+
delay: {
|
|
88
|
+
control: "number";
|
|
89
|
+
description: string;
|
|
90
|
+
table: {
|
|
91
|
+
category: string;
|
|
92
|
+
type: {
|
|
93
|
+
summary: string;
|
|
94
|
+
};
|
|
95
|
+
defaultValue: {
|
|
96
|
+
summary: string;
|
|
97
|
+
};
|
|
98
|
+
};
|
|
99
|
+
};
|
|
100
|
+
isHover: {
|
|
101
|
+
control: "boolean";
|
|
102
|
+
description: string;
|
|
103
|
+
table: {
|
|
104
|
+
category: string;
|
|
105
|
+
type: {
|
|
106
|
+
summary: string;
|
|
107
|
+
};
|
|
108
|
+
defaultValue: {
|
|
109
|
+
summary: string;
|
|
110
|
+
};
|
|
111
|
+
};
|
|
112
|
+
};
|
|
113
|
+
onShow: {
|
|
114
|
+
action: string;
|
|
115
|
+
description: string;
|
|
116
|
+
table: {
|
|
117
|
+
category: string;
|
|
118
|
+
type: {
|
|
119
|
+
summary: string;
|
|
120
|
+
};
|
|
121
|
+
};
|
|
122
|
+
};
|
|
123
|
+
onClose: {
|
|
124
|
+
action: string;
|
|
125
|
+
description: string;
|
|
126
|
+
table: {
|
|
127
|
+
category: string;
|
|
128
|
+
type: {
|
|
129
|
+
summary: string;
|
|
130
|
+
};
|
|
131
|
+
};
|
|
132
|
+
};
|
|
133
|
+
id: {
|
|
134
|
+
control: "text";
|
|
135
|
+
description: string;
|
|
136
|
+
table: {
|
|
137
|
+
category: string;
|
|
138
|
+
type: {
|
|
139
|
+
summary: string;
|
|
140
|
+
};
|
|
141
|
+
defaultValue: {
|
|
142
|
+
summary: string;
|
|
143
|
+
};
|
|
144
|
+
};
|
|
145
|
+
};
|
|
146
|
+
popoverProps: {
|
|
147
|
+
control: "object";
|
|
148
|
+
description: string;
|
|
149
|
+
table: {
|
|
150
|
+
category: string;
|
|
151
|
+
type: {
|
|
152
|
+
summary: string;
|
|
153
|
+
};
|
|
154
|
+
};
|
|
155
|
+
};
|
|
156
|
+
arrowProps: {
|
|
157
|
+
control: "object";
|
|
158
|
+
description: string;
|
|
159
|
+
table: {
|
|
160
|
+
category: string;
|
|
161
|
+
type: {
|
|
162
|
+
summary: string;
|
|
163
|
+
};
|
|
164
|
+
};
|
|
165
|
+
};
|
|
166
|
+
};
|
|
10
167
|
};
|
|
11
168
|
export default meta;
|
|
12
169
|
type Story = StoryObj<typeof meta>;
|
|
@@ -1,4 +1,5 @@
|
|
|
1
|
-
import { StoryObj } from '@storybook/react
|
|
1
|
+
import { StoryObj } from '@storybook/react';
|
|
2
|
+
|
|
2
3
|
declare const meta: {
|
|
3
4
|
title: string;
|
|
4
5
|
component: import('react').FC<import('../../interfaces/components/TruncateComponent').ITruncateComponent>;
|
|
@@ -6,7 +7,110 @@ declare const meta: {
|
|
|
6
7
|
layout: string;
|
|
7
8
|
};
|
|
8
9
|
tags: string[];
|
|
9
|
-
argTypes: {
|
|
10
|
+
argTypes: {
|
|
11
|
+
children: {
|
|
12
|
+
control: "object";
|
|
13
|
+
description: string;
|
|
14
|
+
table: {
|
|
15
|
+
category: string;
|
|
16
|
+
type: {
|
|
17
|
+
summary: string;
|
|
18
|
+
};
|
|
19
|
+
};
|
|
20
|
+
};
|
|
21
|
+
moreElement: {
|
|
22
|
+
control: "object";
|
|
23
|
+
description: string;
|
|
24
|
+
table: {
|
|
25
|
+
category: string;
|
|
26
|
+
type: {
|
|
27
|
+
summary: string;
|
|
28
|
+
};
|
|
29
|
+
};
|
|
30
|
+
};
|
|
31
|
+
maxWidth: {
|
|
32
|
+
control: "text";
|
|
33
|
+
description: string;
|
|
34
|
+
table: {
|
|
35
|
+
category: string;
|
|
36
|
+
type: {
|
|
37
|
+
summary: string;
|
|
38
|
+
};
|
|
39
|
+
defaultValue: {
|
|
40
|
+
summary: string;
|
|
41
|
+
};
|
|
42
|
+
};
|
|
43
|
+
};
|
|
44
|
+
gap: {
|
|
45
|
+
control: "number";
|
|
46
|
+
description: string;
|
|
47
|
+
table: {
|
|
48
|
+
category: string;
|
|
49
|
+
type: {
|
|
50
|
+
summary: string;
|
|
51
|
+
};
|
|
52
|
+
defaultValue: {
|
|
53
|
+
summary: string;
|
|
54
|
+
};
|
|
55
|
+
};
|
|
56
|
+
};
|
|
57
|
+
gapStyle: {
|
|
58
|
+
control: "text";
|
|
59
|
+
description: string;
|
|
60
|
+
table: {
|
|
61
|
+
category: string;
|
|
62
|
+
type: {
|
|
63
|
+
summary: string;
|
|
64
|
+
};
|
|
65
|
+
defaultValue: {
|
|
66
|
+
summary: string;
|
|
67
|
+
};
|
|
68
|
+
};
|
|
69
|
+
};
|
|
70
|
+
className: {
|
|
71
|
+
control: "text";
|
|
72
|
+
description: string;
|
|
73
|
+
table: {
|
|
74
|
+
category: string;
|
|
75
|
+
type: {
|
|
76
|
+
summary: string;
|
|
77
|
+
};
|
|
78
|
+
defaultValue: {
|
|
79
|
+
summary: string;
|
|
80
|
+
};
|
|
81
|
+
};
|
|
82
|
+
};
|
|
83
|
+
style: {
|
|
84
|
+
control: "object";
|
|
85
|
+
description: string;
|
|
86
|
+
table: {
|
|
87
|
+
category: string;
|
|
88
|
+
type: {
|
|
89
|
+
summary: string;
|
|
90
|
+
};
|
|
91
|
+
};
|
|
92
|
+
};
|
|
93
|
+
onClick: {
|
|
94
|
+
action: string;
|
|
95
|
+
description: string;
|
|
96
|
+
table: {
|
|
97
|
+
category: string;
|
|
98
|
+
type: {
|
|
99
|
+
summary: string;
|
|
100
|
+
};
|
|
101
|
+
};
|
|
102
|
+
};
|
|
103
|
+
title: {
|
|
104
|
+
control: "text";
|
|
105
|
+
description: string;
|
|
106
|
+
table: {
|
|
107
|
+
category: string;
|
|
108
|
+
type: {
|
|
109
|
+
summary: string;
|
|
110
|
+
};
|
|
111
|
+
};
|
|
112
|
+
};
|
|
113
|
+
};
|
|
10
114
|
render: (args: import('../../interfaces/components/TruncateComponent').ITruncateComponent) => import("react/jsx-runtime").JSX.Element;
|
|
11
115
|
};
|
|
12
116
|
export default meta;
|
|
@@ -1,4 +1,5 @@
|
|
|
1
|
-
import { StoryObj } from '@storybook/react
|
|
1
|
+
import { StoryObj } from '@storybook/react';
|
|
2
|
+
|
|
2
3
|
declare const meta: {
|
|
3
4
|
title: string;
|
|
4
5
|
component: {
|
|
@@ -10,8 +11,132 @@ declare const meta: {
|
|
|
10
11
|
};
|
|
11
12
|
tags: string[];
|
|
12
13
|
argTypes: {
|
|
14
|
+
validateFile: {
|
|
15
|
+
control: "object";
|
|
16
|
+
description: string;
|
|
17
|
+
table: {
|
|
18
|
+
category: string;
|
|
19
|
+
type: {
|
|
20
|
+
summary: string;
|
|
21
|
+
};
|
|
22
|
+
defaultValue: {
|
|
23
|
+
summary: string;
|
|
24
|
+
};
|
|
25
|
+
};
|
|
26
|
+
};
|
|
27
|
+
maxFile: {
|
|
28
|
+
control: "number";
|
|
29
|
+
description: string;
|
|
30
|
+
table: {
|
|
31
|
+
category: string;
|
|
32
|
+
type: {
|
|
33
|
+
summary: string;
|
|
34
|
+
};
|
|
35
|
+
defaultValue: {
|
|
36
|
+
summary: string;
|
|
37
|
+
};
|
|
38
|
+
};
|
|
39
|
+
};
|
|
40
|
+
maxSize: {
|
|
41
|
+
control: "number";
|
|
42
|
+
description: string;
|
|
43
|
+
table: {
|
|
44
|
+
category: string;
|
|
45
|
+
type: {
|
|
46
|
+
summary: string;
|
|
47
|
+
};
|
|
48
|
+
defaultValue: {
|
|
49
|
+
summary: string;
|
|
50
|
+
};
|
|
51
|
+
};
|
|
52
|
+
};
|
|
53
|
+
fileName: {
|
|
54
|
+
control: "text";
|
|
55
|
+
description: string;
|
|
56
|
+
table: {
|
|
57
|
+
category: string;
|
|
58
|
+
type: {
|
|
59
|
+
summary: string;
|
|
60
|
+
};
|
|
61
|
+
};
|
|
62
|
+
};
|
|
63
|
+
label: {
|
|
64
|
+
control: "text";
|
|
65
|
+
description: string;
|
|
66
|
+
table: {
|
|
67
|
+
category: string;
|
|
68
|
+
type: {
|
|
69
|
+
summary: string;
|
|
70
|
+
};
|
|
71
|
+
defaultValue: {
|
|
72
|
+
summary: string;
|
|
73
|
+
};
|
|
74
|
+
};
|
|
75
|
+
};
|
|
13
76
|
error: {
|
|
14
|
-
|
|
77
|
+
control: "text";
|
|
78
|
+
description: string;
|
|
79
|
+
table: {
|
|
80
|
+
category: string;
|
|
81
|
+
type: {
|
|
82
|
+
summary: string;
|
|
83
|
+
};
|
|
84
|
+
defaultValue: {
|
|
85
|
+
summary: string;
|
|
86
|
+
};
|
|
87
|
+
};
|
|
88
|
+
};
|
|
89
|
+
priorityError: {
|
|
90
|
+
control: {
|
|
91
|
+
type: "select";
|
|
92
|
+
};
|
|
93
|
+
options: string[];
|
|
94
|
+
description: string;
|
|
95
|
+
table: {
|
|
96
|
+
category: string;
|
|
97
|
+
type: {
|
|
98
|
+
summary: string;
|
|
99
|
+
};
|
|
100
|
+
defaultValue: {
|
|
101
|
+
summary: string;
|
|
102
|
+
};
|
|
103
|
+
};
|
|
104
|
+
};
|
|
105
|
+
inputProps: {
|
|
106
|
+
control: "object";
|
|
107
|
+
description: string;
|
|
108
|
+
table: {
|
|
109
|
+
category: string;
|
|
110
|
+
type: {
|
|
111
|
+
summary: string;
|
|
112
|
+
};
|
|
113
|
+
defaultValue: {
|
|
114
|
+
summary: string;
|
|
115
|
+
};
|
|
116
|
+
};
|
|
117
|
+
};
|
|
118
|
+
onChange: {
|
|
119
|
+
action: string;
|
|
120
|
+
description: string;
|
|
121
|
+
table: {
|
|
122
|
+
category: string;
|
|
123
|
+
type: {
|
|
124
|
+
summary: string;
|
|
125
|
+
};
|
|
126
|
+
};
|
|
127
|
+
};
|
|
128
|
+
eventError: {
|
|
129
|
+
action: string;
|
|
130
|
+
description: string;
|
|
131
|
+
table: {
|
|
132
|
+
category: string;
|
|
133
|
+
type: {
|
|
134
|
+
summary: string;
|
|
135
|
+
};
|
|
136
|
+
defaultValue: {
|
|
137
|
+
summary: string;
|
|
138
|
+
};
|
|
139
|
+
};
|
|
15
140
|
};
|
|
16
141
|
};
|
|
17
142
|
args: {
|
|
@@ -1,3 +1,4 @@
|
|
|
1
1
|
import { IUploadImage } from '../../interfaces/components/UploadFile';
|
|
2
|
-
|
|
2
|
+
|
|
3
|
+
declare const UploadImage: ({ onChange, valueUrl, validateFile, validateFileDesc, maxSize, icon, desc, classNameContainer, classNameImage, classNameAction, id, }: IUploadImage) => import("react/jsx-runtime").JSX.Element;
|
|
3
4
|
export default UploadImage;
|