@ironsource/shared-ui 2.1.7-rc.10 → 2.1.7-rc.11

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

@@ -1,7 +1,7 @@
 import o from "./DataGrid.vue2.js";
-/* empty css               */import a from "../../../_virtual/_plugin-vue_export-helper.js";
-// import "../../../DataGrid.vue_vue_type_style_index_0_scoped_63aaf3be_lang.css"; //*');
-const s = /* @__PURE__ */ a(o, [["__scopeId", "data-v-63aaf3be"]]);
+/* empty css               */import _ from "../../../_virtual/_plugin-vue_export-helper.js";
+// import "../../../DataGrid.vue_vue_type_style_index_0_scoped_ff47417d_lang.css"; //*');
+const a = /* @__PURE__ */ _(o, [["__scopeId", "data-v-ff47417d"]]);
 export {
-  s as default
+  a as default
 };

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

@@ -1,4 +1,4 @@
- import "../../../DataGrid.vue_vue_type_style_index_0_scoped_63aaf3be_lang.css"; import { defineComponent as le, useCssVars as ie, unref as t, useSlots as de, computed as v, openBlock as l, createElementBlock as d, createElementVNode as u, normalizeStyle as C, normalizeClass as f, renderSlot as c, createVNode as h, withCtx as T, createTextVNode as E, toDisplayString as w, isRef as oe, createCommentVNode as r, Fragment as B, renderList as I, createBlock as z, mergeProps as ne } from "vue";
+ import "../../../DataGrid.vue_vue_type_style_index_0_scoped_ff47417d_lang.css"; import { defineComponent as le, useCssVars as ie, unref as t, useSlots as de, computed as v, openBlock as l, createElementBlock as d, createElementVNode as u, normalizeStyle as C, normalizeClass as f, renderSlot as c, createVNode as h, withCtx as T, createTextVNode as E, toDisplayString as w, isRef as oe, createCommentVNode as r, Fragment as B, renderList as I, createBlock as z, mergeProps as ne } from "vue";
 import p from "../../typography/v4/Typography.vue.js";
 import ce from "../../skeleton/v4/SkeletonV4.vue.js";
 import re from "../../emptyState/v4/EmptyStateV4.vue.js";
@@ -10,25 +10,26 @@ import ye from "./HelpIcon.vue.js";
 import fe from "./ExpandRowToggle.vue.js";
 import Se from "../../search/v4/SearchV4.vue.js";
 import { useVModel as ke } from "@vueuse/core";
-const me = ["data-testid"], ge = ["data-testid"], ve = ["data-testid"], be = ["data-testid"], $e = ["data-testid"], Re = { class: "search-wrapper" }, xe = ["data-testid"], Ce = ["data-testid"], Te = {
+import { getEmptyVariant as me, getEmptySubtitle as ge } from "./utils/utils.js";
+const ve = ["data-testid"], be = ["data-testid"], $e = ["data-testid"], Re = ["data-testid"], xe = ["data-testid"], Ce = { class: "search-wrapper" }, Te = ["data-testid"], Ee = ["data-testid"], we = {
   key: 0,
   class: "checkbox-cell"
-}, Ee = {
+}, Be = {
   key: 1,
   class: "expand-toggle-cell"
-}, we = ["onClick"], Be = { class: "table-head-container" }, Ie = ["data-testid"], pe = ["onMouseenter", "onClick"], Ae = {
+}, Ie = ["onClick"], pe = { class: "table-head-container" }, Ae = ["data-testid"], Ve = ["onMouseenter", "onClick"], Me = {
   key: 0,
   class: "checkbox-cell"
-}, Me = {
+}, Pe = {
   key: 1,
   class: "expand-toggle-cell"
-}, Pe = {
+}, He = {
   key: 2,
   class: "expanded-row"
-}, Ve = { key: 1 }, He = {
+}, Le = { key: 1 }, Ne = {
   key: 0,
   class: "table-footer"
-}, qe = /* @__PURE__ */ le({
+}, Xe = /* @__PURE__ */ le({
   __name: "DataGrid",
   props: {
     title: { default: "" },
@@ -61,13 +62,13 @@ const me = ["data-testid"], ge = ["data-testid"], ve = ["data-testid"], be = ["d
   setup(s, { expose: m, emit: y }) {
     const o = s;
     ie((a) => ({
-      "74f5644c": s.zIndexBase,
-      "54c9adc0": t(K),
-      "10e150b9": t(H),
-      "06b2e101": t(J)
+      "2370adac": s.zIndexBase,
+      "78406f20": t(K),
+      "31ad3a19": t(H),
+      "03815261": t(J)
     }));
     const b = de(), {
-      list: V,
+      list: P,
       containerProps: G,
       wrapperProps: Y,
       activeRow: A,
@@ -82,11 +83,11 @@ const me = ["data-testid"], ge = ["data-testid"], ve = ["data-testid"], be = ["d
       toggleExpandRow: q,
       cssRowHeight: J,
       cssExpandGridCol: K,
-      isRowExpanded: M,
+      isRowExpanded: V,
       hasCheckboxes: O,
       activeMenuRow: X,
       scrollTo: Z
-    } = ue(o, y), D = v(() => !!b.footer), g = ke(o, "search", y), _ = v(() => o.selection.length || 0), P = v(() => {
+    } = ue(o, y), D = v(() => !!b.footer), g = ke(o, "search", y), _ = v(() => o.selection.length || 0), M = v(() => {
       const a = o.rows.map((i, e) => o.getRowId(i, e));
       return a.length && a.every((i) => R(i));
     }), R = (a) => o.selection.findIndex((i) => o.selectedMatcher(a, i)) !== -1, ee = (a) => {
@@ -96,7 +97,7 @@ const me = ["data-testid"], ge = ["data-testid"], ve = ["data-testid"], be = ["d
         )
       ), y("selectRow", !1)) : (x([...o.selection, a]), y("selectRow", !0));
     }, te = () => {
-      if (P.value)
+      if (M.value)
         x([]), y("selectAll", !1);
       else {
         const a = o.rows.map((i, e) => o.getRowId(i, e)).filter((i) => !R(i));
@@ -105,9 +106,9 @@ const me = ["data-testid"], ge = ["data-testid"], ve = ["data-testid"], be = ["d
     }, x = (a) => {
       y("update:selection", a);
     }, se = v(
-      () => o.emptyStateVariant ?? (g.value ? "no-results" : "no-data")
+      () => me(o.emptyStateVariant, g.value)
     ), ae = v(
-      () => o.emptyStateSubtitle ? o.emptyStateSubtitle : g.value ? "Search again with different filters" : void 0
+      () => ge(o.emptyStateSubtitle, g.value)
     );
     return m({
       scrollTo: Z
@@ -143,13 +144,13 @@ const me = ["data-testid"], ge = ["data-testid"], ve = ["data-testid"], be = ["d
                 _: 1
               })
             ], !0)
-          ], 8, be),
+          ], 8, Re),
           u("div", {
             class: "table-header-right",
             "data-testid": `${s.testId}-${t(S).HEADER_RIGHT}`
           }, [
             s.showSearch ? c(a.$slots, "search", { key: 0 }, () => [
-              u("div", Re, [
+              u("div", Ce, [
                 h(t(Se), {
                   modelValue: t(g),
                   "onUpdate:modelValue": i[0] || (i[0] = (e) => oe(g) ? g.value = e : null),
@@ -160,15 +161,15 @@ const me = ["data-testid"], ge = ["data-testid"], ve = ["data-testid"], be = ["d
                 }, null, 8, ["modelValue", "placeholder", "auto-focus", "test-id"])
               ])
             ], !0) : r("", !0)
-          ], 8, $e),
+          ], 8, xe),
           t(b)["table-header-actions"] ? (l(), d("div", {
             key: 0,
             class: "table-header-actions",
             "data-testid": `${s.testId}-${t(S).ACTIONS}`
           }, [
             c(a.$slots, "table-header-actions", {}, void 0, !0)
-          ], 8, xe)) : r("", !0)
-        ], 10, ve)) : r("", !0),
+          ], 8, Te)) : r("", !0)
+        ], 10, $e)) : r("", !0),
         u("thead", {
           class: f({ sticky: s.isSticky, isStickyHeader: s.isStickyHeader })
         }, [
@@ -194,19 +195,19 @@ const me = ["data-testid"], ge = ["data-testid"], ve = ["data-testid"], be = ["d
                 ], 4)
               ], !0)
             ], 2))), 128))
-          ], 8, Ce),
+          ], 8, Ee),
           u("tr", null, [
-            t(O) ? (l(), d("th", Te, [
+            t(O) ? (l(), d("th", we, [
               c(a.$slots, "select-all-checkbox", {}, () => [
                 h(t(U), {
                   disabled: s.isLoading,
-                  "is-checked": t(P),
-                  "is-indeterminate": !t(P) && t(_) > 0,
+                  "is-checked": t(M),
+                  "is-indeterminate": !t(M) && t(_) > 0,
                   "onUpdate:isChecked": te
                 }, null, 8, ["disabled", "is-checked", "is-indeterminate"])
               ], !0)
             ])) : r("", !0),
-            t($) ? (l(), d("th", Ee)) : r("", !0),
+            t($) ? (l(), d("th", Be)) : r("", !0),
             (l(!0), d(B, null, I(s.columns, (e) => (l(), d("th", {
               key: e.id,
               class: f({
@@ -220,7 +221,7 @@ const me = ["data-testid"], ge = ["data-testid"], ve = ["data-testid"], be = ["d
               style: C(e.isSticky ? t(L)[e.id] : null),
               onClick: (k) => e.isSortable ? t(Q)(e) : null
             }, [
-              u("div", Be, [
+              u("div", pe, [
                 c(a.$slots, `header-${e.id}`, { column: e }, () => [
                   h(t(p), { variant: "tableLabel" }, {
                     default: T(() => [
@@ -239,35 +240,35 @@ const me = ["data-testid"], ge = ["data-testid"], ve = ["data-testid"], be = ["d
                   "sort-order": s.sort.sortOrder
                 }, null, 8, ["sort-order"])) : r("", !0)
               ])
-            ], 14, we))), 128))
+            ], 14, Ie))), 128))
           ])
         ], 2),
         u("tbody", null, [
-          t(V).length > 0 ? (l(), d("div", ne({
+          t(P).length > 0 ? (l(), d("div", ne({
             key: 0,
             class: "table-body-wrapper",
             "data-testid": `${s.testId}-${t(S).BODY_WRAPPER}`
           }, t(Y)), [
-            (l(!0), d(B, null, I(t(V), (e) => (l(), d("tr", {
+            (l(!0), d(B, null, I(t(P), (e) => (l(), d("tr", {
               key: e.index,
               class: f(["table-row", {
                 loading: s.isLoading || s.isLoading && !e.data || t(F).includes(e.index),
                 active: t(A) === e.index,
                 activeMenu: t(X) === e.index,
-                expanded: t($) && t(M)(e.index)
+                expanded: t($) && t(V)(e.index)
               }]),
               onMouseenter: (k) => A.value = e.index,
               onClick: (k) => y("clickRow", e.index)
             }, [
-              t(O) ? (l(), d("td", Ae, [
+              t(O) ? (l(), d("td", Me, [
                 h(t(U), {
                   "is-checked": R(s.getRowId(e.data, e.index)),
                   "onUpdate:isChecked": (k) => ee(s.getRowId(e.data, e.index))
                 }, null, 8, ["is-checked", "onUpdate:isChecked"])
               ])) : r("", !0),
-              t($) ? (l(), d("td", Me, [
+              t($) ? (l(), d("td", Pe, [
                 h(fe, {
-                  expanded: t(M)(e.index),
+                  expanded: t(V)(e.index),
                   onClick: (k) => t(q)(e.index, k)
                 }, null, 8, ["expanded", "onClick"])
               ])) : r("", !0),
@@ -306,14 +307,14 @@ const me = ["data-testid"], ge = ["data-testid"], ve = ["data-testid"], be = ["d
                   h(t(ce), { round: "" })
                 ], !0)
               ], 6))), 128)),
-              t($) && t(M)(e.index) ? (l(), d("div", Pe, [
+              t($) && t(V)(e.index) ? (l(), d("div", He, [
                 c(a.$slots, "expanded", {
                   row: e,
                   gridColumnTemplate: t(H)
                 }, void 0, !0)
               ])) : r("", !0)
-            ], 42, pe))), 128))
-          ], 16, Ie)) : (l(), d("div", Ve, [
+            ], 42, Ve))), 128))
+          ], 16, Ae)) : (l(), d("div", Le, [
             c(a.$slots, "empty-state", {}, () => [
               h(t(re), {
                 class: "empty-state",
@@ -325,13 +326,13 @@ const me = ["data-testid"], ge = ["data-testid"], ve = ["data-testid"], be = ["d
             ], !0)
           ]))
         ])
-      ], 46, ge),
-      t(D) ? (l(), d("div", He, [
+      ], 46, be),
+      t(D) ? (l(), d("div", Ne, [
         c(a.$slots, "footer", {}, void 0, !0)
       ])) : r("", !0)
-    ], 40, me));
+    ], 40, ve));
   }
 });
 export {
-  qe as default
+  Xe as default
 };

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

@@ -93,10 +93,10 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     searchPlaceholder: string;
     count: number;
     showSearch: boolean;
-    isSticky: boolean;
+    loadingRowCount: number;
     emptyStateTitle: string;
+    isSticky: boolean;
     emptyStateSubtitle: string;
-    loadingRowCount: number;
     emptyStateVariant: "error" | "no-access" | "no-results" | "no-data" | "files" | "settings";
     zIndexBase: number;
     totalCount: number;
@@ -111,7 +111,9 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     cellIndex: any;
     row: any;
     rowIndex: any;
-}) => any>>>;
+}) => any>> & {
+    "empty-state"?(_: {}): any;
+}>;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
 type __VLS_TypePropsToRuntimeProps<T> = {

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_1bdca43d_lang.css"; //*');
-const d = /* @__PURE__ */ t(o, [["__scopeId", "data-v-1bdca43d"]]);
+// import "../../../MultipleDataGrid.vue_vue_type_style_index_0_scoped_29f00d79_lang.css"; //*');
+const s = /* @__PURE__ */ t(o, [["__scopeId", "data-v-29f00d79"]]);
 export {
-  d as default
+  s as default
 };

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

@@ -1,15 +1,17 @@
- 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_29f00d79_lang.css"; import { defineComponent as z, useCssVars as D, computed as m, openBlock as l, createElementBlock as c, createElementVNode as g, normalizeClass as M, unref as e, createBlock as u, createCommentVNode as f, isRef as N, Fragment as A, renderList as h, createSlots as O, withCtx as w, renderSlot as k, createVNode as P } from "vue";
+import x from "./DataGrid.vue.js";
 import "./DataGridMenu.vue.js";
-import A from "./DataGridRowsCounter.vue.js";
+import G 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 H from "../../search/v4/SearchV4.vue.js";
+import { useVModel as F } from "@vueuse/core";
+import Q from "../../emptyState/v4/EmptyStateV4.vue.js";
+import { TableTestIdModifiers as y } from "../../../testids/index.js";
+import { getEmptyVariant as U, getEmptySubtitle as Y } from "./utils/utils.js";
+const j = ["data-testid"], q = ["data-testid"], J = {
   key: 0,
   class: "tables-container"
-}, Y = /* @__PURE__ */ L({
+}, st = /* @__PURE__ */ z({
   __name: "MultipleDataGrid",
   props: {
     tablesSettings: { default: () => [] },
@@ -32,29 +34,33 @@ 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: i }) {
+    const s = t;
+    D((a) => ({
+      c8ad7474: 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 C = m(
+      () => s.isLoading || !s.tablesSettings.flatMap((a) => a.rows).length
+    ), n = F(s, "search", i), b = m(
+      () => U(s.emptyStateVariant, n.value)
+    ), T = m(
+      () => Y(s.emptyStateSubtitle, n.value)
+    ), S = (a) => `cell-${a.id}`, I = (a) => {
+      i("onScroll", a.target.scrollTop);
+    }, E = () => i("onClearSearch"), v = (a, d) => i("clickRow", a, d);
+    return (a, d) => (l(), c("div", {
       class: "multi-table-container",
-      onScrollPassive: k
+      onScrollPassive: I
     }, [
-      y("div", {
-        class: $(["table-header-container", { sticky: t.isSticky }]),
-        "data-testid": `${t.testId}-${o(S).HEADER}`
+      g("div", {
+        class: M(["table-header-container", { sticky: t.isSticky }]),
+        "data-testid": `${t.testId}-${e(y).HEADER}`
       }, [
-        y("div", {
+        g("div", {
           class: "rows-counter-container",
-          "data-testid": `${t.testId}-${o(S).TITLE}`
+          "data-testid": `${t.testId}-${e(y).TITLE}`
         }, [
-          t.isLoading ? m("", !0) : (l(), c(o(A), {
+          t.isLoading ? f("", !0) : (l(), u(e(G), {
             key: 0,
             count: t.count,
             "total-count": t.totalCount,
@@ -63,66 +69,76 @@ const p = ["data-testid"], H = ["data-testid"], F = {
             "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), {
+        ], 8, q),
+        t.showSearch ? (l(), u(e(H), {
           key: 0,
-          modelValue: o(u),
-          "onUpdate:modelValue": s[0] || (s[0] = (a) => z(u) ? u.value = a : null),
+          modelValue: e(n),
+          "onUpdate:modelValue": d[0] || (d[0] = (o) => N(n) ? n.value = o : 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), {
+          onOnClear: E
+        }, null, 8, ["modelValue", "placeholder", "test-id"])) : f("", !0)
+      ], 10, j),
+      e(C) ? (l(), u(e(x), {
         key: 1,
-        "is-loading": t.isLoading,
-        columns: t.loadingAndEmptyStatesColumns,
         rows: [],
-        "test-id": t.testId,
-        "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", {
-          key: a.testId,
+        columns: t.loadingAndEmptyStatesColumns,
+        "is-loading": t.isLoading,
+        "loading-row-count": t.loadingRowCount,
+        "test-id": t.testId
+      }, {
+        "empty-state": w(() => [
+          k(a.$slots, "empty-state", {}, () => [
+            P(e(Q), {
+              class: "empty-state",
+              title: t.emptyStateTitle,
+              subtitle: e(T),
+              variant: e(b),
+              "test-id": `${t.testId}-${e(y).EMPTY_STATE}`
+            }, null, 8, ["title", "subtitle", "variant", "test-id"])
+          ], !0)
+        ]),
+        _: 3
+      }, 8, ["columns", "is-loading", "loading-row-count", "test-id"])) : (l(), c("div", J, [
+        (l(!0), c(A, null, h(t.tablesSettings, (o, V) => (l(), c("div", {
+          key: o.testId,
           class: "table-wrapper"
         }, [
-          a.rows.length ? (l(), c(o(h), {
+          o.rows.length ? (l(), u(e(x), {
             key: 0,
-            sections: a.sections,
-            columns: a.columns,
-            rows: a.rows,
-            "row-height": a.rowHeight,
+            sections: o.sections,
+            columns: o.columns,
+            rows: o.rows,
+            "row-height": o.rowHeight,
             "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
+            "test-id": o.testId,
+            onClickRow: (r) => v(r, V)
+          }, O({ _: 2 }, [
+            h(o.columns, (r) => ({
+              name: S(r),
+              fn: w(({
+                cell: R,
+                rowIndex: $,
+                isLoading: B,
+                cellIndex: L,
+                row: p
               }) => [
-                O(e.$slots, `${f(i)}`, {
-                  cell: I,
-                  isLoading: v,
-                  cellIndex: R,
-                  row: B,
-                  rowIndex: T
+                k(a.$slots, `${S(r)}`, {
+                  cell: R,
+                  isLoading: B,
+                  cellIndex: L,
+                  row: p,
+                  rowIndex: $
                 }, 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
+  st as default
 };