@ironsource/shared-ui 2.0.0-rc.4 → 2.0.0-rc.6

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

@@ -1,16 +1,8 @@
 declare const SearchTypes: () => import("vue").DefineComponent<{
-    size: {
-        type: import("vue").PropType<"sm" | "md">;
-        default: string;
-    };
     testId: {
         type: import("vue").PropType<string>;
         default: string;
     };
-    variant: {
-        type: import("vue").PropType<"default" | "transparent" | "inline-table">;
-        default: string;
-    };
     disabled: {
         type: import("vue").PropType<boolean>;
         default: boolean;
@@ -23,23 +15,19 @@ declare const SearchTypes: () => import("vue").DefineComponent<{
         type: import("vue").PropType<string>;
         required: true;
     };
+    autoFocus: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
 }, {
-    inputRef: import("vue").Ref<HTMLInputElement>;
+    inputRef: import("vue").Ref<any>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    "update:modelValue": (value: string) => void;
+    "update:modelValue": (value: string | number) => void;
 }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-    size: {
-        type: import("vue").PropType<"sm" | "md">;
-        default: string;
-    };
     testId: {
         type: import("vue").PropType<string>;
         default: string;
     };
-    variant: {
-        type: import("vue").PropType<"default" | "transparent" | "inline-table">;
-        default: string;
-    };
     disabled: {
         type: import("vue").PropType<boolean>;
         default: boolean;
@@ -52,13 +40,16 @@ declare const SearchTypes: () => import("vue").DefineComponent<{
         type: import("vue").PropType<string>;
         required: true;
     };
+    autoFocus: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
 }>> & {
-    "onUpdate:modelValue"?: (value: string) => any;
+    "onUpdate:modelValue"?: (value: string | number) => any;
 }, {
-    size: "sm" | "md";
     testId: string;
-    variant: "default" | "transparent" | "inline-table";
     disabled: boolean;
+    autoFocus: boolean;
 }>[];
 export { default as Search } from './SearchV4.vue';
 export { SearchTypes };

package/components/shared/FieldHelpText.vue.js

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

package/components/shared/FieldHelpText.vue2.js

@@ -1,8 +1,9 @@
- import "../../FieldHelpText.vue_vue_type_style_index_0_scoped_f6d944b6_lang.css"; import { defineComponent as r, computed as c, openBlock as i, createElementBlock as s, normalizeClass as l, unref as e, createBlock as m, createCommentVNode as f, createVNode as u, withCtx as p, createTextVNode as h, toDisplayString as I } from "vue";
-import v from "../icon/Icon.vue.js";
+ import "../../FieldHelpText.vue_vue_type_style_index_0_scoped_c551c20f_lang.css"; import { defineComponent as l, computed as d, openBlock as i, createElementBlock as m, mergeProps as a, unref as e, createBlock as p, createCommentVNode as f, createVNode as u, withCtx as I, createTextVNode as h, toDisplayString as T } from "vue";
+import v from "../icon/v3/Icon.vue.js";
 import x from "../typography/v4/Typography.vue.js";
-import { FieldHelpTextTestIdModifiers as a } from "../../testids/index.js";
-const T = ["data-testid"], k = /* @__PURE__ */ r({
+import { FieldHelpTextTestIdModifiers as o } from "../../testids/index.js";
+import { useTestIdAttrs as g } from "../../utils/testIds.js";
+const A = /* @__PURE__ */ l({
   __name: "FieldHelpText",
   props: {
     text: { default: "" },
@@ -11,37 +12,32 @@ const T = ["data-testid"], k = /* @__PURE__ */ r({
     showIcon: { type: Boolean, default: !0 }
   },
   setup(t) {
-    const n = t, d = c(() => {
-      const o = {
+    const n = t, s = d(() => {
+      const c = {
         warning: "warning-v4",
         error: "warning-octagon",
         success: "check-circle"
       };
-      return n.variant ? o[n.variant] : "info-v4";
-    });
-    return (o, N) => (i(), s("div", {
-      class: l(["field-help", [`field-help--${t.variant}`]]),
-      "data-testid": `${t.testId}-${e(a).CONTAINER}`
-    }, [
-      t.showIcon ? (i(), m(e(v), {
+      return n.variant ? c[n.variant] : "info-v4";
+    }), r = g(n.testId, o);
+    return (c, N) => (i(), m("div", a({
+      class: ["field-help", [`field-help--${t.variant}`]]
+    }, e(r)[e(o).CONTAINER]), [
+      t.showIcon ? (i(), p(e(v), a({
         key: 0,
         class: "help-icon",
-        name: e(d),
-        "font-size": "sm",
-        "data-testid": `${t.testId}-${e(a).ICON}`
-      }, null, 8, ["name", "data-testid"])) : f("", !0),
-      u(e(x), {
-        variant: "caption",
-        "data-testid": `${t.testId}-${e(a).TEXT}`
-      }, {
-        default: p(() => [
-          h(I(t.text), 1)
+        name: e(s),
+        "font-size": "sm"
+      }, e(r)[e(o).ICON]), null, 16, ["name"])) : f("", !0),
+      u(e(x), a({ variant: "caption" }, e(r)[e(o).TEXT]), {
+        default: I(() => [
+          h(T(t.text), 1)
         ]),
         _: 1
-      }, 8, ["data-testid"])
-    ], 10, T));
+      }, 16)
+    ], 16));
   }
 });
 export {
-  k as default
+  A as default
 };

package/components/shared/FieldLabel.vue.d.ts

@@ -1,4 +1,4 @@
-import { TooltipPositions } from '@is-ssp/tooltip/Tooltip.types';
+import { TooltipPositions } from '@/components/tooltip/common/Tooltip.types';
 declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
     label: string;
     mandatory?: boolean;

package/components/shared/FieldLabel.vue.js

@@ -1,7 +1,7 @@
 import e from "./FieldLabel.vue2.js";
 /* empty css                 */import o from "../../_virtual/_plugin-vue_export-helper.js";
-// import "../../FieldLabel.vue_vue_type_style_index_0_scoped_c4deed7e_lang.css"; //*');
-const t = /* @__PURE__ */ o(e, [["__scopeId", "data-v-c4deed7e"]]);
+// import "../../FieldLabel.vue_vue_type_style_index_0_scoped_526af548_lang.css"; //*');
+const a = /* @__PURE__ */ o(e, [["__scopeId", "data-v-526af548"]]);
 export {
-  t as default
+  a as default
 };

package/components/shared/FieldLabel.vue2.js

@@ -1,10 +1,10 @@
- import "../../FieldLabel.vue_vue_type_style_index_0_scoped_c4deed7e_lang.css"; import { defineComponent as m, openBlock as d, createElementBlock as f, normalizeClass as c, unref as t, createVNode as i, withCtx as l, createTextVNode as o, toDisplayString as u, createBlock as s, createCommentVNode as n } from "vue";
-import T from "../icon/Icon.vue.js";
-import "../tooltip/Tooltip.vue2.js";
-import r from "../typography/v4/Typography.vue.js";
+ import "../../FieldLabel.vue_vue_type_style_index_0_scoped_526af548_lang.css"; import { defineComponent as c, openBlock as r, createElementBlock as u, mergeProps as o, unref as e, createVNode as n, withCtx as d, createTextVNode as s, toDisplayString as p, createBlock as i, createCommentVNode as m } from "vue";
+import T from "../icon/v3/Icon.vue.js";
+import b from "../tooltip/v4/TooltipV4.vue.js";
+/* empty css                            */import f from "../typography/v4/Typography.vue.js";
 import { FieldLabelTestIdModifiers as a } from "../../testids/index.js";
-import b from "../tooltip/Tooltip.vue.js";
-const h = ["data-testid"], B = /* @__PURE__ */ m({
+import { useTestIdAttrs as x } from "../../utils/testIds.js";
+const C = /* @__PURE__ */ c({
   __name: "FieldLabel",
   props: {
     label: { default: "" },
@@ -14,52 +14,48 @@ const h = ["data-testid"], B = /* @__PURE__ */ m({
     hoverHelpTextPlacement: { default: "top" },
     testId: { default: "" }
   },
-  setup(e) {
-    return (x, y) => (d(), f("div", {
-      class: c(["field-label", { "field-label--disabled": e.disabled }]),
-      "data-testid": `${e.testId}-${t(a).CONTAINER}`
-    }, [
-      i(t(r), {
+  setup(t) {
+    const l = x(t.testId, a);
+    return (y, v) => (r(), u("div", o({
+      class: ["field-label", { "field-label--disabled": t.disabled }]
+    }, e(l)[e(a).CONTAINER]), [
+      n(e(f), o({
         class: "label",
-        variant: "inputLabel",
-        "data-testid": `${e.testId}-${t(a).TEXT}`
-      }, {
-        default: l(() => [
-          o(u(e.label), 1)
+        variant: "inputLabel"
+      }, e(l)[e(a).TEXT]), {
+        default: d(() => [
+          s(p(t.label), 1)
         ]),
         _: 1
-      }, 8, ["data-testid"]),
-      e.mandatory ? (d(), s(t(r), {
+      }, 16),
+      t.mandatory ? (r(), i(e(f), o({
         key: 0,
         variant: "h3",
-        class: "mandatory",
-        "data-testid": `${e.testId}-${t(a).MANDATORY}`
-      }, {
-        default: l(() => [
-          o("*")
+        class: "mandatory"
+      }, e(l)[e(a).MANDATORY]), {
+        default: d(() => [
+          s("*")
         ]),
         _: 1
-      }, 8, ["data-testid"])) : n("", !0),
-      e.hoverHelpText ? (d(), s(t(b), {
+      }, 16)) : m("", !0),
+      t.hoverHelpText ? (r(), i(e(b), o({
         key: 1,
         triggers: ["hover"],
-        text: e.hoverHelpText,
-        placement: e.hoverHelpTextPlacement,
-        "data-testid": `${e.testId}-${t(a).TOOLTIP}`,
-        "test-id": e.testId
-      }, {
-        default: l(() => [
-          i(t(T), {
+        text: t.hoverHelpText,
+        placement: t.hoverHelpTextPlacement
+      }, e(l)[e(a).TOOLTIP], { "test-id": t.testId }), {
+        default: d(() => [
+          n(e(T), {
             class: "info-icon",
             name: "question",
             "font-size": "sm"
           })
         ]),
         _: 1
-      }, 8, ["text", "placement", "data-testid", "test-id"])) : n("", !0)
-    ], 10, h));
+      }, 16, ["text", "placement", "test-id"])) : m("", !0)
+    ], 16));
   }
 });
 export {
-  B as default
+  C as default
 };

package/components/snackbar/Snackbar.vue.js

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

package/components/snackbar/Snackbar.vue2.js

@@ -1,8 +1,8 @@
- import "../../Snackbar.vue_vue_type_style_index_0_scoped_dce34ab1_lang.css"; import { defineComponent as H, ref as N, computed as l, onMounted as V, openBlock as s, createBlock as r, Transition as $, withCtx as a, withDirectives as z, createElementVNode as c, normalizeClass as T, unref as n, normalizeStyle as B, createElementBlock as M, createVNode as f, resolveDynamicComponent as U, createCommentVNode as y, renderSlot as W, createTextVNode as A, toDisplayString as F, vShow as w, withModifiers as K } from "vue";
+ import "../../Snackbar.vue_vue_type_style_index_0_scoped_d14230ca_lang.css"; import { defineComponent as H, ref as N, computed as l, onMounted as V, openBlock as s, createBlock as r, Transition as $, withCtx as a, withDirectives as z, createElementVNode as c, normalizeClass as T, unref as n, normalizeStyle as B, createElementBlock as M, createVNode as f, resolveDynamicComponent as U, createCommentVNode as y, renderSlot as W, createTextVNode as A, toDisplayString as F, vShow as w, withModifiers as K } from "vue";
 import { useEventListener as P, useTimeoutFn as j } from "@vueuse/core";
-import x from "../icon/Icon.vue.js";
-import L from "../icon/icons/Close.vue.js";
-import q from "../icon/icons/Check.vue.js";
+import x from "../icon/v3/Icon.vue.js";
+import L from "../icon/v3/icons/Close.vue.js";
+import q from "../icon/v3/icons/Check.vue.js";
 import "../button/v3/Button.vue.js";
 import G from "../button/v3/IconButton.vue.js";
 import "../button/v3/ScrollButton.vue.js";

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

@@ -0,0 +1,35 @@
+import { CSSProperties } from 'vue';
+import { Column, Row } from './Table.types';
+export declare const tableCommon: (props: any, emit: any) => {
+    list: import("vue").Ref<import("@vueuse/core").UseVirtualListItem<Row>[]>;
+    containerProps: {
+        ref: import("vue").Ref<any>;
+        onScroll: () => void;
+        style: Partial<CSSStyleDeclaration>;
+    };
+    wrapperProps: import("vue").ComputedRef<{
+        style: {
+            width: string;
+            height: string;
+            marginTop: string;
+        };
+    }>;
+    activeRow: any;
+    gridColumnTemplate: import("vue").ComputedRef<any>;
+    floatingActionRef: import("vue").Ref<HTMLDivElement>;
+    scrollToTop: () => void;
+    toggleSortOrder: (column: Column) => void;
+    columnsStickyPositions: import("vue").ComputedRef<Record<string, string>>;
+    hasSearchSlot: import("vue").ComputedRef<boolean>;
+    showBackToTopButton: import("vue").ComputedRef<boolean>;
+    containerStyle: import("vue").ComputedRef<CSSProperties>;
+    onScroll: (event: any) => void;
+    savingRows: import("vue").Ref<any[]>;
+    floatingActionPosition: import("vue").Ref<number>;
+    hasExpandSlot: import("vue").ComputedRef<boolean>;
+    hasCheckboxes: import("vue").ComputedRef<boolean>;
+    toggleExpandRow: (index: number, event: any) => Promise<void>;
+    isRowExpanded: (rowIndex: number) => boolean;
+    cssRowHeight: import("vue").ComputedRef<string>;
+    cssExpandGridCol: import("vue").ComputedRef<string>;
+};

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

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

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

@@ -0,0 +1,28 @@
+export type Row = unknown[];
+export type Column = {
+    id: string;
+    title: string;
+    isSticky?: boolean;
+    isBordered?: boolean;
+    isSortable?: boolean;
+    colSpan?: number;
+    width?: number;
+    isTextRight?: boolean;
+    isStickyRight?: boolean;
+};
+export type Section = {
+    id: string;
+    title: string;
+    isSticky?: boolean;
+    isBordered?: boolean;
+    width: number;
+};
+export type Sort = {
+    sortBy: string;
+    sortOrder: 'asc' | 'desc';
+};
+export type MenuItem = {
+    id: string | number;
+    text: string;
+    icon?: string;
+};

package/components/table/v3/SortOrderIcon.vue.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
+export default _default;

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

@@ -0,0 +1,21 @@
+import { openBlock as t, createElementBlock as e, pushScopeId as c, popScopeId as r, createElementVNode as n } from "vue";
+/* empty css                    */import s from "../../../_virtual/_plugin-vue_export-helper.js";
+const _ = {}, d = (o) => (c("data-v-cb20f507"), o = o(), r(), o), p = {
+  width: "8",
+  height: "4",
+  viewBox: "0 0 8 4",
+  fill: "none",
+  xmlns: "http://www.w3.org/2000/svg"
+}, i = /* @__PURE__ */ d(() => /* @__PURE__ */ n("path", {
+  d: "M7.94188 3.66979L4.21022 0.0771272C4.1034 -0.0257091 3.89773 -0.0257091 3.78978 0.0771272L0.0581151 3.66979C-0.0805157 3.80376 0.0444792 4 0.268334 4H7.73167C7.95552 4 8.08052 3.80376 7.94188 3.66979Z",
+  fill: "currentColor"
+}, null, -1)), l = [
+  i
+];
+function a(o, f) {
+  return t(), e("svg", p, l);
+}
+const u = /* @__PURE__ */ s(_, [["render", a], ["__scopeId", "data-v-cb20f507"]]);
+export {
+  u as default
+};

package/components/table/v3/Table.vue.d.ts

@@ -0,0 +1,137 @@
+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[];
+    rows: Row[];
+    sections?: Section[];
+    sort: Sort;
+    isSticky?: boolean;
+    isStickyHeader?: boolean;
+    isLoading?: boolean;
+    emptyStateTitle?: string;
+    emptyStateSubtitle?: string;
+    isInfiniteScroll?: boolean;
+    infiniteScrollThreshold?: number;
+    rowHeight?: number | ((index: number) => number);
+    loadingRowCount?: number;
+    defaultScrollPosition?: number;
+    testId?: string;
+}>, {
+    isSticky: boolean;
+    isStickyHeader: boolean;
+    sections: any;
+    isLoading: boolean;
+    sortOrder: string;
+    emptyStateTitle: string;
+    emptyStateSubtitle: string;
+    isInfiniteScroll: boolean;
+    infiniteScrollThreshold: number;
+    rowHeight: number;
+    loadingRowCount: number;
+    defaultScrollPosition: any;
+    testId: string;
+}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:sort": (newSort: Sort) => void;
+    onScroll: (event: Event) => void;
+    saveRow: (args_0: {
+        value: unknown;
+        confirm: () => void;
+        rowIndex: number;
+        cellIndex: number;
+    }) => void;
+    loadMore: () => void;
+}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+    title: string;
+    columns: Column[];
+    rows: Row[];
+    sections?: Section[];
+    sort: Sort;
+    isSticky?: boolean;
+    isStickyHeader?: boolean;
+    isLoading?: boolean;
+    emptyStateTitle?: string;
+    emptyStateSubtitle?: string;
+    isInfiniteScroll?: boolean;
+    infiniteScrollThreshold?: number;
+    rowHeight?: number | ((index: number) => number);
+    loadingRowCount?: number;
+    defaultScrollPosition?: number;
+    testId?: string;
+}>, {
+    isSticky: boolean;
+    isStickyHeader: boolean;
+    sections: any;
+    isLoading: boolean;
+    sortOrder: string;
+    emptyStateTitle: string;
+    emptyStateSubtitle: string;
+    isInfiniteScroll: boolean;
+    infiniteScrollThreshold: number;
+    rowHeight: number;
+    loadingRowCount: number;
+    defaultScrollPosition: any;
+    testId: string;
+}>>> & {
+    onOnScroll?: (event: Event) => any;
+    "onUpdate:sort"?: (newSort: Sort) => any;
+    onSaveRow?: (args_0: {
+        value: unknown;
+        confirm: () => void;
+        rowIndex: number;
+        cellIndex: number;
+    }) => any;
+    onLoadMore?: () => any;
+}, {
+    testId: string;
+    isLoading: boolean;
+    isSticky: boolean;
+    sections: Section[];
+    isStickyHeader: boolean;
+    emptyStateTitle: string;
+    emptyStateSubtitle: string;
+    isInfiniteScroll: boolean;
+    infiniteScrollThreshold: number;
+    rowHeight: number | ((index: number) => number);
+    loadingRowCount: number;
+    defaultScrollPosition: number;
+}>, Partial<Record<`section-${string}`, (_: {}) => any>> & Partial<Record<`header-${string}`, (_: {
+    column: Column;
+}) => any>> & Partial<Record<`cell-${string}`, (_: {
+    cell: unknown;
+    isLoading: boolean;
+    cellIndex: number;
+    row: import("@vueuse/core").UseVirtualListItem<Row>;
+    rowIndex: number;
+}) => any>> & {
+    title?(_: {}): any;
+    search?(_: {}): any;
+    "table-header-actions"?(_: {}): any;
+    "floating-actions"?(_: {
+        row: import("@vueuse/core").UseVirtualListItem<Row>;
+    }): any;
+    loader?(_: {}): any;
+    "empty-state"?(_: {}): any;
+}>;
+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];
+} & {};
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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