@adyen/bento-vue2 1.11.1 → 1.13.1

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

@@ -46,6 +46,7 @@ import {
     BentoPagination,
     BentoPaymentMethod,
     BentoPopover,
+    BentoRadioButton,
     BentoRadioGroup,
     BentoSearchBar,
     BentoSecondaryNav,
@@ -124,6 +125,7 @@ declare module 'vue' {
         BentoPagination: typeof BentoPagination;
         BentoPaymentMethod: typeof BentoPaymentMethod;
         BentoPopover: typeof BentoPopover;
+        BentoRadioButton: typeof BentoRadioButton;
         BentoRadioGroup: typeof BentoRadioGroup;
         BentoSearchBar: typeof BentoSearchBar;
         BentoSecondaryNav: typeof BentoSecondaryNav;

package/dist/@types/packages/vue2/src/components/button/components/button-actions/button-actions.vue.d.ts

@@ -1,45 +1,33 @@
 import { PropType } from 'vue';
-import { BentoButtonVariant } from "../../../../../../core/src/components/button/button.types";
-import { BentoButtonActionObject, BentoButtonActionsLayout, BentoButtonActionsList } from './button-actions.types';
+import { BentoButtonActionsLayout, BentoButtonActionsList } from './button-actions.types';
 declare const _default: import("vue").DefineComponent<{
     actions: {
         type: PropType<BentoButtonActionsList>;
         required: true;
     };
-    layout: {
-        type: PropType<"space-between" | BentoButtonActionsLayout | "buttons-end" | "fill-container" | "vertical-stack" | "buttons-start">;
-        default: import("./button-actions.types").BentoButtonActionsLayoutBasic;
-        validator: (layout: BentoButtonActionsLayout) => boolean;
-    };
     inverse: {
         type: BooleanConstructor;
         default: boolean;
     };
-}, {
-    conditionalClasses: import("vue").ComputedRef<{
-        [x: string]: boolean;
-    }>;
-    reversedActionsList: import("vue").ComputedRef<BentoButtonActionObject[]>;
-    generateButtonEvents: (button: BentoButtonActionObject) => {
-        click: (event: Event) => void;
-    } | {
-        click?: undefined;
+    layout: {
+        type: PropType<"space-between" | BentoButtonActionsLayout | "buttons-end" | "fill-container" | "vertical-stack" | "buttons-start">;
+        default: import("./button-actions.types").BentoButtonActionsLayoutBasic;
+        validator: (layout: BentoButtonActionsLayout) => boolean;
     };
-    generateButtonVariantByIndex: (actionIndex: any) => BentoButtonVariant.PRIMARY | BentoButtonVariant.SECONDARY;
-}, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, {}, string, Readonly<import("vue").ExtractPropTypes<{
+}, {}, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, {}, string, Readonly<import("vue").ExtractPropTypes<{
     actions: {
         type: PropType<BentoButtonActionsList>;
         required: true;
     };
+    inverse: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     layout: {
         type: PropType<"space-between" | BentoButtonActionsLayout | "buttons-end" | "fill-container" | "vertical-stack" | "buttons-start">;
         default: import("./button-actions.types").BentoButtonActionsLayoutBasic;
         validator: (layout: BentoButtonActionsLayout) => boolean;
     };
-    inverse: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
 }>>, {
     inverse: boolean;
     layout: "space-between" | BentoButtonActionsLayout | "buttons-end" | "fill-container" | "vertical-stack" | "buttons-start";

package/dist/@types/packages/vue2/src/components/code-snippet/code-snippet.vue.d.ts

@@ -107,10 +107,10 @@ declare const _default: import("vue").DefineComponent<{
     };
 }>>, {
     variant: "inline" | "singleline" | "multiline" | BentoCodeSnippetVariant;
-    lang: "json" | "xml" | "java" | "javascript" | BentoCodeSnippetSupportedLanguage;
     content: string;
     loading: boolean;
     expandable: boolean;
+    lang: "json" | "xml" | "java" | "javascript" | BentoCodeSnippetSupportedLanguage;
     langLabel: string;
     editable: boolean;
     actionable: boolean;

package/dist/@types/packages/vue2/src/components/data-grid/components/data-grid-columns/data-grid-columns.vue.d.ts

@@ -27,6 +27,10 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    hasLeftOverflow: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     isOnlyOneVisibleColumn: {
         type: BooleanConstructor;
         default: boolean;
@@ -35,6 +39,10 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    showFrozenColumnsSeparator: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     allItemsSelectedState: {
         type: PropType<BentoDatagridAllItemsSelectedState>;
         default: any;
@@ -47,6 +55,10 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<BentoDatagridSortByColumn[]>;
         default: () => any[];
     };
+    truncateColumnHeaders: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }, {
     DATAGRID_SELECT_FIELD_NAME: string;
     conditionalColumnClasses: (column: BentoColumn) => {
@@ -64,12 +76,19 @@ declare const _default: import("vue").DefineComponent<{
     }>;
     conditionalColumnsClasses: import("vue").ComputedRef<{
         'b-data-grid-columns--frozen': boolean;
+        'b-data-grid-columns--frozen-separator': boolean;
+        'b-data-grid-columns--overflow-shadow-left': boolean;
         'b-data-grid-columns--unfrozen'?: undefined;
         'b-data-grid-columns--config-settings-margin'?: undefined;
     } | {
         'b-data-grid-columns--unfrozen': boolean;
         'b-data-grid-columns--config-settings-margin': boolean;
         'b-data-grid-columns--frozen'?: undefined;
+        'b-data-grid-columns--frozen-separator'?: undefined;
+        'b-data-grid-columns--overflow-shadow-left'?: undefined;
+    }>;
+    conditionalColumnHeaderClasses: import("vue").ComputedRef<{
+        'b-data-grid-columns__column-header--truncated': boolean;
     }>;
     isSelectColumn: (column: BentoColumn) => boolean;
     onAllRowSelect: (areAllItemsSelected: boolean) => void;
@@ -136,6 +155,10 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    hasLeftOverflow: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     isOnlyOneVisibleColumn: {
         type: BooleanConstructor;
         default: boolean;
@@ -144,6 +167,10 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    showFrozenColumnsSeparator: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     allItemsSelectedState: {
         type: PropType<BentoDatagridAllItemsSelectedState>;
         default: any;
@@ -156,6 +183,10 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<BentoDatagridSortByColumn[]>;
         default: () => any[];
     };
+    truncateColumnHeaders: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }>>, {
     isFrozenColumns: boolean;
     draggingColumns: any;
@@ -163,9 +194,12 @@ declare const _default: import("vue").DefineComponent<{
     hasResizableColumns: boolean;
     hasColumnPanel: boolean;
     hasFirstColumnPanelRightAligned: boolean;
+    hasLeftOverflow: boolean;
     isOnlyOneVisibleColumn: boolean;
+    showFrozenColumnsSeparator: boolean;
     allItemsSelectedState: BentoDatagridAllItemsSelectedState;
     selectableAcrossPages: boolean;
     sortBy: BentoDatagridSortByColumn[];
+    truncateColumnHeaders: boolean;
 }>;
 export default _default;

package/dist/@types/packages/vue2/src/components/data-grid/composables/use-scroller/use-scroller.d.ts

@@ -1,6 +1,8 @@
 import { Ref } from 'vue';
 export declare const useScroller: (body: Ref<HTMLDivElement>, columnsRef: Ref<HTMLDivElement>, verticalScrollPosition: Ref<number>) => {
     scrollLeftPosition: Ref<number>;
+    hasLeftOverflow: Ref<boolean>;
+    hasRightOverflow: Ref<boolean>;
     updateScrollPosition: (event: Event) => void;
     updateScrollPositionOnFrozenColumnsNavigation: (event: KeyboardEvent) => void;
 };

package/dist/@types/packages/vue2/src/components/data-grid/data-grid.types.d.ts

@@ -28,7 +28,9 @@ export interface BentoColumn {
 export declare enum BentoDatagridStyleState {
     OUTLINE = "outline",
     SCROLL = "scroll",
-    STICKY_FILTERS = "sticky-filters"
+    STICKY_FILTERS = "sticky-filters",
+    OVERFLOW_SHADOW_LEFT = "overflow-shadow-left",
+    OVERFLOW_SHADOW_RIGHT = "overflow-shadow-right"
 }
 export declare enum BentoDatagridSortDirection {
     ASCENDING = "asc",

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

@@ -247,6 +247,10 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         type: StringConstructor;
         default: any;
     };
+    truncateColumnHeaders: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }, {
     onEmptyStateClearResetButtonClick: () => void;
 }, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, BentoDatagridEvent[], string, Readonly<import("vue").ExtractPropTypes<{
@@ -494,6 +498,10 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         type: StringConstructor;
         default: any;
     };
+    truncateColumnHeaders: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }>>, {
     filters: import("../filter-bar").BentoFilterBarModel;
     condensed: boolean;
@@ -505,6 +513,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     hasResizableColumns: boolean;
     selectableAcrossPages: boolean;
     sortBy: BentoDatagridSortByColumn[];
+    truncateColumnHeaders: boolean;
     filterValues: import("../filter-bar").BentoFilterValues;
     allowRowClicks: boolean;
     allowColumnDragAndDrop: boolean;

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

@@ -31,8 +31,8 @@ declare const _default: import("vue").DefineComponent<{
         default: boolean;
     };
 }>>, {
-    disableTypography: boolean;
     date: string | number | Date;
+    disableTypography: boolean;
     format: "d" | "EEEE" | "h:mm aa" | "H:mm" | "h:mm:ss aa" | "H:mm:ss" | "LLLL dd, yyyy" | "LLL dd, yyyy" | BentoDateFormat | "LLL dd, yyyy, h:mm:ss aa" | "LLL dd, yyyy, H:mm:ss" | "LLL dd, yyyy, h:mm:ss aa O" | "LLL dd, yyyy, H:mm:ss O" | "LLL dd, yyyy, h:mm aa" | "LLL dd, yyyy, h:mm aa O" | "LLL dd, yyyy, H:mm" | "LLL dd, yyyy, H:mm O";
 }>;
 export default _default;

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

@@ -1,12 +1,14 @@
 import { PropType } from 'vue';
-import { BentoKeyboardNavigationKeyDownEvent, BentoListboxOptionItem, Booleanish } from "../../../../types";
-import type { HTMLAttributes } from 'vue/types/jsx';
-import { DropdownBaseTextboxEvent } from './dropdown-base-textbox.types';
-declare const _default: import("vue").DefineComponent<{
+import { BentoListboxOptionItem, Booleanish } from "../../../../types";
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     additionalItemsSelected: {
         type: PropType<string | number>;
         default: number;
     };
+    alwaysComboboxIsInput: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     ariaControls: {
         type: StringConstructor;
         required: true;
@@ -43,6 +45,10 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    multiple: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     open: {
         type: BooleanConstructor;
         default: boolean;
@@ -63,31 +69,25 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
-    multiple: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-}, {
-    BentoKeyboardNavigationKeyDownEvent: typeof BentoKeyboardNavigationKeyDownEvent;
-    DropdownBaseTextboxEvent: typeof DropdownBaseTextboxEvent;
-    conditionalClasses: import("vue").ComputedRef<{
-        [x: string]: boolean;
-    }>;
-    textboxId: string;
-    textbox: any;
-    isFiltering: import("vue").ComputedRef<boolean>;
-    ariaAttributes: import("vue").ComputedRef<HTMLAttributes>;
-    selectedValueItems: import("vue").ComputedRef<BentoListboxOptionItem[]>;
-    onCloseDropdown: () => void;
-    onToggleDropdown: (event: Event) => void;
-    onClearSearch: () => void;
-    onInputEvent: (event: Event) => void;
-    hasSlot: (name: string) => boolean;
-}, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, DropdownBaseTextboxEvent[], string, Readonly<import("vue").ExtractPropTypes<{
+}, {}, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, {
+    clear: () => void;
+} & {
+    close: () => void;
+} & {
+    input: (searchValue: string) => void;
+} & {
+    keydown: (event: KeyboardEvent) => void;
+} & {
+    open: () => void;
+}, string, Readonly<import("vue").ExtractPropTypes<{
     additionalItemsSelected: {
         type: PropType<string | number>;
         default: number;
     };
+    alwaysComboboxIsInput: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     ariaControls: {
         type: StringConstructor;
         required: true;
@@ -124,6 +124,10 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    multiple: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     open: {
         type: BooleanConstructor;
         default: boolean;
@@ -144,10 +148,6 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
-    multiple: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
 }>>, {
     value: string;
     disabled: boolean;
@@ -156,6 +156,7 @@ declare const _default: import("vue").DefineComponent<{
     multiple: boolean;
     ariaLabel: string;
     additionalItemsSelected: string | number;
+    alwaysComboboxIsInput: boolean;
     ariaLabelledby: string;
     debounceTime: number;
     displayValue: string;
@@ -163,5 +164,13 @@ declare const _default: import("vue").DefineComponent<{
     isInvalid: boolean;
     selectedValueItem: BentoListboxOptionItem | BentoListboxOptionItem[];
     showSlotContentInMultiple: boolean;
+}>, {
+    default: (_: BentoListboxOptionItem) => any;
+    icon: (_: {}) => any;
 }>;
 export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};