@ironsource/shared-ui 2.1.7-test.1 → 2.1.7-test.10

package/components/table/v4/MultipleDataGrid.vue2.js

@@ -1,14 +1,15 @@
- import "../../../MultipleDataGrid.vue_vue_type_style_index_0_scoped_260b9cdc_lang.css"; import { defineComponent as T, useCssVars as V, computed as L, openBlock as l, createElementBlock as d, createElementVNode as f, normalizeClass as z, createBlock as c, unref as o, createCommentVNode as m, isRef as p, Fragment as E, renderList as g, createSlots as D, withCtx as N, renderSlot as O } from "vue";
-import S from "./DataGrid.vue.js";
+ import "../../../MultipleDataGrid.vue_vue_type_style_index_0_scoped_82ba0e12_lang.css"; import { defineComponent as A, useCssVars as D, useSlots as H, computed as O, openBlock as s, createElementBlock as r, createElementVNode as w, normalizeClass as G, unref as o, renderSlot as n, createBlock as C, createCommentVNode as f, createVNode as M, isRef as $, Fragment as P, renderList as y, createSlots as b, withCtx as u } from "vue";
+import v from "./DataGrid.vue.js";
 import "./DataGridMenu.vue.js";
-import G from "./DataGridRowsCounter.vue.js";
+import U from "./DataGridRowsCounter.vue.js";
 import "./MultipleDataGrid.vue.js";
-import M from "../../search/v4/SearchV4.vue.js";
-import { useVModel as P } from "@vueuse/core";
-const $ = { class: "rows-counter-container" }, A = {
+import F from "../../search/v4/SearchV4.vue.js";
+import { useVModel as Q } from "@vueuse/core";
+import { TableTestIdModifiers as h } from "../../../testids/index.js";
+const j = ["data-testid"], p = ["data-testid"], q = ["data-testid"], J = ["data-testid"], K = {
   key: 0,
   class: "tables-container"
-}, K = /* @__PURE__ */ T({
+}, ot = /* @__PURE__ */ A({
   __name: "MultipleDataGrid",
   props: {
     tablesSettings: { default: () => [] },
@@ -31,59 +32,92 @@ const $ = { class: "rows-counter-container" }, A = {
     testId: { default: "" }
   },
   emits: ["update:search", "onScroll", "onClearSearch", "clickRow"],
-  setup(t, { emit: n }) {
-    const u = t;
-    V((e) => ({
-      "6bca14de": t.zIndexBase
+  setup(t, { emit: c }) {
+    const g = t;
+    D((e) => ({
+      "5d3fa26e": t.zIndexBase
     }));
-    const h = L(
-      () => u.isLoading || !u.tablesSettings.flatMap((e) => e.rows).length
-    ), r = P(u, "search", n), y = (e) => `cell-${e.id}`, w = (e) => {
-      n("onScroll", e.target.scrollTop);
-    }, k = () => n("onClearSearch"), x = (e, s) => n("clickRow", e, s);
-    return (e, s) => (l(), d("div", {
+    const I = H(), T = O(
+      () => g.isLoading || !g.tablesSettings.flatMap((e) => e.rows).length
+    ), d = Q(g, "search", c), m = (e) => `header-${e.id}`, k = (e) => `cell-${e.id}`, x = (e) => {
+      c("onScroll", e.target.scrollTop);
+    }, R = () => c("onClearSearch"), E = (e, i) => c("clickRow", e, i);
+    return (e, i) => (s(), r("div", {
       class: "multi-table-container",
-      onScrollPassive: w
+      onScrollPassive: x
     }, [
-      f("div", {
-        class: z(["table-header-container", { sticky: t.isSticky }])
+      w("div", {
+        class: G(["table-header-container", { sticky: t.isSticky }]),
+        "data-testid": `${t.testId}-${o(h).HEADER}`
       }, [
-        f("div", $, [
-          t.isLoading ? m("", !0) : (l(), c(o(G), {
-            key: 0,
-            count: t.count,
-            "total-count": t.totalCount,
-            "total-text": t.totalText,
-            "displaying-text": t.displayingText,
-            "out-of-text": t.outOfText,
-            "data-testid": t.testId
-          }, null, 8, ["count", "total-count", "total-text", "displaying-text", "out-of-text", "data-testid"]))
-        ]),
-        t.showSearch ? (l(), c(o(M), {
-          key: 0,
-          modelValue: o(r),
-          "onUpdate:modelValue": s[0] || (s[0] = (a) => p(r) ? r.value = a : null),
-          placeholder: t.searchPlaceholder,
-          "test-id": t.testId,
-          onOnClear: k
-        }, null, 8, ["modelValue", "placeholder", "test-id"])) : m("", !0)
-      ], 2),
-      o(h) ? (l(), c(o(S), {
+        w("div", {
+          class: "rows-counter-container",
+          "data-testid": `${t.testId}-${o(h).TITLE}`
+        }, [
+          n(e.$slots, "title", {}, () => [
+            t.isLoading ? f("", !0) : (s(), C(o(U), {
+              key: 0,
+              count: t.count,
+              "total-count": t.totalCount,
+              "total-text": t.totalText,
+              "displaying-text": t.displayingText,
+              "out-of-text": t.outOfText,
+              "test-id": t.testId
+            }, null, 8, ["count", "total-count", "total-text", "displaying-text", "out-of-text", "test-id"]))
+          ], !0)
+        ], 8, p),
+        w("div", {
+          class: "table-header-right",
+          "data-testid": `${t.testId}-${o(h).HEADER_RIGHT}`
+        }, [
+          t.showSearch ? n(e.$slots, "search", { key: 0 }, () => [
+            M(o(F), {
+              modelValue: o(d),
+              "onUpdate:modelValue": i[0] || (i[0] = (a) => $(d) ? d.value = a : null),
+              placeholder: t.searchPlaceholder,
+              "test-id": t.testId,
+              onOnClear: R
+            }, null, 8, ["modelValue", "placeholder", "test-id"])
+          ], !0) : f("", !0),
+          o(I)["table-header-actions"] ? (s(), r("div", {
+            key: 1,
+            class: "table-header-actions",
+            "data-testid": `${t.testId}-${o(h).ACTIONS}`
+          }, [
+            n(e.$slots, "table-header-actions", {}, void 0, !0)
+          ], 8, J)) : f("", !0)
+        ], 8, q)
+      ], 10, j),
+      o(T) ? (s(), C(o(v), {
         key: 1,
-        "is-loading": t.isLoading,
-        columns: t.loadingAndEmptyStatesColumns,
+        search: o(d),
+        "onUpdate:search": i[1] || (i[1] = (a) => $(d) ? d.value = a : null),
         rows: [],
-        "test-id": t.testId,
+        columns: t.loadingAndEmptyStatesColumns,
+        "is-loading": t.isLoading,
+        "loading-row-count": t.loadingRowCount,
         "empty-state-variant": t.emptyStateVariant,
         "empty-state-title": t.emptyStateTitle,
         "empty-state-subtitle": t.emptyStateSubtitle,
-        "loading-row-count": t.loadingRowCount
-      }, null, 8, ["is-loading", "columns", "test-id", "empty-state-variant", "empty-state-title", "empty-state-subtitle", "loading-row-count"])) : (l(), d("div", A, [
-        (l(!0), d(E, null, g(t.tablesSettings, (a, C) => (l(), d("div", {
+        "test-id": t.testId
+      }, b({
+        "empty-state": u(() => [
+          n(e.$slots, "empty-state", {}, void 0, !0)
+        ]),
+        _: 2
+      }, [
+        y(t.loadingAndEmptyStatesColumns, (a) => ({
+          name: m(a),
+          fn: u(() => [
+            n(e.$slots, `${m(a)}`, { column: a }, void 0, !0)
+          ])
+        }))
+      ]), 1032, ["search", "columns", "is-loading", "loading-row-count", "empty-state-variant", "empty-state-title", "empty-state-subtitle", "test-id"])) : (s(), r("div", K, [
+        (s(!0), r(P, null, y(t.tablesSettings, (a, V) => (s(), r("div", {
           key: a.testId,
           class: "table-wrapper"
         }, [
-          a.rows.length ? (l(), c(o(S), {
+          a.rows.length ? (s(), C(o(v), {
             key: 0,
             sections: a.sections,
             columns: a.columns,
@@ -92,32 +126,46 @@ const $ = { class: "rows-counter-container" }, A = {
             "is-sticky": t.isSticky,
             "z-index-base": t.zIndexBase,
             "test-id": a.testId,
-            onClickRow: (i) => x(i, C)
-          }, D({ _: 2 }, [
-            g(a.columns, (i) => ({
-              name: y(i),
-              fn: N(({
-                cell: b,
-                rowIndex: v,
-                isLoading: B,
-                cellIndex: I,
-                row: R
+            onClickRow: (l) => E(l, V)
+          }, b({
+            "floating-row": u(({ row: l, rowIndex: S }) => [
+              n(e.$slots, "floating-row", {
+                row: l,
+                rowIndex: S
+              }, void 0, !0)
+            ]),
+            _: 2
+          }, [
+            y(a.columns, (l) => ({
+              name: m(l),
+              fn: u(() => [
+                n(e.$slots, `${m(l)}`, { column: l }, void 0, !0)
+              ])
+            })),
+            y(a.columns, (l) => ({
+              name: k(l),
+              fn: u(({
+                cell: S,
+                rowIndex: B,
+                isLoading: L,
+                cellIndex: N,
+                row: z
               }) => [
-                O(e.$slots, `${y(i)}`, {
-                  cell: b,
-                  isLoading: B,
-                  cellIndex: I,
-                  row: R,
-                  rowIndex: v
+                n(e.$slots, `${k(l)}`, {
+                  cell: S,
+                  isLoading: L,
+                  cellIndex: N,
+                  row: z,
+                  rowIndex: B
                 }, void 0, !0)
               ])
             }))
-          ]), 1032, ["sections", "columns", "rows", "row-height", "is-sticky", "z-index-base", "test-id", "onClickRow"])) : m("", !0)
+          ]), 1032, ["sections", "columns", "rows", "row-height", "is-sticky", "z-index-base", "test-id", "onClickRow"])) : f("", !0)
         ]))), 128))
       ]))
     ], 32));
   }
 });
 export {
-  K as default
+  ot as default
 };

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

@@ -16,15 +16,15 @@ declare const DataGridTypes: () => (({
             searchPlaceholder: string;
             selection: unknown[];
             showSearch: boolean;
+            loadingRowCount: number;
+            emptyStateTitle: string;
             isSticky: boolean;
             sections: import("../common/Table.types").Section[];
             isStickyHeader: boolean;
-            emptyStateTitle: string;
             emptyStateSubtitle: string;
             isInfiniteScroll: boolean;
             infiniteScrollThreshold: number;
             rowHeight: number | ((index: number) => number);
-            loadingRowCount: number;
             defaultScrollPosition: number;
             getRowId: (row: import("../common/Table.types").Row, index: number) => unknown;
             selectedMatcher: (rowId: unknown, selected: unknown) => boolean;
@@ -71,6 +71,14 @@ declare const DataGridTypes: () => (({
                 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;
@@ -87,10 +95,6 @@ declare const DataGridTypes: () => (({
                 type: import("vue").PropType<boolean>;
                 default: boolean;
             };
-            emptyStateTitle: {
-                type: import("vue").PropType<string>;
-                default: string;
-            };
             emptyStateSubtitle: {
                 type: import("vue").PropType<string>;
                 default: string;
@@ -107,10 +111,6 @@ declare const DataGridTypes: () => (({
                 type: import("vue").PropType<number | ((index: number) => number)>;
                 default: number;
             };
-            loadingRowCount: {
-                type: import("vue").PropType<number>;
-                default: number;
-            };
             defaultScrollPosition: {
                 type: import("vue").PropType<number>;
                 default: any;
@@ -147,7 +147,7 @@ declare const DataGridTypes: () => (({
             "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" | "isSticky" | "sections" | "isStickyHeader" | "emptyStateTitle" | "emptyStateSubtitle" | "isInfiniteScroll" | "infiniteScrollThreshold" | "rowHeight" | "loadingRowCount" | "defaultScrollPosition" | "getRowId" | "selectedMatcher" | "emptyStateVariant" | "zIndexBase">;
+        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "sort" | "title" | "search" | "testId" | "isLoading" | "searchAutoFocus" | "searchPlaceholder" | "selection" | "showSearch" | "loadingRowCount" | "emptyStateTitle" | "isSticky" | "sections" | "isStickyHeader" | "emptyStateSubtitle" | "isInfiniteScroll" | "infiniteScrollThreshold" | "rowHeight" | "defaultScrollPosition" | "getRowId" | "selectedMatcher" | "emptyStateVariant" | "zIndexBase">;
         $attrs: {
             [x: string]: unknown;
         };
@@ -207,6 +207,14 @@ declare const DataGridTypes: () => (({
                 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;
@@ -223,10 +231,6 @@ declare const DataGridTypes: () => (({
                 type: import("vue").PropType<boolean>;
                 default: boolean;
             };
-            emptyStateTitle: {
-                type: import("vue").PropType<string>;
-                default: string;
-            };
             emptyStateSubtitle: {
                 type: import("vue").PropType<string>;
                 default: string;
@@ -243,10 +247,6 @@ declare const DataGridTypes: () => (({
                 type: import("vue").PropType<number | ((index: number) => number)>;
                 default: number;
             };
-            loadingRowCount: {
-                type: import("vue").PropType<number>;
-                default: number;
-            };
             defaultScrollPosition: {
                 type: import("vue").PropType<number>;
                 default: any;
@@ -311,15 +311,15 @@ declare const DataGridTypes: () => (({
             searchPlaceholder: string;
             selection: unknown[];
             showSearch: boolean;
+            loadingRowCount: number;
+            emptyStateTitle: string;
             isSticky: boolean;
             sections: import("../common/Table.types").Section[];
             isStickyHeader: boolean;
-            emptyStateTitle: string;
             emptyStateSubtitle: string;
             isInfiniteScroll: boolean;
             infiniteScrollThreshold: number;
             rowHeight: number | ((index: number) => number);
-            loadingRowCount: number;
             defaultScrollPosition: number;
             getRowId: (row: import("../common/Table.types").Row, index: number) => unknown;
             selectedMatcher: (rowId: unknown, selected: unknown) => boolean;
@@ -386,6 +386,14 @@ declare const DataGridTypes: () => (({
             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;
@@ -402,10 +410,6 @@ declare const DataGridTypes: () => (({
             type: import("vue").PropType<boolean>;
             default: boolean;
         };
-        emptyStateTitle: {
-            type: import("vue").PropType<string>;
-            default: string;
-        };
         emptyStateSubtitle: {
             type: import("vue").PropType<string>;
             default: string;
@@ -422,10 +426,6 @@ declare const DataGridTypes: () => (({
             type: import("vue").PropType<number | ((index: number) => number)>;
             default: number;
         };
-        loadingRowCount: {
-            type: import("vue").PropType<number>;
-            default: number;
-        };
         defaultScrollPosition: {
             type: import("vue").PropType<number>;
             default: any;
@@ -509,6 +509,14 @@ declare const DataGridTypes: () => (({
         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;
@@ -525,10 +533,6 @@ declare const DataGridTypes: () => (({
         type: import("vue").PropType<boolean>;
         default: boolean;
     };
-    emptyStateTitle: {
-        type: import("vue").PropType<string>;
-        default: string;
-    };
     emptyStateSubtitle: {
         type: import("vue").PropType<string>;
         default: string;
@@ -545,10 +549,6 @@ declare const DataGridTypes: () => (({
         type: import("vue").PropType<number | ((index: number) => number)>;
         default: number;
     };
-    loadingRowCount: {
-        type: import("vue").PropType<number>;
-        default: number;
-    };
     defaultScrollPosition: {
         type: import("vue").PropType<number>;
         default: any;
@@ -613,15 +613,15 @@ declare const DataGridTypes: () => (({
     searchPlaceholder: string;
     selection: unknown[];
     showSearch: boolean;
+    loadingRowCount: number;
+    emptyStateTitle: string;
     isSticky: boolean;
     sections: import("../common/Table.types").Section[];
     isStickyHeader: boolean;
-    emptyStateTitle: string;
     emptyStateSubtitle: string;
     isInfiniteScroll: boolean;
     infiniteScrollThreshold: number;
     rowHeight: number | ((index: number) => number);
-    loadingRowCount: number;
     defaultScrollPosition: number;
     getRowId: (row: import("../common/Table.types").Row, index: number) => unknown;
     selectedMatcher: (rowId: unknown, selected: unknown) => boolean;
@@ -646,6 +646,10 @@ declare const DataGridTypes: () => (({
             row: import("@vueuse/core").UseVirtualListItem<import("../common/Table.types").Row>;
             gridColumnTemplate: any;
         }): any;
+        "floating-row"?(_: {
+            row: import("@vueuse/core").UseVirtualListItem<import("../common/Table.types").Row>;
+            rowIndex: number;
+        }): any;
         "empty-state"?(_: {}): any;
         footer?(_: {}): any;
     };
@@ -686,6 +690,10 @@ declare const DataGridTypes: () => (({
     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;
@@ -707,6 +715,10 @@ declare const DataGridTypes: () => (({
         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;
@@ -728,6 +740,7 @@ declare const DataGridTypes: () => (({
         default: string;
     };
 }>>, {
+    testId: string;
     count: number;
     totalCount: number;
     displayingText: string;
@@ -744,10 +757,10 @@ declare const DataGridTypes: () => (({
             searchPlaceholder: string;
             count: number;
             showSearch: boolean;
-            isSticky: boolean;
+            loadingRowCount: number;
             emptyStateTitle: string;
+            isSticky: boolean;
             emptyStateSubtitle: string;
-            loadingRowCount: number;
             emptyStateVariant: "error" | "no-access" | "no-results" | "no-data" | "files" | "settings";
             zIndexBase: number;
             totalCount: number;
@@ -781,22 +794,22 @@ declare const DataGridTypes: () => (({
                 type: import("vue").PropType<boolean>;
                 default: boolean;
             };
-            isSticky: {
-                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;
+            };
             emptyStateSubtitle: {
                 type: import("vue").PropType<string>;
                 default: string;
             };
-            loadingRowCount: {
-                type: import("vue").PropType<number>;
-                default: number;
-            };
             emptyStateVariant: {
                 type: import("vue").PropType<"error" | "no-access" | "no-results" | "no-data" | "files" | "settings">;
                 default: any;
@@ -836,7 +849,7 @@ declare const DataGridTypes: () => (({
             onOnScroll?: (scrollTop: number) => any;
             onOnClearSearch?: () => any;
             onClickRow?: (rowIndex: number, tableIndex: number) => any;
-        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "search" | "testId" | "isLoading" | "searchPlaceholder" | "count" | "showSearch" | "isSticky" | "emptyStateTitle" | "emptyStateSubtitle" | "loadingRowCount" | "emptyStateVariant" | "zIndexBase" | "totalCount" | "displayingText" | "outOfText" | "totalText" | "tablesSettings" | "loadingAndEmptyStatesColumns">;
+        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "search" | "testId" | "isLoading" | "searchPlaceholder" | "count" | "showSearch" | "loadingRowCount" | "emptyStateTitle" | "isSticky" | "emptyStateSubtitle" | "emptyStateVariant" | "zIndexBase" | "totalCount" | "displayingText" | "outOfText" | "totalText" | "tablesSettings" | "loadingAndEmptyStatesColumns">;
         $attrs: {
             [x: string]: unknown;
         };
@@ -875,22 +888,22 @@ declare const DataGridTypes: () => (({
                 type: import("vue").PropType<boolean>;
                 default: boolean;
             };
-            isSticky: {
-                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;
+            };
             emptyStateSubtitle: {
                 type: import("vue").PropType<string>;
                 default: string;
             };
-            loadingRowCount: {
-                type: import("vue").PropType<number>;
-                default: number;
-            };
             emptyStateVariant: {
                 type: import("vue").PropType<"error" | "no-access" | "no-results" | "no-data" | "files" | "settings">;
                 default: any;
@@ -942,10 +955,10 @@ declare const DataGridTypes: () => (({
             searchPlaceholder: string;
             count: number;
             showSearch: boolean;
-            isSticky: boolean;
+            loadingRowCount: number;
             emptyStateTitle: string;
+            isSticky: boolean;
             emptyStateSubtitle: string;
-            loadingRowCount: number;
             emptyStateVariant: "error" | "no-access" | "no-results" | "no-data" | "files" | "settings";
             zIndexBase: number;
             totalCount: number;
@@ -999,22 +1012,22 @@ declare const DataGridTypes: () => (({
             type: import("vue").PropType<boolean>;
             default: boolean;
         };
-        isSticky: {
-            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;
+        };
         emptyStateSubtitle: {
             type: import("vue").PropType<string>;
             default: string;
         };
-        loadingRowCount: {
-            type: import("vue").PropType<number>;
-            default: number;
-        };
         emptyStateVariant: {
             type: import("vue").PropType<"error" | "no-access" | "no-results" | "no-data" | "files" | "settings">;
             default: any;
@@ -1083,22 +1096,22 @@ declare const DataGridTypes: () => (({
         type: import("vue").PropType<boolean>;
         default: boolean;
     };
-    isSticky: {
-        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;
+    };
     emptyStateSubtitle: {
         type: import("vue").PropType<string>;
         default: string;
     };
-    loadingRowCount: {
-        type: import("vue").PropType<number>;
-        default: number;
-    };
     emptyStateVariant: {
         type: import("vue").PropType<"error" | "no-access" | "no-results" | "no-data" | "files" | "settings">;
         default: any;
@@ -1150,10 +1163,10 @@ declare const DataGridTypes: () => (({
     searchPlaceholder: string;
     count: number;
     showSearch: boolean;
-    isSticky: boolean;
+    loadingRowCount: number;
     emptyStateTitle: string;
+    isSticky: boolean;
     emptyStateSubtitle: string;
-    loadingRowCount: number;
     emptyStateVariant: "error" | "no-access" | "no-results" | "no-data" | "files" | "settings";
     zIndexBase: number;
     totalCount: number;
@@ -1164,12 +1177,25 @@ declare const DataGridTypes: () => (({
     loadingAndEmptyStatesColumns: import("../common/Table.types").Column[];
 }, {}, 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>>;
+    }) => any>> & Partial<Record<string, (_: {
+        column: import("../common/Table.types").Column;
+    }) => any>> & {
+        title?(_: {}): any;
+        search?(_: {}): any;
+        "table-header-actions"?(_: {}): any;
+        "floating-row"?(_: {
+            row: import("@vueuse/core").UseVirtualListItem<import("../common/Table.types").Row>;
+            rowIndex: number;
+        }): any;
+        "empty-state"?(_: {}): any;
+    };
 })))[];
 export type { Column, Sort, MenuItem, TableSettings, } from '../common/Table.types';
 export { DataGrid, DataGridMenu, DataGridRowsCounter, DataGridTypes, MultipleDataGrid, };