@ironsource/shared-ui 2.1.3-rc.0 → 2.1.3-rc.2

package/components/table/common/Table.common.js

@@ -1,114 +1,118 @@
-import { useSlots as z, ref as a, provide as G, computed as s, onMounted as K, nextTick as N } from "vue";
-import { useVirtualList as V, useInfiniteScroll as j } from "@vueuse/core";
-import { TableContext as q } from "./TableContext.js";
-const F = 46, J = 46, Z = (o, u) => {
-  const v = z(), c = a([]);
-  G(q, {
-    onClose({ rowIndex: t, cellIndex: e, value: n } = {}) {
-      n && (c.value = [...c.value, t], u("saveRow", {
+import { useSlots as G, ref as c, provide as K, computed as l, onMounted as N, nextTick as V } from "vue";
+import { useVirtualList as j, useInfiniteScroll as q } from "@vueuse/core";
+import { TableContext as F } from "./TableContext.js";
+const J = 46, Q = 46, p = (e, a) => {
+  const m = G(), u = c([]);
+  K(F, {
+    onClose({ rowIndex: t, cellIndex: o, value: n } = {}) {
+      n && (u.value = [...u.value, t], a("saveRow", {
         rowIndex: t,
-        cellIndex: e,
+        cellIndex: o,
         value: n,
         confirm: () => {
-          c.value = c.value.filter(
+          u.value = u.value.filter(
             (i) => i !== t
           );
         }
       }));
+    },
+    setActiveMenuRow(t) {
+      C.value = t;
     }
   });
-  const x = s(() => !!o.selection), T = s(() => {
-    const t = (x.value ? `${J}px ` : "") + (g.value ? `${F}px ` : "");
-    return o.columns.reduce((e, n) => {
+  const x = l(() => !!e.selection), T = l(() => {
+    const t = (x.value ? `${Q}px ` : "") + (g.value ? `${J}px ` : "");
+    return e.columns.reduce((o, n) => {
       const i = n.width ? `${n.width}px` : `${n.colSpan || 1}fr`;
-      return `${e} ${i}`;
+      return `${o} ${i}`;
     }, t);
-  }), g = s(() => !!v.expanded), R = a(null), y = s(() => Array(o.loadingRowCount).fill(
-    Array(o.columns.length).fill("")
-  )), H = s(() => o.isLoading ? [...o.rows, ...y.value] : o.rows), { list: C, containerProps: l, wrapperProps: $ } = V(H, {
-    itemHeight: g.value ? (t) => w[t] ?? o.rowHeight : o.rowHeight
-  }), b = a(null), h = a(0), k = s(() => !!v.search), B = (t) => {
-    l.onScroll(), h.value = t.target.scrollLeft + t.target.getBoundingClientRect().width, u("onScroll", t.target.scrollTop);
+  }), g = l(() => !!m.expanded), y = c(null), C = c(null), H = l(() => Array(e.loadingRowCount).fill(
+    Array(e.columns.length).fill("")
+  )), $ = l(() => e.isLoading ? [...e.rows, ...H.value] : e.rows), { list: R, containerProps: s, wrapperProps: b } = j($, {
+    itemHeight: g.value ? (t) => w[t] ?? e.rowHeight : e.rowHeight
+  }), k = c(null), h = c(0), B = l(() => !!m.search), I = (t) => {
+    s.onScroll(), h.value = t.target.scrollLeft + t.target.getBoundingClientRect().width, a("onScroll", t.target.scrollTop);
   };
-  K(() => {
-    h.value = l.ref.value?.getBoundingClientRect().width, o.defaultScrollPosition && setTimeout(() => {
-      l.ref.value?.scrollTo({
-        top: o.defaultScrollPosition,
+  N(() => {
+    h.value = s.ref.value?.getBoundingClientRect().width, e.defaultScrollPosition && setTimeout(() => {
+      s.ref.value?.scrollTo({
+        top: e.defaultScrollPosition,
         behavior: "smooth"
       });
     }, 300);
   });
-  const I = s(() => {
-    const [t] = C.value;
+  const O = l(() => {
+    const [t] = R.value;
     return t && t.index > 0;
-  }), O = s(() => l.style), P = s(() => o.columns.reduce((t, e) => (e.isSticky && (t[e.id] = A(e)), t), {}));
-  j(
-    l.ref,
+  }), P = l(() => s.style), A = l(() => e.columns.reduce((t, o) => (o.isSticky && (t[o.id] = M(o)), t), {}));
+  q(
+    s.ref,
     () => {
-      o.isInfiniteScroll && u("loadMore");
+      e.isInfiniteScroll && a("loadMore");
     },
-    { distance: o.infiniteScrollThreshold }
+    { distance: e.infiniteScrollThreshold }
   );
   function E() {
-    l.ref.value?.scrollTo({
+    s.ref.value?.scrollTo({
       top: 0,
       behavior: "smooth"
     });
   }
   function L(t) {
-    if (!o.sort)
+    if (!e.sort)
       return;
-    const e = o.sort.sortBy === t.id;
+    const o = e.sort.sortBy === t.id;
     if (!(t.isSortable || t.isSortable === void 0))
       return;
-    let i = o.sort.sortOrder, f = o.sort.sortBy;
-    e ? i = o.sort.sortOrder === "asc" ? "desc" : "asc" : f = t.id, u("update:sort", { sortBy: f, sortOrder: i });
+    let i = e.sort.sortOrder, f = e.sort.sortBy;
+    o ? i = e.sort.sortOrder === "asc" ? "desc" : "asc" : f = t.id, a("update:sort", { sortBy: f, sortOrder: i });
   }
-  function A(t) {
-    const { isSticky: e, width: n } = t;
-    if (!e || !n)
+  function M(t) {
+    const { isSticky: o, width: n } = t;
+    if (!o || !n)
       return null;
-    const i = o.columns.findIndex((r) => r.id === t.id), f = o.columns.reduce((r, S, m) => m < i ? r + S.width : r, 0), X = o.columns.reduce((r, S, m) => m > i ? r + S.width : r, 0);
+    const i = e.columns.findIndex((r) => r.id === t.id), f = e.columns.reduce((r, v, S) => S < i ? r + v.width : r, 0), z = e.columns.reduce((r, v, S) => S > i ? r + v.width : r, 0);
     return {
-      ...t.isStickyRight ? { right: `${X}px` } : { left: `${f}px` },
+      ...t.isStickyRight ? { right: `${z}px` } : { left: `${f}px` },
       zIndex: 1
     };
   }
-  const d = a([]), w = {}, _ = (t) => d.value.includes(t), D = async (t, e) => {
+  const d = c([]), w = {}, _ = (t) => d.value.includes(t), D = async (t, o) => {
     const n = d.value.indexOf(t);
     if (n === -1) {
       d.value.push(t);
-      const i = e.target.closest("tr");
-      await N(), i && (w[t] = i.offsetHeight);
+      const i = o.target.closest("tr");
+      await V(), i && (w[t] = i.offsetHeight);
     } else
       d.value.splice(n, 1), delete w[t];
-  }, M = s(() => `${o.rowHeight}px`), W = s(
-    () => `1 / span ${o.columns.length + 1}`
+  }, W = l(() => `${e.rowHeight}px`), X = l(
+    () => `1 / span ${e.columns.length + 1}`
   );
   return {
-    list: C,
-    containerProps: l,
-    wrapperProps: $,
-    activeRow: R,
+    list: R,
+    containerProps: s,
+    wrapperProps: b,
+    activeRow: y,
     gridColumnTemplate: T,
-    floatingActionRef: b,
+    floatingActionRef: k,
     scrollToTop: E,
     toggleSortOrder: L,
-    columnsStickyPositions: P,
-    hasSearchSlot: k,
-    showBackToTopButton: I,
-    containerStyle: O,
-    onScroll: B,
-    savingRows: c,
+    columnsStickyPositions: A,
+    hasSearchSlot: B,
+    showBackToTopButton: O,
+    containerStyle: P,
+    onScroll: I,
+    savingRows: u,
     floatingActionPosition: h,
     hasExpandSlot: g,
     hasCheckboxes: x,
     toggleExpandRow: D,
     isRowExpanded: _,
-    cssRowHeight: M,
-    cssExpandGridCol: W
+    cssRowHeight: W,
+    cssExpandGridCol: X,
+    activeMenuRow: C
   };
 };
 export {
-  Z as tableCommon
+  p as tableCommon
 };

package/components/table/common/TableContext.d.ts

@@ -6,6 +6,7 @@ export interface TableContextProps {
         value?: unknown;
         error?: string | boolean;
     }): void;
+    setActiveMenuRow?(rowIndex: number | null): void;
 }
 export declare const TableContext: InjectionKey<TableContextProps>;
 export declare function useTableContext(component: string): TableContextProps;

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

@@ -1,7 +1,7 @@
 import o from "./DataGrid.vue2.js";
-/* empty css               */import _ from "../../../_virtual/_plugin-vue_export-helper.js";
-// import "../../../DataGrid.vue_vue_type_style_index_0_scoped_d5635f1b_lang.css"; //*');
-const a = /* @__PURE__ */ _(o, [["__scopeId", "data-v-d5635f1b"]]);
+/* empty css               */import e from "../../../_virtual/_plugin-vue_export-helper.js";
+// import "../../../DataGrid.vue_vue_type_style_index_0_scoped_4baf9e57_lang.css"; //*');
+const s = /* @__PURE__ */ e(o, [["__scopeId", "data-v-4baf9e57"]]);
 export {
-  a as default
+  s as default
 };

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

@@ -1,33 +1,33 @@
- import "../../../DataGrid.vue_vue_type_style_index_0_scoped_d5635f1b_lang.css"; import { defineComponent as ee, useCssVars as te, unref as e, useSlots as se, computed as g, openBlock as i, createElementBlock as l, createElementVNode as r, normalizeStyle as T, normalizeClass as y, renderSlot as c, createVNode as u, withCtx as C, createTextVNode as x, toDisplayString as E, isRef as ae, createCommentVNode as h, Fragment as B, renderList as I, createBlock as ie, mergeProps as le } from "vue";
+ import "../../../DataGrid.vue_vue_type_style_index_0_scoped_4baf9e57_lang.css"; import { defineComponent as te, useCssVars as se, unref as e, useSlots as ae, computed as g, openBlock as i, createElementBlock as l, createElementVNode as r, normalizeStyle as T, normalizeClass as y, renderSlot as c, createVNode as u, withCtx as C, createTextVNode as x, toDisplayString as E, isRef as ie, createCommentVNode as h, Fragment as B, renderList as I, createBlock as le, mergeProps as de } from "vue";
 import w from "../../typography/v4/Typography.vue.js";
-import de from "../../skeleton/v4/SkeletonV4.vue.js";
-import oe from "../../emptyState/v4/EmptyStateV4.vue.js";
+import oe from "../../skeleton/v4/SkeletonV4.vue.js";
+import ne from "../../emptyState/v4/EmptyStateV4.vue.js";
 import D from "../../checkbox/v4/CheckboxV4.vue.js";
 import { TableTestIdModifiers as f } from "../../../testids/index.js";
-import { tableCommon as ne } from "../common/Table.common.js";
-import ce from "./SortIcon.vue.js";
-import re from "./ExpandRowToggle.vue.js";
-import ue from "../../search/v4/SearchV4.vue.js";
-import { useVModel as he } from "@vueuse/core";
-const ye = ["data-testid"], fe = ["data-testid"], Se = ["data-testid"], ke = ["data-testid"], me = ["data-testid"], ge = { class: "search-wrapper" }, be = ["data-testid"], ve = ["data-testid"], $e = {
+import { tableCommon as ce } from "../common/Table.common.js";
+import re from "./SortIcon.vue.js";
+import ue from "./ExpandRowToggle.vue.js";
+import he from "../../search/v4/SearchV4.vue.js";
+import { useVModel as ye } from "@vueuse/core";
+const fe = ["data-testid"], Se = ["data-testid"], ke = ["data-testid"], me = ["data-testid"], ge = ["data-testid"], be = { class: "search-wrapper" }, ve = ["data-testid"], $e = ["data-testid"], Re = {
   key: 0,
   class: "checkbox-cell"
-}, Re = {
+}, Te = {
   key: 1,
   class: "expand-toggle-cell"
-}, Te = ["onClick"], Ce = { class: "table-head-container" }, xe = ["data-testid"], Ee = ["onMouseenter"], Be = {
+}, Ce = ["onClick"], xe = { class: "table-head-container" }, Ee = ["data-testid"], Be = ["onMouseenter"], Ie = {
   key: 0,
   class: "checkbox-cell"
-}, Ie = {
+}, we = {
   key: 1,
   class: "expand-toggle-cell"
-}, we = {
+}, Ve = {
   key: 2,
   class: "expanded-row"
-}, Ve = { key: 1 }, Le = {
+}, Le = { key: 1 }, Me = {
   key: 0,
   class: "table-footer"
-}, pe = /* @__PURE__ */ ee({
+}, Ye = /* @__PURE__ */ te({
   __name: "DataGrid",
   props: {
     title: { default: "" },
@@ -59,37 +59,38 @@ const ye = ["data-testid"], fe = ["data-testid"], Se = ["data-testid"], ke = ["d
   emits: ["update:sort", "update:search", "update:selection", "onScroll", "saveRow", "loadMore"],
   setup(s, { emit: S }) {
     const o = s;
-    te((a) => ({
-      "708a5a8f": s.zIndexBase,
-      "668fa5c3": e(q),
-      "6ded5808": e(H),
-      "70e35284": e(j)
+    se((a) => ({
+      42931960: s.zIndexBase,
+      baef7858: e(q),
+      "2d5a9c66": e(A),
+      "3890bdd6": e(j)
     }));
-    const b = se(), {
-      list: A,
+    const b = ae(), {
+      list: P,
       containerProps: U,
       wrapperProps: G,
       activeRow: V,
-      gridColumnTemplate: H,
+      gridColumnTemplate: A,
       toggleSortOrder: p,
-      columnsStickyPositions: N,
+      columnsStickyPositions: H,
       hasSearchSlot: Y,
       containerStyle: Q,
-      onScroll: M,
+      onScroll: N,
       savingRows: F,
       hasExpandSlot: v,
       toggleExpandRow: W,
       cssRowHeight: j,
       cssExpandGridCol: q,
       isRowExpanded: L,
-      hasCheckboxes: O
-    } = ne(o, S), z = g(() => !!b.footer), k = he(o, "search", S), J = g(() => o.selection.length || 0), P = g(() => {
+      hasCheckboxes: O,
+      activeMenuRow: J
+    } = ce(o, S), z = g(() => !!b.footer), k = ye(o, "search", S), K = g(() => o.selection.length || 0), M = g(() => {
       const a = o.rows.map((d, t) => o.getRowId(d, t));
       return a.length && a.every((d) => $(d));
-    }), $ = (a) => o.selection.findIndex((d) => o.selectedMatcher(a, d)) !== -1, K = (a) => {
+    }), $ = (a) => o.selection.findIndex((d) => o.selectedMatcher(a, d)) !== -1, X = (a) => {
       $(a) ? R(o.selection.filter((d) => d !== a)) : R([...o.selection, a]);
-    }, X = () => {
-      if (P.value)
+    }, Z = () => {
+      if (M.value)
         R([]);
       else {
         const a = o.rows.map((d, t) => o.getRowId(d, t)).filter((d) => !$(d));
@@ -97,9 +98,9 @@ const ye = ["data-testid"], fe = ["data-testid"], Se = ["data-testid"], ke = ["d
       }
     }, R = (a) => {
       S("update:selection", a);
-    }, Z = g(
+    }, _ = g(
       () => o.emptyStateVariant ?? (k.value ? "no-results" : "no-data")
-    ), _ = g(
+    ), ee = g(
       () => o.emptyStateSubtitle ? o.emptyStateSubtitle : k.value ? "Search again with different filters" : void 0
     );
     return (a, d) => (i(), l("div", {
@@ -115,7 +116,7 @@ const ye = ["data-testid"], fe = ["data-testid"], Se = ["data-testid"], ke = ["d
         }),
         "data-testid": `${s.testId}-${e(f).TABLE}`,
         onScrollPassive: d[1] || (d[1] = //@ts-ignore
-        (...t) => e(M) && e(M)(...t))
+        (...t) => e(N) && e(N)(...t))
       }, [
         s.title || e(b).title || e(Y) || e(b)["table-header-actions"] ? (i(), l("div", {
           key: 0,
@@ -134,31 +135,31 @@ const ye = ["data-testid"], fe = ["data-testid"], Se = ["data-testid"], ke = ["d
                 _: 1
               })
             ], !0)
-          ], 8, ke),
+          ], 8, me),
           r("div", {
             class: "table-header-right",
             "data-testid": `${s.testId}-${e(f).HEADER_RIGHT}`
           }, [
             s.showSearch ? c(a.$slots, "search", { key: 0 }, () => [
-              r("div", ge, [
-                u(e(ue), {
+              r("div", be, [
+                u(e(he), {
                   modelValue: e(k),
-                  "onUpdate:modelValue": d[0] || (d[0] = (t) => ae(k) ? k.value = t : null),
+                  "onUpdate:modelValue": d[0] || (d[0] = (t) => ie(k) ? k.value = t : null),
                   placeholder: s.searchPlaceholder,
                   "auto-focus": s.searchAutoFocus,
                   "test-id": s.testId
                 }, null, 8, ["modelValue", "placeholder", "auto-focus", "test-id"])
               ])
             ], !0) : h("", !0)
-          ], 8, me),
+          ], 8, ge),
           e(b)["table-header-actions"] ? (i(), l("div", {
             key: 0,
             class: "table-header-actions",
             "data-testid": `${s.testId}-${e(f).ACTIONS}`
           }, [
             c(a.$slots, "table-header-actions", {}, void 0, !0)
-          ], 8, be)) : h("", !0)
-        ], 10, Se)) : h("", !0),
+          ], 8, ve)) : h("", !0)
+        ], 10, ke)) : h("", !0),
         r("thead", {
           class: y({ sticky: s.isSticky, isStickyHeader: s.isStickyHeader })
         }, [
@@ -184,19 +185,19 @@ const ye = ["data-testid"], fe = ["data-testid"], Se = ["data-testid"], ke = ["d
                 ], 4)
               ], !0)
             ], 2))), 128))
-          ], 8, ve),
+          ], 8, $e),
           r("tr", null, [
-            e(O) ? (i(), l("th", $e, [
+            e(O) ? (i(), l("th", Re, [
               c(a.$slots, "select-all-checkbox", {}, () => [
                 u(e(D), {
                   disabled: s.isLoading,
-                  "is-checked": e(P),
-                  "is-indeterminate": !e(P) && e(J) > 0,
-                  "onUpdate:isChecked": X
+                  "is-checked": e(M),
+                  "is-indeterminate": !e(M) && e(K) > 0,
+                  "onUpdate:isChecked": Z
                 }, null, 8, ["disabled", "is-checked", "is-indeterminate"])
               ], !0)
             ])) : h("", !0),
-            e(v) ? (i(), l("th", Re)) : h("", !0),
+            e(v) ? (i(), l("th", Te)) : h("", !0),
             (i(!0), l(B, null, I(s.columns, (t) => (i(), l("th", {
               key: t.id,
               class: y({
@@ -207,10 +208,10 @@ const ye = ["data-testid"], fe = ["data-testid"], Se = ["data-testid"], ke = ["d
                 isSortable: t.isSortable,
                 [`column-${t.id}`]: !0
               }),
-              style: T(t.isSticky ? e(N)[t.id] : null),
+              style: T(t.isSticky ? e(H)[t.id] : null),
               onClick: (m) => t.isSortable ? e(p)(t) : null
             }, [
-              r("div", Ce, [
+              r("div", xe, [
                 c(a.$slots, `header-${t.id}`, { column: t }, () => [
                   u(e(w), { variant: "tableLabel" }, {
                     default: C(() => [
@@ -219,38 +220,39 @@ const ye = ["data-testid"], fe = ["data-testid"], Se = ["data-testid"], ke = ["d
                     _: 2
                   }, 1024)
                 ], !0),
-                t.isSortable && t.id === s.sort?.sortBy ? (i(), ie(ce, {
+                t.isSortable && t.id === s.sort?.sortBy ? (i(), le(re, {
                   key: 0,
                   "sort-order": s.sort.sortOrder
                 }, null, 8, ["sort-order"])) : h("", !0)
               ])
-            ], 14, Te))), 128))
+            ], 14, Ce))), 128))
           ])
         ], 2),
         r("tbody", null, [
-          e(A).length > 0 ? (i(), l("div", le({
+          e(P).length > 0 ? (i(), l("div", de({
             key: 0,
             class: "table-body-wrapper",
             "data-testid": `${s.testId}-${e(f).BODY_WRAPPER}`
           }, e(G)), [
-            (i(!0), l(B, null, I(e(A), (t) => (i(), l("tr", {
+            (i(!0), l(B, null, I(e(P), (t) => (i(), l("tr", {
               key: t.index,
               class: y(["table-row", {
                 loading: s.isLoading || s.isLoading && !t.data || e(F).includes(t.index),
                 active: e(V) === t.index,
+                activeMenu: e(J) === t.index,
                 expanded: e(v) && e(L)(t.index)
               }]),
               onMouseenter: (m) => V.value = t.index
             }, [
-              e(O) ? (i(), l("td", Be, [
+              e(O) ? (i(), l("td", Ie, [
                 u(e(D), {
                   "is-checked": $(s.getRowId(t.data, t.index)),
                   size: "sm",
-                  "onUpdate:isChecked": (m) => K(s.getRowId(t.data, t.index))
+                  "onUpdate:isChecked": (m) => X(s.getRowId(t.data, t.index))
                 }, null, 8, ["is-checked", "onUpdate:isChecked"])
               ])) : h("", !0),
-              e(v) ? (i(), l("td", Ie, [
-                u(re, {
+              e(v) ? (i(), l("td", we, [
+                u(ue, {
                   expanded: e(L)(t.index),
                   onClick: (m) => e(W)(t.index, m)
                 }, null, 8, ["expanded", "onClick"])
@@ -265,7 +267,7 @@ const ye = ["data-testid"], fe = ["data-testid"], Se = ["data-testid"], ke = ["d
                   [`column-${s.columns[n].id}`]: !0
                 }),
                 style: T(
-                  s.columns[n].isSticky ? e(N)[s.columns[n].id] : null
+                  s.columns[n].isSticky ? e(H)[s.columns[n].id] : null
                 )
               }, [
                 !s.isLoading || s.isLoading && t.data[n] ? (i(), l("div", {
@@ -287,35 +289,35 @@ const ye = ["data-testid"], fe = ["data-testid"], Se = ["data-testid"], ke = ["d
                     }, 1024)
                   ], !0)
                 ], 2)) : c(a.$slots, "loader", { key: 1 }, () => [
-                  u(e(de), { round: "" })
+                  u(e(oe), { round: "" })
                 ], !0)
               ], 6))), 128)),
-              e(v) && e(L)(t.index) ? (i(), l("div", we, [
+              e(v) && e(L)(t.index) ? (i(), l("div", Ve, [
                 c(a.$slots, "expanded", {
                   row: t,
-                  gridColumnTemplate: e(H)
+                  gridColumnTemplate: e(A)
                 }, void 0, !0)
               ])) : h("", !0)
-            ], 42, Ee))), 128))
-          ], 16, xe)) : (i(), l("div", Ve, [
+            ], 42, Be))), 128))
+          ], 16, Ee)) : (i(), l("div", Le, [
             c(a.$slots, "empty-state", {}, () => [
-              u(e(oe), {
+              u(e(ne), {
                 class: "empty-state",
                 title: s.emptyStateTitle,
-                subtitle: e(_),
-                variant: e(Z),
+                subtitle: e(ee),
+                variant: e(_),
                 "test-id": `${s.testId}-${e(f).EMPTY_STATE}`
               }, null, 8, ["title", "subtitle", "variant", "test-id"])
             ], !0)
           ]))
         ])
-      ], 46, fe),
-      e(z) ? (i(), l("div", Le, [
+      ], 46, Se),
+      e(z) ? (i(), l("div", Me, [
         c(a.$slots, "footer", {}, void 0, !0)
       ])) : h("", !0)
-    ], 40, ye));
+    ], 40, fe));
   }
 });
 export {
-  pe as default
+  Ye as default
 };

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

@@ -1,22 +1,22 @@
 import { MenuItem } from '@is-ssp/table/common/Table.types';
 declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
     menuItems: MenuItem[];
-    container?: string;
+    rowIndex?: number;
 }>, {
     menuItems: () => any[];
-    container: any;
+    rowIndex: any;
 }>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     selected: (option: unknown) => void;
 }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
     menuItems: MenuItem[];
-    container?: string;
+    rowIndex?: number;
 }>, {
     menuItems: () => any[];
-    container: any;
+    rowIndex: any;
 }>>> & {
     onSelected?: (option: unknown) => any;
 }, {
-    container: string;
+    rowIndex: number;
     menuItems: MenuItem[];
 }>;
 export default _default;

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

@@ -1,7 +1,7 @@
-import o from "./DataGridMenu.vue2.js";
-/* empty css                   */import e from "../../../_virtual/_plugin-vue_export-helper.js";
-// import "../../../DataGridMenu.vue_vue_type_style_index_0_scoped_92d83650_lang.css"; //*');
-const a = /* @__PURE__ */ e(o, [["__scopeId", "data-v-92d83650"]]);
+import e from "./DataGridMenu.vue2.js";
+/* empty css                   */import o from "../../../_virtual/_plugin-vue_export-helper.js";
+// import "../../../DataGridMenu.vue_vue_type_style_index_0_scoped_13f1ce76_lang.css"; //*');
+const a = /* @__PURE__ */ o(e, [["__scopeId", "data-v-13f1ce76"]]);
 export {
   a as default
 };