@adyen/bento-vue2 0.1.1 → 0.1.2

package/dist/@types/components/data-grid/data-grid.vue.d.ts

@@ -133,6 +133,7 @@ declare const _default: import("vue").DefineComponent<{
     }[]>;
     ariaGridHeaderText: import("vue").ComputedRef<string>;
     conditionalTitleAttribute: (column: BentoColumn, content: unknown) => string;
+    getRowData: (rowData: unknown) => unknown;
     gridColumnWidthStyle: import("vue").ComputedRef<{
         gridTemplateColumns: string;
         gridColumnEnd: number;

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

@@ -0,0 +1,53 @@
+import { PropType } from 'vue';
+import { Booleanish } from '../../../../types';
+export declare const DropdownBaseTextboxProps: {
+    additionalItemsSelected: {
+        type: NumberConstructor;
+        default: number;
+    };
+    dynamicFiltering: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    ariaControls: {
+        type: StringConstructor;
+        required: boolean;
+    };
+    ariaExpanded: {
+        type: PropType<Booleanish>;
+        required: boolean;
+    };
+    ariaLabelledby: {
+        type: StringConstructor;
+        default: any;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    isInvalid: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    displayValue: {
+        type: StringConstructor;
+        default: any;
+    };
+    open: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    placeholder: {
+        type: StringConstructor;
+        default: any;
+    };
+    value: {
+        type: StringConstructor;
+        default: string;
+    };
+    debounceTime: {
+        type: NumberConstructor;
+        default: number;
+    };
+};
+export default DropdownBaseTextboxProps;

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

@@ -1,26 +1,33 @@
+import { PropType } from 'vue';
 import { BentoTypographyElement, BentoTypographyVariant } from '@/components/typography';
+import { Booleanish } from '@/types';
+import type { HTMLAttributes } from 'vue/types/jsx';
 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;
     };
@@ -28,6 +35,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;
@@ -36,6 +51,10 @@ declare const _default: import("vue").DefineComponent<{
         type: StringConstructor;
         default: any;
     };
+    value: {
+        type: StringConstructor;
+        default: string;
+    };
 }, {
     BentoTypographyElement: typeof BentoTypographyElement;
     BentoTypographyVariant: typeof BentoTypographyVariant;
@@ -43,36 +62,42 @@ declare const _default: import("vue").DefineComponent<{
         'b-dropdown-base-textbox--disabled': boolean;
     }>;
     computedDisplayValue: import("vue").ComputedRef<string>;
-    computedDropdownTextbox: import("vue").ComputedRef<"div" | "input">;
-    isInputField: import("vue").ComputedRef<boolean>;
     shouldShowPlaceholder: import("vue").ComputedRef<boolean>;
     textboxId: string;
     textbox: any;
+    isFiltering: import("vue").ComputedRef<boolean>;
+    ariaAttributes: import("vue").ComputedRef<HTMLAttributes>;
     onCloseDropdown: () => void;
     onToggleDropdown: () => void;
+    onClearSearch: () => void;
+    onInputEvent: (event: Event) => void;
     hasSlot: (name: string) => boolean;
-}, {}, {}, {}, import("vue/types/v3-component-options.js").ComponentOptionsMixin, import("vue/types/v3-component-options.js").ComponentOptionsMixin, ("open" | "close")[], string, Readonly<import("vue").ExtractPropTypes<{
-    autoComplete: {
-        type: BooleanConstructor;
-        default: boolean;
+}, {}, {}, {}, import("vue/types/v3-component-options.js").ComponentOptionsMixin, import("vue/types/v3-component-options.js").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;
     };
@@ -80,6 +105,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;
@@ -88,13 +121,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-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-option/dropdown-option.vue.d.ts → dropdown-single-select-option/dropdown-single-select-option.vue.d.ts}

@@ -1,23 +1,32 @@
 import { PropType } from 'vue';
-import { AdlDropdownValue } from '@/components/dropdown/dropdown.types';
+import { BentoTypographyElement } from '@/components/typography';
+import type { AdlDropdownValue as BentoDropdownValue } from '@/components/dropdown/dropdown.types';
 declare const _default: import("vue").DefineComponent<{
     label: {
         type: StringConstructor;
         required: true;
     };
     value: {
-        type: PropType<AdlDropdownValue>;
+        type: PropType<BentoDropdownValue>;
         required: true;
     };
     selected: {
         type: BooleanConstructor;
         default: boolean;
     };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }, {
     conditionalClasses: import("vue").ComputedRef<{
-        'adl2-dropdown-option--selected': boolean;
+        'b-dropdown-single-select-option--disabled': boolean;
+        'b-dropdown-single-select-option--selected': boolean;
     }>;
+    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.js").ComponentOptionsMixin, import("vue/types/v3-component-options.js").ComponentOptionsMixin, "select"[], string, Readonly<import("vue").ExtractPropTypes<{
     label: {
@@ -25,14 +34,19 @@ declare const _default: import("vue").DefineComponent<{
         required: true;
     };
     value: {
-        type: PropType<AdlDropdownValue>;
+        type: PropType<BentoDropdownValue>;
         required: true;
     };
     selected: {
         type: BooleanConstructor;
         default: boolean;
     };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }>>, {
+    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, AdlDropdownOptionItem as BentoDropdownOptionItem, AdlDropdownOptions as BentoDropdownOptions, AdlDropdownValue as BentoDropdownValue } from '../../dropdown.types';
 declare const _default: import("vue").DefineComponent<{
     ariaLabel: {
         type: StringConstructor;
@@ -13,16 +13,20 @@ 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;
+    };
+    open: {
+        type: BooleanConstructor;
         required: true;
     };
     selectedValue: {
-        type: PropType<AdlDropdownValue>;
+        type: PropType<BentoDropdownValue>;
         default: any;
     };
     targetElement: {
@@ -48,7 +52,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: (selectedOption: BentoDropdownOptionItem) => 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 +66,20 @@ 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;
+    };
+    open: {
+        type: BooleanConstructor;
         required: true;
     };
     selectedValue: {
-        type: PropType<AdlDropdownValue>;
+        type: PropType<BentoDropdownValue>;
         default: any;
     };
     targetElement: {
@@ -81,6 +89,7 @@ declare const _default: import("vue").DefineComponent<{
 }>>, {
     ariaLabel: string;
     disabled: boolean;
-    selectedValue: AdlDropdownValue;
+    isOptionDisabled: BentoDropdownIsOptionDisabled;
+    selectedValue: BentoDropdownValue;
 }>;
 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

@@ -5,3 +5,4 @@ export interface AdlDropdownOptionItem extends BentoSearchBarItem {
 }
 export type AdlDropdownSelectedValue = AdlDropdownValue;
 export type AdlDropdownOptions = Array<AdlDropdownOptionItem>;
+export type BentoDropdownIsOptionDisabled = (optionValue: AdlDropdownOptionItem) => boolean | undefined;