@ironsource/shared-ui 2.1.9-test.0 → 2.1.9-test.2

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

@@ -1,19 +1,21 @@
- import "../../../MultipleDataGrid.vue_vue_type_style_index_0_scoped_cfedf78b_lang.css"; import { defineComponent as D, useCssVars as H, useSlots as O, computed as G, openBlock as n, createElementBlock as u, createElementVNode as v, normalizeClass as M, unref as s, renderSlot as d, createBlock as C, createCommentVNode as y, createVNode as P, isRef as $, Fragment as U, renderList as h, createSlots as b, withCtx as c } from "vue";
-import I from "./DataGrid.vue.js";
+ import "../../../MultipleDataGrid.vue_vue_type_style_index_0_scoped_020a9896_lang.css"; import { defineComponent as A, useCssVars as K, useSlots as H, computed as O, openBlock as d, createElementBlock as c, createElementVNode as k, normalizeClass as G, unref as s, renderSlot as i, createBlock as C, createCommentVNode as m, createVNode as M, isRef as R, Fragment as F, renderList as f, createSlots as $, withCtx as y } from "vue";
+import b from "./DataGrid.vue.js";
 import "./DataGridMenu.vue.js";
-import F from "./DataGridRowsCounter.vue.js";
+import P from "./DataGridRowsCounter.vue.js";
 import "./MultipleDataGrid.vue.js";
-import Q from "../../search/v4/SearchV4.vue.js";
-import { useVModel as j } from "@vueuse/core";
-import { TableTestIdModifiers as S } from "../../../testids/index.js";
-const p = ["data-testid"], q = ["data-testid"], J = ["data-testid"], K = ["data-testid"], W = {
+import U from "../../search/v4/SearchV4.vue.js";
+import { useVModel as Q } from "@vueuse/core";
+import { TableTestIdModifiers as g } from "../../../testids/index.js";
+const j = ["data-testid"], q = ["data-testid"], J = ["data-testid"], W = ["data-testid"], X = {
   key: 0,
   class: "tables-container"
-}, st = /* @__PURE__ */ D({
+}, st = /* @__PURE__ */ A({
   __name: "MultipleDataGrid",
   props: {
     tablesSettings: { default: () => [] },
     loadingAndEmptyStatesColumns: { default: () => [] },
+    getRowId: { type: Function, default: (t, l) => l },
+    getRowKey: { type: Function, default: (t, l) => l },
     isSticky: { type: Boolean, default: !0 },
     isLoading: { type: Boolean, default: !1 },
     emptyStateVariant: { default: null },
@@ -29,33 +31,35 @@ const p = ["data-testid"], q = ["data-testid"], J = ["data-testid"], K = ["data-
     displayingText: { default: "Displaying" },
     outOfText: { default: "out of" },
     totalText: { default: "total rows" },
+    rowCustomClassKey: { default: "" },
+    rowDataKey: { default: "" },
     testId: { default: "" }
   },
   emits: ["update:search", "onScroll", "onClearSearch", "clickRow", "saveRow"],
-  setup(t, { emit: r }) {
-    const g = t;
-    H((e) => ({
-      "6083f45c": t.zIndexBase
+  setup(t, { emit: l }) {
+    const h = t;
+    K((e) => ({
+      "81d1b864": t.zIndexBase
     }));
-    const R = O(), T = G(
-      () => g.isLoading || !g.tablesSettings.flatMap((e) => e.rows).length
-    ), i = j(g, "search", r), m = (e) => `header-${e.id}`, k = (e) => `cell-${e.id}`, x = (e) => {
-      r("onScroll", e.target.scrollTop);
-    }, E = () => r("onClearSearch"), V = (e, l) => r("clickRow", e, l), B = ({ value: e, rowIndex: l, cellIndex: a, confirm: f }, o) => r("saveRow", { value: e, tableIndex: o, rowIndex: l, cellIndex: a, confirm: f });
-    return (e, l) => (n(), u("div", {
+    const I = H(), T = O(
+      () => h.isLoading || !h.tablesSettings.flatMap((e) => e.rows).length
+    ), r = Q(h, "search", l), w = (e) => `header-${e.id}`, v = (e) => `cell-${e.id}`, x = (e) => {
+      l("onScroll", e.target.scrollTop);
+    }, E = () => l("onClearSearch"), V = (e, n) => l("clickRow", e, n), B = ({ value: e, rowIndex: n, cellIndex: a, confirm: u }, o) => l("saveRow", { value: e, tableIndex: o, rowIndex: n, cellIndex: a, confirm: u });
+    return (e, n) => (d(), c("div", {
       class: "multi-table-container",
       onScrollPassive: x
     }, [
-      v("div", {
-        class: M(["table-header-container", { sticky: t.isSticky }]),
-        "data-testid": `${t.testId}-${s(S).HEADER}`
+      k("div", {
+        class: G(["table-header-container", { sticky: t.isSticky }]),
+        "data-testid": `${t.testId}-${s(g).HEADER}`
       }, [
-        v("div", {
+        k("div", {
           class: "rows-counter-container",
-          "data-testid": `${t.testId}-${s(S).TITLE}`
+          "data-testid": `${t.testId}-${s(g).TITLE}`
         }, [
-          d(e.$slots, "title", {}, () => [
-            t.isLoading ? y("", !0) : (n(), C(s(F), {
+          i(e.$slots, "title", {}, () => [
+            t.isLoading ? m("", !0) : (d(), C(s(P), {
               key: 0,
               count: t.count,
               "total-count": t.totalCount,
@@ -66,32 +70,32 @@ const p = ["data-testid"], q = ["data-testid"], J = ["data-testid"], K = ["data-
             }, null, 8, ["count", "total-count", "total-text", "displaying-text", "out-of-text", "test-id"]))
           ], !0)
         ], 8, q),
-        v("div", {
+        k("div", {
           class: "table-header-right",
-          "data-testid": `${t.testId}-${s(S).HEADER_RIGHT}`
+          "data-testid": `${t.testId}-${s(g).HEADER_RIGHT}`
         }, [
-          t.showSearch ? d(e.$slots, "search", { key: 0 }, () => [
-            P(s(Q), {
-              modelValue: s(i),
-              "onUpdate:modelValue": l[0] || (l[0] = (a) => $(i) ? i.value = a : null),
+          t.showSearch ? i(e.$slots, "search", { key: 0 }, () => [
+            M(s(U), {
+              modelValue: s(r),
+              "onUpdate:modelValue": n[0] || (n[0] = (a) => R(r) ? r.value = a : null),
               placeholder: t.searchPlaceholder,
               "test-id": t.testId,
               onOnClear: E
             }, null, 8, ["modelValue", "placeholder", "test-id"])
-          ], !0) : y("", !0),
-          s(R)["table-header-actions"] ? (n(), u("div", {
+          ], !0) : m("", !0),
+          s(I)["table-header-actions"] ? (d(), c("div", {
             key: 1,
             class: "table-header-actions",
-            "data-testid": `${t.testId}-${s(S).ACTIONS}`
+            "data-testid": `${t.testId}-${s(g).ACTIONS}`
           }, [
-            d(e.$slots, "table-header-actions", {}, void 0, !0)
-          ], 8, K)) : y("", !0)
+            i(e.$slots, "table-header-actions", {}, void 0, !0)
+          ], 8, W)) : m("", !0)
         ], 8, J)
-      ], 10, p),
-      s(T) ? (n(), C(s(I), {
+      ], 10, j),
+      s(T) ? (d(), C(s(b), {
         key: 1,
-        search: s(i),
-        "onUpdate:search": l[1] || (l[1] = (a) => $(i) ? i.value = a : null),
+        search: s(r),
+        "onUpdate:search": n[1] || (n[1] = (a) => R(r) ? r.value = a : null),
         rows: [],
         columns: t.loadingAndEmptyStatesColumns,
         "is-loading": t.isLoading,
@@ -100,24 +104,24 @@ const p = ["data-testid"], q = ["data-testid"], J = ["data-testid"], K = ["data-
         "empty-state-title": t.emptyStateTitle,
         "empty-state-subtitle": t.emptyStateSubtitle,
         "test-id": t.testId
-      }, b({
-        "empty-state": c(() => [
-          d(e.$slots, "empty-state", {}, void 0, !0)
+      }, $({
+        "empty-state": y(() => [
+          i(e.$slots, "empty-state", {}, void 0, !0)
         ]),
         _: 2
       }, [
-        h(t.loadingAndEmptyStatesColumns, (a) => ({
-          name: m(a),
-          fn: c(() => [
-            d(e.$slots, `${m(a)}`, { column: a }, void 0, !0)
+        f(t.loadingAndEmptyStatesColumns, (a) => ({
+          name: w(a),
+          fn: y(() => [
+            i(e.$slots, `${w(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"])) : (n(), u("div", W, [
-        (n(!0), u(U, null, h(t.tablesSettings, (a, f) => (n(), u("div", {
+      ]), 1032, ["search", "columns", "is-loading", "loading-row-count", "empty-state-variant", "empty-state-title", "empty-state-subtitle", "test-id"])) : (d(), c("div", X, [
+        (d(!0), c(F, null, f(t.tablesSettings, (a, u) => (d(), c("div", {
           key: a.testId,
           class: "table-wrapper"
         }, [
-          a.rows.length ? (n(), C(s(I), {
+          a.rows.length ? (d(), C(s(b), {
             key: 0,
             sections: a.sections,
             columns: a.columns,
@@ -125,43 +129,48 @@ const p = ["data-testid"], q = ["data-testid"], J = ["data-testid"], K = ["data-
             "row-height": a.rowHeight,
             "is-sticky": t.isSticky,
             "z-index-base": t.zIndexBase,
+            "get-row-id": t.getRowId,
+            "get-row-key": t.getRowKey,
+            "row-custom-class-key": t.rowCustomClassKey,
+            "row-data-key": t.rowDataKey,
             "test-id": a.testId,
-            onClickRow: (o) => V(o, f),
-            onSaveRow: (o) => B(o, f)
-          }, b({
-            "floating-row": c(({ row: o, rowIndex: w }) => [
-              d(e.$slots, "floating-row", {
+            onClickRow: (o) => V(o, u),
+            onSaveRow: (o) => B(o, u)
+          }, $({
+            "floating-row": y(({ row: o, rowIndex: S }) => [
+              i(e.$slots, "floating-row", {
                 row: o,
-                rowIndex: w
+                rowIndex: S,
+                tableIndex: u
               }, void 0, !0)
             ]),
             _: 2
           }, [
-            h(a.columns, (o) => ({
-              name: m(o),
-              fn: c(() => [
-                d(e.$slots, `${m(o)}`, { column: o }, void 0, !0)
+            f(a.columns, (o) => ({
+              name: w(o),
+              fn: y(() => [
+                i(e.$slots, `${w(o)}`, { column: o }, void 0, !0)
               ])
             })),
-            h(a.columns, (o) => ({
-              name: k(o),
-              fn: c(({
-                cell: w,
+            f(a.columns, (o) => ({
+              name: v(o),
+              fn: y(({
+                cell: S,
                 rowIndex: L,
-                isLoading: N,
-                cellIndex: z,
-                row: A
+                isLoading: D,
+                cellIndex: N,
+                row: z
               }) => [
-                d(e.$slots, `${k(o)}`, {
-                  cell: w,
-                  isLoading: N,
-                  cellIndex: z,
-                  row: A,
+                i(e.$slots, `${v(o)}`, {
+                  cell: S,
+                  isLoading: D,
+                  cellIndex: N,
+                  row: z,
                   rowIndex: L
                 }, void 0, !0)
               ])
             }))
-          ]), 1032, ["sections", "columns", "rows", "row-height", "is-sticky", "z-index-base", "test-id", "onClickRow", "onSaveRow"])) : y("", !0)
+          ]), 1032, ["sections", "columns", "rows", "row-height", "is-sticky", "z-index-base", "get-row-id", "get-row-key", "row-custom-class-key", "row-data-key", "test-id", "onClickRow", "onSaveRow"])) : m("", !0)
         ]))), 128))
       ]))
     ], 32));

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

@@ -27,6 +27,7 @@ declare const DataGridTypes: () => (({
             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" | "no-access" | "no-results" | "no-data" | "files" | "settings";
             zIndexBase: number;
@@ -121,6 +122,10 @@ declare const DataGridTypes: () => (({
                 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;
@@ -152,7 +157,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" | "loadingRowCount" | "emptyStateTitle" | "isSticky" | "sections" | "isStickyHeader" | "emptyStateSubtitle" | "isInfiniteScroll" | "infiniteScrollThreshold" | "rowHeight" | "defaultScrollPosition" | "getRowId" | "selectedMatcher" | "emptyStateVariant" | "zIndexBase" | "rowCustomClassKey" | "rowDataKey">;
+        } & 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" | "getRowKey" | "selectedMatcher" | "emptyStateVariant" | "zIndexBase" | "rowCustomClassKey" | "rowDataKey">;
         $attrs: {
             [x: string]: unknown;
         };
@@ -255,6 +260,10 @@ declare const DataGridTypes: () => (({
                 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;
@@ -320,6 +329,7 @@ declare const DataGridTypes: () => (({
             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" | "no-access" | "no-results" | "no-data" | "files" | "settings";
             zIndexBase: number;
@@ -434,6 +444,10 @@ declare const DataGridTypes: () => (({
             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;
@@ -560,6 +574,10 @@ declare const DataGridTypes: () => (({
         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;
@@ -625,6 +643,7 @@ declare const DataGridTypes: () => (({
     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" | "no-access" | "no-results" | "no-data" | "files" | "settings";
     zIndexBase: number;
@@ -764,8 +783,12 @@ declare const DataGridTypes: () => (({
             emptyStateTitle: string;
             isSticky: boolean;
             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" | "no-access" | "no-results" | "no-data" | "files" | "settings";
             zIndexBase: number;
+            rowCustomClassKey: string;
+            rowDataKey: string;
             totalCount: number;
             displayingText: string;
             outOfText: string;
@@ -813,6 +836,14 @@ declare const DataGridTypes: () => (({
                 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" | "no-access" | "no-results" | "no-data" | "files" | "settings">;
                 default: any;
@@ -821,6 +852,14 @@ declare const DataGridTypes: () => (({
                 type: import("vue").PropType<number>;
                 default: number;
             };
+            rowCustomClassKey: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
+            rowDataKey: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
             totalCount: {
                 type: import("vue").PropType<number>;
                 default: number;
@@ -855,7 +894,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" | "emptyStateSubtitle" | "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" | "getRowId" | "getRowKey" | "emptyStateVariant" | "zIndexBase" | "rowCustomClassKey" | "rowDataKey" | "totalCount" | "displayingText" | "outOfText" | "totalText" | "tablesSettings" | "loadingAndEmptyStatesColumns">;
         $attrs: {
             [x: string]: unknown;
         };
@@ -912,6 +951,14 @@ declare const DataGridTypes: () => (({
                 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" | "no-access" | "no-results" | "no-data" | "files" | "settings">;
                 default: any;
@@ -920,6 +967,14 @@ declare const DataGridTypes: () => (({
                 type: import("vue").PropType<number>;
                 default: number;
             };
+            rowCustomClassKey: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
+            rowDataKey: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
             totalCount: {
                 type: import("vue").PropType<number>;
                 default: number;
@@ -973,8 +1028,12 @@ declare const DataGridTypes: () => (({
             emptyStateTitle: string;
             isSticky: boolean;
             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" | "no-access" | "no-results" | "no-data" | "files" | "settings";
             zIndexBase: number;
+            rowCustomClassKey: string;
+            rowDataKey: string;
             totalCount: number;
             displayingText: string;
             outOfText: string;
@@ -1042,6 +1101,14 @@ declare const DataGridTypes: () => (({
             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" | "no-access" | "no-results" | "no-data" | "files" | "settings">;
             default: any;
@@ -1050,6 +1117,14 @@ declare const DataGridTypes: () => (({
             type: import("vue").PropType<number>;
             default: number;
         };
+        rowCustomClassKey: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
+        rowDataKey: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
         totalCount: {
             type: import("vue").PropType<number>;
             default: number;
@@ -1129,6 +1204,14 @@ declare const DataGridTypes: () => (({
         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" | "no-access" | "no-results" | "no-data" | "files" | "settings">;
         default: any;
@@ -1137,6 +1220,14 @@ declare const DataGridTypes: () => (({
         type: import("vue").PropType<number>;
         default: number;
     };
+    rowCustomClassKey: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    rowDataKey: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
     totalCount: {
         type: import("vue").PropType<number>;
         default: number;
@@ -1190,8 +1281,12 @@ declare const DataGridTypes: () => (({
     emptyStateTitle: string;
     isSticky: boolean;
     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" | "no-access" | "no-results" | "no-data" | "files" | "settings";
     zIndexBase: number;
+    rowCustomClassKey: string;
+    rowDataKey: string;
     totalCount: number;
     displayingText: string;
     outOfText: string;
@@ -1216,6 +1311,7 @@ declare const DataGridTypes: () => (({
         "floating-row"?(_: {
             row: import("@vueuse/core").UseVirtualListItem<import("../common/Table.types").Row>;
             rowIndex: number;
+            tableIndex: number;
         }): any;
         "empty-state"?(_: {}): any;
     };

package/components/textArea/v4/TextAreaV4.vue.d.ts

@@ -75,10 +75,10 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     height: string;
     resize: 'none' | 'vertical' | 'horizontal' | 'both';
     mandatory: boolean;
+    modelValue: string;
     hoverHelpText: string;
     hoverHelpTextPlacement: TooltipPositions;
     maxLength: number;
-    modelValue: string;
     placeholder: string;
     maxLengthCounterPosition: MaxLengthCounterPositions;
     feedbackText: string;

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

@@ -23,6 +23,10 @@ declare const TextAreaTypes: () => import("vue").DefineComponent<{
         type: import("vue").PropType<boolean>;
         default: boolean;
     };
+    modelValue: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
     hoverHelpText: {
         type: import("vue").PropType<string>;
         default: string;
@@ -35,10 +39,6 @@ declare const TextAreaTypes: () => import("vue").DefineComponent<{
         type: import("vue").PropType<number>;
         default: any;
     };
-    modelValue: {
-        type: import("vue").PropType<string>;
-        default: string;
-    };
     placeholder: {
         type: import("vue").PropType<string>;
         default: string;
@@ -86,6 +86,10 @@ declare const TextAreaTypes: () => import("vue").DefineComponent<{
         type: import("vue").PropType<boolean>;
         default: boolean;
     };
+    modelValue: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
     hoverHelpText: {
         type: import("vue").PropType<string>;
         default: string;
@@ -98,10 +102,6 @@ declare const TextAreaTypes: () => import("vue").DefineComponent<{
         type: import("vue").PropType<number>;
         default: any;
     };
-    modelValue: {
-        type: import("vue").PropType<string>;
-        default: string;
-    };
     placeholder: {
         type: import("vue").PropType<string>;
         default: string;
@@ -131,10 +131,10 @@ declare const TextAreaTypes: () => import("vue").DefineComponent<{
     height: string;
     resize: "both" | "none" | "horizontal" | "vertical";
     mandatory: boolean;
+    modelValue: string;
     hoverHelpText: string;
     hoverHelpTextPlacement: "top" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end";
     maxLength: number;
-    modelValue: string;
     placeholder: string;
     maxLengthCounterPosition: "inside" | "outside";
     feedbackText: string;

package/components/toggle/v3/index.d.ts

@@ -7,14 +7,14 @@ declare const ToggleTypes: () => import("vue").DefineComponent<{
         type: import("vue").PropType<string>;
         default: string;
     };
-    isLoading: {
-        type: import("vue").PropType<boolean>;
-        default: boolean;
-    };
     modelValue: {
         type: import("vue").PropType<boolean>;
         required: true;
     };
+    isLoading: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
     helperText: {
         type: import("vue").PropType<string>;
         default: any;
@@ -46,14 +46,14 @@ declare const ToggleTypes: () => import("vue").DefineComponent<{
         type: import("vue").PropType<string>;
         default: string;
     };
-    isLoading: {
-        type: import("vue").PropType<boolean>;
-        default: boolean;
-    };
     modelValue: {
         type: import("vue").PropType<boolean>;
         required: true;
     };
+    isLoading: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
     helperText: {
         type: import("vue").PropType<string>;
         default: any;