1mpacto-react-ui 0.2.0-beta.23 → 0.2.0-beta.25

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 (90) hide show
  1. package/dist/assets/core.css +1 -1
  2. package/dist/assets/fontfamily.css +1 -1
  3. package/dist/assets/style.css +1 -1
  4. package/dist/index.cjs +103 -104
  5. package/dist/index.mjs +12633 -12491
  6. package/dist/package.json.d.ts +1 -1
  7. package/dist/src/components/Badges/Badges.config.d.ts +57 -0
  8. package/dist/src/components/Badges/Badges.stories.d.ts +115 -1
  9. package/dist/src/components/Breadcrumbs/Breadcrumbs.config.d.ts +113 -0
  10. package/dist/src/components/Breadcrumbs/Breadcrumbs.stories.d.ts +218 -4
  11. package/dist/src/components/Button/Button.config.d.ts +70 -0
  12. package/dist/src/components/Button/Button.stories.d.ts +127 -3
  13. package/dist/src/components/ButtonIcon/ButtonIcon.config.d.ts +53 -0
  14. package/dist/src/components/ButtonIcon/ButtonIcon.stories.d.ts +121 -3
  15. package/dist/src/components/ButtonPopover/ButtonPopover.stories.d.ts +256 -1
  16. package/dist/src/components/Calendar/Calendar.d.ts +2 -1
  17. package/dist/src/components/Calendar/Calendar.stories.d.ts +281 -1
  18. package/dist/src/components/Chart/GradientBarChart.stories.d.ts +67 -1
  19. package/dist/src/components/Chart/GradientLineChart.stories.d.ts +78 -1
  20. package/dist/src/components/Chart/LineChart.stories.d.ts +33 -1
  21. package/dist/src/components/Chips/Chips.config.d.ts +35 -0
  22. package/dist/src/components/Chips/Chips.stories.d.ts +135 -1
  23. package/dist/src/components/Collapse/Collapse.stories.d.ts +87 -1
  24. package/dist/src/components/Collapse/CollapseV2.stories.d.ts +57 -1
  25. package/dist/src/components/DatePicker/DatePicker.stories.d.ts +219 -1
  26. package/dist/src/components/DatePicker/FilterDate.d.ts +1 -1
  27. package/dist/src/components/DatePicker/FilterDate.stories.d.ts +230 -2
  28. package/dist/src/components/DatePicker/MonthYearPicker.stories.d.ts +196 -1
  29. package/dist/src/components/ErrorMessage/ErrorMessage.config.d.ts +8 -0
  30. package/dist/src/components/ErrorMessage/ErrorMessage.stories.d.ts +37 -1
  31. package/dist/src/components/FilterContainer/FilterContainer.stories.d.ts +164 -0
  32. package/dist/src/components/Input/InputFloatingInner.config.d.ts +9 -0
  33. package/dist/src/components/Input/InputFloatingInner.stories.d.ts +175 -5
  34. package/dist/src/components/Input/InputInnerLabel.config.d.ts +8 -0
  35. package/dist/src/components/Input/InputInnerLabel.stories.d.ts +177 -4
  36. package/dist/src/components/Input/InputNative.config.d.ts +9 -0
  37. package/dist/src/components/Input/InputNative.stories.d.ts +147 -4
  38. package/dist/src/components/Input/InputReguler.config.d.ts +9 -0
  39. package/dist/src/components/Input/InputReguler.stories.d.ts +175 -5
  40. package/dist/src/components/Modal/ModalDialog.config.d.ts +9 -0
  41. package/dist/src/components/Modal/ModalDialog.stories.d.ts +119 -1
  42. package/dist/src/components/NumberFormat/NumberFormat.stories.d.ts +371 -17
  43. package/dist/src/components/Pagination/Pagination.config.d.ts +5 -0
  44. package/dist/src/components/Pagination/Pagination.stories.d.ts +197 -1
  45. package/dist/src/components/Popover/Popover.stories.d.ts +212 -4
  46. package/dist/src/components/PortalComponent/PortalComponent.stories.d.ts +60 -0
  47. package/dist/src/components/RadioCheckbox/RadioCheckbox.config.d.ts +41 -0
  48. package/dist/src/components/RadioCheckbox/RadioCheckbox.stories.d.ts +74 -35
  49. package/dist/src/components/RadioCheckbox/RadioCheckboxLabel.config.d.ts +25 -0
  50. package/dist/src/components/RadioCheckbox/RadioCheckboxLabel.stories.d.ts +194 -3
  51. package/dist/src/components/SelectDropdownContainer/SelectDropdownContainer.config.d.ts +26 -0
  52. package/dist/src/components/Sidebar/ItemSidebar.config.d.ts +34 -0
  53. package/dist/src/components/Sidebar/Sidebar.config.d.ts +16 -0
  54. package/dist/src/components/Step/Step.stories.d.ts +133 -1
  55. package/dist/src/components/Step/StepIndicator.stories.d.ts +146 -1
  56. package/dist/src/components/Switch/Switch.config.d.ts +26 -0
  57. package/dist/src/components/Switch/Switch.stories.d.ts +126 -1
  58. package/dist/src/components/Table/Table.config.d.ts +4 -0
  59. package/dist/src/components/Table/Table.d.ts +1 -2
  60. package/dist/src/components/Table/Table.stories.d.ts +68 -50
  61. package/dist/src/components/Tabs/Tabs.config.d.ts +31 -0
  62. package/dist/src/components/Tabs/Tabs.stories.d.ts +217 -1
  63. package/dist/src/components/TextEditor/TextEditor.stories.d.ts +57 -9
  64. package/dist/src/components/Textarea/Textarea.config.d.ts +31 -0
  65. package/dist/src/components/Textarea/Textarea.stories.d.ts +248 -2
  66. package/dist/src/components/Textarea/TextareaFloatingInner.config.d.ts +6 -0
  67. package/dist/src/components/Textarea/TextareaFloatingInner.stories.d.ts +258 -2
  68. package/dist/src/components/Textarea/TextareaInnerLabel.config.d.ts +7 -0
  69. package/dist/src/components/Textarea/TextareaInnerLabel.stories.d.ts +235 -2
  70. package/dist/src/components/TimeRange/TimeRange.stories.d.ts +167 -1
  71. package/dist/src/components/Timeline/Timeline.stories.d.ts +38 -1
  72. package/dist/src/components/Tooltip/Tooltip.stories.d.ts +157 -1
  73. package/dist/src/components/TruncateComponent/TruncateComponent.stories.d.ts +104 -1
  74. package/dist/src/components/Upload/UploadFile.stories.d.ts +125 -1
  75. package/dist/src/components/Upload/UploadImage.stories.d.ts +142 -1
  76. package/dist/src/components/Upload/UploadMultipleFile.stories.d.ts +187 -1
  77. package/dist/src/components/Virtualization/ListVirtualization.stories.d.ts +277 -1
  78. package/dist/src/components/Virtualization/TableVirtualization.stories.d.ts +294 -1
  79. package/dist/src/components/index.d.ts +2 -1
  80. package/dist/src/config/components/borderRadius.d.ts +1 -0
  81. package/dist/src/config/components/font.d.ts +1 -0
  82. package/dist/src/config/components/gap.d.ts +1 -0
  83. package/dist/src/config/components/typography.d.ts +3 -49
  84. package/dist/src/interfaces/components/Calendar/index.d.ts +19 -2
  85. package/dist/src/interfaces/components/DatePicker/index.d.ts +3 -1
  86. package/dist/src/interfaces/components/ErrorMessage/index.d.ts +1 -1
  87. package/dist/src/utils/constant.d.ts +1 -0
  88. package/package.json +1 -1
  89. package/dist/index.cjs.map +0 -1
  90. package/dist/index.mjs.map +0 -1
@@ -7,23 +7,147 @@ declare const meta: {
7
7
  };
8
8
  tags: string[];
9
9
  argTypes: {
10
+ children: {
11
+ control: "text";
12
+ description: string;
13
+ table: {
14
+ category: string;
15
+ type: {
16
+ summary: string;
17
+ };
18
+ };
19
+ };
10
20
  startIcon: {
11
21
  control: "boolean";
22
+ description: string;
23
+ table: {
24
+ category: string;
25
+ type: {
26
+ summary: string;
27
+ };
28
+ };
12
29
  };
13
30
  endIcon: {
14
31
  control: "boolean";
32
+ description: string;
33
+ table: {
34
+ category: string;
35
+ type: {
36
+ summary: string;
37
+ };
38
+ };
15
39
  };
16
- classNameIconLoading: {
17
- type: "string";
40
+ variants: {
41
+ control: {
42
+ type: "select";
43
+ };
44
+ options: string[];
45
+ description: string;
46
+ table: {
47
+ category: string;
48
+ type: {
49
+ summary: string;
50
+ };
51
+ defaultValue: {
52
+ summary: string;
53
+ };
54
+ };
55
+ };
56
+ size: {
57
+ control: {
58
+ type: "select";
59
+ };
60
+ options: string[];
61
+ description: string;
62
+ table: {
63
+ category: string;
64
+ type: {
65
+ summary: string;
66
+ };
67
+ defaultValue: {
68
+ summary: string;
69
+ };
70
+ };
18
71
  };
19
72
  className: {
20
- type: "string";
73
+ control: "text";
74
+ description: string;
75
+ table: {
76
+ category: string;
77
+ type: {
78
+ summary: string;
79
+ };
80
+ };
81
+ };
82
+ classNameIconLoading: {
83
+ control: "text";
84
+ description: string;
85
+ table: {
86
+ category: string;
87
+ type: {
88
+ summary: string;
89
+ };
90
+ };
91
+ };
92
+ type: {
93
+ control: {
94
+ type: "select";
95
+ };
96
+ options: string[];
97
+ description: string;
98
+ table: {
99
+ category: string;
100
+ type: {
101
+ summary: string;
102
+ };
103
+ defaultValue: {
104
+ summary: string;
105
+ };
106
+ };
107
+ };
108
+ disabled: {
109
+ control: "boolean";
110
+ description: string;
111
+ table: {
112
+ category: string;
113
+ type: {
114
+ summary: string;
115
+ };
116
+ defaultValue: {
117
+ summary: string;
118
+ };
119
+ };
120
+ };
121
+ loading: {
122
+ control: "boolean";
123
+ description: string;
124
+ table: {
125
+ category: string;
126
+ type: {
127
+ summary: string;
128
+ };
129
+ defaultValue: {
130
+ summary: string;
131
+ };
132
+ };
133
+ };
134
+ onClick: {
135
+ action: string;
136
+ description: string;
137
+ table: {
138
+ category: string;
139
+ type: {
140
+ summary: string;
141
+ };
142
+ };
21
143
  };
22
144
  };
23
145
  args: {
24
146
  onClick: import('@vitest/spy').Mock<(...args: any[]) => any>;
25
147
  startIcon: false;
26
148
  endIcon: false;
149
+ loading: false;
150
+ disabled: false;
27
151
  };
28
152
  render: (args: import('../../interfaces/components/Button').IButton & import('react').RefAttributes<HTMLButtonElement>) => import("react/jsx-runtime").JSX.Element;
29
153
  };
@@ -0,0 +1,53 @@
1
+ export declare const configButton: {
2
+ size: {
3
+ large: string;
4
+ reguler: string;
5
+ small: string;
6
+ 'extra-small': string;
7
+ l: string;
8
+ m: string;
9
+ s: string;
10
+ xs: string;
11
+ };
12
+ loadingSize: {
13
+ large: string;
14
+ reguler: string;
15
+ small: string;
16
+ 'extra-small': string;
17
+ l: string;
18
+ m: string;
19
+ s: string;
20
+ xs: string;
21
+ };
22
+ variants: {
23
+ 'primary-laba-blue-10': string;
24
+ 'primary-red-700-dsb_laba-grey-06': string;
25
+ 'primary-green-700': string;
26
+ 'filled-laba-white_laba-blue-10': string;
27
+ 'filled-laba-white_laba-red-05': string;
28
+ 'ghost-laba-blue-10': string;
29
+ 'ghost-red-700': string;
30
+ 'ghost-green-700': string;
31
+ 'ghost-laba-green-10': string;
32
+ 'nude-laba-blue-10': string;
33
+ 'nude-red-700': string;
34
+ 'nude-green-700': string;
35
+ 'nude-gray-500': string;
36
+ 'primary-blue-700': string;
37
+ 'secondary-blue-700': string;
38
+ 'tertiary-blue-700': string;
39
+ 'ghost-blue-gray-100-bg_white': string;
40
+ 'secondary-red-600': string;
41
+ 'tertiary-red-300': string;
42
+ 'tertiary-gray-500': string;
43
+ 'tertiary-red-600': string;
44
+ 'secondary-green-600': string;
45
+ 'nude-laba-red-10': string;
46
+ 'nude-laba-red-05': string;
47
+ 'primary-red-700': string;
48
+ 'secondary-red-700': string;
49
+ };
50
+ };
51
+ export declare const keysConfigButtonVariant: string[];
52
+ export declare const keysConfigButtonSize: string[];
53
+ export declare const keysConfigButtonLoadingSize: string[];
@@ -7,11 +7,129 @@ declare const meta: {
7
7
  };
8
8
  tags: string[];
9
9
  argTypes: {
10
- classNameIconLoading: {
11
- type: "string";
10
+ children: {
11
+ control: "text";
12
+ description: string;
13
+ table: {
14
+ category: string;
15
+ type: {
16
+ summary: string;
17
+ };
18
+ };
19
+ };
20
+ variants: {
21
+ control: {
22
+ type: "select";
23
+ };
24
+ options: string[];
25
+ description: string;
26
+ table: {
27
+ category: string;
28
+ type: {
29
+ summary: string;
30
+ };
31
+ defaultValue: {
32
+ summary: string;
33
+ };
34
+ };
35
+ };
36
+ size: {
37
+ control: {
38
+ type: "select";
39
+ };
40
+ options: string[];
41
+ description: string;
42
+ table: {
43
+ category: string;
44
+ type: {
45
+ summary: string;
46
+ };
47
+ defaultValue: {
48
+ summary: string;
49
+ };
50
+ };
12
51
  };
13
52
  className: {
14
- type: "string";
53
+ control: "text";
54
+ description: string;
55
+ table: {
56
+ category: string;
57
+ type: {
58
+ summary: string;
59
+ };
60
+ };
61
+ };
62
+ classNameIconLoading: {
63
+ control: "text";
64
+ description: string;
65
+ table: {
66
+ category: string;
67
+ type: {
68
+ summary: string;
69
+ };
70
+ };
71
+ };
72
+ loading: {
73
+ control: "boolean";
74
+ description: string;
75
+ table: {
76
+ category: string;
77
+ type: {
78
+ summary: string;
79
+ };
80
+ defaultValue: {
81
+ summary: string;
82
+ };
83
+ };
84
+ };
85
+ disabled: {
86
+ control: "boolean";
87
+ description: string;
88
+ table: {
89
+ category: string;
90
+ type: {
91
+ summary: string;
92
+ };
93
+ defaultValue: {
94
+ summary: string;
95
+ };
96
+ };
97
+ };
98
+ onClick: {
99
+ action: string;
100
+ description: string;
101
+ table: {
102
+ category: string;
103
+ type: {
104
+ summary: string;
105
+ };
106
+ };
107
+ };
108
+ type: {
109
+ control: {
110
+ type: "select";
111
+ };
112
+ options: string[];
113
+ description: string;
114
+ table: {
115
+ category: string;
116
+ type: {
117
+ summary: string;
118
+ };
119
+ defaultValue: {
120
+ summary: string;
121
+ };
122
+ };
123
+ };
124
+ title: {
125
+ control: "text";
126
+ description: string;
127
+ table: {
128
+ category: string;
129
+ type: {
130
+ summary: string;
131
+ };
132
+ };
15
133
  };
16
134
  };
17
135
  args: {
@@ -7,8 +7,263 @@ declare const meta: {
7
7
  };
8
8
  tags: string[];
9
9
  argTypes: {
10
+ text: {
11
+ control: "text";
12
+ description: string;
13
+ table: {
14
+ category: string;
15
+ type: {
16
+ summary: string;
17
+ };
18
+ defaultValue: {
19
+ summary: string;
20
+ };
21
+ };
22
+ };
23
+ children: {
24
+ control: "text";
25
+ description: string;
26
+ table: {
27
+ category: string;
28
+ type: {
29
+ summary: string;
30
+ };
31
+ };
32
+ };
33
+ startIcon: {
34
+ control: "object";
35
+ description: string;
36
+ table: {
37
+ category: string;
38
+ type: {
39
+ summary: string;
40
+ };
41
+ };
42
+ };
43
+ endIcon: {
44
+ control: "object";
45
+ description: string;
46
+ table: {
47
+ category: string;
48
+ type: {
49
+ summary: string;
50
+ };
51
+ };
52
+ };
53
+ startIconShow: {
54
+ control: "object";
55
+ description: string;
56
+ table: {
57
+ category: string;
58
+ type: {
59
+ summary: string;
60
+ };
61
+ };
62
+ };
63
+ endIconShow: {
64
+ control: "object";
65
+ description: string;
66
+ table: {
67
+ category: string;
68
+ type: {
69
+ summary: string;
70
+ };
71
+ };
72
+ };
73
+ variants: {
74
+ control: {
75
+ type: "select";
76
+ };
77
+ options: string[];
78
+ description: string;
79
+ table: {
80
+ category: string;
81
+ type: {
82
+ summary: string;
83
+ };
84
+ };
85
+ };
86
+ size: {
87
+ control: {
88
+ type: "select";
89
+ };
90
+ options: string[];
91
+ description: string;
92
+ table: {
93
+ category: string;
94
+ type: {
95
+ summary: string;
96
+ };
97
+ };
98
+ };
10
99
  className: {
11
- type: "string";
100
+ control: "text";
101
+ description: string;
102
+ table: {
103
+ category: string;
104
+ type: {
105
+ summary: string;
106
+ };
107
+ };
108
+ };
109
+ classNameButton: {
110
+ control: "text";
111
+ description: string;
112
+ table: {
113
+ category: string;
114
+ type: {
115
+ summary: string;
116
+ };
117
+ defaultValue: {
118
+ summary: string;
119
+ };
120
+ };
121
+ };
122
+ classNameButtonShow: {
123
+ control: "text";
124
+ description: string;
125
+ table: {
126
+ category: string;
127
+ type: {
128
+ summary: string;
129
+ };
130
+ defaultValue: {
131
+ summary: string;
132
+ };
133
+ };
134
+ };
135
+ classNameIconLoading: {
136
+ control: "text";
137
+ description: string;
138
+ table: {
139
+ category: string;
140
+ type: {
141
+ summary: string;
142
+ };
143
+ };
144
+ };
145
+ zIndexPopover: {
146
+ control: "number";
147
+ description: string;
148
+ table: {
149
+ category: string;
150
+ type: {
151
+ summary: string;
152
+ };
153
+ defaultValue: {
154
+ summary: string;
155
+ };
156
+ };
157
+ };
158
+ placement: {
159
+ control: {
160
+ type: "select";
161
+ };
162
+ description: string;
163
+ table: {
164
+ category: string;
165
+ type: {
166
+ summary: string;
167
+ };
168
+ defaultValue: {
169
+ summary: string;
170
+ };
171
+ };
172
+ };
173
+ offset: {
174
+ control: "number";
175
+ description: string;
176
+ table: {
177
+ category: string;
178
+ type: {
179
+ summary: string;
180
+ };
181
+ defaultValue: {
182
+ summary: string;
183
+ };
184
+ };
185
+ };
186
+ loading: {
187
+ control: "boolean";
188
+ description: string;
189
+ table: {
190
+ category: string;
191
+ type: {
192
+ summary: string;
193
+ };
194
+ defaultValue: {
195
+ summary: string;
196
+ };
197
+ };
198
+ };
199
+ disabled: {
200
+ control: "boolean";
201
+ description: string;
202
+ table: {
203
+ category: string;
204
+ type: {
205
+ summary: string;
206
+ };
207
+ defaultValue: {
208
+ summary: string;
209
+ };
210
+ };
211
+ };
212
+ onClick: {
213
+ action: string;
214
+ description: string;
215
+ table: {
216
+ category: string;
217
+ type: {
218
+ summary: string;
219
+ };
220
+ };
221
+ };
222
+ onClose: {
223
+ action: string;
224
+ description: string;
225
+ table: {
226
+ category: string;
227
+ type: {
228
+ summary: string;
229
+ };
230
+ };
231
+ };
232
+ id: {
233
+ control: "text";
234
+ description: string;
235
+ table: {
236
+ category: string;
237
+ type: {
238
+ summary: string;
239
+ };
240
+ defaultValue: {
241
+ summary: string;
242
+ };
243
+ };
244
+ };
245
+ idPopover: {
246
+ control: "text";
247
+ description: string;
248
+ table: {
249
+ category: string;
250
+ type: {
251
+ summary: string;
252
+ };
253
+ defaultValue: {
254
+ summary: string;
255
+ };
256
+ };
257
+ };
258
+ popoverProps: {
259
+ control: "object";
260
+ description: string;
261
+ table: {
262
+ category: string;
263
+ type: {
264
+ summary: string;
265
+ };
266
+ };
12
267
  };
13
268
  };
14
269
  };
@@ -1,3 +1,4 @@
1
- import { ICalendar } from '../../interfaces/components/Calendar';
1
+ import { ICalendar, ICustomTimeCalendar } from '../../interfaces/components/Calendar';
2
+ export declare const CustomTimeCalendar: ({ minDate, maxDate, value: date, time, hiddenHeader, handlerChangeTime, timeLabel, type, }: ICustomTimeCalendar) => import("react/jsx-runtime").JSX.Element;
2
3
  declare const Calendar: (props: ICalendar) => import("react/jsx-runtime").JSX.Element;
3
4
  export default Calendar;