@ironsource/shared-ui 2.1.1 → 2.1.2

package/components/statusDot/index.js

@@ -0,0 +1,6 @@
+import t from "./StatusDot.vue.js";
+const s = () => [t];
+export {
+  t as StatusDot,
+  s as StatusDotTypes
+};

package/components/statusDot/types.d.ts

@@ -0,0 +1,2 @@
+export declare const STATUS_DOT_TYPES: readonly ["disabled", "default", "success", "warning", "archive", "error"];
+export type StatusDotTypes = (typeof STATUS_DOT_TYPES)[number];

package/components/table/common/Table.common.js

@@ -1,9 +1,9 @@
-import { ref as a, provide as z, computed as i, useSlots as G, onMounted as K, nextTick as N } from "vue";
+import { useSlots as z, ref as a, provide as G, computed as s, onMounted as K, nextTick as N } from "vue";
 import { useVirtualList as V, useInfiniteScroll as j } from "@vueuse/core";
 import { TableContext as q } from "./TableContext.js";
 const F = 46, J = 46, Z = (o, u) => {
-  const c = a([]);
-  z(q, {
+  const v = z(), c = a([]);
+  G(q, {
     onClose({ rowIndex: t, cellIndex: e, value: n } = {}) {
       n && (c.value = [...c.value, t], u("saveRow", {
         rowIndex: t,
@@ -11,37 +11,37 @@ const F = 46, J = 46, Z = (o, u) => {
         value: n,
         confirm: () => {
           c.value = c.value.filter(
-            (s) => s !== t
+            (i) => i !== t
           );
         }
       }));
     }
   });
-  const m = i(() => !!o.selection), T = i(() => {
-    const t = (m.value ? `${J}px ` : "") + (C.value ? `${F}px ` : "");
+  const x = s(() => !!o.selection), T = s(() => {
+    const t = (x.value ? `${J}px ` : "") + (g.value ? `${F}px ` : "");
     return o.columns.reduce((e, n) => {
-      const s = n.width ? `${n.width}px` : `${n.colSpan || 1}fr`;
-      return `${e} ${s}`;
+      const i = n.width ? `${n.width}px` : `${n.colSpan || 1}fr`;
+      return `${e} ${i}`;
     }, t);
-  }), R = a(null), y = i(() => Array(o.loadingRowCount).fill(
+  }), g = s(() => !!v.expanded), R = a(null), y = s(() => Array(o.loadingRowCount).fill(
     Array(o.columns.length).fill("")
-  )), $ = i(() => o.isLoading ? [...o.rows, ...y.value] : o.rows), { list: v, containerProps: l, wrapperProps: b } = V($, {
-    itemHeight: (t) => h[t] ?? o.rowHeight
-  }), H = a(null), g = a(0), x = G(), k = i(() => !!x.search), B = (t) => {
-    l.onScroll(), g.value = t.target.scrollLeft + t.target.getBoundingClientRect().width, u("onScroll", t.target.scrollTop);
+  )), H = s(() => o.isLoading ? [...o.rows, ...y.value] : o.rows), { list: C, containerProps: l, wrapperProps: $ } = V(H, {
+    itemHeight: g.value ? (t) => w[t] ?? o.rowHeight : o.rowHeight
+  }), b = a(null), h = a(0), k = s(() => !!v.search), B = (t) => {
+    l.onScroll(), h.value = t.target.scrollLeft + t.target.getBoundingClientRect().width, u("onScroll", t.target.scrollTop);
   };
   K(() => {
-    g.value = l.ref.value?.getBoundingClientRect().width, o.defaultScrollPosition && setTimeout(() => {
+    h.value = l.ref.value?.getBoundingClientRect().width, o.defaultScrollPosition && setTimeout(() => {
       l.ref.value?.scrollTo({
         top: o.defaultScrollPosition,
         behavior: "smooth"
       });
     }, 300);
   });
-  const I = i(() => {
-    const [t] = v.value;
+  const I = s(() => {
+    const [t] = C.value;
     return t && t.index > 0;
-  }), O = i(() => l.style), P = i(() => o.columns.reduce((t, e) => (e.isSticky && (t[e.id] = A(e)), t), {}));
+  }), O = s(() => l.style), P = s(() => o.columns.reduce((t, e) => (e.isSticky && (t[e.id] = A(e)), t), {}));
   j(
     l.ref,
     () => {
@@ -61,37 +61,37 @@ const F = 46, J = 46, Z = (o, u) => {
     const e = o.sort.sortBy === t.id;
     if (!(t.isSortable || t.isSortable === void 0))
       return;
-    let s = o.sort.sortOrder, f = o.sort.sortBy;
-    e ? s = o.sort.sortOrder === "asc" ? "desc" : "asc" : f = t.id, u("update:sort", { sortBy: f, sortOrder: s });
+    let i = o.sort.sortOrder, f = o.sort.sortBy;
+    e ? i = o.sort.sortOrder === "asc" ? "desc" : "asc" : f = t.id, u("update:sort", { sortBy: f, sortOrder: i });
   }
   function A(t) {
     const { isSticky: e, width: n } = t;
     if (!e || !n)
       return null;
-    const s = o.columns.findIndex((r) => r.id === t.id), f = o.columns.reduce((r, S, w) => w < s ? r + S.width : r, 0), X = o.columns.reduce((r, S, w) => w > s ? r + S.width : r, 0);
+    const i = o.columns.findIndex((r) => r.id === t.id), f = o.columns.reduce((r, S, m) => m < i ? r + S.width : r, 0), X = o.columns.reduce((r, S, m) => m > i ? r + S.width : r, 0);
     return {
       ...t.isStickyRight ? { right: `${X}px` } : { left: `${f}px` },
       zIndex: 1
     };
   }
-  const d = a([]), h = {}, _ = (t) => d.value.includes(t), D = async (t, e) => {
+  const d = a([]), w = {}, _ = (t) => d.value.includes(t), D = async (t, e) => {
     const n = d.value.indexOf(t);
     if (n === -1) {
       d.value.push(t);
-      const s = e.target.closest("tr");
-      await N(), s && (h[t] = s.offsetHeight);
+      const i = e.target.closest("tr");
+      await N(), i && (w[t] = i.offsetHeight);
     } else
-      d.value.splice(n, 1), delete h[t];
-  }, C = i(() => !!x.expanded), M = i(() => `${o.rowHeight}px`), W = i(
+      d.value.splice(n, 1), delete w[t];
+  }, M = s(() => `${o.rowHeight}px`), W = s(
     () => `1 / span ${o.columns.length + 1}`
   );
   return {
-    list: v,
+    list: C,
     containerProps: l,
-    wrapperProps: b,
+    wrapperProps: $,
     activeRow: R,
     gridColumnTemplate: T,
-    floatingActionRef: H,
+    floatingActionRef: b,
     scrollToTop: E,
     toggleSortOrder: L,
     columnsStickyPositions: P,
@@ -100,9 +100,9 @@ const F = 46, J = 46, Z = (o, u) => {
     containerStyle: O,
     onScroll: B,
     savingRows: c,
-    floatingActionPosition: g,
-    hasExpandSlot: C,
-    hasCheckboxes: m,
+    floatingActionPosition: h,
+    hasExpandSlot: g,
+    hasCheckboxes: x,
     toggleExpandRow: D,
     isRowExpanded: _,
     cssRowHeight: M,

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

@@ -6,7 +6,8 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     sections?: Section[];
     sort?: Sort;
     selection?: unknown[];
-    getRowId?: (row: Row, index: number) => string | number;
+    getRowId?: (row: Row, index: number) => unknown;
+    selectedMatcher?: (rowId: unknown, selected: unknown) => boolean;
     isSticky?: boolean;
     isStickyHeader?: boolean;
     isLoading?: boolean;
@@ -42,6 +43,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     testId: string;
     selection: any;
     getRowId: (row: any, index: any) => any;
+    selectedMatcher: (rowId: any, selectedItem: any) => boolean;
     search: any;
     showSearch: boolean;
     searchPlaceholder: string;
@@ -66,7 +68,8 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     sections?: Section[];
     sort?: Sort;
     selection?: unknown[];
-    getRowId?: (row: Row, index: number) => string | number;
+    getRowId?: (row: Row, index: number) => unknown;
+    selectedMatcher?: (rowId: unknown, selected: unknown) => boolean;
     isSticky?: boolean;
     isStickyHeader?: boolean;
     isLoading?: boolean;
@@ -102,6 +105,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     testId: string;
     selection: any;
     getRowId: (row: any, index: any) => any;
+    selectedMatcher: (rowId: any, selectedItem: any) => boolean;
     search: any;
     showSearch: boolean;
     searchPlaceholder: string;
@@ -138,7 +142,8 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     rowHeight: number | ((index: number) => number);
     loadingRowCount: number;
     defaultScrollPosition: number;
-    getRowId: (row: Row, index: number) => string | number;
+    getRowId: (row: Row, index: number) => unknown;
+    selectedMatcher: (rowId: unknown, selected: unknown) => boolean;
     emptyStateVariant: "error" | "no-access" | "no-results" | "no-data" | "files" | "settings";
     showSearch: boolean;
     zIndexBase: number;

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

@@ -1,7 +1,7 @@
 import o from "./DataGrid.vue2.js";
 /* empty css               */import _ from "../../../_virtual/_plugin-vue_export-helper.js";
-// import "../../../DataGrid.vue_vue_type_style_index_0_scoped_09d33c49_lang.css"; //*');
-const a = /* @__PURE__ */ _(o, [["__scopeId", "data-v-09d33c49"]]);
+// import "../../../DataGrid.vue_vue_type_style_index_0_scoped_d5635f1b_lang.css"; //*');
+const a = /* @__PURE__ */ _(o, [["__scopeId", "data-v-d5635f1b"]]);
 export {
   a as default
 };

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

@@ -1,5 +1,5 @@
- import "../../../DataGrid.vue_vue_type_style_index_0_scoped_09d33c49_lang.css"; import { defineComponent as ee, useCssVars as te, unref as e, useSlots as se, computed as g, openBlock as i, createElementBlock as l, createElementVNode as r, normalizeStyle as R, normalizeClass as y, renderSlot as c, createVNode as u, withCtx as T, createTextVNode as C, toDisplayString as E, isRef as ae, createCommentVNode as h, Fragment as x, renderList as B, createBlock as ie, mergeProps as le } from "vue";
-import I from "../../typography/v4/Typography.vue.js";
+ import "../../../DataGrid.vue_vue_type_style_index_0_scoped_d5635f1b_lang.css"; import { defineComponent as ee, useCssVars as te, unref as e, useSlots as se, computed as g, openBlock as i, createElementBlock as l, createElementVNode as r, normalizeStyle as T, normalizeClass as y, renderSlot as c, createVNode as u, withCtx as C, createTextVNode as x, toDisplayString as E, isRef as ae, createCommentVNode as h, Fragment as B, renderList as I, createBlock as ie, mergeProps as le } from "vue";
+import w from "../../typography/v4/Typography.vue.js";
 import de from "../../skeleton/v4/SkeletonV4.vue.js";
 import oe from "../../emptyState/v4/EmptyStateV4.vue.js";
 import D from "../../checkbox/v4/CheckboxV4.vue.js";
@@ -15,7 +15,7 @@ const ye = ["data-testid"], fe = ["data-testid"], Se = ["data-testid"], ke = ["d
 }, Re = {
   key: 1,
   class: "expand-toggle-cell"
-}, Te = ["onClick"], Ce = { class: "table-head-container" }, Ee = ["data-testid"], xe = ["onMouseenter"], Be = {
+}, Te = ["onClick"], Ce = { class: "table-head-container" }, xe = ["data-testid"], Ee = ["onMouseenter"], Be = {
   key: 0,
   class: "checkbox-cell"
 }, Ie = {
@@ -27,7 +27,7 @@ const ye = ["data-testid"], fe = ["data-testid"], Se = ["data-testid"], ke = ["d
 }, Ve = { key: 1 }, Le = {
   key: 0,
   class: "table-footer"
-}, Ye = /* @__PURE__ */ ee({
+}, pe = /* @__PURE__ */ ee({
   __name: "DataGrid",
   props: {
     title: { default: "" },
@@ -37,6 +37,7 @@ const ye = ["data-testid"], fe = ["data-testid"], Se = ["data-testid"], ke = ["d
     sort: { default: null },
     selection: { default: null },
     getRowId: { type: Function, default: (s, S) => S },
+    selectedMatcher: { type: Function, default: (s, S) => s === S },
     isSticky: { type: Boolean, default: !0 },
     isStickyHeader: { type: Boolean, default: !1 },
     isLoading: { type: Boolean, default: !1 },
@@ -57,66 +58,66 @@ const ye = ["data-testid"], fe = ["data-testid"], Se = ["data-testid"], ke = ["d
   },
   emits: ["update:sort", "update:search", "update:selection", "onScroll", "saveRow", "loadMore"],
   setup(s, { emit: S }) {
-    const d = s;
+    const o = s;
     te((a) => ({
-      "06152a68": s.zIndexBase,
-      "956a5780": e(q),
-      "55b2d739": e(A),
-      e26970fe: e(j)
+      "708a5a8f": s.zIndexBase,
+      "668fa5c3": e(q),
+      "6ded5808": e(H),
+      "70e35284": e(j)
     }));
     const b = se(), {
-      list: P,
+      list: A,
       containerProps: U,
       wrapperProps: G,
-      activeRow: w,
-      gridColumnTemplate: A,
-      toggleSortOrder: Y,
-      columnsStickyPositions: H,
-      hasSearchSlot: p,
+      activeRow: V,
+      gridColumnTemplate: H,
+      toggleSortOrder: p,
+      columnsStickyPositions: N,
+      hasSearchSlot: Y,
       containerStyle: Q,
-      onScroll: N,
+      onScroll: M,
       savingRows: F,
       hasExpandSlot: v,
       toggleExpandRow: W,
       cssRowHeight: j,
       cssExpandGridCol: q,
-      isRowExpanded: V,
-      hasCheckboxes: M
-    } = ne(d, S), O = g(() => !!b.footer), k = he(d, "search", S), J = g(() => d.selection.length || 0), L = g(() => {
-      const a = d.rows.map((o, t) => d.getRowId(o, t));
-      return a.length && a.every((o) => d.selection.includes(o));
-    }), z = (a) => d.selection.includes(a), K = (a) => {
-      z(a) ? $(d.selection.filter((o) => o !== a)) : $([...d.selection, a]);
+      isRowExpanded: L,
+      hasCheckboxes: O
+    } = ne(o, S), z = g(() => !!b.footer), k = he(o, "search", S), J = g(() => o.selection.length || 0), P = g(() => {
+      const a = o.rows.map((d, t) => o.getRowId(d, t));
+      return a.length && a.every((d) => $(d));
+    }), $ = (a) => o.selection.findIndex((d) => o.selectedMatcher(a, d)) !== -1, K = (a) => {
+      $(a) ? R(o.selection.filter((d) => d !== a)) : R([...o.selection, a]);
     }, X = () => {
-      if (L.value)
-        $([]);
+      if (P.value)
+        R([]);
       else {
-        const a = d.rows.map((o, t) => d.getRowId(o, t)).filter((o) => !d.selection.includes(o));
-        $([...d.selection, ...a]);
+        const a = o.rows.map((d, t) => o.getRowId(d, t)).filter((d) => !$(d));
+        R([...o.selection, ...a]);
       }
-    }, $ = (a) => {
+    }, R = (a) => {
       S("update:selection", a);
     }, Z = g(
-      () => d.emptyStateVariant ?? (k.value ? "no-results" : "no-data")
+      () => o.emptyStateVariant ?? (k.value ? "no-results" : "no-data")
     ), _ = g(
-      () => d.emptyStateSubtitle ? d.emptyStateSubtitle : k.value ? "Search again with different filters" : void 0
+      () => o.emptyStateSubtitle ? o.emptyStateSubtitle : k.value ? "Search again with different filters" : void 0
     );
-    return (a, o) => (i(), l("div", {
+    return (a, d) => (i(), l("div", {
       class: "table-container",
       "data-testid": `${s.testId}-${e(f).CONTAINER}`,
-      onMouseleave: o[2] || (o[2] = (t) => w.value = null)
+      onMouseleave: d[2] || (d[2] = (t) => V.value = null)
     }, [
       r("table", {
         ref: e(U).ref,
-        style: R(e(Q)),
+        style: T(e(Q)),
         class: y({
-          hasFooter: e(O)
+          hasFooter: e(z)
         }),
         "data-testid": `${s.testId}-${e(f).TABLE}`,
-        onScrollPassive: o[1] || (o[1] = //@ts-ignore
-        (...t) => e(N) && e(N)(...t))
+        onScrollPassive: d[1] || (d[1] = //@ts-ignore
+        (...t) => e(M) && e(M)(...t))
       }, [
-        s.title || e(b).title || e(p) || e(b)["table-header-actions"] ? (i(), l("div", {
+        s.title || e(b).title || e(Y) || e(b)["table-header-actions"] ? (i(), l("div", {
           key: 0,
           class: y(["table-header", { isStickyHeader: s.isStickyHeader }]),
           "data-testid": `${s.testId}-${e(f).HEADER}`
@@ -126,9 +127,9 @@ const ye = ["data-testid"], fe = ["data-testid"], Se = ["data-testid"], ke = ["d
             "data-testid": `${s.testId}-${e(f).TITLE}`
           }, [
             c(a.$slots, "title", {}, () => [
-              u(e(I), { variant: "h3" }, {
-                default: T(() => [
-                  C(E(s.title), 1)
+              u(e(w), { variant: "h3" }, {
+                default: C(() => [
+                  x(E(s.title), 1)
                 ]),
                 _: 1
               })
@@ -142,7 +143,7 @@ const ye = ["data-testid"], fe = ["data-testid"], Se = ["data-testid"], ke = ["d
               r("div", ge, [
                 u(e(ue), {
                   modelValue: e(k),
-                  "onUpdate:modelValue": o[0] || (o[0] = (t) => ae(k) ? k.value = t : null),
+                  "onUpdate:modelValue": d[0] || (d[0] = (t) => ae(k) ? k.value = t : null),
                   placeholder: s.searchPlaceholder,
                   "auto-focus": s.searchAutoFocus,
                   "test-id": s.testId
@@ -165,18 +166,18 @@ const ye = ["data-testid"], fe = ["data-testid"], Se = ["data-testid"], ke = ["d
             class: "sections",
             "data-testid": `${s.testId}-${e(f).SECTIONS}`
           }, [
-            (i(!0), l(x, null, B(s.sections, (t) => (i(), l("div", {
+            (i(!0), l(B, null, I(s.sections, (t) => (i(), l("div", {
               key: t.id,
               class: y(["section-container", { sticky: t.isSticky }])
             }, [
               c(a.$slots, `section-${t.id}`, {}, () => [
                 r("div", {
-                  style: R({ width: t.width + "px" }),
+                  style: T({ width: t.width + "px" }),
                   class: y({ section: !0 })
                 }, [
-                  u(e(I), { variant: "body2" }, {
-                    default: T(() => [
-                      C(E(t.title), 1)
+                  u(e(w), { variant: "body2" }, {
+                    default: C(() => [
+                      x(E(t.title), 1)
                     ]),
                     _: 2
                   }, 1024)
@@ -185,18 +186,18 @@ const ye = ["data-testid"], fe = ["data-testid"], Se = ["data-testid"], ke = ["d
             ], 2))), 128))
           ], 8, ve),
           r("tr", null, [
-            e(M) ? (i(), l("th", $e, [
+            e(O) ? (i(), l("th", $e, [
               c(a.$slots, "select-all-checkbox", {}, () => [
                 u(e(D), {
                   disabled: s.isLoading,
-                  "is-checked": e(L),
-                  "is-indeterminate": !e(L) && e(J) > 0,
+                  "is-checked": e(P),
+                  "is-indeterminate": !e(P) && e(J) > 0,
                   "onUpdate:isChecked": X
                 }, null, 8, ["disabled", "is-checked", "is-indeterminate"])
               ], !0)
             ])) : h("", !0),
             e(v) ? (i(), l("th", Re)) : h("", !0),
-            (i(!0), l(x, null, B(s.columns, (t) => (i(), l("th", {
+            (i(!0), l(B, null, I(s.columns, (t) => (i(), l("th", {
               key: t.id,
               class: y({
                 sticky: t.isSticky,
@@ -206,14 +207,14 @@ const ye = ["data-testid"], fe = ["data-testid"], Se = ["data-testid"], ke = ["d
                 isSortable: t.isSortable,
                 [`column-${t.id}`]: !0
               }),
-              style: R(t.isSticky ? e(H)[t.id] : null),
-              onClick: (m) => t.isSortable ? e(Y)(t) : null
+              style: T(t.isSticky ? e(N)[t.id] : null),
+              onClick: (m) => t.isSortable ? e(p)(t) : null
             }, [
               r("div", Ce, [
                 c(a.$slots, `header-${t.id}`, { column: t }, () => [
-                  u(e(I), { variant: "tableLabel" }, {
-                    default: T(() => [
-                      C(E(t.title), 1)
+                  u(e(w), { variant: "tableLabel" }, {
+                    default: C(() => [
+                      x(E(t.title), 1)
                     ]),
                     _: 2
                   }, 1024)
@@ -227,34 +228,34 @@ const ye = ["data-testid"], fe = ["data-testid"], Se = ["data-testid"], ke = ["d
           ])
         ], 2),
         r("tbody", null, [
-          e(P).length > 0 ? (i(), l("div", le({
+          e(A).length > 0 ? (i(), l("div", le({
             key: 0,
             class: "table-body-wrapper",
             "data-testid": `${s.testId}-${e(f).BODY_WRAPPER}`
           }, e(G)), [
-            (i(!0), l(x, null, B(e(P), (t) => (i(), l("tr", {
+            (i(!0), l(B, null, I(e(A), (t) => (i(), l("tr", {
               key: t.index,
               class: y(["table-row", {
                 loading: s.isLoading || s.isLoading && !t.data || e(F).includes(t.index),
-                active: e(w) === t.index,
-                expanded: e(v) && e(V)(t.index)
+                active: e(V) === t.index,
+                expanded: e(v) && e(L)(t.index)
               }]),
-              onMouseenter: (m) => w.value = t.index
+              onMouseenter: (m) => V.value = t.index
             }, [
-              e(M) ? (i(), l("td", Be, [
+              e(O) ? (i(), l("td", Be, [
                 u(e(D), {
-                  "is-checked": z(s.getRowId(t.data, t.index)),
+                  "is-checked": $(s.getRowId(t.data, t.index)),
                   size: "sm",
                   "onUpdate:isChecked": (m) => K(s.getRowId(t.data, t.index))
                 }, null, 8, ["is-checked", "onUpdate:isChecked"])
               ])) : h("", !0),
               e(v) ? (i(), l("td", Ie, [
                 u(re, {
-                  expanded: e(V)(t.index),
+                  expanded: e(L)(t.index),
                   onClick: (m) => e(W)(t.index, m)
                 }, null, 8, ["expanded", "onClick"])
               ])) : h("", !0),
-              (i(!0), l(x, null, B(s.columns, (m, n) => (i(), l("td", {
+              (i(!0), l(B, null, I(s.columns, (m, n) => (i(), l("td", {
                 key: n,
                 class: y({
                   sticky: s.columns[n].isSticky,
@@ -263,8 +264,8 @@ const ye = ["data-testid"], fe = ["data-testid"], Se = ["data-testid"], ke = ["d
                   isTextRight: s.columns[n].isTextRight,
                   [`column-${s.columns[n].id}`]: !0
                 }),
-                style: R(
-                  s.columns[n].isSticky ? e(H)[s.columns[n].id] : null
+                style: T(
+                  s.columns[n].isSticky ? e(N)[s.columns[n].id] : null
                 )
               }, [
                 !s.isLoading || s.isLoading && t.data[n] ? (i(), l("div", {
@@ -278,9 +279,9 @@ const ye = ["data-testid"], fe = ["data-testid"], Se = ["data-testid"], ke = ["d
                     row: t,
                     rowIndex: t.index
                   }, () => [
-                    u(e(I), { variant: "body1" }, {
-                      default: T(() => [
-                        C(E(t.data[n]), 1)
+                    u(e(w), { variant: "body1" }, {
+                      default: C(() => [
+                        x(E(t.data[n]), 1)
                       ]),
                       _: 2
                     }, 1024)
@@ -289,14 +290,14 @@ const ye = ["data-testid"], fe = ["data-testid"], Se = ["data-testid"], ke = ["d
                   u(e(de), { round: "" })
                 ], !0)
               ], 6))), 128)),
-              e(v) && e(V)(t.index) ? (i(), l("div", we, [
+              e(v) && e(L)(t.index) ? (i(), l("div", we, [
                 c(a.$slots, "expanded", {
                   row: t,
-                  gridColumnTemplate: e(A)
+                  gridColumnTemplate: e(H)
                 }, void 0, !0)
               ])) : h("", !0)
-            ], 42, xe))), 128))
-          ], 16, Ee)) : (i(), l("div", Ve, [
+            ], 42, Ee))), 128))
+          ], 16, xe)) : (i(), l("div", Ve, [
             c(a.$slots, "empty-state", {}, () => [
               u(e(oe), {
                 class: "empty-state",
@@ -309,12 +310,12 @@ const ye = ["data-testid"], fe = ["data-testid"], Se = ["data-testid"], ke = ["d
           ]))
         ])
       ], 46, fe),
-      e(O) ? (i(), l("div", Le, [
+      e(z) ? (i(), l("div", Le, [
         c(a.$slots, "footer", {}, void 0, !0)
       ])) : h("", !0)
     ], 40, ye));
   }
 });
 export {
-  Ye as default
+  pe as default
 };

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

@@ -24,7 +24,8 @@ declare const DataGridTypes: () => (({
             rowHeight: number | ((index: number) => number);
             loadingRowCount: number;
             defaultScrollPosition: number;
-            getRowId: (row: import("../common/Table.types").Row, index: number) => string | number;
+            getRowId: (row: import("../common/Table.types").Row, index: number) => unknown;
+            selectedMatcher: (rowId: unknown, selected: unknown) => boolean;
             emptyStateVariant: "error" | "no-access" | "no-results" | "no-data" | "files" | "settings";
             showSearch: boolean;
             zIndexBase: number;
@@ -110,9 +111,13 @@ declare const DataGridTypes: () => (({
                 default: any;
             };
             getRowId: {
-                type: import("vue").PropType<(row: import("../common/Table.types").Row, index: number) => string | number>;
+                type: import("vue").PropType<(row: import("../common/Table.types").Row, index: number) => unknown>;
                 default: (row: any, index: any) => any;
             };
+            selectedMatcher: {
+                type: import("vue").PropType<(rowId: unknown, selected: unknown) => boolean>;
+                default: (rowId: any, selectedItem: any) => boolean;
+            };
             emptyStateVariant: {
                 type: import("vue").PropType<"error" | "no-access" | "no-results" | "no-data" | "files" | "settings">;
                 default: any;
@@ -137,7 +142,7 @@ declare const DataGridTypes: () => (({
             onLoadMore?: () => any;
             "onUpdate:search"?: (query: string) => any;
             "onUpdate:selection"?: (selection: unknown[]) => any;
-        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "sort" | "title" | "search" | "testId" | "searchPlaceholder" | "selection" | "searchAutoFocus" | "isLoading" | "isSticky" | "sections" | "isStickyHeader" | "emptyStateTitle" | "emptyStateSubtitle" | "isInfiniteScroll" | "infiniteScrollThreshold" | "rowHeight" | "loadingRowCount" | "defaultScrollPosition" | "getRowId" | "emptyStateVariant" | "showSearch" | "zIndexBase">;
+        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "sort" | "title" | "search" | "testId" | "searchPlaceholder" | "selection" | "searchAutoFocus" | "isLoading" | "isSticky" | "sections" | "isStickyHeader" | "emptyStateTitle" | "emptyStateSubtitle" | "isInfiniteScroll" | "infiniteScrollThreshold" | "rowHeight" | "loadingRowCount" | "defaultScrollPosition" | "getRowId" | "selectedMatcher" | "emptyStateVariant" | "showSearch" | "zIndexBase">;
         $attrs: {
             [x: string]: unknown;
         };
@@ -238,9 +243,13 @@ declare const DataGridTypes: () => (({
                 default: any;
             };
             getRowId: {
-                type: import("vue").PropType<(row: import("../common/Table.types").Row, index: number) => string | number>;
+                type: import("vue").PropType<(row: import("../common/Table.types").Row, index: number) => unknown>;
                 default: (row: any, index: any) => any;
             };
+            selectedMatcher: {
+                type: import("vue").PropType<(rowId: unknown, selected: unknown) => boolean>;
+                default: (rowId: any, selectedItem: any) => boolean;
+            };
             emptyStateVariant: {
                 type: import("vue").PropType<"error" | "no-access" | "no-results" | "no-data" | "files" | "settings">;
                 default: any;
@@ -296,7 +305,8 @@ declare const DataGridTypes: () => (({
             rowHeight: number | ((index: number) => number);
             loadingRowCount: number;
             defaultScrollPosition: number;
-            getRowId: (row: import("../common/Table.types").Row, index: number) => string | number;
+            getRowId: (row: import("../common/Table.types").Row, index: number) => unknown;
+            selectedMatcher: (rowId: unknown, selected: unknown) => boolean;
             emptyStateVariant: "error" | "no-access" | "no-results" | "no-data" | "files" | "settings";
             showSearch: boolean;
             zIndexBase: number;
@@ -402,9 +412,13 @@ declare const DataGridTypes: () => (({
             default: any;
         };
         getRowId: {
-            type: import("vue").PropType<(row: import("../common/Table.types").Row, index: number) => string | number>;
+            type: import("vue").PropType<(row: import("../common/Table.types").Row, index: number) => unknown>;
             default: (row: any, index: any) => any;
         };
+        selectedMatcher: {
+            type: import("vue").PropType<(rowId: unknown, selected: unknown) => boolean>;
+            default: (rowId: any, selectedItem: any) => boolean;
+        };
         emptyStateVariant: {
             type: import("vue").PropType<"error" | "no-access" | "no-results" | "no-data" | "files" | "settings">;
             default: any;
@@ -515,9 +529,13 @@ declare const DataGridTypes: () => (({
         default: any;
     };
     getRowId: {
-        type: import("vue").PropType<(row: import("../common/Table.types").Row, index: number) => string | number>;
+        type: import("vue").PropType<(row: import("../common/Table.types").Row, index: number) => unknown>;
         default: (row: any, index: any) => any;
     };
+    selectedMatcher: {
+        type: import("vue").PropType<(rowId: unknown, selected: unknown) => boolean>;
+        default: (rowId: any, selectedItem: any) => boolean;
+    };
     emptyStateVariant: {
         type: import("vue").PropType<"error" | "no-access" | "no-results" | "no-data" | "files" | "settings">;
         default: any;
@@ -573,7 +591,8 @@ declare const DataGridTypes: () => (({
     rowHeight: number | ((index: number) => number);
     loadingRowCount: number;
     defaultScrollPosition: number;
-    getRowId: (row: import("../common/Table.types").Row, index: number) => string | number;
+    getRowId: (row: import("../common/Table.types").Row, index: number) => unknown;
+    selectedMatcher: (rowId: unknown, selected: unknown) => boolean;
     emptyStateVariant: "error" | "no-access" | "no-results" | "no-data" | "files" | "settings";
     showSearch: boolean;
     zIndexBase: number;

package/components/toggle/v4/ToggleV4.vue.js

@@ -1,7 +1,7 @@
-import e from "./ToggleV4.vue2.js";
-/* empty css               */import o from "../../../_virtual/_plugin-vue_export-helper.js";
-// import "../../../ToggleV4.vue_vue_type_style_index_0_scoped_ef31fecc_lang.css"; //*');
-const t = /* @__PURE__ */ o(e, [["__scopeId", "data-v-ef31fecc"]]);
+import o from "./ToggleV4.vue2.js";
+/* empty css               */import e from "../../../_virtual/_plugin-vue_export-helper.js";
+// import "../../../ToggleV4.vue_vue_type_style_index_0_scoped_ad231e8c_lang.css"; //*');
+const c = /* @__PURE__ */ e(o, [["__scopeId", "data-v-ad231e8c"]]);
 export {
-  t as default
+  c as default
 };

package/components/toggle/v4/ToggleV4.vue2.js

@@ -1,4 +1,4 @@
- import "../../../ToggleV4.vue_vue_type_style_index_0_scoped_ef31fecc_lang.css"; import { defineComponent as k, computed as h, openBlock as i, createElementBlock as m, normalizeClass as f, createElementVNode as s, mergeProps as d, unref as t, createCommentVNode as l, renderSlot as g, createBlock as u, withCtx as v, createTextVNode as y, toDisplayString as b, createVNode as V } from "vue";
+ import "../../../ToggleV4.vue_vue_type_style_index_0_scoped_ad231e8c_lang.css"; import { defineComponent as k, computed as h, openBlock as i, createElementBlock as m, normalizeClass as f, createElementVNode as s, mergeProps as d, unref as t, createCommentVNode as l, renderSlot as g, createBlock as u, withCtx as v, createTextVNode as y, toDisplayString as b, createVNode as V } from "vue";
 import E from "../../typography/v4/Typography.vue.js";
 import { ToggleTestIdModifiers as a } from "../../../testids/index.js";
 import B from "../../shared/FieldHelpText.vue.js";