@ironsource/shared-ui 2.1.12-test.99 → 2.2.0-rc.0

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

@@ -1,6 +1,6 @@
 import { MenuItem } from '@is-ssp/table/common/Table.types';
 import { Placement } from 'floating-vue';
-declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
     menuItems: MenuItem[];
     rowIndex?: number;
     placement?: Placement;
@@ -8,9 +8,9 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     menuItems: () => any[];
     rowIndex: any;
     placement: string;
-}>>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     selected: (option: unknown) => void;
-}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
     menuItems: MenuItem[];
     rowIndex?: number;
     placement?: Placement;
@@ -18,13 +18,13 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     menuItems: () => any[];
     rowIndex: any;
     placement: string;
-}>>> & Readonly<{
+}>>> & {
     onSelected?: (option: unknown) => any;
-}>, {
+}, {
     placement: Placement;
     rowIndex: number;
     menuItems: MenuItem[];
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+}>;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
 type __VLS_TypePropsToRuntimeProps<T> = {

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

@@ -0,0 +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_ddfaf207_lang.css"; //*');
+const d = /* @__PURE__ */ e(o, [["__scopeId", "data-v-ddfaf207"]]);
+export {
+  d as default
+};

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

@@ -0,0 +1,66 @@
+ import "../../../DataGridMenu.vue_vue_type_style_index_0_scoped_ddfaf207_lang.css"; import { defineComponent as u, onBeforeUnmount as f, openBlock as x, createBlock as w, unref as o, withCtx as r, createVNode as c, createSlots as I, createTextVNode as v, toDisplayString as M } from "vue";
+import g 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 "../../dropdown/v4/AppDropdownTrigger.vue.js";
+import "../../dropdown/v4/ButtonDropdownTrigger.vue.js";
+import "../../dropdown/v4/ButtonFilterDropdownTrigger.vue.js";
+import "../../dropdown/v4/TreeDropdown.vue.js";
+import C from "../../dropdown/v4/OptionV4.vue.js";
+import "../../dropdown/v4/ConditionalDropdown.vue.js";
+import k from "../../icon/v4/IconV4.vue.js";
+import "../../icon/v4/IconFlag.vue.js";
+import { useTableContext as y } from "../common/TableContext.js";
+const h = /* @__PURE__ */ u({
+  __name: "DataGridMenu",
+  props: {
+    menuItems: { default: () => [] },
+    rowIndex: { default: null },
+    placement: { default: "left-start" }
+  },
+  emits: ["selected"],
+  setup(t, { emit: d }) {
+    const n = t, i = y("DataGridMenu"), a = (s) => s.text, p = () => {
+      n.rowIndex && i.setActiveMenuRow(n.rowIndex);
+    }, m = () => {
+      n.rowIndex && i.setActiveMenuRow(null);
+    };
+    return f(m), (s, l) => (x(), w(o(g), {
+      class: "data-grid-menu",
+      options: t.menuItems,
+      "display-value": a,
+      "predefined-trigger": "icon-button",
+      placement: t.placement,
+      skidding: -4,
+      "onUpdate:selected": l[0] || (l[0] = (e) => d("selected", e)),
+      onOpened: p,
+      onClosed: m
+    }, {
+      default: r(({ option: e }) => [
+        c(o(C), { option: e }, I({
+          default: r(() => [
+            v(" " + M(a(e)), 1)
+          ]),
+          _: 2
+        }, [
+          e.icon ? {
+            name: "icon-start",
+            fn: r(() => [
+              c(o(k), {
+                class: "menu-icon",
+                name: e.icon,
+                size: "20px"
+              }, null, 8, ["name"])
+            ]),
+            key: "0"
+          } : void 0
+        ]), 1032, ["option"])
+      ]),
+      _: 1
+    }, 8, ["options", "placement"]));
+  }
+});
+export {
+  h as default
+};

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

@@ -1,4 +1,4 @@
-declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
     count?: number;
     totalCount?: number;
     displayingText?: string;
@@ -12,7 +12,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     outOfText: string;
     totalText: string;
     testId: string;
-}>>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+}>, {}, 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;
     displayingText?: string;
@@ -26,14 +26,14 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     outOfText: string;
     totalText: string;
     testId: string;
-}>>> & Readonly<{}>, {
+}>>>, {
     testId: string;
     count: number;
     totalCount: number;
     displayingText: string;
     outOfText: string;
     totalText: string;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+}>;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
 type __VLS_TypePropsToRuntimeProps<T> = {

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

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

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

@@ -0,0 +1,53 @@
+ import "../../../DataGridRowsCounter.vue_vue_type_style_index_0_scoped_e38c881a_lang.css"; import { defineComponent as r, openBlock as u, createElementBlock as f, unref as e, createVNode as d, withCtx as l, createTextVNode as a, toDisplayString as o } from "vue";
+import s from "../../typography/v4/Typography.vue.js";
+import { RowsCounterTestIdModifiers as i } from "../../../testids/index.js";
+import { nFormatter as n } from "../../../utils/formatNumbers.js";
+const c = ["data-testid"], I = /* @__PURE__ */ r({
+  __name: "DataGridRowsCounter",
+  props: {
+    count: { default: 0 },
+    totalCount: { default: 0 },
+    displayingText: { default: "Displaying" },
+    outOfText: { default: "out of" },
+    totalText: { default: "total rows" },
+    testId: { default: "" }
+  },
+  setup(t) {
+    return (m, T) => (u(), f("div", {
+      class: "data-grid-rows-counter",
+      "data-testid": `${t.testId}-${e(i).CONTAINER}`
+    }, [
+      d(e(s), { variant: "body1" }, {
+        default: l(() => [
+          a(o(t.displayingText) + " ", 1),
+          d(e(s), {
+            class: "text-strong",
+            variant: "subtitle1",
+            "data-testid": `${t.testId}-${e(i).COUNT}`
+          }, {
+            default: l(() => [
+              a(o(e(n)(t.count, !1, null, !1)), 1)
+            ]),
+            _: 1
+          }, 8, ["data-testid"]),
+          a(" " + o(t.outOfText) + " ", 1),
+          d(e(s), {
+            class: "text-strong",
+            variant: "subtitle1",
+            "data-testid": `${t.testId}-${e(i).TOTAL}`
+          }, {
+            default: l(() => [
+              a(o(e(n)(t.totalCount, !1, null, !1)), 1)
+            ]),
+            _: 1
+          }, 8, ["data-testid"]),
+          a(" " + o(t.totalText), 1)
+        ]),
+        _: 1
+      })
+    ], 8, c));
+  }
+});
+export {
+  I as default
+};

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

@@ -1,18 +1,18 @@
-declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
     expanded: boolean;
 }>, {
     expanded: boolean;
-}>>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     click: (event: Event) => void;
-}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
     expanded: boolean;
 }>, {
     expanded: boolean;
-}>>> & Readonly<{
+}>>> & {
     onClick?: (event: Event) => any;
-}>, {
+}, {
     expanded: boolean;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+}>;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
 type __VLS_TypePropsToRuntimeProps<T> = {

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

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

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

@@ -0,0 +1,26 @@
+ import "../../../ExpandRowToggle.vue_vue_type_style_index_0_scoped_b053baa6_lang.css"; import { defineComponent as r, openBlock as a, createElementBlock as c, createVNode as p, unref as l } from "vue";
+import "../../button/v4/ButtonV4.vue.js";
+import i from "../../button/v4/IconButtonV4.vue.js";
+import "../../button/v4/ButtonGroup.vue.js";
+import "../../button/v4/ToggleButtonGroupAB.vue.js";
+const g = /* @__PURE__ */ r({
+  __name: "ExpandRowToggle",
+  props: {
+    expanded: { type: Boolean, default: !1 }
+  },
+  emits: ["click"],
+  setup(o, { emit: n }) {
+    return (m, e) => (a(), c("div", {
+      class: "expand-row-toggle",
+      onClick: e[0] || (e[0] = (t) => n("click", t))
+    }, [
+      p(l(i), {
+        class: "expand-button",
+        "icon-name": o.expanded ? "caret-down" : "caret-right"
+      }, null, 8, ["icon-name"])
+    ]));
+  }
+});
+export {
+  g as default
+};

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

@@ -1,5 +1,5 @@
 import { TooltipPositions } from '@/components/tooltip/common/Tooltip.types';
-declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
     hoverHelpText?: string;
     hoverHelpTextPlacement?: TooltipPositions;
     testId?: string;
@@ -7,7 +7,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     hoverHelpText: string;
     hoverHelpTextPlacement: string;
     testId: string;
-}>>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+}>, {}, 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<{
     hoverHelpText?: string;
     hoverHelpTextPlacement?: TooltipPositions;
     testId?: string;
@@ -15,11 +15,11 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     hoverHelpText: string;
     hoverHelpTextPlacement: string;
     testId: string;
-}>>> & Readonly<{}>, {
+}>>>, {
     testId: string;
     hoverHelpText: string;
     hoverHelpTextPlacement: TooltipPositions;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+}>;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
 type __VLS_TypePropsToRuntimeProps<T> = {

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

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

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

@@ -0,0 +1,33 @@
+ import "../../../HelpIcon.vue_vue_type_style_index_0_scoped_06fce2e3_lang.css"; import { defineComponent as o, openBlock as l, createBlock as n, unref as t, withCtx as r, createVNode as a } from "vue";
+import c from "../../icon/v4/IconV4.vue.js";
+import "../../icon/v4/IconFlag.vue.js";
+import p from "../../tooltip/v4/TooltipV4.vue.js";
+const x = /* @__PURE__ */ o({
+  __name: "HelpIcon",
+  props: {
+    hoverHelpText: { default: "" },
+    hoverHelpTextPlacement: { default: "top" },
+    testId: { default: "" }
+  },
+  setup(e) {
+    return (i, m) => (l(), n(t(p), {
+      class: "table-help-icon",
+      triggers: ["hover"],
+      text: e.hoverHelpText,
+      placement: e.hoverHelpTextPlacement,
+      "test-id": e.testId
+    }, {
+      default: r(() => [
+        a(t(c), {
+          class: "info-icon",
+          name: "question",
+          size: "16px"
+        })
+      ]),
+      _: 1
+    }, 8, ["text", "placement", "test-id"]));
+  }
+});
+export {
+  x as default
+};

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

@@ -1,6 +1,6 @@
 import { Column } from '@/components/table/v4';
 import { Row, SaveRowEvent, TableSettings } from '@is-ssp/table/common/Table.types';
-declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
     tablesSettings: TableSettings[];
     loadingAndEmptyStatesColumns: Column[];
     getRowId?: (row: Row, index: number) => unknown;
@@ -46,7 +46,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<im
     rowCustomClassKey: string;
     rowDataKey: string;
     testId: string;
-}>>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:search": (query: string) => void;
     onScroll: (scrollTop: number) => void;
     onClearSearch: () => void;
@@ -54,7 +54,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<im
     saveRow: (args_0: SaveRowEvent & {
         tableIndex: number;
     }) => void;
-}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
     tablesSettings: TableSettings[];
     loadingAndEmptyStatesColumns: Column[];
     getRowId?: (row: Row, index: number) => unknown;
@@ -100,38 +100,38 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<im
     rowCustomClassKey: string;
     rowDataKey: string;
     testId: string;
-}>>> & Readonly<{
-    onOnScroll?: (scrollTop: number) => any;
-    onOnClearSearch?: () => any;
+}>>> & {
     "onUpdate:search"?: (query: string) => any;
+    onOnScroll?: (scrollTop: number) => any;
     onSaveRow?: (args_0: SaveRowEvent & {
         tableIndex: number;
     }) => any;
+    onOnClearSearch?: () => any;
     onClickRow?: (rowIndex: number, tableIndex: number) => any;
-}>, {
+}, {
     search: string;
     testId: string;
     isLoading: boolean;
     searchPlaceholder: string;
     count: number;
-    showSearch: boolean;
     loadingRowCount: number;
+    zIndexBase: number;
+    showSearch: boolean;
     emptyStateTitle: string;
     isSticky: boolean;
-    zIndexBase: number;
     emptyStateSubtitle: string;
-    getRowId: (row: Row, index: number) => unknown;
-    getRowKey: (row: Row, index: number) => string | number;
-    emptyStateVariant: "error" | "settings" | "no-access" | "no-results" | "no-data" | "files";
-    rowCustomClassKey: string;
-    rowDataKey: string;
     totalCount: number;
     displayingText: string;
     outOfText: string;
     totalText: string;
     tablesSettings: TableSettings[];
     loadingAndEmptyStatesColumns: Column[];
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>, Partial<Record<string, (_: {
+    getRowId: (row: Row, index: number) => unknown;
+    getRowKey: (row: Row, index: number) => string | number;
+    emptyStateVariant: "error" | "settings" | "no-access" | "no-results" | "no-data" | "files";
+    rowCustomClassKey: string;
+    rowDataKey: string;
+}>, Partial<Record<string, (_: {
     column: Column;
 }) => any>> & Partial<Record<string, (_: {
     cell: any;
@@ -144,10 +144,11 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<im
 }) => any>> & {
     title?(_: {}): any;
     search?(_: {}): any;
+    "table-header-pre-search"?(_: {}): any;
     "table-header-actions"?(_: {}): any;
     "floating-row"?(_: {
-        row: any;
-        rowIndex: any;
+        row: import("@vueuse/core").UseVirtualListItem<Row>;
+        rowIndex: number;
         tableIndex: number;
     }): any;
     "empty-state"?(_: {}): any;

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

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

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

@@ -0,0 +1,183 @@
+ import "../../../MultipleDataGrid.vue_vue_type_style_index_0_scoped_3caa1d7b_lang.css"; import { defineComponent as V, useCssVars as E, useSlots as N, computed as G, openBlock as d, createElementBlock as w, createVNode as O, unref as l, isRef as b, createSlots as g, withCtx as n, renderSlot as i, createBlock as S, createCommentVNode as v, Fragment as p, renderList as h } from "vue";
+import R from "./DataGrid.vue.js";
+import "./DataGridMenu.vue.js";
+import A from "./DataGridRowsCounter.vue.js";
+import F from "./DataGridHeader.vue.js";
+import "./DataGridContainer.vue.js";
+import "./MultipleDataGrid.vue.js";
+import { useVModel as H } from "@vueuse/core";
+const M = {
+  key: 0,
+  class: "tables-container"
+}, Y = /* @__PURE__ */ V({
+  __name: "MultipleDataGrid",
+  props: {
+    tablesSettings: { default: () => [] },
+    loadingAndEmptyStatesColumns: { default: () => [] },
+    getRowId: { type: Function, default: (t, s) => s },
+    getRowKey: { type: Function, default: (t, s) => s },
+    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" },
+    rowCustomClassKey: { default: "" },
+    rowDataKey: { default: "" },
+    testId: { default: "" }
+  },
+  emits: ["update:search", "onScroll", "onClearSearch", "clickRow", "saveRow"],
+  setup(t, { emit: s }) {
+    const f = t;
+    E((e) => ({
+      "21bdffad": t.zIndexBase
+    }));
+    const k = N(), x = G(
+      () => f.isLoading || !f.tablesSettings.flatMap((e) => e.rows).length
+    ), u = H(f, "search", s), y = (e) => `header-${e.id}`, C = (e) => `cell-${e.id}`, $ = (e) => {
+      s("onScroll", e.target.scrollTop);
+    }, I = () => s("onClearSearch"), B = (e, r) => s("clickRow", e, r), T = ({ value: e, rowIndex: r, cellIndex: a, confirm: c }, o) => s("saveRow", { value: e, tableIndex: o, rowIndex: r, cellIndex: a, confirm: c });
+    return (e, r) => (d(), w("div", {
+      class: "multi-table-container",
+      onScrollPassive: $
+    }, [
+      O(l(F), {
+        search: l(u),
+        "onUpdate:search": r[0] || (r[0] = (a) => b(u) ? u.value = a : null),
+        class: "multi-table-header",
+        "is-sticky": t.isSticky,
+        "show-search": t.showSearch,
+        "search-placeholder": t.searchPlaceholder,
+        "z-index-base": t.zIndexBase,
+        "test-id": t.testId,
+        onOnClearSearch: I
+      }, g({
+        title: n(() => [
+          i(e.$slots, "title", {}, () => [
+            t.isLoading ? v("", !0) : (d(), S(l(A), {
+              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"]))
+          ], !0)
+        ]),
+        search: n(() => [
+          i(e.$slots, "search", {}, void 0, !0)
+        ]),
+        _: 2
+      }, [
+        l(k)["table-header-pre-search"] ? {
+          name: "table-header-pre-search",
+          fn: n(() => [
+            i(e.$slots, "table-header-pre-search", {}, void 0, !0)
+          ]),
+          key: "0"
+        } : void 0,
+        l(k)["table-header-actions"] ? {
+          name: "table-header-actions",
+          fn: n(() => [
+            i(e.$slots, "table-header-actions", {}, void 0, !0)
+          ]),
+          key: "1"
+        } : void 0
+      ]), 1032, ["search", "is-sticky", "show-search", "search-placeholder", "z-index-base", "test-id"]),
+      l(x) ? (d(), S(l(R), {
+        key: 1,
+        search: l(u),
+        "onUpdate:search": r[1] || (r[1] = (a) => b(u) ? u.value = a : null),
+        rows: [],
+        columns: t.loadingAndEmptyStatesColumns,
+        "is-loading": t.isLoading,
+        "loading-row-count": t.loadingRowCount,
+        "empty-state-variant": t.emptyStateVariant,
+        "empty-state-title": t.emptyStateTitle,
+        "empty-state-subtitle": t.emptyStateSubtitle,
+        "test-id": t.testId
+      }, g({
+        "empty-state": n(() => [
+          i(e.$slots, "empty-state", {}, void 0, !0)
+        ]),
+        _: 2
+      }, [
+        h(t.loadingAndEmptyStatesColumns, (a) => ({
+          name: y(a),
+          fn: n(() => [
+            i(e.$slots, `${y(a)}`, { column: a }, void 0, !0)
+          ])
+        }))
+      ]), 1032, ["search", "columns", "is-loading", "loading-row-count", "empty-state-variant", "empty-state-title", "empty-state-subtitle", "test-id"])) : (d(), w("div", M, [
+        (d(!0), w(p, null, h(t.tablesSettings, (a, c) => (d(), w("div", {
+          key: a.testId,
+          class: "table-wrapper"
+        }, [
+          a.rows.length ? (d(), S(l(R), {
+            key: 0,
+            sections: a.sections,
+            columns: a.columns,
+            rows: a.rows,
+            "row-height": a.rowHeight,
+            "is-sticky": t.isSticky,
+            "z-index-base": t.zIndexBase,
+            "get-row-id": t.getRowId,
+            "get-row-key": t.getRowKey,
+            "row-custom-class-key": t.rowCustomClassKey,
+            "row-data-key": t.rowDataKey,
+            "test-id": a.testId,
+            onClickRow: (o) => B(o, c),
+            onSaveRow: (o) => T(o, c)
+          }, g({
+            "floating-row": n(({ row: o, rowIndex: m }) => [
+              i(e.$slots, "floating-row", {
+                row: o,
+                rowIndex: m,
+                tableIndex: c
+              }, void 0, !0)
+            ]),
+            _: 2
+          }, [
+            h(a.columns, (o) => ({
+              name: y(o),
+              fn: n(() => [
+                i(e.$slots, `${y(o)}`, { column: o }, void 0, !0)
+              ])
+            })),
+            h(a.columns, (o) => ({
+              name: C(o),
+              fn: n(({
+                cell: m,
+                rowIndex: z,
+                isLoading: L,
+                cellIndex: D,
+                row: K
+              }) => [
+                i(e.$slots, `${C(o)}`, {
+                  cell: m,
+                  isLoading: L,
+                  cellIndex: D,
+                  row: K,
+                  rowIndex: z
+                }, void 0, !0)
+              ])
+            }))
+          ]), 1032, ["sections", "columns", "rows", "row-height", "is-sticky", "z-index-base", "get-row-id", "get-row-key", "row-custom-class-key", "row-data-key", "test-id", "onClickRow", "onSaveRow"])) : v("", !0)
+        ]))), 128))
+      ]))
+    ], 32));
+  }
+});
+export {
+  Y as default
+};

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

@@ -1,8 +1,8 @@
-declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
+declare const _default: import("vue").DefineComponent<__VLS_TypePropsToRuntimeProps<{
     sortOrder: 'asc' | 'desc';
-}>>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
+}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
     sortOrder: 'asc' | 'desc';
-}>>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+}>>>, {}>;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
 type __VLS_TypePropsToRuntimeProps<T> = {

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
+};