@adyen/bento-vue2 1.11.1 → 1.13.1

package/dist/@types/packages/vue2/src/components/filter-bar/filter-bar.types.d.ts

@@ -6,7 +6,7 @@ import { BentoCountryVariant } from "../country";
 import { BentoCurrencyListboxOptions } from "../dropdown/components/variants/dropdown-currency/dropdown-currency.types";
 import { BentoPaymentMethodListboxOptions } from "../dropdown/components/variants/dropdown-payment-method/dropdown-payment-method.types";
 import { BentoDatePickerFirstDayOfWeek, BentoDatePickerIsDateDisabled } from '../date-picker/date-picker.types';
-import { BentoDateRangePickerValue } from "../date-range-picker";
+import { BentoDateRangePickerGranularityConfig, BentoDateRangePickerValue } from "../date-range-picker";
 import { DateRangePickerCalendarRangeSelectorItems } from '../date-range-picker/components/date-range-picker-calendar/date-range-picker-calendar.types';
 export interface BentoSelectFilterOptions {
     emptyState?: BentoListboxEmptyStateProps;
@@ -62,7 +62,10 @@ export interface BentoDateRangeFilterOptions {
     allowTimeInput?: boolean;
     firstDayOfWeek?: BentoDatePickerFirstDayOfWeek;
     isDateDisabled?: BentoDatePickerIsDateDisabled;
+    granularities?: Array<BentoDateRangePickerGranularityConfig>;
     maxRange?: number;
+    min?: Date;
+    max?: Date;
     numberOfMonths?: number;
     quickSelectRanges?: DateRangePickerCalendarRangeSelectorItems | boolean;
 }

package/dist/@types/packages/vue2/src/components/input-field/input-field.vue.d.ts

@@ -181,12 +181,12 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     required: boolean;
     condensed: boolean;
     disabled: boolean;
-    placeholder: string;
     optional: boolean;
     readonly: boolean;
     tooltipText: string;
     errorMessage: string;
     ariaLabel: string;
+    placeholder: string;
     dropdown: BentoInputDropdownProps;
     ariaHidden: boolean;
     dropdownPosition: "end" | "start" | BentoInputFieldElementPosition;

package/dist/@types/packages/vue2/src/components/internal/listbox/components/listbox-multi-select/components/listbox-multi-select-chips/index.d.ts

@@ -0,0 +1 @@
+export { default as ListboxMultiSelectChips } from './listbox-multi-select-chips.vue';

package/dist/@types/packages/vue2/src/components/internal/listbox/components/listbox-multi-select/components/listbox-multi-select-chips/listbox-multi-select-chips.vue.d.ts

@@ -0,0 +1,28 @@
+import { PropType } from 'vue';
+import { BentoListboxOptionItem, BentoListboxOptions, BentoListboxValue } from "../../../../../../../types";
+declare const _default: import("vue").DefineComponent<{
+    isOptionDisabled: {
+        type: PropType<(optionValue: BentoListboxOptionItem) => boolean>;
+        default: () => false;
+    };
+    items: {
+        type: PropType<BentoListboxOptions>;
+        required: true;
+    };
+}, {}, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, {
+    "unselect-item": (value: BentoListboxValue) => void;
+} & {
+    "unselect-category": (item: BentoListboxOptionItem) => void;
+}, string, Readonly<import("vue").ExtractPropTypes<{
+    isOptionDisabled: {
+        type: PropType<(optionValue: BentoListboxOptionItem) => boolean>;
+        default: () => false;
+    };
+    items: {
+        type: PropType<BentoListboxOptions>;
+        required: true;
+    };
+}>>, {
+    isOptionDisabled: (optionValue: BentoListboxOptionItem) => boolean;
+}>;
+export default _default;

package/dist/@types/packages/vue2/src/components/internal/listbox/components/listbox-multi-select/listbox-multi-select.vue.d.ts

@@ -26,8 +26,7 @@ declare const _default: import("vue").DefineComponent<{
     selectedListboxItemsRef: any;
     listboxItemsRef: any;
     isAllSelected: import("vue").ComputedRef<boolean>;
-    isAllItemsIncludingDisabled: import("vue").ComputedRef<boolean>;
-    isAnOptionSelected: import("vue").ComputedRef<boolean>;
+    showSelectedItems: import("vue").ComputedRef<boolean>;
     isIndeterminate: import("vue").ComputedRef<boolean>;
     isMultiLevelSelect: import("vue").ComputedRef<boolean>;
     flattenedItemsList: import("vue").ComputedRef<any[]>;
@@ -41,8 +40,8 @@ declare const _default: import("vue").DefineComponent<{
     toggleSelectAll: (selectedValue: boolean) => void;
     unselectAllCategory: (category: BentoListboxOptionItem) => void;
     listboxListeners: {
-        "keydown:arrow-up": () => void;
-        "keydown:arrow-down": () => void;
+        "keydown:arrow-up": (event: CustomEvent<KeyboardEvent>) => void;
+        "keydown:arrow-down": (event: CustomEvent<KeyboardEvent>) => void;
         "keydown:home": () => void;
         "keydown:end": () => void;
     };

package/dist/@types/packages/vue2/src/components/internal/listbox/components/listbox-single-select/listbox-single-select.vue.d.ts

@@ -24,8 +24,8 @@ declare const _default: import("vue").DefineComponent<{
     hasCategories: import("vue").ComputedRef<boolean>;
     onOptionSelected: (eventName: any) => (selectedValue: BentoListboxSelectedValue) => void;
     listboxListeners: {
-        "keydown:arrow-up": () => void;
-        "keydown:arrow-down": () => void;
+        "keydown:arrow-up": (event?: CustomEvent<KeyboardEvent>) => void;
+        "keydown:arrow-down": (event?: CustomEvent<KeyboardEvent>) => void;
         "keydown:home": () => void;
         "keydown:end": () => void;
     };

package/dist/@types/packages/vue2/src/components/internal/listbox/composables/useListboxKeyboardNavigation.d.ts

@@ -4,6 +4,6 @@ export declare const useListboxKeyboardNavigation: ({ items, isOptionDisabled }:
 }, focusItem: any) => {
     moveToFirstElement: () => void;
     moveToLastElement: () => void;
-    moveToNextElement: () => void;
-    moveToPreviousElement: () => void;
+    moveToNextElement: (event?: CustomEvent<KeyboardEvent>) => void;
+    moveToPreviousElement: (event?: CustomEvent<KeyboardEvent>) => void;
 };

package/dist/@types/packages/vue2/src/components/internal/listbox/listbox.vue.d.ts

@@ -64,7 +64,7 @@ declare const _default: import("vue").DefineComponent<{
     listboxItemRef: import("vue").Ref<any[]>;
     ariaAtomic: import("vue").ComputedRef<boolean | "true" | "false">;
     ariaBusy: import("vue").ComputedRef<boolean | "true" | "false">;
-    ariaLive: import("vue").ComputedRef<"off" | "assertive" | "polite">;
+    ariaLive: import("vue").ComputedRef<"off" | "polite" | "assertive">;
     containerProps: import("../../../composables/use-virtual-list").UseVirtualListContainerProps;
     isSearchResultEmpty: import("vue").ComputedRef<boolean>;
     limitedEmptyStateProps: import("vue").ComputedRef<Readonly<Partial<{

package/dist/@types/packages/vue2/src/components/link/link.vue.d.ts

@@ -1,23 +1,30 @@
-export interface Props extends RouterLinkProps, AnchorHTMLAttributes {
-    args?: {
-        props: RouterLinkProps;
-    };
-    external?: boolean;
-    variant?: BentoLinkVariant | `${BentoLinkVariant}`;
+import { BentoLinkVariant } from "../../../../core/src/components/link/link.types";
+export interface LinkProps {
+    to: any;
+    replace?: boolean;
+    append?: boolean;
+    tag?: string;
+    activeClass?: string;
+    exact?: boolean;
+    exactPath?: boolean;
+    exactPathActiveClass?: string;
+    event?: string | ReadonlyArray<string>;
+    exactActiveClass?: string;
+    ariaCurrentValue?: 'page' | 'step' | 'location' | 'date' | 'time' | 'true' | 'false';
     disableTypography?: boolean;
+    external?: boolean;
+    isButton?: boolean;
     target?: string;
+    variant?: BentoLinkVariant | `${BentoLinkVariant}`;
 }
-import { BentoLinkVariant } from "../../../../core/src/components/link/link.types";
-import type { RouterLinkProps } from 'vue-router/types/router';
-import type { AnchorHTMLAttributes } from 'vue/types/jsx';
-declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<Props>, {
-    variant: BentoLinkVariant;
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<LinkProps>, {
     target: any;
+    variant: BentoLinkVariant;
 }>, {}, {}, {}, {}, import("vue/types/v3-component-options.js").ComponentOptionsMixin, import("vue/types/v3-component-options.js").ComponentOptionsMixin, {
     click: (clickEvent: MouseEvent) => void;
-}, string, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<Props>, {
-    variant: BentoLinkVariant;
+}, string, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<LinkProps>, {
     target: any;
+    variant: BentoLinkVariant;
 }>>>, {
     variant: "default" | "quiet" | BentoLinkVariant;
     target: string;

package/dist/@types/packages/vue2/src/components/modal/components/base-modal/base-modal.keys.d.ts

@@ -0,0 +1 @@
+export declare const MODAL_DIALOG_ID_INJECTION_KEY: unique symbol;

package/dist/@types/packages/vue2/src/components/modal/components/base-modal/base-modal.vue.d.ts

@@ -1,8 +1,7 @@
 import { PropType } from 'vue';
-import { BentoModalColumnLayoutVariant, BentoModalEvent, BentoModalRole, BentoModalSize } from "../../modal.types";
+import { BentoModalColumnLayoutVariant, BentoModalRole, BentoModalSize } from "../../modal.types";
 import { BentoButtonActionsList } from "../../../button";
-import { GridLayoutContainerType } from "../../../internal";
-declare const _default: import("vue").DefineComponent<{
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     actions: {
         type: PropType<BentoButtonActionsList>;
         default: any;
@@ -48,64 +47,10 @@ declare const _default: import("vue").DefineComponent<{
         default: boolean;
     };
 }, {
-    modal: import("vue").Ref<HTMLDialogElement>;
-    computedAriaLabel: import("vue").ComputedRef<string>;
-    showCloseButton: import("vue").ComputedRef<boolean>;
-    openModal: () => void;
-    closeModalOnClickOutside: ({ target }: Event) => void;
-    closeModalAfterAnimation: () => void;
-    startCloseModalAnimation: () => void;
     internalModalActionClose: (event?: Event) => void;
-    hasSlot: (name: string) => boolean;
-    emitCloseEvent: () => void;
-    t: import("vue-i18n-bridge").ComposerTranslation<import("../../../../utils/ts/i18n").i18nMessages, string, import("@intlify/core-base").RemoveIndexSignature<{
-        [x: string]: import("vue-i18n-bridge").LocaleMessageValue<import("vue-i18n-bridge").VueMessageType>;
-    }>, never, import("@intlify/core-base")._ResourcePath<{
-        [key: string]: string;
-    }>, import("@intlify/core-base")._ResourcePath<{
-        [key: string]: string;
-    }>> | ((key: "close" | "ariaLabelFallback", values?: import("vue-i18n").default.Values) => string);
-    modalConditionalClasses: import("vue").ComputedRef<{
-        [x: string]: boolean | "small" | "medium" | "large" | BentoModalSize;
-        'b-modal-base__container--hide': boolean;
-        'b-modal-base__container--overflow-visible': boolean;
-        'b-modal-base__container--column-layout': boolean;
-    }>;
-    modalContentConditionalClasses: import("vue").ComputedRef<{
-        'b-modal-base__content--column-layout': boolean;
-        'b-modal-base__content--with-header': boolean;
-        'b-modal-base__content--with-actions': boolean;
-    }>;
-    customPaddingStyles: import("vue").ComputedRef<{
-        header?: undefined;
-        content?: undefined;
-        actions?: undefined;
-    } | {
-        header: {
-            paddingTop: string;
-            paddingLeft: string;
-            paddingRight: string;
-        };
-        content: {
-            paddingTop: any;
-            paddingBottom: any;
-            paddingLeft: string;
-            paddingRight: string;
-        };
-        actions: {
-            paddingBottom: string;
-            paddingLeft: string;
-            paddingRight: string;
-        };
-    }>;
-    hasColumnLayout: import("vue").ComputedRef<boolean>;
-    computedColumnWidth: import("vue").ComputedRef<{
-        small: number;
-        medium: number;
-        large: number;
-    }[]>;
-    GridLayoutContainerType: typeof GridLayoutContainerType;
-}, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, BentoModalEvent[], string, Readonly<import("vue").ExtractPropTypes<{
+}, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, {
+    "close-modal": () => void;
+}, string, Readonly<import("vue").ExtractPropTypes<{
     actions: {
         type: PropType<BentoButtonActionsList>;
         default: any;
@@ -159,5 +104,16 @@ declare const _default: import("vue").DefineComponent<{
     modalRole: string;
     overflowVisible: boolean;
     withColumnLayout: boolean;
+}>, {
+    default: (_: {}) => any;
+    'content-col-1': (_: {}) => any;
+    'content-col-2': (_: {}) => any;
+    content: (_: {}) => any;
+    actions: (_: {}) => any;
 }>;
 export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/@types/packages/vue2/src/components/modal/components/modal-default/modal-default.vue.d.ts

@@ -1,20 +1,44 @@
 import { PropType } from 'vue';
-import { BentoModalColumnLayoutVariant, BentoModalEvent, BentoModalSize } from "../../modal.types";
+import { BentoModalColumnLayoutVariant, BentoModalSize } from "../../modal.types";
 import { BentoButtonActionsList } from "../../../button";
-declare const _default: import("vue").DefineComponent<{
-    isOpen: {
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
+    actions: {
+        type: PropType<BentoButtonActionsList>;
+        default: any;
+    };
+    actionsLabel: {
+        type: StringConstructor;
+        default: any;
+    };
+    customPadding: {
+        type: StringConstructor;
+        default: any;
+    };
+    columnsSize: {
+        type: PropType<BentoModalColumnLayoutVariant>;
+        default: BentoModalColumnLayoutVariant;
+    };
+    destructiveActions: {
         type: BooleanConstructor;
-        required: true;
+        default: boolean;
+    };
+    hideCloseButton: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    initiallyOpen: {
+        type: BooleanConstructor;
+        default: boolean;
     };
     isDismissible: {
         type: BooleanConstructor;
         required: true;
     };
-    overflowVisible: {
+    isOpen: {
         type: BooleanConstructor;
-        default: boolean;
+        required: true;
     };
-    hideCloseButton: {
+    overflowVisible: {
         type: BooleanConstructor;
         default: boolean;
     };
@@ -22,18 +46,13 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<"small" | "medium" | "large" | BentoModalSize>;
         required: true;
     };
-    customPadding: {
-        type: StringConstructor;
-        default: any;
-    };
     withColumnLayout: {
         type: BooleanConstructor;
         default: boolean;
     };
-    columnsSize: {
-        type: PropType<BentoModalColumnLayoutVariant>;
-        default: BentoModalColumnLayoutVariant;
-    };
+}, {}, {}, {}, {}, import("vue/types/v3-component-options.js").ComponentOptionsMixin, import("vue/types/v3-component-options.js").ComponentOptionsMixin, {
+    "close-modal": () => void;
+}, string, Readonly<import("vue").ExtractPropTypes<{
     actions: {
         type: PropType<BentoButtonActionsList>;
         default: any;
@@ -42,31 +61,35 @@ declare const _default: import("vue").DefineComponent<{
         type: StringConstructor;
         default: any;
     };
+    customPadding: {
+        type: StringConstructor;
+        default: any;
+    };
+    columnsSize: {
+        type: PropType<BentoModalColumnLayoutVariant>;
+        default: BentoModalColumnLayoutVariant;
+    };
     destructiveActions: {
         type: BooleanConstructor;
         default: boolean;
     };
-    initiallyOpen: {
+    hideCloseButton: {
         type: BooleanConstructor;
         default: boolean;
     };
-}, {
-    onCloseModal: () => void;
-    hasSlot: (name: string) => boolean;
-}, {}, {}, {}, import("vue/types/v3-component-options.js").ComponentOptionsMixin, import("vue/types/v3-component-options.js").ComponentOptionsMixin, BentoModalEvent[], string, Readonly<import("vue").ExtractPropTypes<{
-    isOpen: {
+    initiallyOpen: {
         type: BooleanConstructor;
-        required: true;
+        default: boolean;
     };
     isDismissible: {
         type: BooleanConstructor;
         required: true;
     };
-    overflowVisible: {
+    isOpen: {
         type: BooleanConstructor;
-        default: boolean;
+        required: true;
     };
-    hideCloseButton: {
+    overflowVisible: {
         type: BooleanConstructor;
         default: boolean;
     };
@@ -74,34 +97,10 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<"small" | "medium" | "large" | BentoModalSize>;
         required: true;
     };
-    customPadding: {
-        type: StringConstructor;
-        default: any;
-    };
     withColumnLayout: {
         type: BooleanConstructor;
         default: boolean;
     };
-    columnsSize: {
-        type: PropType<BentoModalColumnLayoutVariant>;
-        default: BentoModalColumnLayoutVariant;
-    };
-    actions: {
-        type: PropType<BentoButtonActionsList>;
-        default: any;
-    };
-    actionsLabel: {
-        type: StringConstructor;
-        default: any;
-    };
-    destructiveActions: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    initiallyOpen: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
 }>>, {
     actions: BentoButtonActionsList;
     columnsSize: BentoModalColumnLayoutVariant;
@@ -112,5 +111,16 @@ declare const _default: import("vue").DefineComponent<{
     withColumnLayout: boolean;
     actionsLabel: string;
     destructiveActions: boolean;
+}>, {
+    default: (_: {}) => any;
+    'content-col-1': (_: {}) => any;
+    'content-col-2': (_: {}) => any;
+    content: (_: {}) => any;
+    actions: (_: {}) => any;
 }>;
 export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};