@ironsource/shared-ui 2.1.7-test.4 → 2.1.7-test.6

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

@@ -1,15 +1,15 @@
- 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 "../../../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 A from "./DataGridRowsCounter.vue.js";
+import U from "./DataGridRowsCounter.vue.js";
 import "./MultipleDataGrid.vue.js";
-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 = {
+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"
-}, Y = /* @__PURE__ */ L({
+}, ot = /* @__PURE__ */ A({
   __name: "MultipleDataGrid",
   props: {
     tablesSettings: { default: () => [] },
@@ -32,63 +32,92 @@ const p = ["data-testid"], H = ["data-testid"], F = {
     testId: { default: "" }
   },
   emits: ["update:search", "onScroll", "onClearSearch", "clickRow"],
-  setup(t, { emit: n }) {
-    const r = t;
-    V((e) => ({
-      "4c643133": t.zIndexBase
+  setup(t, { emit: c }) {
+    const g = t;
+    D((e) => ({
+      "5d3fa26e": t.zIndexBase
     }));
-    const w = E(
-      () => r.isLoading || !r.tablesSettings.flatMap((e) => e.rows).length
-    ), u = P(r, "search", n), f = (e) => `cell-${e.id}`, k = (e) => {
-      n("onScroll", e.target.scrollTop);
-    }, x = () => n("onClearSearch"), C = (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: k
+      onScrollPassive: x
     }, [
-      y("div", {
-        class: $(["table-header-container", { sticky: t.isSticky }]),
-        "data-testid": `${t.testId}-${o(S).HEADER}`
+      w("div", {
+        class: G(["table-header-container", { sticky: t.isSticky }]),
+        "data-testid": `${t.testId}-${o(h).HEADER}`
       }, [
-        y("div", {
+        w("div", {
           class: "rows-counter-container",
-          "data-testid": `${t.testId}-${o(S).TITLE}`
+          "data-testid": `${t.testId}-${o(h).TITLE}`
         }, [
-          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,
-            "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) => z(u) ? u.value = a : null),
-          placeholder: t.searchPlaceholder,
-          "test-id": t.testId,
-          onOnClear: x
-        }, null, 8, ["modelValue", "placeholder", "test-id"])) : m("", !0)
-      ], 10, p),
-      o(w) ? (l(), c(o(h), {
+          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", F, [
-        (l(!0), d(D, null, g(t.tablesSettings, (a, b) => (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(h), {
+          a.rows.length ? (s(), C(o(v), {
             key: 0,
             sections: a.sections,
             columns: a.columns,
@@ -97,32 +126,46 @@ const p = ["data-testid"], H = ["data-testid"], F = {
             "is-sticky": t.isSticky,
             "z-index-base": t.zIndexBase,
             "test-id": a.testId,
-            onClickRow: (i) => C(i, b)
-          }, M({ _: 2 }, [
-            g(a.columns, (i) => ({
-              name: f(i),
-              fn: N(({
-                cell: I,
-                rowIndex: T,
-                isLoading: v,
-                cellIndex: R,
-                row: B
+            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, `${f(i)}`, {
-                  cell: I,
-                  isLoading: v,
-                  cellIndex: R,
-                  row: B,
-                  rowIndex: T
+                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 {
-  Y as default
+  ot as default
 };