@ironsource/shared-ui 2.1.12-rc.5 → 2.1.12-rc.50

package/components/sortableList/index.d.ts

@@ -6,6 +6,7 @@ declare const SortableListTypes: () => ({
         $props: Partial<{
             search: string;
             testId: string;
+            variant: "default" | "compact";
             isLoading: boolean;
             displayValue: (item: import("./SortableList.types").SortableListItem) => string;
             searchPlaceholder: string;
@@ -13,13 +14,14 @@ declare const SortableListTypes: () => ({
             selectedChildId: string | number;
             childListMaxHeight: string;
             searchHandler: (item: import("./SortableList.types").SortableListItem, searchQuery: string) => boolean;
+            draggableArea: "handle" | "full";
+            loadingRowCount: number;
             openId: string | number;
+            zIndexBase: number;
             selectedId: string | number;
             showSearch: boolean;
-            loadingRowCount: number;
             emptyStateTitle: string;
             isSticky: boolean;
-            zIndexBase: number;
         }> & Omit<Readonly<import("vue").ExtractPropTypes<{
             search: {
                 type: import("vue").PropType<string>;
@@ -29,6 +31,10 @@ declare const SortableListTypes: () => ({
                 type: import("vue").PropType<string>;
                 default: string;
             };
+            variant: {
+                type: import("vue").PropType<"default" | "compact">;
+                default: string;
+            };
             isLoading: {
                 type: import("vue").PropType<boolean>;
                 default: boolean;
@@ -59,10 +65,22 @@ declare const SortableListTypes: () => ({
                 type: import("vue").PropType<(item: import("./SortableList.types").SortableListItem, searchQuery: string) => boolean>;
                 default: any;
             };
+            draggableArea: {
+                type: import("vue").PropType<"handle" | "full">;
+                default: string;
+            };
+            loadingRowCount: {
+                type: import("vue").PropType<number>;
+                default: number;
+            };
             openId: {
                 type: import("vue").PropType<string | number>;
                 default: any;
             };
+            zIndexBase: {
+                type: import("vue").PropType<number>;
+                default: number;
+            };
             selectedId: {
                 type: import("vue").PropType<string | number>;
                 default: any;
@@ -71,10 +89,6 @@ declare const SortableListTypes: () => ({
                 type: import("vue").PropType<boolean>;
                 default: boolean;
             };
-            loadingRowCount: {
-                type: import("vue").PropType<number>;
-                default: number;
-            };
             emptyStateTitle: {
                 type: import("vue").PropType<string>;
                 default: string;
@@ -83,10 +97,6 @@ declare const SortableListTypes: () => ({
                 type: import("vue").PropType<boolean>;
                 default: boolean;
             };
-            zIndexBase: {
-                type: import("vue").PropType<number>;
-                default: number;
-            };
         }>> & {
             onClearSearch?: () => any;
             onSortableItemDragged?: (event: {
@@ -98,7 +108,7 @@ declare const SortableListTypes: () => ({
             "onUpdate:selectedId"?: (id: string | number) => any;
             "onUpdate:selectedChildId"?: (id: string | number) => any;
             "onUpdate:search"?: (query: string) => any;
-        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "search" | "testId" | "isLoading" | "displayValue" | "searchPlaceholder" | "items" | "selectedChildId" | "childListMaxHeight" | "searchHandler" | "openId" | "selectedId" | "showSearch" | "loadingRowCount" | "emptyStateTitle" | "isSticky" | "zIndexBase">;
+        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "search" | "testId" | "variant" | "isLoading" | "displayValue" | "searchPlaceholder" | "items" | "selectedChildId" | "childListMaxHeight" | "searchHandler" | "draggableArea" | "loadingRowCount" | "openId" | "zIndexBase" | "selectedId" | "showSearch" | "emptyStateTitle" | "isSticky">;
         $attrs: {
             [x: string]: unknown;
         };
@@ -124,6 +134,10 @@ declare const SortableListTypes: () => ({
                 type: import("vue").PropType<string>;
                 default: string;
             };
+            variant: {
+                type: import("vue").PropType<"default" | "compact">;
+                default: string;
+            };
             isLoading: {
                 type: import("vue").PropType<boolean>;
                 default: boolean;
@@ -154,10 +168,22 @@ declare const SortableListTypes: () => ({
                 type: import("vue").PropType<(item: import("./SortableList.types").SortableListItem, searchQuery: string) => boolean>;
                 default: any;
             };
+            draggableArea: {
+                type: import("vue").PropType<"handle" | "full">;
+                default: string;
+            };
+            loadingRowCount: {
+                type: import("vue").PropType<number>;
+                default: number;
+            };
             openId: {
                 type: import("vue").PropType<string | number>;
                 default: any;
             };
+            zIndexBase: {
+                type: import("vue").PropType<number>;
+                default: number;
+            };
             selectedId: {
                 type: import("vue").PropType<string | number>;
                 default: any;
@@ -166,10 +192,6 @@ declare const SortableListTypes: () => ({
                 type: import("vue").PropType<boolean>;
                 default: boolean;
             };
-            loadingRowCount: {
-                type: import("vue").PropType<number>;
-                default: number;
-            };
             emptyStateTitle: {
                 type: import("vue").PropType<string>;
                 default: string;
@@ -178,10 +200,6 @@ declare const SortableListTypes: () => ({
                 type: import("vue").PropType<boolean>;
                 default: boolean;
             };
-            zIndexBase: {
-                type: import("vue").PropType<number>;
-                default: number;
-            };
         }>> & {
             onClearSearch?: () => any;
             onSortableItemDragged?: (event: {
@@ -207,6 +225,7 @@ declare const SortableListTypes: () => ({
         }, string, {
             search: string;
             testId: string;
+            variant: "default" | "compact";
             isLoading: boolean;
             displayValue: (item: import("./SortableList.types").SortableListItem) => string;
             searchPlaceholder: string;
@@ -214,13 +233,14 @@ declare const SortableListTypes: () => ({
             selectedChildId: string | number;
             childListMaxHeight: string;
             searchHandler: (item: import("./SortableList.types").SortableListItem, searchQuery: string) => boolean;
+            draggableArea: "handle" | "full";
+            loadingRowCount: number;
             openId: string | number;
+            zIndexBase: number;
             selectedId: string | number;
             showSearch: boolean;
-            loadingRowCount: number;
             emptyStateTitle: string;
             isSticky: boolean;
-            zIndexBase: number;
         }, {}, string> & {
             beforeCreate?: (() => void) | (() => void)[];
             created?: (() => void) | (() => void)[];
@@ -250,6 +270,10 @@ declare const SortableListTypes: () => ({
             type: import("vue").PropType<string>;
             default: string;
         };
+        variant: {
+            type: import("vue").PropType<"default" | "compact">;
+            default: string;
+        };
         isLoading: {
             type: import("vue").PropType<boolean>;
             default: boolean;
@@ -280,10 +304,22 @@ declare const SortableListTypes: () => ({
             type: import("vue").PropType<(item: import("./SortableList.types").SortableListItem, searchQuery: string) => boolean>;
             default: any;
         };
+        draggableArea: {
+            type: import("vue").PropType<"handle" | "full">;
+            default: string;
+        };
+        loadingRowCount: {
+            type: import("vue").PropType<number>;
+            default: number;
+        };
         openId: {
             type: import("vue").PropType<string | number>;
             default: any;
         };
+        zIndexBase: {
+            type: import("vue").PropType<number>;
+            default: number;
+        };
         selectedId: {
             type: import("vue").PropType<string | number>;
             default: any;
@@ -292,10 +328,6 @@ declare const SortableListTypes: () => ({
             type: import("vue").PropType<boolean>;
             default: boolean;
         };
-        loadingRowCount: {
-            type: import("vue").PropType<number>;
-            default: number;
-        };
         emptyStateTitle: {
             type: import("vue").PropType<string>;
             default: string;
@@ -304,10 +336,6 @@ declare const SortableListTypes: () => ({
             type: import("vue").PropType<boolean>;
             default: boolean;
         };
-        zIndexBase: {
-            type: import("vue").PropType<number>;
-            default: number;
-        };
     }>> & {
         onClearSearch?: () => any;
         onSortableItemDragged?: (event: {
@@ -332,6 +360,10 @@ declare const SortableListTypes: () => ({
         type: import("vue").PropType<string>;
         default: string;
     };
+    variant: {
+        type: import("vue").PropType<"default" | "compact">;
+        default: string;
+    };
     isLoading: {
         type: import("vue").PropType<boolean>;
         default: boolean;
@@ -362,10 +394,22 @@ declare const SortableListTypes: () => ({
         type: import("vue").PropType<(item: import("./SortableList.types").SortableListItem, searchQuery: string) => boolean>;
         default: any;
     };
+    draggableArea: {
+        type: import("vue").PropType<"handle" | "full">;
+        default: string;
+    };
+    loadingRowCount: {
+        type: import("vue").PropType<number>;
+        default: number;
+    };
     openId: {
         type: import("vue").PropType<string | number>;
         default: any;
     };
+    zIndexBase: {
+        type: import("vue").PropType<number>;
+        default: number;
+    };
     selectedId: {
         type: import("vue").PropType<string | number>;
         default: any;
@@ -374,10 +418,6 @@ declare const SortableListTypes: () => ({
         type: import("vue").PropType<boolean>;
         default: boolean;
     };
-    loadingRowCount: {
-        type: import("vue").PropType<number>;
-        default: number;
-    };
     emptyStateTitle: {
         type: import("vue").PropType<string>;
         default: string;
@@ -386,10 +426,6 @@ declare const SortableListTypes: () => ({
         type: import("vue").PropType<boolean>;
         default: boolean;
     };
-    zIndexBase: {
-        type: import("vue").PropType<number>;
-        default: number;
-    };
 }>> & {
     onClearSearch?: () => any;
     onSortableItemDragged?: (event: {
@@ -415,6 +451,7 @@ declare const SortableListTypes: () => ({
 }, string, {
     search: string;
     testId: string;
+    variant: "default" | "compact";
     isLoading: boolean;
     displayValue: (item: import("./SortableList.types").SortableListItem) => string;
     searchPlaceholder: string;
@@ -422,13 +459,14 @@ declare const SortableListTypes: () => ({
     selectedChildId: string | number;
     childListMaxHeight: string;
     searchHandler: (item: import("./SortableList.types").SortableListItem, searchQuery: string) => boolean;
+    draggableArea: "handle" | "full";
+    loadingRowCount: number;
     openId: string | number;
+    zIndexBase: number;
     selectedId: string | number;
     showSearch: boolean;
-    loadingRowCount: number;
     emptyStateTitle: string;
     isSticky: boolean;
-    zIndexBase: number;
 }, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
     $slots: {
         header?(_: {}): any;

package/components/switch/v4/SwitchV4.vue.d.ts

@@ -1,26 +1,42 @@
+import { TooltipPositions } from '@/components/tooltip/common/Tooltip.types';
 declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
     options: unknown[];
     modelValue: unknown;
+    variant: 'primary' | 'default';
     testId?: string;
     iconKey?: string;
+    tooltipTextKey?: string;
+    tooltipPlacement?: TooltipPositions;
 }>, {
     testId: string;
+    variant: string;
     iconKey: string;
+    tooltipTextKey: string;
+    tooltipPlacement: string;
 }>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:modelValue": (...args: any[]) => void;
 }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
     options: unknown[];
     modelValue: unknown;
+    variant: 'primary' | 'default';
     testId?: string;
     iconKey?: string;
+    tooltipTextKey?: string;
+    tooltipPlacement?: TooltipPositions;
 }>, {
     testId: string;
+    variant: string;
     iconKey: string;
+    tooltipTextKey: string;
+    tooltipPlacement: string;
 }>>> & {
     "onUpdate:modelValue"?: (...args: any[]) => any;
 }, {
     testId: string;
+    variant: 'primary' | 'default';
+    tooltipPlacement: TooltipPositions;
     iconKey: string;
+    tooltipTextKey: string;
 }>;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;

package/components/switch/v4/SwitchV4.vue.js

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

package/components/switch/v4/SwitchV4.vue2.js

@@ -1,44 +1,59 @@
- import "../../../SwitchV4.vue_vue_type_style_index_0_scoped_c2e356f5_lang.css"; import { defineComponent as p, ref as k, onMounted as v, openBlock as a, createElementBlock as d, unref as s, Fragment as I, renderList as V, createBlock as h, normalizeClass as B } from "vue";
-import { useVModel as C } from "@vueuse/core";
+ import "../../../SwitchV4.vue_vue_type_style_index_0_scoped_cd6621a7_lang.css"; import { defineComponent as T, ref as h, onMounted as k, openBlock as c, createElementBlock as r, normalizeClass as m, unref as a, Fragment as x, renderList as V, createBlock as w, withCtx as y, createVNode as C } from "vue";
+import { useVModel as I } from "@vueuse/core";
+import { SwitchTestIdModifiers as u } from "../../../testids/index.js";
 import "../../button/v4/ButtonV4.vue.js";
 import $ from "../../button/v4/IconButtonV4.vue.js";
 import "../../button/v4/ButtonGroup.vue.js";
 import "../../button/v4/ToggleButtonGroupAB.vue.js";
-import { SwitchTestIdModifiers as r } from "../../../testids/index.js";
-const w = ["data-testid"], S = /* @__PURE__ */ p({
+import B from "../../tooltip/v4/TooltipV4.vue.js";
+const K = ["data-testid"], A = /* @__PURE__ */ T({
   __name: "SwitchV4",
   props: {
     options: null,
     modelValue: null,
+    variant: { default: "default" },
     testId: { default: "" },
-    iconKey: { default: "icon" }
+    iconKey: { default: "icon" },
+    tooltipTextKey: { default: "tooltipText" },
+    tooltipPlacement: { default: "top" }
   },
   emits: ["update:modelValue"],
-  setup(e, { emit: m }) {
-    const o = e, n = k(), u = C(o, "modelValue", m);
-    v(() => {
-      n.value = o.options.findIndex(
-        (t) => t === o.modelValue
+  setup(t, { emit: f }) {
+    const i = t, n = h(), p = I(i, "modelValue", f), d = (e) => n.value === e;
+    k(() => {
+      n.value = i.options.findIndex(
+        (e) => e === i.modelValue
       );
     });
-    const f = (t, i) => {
-      n.value = i, u.value = t;
+    const v = (e, s) => {
+      n.value = s, p.value = e;
     };
-    return (t, i) => (a(), d("div", {
-      class: "switch",
-      "data-testid": `${e.testId}-${s(r).WRAPPER}`
+    return (e, s) => (c(), r("div", {
+      class: m(["switch", [`switch--variant-${t.variant}`]]),
+      "data-testid": `${t.testId}-${a(u).WRAPPER}`
     }, [
-      (a(!0), d(I, null, V(e.options, (c, l) => (a(), h(s($), {
+      (c(!0), r(x, null, V(t.options, (o, l) => (c(), w(a(B), {
         key: l,
-        class: B(["option", { "option--selected": n.value === l }]),
-        "icon-name": c[e.iconKey],
-        size: "small",
-        "data-testid": `${e.testId}-${s(r).BUTTON}`,
-        onClick: (y) => f(c, l)
-      }, null, 8, ["class", "icon-name", "data-testid", "onClick"]))), 128))
-    ], 8, w));
+        text: o[t.tooltipTextKey],
+        disabled: !o[t.tooltipTextKey],
+        placement: t.tooltipPlacement,
+        class: "option-wrapper"
+      }, {
+        default: y(() => [
+          C(a($), {
+            class: m(["option", { "option--selected": d(l) }]),
+            "icon-name": o[t.iconKey],
+            size: "small",
+            color: d(l) ? t.variant : "default",
+            "data-testid": `${t.testId}-${a(u).BUTTON}`,
+            onClick: (P) => v(o, l)
+          }, null, 8, ["class", "icon-name", "color", "data-testid", "onClick"])
+        ]),
+        _: 2
+      }, 1032, ["text", "disabled", "placement"]))), 128))
+    ], 10, K));
   }
 });
 export {
-  S as default
+  A as default
 };

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

@@ -3,6 +3,15 @@ declare const SwitchTypes: () => import("vue").DefineComponent<{
         type: import("vue").PropType<string>;
         default: string;
     };
+    variant: {
+        type: import("vue").PropType<"default" | "primary">;
+        required: true;
+        default: string;
+    };
+    tooltipPlacement: {
+        type: import("vue").PropType<"top" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end">;
+        default: string;
+    };
     modelValue: {
         type: import("vue").PropType<unknown>;
         required: true;
@@ -15,6 +24,10 @@ declare const SwitchTypes: () => import("vue").DefineComponent<{
         type: import("vue").PropType<string>;
         default: string;
     };
+    tooltipTextKey: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
 }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:modelValue": (...args: any[]) => void;
 }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
@@ -22,6 +35,15 @@ declare const SwitchTypes: () => import("vue").DefineComponent<{
         type: import("vue").PropType<string>;
         default: string;
     };
+    variant: {
+        type: import("vue").PropType<"default" | "primary">;
+        required: true;
+        default: string;
+    };
+    tooltipPlacement: {
+        type: import("vue").PropType<"top" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end">;
+        default: string;
+    };
     modelValue: {
         type: import("vue").PropType<unknown>;
         required: true;
@@ -34,11 +56,18 @@ declare const SwitchTypes: () => import("vue").DefineComponent<{
         type: import("vue").PropType<string>;
         default: string;
     };
+    tooltipTextKey: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
 }>> & {
     "onUpdate:modelValue"?: (...args: any[]) => any;
 }, {
     testId: string;
+    variant: "default" | "primary";
+    tooltipPlacement: "top" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end";
     iconKey: string;
+    tooltipTextKey: string;
 }>[];
 export { default as Switch } from './SwitchV4.vue';
 export { SwitchTypes };

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

@@ -31,7 +31,6 @@ export declare const tableCommon: (props: any, emit: any) => {
     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>;
     activeMenuRow: import("vue").Ref<number>;
 };

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

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

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

@@ -42,3 +42,5 @@ export type SaveRowEvent = {
     rowIndex: number;
     cellIndex: number;
 };
+export declare const HELP_TOOLTIP_VARIANTS: readonly ["icon", "underline"];
+export type HelpTooltipVariant = (typeof HELP_TOOLTIP_VARIANTS)[number];

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

@@ -2,3 +2,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;
+export declare const DEFAULT_ROW_HEIGHT = 48;