@ironsource/shared-ui 2.0.0-rc.5 → 2.0.0-rc.7

package/components/table/{Table.vue.d.ts → v3/Table.vue.d.ts}

@@ -1,5 +1,4 @@
-import type { Column, Section, Sort } from './Table.types';
-type Row = unknown[];
+import type { Column, Row, Section, Sort } from '../common/Table.types';
 declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
     title: string;
     columns: Column[];
@@ -85,8 +84,8 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
 }, {
     testId: string;
     isLoading: boolean;
-    sections: Section[];
     isSticky: boolean;
+    sections: Section[];
     isStickyHeader: boolean;
     emptyStateTitle: string;
     emptyStateSubtitle: string;

package/components/table/v3/Table.vue.js

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

package/components/table/v3/Table.vue2.js

@@ -0,0 +1,248 @@
+ import "../../../Table.vue_vue_type_style_index_0_scoped_6b769df2_lang.css"; import { defineComponent as F, useCssVars as Y, unref as t, openBlock as s, createElementBlock as a, createElementVNode as o, normalizeStyle as y, normalizeClass as n, renderSlot as r, createVNode as c, withCtx as m, createTextVNode as g, toDisplayString as k, createCommentVNode as R, Fragment as $, renderList as v, createBlock as x, mergeProps as G, withDirectives as W, vShow as j } from "vue";
+import "../../typography/Heading.vue.js";
+import T from "../../typography/Text.vue.js";
+import "../../button/v3/Button.vue.js";
+import "../../button/v3/IconButton.vue.js";
+import q from "../../button/v3/ScrollButton.vue.js";
+import J from "../../skeleton/Skeleton.vue.js";
+import K from "../../emptyState/v3/EmptyState.vue.js";
+import Q from "./TableHeaderSorter.vue.js";
+import { TableTestIdModifiers as u } from "../../../testids/index.js";
+import { tableCommon as U } from "../common/Table.common.js";
+const X = ["data-testid"], Z = ["data-testid"], p = ["data-testid"], _ = ["data-testid"], tt = ["data-testid"], et = ["data-testid"], it = ["data-testid"], st = ["onClick"], at = { class: "table-head-container" }, lt = ["data-testid"], ot = ["onMouseenter"], dt = { key: 1 }, nt = { key: 1 }, vt = /* @__PURE__ */ F({
+  __name: "Table",
+  props: {
+    title: null,
+    columns: null,
+    rows: null,
+    sections: { default: null },
+    sort: null,
+    isSticky: { type: Boolean, default: !0 },
+    isStickyHeader: { type: Boolean, default: !1 },
+    isLoading: { type: Boolean, default: !1 },
+    emptyStateTitle: { default: "No results found" },
+    emptyStateSubtitle: { default: "Try again with different filters" },
+    isInfiniteScroll: { type: Boolean, default: !1 },
+    infiniteScrollThreshold: { default: 100 },
+    rowHeight: { type: [Number, Function], default: 48 },
+    loadingRowCount: { default: 3 },
+    defaultScrollPosition: { default: null },
+    testId: { default: "" }
+  },
+  emits: ["update:sort", "onScroll", "saveRow", "loadMore"],
+  setup(i, { emit: A }) {
+    const H = i;
+    Y((l) => ({
+      "1ef755a4": t(N)
+    }));
+    const {
+      list: b,
+      containerProps: I,
+      wrapperProps: L,
+      activeRow: S,
+      gridColumnTemplate: N,
+      floatingActionRef: P,
+      scrollToTop: w,
+      toggleSortOrder: z,
+      columnsStickyPositions: B,
+      hasSearchSlot: M,
+      showBackToTopButton: O,
+      containerStyle: D,
+      onScroll: E,
+      savingRows: C,
+      floatingActionPosition: V
+    } = U(H, A);
+    return (l, h) => (s(), a("div", {
+      class: "table-container",
+      "data-testid": `${i.testId}-${t(u).CONTAINER}`,
+      onMouseleave: h[1] || (h[1] = (e) => S.value = null)
+    }, [
+      o("table", {
+        ref: t(I).ref,
+        style: y(t(D)),
+        "data-testid": `${i.testId}-${t(u).TABLE}`,
+        onScrollPassive: h[0] || (h[0] = //@ts-ignore
+        (...e) => t(E) && t(E)(...e))
+      }, [
+        i.title || l.$slots.search ? (s(), a("div", {
+          key: 0,
+          class: n(["table-header", { isStickyHeader: i.isStickyHeader }]),
+          "data-testid": `${i.testId}-${t(u).HEADER}`
+        }, [
+          o("div", {
+            class: n(["table-title", t(M) ? "border-search" : ""]),
+            "data-testid": `${i.testId}-${t(u).TITLE}`
+          }, [
+            r(l.$slots, "title", {}, () => [
+              c(t(T), {
+                size: "md",
+                strong: ""
+              }, {
+                default: m(() => [
+                  g(k(i.title), 1)
+                ]),
+                _: 1
+              })
+            ], !0)
+          ], 10, _),
+          o("div", {
+            class: "table-header-right",
+            "data-testid": `${i.testId}-${t(u).HEADER_RIGHT}`
+          }, [
+            r(l.$slots, "search", {}, void 0, !0)
+          ], 8, tt),
+          o("div", {
+            class: "table-header-actions",
+            "data-testid": `${i.testId}-${t(u).ACTIONS}`
+          }, [
+            r(l.$slots, "table-header-actions", {}, void 0, !0)
+          ], 8, et)
+        ], 10, p)) : R("", !0),
+        o("thead", {
+          class: n({ sticky: i.isSticky, isStickyHeader: i.isStickyHeader })
+        }, [
+          o("div", {
+            class: "sections",
+            "data-testid": `${i.testId}-${t(u).SECTIONS}`
+          }, [
+            (s(!0), a($, null, v(i.sections, (e) => (s(), a("div", {
+              key: e.id,
+              class: n(["section-container", { sticky: e.isSticky }])
+            }, [
+              r(l.$slots, `section-${e.id}`, {}, () => [
+                o("div", {
+                  style: y({ width: e.width + "px" }),
+                  class: n({ section: !0 })
+                }, [
+                  c(t(T), { size: "xs" }, {
+                    default: m(() => [
+                      g(k(e.title), 1)
+                    ]),
+                    _: 2
+                  }, 1024)
+                ], 4)
+              ], !0)
+            ], 2))), 128))
+          ], 8, it),
+          o("tr", null, [
+            (s(!0), a($, null, v(i.columns, (e) => (s(), a("th", {
+              key: e.id,
+              class: n({
+                sticky: e.isSticky,
+                bordered: e.isBordered,
+                isTextRight: e.isTextRight,
+                isSortable: e.isSortable
+              }),
+              style: y(e.isSticky ? t(B)[e.id] : null),
+              onClick: (f) => t(z)(e)
+            }, [
+              o("div", at, [
+                r(l.$slots, `header-${e.id}`, { column: e }, () => [
+                  c(t(T), {
+                    size: "sm",
+                    strong: "",
+                    "is-truncated": !1
+                  }, {
+                    default: m(() => [
+                      g(k(e.title), 1)
+                    ]),
+                    _: 2
+                  }, 1024)
+                ], !0),
+                e.id === i.sort.sortBy ? (s(), x(Q, {
+                  key: 0,
+                  class: "table-head-sorter",
+                  "sort-order": i.sort.sortOrder
+                }, null, 8, ["sort-order"])) : R("", !0)
+              ])
+            ], 14, st))), 128))
+          ])
+        ], 2),
+        o("tbody", null, [
+          t(b).length > 0 ? (s(), a("div", G({
+            key: 0,
+            class: "table-body-wrapper",
+            "data-testid": `${i.testId}-${t(u).BODY_WRAPPER}`
+          }, t(L)), [
+            (s(!0), a($, null, v(t(b), (e) => (s(), a("tr", {
+              key: e.index,
+              class: n(["table-row", {
+                loading: i.isLoading || i.isLoading && !e.data || t(C).includes(e.index),
+                active: t(S) === e.index
+              }]),
+              onMouseenter: (f) => S.value = e.index
+            }, [
+              W(o("div", {
+                ref_for: !0,
+                ref_key: "floatingActionRef",
+                ref: P,
+                style: y({ left: t(V) + "px" }),
+                class: "floating-actions"
+              }, [
+                r(l.$slots, "floating-actions", { row: e }, void 0, !0)
+              ], 4), [
+                [
+                  j,
+                  l.$slots["floating-actions"] && t(S) === e.index && !i.isLoading
+                ]
+              ]),
+              (s(!0), a($, null, v(e.data, (f, d) => (s(), a("td", {
+                key: d,
+                class: n({
+                  sticky: i.columns[d].isSticky,
+                  bordered: i.columns[d].isBordered,
+                  isTextRight: i.columns[d].isTextRight
+                }),
+                style: y(
+                  i.columns[d].isSticky ? t(B)[i.columns[d].id] : null
+                )
+              }, [
+                !i.isLoading || i.isLoading && f ? (s(), a("div", {
+                  key: 0,
+                  class: n({
+                    last: d === e.data.length - 1,
+                    "table-cell": !0,
+                    floating: l.$slots["floating-actions"]
+                  })
+                }, [
+                  r(l.$slots, `cell-${i.columns[d].id}`, {
+                    cell: f,
+                    isLoading: t(C).includes(e.index),
+                    cellIndex: d,
+                    row: e,
+                    rowIndex: e.index
+                  }, () => [
+                    c(t(T), { size: "sm" }, {
+                      default: m(() => [
+                        g(k(f), 1)
+                      ]),
+                      _: 2
+                    }, 1024)
+                  ], !0)
+                ], 2)) : r(l.$slots, "loader", { key: 1 }, () => [
+                  c(t(J), { round: "" })
+                ], !0)
+              ], 6))), 128))
+            ], 42, ot))), 128))
+          ], 16, lt)) : (s(), a("div", dt, [
+            r(l.$slots, "empty-state", {}, () => [
+              c(t(K), {
+                title: i.emptyStateTitle,
+                subtitle: i.emptyStateSubtitle,
+                "test-id": `${i.testId}-${t(u).EMPTY_STATE}`
+              }, null, 8, ["title", "subtitle", "test-id"])
+            ], !0)
+          ]))
+        ]),
+        t(b).length > 0 ? (s(), a("tfoot", nt)) : R("", !0)
+      ], 44, Z),
+      c(t(q), {
+        show: t(O),
+        onScrolled: t(w)
+      }, null, 8, ["show", "onScrolled"])
+    ], 40, X));
+  }
+});
+export {
+  vt as default
+};

package/components/table/v3/TableHeaderSorter.vue.js

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

package/components/table/{TableHeaderSorter.vue2.js → v3/TableHeaderSorter.vue2.js}

@@ -1,4 +1,4 @@
- import "../../TableHeaderSorter.vue_vue_type_style_index_0_scoped_350aa9f0_lang.css"; import { defineComponent as o, openBlock as a, createElementBlock as l, createVNode as r, normalizeClass as t } from "vue";
+ import "../../../TableHeaderSorter.vue_vue_type_style_index_0_scoped_745a44a2_lang.css"; import { defineComponent as o, openBlock as a, createElementBlock as l, createVNode as r, normalizeClass as t } from "vue";
 import s from "./SortOrderIcon.vue.js";
 const c = { class: "table-head-sorter-container" }, u = /* @__PURE__ */ o({
   __name: "TableHeaderSorter",

package/components/table/{index.d.ts → v3/index.d.ts}

@@ -1,12 +1,12 @@
-declare const TableTypes: () => (import("vue").InjectionKey<import("./TableContext").TableContextProps> | ({
+declare const TableTypes: () => (import("vue").InjectionKey<import("../common/TableContext").TableContextProps> | ({
     new (...args: any[]): {
         $: import("vue").ComponentInternalInstance;
         $data: {};
         $props: Partial<{
             testId: string;
             isLoading: boolean;
-            sections: import("./Table.types").Section[];
             isSticky: boolean;
+            sections: import("../common/Table.types").Section[];
             isStickyHeader: boolean;
             emptyStateTitle: string;
             emptyStateSubtitle: string;
@@ -17,7 +17,7 @@ declare const TableTypes: () => (import("vue").InjectionKey<import("./TableConte
             defaultScrollPosition: number;
         }> & Omit<Readonly<import("vue").ExtractPropTypes<{
             sort: {
-                type: import("vue").PropType<import("./Table.types").Sort>;
+                type: import("vue").PropType<import("../common/Table.types").Sort>;
                 required: true;
             };
             title: {
@@ -33,21 +33,21 @@ declare const TableTypes: () => (import("vue").InjectionKey<import("./TableConte
                 default: boolean;
             };
             columns: {
-                type: import("vue").PropType<import("./Table.types").Column[]>;
+                type: import("vue").PropType<import("../common/Table.types").Column[]>;
                 required: true;
             };
+            isSticky: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
             rows: {
-                type: import("vue").PropType<unknown[][]>;
+                type: import("vue").PropType<import("../common/Table.types").Row[]>;
                 required: true;
             };
             sections: {
-                type: import("vue").PropType<import("./Table.types").Section[]>;
+                type: import("vue").PropType<import("../common/Table.types").Section[]>;
                 default: any;
             };
-            isSticky: {
-                type: import("vue").PropType<boolean>;
-                default: boolean;
-            };
             isStickyHeader: {
                 type: import("vue").PropType<boolean>;
                 default: boolean;
@@ -82,7 +82,7 @@ declare const TableTypes: () => (import("vue").InjectionKey<import("./TableConte
             };
         }>> & {
             onOnScroll?: (event: Event) => any;
-            "onUpdate:sort"?: (newSort: import("./Table.types").Sort) => any;
+            "onUpdate:sort"?: (newSort: import("../common/Table.types").Sort) => any;
             onSaveRow?: (args_0: {
                 value: unknown;
                 confirm: () => void;
@@ -90,7 +90,7 @@ declare const TableTypes: () => (import("vue").InjectionKey<import("./TableConte
                 cellIndex: number;
             }) => any;
             onLoadMore?: () => any;
-        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "testId" | "isLoading" | "sections" | "isSticky" | "isStickyHeader" | "emptyStateTitle" | "emptyStateSubtitle" | "isInfiniteScroll" | "infiniteScrollThreshold" | "rowHeight" | "loadingRowCount" | "defaultScrollPosition">;
+        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "testId" | "isLoading" | "isSticky" | "sections" | "isStickyHeader" | "emptyStateTitle" | "emptyStateSubtitle" | "isInfiniteScroll" | "infiniteScrollThreshold" | "rowHeight" | "loadingRowCount" | "defaultScrollPosition">;
         $attrs: {
             [x: string]: unknown;
         };
@@ -102,7 +102,7 @@ declare const TableTypes: () => (import("vue").InjectionKey<import("./TableConte
         }>;
         $root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>;
         $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>;
-        $emit: ((event: "onScroll", event: Event) => void) & ((event: "update:sort", newSort: import("./Table.types").Sort) => void) & ((event: "saveRow", args_0: {
+        $emit: ((event: "onScroll", event: Event) => void) & ((event: "update:sort", newSort: import("../common/Table.types").Sort) => void) & ((event: "saveRow", args_0: {
             value: unknown;
             confirm: () => void;
             rowIndex: number;
@@ -111,7 +111,7 @@ declare const TableTypes: () => (import("vue").InjectionKey<import("./TableConte
         $el: any;
         $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
             sort: {
-                type: import("vue").PropType<import("./Table.types").Sort>;
+                type: import("vue").PropType<import("../common/Table.types").Sort>;
                 required: true;
             };
             title: {
@@ -127,21 +127,21 @@ declare const TableTypes: () => (import("vue").InjectionKey<import("./TableConte
                 default: boolean;
             };
             columns: {
-                type: import("vue").PropType<import("./Table.types").Column[]>;
+                type: import("vue").PropType<import("../common/Table.types").Column[]>;
                 required: true;
             };
+            isSticky: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
             rows: {
-                type: import("vue").PropType<unknown[][]>;
+                type: import("vue").PropType<import("../common/Table.types").Row[]>;
                 required: true;
             };
             sections: {
-                type: import("vue").PropType<import("./Table.types").Section[]>;
+                type: import("vue").PropType<import("../common/Table.types").Section[]>;
                 default: any;
             };
-            isSticky: {
-                type: import("vue").PropType<boolean>;
-                default: boolean;
-            };
             isStickyHeader: {
                 type: import("vue").PropType<boolean>;
                 default: boolean;
@@ -176,7 +176,7 @@ declare const TableTypes: () => (import("vue").InjectionKey<import("./TableConte
             };
         }>> & {
             onOnScroll?: (event: Event) => any;
-            "onUpdate:sort"?: (newSort: import("./Table.types").Sort) => any;
+            "onUpdate:sort"?: (newSort: import("../common/Table.types").Sort) => any;
             onSaveRow?: (args_0: {
                 value: unknown;
                 confirm: () => void;
@@ -185,7 +185,7 @@ declare const TableTypes: () => (import("vue").InjectionKey<import("./TableConte
             }) => any;
             onLoadMore?: () => any;
         }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-            "update:sort": (newSort: import("./Table.types").Sort) => void;
+            "update:sort": (newSort: import("../common/Table.types").Sort) => void;
             onScroll: (event: Event) => void;
             saveRow: (args_0: {
                 value: unknown;
@@ -197,8 +197,8 @@ declare const TableTypes: () => (import("vue").InjectionKey<import("./TableConte
         }, string, {
             testId: string;
             isLoading: boolean;
-            sections: import("./Table.types").Section[];
             isSticky: boolean;
+            sections: import("../common/Table.types").Section[];
             isStickyHeader: boolean;
             emptyStateTitle: string;
             emptyStateSubtitle: string;
@@ -229,7 +229,7 @@ declare const TableTypes: () => (import("vue").InjectionKey<import("./TableConte
         $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R) => any : (...args: any) => any, options?: import("vue").WatchOptions<boolean>): import("vue").WatchStopHandle;
     } & Readonly<import("vue").ExtractPropTypes<{
         sort: {
-            type: import("vue").PropType<import("./Table.types").Sort>;
+            type: import("vue").PropType<import("../common/Table.types").Sort>;
             required: true;
         };
         title: {
@@ -245,21 +245,21 @@ declare const TableTypes: () => (import("vue").InjectionKey<import("./TableConte
             default: boolean;
         };
         columns: {
-            type: import("vue").PropType<import("./Table.types").Column[]>;
+            type: import("vue").PropType<import("../common/Table.types").Column[]>;
             required: true;
         };
+        isSticky: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
         rows: {
-            type: import("vue").PropType<unknown[][]>;
+            type: import("vue").PropType<import("../common/Table.types").Row[]>;
             required: true;
         };
         sections: {
-            type: import("vue").PropType<import("./Table.types").Section[]>;
+            type: import("vue").PropType<import("../common/Table.types").Section[]>;
             default: any;
         };
-        isSticky: {
-            type: import("vue").PropType<boolean>;
-            default: boolean;
-        };
         isStickyHeader: {
             type: import("vue").PropType<boolean>;
             default: boolean;
@@ -294,7 +294,7 @@ declare const TableTypes: () => (import("vue").InjectionKey<import("./TableConte
         };
     }>> & {
         onOnScroll?: (event: Event) => any;
-        "onUpdate:sort"?: (newSort: import("./Table.types").Sort) => any;
+        "onUpdate:sort"?: (newSort: import("../common/Table.types").Sort) => any;
         onSaveRow?: (args_0: {
             value: unknown;
             confirm: () => void;
@@ -308,7 +308,7 @@ declare const TableTypes: () => (import("vue").InjectionKey<import("./TableConte
     __isSuspense?: never;
 } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
     sort: {
-        type: import("vue").PropType<import("./Table.types").Sort>;
+        type: import("vue").PropType<import("../common/Table.types").Sort>;
         required: true;
     };
     title: {
@@ -324,21 +324,21 @@ declare const TableTypes: () => (import("vue").InjectionKey<import("./TableConte
         default: boolean;
     };
     columns: {
-        type: import("vue").PropType<import("./Table.types").Column[]>;
+        type: import("vue").PropType<import("../common/Table.types").Column[]>;
         required: true;
     };
+    isSticky: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
     rows: {
-        type: import("vue").PropType<unknown[][]>;
+        type: import("vue").PropType<import("../common/Table.types").Row[]>;
         required: true;
     };
     sections: {
-        type: import("vue").PropType<import("./Table.types").Section[]>;
+        type: import("vue").PropType<import("../common/Table.types").Section[]>;
         default: any;
     };
-    isSticky: {
-        type: import("vue").PropType<boolean>;
-        default: boolean;
-    };
     isStickyHeader: {
         type: import("vue").PropType<boolean>;
         default: boolean;
@@ -373,7 +373,7 @@ declare const TableTypes: () => (import("vue").InjectionKey<import("./TableConte
     };
 }>> & {
     onOnScroll?: (event: Event) => any;
-    "onUpdate:sort"?: (newSort: import("./Table.types").Sort) => any;
+    "onUpdate:sort"?: (newSort: import("../common/Table.types").Sort) => any;
     onSaveRow?: (args_0: {
         value: unknown;
         confirm: () => void;
@@ -382,7 +382,7 @@ declare const TableTypes: () => (import("vue").InjectionKey<import("./TableConte
     }) => any;
     onLoadMore?: () => any;
 }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    "update:sort": (newSort: import("./Table.types").Sort) => void;
+    "update:sort": (newSort: import("../common/Table.types").Sort) => void;
     onScroll: (event: Event) => void;
     saveRow: (args_0: {
         value: unknown;
@@ -394,8 +394,8 @@ declare const TableTypes: () => (import("vue").InjectionKey<import("./TableConte
 }, string, {
     testId: string;
     isLoading: boolean;
-    sections: import("./Table.types").Section[];
     isSticky: boolean;
+    sections: import("../common/Table.types").Section[];
     isStickyHeader: boolean;
     emptyStateTitle: string;
     emptyStateSubtitle: string;
@@ -406,25 +406,25 @@ declare const TableTypes: () => (import("vue").InjectionKey<import("./TableConte
     defaultScrollPosition: number;
 }, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
     $slots: Partial<Record<`section-${string}`, (_: {}) => any>> & Partial<Record<`header-${string}`, (_: {
-        column: import("./Table.types").Column;
+        column: import("../common/Table.types").Column;
     }) => any>> & Partial<Record<`cell-${string}`, (_: {
         cell: unknown;
         isLoading: boolean;
         cellIndex: number;
-        row: import("@vueuse/core").UseVirtualListItem<unknown[]>;
+        row: import("@vueuse/core").UseVirtualListItem<import("../common/Table.types").Row>;
         rowIndex: number;
     }) => any>> & {
         title?(_: {}): any;
         search?(_: {}): any;
         "table-header-actions"?(_: {}): any;
         "floating-actions"?(_: {
-            row: import("@vueuse/core").UseVirtualListItem<unknown[]>;
+            row: import("@vueuse/core").UseVirtualListItem<import("../common/Table.types").Row>;
         }): any;
         loader?(_: {}): any;
         "empty-state"?(_: {}): any;
     };
 })))[];
 export { default as Table } from './Table.vue';
-export { TableContext } from './TableContext';
-export type { Column, Sort } from './Table.types';
+export { TableContext, useTableContext } from '../common/TableContext';
+export type { Column, Sort } from '../common/Table.types';
 export { TableTypes };

package/components/table/v3/index.js

@@ -0,0 +1,10 @@
+import e from "./Table.vue.js";
+import { TableContext as o } from "../common/TableContext.js";
+import { useTableContext as a } from "../common/TableContext.js";
+const m = () => [e, o];
+export {
+  e as Table,
+  o as TableContext,
+  m as TableTypes,
+  a as useTableContext
+};