@adyen/bento-vue3 1.11.0 → 1.12.0

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

@@ -1,5 +1,4 @@
 import { PropType } from "../../../../../../vue3/node_modules/vue";
-import { DropdownBaseTextboxEvent } from "../dropdown-base-textbox/dropdown-base-textbox.types";
 import { Booleanish } from "../../../../types";
 declare const _default: import("../../../../../../vue3/node_modules/vue").DefineComponent<{
     additionalItemsSelected: {
@@ -54,16 +53,11 @@ declare const _default: import("../../../../../../vue3/node_modules/vue").Define
         type: StringConstructor;
         default: string;
     };
-}, {
-    conditionalClasses: import("../../../../../../vue3/node_modules/vue").ComputedRef<{
-        [x: string]: boolean;
-    }>;
-    isDropdownOpen: import("../../../../../../vue3/node_modules/vue").ComputedRef<boolean>;
-    listeners: {
-        open: () => void;
-        close: () => void;
-    };
-}, 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<{
+}, {}, unknown, {}, {}, import("../../../../../../vue3/node_modules/vue").ComponentOptionsMixin, import("../../../../../../vue3/node_modules/vue").ComponentOptionsMixin, {
+    close: () => void;
+} & {
+    open: () => void;
+}, string, 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: PropType<string | number>;
         default: number;
@@ -117,8 +111,8 @@ declare const _default: import("../../../../../../vue3/node_modules/vue").Define
         default: string;
     };
 }>> & {
-    onOpen?: (...args: any[]) => any;
-    onClose?: (...args: any[]) => any;
+    onOpen?: () => any;
+    onClose?: () => any;
 }, {
     value: string;
     disabled: boolean;

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

@@ -1,9 +1,8 @@
 import { BentoListboxSelectedValue } from "../../../../../types";
-declare const _default: import("../../../../../../../vue3/node_modules/vue").DefineComponent<any, {
-    dropdownItems: import("../../../../../../../vue3/node_modules/vue").ComputedRef<any>;
-    onInput: (selectedValue: BentoListboxSelectedValue) => void;
-}, unknown, {}, {}, import("../../../../../../../vue3/node_modules/vue").ComponentOptionsMixin, import("../../../../../../../vue3/node_modules/vue").ComponentOptionsMixin, "input"[], "input", import("../../../../../../../vue3/node_modules/vue").VNodeProps & import("../../../../../../../vue3/node_modules/vue").AllowedComponentProps & import("../../../../../../../vue3/node_modules/vue").ComponentCustomProps, Readonly<any> & {
-    onInput?: (...args: any[]) => any;
+declare const _default: import("../../../../../../../vue3/node_modules/vue").DefineComponent<any, {}, unknown, {}, {}, import("../../../../../../../vue3/node_modules/vue").ComponentOptionsMixin, import("../../../../../../../vue3/node_modules/vue").ComponentOptionsMixin, {
+    input: (selectedValue: BentoListboxSelectedValue) => void;
+}, string, import("../../../../../../../vue3/node_modules/vue").VNodeProps & import("../../../../../../../vue3/node_modules/vue").AllowedComponentProps & import("../../../../../../../vue3/node_modules/vue").ComponentCustomProps, Readonly<any> & {
+    onInput?: (selectedValue: BentoListboxSelectedValue) => any;
 }, {} | {
     [x: string]: any;
 }>;

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

@@ -0,0 +1,2 @@
+export { default as BentoDropdownAvatar } from './dropdown-avatar.vue';
+export * from './dropdown-avatar.types';

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

@@ -1,9 +1,8 @@
 import { BentoListboxSelectedValue } from "../../../../../types";
-declare const _default: import("../../../../../../../vue3/node_modules/vue").DefineComponent<any, {
-    countryItems: import("../../../../../../../vue3/node_modules/vue").ComputedRef<import("../../../../../types").BentoListboxOptions>;
-    onInput: (selectedValue: BentoListboxSelectedValue) => void;
-}, unknown, {}, {}, import("../../../../../../../vue3/node_modules/vue").ComponentOptionsMixin, import("../../../../../../../vue3/node_modules/vue").ComponentOptionsMixin, "input"[], "input", import("../../../../../../../vue3/node_modules/vue").VNodeProps & import("../../../../../../../vue3/node_modules/vue").AllowedComponentProps & import("../../../../../../../vue3/node_modules/vue").ComponentCustomProps, Readonly<any> & {
-    onInput?: (...args: any[]) => any;
+declare const _default: import("../../../../../../../vue3/node_modules/vue").DefineComponent<any, {}, unknown, {}, {}, import("../../../../../../../vue3/node_modules/vue").ComponentOptionsMixin, import("../../../../../../../vue3/node_modules/vue").ComponentOptionsMixin, {
+    input: (selectedValue: BentoListboxSelectedValue) => void;
+}, string, import("../../../../../../../vue3/node_modules/vue").VNodeProps & import("../../../../../../../vue3/node_modules/vue").AllowedComponentProps & import("../../../../../../../vue3/node_modules/vue").ComponentCustomProps, Readonly<any> & {
+    onInput?: (selectedValue: BentoListboxSelectedValue) => any;
 }, {} | {
     [x: string]: any;
 }>;

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

@@ -0,0 +1,2 @@
+export { default as BentoDropdownCountry } from './dropdown-country.vue';
+export * from './dropdown-country.types';

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

@@ -1,8 +1,8 @@
 import type { BentoListboxSelectedValue } from "../../../../../types";
-declare const _default: import("../../../../../../../vue3/node_modules/vue").DefineComponent<any, {
-    onInput: (selectedValue: BentoListboxSelectedValue) => void;
-}, unknown, {}, {}, import("../../../../../../../vue3/node_modules/vue").ComponentOptionsMixin, import("../../../../../../../vue3/node_modules/vue").ComponentOptionsMixin, "input"[], "input", import("../../../../../../../vue3/node_modules/vue").VNodeProps & import("../../../../../../../vue3/node_modules/vue").AllowedComponentProps & import("../../../../../../../vue3/node_modules/vue").ComponentCustomProps, Readonly<any> & {
-    onInput?: (...args: any[]) => any;
+declare const _default: import("../../../../../../../vue3/node_modules/vue").DefineComponent<any, {}, unknown, {}, {}, import("../../../../../../../vue3/node_modules/vue").ComponentOptionsMixin, import("../../../../../../../vue3/node_modules/vue").ComponentOptionsMixin, {
+    input: (selectedValue: BentoListboxSelectedValue) => void;
+}, string, import("../../../../../../../vue3/node_modules/vue").VNodeProps & import("../../../../../../../vue3/node_modules/vue").AllowedComponentProps & import("../../../../../../../vue3/node_modules/vue").ComponentCustomProps, Readonly<any> & {
+    onInput?: (selectedValue: BentoListboxSelectedValue) => any;
 }, {} | {
     [x: string]: any;
 }>;

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

@@ -0,0 +1,2 @@
+export { default as BentoDropdownCurrency } from './dropdown-currency.vue';
+export * from './dropdown-currency.types';

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

@@ -1,8 +1,8 @@
 import { BentoListboxSelectedValue } from "../../../../../types";
-declare const _default: import("../../../../../../../vue3/node_modules/vue").DefineComponent<any, {
-    onInput: (selectedValue: BentoListboxSelectedValue) => void;
-}, unknown, {}, {}, import("../../../../../../../vue3/node_modules/vue").ComponentOptionsMixin, import("../../../../../../../vue3/node_modules/vue").ComponentOptionsMixin, "input"[], "input", import("../../../../../../../vue3/node_modules/vue").VNodeProps & import("../../../../../../../vue3/node_modules/vue").AllowedComponentProps & import("../../../../../../../vue3/node_modules/vue").ComponentCustomProps, Readonly<any> & {
-    onInput?: (...args: any[]) => any;
+declare const _default: import("../../../../../../../vue3/node_modules/vue").DefineComponent<any, {}, unknown, {}, {}, import("../../../../../../../vue3/node_modules/vue").ComponentOptionsMixin, import("../../../../../../../vue3/node_modules/vue").ComponentOptionsMixin, {
+    input: (selectedValue: BentoListboxSelectedValue) => void;
+}, string, import("../../../../../../../vue3/node_modules/vue").VNodeProps & import("../../../../../../../vue3/node_modules/vue").AllowedComponentProps & import("../../../../../../../vue3/node_modules/vue").ComponentCustomProps, Readonly<any> & {
+    onInput?: (selectedValue: BentoListboxSelectedValue) => any;
 }, {} | {
     [x: string]: any;
 }>;

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

@@ -0,0 +1,2 @@
+export { default as BentoDropdownPaymentMethod } from './dropdown-payment-method.vue';
+export * from './dropdown-payment-method.types';

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

@@ -1,9 +1,8 @@
 import type { BentoListboxSelectedValue } from '../../../../../types';
-declare const _default: import("../../../../../../../vue3/node_modules/vue").DefineComponent<any, {
-    tagItems: import("../../../../../../../vue3/node_modules/vue").ComputedRef<any>;
-    onInput: (selectedValue: BentoListboxSelectedValue) => void;
-}, unknown, {}, {}, import("../../../../../../../vue3/node_modules/vue").ComponentOptionsMixin, import("../../../../../../../vue3/node_modules/vue").ComponentOptionsMixin, "input"[], "input", import("../../../../../../../vue3/node_modules/vue").VNodeProps & import("../../../../../../../vue3/node_modules/vue").AllowedComponentProps & import("../../../../../../../vue3/node_modules/vue").ComponentCustomProps, Readonly<any> & {
-    onInput?: (...args: any[]) => any;
+declare const _default: import("../../../../../../../vue3/node_modules/vue").DefineComponent<any, {}, unknown, {}, {}, import("../../../../../../../vue3/node_modules/vue").ComponentOptionsMixin, import("../../../../../../../vue3/node_modules/vue").ComponentOptionsMixin, {
+    input: (selectedValue: BentoListboxSelectedValue) => void;
+}, string, import("../../../../../../../vue3/node_modules/vue").VNodeProps & import("../../../../../../../vue3/node_modules/vue").AllowedComponentProps & import("../../../../../../../vue3/node_modules/vue").ComponentCustomProps, Readonly<any> & {
+    onInput?: (selectedValue: BentoListboxSelectedValue) => any;
 }, {} | {
     [x: string]: any;
 }>;

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

@@ -0,0 +1,2 @@
+export { default as BentoDropdownTag } from './dropdown-tag.vue';
+export * from './dropdown-tag.types';

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

@@ -0,0 +1,2 @@
+export { useDisplayValue } from './use-display-value';
+export { useListboxKeyboardNavigation, useTextboxKeyboardNavigation } from './use-keyboard-navigation';

package/dist/@types/packages/vue2/src/components/dropdown/composables/use-display-value.d.ts

@@ -0,0 +1,2 @@
+import { UseDisplayValue } from './use-display-value.types';
+export declare const useDisplayValue: UseDisplayValue;

package/dist/@types/packages/vue2/src/components/dropdown/composables/{useDisplayValue.types.d.ts → use-display-value.types.d.ts}

@@ -1,6 +1,22 @@
 import { BentoListboxOptions, BentoListboxSelectedValue } from "../../../types";
 import { Ref } from "../../../../../vue3/node_modules/vue";
 import type { ComputedRef } from "../../../../../vue3/node_modules/vue";
+export interface SingleSelectOptions {
+    items: Ref<BentoListboxOptions>;
+    placeholder: Ref<string>;
+    selectedValue: Ref<BentoListboxSelectedValue>;
+    staticCategories: boolean;
+}
+export interface MultiSelectOptions {
+    items: Ref<BentoListboxOptions>;
+    placeholder: Ref<string>;
+    selectedValues: Ref<BentoListboxSelectedValue>;
+}
+export interface CategoryMultiSelectOptions {
+    items: Ref<BentoListboxOptions>;
+    placeholder: Ref<string>;
+    selectedValues: Ref<BentoListboxSelectedValue>;
+}
 interface UseDisplayValueOptions {
     items: Ref<BentoListboxOptions>;
     placeholder: Ref<string>;

package/dist/@types/packages/vue2/src/components/dropdown/composables/{useKeyboardNavigation.d.ts → use-keyboard-navigation.d.ts}

@@ -1,12 +1,5 @@
-export declare const useTextboxKeyboardNavigation: ({ inputContainerRef, optionsContainerRef, selectedValueIndex, isDropdownOpen, isDynamicFltering, items, isMultiple, }: {
-    inputContainerRef: any;
-    optionsContainerRef: any;
-    selectedValueIndex: any;
-    isDropdownOpen: any;
-    isDynamicFltering: any;
-    items: any;
-    isMultiple: any;
-}, toggleDropdown: any, openDropdown: any, closeDropdown: any) => import("../../../../../vue3/node_modules/vue").ComputedRef<{
+import { UseListboxKeyboardNavigationOptions, UseTextboxKeyboardNavigationOptions } from './use-keyboard-navigation.types';
+export declare const useTextboxKeyboardNavigation: ({ inputContainerRef, optionsContainerRef, selectedValueIndex, isDropdownOpen, isDynamicFltering, items, isMultiple, }: UseTextboxKeyboardNavigationOptions, toggleDropdown: () => void, openDropdown: () => void, closeDropdown: () => void) => import("../../../../../vue3/node_modules/vue").ComputedRef<{
     "keydown:enter": () => void;
     "keydown:arrow-down": ({ detail: event }: {
         detail: any;
@@ -21,10 +14,7 @@ export declare const useTextboxKeyboardNavigation: ({ inputContainerRef, options
         detail: any;
     }) => void;
 }>;
-export declare const useListboxKeyboardNavigation: ({ inputContainerRef, isDropdownOpen }: {
-    inputContainerRef: any;
-    isDropdownOpen: any;
-}, closeDropdown: any) => {
+export declare const useListboxKeyboardNavigation: ({ inputContainerRef, isDropdownOpen }: UseListboxKeyboardNavigationOptions, closeDropdown: () => void) => {
     "enter-pressed": () => void;
     "escape-pressed": () => void;
     "tab-pressed": () => void;

package/dist/@types/packages/vue2/src/components/dropdown/composables/use-keyboard-navigation.types.d.ts

@@ -0,0 +1,15 @@
+import { BentoListboxOptions } from "../../../types";
+import { ComputedRef, Ref } from "../../../../../vue3/node_modules/vue";
+export interface UseTextboxKeyboardNavigationOptions {
+    inputContainerRef: Ref;
+    optionsContainerRef: Ref;
+    selectedValueIndex: ComputedRef<number>;
+    isDropdownOpen: Ref<boolean>;
+    isDynamicFltering: Ref<boolean>;
+    items: BentoListboxOptions;
+    isMultiple: boolean;
+}
+export interface UseListboxKeyboardNavigationOptions {
+    isDropdownOpen: Ref<boolean>;
+    inputContainerRef: Ref;
+}