@ironsource/shared-ui 2.1.7-test.3 → 2.1.7-test.5

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

@@ -1,14 +1,15 @@
- import "../../../MultipleDataGrid.vue_vue_type_style_index_0_scoped_260b9cdc_lang.css"; import { defineComponent as T, useCssVars as V, computed as L, openBlock as l, createElementBlock as d, createElementVNode as f, normalizeClass as z, createBlock as c, unref as o, createCommentVNode as m, isRef as p, Fragment as E, renderList as g, createSlots as D, withCtx as N, renderSlot as O } from "vue";
-import S from "./DataGrid.vue.js";
+ import "../../../MultipleDataGrid.vue_vue_type_style_index_0_scoped_82ba0e12_lang.css"; import { defineComponent as A, useCssVars as D, useSlots as H, computed as O, openBlock as s, createElementBlock as r, createElementVNode as w, normalizeClass as G, unref as o, renderSlot as n, createBlock as C, createCommentVNode as f, createVNode as M, isRef as $, Fragment as P, renderList as y, createSlots as b, withCtx as u } from "vue";
+import v from "./DataGrid.vue.js";
 import "./DataGridMenu.vue.js";
-import G from "./DataGridRowsCounter.vue.js";
+import U from "./DataGridRowsCounter.vue.js";
 import "./MultipleDataGrid.vue.js";
-import M from "../../search/v4/SearchV4.vue.js";
-import { useVModel as P } from "@vueuse/core";
-const $ = { class: "rows-counter-container" }, A = {
+import F from "../../search/v4/SearchV4.vue.js";
+import { useVModel as Q } from "@vueuse/core";
+import { TableTestIdModifiers as h } from "../../../testids/index.js";
+const j = ["data-testid"], p = ["data-testid"], q = ["data-testid"], J = ["data-testid"], K = {
   key: 0,
   class: "tables-container"
-}, K = /* @__PURE__ */ T({
+}, ot = /* @__PURE__ */ A({
   __name: "MultipleDataGrid",
   props: {
     tablesSettings: { default: () => [] },
@@ -31,59 +32,92 @@ const $ = { class: "rows-counter-container" }, A = {
     testId: { default: "" }
   },
   emits: ["update:search", "onScroll", "onClearSearch", "clickRow"],
-  setup(t, { emit: n }) {
-    const u = t;
-    V((e) => ({
-      "6bca14de": t.zIndexBase
+  setup(t, { emit: c }) {
+    const g = t;
+    D((e) => ({
+      "5d3fa26e": t.zIndexBase
     }));
-    const h = L(
-      () => u.isLoading || !u.tablesSettings.flatMap((e) => e.rows).length
-    ), r = P(u, "search", n), y = (e) => `cell-${e.id}`, w = (e) => {
-      n("onScroll", e.target.scrollTop);
-    }, k = () => n("onClearSearch"), x = (e, s) => n("clickRow", e, s);
-    return (e, s) => (l(), d("div", {
+    const I = H(), T = O(
+      () => g.isLoading || !g.tablesSettings.flatMap((e) => e.rows).length
+    ), d = Q(g, "search", c), m = (e) => `header-${e.id}`, k = (e) => `cell-${e.id}`, x = (e) => {
+      c("onScroll", e.target.scrollTop);
+    }, R = () => c("onClearSearch"), E = (e, i) => c("clickRow", e, i);
+    return (e, i) => (s(), r("div", {
       class: "multi-table-container",
-      onScrollPassive: w
+      onScrollPassive: x
     }, [
-      f("div", {
-        class: z(["table-header-container", { sticky: t.isSticky }])
+      w("div", {
+        class: G(["table-header-container", { sticky: t.isSticky }]),
+        "data-testid": `${t.testId}-${o(h).HEADER}`
       }, [
-        f("div", $, [
-          t.isLoading ? m("", !0) : (l(), c(o(G), {
-            key: 0,
-            count: t.count,
-            "total-count": t.totalCount,
-            "total-text": t.totalText,
-            "displaying-text": t.displayingText,
-            "out-of-text": t.outOfText,
-            "data-testid": t.testId
-          }, null, 8, ["count", "total-count", "total-text", "displaying-text", "out-of-text", "data-testid"]))
-        ]),
-        t.showSearch ? (l(), c(o(M), {
-          key: 0,
-          modelValue: o(r),
-          "onUpdate:modelValue": s[0] || (s[0] = (a) => p(r) ? r.value = a : null),
-          placeholder: t.searchPlaceholder,
-          "test-id": t.testId,
-          onOnClear: k
-        }, null, 8, ["modelValue", "placeholder", "test-id"])) : m("", !0)
-      ], 2),
-      o(h) ? (l(), c(o(S), {
+        w("div", {
+          class: "rows-counter-container",
+          "data-testid": `${t.testId}-${o(h).TITLE}`
+        }, [
+          n(e.$slots, "title", {}, () => [
+            t.isLoading ? f("", !0) : (s(), C(o(U), {
+              key: 0,
+              count: t.count,
+              "total-count": t.totalCount,
+              "total-text": t.totalText,
+              "displaying-text": t.displayingText,
+              "out-of-text": t.outOfText,
+              "test-id": t.testId
+            }, null, 8, ["count", "total-count", "total-text", "displaying-text", "out-of-text", "test-id"]))
+          ], !0)
+        ], 8, p),
+        w("div", {
+          class: "table-header-right",
+          "data-testid": `${t.testId}-${o(h).HEADER_RIGHT}`
+        }, [
+          t.showSearch ? n(e.$slots, "search", { key: 0 }, () => [
+            M(o(F), {
+              modelValue: o(d),
+              "onUpdate:modelValue": i[0] || (i[0] = (a) => $(d) ? d.value = a : null),
+              placeholder: t.searchPlaceholder,
+              "test-id": t.testId,
+              onOnClear: R
+            }, null, 8, ["modelValue", "placeholder", "test-id"])
+          ], !0) : f("", !0),
+          o(I)["table-header-actions"] ? (s(), r("div", {
+            key: 1,
+            class: "table-header-actions",
+            "data-testid": `${t.testId}-${o(h).ACTIONS}`
+          }, [
+            n(e.$slots, "table-header-actions", {}, void 0, !0)
+          ], 8, J)) : f("", !0)
+        ], 8, q)
+      ], 10, j),
+      o(T) ? (s(), C(o(v), {
         key: 1,
-        "is-loading": t.isLoading,
-        columns: t.loadingAndEmptyStatesColumns,
+        search: o(d),
+        "onUpdate:search": i[1] || (i[1] = (a) => $(d) ? d.value = a : null),
         rows: [],
-        "test-id": t.testId,
+        columns: t.loadingAndEmptyStatesColumns,
+        "is-loading": t.isLoading,
+        "loading-row-count": t.loadingRowCount,
         "empty-state-variant": t.emptyStateVariant,
         "empty-state-title": t.emptyStateTitle,
         "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", A, [
-        (l(!0), d(E, null, g(t.tablesSettings, (a, C) => (l(), d("div", {
+        "test-id": t.testId
+      }, b({
+        "empty-state": u(() => [
+          n(e.$slots, "empty-state", {}, void 0, !0)
+        ]),
+        _: 2
+      }, [
+        y(t.loadingAndEmptyStatesColumns, (a) => ({
+          name: m(a),
+          fn: u(() => [
+            n(e.$slots, `${m(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"])) : (s(), r("div", K, [
+        (s(!0), r(P, null, y(t.tablesSettings, (a, V) => (s(), r("div", {
           key: a.testId,
           class: "table-wrapper"
         }, [
-          a.rows.length ? (l(), c(o(S), {
+          a.rows.length ? (s(), C(o(v), {
             key: 0,
             sections: a.sections,
             columns: a.columns,
@@ -92,32 +126,46 @@ const $ = { class: "rows-counter-container" }, A = {
             "is-sticky": t.isSticky,
             "z-index-base": t.zIndexBase,
             "test-id": a.testId,
-            onClickRow: (i) => x(i, C)
-          }, D({ _: 2 }, [
-            g(a.columns, (i) => ({
-              name: y(i),
-              fn: N(({
-                cell: b,
-                rowIndex: v,
-                isLoading: B,
-                cellIndex: I,
-                row: R
+            onClickRow: (l) => E(l, V)
+          }, b({
+            "floating-row": u(({ row: l, rowIndex: S }) => [
+              n(e.$slots, "floating-row", {
+                row: l,
+                rowIndex: S
+              }, void 0, !0)
+            ]),
+            _: 2
+          }, [
+            y(a.columns, (l) => ({
+              name: m(l),
+              fn: u(() => [
+                n(e.$slots, `${m(l)}`, { column: l }, void 0, !0)
+              ])
+            })),
+            y(a.columns, (l) => ({
+              name: k(l),
+              fn: u(({
+                cell: S,
+                rowIndex: B,
+                isLoading: L,
+                cellIndex: N,
+                row: z
               }) => [
-                O(e.$slots, `${y(i)}`, {
-                  cell: b,
-                  isLoading: B,
-                  cellIndex: I,
-                  row: R,
-                  rowIndex: v
+                n(e.$slots, `${k(l)}`, {
+                  cell: S,
+                  isLoading: L,
+                  cellIndex: N,
+                  row: z,
+                  rowIndex: B
                 }, void 0, !0)
               ])
             }))
-          ]), 1032, ["sections", "columns", "rows", "row-height", "is-sticky", "z-index-base", "test-id", "onClickRow"])) : m("", !0)
+          ]), 1032, ["sections", "columns", "rows", "row-height", "is-sticky", "z-index-base", "test-id", "onClickRow"])) : f("", !0)
         ]))), 128))
       ]))
     ], 32));
   }
 });
 export {
-  K as default
+  ot as default
 };