@adyen/bento-vue3 1.12.0 → 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 "../../../../../../vue3/node_modules/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("../../../../../../vue3/node_modules/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("../../../../../../vue3/node_modules/vue").ComputedRef<{
-        [x: string]: boolean;
-    }>;
-    reversedActionsList: import("../../../../../../vue3/node_modules/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;
-}, unknown, {}, {}, import("../../../../../../vue3/node_modules/vue").ComponentOptionsMixin, import("../../../../../../vue3/node_modules/vue").ComponentOptionsMixin, {}, string, import("../../../../../../vue3/node_modules/vue").VNodeProps & import("../../../../../../vue3/node_modules/vue").AllowedComponentProps & import("../../../../../../vue3/node_modules/vue").ComponentCustomProps, Readonly<import("../../../../../../vue3/node_modules/vue").ExtractPropTypes<{
+}, {}, unknown, {}, {}, import("../../../../../../vue3/node_modules/vue").ComponentOptionsMixin, import("../../../../../../vue3/node_modules/vue").ComponentOptionsMixin, {}, string, import("../../../../../../vue3/node_modules/vue").VNodeProps & import("../../../../../../vue3/node_modules/vue").AllowedComponentProps & import("../../../../../../vue3/node_modules/vue").ComponentCustomProps, Readonly<import("../../../../../../vue3/node_modules/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/data-grid/components/data-grid-columns/data-grid-columns.vue.d.ts

@@ -27,6 +27,10 @@ declare const _default: import("../../../../../../vue3/node_modules/vue").Define
         type: BooleanConstructor;
         default: boolean;
     };
+    hasLeftOverflow: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     isOnlyOneVisibleColumn: {
         type: BooleanConstructor;
         default: boolean;
@@ -51,6 +55,10 @@ declare const _default: import("../../../../../../vue3/node_modules/vue").Define
         type: PropType<BentoDatagridSortByColumn[]>;
         default: () => any[];
     };
+    truncateColumnHeaders: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }, {
     DATAGRID_SELECT_FIELD_NAME: string;
     conditionalColumnClasses: (column: BentoColumn) => {
@@ -69,6 +77,7 @@ declare const _default: import("../../../../../../vue3/node_modules/vue").Define
     conditionalColumnsClasses: import("../../../../../../vue3/node_modules/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;
     } | {
@@ -76,6 +85,10 @@ declare const _default: import("../../../../../../vue3/node_modules/vue").Define
         '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("../../../../../../vue3/node_modules/vue").ComputedRef<{
+        'b-data-grid-columns__column-header--truncated': boolean;
     }>;
     isSelectColumn: (column: BentoColumn) => boolean;
     onAllRowSelect: (areAllItemsSelected: boolean) => void;
@@ -142,6 +155,10 @@ declare const _default: import("../../../../../../vue3/node_modules/vue").Define
         type: BooleanConstructor;
         default: boolean;
     };
+    hasLeftOverflow: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     isOnlyOneVisibleColumn: {
         type: BooleanConstructor;
         default: boolean;
@@ -166,6 +183,10 @@ declare const _default: import("../../../../../../vue3/node_modules/vue").Define
         type: PropType<BentoDatagridSortByColumn[]>;
         default: () => any[];
     };
+    truncateColumnHeaders: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }>> & {
     "onColumn-resize"?: (...args: any[]) => any;
     "onColumn-resizing"?: (...args: any[]) => any;
@@ -187,10 +208,12 @@ declare const _default: import("../../../../../../vue3/node_modules/vue").Define
     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,7 +1,8 @@
 import { Ref } from "../../../../../../vue3/node_modules/vue";
 export declare const useScroller: (body: Ref<HTMLDivElement>, columnsRef: Ref<HTMLDivElement>, verticalScrollPosition: Ref<number>) => {
     scrollLeftPosition: Ref<number>;
-    isHorizontallyScrolling: Ref<boolean>;
+    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

@@ -192,6 +192,10 @@ declare const _default: __VLS_WithTemplateSlots<import("../../../../vue3/node_mo
         type: StringConstructor;
         default: any;
     };
+    truncateColumnHeaders: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }, {
     onEmptyStateClearResetButtonClick: () => void;
 }, unknown, {}, {}, import("../../../../vue3/node_modules/vue").ComponentOptionsMixin, import("../../../../vue3/node_modules/vue").ComponentOptionsMixin, BentoDatagridEvent[], BentoDatagridEvent, import("../../../../vue3/node_modules/vue").VNodeProps & import("../../../../vue3/node_modules/vue").AllowedComponentProps & import("../../../../vue3/node_modules/vue").ComponentCustomProps, Readonly<import("../../../../vue3/node_modules/vue").ExtractPropTypes<{
@@ -384,6 +388,10 @@ declare const _default: __VLS_WithTemplateSlots<import("../../../../vue3/node_mo
         type: StringConstructor;
         default: any;
     };
+    truncateColumnHeaders: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }>> & {
     onSelect?: (...args: any[]) => any;
     onNavigate?: (...args: any[]) => any;
@@ -415,6 +423,7 @@ declare const _default: __VLS_WithTemplateSlots<import("../../../../vue3/node_mo
     hasResizableColumns: boolean;
     selectableAcrossPages: boolean;
     sortBy: BentoDatagridSortByColumn[];
+    truncateColumnHeaders: boolean;
     filterValues: any;
     allowRowClicks: boolean;
     allowColumnDragAndDrop: boolean;