@ironsource/shared-ui 2.1.12-test.99 → 2.2.0-rc.0

package/components/table/v4/index.d.ts

@@ -1,13 +1,244 @@
 import DataGrid from './DataGrid.vue';
 import DataGridMenu from './DataGridMenu.vue';
 import DataGridRowsCounter from './DataGridRowsCounter.vue';
+import DataGridHeader from './DataGridHeader.vue';
+import DataGridContainer from './DataGridContainer.vue';
 import MultipleDataGrid from './MultipleDataGrid.vue';
-declare const DataGridTypes: () => (({
-    new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{
-        sort: {
-            type: import("vue").PropType<import("../common/Table.types").Sort>;
-            default: any;
-        };
+declare const DataGridTypes: () => (import("vue").DefineComponent<{
+    placement: {
+        type: import("vue").PropType<import("floating-vue").Placement>;
+        default: string;
+    };
+    rowIndex: {
+        type: import("vue").PropType<number>;
+        default: any;
+    };
+    menuItems: {
+        type: import("vue").PropType<import("../common/Table.types").MenuItem[]>;
+        required: true;
+        default: () => any[];
+    };
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    selected: (option: unknown) => void;
+}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    placement: {
+        type: import("vue").PropType<import("floating-vue").Placement>;
+        default: string;
+    };
+    rowIndex: {
+        type: import("vue").PropType<number>;
+        default: any;
+    };
+    menuItems: {
+        type: import("vue").PropType<import("../common/Table.types").MenuItem[]>;
+        required: true;
+        default: () => any[];
+    };
+}>> & {
+    onSelected?: (option: unknown) => any;
+}, {
+    placement: import("floating-vue").Placement;
+    rowIndex: number;
+    menuItems: import("../common/Table.types").MenuItem[];
+}> | import("vue").DefineComponent<{
+    testId: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    count: {
+        type: import("vue").PropType<number>;
+        default: number;
+    };
+    totalCount: {
+        type: import("vue").PropType<number>;
+        default: number;
+    };
+    displayingText: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    outOfText: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    totalText: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    testId: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    count: {
+        type: import("vue").PropType<number>;
+        default: number;
+    };
+    totalCount: {
+        type: import("vue").PropType<number>;
+        default: number;
+    };
+    displayingText: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    outOfText: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    totalText: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+}>>, {
+    testId: string;
+    count: number;
+    totalCount: number;
+    displayingText: string;
+    outOfText: string;
+    totalText: string;
+}> | ({
+    new (...args: any[]): {
+        $: import("vue").ComponentInternalInstance;
+        $data: {};
+        $props: Partial<{
+            title: string;
+            search: string;
+            testId: string;
+            searchAutoFocus: boolean;
+            searchPlaceholder: string;
+            zIndexBase: number;
+            showSearch: boolean;
+            isSticky: boolean;
+            standalone: boolean;
+        }> & Omit<Readonly<import("vue").ExtractPropTypes<{
+            title: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
+            search: {
+                type: import("vue").PropType<string>;
+                default: any;
+            };
+            testId: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
+            searchAutoFocus: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
+            searchPlaceholder: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
+            zIndexBase: {
+                type: import("vue").PropType<number>;
+                default: number;
+            };
+            showSearch: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
+            isSticky: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
+            standalone: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
+        }>> & {
+            "onUpdate:search"?: (query: string) => any;
+            onOnClearSearch?: () => any;
+        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "title" | "search" | "testId" | "searchAutoFocus" | "searchPlaceholder" | "zIndexBase" | "showSearch" | "isSticky" | "standalone">;
+        $attrs: {
+            [x: string]: unknown;
+        };
+        $refs: {
+            [x: string]: unknown;
+        };
+        $slots: Readonly<{
+            [name: string]: import("vue").Slot;
+        }>;
+        $root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>;
+        $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>;
+        $emit: ((event: "onClearSearch") => void) & ((event: "update:search", query: string) => void);
+        $el: any;
+        $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+            title: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
+            search: {
+                type: import("vue").PropType<string>;
+                default: any;
+            };
+            testId: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
+            searchAutoFocus: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
+            searchPlaceholder: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
+            zIndexBase: {
+                type: import("vue").PropType<number>;
+                default: number;
+            };
+            showSearch: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
+            isSticky: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
+            standalone: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
+        }>> & {
+            "onUpdate:search"?: (query: string) => any;
+            onOnClearSearch?: () => any;
+        }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+            "update:search": (query: string) => void;
+            onClearSearch: () => void;
+        }, string, {
+            title: string;
+            search: string;
+            testId: string;
+            searchAutoFocus: boolean;
+            searchPlaceholder: string;
+            zIndexBase: number;
+            showSearch: boolean;
+            isSticky: boolean;
+            standalone: boolean;
+        }, {}, string> & {
+            beforeCreate?: (() => void) | (() => void)[];
+            created?: (() => void) | (() => void)[];
+            beforeMount?: (() => void) | (() => void)[];
+            mounted?: (() => void) | (() => void)[];
+            beforeUpdate?: (() => void) | (() => void)[];
+            updated?: (() => void) | (() => void)[];
+            activated?: (() => void) | (() => void)[];
+            deactivated?: (() => void) | (() => void)[];
+            beforeDestroy?: (() => void) | (() => void)[];
+            beforeUnmount?: (() => void) | (() => void)[];
+            destroyed?: (() => void) | (() => void)[];
+            unmounted?: (() => void) | (() => void)[];
+            renderTracked?: ((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[];
+            renderTriggered?: ((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[];
+            errorCaptured?: ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>, info: string) => boolean | void) | ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>, info: string) => boolean | void)[];
+        };
+        $forceUpdate: () => void;
+        $nextTick: typeof import("vue").nextTick;
+        $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R) => any : (...args: any) => any, options?: import("vue").WatchOptions<boolean>): import("vue").WatchStopHandle;
+    } & Readonly<import("vue").ExtractPropTypes<{
         title: {
             type: import("vue").PropType<string>;
             default: string;
@@ -20,10 +251,6 @@ declare const DataGridTypes: () => (({
             type: import("vue").PropType<string>;
             default: string;
         };
-        isLoading: {
-            type: import("vue").PropType<boolean>;
-            default: boolean;
-        };
         searchAutoFocus: {
             type: import("vue").PropType<boolean>;
             default: boolean;
@@ -32,167 +259,536 @@ declare const DataGridTypes: () => (({
             type: import("vue").PropType<string>;
             default: string;
         };
-        selection: {
-            type: import("vue").PropType<unknown[]>;
-            default: any;
-        };
-        showSearch: {
-            type: import("vue").PropType<boolean>;
-            default: boolean;
-        };
-        loadingRowCount: {
-            type: import("vue").PropType<number>;
-            default: number;
-        };
-        emptyStateTitle: {
-            type: import("vue").PropType<string>;
-            default: string;
-        };
-        isSticky: {
-            type: import("vue").PropType<boolean>;
-            default: boolean;
-        };
         zIndexBase: {
             type: import("vue").PropType<number>;
             default: number;
         };
-        columns: {
-            type: import("vue").PropType<import("../common/Table.types").Column[]>;
-            required: true;
-        };
-        rows: {
-            type: import("vue").PropType<import("../common/Table.types").Row[]>;
-            required: true;
-        };
-        sections: {
-            type: import("vue").PropType<import("../common/Table.types").Section[]>;
-            default: any;
-        };
-        isStickyHeader: {
-            type: import("vue").PropType<boolean>;
-            default: boolean;
-        };
-        emptyStateSubtitle: {
-            type: import("vue").PropType<string>;
-            default: string;
-        };
-        isInfiniteScroll: {
+        showSearch: {
             type: import("vue").PropType<boolean>;
             default: boolean;
         };
-        infiniteScrollThreshold: {
-            type: import("vue").PropType<number>;
-            default: number;
-        };
-        rowHeight: {
-            type: import("vue").PropType<number | ((index: number) => number)>;
-            default: number;
-        };
-        defaultScrollPosition: {
-            type: import("vue").PropType<number>;
-            default: any;
-        };
-        getRowId: {
-            type: import("vue").PropType<(row: import("../common/Table.types").Row, index: number) => unknown>;
-            default: (row: any, index: any) => any;
-        };
-        getRowKey: {
-            type: import("vue").PropType<(row: import("../common/Table.types").Row, index: number) => string | number>;
-            default: (row: any, index: any) => any;
-        };
-        selectedMatcher: {
-            type: import("vue").PropType<(rowId: unknown, selected: unknown) => boolean>;
-            default: (rowId: any, selectedItem: any) => boolean;
-        };
-        emptyStateVariant: {
-            type: import("vue").PropType<"error" | "settings" | "no-access" | "no-results" | "no-data" | "files">;
-            default: any;
-        };
-        showTotalsRow: {
-            type: import("vue").PropType<boolean>;
-        };
-        helpTooltipVariant: {
-            type: import("vue").PropType<"icon" | "underline">;
-            default: string;
-        };
-        rowCustomClassKey: {
-            type: import("vue").PropType<string>;
-            default: string;
-        };
-        rowDataKey: {
-            type: import("vue").PropType<string>;
-            default: string;
-        };
-        isSelectionSticky: {
+        isSticky: {
             type: import("vue").PropType<boolean>;
             default: boolean;
         };
-        isSelectionBordered: {
+        standalone: {
             type: import("vue").PropType<boolean>;
             default: boolean;
         };
-    }>> & Readonly<{
-        onOnScroll?: (event: Event) => any;
-        onSelectAll?: (value: boolean) => any;
-        onLoadMore?: () => any;
-        onOnClearSearch?: () => any;
+    }>> & {
         "onUpdate:search"?: (query: string) => any;
-        "onUpdate:sort"?: (newSort: import("../common/Table.types").Sort) => any;
-        onSaveRow?: (args_0: import("../common/Table.types").SaveRowEvent) => any;
-        "onUpdate:selection"?: (selection: unknown[]) => any;
-        onSelectRow?: (value: boolean) => any;
-        onClickRow?: (rowIndex: number) => any;
-    }>, {
-        scrollTo: (index: number) => void;
-    }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-        "update:sort": (newSort: import("../common/Table.types").Sort) => void;
-        "update:search": (query: string) => void;
-        "update:selection": (selection: unknown[]) => void;
-        onScroll: (event: Event) => void;
-        onClearSearch: () => void;
-        saveRow: (args_0: import("../common/Table.types").SaveRowEvent) => void;
-        loadMore: () => void;
-        selectAll: (value: boolean) => void;
-        selectRow: (value: boolean) => void;
-        clickRow: (rowIndex: number) => void;
-    }, import("vue").PublicProps, {
-        sort: import("../common/Table.types").Sort;
-        title: string;
-        search: string;
-        testId: string;
-        isLoading: boolean;
-        searchAutoFocus: boolean;
-        searchPlaceholder: string;
-        selection: unknown[];
-        showSearch: boolean;
-        loadingRowCount: number;
-        emptyStateTitle: string;
-        isSticky: boolean;
-        zIndexBase: number;
-        sections: import("../common/Table.types").Section[];
-        isStickyHeader: boolean;
-        emptyStateSubtitle: string;
-        isInfiniteScroll: boolean;
-        infiniteScrollThreshold: number;
-        rowHeight: number | ((index: number) => number);
-        defaultScrollPosition: number;
-        getRowId: (row: import("../common/Table.types").Row, index: number) => unknown;
-        getRowKey: (row: import("../common/Table.types").Row, index: number) => string | number;
-        selectedMatcher: (rowId: unknown, selected: unknown) => boolean;
-        emptyStateVariant: "error" | "settings" | "no-access" | "no-results" | "no-data" | "files";
-        helpTooltipVariant: "icon" | "underline";
-        rowCustomClassKey: string;
-        rowDataKey: string;
-        isSelectionSticky: boolean;
-        isSelectionBordered: boolean;
-    }, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
-        P: {};
-        B: {};
-        D: {};
-        C: {};
-        M: {};
-        Defaults: {};
-    }, Readonly<import("vue").ExtractPropTypes<{
+        onOnClearSearch?: () => any;
+    } & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {};
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+    title: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    search: {
+        type: import("vue").PropType<string>;
+        default: any;
+    };
+    testId: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    searchAutoFocus: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+    searchPlaceholder: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    zIndexBase: {
+        type: import("vue").PropType<number>;
+        default: number;
+    };
+    showSearch: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+    isSticky: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+    standalone: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+}>> & {
+    "onUpdate:search"?: (query: string) => any;
+    onOnClearSearch?: () => any;
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:search": (query: string) => void;
+    onClearSearch: () => void;
+}, string, {
+    title: string;
+    search: string;
+    testId: string;
+    searchAutoFocus: boolean;
+    searchPlaceholder: string;
+    zIndexBase: number;
+    showSearch: boolean;
+    isSticky: boolean;
+    standalone: boolean;
+}, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
+    $slots: {
+        title?(_: {}): any;
+        "table-header-pre-search"?(_: {}): any;
+        search?(_: {}): any;
+        "table-header-actions"?(_: {}): any;
+    };
+})) | ({
+    new (...args: any[]): {
+        $: import("vue").ComponentInternalInstance;
+        $data: {};
+        $props: Partial<{}> & Omit<Readonly<import("vue").ExtractPropTypes<{}>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, never>;
+        $attrs: {
+            [x: string]: unknown;
+        };
+        $refs: {
+            [x: string]: unknown;
+        };
+        $slots: Readonly<{
+            [name: string]: import("vue").Slot;
+        }>;
+        $root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>;
+        $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>;
+        $emit: (event: string, ...args: any[]) => void;
+        $el: any;
+        $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {}, {}, string> & {
+            beforeCreate?: (() => void) | (() => void)[];
+            created?: (() => void) | (() => void)[];
+            beforeMount?: (() => void) | (() => void)[];
+            mounted?: (() => void) | (() => void)[];
+            beforeUpdate?: (() => void) | (() => void)[];
+            updated?: (() => void) | (() => void)[];
+            activated?: (() => void) | (() => void)[];
+            deactivated?: (() => void) | (() => void)[];
+            beforeDestroy?: (() => void) | (() => void)[];
+            beforeUnmount?: (() => void) | (() => void)[];
+            destroyed?: (() => void) | (() => void)[];
+            unmounted?: (() => void) | (() => void)[];
+            renderTracked?: ((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[];
+            renderTriggered?: ((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[];
+            errorCaptured?: ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>, info: string) => boolean | void) | ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>, info: string) => boolean | void)[];
+        };
+        $forceUpdate: () => void;
+        $nextTick: typeof import("vue").nextTick;
+        $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R) => any : (...args: any) => any, options?: import("vue").WatchOptions<boolean>): import("vue").WatchStopHandle;
+    } & Readonly<import("vue").ExtractPropTypes<{}>> & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {};
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {}, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
+    $slots: {
+        default?(_: {}): any;
+        "side-panel"?(_: {}): any;
+    };
+})) | ({
+    new (...args: any[]): {
+        $: import("vue").ComponentInternalInstance;
+        $data: {};
+        $props: Partial<{
+            sort: import("../common/Table.types").Sort;
+            title: string;
+            search: string;
+            testId: string;
+            isLoading: boolean;
+            searchAutoFocus: boolean;
+            searchPlaceholder: string;
+            selection: unknown[];
+            loadingRowCount: number;
+            zIndexBase: number;
+            showSearch: boolean;
+            emptyStateTitle: string;
+            isSticky: boolean;
+            sections: import("../common/Table.types").Section[];
+            isStickyHeader: boolean;
+            emptyStateSubtitle: string;
+            isInfiniteScroll: boolean;
+            infiniteScrollThreshold: number;
+            rowHeight: number | ((index: number) => number);
+            defaultScrollPosition: number;
+            getRowId: (row: import("../common/Table.types").Row, index: number) => unknown;
+            getRowKey: (row: import("../common/Table.types").Row, index: number) => string | number;
+            emptyStateVariant: "error" | "settings" | "no-access" | "no-results" | "no-data" | "files";
+            rowCustomClassKey: string;
+            rowDataKey: string;
+            helpTooltipVariant: "icon" | "underline";
+            useAvailableHeight: boolean;
+            selectedMatcher: (rowId: unknown, selected: unknown) => boolean;
+            isSelectionSticky: boolean;
+            isSelectionBordered: boolean;
+        }> & Omit<Readonly<import("vue").ExtractPropTypes<{
+            sort: {
+                type: import("vue").PropType<import("../common/Table.types").Sort>;
+                default: any;
+            };
+            title: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
+            search: {
+                type: import("vue").PropType<string>;
+                default: any;
+            };
+            testId: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
+            columns: {
+                type: import("vue").PropType<import("../common/Table.types").Column[]>;
+                required: true;
+            };
+            isLoading: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
+            searchAutoFocus: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
+            searchPlaceholder: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
+            selection: {
+                type: import("vue").PropType<unknown[]>;
+                default: any;
+            };
+            loadingRowCount: {
+                type: import("vue").PropType<number>;
+                default: number;
+            };
+            zIndexBase: {
+                type: import("vue").PropType<number>;
+                default: number;
+            };
+            showSearch: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
+            emptyStateTitle: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
+            isSticky: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
+            rows: {
+                type: import("vue").PropType<import("../common/Table.types").Row[]>;
+                required: true;
+            };
+            sections: {
+                type: import("vue").PropType<import("../common/Table.types").Section[]>;
+                default: any;
+            };
+            isStickyHeader: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
+            emptyStateSubtitle: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
+            isInfiniteScroll: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
+            infiniteScrollThreshold: {
+                type: import("vue").PropType<number>;
+                default: number;
+            };
+            rowHeight: {
+                type: import("vue").PropType<number | ((index: number) => number)>;
+                default: number;
+            };
+            defaultScrollPosition: {
+                type: import("vue").PropType<number>;
+                default: any;
+            };
+            getRowId: {
+                type: import("vue").PropType<(row: import("../common/Table.types").Row, index: number) => unknown>;
+                default: (row: any, index: any) => any;
+            };
+            getRowKey: {
+                type: import("vue").PropType<(row: import("../common/Table.types").Row, index: number) => string | number>;
+                default: (row: any, index: any) => any;
+            };
+            emptyStateVariant: {
+                type: import("vue").PropType<"error" | "settings" | "no-access" | "no-results" | "no-data" | "files">;
+                default: any;
+            };
+            rowCustomClassKey: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
+            rowDataKey: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
+            helpTooltipVariant: {
+                type: import("vue").PropType<"icon" | "underline">;
+                default: string;
+            };
+            useAvailableHeight: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
+            selectedMatcher: {
+                type: import("vue").PropType<(rowId: unknown, selected: unknown) => boolean>;
+                default: (rowId: any, selectedItem: any) => boolean;
+            };
+            isSelectionSticky: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
+            isSelectionBordered: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
+            showTotalsRow: {
+                type: import("vue").PropType<boolean>;
+            };
+        }>> & {
+            onSelectAll?: (value: boolean) => any;
+            onLoadMore?: () => any;
+            "onUpdate:selection"?: (selection: unknown[]) => any;
+            "onUpdate:search"?: (query: string) => any;
+            onOnScroll?: (event: Event) => any;
+            "onUpdate:sort"?: (newSort: import("../common/Table.types").Sort) => any;
+            onSaveRow?: (args_0: import("../common/Table.types").SaveRowEvent) => any;
+            onOnClearSearch?: () => any;
+            onClickRow?: (rowIndex: number) => any;
+            onSelectRow?: (value: boolean) => any;
+        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "sort" | "title" | "search" | "testId" | "isLoading" | "searchAutoFocus" | "searchPlaceholder" | "selection" | "loadingRowCount" | "zIndexBase" | "showSearch" | "emptyStateTitle" | "isSticky" | "sections" | "isStickyHeader" | "emptyStateSubtitle" | "isInfiniteScroll" | "infiniteScrollThreshold" | "rowHeight" | "defaultScrollPosition" | "getRowId" | "getRowKey" | "emptyStateVariant" | "rowCustomClassKey" | "rowDataKey" | "helpTooltipVariant" | "useAvailableHeight" | "selectedMatcher" | "isSelectionSticky" | "isSelectionBordered">;
+        $attrs: {
+            [x: string]: unknown;
+        };
+        $refs: {
+            [x: string]: unknown;
+        };
+        $slots: Readonly<{
+            [name: string]: import("vue").Slot;
+        }>;
+        $root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>;
+        $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>;
+        $emit: ((event: "onScroll", event: Event) => void) & ((event: "selectAll", value: boolean) => void) & ((event: "loadMore") => void) & ((event: "onClearSearch") => void) & ((event: "update:selection", selection: unknown[]) => void) & ((event: "update:search", query: string) => void) & ((event: "update:sort", newSort: import("../common/Table.types").Sort) => void) & ((event: "saveRow", args_0: import("../common/Table.types").SaveRowEvent) => void) & ((event: "clickRow", rowIndex: number) => void) & ((event: "selectRow", value: boolean) => void);
+        $el: any;
+        $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+            sort: {
+                type: import("vue").PropType<import("../common/Table.types").Sort>;
+                default: any;
+            };
+            title: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
+            search: {
+                type: import("vue").PropType<string>;
+                default: any;
+            };
+            testId: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
+            columns: {
+                type: import("vue").PropType<import("../common/Table.types").Column[]>;
+                required: true;
+            };
+            isLoading: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
+            searchAutoFocus: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
+            searchPlaceholder: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
+            selection: {
+                type: import("vue").PropType<unknown[]>;
+                default: any;
+            };
+            loadingRowCount: {
+                type: import("vue").PropType<number>;
+                default: number;
+            };
+            zIndexBase: {
+                type: import("vue").PropType<number>;
+                default: number;
+            };
+            showSearch: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
+            emptyStateTitle: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
+            isSticky: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
+            rows: {
+                type: import("vue").PropType<import("../common/Table.types").Row[]>;
+                required: true;
+            };
+            sections: {
+                type: import("vue").PropType<import("../common/Table.types").Section[]>;
+                default: any;
+            };
+            isStickyHeader: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
+            emptyStateSubtitle: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
+            isInfiniteScroll: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
+            infiniteScrollThreshold: {
+                type: import("vue").PropType<number>;
+                default: number;
+            };
+            rowHeight: {
+                type: import("vue").PropType<number | ((index: number) => number)>;
+                default: number;
+            };
+            defaultScrollPosition: {
+                type: import("vue").PropType<number>;
+                default: any;
+            };
+            getRowId: {
+                type: import("vue").PropType<(row: import("../common/Table.types").Row, index: number) => unknown>;
+                default: (row: any, index: any) => any;
+            };
+            getRowKey: {
+                type: import("vue").PropType<(row: import("../common/Table.types").Row, index: number) => string | number>;
+                default: (row: any, index: any) => any;
+            };
+            emptyStateVariant: {
+                type: import("vue").PropType<"error" | "settings" | "no-access" | "no-results" | "no-data" | "files">;
+                default: any;
+            };
+            rowCustomClassKey: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
+            rowDataKey: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
+            helpTooltipVariant: {
+                type: import("vue").PropType<"icon" | "underline">;
+                default: string;
+            };
+            useAvailableHeight: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
+            selectedMatcher: {
+                type: import("vue").PropType<(rowId: unknown, selected: unknown) => boolean>;
+                default: (rowId: any, selectedItem: any) => boolean;
+            };
+            isSelectionSticky: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
+            isSelectionBordered: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
+            showTotalsRow: {
+                type: import("vue").PropType<boolean>;
+            };
+        }>> & {
+            onSelectAll?: (value: boolean) => any;
+            onLoadMore?: () => any;
+            "onUpdate:selection"?: (selection: unknown[]) => any;
+            "onUpdate:search"?: (query: string) => any;
+            onOnScroll?: (event: Event) => any;
+            "onUpdate:sort"?: (newSort: import("../common/Table.types").Sort) => any;
+            onSaveRow?: (args_0: import("../common/Table.types").SaveRowEvent) => any;
+            onOnClearSearch?: () => any;
+            onClickRow?: (rowIndex: number) => any;
+            onSelectRow?: (value: boolean) => any;
+        }, {
+            scrollTo: (index: number) => void;
+        }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+            "update:sort": (newSort: import("../common/Table.types").Sort) => void;
+            "update:search": (query: string) => void;
+            "update:selection": (selection: unknown[]) => void;
+            onScroll: (event: Event) => void;
+            onClearSearch: () => void;
+            saveRow: (args_0: import("../common/Table.types").SaveRowEvent) => void;
+            loadMore: () => void;
+            selectAll: (value: boolean) => void;
+            selectRow: (value: boolean) => void;
+            clickRow: (rowIndex: number) => void;
+        }, string, {
+            sort: import("../common/Table.types").Sort;
+            title: string;
+            search: string;
+            testId: string;
+            isLoading: boolean;
+            searchAutoFocus: boolean;
+            searchPlaceholder: string;
+            selection: unknown[];
+            loadingRowCount: number;
+            zIndexBase: number;
+            showSearch: boolean;
+            emptyStateTitle: string;
+            isSticky: boolean;
+            sections: import("../common/Table.types").Section[];
+            isStickyHeader: boolean;
+            emptyStateSubtitle: string;
+            isInfiniteScroll: boolean;
+            infiniteScrollThreshold: number;
+            rowHeight: number | ((index: number) => number);
+            defaultScrollPosition: number;
+            getRowId: (row: import("../common/Table.types").Row, index: number) => unknown;
+            getRowKey: (row: import("../common/Table.types").Row, index: number) => string | number;
+            emptyStateVariant: "error" | "settings" | "no-access" | "no-results" | "no-data" | "files";
+            rowCustomClassKey: string;
+            rowDataKey: string;
+            helpTooltipVariant: "icon" | "underline";
+            useAvailableHeight: boolean;
+            selectedMatcher: (rowId: unknown, selected: unknown) => boolean;
+            isSelectionSticky: boolean;
+            isSelectionBordered: boolean;
+        }, {}, string> & {
+            beforeCreate?: (() => void) | (() => void)[];
+            created?: (() => void) | (() => void)[];
+            beforeMount?: (() => void) | (() => void)[];
+            mounted?: (() => void) | (() => void)[];
+            beforeUpdate?: (() => void) | (() => void)[];
+            updated?: (() => void) | (() => void)[];
+            activated?: (() => void) | (() => void)[];
+            deactivated?: (() => void) | (() => void)[];
+            beforeDestroy?: (() => void) | (() => void)[];
+            beforeUnmount?: (() => void) | (() => void)[];
+            destroyed?: (() => void) | (() => void)[];
+            unmounted?: (() => void) | (() => void)[];
+            renderTracked?: ((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[];
+            renderTriggered?: ((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[];
+            errorCaptured?: ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>, info: string) => boolean | void) | ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>, info: string) => boolean | void)[];
+        };
+        $forceUpdate: () => void;
+        $nextTick: typeof import("vue").nextTick;
+        $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R) => any : (...args: any) => any, options?: import("vue").WatchOptions<boolean>): import("vue").WatchStopHandle;
+    } & Readonly<import("vue").ExtractPropTypes<{
         sort: {
             type: import("vue").PropType<import("../common/Table.types").Sort>;
             default: any;
@@ -209,6 +805,10 @@ declare const DataGridTypes: () => (({
             type: import("vue").PropType<string>;
             default: string;
         };
+        columns: {
+            type: import("vue").PropType<import("../common/Table.types").Column[]>;
+            required: true;
+        };
         isLoading: {
             type: import("vue").PropType<boolean>;
             default: boolean;
@@ -225,14 +825,18 @@ declare const DataGridTypes: () => (({
             type: import("vue").PropType<unknown[]>;
             default: any;
         };
-        showSearch: {
-            type: import("vue").PropType<boolean>;
-            default: boolean;
-        };
         loadingRowCount: {
             type: import("vue").PropType<number>;
             default: number;
         };
+        zIndexBase: {
+            type: import("vue").PropType<number>;
+            default: number;
+        };
+        showSearch: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
         emptyStateTitle: {
             type: import("vue").PropType<string>;
             default: string;
@@ -241,14 +845,6 @@ declare const DataGridTypes: () => (({
             type: import("vue").PropType<boolean>;
             default: boolean;
         };
-        zIndexBase: {
-            type: import("vue").PropType<number>;
-            default: number;
-        };
-        columns: {
-            type: import("vue").PropType<import("../common/Table.types").Column[]>;
-            required: true;
-        };
         rows: {
             type: import("vue").PropType<import("../common/Table.types").Row[]>;
             required: true;
@@ -289,21 +885,10 @@ declare const DataGridTypes: () => (({
             type: import("vue").PropType<(row: import("../common/Table.types").Row, index: number) => string | number>;
             default: (row: any, index: any) => any;
         };
-        selectedMatcher: {
-            type: import("vue").PropType<(rowId: unknown, selected: unknown) => boolean>;
-            default: (rowId: any, selectedItem: any) => boolean;
-        };
         emptyStateVariant: {
             type: import("vue").PropType<"error" | "settings" | "no-access" | "no-results" | "no-data" | "files">;
             default: any;
         };
-        showTotalsRow: {
-            type: import("vue").PropType<boolean>;
-        };
-        helpTooltipVariant: {
-            type: import("vue").PropType<"icon" | "underline">;
-            default: string;
-        };
         rowCustomClassKey: {
             type: import("vue").PropType<string>;
             default: string;
@@ -312,6 +897,18 @@ declare const DataGridTypes: () => (({
             type: import("vue").PropType<string>;
             default: string;
         };
+        helpTooltipVariant: {
+            type: import("vue").PropType<"icon" | "underline">;
+            default: string;
+        };
+        useAvailableHeight: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+        selectedMatcher: {
+            type: import("vue").PropType<(rowId: unknown, selected: unknown) => boolean>;
+            default: (rowId: any, selectedItem: any) => boolean;
+        };
         isSelectionSticky: {
             type: import("vue").PropType<boolean>;
             default: boolean;
@@ -320,50 +917,23 @@ declare const DataGridTypes: () => (({
             type: import("vue").PropType<boolean>;
             default: boolean;
         };
-    }>> & Readonly<{
-        onOnScroll?: (event: Event) => any;
+        showTotalsRow: {
+            type: import("vue").PropType<boolean>;
+        };
+    }>> & {
         onSelectAll?: (value: boolean) => any;
         onLoadMore?: () => any;
-        onOnClearSearch?: () => any;
+        "onUpdate:selection"?: (selection: unknown[]) => any;
         "onUpdate:search"?: (query: string) => any;
+        onOnScroll?: (event: Event) => any;
         "onUpdate:sort"?: (newSort: import("../common/Table.types").Sort) => any;
         onSaveRow?: (args_0: import("../common/Table.types").SaveRowEvent) => any;
-        "onUpdate:selection"?: (selection: unknown[]) => any;
-        onSelectRow?: (value: boolean) => any;
+        onOnClearSearch?: () => any;
         onClickRow?: (rowIndex: number) => any;
-    }>, {
+        onSelectRow?: (value: boolean) => any;
+    } & import("vue").ShallowUnwrapRef<{
         scrollTo: (index: number) => void;
-    }, {}, {}, {}, {
-        sort: import("../common/Table.types").Sort;
-        title: string;
-        search: string;
-        testId: string;
-        isLoading: boolean;
-        searchAutoFocus: boolean;
-        searchPlaceholder: string;
-        selection: unknown[];
-        showSearch: boolean;
-        loadingRowCount: number;
-        emptyStateTitle: string;
-        isSticky: boolean;
-        zIndexBase: number;
-        sections: import("../common/Table.types").Section[];
-        isStickyHeader: boolean;
-        emptyStateSubtitle: string;
-        isInfiniteScroll: boolean;
-        infiniteScrollThreshold: number;
-        rowHeight: number | ((index: number) => number);
-        defaultScrollPosition: number;
-        getRowId: (row: import("../common/Table.types").Row, index: number) => unknown;
-        getRowKey: (row: import("../common/Table.types").Row, index: number) => string | number;
-        selectedMatcher: (rowId: unknown, selected: unknown) => boolean;
-        emptyStateVariant: "error" | "settings" | "no-access" | "no-results" | "no-data" | "files";
-        helpTooltipVariant: "icon" | "underline";
-        rowCustomClassKey: string;
-        rowDataKey: string;
-        isSelectionSticky: boolean;
-        isSelectionBordered: boolean;
-    }>;
+    }> & {} & import("vue").ComponentCustomProperties & {};
     __isFragment?: never;
     __isTeleport?: never;
     __isSuspense?: never;
@@ -384,6 +954,10 @@ declare const DataGridTypes: () => (({
         type: import("vue").PropType<string>;
         default: string;
     };
+    columns: {
+        type: import("vue").PropType<import("../common/Table.types").Column[]>;
+        required: true;
+    };
     isLoading: {
         type: import("vue").PropType<boolean>;
         default: boolean;
@@ -400,29 +974,25 @@ declare const DataGridTypes: () => (({
         type: import("vue").PropType<unknown[]>;
         default: any;
     };
-    showSearch: {
-        type: import("vue").PropType<boolean>;
-        default: boolean;
-    };
     loadingRowCount: {
         type: import("vue").PropType<number>;
         default: number;
     };
-    emptyStateTitle: {
-        type: import("vue").PropType<string>;
-        default: string;
+    zIndexBase: {
+        type: import("vue").PropType<number>;
+        default: number;
     };
-    isSticky: {
+    showSearch: {
         type: import("vue").PropType<boolean>;
         default: boolean;
     };
-    zIndexBase: {
-        type: import("vue").PropType<number>;
-        default: number;
+    emptyStateTitle: {
+        type: import("vue").PropType<string>;
+        default: string;
     };
-    columns: {
-        type: import("vue").PropType<import("../common/Table.types").Column[]>;
-        required: true;
+    isSticky: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
     };
     rows: {
         type: import("vue").PropType<import("../common/Table.types").Row[]>;
@@ -464,21 +1034,10 @@ declare const DataGridTypes: () => (({
         type: import("vue").PropType<(row: import("../common/Table.types").Row, index: number) => string | number>;
         default: (row: any, index: any) => any;
     };
-    selectedMatcher: {
-        type: import("vue").PropType<(rowId: unknown, selected: unknown) => boolean>;
-        default: (rowId: any, selectedItem: any) => boolean;
-    };
     emptyStateVariant: {
         type: import("vue").PropType<"error" | "settings" | "no-access" | "no-results" | "no-data" | "files">;
         default: any;
     };
-    showTotalsRow: {
-        type: import("vue").PropType<boolean>;
-    };
-    helpTooltipVariant: {
-        type: import("vue").PropType<"icon" | "underline">;
-        default: string;
-    };
     rowCustomClassKey: {
         type: import("vue").PropType<string>;
         default: string;
@@ -487,6 +1046,18 @@ declare const DataGridTypes: () => (({
         type: import("vue").PropType<string>;
         default: string;
     };
+    helpTooltipVariant: {
+        type: import("vue").PropType<"icon" | "underline">;
+        default: string;
+    };
+    useAvailableHeight: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+    selectedMatcher: {
+        type: import("vue").PropType<(rowId: unknown, selected: unknown) => boolean>;
+        default: (rowId: any, selectedItem: any) => boolean;
+    };
     isSelectionSticky: {
         type: import("vue").PropType<boolean>;
         default: boolean;
@@ -495,20 +1066,23 @@ declare const DataGridTypes: () => (({
         type: import("vue").PropType<boolean>;
         default: boolean;
     };
-}>> & Readonly<{
-    onOnScroll?: (event: Event) => any;
+    showTotalsRow: {
+        type: import("vue").PropType<boolean>;
+    };
+}>> & {
     onSelectAll?: (value: boolean) => any;
     onLoadMore?: () => any;
-    onOnClearSearch?: () => any;
+    "onUpdate:selection"?: (selection: unknown[]) => any;
     "onUpdate:search"?: (query: string) => any;
+    onOnScroll?: (event: Event) => any;
     "onUpdate:sort"?: (newSort: import("../common/Table.types").Sort) => any;
     onSaveRow?: (args_0: import("../common/Table.types").SaveRowEvent) => any;
-    "onUpdate:selection"?: (selection: unknown[]) => any;
-    onSelectRow?: (value: boolean) => any;
+    onOnClearSearch?: () => any;
     onClickRow?: (rowIndex: number) => any;
-}>, {
+    onSelectRow?: (value: boolean) => any;
+}, {
     scrollTo: (index: number) => void;
-}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:sort": (newSort: import("../common/Table.types").Sort) => void;
     "update:search": (query: string) => void;
     "update:selection": (selection: unknown[]) => void;
@@ -528,11 +1102,11 @@ declare const DataGridTypes: () => (({
     searchAutoFocus: boolean;
     searchPlaceholder: string;
     selection: unknown[];
-    showSearch: boolean;
     loadingRowCount: number;
+    zIndexBase: number;
+    showSearch: boolean;
     emptyStateTitle: string;
     isSticky: boolean;
-    zIndexBase: number;
     sections: import("../common/Table.types").Section[];
     isStickyHeader: boolean;
     emptyStateSubtitle: string;
@@ -542,16 +1116,19 @@ declare const DataGridTypes: () => (({
     defaultScrollPosition: number;
     getRowId: (row: import("../common/Table.types").Row, index: number) => unknown;
     getRowKey: (row: import("../common/Table.types").Row, index: number) => string | number;
-    selectedMatcher: (rowId: unknown, selected: unknown) => boolean;
     emptyStateVariant: "error" | "settings" | "no-access" | "no-results" | "no-data" | "files";
-    helpTooltipVariant: "icon" | "underline";
     rowCustomClassKey: string;
     rowDataKey: string;
+    helpTooltipVariant: "icon" | "underline";
+    useAvailableHeight: boolean;
+    selectedMatcher: (rowId: unknown, selected: unknown) => boolean;
     isSelectionSticky: boolean;
     isSelectionBordered: boolean;
-}, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
+}, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
     $slots: Partial<Record<`section-${string}`, (_: {}) => any>> & Partial<Record<`header-${string}`, (_: {
         column: import("../common/Table.types").Column;
+    }) => any>> & Partial<Record<`after-header-${string}`, (_: {
+        column: import("../common/Table.types").Column;
     }) => any>> & Partial<Record<`total-${string}`, (_: {
         column: import("../common/Table.types").Column;
     }) => any>> & Partial<Record<`cell-${string}`, (_: {
@@ -562,8 +1139,8 @@ declare const DataGridTypes: () => (({
         rowIndex: number;
     }) => any>> & {
         title?(_: {}): any;
-        "table-header-pre-search"?(_: {}): any;
         search?(_: {}): any;
+        "table-header-pre-search"?(_: {}): any;
         "table-header-actions"?(_: {}): any;
         "select-all-checkbox"?(_: {}): any;
         loader?(_: {}): any;
@@ -578,44 +1155,415 @@ declare const DataGridTypes: () => (({
         "empty-state"?(_: {}): any;
         footer?(_: {}): any;
     };
-})) | import("vue").DefineComponent<import("vue").ExtractPropTypes<{
-    placement: {
-        type: import("vue").PropType<import("floating-vue").Placement>;
-        default: string;
-    };
-    rowIndex: {
-        type: import("vue").PropType<number>;
+})) | ({
+    new (...args: any[]): {
+        $: import("vue").ComponentInternalInstance;
+        $data: {};
+        $props: Partial<{
+            search: string;
+            testId: string;
+            isLoading: boolean;
+            searchPlaceholder: string;
+            count: number;
+            loadingRowCount: number;
+            zIndexBase: number;
+            showSearch: boolean;
+            emptyStateTitle: string;
+            isSticky: boolean;
+            emptyStateSubtitle: string;
+            totalCount: number;
+            displayingText: string;
+            outOfText: string;
+            totalText: string;
+            tablesSettings: import("../common/Table.types").TableSettings[];
+            loadingAndEmptyStatesColumns: import("../common/Table.types").Column[];
+            getRowId: (row: import("../common/Table.types").Row, index: number) => unknown;
+            getRowKey: (row: import("../common/Table.types").Row, index: number) => string | number;
+            emptyStateVariant: "error" | "settings" | "no-access" | "no-results" | "no-data" | "files";
+            rowCustomClassKey: string;
+            rowDataKey: string;
+        }> & Omit<Readonly<import("vue").ExtractPropTypes<{
+            search: {
+                type: import("vue").PropType<string>;
+                default: any;
+            };
+            testId: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
+            isLoading: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
+            searchPlaceholder: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
+            count: {
+                type: import("vue").PropType<number>;
+                default: number;
+            };
+            loadingRowCount: {
+                type: import("vue").PropType<number>;
+                default: number;
+            };
+            zIndexBase: {
+                type: import("vue").PropType<number>;
+                default: number;
+            };
+            showSearch: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
+            emptyStateTitle: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
+            isSticky: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
+            emptyStateSubtitle: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
+            totalCount: {
+                type: import("vue").PropType<number>;
+                default: number;
+            };
+            displayingText: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
+            outOfText: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
+            totalText: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
+            tablesSettings: {
+                type: import("vue").PropType<import("../common/Table.types").TableSettings[]>;
+                required: true;
+                default: () => any[];
+            };
+            loadingAndEmptyStatesColumns: {
+                type: import("vue").PropType<import("../common/Table.types").Column[]>;
+                required: true;
+                default: () => any[];
+            };
+            getRowId: {
+                type: import("vue").PropType<(row: import("../common/Table.types").Row, index: number) => unknown>;
+                default: (row: any, index: any) => any;
+            };
+            getRowKey: {
+                type: import("vue").PropType<(row: import("../common/Table.types").Row, index: number) => string | number>;
+                default: (row: any, index: any) => any;
+            };
+            emptyStateVariant: {
+                type: import("vue").PropType<"error" | "settings" | "no-access" | "no-results" | "no-data" | "files">;
+                default: any;
+            };
+            rowCustomClassKey: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
+            rowDataKey: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
+        }>> & {
+            "onUpdate:search"?: (query: string) => any;
+            onOnScroll?: (scrollTop: number) => any;
+            onSaveRow?: (args_0: import("../common/Table.types").SaveRowEvent & {
+                tableIndex: number;
+            }) => any;
+            onOnClearSearch?: () => any;
+            onClickRow?: (rowIndex: number, tableIndex: number) => any;
+        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "search" | "testId" | "isLoading" | "searchPlaceholder" | "count" | "loadingRowCount" | "zIndexBase" | "showSearch" | "emptyStateTitle" | "isSticky" | "emptyStateSubtitle" | "totalCount" | "displayingText" | "outOfText" | "totalText" | "tablesSettings" | "loadingAndEmptyStatesColumns" | "getRowId" | "getRowKey" | "emptyStateVariant" | "rowCustomClassKey" | "rowDataKey">;
+        $attrs: {
+            [x: string]: unknown;
+        };
+        $refs: {
+            [x: string]: unknown;
+        };
+        $slots: Readonly<{
+            [name: string]: import("vue").Slot;
+        }>;
+        $root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>;
+        $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>;
+        $emit: ((event: "onScroll", scrollTop: number) => void) & ((event: "onClearSearch") => void) & ((event: "update:search", query: string) => void) & ((event: "saveRow", args_0: import("../common/Table.types").SaveRowEvent & {
+            tableIndex: number;
+        }) => void) & ((event: "clickRow", rowIndex: number, tableIndex: number) => void);
+        $el: any;
+        $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+            search: {
+                type: import("vue").PropType<string>;
+                default: any;
+            };
+            testId: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
+            isLoading: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
+            searchPlaceholder: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
+            count: {
+                type: import("vue").PropType<number>;
+                default: number;
+            };
+            loadingRowCount: {
+                type: import("vue").PropType<number>;
+                default: number;
+            };
+            zIndexBase: {
+                type: import("vue").PropType<number>;
+                default: number;
+            };
+            showSearch: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
+            emptyStateTitle: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
+            isSticky: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
+            emptyStateSubtitle: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
+            totalCount: {
+                type: import("vue").PropType<number>;
+                default: number;
+            };
+            displayingText: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
+            outOfText: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
+            totalText: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
+            tablesSettings: {
+                type: import("vue").PropType<import("../common/Table.types").TableSettings[]>;
+                required: true;
+                default: () => any[];
+            };
+            loadingAndEmptyStatesColumns: {
+                type: import("vue").PropType<import("../common/Table.types").Column[]>;
+                required: true;
+                default: () => any[];
+            };
+            getRowId: {
+                type: import("vue").PropType<(row: import("../common/Table.types").Row, index: number) => unknown>;
+                default: (row: any, index: any) => any;
+            };
+            getRowKey: {
+                type: import("vue").PropType<(row: import("../common/Table.types").Row, index: number) => string | number>;
+                default: (row: any, index: any) => any;
+            };
+            emptyStateVariant: {
+                type: import("vue").PropType<"error" | "settings" | "no-access" | "no-results" | "no-data" | "files">;
+                default: any;
+            };
+            rowCustomClassKey: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
+            rowDataKey: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
+        }>> & {
+            "onUpdate:search"?: (query: string) => any;
+            onOnScroll?: (scrollTop: number) => any;
+            onSaveRow?: (args_0: import("../common/Table.types").SaveRowEvent & {
+                tableIndex: number;
+            }) => any;
+            onOnClearSearch?: () => any;
+            onClickRow?: (rowIndex: number, tableIndex: number) => any;
+        }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+            "update:search": (query: string) => void;
+            onScroll: (scrollTop: number) => void;
+            onClearSearch: () => void;
+            clickRow: (rowIndex: number, tableIndex: number) => void;
+            saveRow: (args_0: import("../common/Table.types").SaveRowEvent & {
+                tableIndex: number;
+            }) => void;
+        }, string, {
+            search: string;
+            testId: string;
+            isLoading: boolean;
+            searchPlaceholder: string;
+            count: number;
+            loadingRowCount: number;
+            zIndexBase: number;
+            showSearch: boolean;
+            emptyStateTitle: string;
+            isSticky: boolean;
+            emptyStateSubtitle: string;
+            totalCount: number;
+            displayingText: string;
+            outOfText: string;
+            totalText: string;
+            tablesSettings: import("../common/Table.types").TableSettings[];
+            loadingAndEmptyStatesColumns: import("../common/Table.types").Column[];
+            getRowId: (row: import("../common/Table.types").Row, index: number) => unknown;
+            getRowKey: (row: import("../common/Table.types").Row, index: number) => string | number;
+            emptyStateVariant: "error" | "settings" | "no-access" | "no-results" | "no-data" | "files";
+            rowCustomClassKey: string;
+            rowDataKey: string;
+        }, {}, string> & {
+            beforeCreate?: (() => void) | (() => void)[];
+            created?: (() => void) | (() => void)[];
+            beforeMount?: (() => void) | (() => void)[];
+            mounted?: (() => void) | (() => void)[];
+            beforeUpdate?: (() => void) | (() => void)[];
+            updated?: (() => void) | (() => void)[];
+            activated?: (() => void) | (() => void)[];
+            deactivated?: (() => void) | (() => void)[];
+            beforeDestroy?: (() => void) | (() => void)[];
+            beforeUnmount?: (() => void) | (() => void)[];
+            destroyed?: (() => void) | (() => void)[];
+            unmounted?: (() => void) | (() => void)[];
+            renderTracked?: ((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[];
+            renderTriggered?: ((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[];
+            errorCaptured?: ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>, info: string) => boolean | void) | ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>, info: string) => boolean | void)[];
+        };
+        $forceUpdate: () => void;
+        $nextTick: typeof import("vue").nextTick;
+        $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R) => any : (...args: any) => any, options?: import("vue").WatchOptions<boolean>): import("vue").WatchStopHandle;
+    } & Readonly<import("vue").ExtractPropTypes<{
+        search: {
+            type: import("vue").PropType<string>;
+            default: any;
+        };
+        testId: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
+        isLoading: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+        searchPlaceholder: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
+        count: {
+            type: import("vue").PropType<number>;
+            default: number;
+        };
+        loadingRowCount: {
+            type: import("vue").PropType<number>;
+            default: number;
+        };
+        zIndexBase: {
+            type: import("vue").PropType<number>;
+            default: number;
+        };
+        showSearch: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+        emptyStateTitle: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
+        isSticky: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+        emptyStateSubtitle: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
+        totalCount: {
+            type: import("vue").PropType<number>;
+            default: number;
+        };
+        displayingText: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
+        outOfText: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
+        totalText: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
+        tablesSettings: {
+            type: import("vue").PropType<import("../common/Table.types").TableSettings[]>;
+            required: true;
+            default: () => any[];
+        };
+        loadingAndEmptyStatesColumns: {
+            type: import("vue").PropType<import("../common/Table.types").Column[]>;
+            required: true;
+            default: () => any[];
+        };
+        getRowId: {
+            type: import("vue").PropType<(row: import("../common/Table.types").Row, index: number) => unknown>;
+            default: (row: any, index: any) => any;
+        };
+        getRowKey: {
+            type: import("vue").PropType<(row: import("../common/Table.types").Row, index: number) => string | number>;
+            default: (row: any, index: any) => any;
+        };
+        emptyStateVariant: {
+            type: import("vue").PropType<"error" | "settings" | "no-access" | "no-results" | "no-data" | "files">;
+            default: any;
+        };
+        rowCustomClassKey: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
+        rowDataKey: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
+    }>> & {
+        "onUpdate:search"?: (query: string) => any;
+        onOnScroll?: (scrollTop: number) => any;
+        onSaveRow?: (args_0: import("../common/Table.types").SaveRowEvent & {
+            tableIndex: number;
+        }) => any;
+        onOnClearSearch?: () => any;
+        onClickRow?: (rowIndex: number, tableIndex: number) => any;
+    } & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {};
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+    search: {
+        type: import("vue").PropType<string>;
         default: any;
     };
-    menuItems: {
-        type: import("vue").PropType<import("../common/Table.types").MenuItem[]>;
-        required: true;
-        default: () => any[];
-    };
-}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    selected: (option: unknown) => void;
-}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
-    placement: {
-        type: import("vue").PropType<import("floating-vue").Placement>;
+    testId: {
+        type: import("vue").PropType<string>;
         default: string;
     };
-    rowIndex: {
-        type: import("vue").PropType<number>;
-        default: any;
-    };
-    menuItems: {
-        type: import("vue").PropType<import("../common/Table.types").MenuItem[]>;
-        required: true;
-        default: () => any[];
+    isLoading: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
     };
-}>> & Readonly<{
-    onSelected?: (option: unknown) => any;
-}>, {
-    placement: import("floating-vue").Placement;
-    rowIndex: number;
-    menuItems: import("../common/Table.types").MenuItem[];
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any> | import("vue").DefineComponent<import("vue").ExtractPropTypes<{
-    testId: {
+    searchPlaceholder: {
         type: import("vue").PropType<string>;
         default: string;
     };
@@ -623,31 +1571,30 @@ declare const DataGridTypes: () => (({
         type: import("vue").PropType<number>;
         default: number;
     };
-    totalCount: {
+    loadingRowCount: {
         type: import("vue").PropType<number>;
         default: number;
     };
-    displayingText: {
-        type: import("vue").PropType<string>;
-        default: string;
+    zIndexBase: {
+        type: import("vue").PropType<number>;
+        default: number;
     };
-    outOfText: {
-        type: import("vue").PropType<string>;
-        default: string;
+    showSearch: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
     };
-    totalText: {
+    emptyStateTitle: {
         type: import("vue").PropType<string>;
         default: string;
     };
-}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
-    testId: {
+    isSticky: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+    emptyStateSubtitle: {
         type: import("vue").PropType<string>;
         default: string;
     };
-    count: {
-        type: import("vue").PropType<number>;
-        default: number;
-    };
     totalCount: {
         type: import("vue").PropType<number>;
         default: number;
@@ -664,13 +1611,98 @@ declare const DataGridTypes: () => (({
         type: import("vue").PropType<string>;
         default: string;
     };
-}>> & Readonly<{}>, {
+    tablesSettings: {
+        type: import("vue").PropType<import("../common/Table.types").TableSettings[]>;
+        required: true;
+        default: () => any[];
+    };
+    loadingAndEmptyStatesColumns: {
+        type: import("vue").PropType<import("../common/Table.types").Column[]>;
+        required: true;
+        default: () => any[];
+    };
+    getRowId: {
+        type: import("vue").PropType<(row: import("../common/Table.types").Row, index: number) => unknown>;
+        default: (row: any, index: any) => any;
+    };
+    getRowKey: {
+        type: import("vue").PropType<(row: import("../common/Table.types").Row, index: number) => string | number>;
+        default: (row: any, index: any) => any;
+    };
+    emptyStateVariant: {
+        type: import("vue").PropType<"error" | "settings" | "no-access" | "no-results" | "no-data" | "files">;
+        default: any;
+    };
+    rowCustomClassKey: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    rowDataKey: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+}>> & {
+    "onUpdate:search"?: (query: string) => any;
+    onOnScroll?: (scrollTop: number) => any;
+    onSaveRow?: (args_0: import("../common/Table.types").SaveRowEvent & {
+        tableIndex: number;
+    }) => any;
+    onOnClearSearch?: () => any;
+    onClickRow?: (rowIndex: number, tableIndex: number) => any;
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:search": (query: string) => void;
+    onScroll: (scrollTop: number) => void;
+    onClearSearch: () => void;
+    clickRow: (rowIndex: number, tableIndex: number) => void;
+    saveRow: (args_0: import("../common/Table.types").SaveRowEvent & {
+        tableIndex: number;
+    }) => void;
+}, string, {
+    search: string;
     testId: string;
+    isLoading: boolean;
+    searchPlaceholder: string;
     count: number;
+    loadingRowCount: number;
+    zIndexBase: number;
+    showSearch: boolean;
+    emptyStateTitle: string;
+    isSticky: boolean;
+    emptyStateSubtitle: string;
     totalCount: number;
     displayingText: string;
     outOfText: string;
     totalText: string;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>)[];
+    tablesSettings: import("../common/Table.types").TableSettings[];
+    loadingAndEmptyStatesColumns: import("../common/Table.types").Column[];
+    getRowId: (row: import("../common/Table.types").Row, index: number) => unknown;
+    getRowKey: (row: import("../common/Table.types").Row, index: number) => string | number;
+    emptyStateVariant: "error" | "settings" | "no-access" | "no-results" | "no-data" | "files";
+    rowCustomClassKey: string;
+    rowDataKey: string;
+}, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
+    $slots: Partial<Record<string, (_: {
+        column: import("../common/Table.types").Column;
+    }) => any>> & Partial<Record<string, (_: {
+        cell: any;
+        isLoading: any;
+        cellIndex: any;
+        row: any;
+        rowIndex: any;
+    }) => any>> & Partial<Record<string, (_: {
+        column: import("../common/Table.types").Column;
+    }) => any>> & {
+        title?(_: {}): any;
+        search?(_: {}): any;
+        "table-header-pre-search"?(_: {}): any;
+        "table-header-actions"?(_: {}): any;
+        "floating-row"?(_: {
+            row: import("@vueuse/core").UseVirtualListItem<import("../common/Table.types").Row>;
+            rowIndex: number;
+            tableIndex: number;
+        }): any;
+        "empty-state"?(_: {}): any;
+    };
+})))[];
 export type { Column, Sort, MenuItem, TableSettings, } from '../common/Table.types';
-export { DataGrid, DataGridMenu, DataGridRowsCounter, DataGridTypes, MultipleDataGrid, };
+export { DataGrid, DataGridMenu, DataGridRowsCounter, DataGridTypes, MultipleDataGrid, DataGridHeader, DataGridContainer, };