@ironsource/shared-ui 2.1.7-rc.7 → 2.1.7-rc.9

package/MultipleDataGrid.vue_vue_type_style_index_0_scoped_1bdca43d_lang.css

@@ -0,0 +1 @@
+.multi-table-container[data-v-1bdca43d]{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-1bdca43d]{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-1bdca43d]{position:sticky;top:0;z-index:calc(var(--4c643133) + 3)}.multi-table-container[data-v-1bdca43d] table{display:table;border:unset;border-radius:unset}.multi-table-container[data-v-1bdca43d] thead{border-top:1px solid var(--common-divider)}.multi-table-container .tables-container[data-v-1bdca43d] thead.sticky{top:62px}

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_efbbc0bc_lang.css"; //*');
-const p = /* @__PURE__ */ o(e, [["__scopeId", "data-v-efbbc0bc"]]);
+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_1bdca43d_lang.css"; //*');
+const d = /* @__PURE__ */ t(o, [["__scopeId", "data-v-1bdca43d"]]);
 export {
-  p as default
+  d as default
 };

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

@@ -1,15 +1,15 @@
- import "../../../MultipleDataGrid.vue_vue_type_style_index_0_scoped_efbbc0bc_lang.css"; import { defineComponent as L, useCssVars as R, computed as V, openBlock as l, createElementBlock as d, createElementVNode as y, normalizeClass as z, unref as o, createBlock as c, createCommentVNode as m, isRef as E, Fragment as $, renderList as g, createSlots as p, withCtx as D, renderSlot as M } from "vue";
-import S from "./DataGrid.vue.js";
+ import "../../../MultipleDataGrid.vue_vue_type_style_index_0_scoped_1bdca43d_lang.css"; import { defineComponent as L, useCssVars as V, computed as E, openBlock as l, createElementBlock as d, createElementVNode as y, normalizeClass as $, unref as o, createBlock as c, createCommentVNode as m, isRef as z, Fragment as D, renderList as g, createSlots as M, withCtx as N, renderSlot as O } from "vue";
+import h from "./DataGrid.vue.js";
 import "./DataGridMenu.vue.js";
-import N from "./DataGridRowsCounter.vue.js";
+import A from "./DataGridRowsCounter.vue.js";
 import "./MultipleDataGrid.vue.js";
-import O from "../../search/v4/SearchV4.vue.js";
-import { useVModel as G } from "@vueuse/core";
-import { TableTestIdModifiers as P } from "../../../testids/index.js";
-const A = ["data-testid"], F = {
+import G from "../../search/v4/SearchV4.vue.js";
+import { useVModel as P } from "@vueuse/core";
+import { TableTestIdModifiers as S } from "../../../testids/index.js";
+const p = ["data-testid"], H = ["data-testid"], F = {
   key: 0,
   class: "tables-container"
-}, X = /* @__PURE__ */ L({
+}, Y = /* @__PURE__ */ L({
   __name: "MultipleDataGrid",
   props: {
     tablesSettings: { default: () => [] },
@@ -34,45 +34,46 @@ const A = ["data-testid"], F = {
   emits: ["update:search", "onScroll", "onClearSearch", "clickRow"],
   setup(t, { emit: n }) {
     const r = t;
-    R((e) => ({
-      "3e16946e": t.zIndexBase
+    V((e) => ({
+      "4c643133": t.zIndexBase
     }));
-    const h = V(
+    const w = E(
       () => r.isLoading || !r.tablesSettings.flatMap((e) => e.rows).length
-    ), u = G(r, "search", n), f = (e) => `cell-${e.id}`, w = (e) => {
+    ), u = P(r, "search", n), f = (e) => `cell-${e.id}`, k = (e) => {
       n("onScroll", e.target.scrollTop);
-    }, k = () => n("onClearSearch"), x = (e, s) => n("clickRow", e, s);
+    }, x = () => n("onClearSearch"), C = (e, s) => n("clickRow", e, s);
     return (e, s) => (l(), d("div", {
       class: "multi-table-container",
-      onScrollPassive: w
+      onScrollPassive: k
     }, [
       y("div", {
-        class: z(["table-header-container", { sticky: t.isSticky }])
+        class: $(["table-header-container", { sticky: t.isSticky }]),
+        "data-testid": `${t.testId}-${o(S).HEADER}`
       }, [
         y("div", {
           class: "rows-counter-container",
-          "data-testid": `${t.testId}-${o(P).TITLE}`
+          "data-testid": `${t.testId}-${o(S).TITLE}`
         }, [
-          t.isLoading ? m("", !0) : (l(), c(o(N), {
+          t.isLoading ? m("", !0) : (l(), c(o(A), {
             key: 0,
             count: t.count,
             "total-count": t.totalCount,
             "total-text": t.totalText,
             "displaying-text": t.displayingText,
             "out-of-text": t.outOfText,
-            testid: t.testId
-          }, null, 8, ["count", "total-count", "total-text", "displaying-text", "out-of-text", "testid"]))
-        ], 8, A),
-        t.showSearch ? (l(), c(o(O), {
+            "test-id": t.testId
+          }, null, 8, ["count", "total-count", "total-text", "displaying-text", "out-of-text", "test-id"]))
+        ], 8, H),
+        t.showSearch ? (l(), c(o(G), {
           key: 0,
           modelValue: o(u),
-          "onUpdate:modelValue": s[0] || (s[0] = (a) => E(u) ? u.value = a : null),
+          "onUpdate:modelValue": s[0] || (s[0] = (a) => z(u) ? u.value = a : null),
           placeholder: t.searchPlaceholder,
           "test-id": t.testId,
-          onOnClear: k
+          onOnClear: x
         }, null, 8, ["modelValue", "placeholder", "test-id"])) : m("", !0)
-      ], 2),
-      o(h) ? (l(), c(o(S), {
+      ], 10, p),
+      o(w) ? (l(), c(o(h), {
         key: 1,
         "is-loading": t.isLoading,
         columns: t.loadingAndEmptyStatesColumns,
@@ -83,11 +84,11 @@ const A = ["data-testid"], F = {
         "empty-state-subtitle": t.emptyStateSubtitle,
         "loading-row-count": t.loadingRowCount
       }, null, 8, ["is-loading", "columns", "test-id", "empty-state-variant", "empty-state-title", "empty-state-subtitle", "loading-row-count"])) : (l(), d("div", F, [
-        (l(!0), d($, null, g(t.tablesSettings, (a, C) => (l(), d("div", {
+        (l(!0), d(D, null, g(t.tablesSettings, (a, b) => (l(), d("div", {
           key: a.testId,
           class: "table-wrapper"
         }, [
-          a.rows.length ? (l(), c(o(S), {
+          a.rows.length ? (l(), c(o(h), {
             key: 0,
             sections: a.sections,
             columns: a.columns,
@@ -96,21 +97,21 @@ const A = ["data-testid"], F = {
             "is-sticky": t.isSticky,
             "z-index-base": t.zIndexBase,
             "test-id": a.testId,
-            onClickRow: (i) => x(i, C)
-          }, p({ _: 2 }, [
+            onClickRow: (i) => C(i, b)
+          }, M({ _: 2 }, [
             g(a.columns, (i) => ({
               name: f(i),
-              fn: D(({
-                cell: b,
+              fn: N(({
+                cell: I,
                 rowIndex: T,
-                isLoading: I,
-                cellIndex: v,
+                isLoading: v,
+                cellIndex: R,
                 row: B
               }) => [
-                M(e.$slots, `${f(i)}`, {
-                  cell: b,
-                  isLoading: I,
-                  cellIndex: v,
+                O(e.$slots, `${f(i)}`, {
+                  cell: I,
+                  isLoading: v,
+                  cellIndex: R,
                   row: B,
                   rowIndex: T
                 }, void 0, !0)
@@ -123,5 +124,5 @@ const A = ["data-testid"], F = {
   }
 });
 export {
-  X as default
+  Y as default
 };

package/package.json

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

package/MultipleDataGrid.vue_vue_type_style_index_0_scoped_efbbc0bc_lang.css

@@ -1 +0,0 @@
-.multi-table-container[data-v-efbbc0bc]{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-efbbc0bc]{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-efbbc0bc]{position:sticky;top:0;z-index:calc(var(--3e16946e) + 3)}.multi-table-container[data-v-efbbc0bc] table{display:table;border:unset;border-radius:unset}.multi-table-container[data-v-efbbc0bc] thead{border-top:1px solid var(--common-divider)}.multi-table-container .tables-container[data-v-efbbc0bc] thead.sticky{top:62px}