@adyen/bento-vue2 1.12.0 → 1.14.0-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/button/components/loading-button/loading-button.vue.d.ts

@@ -5,6 +5,10 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    critical: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     disabled: {
         type: BooleanConstructor;
         default: boolean;
@@ -30,6 +34,10 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    critical: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     disabled: {
         type: BooleanConstructor;
         default: boolean;
@@ -51,6 +59,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
 }>>, {
     variant: "primary" | "secondary" | "tertiary" | import("../../../../../../core/src/components/button/button.types").BentoButtonVariant;
     condensed: boolean;
+    critical: boolean;
     disabled: boolean;
     inverse: boolean;
     state: "start" | "loading" | "success" | BentoLoadingButtonState | "fail";

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

@@ -1,3 +1,4 @@
+import type { BentoTag } from "../tag";
 export type BentoMultiCheckboxType = Array<string | number>;
 export type BentoCheckboxType = boolean | BentoMultiCheckboxType;
 export declare enum BentoCheckboxState {
@@ -10,3 +11,4 @@ export declare enum BentoCheckboxEvent {
     UPDATE = "update:model-value",
     INPUT = "input"
 }
+export type BentoCheckboxTag = InstanceType<typeof BentoTag>['$props'];

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

@@ -2,45 +2,81 @@ import { PropType } from 'vue';
 import { BentoCheckboxEvent, BentoCheckboxType } from './checkbox.types';
 import { BentoCheckboxGroupItems } from './components/checkbox-group/checkbox-group.types';
 declare const _default: import("vue").DefineComponent<{
-    value: {
-        type: (StringConstructor | NumberConstructor)[];
+    ariaLabel: {
+        type: StringConstructor;
         default: any;
     };
-    modelValue: {
-        type: PropType<BentoCheckboxType | BentoCheckboxGroupItems>;
-        default: boolean;
-    };
     disabled: {
         type: BooleanConstructor;
         default: boolean;
     };
-    required: {
+    errorMessage: {
+        type: StringConstructor;
+        default: any;
+    };
+    hasError: {
         type: BooleanConstructor;
         default: boolean;
     };
-    readonly: {
+    indeterminate: {
         type: BooleanConstructor;
         default: boolean;
     };
-    hasError: {
+    modelValue: {
+        type: PropType<BentoCheckboxType | BentoCheckboxGroupItems>;
+        default: boolean;
+    };
+    optional: {
         type: BooleanConstructor;
         default: boolean;
     };
-    errorMessage: {
-        type: StringConstructor;
-        default: any;
+    readonly: {
+        type: BooleanConstructor;
+        default: boolean;
     };
-    indeterminate: {
+    required: {
         type: BooleanConstructor;
         default: boolean;
     };
-    ariaLabel: {
-        type: StringConstructor;
+    tag: {
+        type: PropType<Readonly<Partial<{
+            label: string;
+            variant: "blue" | "green" | "red" | "grey" | "orange" | "white" | import("../tag").BentoTagVariant;
+            truncate: number;
+        }> & Omit<Readonly<import("vue").ExtractPropTypes<{
+            label: {
+                type: StringConstructor;
+                default: any;
+            };
+            variant: {
+                type: PropType<"blue" | "green" | "red" | "grey" | "orange" | "white" | import("../tag").BentoTagVariant>;
+                default: import("../tag").BentoTagVariant;
+                validator: (value: import("../tag").BentoTagVariant) => boolean;
+            };
+            truncate: {
+                type: NumberConstructor;
+                default: any;
+            };
+        }>>, import("vue/types/v3-component-props").DefaultKeys<{
+            label: {
+                type: StringConstructor;
+                default: any;
+            };
+            variant: {
+                type: PropType<"blue" | "green" | "red" | "grey" | "orange" | "white" | import("../tag").BentoTagVariant>;
+                default: import("../tag").BentoTagVariant;
+                validator: (value: import("../tag").BentoTagVariant) => boolean;
+            };
+            truncate: {
+                type: NumberConstructor;
+                default: any;
+            };
+        }>>>>;
         default: any;
     };
-    optional: {
-        type: BooleanConstructor;
-        default: boolean;
+    value: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: any;
     };
 }, {
     descriptionId: string;
@@ -74,50 +110,87 @@ declare const _default: import("vue").DefineComponent<{
         [key: string]: string;
     }>> | ((key: "required" | "optional" | "ariaLabelFallback", values?: import("vue-i18n").default.Values) => string);
 }, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, BentoCheckboxEvent[], string, Readonly<import("vue").ExtractPropTypes<{
-    value: {
-        type: (StringConstructor | NumberConstructor)[];
+    ariaLabel: {
+        type: StringConstructor;
         default: any;
     };
-    modelValue: {
-        type: PropType<BentoCheckboxType | BentoCheckboxGroupItems>;
-        default: boolean;
-    };
     disabled: {
         type: BooleanConstructor;
         default: boolean;
     };
-    required: {
+    errorMessage: {
+        type: StringConstructor;
+        default: any;
+    };
+    hasError: {
         type: BooleanConstructor;
         default: boolean;
     };
-    readonly: {
+    indeterminate: {
         type: BooleanConstructor;
         default: boolean;
     };
-    hasError: {
+    modelValue: {
+        type: PropType<BentoCheckboxType | BentoCheckboxGroupItems>;
+        default: boolean;
+    };
+    optional: {
         type: BooleanConstructor;
         default: boolean;
     };
-    errorMessage: {
-        type: StringConstructor;
-        default: any;
+    readonly: {
+        type: BooleanConstructor;
+        default: boolean;
     };
-    indeterminate: {
+    required: {
         type: BooleanConstructor;
         default: boolean;
     };
-    ariaLabel: {
-        type: StringConstructor;
+    tag: {
+        type: PropType<Readonly<Partial<{
+            label: string;
+            variant: "blue" | "green" | "red" | "grey" | "orange" | "white" | import("../tag").BentoTagVariant;
+            truncate: number;
+        }> & Omit<Readonly<import("vue").ExtractPropTypes<{
+            label: {
+                type: StringConstructor;
+                default: any;
+            };
+            variant: {
+                type: PropType<"blue" | "green" | "red" | "grey" | "orange" | "white" | import("../tag").BentoTagVariant>;
+                default: import("../tag").BentoTagVariant;
+                validator: (value: import("../tag").BentoTagVariant) => boolean;
+            };
+            truncate: {
+                type: NumberConstructor;
+                default: any;
+            };
+        }>>, import("vue/types/v3-component-props").DefaultKeys<{
+            label: {
+                type: StringConstructor;
+                default: any;
+            };
+            variant: {
+                type: PropType<"blue" | "green" | "red" | "grey" | "orange" | "white" | import("../tag").BentoTagVariant>;
+                default: import("../tag").BentoTagVariant;
+                validator: (value: import("../tag").BentoTagVariant) => boolean;
+            };
+            truncate: {
+                type: NumberConstructor;
+                default: any;
+            };
+        }>>>>;
         default: any;
     };
-    optional: {
-        type: BooleanConstructor;
-        default: boolean;
+    value: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: any;
     };
 }>>, {
     value: string | number;
     required: boolean;
     disabled: boolean;
+    tag: any;
     optional: boolean;
     readonly: boolean;
     errorMessage: string;

package/dist/@types/packages/vue2/src/components/checkbox/components/checkbox-group/checkbox-group.types.d.ts

@@ -1,3 +1,4 @@
+import type { BentoCheckboxTag } from "../..";
 export declare enum BentoCheckboxGroupVariant {
     HORIZONTAL = "horizontal",
     VERTICAL = "vertical"
@@ -10,5 +11,6 @@ export interface BentoCheckboxGroupItem {
     hasError?: boolean;
     errorMessage?: string;
     readonly?: boolean;
+    tag?: BentoCheckboxTag;
 }
 export type BentoCheckboxGroupItems = Array<BentoCheckboxGroupItem>;

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;
@@ -51,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) => {
@@ -69,6 +77,7 @@ 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;
     } | {
@@ -76,6 +85,10 @@ declare const _default: import("vue").DefineComponent<{
         '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;
@@ -142,6 +155,10 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    hasLeftOverflow: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     isOnlyOneVisibleColumn: {
         type: BooleanConstructor;
         default: boolean;
@@ -166,6 +183,10 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<BentoDatagridSortByColumn[]>;
         default: () => any[];
     };
+    truncateColumnHeaders: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }>>, {
     isFrozenColumns: boolean;
     draggingColumns: any;
@@ -173,10 +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-calculate-column-width/use-calculate-column-width.d.ts

@@ -1,10 +1,11 @@
+import { Ref } from 'vue';
 import { BentoColumn, BentoColumnWidthOverridesLookup, BentoDatagridData } from '../../data-grid.types';
 import { CalculateColumnWidthOptions } from './use-calculate-column-width.types';
 import { MaybeRef } from "../../../../types";
 export declare const DEFAULT_COLUMN_WIDTH = 100;
 export declare const DEFAULT_COLUMN_MIN_WIDTH = 50;
 export declare const DATAGRID_SELECT_FIELD_NAME = "b-select";
-export declare const useCalculateColumnWidth: (newColumns: MaybeRef<BentoColumn[]>, newData: MaybeRef<BentoDatagridData>, bodyRef: MaybeRef<HTMLDivElement | undefined>, gridCellRefs: MaybeRef<{
+export declare const useCalculateColumnWidth: (newColumns: Ref<BentoColumn[]>, newData: MaybeRef<BentoDatagridData>, bodyRef: MaybeRef<HTMLDivElement | undefined>, gridCellRefs: MaybeRef<{
     [key: string]: HTMLDivElement[];
 }>, options?: CalculateColumnWidthOptions) => {
     columnDefs: import("vue").ComputedRef<{
@@ -31,5 +32,51 @@ export declare const useCalculateColumnWidth: (newColumns: MaybeRef<BentoColumn[
         width: string;
     }>;
     onColumnWidthOverride: (newColumnWidthOverridesLookup: BentoColumnWidthOverridesLookup) => void;
-    isMeasuringColumnWidths: import("vue").Ref<boolean>;
+    isMeasuringColumnWidths: Ref<boolean>;
+    columns: Ref<{
+        field: string;
+        label: string;
+        width?: number;
+        autoWidth?: boolean;
+        minWidth?: number;
+        flex?: number;
+        sortable?: boolean;
+        numeric?: boolean;
+        infoIconTooltip?: string;
+        padding?: {
+            left?: boolean;
+            right?: boolean;
+        };
+        overflow?: import("../../data-grid.types").BentoColumnOverflow;
+        visible?: boolean;
+        mandatory?: boolean;
+        frozen?: boolean;
+        cellActions?: {
+            link?: object;
+            type?: string;
+            condensed?: boolean;
+            critical?: boolean;
+            disabled?: boolean;
+            inverse?: boolean;
+            iconLeft?: object | Element | (object | Element)[];
+            iconRight?: object | Element | (object | Element)[];
+            title?: string;
+            event?: (rowDataItem: import("../../data-grid.types").BentoDatagridDataItem, columnKey: string) => void;
+            isShort?: true;
+            variant?: import("../../components/data-grid-cell-actions/data-grid-cell-actions.types").BentoColumnCellActionVariant;
+            menuData?: {
+                text: string;
+                handler: () => void;
+                secondaryText?: string;
+                items?: any[];
+                disabled?: boolean;
+                chevron?: boolean;
+                icon?: object | Element | (object | Element)[];
+                critical?: boolean;
+                indent?: boolean;
+                addDivider?: boolean;
+            }[];
+            getCopyData?: (rowDataItem: import("../../data-grid.types").BentoDatagridDataItem, columnKey: string) => string;
+        }[];
+    }[]>;
 };

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

@@ -1,7 +1,8 @@
 import { Ref } from '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

@@ -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;