npm - @adyen/bento-vue2 - Versions diffs - 1.7.0 → 1.8.0 - Mend

@adyen/bento-vue2 1.7.0 → 1.8.0

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 (223) hide show

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

@@ -547,7 +547,7 @@ declare const _default: import("vue").DefineComponent<{
         $slots: {
             default: (_: {}) => any;
         };
-    })) | import("vue").DefineComponent<{
+    })) | (import("vue/types/v3-component-public-instance").ComponentPublicInstanceConstructor<import("vue/types/v3-component-public-instance").Vue3Instance<{}, Readonly<import("vue").ExtractPropTypes<{
         actions: {
             type: PropType<import("../../../button").BentoButtonActionsList>;
             default: any;
@@ -618,25 +618,7 @@ declare const _default: import("vue").DefineComponent<{
             type: BooleanConstructor;
             default: boolean;
         };
-    }, {
-        computedAriaLabel: import("vue").ComputedRef<string>;
-        conditionalClasses: import("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("vue").ComputedRef<{
-            'b-popover__content--with-title': boolean;
-        }>;
-        computedAttributes: import("vue").ComputedRef<{
-            id: string;
-        }>;
-        PopperContainerAriaRole: typeof import("../../../popper-container").PopperContainerAriaRole;
-        dismissPopover: () => void;
-        hasSlot: (name: string) => boolean;
-    }, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, ("placement" | "dismiss")[], string, Readonly<import("vue").ExtractPropTypes<{
+    }>>, Readonly<import("vue").ExtractPropTypes<{
         actions: {
             type: PropType<import("../../../button").BentoButtonActionsList>;
             default: any;
@@ -708,6 +690,244 @@ declare const _default: import("vue").DefineComponent<{
             default: boolean;
         };
     }>>, {
+        dismiss: () => void;
+    } & {
+        placement: (placement: import("@floating-ui/utils").Placement) => void;
+    }, {
+        small: boolean;
+        title: string;
+        large: boolean;
+        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;
+        modifiers: unknown[];
+        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;
+    }, true, import("vue/types/v3-component-options").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, any>> & Readonly<Readonly<import("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: PropType<import("../../../../types").VueNodeElement>;
+            required: true;
+        };
+        withoutSpace: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+    }>>> & import("vue").ShallowUnwrapRef<{}> & import("vue/types/v3-component-options").ExtractComputedReturns<{}> & import("vue").ComponentCustomProperties & Readonly<import("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: PropType<import("../../../../types").VueNodeElement>;
+            required: true;
+        };
+        withoutSpace: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+    }>>> & import("vue/types/v3-component-options").ComponentOptionsBase<Readonly<import("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: PropType<import("../../../../types").VueNodeElement>;
+            required: true;
+        };
+        withoutSpace: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+    }>>, {}, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, {
+        dismiss: () => void;
+    } & {
+        placement: (placement: import("@floating-ui/utils").Placement) => void;
+    }, string, {
         small: boolean;
         title: string;
         large: boolean;
@@ -724,7 +944,86 @@ declare const _default: import("vue").DefineComponent<{
         dismissible: boolean;
         fitContent: boolean;
         withoutSpace: boolean;
-    }>>;
+    }> & {
+        props: {
+            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: PropType<import("../../../../types").VueNodeElement>;
+                required: true;
+            };
+            withoutSpace: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+        };
+    } & (new () => {
+        $slots: {
+            image: (_: {}) => any;
+            headerIcon: (_: {}) => any;
+            default: (_: {}) => any;
+        };
+    }))>;
     popperContainerOrPopoverProps: import("vue").ComputedRef<Readonly<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;

package/dist/@types/packages/vue2/src/components/dropdown/components/variants/dropdown-avatar/dropdown-avatar.vue.d.ts CHANGED Viewed

@@ -84,6 +84,10 @@ declare const _default: import("vue").DefineComponent<{
         default: import("../../../dropdown.types").BentoDropdownSize;
         validator: (value: import("../../../dropdown.types").BentoDropdownSize) => boolean;
     };
+    tooltipText: {
+        type: StringConstructor;
+        default: any;
+    };
     value: {
         type: PropType<BentoListboxSelectedValue>;
         default: any;
@@ -186,6 +190,10 @@ declare const _default: import("vue").DefineComponent<{
         default: import("../../../dropdown.types").BentoDropdownSize;
         validator: (value: import("../../../dropdown.types").BentoDropdownSize) => boolean;
     };
+    tooltipText: {
+        type: StringConstructor;
+        default: any;
+    };
     value: {
         type: PropType<BentoListboxSelectedValue>;
         default: any;
@@ -212,6 +220,7 @@ declare const _default: import("vue").DefineComponent<{
     size: "DropdownInputDefault" | "DropdownInputSmall" | import("../../../dropdown.types").BentoDropdownSize;
     multiple: boolean;
     loading: boolean;
+    tooltipText: string;
     errorMessage: string;
     items: BentoAvatarListboxOptions;
     isOptionDisabled: (optionValue: import("../../../../../types").BentoListboxOptionItem) => boolean;

package/dist/@types/packages/vue2/src/components/dropdown/components/variants/dropdown-country/dropdown-country.vue.d.ts CHANGED Viewed

@@ -90,6 +90,10 @@ declare const _default: import("vue").DefineComponent<{
         default: import("../../../dropdown.types").BentoDropdownSize;
         validator: (value: import("../../../dropdown.types").BentoDropdownSize) => boolean;
     };
+    tooltipText: {
+        type: StringConstructor;
+        default: any;
+    };
     value: {
         type: PropType<BentoListboxSelectedValue>;
         default: any;
@@ -193,6 +197,10 @@ declare const _default: import("vue").DefineComponent<{
         default: import("../../../dropdown.types").BentoDropdownSize;
         validator: (value: import("../../../dropdown.types").BentoDropdownSize) => boolean;
     };
+    tooltipText: {
+        type: StringConstructor;
+        default: any;
+    };
     value: {
         type: PropType<BentoListboxSelectedValue>;
         default: any;
@@ -220,6 +228,7 @@ declare const _default: import("vue").DefineComponent<{
     size: "DropdownInputDefault" | "DropdownInputSmall" | import("../../../dropdown.types").BentoDropdownSize;
     multiple: boolean;
     loading: boolean;
+    tooltipText: string;
     errorMessage: string;
     items: BentoCountryListboxOptions;
     isOptionDisabled: (optionValue: import("../../../../../types").BentoListboxOptionItem) => boolean;

package/dist/@types/packages/vue2/src/components/dropdown/components/variants/dropdown-currency/dropdown-currency.vue.d.ts CHANGED Viewed

@@ -84,6 +84,10 @@ declare const _default: import("vue").DefineComponent<{
         default: import("../../../dropdown.types").BentoDropdownSize;
         validator: (value: import("../../../dropdown.types").BentoDropdownSize) => boolean;
     };
+    tooltipText: {
+        type: StringConstructor;
+        default: any;
+    };
     value: {
         type: PropType<BentoListboxSelectedValue>;
         default: any;
@@ -181,6 +185,10 @@ declare const _default: import("vue").DefineComponent<{
         default: import("../../../dropdown.types").BentoDropdownSize;
         validator: (value: import("../../../dropdown.types").BentoDropdownSize) => boolean;
     };
+    tooltipText: {
+        type: StringConstructor;
+        default: any;
+    };
     value: {
         type: PropType<BentoListboxSelectedValue>;
         default: any;
@@ -207,6 +215,7 @@ declare const _default: import("vue").DefineComponent<{
     size: "DropdownInputDefault" | "DropdownInputSmall" | import("../../../dropdown.types").BentoDropdownSize;
     multiple: boolean;
     loading: boolean;
+    tooltipText: string;
     errorMessage: string;
     items: BentoCurrencyListboxOptions;
     isOptionDisabled: (optionValue: import("../../../../../types").BentoListboxOptionItem) => boolean;

package/dist/@types/packages/vue2/src/components/dropdown/components/variants/dropdown-payment-method/dropdown-payment-method.vue.d.ts CHANGED Viewed

@@ -84,6 +84,10 @@ declare const _default: import("vue").DefineComponent<{
         default: import("../../../dropdown.types").BentoDropdownSize;
         validator: (value: import("../../../dropdown.types").BentoDropdownSize) => boolean;
     };
+    tooltipText: {
+        type: StringConstructor;
+        default: any;
+    };
     value: {
         type: PropType<BentoListboxSelectedValue>;
         default: any;
@@ -181,6 +185,10 @@ declare const _default: import("vue").DefineComponent<{
         default: import("../../../dropdown.types").BentoDropdownSize;
         validator: (value: import("../../../dropdown.types").BentoDropdownSize) => boolean;
     };
+    tooltipText: {
+        type: StringConstructor;
+        default: any;
+    };
     value: {
         type: PropType<BentoListboxSelectedValue>;
         default: any;
@@ -207,6 +215,7 @@ declare const _default: import("vue").DefineComponent<{
     size: "DropdownInputDefault" | "DropdownInputSmall" | import("../../../dropdown.types").BentoDropdownSize;
     multiple: boolean;
     loading: boolean;
+    tooltipText: string;
     errorMessage: string;
     items: BentoPaymentMethodListboxOptions;
     isOptionDisabled: (optionValue: import("../../../../../types").BentoListboxOptionItem) => boolean;

package/dist/@types/packages/vue2/src/components/dropdown/components/variants/dropdown-tag/dropdown-tag.vue.d.ts CHANGED Viewed

@@ -84,6 +84,10 @@ declare const _default: import("vue").DefineComponent<{
         default: import("../../../dropdown.types").BentoDropdownSize;
         validator: (value: import("../../../dropdown.types").BentoDropdownSize) => boolean;
     };
+    tooltipText: {
+        type: StringConstructor;
+        default: any;
+    };
     value: {
         type: PropType<BentoListboxSelectedValue>;
         default: any;
@@ -186,6 +190,10 @@ declare const _default: import("vue").DefineComponent<{
         default: import("../../../dropdown.types").BentoDropdownSize;
         validator: (value: import("../../../dropdown.types").BentoDropdownSize) => boolean;
     };
+    tooltipText: {
+        type: StringConstructor;
+        default: any;
+    };
     value: {
         type: PropType<BentoListboxSelectedValue>;
         default: any;
@@ -212,6 +220,7 @@ declare const _default: import("vue").DefineComponent<{
     size: "DropdownInputDefault" | "DropdownInputSmall" | import("../../../dropdown.types").BentoDropdownSize;
     multiple: boolean;
     loading: boolean;
+    tooltipText: string;
     errorMessage: string;
     items: BentoTagListboxOptions;
     isOptionDisabled: (optionValue: import("../../../../../types").BentoListboxOptionItem) => boolean;

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

@@ -1,6 +1,6 @@
 import { PropType } from '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("vue").DefineComponent<{
     ariaLabel: {
         type: StringConstructor;
@@ -84,6 +84,10 @@ declare const _default: import("vue").DefineComponent<{
         default: BentoDropdownSize;
         validator: (value: BentoDropdownSize) => boolean;
     };
+    tooltipText: {
+        type: StringConstructor;
+        default: any;
+    };
     value: {
         type: PropType<BentoListboxSelectedValue>;
         default: any;
@@ -147,7 +151,7 @@ declare const _default: import("vue").DefineComponent<{
         select: (selectedValue: BentoListboxSelectedValue) => void;
         "show-more": () => void;
     };
-}, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, ("input" | BentoListboxEvent.SHOW_MORE)[], string, Readonly<import("vue").ExtractPropTypes<{
+}, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, ("input" | BentoDropdownEvent.SHOW_MORE)[], string, Readonly<import("vue").ExtractPropTypes<{
     ariaLabel: {
         type: StringConstructor;
         default: any;
@@ -230,6 +234,10 @@ declare const _default: import("vue").DefineComponent<{
         default: BentoDropdownSize;
         validator: (value: BentoDropdownSize) => boolean;
     };
+    tooltipText: {
+        type: StringConstructor;
+        default: any;
+    };
     value: {
         type: PropType<BentoListboxSelectedValue>;
         default: any;
@@ -256,6 +264,7 @@ declare const _default: import("vue").DefineComponent<{
     size: "DropdownInputDefault" | "DropdownInputSmall" | BentoDropdownSize;
     multiple: boolean;
     loading: boolean;
+    tooltipText: string;
     errorMessage: string;
     items: BentoListboxOptions;
     isOptionDisabled: (optionValue: import("../../types").BentoListboxOptionItem) => boolean;