@adyen/bento-vue3 1.7.0 → 1.8.0

package/dist/@types/packages/vue2/src/components/dropdown/components/dropdown-options-container/dropdown-options-container.vue.d.ts

@@ -488,96 +488,309 @@ declare const _default: import("../../../../../../vue3/node_modules/vue").Define
         $slots: {
             default: (_: {}) => any;
         };
-    })) | import("../../../../../../vue3/node_modules/vue").DefineComponent<{
-        actions: {
-            type: PropType<import("../../../button").BentoButtonActionsList>;
-            default: any;
-        };
-        actionsLayout: {
-            type: PropType<"space-between" | import("../../../button").BentoButtonActionsLayout | "buttons-end" | "fill-container" | "vertical-stack" | "buttons-start">;
-            default: import("../../../button").BentoButtonActionsLayoutBasic;
-            validator: (value: import("../../../button").BentoButtonActionsLayout) => boolean;
-        };
-        ariaLabel: {
-            type: StringConstructor;
-            default: any;
-        };
-        divider: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
-        disableFocusTrap: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
-        dismissible: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
-        fallbackPosition: {
-            type: PropType<import("@floating-ui/utils").Placement[]>;
-            default: () => string[];
-        };
-        fitContent: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
-        fixedPositioning: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
-        open: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
-        large: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
-        modifiers: {
-            type: ArrayConstructor;
-            default: any;
-        };
-        position: {
-            type: PropType<"auto" | "left" | "right" | "bottom" | "top" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end" | import("../../../popper-container").PopperContainerPosition>;
-            default: import("../../../popper-container").PopperContainerPositionExtended;
-            validator: (value: import("../../../popper-container").PopperContainerPosition) => boolean;
-        };
-        small: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
-        title: {
-            type: StringConstructor;
-            default: any;
-        };
-        targetElement: {
-            type: any;
-            required: true;
-        };
-        withoutSpace: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
-    }, {
-        computedAriaLabel: import("../../../../../../vue3/node_modules/vue").ComputedRef<string>;
-        conditionalClasses: import("../../../../../../vue3/node_modules/vue").ComputedRef<{
-            'b-popover--small': boolean;
-            'b-popover--with-divider': boolean;
-            'b-popover--large': boolean;
-            'b-popover--fit-content': boolean;
-            'b-popover--without-space': boolean;
-        }>;
-        contentConditionalClasses: import("../../../../../../vue3/node_modules/vue").ComputedRef<{
-            'b-popover__content--with-title': boolean;
-        }>;
-        computedAttributes: import("../../../../../../vue3/node_modules/vue").ComputedRef<{
-            id: string;
-        }>;
-        PopperContainerAriaRole: typeof import("../../../popper-container").PopperContainerAriaRole;
-        dismissPopover: () => void;
-        hasSlot: (name: string) => boolean;
-    }, unknown, {}, {}, import("../../../../../../vue3/node_modules/vue").ComponentOptionsMixin, import("../../../../../../vue3/node_modules/vue").ComponentOptionsMixin, ("placement" | "dismiss")[], "placement" | "dismiss", import("../../../../../../vue3/node_modules/vue").VNodeProps & import("../../../../../../vue3/node_modules/vue").AllowedComponentProps & import("../../../../../../vue3/node_modules/vue").ComponentCustomProps, Readonly<import("../../../../../../vue3/node_modules/vue").ExtractPropTypes<{
+    })) | ({
+        new (...args: any[]): {
+            $: import("../../../../../../vue3/node_modules/vue").ComponentInternalInstance;
+            $data: {};
+            $props: Partial<{
+                small: boolean;
+                title: string;
+                large: boolean;
+                modifiers: unknown[];
+                position: "auto" | "left" | "right" | "bottom" | "top" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end" | import("../../../popper-container").PopperContainerPosition;
+                open: boolean;
+                fallbackPosition: import("@floating-ui/utils").Placement[];
+                fixedPositioning: boolean;
+                ariaLabel: string;
+                actions: import("../../../button").BentoButtonActionsList;
+                actionsLayout: "space-between" | import("../../../button").BentoButtonActionsLayout | "buttons-end" | "fill-container" | "vertical-stack" | "buttons-start";
+                divider: boolean;
+                disableFocusTrap: boolean;
+                dismissible: boolean;
+                fitContent: boolean;
+                withoutSpace: boolean;
+            }> & Omit<Readonly<import("../../../../../../vue3/node_modules/vue").ExtractPropTypes<{
+                actions: {
+                    type: PropType<import("../../../button").BentoButtonActionsList>;
+                    default: any;
+                };
+                actionsLayout: {
+                    type: PropType<"space-between" | import("../../../button").BentoButtonActionsLayout | "buttons-end" | "fill-container" | "vertical-stack" | "buttons-start">;
+                    default: import("../../../button").BentoButtonActionsLayoutBasic;
+                    validator: (value: import("../../../button").BentoButtonActionsLayout) => boolean;
+                };
+                ariaLabel: {
+                    type: StringConstructor;
+                    default: any;
+                };
+                divider: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                disableFocusTrap: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                dismissible: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                fallbackPosition: {
+                    type: PropType<import("@floating-ui/utils").Placement[]>;
+                    default: () => string[];
+                };
+                fitContent: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                fixedPositioning: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                open: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                large: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                modifiers: {
+                    type: ArrayConstructor;
+                    default: any;
+                };
+                position: {
+                    type: PropType<"auto" | "left" | "right" | "bottom" | "top" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end" | import("../../../popper-container").PopperContainerPosition>;
+                    default: import("../../../popper-container").PopperContainerPositionExtended;
+                    validator: (value: import("../../../popper-container").PopperContainerPosition) => boolean;
+                };
+                small: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                title: {
+                    type: StringConstructor;
+                    default: any;
+                };
+                targetElement: {
+                    type: any;
+                    required: true;
+                };
+                withoutSpace: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+            }>> & {
+                onPlacement?: (placement: import("@floating-ui/utils").Placement) => any;
+                onDismiss?: () => any;
+            } & import("../../../../../../vue3/node_modules/vue").VNodeProps & import("../../../../../../vue3/node_modules/vue").AllowedComponentProps & import("../../../../../../vue3/node_modules/vue").ComponentCustomProps, "small" | "title" | "large" | "modifiers" | "position" | "open" | "fallbackPosition" | "fixedPositioning" | "ariaLabel" | "actions" | "actionsLayout" | "divider" | "disableFocusTrap" | "dismissible" | "fitContent" | "withoutSpace">;
+            $attrs: {
+                [x: string]: unknown;
+            };
+            $refs: {
+                [x: string]: unknown;
+            };
+            $slots: Readonly<{
+                [name: string]: import("../../../../../../vue3/node_modules/vue").Slot;
+            }>;
+            $root: import("../../../../../../vue3/node_modules/vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("../../../../../../vue3/node_modules/vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>;
+            $parent: import("../../../../../../vue3/node_modules/vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("../../../../../../vue3/node_modules/vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>;
+            $emit: ((event: "placement", placement: import("@floating-ui/utils").Placement) => void) & ((event: "dismiss") => void);
+            $el: any;
+            $options: import("../../../../../../vue3/node_modules/vue").ComponentOptionsBase<Readonly<import("../../../../../../vue3/node_modules/vue").ExtractPropTypes<{
+                actions: {
+                    type: PropType<import("../../../button").BentoButtonActionsList>;
+                    default: any;
+                };
+                actionsLayout: {
+                    type: PropType<"space-between" | import("../../../button").BentoButtonActionsLayout | "buttons-end" | "fill-container" | "vertical-stack" | "buttons-start">;
+                    default: import("../../../button").BentoButtonActionsLayoutBasic;
+                    validator: (value: import("../../../button").BentoButtonActionsLayout) => boolean;
+                };
+                ariaLabel: {
+                    type: StringConstructor;
+                    default: any;
+                };
+                divider: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                disableFocusTrap: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                dismissible: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                fallbackPosition: {
+                    type: PropType<import("@floating-ui/utils").Placement[]>;
+                    default: () => string[];
+                };
+                fitContent: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                fixedPositioning: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                open: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                large: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                modifiers: {
+                    type: ArrayConstructor;
+                    default: any;
+                };
+                position: {
+                    type: PropType<"auto" | "left" | "right" | "bottom" | "top" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end" | import("../../../popper-container").PopperContainerPosition>;
+                    default: import("../../../popper-container").PopperContainerPositionExtended;
+                    validator: (value: import("../../../popper-container").PopperContainerPosition) => boolean;
+                };
+                small: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                title: {
+                    type: StringConstructor;
+                    default: any;
+                };
+                targetElement: {
+                    type: any;
+                    required: true;
+                };
+                withoutSpace: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+            }>> & {
+                onPlacement?: (placement: import("@floating-ui/utils").Placement) => any;
+                onDismiss?: () => any;
+            }, {}, unknown, {}, {}, import("../../../../../../vue3/node_modules/vue").ComponentOptionsMixin, import("../../../../../../vue3/node_modules/vue").ComponentOptionsMixin, {
+                dismiss: () => void;
+            } & {
+                placement: (placement: import("@floating-ui/utils").Placement) => void;
+            }, string, {
+                small: boolean;
+                title: string;
+                large: boolean;
+                modifiers: unknown[];
+                position: "auto" | "left" | "right" | "bottom" | "top" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end" | import("../../../popper-container").PopperContainerPosition;
+                open: boolean;
+                fallbackPosition: import("@floating-ui/utils").Placement[];
+                fixedPositioning: boolean;
+                ariaLabel: string;
+                actions: import("../../../button").BentoButtonActionsList;
+                actionsLayout: "space-between" | import("../../../button").BentoButtonActionsLayout | "buttons-end" | "fill-container" | "vertical-stack" | "buttons-start";
+                divider: boolean;
+                disableFocusTrap: boolean;
+                dismissible: boolean;
+                fitContent: boolean;
+                withoutSpace: boolean;
+            }, {}, string> & {
+                beforeCreate?: (() => void) | (() => void)[];
+                created?: (() => void) | (() => void)[];
+                beforeMount?: (() => void) | (() => void)[];
+                mounted?: (() => void) | (() => void)[];
+                beforeUpdate?: (() => void) | (() => void)[];
+                updated?: (() => void) | (() => void)[];
+                activated?: (() => void) | (() => void)[];
+                deactivated?: (() => void) | (() => void)[];
+                beforeDestroy?: (() => void) | (() => void)[];
+                beforeUnmount?: (() => void) | (() => void)[];
+                destroyed?: (() => void) | (() => void)[];
+                unmounted?: (() => void) | (() => void)[];
+                renderTracked?: ((e: import("../../../../../../vue3/node_modules/vue").DebuggerEvent) => void) | ((e: import("../../../../../../vue3/node_modules/vue").DebuggerEvent) => void)[];
+                renderTriggered?: ((e: import("../../../../../../vue3/node_modules/vue").DebuggerEvent) => void) | ((e: import("../../../../../../vue3/node_modules/vue").DebuggerEvent) => void)[];
+                errorCaptured?: ((err: unknown, instance: import("../../../../../../vue3/node_modules/vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("../../../../../../vue3/node_modules/vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>, info: string) => boolean | void) | ((err: unknown, instance: import("../../../../../../vue3/node_modules/vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("../../../../../../vue3/node_modules/vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>, info: string) => boolean | void)[];
+            };
+            $forceUpdate: () => void;
+            $nextTick: typeof import("../../../../../../vue3/node_modules/vue").nextTick;
+            $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R) => any : (...args: any) => any, options?: import("../../../../../../vue3/node_modules/vue").WatchOptions<boolean>): import("../../../../../../vue3/node_modules/vue").WatchStopHandle;
+        } & Readonly<import("../../../../../../vue3/node_modules/vue").ExtractPropTypes<{
+            actions: {
+                type: PropType<import("../../../button").BentoButtonActionsList>;
+                default: any;
+            };
+            actionsLayout: {
+                type: PropType<"space-between" | import("../../../button").BentoButtonActionsLayout | "buttons-end" | "fill-container" | "vertical-stack" | "buttons-start">;
+                default: import("../../../button").BentoButtonActionsLayoutBasic;
+                validator: (value: import("../../../button").BentoButtonActionsLayout) => boolean;
+            };
+            ariaLabel: {
+                type: StringConstructor;
+                default: any;
+            };
+            divider: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            disableFocusTrap: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            dismissible: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            fallbackPosition: {
+                type: PropType<import("@floating-ui/utils").Placement[]>;
+                default: () => string[];
+            };
+            fitContent: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            fixedPositioning: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            open: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            large: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            modifiers: {
+                type: ArrayConstructor;
+                default: any;
+            };
+            position: {
+                type: PropType<"auto" | "left" | "right" | "bottom" | "top" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end" | import("../../../popper-container").PopperContainerPosition>;
+                default: import("../../../popper-container").PopperContainerPositionExtended;
+                validator: (value: import("../../../popper-container").PopperContainerPosition) => boolean;
+            };
+            small: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            title: {
+                type: StringConstructor;
+                default: any;
+            };
+            targetElement: {
+                type: any;
+                required: true;
+            };
+            withoutSpace: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+        }>> & {
+            onPlacement?: (placement: import("@floating-ui/utils").Placement) => any;
+            onDismiss?: () => any;
+        } & import("../../../../../../vue3/node_modules/vue").ShallowUnwrapRef<{}> & {} & import("../../../../../../vue3/node_modules/vue").ComponentCustomProperties & {};
+        __isFragment?: never;
+        __isTeleport?: never;
+        __isSuspense?: never;
+    } & import("../../../../../../vue3/node_modules/vue").ComponentOptionsBase<Readonly<import("../../../../../../vue3/node_modules/vue").ExtractPropTypes<{
         actions: {
             type: PropType<import("../../../button").BentoButtonActionsList>;
             default: any;
@@ -649,9 +862,13 @@ declare const _default: import("../../../../../../vue3/node_modules/vue").Define
             default: boolean;
         };
     }>> & {
-        onPlacement?: (...args: any[]) => any;
-        onDismiss?: (...args: any[]) => any;
-    }, {
+        onPlacement?: (placement: import("@floating-ui/utils").Placement) => any;
+        onDismiss?: () => any;
+    }, {}, unknown, {}, {}, import("../../../../../../vue3/node_modules/vue").ComponentOptionsMixin, import("../../../../../../vue3/node_modules/vue").ComponentOptionsMixin, {
+        dismiss: () => void;
+    } & {
+        placement: (placement: import("@floating-ui/utils").Placement) => void;
+    }, string, {
         small: boolean;
         title: string;
         large: boolean;
@@ -668,7 +885,13 @@ declare const _default: import("../../../../../../vue3/node_modules/vue").Define
         dismissible: boolean;
         fitContent: boolean;
         withoutSpace: boolean;
-    }>>;
+    }, {}, string> & import("../../../../../../vue3/node_modules/vue").VNodeProps & import("../../../../../../vue3/node_modules/vue").AllowedComponentProps & import("../../../../../../vue3/node_modules/vue").ComponentCustomProps & (new () => {
+        $slots: {
+            image: (_: {}) => any;
+            headerIcon: (_: {}) => any;
+            default: (_: {}) => any;
+        };
+    }))>;
     popperContainerOrPopoverProps: import("../../../../../../vue3/node_modules/vue").ComputedRef<(Partial<{
         id: string;
         position: "auto" | "left" | "right" | "bottom" | "top" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end" | import("../../../popper-container").PopperContainerPosition;
@@ -852,8 +1075,8 @@ declare const _default: import("../../../../../../vue3/node_modules/vue").Define
             default: boolean;
         };
     }>> & {
-        onPlacement?: (...args: any[]) => any;
-        onDismiss?: (...args: any[]) => any;
+        onPlacement?: (placement: import("@floating-ui/utils").Placement) => any;
+        onDismiss?: () => any;
     } & import("../../../../../../vue3/node_modules/vue").VNodeProps & import("../../../../../../vue3/node_modules/vue").AllowedComponentProps & import("../../../../../../vue3/node_modules/vue").ComponentCustomProps, "small" | "title" | "large" | "modifiers" | "position" | "open" | "fallbackPosition" | "fixedPositioning" | "ariaLabel" | "actions" | "actionsLayout" | "divider" | "disableFocusTrap" | "dismissible" | "fitContent" | "withoutSpace">)>;
     dropdownOptionsListboxRef: any;
     onEscapeKey: () => void;

package/dist/@types/packages/vue2/src/components/dropdown/dropdown.vue.d.ts

@@ -1,6 +1,6 @@
 import { PropType } from "../../../../vue3/node_modules/vue";
-import { BentoListboxEvent, BentoListboxOptions, BentoListboxSelectedValue } from "../../types";
-import { BentoDropdownEmptyStateProps, BentoDropdownLazyLoadType, BentoDropdownSearchOptions, BentoDropdownSize, BentoDropdownVirtulisationOptions } from './dropdown.types';
+import { BentoDropdownEmptyStateProps, BentoDropdownEvent, BentoDropdownLazyLoadType, BentoDropdownSearchOptions, BentoDropdownSize, BentoDropdownVirtulisationOptions } from './dropdown.types';
+import { BentoListboxOptions, BentoListboxSelectedValue } from "../../types";
 declare const _default: import("../../../../vue3/node_modules/vue").DefineComponent<{
     ariaLabel: {
         type: StringConstructor;
@@ -84,6 +84,10 @@ declare const _default: import("../../../../vue3/node_modules/vue").DefineCompon
         default: BentoDropdownSize;
         validator: (value: BentoDropdownSize) => boolean;
     };
+    tooltipText: {
+        type: StringConstructor;
+        default: any;
+    };
     value: {
         type: PropType<BentoListboxSelectedValue>;
         default: any;
@@ -149,7 +153,7 @@ declare const _default: import("../../../../vue3/node_modules/vue").DefineCompon
         select: (selectedValue: BentoListboxSelectedValue) => void;
         "show-more": () => void;
     };
-}, unknown, {}, {}, import("../../../../vue3/node_modules/vue").ComponentOptionsMixin, import("../../../../vue3/node_modules/vue").ComponentOptionsMixin, ("input" | BentoListboxEvent.SHOW_MORE)[], "input" | BentoListboxEvent.SHOW_MORE, import("../../../../vue3/node_modules/vue").VNodeProps & import("../../../../vue3/node_modules/vue").AllowedComponentProps & import("../../../../vue3/node_modules/vue").ComponentCustomProps, Readonly<import("../../../../vue3/node_modules/vue").ExtractPropTypes<{
+}, unknown, {}, {}, import("../../../../vue3/node_modules/vue").ComponentOptionsMixin, import("../../../../vue3/node_modules/vue").ComponentOptionsMixin, ("input" | BentoDropdownEvent.SHOW_MORE)[], "input" | BentoDropdownEvent.SHOW_MORE, import("../../../../vue3/node_modules/vue").VNodeProps & import("../../../../vue3/node_modules/vue").AllowedComponentProps & import("../../../../vue3/node_modules/vue").ComponentCustomProps, Readonly<import("../../../../vue3/node_modules/vue").ExtractPropTypes<{
     ariaLabel: {
         type: StringConstructor;
         default: any;
@@ -232,6 +236,10 @@ declare const _default: import("../../../../vue3/node_modules/vue").DefineCompon
         default: BentoDropdownSize;
         validator: (value: BentoDropdownSize) => boolean;
     };
+    tooltipText: {
+        type: StringConstructor;
+        default: any;
+    };
     value: {
         type: PropType<BentoListboxSelectedValue>;
         default: any;
@@ -260,6 +268,7 @@ declare const _default: import("../../../../vue3/node_modules/vue").DefineCompon
     description: string;
     optional: boolean;
     readonly: boolean;
+    tooltipText: string;
     errorMessage: string;
     items: BentoListboxOptions;
     isOptionDisabled: (optionValue: import("../../types").BentoListboxOptionItem) => boolean;