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

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;
+    getRowKey?: (row: Row, index: number) => string | number;
     selectedMatcher?: (rowId: unknown, selected: unknown) => boolean;
     isSticky?: boolean;
     isStickyHeader?: boolean;
@@ -45,6 +46,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     testId: string;
     selection: any;
     getRowId: (row: any, index: any) => any;
+    getRowKey: (row: any, index: any) => any;
     selectedMatcher: (rowId: any, selectedItem: any) => boolean;
     search: any;
     showSearch: boolean;
@@ -73,7 +75,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;
+    getRowKey?: (row: Row, index: number) => string | number;
     selectedMatcher?: (rowId: unknown, selected: unknown) => boolean;
     isSticky?: boolean;
     isStickyHeader?: boolean;
@@ -112,6 +115,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     testId: string;
     selection: any;
     getRowId: (row: any, index: any) => any;
+    getRowKey: (row: any, index: any) => any;
     selectedMatcher: (rowId: any, selectedItem: any) => boolean;
     search: any;
     showSearch: boolean;
@@ -151,7 +155,8 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     infiniteScrollThreshold: number;
     rowHeight: number | ((index: number) => number);
     defaultScrollPosition: number;
-    getRowId: (row: Row, index: number) => string | number;
+    getRowId: (row: Row, index: number) => unknown;
+    getRowKey: (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 _ 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"]]);
+// import "../../../DataGrid.vue_vue_type_style_index_0_scoped_92101a6c_lang.css"; //*');
+const s = /* @__PURE__ */ _(o, [["__scopeId", "data-v-92101a6c"]]);
 export {
   s as default
 };

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

@@ -1,8 +1,8 @@
- 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 "../../../DataGrid.vue_vue_type_style_index_0_scoped_92101a6c_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 A, createBlock as K, 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";
+import z from "../../checkbox/v4/CheckboxV4.vue.js";
 import { TableTestIdModifiers as S } from "../../../testids/index.js";
 import { tableCommon as ye } from "../common/Table.common.js";
 import fe from "./SortIcon.vue.js";
@@ -13,22 +13,22 @@ 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"
-}, Ie = {
+}, Be = {
   key: 1,
   class: "expand-toggle-cell"
-}, Be = ["onClick"], Ae = { class: "table-head-container" }, Ve = ["data-testid"], Le = ["onMouseenter", "onClick"], Me = {
+}, Ie = ["onClick"], Ae = { class: "table-head-container" }, Ve = ["data-testid"], pe = ["onMouseenter", "onClick"], Le = {
   key: 0,
   class: "checkbox-cell"
-}, Pe = {
+}, Me = {
   key: 1,
   class: "expand-toggle-cell"
-}, pe = {
+}, Pe = {
   key: 2,
   class: "expanded-row"
 }, He = {
   key: 3,
   class: "floating-row"
-}, Ne = { key: 1 }, Fe = {
+}, Fe = { key: 1 }, Ne = {
   key: 0,
   class: "table-footer"
 }, Xe = /* @__PURE__ */ de({
@@ -40,8 +40,9 @@ const ve = ["data-testid"], be = ["data-testid"], $e = ["data-testid"], Re = ["d
     sections: { default: null },
     sort: { default: null },
     selection: { default: null },
-    getRowId: { type: Function, default: (s, m) => m },
-    selectedMatcher: { type: Function, default: (s, m) => s === m },
+    getRowId: { type: Function, default: (s, k) => k },
+    getRowKey: { type: Function, default: (s, k) => k },
+    selectedMatcher: { type: Function, default: (s, k) => s === k },
     isSticky: { type: Boolean, default: !0 },
     isStickyHeader: { type: Boolean, default: !1 },
     isLoading: { type: Boolean, default: !1 },
@@ -63,35 +64,35 @@ const ve = ["data-testid"], be = ["data-testid"], $e = ["data-testid"], Re = ["d
     rowDataKey: { default: "" }
   },
   emits: ["update:sort", "update:search", "update:selection", "onScroll", "onClearSearch", "saveRow", "loadMore", "selectAll", "selectRow", "clickRow"],
-  setup(s, { expose: m, emit: y }) {
+  setup(s, { expose: k, emit: y }) {
     const i = s;
     oe((a) => ({
-      "1e7437b3": s.zIndexBase,
-      "734017e7": t(X),
-      "6b65cd20": t(p),
-      "4bca76a8": t(J)
+      e0125058: s.zIndexBase,
+      "1c0f4970": t(X),
+      "1d1abc41": t(P),
+      67259289: t(J)
     }));
     const b = ne(), U = (a) => i.rowCustomClassKey && i.rows[a] ? i.rows[a][i.rowCustomClassKey] : "", {
-      list: P,
+      list: M,
       containerProps: G,
       wrapperProps: Y,
       activeRow: $,
-      gridColumnTemplate: p,
+      gridColumnTemplate: P,
       toggleSortOrder: Q,
       columnsStickyPositions: H,
       hasSearchSlot: W,
       containerStyle: j,
-      onScroll: N,
-      savingRows: F,
+      onScroll: F,
+      savingRows: N,
       hasExpandSlot: R,
       toggleExpandRow: q,
       cssRowHeight: J,
       cssExpandGridCol: X,
-      isRowExpanded: L,
+      isRowExpanded: p,
       hasCheckboxes: O,
       activeMenuRow: Z,
       scrollTo: _
-    } = ye(i, y), D = v(() => !!b.footer), g = ge(i, "search", y), ee = v(() => i.selection.length || 0), M = v(() => {
+    } = ye(i, y), D = v(() => !!b.footer), g = ge(i, "search", y), ee = v(() => i.selection.length || 0), L = 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 +102,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 (M.value)
+      if (L.value)
         x([]), y("selectAll", !1);
       else {
         const a = i.rows.map((o, e) => i.getRowId(o, e)).filter((o) => !C(o));
@@ -114,7 +115,7 @@ const ve = ["data-testid"], be = ["data-testid"], $e = ["data-testid"], Re = ["d
     ), ie = v(
       () => i.emptyStateSubtitle ? i.emptyStateSubtitle : g.value ? "Search again with different filters" : void 0
     );
-    return m({
+    return k({
       scrollTo: _
     }), (a, o) => (l(), d("div", {
       class: "table-container",
@@ -129,7 +130,7 @@ const ve = ["data-testid"], be = ["data-testid"], $e = ["data-testid"], Re = ["d
         }),
         "data-testid": `${s.testId}-${t(S).TABLE}`,
         onScrollPassive: o[2] || (o[2] = //@ts-ignore
-        (...e) => t(N) && t(N)(...e))
+        (...e) => t(F) && t(F)(...e))
       }, [
         s.title || t(b).title || t(W) || t(b)["table-header-actions"] ? (l(), d("div", {
           key: 0,
@@ -143,7 +144,7 @@ const ve = ["data-testid"], be = ["data-testid"], $e = ["data-testid"], Re = ["d
             c(a.$slots, "title", {}, () => [
               h(t(V), { variant: "h3" }, {
                 default: w(() => [
-                  E(I(s.title), 1)
+                  E(B(s.title), 1)
                 ]),
                 _: 1
               })
@@ -181,7 +182,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(B, null, A(s.sections, (e) => (l(), d("div", {
+            (l(!0), d(I, null, A(s.sections, (e) => (l(), d("div", {
               key: e.id,
               class: f(["section-container", { sticky: e.isSticky }])
             }, [
@@ -192,7 +193,7 @@ const ve = ["data-testid"], be = ["data-testid"], $e = ["data-testid"], Re = ["d
                 }, [
                   h(t(V), { variant: "body2" }, {
                     default: w(() => [
-                      E(I(e.title), 1)
+                      E(B(e.title), 1)
                     ]),
                     _: 2
                   }, 1024)
@@ -203,16 +204,16 @@ const ve = ["data-testid"], be = ["data-testid"], $e = ["data-testid"], Re = ["d
           u("tr", null, [
             t(O) ? (l(), d("th", Ee, [
               c(a.$slots, "select-all-checkbox", {}, () => [
-                h(t(K), {
+                h(t(z), {
                   disabled: s.isLoading,
-                  "is-checked": t(M),
-                  "is-indeterminate": !t(M) && t(ee) > 0,
+                  "is-checked": t(L),
+                  "is-indeterminate": !t(L) && t(ee) > 0,
                   "onUpdate:isChecked": se
                 }, null, 8, ["disabled", "is-checked", "is-indeterminate"])
               ])
             ])) : r("", !0),
-            t(R) ? (l(), d("th", Ie)) : r("", !0),
-            (l(!0), d(B, null, A(s.columns, (e) => (l(), d("th", {
+            t(R) ? (l(), d("th", Be)) : r("", !0),
+            (l(!0), d(I, null, A(s.columns, (e) => (l(), d("th", {
               key: e.id,
               class: f({
                 sticky: e.isSticky,
@@ -223,61 +224,61 @@ const ve = ["data-testid"], be = ["data-testid"], $e = ["data-testid"], Re = ["d
                 [`column-${e.id}`]: !0
               }),
               style: T(e.isSticky ? t(H)[e.id] : null),
-              onClick: (k) => e.isSortable ? t(Q)(e) : null
+              onClick: (m) => e.isSortable ? t(Q)(e) : null
             }, [
               u("div", Ae, [
                 c(a.$slots, `header-${e.id}`, { column: e }, () => [
                   h(t(V), { variant: "tableLabel" }, {
                     default: w(() => [
-                      E(I(e.title), 1)
+                      E(B(e.title), 1)
                     ]),
                     _: 2
                   }, 1024)
                 ]),
-                e.helpText ? (l(), z(Se, {
+                e.helpText ? (l(), K(Se, {
                   key: 0,
                   "hover-help-text": e.helpText,
                   "hover-help-text-placement": e.helpTextPlacement
                 }, null, 8, ["hover-help-text", "hover-help-text-placement"])) : r("", !0),
-                e.isSortable && e.id === s.sort?.sortBy ? (l(), z(fe, {
+                e.isSortable && e.id === s.sort?.sortBy ? (l(), K(fe, {
                   key: 1,
                   "sort-order": s.sort.sortOrder
                 }, null, 8, ["sort-order"])) : r("", !0)
               ])
-            ], 14, Be))), 128))
+            ], 14, Ie))), 128))
           ])
         ], 2),
         u("tbody", null, [
-          t(P).length > 0 ? (l(), d("div", re({
+          t(M).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(B, null, A(t(P), (e) => (l(), d("tr", {
-              key: s.getRowId(e.data, e.index),
+            (l(!0), d(I, null, A(t(M), (e) => (l(), d("tr", {
+              key: s.getRowKey(e.data, e.index),
               class: f(["table-row", {
-                loading: s.isLoading || s.isLoading && !e.data || t(F).includes(e.index),
+                loading: s.isLoading || s.isLoading && !e.data || t(N).includes(e.index),
                 active: t($) === e.index,
                 activeMenu: t(Z) === e.index,
-                expanded: t(R) && t(L)(e.index),
+                expanded: t(R) && t(p)(e.index),
                 [U(e.index)]: !0
               }]),
-              onMouseenter: (k) => $.value = e.index,
-              onClick: (k) => y("clickRow", e.index)
+              onMouseenter: (m) => $.value = e.index,
+              onClick: (m) => y("clickRow", e.index)
             }, [
-              t(O) ? (l(), d("td", Me, [
-                h(t(K), {
+              t(O) ? (l(), d("td", Le, [
+                h(t(z), {
                   "is-checked": C(s.getRowId(e.data, e.index)),
-                  "onUpdate:isChecked": (k) => te(s.getRowId(e.data, e.index))
+                  "onUpdate:isChecked": (m) => te(s.getRowId(e.data, e.index))
                 }, null, 8, ["is-checked", "onUpdate:isChecked"])
               ])) : r("", !0),
-              t(R) ? (l(), d("td", Pe, [
+              t(R) ? (l(), d("td", Me, [
                 h(ke, {
-                  expanded: t(L)(e.index),
-                  onClick: (k) => t(q)(e.index, k)
+                  expanded: t(p)(e.index),
+                  onClick: (m) => t(q)(e.index, m)
                 }, null, 8, ["expanded", "onClick"])
               ])) : r("", !0),
-              (l(!0), d(B, null, A(s.columns, (k, n) => (l(), d("td", {
+              (l(!0), d(I, null, A(s.columns, (m, n) => (l(), d("td", {
                 key: n,
                 class: f({
                   sticky: s.columns[n].isSticky,
@@ -296,14 +297,14 @@ const ve = ["data-testid"], be = ["data-testid"], $e = ["data-testid"], Re = ["d
                 }, [
                   c(a.$slots, `cell-${s.columns[n].id}`, {
                     cell: e.data[n],
-                    isLoading: t(F).includes(e.index),
+                    isLoading: t(N).includes(e.index),
                     cellIndex: n,
                     row: e,
                     rowIndex: e.index
                   }, () => [
                     h(t(V), { variant: "body1" }, {
                       default: w(() => [
-                        E(I(e.data[n]), 1)
+                        E(B(e.data[n]), 1)
                       ]),
                       _: 2
                     }, 1024)
@@ -312,10 +313,10 @@ const ve = ["data-testid"], be = ["data-testid"], $e = ["data-testid"], Re = ["d
                   h(t(ue), { round: "" })
                 ])
               ], 6))), 128)),
-              t(R) && t(L)(e.index) ? (l(), d("div", pe, [
+              t(R) && t(p)(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 +325,8 @@ const ve = ["data-testid"], be = ["data-testid"], $e = ["data-testid"], Re = ["d
                   rowIndex: e.index
                 })
               ])) : r("", !0)
-            ], 42, Le))), 128))
-          ], 16, Ve)) : (l(), d("div", Ne, [
+            ], 42, pe))), 128))
+          ], 16, Ve)) : (l(), d("div", Fe, [
             c(a.$slots, "empty-state", {}, () => [
               h(t(he), {
                 class: "empty-state",
@@ -338,7 +339,7 @@ const ve = ["data-testid"], be = ["data-testid"], $e = ["data-testid"], Re = ["d
           ]))
         ])
       ], 46, be),
-      t(D) ? (l(), d("div", Fe, [
+      t(D) ? (l(), d("div", Ne, [
         c(a.$slots, "footer")
       ])) : r("", !0)
     ], 40, ve));

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

@@ -3,7 +3,8 @@ import { Row, SaveRowEvent, TableSettings } from '@is-ssp/table/common/Table.typ
 declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
     tablesSettings: TableSettings[];
     loadingAndEmptyStatesColumns: Column[];
-    getRowId?: (row: Row, index: number) => string | number;
+    getRowId?: (row: Row, index: number) => unknown;
+    getRowKey?: (row: Row, index: number) => string | number;
     isSticky?: boolean;
     isLoading?: boolean;
     emptyStateVariant?: "error" | "no-access" | "no-results" | "no-data" | "files" | "settings";
@@ -19,11 +20,14 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     displayingText?: string;
     outOfText?: string;
     totalText?: string;
+    rowCustomClassKey?: string;
+    rowDataKey?: string;
     testId?: string;
 }>, {
     tablesSettings: () => any[];
     loadingAndEmptyStatesColumns: () => any[];
     getRowId: (row: any, index: any) => any;
+    getRowKey: (row: any, index: any) => any;
     isSticky: boolean;
     isLoading: boolean;
     emptyStateVariant: any;
@@ -39,6 +43,8 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     displayingText: string;
     outOfText: string;
     totalText: string;
+    rowCustomClassKey: string;
+    rowDataKey: string;
     testId: string;
 }>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:search": (query: string) => void;
@@ -51,7 +57,8 @@ 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;
+    getRowId?: (row: Row, index: number) => unknown;
+    getRowKey?: (row: Row, index: number) => string | number;
     isSticky?: boolean;
     isLoading?: boolean;
     emptyStateVariant?: "error" | "no-access" | "no-results" | "no-data" | "files" | "settings";
@@ -67,11 +74,14 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     displayingText?: string;
     outOfText?: string;
     totalText?: string;
+    rowCustomClassKey?: string;
+    rowDataKey?: string;
     testId?: string;
 }>, {
     tablesSettings: () => any[];
     loadingAndEmptyStatesColumns: () => any[];
     getRowId: (row: any, index: any) => any;
+    getRowKey: (row: any, index: any) => any;
     isSticky: boolean;
     isLoading: boolean;
     emptyStateVariant: any;
@@ -87,6 +97,8 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     displayingText: string;
     outOfText: string;
     totalText: string;
+    rowCustomClassKey: string;
+    rowDataKey: string;
     testId: string;
 }>>> & {
     "onUpdate:search"?: (query: string) => any;
@@ -107,9 +119,12 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     emptyStateTitle: string;
     isSticky: boolean;
     emptyStateSubtitle: string;
-    getRowId: (row: Row, index: number) => string | number;
+    getRowId: (row: Row, index: number) => unknown;
+    getRowKey: (row: Row, index: number) => string | number;
     emptyStateVariant: "error" | "no-access" | "no-results" | "no-data" | "files" | "settings";
     zIndexBase: number;
+    rowCustomClassKey: string;
+    rowDataKey: string;
     totalCount: number;
     displayingText: string;
     outOfText: string;

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

@@ -1,7 +1,7 @@
 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"]]);
+// import "../../../MultipleDataGrid.vue_vue_type_style_index_0_scoped_020a9896_lang.css"; //*');
+const p = /* @__PURE__ */ t(o, [["__scopeId", "data-v-020a9896"]]);
 export {
   p as default
 };