@ironsource/shared-ui 2.1.12-test.52 → 2.1.12-test.54

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

@@ -1,8 +1,347 @@
 import DataGrid from './DataGrid.vue';
 import DataGridMenu from './DataGridMenu.vue';
 import DataGridRowsCounter from './DataGridRowsCounter.vue';
+import DataGridHeader from './DataGridHeader.vue';
 import MultipleDataGrid from './MultipleDataGrid.vue';
-declare const DataGridTypes: () => (({
+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;
+        };
+        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").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: {};
@@ -15,11 +354,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;
@@ -29,11 +368,11 @@ 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";
+            selectedMatcher: (rowId: unknown, selected: unknown) => boolean;
             isSelectionSticky: boolean;
             isSelectionBordered: boolean;
         }> & Omit<Readonly<import("vue").ExtractPropTypes<{
@@ -73,14 +412,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;
@@ -89,10 +432,6 @@ declare const DataGridTypes: () => (({
                 type: import("vue").PropType<boolean>;
                 default: boolean;
             };
-            zIndexBase: {
-                type: import("vue").PropType<number>;
-                default: number;
-            };
             rows: {
                 type: import("vue").PropType<import("../common/Table.types").Row[]>;
                 required: true;
@@ -133,21 +472,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;
@@ -156,6 +484,14 @@ declare const DataGridTypes: () => (({
                 type: import("vue").PropType<string>;
                 default: string;
             };
+            helpTooltipVariant: {
+                type: import("vue").PropType<"icon" | "underline">;
+                default: string;
+            };
+            selectedMatcher: {
+                type: import("vue").PropType<(rowId: unknown, selected: unknown) => boolean>;
+                default: (rowId: any, selectedItem: any) => boolean;
+            };
             isSelectionSticky: {
                 type: import("vue").PropType<boolean>;
                 default: boolean;
@@ -164,18 +500,21 @@ declare const DataGridTypes: () => (({
                 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;
-            "onUpdate:selection"?: (selection: unknown[]) => any;
-            onSelectRow?: (value: boolean) => any;
             onClickRow?: (rowIndex: number) => any;
-        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "sort" | "title" | "search" | "testId" | "isLoading" | "searchAutoFocus" | "searchPlaceholder" | "selection" | "showSearch" | "loadingRowCount" | "emptyStateTitle" | "isSticky" | "zIndexBase" | "sections" | "isStickyHeader" | "emptyStateSubtitle" | "isInfiniteScroll" | "infiniteScrollThreshold" | "rowHeight" | "defaultScrollPosition" | "getRowId" | "getRowKey" | "selectedMatcher" | "emptyStateVariant" | "helpTooltipVariant" | "rowCustomClassKey" | "rowDataKey" | "isSelectionSticky" | "isSelectionBordered">;
+            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" | "selectedMatcher" | "isSelectionSticky" | "isSelectionBordered">;
         $attrs: {
             [x: string]: unknown;
         };
@@ -187,7 +526,7 @@ declare const DataGridTypes: () => (({
         }>;
         $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: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: "update:selection", selection: unknown[]) => void) & ((event: "selectRow", value: boolean) => void) & ((event: "clickRow", rowIndex: number) => void);
+        $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: {
@@ -226,14 +565,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;
@@ -242,10 +585,6 @@ declare const DataGridTypes: () => (({
                 type: import("vue").PropType<boolean>;
                 default: boolean;
             };
-            zIndexBase: {
-                type: import("vue").PropType<number>;
-                default: number;
-            };
             rows: {
                 type: import("vue").PropType<import("../common/Table.types").Row[]>;
                 required: true;
@@ -286,21 +625,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;
@@ -309,6 +637,14 @@ declare const DataGridTypes: () => (({
                 type: import("vue").PropType<string>;
                 default: string;
             };
+            helpTooltipVariant: {
+                type: import("vue").PropType<"icon" | "underline">;
+                default: string;
+            };
+            selectedMatcher: {
+                type: import("vue").PropType<(rowId: unknown, selected: unknown) => boolean>;
+                default: (rowId: any, selectedItem: any) => boolean;
+            };
             isSelectionSticky: {
                 type: import("vue").PropType<boolean>;
                 default: boolean;
@@ -317,17 +653,20 @@ declare const DataGridTypes: () => (({
                 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;
-            "onUpdate:selection"?: (selection: unknown[]) => any;
-            onSelectRow?: (value: boolean) => any;
             onClickRow?: (rowIndex: number) => any;
+            onSelectRow?: (value: boolean) => any;
         }, {
             scrollTo: (index: number) => void;
         }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
@@ -350,11 +689,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;
@@ -364,11 +703,11 @@ 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";
+            selectedMatcher: (rowId: unknown, selected: unknown) => boolean;
             isSelectionSticky: boolean;
             isSelectionBordered: boolean;
         }, {}, string> & {
@@ -428,14 +767,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;
@@ -444,10 +787,6 @@ declare const DataGridTypes: () => (({
             type: import("vue").PropType<boolean>;
             default: boolean;
         };
-        zIndexBase: {
-            type: import("vue").PropType<number>;
-            default: number;
-        };
         rows: {
             type: import("vue").PropType<import("../common/Table.types").Row[]>;
             required: true;
@@ -488,21 +827,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;
@@ -511,6 +839,14 @@ declare const DataGridTypes: () => (({
             type: import("vue").PropType<string>;
             default: string;
         };
+        helpTooltipVariant: {
+            type: import("vue").PropType<"icon" | "underline">;
+            default: string;
+        };
+        selectedMatcher: {
+            type: import("vue").PropType<(rowId: unknown, selected: unknown) => boolean>;
+            default: (rowId: any, selectedItem: any) => boolean;
+        };
         isSelectionSticky: {
             type: import("vue").PropType<boolean>;
             default: boolean;
@@ -519,17 +855,20 @@ declare const DataGridTypes: () => (({
             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;
-        "onUpdate:selection"?: (selection: unknown[]) => any;
-        onSelectRow?: (value: boolean) => any;
         onClickRow?: (rowIndex: number) => any;
+        onSelectRow?: (value: boolean) => any;
     } & import("vue").ShallowUnwrapRef<{
         scrollTo: (index: number) => void;
     }> & {} & import("vue").ComponentCustomProperties & {};
@@ -573,14 +912,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;
@@ -589,10 +932,6 @@ declare const DataGridTypes: () => (({
         type: import("vue").PropType<boolean>;
         default: boolean;
     };
-    zIndexBase: {
-        type: import("vue").PropType<number>;
-        default: number;
-    };
     rows: {
         type: import("vue").PropType<import("../common/Table.types").Row[]>;
         required: true;
@@ -633,21 +972,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;
@@ -656,6 +984,14 @@ declare const DataGridTypes: () => (({
         type: import("vue").PropType<string>;
         default: string;
     };
+    helpTooltipVariant: {
+        type: import("vue").PropType<"icon" | "underline">;
+        default: string;
+    };
+    selectedMatcher: {
+        type: import("vue").PropType<(rowId: unknown, selected: unknown) => boolean>;
+        default: (rowId: any, selectedItem: any) => boolean;
+    };
     isSelectionSticky: {
         type: import("vue").PropType<boolean>;
         default: boolean;
@@ -664,17 +1000,20 @@ declare const DataGridTypes: () => (({
         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;
-    "onUpdate:selection"?: (selection: unknown[]) => any;
-    onSelectRow?: (value: boolean) => any;
     onClickRow?: (rowIndex: number) => any;
+    onSelectRow?: (value: boolean) => any;
 }, {
     scrollTo: (index: number) => void;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
@@ -697,11 +1036,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;
@@ -711,11 +1050,11 @@ 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";
+    selectedMatcher: (rowId: unknown, selected: unknown) => boolean;
     isSelectionSticky: boolean;
     isSelectionBordered: boolean;
 }, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
@@ -733,8 +1072,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;
@@ -748,101 +1087,9 @@ declare const DataGridTypes: () => (({
         }): any;
         "empty-state"?(_: {}): any;
         footer?(_: {}): any;
+        "side-panel"?(_: {}): any;
     };
-})) | 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: {};
@@ -852,23 +1099,23 @@ declare const DataGridTypes: () => (({
             isLoading: boolean;
             searchPlaceholder: string;
             count: number;
-            showSearch: boolean;
             loadingRowCount: number;
+            zIndexBase: number;
+            showSearch: boolean;
             emptyStateTitle: string;
             isSticky: boolean;
-            zIndexBase: number;
             emptyStateSubtitle: string;
-            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;
             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>;
@@ -890,14 +1137,18 @@ declare const DataGridTypes: () => (({
                 type: import("vue").PropType<number>;
                 default: number;
             };
-            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;
@@ -906,34 +1157,10 @@ declare const DataGridTypes: () => (({
                 type: import("vue").PropType<boolean>;
                 default: boolean;
             };
-            zIndexBase: {
-                type: import("vue").PropType<number>;
-                default: number;
-            };
             emptyStateSubtitle: {
                 type: import("vue").PropType<string>;
                 default: string;
             };
-            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;
-            };
             totalCount: {
                 type: import("vue").PropType<number>;
                 default: number;
@@ -960,6 +1187,26 @@ declare const DataGridTypes: () => (({
                 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;
@@ -968,7 +1215,7 @@ declare const DataGridTypes: () => (({
             }) => any;
             onOnClearSearch?: () => any;
             onClickRow?: (rowIndex: number, tableIndex: number) => any;
-        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "search" | "testId" | "isLoading" | "searchPlaceholder" | "count" | "showSearch" | "loadingRowCount" | "emptyStateTitle" | "isSticky" | "zIndexBase" | "emptyStateSubtitle" | "getRowId" | "getRowKey" | "emptyStateVariant" | "rowCustomClassKey" | "rowDataKey" | "totalCount" | "displayingText" | "outOfText" | "totalText" | "tablesSettings" | "loadingAndEmptyStatesColumns">;
+        } & 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;
         };
@@ -1005,14 +1252,18 @@ declare const DataGridTypes: () => (({
                 type: import("vue").PropType<number>;
                 default: number;
             };
-            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;
@@ -1021,34 +1272,10 @@ declare const DataGridTypes: () => (({
                 type: import("vue").PropType<boolean>;
                 default: boolean;
             };
-            zIndexBase: {
-                type: import("vue").PropType<number>;
-                default: number;
-            };
             emptyStateSubtitle: {
                 type: import("vue").PropType<string>;
                 default: string;
             };
-            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;
-            };
             totalCount: {
                 type: import("vue").PropType<number>;
                 default: number;
@@ -1075,6 +1302,26 @@ declare const DataGridTypes: () => (({
                 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;
@@ -1097,23 +1344,23 @@ declare const DataGridTypes: () => (({
             isLoading: boolean;
             searchPlaceholder: string;
             count: number;
-            showSearch: boolean;
             loadingRowCount: number;
+            zIndexBase: number;
+            showSearch: boolean;
             emptyStateTitle: string;
             isSticky: boolean;
-            zIndexBase: number;
             emptyStateSubtitle: string;
-            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;
             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)[];
@@ -1155,14 +1402,18 @@ declare const DataGridTypes: () => (({
             type: import("vue").PropType<number>;
             default: number;
         };
-        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;
@@ -1171,34 +1422,10 @@ declare const DataGridTypes: () => (({
             type: import("vue").PropType<boolean>;
             default: boolean;
         };
-        zIndexBase: {
-            type: import("vue").PropType<number>;
-            default: number;
-        };
         emptyStateSubtitle: {
             type: import("vue").PropType<string>;
             default: string;
         };
-        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;
-        };
         totalCount: {
             type: import("vue").PropType<number>;
             default: number;
@@ -1225,6 +1452,26 @@ declare const DataGridTypes: () => (({
             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;
@@ -1258,14 +1505,18 @@ declare const DataGridTypes: () => (({
         type: import("vue").PropType<number>;
         default: number;
     };
-    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;
@@ -1274,34 +1525,10 @@ declare const DataGridTypes: () => (({
         type: import("vue").PropType<boolean>;
         default: boolean;
     };
-    zIndexBase: {
-        type: import("vue").PropType<number>;
-        default: number;
-    };
     emptyStateSubtitle: {
         type: import("vue").PropType<string>;
         default: string;
     };
-    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;
-    };
     totalCount: {
         type: import("vue").PropType<number>;
         default: number;
@@ -1328,6 +1555,26 @@ declare const DataGridTypes: () => (({
         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;
@@ -1350,23 +1597,23 @@ declare const DataGridTypes: () => (({
     isLoading: boolean;
     searchPlaceholder: string;
     count: number;
-    showSearch: boolean;
     loadingRowCount: number;
+    zIndexBase: number;
+    showSearch: boolean;
     emptyStateTitle: string;
     isSticky: boolean;
-    zIndexBase: number;
     emptyStateSubtitle: string;
-    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;
     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> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
     $slots: Partial<Record<string, (_: {
         column: import("../common/Table.types").Column;
@@ -1381,6 +1628,7 @@ declare const DataGridTypes: () => (({
     }) => 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>;
@@ -1391,4 +1639,4 @@ declare const DataGridTypes: () => (({
     };
 })))[];
 export type { Column, Sort, MenuItem, TableSettings, } from '../common/Table.types';
-export { DataGrid, DataGridMenu, DataGridRowsCounter, DataGridTypes, MultipleDataGrid, };
+export { DataGrid, DataGridMenu, DataGridRowsCounter, DataGridTypes, MultipleDataGrid, DataGridHeader, };