@adyen/bento-vue2 0.1.5 → 0.3.0

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

@@ -0,0 +1,132 @@
+import { PropType } from 'vue';
+import { BentoCountryListboxOptions } from './dropdown-country.types';
+import { BentoListboxSelectedValue } from '../../../../../types';
+import { BentoCountryVariant } from '../../../../country';
+declare const _default: import("vue").DefineComponent<{
+    items: {
+        type: PropType<BentoCountryListboxOptions>;
+        default: () => any[];
+    };
+    variant: {
+        type: PropType<BentoCountryVariant>;
+        default: BentoCountryVariant;
+        validator: (value: BentoCountryVariant) => boolean;
+    };
+    ariaLabel: {
+        type: StringConstructor;
+        default: any;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    dynamicFiltering: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    label: {
+        type: StringConstructor;
+        default: any;
+    };
+    description: {
+        type: StringConstructor;
+        default: any;
+    };
+    isOptionDisabled: {
+        type: PropType<import("../../../../../types").BentoListboxIsOptionDisabled>;
+        default: any;
+    };
+    multiple: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    optional: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    required: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    showSlotContentInMultiple: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    value: {
+        type: PropType<BentoListboxSelectedValue>;
+        default: any;
+    };
+}, {
+    countryItems: import("vue").ComputedRef<import("../../../../../types").BentoListboxOptions>;
+    onInput: (selectedValue: BentoListboxSelectedValue) => void;
+    BentoCountryVariant: typeof BentoCountryVariant;
+}, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, "input"[], string, Readonly<import("vue").ExtractPropTypes<{
+    items: {
+        type: PropType<BentoCountryListboxOptions>;
+        default: () => any[];
+    };
+    variant: {
+        type: PropType<BentoCountryVariant>;
+        default: BentoCountryVariant;
+        validator: (value: BentoCountryVariant) => boolean;
+    };
+    ariaLabel: {
+        type: StringConstructor;
+        default: any;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    dynamicFiltering: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    label: {
+        type: StringConstructor;
+        default: any;
+    };
+    description: {
+        type: StringConstructor;
+        default: any;
+    };
+    isOptionDisabled: {
+        type: PropType<import("../../../../../types").BentoListboxIsOptionDisabled>;
+        default: any;
+    };
+    multiple: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    optional: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    required: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    showSlotContentInMultiple: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    value: {
+        type: PropType<BentoListboxSelectedValue>;
+        default: any;
+    };
+}>>, {
+    required: boolean;
+    optional: boolean;
+    value: BentoListboxSelectedValue;
+    label: string;
+    ariaLabel: string;
+    disabled: boolean;
+    multiple: boolean;
+    description: string;
+    variant: BentoCountryVariant;
+    items: BentoCountryListboxOptions;
+    isOptionDisabled: import("../../../../../types").BentoListboxIsOptionDisabled;
+    dynamicFiltering: boolean;
+    showSlotContentInMultiple: boolean;
+}>;
+export default _default;

package/dist/@types/components/dropdown/components/variants/dropdown-currency/dropdown-currency.types.d.ts

@@ -0,0 +1,6 @@
+import { BentoListboxOptionItem, OmitStrict } from '@/types';
+import { BentoCurrencyISOCode } from '@/components/currency';
+export type BentoCurrencyListboxOptionItem = OmitStrict<BentoListboxOptionItem, 'value'> & {
+    value: BentoCurrencyISOCode;
+};
+export type BentoCurrencyListboxOptions = BentoCurrencyListboxOptionItem[];

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

@@ -0,0 +1,118 @@
+import { PropType } from 'vue';
+import type { BentoCurrencyListboxOptions } from './dropdown-currency.types';
+import type { BentoListboxSelectedValue } from '../../../../../types';
+declare const _default: import("vue").DefineComponent<{
+    items: {
+        type: PropType<BentoCurrencyListboxOptions>;
+        default: () => any[];
+    };
+    ariaLabel: {
+        type: StringConstructor;
+        default: any;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    dynamicFiltering: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    label: {
+        type: StringConstructor;
+        default: any;
+    };
+    description: {
+        type: StringConstructor;
+        default: any;
+    };
+    isOptionDisabled: {
+        type: PropType<import("../../../../../types").BentoListboxIsOptionDisabled>;
+        default: any;
+    };
+    multiple: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    optional: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    required: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    showSlotContentInMultiple: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    value: {
+        type: PropType<BentoListboxSelectedValue>;
+        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<{
+    items: {
+        type: PropType<BentoCurrencyListboxOptions>;
+        default: () => any[];
+    };
+    ariaLabel: {
+        type: StringConstructor;
+        default: any;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    dynamicFiltering: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    label: {
+        type: StringConstructor;
+        default: any;
+    };
+    description: {
+        type: StringConstructor;
+        default: any;
+    };
+    isOptionDisabled: {
+        type: PropType<import("../../../../../types").BentoListboxIsOptionDisabled>;
+        default: any;
+    };
+    multiple: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    optional: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    required: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    showSlotContentInMultiple: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    value: {
+        type: PropType<BentoListboxSelectedValue>;
+        default: any;
+    };
+}>>, {
+    required: boolean;
+    optional: boolean;
+    value: BentoListboxSelectedValue;
+    label: string;
+    ariaLabel: string;
+    disabled: boolean;
+    multiple: boolean;
+    description: string;
+    items: BentoCurrencyListboxOptions;
+    isOptionDisabled: import("../../../../../types").BentoListboxIsOptionDisabled;
+    dynamicFiltering: boolean;
+    showSlotContentInMultiple: boolean;
+}>;
+export default _default;

package/dist/@types/components/dropdown/components/variants/dropdown-payment-method/dropdown-payment-method.types.d.ts

@@ -0,0 +1,6 @@
+import { BentoListboxOptionItem, OmitStrict } from '../../../../../types';
+import { BentoPaymentMethodType } from '../../../../payment-method';
+export type BentoPaymentMethodListboxOptionItem = OmitStrict<BentoListboxOptionItem, 'value'> & {
+    value: BentoPaymentMethodType;
+};
+export type BentoPaymentMethodListboxOptions = BentoPaymentMethodListboxOptionItem[];

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

@@ -0,0 +1,118 @@
+import { PropType } from 'vue';
+import { BentoPaymentMethodListboxOptions } from './dropdown-payment-method.types';
+import { BentoListboxSelectedValue } from '../../../../../types';
+declare const _default: import("vue").DefineComponent<{
+    items: {
+        type: PropType<BentoPaymentMethodListboxOptions>;
+        default: () => any[];
+    };
+    ariaLabel: {
+        type: StringConstructor;
+        default: any;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    dynamicFiltering: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    label: {
+        type: StringConstructor;
+        default: any;
+    };
+    description: {
+        type: StringConstructor;
+        default: any;
+    };
+    isOptionDisabled: {
+        type: PropType<import("../../../../../types").BentoListboxIsOptionDisabled>;
+        default: any;
+    };
+    multiple: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    optional: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    required: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    showSlotContentInMultiple: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    value: {
+        type: PropType<BentoListboxSelectedValue>;
+        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<{
+    items: {
+        type: PropType<BentoPaymentMethodListboxOptions>;
+        default: () => any[];
+    };
+    ariaLabel: {
+        type: StringConstructor;
+        default: any;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    dynamicFiltering: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    label: {
+        type: StringConstructor;
+        default: any;
+    };
+    description: {
+        type: StringConstructor;
+        default: any;
+    };
+    isOptionDisabled: {
+        type: PropType<import("../../../../../types").BentoListboxIsOptionDisabled>;
+        default: any;
+    };
+    multiple: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    optional: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    required: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    showSlotContentInMultiple: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    value: {
+        type: PropType<BentoListboxSelectedValue>;
+        default: any;
+    };
+}>>, {
+    required: boolean;
+    optional: boolean;
+    value: BentoListboxSelectedValue;
+    label: string;
+    ariaLabel: string;
+    disabled: boolean;
+    multiple: boolean;
+    description: string;
+    items: BentoPaymentMethodListboxOptions;
+    isOptionDisabled: import("../../../../../types").BentoListboxIsOptionDisabled;
+    dynamicFiltering: boolean;
+    showSlotContentInMultiple: boolean;
+}>;
+export default _default;

package/dist/@types/components/dropdown/components/variants/dropdown-tag/dropdown-tag.types.d.ts

@@ -0,0 +1,6 @@
+import { BentoListboxOptionItem, OmitStrict } from '@/types';
+import { BentoTagVariant } from '../../../../tag';
+export type BentoTagListboxOptionItem = OmitStrict<BentoListboxOptionItem, 'data'> & {
+    variant: BentoTagVariant;
+};
+export type BentoTagListboxOptions = BentoTagListboxOptionItem[];

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

@@ -0,0 +1,123 @@
+import { PropType } from 'vue';
+import type { BentoTagListboxOptions } from './dropdown-tag.types';
+import type { BentoListboxSelectedValue } from '../../../../../types';
+declare const _default: import("vue").DefineComponent<{
+    items: {
+        type: PropType<BentoTagListboxOptions>;
+        default: () => any[];
+    };
+    ariaLabel: {
+        type: StringConstructor;
+        default: any;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    dynamicFiltering: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    label: {
+        type: StringConstructor;
+        default: any;
+    };
+    description: {
+        type: StringConstructor;
+        default: any;
+    };
+    isOptionDisabled: {
+        type: PropType<import("../../../../../types").BentoListboxIsOptionDisabled>;
+        default: any;
+    };
+    multiple: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    optional: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    required: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    showSlotContentInMultiple: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    value: {
+        type: PropType<BentoListboxSelectedValue>;
+        default: any;
+    };
+}, {
+    tagItems: import("vue").ComputedRef<{
+        label: string;
+        value: import("../../../../../types").BentoListboxValue;
+        data: 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<{
+    items: {
+        type: PropType<BentoTagListboxOptions>;
+        default: () => any[];
+    };
+    ariaLabel: {
+        type: StringConstructor;
+        default: any;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    dynamicFiltering: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    label: {
+        type: StringConstructor;
+        default: any;
+    };
+    description: {
+        type: StringConstructor;
+        default: any;
+    };
+    isOptionDisabled: {
+        type: PropType<import("../../../../../types").BentoListboxIsOptionDisabled>;
+        default: any;
+    };
+    multiple: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    optional: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    required: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    showSlotContentInMultiple: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    value: {
+        type: PropType<BentoListboxSelectedValue>;
+        default: any;
+    };
+}>>, {
+    required: boolean;
+    optional: boolean;
+    value: BentoListboxSelectedValue;
+    label: string;
+    ariaLabel: string;
+    disabled: boolean;
+    multiple: boolean;
+    description: string;
+    items: BentoTagListboxOptions;
+    isOptionDisabled: import("../../../../../types").BentoListboxIsOptionDisabled;
+    dynamicFiltering: boolean;
+    showSlotContentInMultiple: boolean;
+}>;
+export default _default;

package/dist/@types/components/dropdown/dropdown.vue.d.ts

@@ -1,5 +1,5 @@
 import { PropType } from 'vue';
-import type { BentoDropdownIsOptionDisabled, BentoDropdownOptionItem, BentoDropdownOptions, BentoDropdownSelectedValue } from './dropdown.types';
+import type { BentoListboxIsOptionDisabled, BentoListboxOptions, BentoListboxSelectedValue } from '@/types';
 import { BentoTypographyElement } from '../typography';
 declare const _default: import("vue").DefineComponent<{
     ariaLabel: {
@@ -23,11 +23,11 @@ declare const _default: import("vue").DefineComponent<{
         default: any;
     };
     isOptionDisabled: {
-        type: PropType<BentoDropdownIsOptionDisabled>;
+        type: PropType<BentoListboxIsOptionDisabled>;
         default: any;
     };
     items: {
-        type: PropType<BentoDropdownOptions>;
+        type: PropType<BentoListboxOptions>;
         default: () => any[];
     };
     multiple: {
@@ -42,8 +42,12 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    showSlotContentInMultiple: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     value: {
-        type: PropType<BentoDropdownSelectedValue>;
+        type: PropType<BentoListboxSelectedValue>;
         default: any;
     };
 }, {
@@ -51,13 +55,14 @@ declare const _default: import("vue").DefineComponent<{
     isDropdownOpen: import("vue").Ref<boolean>;
     displayValue: import("vue").ComputedRef<string>;
     dropdownOptionsContainerId: string;
-    filteredItems: import("vue").ComputedRef<BentoDropdownOptionItem[]>;
+    filteredItems: import("vue").ComputedRef<import("@/types").BentoListboxOptionItem[]>;
     searchTerm: import("vue").Ref<string>;
     labelId: string;
+    selectedValueItem: import("vue").ComputedRef<import("@/types").BentoListboxOptionItem | import("@/types").BentoListboxOptionItem[]>;
     inputContainerRef: any;
     closeOpenedDropdown: () => void;
     toggleDropdown: () => void;
-    onOptionSelected: (selectedValue: BentoDropdownSelectedValue) => void;
+    onOptionSelected: (selectedValue: BentoListboxSelectedValue) => void;
     BentoTypographyElement: typeof BentoTypographyElement;
 }, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, "input"[], string, Readonly<import("vue").ExtractPropTypes<{
     ariaLabel: {
@@ -81,11 +86,11 @@ declare const _default: import("vue").DefineComponent<{
         default: any;
     };
     isOptionDisabled: {
-        type: PropType<BentoDropdownIsOptionDisabled>;
+        type: PropType<BentoListboxIsOptionDisabled>;
         default: any;
     };
     items: {
-        type: PropType<BentoDropdownOptions>;
+        type: PropType<BentoListboxOptions>;
         default: () => any[];
     };
     multiple: {
@@ -100,21 +105,26 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    showSlotContentInMultiple: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     value: {
-        type: PropType<BentoDropdownSelectedValue>;
+        type: PropType<BentoListboxSelectedValue>;
         default: any;
     };
 }>>, {
     required: boolean;
     optional: boolean;
-    value: BentoDropdownSelectedValue;
+    value: BentoListboxSelectedValue;
     label: string;
     ariaLabel: string;
     disabled: boolean;
     multiple: boolean;
     description: string;
-    items: BentoDropdownOptions;
-    isOptionDisabled: BentoDropdownIsOptionDisabled;
+    items: BentoListboxOptions;
+    isOptionDisabled: BentoListboxIsOptionDisabled;
     dynamicFiltering: boolean;
+    showSlotContentInMultiple: boolean;
 }>;
 export default _default;

package/dist/@types/components/dropdown/index.d.ts

@@ -1,2 +1,5 @@
 export { default as BentoDropdown } from './dropdown.vue';
-export * from './dropdown.types';
+export { default as BentoDropdownAvatar } from './components/variants/dropdown-avatar/dropdown-avatar.vue';
+export { default as BentoDropdownCountry } from './components/variants/dropdown-country/dropdown-country.vue';
+export { default as BentoDropdownCurrency } from './components/variants/dropdown-currency/dropdown-currency.vue';
+export { default as BentoDropdownPaymentMethod } from './components/variants/dropdown-payment-method/dropdown-payment-method.vue';