@adyen/bento-vue2 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("vue").DefineComponent<{
         'b-code-snippet--scrollable': boolean;
     }>;
     container: import("vue").ShallowRef<HTMLDivElement>;
-    currentContents: import("vue").Ref<string>;
+    currentContents: any;
     displayedLang: import("vue").ComputedRef<string>;
     editor: import("vue").ShallowRef<EditorView>;
     selectedLanguage: import("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("vue").DefineComponent<__VLS_TypePropsToRuntimeProps<{
+    loading: boolean;
+    isInfiniteScroll: boolean;
+}>, {}, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, {}, string, Readonly<import("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('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('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 '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 'vue/types/v3-setup-context';
+import { BentoLazyLoadType, MaybeRef } from "../../../../types";
+export declare const useLazyLoading: (lazyLoadTypeRef: MaybeRef<BentoLazyLoadType>, verticalScrollPositionRef: MaybeRef<number>, bodyRef: MaybeRef<HTMLDivElement | undefined>, emit: SetupContext['emit']) => {
+    isLazyLoad: import("vue").ComputedRef<boolean>;
+    isInfiniteScroll: import("vue").ComputedRef<boolean>;
+    verticalScrollPosition: import("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 '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("vue").DefineComponent<{
     allowRowClicks: {
@@ -116,6 +116,11 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<BentoDatagridIsDataItemDisabledFn>;
         default: () => false;
     };
+    lazyLoadType: {
+        type: PropType<BentoLazyLoadType>;
+        default: string;
+        validator: (value: BentoLazyLoadType) => boolean;
+    };
     loading: {
         type: BooleanConstructor;
         default: boolean;
@@ -193,6 +198,10 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    stickyFilters: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     selectable: {
         type: BooleanConstructor;
         default: boolean;
@@ -277,6 +286,8 @@ declare const _default: import("vue").DefineComponent<{
         isFrozenColumns?: undefined;
     })[]>;
     gridcellRefs: import("vue").Ref<HTMLDivElement[]>;
+    filtersRef: import("vue").Ref<HTMLDivElement>;
+    columnHeadersTopPosition: import("vue").Ref<number>;
     slots: import("vue/types/v3-setup-context").Slots;
     ariaGridHeaderText: import("vue").ComputedRef<string>;
     conditionalTitleAttribute: (column: BentoColumn, content: unknown) => string;
@@ -523,6 +534,9 @@ declare const _default: import("vue").DefineComponent<{
         dragover: (e: DragEvent) => void;
     }>;
     updateScrollPosition: (event: Event) => void;
+    isLazyLoad: import("vue").ComputedRef<boolean>;
+    isInfiniteScroll: import("vue").ComputedRef<boolean>;
+    emitLazyLoadEvent: () => void;
     computedColumnPanelAlignment: import("vue").ComputedRef<number>;
     gridcellEvents: (column: any) => {
         [eventName: string]: (e: Event) => void;
@@ -536,7 +550,7 @@ declare const _default: import("vue").DefineComponent<{
         [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);
 }, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, BentoDatagridEvent[], string, Readonly<import("vue").ExtractPropTypes<{
     allowRowClicks: {
         type: BooleanConstructor;
@@ -652,6 +666,11 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<BentoDatagridIsDataItemDisabledFn>;
         default: () => false;
     };
+    lazyLoadType: {
+        type: PropType<BentoLazyLoadType>;
+        default: string;
+        validator: (value: BentoLazyLoadType) => boolean;
+    };
     loading: {
         type: BooleanConstructor;
         default: boolean;
@@ -729,6 +748,10 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    stickyFilters: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     selectable: {
         type: BooleanConstructor;
         default: boolean;
@@ -754,6 +777,7 @@ declare const _default: import("vue").DefineComponent<{
     condensed: boolean;
     outline: boolean;
     loading: boolean;
+    lazyLoadType: BentoLazyLoadType;
     fitContent: boolean;
     hasResizableColumns: boolean;
     sortBy: BentoDatagridSortByColumn[];
@@ -828,6 +852,7 @@ declare const _default: import("vue").DefineComponent<{
     isDataItemDisabled: BentoDatagridIsDataItemDisabledFn;
     pagination: any;
     stickyPagination: boolean;
+    stickyFilters: boolean;
     selectable: boolean;
     selection: BentoDatagridDataItemId[];
     highlightedRows: BentoDatagridDataItemId[];