@ironsource/shared-ui 2.0.0 → 2.0.1

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

@@ -1,27 +1,27 @@
- import "../../../DataGrid.vue_vue_type_style_index_0_scoped_7a670808_lang.css"; import { defineComponent as p, useCssVars as _, unref as t, useSlots as tt, computed as H, openBlock as i, createElementBlock as d, createElementVNode as n, normalizeStyle as v, normalizeClass as y, renderSlot as r, createVNode as c, withCtx as b, createTextVNode as $, toDisplayString as R, isRef as et, createCommentVNode as u, Fragment as T, renderList as C, createBlock as st, mergeProps as at } from "vue";
-import E from "../../typography/v4/Typography.vue.js";
-import it from "../../skeleton/Skeleton.vue.js";
-import dt from "../../emptyState/v4/EmptyStateV4.vue.js";
-import z from "../../checkbox/v4/CheckboxV4.vue.js";
-import { TableTestIdModifiers as S } from "../../../testids/index.js";
-import { tableCommon as lt } from "../common/Table.common.js";
-import ot from "./SortIcon.vue.js";
-import nt from "./ExpandRowToggle.vue.js";
-import rt from "../../search/v4/SearchV4.vue.js";
-import { useVModel as ct } from "@vueuse/core";
-const ut = ["data-testid"], ht = ["data-testid"], yt = ["data-testid"], St = ["data-testid"], ft = ["data-testid"], kt = { class: "search-wrapper" }, mt = ["data-testid"], gt = ["data-testid"], vt = { key: 0 }, bt = {
+ import "../../../DataGrid.vue_vue_type_style_index_0_scoped_4e432056_lang.css"; import { defineComponent as tt, useCssVars as et, unref as t, useSlots as at, computed as g, openBlock as i, createElementBlock as l, createElementVNode as r, normalizeStyle as R, normalizeClass as y, renderSlot as c, createVNode as u, withCtx as T, createTextVNode as C, toDisplayString as E, isRef as st, createCommentVNode as h, Fragment as x, renderList as B, createBlock as it, mergeProps as lt } from "vue";
+import I from "../../typography/v4/Typography.vue.js";
+import dt from "../../skeleton/v4/SkeletonV4.vue.js";
+import ot from "../../emptyState/v4/EmptyStateV4.vue.js";
+import p from "../../checkbox/v4/CheckboxV4.vue.js";
+import { TableTestIdModifiers as f } from "../../../testids/index.js";
+import { tableCommon as nt } from "../common/Table.common.js";
+import rt from "./SortIcon.vue.js";
+import ct from "./ExpandRowToggle.vue.js";
+import ut from "../../search/v4/SearchV4.vue.js";
+import { useVModel as ht } from "@vueuse/core";
+const yt = ["data-testid"], ft = ["data-testid"], St = ["data-testid"], kt = ["data-testid"], mt = ["data-testid"], gt = { class: "search-wrapper" }, vt = ["data-testid"], bt = ["data-testid"], $t = { key: 0 }, Rt = {
   key: 1,
   class: "expand-toggle-cell"
-}, $t = ["onClick"], Rt = { class: "table-head-container" }, Tt = ["data-testid"], Ct = ["onMouseenter"], Et = { key: 0 }, xt = {
+}, Tt = ["onClick"], Ct = { class: "table-head-container" }, Et = ["data-testid"], xt = ["onMouseenter"], Bt = { key: 0 }, It = {
   key: 1,
   class: "expand-toggle-cell"
-}, Bt = {
+}, Vt = {
   key: 2,
   class: "expanded-row"
-}, Pt = { key: 1 }, Vt = {
+}, Pt = { key: 1 }, wt = {
   key: 0,
   class: "table-footer"
-}, zt = /* @__PURE__ */ p({
+}, Gt = /* @__PURE__ */ tt({
   __name: "DataGrid",
   props: {
     title: { default: "" },
@@ -30,11 +30,11 @@ const ut = ["data-testid"], ht = ["data-testid"], yt = ["data-testid"], St = ["d
     sections: { default: null },
     sort: { default: null },
     selection: { default: null },
-    getRowId: { type: Function, default: (s, f) => f },
+    getRowId: { type: Function, default: (a, S) => S },
     isSticky: { type: Boolean, default: !0 },
     isStickyHeader: { type: Boolean, default: !1 },
     isLoading: { type: Boolean, default: !1 },
-    emptyStateVariant: { default: "no-data" },
+    emptyStateVariant: { default: null },
     emptyStateTitle: { default: "No data to display" },
     emptyStateSubtitle: { default: "" },
     isInfiniteScroll: { type: Boolean, default: !1 },
@@ -46,134 +46,140 @@ const ut = ["data-testid"], ht = ["data-testid"], yt = ["data-testid"], St = ["d
     search: { default: null },
     showSearch: { type: Boolean, default: !1 },
     searchPlaceholder: { default: "Search" },
-    searchAutoFocus: { type: Boolean, default: !1 }
+    searchAutoFocus: { type: Boolean, default: !1 },
+    zIndexBase: { default: 100 }
   },
   emits: ["update:sort", "update:search", "update:selection", "onScroll", "saveRow", "loadMore"],
-  setup(s, { emit: f }) {
-    const h = s;
-    _((a) => ({
-      dc06b224: t(K),
-      "658a9332": t(L),
-      "7684bda2": t(J)
+  setup(a, { emit: S }) {
+    const o = a;
+    et((s) => ({
+      f7be0d24: a.zIndexBase,
+      "1ec56162": t(J),
+      "4abea3db": t(H),
+      "0d6494ba": t(q)
     }));
-    const x = tt(), {
-      list: I,
-      containerProps: G,
-      wrapperProps: Y,
-      activeRow: B,
-      gridColumnTemplate: L,
-      toggleSortOrder: Q,
-      columnsStickyPositions: N,
-      hasSearchSlot: W,
-      containerStyle: j,
-      onScroll: w,
+    const v = at(), {
+      list: A,
+      containerProps: U,
+      wrapperProps: G,
+      activeRow: V,
+      gridColumnTemplate: H,
+      toggleSortOrder: Y,
+      columnsStickyPositions: L,
+      hasSearchSlot: Q,
+      containerStyle: W,
+      onScroll: N,
       savingRows: F,
-      hasExpandSlot: m,
-      toggleExpandRow: q,
-      cssRowHeight: J,
-      cssExpandGridCol: K,
+      hasExpandSlot: b,
+      toggleExpandRow: j,
+      cssRowHeight: q,
+      cssExpandGridCol: J,
       isRowExpanded: P,
       hasCheckboxes: M
-    } = lt(h, f), O = H(() => !!x.footer), V = ct(h, "search", f), D = H(() => h.selection.length || 0), A = H(() => D.value === h.rows.length), U = (a) => h.selection.includes(a), X = (a) => {
-      U(a) ? g(h.selection.filter((o) => o !== a)) : g([...h.selection, a]);
-    }, Z = () => {
-      A.value ? g([]) : g(h.rows.map((a, o) => h.getRowId(a, o)));
-    }, g = (a) => {
-      f("update:selection", a);
-    };
-    return (a, o) => (i(), d("div", {
+    } = nt(o, S), O = g(() => !!v.footer), k = ht(o, "search", S), z = g(() => o.selection.length || 0), w = g(() => z.value === o.rows.length), D = (s) => o.selection.includes(s), K = (s) => {
+      D(s) ? $(o.selection.filter((n) => n !== s)) : $([...o.selection, s]);
+    }, X = () => {
+      w.value ? $([]) : $(o.rows.map((s, n) => o.getRowId(s, n)));
+    }, $ = (s) => {
+      S("update:selection", s);
+    }, Z = g(
+      () => o.emptyStateVariant ?? (k.value ? "no-results" : "no-data")
+    ), _ = g(
+      () => o.emptyStateSubtitle ? o.emptyStateSubtitle : k.value ? "Search again with different filters" : void 0
+    );
+    return (s, n) => (i(), l("div", {
       class: "table-container",
-      "data-testid": `${s.testId}-${t(S).CONTAINER}`,
-      onMouseleave: o[2] || (o[2] = (e) => B.value = null)
+      "data-testid": `${a.testId}-${t(f).CONTAINER}`,
+      onMouseleave: n[2] || (n[2] = (e) => V.value = null)
     }, [
-      n("table", {
-        ref: t(G).ref,
-        style: v(t(j)),
+      r("table", {
+        ref: t(U).ref,
+        style: R(t(W)),
         class: y({
           hasFooter: t(O)
         }),
-        "data-testid": `${s.testId}-${t(S).TABLE}`,
-        onScrollPassive: o[1] || (o[1] = //@ts-ignore
-        (...e) => t(w) && t(w)(...e))
+        "data-testid": `${a.testId}-${t(f).TABLE}`,
+        onScrollPassive: n[1] || (n[1] = //@ts-ignore
+        (...e) => t(N) && t(N)(...e))
       }, [
-        s.title || t(W) || t(x)["table-header-actions"] ? (i(), d("div", {
+        a.title || t(v).title || t(Q) || t(v)["table-header-actions"] ? (i(), l("div", {
           key: 0,
-          class: y(["table-header", { isStickyHeader: s.isStickyHeader }]),
-          "data-testid": `${s.testId}-${t(S).HEADER}`
+          class: y(["table-header", { isStickyHeader: a.isStickyHeader }]),
+          "data-testid": `${a.testId}-${t(f).HEADER}`
         }, [
-          n("div", {
+          r("div", {
             class: "table-title",
-            "data-testid": `${s.testId}-${t(S).TITLE}`
+            "data-testid": `${a.testId}-${t(f).TITLE}`
           }, [
-            r(a.$slots, "title", {}, () => [
-              c(t(E), { variant: "h3" }, {
-                default: b(() => [
-                  $(R(s.title), 1)
+            c(s.$slots, "title", {}, () => [
+              u(t(I), { variant: "h3" }, {
+                default: T(() => [
+                  C(E(a.title), 1)
                 ]),
                 _: 1
               })
             ], !0)
-          ], 8, St),
-          n("div", {
+          ], 8, kt),
+          r("div", {
             class: "table-header-right",
-            "data-testid": `${s.testId}-${t(S).HEADER_RIGHT}`
+            "data-testid": `${a.testId}-${t(f).HEADER_RIGHT}`
           }, [
-            s.showSearch ? r(a.$slots, "search", { key: 0 }, () => [
-              n("div", kt, [
-                c(t(rt), {
-                  modelValue: t(V),
-                  "onUpdate:modelValue": o[0] || (o[0] = (e) => et(V) ? V.value = e : null),
-                  placeholder: s.searchPlaceholder,
-                  "auto-focus": s.searchAutoFocus,
-                  "test-id": s.testId
+            a.showSearch ? c(s.$slots, "search", { key: 0 }, () => [
+              r("div", gt, [
+                u(t(ut), {
+                  modelValue: t(k),
+                  "onUpdate:modelValue": n[0] || (n[0] = (e) => st(k) ? k.value = e : null),
+                  placeholder: a.searchPlaceholder,
+                  "auto-focus": a.searchAutoFocus,
+                  "test-id": a.testId
                 }, null, 8, ["modelValue", "placeholder", "auto-focus", "test-id"])
               ])
-            ], !0) : u("", !0)
-          ], 8, ft),
-          t(x)["table-header-actions"] ? (i(), d("div", {
+            ], !0) : h("", !0)
+          ], 8, mt),
+          t(v)["table-header-actions"] ? (i(), l("div", {
             key: 0,
             class: "table-header-actions",
-            "data-testid": `${s.testId}-${t(S).ACTIONS}`
+            "data-testid": `${a.testId}-${t(f).ACTIONS}`
           }, [
-            r(a.$slots, "table-header-actions", {}, void 0, !0)
-          ], 8, mt)) : u("", !0)
-        ], 10, yt)) : u("", !0),
-        n("thead", {
-          class: y({ sticky: s.isSticky, isStickyHeader: s.isStickyHeader })
+            c(s.$slots, "table-header-actions", {}, void 0, !0)
+          ], 8, vt)) : h("", !0)
+        ], 10, St)) : h("", !0),
+        r("thead", {
+          class: y({ sticky: a.isSticky, isStickyHeader: a.isStickyHeader })
         }, [
-          n("div", {
+          r("div", {
             class: "sections",
-            "data-testid": `${s.testId}-${t(S).SECTIONS}`
+            "data-testid": `${a.testId}-${t(f).SECTIONS}`
           }, [
-            (i(!0), d(T, null, C(s.sections, (e) => (i(), d("div", {
+            (i(!0), l(x, null, B(a.sections, (e) => (i(), l("div", {
               key: e.id,
               class: y(["section-container", { sticky: e.isSticky }])
             }, [
-              r(a.$slots, `section-${e.id}`, {}, () => [
-                n("div", {
-                  style: v({ width: e.width + "px" }),
+              c(s.$slots, `section-${e.id}`, {}, () => [
+                r("div", {
+                  style: R({ width: e.width + "px" }),
                   class: y({ section: !0 })
                 }, [
-                  c(t(E), { variant: "body2" }, {
-                    default: b(() => [
-                      $(R(e.title), 1)
+                  u(t(I), { variant: "body2" }, {
+                    default: T(() => [
+                      C(E(e.title), 1)
                     ]),
                     _: 2
                   }, 1024)
                 ], 4)
               ], !0)
             ], 2))), 128))
-          ], 8, gt),
-          n("tr", null, [
-            t(M) ? (i(), d("th", vt, [
-              c(t(z), {
-                "is-checked": t(A),
-                "is-indeterminate": !t(A) && t(D) > 0,
-                "onUpdate:isChecked": Z
+          ], 8, bt),
+          r("tr", null, [
+            t(M) ? (i(), l("th", $t, [
+              u(t(p), {
+                "is-checked": t(w),
+                "is-indeterminate": !t(w) && t(z) > 0,
+                "onUpdate:isChecked": X
               }, null, 8, ["is-checked", "is-indeterminate"])
-            ])) : u("", !0),
-            t(m) ? (i(), d("th", bt)) : u("", !0),
-            (i(!0), d(T, null, C(s.columns, (e) => (i(), d("th", {
+            ])) : h("", !0),
+            t(b) ? (i(), l("th", Rt)) : h("", !0),
+            (i(!0), l(x, null, B(a.columns, (e) => (i(), l("th", {
               key: e.id,
               class: y({
                 sticky: e.isSticky,
@@ -182,114 +188,114 @@ const ut = ["data-testid"], ht = ["data-testid"], yt = ["data-testid"], St = ["d
                 isTextRight: e.isTextRight,
                 isSortable: e.isSortable
               }),
-              style: v(e.isSticky ? t(N)[e.id] : null),
-              onClick: (k) => e.isSortable ? t(Q)(e) : null
+              style: R(e.isSticky ? t(L)[e.id] : null),
+              onClick: (m) => e.isSortable ? t(Y)(e) : null
             }, [
-              n("div", Rt, [
-                r(a.$slots, `header-${e.id}`, { column: e }, () => [
-                  c(t(E), { variant: "tableLabel" }, {
-                    default: b(() => [
-                      $(R(e.title), 1)
+              r("div", Ct, [
+                c(s.$slots, `header-${e.id}`, { column: e }, () => [
+                  u(t(I), { variant: "tableLabel" }, {
+                    default: T(() => [
+                      C(E(e.title), 1)
                     ]),
                     _: 2
                   }, 1024)
                 ], !0),
-                e.isSortable && e.id === s.sort?.sortBy ? (i(), st(ot, {
+                e.isSortable && e.id === a.sort?.sortBy ? (i(), it(rt, {
                   key: 0,
-                  "sort-order": s.sort.sortOrder
-                }, null, 8, ["sort-order"])) : u("", !0)
+                  "sort-order": a.sort.sortOrder
+                }, null, 8, ["sort-order"])) : h("", !0)
               ])
-            ], 14, $t))), 128))
+            ], 14, Tt))), 128))
           ])
         ], 2),
-        n("tbody", null, [
-          t(I).length > 0 ? (i(), d("div", at({
+        r("tbody", null, [
+          t(A).length > 0 ? (i(), l("div", lt({
             key: 0,
             class: "table-body-wrapper",
-            "data-testid": `${s.testId}-${t(S).BODY_WRAPPER}`
-          }, t(Y)), [
-            (i(!0), d(T, null, C(t(I), (e) => (i(), d("tr", {
+            "data-testid": `${a.testId}-${t(f).BODY_WRAPPER}`
+          }, t(G)), [
+            (i(!0), l(x, null, B(t(A), (e) => (i(), l("tr", {
               key: e.index,
               class: y(["table-row", {
-                loading: s.isLoading || s.isLoading && !e.data || t(F).includes(e.index),
-                active: t(B) === e.index,
-                expanded: t(m) && t(P)(e.index)
+                loading: a.isLoading || a.isLoading && !e.data || t(F).includes(e.index),
+                active: t(V) === e.index,
+                expanded: t(b) && t(P)(e.index)
               }]),
-              onMouseenter: (k) => B.value = e.index
+              onMouseenter: (m) => V.value = e.index
             }, [
-              t(M) ? (i(), d("td", Et, [
-                c(t(z), {
-                  "is-checked": U(s.getRowId(e.data, e.index)),
+              t(M) ? (i(), l("td", Bt, [
+                u(t(p), {
+                  "is-checked": D(a.getRowId(e.data, e.index)),
                   size: "sm",
-                  "onUpdate:isChecked": (k) => X(s.getRowId(e.data, e.index))
+                  "onUpdate:isChecked": (m) => K(a.getRowId(e.data, e.index))
                 }, null, 8, ["is-checked", "onUpdate:isChecked"])
-              ])) : u("", !0),
-              t(m) ? (i(), d("td", xt, [
-                c(nt, {
+              ])) : h("", !0),
+              t(b) ? (i(), l("td", It, [
+                u(ct, {
                   expanded: t(P)(e.index),
-                  onClick: (k) => t(q)(e.index, k)
+                  onClick: (m) => t(j)(e.index, m)
                 }, null, 8, ["expanded", "onClick"])
-              ])) : u("", !0),
-              (i(!0), d(T, null, C(s.columns, (k, l) => (i(), d("td", {
-                key: l,
+              ])) : h("", !0),
+              (i(!0), l(x, null, B(a.columns, (m, d) => (i(), l("td", {
+                key: d,
                 class: y({
-                  sticky: s.columns[l].isSticky,
-                  isStickyRight: s.columns[l].isStickyRight,
-                  bordered: s.columns[l].isBordered,
-                  isTextRight: s.columns[l].isTextRight
+                  sticky: a.columns[d].isSticky,
+                  isStickyRight: a.columns[d].isStickyRight,
+                  bordered: a.columns[d].isBordered,
+                  isTextRight: a.columns[d].isTextRight
                 }),
-                style: v(
-                  s.columns[l].isSticky ? t(N)[s.columns[l].id] : null
+                style: R(
+                  a.columns[d].isSticky ? t(L)[a.columns[d].id] : null
                 )
               }, [
-                !s.isLoading || s.isLoading && e.data[l] ? (i(), d("div", {
+                !a.isLoading || a.isLoading && e.data[d] ? (i(), l("div", {
                   key: 0,
-                  class: y(["table-cell", { last: l === e.data.length - 1 }])
+                  class: y(["table-cell", { last: d === e.data.length - 1 }])
                 }, [
-                  r(a.$slots, `cell-${s.columns[l].id}`, {
-                    cell: e.data[l],
+                  c(s.$slots, `cell-${a.columns[d].id}`, {
+                    cell: e.data[d],
                     isLoading: t(F).includes(e.index),
-                    cellIndex: l,
+                    cellIndex: d,
                     row: e,
                     rowIndex: e.index
                   }, () => [
-                    c(t(E), { variant: "body1" }, {
-                      default: b(() => [
-                        $(R(e.data[l]), 1)
+                    u(t(I), { variant: "body1" }, {
+                      default: T(() => [
+                        C(E(e.data[d]), 1)
                       ]),
                       _: 2
                     }, 1024)
                   ], !0)
-                ], 2)) : r(a.$slots, "loader", { key: 1 }, () => [
-                  c(t(it), { round: "" })
+                ], 2)) : c(s.$slots, "loader", { key: 1 }, () => [
+                  u(t(dt), { round: "" })
                 ], !0)
               ], 6))), 128)),
-              t(m) && t(P)(e.index) ? (i(), d("div", Bt, [
-                r(a.$slots, "expanded", {
+              t(b) && t(P)(e.index) ? (i(), l("div", Vt, [
+                c(s.$slots, "expanded", {
                   row: e,
-                  gridColumnTemplate: t(L)
+                  gridColumnTemplate: t(H)
                 }, void 0, !0)
-              ])) : u("", !0)
-            ], 42, Ct))), 128))
-          ], 16, Tt)) : (i(), d("div", Pt, [
-            r(a.$slots, "empty-state", {}, () => [
-              c(t(dt), {
+              ])) : h("", !0)
+            ], 42, xt))), 128))
+          ], 16, Et)) : (i(), l("div", Pt, [
+            c(s.$slots, "empty-state", {}, () => [
+              u(t(ot), {
                 class: "empty-state",
-                title: s.emptyStateTitle,
-                subtitle: s.emptyStateSubtitle,
-                variant: s.emptyStateVariant,
-                "test-id": `${s.testId}-${t(S).EMPTY_STATE}`
+                title: a.emptyStateTitle,
+                subtitle: t(_),
+                variant: t(Z),
+                "test-id": `${a.testId}-${t(f).EMPTY_STATE}`
               }, null, 8, ["title", "subtitle", "variant", "test-id"])
             ], !0)
           ]))
         ])
-      ], 46, ht),
-      t(O) ? (i(), d("div", Vt, [
-        r(a.$slots, "footer", {}, void 0, !0)
-      ])) : u("", !0)
-    ], 40, ut));
+      ], 46, ft),
+      t(O) ? (i(), l("div", wt, [
+        c(s.$slots, "footer", {}, void 0, !0)
+      ])) : h("", !0)
+    ], 40, yt));
   }
 });
 export {
-  zt as default
+  Gt as default
 };

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

@@ -1,17 +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;
 }>, {
     menuItems: () => any[];
+    container: 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;
 }>, {
     menuItems: () => any[];
+    container: any;
 }>>> & {
     onSelected?: (option: unknown) => any;
 }, {
+    container: string;
     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_99f1dcca_lang.css"; //*');
-const c = /* @__PURE__ */ e(o, [["__scopeId", "data-v-99f1dcca"]]);
+// import "../../../DataGridMenu.vue_vue_type_style_index_0_scoped_92d83650_lang.css"; //*');
+const a = /* @__PURE__ */ e(o, [["__scopeId", "data-v-92d83650"]]);
 export {
-  c as default
+  a as default
 };

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

@@ -1,50 +1,61 @@
- import "../../../DataGridMenu.vue_vue_type_style_index_0_scoped_99f1dcca_lang.css"; import { defineComponent as d, openBlock as p, createBlock as l, unref as t, withCtx as o, createVNode as a, createSlots as c, createTextVNode as u, toDisplayString as f } from "vue";
-import x from "../../dropdown/v4/DropdownV4.vue.js";
+ import "../../../DataGridMenu.vue_vue_type_style_index_0_scoped_92d83650_lang.css"; import { defineComponent as p, ref as u, computed as f, openBlock as x, createElementBlock as g, createVNode as o, unref as t, withCtx as n, createSlots as k, createTextVNode as v, toDisplayString as y } from "vue";
+import _ from "../../dropdown/v4/DropdownV4.vue.js";
 import "../../dropdown/v4/DefaultDropdownTrigger.vue.js";
 import "../../dropdown/v4/IconButtonDropdownTrigger.vue.js";
 import "../../dropdown/v4/ChipDropdownTrigger.vue.js";
-import _ from "../../dropdown/v4/OptionV4.vue.js";
-import g from "../../icon/v4/IconV4.vue.js";
-const B = /* @__PURE__ */ d({
+import "../../dropdown/v4/AppDropdownTrigger.vue.js";
+import D from "../../dropdown/v4/OptionV4.vue.js";
+import I from "../../icon/v4/IconV4.vue.js";
+const b = /* @__PURE__ */ p({
   __name: "DataGridMenu",
   props: {
-    menuItems: { default: () => [] }
+    menuItems: { default: () => [] },
+    container: { default: null }
   },
   emits: ["selected"],
-  setup(m, { emit: s }) {
-    const n = (r) => r.text;
-    return (r, i) => (p(), l(t(x), {
-      class: "data-grid-menu",
-      options: m.menuItems,
-      "display-value": n,
-      "predefined-trigger": "icon-button",
-      placement: "left-start",
-      skidding: -4,
-      "onUpdate:selected": i[0] || (i[0] = (e) => s("selected", e))
-    }, {
-      default: o(({ option: e }) => [
-        a(t(_), { option: e }, c({
-          default: o(() => [
-            u(" " + f(n(e)), 1)
-          ]),
-          _: 2
-        }, [
-          e.icon ? {
-            name: "icon-start",
-            fn: o(() => [
-              a(t(g), {
-                name: e.icon,
-                size: "20px"
-              }, null, 8, ["name"])
+  setup(r, { emit: l }) {
+    const m = r, a = (c) => c.text, i = u(null), d = f(
+      () => m.container ?? (i.value || void 0)
+    );
+    return (c, s) => (x(), g("div", {
+      ref_key: "rootRef",
+      ref: i
+    }, [
+      o(t(_), {
+        class: "data-grid-menu",
+        options: r.menuItems,
+        "display-value": a,
+        "predefined-trigger": "icon-button",
+        placement: "left-start",
+        skidding: -4,
+        container: t(d),
+        "onUpdate:selected": s[0] || (s[0] = (e) => l("selected", e))
+      }, {
+        default: n(({ option: e }) => [
+          o(t(D), { option: e }, k({
+            default: n(() => [
+              v(" " + y(a(e)), 1)
             ]),
-            key: "0"
-          } : void 0
-        ]), 1032, ["option"])
-      ]),
-      _: 1
-    }, 8, ["options"]));
+            _: 2
+          }, [
+            e.icon ? {
+              name: "icon-start",
+              fn: n(() => [
+                o(t(I), {
+                  class: "menu-icon",
+                  name: e.icon,
+                  size: "20px"
+                }, null, 8, ["name"])
+              ]),
+              key: "0"
+            } : void 0
+          ]), 1032, ["option"])
+        ]),
+        _: 1
+      }, 8, ["options", "container"])
+    ], 512));
   }
 });
 export {
-  B as default
+  b as default
 };

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

@@ -0,0 +1,34 @@
+declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+    count?: number;
+    totalCount?: number;
+}>, {
+    count: number;
+    totalCount: number;
+}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+    count?: number;
+    totalCount?: number;
+}>, {
+    count: number;
+    totalCount: number;
+}>>>, {
+    count: number;
+    totalCount: number;
+}>;
+export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToRuntimeProps<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};
+type __VLS_WithDefaults<P, D> = {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
+        default: D[K];
+    }> : P[K];
+};
+type __VLS_Prettify<T> = {
+    [K in keyof T]: T[K];
+} & {};