@ironsource/shared-ui 2.1.11-test.5 → 2.1.11-test.51

package/components/sortableList/SortableList.vue2.js

@@ -1,21 +1,21 @@
- import "../../SortableList.vue_vue_type_style_index_0_scoped_e9cd63b8_lang.css"; import { defineComponent as F, computed as f, ref as P, openBlock as s, createElementBlock as i, mergeProps as T, unref as l, createBlock as g, isRef as N, createCommentVNode as y, withCtx as m, Fragment as V, renderList as D, renderSlot as S, createElementVNode as G, createVNode as $, createTextVNode as U, toDisplayString as M } from "vue";
-import { VueDraggable as K } from "vue-draggable-plus";
-import w from "./SortableItem.vue.js";
-import Q from "../search/v4/SearchV4.vue.js";
-import j from "../typography/v4/Typography.vue.js";
-import z from "../skeleton/v4/SkeletonV4.vue.js";
-import { useVModel as J } from "@vueuse/core";
-import { matchString as x } from "../../utils/search.js";
-import { useTestIdAttrs as W } from "../../utils/testIds.js";
+ import "../../SortableList.vue_vue_type_style_index_0_scoped_156c01ca_lang.css"; import { defineComponent as G, useSlots as U, computed as p, ref as M, openBlock as s, createElementBlock as i, mergeProps as T, unref as l, createBlock as g, isRef as $, createCommentVNode as m, withCtx as y, Fragment as V, renderList as D, createSlots as w, renderSlot as S, createElementVNode as K, createVNode as x, createTextVNode as Q, toDisplayString as j } from "vue";
+import { VueDraggable as z } from "vue-draggable-plus";
+import q from "./SortableItem.vue.js";
+import J from "../search/v4/SearchV4.vue.js";
+import W from "../typography/v4/Typography.vue.js";
+import X from "../skeleton/v4/SkeletonV4.vue.js";
+import { useVModel as Y } from "@vueuse/core";
+import { matchString as H } from "../../utils/search.js";
+import { useTestIdAttrs as Z } from "../../utils/testIds.js";
 import { SortableListTestIdModifiers as I } from "../../testids/index.js";
-import { DRAG_CURSOR_CSS_CLASS as q } from "./consts.js";
-const X = {
+import { DRAG_CURSOR_CSS_CLASS as O } from "./consts.js";
+const _ = {
   key: 1,
   class: "sortable-list-container"
-}, Y = { class: "loader-bars" }, Z = {
+}, ee = { class: "loader-bars" }, te = {
   key: 3,
   class: "empty-state-title"
-}, ue = /* @__PURE__ */ F({
+}, fe = /* @__PURE__ */ G({
   __name: "SortableList",
   props: {
     items: { default: () => [] },
@@ -34,127 +34,133 @@ const X = {
   },
   emits: ["sortableItemDragged", "update:items", "update:openId", "update:selectedId", "update:selectedChildId", "update:search", "clearSearch"],
   setup(d, { emit: o }) {
-    const n = d, u = J(n, "search", o), v = f(() => !!u.value?.trim()), C = f(() => v.value ? n.items.filter((t) => {
+    const r = d, R = U(), u = Y(r, "search", o), v = p(() => !!u.value?.trim()), C = p(() => v.value ? r.items.filter((t) => {
       const a = t.children || [], e = u.value;
-      return n.searchHandler ? n.searchHandler(t, e) : x(t.displayText, e) || // match parent item
-      a.some((r) => x(r.displayText, e));
-    }) : n.items), h = f({
+      return r.searchHandler ? r.searchHandler(t, e) : H(t.displayText, e) || // match parent item
+      a.some((n) => H(n.displayText, e));
+    }) : r.items), h = p({
       get() {
         return C.value.filter((t) => !t.isLocked);
       },
       set(t) {
-        o("update:items", [...t, ...b.value]);
+        o("update:items", [...t, ...k.value]);
       }
-    }), b = f(
+    }), k = p(
       () => C.value.filter((t) => t.isLocked)
-    ), k = P(!1), H = (t) => {
-      k.value = !0, setTimeout(() => t.target.classList.add(q), 50);
-    }, O = (t) => {
-      const { target: a, item: e, newIndex: r } = t;
-      k.value = !1, a.classList.remove(q);
+    ), b = M(!1), F = (t) => {
+      b.value = !0, setTimeout(() => t.target.classList.add(O), 50);
+    }, P = (t) => {
+      const { target: a, item: e, newIndex: n } = t;
+      b.value = !1, a.classList.remove(O);
       const c = e.attributes["data-id"]?.value;
-      o("sortableItemDragged", { id: c, newIndex: r });
-    }, R = (t) => (v.value || t.id === n.openId) && !k.value, A = (t, a) => {
+      o("sortableItemDragged", { id: c, newIndex: n });
+    }, A = (t) => (v.value || t.id === r.openId) && !b.value, B = (t, a) => {
       a ? o("update:openId", t.id) : o("update:openId", null);
-    }, p = (t) => t.id === n.selectedId, B = (t) => {
+    }, f = (t) => t.id === r.selectedId, E = (t) => {
       o("update:selectedId", t.id), o("update:selectedChildId", null);
-    }, E = (t, a) => {
+    }, N = (t, a) => {
       o("update:selectedChildId", t.id), o("update:selectedId", a.id), o("update:openId", a.id);
-    }, L = W(n.testId, I);
+    }, L = Z(r.testId, I);
     return (t, a) => (s(), i("div", T({ class: "sortable-list-and-search-container" }, l(L)[l(I).CONTAINER]), [
-      d.showSearch ? (s(), g(l(Q), {
+      d.showSearch ? (s(), g(l(J), {
         key: 0,
         modelValue: l(u),
-        "onUpdate:modelValue": a[0] || (a[0] = (e) => N(u) ? u.value = e : null),
+        "onUpdate:modelValue": a[0] || (a[0] = (e) => $(u) ? u.value = e : null),
         class: "list-search",
         placeholder: d.searchPlaceholder,
         "test-id": d.testId,
         onOnClear: a[1] || (a[1] = (e) => o("clearSearch"))
-      }, null, 8, ["modelValue", "placeholder", "test-id"])) : y("", !0),
+      }, null, 8, ["modelValue", "placeholder", "test-id"])) : m("", !0),
       d.isLoading ? S(t.$slots, "loader", { key: 2 }, () => [
-        G("div", Y, [
+        K("div", ee, [
           (s(!0), i(V, null, D(d.loadingRowCount, (e) => (s(), i("div", { key: e }, [
-            $(l(z), {
+            x(l(X), {
               round: "",
               class: "loader-bar"
             })
           ]))), 128))
         ])
-      ], !0) : (s(), i("div", X, [
-        l(h).length ? (s(), g(l(K), T({
+      ], !0) : (s(), i("div", _, [
+        l(h).length ? (s(), g(l(z), T({
           key: 0,
           modelValue: l(h),
-          "onUpdate:modelValue": a[2] || (a[2] = (e) => N(h) ? h.value = e : null),
+          "onUpdate:modelValue": a[2] || (a[2] = (e) => $(h) ? h.value = e : null),
           class: "sortable-list",
           filter: ".expand-icon",
           animation: 150,
           handle: ".draggable-handle",
           disabled: l(v)
         }, l(L)[l(I).DRAGGABLE_LIST], {
-          onStart: H,
-          onEnd: O
+          onStart: F,
+          onEnd: P
         }), {
-          default: m(() => [
-            (s(!0), i(V, null, D(l(h), (e, r) => (s(), g(w, {
+          default: y(() => [
+            (s(!0), i(V, null, D(l(h), (e, n) => (s(), g(q, {
               key: e.id,
               "data-id": e.id,
               item: e,
-              index: r,
-              "is-open": R(e),
-              "is-selected": p(e),
-              "selected-child-id": p(e) ? d.selectedChildId : null,
+              index: n,
+              "is-open": A(e),
+              "is-selected": f(e),
+              "selected-child-id": f(e) ? d.selectedChildId : null,
               "display-value": d.displayValue,
               "search-query": l(u),
               "search-handler": d.searchHandler,
-              onToggle: (c) => A(e, c),
-              onSelect: (c) => B(e),
-              onSelectChild: (c) => E(c, e)
-            }, {
-              menu: m(() => [
-                S(t.$slots, "menu", { item: e }, void 0, !0)
-              ]),
-              _: 2
-            }, 1032, ["data-id", "item", "index", "is-open", "is-selected", "selected-child-id", "display-value", "search-query", "search-handler", "onToggle", "onSelect", "onSelectChild"]))), 128))
+              onToggle: (c) => B(e, c),
+              onSelect: (c) => E(e),
+              onSelectChild: (c) => N(c, e)
+            }, w({ _: 2 }, [
+              l(R).menu ? {
+                name: "menu",
+                fn: y(() => [
+                  S(t.$slots, "menu", { item: e }, void 0, !0)
+                ]),
+                key: "0"
+              } : void 0
+            ]), 1032, ["data-id", "item", "index", "is-open", "is-selected", "selected-child-id", "display-value", "search-query", "search-handler", "onToggle", "onSelect", "onSelectChild"]))), 128))
           ]),
           _: 3
-        }, 16, ["modelValue", "disabled"])) : y("", !0),
-        l(b).length ? (s(), i("div", T({
+        }, 16, ["modelValue", "disabled"])) : m("", !0),
+        l(k).length ? (s(), i("div", T({
           key: 1,
           class: "locked-list"
         }, l(L)[l(I).LOCKED_LIST]), [
-          (s(!0), i(V, null, D(l(b), (e) => (s(), g(w, {
+          (s(!0), i(V, null, D(l(k), (e) => (s(), g(q, {
             key: e.id,
             item: e,
-            "is-open": R(e),
-            "is-selected": p(e),
-            "selected-child-id": p(e) ? d.selectedChildId : null,
+            "is-open": A(e),
+            "is-selected": f(e),
+            "selected-child-id": f(e) ? d.selectedChildId : null,
             "display-value": d.displayValue,
             "search-query": l(u),
             "on-search": d.searchHandler,
-            onToggle: (r) => A(e, r),
-            onSelect: (r) => B(e),
-            onSelectChild: (r) => E(r, e)
-          }, {
-            menu: m(() => [
-              S(t.$slots, "menu", { item: e }, void 0, !0)
-            ]),
-            _: 2
-          }, 1032, ["item", "is-open", "is-selected", "selected-child-id", "display-value", "search-query", "on-search", "onToggle", "onSelect", "onSelectChild"]))), 128))
-        ], 16)) : y("", !0)
+            onToggle: (n) => B(e, n),
+            onSelect: (n) => E(e),
+            onSelectChild: (n) => N(n, e)
+          }, w({ _: 2 }, [
+            l(R).menu ? {
+              name: "menu",
+              fn: y(() => [
+                S(t.$slots, "menu", { item: e }, void 0, !0)
+              ]),
+              key: "0"
+            } : void 0
+          ]), 1032, ["item", "is-open", "is-selected", "selected-child-id", "display-value", "search-query", "on-search", "onToggle", "onSelect", "onSelectChild"]))), 128))
+        ], 16)) : m("", !0)
       ])),
-      !l(C).length && !d.isLoading ? (s(), i("div", Z, [
+      !l(C).length && !d.isLoading ? (s(), i("div", te, [
         S(t.$slots, "empty-state", {}, () => [
-          $(l(j), { variant: "body2" }, {
-            default: m(() => [
-              U(M(d.emptyStateTitle), 1)
+          x(l(W), { variant: "body2" }, {
+            default: y(() => [
+              Q(j(d.emptyStateTitle), 1)
             ]),
             _: 1
           })
         ], !0)
-      ])) : y("", !0)
+      ])) : m("", !0)
     ], 16));
   }
 });
 export {
-  ue as default
+  fe as default
 };

package/components/sortableList/index.d.ts

@@ -73,6 +73,7 @@ declare const SortableListTypes: () => ({
                 default: string;
             };
         }>> & {
+            onClearSearch?: () => any;
             onSortableItemDragged?: (event: {
                 id: string;
                 newIndex: number;
@@ -82,7 +83,6 @@ declare const SortableListTypes: () => ({
             "onUpdate:selectedId"?: (id: string | number) => any;
             "onUpdate:selectedChildId"?: (id: string | number) => any;
             "onUpdate:search"?: (query: string) => any;
-            onClearSearch?: () => any;
         } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "search" | "testId" | "isLoading" | "displayValue" | "searchPlaceholder" | "items" | "selectedChildId" | "searchHandler" | "openId" | "selectedId" | "showSearch" | "loadingRowCount" | "emptyStateTitle">;
         $attrs: {
             [x: string]: unknown;
@@ -156,6 +156,7 @@ declare const SortableListTypes: () => ({
                 default: string;
             };
         }>> & {
+            onClearSearch?: () => any;
             onSortableItemDragged?: (event: {
                 id: string;
                 newIndex: number;
@@ -165,7 +166,6 @@ declare const SortableListTypes: () => ({
             "onUpdate:selectedId"?: (id: string | number) => any;
             "onUpdate:selectedChildId"?: (id: string | number) => any;
             "onUpdate:search"?: (query: string) => any;
-            onClearSearch?: () => any;
         }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
             sortableItemDragged: (event: {
                 id: string;
@@ -267,6 +267,7 @@ declare const SortableListTypes: () => ({
             default: string;
         };
     }>> & {
+        onClearSearch?: () => any;
         onSortableItemDragged?: (event: {
             id: string;
             newIndex: number;
@@ -276,7 +277,6 @@ declare const SortableListTypes: () => ({
         "onUpdate:selectedId"?: (id: string | number) => any;
         "onUpdate:selectedChildId"?: (id: string | number) => any;
         "onUpdate:search"?: (query: string) => any;
-        onClearSearch?: () => any;
     } & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {};
     __isFragment?: never;
     __isTeleport?: never;
@@ -337,6 +337,7 @@ declare const SortableListTypes: () => ({
         default: string;
     };
 }>> & {
+    onClearSearch?: () => any;
     onSortableItemDragged?: (event: {
         id: string;
         newIndex: number;
@@ -346,7 +347,6 @@ declare const SortableListTypes: () => ({
     "onUpdate:selectedId"?: (id: string | number) => any;
     "onUpdate:selectedChildId"?: (id: string | number) => any;
     "onUpdate:search"?: (query: string) => any;
-    onClearSearch?: () => any;
 }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     sortableItemDragged: (event: {
         id: string;

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

@@ -19,7 +19,7 @@ export declare const tableCommon: (props: any, emit: any) => {
     floatingActionRef: import("vue").Ref<HTMLDivElement>;
     scrollToTop: () => void;
     toggleSortOrder: (column: Column) => void;
-    columnsStickyPositions: import("vue").ComputedRef<Record<string, string>>;
+    columnsStickyPositions: import("vue").ComputedRef<Record<string, CSSProperties>>;
     hasSearchSlot: import("vue").ComputedRef<boolean>;
     showBackToTopButton: import("vue").ComputedRef<boolean>;
     containerStyle: import("vue").ComputedRef<CSSProperties>;

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

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

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

@@ -7,7 +7,7 @@ export type Column = {
     isBordered?: boolean;
     isSortable?: boolean;
     colSpan?: number;
-    width?: number;
+    width?: number | string;
     isTextRight?: boolean;
     isStickyRight?: boolean;
     helpText?: string;

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

@@ -0,0 +1,4 @@
+export declare const CHECKBOX_COLUMN_ID = "__CHECKBOX_COLUMN_ID__";
+export declare const EXPAND_COL_WIDTH = 46;
+export declare const CHECKBOX_COL_WIDTH = 46;
+export declare const CHECKBOX_STICKY_COL_WIDTH = 57;

package/components/table/common/consts.js

@@ -0,0 +1,7 @@
+const _ = "__CHECKBOX_COLUMN_ID__", C = 46, O = 46, H = 57;
+export {
+  _ as CHECKBOX_COLUMN_ID,
+  O as CHECKBOX_COL_WIDTH,
+  H as CHECKBOX_STICKY_COL_WIDTH,
+  C as EXPAND_COL_WIDTH
+};

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

@@ -67,10 +67,10 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     defaultScrollPosition: any;
     testId: string;
 }>>> & {
+    onLoadMore?: () => any;
     onOnScroll?: (event: Event) => any;
     "onUpdate:sort"?: (newSort: Sort) => any;
     onSaveRow?: (args_0: SaveRowEvent) => any;
-    onLoadMore?: () => any;
 }, {
     testId: string;
     isLoading: boolean;

package/components/table/v3/index.d.ts

@@ -81,10 +81,10 @@ declare const TableTypes: () => (import("vue").InjectionKey<import("../common/Ta
                 default: any;
             };
         }>> & {
+            onLoadMore?: () => any;
             onOnScroll?: (event: Event) => any;
             "onUpdate:sort"?: (newSort: import("../common/Table.types").Sort) => any;
             onSaveRow?: (args_0: import("../common/Table.types").SaveRowEvent) => any;
-            onLoadMore?: () => any;
         } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "testId" | "isLoading" | "loadingRowCount" | "emptyStateTitle" | "isSticky" | "sections" | "isStickyHeader" | "emptyStateSubtitle" | "isInfiniteScroll" | "infiniteScrollThreshold" | "rowHeight" | "defaultScrollPosition">;
         $attrs: {
             [x: string]: unknown;
@@ -97,7 +97,7 @@ declare const TableTypes: () => (import("vue").InjectionKey<import("../common/Ta
         }>;
         $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("../common/Table.types").Sort) => void) & ((event: "saveRow", args_0: import("../common/Table.types").SaveRowEvent) => void) & ((event: "loadMore") => void);
+        $emit: ((event: "onScroll", event: Event) => void) & ((event: "loadMore") => void) & ((event: "update:sort", newSort: import("../common/Table.types").Sort) => void) & ((event: "saveRow", args_0: import("../common/Table.types").SaveRowEvent) => void);
         $el: any;
         $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
             sort: {
@@ -165,10 +165,10 @@ declare const TableTypes: () => (import("vue").InjectionKey<import("../common/Ta
                 default: any;
             };
         }>> & {
+            onLoadMore?: () => any;
             onOnScroll?: (event: Event) => any;
             "onUpdate:sort"?: (newSort: import("../common/Table.types").Sort) => any;
             onSaveRow?: (args_0: import("../common/Table.types").SaveRowEvent) => any;
-            onLoadMore?: () => any;
         }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
             "update:sort": (newSort: import("../common/Table.types").Sort) => void;
             onScroll: (event: Event) => void;
@@ -273,10 +273,10 @@ declare const TableTypes: () => (import("vue").InjectionKey<import("../common/Ta
             default: any;
         };
     }>> & {
+        onLoadMore?: () => any;
         onOnScroll?: (event: Event) => any;
         "onUpdate:sort"?: (newSort: import("../common/Table.types").Sort) => any;
         onSaveRow?: (args_0: import("../common/Table.types").SaveRowEvent) => any;
-        onLoadMore?: () => any;
     } & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {};
     __isFragment?: never;
     __isTeleport?: never;
@@ -347,10 +347,10 @@ declare const TableTypes: () => (import("vue").InjectionKey<import("../common/Ta
         default: any;
     };
 }>> & {
+    onLoadMore?: () => any;
     onOnScroll?: (event: Event) => any;
     "onUpdate:sort"?: (newSort: import("../common/Table.types").Sort) => any;
     onSaveRow?: (args_0: import("../common/Table.types").SaveRowEvent) => any;
-    onLoadMore?: () => any;
 }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:sort": (newSort: import("../common/Table.types").Sort) => void;
     onScroll: (event: Event) => void;