@ironsource/shared-ui 2.1.6-test.14 → 2.1.6-test.15

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

@@ -4,27 +4,37 @@ declare const IconTypes: () => ({
         $data: {};
         $props: Partial<{
             name: string;
-            type: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test";
-            size: string;
+            type: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat";
             color: string;
+            size: string;
+            height: string;
+            width: string;
         }> & Omit<Readonly<import("vue").ExtractPropTypes<{
             name: {
                 type: import("vue").PropType<string>;
                 default: any;
             };
             type: {
-                type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test">;
+                type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat">;
                 default: string;
             };
+            color: {
+                type: import("vue").PropType<string>;
+                default: any;
+            };
             size: {
                 type: import("vue").PropType<string>;
                 default: any;
             };
-            color: {
+            height: {
+                type: import("vue").PropType<string>;
+                default: any;
+            };
+            width: {
                 type: import("vue").PropType<string>;
                 default: any;
             };
-        }>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "name" | "type" | "size" | "color">;
+        }>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "name" | "type" | "color" | "size" | "height" | "width">;
         $attrs: {
             [x: string]: unknown;
         };
@@ -44,22 +54,32 @@ declare const IconTypes: () => ({
                 default: any;
             };
             type: {
-                type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test">;
+                type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat">;
                 default: string;
             };
+            color: {
+                type: import("vue").PropType<string>;
+                default: any;
+            };
             size: {
                 type: import("vue").PropType<string>;
                 default: any;
             };
-            color: {
+            height: {
+                type: import("vue").PropType<string>;
+                default: any;
+            };
+            width: {
                 type: import("vue").PropType<string>;
                 default: any;
             };
         }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
             name: string;
-            type: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test";
-            size: string;
+            type: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat";
             color: string;
+            size: string;
+            height: string;
+            width: string;
         }, {}, string> & {
             beforeCreate?: (() => void) | (() => void)[];
             created?: (() => void) | (() => void)[];
@@ -86,14 +106,22 @@ declare const IconTypes: () => ({
             default: any;
         };
         type: {
-            type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test">;
+            type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat">;
             default: string;
         };
+        color: {
+            type: import("vue").PropType<string>;
+            default: any;
+        };
         size: {
             type: import("vue").PropType<string>;
             default: any;
         };
-        color: {
+        height: {
+            type: import("vue").PropType<string>;
+            default: any;
+        };
+        width: {
             type: import("vue").PropType<string>;
             default: any;
         };
@@ -107,22 +135,32 @@ declare const IconTypes: () => ({
         default: any;
     };
     type: {
-        type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test">;
+        type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat">;
         default: string;
     };
+    color: {
+        type: import("vue").PropType<string>;
+        default: any;
+    };
     size: {
         type: import("vue").PropType<string>;
         default: any;
     };
-    color: {
+    height: {
+        type: import("vue").PropType<string>;
+        default: any;
+    };
+    width: {
         type: import("vue").PropType<string>;
         default: any;
     };
 }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
     name: string;
-    type: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test";
-    size: string;
+    type: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat";
     color: string;
+    size: string;
+    height: string;
+    width: string;
 }, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
     $slots: {
         default?(_: {}): any;

package/components/inlineCopy/InlineCopy.vue.js

@@ -1,7 +1,7 @@
 import o from "./InlineCopy.vue2.js";
 /* empty css                 */import e from "../../_virtual/_plugin-vue_export-helper.js";
-// import "../../InlineCopy.vue_vue_type_style_index_0_scoped_6a7b3795_lang.css"; //*');
-const t = /* @__PURE__ */ e(o, [["__scopeId", "data-v-6a7b3795"]]);
+// import "../../InlineCopy.vue_vue_type_style_index_0_scoped_893a203c_lang.css"; //*');
+const t = /* @__PURE__ */ e(o, [["__scopeId", "data-v-893a203c"]]);
 export {
   t as default
 };

package/components/inlineCopy/InlineCopy.vue2.js

@@ -1,4 +1,4 @@
- import "../../InlineCopy.vue_vue_type_style_index_0_scoped_6a7b3795_lang.css"; import { defineComponent as f, computed as y, openBlock as i, createElementBlock as x, createBlock as T, unref as e, mergeProps as c, withCtx as n, createTextVNode as C, toDisplayString as h, createCommentVNode as z, createVNode as r } from "vue";
+ import "../../InlineCopy.vue_vue_type_style_index_0_scoped_893a203c_lang.css"; import { defineComponent as f, computed as y, openBlock as i, createElementBlock as x, createBlock as T, unref as e, mergeProps as c, withCtx as n, createTextVNode as C, toDisplayString as h, createCommentVNode as z, createVNode as r } from "vue";
 import I from "../icon/v4/IconV4.vue.js";
 import k from "../typography/v4/Typography.vue.js";
 import { useClipboard as S } from "@vueuse/core";

package/components/layout/FoldableSection.vue.js

@@ -1,7 +1,7 @@
-import o from "./FoldableSection.vue2.js";
-/* empty css                      */import e from "../../_virtual/_plugin-vue_export-helper.js";
-// import "../../FoldableSection.vue_vue_type_style_index_0_scoped_8d0fd203_lang.css"; //*');
-const s = /* @__PURE__ */ e(o, [["__scopeId", "data-v-8d0fd203"]]);
+import e from "./FoldableSection.vue2.js";
+/* empty css                      */import o from "../../_virtual/_plugin-vue_export-helper.js";
+// import "../../FoldableSection.vue_vue_type_style_index_0_scoped_1a5f0e2e_lang.css"; //*');
+const a = /* @__PURE__ */ o(e, [["__scopeId", "data-v-1a5f0e2e"]]);
 export {
-  s as default
+  a as default
 };

package/components/layout/FoldableSection.vue2.js

@@ -1,4 +1,4 @@
- import "../../FoldableSection.vue_vue_type_style_index_0_scoped_8d0fd203_lang.css"; import { defineComponent as f, ref as v, watch as T, openBlock as s, createElementBlock as i, createElementVNode as g, mergeProps as d, unref as t, createVNode as a, withCtx as p, createTextVNode as h, toDisplayString as I, Transition as _, normalizeProps as y, renderSlot as N, createCommentVNode as C } from "vue";
+ import "../../FoldableSection.vue_vue_type_style_index_0_scoped_1a5f0e2e_lang.css"; import { defineComponent as f, ref as v, watch as T, openBlock as s, createElementBlock as i, createElementVNode as g, mergeProps as d, unref as t, createVNode as a, withCtx as p, createTextVNode as h, toDisplayString as I, Transition as _, normalizeProps as y, renderSlot as N, createCommentVNode as C } from "vue";
 import k from "../typography/v4/Typography.vue.js";
 import w from "../icon/v4/IconV4.vue.js";
 import { useTestIdAttrs as x } from "../../utils/testIds.js";

package/components/multibar/MultiBarMenu.vue2.js

@@ -1,4 +1,4 @@
- import "../../MultiBarMenu.vue_vue_type_style_index_0_scoped_e40e5dda_lang.css"; import { defineComponent as m, openBlock as l, createBlock as p, unref as t, withCtx as i, createVNode as s, createSlots as u, createTextVNode as c, toDisplayString as f } from "vue";
+ import "../../MultiBarMenu.vue_vue_type_style_index_0_scoped_e40e5dda_lang.css"; import { defineComponent as a, openBlock as l, createBlock as p, unref as t, withCtx as i, createVNode as m, createSlots as u, createTextVNode as c, toDisplayString as f } from "vue";
 import b from "../dropdown/v4/DropdownV4.vue.js";
 import "../dropdown/v4/DefaultDropdownTrigger.vue.js";
 import "../dropdown/v4/IconButtonDropdownTrigger.vue.js";
@@ -6,41 +6,42 @@ import "../dropdown/v4/ChipDropdownTrigger.vue.js";
 import "../dropdown/v4/AppDropdownTrigger.vue.js";
 import "../dropdown/v4/ButtonDropdownTrigger.vue.js";
 import "../dropdown/v4/ButtonFilterDropdownTrigger.vue.js";
+import "../dropdown/v4/TreeDropdown.vue.js";
 import g from "../dropdown/v4/OptionV4.vue.js";
 import x from "../icon/v4/IconV4.vue.js";
-const M = /* @__PURE__ */ m({
+const N = /* @__PURE__ */ a({
   __name: "MultiBarMenu",
   props: {
     menuItems: { default: () => [] },
     testId: { default: "" }
   },
   emits: ["selected"],
-  setup(o, { emit: a }) {
-    const n = (r) => r.title;
-    return (r, d) => (l(), p(t(b), {
+  setup(o, { emit: s }) {
+    const r = (n) => n.title;
+    return (n, d) => (l(), p(t(b), {
       class: "multi-bar-menu",
       options: o.menuItems,
-      "display-value": n,
+      "display-value": r,
       "predefined-trigger": "icon-button",
       placement: "right-end",
       skidding: -20,
       "test-id": o.testId,
-      "onUpdate:selected": d[0] || (d[0] = (e) => a("selected", e))
+      "onUpdate:selected": d[0] || (d[0] = (e) => s("selected", e))
     }, {
       default: i(({ option: e }) => [
-        s(t(g), {
+        m(t(g), {
           option: e,
           disabled: e.disabled
         }, u({
           default: i(() => [
-            c(" " + f(n(e)), 1)
+            c(" " + f(r(e)), 1)
           ]),
           _: 2
         }, [
           e.icon ? {
             name: "icon-start",
             fn: i(() => [
-              s(t(x), {
+              m(t(x), {
                 name: e.icon,
                 size: "20px"
               }, null, 8, ["name"])
@@ -54,5 +55,5 @@ const M = /* @__PURE__ */ m({
   }
 });
 export {
-  M as default
+  N as default
 };

package/components/snackbar/v4/SnackbarV4.vue.d.ts

@@ -18,15 +18,15 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     actionButtons: (Partial<{
         variant: "text" | "contained" | "outlined";
         disabled: boolean;
-        size: "small" | "medium" | "large" | "extraLarge";
         color: "default" | "primary" | "danger" | "info" | "success" | "warning";
+        size: "small" | "medium" | "large" | "extraLarge";
         content: string;
         loading: boolean;
         testId: string;
         startIconName: string;
         endIconName: string;
-        startIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test";
-        endIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test";
+        startIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat";
+        endIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat";
     }> & Omit<Readonly<import("vue").ExtractPropTypes<{
         variant: {
             type: import("vue").PropType<"text" | "contained" | "outlined">;
@@ -36,14 +36,14 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
             type: import("vue").PropType<boolean>;
             default: boolean;
         };
-        size: {
-            type: import("vue").PropType<"small" | "medium" | "large" | "extraLarge">;
-            default: string;
-        };
         color: {
             type: import("vue").PropType<"default" | "primary" | "danger" | "info" | "success" | "warning">;
             default: string;
         };
+        size: {
+            type: import("vue").PropType<"small" | "medium" | "large" | "extraLarge">;
+            default: string;
+        };
         content: {
             type: import("vue").PropType<string>;
             default: string;
@@ -65,14 +65,14 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
             default: any;
         };
         startIconType: {
-            type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test">;
+            type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat">;
             default: string;
         };
         endIconType: {
-            type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test">;
+            type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat">;
             default: string;
         };
-    }>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "variant" | "disabled" | "size" | "color" | "content" | "loading" | "testId" | "startIconName" | "endIconName" | "startIconType" | "endIconType">)[];
+    }>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "variant" | "disabled" | "color" | "size" | "content" | "loading" | "testId" | "startIconName" | "endIconName" | "startIconType" | "endIconType">)[];
     testId: string;
 }>, {
     type: string;
@@ -103,15 +103,15 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     actionButtons: (Partial<{
         variant: "text" | "contained" | "outlined";
         disabled: boolean;
-        size: "small" | "medium" | "large" | "extraLarge";
         color: "default" | "primary" | "danger" | "info" | "success" | "warning";
+        size: "small" | "medium" | "large" | "extraLarge";
         content: string;
         loading: boolean;
         testId: string;
         startIconName: string;
         endIconName: string;
-        startIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test";
-        endIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test";
+        startIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat";
+        endIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat";
     }> & Omit<Readonly<import("vue").ExtractPropTypes<{
         variant: {
             type: import("vue").PropType<"text" | "contained" | "outlined">;
@@ -121,14 +121,14 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
             type: import("vue").PropType<boolean>;
             default: boolean;
         };
-        size: {
-            type: import("vue").PropType<"small" | "medium" | "large" | "extraLarge">;
-            default: string;
-        };
         color: {
             type: import("vue").PropType<"default" | "primary" | "danger" | "info" | "success" | "warning">;
             default: string;
         };
+        size: {
+            type: import("vue").PropType<"small" | "medium" | "large" | "extraLarge">;
+            default: string;
+        };
         content: {
             type: import("vue").PropType<string>;
             default: string;
@@ -150,14 +150,14 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
             default: any;
         };
         startIconType: {
-            type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test">;
+            type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat">;
             default: string;
         };
         endIconType: {
-            type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test">;
+            type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat">;
             default: string;
         };
-    }>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "variant" | "disabled" | "size" | "color" | "content" | "loading" | "testId" | "startIconName" | "endIconName" | "startIconType" | "endIconType">)[];
+    }>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "variant" | "disabled" | "color" | "size" | "content" | "loading" | "testId" | "startIconName" | "endIconName" | "startIconType" | "endIconType">)[];
     testId: string;
 }>, {
     type: string;

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

@@ -24,6 +24,7 @@ export declare const tableCommon: (props: any, emit: any) => {
     showBackToTopButton: import("vue").ComputedRef<boolean>;
     containerStyle: import("vue").ComputedRef<CSSProperties>;
     onScroll: (event: any) => void;
+    scrollTo: (index: number) => void;
     savingRows: import("vue").Ref<any[]>;
     floatingActionPosition: import("vue").Ref<number>;
     hasExpandSlot: import("vue").ComputedRef<boolean>;

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

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

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

@@ -49,7 +49,9 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     searchPlaceholder: string;
     searchAutoFocus: boolean;
     zIndexBase: number;
-}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+}>, {
+    scrollTo: (index: number) => void;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:sort": (newSort: Sort) => void;
     "update:search": (query: string) => void;
     "update:selection": (selection: unknown[]) => void;
@@ -64,6 +66,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     loadMore: () => void;
     selectAll: (value: boolean) => void;
     selectRow: (value: boolean) => void;
+    clickRow: (rowIndex: number) => void;
 }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
     title?: string;
     columns: Column[];
@@ -129,6 +132,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     "onUpdate:selection"?: (selection: unknown[]) => any;
     onOnClearSearch?: () => any;
     onSelectRow?: (value: boolean) => any;
+    onClickRow?: (rowIndex: number) => any;
 }, {
     sort: Sort;
     title: string;

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_6df3b70f_lang.css"; //*');
-const a = /* @__PURE__ */ _(o, [["__scopeId", "data-v-6df3b70f"]]);
+// import "../../../DataGrid.vue_vue_type_style_index_0_scoped_057abdf5_lang.css"; //*');
+const s = /* @__PURE__ */ _(o, [["__scopeId", "data-v-057abdf5"]]);
 export {
-  a as default
+  s as default
 };