@adyen/bento-vue2 1.9.0 → 1.11.0

package/dist/@types/packages/vue2/src/components/data-grid/data-grid.vue.d.ts

@@ -1,7 +1,7 @@
 import { PropType } from 'vue';
-import { BentoButtonActionsList } from "../button";
 import { BentoColumn, BentoDatagridData, BentoDatagridDataItem, BentoDatagridDataItemId, BentoDatagridEvent, BentoDatagridGetDataItemIdFn, BentoDatagridIsDataItemDisabledFn, BentoDatagridSortByColumn } from './data-grid.types';
 import { BentoLazyLoadType } from "../../types";
+import type { BentoButtonActionsList } from "../button";
 declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     allowRowClicks: {
         type: BooleanConstructor;
@@ -35,7 +35,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         type: PropType<Readonly<Partial<{
             description: string;
             title: string;
-            image: "1-generic-use" | "2-generic-use" | "3-generic-use" | "4-generic-use" | "adding-payment-methods" | "adyen-giving" | "internal-error" | "no-results-found" | "notifications-cleared" | "page-not-found" | "planned-maintenance" | "referrals" | "upload-files" | "wrong-environment";
+            image: "1-generic-use" | "2-generic-use" | "3-generic-use" | "4-generic-use" | "adding-payment-methods" | "adyen-giving" | "internal-error" | "no-results-found" | "notifications-cleared" | "page-not-found" | "planned-maintenance" | "referrals" | "success" | "upload-files" | "wrong-environment";
             variant: "condensed" | "full-page" | "embedded" | "basic";
             action: import("../button").BentoButtonActionObject;
             headingEl: "div" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "p" | "span";
@@ -55,7 +55,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
                 validator: (value: import("../typography").BentoTypographyElement) => boolean;
             };
             image: {
-                type: PropType<"1-generic-use" | "2-generic-use" | "3-generic-use" | "4-generic-use" | "adding-payment-methods" | "adyen-giving" | "internal-error" | "no-results-found" | "notifications-cleared" | "page-not-found" | "planned-maintenance" | "referrals" | "upload-files" | "wrong-environment">;
+                type: PropType<"1-generic-use" | "2-generic-use" | "3-generic-use" | "4-generic-use" | "adding-payment-methods" | "adyen-giving" | "internal-error" | "no-results-found" | "notifications-cleared" | "page-not-found" | "planned-maintenance" | "referrals" | "success" | "upload-files" | "wrong-environment">;
                 default: any;
                 validator: (value: import("../empty-state").BentoEmptyStateImage) => boolean;
             };
@@ -84,7 +84,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
                 validator: (value: import("../typography").BentoTypographyElement) => boolean;
             };
             image: {
-                type: PropType<"1-generic-use" | "2-generic-use" | "3-generic-use" | "4-generic-use" | "adding-payment-methods" | "adyen-giving" | "internal-error" | "no-results-found" | "notifications-cleared" | "page-not-found" | "planned-maintenance" | "referrals" | "upload-files" | "wrong-environment">;
+                type: PropType<"1-generic-use" | "2-generic-use" | "3-generic-use" | "4-generic-use" | "adding-payment-methods" | "adyen-giving" | "internal-error" | "no-results-found" | "notifications-cleared" | "page-not-found" | "planned-maintenance" | "referrals" | "success" | "upload-files" | "wrong-environment">;
                 default: any;
                 validator: (value: import("../empty-state").BentoEmptyStateImage) => boolean;
             };
@@ -215,6 +215,10 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         }>>>>;
         default: any;
     };
+    selectableAcrossPages: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     stickyPagination: {
         type: BooleanConstructor;
         default: boolean;
@@ -278,7 +282,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         type: PropType<Readonly<Partial<{
             description: string;
             title: string;
-            image: "1-generic-use" | "2-generic-use" | "3-generic-use" | "4-generic-use" | "adding-payment-methods" | "adyen-giving" | "internal-error" | "no-results-found" | "notifications-cleared" | "page-not-found" | "planned-maintenance" | "referrals" | "upload-files" | "wrong-environment";
+            image: "1-generic-use" | "2-generic-use" | "3-generic-use" | "4-generic-use" | "adding-payment-methods" | "adyen-giving" | "internal-error" | "no-results-found" | "notifications-cleared" | "page-not-found" | "planned-maintenance" | "referrals" | "success" | "upload-files" | "wrong-environment";
             variant: "condensed" | "full-page" | "embedded" | "basic";
             action: import("../button").BentoButtonActionObject;
             headingEl: "div" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "p" | "span";
@@ -298,7 +302,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
                 validator: (value: import("../typography").BentoTypographyElement) => boolean;
             };
             image: {
-                type: PropType<"1-generic-use" | "2-generic-use" | "3-generic-use" | "4-generic-use" | "adding-payment-methods" | "adyen-giving" | "internal-error" | "no-results-found" | "notifications-cleared" | "page-not-found" | "planned-maintenance" | "referrals" | "upload-files" | "wrong-environment">;
+                type: PropType<"1-generic-use" | "2-generic-use" | "3-generic-use" | "4-generic-use" | "adding-payment-methods" | "adyen-giving" | "internal-error" | "no-results-found" | "notifications-cleared" | "page-not-found" | "planned-maintenance" | "referrals" | "success" | "upload-files" | "wrong-environment">;
                 default: any;
                 validator: (value: import("../empty-state").BentoEmptyStateImage) => boolean;
             };
@@ -327,7 +331,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
                 validator: (value: import("../typography").BentoTypographyElement) => boolean;
             };
             image: {
-                type: PropType<"1-generic-use" | "2-generic-use" | "3-generic-use" | "4-generic-use" | "adding-payment-methods" | "adyen-giving" | "internal-error" | "no-results-found" | "notifications-cleared" | "page-not-found" | "planned-maintenance" | "referrals" | "upload-files" | "wrong-environment">;
+                type: PropType<"1-generic-use" | "2-generic-use" | "3-generic-use" | "4-generic-use" | "adding-payment-methods" | "adyen-giving" | "internal-error" | "no-results-found" | "notifications-cleared" | "page-not-found" | "planned-maintenance" | "referrals" | "success" | "upload-files" | "wrong-environment">;
                 default: any;
                 validator: (value: import("../empty-state").BentoEmptyStateImage) => boolean;
             };
@@ -458,6 +462,10 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         }>>>>;
         default: any;
     };
+    selectableAcrossPages: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     stickyPagination: {
         type: BooleanConstructor;
         default: boolean;
@@ -495,6 +503,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     lazyLoadType: BentoLazyLoadType;
     fitContent: boolean;
     hasResizableColumns: boolean;
+    selectableAcrossPages: boolean;
     sortBy: BentoDatagridSortByColumn[];
     filterValues: import("../filter-bar").BentoFilterValues;
     allowRowClicks: boolean;

package/dist/@types/packages/vue2/src/components/divider/divider.keys.d.ts

@@ -0,0 +1 @@
+export declare const DIVIDER_INVERSE_INJECTION_KEY: unique symbol;

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

@@ -1,2 +1,2 @@
-declare const _default: import("vue").DefineComponent<{}, unknown, {}, {}, {}, import("vue/types/v3-component-options.js").ComponentOptionsMixin, import("vue/types/v3-component-options.js").ComponentOptionsMixin, {}, string, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
+declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, {}, string, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
 export default _default;

package/dist/@types/packages/vue2/src/components/dropdown/components/dropdown-base-textbox/dropdown-base-textbox.types.d.ts

@@ -2,7 +2,7 @@ import { PropType } from 'vue';
 import { Booleanish } from "../../../../types";
 export declare const DropdownBaseTextboxProps: {
     additionalItemsSelected: {
-        type: NumberConstructor;
+        type: PropType<string | number>;
         default: number;
     };
     dynamicFiltering: {

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

@@ -4,7 +4,7 @@ import type { HTMLAttributes } from 'vue/types/jsx';
 import { DropdownBaseTextboxEvent } from './dropdown-base-textbox.types';
 declare const _default: import("vue").DefineComponent<{
     additionalItemsSelected: {
-        type: NumberConstructor;
+        type: PropType<string | number>;
         default: number;
     };
     ariaControls: {
@@ -85,7 +85,7 @@ declare const _default: import("vue").DefineComponent<{
     hasSlot: (name: string) => boolean;
 }, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, DropdownBaseTextboxEvent[], string, Readonly<import("vue").ExtractPropTypes<{
     additionalItemsSelected: {
-        type: NumberConstructor;
+        type: PropType<string | number>;
         default: number;
     };
     ariaControls: {
@@ -155,7 +155,7 @@ declare const _default: import("vue").DefineComponent<{
     open: boolean;
     multiple: boolean;
     ariaLabel: string;
-    additionalItemsSelected: number;
+    additionalItemsSelected: string | number;
     ariaLabelledby: string;
     debounceTime: number;
     displayValue: string;

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

@@ -3,7 +3,7 @@ import { BentoListboxOptionItem, Booleanish } from "../../../../types";
 import { DropdownBaseTextboxEvent } from '../dropdown-base-textbox/dropdown-base-textbox.types';
 declare const _default: import("vue").DefineComponent<{
     additionalItemsSelected: {
-        type: NumberConstructor;
+        type: PropType<string | number>;
         default: number;
     };
     ariaControls: {
@@ -87,7 +87,7 @@ declare const _default: import("vue").DefineComponent<{
     };
 }, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, DropdownBaseTextboxEvent[], string, Readonly<import("vue").ExtractPropTypes<{
     additionalItemsSelected: {
-        type: NumberConstructor;
+        type: PropType<string | number>;
         default: number;
     };
     ariaControls: {
@@ -162,7 +162,7 @@ declare const _default: import("vue").DefineComponent<{
     open: boolean;
     multiple: boolean;
     ariaLabel: string;
-    additionalItemsSelected: number;
+    additionalItemsSelected: string | number;
     ariaLabelledby: string;
     debounceTime: number;
     displayValue: string;

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

@@ -1,7 +1,7 @@
 import { Ref } from 'vue';
 import { BentoListboxEvent, BentoListboxSelectedValue } from "../../../../../types";
 import { BentoDropdownEvent } from '../../../dropdown.types';
-export declare const useDropdownOptionsListbox: (selectedValue: Ref<BentoListboxSelectedValue>, multiple: Ref<boolean>, emit: (event: BentoListboxEvent | BentoDropdownEvent, selectedValue?: BentoListboxSelectedValue) => void) => {
+export declare const useDropdownOptionsListbox: (selectedValue: Ref<BentoListboxSelectedValue>, multiple: Ref<boolean>, isOpen: Ref<boolean>, emit: (event: BentoListboxEvent | BentoDropdownEvent, selectedValue?: BentoListboxSelectedValue) => void) => {
     actions: import("vue").ComputedRef<({
         title: string;
         event: () => void;
@@ -20,4 +20,5 @@ export declare const useDropdownOptionsListbox: (selectedValue: Ref<BentoListbox
         "enter-pressed": (newSelectedValue: BentoListboxSelectedValue) => void;
     };
     onEscapeKey: () => void;
+    onOutsideDropdownClick: () => void;
 };

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

@@ -48,6 +48,10 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    staticCategories: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     open: {
         type: BooleanConstructor;
         required: true;
@@ -1344,6 +1348,7 @@ declare const _default: import("vue").DefineComponent<{
     }>>>>;
     dropdownOptionsListboxRef: any;
     onEscapeKey: () => void;
+    onOutsideDropdownClick: () => void;
     listeners: {
         select: (newSelectedValue: BentoListboxSelectedValue) => void;
         "show-more": () => void;
@@ -1398,6 +1403,10 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    staticCategories: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     open: {
         type: BooleanConstructor;
         required: true;
@@ -1424,6 +1433,7 @@ declare const _default: import("vue").DefineComponent<{
     loading: boolean;
     isOptionDisabled: (optionValue: import("../../../../types").BentoListboxOptionItem) => boolean;
     selectedValue: BentoListboxSelectedValue;
+    staticCategories: boolean;
     ariaLabel: string;
     searching: boolean;
     emptyState: BentoDropdownEmptyStateProps;

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

@@ -3,7 +3,7 @@ import { DropdownBaseTextboxEvent } from "../dropdown-base-textbox/dropdown-base
 import { Booleanish } from "../../../../types";
 declare const _default: import("vue").DefineComponent<{
     additionalItemsSelected: {
-        type: NumberConstructor;
+        type: PropType<string | number>;
         default: number;
     };
     ariaControls: {
@@ -65,7 +65,7 @@ declare const _default: import("vue").DefineComponent<{
     };
 }, {}, {}, {}, import("vue/types/v3-component-options.js").ComponentOptionsMixin, import("vue/types/v3-component-options.js").ComponentOptionsMixin, (DropdownBaseTextboxEvent.OPEN | DropdownBaseTextboxEvent.CLOSE)[], string, Readonly<import("vue").ExtractPropTypes<{
     additionalItemsSelected: {
-        type: NumberConstructor;
+        type: PropType<string | number>;
         default: number;
     };
     ariaControls: {
@@ -122,7 +122,7 @@ declare const _default: import("vue").DefineComponent<{
     readonly: boolean;
     open: boolean;
     ariaLabel: string;
-    additionalItemsSelected: number;
+    additionalItemsSelected: string | number;
     ariaLabelledby: string;
     debounceTime: number;
     displayValue: string;

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

@@ -92,6 +92,10 @@ declare const _default: import("vue").DefineComponent<{
         type: StringConstructor;
         default: any;
     };
+    staticCategories: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     value: {
         type: PropType<BentoListboxSelectedValue>;
         default: any;
@@ -202,6 +206,10 @@ declare const _default: import("vue").DefineComponent<{
         type: StringConstructor;
         default: any;
     };
+    staticCategories: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     value: {
         type: PropType<BentoListboxSelectedValue>;
         default: any;
@@ -233,6 +241,7 @@ declare const _default: import("vue").DefineComponent<{
     errorMessage: string;
     items: BentoAvatarListboxOptions;
     isOptionDisabled: (optionValue: import("../../../../../types").BentoListboxOptionItem) => boolean;
+    staticCategories: boolean;
     ariaLabel: string;
     emptyState: import("../../../../../types").BentoListboxEmptyStateProps;
     hasMoreItems: boolean;

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

@@ -98,6 +98,10 @@ declare const _default: import("vue").DefineComponent<{
         type: StringConstructor;
         default: any;
     };
+    staticCategories: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     value: {
         type: PropType<BentoListboxSelectedValue>;
         default: any;
@@ -209,6 +213,10 @@ declare const _default: import("vue").DefineComponent<{
         type: StringConstructor;
         default: any;
     };
+    staticCategories: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     value: {
         type: PropType<BentoListboxSelectedValue>;
         default: any;
@@ -241,6 +249,7 @@ declare const _default: import("vue").DefineComponent<{
     errorMessage: string;
     items: BentoCountryListboxOptions;
     isOptionDisabled: (optionValue: import("../../../../../types").BentoListboxOptionItem) => boolean;
+    staticCategories: boolean;
     ariaLabel: string;
     emptyState: import("../../../../../types").BentoListboxEmptyStateProps;
     hasMoreItems: boolean;

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

@@ -92,6 +92,10 @@ declare const _default: import("vue").DefineComponent<{
         type: StringConstructor;
         default: any;
     };
+    staticCategories: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     value: {
         type: PropType<BentoListboxSelectedValue>;
         default: any;
@@ -197,6 +201,10 @@ declare const _default: import("vue").DefineComponent<{
         type: StringConstructor;
         default: any;
     };
+    staticCategories: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     value: {
         type: PropType<BentoListboxSelectedValue>;
         default: any;
@@ -228,6 +236,7 @@ declare const _default: import("vue").DefineComponent<{
     errorMessage: string;
     items: BentoCurrencyListboxOptions;
     isOptionDisabled: (optionValue: import("../../../../../types").BentoListboxOptionItem) => boolean;
+    staticCategories: boolean;
     ariaLabel: string;
     emptyState: import("../../../../../types").BentoListboxEmptyStateProps;
     hasMoreItems: boolean;

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

@@ -92,6 +92,10 @@ declare const _default: import("vue").DefineComponent<{
         type: StringConstructor;
         default: any;
     };
+    staticCategories: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     value: {
         type: PropType<BentoListboxSelectedValue>;
         default: any;
@@ -197,6 +201,10 @@ declare const _default: import("vue").DefineComponent<{
         type: StringConstructor;
         default: any;
     };
+    staticCategories: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     value: {
         type: PropType<BentoListboxSelectedValue>;
         default: any;
@@ -228,6 +236,7 @@ declare const _default: import("vue").DefineComponent<{
     errorMessage: string;
     items: BentoPaymentMethodListboxOptions;
     isOptionDisabled: (optionValue: import("../../../../../types").BentoListboxOptionItem) => boolean;
+    staticCategories: boolean;
     ariaLabel: string;
     emptyState: import("../../../../../types").BentoListboxEmptyStateProps;
     hasMoreItems: boolean;

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

@@ -92,6 +92,10 @@ declare const _default: import("vue").DefineComponent<{
         type: StringConstructor;
         default: any;
     };
+    staticCategories: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     value: {
         type: PropType<BentoListboxSelectedValue>;
         default: any;
@@ -202,6 +206,10 @@ declare const _default: import("vue").DefineComponent<{
         type: StringConstructor;
         default: any;
     };
+    staticCategories: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     value: {
         type: PropType<BentoListboxSelectedValue>;
         default: any;
@@ -233,6 +241,7 @@ declare const _default: import("vue").DefineComponent<{
     errorMessage: string;
     items: BentoTagListboxOptions;
     isOptionDisabled: (optionValue: import("../../../../../types").BentoListboxOptionItem) => boolean;
+    staticCategories: boolean;
     ariaLabel: string;
     emptyState: import("../../../../../types").BentoListboxEmptyStateProps;
     hasMoreItems: boolean;

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

@@ -6,6 +6,7 @@ interface UseDisplayValueOptions {
     placeholder: Ref<string>;
     value: Ref<BentoListboxSelectedValue>;
     multiple: Ref<boolean>;
+    staticCategories: Ref<boolean>;
 }
 export type UseDisplayValue = (options: UseDisplayValueOptions) => ComputedRef<string>;
 export {};