@adyen/bento-vue3 1.4.1 → 1.5.0

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

@@ -51,6 +51,8 @@ import {
     BentoSidepanel,
     BentoSidepanelPage,
     BentoStatus,
+    BentoStep,
+    BentoStepper,
     BentoStructuredList,
     BentoStructuredListItem,
     BentoSummaryGrid,
@@ -124,6 +126,8 @@ declare module 'vue' {
         BentoSidepanel: typeof BentoSidepanel;
         BentoSidepanelPage: typeof BentoSidepanelPage;
         BentoStatus: typeof BentoStatus;
+        BentoStep: typeof BentoStep;
+        BentoStepper: typeof BentoStepper;
         BentoStructuredList: typeof BentoStructuredList;
         BentoStructuredListItem: typeof BentoStructuredListItem;
         BentoSummaryGrid: typeof BentoSummaryGrid;

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

@@ -50,7 +50,7 @@ declare const _default: import("../../../../vue3/node_modules/vue").DefineCompon
         'b-code-snippet--scrollable': boolean;
     }>;
     container: import("../../../../vue3/node_modules/vue").ShallowRef<HTMLDivElement>;
-    currentContents: import("../../../../vue3/node_modules/vue").Ref<string>;
+    currentContents: any;
     displayedLang: import("../../../../vue3/node_modules/vue").ComputedRef<string>;
     editor: import("../../../../vue3/node_modules/vue").ShallowRef<EditorView>;
     selectedLanguage: import("../../../../vue3/node_modules/vue").Ref<string>;

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

@@ -0,0 +1,17 @@
+declare const _default: import("../../../../../../vue3/node_modules/vue").DefineComponent<__VLS_TypePropsToRuntimeProps<{
+    loading: boolean;
+    isInfiniteScroll: boolean;
+}>, {}, 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<__VLS_TypePropsToRuntimeProps<{
+    loading: boolean;
+    isInfiniteScroll: boolean;
+}>>>, {}>;
+export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToRuntimeProps<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import("../../../../../../vue3/node_modules/vue").PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import("../../../../../../vue3/node_modules/vue").PropType<T[K]>;
+        required: true;
+    };
+};

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

@@ -1,2 +1,3 @@
 export { default as DataGridColumns } from './data-grid-columns/data-grid-columns.vue';
 export { default as BentoDataGridConfigSettings } from './data-grid-config-settings/data-grid-config-settings.vue';
+export { default as DataGridLazyLoad } from './data-grid-lazy-load/data-grid-lazy-load.vue';

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

@@ -3,5 +3,6 @@ export { default as useCalculateColumnWidth, DATAGRID_SELECT_FIELD_NAME, } from
 export { useSorter } from './useSorter';
 export { useSelector } from './useSelector';
 export { useKeyboardNavigator } from './useKeyboardNavigator/useKeyboardNavigator';
+export { useLazyLoading } from './useLazyLoading/useLazyLoading';
 export { useColumnReorderer } from './useColumnReorderer/useColumnReorderer';
 export { useConfigSettings } from './useConfigSettings/useConfigSettings';

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

@@ -0,0 +1,2 @@
+import { Ref } from "../../../../../../vue3/node_modules/vue";
+export declare const useCalculateColumnHeadersTopPosition: (filtersRef: Ref<HTMLDivElement>, stickyFilters: Ref<boolean>) => Ref<number>;

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

@@ -0,0 +1,8 @@
+import { SetupContext } from "../../../../../../vue3/node_modules/vue";
+import { BentoLazyLoadType, MaybeRef } from "../../../../types";
+export declare const useLazyLoading: (lazyLoadTypeRef: MaybeRef<BentoLazyLoadType>, verticalScrollPositionRef: MaybeRef<number>, bodyRef: MaybeRef<HTMLDivElement | undefined>, emit: SetupContext['emit']) => {
+    isLazyLoad: import("../../../../../../vue3/node_modules/vue").ComputedRef<boolean>;
+    isInfiniteScroll: import("../../../../../../vue3/node_modules/vue").ComputedRef<boolean>;
+    verticalScrollPosition: import("../../../../../../vue3/node_modules/vue").Ref<number>;
+    emitLazyLoadEvent: () => void;
+};

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

@@ -24,7 +24,8 @@ export interface BentoColumn {
 }
 export declare enum BentoDatagridStyleState {
     OUTLINE = "outline",
-    FIT_CONTENT = "fit-content"
+    SCROLL = "scroll",
+    STICKY_FILTERS = "sticky-filters"
 }
 export declare enum BentoDatagridSortDirection {
     ASCENDING = "asc",
@@ -67,6 +68,7 @@ export declare enum BentoDatagridEvent {
     UPDATE_FILTER_SEARCH_TERM = "update:filter-search-term",
     UPDATE_PAGINATION = "update:pagination",
     UPDATE_SELECTION = "update:selection",
+    UPDATE_SHOW_MORE = "update:show-more",
     UPDATE_SORT_BY = "update:sort-by",
     ROW_CLICK = "row-click",
     SELECT = "select",

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

@@ -1,5 +1,5 @@
 import { PropType } from "../../../../vue3/node_modules/vue";
-import { Booleanish } from "../../types";
+import { BentoLazyLoadType, Booleanish } from "../../types";
 import { BentoColumn, BentoColumnOverflow, BentoDatagridData, BentoDatagridDataItem, BentoDatagridDataItemId, BentoDatagridEvent, BentoDatagridGetDataItemIdFn, BentoDatagridIsDataItemDisabledFn, BentoDatagridSortByColumn, BentoDatagridSortDirection } from './data-grid.types';
 declare const _default: import("../../../../vue3/node_modules/vue").DefineComponent<{
     allowRowClicks: {
@@ -88,6 +88,11 @@ declare const _default: import("../../../../vue3/node_modules/vue").DefineCompon
         type: PropType<BentoDatagridIsDataItemDisabledFn>;
         default: () => boolean;
     };
+    lazyLoadType: {
+        type: PropType<BentoLazyLoadType>;
+        default: string;
+        validator: (value: BentoLazyLoadType) => boolean;
+    };
     loading: {
         type: BooleanConstructor;
         default: boolean;
@@ -143,6 +148,10 @@ declare const _default: import("../../../../vue3/node_modules/vue").DefineCompon
         type: BooleanConstructor;
         default: boolean;
     };
+    stickyFilters: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     selectable: {
         type: BooleanConstructor;
         default: boolean;
@@ -227,6 +236,8 @@ declare const _default: import("../../../../vue3/node_modules/vue").DefineCompon
         isFrozenColumns?: undefined;
     })[]>;
     gridcellRefs: import("../../../../vue3/node_modules/vue").Ref<HTMLDivElement[]>;
+    filtersRef: import("../../../../vue3/node_modules/vue").Ref<HTMLDivElement>;
+    columnHeadersTopPosition: import("../../../../vue3/node_modules/vue").Ref<number>;
     slots: Readonly<{
         [name: string]: import("../../../../vue3/node_modules/vue").Slot;
     }>;
@@ -507,6 +518,9 @@ declare const _default: import("../../../../vue3/node_modules/vue").DefineCompon
         dragover: (e: DragEvent) => void;
     }>;
     updateScrollPosition: (event: Event) => void;
+    isLazyLoad: import("../../../../vue3/node_modules/vue").ComputedRef<boolean>;
+    isInfiniteScroll: import("../../../../vue3/node_modules/vue").ComputedRef<boolean>;
+    emitLazyLoadEvent: () => void;
     computedColumnPanelAlignment: import("../../../../vue3/node_modules/vue").ComputedRef<number>;
     gridcellEvents: (column: any) => {
         [eventName: string]: (e: Event) => void;
@@ -520,7 +534,7 @@ declare const _default: import("../../../../vue3/node_modules/vue").DefineCompon
         [key: string]: string;
     }>, import("@intlify/core-base")._ResourcePath<{
         [key: string]: string;
-    }>> | ((key: "gettingYourData" | "sortAscending" | "sortDescending" | "sortInactive" | "selectRow", values?: import("vue-i18n").default.Values) => string);
+    }>> | ((key: "loading" | "showMore" | "gettingYourData" | "sortAscending" | "sortDescending" | "sortInactive" | "selectRow", values?: import("vue-i18n").default.Values) => string);
 }, 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<{
     allowRowClicks: {
         type: BooleanConstructor;
@@ -608,6 +622,11 @@ declare const _default: import("../../../../vue3/node_modules/vue").DefineCompon
         type: PropType<BentoDatagridIsDataItemDisabledFn>;
         default: () => boolean;
     };
+    lazyLoadType: {
+        type: PropType<BentoLazyLoadType>;
+        default: string;
+        validator: (value: BentoLazyLoadType) => boolean;
+    };
     loading: {
         type: BooleanConstructor;
         default: boolean;
@@ -663,6 +682,10 @@ declare const _default: import("../../../../vue3/node_modules/vue").DefineCompon
         type: BooleanConstructor;
         default: boolean;
     };
+    stickyFilters: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     selectable: {
         type: BooleanConstructor;
         default: boolean;
@@ -698,6 +721,7 @@ declare const _default: import("../../../../vue3/node_modules/vue").DefineCompon
     "onUpdate:filter-search-term"?: (...args: any[]) => any;
     "onUpdate:pagination"?: (...args: any[]) => any;
     "onUpdate:selection"?: (...args: any[]) => any;
+    "onUpdate:show-more"?: (...args: any[]) => any;
     "onUpdate:sort-by"?: (...args: any[]) => any;
     "onRow-click"?: (...args: any[]) => any;
 }, {
@@ -705,6 +729,7 @@ declare const _default: import("../../../../vue3/node_modules/vue").DefineCompon
     condensed: boolean;
     outline: boolean;
     loading: boolean;
+    lazyLoadType: BentoLazyLoadType;
     fitContent: boolean;
     hasResizableColumns: boolean;
     sortBy: BentoDatagridSortByColumn[];
@@ -751,6 +776,7 @@ declare const _default: import("../../../../vue3/node_modules/vue").DefineCompon
     isDataItemDisabled: BentoDatagridIsDataItemDisabledFn;
     pagination: any;
     stickyPagination: boolean;
+    stickyFilters: boolean;
     selectable: boolean;
     selection: BentoDatagridDataItemId[];
     highlightedRows: BentoDatagridDataItemId[];