@adyen/bento-vue2 0.1.1 → 0.1.3

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

@@ -1,25 +1,31 @@
+import { PropType } from 'vue';
+import { Booleanish } from '../../../../types';
 declare const _default: import("vue").DefineComponent<{
-    autoComplete: {
-        type: BooleanConstructor;
-        default: boolean;
+    additionalItemsSelected: {
+        type: NumberConstructor;
+        default: number;
     };
     ariaControls: {
         type: StringConstructor;
         required: true;
     };
     ariaExpanded: {
-        type: StringConstructor;
+        type: PropType<Booleanish>;
         required: true;
     };
+    ariaLabel: {
+        type: StringConstructor;
+        default: any;
+    };
     ariaLabelledby: {
         type: StringConstructor;
         default: any;
     };
-    disabled: {
-        type: BooleanConstructor;
-        default: boolean;
+    debounceTime: {
+        type: NumberConstructor;
+        default: number;
     };
-    isInvalid: {
+    disabled: {
         type: BooleanConstructor;
         default: boolean;
     };
@@ -27,6 +33,14 @@ declare const _default: import("vue").DefineComponent<{
         type: StringConstructor;
         default: any;
     };
+    dynamicFiltering: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    isInvalid: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     open: {
         type: BooleanConstructor;
         default: boolean;
@@ -35,6 +49,10 @@ declare const _default: import("vue").DefineComponent<{
         type: StringConstructor;
         default: any;
     };
+    value: {
+        type: StringConstructor;
+        default: string;
+    };
 }, {
     conditionalClasses: import("vue").ComputedRef<{
         'b-dropdown-default-textbox--error': boolean;
@@ -42,28 +60,32 @@ declare const _default: import("vue").DefineComponent<{
         'b-dropdown-default-textbox--opened': boolean;
     }>;
     isDropdownOpen: import("vue").ComputedRef<boolean>;
-}, {}, {}, {}, import("vue/types/v3-component-options.js").ComponentOptionsMixin, import("vue/types/v3-component-options.js").ComponentOptionsMixin, {}, string, Readonly<import("vue").ExtractPropTypes<{
-    autoComplete: {
-        type: BooleanConstructor;
-        default: boolean;
+}, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, ("input" | "open" | "clear" | "close")[], string, Readonly<import("vue").ExtractPropTypes<{
+    additionalItemsSelected: {
+        type: NumberConstructor;
+        default: number;
     };
     ariaControls: {
         type: StringConstructor;
         required: true;
     };
     ariaExpanded: {
-        type: StringConstructor;
+        type: PropType<Booleanish>;
         required: true;
     };
+    ariaLabel: {
+        type: StringConstructor;
+        default: any;
+    };
     ariaLabelledby: {
         type: StringConstructor;
         default: any;
     };
-    disabled: {
-        type: BooleanConstructor;
-        default: boolean;
+    debounceTime: {
+        type: NumberConstructor;
+        default: number;
     };
-    isInvalid: {
+    disabled: {
         type: BooleanConstructor;
         default: boolean;
     };
@@ -71,6 +93,14 @@ declare const _default: import("vue").DefineComponent<{
         type: StringConstructor;
         default: any;
     };
+    dynamicFiltering: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    isInvalid: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     open: {
         type: BooleanConstructor;
         default: boolean;
@@ -79,13 +109,21 @@ declare const _default: import("vue").DefineComponent<{
         type: StringConstructor;
         default: any;
     };
+    value: {
+        type: StringConstructor;
+        default: string;
+    };
 }>>, {
     open: boolean;
+    value: string;
+    ariaLabel: string;
     disabled: boolean;
     placeholder: string;
-    displayValue: string;
-    autoComplete: boolean;
+    debounceTime: number;
+    additionalItemsSelected: number;
     ariaLabelledby: string;
+    displayValue: string;
+    dynamicFiltering: boolean;
     isInvalid: boolean;
 }>;
 export default _default;

package/dist/@types/components/dropdown/components/dropdown-options-container/components/dropdown-multi-select/dropdown-multi-select.vue.d.ts

@@ -0,0 +1,33 @@
+import { PropType } from 'vue';
+import { BentoTypographyElement } from '@/components/typography';
+import type { BentoDropdownOptions, BentoDropdownSelectedValue, BentoDropdownValue } from '../../../../dropdown.types';
+declare const _default: import("vue").DefineComponent<{
+    items: {
+        type: PropType<BentoDropdownOptions>;
+        required: true;
+    };
+    selectedValues: {
+        type: PropType<BentoDropdownSelectedValue>;
+        default: BentoDropdownSelectedValue;
+    };
+}, {
+    isAllSelected: import("vue").ComputedRef<boolean>;
+    isIndeterminate: import("vue").ComputedRef<boolean>;
+    selectedItemsList: import("vue").Ref<BentoDropdownValue[]>;
+    selectAllCheckboxText: import("vue").ComputedRef<import("vue-i18n").default.TranslateResult>;
+    BentoTypographyElement: typeof BentoTypographyElement;
+    toggleCheckboxSelection: (value: BentoDropdownValue) => void;
+    toggleSelectAll: (selectedValue: boolean) => void;
+}, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, "select"[], string, Readonly<import("vue").ExtractPropTypes<{
+    items: {
+        type: PropType<BentoDropdownOptions>;
+        required: true;
+    };
+    selectedValues: {
+        type: PropType<BentoDropdownSelectedValue>;
+        default: BentoDropdownSelectedValue;
+    };
+}>>, {
+    selectedValues: BentoDropdownSelectedValue;
+}>;
+export default _default;

package/dist/@types/components/dropdown/components/dropdown-options-container/components/dropdown-multi-select/index.d.ts

@@ -0,0 +1 @@
+export { default as BentoDropdownMultiSelect } from './dropdown-multi-select.vue';

package/dist/@types/components/dropdown/components/dropdown-options-container/components/dropdown-option/dropdown-option.vue.d.ts

@@ -1,13 +1,7 @@
-import { PropType } from 'vue';
-import { AdlDropdownValue } from '@/components/dropdown/dropdown.types';
 declare const _default: import("vue").DefineComponent<{
-    label: {
-        type: StringConstructor;
-        required: true;
-    };
-    value: {
-        type: PropType<AdlDropdownValue>;
-        required: true;
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
     };
     selected: {
         type: BooleanConstructor;
@@ -15,24 +9,21 @@ declare const _default: import("vue").DefineComponent<{
     };
 }, {
     conditionalClasses: import("vue").ComputedRef<{
-        'adl2-dropdown-option--selected': boolean;
+        'b-dropdown-option--disabled': boolean;
+        'b-dropdown-option--selected': boolean;
     }>;
-    ariaSelected: import("vue").ComputedRef<boolean>;
-    onOptionSelected: () => void;
-}, {}, {}, {}, import("vue/types/v3-component-options.js").ComponentOptionsMixin, import("vue/types/v3-component-options.js").ComponentOptionsMixin, "select"[], string, Readonly<import("vue").ExtractPropTypes<{
-    label: {
-        type: StringConstructor;
-        required: true;
-    };
-    value: {
-        type: PropType<AdlDropdownValue>;
-        required: true;
+    onClick: (e: Event) => void;
+}, {}, {}, {}, import("vue/types/v3-component-options.js").ComponentOptionsMixin, import("vue/types/v3-component-options.js").ComponentOptionsMixin, ("click" | "escape-pressed" | "enter-pressed")[], string, Readonly<import("vue").ExtractPropTypes<{
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
     };
     selected: {
         type: BooleanConstructor;
         default: boolean;
     };
 }>>, {
+    disabled: boolean;
     selected: boolean;
 }>;
 export default _default;

package/dist/@types/components/dropdown/components/dropdown-options-container/components/dropdown-option/index.d.ts

@@ -1 +1 @@
-export { default as AdlDropdownOption } from './dropdown-option.vue';
+export { default as BentoDropdownOption } from './dropdown-option.vue';

package/dist/@types/components/dropdown/components/dropdown-options-container/components/dropdown-single-select-option/dropdown-single-select-option.vue.d.ts

@@ -0,0 +1,48 @@
+import { PropType } from 'vue';
+import { BentoTypographyElement } from '@/components/typography';
+import type { BentoDropdownValue } from '@/components/dropdown/dropdown.types';
+declare const _default: import("vue").DefineComponent<{
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    label: {
+        type: StringConstructor;
+        required: true;
+    };
+    selected: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    value: {
+        type: PropType<BentoDropdownValue>;
+        required: true;
+    };
+}, {
+    ariaDisabled: import("vue").ComputedRef<boolean>;
+    ariaSelected: import("vue").ComputedRef<boolean>;
+    tabIndex: import("vue").ComputedRef<0 | -1>;
+    BentoTypographyElement: typeof BentoTypographyElement;
+    onOptionSelected: () => void;
+}, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, ("select" | "escape-pressed")[], string, Readonly<import("vue").ExtractPropTypes<{
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    label: {
+        type: StringConstructor;
+        required: true;
+    };
+    selected: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    value: {
+        type: PropType<BentoDropdownValue>;
+        required: true;
+    };
+}>>, {
+    disabled: boolean;
+    selected: boolean;
+}>;
+export default _default;

package/dist/@types/components/dropdown/components/dropdown-options-container/components/dropdown-single-select-option/index.d.ts

@@ -0,0 +1 @@
+export { default as BentoDropdownSingleSelectOption } from './dropdown-single-select-option.vue';

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

@@ -1,5 +1,5 @@
 import { PropType } from 'vue';
-import { AdlDropdownOptionItem, AdlDropdownOptions, AdlDropdownValue } from '../../dropdown.types';
+import type { BentoDropdownIsOptionDisabled, BentoDropdownOptions, BentoDropdownSelectedValue } from '../../dropdown.types';
 declare const _default: import("vue").DefineComponent<{
     ariaLabel: {
         type: StringConstructor;
@@ -13,16 +13,24 @@ declare const _default: import("vue").DefineComponent<{
         type: StringConstructor;
         required: true;
     };
-    open: {
-        type: BooleanConstructor;
-        required: true;
+    isOptionDisabled: {
+        type: PropType<BentoDropdownIsOptionDisabled>;
+        default: any;
     };
     items: {
-        type: PropType<AdlDropdownOptions>;
+        type: PropType<BentoDropdownOptions>;
+        required: true;
+    };
+    multiple: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    open: {
+        type: BooleanConstructor;
         required: true;
     };
     selectedValue: {
-        type: PropType<AdlDropdownValue>;
+        type: PropType<BentoDropdownSelectedValue>;
         default: any;
     };
     targetElement: {
@@ -48,7 +56,7 @@ declare const _default: import("vue").DefineComponent<{
         BOTTOM: import("@/components/popper-container").PopperContainerPositionBasic.BOTTOM;
         LEFT: import("@/components/popper-container").PopperContainerPositionBasic.LEFT;
     };
-    onOptionSelected: (selectedOption: AdlDropdownOptionItem) => void;
+    onOptionSelected: (selectedValue: BentoDropdownSelectedValue) => void;
 }, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, "select"[], string, Readonly<import("vue").ExtractPropTypes<{
     ariaLabel: {
         type: StringConstructor;
@@ -62,16 +70,24 @@ declare const _default: import("vue").DefineComponent<{
         type: StringConstructor;
         required: true;
     };
-    open: {
-        type: BooleanConstructor;
-        required: true;
+    isOptionDisabled: {
+        type: PropType<BentoDropdownIsOptionDisabled>;
+        default: any;
     };
     items: {
-        type: PropType<AdlDropdownOptions>;
+        type: PropType<BentoDropdownOptions>;
+        required: true;
+    };
+    multiple: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    open: {
+        type: BooleanConstructor;
         required: true;
     };
     selectedValue: {
-        type: PropType<AdlDropdownValue>;
+        type: PropType<BentoDropdownSelectedValue>;
         default: any;
     };
     targetElement: {
@@ -81,6 +97,8 @@ declare const _default: import("vue").DefineComponent<{
 }>>, {
     ariaLabel: string;
     disabled: boolean;
-    selectedValue: AdlDropdownValue;
+    multiple: boolean;
+    isOptionDisabled: BentoDropdownIsOptionDisabled;
+    selectedValue: BentoDropdownSelectedValue;
 }>;
 export default _default;

package/dist/@types/components/dropdown/components/dropdown-options-container/index.d.ts

@@ -1 +1 @@
-export { default as AdlDropdownOptionsContainer } from './dropdown-options-container.vue';
+export { default as BentoDropdownOptionsContainer } from './dropdown-options-container.vue';

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

@@ -1,20 +1,30 @@
+import { PropType } from 'vue';
+import { Booleanish } from '@/types';
 declare const _default: import("vue").DefineComponent<{
-    autoComplete: {
-        type: BooleanConstructor;
-        default: boolean;
+    additionalItemsSelected: {
+        type: NumberConstructor;
+        default: number;
     };
     ariaControls: {
         type: StringConstructor;
         required: true;
     };
     ariaExpanded: {
-        type: StringConstructor;
+        type: PropType<Booleanish>;
         required: true;
     };
+    ariaLabel: {
+        type: StringConstructor;
+        default: any;
+    };
     ariaLabelledby: {
         type: StringConstructor;
         default: any;
     };
+    debounceTime: {
+        type: NumberConstructor;
+        default: number;
+    };
     disabled: {
         type: BooleanConstructor;
         default: boolean;
@@ -23,6 +33,14 @@ declare const _default: import("vue").DefineComponent<{
         type: StringConstructor;
         default: any;
     };
+    dynamicFiltering: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    isInvalid: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     open: {
         type: BooleanConstructor;
         default: boolean;
@@ -31,6 +49,10 @@ declare const _default: import("vue").DefineComponent<{
         type: StringConstructor;
         default: any;
     };
+    value: {
+        type: StringConstructor;
+        default: string;
+    };
 }, {
     conditionalClasses: import("vue").ComputedRef<{
         'b-dropdown-small-textbox--disabled': boolean;
@@ -38,22 +60,30 @@ declare const _default: import("vue").DefineComponent<{
     }>;
     isDropdownOpen: import("vue").ComputedRef<boolean>;
 }, {}, {}, {}, import("vue/types/v3-component-options.js").ComponentOptionsMixin, import("vue/types/v3-component-options.js").ComponentOptionsMixin, {}, string, Readonly<import("vue").ExtractPropTypes<{
-    autoComplete: {
-        type: BooleanConstructor;
-        default: boolean;
+    additionalItemsSelected: {
+        type: NumberConstructor;
+        default: number;
     };
     ariaControls: {
         type: StringConstructor;
         required: true;
     };
     ariaExpanded: {
-        type: StringConstructor;
+        type: PropType<Booleanish>;
         required: true;
     };
+    ariaLabel: {
+        type: StringConstructor;
+        default: any;
+    };
     ariaLabelledby: {
         type: StringConstructor;
         default: any;
     };
+    debounceTime: {
+        type: NumberConstructor;
+        default: number;
+    };
     disabled: {
         type: BooleanConstructor;
         default: boolean;
@@ -62,6 +92,14 @@ declare const _default: import("vue").DefineComponent<{
         type: StringConstructor;
         default: any;
     };
+    dynamicFiltering: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    isInvalid: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     open: {
         type: BooleanConstructor;
         default: boolean;
@@ -70,12 +108,21 @@ declare const _default: import("vue").DefineComponent<{
         type: StringConstructor;
         default: any;
     };
+    value: {
+        type: StringConstructor;
+        default: string;
+    };
 }>>, {
     open: boolean;
+    value: string;
+    ariaLabel: string;
     disabled: boolean;
     placeholder: string;
-    displayValue: string;
-    autoComplete: boolean;
+    debounceTime: number;
+    additionalItemsSelected: number;
     ariaLabelledby: string;
+    displayValue: string;
+    dynamicFiltering: boolean;
+    isInvalid: boolean;
 }>;
 export default _default;

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

@@ -0,0 +1 @@
+export { default as DropdownInputDefault } from './dropdown-default-textbox/dropdown-default-textbox.vue';

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

@@ -1,7 +1,9 @@
 import { BentoSearchBarItem } from '../search-bar';
-export type AdlDropdownValue = string | number;
-export interface AdlDropdownOptionItem extends BentoSearchBarItem {
-    value: AdlDropdownValue;
+export type BentoDropdownValue = string | number;
+export type BentoDropdownMultiSelectValue = BentoDropdownValue[];
+export interface BentoDropdownOptionItem extends BentoSearchBarItem {
+    value: BentoDropdownValue;
 }
-export type AdlDropdownSelectedValue = AdlDropdownValue;
-export type AdlDropdownOptions = Array<AdlDropdownOptionItem>;
+export type BentoDropdownSelectedValue = BentoDropdownValue | BentoDropdownMultiSelectValue;
+export type BentoDropdownOptions = Array<BentoDropdownOptionItem>;
+export type BentoDropdownIsOptionDisabled = (optionValue: BentoDropdownOptionItem) => boolean | undefined;

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

@@ -1,5 +1,6 @@
 import { PropType } from 'vue';
-import { AdlDropdownOptionItem, AdlDropdownOptions } from './dropdown.types';
+import type { BentoDropdownIsOptionDisabled, BentoDropdownOptionItem, BentoDropdownOptions, BentoDropdownSelectedValue } from './dropdown.types';
+import { BentoTypographyElement } from '../typography';
 declare const _default: import("vue").DefineComponent<{
     ariaLabel: {
         type: StringConstructor;
@@ -9,26 +10,59 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
-    placeholder: {
+    dynamicFiltering: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    label: {
         type: StringConstructor;
         default: any;
     };
-    value: {
-        type: PropType<import("./dropdown.types").AdlDropdownValue>;
+    description: {
+        type: StringConstructor;
+        default: any;
+    };
+    isOptionDisabled: {
+        type: PropType<BentoDropdownIsOptionDisabled>;
         default: any;
     };
     items: {
-        type: PropType<AdlDropdownOptions>;
+        type: PropType<BentoDropdownOptions>;
         default: () => any[];
     };
+    multiple: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    optional: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    placeholder: {
+        type: StringConstructor;
+        default: any;
+    };
+    required: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    value: {
+        type: PropType<BentoDropdownSelectedValue>;
+        default: any;
+    };
 }, {
+    additionalItemsSelected: import("vue").ComputedRef<number>;
     isDropdownOpen: import("vue").Ref<boolean>;
     displayValue: import("vue").ComputedRef<string>;
     dropdownOptionsContainerId: string;
+    filteredItems: import("vue").ComputedRef<BentoDropdownOptionItem[]>;
+    searchTerm: import("vue").Ref<string>;
+    labelId: string;
     inputContainerRef: any;
     closeOpenedDropdown: () => void;
     toggleDropdown: () => void;
-    onOptionSelected: (selectedOption: AdlDropdownOptionItem) => void;
+    onOptionSelected: (selectedValue: BentoDropdownSelectedValue) => 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: {
         type: StringConstructor;
@@ -38,23 +72,58 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
-    placeholder: {
+    dynamicFiltering: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    label: {
         type: StringConstructor;
         default: any;
     };
-    value: {
-        type: PropType<import("./dropdown.types").AdlDropdownValue>;
+    description: {
+        type: StringConstructor;
+        default: any;
+    };
+    isOptionDisabled: {
+        type: PropType<BentoDropdownIsOptionDisabled>;
         default: any;
     };
     items: {
-        type: PropType<AdlDropdownOptions>;
+        type: PropType<BentoDropdownOptions>;
         default: () => any[];
     };
+    multiple: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    optional: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    placeholder: {
+        type: StringConstructor;
+        default: any;
+    };
+    required: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    value: {
+        type: PropType<BentoDropdownSelectedValue>;
+        default: any;
+    };
 }>>, {
-    value: import("./dropdown.types").AdlDropdownValue;
+    required: boolean;
+    optional: boolean;
+    value: BentoDropdownSelectedValue;
+    label: string;
     ariaLabel: string;
     disabled: boolean;
+    multiple: boolean;
+    description: string;
     placeholder: string;
-    items: AdlDropdownOptions;
+    items: BentoDropdownOptions;
+    isOptionDisabled: BentoDropdownIsOptionDisabled;
+    dynamicFiltering: boolean;
 }>;
 export default _default;

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

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