@ironsource/shared-ui 2.1.10-rc.1 → 2.1.10-rc.2

package/DataGrid.vue_vue_type_style_index_0_scoped_9cab3826_lang.css

@@ -0,0 +1 @@
+.sticky[data-v-9cab3826]{position:sticky}.table-container[data-v-9cab3826]{width:100%;position:relative;display:flex;flex-direction:column}.table-header[data-v-9cab3826]{display:flex;align-items:center;height:calc(var(--spacing-800) - 1px);border-bottom:1px solid var(--common-divider);background-color:var(--background-paper-elevation-0);position:sticky;left:0;padding:var(--spacing-300)}.table-header .table-title[data-v-9cab3826]{display:flex;flex:1;align-items:center;justify-content:flex-start;height:100%;color:var(--text-primary)}.table-header .table-header-right[data-v-9cab3826]{display:flex;align-items:center;height:100%}.table-header .search-wrapper[data-v-9cab3826]{width:13.75rem}.table-header.isStickyHeader[data-v-9cab3826]{z-index:calc(var(--1e7437b3) + 3);top:0}.table-head-container[data-v-9cab3826]{display:flex;align-items:center;white-space:nowrap;color:var(--text-primary)}.table-footer[data-v-9cab3826]{color:var(--text-primary);background-color:var(--background-paper-elevation-0);padding:0 var(--spacing-300);display:flex;align-items:center;min-height:var(--spacing-600);border:1px solid var(--common-divider);border-radius:var(--border-radius-md);border-top-right-radius:0;border-top-left-radius:0}.table-body-wrapper[data-v-9cab3826]{display:inline-table}.table-header-actions[data-v-9cab3826]{margin-left:var(--spacing-100);display:flex;align-items:center}.table-row[data-v-9cab3826]{position:relative}.table-row.loading[data-v-9cab3826]{opacity:.7}.table-row:not(.expanded):last-child>td[data-v-9cab3826]{border-bottom:none}.table-row.expanded:last-child>.expanded-row[data-v-9cab3826]{border-bottom:none}.expanded-row[data-v-9cab3826]{grid-column:var(--734017e7);border-bottom:1px solid var(--common-divider);background-color:var(--background-default)}table[data-v-9cab3826]{position:relative;display:block;overflow:auto;background:var(--background-paper-elevation-0);border:1px solid var(--common-divider);color:var(--text-primary);text-align:left;table-layout:fixed;width:100%;max-height:100%;border-radius:var(--border-radius-md);border-collapse:collapse;border-spacing:0}table.hasFooter[data-v-9cab3826]{border-bottom-left-radius:0;border-bottom-right-radius:0;border-bottom:none}table td[data-v-9cab3826],table th[data-v-9cab3826]{line-height:normal;padding:0 var(--spacing-200)}table td[data-v-9cab3826]:first-of-type,table th[data-v-9cab3826]:first-of-type{padding-left:var(--spacing-300)}table td[data-v-9cab3826]:last-of-type,table th[data-v-9cab3826]:last-of-type{padding-right:var(--spacing-300)}table td.expand-toggle-cell[data-v-9cab3826],table th.expand-toggle-cell[data-v-9cab3826]{padding-left:var(--spacing-150);padding-right:var(--spacing-75)}table>thead[data-v-9cab3826]{border-bottom:none;z-index:calc(var(--1e7437b3) + 1);display:inline-table;min-width:100%}table>thead>tr[data-v-9cab3826]{color:var(--text-primary);border-bottom:1px solid var(--common-divider);height:var(--spacing-500);display:grid;grid-template-columns:var(--6b65cd20)}table>thead>tr>th[data-v-9cab3826]{background:var(--background-paper-elevation-0);width:100%;display:flex;align-items:center;cursor:default}table>thead>tr>th.bordered[data-v-9cab3826]{border-right:1px solid var(--common-divider)}table>thead>tr>th.bordered.isStickyRight[data-v-9cab3826]{border-right:none;border-left:1px solid var(--common-divider)}table>thead>tr>th.isTextRight[data-v-9cab3826]{justify-content:flex-end}table>thead>tr>th.isSortable[data-v-9cab3826]{cursor:pointer}table>thead.sticky[data-v-9cab3826]{position:sticky;top:0;background:white}table>thead.isStickyHeader[data-v-9cab3826]{z-index:calc(var(--1e7437b3) + 2);top:calc(var(--spacing-800) - 1px)}table>tbody[data-v-9cab3826]{display:block}table>tbody>*>tr[data-v-9cab3826]{background-color:var(--background-default);min-height:var(--4bca76a8);height:auto;display:grid;align-items:center;grid-template-columns:var(--6b65cd20)}table>tbody>*>tr:nth-of-type(2n)>td[data-v-9cab3826]{background-color:var(--background-default)}table>tbody>*>tr:hover:not(.loading)>td[data-v-9cab3826],table>tbody>*>tr.activeMenu>td[data-v-9cab3826]{background-color:var(--background-paper-elevation-1)}table>tbody td[data-v-9cab3826]{background-color:var(--background-default);border:none;min-width:0;display:flex;min-height:var(--4bca76a8);height:auto;width:100%;place-items:center;border-bottom:1px solid var(--common-divider);justify-content:start}table>tbody td.bordered[data-v-9cab3826]{border-right:1px solid var(--common-divider)}table>tbody td.bordered.isStickyRight[data-v-9cab3826]{border-right:none;border-left:1px solid var(--common-divider)}table>tbody td.isTextRight[data-v-9cab3826]{justify-content:flex-end;text-align:right}.section-container[data-v-9cab3826]{left:0}.sections[data-v-9cab3826]{display:flex}.section[data-v-9cab3826]{padding:0 1.5rem;background:var(--background-default);left:0;height:32px;display:flex;align-items:flex-end;border-right:1px solid var(--common-divider)}.table-cell[data-v-9cab3826]{width:100%}.empty-state[data-v-9cab3826]{min-height:250px}.floating-row[data-v-9cab3826]{display:flex;inset:0;pointer-events:none;position:absolute;z-index:calc(var(--1e7437b3) + 1)}.floating-row *[data-v-9cab3826-s]{pointer-events:auto}

package/MultipleDataGrid.vue_vue_type_style_index_0_scoped_60d4a465_lang.css

@@ -0,0 +1 @@
+.multi-table-container[data-v-60d4a465]{border-radius:var(--border-radius-md);border:1px solid var(--common-divider);display:flex;flex-direction:column;overflow-y:auto;width:100%}.multi-table-container .table-header-container[data-v-60d4a465]{align-items:center;background-color:var(--background-paper-elevation-0);display:flex;height:calc(var(--spacing-800) - 2px);justify-content:space-between;padding:var(--spacing-300);width:100%}.multi-table-container .table-header-container.sticky[data-v-60d4a465]{position:sticky;top:0;z-index:calc(var(--b840474a) + 3)}.multi-table-container[data-v-60d4a465] table{display:table;border:unset;border-radius:unset}.multi-table-container[data-v-60d4a465] thead{border-top:1px solid var(--common-divider)}.multi-table-container .tables-container[data-v-60d4a465] thead.sticky{top:62px}.multi-table-container .empty-state[data-v-60d4a465]{min-height:250px}.multi-table-container .table-header-right[data-v-60d4a465]{align-items:center;display:flex;height:100%}.multi-table-container .table-header-right .table-header-actions[data-v-60d4a465]{align-items:center;display:flex;margin-left:var(--spacing-100)}

package/components/table/v4/DataGrid.vue.d.ts

@@ -6,7 +6,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     sections?: Section[];
     sort?: Sort;
     selection?: unknown[];
-    getRowId?: (row: Row, index: number) => unknown;
+    getRowId?: (row: Row, index: number) => string | number;
     selectedMatcher?: (rowId: unknown, selected: unknown) => boolean;
     isSticky?: boolean;
     isStickyHeader?: boolean;
@@ -73,7 +73,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     sections?: Section[];
     sort?: Sort;
     selection?: unknown[];
-    getRowId?: (row: Row, index: number) => unknown;
+    getRowId?: (row: Row, index: number) => string | number;
     selectedMatcher?: (rowId: unknown, selected: unknown) => boolean;
     isSticky?: boolean;
     isStickyHeader?: boolean;
@@ -151,7 +151,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     infiniteScrollThreshold: number;
     rowHeight: number | ((index: number) => number);
     defaultScrollPosition: number;
-    getRowId: (row: Row, index: number) => unknown;
+    getRowId: (row: Row, index: number) => string | number;
     selectedMatcher: (rowId: unknown, selected: unknown) => boolean;
     emptyStateVariant: "error" | "no-access" | "no-results" | "no-data" | "files" | "settings";
     zIndexBase: number;

package/components/table/v4/DataGrid.vue.js

@@ -1,7 +1,7 @@
 import o from "./DataGrid.vue2.js";
-/* empty css               */import e from "../../../_virtual/_plugin-vue_export-helper.js";
-// import "../../../DataGrid.vue_vue_type_style_index_0_scoped_d27e1304_lang.css"; //*');
-const a = /* @__PURE__ */ e(o, [["__scopeId", "data-v-d27e1304"]]);
+/* empty css               */import _ from "../../../_virtual/_plugin-vue_export-helper.js";
+// import "../../../DataGrid.vue_vue_type_style_index_0_scoped_9cab3826_lang.css"; //*');
+const s = /* @__PURE__ */ _(o, [["__scopeId", "data-v-9cab3826"]]);
 export {
-  a as default
+  s as default
 };

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

@@ -1,5 +1,5 @@
- import "../../../DataGrid.vue_vue_type_style_index_0_scoped_d27e1304_lang.css"; import { defineComponent as de, useCssVars as oe, unref as t, useSlots as ne, computed as v, openBlock as l, createElementBlock as d, createElementVNode as u, normalizeStyle as T, normalizeClass as f, renderSlot as c, createVNode as h, withCtx as w, createTextVNode as E, toDisplayString as B, isRef as ce, createCommentVNode as r, Fragment as I, renderList as p, createBlock as z, mergeProps as re } from "vue";
-import A from "../../typography/v4/Typography.vue.js";
+ import "../../../DataGrid.vue_vue_type_style_index_0_scoped_9cab3826_lang.css"; import { defineComponent as de, useCssVars as oe, unref as t, useSlots as ne, computed as v, openBlock as l, createElementBlock as d, createElementVNode as u, normalizeStyle as T, normalizeClass as f, renderSlot as c, createVNode as h, withCtx as w, createTextVNode as E, toDisplayString as I, isRef as ce, createCommentVNode as r, Fragment as B, renderList as A, createBlock as z, mergeProps as re } from "vue";
+import V from "../../typography/v4/Typography.vue.js";
 import ue from "../../skeleton/v4/SkeletonV4.vue.js";
 import he from "../../emptyState/v4/EmptyStateV4.vue.js";
 import K from "../../checkbox/v4/CheckboxV4.vue.js";
@@ -13,16 +13,16 @@ import { useVModel as ge } from "@vueuse/core";
 const ve = ["data-testid"], be = ["data-testid"], $e = ["data-testid"], Re = ["data-testid"], Ce = ["data-testid"], xe = { class: "search-wrapper" }, Te = ["data-testid"], we = ["data-testid"], Ee = {
   key: 0,
   class: "checkbox-cell"
-}, Be = {
+}, Ie = {
   key: 1,
   class: "expand-toggle-cell"
-}, Ie = ["onClick"], pe = { class: "table-head-container" }, Ae = ["data-testid"], Ve = ["onMouseenter", "onClick"], Le = {
+}, Be = ["onClick"], Ae = { class: "table-head-container" }, Ve = ["data-testid"], Le = ["onMouseenter", "onClick"], Me = {
   key: 0,
   class: "checkbox-cell"
-}, Me = {
+}, Pe = {
   key: 1,
   class: "expand-toggle-cell"
-}, Pe = {
+}, pe = {
   key: 2,
   class: "expanded-row"
 }, He = {
@@ -66,17 +66,17 @@ const ve = ["data-testid"], be = ["data-testid"], $e = ["data-testid"], Re = ["d
   setup(s, { expose: m, emit: y }) {
     const i = s;
     oe((a) => ({
-      "189e28e1": s.zIndexBase,
-      ac6022d6: t(X),
-      "3d5ab04e": t(P),
-      "633cd456": t(J)
+      "1e7437b3": s.zIndexBase,
+      "734017e7": t(X),
+      "6b65cd20": t(p),
+      "4bca76a8": t(J)
     }));
     const b = ne(), U = (a) => i.rowCustomClassKey && i.rows[a] ? i.rows[a][i.rowCustomClassKey] : "", {
-      list: M,
+      list: P,
       containerProps: G,
       wrapperProps: Y,
       activeRow: $,
-      gridColumnTemplate: P,
+      gridColumnTemplate: p,
       toggleSortOrder: Q,
       columnsStickyPositions: H,
       hasSearchSlot: W,
@@ -87,11 +87,11 @@ const ve = ["data-testid"], be = ["data-testid"], $e = ["data-testid"], Re = ["d
       toggleExpandRow: q,
       cssRowHeight: J,
       cssExpandGridCol: X,
-      isRowExpanded: V,
+      isRowExpanded: L,
       hasCheckboxes: O,
       activeMenuRow: Z,
       scrollTo: _
-    } = ye(i, y), D = v(() => !!b.footer), g = ge(i, "search", y), ee = v(() => i.selection.length || 0), L = v(() => {
+    } = ye(i, y), D = v(() => !!b.footer), g = ge(i, "search", y), ee = v(() => i.selection.length || 0), M = v(() => {
       const a = i.rows.map((o, e) => i.getRowId(o, e));
       return !!a.length && a.every((o) => C(o));
     }), C = (a) => i.selection.findIndex((o) => i.selectedMatcher(a, o)) !== -1, te = (a) => {
@@ -101,7 +101,7 @@ const ve = ["data-testid"], be = ["data-testid"], $e = ["data-testid"], Re = ["d
         )
       ), y("selectRow", !1)) : (x([...i.selection, a]), y("selectRow", !0));
     }, se = () => {
-      if (L.value)
+      if (M.value)
         x([]), y("selectAll", !1);
       else {
         const a = i.rows.map((o, e) => i.getRowId(o, e)).filter((o) => !C(o));
@@ -141,9 +141,9 @@ const ve = ["data-testid"], be = ["data-testid"], $e = ["data-testid"], Re = ["d
             "data-testid": `${s.testId}-${t(S).TITLE}`
           }, [
             c(a.$slots, "title", {}, () => [
-              h(t(A), { variant: "h3" }, {
+              h(t(V), { variant: "h3" }, {
                 default: w(() => [
-                  E(B(s.title), 1)
+                  E(I(s.title), 1)
                 ]),
                 _: 1
               })
@@ -181,7 +181,7 @@ const ve = ["data-testid"], be = ["data-testid"], $e = ["data-testid"], Re = ["d
             class: "sections",
             "data-testid": `${s.testId}-${t(S).SECTIONS}`
           }, [
-            (l(!0), d(I, null, p(s.sections, (e) => (l(), d("div", {
+            (l(!0), d(B, null, A(s.sections, (e) => (l(), d("div", {
               key: e.id,
               class: f(["section-container", { sticky: e.isSticky }])
             }, [
@@ -190,9 +190,9 @@ const ve = ["data-testid"], be = ["data-testid"], $e = ["data-testid"], Re = ["d
                   style: T({ width: e.width + "px" }),
                   class: f({ section: !0 })
                 }, [
-                  h(t(A), { variant: "body2" }, {
+                  h(t(V), { variant: "body2" }, {
                     default: w(() => [
-                      E(B(e.title), 1)
+                      E(I(e.title), 1)
                     ]),
                     _: 2
                   }, 1024)
@@ -205,14 +205,14 @@ const ve = ["data-testid"], be = ["data-testid"], $e = ["data-testid"], Re = ["d
               c(a.$slots, "select-all-checkbox", {}, () => [
                 h(t(K), {
                   disabled: s.isLoading,
-                  "is-checked": t(L),
-                  "is-indeterminate": !t(L) && t(ee) > 0,
+                  "is-checked": t(M),
+                  "is-indeterminate": !t(M) && t(ee) > 0,
                   "onUpdate:isChecked": se
                 }, null, 8, ["disabled", "is-checked", "is-indeterminate"])
               ])
             ])) : r("", !0),
-            t(R) ? (l(), d("th", Be)) : r("", !0),
-            (l(!0), d(I, null, p(s.columns, (e) => (l(), d("th", {
+            t(R) ? (l(), d("th", Ie)) : r("", !0),
+            (l(!0), d(B, null, A(s.columns, (e) => (l(), d("th", {
               key: e.id,
               class: f({
                 sticky: e.isSticky,
@@ -225,11 +225,11 @@ const ve = ["data-testid"], be = ["data-testid"], $e = ["data-testid"], Re = ["d
               style: T(e.isSticky ? t(H)[e.id] : null),
               onClick: (k) => e.isSortable ? t(Q)(e) : null
             }, [
-              u("div", pe, [
+              u("div", Ae, [
                 c(a.$slots, `header-${e.id}`, { column: e }, () => [
-                  h(t(A), { variant: "tableLabel" }, {
+                  h(t(V), { variant: "tableLabel" }, {
                     default: w(() => [
-                      E(B(e.title), 1)
+                      E(I(e.title), 1)
                     ]),
                     _: 2
                   }, 1024)
@@ -244,40 +244,40 @@ const ve = ["data-testid"], be = ["data-testid"], $e = ["data-testid"], Re = ["d
                   "sort-order": s.sort.sortOrder
                 }, null, 8, ["sort-order"])) : r("", !0)
               ])
-            ], 14, Ie))), 128))
+            ], 14, Be))), 128))
           ])
         ], 2),
         u("tbody", null, [
-          t(M).length > 0 ? (l(), d("div", re({
+          t(P).length > 0 ? (l(), d("div", re({
             key: 0,
             class: "table-body-wrapper",
             "data-testid": `${s.testId}-${t(S).BODY_WRAPPER}`
           }, t(Y)), [
-            (l(!0), d(I, null, p(t(M), (e) => (l(), d("tr", {
-              key: e.index,
+            (l(!0), d(B, null, A(t(P), (e) => (l(), d("tr", {
+              key: s.getRowId(e.data, e.index),
               class: f(["table-row", {
                 loading: s.isLoading || s.isLoading && !e.data || t(F).includes(e.index),
                 active: t($) === e.index,
                 activeMenu: t(Z) === e.index,
-                expanded: t(R) && t(V)(e.index),
+                expanded: t(R) && t(L)(e.index),
                 [U(e.index)]: !0
               }]),
               onMouseenter: (k) => $.value = e.index,
               onClick: (k) => y("clickRow", e.index)
             }, [
-              t(O) ? (l(), d("td", Le, [
+              t(O) ? (l(), d("td", Me, [
                 h(t(K), {
                   "is-checked": C(s.getRowId(e.data, e.index)),
                   "onUpdate:isChecked": (k) => te(s.getRowId(e.data, e.index))
                 }, null, 8, ["is-checked", "onUpdate:isChecked"])
               ])) : r("", !0),
-              t(R) ? (l(), d("td", Me, [
+              t(R) ? (l(), d("td", Pe, [
                 h(ke, {
-                  expanded: t(V)(e.index),
+                  expanded: t(L)(e.index),
                   onClick: (k) => t(q)(e.index, k)
                 }, null, 8, ["expanded", "onClick"])
               ])) : r("", !0),
-              (l(!0), d(I, null, p(s.columns, (k, n) => (l(), d("td", {
+              (l(!0), d(B, null, A(s.columns, (k, n) => (l(), d("td", {
                 key: n,
                 class: f({
                   sticky: s.columns[n].isSticky,
@@ -301,9 +301,9 @@ const ve = ["data-testid"], be = ["data-testid"], $e = ["data-testid"], Re = ["d
                     row: e,
                     rowIndex: e.index
                   }, () => [
-                    h(t(A), { variant: "body1" }, {
+                    h(t(V), { variant: "body1" }, {
                       default: w(() => [
-                        E(B(e.data[n]), 1)
+                        E(I(e.data[n]), 1)
                       ]),
                       _: 2
                     }, 1024)
@@ -312,10 +312,10 @@ const ve = ["data-testid"], be = ["data-testid"], $e = ["data-testid"], Re = ["d
                   h(t(ue), { round: "" })
                 ])
               ], 6))), 128)),
-              t(R) && t(V)(e.index) ? (l(), d("div", Pe, [
+              t(R) && t(L)(e.index) ? (l(), d("div", pe, [
                 c(a.$slots, "expanded", {
                   row: e,
-                  gridColumnTemplate: t(P)
+                  gridColumnTemplate: t(p)
                 })
               ])) : r("", !0),
               ae(e.index) ? (l(), d("div", He, [
@@ -324,8 +324,8 @@ const ve = ["data-testid"], be = ["data-testid"], $e = ["data-testid"], Re = ["d
                   rowIndex: e.index
                 })
               ])) : r("", !0)
-            ], 42, Ve))), 128))
-          ], 16, Ae)) : (l(), d("div", Ne, [
+            ], 42, Le))), 128))
+          ], 16, Ve)) : (l(), d("div", Ne, [
             c(a.$slots, "empty-state", {}, () => [
               h(t(he), {
                 class: "empty-state",

package/components/table/v4/MultipleDataGrid.vue.d.ts

@@ -1,8 +1,9 @@
 import { Column } from '@/components/table/v4';
-import { SaveRowEvent, TableSettings } from '@is-ssp/table/common/Table.types';
+import { Row, SaveRowEvent, TableSettings } from '@is-ssp/table/common/Table.types';
 declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
     tablesSettings: TableSettings[];
     loadingAndEmptyStatesColumns: Column[];
+    getRowId?: (row: Row, index: number) => string | number;
     isSticky?: boolean;
     isLoading?: boolean;
     emptyStateVariant?: "error" | "no-access" | "no-results" | "no-data" | "files" | "settings";
@@ -22,6 +23,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
 }>, {
     tablesSettings: () => any[];
     loadingAndEmptyStatesColumns: () => any[];
+    getRowId: (row: any, index: any) => any;
     isSticky: boolean;
     isLoading: boolean;
     emptyStateVariant: any;
@@ -49,6 +51,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
 }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
     tablesSettings: TableSettings[];
     loadingAndEmptyStatesColumns: Column[];
+    getRowId?: (row: Row, index: number) => string | number;
     isSticky?: boolean;
     isLoading?: boolean;
     emptyStateVariant?: "error" | "no-access" | "no-results" | "no-data" | "files" | "settings";
@@ -68,6 +71,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
 }>, {
     tablesSettings: () => any[];
     loadingAndEmptyStatesColumns: () => any[];
+    getRowId: (row: any, index: any) => any;
     isSticky: boolean;
     isLoading: boolean;
     emptyStateVariant: any;
@@ -103,6 +107,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     emptyStateTitle: string;
     isSticky: boolean;
     emptyStateSubtitle: string;
+    getRowId: (row: Row, index: number) => string | number;
     emptyStateVariant: "error" | "no-access" | "no-results" | "no-data" | "files" | "settings";
     zIndexBase: number;
     totalCount: number;
@@ -126,8 +131,9 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     search?(_: {}): any;
     "table-header-actions"?(_: {}): any;
     "floating-row"?(_: {
-        row: import("@vueuse/core").UseVirtualListItem<import("@is-ssp/table/common/Table.types").Row>;
+        row: import("@vueuse/core").UseVirtualListItem<Row>;
         rowIndex: number;
+        tableIndex: number;
     }): any;
     "empty-state"?(_: {}): any;
 }>;

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

@@ -1,7 +1,7 @@
-import e from "./MultipleDataGrid.vue2.js";
-/* empty css                       */import o from "../../../_virtual/_plugin-vue_export-helper.js";
-// import "../../../MultipleDataGrid.vue_vue_type_style_index_0_scoped_cfedf78b_lang.css"; //*');
-const s = /* @__PURE__ */ o(e, [["__scopeId", "data-v-cfedf78b"]]);
+import o from "./MultipleDataGrid.vue2.js";
+/* empty css                       */import t from "../../../_virtual/_plugin-vue_export-helper.js";
+// import "../../../MultipleDataGrid.vue_vue_type_style_index_0_scoped_60d4a465_lang.css"; //*');
+const p = /* @__PURE__ */ t(o, [["__scopeId", "data-v-60d4a465"]]);
 export {
-  s as default
+  p as default
 };

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

@@ -1,19 +1,20 @@
- 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 "../../../MultipleDataGrid.vue_vue_type_style_index_0_scoped_60d4a465_lang.css"; import { defineComponent as D, useCssVars as H, useSlots as O, computed as G, openBlock as n, createElementBlock as c, createElementVNode as v, normalizeClass as M, unref as l, renderSlot as d, createBlock as C, createCommentVNode as y, createVNode as P, isRef as $, Fragment as F, renderList as g, createSlots as b, withCtx as m } from "vue";
 import I from "./DataGrid.vue.js";
 import "./DataGridMenu.vue.js";
-import F from "./DataGridRowsCounter.vue.js";
+import U 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 { TableTestIdModifiers as h } from "../../../testids/index.js";
+const q = ["data-testid"], J = ["data-testid"], K = ["data-testid"], W = ["data-testid"], X = {
   key: 0,
   class: "tables-container"
-}, st = /* @__PURE__ */ D({
+}, lt = /* @__PURE__ */ D({
   __name: "MultipleDataGrid",
   props: {
     tablesSettings: { default: () => [] },
     loadingAndEmptyStatesColumns: { default: () => [] },
+    getRowId: { type: Function, default: (t, i) => i },
     isSticky: { type: Boolean, default: !0 },
     isLoading: { type: Boolean, default: !1 },
     emptyStateVariant: { default: null },
@@ -32,30 +33,30 @@ const p = ["data-testid"], q = ["data-testid"], J = ["data-testid"], K = ["data-
     testId: { default: "" }
   },
   emits: ["update:search", "onScroll", "onClearSearch", "clickRow", "saveRow"],
-  setup(t, { emit: r }) {
-    const g = t;
+  setup(t, { emit: i }) {
+    const w = t;
     H((e) => ({
-      "6083f45c": t.zIndexBase
+      b840474a: 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", {
+      () => w.isLoading || !w.tablesSettings.flatMap((e) => e.rows).length
+    ), r = j(w, "search", i), f = (e) => `header-${e.id}`, k = (e) => `cell-${e.id}`, x = (e) => {
+      i("onScroll", e.target.scrollTop);
+    }, E = () => i("onClearSearch"), V = (e, s) => i("clickRow", e, s), B = ({ value: e, rowIndex: s, cellIndex: a, confirm: u }, o) => i("saveRow", { value: e, tableIndex: o, rowIndex: s, cellIndex: a, confirm: u });
+    return (e, s) => (n(), 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}`
+        "data-testid": `${t.testId}-${l(h).HEADER}`
       }, [
         v("div", {
           class: "rows-counter-container",
-          "data-testid": `${t.testId}-${s(S).TITLE}`
+          "data-testid": `${t.testId}-${l(h).TITLE}`
         }, [
           d(e.$slots, "title", {}, () => [
-            t.isLoading ? y("", !0) : (n(), C(s(F), {
+            t.isLoading ? y("", !0) : (n(), C(l(U), {
               key: 0,
               count: t.count,
               "total-count": t.totalCount,
@@ -65,33 +66,33 @@ const p = ["data-testid"], q = ["data-testid"], J = ["data-testid"], K = ["data-
               "test-id": t.testId
             }, null, 8, ["count", "total-count", "total-text", "displaying-text", "out-of-text", "test-id"]))
           ], !0)
-        ], 8, q),
+        ], 8, J),
         v("div", {
           class: "table-header-right",
-          "data-testid": `${t.testId}-${s(S).HEADER_RIGHT}`
+          "data-testid": `${t.testId}-${l(h).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),
+            P(l(Q), {
+              modelValue: l(r),
+              "onUpdate:modelValue": s[0] || (s[0] = (a) => $(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", {
+          l(R)["table-header-actions"] ? (n(), c("div", {
             key: 1,
             class: "table-header-actions",
-            "data-testid": `${t.testId}-${s(S).ACTIONS}`
+            "data-testid": `${t.testId}-${l(h).ACTIONS}`
           }, [
             d(e.$slots, "table-header-actions", {}, void 0, !0)
-          ], 8, K)) : y("", !0)
-        ], 8, J)
-      ], 10, p),
-      s(T) ? (n(), C(s(I), {
+          ], 8, W)) : y("", !0)
+        ], 8, K)
+      ], 10, q),
+      l(T) ? (n(), C(l(I), {
         key: 1,
-        search: s(i),
-        "onUpdate:search": l[1] || (l[1] = (a) => $(i) ? i.value = a : null),
+        search: l(r),
+        "onUpdate:search": s[1] || (s[1] = (a) => $(r) ? r.value = a : null),
         rows: [],
         columns: t.loadingAndEmptyStatesColumns,
         "is-loading": t.isLoading,
@@ -101,23 +102,23 @@ const p = ["data-testid"], q = ["data-testid"], J = ["data-testid"], K = ["data-
         "empty-state-subtitle": t.emptyStateSubtitle,
         "test-id": t.testId
       }, b({
-        "empty-state": c(() => [
+        "empty-state": m(() => [
           d(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)
+        g(t.loadingAndEmptyStatesColumns, (a) => ({
+          name: f(a),
+          fn: m(() => [
+            d(e.$slots, `${f(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"])) : (n(), c("div", X, [
+        (n(!0), c(F, null, g(t.tablesSettings, (a, u) => (n(), c("div", {
           key: a.testId,
           class: "table-wrapper"
         }, [
-          a.rows.length ? (n(), C(s(I), {
+          a.rows.length ? (n(), C(l(I), {
             key: 0,
             sections: a.sections,
             columns: a.columns,
@@ -125,35 +126,37 @@ 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,
             "test-id": a.testId,
-            onClickRow: (o) => V(o, f),
-            onSaveRow: (o) => B(o, f)
+            onClickRow: (o) => V(o, u),
+            onSaveRow: (o) => B(o, u)
           }, b({
-            "floating-row": c(({ row: o, rowIndex: w }) => [
+            "floating-row": m(({ row: o, rowIndex: S }) => [
               d(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)
+            g(a.columns, (o) => ({
+              name: f(o),
+              fn: m(() => [
+                d(e.$slots, `${f(o)}`, { column: o }, void 0, !0)
               ])
             })),
-            h(a.columns, (o) => ({
+            g(a.columns, (o) => ({
               name: k(o),
-              fn: c(({
-                cell: w,
+              fn: m(({
+                cell: S,
                 rowIndex: L,
                 isLoading: N,
                 cellIndex: z,
                 row: A
               }) => [
                 d(e.$slots, `${k(o)}`, {
-                  cell: w,
+                  cell: S,
                   isLoading: N,
                   cellIndex: z,
                   row: A,
@@ -161,12 +164,12 @@ const p = ["data-testid"], q = ["data-testid"], J = ["data-testid"], K = ["data-
                 }, 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", "test-id", "onClickRow", "onSaveRow"])) : y("", !0)
         ]))), 128))
       ]))
     ], 32));
   }
 });
 export {
-  st as default
+  lt as default
 };

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

@@ -26,7 +26,7 @@ declare const DataGridTypes: () => (({
             infiniteScrollThreshold: number;
             rowHeight: number | ((index: number) => number);
             defaultScrollPosition: number;
-            getRowId: (row: import("../common/Table.types").Row, index: number) => unknown;
+            getRowId: (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;
@@ -118,7 +118,7 @@ declare const DataGridTypes: () => (({
                 default: any;
             };
             getRowId: {
-                type: import("vue").PropType<(row: import("../common/Table.types").Row, index: number) => unknown>;
+                type: import("vue").PropType<(row: import("../common/Table.types").Row, index: number) => string | number>;
                 default: (row: any, index: any) => any;
             };
             selectedMatcher: {
@@ -252,7 +252,7 @@ declare const DataGridTypes: () => (({
                 default: any;
             };
             getRowId: {
-                type: import("vue").PropType<(row: import("../common/Table.types").Row, index: number) => unknown>;
+                type: import("vue").PropType<(row: import("../common/Table.types").Row, index: number) => string | number>;
                 default: (row: any, index: any) => any;
             };
             selectedMatcher: {
@@ -319,7 +319,7 @@ declare const DataGridTypes: () => (({
             infiniteScrollThreshold: number;
             rowHeight: number | ((index: number) => number);
             defaultScrollPosition: number;
-            getRowId: (row: import("../common/Table.types").Row, index: number) => unknown;
+            getRowId: (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;
@@ -431,7 +431,7 @@ declare const DataGridTypes: () => (({
             default: any;
         };
         getRowId: {
-            type: import("vue").PropType<(row: import("../common/Table.types").Row, index: number) => unknown>;
+            type: import("vue").PropType<(row: import("../common/Table.types").Row, index: number) => string | number>;
             default: (row: any, index: any) => any;
         };
         selectedMatcher: {
@@ -557,7 +557,7 @@ declare const DataGridTypes: () => (({
         default: any;
     };
     getRowId: {
-        type: import("vue").PropType<(row: import("../common/Table.types").Row, index: number) => unknown>;
+        type: import("vue").PropType<(row: import("../common/Table.types").Row, index: number) => string | number>;
         default: (row: any, index: any) => any;
     };
     selectedMatcher: {
@@ -624,7 +624,7 @@ declare const DataGridTypes: () => (({
     infiniteScrollThreshold: number;
     rowHeight: number | ((index: number) => number);
     defaultScrollPosition: number;
-    getRowId: (row: import("../common/Table.types").Row, index: number) => unknown;
+    getRowId: (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,6 +764,7 @@ declare const DataGridTypes: () => (({
             emptyStateTitle: string;
             isSticky: boolean;
             emptyStateSubtitle: string;
+            getRowId: (row: import("../common/Table.types").Row, index: number) => string | number;
             emptyStateVariant: "error" | "no-access" | "no-results" | "no-data" | "files" | "settings";
             zIndexBase: number;
             totalCount: number;
@@ -813,6 +814,10 @@ declare const DataGridTypes: () => (({
                 type: import("vue").PropType<string>;
                 default: string;
             };
+            getRowId: {
+                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;
@@ -855,7 +860,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" | "emptyStateVariant" | "zIndexBase" | "totalCount" | "displayingText" | "outOfText" | "totalText" | "tablesSettings" | "loadingAndEmptyStatesColumns">;
         $attrs: {
             [x: string]: unknown;
         };
@@ -912,6 +917,10 @@ declare const DataGridTypes: () => (({
                 type: import("vue").PropType<string>;
                 default: string;
             };
+            getRowId: {
+                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;
@@ -973,6 +982,7 @@ declare const DataGridTypes: () => (({
             emptyStateTitle: string;
             isSticky: boolean;
             emptyStateSubtitle: string;
+            getRowId: (row: import("../common/Table.types").Row, index: number) => string | number;
             emptyStateVariant: "error" | "no-access" | "no-results" | "no-data" | "files" | "settings";
             zIndexBase: number;
             totalCount: number;
@@ -1042,6 +1052,10 @@ declare const DataGridTypes: () => (({
             type: import("vue").PropType<string>;
             default: string;
         };
+        getRowId: {
+            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;
@@ -1129,6 +1143,10 @@ declare const DataGridTypes: () => (({
         type: import("vue").PropType<string>;
         default: string;
     };
+    getRowId: {
+        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;
@@ -1190,6 +1208,7 @@ declare const DataGridTypes: () => (({
     emptyStateTitle: string;
     isSticky: boolean;
     emptyStateSubtitle: string;
+    getRowId: (row: import("../common/Table.types").Row, index: number) => string | number;
     emptyStateVariant: "error" | "no-access" | "no-results" | "no-data" | "files" | "settings";
     zIndexBase: number;
     totalCount: number;
@@ -1216,6 +1235,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/index.d.ts

@@ -5499,7 +5499,7 @@ declare const _default: {
                 infiniteScrollThreshold: number;
                 rowHeight: number | ((index: number) => number);
                 defaultScrollPosition: number;
-                getRowId: (row: import("./components/table/common/Table.types").Row, index: number) => unknown;
+                getRowId: (row: import("./components/table/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;
@@ -5591,7 +5591,7 @@ declare const _default: {
                     default: any;
                 };
                 getRowId: {
-                    type: import("vue").PropType<(row: import("./components/table/common/Table.types").Row, index: number) => unknown>;
+                    type: import("vue").PropType<(row: import("./components/table/common/Table.types").Row, index: number) => string | number>;
                     default: (row: any, index: any) => any;
                 };
                 selectedMatcher: {
@@ -5725,7 +5725,7 @@ declare const _default: {
                     default: any;
                 };
                 getRowId: {
-                    type: import("vue").PropType<(row: import("./components/table/common/Table.types").Row, index: number) => unknown>;
+                    type: import("vue").PropType<(row: import("./components/table/common/Table.types").Row, index: number) => string | number>;
                     default: (row: any, index: any) => any;
                 };
                 selectedMatcher: {
@@ -5792,7 +5792,7 @@ declare const _default: {
                 infiniteScrollThreshold: number;
                 rowHeight: number | ((index: number) => number);
                 defaultScrollPosition: number;
-                getRowId: (row: import("./components/table/common/Table.types").Row, index: number) => unknown;
+                getRowId: (row: import("./components/table/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;
@@ -5904,7 +5904,7 @@ declare const _default: {
                 default: any;
             };
             getRowId: {
-                type: import("vue").PropType<(row: import("./components/table/common/Table.types").Row, index: number) => unknown>;
+                type: import("vue").PropType<(row: import("./components/table/common/Table.types").Row, index: number) => string | number>;
                 default: (row: any, index: any) => any;
             };
             selectedMatcher: {
@@ -6030,7 +6030,7 @@ declare const _default: {
             default: any;
         };
         getRowId: {
-            type: import("vue").PropType<(row: import("./components/table/common/Table.types").Row, index: number) => unknown>;
+            type: import("vue").PropType<(row: import("./components/table/common/Table.types").Row, index: number) => string | number>;
             default: (row: any, index: any) => any;
         };
         selectedMatcher: {
@@ -6097,7 +6097,7 @@ declare const _default: {
         infiniteScrollThreshold: number;
         rowHeight: number | ((index: number) => number);
         defaultScrollPosition: number;
-        getRowId: (row: import("./components/table/common/Table.types").Row, index: number) => unknown;
+        getRowId: (row: import("./components/table/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;
@@ -6249,7 +6249,7 @@ declare const _default: {
                 infiniteScrollThreshold: number;
                 rowHeight: number | ((index: number) => number);
                 defaultScrollPosition: number;
-                getRowId: (row: import("./components/table/common/Table.types").Row, index: number) => unknown;
+                getRowId: (row: import("./components/table/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;
@@ -6341,7 +6341,7 @@ declare const _default: {
                     default: any;
                 };
                 getRowId: {
-                    type: import("vue").PropType<(row: import("./components/table/common/Table.types").Row, index: number) => unknown>;
+                    type: import("vue").PropType<(row: import("./components/table/common/Table.types").Row, index: number) => string | number>;
                     default: (row: any, index: any) => any;
                 };
                 selectedMatcher: {
@@ -6475,7 +6475,7 @@ declare const _default: {
                     default: any;
                 };
                 getRowId: {
-                    type: import("vue").PropType<(row: import("./components/table/common/Table.types").Row, index: number) => unknown>;
+                    type: import("vue").PropType<(row: import("./components/table/common/Table.types").Row, index: number) => string | number>;
                     default: (row: any, index: any) => any;
                 };
                 selectedMatcher: {
@@ -6542,7 +6542,7 @@ declare const _default: {
                 infiniteScrollThreshold: number;
                 rowHeight: number | ((index: number) => number);
                 defaultScrollPosition: number;
-                getRowId: (row: import("./components/table/common/Table.types").Row, index: number) => unknown;
+                getRowId: (row: import("./components/table/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;
@@ -6654,7 +6654,7 @@ declare const _default: {
                 default: any;
             };
             getRowId: {
-                type: import("vue").PropType<(row: import("./components/table/common/Table.types").Row, index: number) => unknown>;
+                type: import("vue").PropType<(row: import("./components/table/common/Table.types").Row, index: number) => string | number>;
                 default: (row: any, index: any) => any;
             };
             selectedMatcher: {
@@ -6780,7 +6780,7 @@ declare const _default: {
             default: any;
         };
         getRowId: {
-            type: import("vue").PropType<(row: import("./components/table/common/Table.types").Row, index: number) => unknown>;
+            type: import("vue").PropType<(row: import("./components/table/common/Table.types").Row, index: number) => string | number>;
             default: (row: any, index: any) => any;
         };
         selectedMatcher: {
@@ -6847,7 +6847,7 @@ declare const _default: {
         infiniteScrollThreshold: number;
         rowHeight: number | ((index: number) => number);
         defaultScrollPosition: number;
-        getRowId: (row: import("./components/table/common/Table.types").Row, index: number) => unknown;
+        getRowId: (row: import("./components/table/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;
@@ -6987,6 +6987,7 @@ declare const _default: {
                 emptyStateTitle: string;
                 isSticky: boolean;
                 emptyStateSubtitle: string;
+                getRowId: (row: import("./components/table/common/Table.types").Row, index: number) => string | number;
                 emptyStateVariant: "error" | "no-access" | "no-results" | "no-data" | "files" | "settings";
                 zIndexBase: number;
                 totalCount: number;
@@ -7036,6 +7037,10 @@ declare const _default: {
                     type: import("vue").PropType<string>;
                     default: string;
                 };
+                getRowId: {
+                    type: import("vue").PropType<(row: import("./components/table/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;
@@ -7078,7 +7083,7 @@ declare const _default: {
                 }) => 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" | "emptyStateVariant" | "zIndexBase" | "totalCount" | "displayingText" | "outOfText" | "totalText" | "tablesSettings" | "loadingAndEmptyStatesColumns">;
             $attrs: {
                 [x: string]: unknown;
             };
@@ -7135,6 +7140,10 @@ declare const _default: {
                     type: import("vue").PropType<string>;
                     default: string;
                 };
+                getRowId: {
+                    type: import("vue").PropType<(row: import("./components/table/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;
@@ -7196,6 +7205,7 @@ declare const _default: {
                 emptyStateTitle: string;
                 isSticky: boolean;
                 emptyStateSubtitle: string;
+                getRowId: (row: import("./components/table/common/Table.types").Row, index: number) => string | number;
                 emptyStateVariant: "error" | "no-access" | "no-results" | "no-data" | "files" | "settings";
                 zIndexBase: number;
                 totalCount: number;
@@ -7265,6 +7275,10 @@ declare const _default: {
                 type: import("vue").PropType<string>;
                 default: string;
             };
+            getRowId: {
+                type: import("vue").PropType<(row: import("./components/table/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;
@@ -7352,6 +7366,10 @@ declare const _default: {
             type: import("vue").PropType<string>;
             default: string;
         };
+        getRowId: {
+            type: import("vue").PropType<(row: import("./components/table/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;
@@ -7413,6 +7431,7 @@ declare const _default: {
         emptyStateTitle: string;
         isSticky: boolean;
         emptyStateSubtitle: string;
+        getRowId: (row: import("./components/table/common/Table.types").Row, index: number) => string | number;
         emptyStateVariant: "error" | "no-access" | "no-results" | "no-data" | "files" | "settings";
         zIndexBase: number;
         totalCount: number;
@@ -7439,6 +7458,7 @@ declare const _default: {
             "floating-row"?(_: {
                 row: import("@vueuse/core").UseVirtualListItem<import("./components/table/common/Table.types").Row>;
                 rowIndex: number;
+                tableIndex: number;
             }): any;
             "empty-state"?(_: {}): any;
         };
@@ -7458,6 +7478,7 @@ declare const _default: {
                 emptyStateTitle: string;
                 isSticky: boolean;
                 emptyStateSubtitle: string;
+                getRowId: (row: import("./components/table/common/Table.types").Row, index: number) => string | number;
                 emptyStateVariant: "error" | "no-access" | "no-results" | "no-data" | "files" | "settings";
                 zIndexBase: number;
                 totalCount: number;
@@ -7507,6 +7528,10 @@ declare const _default: {
                     type: import("vue").PropType<string>;
                     default: string;
                 };
+                getRowId: {
+                    type: import("vue").PropType<(row: import("./components/table/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;
@@ -7549,7 +7574,7 @@ declare const _default: {
                 }) => 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" | "emptyStateVariant" | "zIndexBase" | "totalCount" | "displayingText" | "outOfText" | "totalText" | "tablesSettings" | "loadingAndEmptyStatesColumns">;
             $attrs: {
                 [x: string]: unknown;
             };
@@ -7606,6 +7631,10 @@ declare const _default: {
                     type: import("vue").PropType<string>;
                     default: string;
                 };
+                getRowId: {
+                    type: import("vue").PropType<(row: import("./components/table/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;
@@ -7667,6 +7696,7 @@ declare const _default: {
                 emptyStateTitle: string;
                 isSticky: boolean;
                 emptyStateSubtitle: string;
+                getRowId: (row: import("./components/table/common/Table.types").Row, index: number) => string | number;
                 emptyStateVariant: "error" | "no-access" | "no-results" | "no-data" | "files" | "settings";
                 zIndexBase: number;
                 totalCount: number;
@@ -7736,6 +7766,10 @@ declare const _default: {
                 type: import("vue").PropType<string>;
                 default: string;
             };
+            getRowId: {
+                type: import("vue").PropType<(row: import("./components/table/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;
@@ -7823,6 +7857,10 @@ declare const _default: {
             type: import("vue").PropType<string>;
             default: string;
         };
+        getRowId: {
+            type: import("vue").PropType<(row: import("./components/table/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;
@@ -7884,6 +7922,7 @@ declare const _default: {
         emptyStateTitle: string;
         isSticky: boolean;
         emptyStateSubtitle: string;
+        getRowId: (row: import("./components/table/common/Table.types").Row, index: number) => string | number;
         emptyStateVariant: "error" | "no-access" | "no-results" | "no-data" | "files" | "settings";
         zIndexBase: number;
         totalCount: number;
@@ -7910,6 +7949,7 @@ declare const _default: {
             "floating-row"?(_: {
                 row: import("@vueuse/core").UseVirtualListItem<import("./components/table/common/Table.types").Row>;
                 rowIndex: number;
+                tableIndex: number;
             }): any;
             "empty-state"?(_: {}): any;
         };

package/index.js

@@ -1,4 +1,4 @@
-import './AutocompleteDropdown.vue_vue_type_style_index_0_scoped_214ddaf4_lang.css';
+import './AppTrigger.vue_vue_type_style_index_0_scoped_121aac8b_lang.css';
 import { AppTriggerTypes as ro } from "./components/appTrigger/index.js";
 import { AutocompleteDropdownTypes as mo } from "./components/autocompleteDropdown/index.js";
 import { MenuItemTypes as po } from "./components/menuItem/index.js";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ironsource/shared-ui",
-  "version": "2.1.10-rc.1",
+  "version": "2.1.10-rc.2",
   "engines": {
     "npm": ">=7.0.0",
     "node": ">=16.0.0"

package/DataGrid.vue_vue_type_style_index_0_scoped_d27e1304_lang.css

@@ -1 +0,0 @@
-.sticky[data-v-d27e1304]{position:sticky}.table-container[data-v-d27e1304]{width:100%;position:relative;display:flex;flex-direction:column}.table-header[data-v-d27e1304]{display:flex;align-items:center;height:calc(var(--spacing-800) - 1px);border-bottom:1px solid var(--common-divider);background-color:var(--background-paper-elevation-0);position:sticky;left:0;padding:var(--spacing-300)}.table-header .table-title[data-v-d27e1304]{display:flex;flex:1;align-items:center;justify-content:flex-start;height:100%;color:var(--text-primary)}.table-header .table-header-right[data-v-d27e1304]{display:flex;align-items:center;height:100%}.table-header .search-wrapper[data-v-d27e1304]{width:13.75rem}.table-header.isStickyHeader[data-v-d27e1304]{z-index:calc(var(--189e28e1) + 3);top:0}.table-head-container[data-v-d27e1304]{display:flex;align-items:center;white-space:nowrap;color:var(--text-primary)}.table-footer[data-v-d27e1304]{color:var(--text-primary);background-color:var(--background-paper-elevation-0);padding:0 var(--spacing-300);display:flex;align-items:center;min-height:var(--spacing-600);border:1px solid var(--common-divider);border-radius:var(--border-radius-md);border-top-right-radius:0;border-top-left-radius:0}.table-body-wrapper[data-v-d27e1304]{display:inline-table}.table-header-actions[data-v-d27e1304]{margin-left:var(--spacing-100);display:flex;align-items:center}.table-row[data-v-d27e1304]{position:relative}.table-row.loading[data-v-d27e1304]{opacity:.7}.table-row:not(.expanded):last-child>td[data-v-d27e1304]{border-bottom:none}.table-row.expanded:last-child>.expanded-row[data-v-d27e1304]{border-bottom:none}.expanded-row[data-v-d27e1304]{grid-column:var(--ac6022d6);border-bottom:1px solid var(--common-divider);background-color:var(--background-default)}table[data-v-d27e1304]{position:relative;display:block;overflow:auto;background:var(--background-paper-elevation-0);border:1px solid var(--common-divider);color:var(--text-primary);text-align:left;table-layout:fixed;width:100%;max-height:100%;border-radius:var(--border-radius-md);border-collapse:collapse;border-spacing:0}table.hasFooter[data-v-d27e1304]{border-bottom-left-radius:0;border-bottom-right-radius:0;border-bottom:none}table td[data-v-d27e1304],table th[data-v-d27e1304]{line-height:normal;padding:0 var(--spacing-200)}table td[data-v-d27e1304]:first-of-type,table th[data-v-d27e1304]:first-of-type{padding-left:var(--spacing-300)}table td[data-v-d27e1304]:last-of-type,table th[data-v-d27e1304]:last-of-type{padding-right:var(--spacing-300)}table td.expand-toggle-cell[data-v-d27e1304],table th.expand-toggle-cell[data-v-d27e1304]{padding-left:var(--spacing-150);padding-right:var(--spacing-75)}table>thead[data-v-d27e1304]{border-bottom:none;z-index:calc(var(--189e28e1) + 1);display:inline-table;min-width:100%}table>thead>tr[data-v-d27e1304]{color:var(--text-primary);border-bottom:1px solid var(--common-divider);height:var(--spacing-500);display:grid;grid-template-columns:var(--3d5ab04e)}table>thead>tr>th[data-v-d27e1304]{background:var(--background-paper-elevation-0);width:100%;display:flex;align-items:center;cursor:default}table>thead>tr>th.bordered[data-v-d27e1304]{border-right:1px solid var(--common-divider)}table>thead>tr>th.bordered.isStickyRight[data-v-d27e1304]{border-right:none;border-left:1px solid var(--common-divider)}table>thead>tr>th.isTextRight[data-v-d27e1304]{justify-content:flex-end}table>thead>tr>th.isSortable[data-v-d27e1304]{cursor:pointer}table>thead.sticky[data-v-d27e1304]{position:sticky;top:0;background:white}table>thead.isStickyHeader[data-v-d27e1304]{z-index:calc(var(--189e28e1) + 2);top:calc(var(--spacing-800) - 1px)}table>tbody[data-v-d27e1304]{display:block}table>tbody>*>tr[data-v-d27e1304]{background-color:var(--background-default);min-height:var(--633cd456);height:auto;display:grid;align-items:center;grid-template-columns:var(--3d5ab04e)}table>tbody>*>tr:nth-of-type(2n)>td[data-v-d27e1304]{background-color:var(--background-default)}table>tbody>*>tr:hover:not(.loading)>td[data-v-d27e1304],table>tbody>*>tr.activeMenu>td[data-v-d27e1304]{background-color:var(--background-paper-elevation-1)}table>tbody td[data-v-d27e1304]{background-color:var(--background-default);border:none;min-width:0;display:flex;min-height:var(--633cd456);height:auto;width:100%;place-items:center;border-bottom:1px solid var(--common-divider);justify-content:start}table>tbody td.bordered[data-v-d27e1304]{border-right:1px solid var(--common-divider)}table>tbody td.bordered.isStickyRight[data-v-d27e1304]{border-right:none;border-left:1px solid var(--common-divider)}table>tbody td.isTextRight[data-v-d27e1304]{justify-content:flex-end;text-align:right}.section-container[data-v-d27e1304]{left:0}.sections[data-v-d27e1304]{display:flex}.section[data-v-d27e1304]{padding:0 1.5rem;background:var(--background-default);left:0;height:32px;display:flex;align-items:flex-end;border-right:1px solid var(--common-divider)}.table-cell[data-v-d27e1304]{width:100%}.empty-state[data-v-d27e1304]{min-height:250px}.floating-row[data-v-d27e1304]{display:flex;inset:0;pointer-events:none;position:absolute;z-index:calc(var(--189e28e1) + 1)}.floating-row *[data-v-d27e1304-s]{pointer-events:auto}

package/MultipleDataGrid.vue_vue_type_style_index_0_scoped_cfedf78b_lang.css

@@ -1 +0,0 @@
-.multi-table-container[data-v-cfedf78b]{border-radius:var(--border-radius-md);border:1px solid var(--common-divider);display:flex;flex-direction:column;overflow-y:auto;width:100%}.multi-table-container .table-header-container[data-v-cfedf78b]{align-items:center;background-color:var(--background-paper-elevation-0);display:flex;height:calc(var(--spacing-800) - 2px);justify-content:space-between;padding:var(--spacing-300);width:100%}.multi-table-container .table-header-container.sticky[data-v-cfedf78b]{position:sticky;top:0;z-index:calc(var(--6083f45c) + 3)}.multi-table-container[data-v-cfedf78b] table{display:table;border:unset;border-radius:unset}.multi-table-container[data-v-cfedf78b] thead{border-top:1px solid var(--common-divider)}.multi-table-container .tables-container[data-v-cfedf78b] thead.sticky{top:62px}.multi-table-container .empty-state[data-v-cfedf78b]{min-height:250px}.multi-table-container .table-header-right[data-v-cfedf78b]{align-items:center;display:flex;height:100%}.multi-table-container .table-header-right .table-header-actions[data-v-cfedf78b]{align-items:center;display:flex;margin-left:var(--spacing-100)}