1mpacto-react-ui 0.2.0-beta.3 → 0.2.0-beta.5

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.
@@ -1,7 +1,7 @@
1
1
  declare const _default: {
2
2
  "name": "1mpacto-react-ui",
3
3
  "private": false,
4
- "version": "0.2.0-beta.3",
4
+ "version": "0.2.0-beta.5",
5
5
  "type": "module",
6
6
  "engines": {
7
7
  "node": ">=20.19.4",
@@ -9,12 +9,13 @@ declare const _default: {
9
9
  },
10
10
  "scripts": {
11
11
  "copy:toastify-css": "cp ./node_modules/react-toastify/dist/ReactToastify.css ./dist/assets/toast.css",
12
+ "copy:mixin-scss": "cp ./src/styles/_mixins.scss ./dist/assets/_mixins.scss",
12
13
  "dev": "vite",
13
- "transform:typography": "node -r ./src/utils/register-ts-node.js ./src/utils/generate-file-typography.js",
14
- "transform:color": "node -r ./src/utils/register-ts-node.js ./src/utils/generate-file-color.js",
14
+ "transform:style": "node -r ./src/utils/register-ts-node.js ./src/utils/generate-file-style.js",
15
15
  "postProcess:fontfamily": "node ./src/utils/post-process-css.js",
16
- "process:transformStyle": "npm run transform:color && npm run postProcess:fontfamily && npm run transform:typography",
17
- "build": "tsc -b && vite build && npm run build:css && npm run copy:toastify-css && npm run build:fontfamily && npm run process:transformStyle",
16
+ "process:transformStyle": "npm run postProcess:fontfamily && npm run transform:style",
17
+ "process:copyStyle": "npm run copy:mixin-scss && npm run copy:toastify-css",
18
+ "build": "tsc -b && vite build && npm run build:css && npm run build:fontfamily && npm run process:copyStyle && npm run process:transformStyle",
18
19
  "build:css": "tailwindcss -i ./src/styles/index.scss -o ./dist/assets/core.css --minify",
19
20
  "build:fontfamily": "sass ./src/styles/fontfamily.scss ./dist/assets/fontfamily.css --no-source-map --style=compressed",
20
21
  "lint": "eslint . --ext ts,tsx --report-unused-disable-directives --max-warnings 0",
@@ -87,7 +88,10 @@ declare const _default: {
87
88
  "./dist/assets/colors.css": "./dist/assets/colors.css",
88
89
  "./dist/assets/_colors.scss": "./dist/assets/_colors.scss",
89
90
  "./dist/assets/typography.css": "./dist/assets/typography.css",
90
- "./dist/assets/_typography.scss": "./dist/assets/_typography.scss"
91
+ "./dist/assets/_typography.scss": "./dist/assets/_typography.scss",
92
+ "./dist/assets/screen.css": "./dist/assets/screen.css",
93
+ "./dist/assets/_screen.scss": "./dist/assets/_screen.scss",
94
+ "./dist/assets/_mixins.scss": "./dist/assets/_mixins.scss"
91
95
  },
92
96
  "files": [
93
97
  "/dist"
@@ -0,0 +1,3 @@
1
+ import { ICollapseV2 } from '../../interfaces/components/Collapse';
2
+ declare const CollapseV2: ({ children, open, className, id, classNameContainer }: ICollapseV2) => import("react/jsx-runtime").JSX.Element;
3
+ export default CollapseV2;
@@ -0,0 +1,18 @@
1
+ import { StoryObj } from '@storybook/react-vite';
2
+ declare const meta: {
3
+ title: string;
4
+ component: ({ children, open, className, id, classNameContainer }: import('../../interfaces/components/Collapse').ICollapseV2) => import("react/jsx-runtime").JSX.Element;
5
+ parameters: {
6
+ layout: string;
7
+ };
8
+ tags: string[];
9
+ argTypes: {
10
+ className: {
11
+ type: "string";
12
+ };
13
+ };
14
+ render: (args: import('../../interfaces/components/Collapse').ICollapseV2) => import("react/jsx-runtime").JSX.Element;
15
+ };
16
+ export default meta;
17
+ type Story = StoryObj<typeof meta>;
18
+ export declare const Default: Story;
@@ -0,0 +1,13 @@
1
+ import { StoryObj } from '@storybook/react-vite';
2
+ declare const meta: {
3
+ title: string;
4
+ parameters: {
5
+ layout: string;
6
+ };
7
+ tags: string[];
8
+ argTypes: {};
9
+ render: () => import("react/jsx-runtime").JSX.Element;
10
+ };
11
+ export default meta;
12
+ type Story = StoryObj<typeof meta>;
13
+ export declare const Default: Story;
@@ -9,8 +9,356 @@ declare const meta: {
9
9
  };
10
10
  tags: string[];
11
11
  argTypes: {
12
- className: {
13
- type: "string";
12
+ width: {
13
+ control: "text";
14
+ description: string;
15
+ table: {
16
+ category: string;
17
+ type: {
18
+ summary: string;
19
+ };
20
+ };
21
+ };
22
+ children: {
23
+ control: {
24
+ disable: true;
25
+ };
26
+ description: string;
27
+ table: {
28
+ category: string;
29
+ type: {
30
+ summary: string;
31
+ };
32
+ };
33
+ };
34
+ classNameContainer: {
35
+ control: "text";
36
+ description: string;
37
+ table: {
38
+ category: string;
39
+ type: {
40
+ summary: string;
41
+ };
42
+ defaultValue: {
43
+ summary: string;
44
+ };
45
+ };
46
+ };
47
+ classNameContainerShowSelect: {
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
+ classNameContainerSelect: {
61
+ control: "text";
62
+ description: string;
63
+ table: {
64
+ category: string;
65
+ type: {
66
+ summary: string;
67
+ };
68
+ defaultValue: {
69
+ summary: string;
70
+ };
71
+ };
72
+ };
73
+ classNameLabelError: {
74
+ control: "text";
75
+ description: string;
76
+ table: {
77
+ category: string;
78
+ type: {
79
+ summary: string;
80
+ };
81
+ defaultValue: {
82
+ summary: string;
83
+ };
84
+ };
85
+ };
86
+ error: {
87
+ control: "text";
88
+ description: string;
89
+ table: {
90
+ category: string;
91
+ type: {
92
+ summary: string;
93
+ };
94
+ };
95
+ };
96
+ onChange: {
97
+ action: string;
98
+ description: string;
99
+ table: {
100
+ category: string;
101
+ type: {
102
+ summary: string;
103
+ };
104
+ };
105
+ };
106
+ externalValue: {
107
+ control: "boolean";
108
+ description: string;
109
+ table: {
110
+ category: string;
111
+ type: {
112
+ summary: string;
113
+ };
114
+ defaultValue: {
115
+ summary: string;
116
+ };
117
+ };
118
+ };
119
+ defaultValueButtonDropdown: {
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
+ autoClose: {
133
+ control: "boolean";
134
+ description: string;
135
+ table: {
136
+ category: string;
137
+ type: {
138
+ summary: string;
139
+ };
140
+ defaultValue: {
141
+ summary: string;
142
+ };
143
+ };
144
+ };
145
+ onMenuOpen: {
146
+ action: string;
147
+ description: string;
148
+ table: {
149
+ category: string;
150
+ type: {
151
+ summary: string;
152
+ };
153
+ };
154
+ };
155
+ autoCloseOutside: {
156
+ control: "boolean";
157
+ description: string;
158
+ table: {
159
+ category: string;
160
+ type: {
161
+ summary: string;
162
+ };
163
+ defaultValue: {
164
+ summary: string;
165
+ };
166
+ };
167
+ };
168
+ styleInnerPopper: {
169
+ control: "object";
170
+ description: string;
171
+ table: {
172
+ category: string;
173
+ type: {
174
+ summary: string;
175
+ };
176
+ defaultValue: {
177
+ summary: string;
178
+ };
179
+ };
180
+ };
181
+ onMenuClose: {
182
+ action: string;
183
+ description: string;
184
+ table: {
185
+ category: string;
186
+ type: {
187
+ summary: string;
188
+ };
189
+ };
190
+ };
191
+ zIndexPopper: {
192
+ control: "number";
193
+ description: string;
194
+ table: {
195
+ category: string;
196
+ type: {
197
+ summary: string;
198
+ };
199
+ defaultValue: {
200
+ summary: string;
201
+ };
202
+ };
203
+ };
204
+ id: {
205
+ control: "text";
206
+ description: string;
207
+ table: {
208
+ category: string;
209
+ type: {
210
+ summary: string;
211
+ };
212
+ defaultValue: {
213
+ summary: string;
214
+ };
215
+ };
216
+ };
217
+ idPopover: {
218
+ control: "text";
219
+ description: string;
220
+ table: {
221
+ category: string;
222
+ type: {
223
+ summary: string;
224
+ };
225
+ defaultValue: {
226
+ summary: string;
227
+ };
228
+ };
229
+ };
230
+ useAutoPlacement: {
231
+ control: "boolean";
232
+ description: string;
233
+ table: {
234
+ category: string;
235
+ type: {
236
+ summary: string;
237
+ };
238
+ };
239
+ };
240
+ flipOptions: {
241
+ control: "object";
242
+ description: string;
243
+ table: {
244
+ category: string;
245
+ type: {
246
+ summary: string;
247
+ };
248
+ };
249
+ };
250
+ autoPlacementOptions: {
251
+ control: "object";
252
+ description: string;
253
+ table: {
254
+ category: string;
255
+ type: {
256
+ summary: string;
257
+ };
258
+ };
259
+ };
260
+ floatingOptions: {
261
+ control: "object";
262
+ description: string;
263
+ table: {
264
+ category: string;
265
+ type: {
266
+ summary: string;
267
+ };
268
+ };
269
+ };
270
+ withSearch: {
271
+ control: "boolean";
272
+ description: string;
273
+ table: {
274
+ category: string;
275
+ type: {
276
+ summary: string;
277
+ };
278
+ defaultValue: {
279
+ summary: string;
280
+ };
281
+ };
282
+ };
283
+ components: {
284
+ control: {
285
+ disable: true;
286
+ };
287
+ description: string;
288
+ table: {
289
+ category: string;
290
+ type: {
291
+ summary: string;
292
+ };
293
+ };
294
+ };
295
+ selectProps: {
296
+ control: "object";
297
+ description: string;
298
+ table: {
299
+ category: string;
300
+ type: {
301
+ summary: string;
302
+ };
303
+ defaultValue: {
304
+ summary: string;
305
+ };
306
+ };
307
+ };
308
+ offsetPopover: {
309
+ control: "number";
310
+ description: string;
311
+ table: {
312
+ category: string;
313
+ type: {
314
+ summary: string;
315
+ };
316
+ defaultValue: {
317
+ summary: string;
318
+ };
319
+ };
320
+ };
321
+ errorLabel: {
322
+ control: {
323
+ type: "select";
324
+ };
325
+ options: string[];
326
+ description: string;
327
+ table: {
328
+ category: string;
329
+ type: {
330
+ summary: string;
331
+ };
332
+ defaultValue: {
333
+ summary: string;
334
+ };
335
+ };
336
+ };
337
+ actionValueChange: {
338
+ action: string;
339
+ description: string;
340
+ table: {
341
+ category: string;
342
+ type: {
343
+ summary: string;
344
+ };
345
+ };
346
+ };
347
+ controlType: {
348
+ control: {
349
+ type: "select";
350
+ };
351
+ options: string[];
352
+ description: string;
353
+ table: {
354
+ category: string;
355
+ type: {
356
+ summary: string;
357
+ };
358
+ defaultValue: {
359
+ summary: string;
360
+ };
361
+ };
14
362
  };
15
363
  };
16
364
  args: {
@@ -10,8 +10,177 @@ declare const meta: {
10
10
  };
11
11
  tags: string[];
12
12
  argTypes: {
13
- className: {
14
- type: "string";
13
+ as: {
14
+ control: "text";
15
+ description: string;
16
+ table: {
17
+ category: string;
18
+ type: {
19
+ summary: string;
20
+ };
21
+ defaultValue: {
22
+ summary: string;
23
+ };
24
+ };
25
+ };
26
+ children: {
27
+ control: {
28
+ disable: true;
29
+ };
30
+ description: string;
31
+ table: {
32
+ category: string;
33
+ type: {
34
+ summary: string;
35
+ };
36
+ };
37
+ };
38
+ patch: {
39
+ control: "text";
40
+ description: string;
41
+ table: {
42
+ category: string;
43
+ type: {
44
+ summary: string;
45
+ };
46
+ defaultValue: {
47
+ summary: string;
48
+ };
49
+ };
50
+ };
51
+ iconCompany: {
52
+ control: {
53
+ disable: true;
54
+ };
55
+ description: string;
56
+ table: {
57
+ category: string;
58
+ type: {
59
+ summary: string;
60
+ };
61
+ };
62
+ };
63
+ iconSubs: {
64
+ control: {
65
+ disable: true;
66
+ };
67
+ description: string;
68
+ table: {
69
+ category: string;
70
+ type: {
71
+ summary: string;
72
+ };
73
+ };
74
+ };
75
+ iconCollapse: {
76
+ control: {
77
+ disable: true;
78
+ };
79
+ description: string;
80
+ table: {
81
+ category: string;
82
+ type: {
83
+ summary: string;
84
+ };
85
+ };
86
+ };
87
+ iconCollapseClose: {
88
+ control: {
89
+ disable: true;
90
+ };
91
+ description: string;
92
+ table: {
93
+ category: string;
94
+ type: {
95
+ summary: string;
96
+ };
97
+ };
98
+ };
99
+ variant: {
100
+ control: {
101
+ type: "select";
102
+ };
103
+ options: string[];
104
+ description: string;
105
+ table: {
106
+ category: string;
107
+ type: {
108
+ summary: string;
109
+ };
110
+ defaultValue: {
111
+ summary: string;
112
+ };
113
+ };
114
+ };
115
+ modules: {
116
+ control: "object";
117
+ description: string;
118
+ table: {
119
+ category: string;
120
+ type: {
121
+ summary: string;
122
+ };
123
+ };
124
+ };
125
+ toleranceWidthIconCompany: {
126
+ control: "number";
127
+ description: string;
128
+ table: {
129
+ category: string;
130
+ type: {
131
+ summary: string;
132
+ };
133
+ defaultValue: {
134
+ summary: string;
135
+ };
136
+ };
137
+ };
138
+ footer: {
139
+ control: {
140
+ disable: true;
141
+ };
142
+ description: string;
143
+ table: {
144
+ category: string;
145
+ type: {
146
+ summary: string;
147
+ };
148
+ };
149
+ };
150
+ onClickItems: {
151
+ action: string;
152
+ description: string;
153
+ table: {
154
+ category: string;
155
+ type: {
156
+ summary: string;
157
+ };
158
+ };
159
+ };
160
+ propsLink: {
161
+ control: {
162
+ disable: true;
163
+ };
164
+ description: string;
165
+ table: {
166
+ category: string;
167
+ type: {
168
+ summary: string;
169
+ };
170
+ };
171
+ };
172
+ withInheritance: {
173
+ control: "boolean";
174
+ description: string;
175
+ table: {
176
+ category: string;
177
+ type: {
178
+ summary: string;
179
+ };
180
+ defaultValue: {
181
+ summary: string;
182
+ };
183
+ };
15
184
  };
16
185
  };
17
186
  args: {