@adyen/bento-vue3 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 "../../../../vue3/node_modules/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("../../../../vue3/node_modules/vue").DefineComponent<{
     allowRowClicks: {
         type: BooleanConstructor;
@@ -34,7 +34,7 @@ declare const _default: __VLS_WithTemplateSlots<import("../../../../vue3/node_mo
     emptyState: {
         type: PropType<Partial<{
             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";
             description: string;
             action: import("../button").BentoButtonActionObject;
@@ -55,7 +55,7 @@ declare const _default: __VLS_WithTemplateSlots<import("../../../../vue3/node_mo
                 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;
             };
@@ -160,6 +160,10 @@ declare const _default: __VLS_WithTemplateSlots<import("../../../../vue3/node_mo
         } & import("../../../../vue3/node_modules/vue").VNodeProps & import("../../../../vue3/node_modules/vue").AllowedComponentProps & import("../../../../vue3/node_modules/vue").ComponentCustomProps, "page" | "size" | "ariaLabel" | "virtualScroll" | "totalCount" | "hasNext" | "hidePageSize">>;
         default: any;
     };
+    selectableAcrossPages: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     stickyPagination: {
         type: BooleanConstructor;
         default: boolean;
@@ -222,7 +226,7 @@ declare const _default: __VLS_WithTemplateSlots<import("../../../../vue3/node_mo
     emptyState: {
         type: PropType<Partial<{
             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";
             description: string;
             action: import("../button").BentoButtonActionObject;
@@ -243,7 +247,7 @@ declare const _default: __VLS_WithTemplateSlots<import("../../../../vue3/node_mo
                 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;
             };
@@ -348,6 +352,10 @@ declare const _default: __VLS_WithTemplateSlots<import("../../../../vue3/node_mo
         } & import("../../../../vue3/node_modules/vue").VNodeProps & import("../../../../vue3/node_modules/vue").AllowedComponentProps & import("../../../../vue3/node_modules/vue").ComponentCustomProps, "page" | "size" | "ariaLabel" | "virtualScroll" | "totalCount" | "hasNext" | "hidePageSize">>;
         default: any;
     };
+    selectableAcrossPages: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     stickyPagination: {
         type: BooleanConstructor;
         default: boolean;
@@ -382,6 +390,7 @@ declare const _default: __VLS_WithTemplateSlots<import("../../../../vue3/node_mo
     "onItems-page"?: (...args: any[]) => any;
     "onColumn-resize"?: (...args: any[]) => any;
     onSort?: (...args: any[]) => any;
+    "onSelect-all-across-pages"?: (...args: any[]) => any;
     "onUpdate:columns"?: (...args: any[]) => any;
     "onUpdate:filter-values"?: (...args: any[]) => any;
     onColumns?: (...args: any[]) => any;
@@ -404,6 +413,7 @@ declare const _default: __VLS_WithTemplateSlots<import("../../../../vue3/node_mo
     lazyLoadType: BentoLazyLoadType;
     fitContent: boolean;
     hasResizableColumns: boolean;
+    selectableAcrossPages: boolean;
     sortBy: BentoDatagridSortByColumn[];
     filterValues: any;
     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/dropdown/components/dropdown-base-textbox/dropdown-base-textbox.types.d.ts

@@ -2,7 +2,7 @@ import { PropType } from "../../../../../../vue3/node_modules/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 "../../../../../../../node_modules/@vue/runt
 import { DropdownBaseTextboxEvent } from './dropdown-base-textbox.types';
 declare const _default: import("../../../../../../vue3/node_modules/vue").DefineComponent<{
     additionalItemsSelected: {
-        type: NumberConstructor;
+        type: PropType<string | number>;
         default: number;
     };
     ariaControls: {
@@ -85,7 +85,7 @@ declare const _default: import("../../../../../../vue3/node_modules/vue").Define
     hasSlot: (name: string) => boolean;
 }, unknown, {}, {}, import("../../../../../../vue3/node_modules/vue").ComponentOptionsMixin, import("../../../../../../vue3/node_modules/vue").ComponentOptionsMixin, DropdownBaseTextboxEvent[], DropdownBaseTextboxEvent, 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<{
     additionalItemsSelected: {
-        type: NumberConstructor;
+        type: PropType<string | number>;
         default: number;
     };
     ariaControls: {
@@ -161,7 +161,7 @@ declare const _default: import("../../../../../../vue3/node_modules/vue").Define
     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/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("../../../../../../vue3/node_modules/vue").DefineComponent<{
     additionalItemsSelected: {
-        type: NumberConstructor;
+        type: PropType<string | number>;
         default: number;
     };
     ariaControls: {
@@ -89,7 +89,7 @@ declare const _default: import("../../../../../../vue3/node_modules/vue").Define
     };
 }, unknown, {}, {}, import("../../../../../../vue3/node_modules/vue").ComponentOptionsMixin, import("../../../../../../vue3/node_modules/vue").ComponentOptionsMixin, DropdownBaseTextboxEvent[], DropdownBaseTextboxEvent, 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<{
     additionalItemsSelected: {
-        type: NumberConstructor;
+        type: PropType<string | number>;
         default: number;
     };
     ariaControls: {
@@ -170,7 +170,7 @@ declare const _default: import("../../../../../../vue3/node_modules/vue").Define
     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/dropdown-options-container/composables/useDropdownOptionsListbox.d.ts

@@ -1,7 +1,7 @@
 import { Ref } from "../../../../../../../vue3/node_modules/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("../../../../../../../vue3/node_modules/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("../../../../../../vue3/node_modules/vue").Define
         type: BooleanConstructor;
         default: boolean;
     };
+    staticCategories: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     open: {
         type: BooleanConstructor;
         required: true;
@@ -496,9 +500,9 @@ declare const _default: import("../../../../../../vue3/node_modules/vue").Define
                 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;
+                modifiers: unknown[];
                 fallbackPosition: import("@floating-ui/utils").Placement[];
                 fixedPositioning: boolean;
                 ariaLabel: string;
@@ -583,7 +587,7 @@ declare const _default: import("../../../../../../vue3/node_modules/vue").Define
             }>> & {
                 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">;
+            } & import("../../../../../../vue3/node_modules/vue").VNodeProps & import("../../../../../../vue3/node_modules/vue").AllowedComponentProps & import("../../../../../../vue3/node_modules/vue").ComponentCustomProps, "small" | "title" | "large" | "position" | "open" | "modifiers" | "fallbackPosition" | "fixedPositioning" | "ariaLabel" | "actions" | "actionsLayout" | "divider" | "disableFocusTrap" | "dismissible" | "fitContent" | "withoutSpace">;
             $attrs: {
                 [x: string]: unknown;
             };
@@ -679,9 +683,9 @@ declare const _default: import("../../../../../../vue3/node_modules/vue").Define
                 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;
+                modifiers: unknown[];
                 fallbackPosition: import("@floating-ui/utils").Placement[];
                 fixedPositioning: boolean;
                 ariaLabel: string;
@@ -872,9 +876,9 @@ declare const _default: import("../../../../../../vue3/node_modules/vue").Define
         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;
+        modifiers: unknown[];
         fallbackPosition: import("@floating-ui/utils").Placement[];
         fixedPositioning: boolean;
         ariaLabel: string;
@@ -990,9 +994,9 @@ declare const _default: import("../../../../../../vue3/node_modules/vue").Define
         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;
+        modifiers: unknown[];
         fallbackPosition: import("@floating-ui/utils").Placement[];
         fixedPositioning: boolean;
         ariaLabel: string;
@@ -1077,9 +1081,10 @@ declare const _default: import("../../../../../../vue3/node_modules/vue").Define
     }>> & {
         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">)>;
+    } & import("../../../../../../vue3/node_modules/vue").VNodeProps & import("../../../../../../vue3/node_modules/vue").AllowedComponentProps & import("../../../../../../vue3/node_modules/vue").ComponentCustomProps, "small" | "title" | "large" | "position" | "open" | "modifiers" | "fallbackPosition" | "fixedPositioning" | "ariaLabel" | "actions" | "actionsLayout" | "divider" | "disableFocusTrap" | "dismissible" | "fitContent" | "withoutSpace">)>;
     dropdownOptionsListboxRef: any;
     onEscapeKey: () => void;
+    onOutsideDropdownClick: () => void;
     listeners: {
         select: (newSelectedValue: BentoListboxSelectedValue) => void;
         "show-more": () => void;
@@ -1134,6 +1139,10 @@ declare const _default: import("../../../../../../vue3/node_modules/vue").Define
         type: BooleanConstructor;
         default: boolean;
     };
+    staticCategories: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     open: {
         type: BooleanConstructor;
         required: true;
@@ -1164,6 +1173,7 @@ declare const _default: import("../../../../../../vue3/node_modules/vue").Define
     multiple: boolean;
     isOptionDisabled: (optionValue: import("../../../../types").BentoListboxOptionItem) => boolean;
     selectedValue: BentoListboxSelectedValue;
+    staticCategories: boolean;
     ariaLabel: string;
     searching: any;
     loading: boolean;

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("../../../../../../vue3/node_modules/vue").DefineComponent<{
     additionalItemsSelected: {
-        type: NumberConstructor;
+        type: PropType<string | number>;
         default: number;
     };
     ariaControls: {
@@ -65,7 +65,7 @@ declare const _default: import("../../../../../../vue3/node_modules/vue").Define
     };
 }, unknown, {}, {}, import("../../../../../../vue3/node_modules/vue").ComponentOptionsMixin, import("../../../../../../vue3/node_modules/vue").ComponentOptionsMixin, (DropdownBaseTextboxEvent.OPEN | DropdownBaseTextboxEvent.CLOSE)[], DropdownBaseTextboxEvent.OPEN | DropdownBaseTextboxEvent.CLOSE, 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<{
     additionalItemsSelected: {
-        type: NumberConstructor;
+        type: PropType<string | number>;
         default: number;
     };
     ariaControls: {
@@ -125,7 +125,7 @@ declare const _default: import("../../../../../../vue3/node_modules/vue").Define
     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/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 {};