@adyen/bento-vue3 1.44.0 → 1.45.0

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

@@ -1,22 +0,0 @@
-import type { BentoButtonActionObject } from "../../../button";
-import type { BentoMenuItem } from "../../../menu/components";
-import type { BentoDatagridDataItem } from "../..";
-import { OmitStrict } from "../../../../types";
-export type BentoColumnCellActionVariant = 'copy' | 'edit' | 'open' | 'more';
-export type BentoColumnCellActionEvent = (rowDataItem: BentoDatagridDataItem, columnKey: string) => void;
-export type BentoColumnCellActionMenuItem = {
-    /**
-     * @deprecated This property will be removed in version 2.0, please use `event` instead.
-     */
-    handler?: BentoMenuItem['handler'];
-    event?: BentoColumnCellActionEvent;
-} & OmitStrict<BentoMenuItem, 'handler'>;
-export type BentoColumnCellAction = OmitStrict<BentoButtonActionObject, 'variant' | 'event' | 'title' | 'icon' | 'state'> & {
-    title?: string;
-    event?: BentoColumnCellActionEvent;
-    isShort?: true;
-    variant?: BentoColumnCellActionVariant;
-    menuData?: BentoColumnCellActionMenuItem[];
-    getCopyData?: (rowDataItem: BentoDatagridDataItem, columnKey: string) => string;
-};
-export type BentoColumnCellActions = BentoColumnCellAction[];

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

@@ -1,90 +0,0 @@
-import { PropType } from "../../../../../../../node_modules/.pnpm/vue@3.5.13_typescript@5.6.3/node_modules/vue";
-import { BentoDatagridDataItem } from "../../data-grid.types";
-import type { BentoColumnCellActions } from './data-grid-cell-actions.types';
-/**
- * Internal component to display the data-grid actions.
- * There are 4 different pre-defined buttons that can be used by using the `variant` property.
- *
- * The component renders buttons or a menu depending on the actions provided.
- *
- * @example
- * <data-grid-cell-actions
- *   :cell-actions="[
- *          { variant: 'edit', event: () => {} },
- *          {
- *               variant: 'more',
- *               isShort: true,
- *               menuData: [
- *                   {
- *                       text: 'Cancel payment',
- *                       handler: () => {}),
- *                       critical: true,
- *                   },
- *                   {
- *                       text: 'Transfer payment',
- *                       handler: () => {},
- *                   },
- *                   {
- *                       text: 'Delete payment',
- *                       handler: () => {},
- *                       disabled: true,
- *                   },
- *               ],
- *           },
- *   ]"
- *   column-key="payment"
- *   :row-data-item="rowData"
- * />
- */
-declare const _default: import("../../../../../../../node_modules/.pnpm/vue@3.5.13_typescript@5.6.3/node_modules/vue").DefineComponent<import("../../../../../../../node_modules/.pnpm/vue@3.5.13_typescript@5.6.3/node_modules/vue").ExtractPropTypes<{
-    /**
-     * Column definitions using 'key' to relate to data object.
-     */
-    cellActions: {
-        type: PropType<BentoColumnCellActions>;
-        required: true;
-        validator: (value: BentoColumnCellActions) => boolean;
-    };
-    /**
-     * The column field key.
-     */
-    columnKey: {
-        type: StringConstructor;
-        required: true;
-    };
-    /**
-     * The row data item object.
-     */
-    rowDataItem: {
-        type: PropType<BentoDatagridDataItem>;
-        required: true;
-    };
-}>, {}, {}, {}, {}, import("../../../../../../../node_modules/.pnpm/vue@3.5.13_typescript@5.6.3/node_modules/vue").ComponentOptionsMixin, import("../../../../../../../node_modules/.pnpm/vue@3.5.13_typescript@5.6.3/node_modules/vue").ComponentOptionsMixin, {
-    "menu-item-click-close": () => void;
-}, string, import("../../../../../../../node_modules/.pnpm/vue@3.5.13_typescript@5.6.3/node_modules/vue").PublicProps, Readonly<import("../../../../../../../node_modules/.pnpm/vue@3.5.13_typescript@5.6.3/node_modules/vue").ExtractPropTypes<{
-    /**
-     * Column definitions using 'key' to relate to data object.
-     */
-    cellActions: {
-        type: PropType<BentoColumnCellActions>;
-        required: true;
-        validator: (value: BentoColumnCellActions) => boolean;
-    };
-    /**
-     * The column field key.
-     */
-    columnKey: {
-        type: StringConstructor;
-        required: true;
-    };
-    /**
-     * The row data item object.
-     */
-    rowDataItem: {
-        type: PropType<BentoDatagridDataItem>;
-        required: true;
-    };
-}>> & Readonly<{
-    "onMenu-item-click-close"?: () => any;
-}>, {}, {}, {}, {}, string, import("../../../../../../../node_modules/.pnpm/vue@3.5.13_typescript@5.6.3/node_modules/vue").ComponentProvideOptions, true, {}, any>;
-export default _default;

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

@@ -1,33 +0,0 @@
-import { BentoColumn } from '../../data-grid.types';
-/**
- * All the emit events provided by the DatagridColumns component
- */
-export declare enum DatagridColumnsEvent {
-    COLUMN_RESIZE = "column-resize",
-    COLUMN_RESIZING = "column-resizing",
-    SELECT_ALL_ROWS = "select-all-rows",
-    SELECT_ALL_ACROSS_PAGES = "select-all-across-pages",
-    COLUMN_MOVE = "column-move",
-    COLUMN_UPDATE = "column-update",
-    COLUMN_MENU_OPEN = "column-menu-open",
-    COLUMN_MENU_CLOSE = "column-menu-close",
-    COLUMN_HOVER = "column-hover",
-    COLUMN_DRAG_START = "column-dragstart",
-    COLUMN_DRAG_ENTER = "column-dragenter",
-    COLUMN_DRAG_END = "column-dragend",
-    COLUMN_DROP = "column-drop"
-}
-export interface DatagridColumnsHeaderReferences {
-    [key: string]: HTMLDivElement | null;
-}
-/**
- * The Datagrid column dragging state.
- * @interface BentoDatagridDraggingColumnState
- * @field dragging - The column currently being dragged.
- * @field target - The column being dragged over during dragging another column.
- */
-export interface BentoDatagridDraggingColumnState {
-    dragging?: BentoColumn;
-    dragToLeft?: boolean;
-    target?: BentoColumn;
-}

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

@@ -1,364 +0,0 @@
-import { PropType } from "../../../../../../../node_modules/.pnpm/vue@3.5.13_typescript@5.6.3/node_modules/vue";
-import { BentoColumn, BentoColumnWidthOverridesLookup, BentoDatagridAllItemsSelectedState, BentoDatagridSortByColumn } from '../../data-grid.types';
-import { BentoDatagridDraggingColumnState, DatagridColumnsHeaderReferences } from './data-grid-columns.types';
-import type { DatagridColumnHoveringState } from "../../composables/use-column-hovering";
-/**
- * A component to display the BentoDataGrid columns
- *
- * @example
- *
- * export default {
- *     components: { DataGridColumns },
- *     template: `
- *          <data-grid-columns
- *              v-if="columnSet?.length"
- *              :key="`data-grid-columns-${id}`"
- *              :columns="columnSet"
- *              :has-resizable-columns="hasResizableColumns"
- *              :sort-by="sortBy"
- *              :all-items-selected-state="allItemsSelectedState"
- *              :is-frozen-columns="isFrozenColumns"
- *              :show-frozen-columns-separator="showFrozenColumnsSeparator"
- *              :dragging-columns="draggingColumns"
- *              :has-draggable-columns="allowColumnDragAndDrop"
- *              :has-column-panel="columnPanel"
- *              :has-left-overflow="hasLeftOverflow"
- *              :has-first-column-panel-right-aligned="index === computedColumnPanelAlignment"
- *              :is-only-one-visible-column="isOnlyOneVisibleColumn"
- *              :selectable="selectable"
- *              :selectable-across-pages="selectableAcrossPagesComputed"
- *              :truncate-column-headers="truncateColumnHeaders"
- *              v-on="draggingEventsForColumns"
- *              @column-move="onMoveColumnByOffset"
- *              @column-update="onConfigSettingsColumnUpdate"
- *              @column-resize="onColumnResized"
- *              @column-resizing="onColumnWidthOverride"
- *              @select-all-rows="onAllRowSelect"
- *              @select-all-across-pages="emit(BentoDatagridEvent.SELECT_ALL_ACROSS_PAGES)"
- *              @sort="onSort"
- *          >
- *              <template v-for="(_, innerSlot) of slots" #[innerSlot]="scope">
- *                  <slot :name="innerSlot" v-bind="scope" />
- *              </template>
- *          </data-grid-columns>
- *     `
- * }
- */
-declare const _default: __VLS_WithTemplateSlots<import("../../../../../../../node_modules/.pnpm/vue@3.5.13_typescript@5.6.3/node_modules/vue").DefineComponent<import("../../../../../../../node_modules/.pnpm/vue@3.5.13_typescript@5.6.3/node_modules/vue").ExtractPropTypes<{
-    /**
-     * Column definitions using 'key' to relate to data object.
-     */
-    columns: {
-        type: PropType<BentoColumn[]>;
-        required: true;
-    };
-    /**
-     * Columns being dragged, contains dragging column and a target column
-     */
-    draggingColumns: {
-        type: PropType<BentoDatagridDraggingColumnState>;
-        default: any;
-    };
-    /**
-     * Toggle the columns draggable events.
-     */
-    hasDraggableColumns: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    /**
-     * If resize is enabled
-     */
-    hasResizableColumns: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    /**
-     * Signifies if the column panel is enabled.
-     */
-    hasColumnPanel: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    /**
-     * If set to true, aligns the first column panel to the right of its button.
-     */
-    hasFirstColumnPanelRightAligned: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    /**
-     * If the data grid has overflow on the left side
-     */
-    hasLeftOverflow: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    /**
-     * The column hovered over state and whether the hovered over column should show a border right or left.
-     */
-    hoveredOverColumnState: {
-        type: PropType<DatagridColumnHoveringState>;
-        required: true;
-    };
-    /**
-     * Toggled to true when the DataGrid has auto width columns and is measuring the
-     */
-    isMeasuringColumnWidths: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    /**
-     * Used to disable hiding the last visible column.
-     */
-    isOnlyOneVisibleColumn: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    /**
-     * If these columns are frozen (pinned) columns
-     */
-    isFrozenColumns: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    /**
-     * Show frozen columns separator
-     */
-    showFrozenColumnsSeparator: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    /**
-     * The column all items selected state
-     */
-    allItemsSelectedState: {
-        type: PropType<BentoDatagridAllItemsSelectedState>;
-        default: any;
-    };
-    /**
-     * Determines if the user has enabled row selection
-     */
-    selectable: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    /**
-     * Adds an extra option when selecting all, to select items in other pages too
-     */
-    selectableAcrossPages: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    /**
-     * Sortby handles proper rendering of sort icon in header. Sorting currently is only supported server side.
-     * It does make sure the currently sorted column has a more visible sort icon, and the sort icon points in the right direction.
-     */
-    sortBy: {
-        type: PropType<BentoDatagridSortByColumn[]>;
-        default: () => any[];
-    };
-    /**
-     * Truncates all data grid column headers
-     */
-    truncateColumnHeaders: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-}>, {
-    columnHeaderRefs: import("../../../../../../../node_modules/.pnpm/vue@3.5.13_typescript@5.6.3/node_modules/vue").Ref<DatagridColumnsHeaderReferences, DatagridColumnsHeaderReferences>;
-}, {}, {}, {}, import("../../../../../../../node_modules/.pnpm/vue@3.5.13_typescript@5.6.3/node_modules/vue").ComponentOptionsMixin, import("../../../../../../../node_modules/.pnpm/vue@3.5.13_typescript@5.6.3/node_modules/vue").ComponentOptionsMixin, {
-    "column-resize": (column: {
-        field: string;
-        width: number;
-    }) => void;
-} & {
-    "column-resizing": (value: BentoColumnWidthOverridesLookup) => void;
-} & {
-    sort: (updatedSortBy: BentoDatagridSortByColumn[]) => void;
-} & {
-    "select-all-rows": (areAllItemsSelected: boolean) => void;
-} & {
-    "select-all-across-pages": () => void;
-} & {
-    "column-dragstart": (column: BentoColumn, event: DragEvent & Event) => void;
-} & {
-    "column-dragenter": (column: BentoColumn, event: DragEvent & Event) => void;
-} & {
-    "column-drop": (column: BentoColumn) => void;
-} & {
-    "column-dragend": () => void;
-} & {
-    "column-move": (movingColumn: BentoColumn, offset: number) => void;
-} & {
-    "column-update": (column: BentoColumn) => void;
-} & {
-    "column-menu-open": () => void;
-} & {
-    "column-menu-close": () => void;
-} & {
-    "column-hover": (columnKey: BentoColumn) => void;
-}, string, import("../../../../../../../node_modules/.pnpm/vue@3.5.13_typescript@5.6.3/node_modules/vue").PublicProps, Readonly<import("../../../../../../../node_modules/.pnpm/vue@3.5.13_typescript@5.6.3/node_modules/vue").ExtractPropTypes<{
-    /**
-     * Column definitions using 'key' to relate to data object.
-     */
-    columns: {
-        type: PropType<BentoColumn[]>;
-        required: true;
-    };
-    /**
-     * Columns being dragged, contains dragging column and a target column
-     */
-    draggingColumns: {
-        type: PropType<BentoDatagridDraggingColumnState>;
-        default: any;
-    };
-    /**
-     * Toggle the columns draggable events.
-     */
-    hasDraggableColumns: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    /**
-     * If resize is enabled
-     */
-    hasResizableColumns: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    /**
-     * Signifies if the column panel is enabled.
-     */
-    hasColumnPanel: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    /**
-     * If set to true, aligns the first column panel to the right of its button.
-     */
-    hasFirstColumnPanelRightAligned: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    /**
-     * If the data grid has overflow on the left side
-     */
-    hasLeftOverflow: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    /**
-     * The column hovered over state and whether the hovered over column should show a border right or left.
-     */
-    hoveredOverColumnState: {
-        type: PropType<DatagridColumnHoveringState>;
-        required: true;
-    };
-    /**
-     * Toggled to true when the DataGrid has auto width columns and is measuring the
-     */
-    isMeasuringColumnWidths: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    /**
-     * Used to disable hiding the last visible column.
-     */
-    isOnlyOneVisibleColumn: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    /**
-     * If these columns are frozen (pinned) columns
-     */
-    isFrozenColumns: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    /**
-     * Show frozen columns separator
-     */
-    showFrozenColumnsSeparator: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    /**
-     * The column all items selected state
-     */
-    allItemsSelectedState: {
-        type: PropType<BentoDatagridAllItemsSelectedState>;
-        default: any;
-    };
-    /**
-     * Determines if the user has enabled row selection
-     */
-    selectable: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    /**
-     * Adds an extra option when selecting all, to select items in other pages too
-     */
-    selectableAcrossPages: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    /**
-     * Sortby handles proper rendering of sort icon in header. Sorting currently is only supported server side.
-     * It does make sure the currently sorted column has a more visible sort icon, and the sort icon points in the right direction.
-     */
-    sortBy: {
-        type: PropType<BentoDatagridSortByColumn[]>;
-        default: () => any[];
-    };
-    /**
-     * Truncates all data grid column headers
-     */
-    truncateColumnHeaders: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-}>> & Readonly<{
-    onSort?: (updatedSortBy: BentoDatagridSortByColumn[]) => any;
-    "onColumn-hover"?: (columnKey: BentoColumn) => any;
-    "onColumn-resize"?: (column: {
-        field: string;
-        width: number;
-    }) => any;
-    "onColumn-resizing"?: (value: BentoColumnWidthOverridesLookup) => any;
-    "onSelect-all-rows"?: (areAllItemsSelected: boolean) => any;
-    "onSelect-all-across-pages"?: () => any;
-    "onColumn-move"?: (movingColumn: BentoColumn, offset: number) => any;
-    "onColumn-update"?: (column: BentoColumn) => any;
-    "onColumn-menu-open"?: () => any;
-    "onColumn-menu-close"?: () => any;
-    "onColumn-dragstart"?: (column: BentoColumn, event: DragEvent & Event) => any;
-    "onColumn-dragenter"?: (column: BentoColumn, event: DragEvent & Event) => any;
-    "onColumn-dragend"?: () => any;
-    "onColumn-drop"?: (column: BentoColumn) => any;
-}>, {
-    isFrozenColumns: boolean;
-    draggingColumns: BentoDatagridDraggingColumnState;
-    hasDraggableColumns: boolean;
-    hasResizableColumns: boolean;
-    hasColumnPanel: boolean;
-    hasFirstColumnPanelRightAligned: boolean;
-    hasLeftOverflow: boolean;
-    isMeasuringColumnWidths: boolean;
-    isOnlyOneVisibleColumn: boolean;
-    showFrozenColumnsSeparator: boolean;
-    allItemsSelectedState: BentoDatagridAllItemsSelectedState;
-    selectable: boolean;
-    selectableAcrossPages: boolean;
-    sortBy: BentoDatagridSortByColumn[];
-    truncateColumnHeaders: boolean;
-}, {}, {}, {}, string, import("../../../../../../../node_modules/.pnpm/vue@3.5.13_typescript@5.6.3/node_modules/vue").ComponentProvideOptions, true, {}, any>, Record<string, (_: {
-    column: BentoColumn;
-}) => any>>;
-export default _default;
-type __VLS_WithTemplateSlots<T, S> = T & {
-    new (): {
-        $slots: S;
-    };
-};