npm - @adyen/bento-vue2 - Versions diffs - 1.11.0 → 1.12.0 - Mend

@adyen/bento-vue2 1.11.0 → 1.12.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 (221) hide show

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

@@ -22,10 +22,6 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
-    placeholder: {
-        type: StringConstructor;
-        default: any;
-    };
     dynamicFiltering: {
         type: BooleanConstructor;
         default: boolean;
@@ -38,10 +34,6 @@ declare const _default: import("vue").DefineComponent<{
         type: StringConstructor;
         default: any;
     };
-    label: {
-        type: StringConstructor;
-        default: any;
-    };
     description: {
         type: StringConstructor;
         default: any;
@@ -54,6 +46,10 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<(optionValue: import("../../../../../types").BentoListboxOptionItem) => boolean>;
         default: any;
     };
+    label: {
+        type: StringConstructor;
+        default: any;
+    };
     loading: {
         type: BooleanConstructor;
         default: boolean;
@@ -71,6 +67,10 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    placeholder: {
+        type: StringConstructor;
+        default: any;
+    };
     readonly: {
         type: BooleanConstructor;
         default: boolean;
@@ -79,23 +79,27 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    search: {
+        type: PropType<import("../../../../../types").BentoListboxSearchOptions>;
+        default: any;
+    };
     showSlotContentInMultiple: {
         type: BooleanConstructor;
         default: boolean;
     };
     size: {
-        type: PropType<"DropdownInputDefault" | "DropdownInputSmall" | import("../../../dropdown.types").BentoDropdownSize>;
-        default: import("../../../dropdown.types").BentoDropdownSize;
-        validator: (value: import("../../../dropdown.types").BentoDropdownSize) => boolean;
-    };
-    tooltipText: {
-        type: StringConstructor;
-        default: any;
+        type: PropType<"DropdownInputDefault" | "DropdownInputSmall" | import("../../..").BentoDropdownSize>;
+        default: import("../../..").BentoDropdownSize;
+        validator: (value: import("../../..").BentoDropdownSize) => boolean;
     };
     staticCategories: {
         type: BooleanConstructor;
         default: boolean;
     };
+    tooltipText: {
+        type: StringConstructor;
+        default: any;
+    };
     value: {
         type: PropType<BentoListboxSelectedValue>;
         default: any;
@@ -104,13 +108,9 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<import("../../../../../types").BentoListboxVirtulisationOptions>;
         default: boolean;
     };
-    search: {
-        type: PropType<import("../../../../../types").BentoListboxSearchOptions>;
-        default: any;
-    };
-}, {
-    onInput: (selectedValue: BentoListboxSelectedValue) => void;
-}, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, "input"[], string, Readonly<import("vue").ExtractPropTypes<{
+}, {}, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, {
+    input: (selectedValue: BentoListboxSelectedValue) => void;
+}, string, Readonly<import("vue").ExtractPropTypes<{
     items: {
         type: PropType<BentoPaymentMethodListboxOptions>;
         default: () => any[];
@@ -131,10 +131,6 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
-    placeholder: {
-        type: StringConstructor;
-        default: any;
-    };
     dynamicFiltering: {
         type: BooleanConstructor;
         default: boolean;
@@ -147,10 +143,6 @@ declare const _default: import("vue").DefineComponent<{
         type: StringConstructor;
         default: any;
     };
-    label: {
-        type: StringConstructor;
-        default: any;
-    };
     description: {
         type: StringConstructor;
         default: any;
@@ -163,6 +155,10 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<(optionValue: import("../../../../../types").BentoListboxOptionItem) => boolean>;
         default: any;
     };
+    label: {
+        type: StringConstructor;
+        default: any;
+    };
     loading: {
         type: BooleanConstructor;
         default: boolean;
@@ -180,6 +176,10 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    placeholder: {
+        type: StringConstructor;
+        default: any;
+    };
     readonly: {
         type: BooleanConstructor;
         default: boolean;
@@ -188,23 +188,27 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    search: {
+        type: PropType<import("../../../../../types").BentoListboxSearchOptions>;
+        default: any;
+    };
     showSlotContentInMultiple: {
         type: BooleanConstructor;
         default: boolean;
     };
     size: {
-        type: PropType<"DropdownInputDefault" | "DropdownInputSmall" | import("../../../dropdown.types").BentoDropdownSize>;
-        default: import("../../../dropdown.types").BentoDropdownSize;
-        validator: (value: import("../../../dropdown.types").BentoDropdownSize) => boolean;
-    };
-    tooltipText: {
-        type: StringConstructor;
-        default: any;
+        type: PropType<"DropdownInputDefault" | "DropdownInputSmall" | import("../../..").BentoDropdownSize>;
+        default: import("../../..").BentoDropdownSize;
+        validator: (value: import("../../..").BentoDropdownSize) => boolean;
     };
     staticCategories: {
         type: BooleanConstructor;
         default: boolean;
     };
+    tooltipText: {
+        type: StringConstructor;
+        default: any;
+    };
     value: {
         type: PropType<BentoListboxSelectedValue>;
         default: any;
@@ -213,10 +217,6 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<import("../../../../../types").BentoListboxVirtulisationOptions>;
         default: boolean;
     };
-    search: {
-        type: PropType<import("../../../../../types").BentoListboxSearchOptions>;
-        default: any;
-    };
 }>>, {
     error: boolean;
     search: import("../../../../../types").BentoListboxSearchOptions;
@@ -226,10 +226,9 @@ declare const _default: import("vue").DefineComponent<{
     required: boolean;
     condensed: boolean;
     disabled: boolean;
-    placeholder: string;
     optional: boolean;
     readonly: boolean;
-    size: "DropdownInputDefault" | "DropdownInputSmall" | import("../../../dropdown.types").BentoDropdownSize;
+    size: "DropdownInputDefault" | "DropdownInputSmall" | import("../../..").BentoDropdownSize;
     multiple: boolean;
     loading: boolean;
     tooltipText: string;
@@ -244,5 +243,6 @@ declare const _default: import("vue").DefineComponent<{
     virtualScroll: import("../../../../../types").BentoListboxVirtulisationOptions;
     dynamicFiltering: boolean;
     showSlotContentInMultiple: boolean;
+    placeholder: string;
 }>;
 export default _default;

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

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

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

@@ -22,10 +22,6 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
-    placeholder: {
-        type: StringConstructor;
-        default: any;
-    };
     dynamicFiltering: {
         type: BooleanConstructor;
         default: boolean;
@@ -38,10 +34,6 @@ declare const _default: import("vue").DefineComponent<{
         type: StringConstructor;
         default: any;
     };
-    label: {
-        type: StringConstructor;
-        default: any;
-    };
     description: {
         type: StringConstructor;
         default: any;
@@ -54,6 +46,10 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<(optionValue: import("../../../../../types").BentoListboxOptionItem) => boolean>;
         default: any;
     };
+    label: {
+        type: StringConstructor;
+        default: any;
+    };
     loading: {
         type: BooleanConstructor;
         default: boolean;
@@ -71,6 +67,10 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    placeholder: {
+        type: StringConstructor;
+        default: any;
+    };
     readonly: {
         type: BooleanConstructor;
         default: boolean;
@@ -79,23 +79,27 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    search: {
+        type: PropType<import("../../../../../types").BentoListboxSearchOptions>;
+        default: any;
+    };
     showSlotContentInMultiple: {
         type: BooleanConstructor;
         default: boolean;
     };
     size: {
-        type: PropType<"DropdownInputDefault" | "DropdownInputSmall" | import("../../../dropdown.types").BentoDropdownSize>;
-        default: import("../../../dropdown.types").BentoDropdownSize;
-        validator: (value: import("../../../dropdown.types").BentoDropdownSize) => boolean;
-    };
-    tooltipText: {
-        type: StringConstructor;
-        default: any;
+        type: PropType<"DropdownInputDefault" | "DropdownInputSmall" | import("../../..").BentoDropdownSize>;
+        default: import("../../..").BentoDropdownSize;
+        validator: (value: import("../../..").BentoDropdownSize) => boolean;
     };
     staticCategories: {
         type: BooleanConstructor;
         default: boolean;
     };
+    tooltipText: {
+        type: StringConstructor;
+        default: any;
+    };
     value: {
         type: PropType<BentoListboxSelectedValue>;
         default: any;
@@ -104,18 +108,9 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<import("../../../../../types").BentoListboxVirtulisationOptions>;
         default: boolean;
     };
-    search: {
-        type: PropType<import("../../../../../types").BentoListboxSearchOptions>;
-        default: any;
-    };
-}, {
-    tagItems: import("vue").ComputedRef<{
-        label: string;
-        value: import("../../../../../types").BentoListboxValue;
-        data: "blue" | "green" | "red" | "grey" | "orange" | "white" | import("../../../../tag").BentoTagVariant;
-    }[]>;
-    onInput: (selectedValue: BentoListboxSelectedValue) => void;
-}, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, "input"[], string, Readonly<import("vue").ExtractPropTypes<{
+}, {}, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, {
+    input: (selectedValue: BentoListboxSelectedValue) => void;
+}, string, Readonly<import("vue").ExtractPropTypes<{
     items: {
         type: PropType<BentoTagListboxOptions>;
         default: () => any[];
@@ -136,10 +131,6 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
-    placeholder: {
-        type: StringConstructor;
-        default: any;
-    };
     dynamicFiltering: {
         type: BooleanConstructor;
         default: boolean;
@@ -152,10 +143,6 @@ declare const _default: import("vue").DefineComponent<{
         type: StringConstructor;
         default: any;
     };
-    label: {
-        type: StringConstructor;
-        default: any;
-    };
     description: {
         type: StringConstructor;
         default: any;
@@ -168,6 +155,10 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<(optionValue: import("../../../../../types").BentoListboxOptionItem) => boolean>;
         default: any;
     };
+    label: {
+        type: StringConstructor;
+        default: any;
+    };
     loading: {
         type: BooleanConstructor;
         default: boolean;
@@ -185,6 +176,10 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    placeholder: {
+        type: StringConstructor;
+        default: any;
+    };
     readonly: {
         type: BooleanConstructor;
         default: boolean;
@@ -193,23 +188,27 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    search: {
+        type: PropType<import("../../../../../types").BentoListboxSearchOptions>;
+        default: any;
+    };
     showSlotContentInMultiple: {
         type: BooleanConstructor;
         default: boolean;
     };
     size: {
-        type: PropType<"DropdownInputDefault" | "DropdownInputSmall" | import("../../../dropdown.types").BentoDropdownSize>;
-        default: import("../../../dropdown.types").BentoDropdownSize;
-        validator: (value: import("../../../dropdown.types").BentoDropdownSize) => boolean;
-    };
-    tooltipText: {
-        type: StringConstructor;
-        default: any;
+        type: PropType<"DropdownInputDefault" | "DropdownInputSmall" | import("../../..").BentoDropdownSize>;
+        default: import("../../..").BentoDropdownSize;
+        validator: (value: import("../../..").BentoDropdownSize) => boolean;
     };
     staticCategories: {
         type: BooleanConstructor;
         default: boolean;
     };
+    tooltipText: {
+        type: StringConstructor;
+        default: any;
+    };
     value: {
         type: PropType<BentoListboxSelectedValue>;
         default: any;
@@ -218,10 +217,6 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<import("../../../../../types").BentoListboxVirtulisationOptions>;
         default: boolean;
     };
-    search: {
-        type: PropType<import("../../../../../types").BentoListboxSearchOptions>;
-        default: any;
-    };
 }>>, {
     error: boolean;
     search: import("../../../../../types").BentoListboxSearchOptions;
@@ -231,10 +226,9 @@ declare const _default: import("vue").DefineComponent<{
     required: boolean;
     condensed: boolean;
     disabled: boolean;
-    placeholder: string;
     optional: boolean;
     readonly: boolean;
-    size: "DropdownInputDefault" | "DropdownInputSmall" | import("../../../dropdown.types").BentoDropdownSize;
+    size: "DropdownInputDefault" | "DropdownInputSmall" | import("../../..").BentoDropdownSize;
     multiple: boolean;
     loading: boolean;
     tooltipText: string;
@@ -249,5 +243,6 @@ declare const _default: import("vue").DefineComponent<{
     virtualScroll: import("../../../../../types").BentoListboxVirtulisationOptions;
     dynamicFiltering: boolean;
     showSlotContentInMultiple: boolean;
+    placeholder: string;
 }>;
 export default _default;

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

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

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

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

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

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

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

@@ -0,0 +1,28 @@
+import { BentoListboxOptions, BentoListboxSelectedValue } from "../../../types";
+import { Ref } from 'vue';
+import type { ComputedRef } from '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>;
+    value: Ref<BentoListboxSelectedValue>;
+    multiple: Ref<boolean>;
+    staticCategories: Ref<boolean>;
+}
+export type UseDisplayValue = (options: UseDisplayValueOptions) => ComputedRef<string>;
+export {};

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

@@ -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("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("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 ADDED Viewed

@@ -0,0 +1,15 @@
+import { BentoListboxOptions } from "../../../types";
+import { ComputedRef, Ref } from '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;
+}