@weni/unnnic-system 3.2.9-alpha.1 → 3.2.9-alpha.11
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/CHANGELOG.md +18 -0
- package/dist/components/ChartFunnel/DefaultFunnel/ChartDefaultFunnelBase.vue.d.ts.map +1 -1
- package/dist/components/ChartFunnel/SvgFunnel/ChartFunnelTwoRows.vue.d.ts +43 -0
- package/dist/components/ChartFunnel/SvgFunnel/ChartFunnelTwoRows.vue.d.ts.map +1 -0
- package/dist/components/Chip/Chip.vue.d.ts.map +1 -1
- package/dist/components/DataTable/index.vue.d.ts +7 -0
- package/dist/components/DataTable/index.vue.d.ts.map +1 -1
- package/dist/components/DateFilter/DateFilter.vue.d.ts +87 -95
- package/dist/components/Input/BaseInput.vue.d.ts +22 -0
- package/dist/components/Input/BaseInput.vue.d.ts.map +1 -1
- package/dist/components/Input/Input.vue.d.ts +87 -95
- package/dist/components/Input/Input.vue.d.ts.map +1 -1
- package/dist/components/Input/TextInput.vue.d.ts +52 -1
- package/dist/components/Input/TextInput.vue.d.ts.map +1 -1
- package/dist/components/InputDatePicker/InputDatePicker.vue.d.ts +87 -95
- package/dist/components/InputNext/InputNext.vue.d.ts +1 -1
- package/dist/components/Label/Label.vue.d.ts +2 -2
- package/dist/components/Label/Label.vue.d.ts.map +1 -1
- package/dist/components/ModalNext/ModalNext.vue.d.ts +87 -95
- package/dist/components/SelectSmart/SelectSmart.vue.d.ts +52 -1
- package/dist/components/SelectTime/index.vue.d.ts +52 -1
- package/dist/components/Tab/Tab.vue.d.ts +11 -0
- package/dist/components/index.d.ts +895 -937
- package/dist/components/index.d.ts.map +1 -1
- package/dist/{es-2735a8fb.js → es-dcef703d.js} +1 -1
- package/dist/{index-e012fa52.js → index-6ddf8580.js} +4673 -4567
- package/dist/locales/en.json.d.ts +2 -1
- package/dist/locales/es.json.d.ts +2 -1
- package/dist/locales/pt_br.json.d.ts +2 -1
- package/dist/{pt-br-f38a8b9c.js → pt-br-485ef253.js} +1 -1
- package/dist/style.css +1 -1
- package/dist/unnnic.js +1 -1
- package/dist/unnnic.umd.cjs +39 -39
- package/package.json +1 -1
- package/src/assets/scss/scheme-colors.scss +115 -238
- package/src/components/Alert/__tests__/__snapshots__/Alert.spec.js.snap +11 -7
- package/src/components/Alert/__tests__/__snapshots__/Version1dot1.spec.js.snap +2 -2
- package/src/components/ChartFunnel/ChartFunnel.vue +4 -0
- package/src/components/ChartFunnel/DefaultFunnel/ChartDefaultFunnelBase.vue +8 -2
- package/src/components/ChartFunnel/SvgFunnel/ChartFunnelBaseRow.vue +1 -1
- package/src/components/ChartFunnel/SvgFunnel/ChartFunnelTwoRows.vue +64 -0
- package/src/components/Chip/Chip.vue +3 -2
- package/src/components/DataTable/index.vue +25 -10
- package/src/components/Input/BaseInput.vue +21 -2
- package/src/components/Input/Input.scss +2 -1
- package/src/components/Input/Input.vue +26 -30
- package/src/components/Input/TextInput.vue +59 -22
- package/src/components/Input/__test__/__snapshots__/Input.spec.js.snap +7 -3
- package/src/components/Input/__test__/__snapshots__/TextInput.spec.js.snap +7 -1
- package/src/components/Label/Label.vue +2 -2
- package/src/components/Popover/__tests__/Popover.spec.js +147 -0
- package/src/components/Popover/__tests__/__snapshots__/Popover.spec.js.snap +8 -0
- package/src/components/Popover/index.vue +146 -0
- package/src/components/Select/SelectOption.vue +65 -0
- package/src/components/Select/__tests__/Select.spec.js +412 -0
- package/src/components/Select/__tests__/SelectItem.spec.js +330 -0
- package/src/components/Select/__tests__/SelectOption.spec.js +174 -0
- package/src/components/Select/__tests__/__snapshots__/Select.spec.js.snap +97 -0
- package/src/components/Select/__tests__/__snapshots__/SelectItem.spec.js.snap +15 -0
- package/src/components/Select/__tests__/__snapshots__/SelectOption.spec.js.snap +25 -0
- package/src/components/Select/index.vue +245 -0
- package/src/components/Tab/Tab.vue +37 -23
- package/src/components/Tab/__test__/__snapshots__/Tab.spec.js.snap +1 -1
- package/src/locales/en.json +2 -1
- package/src/locales/es.json +2 -1
- package/src/locales/pt_br.json +2 -1
- package/src/stories/ChartFunnel.stories.js +19 -0
- package/src/stories/DataTable.stories.js +60 -0
- package/src/stories/Input.stories.js +6 -0
- package/src/stories/Popover.stories.js +39 -0
- package/src/stories/Select.stories.js +91 -0
- package/src/stories/Tab.stories.js +11 -4
|
@@ -258,6 +258,18 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
|
|
|
258
258
|
type: BooleanConstructor;
|
|
259
259
|
default: boolean;
|
|
260
260
|
};
|
|
261
|
+
readonly: {
|
|
262
|
+
type: BooleanConstructor;
|
|
263
|
+
default: boolean;
|
|
264
|
+
};
|
|
265
|
+
forceActiveStatus: {
|
|
266
|
+
type: BooleanConstructor;
|
|
267
|
+
default: boolean;
|
|
268
|
+
};
|
|
269
|
+
showClear: {
|
|
270
|
+
type: BooleanConstructor;
|
|
271
|
+
default: boolean;
|
|
272
|
+
};
|
|
261
273
|
}>, {}, {
|
|
262
274
|
isFocused: boolean;
|
|
263
275
|
showPassword: boolean;
|
|
@@ -271,8 +283,9 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
|
|
|
271
283
|
onFocus(): void;
|
|
272
284
|
onBlur(): void;
|
|
273
285
|
onIconLeftClick(): void;
|
|
286
|
+
onClearClick(): void;
|
|
274
287
|
onIconRightClick(): void;
|
|
275
|
-
}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("icon-left-click" | "icon-right-click")[], "icon-left-click" | "icon-right-click", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
|
|
288
|
+
}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("clear" | "icon-left-click" | "icon-right-click")[], "clear" | "icon-left-click" | "icon-right-click", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
|
|
276
289
|
placeholder: {
|
|
277
290
|
type: StringConstructor;
|
|
278
291
|
default: null;
|
|
@@ -326,7 +339,20 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
|
|
|
326
339
|
type: BooleanConstructor;
|
|
327
340
|
default: boolean;
|
|
328
341
|
};
|
|
342
|
+
readonly: {
|
|
343
|
+
type: BooleanConstructor;
|
|
344
|
+
default: boolean;
|
|
345
|
+
};
|
|
346
|
+
forceActiveStatus: {
|
|
347
|
+
type: BooleanConstructor;
|
|
348
|
+
default: boolean;
|
|
349
|
+
};
|
|
350
|
+
showClear: {
|
|
351
|
+
type: BooleanConstructor;
|
|
352
|
+
default: boolean;
|
|
353
|
+
};
|
|
329
354
|
}>> & Readonly<{
|
|
355
|
+
onClear?: ((...args: any[]) => any) | undefined;
|
|
330
356
|
"onIcon-left-click"?: ((...args: any[]) => any) | undefined;
|
|
331
357
|
"onIcon-right-click"?: ((...args: any[]) => any) | undefined;
|
|
332
358
|
}>, {
|
|
@@ -336,6 +362,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
|
|
|
336
362
|
modelValue: string;
|
|
337
363
|
nativeType: string;
|
|
338
364
|
maxlength: number;
|
|
365
|
+
readonly: boolean;
|
|
366
|
+
forceActiveStatus: boolean;
|
|
339
367
|
placeholder: string;
|
|
340
368
|
iconLeft: string;
|
|
341
369
|
iconRight: string;
|
|
@@ -343,6 +371,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
|
|
|
343
371
|
iconRightClickable: boolean;
|
|
344
372
|
allowTogglePassword: boolean;
|
|
345
373
|
hasCloudyColor: boolean;
|
|
374
|
+
showClear: boolean;
|
|
346
375
|
}, {}, {
|
|
347
376
|
BaseInput: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
|
|
348
377
|
type: {
|
|
@@ -368,15 +397,25 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
|
|
|
368
397
|
};
|
|
369
398
|
hasIconLeft: BooleanConstructor;
|
|
370
399
|
hasIconRight: BooleanConstructor;
|
|
400
|
+
hasClearIcon: BooleanConstructor;
|
|
371
401
|
maxlength: {
|
|
372
402
|
type: NumberConstructor;
|
|
373
403
|
default: null;
|
|
374
404
|
};
|
|
405
|
+
readonly: {
|
|
406
|
+
type: BooleanConstructor;
|
|
407
|
+
default: boolean;
|
|
408
|
+
};
|
|
409
|
+
forceActiveStatus: {
|
|
410
|
+
type: BooleanConstructor;
|
|
411
|
+
default: boolean;
|
|
412
|
+
};
|
|
375
413
|
}>, {}, {}, {
|
|
376
414
|
attributes(): any;
|
|
377
415
|
classes(): (string | {
|
|
378
416
|
'input--has-icon-left': boolean;
|
|
379
417
|
'input--has-icon-right': boolean;
|
|
418
|
+
'input--has-clear-icon': boolean;
|
|
380
419
|
})[];
|
|
381
420
|
}, {
|
|
382
421
|
fullySanitize: typeof import('../../utils/sanitize').fullySanitize;
|
|
@@ -404,10 +443,19 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
|
|
|
404
443
|
};
|
|
405
444
|
hasIconLeft: BooleanConstructor;
|
|
406
445
|
hasIconRight: BooleanConstructor;
|
|
446
|
+
hasClearIcon: BooleanConstructor;
|
|
407
447
|
maxlength: {
|
|
408
448
|
type: NumberConstructor;
|
|
409
449
|
default: null;
|
|
410
450
|
};
|
|
451
|
+
readonly: {
|
|
452
|
+
type: BooleanConstructor;
|
|
453
|
+
default: boolean;
|
|
454
|
+
};
|
|
455
|
+
forceActiveStatus: {
|
|
456
|
+
type: BooleanConstructor;
|
|
457
|
+
default: boolean;
|
|
458
|
+
};
|
|
411
459
|
}>> & Readonly<{
|
|
412
460
|
"onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
|
|
413
461
|
}>, {
|
|
@@ -416,9 +464,12 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
|
|
|
416
464
|
mask: string | unknown[];
|
|
417
465
|
hasIconLeft: boolean;
|
|
418
466
|
hasIconRight: boolean;
|
|
467
|
+
hasClearIcon: boolean;
|
|
419
468
|
modelValue: string;
|
|
420
469
|
nativeType: string;
|
|
421
470
|
maxlength: number;
|
|
471
|
+
readonly: boolean;
|
|
472
|
+
forceActiveStatus: boolean;
|
|
422
473
|
}, {}, {}, {
|
|
423
474
|
mask: any;
|
|
424
475
|
}, string, import('vue').ComponentProvideOptions, true, {}, any>;
|
|
@@ -163,6 +163,18 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
|
|
|
163
163
|
type: BooleanConstructor;
|
|
164
164
|
default: boolean;
|
|
165
165
|
};
|
|
166
|
+
readonly: {
|
|
167
|
+
type: BooleanConstructor;
|
|
168
|
+
default: boolean;
|
|
169
|
+
};
|
|
170
|
+
forceActiveStatus: {
|
|
171
|
+
type: BooleanConstructor;
|
|
172
|
+
default: boolean;
|
|
173
|
+
};
|
|
174
|
+
showClear: {
|
|
175
|
+
type: BooleanConstructor;
|
|
176
|
+
default: boolean;
|
|
177
|
+
};
|
|
166
178
|
}>, {}, {
|
|
167
179
|
isFocused: boolean;
|
|
168
180
|
showPassword: boolean;
|
|
@@ -176,8 +188,9 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
|
|
|
176
188
|
onFocus(): void;
|
|
177
189
|
onBlur(): void;
|
|
178
190
|
onIconLeftClick(): void;
|
|
191
|
+
onClearClick(): void;
|
|
179
192
|
onIconRightClick(): void;
|
|
180
|
-
}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("icon-left-click" | "icon-right-click")[], "icon-left-click" | "icon-right-click", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
|
|
193
|
+
}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("clear" | "icon-left-click" | "icon-right-click")[], "clear" | "icon-left-click" | "icon-right-click", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
|
|
181
194
|
placeholder: {
|
|
182
195
|
type: StringConstructor;
|
|
183
196
|
default: null;
|
|
@@ -231,7 +244,20 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
|
|
|
231
244
|
type: BooleanConstructor;
|
|
232
245
|
default: boolean;
|
|
233
246
|
};
|
|
247
|
+
readonly: {
|
|
248
|
+
type: BooleanConstructor;
|
|
249
|
+
default: boolean;
|
|
250
|
+
};
|
|
251
|
+
forceActiveStatus: {
|
|
252
|
+
type: BooleanConstructor;
|
|
253
|
+
default: boolean;
|
|
254
|
+
};
|
|
255
|
+
showClear: {
|
|
256
|
+
type: BooleanConstructor;
|
|
257
|
+
default: boolean;
|
|
258
|
+
};
|
|
234
259
|
}>> & Readonly<{
|
|
260
|
+
onClear?: ((...args: any[]) => any) | undefined;
|
|
235
261
|
"onIcon-left-click"?: ((...args: any[]) => any) | undefined;
|
|
236
262
|
"onIcon-right-click"?: ((...args: any[]) => any) | undefined;
|
|
237
263
|
}>, {
|
|
@@ -241,6 +267,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
|
|
|
241
267
|
modelValue: string;
|
|
242
268
|
nativeType: string;
|
|
243
269
|
maxlength: number;
|
|
270
|
+
readonly: boolean;
|
|
271
|
+
forceActiveStatus: boolean;
|
|
244
272
|
placeholder: string;
|
|
245
273
|
iconLeft: string;
|
|
246
274
|
iconRight: string;
|
|
@@ -248,6 +276,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
|
|
|
248
276
|
iconRightClickable: boolean;
|
|
249
277
|
allowTogglePassword: boolean;
|
|
250
278
|
hasCloudyColor: boolean;
|
|
279
|
+
showClear: boolean;
|
|
251
280
|
}, {}, {
|
|
252
281
|
BaseInput: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
|
|
253
282
|
type: {
|
|
@@ -273,15 +302,25 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
|
|
|
273
302
|
};
|
|
274
303
|
hasIconLeft: BooleanConstructor;
|
|
275
304
|
hasIconRight: BooleanConstructor;
|
|
305
|
+
hasClearIcon: BooleanConstructor;
|
|
276
306
|
maxlength: {
|
|
277
307
|
type: NumberConstructor;
|
|
278
308
|
default: null;
|
|
279
309
|
};
|
|
310
|
+
readonly: {
|
|
311
|
+
type: BooleanConstructor;
|
|
312
|
+
default: boolean;
|
|
313
|
+
};
|
|
314
|
+
forceActiveStatus: {
|
|
315
|
+
type: BooleanConstructor;
|
|
316
|
+
default: boolean;
|
|
317
|
+
};
|
|
280
318
|
}>, {}, {}, {
|
|
281
319
|
attributes(): any;
|
|
282
320
|
classes(): (string | {
|
|
283
321
|
'input--has-icon-left': boolean;
|
|
284
322
|
'input--has-icon-right': boolean;
|
|
323
|
+
'input--has-clear-icon': boolean;
|
|
285
324
|
})[];
|
|
286
325
|
}, {
|
|
287
326
|
fullySanitize: typeof import('../../utils/sanitize').fullySanitize;
|
|
@@ -309,10 +348,19 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
|
|
|
309
348
|
};
|
|
310
349
|
hasIconLeft: BooleanConstructor;
|
|
311
350
|
hasIconRight: BooleanConstructor;
|
|
351
|
+
hasClearIcon: BooleanConstructor;
|
|
312
352
|
maxlength: {
|
|
313
353
|
type: NumberConstructor;
|
|
314
354
|
default: null;
|
|
315
355
|
};
|
|
356
|
+
readonly: {
|
|
357
|
+
type: BooleanConstructor;
|
|
358
|
+
default: boolean;
|
|
359
|
+
};
|
|
360
|
+
forceActiveStatus: {
|
|
361
|
+
type: BooleanConstructor;
|
|
362
|
+
default: boolean;
|
|
363
|
+
};
|
|
316
364
|
}>> & Readonly<{
|
|
317
365
|
"onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
|
|
318
366
|
}>, {
|
|
@@ -321,9 +369,12 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
|
|
|
321
369
|
mask: string | unknown[];
|
|
322
370
|
hasIconLeft: boolean;
|
|
323
371
|
hasIconRight: boolean;
|
|
372
|
+
hasClearIcon: boolean;
|
|
324
373
|
modelValue: string;
|
|
325
374
|
nativeType: string;
|
|
326
375
|
maxlength: number;
|
|
376
|
+
readonly: boolean;
|
|
377
|
+
forceActiveStatus: boolean;
|
|
327
378
|
}, {}, {}, {
|
|
328
379
|
mask: any;
|
|
329
380
|
}, string, import('vue').ComponentProvideOptions, true, {}, any>;
|
|
@@ -15,6 +15,11 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
|
|
|
15
15
|
tabs: {
|
|
16
16
|
type: ArrayConstructor;
|
|
17
17
|
default: null;
|
|
18
|
+
validator: (tabs: unknown) => any;
|
|
19
|
+
};
|
|
20
|
+
disabledTabs: {
|
|
21
|
+
type: ArrayConstructor;
|
|
22
|
+
default: null;
|
|
18
23
|
};
|
|
19
24
|
}>, {}, {
|
|
20
25
|
localValue: string;
|
|
@@ -42,6 +47,11 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
|
|
|
42
47
|
tabs: {
|
|
43
48
|
type: ArrayConstructor;
|
|
44
49
|
default: null;
|
|
50
|
+
validator: (tabs: unknown) => any;
|
|
51
|
+
};
|
|
52
|
+
disabledTabs: {
|
|
53
|
+
type: ArrayConstructor;
|
|
54
|
+
default: null;
|
|
45
55
|
};
|
|
46
56
|
}>> & Readonly<{
|
|
47
57
|
onChange?: ((...args: any[]) => any) | undefined;
|
|
@@ -50,6 +60,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
|
|
|
50
60
|
activeTab: string;
|
|
51
61
|
initialTab: string;
|
|
52
62
|
tabs: unknown[];
|
|
63
|
+
disabledTabs: unknown[];
|
|
53
64
|
}, {}, {
|
|
54
65
|
UnnnicIcon: import('vue').DefineComponent<import('../Icon.vue').IconProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
|
|
55
66
|
click: (event: Event) => any;
|