@ironsource/shared-ui 2.1.8-rc.9 → 2.1.8-test.0

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

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

package/components/table/v4/index.d.ts

@@ -146,7 +146,12 @@ declare const DataGridTypes: () => (({
             "onUpdate:search"?: (query: string) => any;
             onOnScroll?: (event: Event) => any;
             "onUpdate:sort"?: (newSort: import("../common/Table.types").Sort) => any;
-            onSaveRow?: (args_0: import("../common/Table.types").SaveRowEvent) => any;
+            onSaveRow?: (args_0: {
+                value: unknown;
+                confirm: () => void;
+                rowIndex: number;
+                cellIndex: number;
+            }) => any;
             onLoadMore?: () => any;
             onOnClearSearch?: () => any;
             "onUpdate:selection"?: (selection: unknown[]) => any;
@@ -164,7 +169,12 @@ declare const DataGridTypes: () => (({
         }>;
         $root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>;
         $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>;
-        $emit: ((event: "onScroll", event: Event) => void) & ((event: "selectAll", value: boolean) => void) & ((event: "update:search", query: string) => void) & ((event: "onClearSearch") => void) & ((event: "update:sort", newSort: import("../common/Table.types").Sort) => void) & ((event: "saveRow", args_0: import("../common/Table.types").SaveRowEvent) => void) & ((event: "loadMore") => void) & ((event: "update:selection", selection: unknown[]) => void) & ((event: "selectRow", value: boolean) => void) & ((event: "clickRow", rowIndex: number) => void);
+        $emit: ((event: "onScroll", event: Event) => void) & ((event: "selectAll", value: boolean) => void) & ((event: "update:search", query: string) => void) & ((event: "onClearSearch") => void) & ((event: "update:sort", newSort: import("../common/Table.types").Sort) => void) & ((event: "saveRow", args_0: {
+            value: unknown;
+            confirm: () => void;
+            rowIndex: number;
+            cellIndex: number;
+        }) => void) & ((event: "loadMore") => void) & ((event: "update:selection", selection: unknown[]) => void) & ((event: "selectRow", value: boolean) => void) & ((event: "clickRow", rowIndex: number) => void);
         $el: any;
         $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
             sort: {
@@ -280,7 +290,12 @@ declare const DataGridTypes: () => (({
             "onUpdate:search"?: (query: string) => any;
             onOnScroll?: (event: Event) => any;
             "onUpdate:sort"?: (newSort: import("../common/Table.types").Sort) => any;
-            onSaveRow?: (args_0: import("../common/Table.types").SaveRowEvent) => any;
+            onSaveRow?: (args_0: {
+                value: unknown;
+                confirm: () => void;
+                rowIndex: number;
+                cellIndex: number;
+            }) => any;
             onLoadMore?: () => any;
             onOnClearSearch?: () => any;
             "onUpdate:selection"?: (selection: unknown[]) => any;
@@ -294,7 +309,12 @@ declare const DataGridTypes: () => (({
             "update:selection": (selection: unknown[]) => void;
             onScroll: (event: Event) => void;
             onClearSearch: () => void;
-            saveRow: (args_0: import("../common/Table.types").SaveRowEvent) => void;
+            saveRow: (args_0: {
+                value: unknown;
+                confirm: () => void;
+                rowIndex: number;
+                cellIndex: number;
+            }) => void;
             loadMore: () => void;
             selectAll: (value: boolean) => void;
             selectRow: (value: boolean) => void;
@@ -459,7 +479,12 @@ declare const DataGridTypes: () => (({
         "onUpdate:search"?: (query: string) => any;
         onOnScroll?: (event: Event) => any;
         "onUpdate:sort"?: (newSort: import("../common/Table.types").Sort) => any;
-        onSaveRow?: (args_0: import("../common/Table.types").SaveRowEvent) => any;
+        onSaveRow?: (args_0: {
+            value: unknown;
+            confirm: () => void;
+            rowIndex: number;
+            cellIndex: number;
+        }) => any;
         onLoadMore?: () => any;
         onOnClearSearch?: () => any;
         "onUpdate:selection"?: (selection: unknown[]) => any;
@@ -585,7 +610,12 @@ declare const DataGridTypes: () => (({
     "onUpdate:search"?: (query: string) => any;
     onOnScroll?: (event: Event) => any;
     "onUpdate:sort"?: (newSort: import("../common/Table.types").Sort) => any;
-    onSaveRow?: (args_0: import("../common/Table.types").SaveRowEvent) => any;
+    onSaveRow?: (args_0: {
+        value: unknown;
+        confirm: () => void;
+        rowIndex: number;
+        cellIndex: number;
+    }) => any;
     onLoadMore?: () => any;
     onOnClearSearch?: () => any;
     "onUpdate:selection"?: (selection: unknown[]) => any;
@@ -599,7 +629,12 @@ declare const DataGridTypes: () => (({
     "update:selection": (selection: unknown[]) => void;
     onScroll: (event: Event) => void;
     onClearSearch: () => void;
-    saveRow: (args_0: import("../common/Table.types").SaveRowEvent) => void;
+    saveRow: (args_0: {
+        value: unknown;
+        confirm: () => void;
+        rowIndex: number;
+        cellIndex: number;
+    }) => void;
     loadMore: () => void;
     selectAll: (value: boolean) => void;
     selectRow: (value: boolean) => void;
@@ -850,9 +885,6 @@ declare const DataGridTypes: () => (({
         }>> & {
             "onUpdate:search"?: (query: string) => any;
             onOnScroll?: (scrollTop: number) => any;
-            onSaveRow?: (args_0: import("../common/Table.types").SaveRowEvent & {
-                tableIndex: number;
-            }) => any;
             onOnClearSearch?: () => any;
             onClickRow?: (rowIndex: number, tableIndex: number) => any;
         } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "search" | "testId" | "isLoading" | "searchPlaceholder" | "count" | "showSearch" | "loadingRowCount" | "emptyStateTitle" | "isSticky" | "emptyStateSubtitle" | "emptyStateVariant" | "zIndexBase" | "totalCount" | "displayingText" | "outOfText" | "totalText" | "tablesSettings" | "loadingAndEmptyStatesColumns">;
@@ -867,9 +899,7 @@ declare const DataGridTypes: () => (({
         }>;
         $root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>;
         $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>;
-        $emit: ((event: "onScroll", scrollTop: number) => void) & ((event: "update:search", query: string) => void) & ((event: "onClearSearch") => void) & ((event: "saveRow", args_0: import("../common/Table.types").SaveRowEvent & {
-            tableIndex: number;
-        }) => void) & ((event: "clickRow", rowIndex: number, tableIndex: number) => void);
+        $emit: ((event: "onScroll", scrollTop: number) => void) & ((event: "update:search", query: string) => void) & ((event: "onClearSearch") => void) & ((event: "clickRow", rowIndex: number, tableIndex: number) => void);
         $el: any;
         $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
             search: {
@@ -949,9 +979,6 @@ declare const DataGridTypes: () => (({
         }>> & {
             "onUpdate:search"?: (query: string) => any;
             onOnScroll?: (scrollTop: number) => any;
-            onSaveRow?: (args_0: import("../common/Table.types").SaveRowEvent & {
-                tableIndex: number;
-            }) => any;
             onOnClearSearch?: () => any;
             onClickRow?: (rowIndex: number, tableIndex: number) => any;
         }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
@@ -959,9 +986,6 @@ declare const DataGridTypes: () => (({
             onScroll: (scrollTop: number) => void;
             onClearSearch: () => void;
             clickRow: (rowIndex: number, tableIndex: number) => void;
-            saveRow: (args_0: import("../common/Table.types").SaveRowEvent & {
-                tableIndex: number;
-            }) => void;
         }, string, {
             search: string;
             testId: string;
@@ -1079,9 +1103,6 @@ declare const DataGridTypes: () => (({
     }>> & {
         "onUpdate:search"?: (query: string) => any;
         onOnScroll?: (scrollTop: number) => any;
-        onSaveRow?: (args_0: import("../common/Table.types").SaveRowEvent & {
-            tableIndex: number;
-        }) => any;
         onOnClearSearch?: () => any;
         onClickRow?: (rowIndex: number, tableIndex: number) => any;
     } & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {};
@@ -1166,9 +1187,6 @@ declare const DataGridTypes: () => (({
 }>> & {
     "onUpdate:search"?: (query: string) => any;
     onOnScroll?: (scrollTop: number) => any;
-    onSaveRow?: (args_0: import("../common/Table.types").SaveRowEvent & {
-        tableIndex: number;
-    }) => any;
     onOnClearSearch?: () => any;
     onClickRow?: (rowIndex: number, tableIndex: number) => any;
 }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
@@ -1176,9 +1194,6 @@ declare const DataGridTypes: () => (({
     onScroll: (scrollTop: number) => void;
     onClearSearch: () => void;
     clickRow: (rowIndex: number, tableIndex: number) => void;
-    saveRow: (args_0: import("../common/Table.types").SaveRowEvent & {
-        tableIndex: number;
-    }) => void;
 }, string, {
     search: string;
     testId: string;