1mpacto-react-ui 0.2.0-beta.24 → 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 (86) 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 +102 -103
  5. package/dist/index.mjs +9384 -9352
  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.stories.d.ts +281 -1
  17. package/dist/src/components/Chart/GradientBarChart.stories.d.ts +67 -1
  18. package/dist/src/components/Chart/GradientLineChart.stories.d.ts +78 -1
  19. package/dist/src/components/Chart/LineChart.stories.d.ts +33 -1
  20. package/dist/src/components/Chips/Chips.config.d.ts +35 -0
  21. package/dist/src/components/Chips/Chips.stories.d.ts +135 -1
  22. package/dist/src/components/Collapse/Collapse.stories.d.ts +87 -1
  23. package/dist/src/components/Collapse/CollapseV2.stories.d.ts +57 -1
  24. package/dist/src/components/DatePicker/DatePicker.stories.d.ts +219 -1
  25. package/dist/src/components/DatePicker/FilterDate.stories.d.ts +229 -1
  26. package/dist/src/components/DatePicker/MonthYearPicker.stories.d.ts +196 -1
  27. package/dist/src/components/ErrorMessage/ErrorMessage.config.d.ts +8 -0
  28. package/dist/src/components/ErrorMessage/ErrorMessage.stories.d.ts +37 -1
  29. package/dist/src/components/FilterContainer/FilterContainer.stories.d.ts +164 -0
  30. package/dist/src/components/Input/InputFloatingInner.config.d.ts +9 -0
  31. package/dist/src/components/Input/InputFloatingInner.stories.d.ts +175 -5
  32. package/dist/src/components/Input/InputInnerLabel.config.d.ts +8 -0
  33. package/dist/src/components/Input/InputInnerLabel.stories.d.ts +177 -4
  34. package/dist/src/components/Input/InputNative.config.d.ts +9 -0
  35. package/dist/src/components/Input/InputNative.stories.d.ts +147 -4
  36. package/dist/src/components/Input/InputReguler.config.d.ts +9 -0
  37. package/dist/src/components/Input/InputReguler.stories.d.ts +175 -5
  38. package/dist/src/components/Modal/ModalDialog.config.d.ts +9 -0
  39. package/dist/src/components/Modal/ModalDialog.stories.d.ts +119 -1
  40. package/dist/src/components/NumberFormat/NumberFormat.stories.d.ts +371 -17
  41. package/dist/src/components/Pagination/Pagination.config.d.ts +5 -0
  42. package/dist/src/components/Pagination/Pagination.stories.d.ts +197 -1
  43. package/dist/src/components/Popover/Popover.stories.d.ts +212 -4
  44. package/dist/src/components/PortalComponent/PortalComponent.stories.d.ts +60 -0
  45. package/dist/src/components/RadioCheckbox/RadioCheckbox.config.d.ts +41 -0
  46. package/dist/src/components/RadioCheckbox/RadioCheckbox.stories.d.ts +74 -35
  47. package/dist/src/components/RadioCheckbox/RadioCheckboxLabel.config.d.ts +25 -0
  48. package/dist/src/components/RadioCheckbox/RadioCheckboxLabel.stories.d.ts +194 -3
  49. package/dist/src/components/SelectDropdownContainer/SelectDropdownContainer.config.d.ts +26 -0
  50. package/dist/src/components/Sidebar/ItemSidebar.config.d.ts +34 -0
  51. package/dist/src/components/Sidebar/Sidebar.config.d.ts +16 -0
  52. package/dist/src/components/Step/Step.stories.d.ts +133 -1
  53. package/dist/src/components/Step/StepIndicator.stories.d.ts +146 -1
  54. package/dist/src/components/Switch/Switch.config.d.ts +26 -0
  55. package/dist/src/components/Switch/Switch.stories.d.ts +126 -1
  56. package/dist/src/components/Table/Table.config.d.ts +4 -0
  57. package/dist/src/components/Table/Table.d.ts +1 -2
  58. package/dist/src/components/Table/Table.stories.d.ts +68 -50
  59. package/dist/src/components/Tabs/Tabs.config.d.ts +31 -0
  60. package/dist/src/components/Tabs/Tabs.stories.d.ts +217 -1
  61. package/dist/src/components/TextEditor/TextEditor.stories.d.ts +57 -9
  62. package/dist/src/components/Textarea/Textarea.config.d.ts +31 -0
  63. package/dist/src/components/Textarea/Textarea.stories.d.ts +248 -2
  64. package/dist/src/components/Textarea/TextareaFloatingInner.config.d.ts +6 -0
  65. package/dist/src/components/Textarea/TextareaFloatingInner.stories.d.ts +258 -2
  66. package/dist/src/components/Textarea/TextareaInnerLabel.config.d.ts +7 -0
  67. package/dist/src/components/Textarea/TextareaInnerLabel.stories.d.ts +235 -2
  68. package/dist/src/components/TimeRange/TimeRange.stories.d.ts +167 -1
  69. package/dist/src/components/Timeline/Timeline.stories.d.ts +38 -1
  70. package/dist/src/components/Tooltip/Tooltip.stories.d.ts +157 -1
  71. package/dist/src/components/TruncateComponent/TruncateComponent.stories.d.ts +104 -1
  72. package/dist/src/components/Upload/UploadFile.stories.d.ts +125 -1
  73. package/dist/src/components/Upload/UploadImage.stories.d.ts +142 -1
  74. package/dist/src/components/Upload/UploadMultipleFile.stories.d.ts +187 -1
  75. package/dist/src/components/Virtualization/ListVirtualization.stories.d.ts +277 -1
  76. package/dist/src/components/Virtualization/TableVirtualization.stories.d.ts +294 -1
  77. package/dist/src/components/index.d.ts +2 -1
  78. package/dist/src/config/components/borderRadius.d.ts +1 -0
  79. package/dist/src/config/components/font.d.ts +1 -0
  80. package/dist/src/config/components/gap.d.ts +1 -0
  81. package/dist/src/config/components/typography.d.ts +3 -49
  82. package/dist/src/interfaces/components/ErrorMessage/index.d.ts +1 -1
  83. package/dist/src/utils/constant.d.ts +1 -0
  84. package/package.json +1 -1
  85. package/dist/index.cjs.map +0 -1
  86. package/dist/index.mjs.map +0 -1
@@ -7,8 +7,133 @@ declare const meta: {
7
7
  };
8
8
  tags: string[];
9
9
  argTypes: {
10
+ value: {
11
+ control: "boolean";
12
+ description: string;
13
+ table: {
14
+ category: string;
15
+ type: {
16
+ summary: string;
17
+ };
18
+ defaultValue: {
19
+ summary: string;
20
+ };
21
+ };
22
+ };
23
+ disabled: {
24
+ control: "boolean";
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
+ };
51
+ };
52
+ kind: {
53
+ control: {
54
+ type: "select";
55
+ };
56
+ options: string[];
57
+ description: string;
58
+ table: {
59
+ category: string;
60
+ type: {
61
+ summary: string;
62
+ };
63
+ defaultValue: {
64
+ summary: string;
65
+ };
66
+ };
67
+ };
10
68
  className: {
11
- type: "string";
69
+ control: "text";
70
+ description: string;
71
+ table: {
72
+ category: string;
73
+ type: {
74
+ summary: string;
75
+ };
76
+ };
77
+ };
78
+ classNameTitle: {
79
+ control: "text";
80
+ description: string;
81
+ table: {
82
+ category: string;
83
+ type: {
84
+ summary: string;
85
+ };
86
+ };
87
+ };
88
+ classNameDesc: {
89
+ control: "text";
90
+ description: string;
91
+ table: {
92
+ category: string;
93
+ type: {
94
+ summary: string;
95
+ };
96
+ };
97
+ };
98
+ title: {
99
+ control: "text";
100
+ description: string;
101
+ table: {
102
+ category: string;
103
+ type: {
104
+ summary: string;
105
+ };
106
+ };
107
+ };
108
+ description: {
109
+ control: "text";
110
+ description: string;
111
+ table: {
112
+ category: string;
113
+ type: {
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
+ id: {
129
+ control: "text";
130
+ description: string;
131
+ table: {
132
+ category: string;
133
+ type: {
134
+ summary: string;
135
+ };
136
+ };
12
137
  };
13
138
  };
14
139
  args: {
@@ -0,0 +1,4 @@
1
+ import { ITableConfig } from '../../interfaces/components/Table';
2
+ export declare const ConfigTable: () => ITableConfig;
3
+ export declare const keysConfigTableKind: string[];
4
+ export declare const keysConfigTableVariant: string[];
@@ -1,6 +1,5 @@
1
1
  import { default as React } from 'react';
2
- import { ITable, IVirtualizationHead, IVirtualizationTable, ITableConfig } from '../../interfaces/components/Table';
3
- export declare const ConfigTable: () => ITableConfig;
2
+ import { ITable, IVirtualizationHead, IVirtualizationTable } from '../../interfaces/components/Table';
4
3
  export declare const VirtualizationHead: React.ForwardRefExoticComponent<Omit<IVirtualizationHead, "ref"> & React.RefAttributes<HTMLTableSectionElement>>;
5
4
  export declare const VirtualizationTable: ({ style, context, ...props }: IVirtualizationTable) => import("react/jsx-runtime").JSX.Element;
6
5
  declare const Table: <T>({ tableInstance, classNameWrapperTable, classNameTable, collapseAll, handlerRowClick, privillageRowClick, virtualization, virtualizationProps, headerId, tbodyTrId, maxHeight, idCalculateHeight, kind, componentSortASC, componentSortDESC, scrollTop, emptyPlaceholder, variant, renderSubComponent, columnBreakpoints, }: ITable<T>) => import("react/jsx-runtime").JSX.Element;
@@ -8,9 +8,7 @@ declare const meta: {
8
8
  tags: string[];
9
9
  argTypes: {
10
10
  tableInstance: {
11
- control: {
12
- disable: true;
13
- };
11
+ control: "object";
14
12
  description: string;
15
13
  table: {
16
14
  category: string;
@@ -45,8 +43,11 @@ declare const meta: {
45
43
  };
46
44
  };
47
45
  };
48
- collapseAll: {
49
- control: "boolean";
46
+ kind: {
47
+ control: {
48
+ type: "select";
49
+ };
50
+ options: string[];
50
51
  description: string;
51
52
  table: {
52
53
  category: string;
@@ -58,20 +59,24 @@ declare const meta: {
58
59
  };
59
60
  };
60
61
  };
61
- handlerRowClick: {
62
+ variant: {
62
63
  control: {
63
- disable: true;
64
+ type: "select";
64
65
  };
66
+ options: string[];
65
67
  description: string;
66
68
  table: {
67
69
  category: string;
68
70
  type: {
69
71
  summary: string;
70
72
  };
73
+ defaultValue: {
74
+ summary: string;
75
+ };
71
76
  };
72
77
  };
73
- privillageRowClick: {
74
- control: "boolean";
78
+ maxHeight: {
79
+ control: "number";
75
80
  description: string;
76
81
  table: {
77
82
  category: string;
@@ -83,8 +88,8 @@ declare const meta: {
83
88
  };
84
89
  };
85
90
  };
86
- virtualization: {
87
- control: "boolean";
91
+ columnBreakpoints: {
92
+ control: "object";
88
93
  description: string;
89
94
  table: {
90
95
  category: string;
@@ -96,20 +101,21 @@ declare const meta: {
96
101
  };
97
102
  };
98
103
  };
99
- virtualizationProps: {
100
- control: {
101
- disable: true;
102
- };
104
+ collapseAll: {
105
+ control: "boolean";
103
106
  description: string;
104
107
  table: {
105
108
  category: string;
106
109
  type: {
107
110
  summary: string;
108
111
  };
112
+ defaultValue: {
113
+ summary: string;
114
+ };
109
115
  };
110
116
  };
111
- headerId: {
112
- control: "text";
117
+ privillageRowClick: {
118
+ control: "boolean";
113
119
  description: string;
114
120
  table: {
115
121
  category: string;
@@ -121,10 +127,8 @@ declare const meta: {
121
127
  };
122
128
  };
123
129
  };
124
- tbodyTrId: {
125
- control: {
126
- disable: true;
127
- };
130
+ virtualization: {
131
+ control: "boolean";
128
132
  description: string;
129
133
  table: {
130
134
  category: string;
@@ -136,8 +140,8 @@ declare const meta: {
136
140
  };
137
141
  };
138
142
  };
139
- maxHeight: {
140
- control: "number";
143
+ virtualizationProps: {
144
+ control: "object";
141
145
  description: string;
142
146
  table: {
143
147
  category: string;
@@ -162,11 +166,8 @@ declare const meta: {
162
166
  };
163
167
  };
164
168
  };
165
- kind: {
166
- control: {
167
- type: "select";
168
- };
169
- options: string[];
169
+ scrollTop: {
170
+ control: "boolean";
170
171
  description: string;
171
172
  table: {
172
173
  category: string;
@@ -178,45 +179,47 @@ declare const meta: {
178
179
  };
179
180
  };
180
181
  };
181
- variant: {
182
- control: {
183
- type: "select";
184
- };
185
- options: string[];
182
+ componentSortASC: {
183
+ control: "object";
186
184
  description: string;
187
185
  table: {
188
186
  category: string;
189
187
  type: {
190
188
  summary: string;
191
189
  };
190
+ defaultValue: {
191
+ summary: string;
192
+ };
192
193
  };
193
194
  };
194
- componentSortASC: {
195
- control: {
196
- disable: true;
197
- };
195
+ componentSortDESC: {
196
+ control: "object";
198
197
  description: string;
199
198
  table: {
200
199
  category: string;
201
200
  type: {
202
201
  summary: string;
203
202
  };
203
+ defaultValue: {
204
+ summary: string;
205
+ };
204
206
  };
205
207
  };
206
- componentSortDESC: {
207
- control: {
208
- disable: true;
209
- };
208
+ emptyPlaceholder: {
209
+ control: "object";
210
210
  description: string;
211
211
  table: {
212
212
  category: string;
213
213
  type: {
214
214
  summary: string;
215
215
  };
216
+ defaultValue: {
217
+ summary: string;
218
+ };
216
219
  };
217
220
  };
218
- scrollTop: {
219
- control: "boolean";
221
+ renderSubComponent: {
222
+ action: string;
220
223
  description: string;
221
224
  table: {
222
225
  category: string;
@@ -228,28 +231,43 @@ declare const meta: {
228
231
  };
229
232
  };
230
233
  };
231
- emptyPlaceholder: {
232
- control: {
233
- disable: true;
234
- };
234
+ handlerRowClick: {
235
+ action: string;
235
236
  description: string;
236
237
  table: {
237
238
  category: string;
238
239
  type: {
239
240
  summary: string;
240
241
  };
242
+ defaultValue: {
243
+ summary: string;
244
+ };
241
245
  };
242
246
  };
243
- renderSubComponent: {
244
- control: {
245
- disable: true;
247
+ headerId: {
248
+ control: "text";
249
+ description: string;
250
+ table: {
251
+ category: string;
252
+ type: {
253
+ summary: string;
254
+ };
255
+ defaultValue: {
256
+ summary: string;
257
+ };
246
258
  };
259
+ };
260
+ tbodyTrId: {
261
+ action: string;
247
262
  description: string;
248
263
  table: {
249
264
  category: string;
250
265
  type: {
251
266
  summary: string;
252
267
  };
268
+ defaultValue: {
269
+ summary: string;
270
+ };
253
271
  };
254
272
  };
255
273
  };
@@ -0,0 +1,31 @@
1
+ export declare const configTabs: {
2
+ tabsVariant: {
3
+ 'original-laba-blue-10': string;
4
+ 'container-payhere-brand-base': string;
5
+ 'container-payhere-brand-base-bg_white': string;
6
+ 'container-laba-blue-10': string;
7
+ 'container-laba-blue-10-bg_white': string;
8
+ 'container-laba-blue-10-bg_blue-01': string;
9
+ 'original-bill-secondary-800': string;
10
+ };
11
+ size: {
12
+ 'tabs-m': string;
13
+ 'tabs-s': string;
14
+ 'tabs-medium': string;
15
+ 'tabs-small': string;
16
+ };
17
+ borderRadius: {
18
+ '0px': string;
19
+ '2px': string;
20
+ '4px': string;
21
+ '6px': string;
22
+ '8px': string;
23
+ '12px': string;
24
+ '16px': string;
25
+ '24px': string;
26
+ full: string;
27
+ };
28
+ isContainer: string[];
29
+ };
30
+ export declare const keysConfigTabsVariant: string[];
31
+ export declare const keysConfigTabsSize: string[];
@@ -6,7 +6,223 @@ declare const meta: {
6
6
  layout: string;
7
7
  };
8
8
  tags: string[];
9
- argTypes: {};
9
+ argTypes: {
10
+ tabsList: {
11
+ control: "object";
12
+ description: string;
13
+ table: {
14
+ category: string;
15
+ type: {
16
+ summary: string;
17
+ };
18
+ };
19
+ };
20
+ keyValueTab: {
21
+ control: "text";
22
+ description: string;
23
+ table: {
24
+ category: string;
25
+ type: {
26
+ summary: string;
27
+ };
28
+ defaultValue: {
29
+ summary: string;
30
+ };
31
+ };
32
+ };
33
+ locale: {
34
+ control: "select";
35
+ options: string[];
36
+ description: string;
37
+ table: {
38
+ category: string;
39
+ type: {
40
+ summary: string;
41
+ };
42
+ defaultValue: {
43
+ summary: string;
44
+ };
45
+ };
46
+ };
47
+ value: {
48
+ control: "text";
49
+ description: string;
50
+ table: {
51
+ category: string;
52
+ type: {
53
+ summary: string;
54
+ };
55
+ defaultValue: {
56
+ summary: string;
57
+ };
58
+ };
59
+ };
60
+ disabled: {
61
+ control: "boolean";
62
+ description: string;
63
+ table: {
64
+ category: string;
65
+ type: {
66
+ summary: string;
67
+ };
68
+ defaultValue: {
69
+ summary: string;
70
+ };
71
+ };
72
+ };
73
+ variant: {
74
+ control: {
75
+ type: "select";
76
+ };
77
+ options: string[];
78
+ description: string;
79
+ table: {
80
+ category: string;
81
+ type: {
82
+ summary: string;
83
+ };
84
+ defaultValue: {
85
+ summary: string;
86
+ };
87
+ };
88
+ };
89
+ size: {
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
+ borderRadius: {
106
+ control: {
107
+ type: "select";
108
+ };
109
+ options: string[];
110
+ description: string;
111
+ table: {
112
+ category: string;
113
+ type: {
114
+ summary: string;
115
+ };
116
+ defaultValue: {
117
+ summary: string;
118
+ };
119
+ };
120
+ };
121
+ className: {
122
+ control: "text";
123
+ description: string;
124
+ table: {
125
+ category: string;
126
+ type: {
127
+ summary: string;
128
+ };
129
+ defaultValue: {
130
+ summary: string;
131
+ };
132
+ };
133
+ };
134
+ classNameContainer: {
135
+ control: "text";
136
+ description: string;
137
+ table: {
138
+ category: string;
139
+ type: {
140
+ summary: string;
141
+ };
142
+ defaultValue: {
143
+ summary: string;
144
+ };
145
+ };
146
+ };
147
+ classNameButton: {
148
+ control: "text";
149
+ description: string;
150
+ table: {
151
+ category: string;
152
+ type: {
153
+ summary: string;
154
+ };
155
+ defaultValue: {
156
+ summary: string;
157
+ };
158
+ };
159
+ };
160
+ animation: {
161
+ control: "boolean";
162
+ description: string;
163
+ table: {
164
+ category: string;
165
+ type: {
166
+ summary: string;
167
+ };
168
+ defaultValue: {
169
+ summary: string;
170
+ };
171
+ };
172
+ };
173
+ mountedExecuteChange: {
174
+ control: "boolean";
175
+ description: string;
176
+ table: {
177
+ category: string;
178
+ type: {
179
+ summary: string;
180
+ };
181
+ defaultValue: {
182
+ summary: string;
183
+ };
184
+ };
185
+ };
186
+ typeButton: {
187
+ control: {
188
+ type: "select";
189
+ };
190
+ options: string[];
191
+ description: string;
192
+ table: {
193
+ category: string;
194
+ type: {
195
+ summary: string;
196
+ };
197
+ defaultValue: {
198
+ summary: string;
199
+ };
200
+ };
201
+ };
202
+ onChange: {
203
+ action: string;
204
+ description: string;
205
+ table: {
206
+ category: string;
207
+ type: {
208
+ summary: string;
209
+ };
210
+ };
211
+ };
212
+ id: {
213
+ control: "text";
214
+ description: string;
215
+ table: {
216
+ category: string;
217
+ type: {
218
+ summary: string;
219
+ };
220
+ defaultValue: {
221
+ summary: string;
222
+ };
223
+ };
224
+ };
225
+ };
10
226
  render: (args: import('../../interfaces/components/Tabs').ITabs) => import("react/jsx-runtime").JSX.Element;
11
227
  };
12
228
  export default meta;