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

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

@@ -0,0 +1,144 @@
+ 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 G from "./DataGridRowsCounter.vue.js";
+import "./MultipleDataGrid.vue.js";
+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"
+}, st = /* @__PURE__ */ z({
+  __name: "MultipleDataGrid",
+  props: {
+    tablesSettings: { default: () => [] },
+    loadingAndEmptyStatesColumns: { default: () => [] },
+    isSticky: { type: Boolean, default: !0 },
+    isLoading: { type: Boolean, default: !1 },
+    emptyStateVariant: { default: null },
+    emptyStateTitle: { default: "No data to display" },
+    emptyStateSubtitle: { default: "" },
+    loadingRowCount: { default: 3 },
+    search: { default: null },
+    showSearch: { type: Boolean, default: !0 },
+    searchPlaceholder: { default: "Search" },
+    zIndexBase: { default: 100 },
+    count: { default: 0 },
+    totalCount: { default: 0 },
+    displayingText: { default: "Displaying" },
+    outOfText: { default: "out of" },
+    totalText: { default: "total rows" },
+    testId: { default: "" }
+  },
+  emits: ["update:search", "onScroll", "onClearSearch", "clickRow"],
+  setup(t, { emit: i }) {
+    const s = t;
+    D((a) => ({
+      c8ad7474: t.zIndexBase
+    }));
+    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: I
+    }, [
+      g("div", {
+        class: M(["table-header-container", { sticky: t.isSticky }]),
+        "data-testid": `${t.testId}-${e(y).HEADER}`
+      }, [
+        g("div", {
+          class: "rows-counter-container",
+          "data-testid": `${t.testId}-${e(y).TITLE}`
+        }, [
+          t.isLoading ? f("", !0) : (l(), u(e(G), {
+            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, q),
+        t.showSearch ? (l(), u(e(H), {
+          key: 0,
+          modelValue: e(n),
+          "onUpdate:modelValue": d[0] || (d[0] = (o) => N(n) ? n.value = o : null),
+          placeholder: t.searchPlaceholder,
+          "test-id": t.testId,
+          onOnClear: E
+        }, null, 8, ["modelValue", "placeholder", "test-id"])) : f("", !0)
+      ], 10, j),
+      e(C) ? (l(), u(e(x), {
+        key: 1,
+        rows: [],
+        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"
+        }, [
+          o.rows.length ? (l(), u(e(x), {
+            key: 0,
+            sections: o.sections,
+            columns: o.columns,
+            rows: o.rows,
+            "row-height": o.rowHeight,
+            "is-sticky": t.isSticky,
+            "z-index-base": t.zIndexBase,
+            "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
+              }) => [
+                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"])) : f("", !0)
+        ]))), 128))
+      ]))
+    ], 32));
+  }
+});
+export {
+  st as default
+};

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

@@ -0,0 +1,7 @@
+import o from "./SortIcon.vue2.js";
+/* empty css               */import _ from "../../../_virtual/_plugin-vue_export-helper.js";
+// import "../../../SortIcon.vue_vue_type_style_index_0_scoped_2bda5d4a_lang.css"; //*');
+const a = /* @__PURE__ */ _(o, [["__scopeId", "data-v-2bda5d4a"]]);
+export {
+  a as default
+};

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

@@ -0,0 +1,25 @@
+ import "../../../SortIcon.vue_vue_type_style_index_0_scoped_2bda5d4a_lang.css"; import { defineComponent as c, openBlock as e, createElementBlock as s, createBlock as o, unref as t, createCommentVNode as a } from "vue";
+import n from "../../icon/v4/IconV4.vue.js";
+import "../../icon/v4/IconFlag.vue.js";
+const m = { class: "table-sort-icon" }, f = /* @__PURE__ */ c({
+  __name: "SortIcon",
+  props: {
+    sortOrder: null
+  },
+  setup(r) {
+    return (d, i) => (e(), s("div", m, [
+      r.sortOrder === "asc" ? (e(), o(t(n), {
+        key: 0,
+        name: "arrow-up",
+        size: "20px"
+      })) : r.sortOrder === "desc" ? (e(), o(t(n), {
+        key: 1,
+        name: "arrow-down",
+        size: "20px"
+      })) : a("", !0)
+    ]));
+  }
+});
+export {
+  f as default
+};

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

@@ -16,15 +16,15 @@ declare const DataGridTypes: () => (({
             searchPlaceholder: string;
             selection: unknown[];
             showSearch: boolean;
+            loadingRowCount: number;
+            emptyStateTitle: string;
             isSticky: boolean;
             sections: import("../common/Table.types").Section[];
             isStickyHeader: boolean;
-            emptyStateTitle: string;
             emptyStateSubtitle: string;
             isInfiniteScroll: boolean;
             infiniteScrollThreshold: number;
             rowHeight: number | ((index: number) => number);
-            loadingRowCount: number;
             defaultScrollPosition: number;
             getRowId: (row: import("../common/Table.types").Row, index: number) => unknown;
             selectedMatcher: (rowId: unknown, selected: unknown) => boolean;
@@ -71,6 +71,14 @@ declare const DataGridTypes: () => (({
                 type: import("vue").PropType<boolean>;
                 default: boolean;
             };
+            loadingRowCount: {
+                type: import("vue").PropType<number>;
+                default: number;
+            };
+            emptyStateTitle: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
             isSticky: {
                 type: import("vue").PropType<boolean>;
                 default: boolean;
@@ -87,10 +95,6 @@ declare const DataGridTypes: () => (({
                 type: import("vue").PropType<boolean>;
                 default: boolean;
             };
-            emptyStateTitle: {
-                type: import("vue").PropType<string>;
-                default: string;
-            };
             emptyStateSubtitle: {
                 type: import("vue").PropType<string>;
                 default: string;
@@ -107,10 +111,6 @@ declare const DataGridTypes: () => (({
                 type: import("vue").PropType<number | ((index: number) => number)>;
                 default: number;
             };
-            loadingRowCount: {
-                type: import("vue").PropType<number>;
-                default: number;
-            };
             defaultScrollPosition: {
                 type: import("vue").PropType<number>;
                 default: any;
@@ -147,7 +147,7 @@ declare const DataGridTypes: () => (({
             "onUpdate:selection"?: (selection: unknown[]) => any;
             onSelectRow?: (value: boolean) => any;
             onClickRow?: (rowIndex: number) => any;
-        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "sort" | "title" | "search" | "testId" | "isLoading" | "searchAutoFocus" | "searchPlaceholder" | "selection" | "showSearch" | "isSticky" | "sections" | "isStickyHeader" | "emptyStateTitle" | "emptyStateSubtitle" | "isInfiniteScroll" | "infiniteScrollThreshold" | "rowHeight" | "loadingRowCount" | "defaultScrollPosition" | "getRowId" | "selectedMatcher" | "emptyStateVariant" | "zIndexBase">;
+        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "sort" | "title" | "search" | "testId" | "isLoading" | "searchAutoFocus" | "searchPlaceholder" | "selection" | "showSearch" | "loadingRowCount" | "emptyStateTitle" | "isSticky" | "sections" | "isStickyHeader" | "emptyStateSubtitle" | "isInfiniteScroll" | "infiniteScrollThreshold" | "rowHeight" | "defaultScrollPosition" | "getRowId" | "selectedMatcher" | "emptyStateVariant" | "zIndexBase">;
         $attrs: {
             [x: string]: unknown;
         };
@@ -207,6 +207,14 @@ declare const DataGridTypes: () => (({
                 type: import("vue").PropType<boolean>;
                 default: boolean;
             };
+            loadingRowCount: {
+                type: import("vue").PropType<number>;
+                default: number;
+            };
+            emptyStateTitle: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
             isSticky: {
                 type: import("vue").PropType<boolean>;
                 default: boolean;
@@ -223,10 +231,6 @@ declare const DataGridTypes: () => (({
                 type: import("vue").PropType<boolean>;
                 default: boolean;
             };
-            emptyStateTitle: {
-                type: import("vue").PropType<string>;
-                default: string;
-            };
             emptyStateSubtitle: {
                 type: import("vue").PropType<string>;
                 default: string;
@@ -243,10 +247,6 @@ declare const DataGridTypes: () => (({
                 type: import("vue").PropType<number | ((index: number) => number)>;
                 default: number;
             };
-            loadingRowCount: {
-                type: import("vue").PropType<number>;
-                default: number;
-            };
             defaultScrollPosition: {
                 type: import("vue").PropType<number>;
                 default: any;
@@ -311,15 +311,15 @@ declare const DataGridTypes: () => (({
             searchPlaceholder: string;
             selection: unknown[];
             showSearch: boolean;
+            loadingRowCount: number;
+            emptyStateTitle: string;
             isSticky: boolean;
             sections: import("../common/Table.types").Section[];
             isStickyHeader: boolean;
-            emptyStateTitle: string;
             emptyStateSubtitle: string;
             isInfiniteScroll: boolean;
             infiniteScrollThreshold: number;
             rowHeight: number | ((index: number) => number);
-            loadingRowCount: number;
             defaultScrollPosition: number;
             getRowId: (row: import("../common/Table.types").Row, index: number) => unknown;
             selectedMatcher: (rowId: unknown, selected: unknown) => boolean;
@@ -386,6 +386,14 @@ declare const DataGridTypes: () => (({
             type: import("vue").PropType<boolean>;
             default: boolean;
         };
+        loadingRowCount: {
+            type: import("vue").PropType<number>;
+            default: number;
+        };
+        emptyStateTitle: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
         isSticky: {
             type: import("vue").PropType<boolean>;
             default: boolean;
@@ -402,10 +410,6 @@ declare const DataGridTypes: () => (({
             type: import("vue").PropType<boolean>;
             default: boolean;
         };
-        emptyStateTitle: {
-            type: import("vue").PropType<string>;
-            default: string;
-        };
         emptyStateSubtitle: {
             type: import("vue").PropType<string>;
             default: string;
@@ -422,10 +426,6 @@ declare const DataGridTypes: () => (({
             type: import("vue").PropType<number | ((index: number) => number)>;
             default: number;
         };
-        loadingRowCount: {
-            type: import("vue").PropType<number>;
-            default: number;
-        };
         defaultScrollPosition: {
             type: import("vue").PropType<number>;
             default: any;
@@ -509,6 +509,14 @@ declare const DataGridTypes: () => (({
         type: import("vue").PropType<boolean>;
         default: boolean;
     };
+    loadingRowCount: {
+        type: import("vue").PropType<number>;
+        default: number;
+    };
+    emptyStateTitle: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
     isSticky: {
         type: import("vue").PropType<boolean>;
         default: boolean;
@@ -525,10 +533,6 @@ declare const DataGridTypes: () => (({
         type: import("vue").PropType<boolean>;
         default: boolean;
     };
-    emptyStateTitle: {
-        type: import("vue").PropType<string>;
-        default: string;
-    };
     emptyStateSubtitle: {
         type: import("vue").PropType<string>;
         default: string;
@@ -545,10 +549,6 @@ declare const DataGridTypes: () => (({
         type: import("vue").PropType<number | ((index: number) => number)>;
         default: number;
     };
-    loadingRowCount: {
-        type: import("vue").PropType<number>;
-        default: number;
-    };
     defaultScrollPosition: {
         type: import("vue").PropType<number>;
         default: any;
@@ -613,15 +613,15 @@ declare const DataGridTypes: () => (({
     searchPlaceholder: string;
     selection: unknown[];
     showSearch: boolean;
+    loadingRowCount: number;
+    emptyStateTitle: string;
     isSticky: boolean;
     sections: import("../common/Table.types").Section[];
     isStickyHeader: boolean;
-    emptyStateTitle: string;
     emptyStateSubtitle: string;
     isInfiniteScroll: boolean;
     infiniteScrollThreshold: number;
     rowHeight: number | ((index: number) => number);
-    loadingRowCount: number;
     defaultScrollPosition: number;
     getRowId: (row: import("../common/Table.types").Row, index: number) => unknown;
     selectedMatcher: (rowId: unknown, selected: unknown) => boolean;
@@ -686,6 +686,10 @@ declare const DataGridTypes: () => (({
     rowIndex: number;
     menuItems: import("../common/Table.types").MenuItem[];
 }> | import("vue").DefineComponent<{
+    testId: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
     count: {
         type: import("vue").PropType<number>;
         default: number;
@@ -707,6 +711,10 @@ declare const DataGridTypes: () => (({
         default: string;
     };
 }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    testId: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
     count: {
         type: import("vue").PropType<number>;
         default: number;
@@ -728,6 +736,7 @@ declare const DataGridTypes: () => (({
         default: string;
     };
 }>>, {
+    testId: string;
     count: number;
     totalCount: number;
     displayingText: string;
@@ -744,10 +753,10 @@ declare const DataGridTypes: () => (({
             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;
@@ -781,22 +790,22 @@ declare const DataGridTypes: () => (({
                 type: import("vue").PropType<boolean>;
                 default: boolean;
             };
-            isSticky: {
-                type: import("vue").PropType<boolean>;
-                default: boolean;
+            loadingRowCount: {
+                type: import("vue").PropType<number>;
+                default: number;
             };
             emptyStateTitle: {
                 type: import("vue").PropType<string>;
                 default: string;
             };
+            isSticky: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
             emptyStateSubtitle: {
                 type: import("vue").PropType<string>;
                 default: string;
             };
-            loadingRowCount: {
-                type: import("vue").PropType<number>;
-                default: number;
-            };
             emptyStateVariant: {
                 type: import("vue").PropType<"error" | "no-access" | "no-results" | "no-data" | "files" | "settings">;
                 default: any;
@@ -836,7 +845,7 @@ declare const DataGridTypes: () => (({
             onOnScroll?: (scrollTop: 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" | "isSticky" | "emptyStateTitle" | "emptyStateSubtitle" | "loadingRowCount" | "emptyStateVariant" | "zIndexBase" | "totalCount" | "displayingText" | "outOfText" | "totalText" | "tablesSettings" | "loadingAndEmptyStatesColumns">;
+        } & 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">;
         $attrs: {
             [x: string]: unknown;
         };
@@ -875,22 +884,22 @@ declare const DataGridTypes: () => (({
                 type: import("vue").PropType<boolean>;
                 default: boolean;
             };
-            isSticky: {
-                type: import("vue").PropType<boolean>;
-                default: boolean;
+            loadingRowCount: {
+                type: import("vue").PropType<number>;
+                default: number;
             };
             emptyStateTitle: {
                 type: import("vue").PropType<string>;
                 default: string;
             };
+            isSticky: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
             emptyStateSubtitle: {
                 type: import("vue").PropType<string>;
                 default: string;
             };
-            loadingRowCount: {
-                type: import("vue").PropType<number>;
-                default: number;
-            };
             emptyStateVariant: {
                 type: import("vue").PropType<"error" | "no-access" | "no-results" | "no-data" | "files" | "settings">;
                 default: any;
@@ -942,10 +951,10 @@ declare const DataGridTypes: () => (({
             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;
@@ -999,22 +1008,22 @@ declare const DataGridTypes: () => (({
             type: import("vue").PropType<boolean>;
             default: boolean;
         };
-        isSticky: {
-            type: import("vue").PropType<boolean>;
-            default: boolean;
+        loadingRowCount: {
+            type: import("vue").PropType<number>;
+            default: number;
         };
         emptyStateTitle: {
             type: import("vue").PropType<string>;
             default: string;
         };
+        isSticky: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
         emptyStateSubtitle: {
             type: import("vue").PropType<string>;
             default: string;
         };
-        loadingRowCount: {
-            type: import("vue").PropType<number>;
-            default: number;
-        };
         emptyStateVariant: {
             type: import("vue").PropType<"error" | "no-access" | "no-results" | "no-data" | "files" | "settings">;
             default: any;
@@ -1083,22 +1092,22 @@ declare const DataGridTypes: () => (({
         type: import("vue").PropType<boolean>;
         default: boolean;
     };
-    isSticky: {
-        type: import("vue").PropType<boolean>;
-        default: boolean;
+    loadingRowCount: {
+        type: import("vue").PropType<number>;
+        default: number;
     };
     emptyStateTitle: {
         type: import("vue").PropType<string>;
         default: string;
     };
+    isSticky: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
     emptyStateSubtitle: {
         type: import("vue").PropType<string>;
         default: string;
     };
-    loadingRowCount: {
-        type: import("vue").PropType<number>;
-        default: number;
-    };
     emptyStateVariant: {
         type: import("vue").PropType<"error" | "no-access" | "no-results" | "no-data" | "files" | "settings">;
         default: any;
@@ -1150,10 +1159,10 @@ declare const DataGridTypes: () => (({
     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;
@@ -1169,7 +1178,9 @@ declare const DataGridTypes: () => (({
         cellIndex: any;
         row: any;
         rowIndex: any;
-    }) => any>>;
+    }) => any>> & {
+        "empty-state"?(_: {}): any;
+    };
 })))[];
 export type { Column, Sort, MenuItem, TableSettings, } from '../common/Table.types';
 export { DataGrid, DataGridMenu, DataGridRowsCounter, DataGridTypes, MultipleDataGrid, };

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

@@ -0,0 +1,3 @@
+import { EmptyStateVariants } from '@/components/emptyState/v4/EmptyStateV4.types';
+export declare const getEmptyVariant: (emptyStateVariant: EmptyStateVariants, searchQuery: string) => EmptyStateVariants;
+export declare const getEmptySubtitle: (emptyStateSubtitle: string, searchQuery: string) => string | undefined;

package/components/table/v4/utils/utils.js

@@ -0,0 +1,5 @@
+const a = (t, n) => t ?? (n ? "no-results" : "no-data"), e = (t, n) => t || (n ? "Search again with different filters" : void 0);
+export {
+  e as getEmptySubtitle,
+  a as getEmptyVariant
+};

package/components/table-cells/v3/Editable.vue.js

@@ -0,0 +1,7 @@
+import e from "./Editable.vue2.js";
+/* empty css               */import o from "../../../_virtual/_plugin-vue_export-helper.js";
+// import "../../../Editable.vue_vue_type_style_index_0_scoped_2561e913_lang.css"; //*');
+const p = /* @__PURE__ */ o(e, [["__scopeId", "data-v-2561e913"]]);
+export {
+  p as default
+};

package/components/table-cells/v3/Editable.vue2.js

@@ -0,0 +1,43 @@
+ import "../../../Editable.vue_vue_type_style_index_0_scoped_2561e913_lang.css"; import { defineComponent as u, openBlock as i, createElementBlock as a, unref as e, createElementVNode as m, renderSlot as s, createVNode as p, withCtx as y, createTextVNode as g, toDisplayString as k } from "vue";
+import E from "../../typography/Text.vue.js";
+import { editableCommon as _ } from "../common/Editable.common.js";
+const v = { class: "editable-container" }, x = {
+  key: 1,
+  class: "editable-content"
+}, N = /* @__PURE__ */ u({
+  __name: "Editable",
+  props: {
+    cell: { default: "" },
+    isEditing: { type: Boolean, default: !1 },
+    validateFunction: { type: Function, default: () => !1 },
+    isLoading: { type: Boolean, default: !1 },
+    rowIndex: null,
+    cellIndex: null
+  },
+  setup(t) {
+    const r = t, { onEdit: o, target: d, isEditing: c } = _(r);
+    return (n, l) => (i(), a("div", {
+      ref_key: "target",
+      ref: d,
+      class: "container",
+      onClick: l[0] || (l[0] = //@ts-ignore
+      (...f) => e(o) && e(o)(...f))
+    }, [
+      m("div", v, [
+        e(c) ? s(n.$slots, "input", { key: 0 }, void 0, !0) : (i(), a("div", x, [
+          s(n.$slots, "content", {}, () => [
+            p(E, { size: "sm" }, {
+              default: y(() => [
+                g(k(t.cell), 1)
+              ]),
+              _: 1
+            })
+          ], !0)
+        ]))
+      ])
+    ], 512));
+  }
+});
+export {
+  N as default
+};

package/components/table-cells/v4/EditableV4.vue.js

@@ -0,0 +1,7 @@
+import o from "./EditableV4.vue2.js";
+/* empty css                 */import e from "../../../_virtual/_plugin-vue_export-helper.js";
+// import "../../../EditableV4.vue_vue_type_style_index_0_scoped_31bfb722_lang.css"; //*');
+const p = /* @__PURE__ */ e(o, [["__scopeId", "data-v-31bfb722"]]);
+export {
+  p as default
+};