@weni/unnnic-system 3.27.1 → 3.28.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/index.d.ts +142 -30
- package/dist/style.css +1 -1
- package/dist/unnnic.mjs +7872 -7805
- package/dist/unnnic.umd.js +31 -31
- package/package.json +1 -1
- package/src/components/Select/__tests__/Select.spec.js +139 -0
- package/src/components/Select/__tests__/__snapshots__/Select.spec.js.snap +3 -3
- package/src/components/Select/index.vue +148 -3
- package/src/components/ui/popover/PopoverContent.vue +9 -31
- package/src/components/ui/popover/PopoverFooter.vue +21 -6
- package/src/components/ui/popover/PopoverOption.vue +20 -10
- package/src/components/ui/popover/__tests__/PopoverFooter.spec.js +116 -0
- package/src/components/ui/popover/context.ts +4 -0
- package/src/stories/PopoverOption.stories.js +53 -0
- package/src/stories/Select.stories.js +119 -0
package/dist/index.d.ts
CHANGED
|
@@ -16239,18 +16239,62 @@ export declare const unnnicPopover: {
|
|
|
16239
16239
|
};
|
|
16240
16240
|
});
|
|
16241
16241
|
|
|
16242
|
-
export declare const UnnnicPopoverContent:
|
|
16243
|
-
|
|
16244
|
-
|
|
16245
|
-
|
|
16246
|
-
|
|
16247
|
-
|
|
16248
|
-
|
|
16249
|
-
|
|
16250
|
-
|
|
16251
|
-
|
|
16252
|
-
|
|
16253
|
-
|
|
16242
|
+
export declare const UnnnicPopoverContent: {
|
|
16243
|
+
new (...args: any[]): CreateComponentPublicInstanceWithMixins<Readonly<PopoverContentProps & {
|
|
16244
|
+
class?: HTMLAttributes["class"];
|
|
16245
|
+
size?: string;
|
|
16246
|
+
width?: string;
|
|
16247
|
+
}> & Readonly<{
|
|
16248
|
+
onEscapeKeyDown?: ((event: KeyboardEvent) => any) | undefined;
|
|
16249
|
+
onPointerDownOutside?: ((event: PointerDownOutsideEvent) => any) | undefined;
|
|
16250
|
+
onFocusOutside?: ((event: FocusOutsideEvent) => any) | undefined;
|
|
16251
|
+
onInteractOutside?: ((event: PointerDownOutsideEvent | FocusOutsideEvent) => any) | undefined;
|
|
16252
|
+
onOpenAutoFocus?: ((event: Event) => any) | undefined;
|
|
16253
|
+
onCloseAutoFocus?: ((event: Event) => any) | undefined;
|
|
16254
|
+
}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
|
|
16255
|
+
escapeKeyDown: (event: KeyboardEvent) => any;
|
|
16256
|
+
pointerDownOutside: (event: PointerDownOutsideEvent) => any;
|
|
16257
|
+
focusOutside: (event: FocusOutsideEvent) => any;
|
|
16258
|
+
interactOutside: (event: PointerDownOutsideEvent | FocusOutsideEvent) => any;
|
|
16259
|
+
openAutoFocus: (event: Event) => any;
|
|
16260
|
+
closeAutoFocus: (event: Event) => any;
|
|
16261
|
+
}, PublicProps, {
|
|
16262
|
+
class: HTMLAttributes["class"];
|
|
16263
|
+
sideOffset: number;
|
|
16264
|
+
align: "center" | "start" | "end";
|
|
16265
|
+
size: string;
|
|
16266
|
+
width: string;
|
|
16267
|
+
}, false, {}, {}, GlobalComponents, GlobalDirectives, string, {
|
|
16268
|
+
footerContainer: HTMLDivElement;
|
|
16269
|
+
}, any, ComponentProvideOptions, {
|
|
16270
|
+
P: {};
|
|
16271
|
+
B: {};
|
|
16272
|
+
D: {};
|
|
16273
|
+
C: {};
|
|
16274
|
+
M: {};
|
|
16275
|
+
Defaults: {};
|
|
16276
|
+
}, Readonly<PopoverContentProps & {
|
|
16277
|
+
class?: HTMLAttributes["class"];
|
|
16278
|
+
size?: string;
|
|
16279
|
+
width?: string;
|
|
16280
|
+
}> & Readonly<{
|
|
16281
|
+
onEscapeKeyDown?: ((event: KeyboardEvent) => any) | undefined;
|
|
16282
|
+
onPointerDownOutside?: ((event: PointerDownOutsideEvent) => any) | undefined;
|
|
16283
|
+
onFocusOutside?: ((event: FocusOutsideEvent) => any) | undefined;
|
|
16284
|
+
onInteractOutside?: ((event: PointerDownOutsideEvent | FocusOutsideEvent) => any) | undefined;
|
|
16285
|
+
onOpenAutoFocus?: ((event: Event) => any) | undefined;
|
|
16286
|
+
onCloseAutoFocus?: ((event: Event) => any) | undefined;
|
|
16287
|
+
}>, {}, {}, {}, {}, {
|
|
16288
|
+
class: HTMLAttributes["class"];
|
|
16289
|
+
sideOffset: number;
|
|
16290
|
+
align: "center" | "start" | "end";
|
|
16291
|
+
size: string;
|
|
16292
|
+
width: string;
|
|
16293
|
+
}>;
|
|
16294
|
+
__isFragment?: never;
|
|
16295
|
+
__isTeleport?: never;
|
|
16296
|
+
__isSuspense?: never;
|
|
16297
|
+
} & ComponentOptionsBase<Readonly<PopoverContentProps & {
|
|
16254
16298
|
class?: HTMLAttributes["class"];
|
|
16255
16299
|
size?: string;
|
|
16256
16300
|
width?: string;
|
|
@@ -16261,26 +16305,81 @@ onFocusOutside?: ((event: FocusOutsideEvent) => any) | undefined;
|
|
|
16261
16305
|
onInteractOutside?: ((event: PointerDownOutsideEvent | FocusOutsideEvent) => any) | undefined;
|
|
16262
16306
|
onOpenAutoFocus?: ((event: Event) => any) | undefined;
|
|
16263
16307
|
onCloseAutoFocus?: ((event: Event) => any) | undefined;
|
|
16264
|
-
}>, {
|
|
16265
|
-
class: HTMLAttributes["class"];
|
|
16266
|
-
sideOffset: number;
|
|
16267
|
-
align: "center" | "start" | "end";
|
|
16268
|
-
size: string;
|
|
16269
|
-
width: string;
|
|
16270
|
-
}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
|
|
16271
|
-
|
|
16272
|
-
export declare const unnnicPopoverContent: DefineComponent<PopoverContentProps & {
|
|
16273
|
-
class?: HTMLAttributes["class"];
|
|
16274
|
-
size?: string;
|
|
16275
|
-
width?: string;
|
|
16276
|
-
}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
|
|
16308
|
+
}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
|
|
16277
16309
|
escapeKeyDown: (event: KeyboardEvent) => any;
|
|
16278
16310
|
pointerDownOutside: (event: PointerDownOutsideEvent) => any;
|
|
16279
16311
|
focusOutside: (event: FocusOutsideEvent) => any;
|
|
16280
16312
|
interactOutside: (event: PointerDownOutsideEvent | FocusOutsideEvent) => any;
|
|
16281
16313
|
openAutoFocus: (event: Event) => any;
|
|
16282
16314
|
closeAutoFocus: (event: Event) => any;
|
|
16283
|
-
}, string,
|
|
16315
|
+
}, string, {
|
|
16316
|
+
class: HTMLAttributes["class"];
|
|
16317
|
+
sideOffset: number;
|
|
16318
|
+
align: "center" | "start" | "end";
|
|
16319
|
+
size: string;
|
|
16320
|
+
width: string;
|
|
16321
|
+
}, {}, string, {}, GlobalComponents, GlobalDirectives, string, ComponentProvideOptions> & VNodeProps & AllowedComponentProps & ComponentCustomProps & (new () => {
|
|
16322
|
+
$slots: {
|
|
16323
|
+
default?(_: {}): any;
|
|
16324
|
+
};
|
|
16325
|
+
});
|
|
16326
|
+
|
|
16327
|
+
export declare const unnnicPopoverContent: {
|
|
16328
|
+
new (...args: any[]): CreateComponentPublicInstanceWithMixins<Readonly<PopoverContentProps & {
|
|
16329
|
+
class?: HTMLAttributes["class"];
|
|
16330
|
+
size?: string;
|
|
16331
|
+
width?: string;
|
|
16332
|
+
}> & Readonly<{
|
|
16333
|
+
onEscapeKeyDown?: ((event: KeyboardEvent) => any) | undefined;
|
|
16334
|
+
onPointerDownOutside?: ((event: PointerDownOutsideEvent) => any) | undefined;
|
|
16335
|
+
onFocusOutside?: ((event: FocusOutsideEvent) => any) | undefined;
|
|
16336
|
+
onInteractOutside?: ((event: PointerDownOutsideEvent | FocusOutsideEvent) => any) | undefined;
|
|
16337
|
+
onOpenAutoFocus?: ((event: Event) => any) | undefined;
|
|
16338
|
+
onCloseAutoFocus?: ((event: Event) => any) | undefined;
|
|
16339
|
+
}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
|
|
16340
|
+
escapeKeyDown: (event: KeyboardEvent) => any;
|
|
16341
|
+
pointerDownOutside: (event: PointerDownOutsideEvent) => any;
|
|
16342
|
+
focusOutside: (event: FocusOutsideEvent) => any;
|
|
16343
|
+
interactOutside: (event: PointerDownOutsideEvent | FocusOutsideEvent) => any;
|
|
16344
|
+
openAutoFocus: (event: Event) => any;
|
|
16345
|
+
closeAutoFocus: (event: Event) => any;
|
|
16346
|
+
}, PublicProps, {
|
|
16347
|
+
class: HTMLAttributes["class"];
|
|
16348
|
+
sideOffset: number;
|
|
16349
|
+
align: "center" | "start" | "end";
|
|
16350
|
+
size: string;
|
|
16351
|
+
width: string;
|
|
16352
|
+
}, false, {}, {}, GlobalComponents, GlobalDirectives, string, {
|
|
16353
|
+
footerContainer: HTMLDivElement;
|
|
16354
|
+
}, any, ComponentProvideOptions, {
|
|
16355
|
+
P: {};
|
|
16356
|
+
B: {};
|
|
16357
|
+
D: {};
|
|
16358
|
+
C: {};
|
|
16359
|
+
M: {};
|
|
16360
|
+
Defaults: {};
|
|
16361
|
+
}, Readonly<PopoverContentProps & {
|
|
16362
|
+
class?: HTMLAttributes["class"];
|
|
16363
|
+
size?: string;
|
|
16364
|
+
width?: string;
|
|
16365
|
+
}> & Readonly<{
|
|
16366
|
+
onEscapeKeyDown?: ((event: KeyboardEvent) => any) | undefined;
|
|
16367
|
+
onPointerDownOutside?: ((event: PointerDownOutsideEvent) => any) | undefined;
|
|
16368
|
+
onFocusOutside?: ((event: FocusOutsideEvent) => any) | undefined;
|
|
16369
|
+
onInteractOutside?: ((event: PointerDownOutsideEvent | FocusOutsideEvent) => any) | undefined;
|
|
16370
|
+
onOpenAutoFocus?: ((event: Event) => any) | undefined;
|
|
16371
|
+
onCloseAutoFocus?: ((event: Event) => any) | undefined;
|
|
16372
|
+
}>, {}, {}, {}, {}, {
|
|
16373
|
+
class: HTMLAttributes["class"];
|
|
16374
|
+
sideOffset: number;
|
|
16375
|
+
align: "center" | "start" | "end";
|
|
16376
|
+
size: string;
|
|
16377
|
+
width: string;
|
|
16378
|
+
}>;
|
|
16379
|
+
__isFragment?: never;
|
|
16380
|
+
__isTeleport?: never;
|
|
16381
|
+
__isSuspense?: never;
|
|
16382
|
+
} & ComponentOptionsBase<Readonly<PopoverContentProps & {
|
|
16284
16383
|
class?: HTMLAttributes["class"];
|
|
16285
16384
|
size?: string;
|
|
16286
16385
|
width?: string;
|
|
@@ -16291,16 +16390,27 @@ onFocusOutside?: ((event: FocusOutsideEvent) => any) | undefined;
|
|
|
16291
16390
|
onInteractOutside?: ((event: PointerDownOutsideEvent | FocusOutsideEvent) => any) | undefined;
|
|
16292
16391
|
onOpenAutoFocus?: ((event: Event) => any) | undefined;
|
|
16293
16392
|
onCloseAutoFocus?: ((event: Event) => any) | undefined;
|
|
16294
|
-
}>, {
|
|
16393
|
+
}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
|
|
16394
|
+
escapeKeyDown: (event: KeyboardEvent) => any;
|
|
16395
|
+
pointerDownOutside: (event: PointerDownOutsideEvent) => any;
|
|
16396
|
+
focusOutside: (event: FocusOutsideEvent) => any;
|
|
16397
|
+
interactOutside: (event: PointerDownOutsideEvent | FocusOutsideEvent) => any;
|
|
16398
|
+
openAutoFocus: (event: Event) => any;
|
|
16399
|
+
closeAutoFocus: (event: Event) => any;
|
|
16400
|
+
}, string, {
|
|
16295
16401
|
class: HTMLAttributes["class"];
|
|
16296
16402
|
sideOffset: number;
|
|
16297
16403
|
align: "center" | "start" | "end";
|
|
16298
16404
|
size: string;
|
|
16299
16405
|
width: string;
|
|
16300
|
-
}, {},
|
|
16406
|
+
}, {}, string, {}, GlobalComponents, GlobalDirectives, string, ComponentProvideOptions> & VNodeProps & AllowedComponentProps & ComponentCustomProps & (new () => {
|
|
16407
|
+
$slots: {
|
|
16408
|
+
default?(_: {}): any;
|
|
16409
|
+
};
|
|
16410
|
+
});
|
|
16301
16411
|
|
|
16302
16412
|
export declare const UnnnicPopoverFooter: {
|
|
16303
|
-
new (...args: any[]): CreateComponentPublicInstanceWithMixins<Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, PublicProps, {}, true, {}, {}, GlobalComponents, GlobalDirectives, string, {},
|
|
16413
|
+
new (...args: any[]): CreateComponentPublicInstanceWithMixins<Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, PublicProps, {}, true, {}, {}, GlobalComponents, GlobalDirectives, string, {}, any, ComponentProvideOptions, {
|
|
16304
16414
|
P: {};
|
|
16305
16415
|
B: {};
|
|
16306
16416
|
D: {};
|
|
@@ -16314,11 +16424,12 @@ export declare const UnnnicPopoverFooter: {
|
|
|
16314
16424
|
} & ComponentOptionsBase<Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, {}, {}, string, {}, GlobalComponents, GlobalDirectives, string, ComponentProvideOptions> & VNodeProps & AllowedComponentProps & ComponentCustomProps & (new () => {
|
|
16315
16425
|
$slots: {
|
|
16316
16426
|
default?(_: {}): any;
|
|
16427
|
+
default?(_: {}): any;
|
|
16317
16428
|
};
|
|
16318
16429
|
});
|
|
16319
16430
|
|
|
16320
16431
|
export declare const unnnicPopoverFooter: {
|
|
16321
|
-
new (...args: any[]): CreateComponentPublicInstanceWithMixins<Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, PublicProps, {}, true, {}, {}, GlobalComponents, GlobalDirectives, string, {},
|
|
16432
|
+
new (...args: any[]): CreateComponentPublicInstanceWithMixins<Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, PublicProps, {}, true, {}, {}, GlobalComponents, GlobalDirectives, string, {}, any, ComponentProvideOptions, {
|
|
16322
16433
|
P: {};
|
|
16323
16434
|
B: {};
|
|
16324
16435
|
D: {};
|
|
@@ -16332,6 +16443,7 @@ export declare const unnnicPopoverFooter: {
|
|
|
16332
16443
|
} & ComponentOptionsBase<Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, {}, {}, string, {}, GlobalComponents, GlobalDirectives, string, ComponentProvideOptions> & VNodeProps & AllowedComponentProps & ComponentCustomProps & (new () => {
|
|
16333
16444
|
$slots: {
|
|
16334
16445
|
default?(_: {}): any;
|
|
16446
|
+
default?(_: {}): any;
|
|
16335
16447
|
};
|
|
16336
16448
|
});
|
|
16337
16449
|
|