@ironsource/shared-ui 2.1.12-test.70 → 2.1.12-test.72

package/ChartHeaderTrend.vue_vue_type_style_index_0_scoped_ebc0c582_lang.css

@@ -0,0 +1 @@
+.chart-trend[data-v-ebc0c582]{display:flex;color:var(--text-secondary)}.chart-trend--up[data-v-ebc0c582]{color:var(--success-contrast-text)}.chart-trend--up .trend-icon[data-v-ebc0c582]{color:var(--success-darker)}.chart-trend--down[data-v-ebc0c582]{color:var(--error-contrast-text)}.chart-trend--down .trend-icon[data-v-ebc0c582]{color:var(--error-dark)}.trend-icon[data-v-ebc0c582]{display:flex;align-self:normal}.chart-trend-tooltip[data-v-ebc0c582]{align-items:normal}.trend-tooltip[data-v-ebc0c582]{display:flex;flex-direction:column}.trend-tooltip__header[data-v-ebc0c582]{margin-bottom:.375rem}.trend-tooltip__text[data-v-ebc0c582]{color:var(--text-secondary)}.separator[data-v-ebc0c582]{display:flex;align-items:center;gap:.5rem;justify-content:center;height:1.1875rem}.separator__text[data-v-ebc0c582]{display:block;color:var(--text-secondary)}.separator hr[data-v-ebc0c582]{width:100%;height:1px;border:0;background:var(--common-divider)}

package/DataGrid.vue_vue_type_style_index_0_scoped_086c5b0d_lang.css

@@ -0,0 +1 @@
+.sticky[data-v-086c5b0d]{position:sticky}.table-container[data-v-086c5b0d]{width:100%;position:relative;display:flex;flex-direction:column}.table-header[data-v-086c5b0d]{display:flex;align-items:center;height:calc(var(--spacing-800) - 1px);border-bottom:1px solid var(--common-divider);background-color:var(--background-paper-elevation-0);position:sticky;left:0;padding:var(--spacing-300)}.table-header .table-title[data-v-086c5b0d]{display:flex;flex:1;align-items:center;justify-content:flex-start;height:100%;color:var(--text-primary)}.table-header .table-header-right[data-v-086c5b0d]{display:flex;align-items:center;height:100%}.table-header .search-wrapper[data-v-086c5b0d]{width:13.75rem}.table-header.isStickyHeader[data-v-086c5b0d]{z-index:calc(var(--93d4ced6) + 3);top:0}.table-head-container[data-v-086c5b0d]{display:flex;align-items:center;white-space:nowrap;color:var(--text-primary)}.table-footer[data-v-086c5b0d]{color:var(--text-primary);background-color:var(--background-paper-elevation-0);padding:0 var(--spacing-300);display:flex;align-items:center;min-height:var(--spacing-600);border:1px solid var(--common-divider);border-radius:var(--border-radius-md);border-top-right-radius:0;border-top-left-radius:0}.table-body-wrapper[data-v-086c5b0d]{display:inline-table}.table-header-pre-search-content[data-v-086c5b0d]{margin-right:var(--spacing-100);display:flex;align-items:center}.table-header-actions[data-v-086c5b0d]{margin-left:var(--spacing-100);display:flex;align-items:center}.table-row[data-v-086c5b0d]{position:relative}.table-row.loading[data-v-086c5b0d]{opacity:.7}.table-row:not(.expanded):last-child>td[data-v-086c5b0d]{border-bottom:none}.table-row.expanded:last-child>.expanded-row[data-v-086c5b0d]{border-bottom:none}.expanded-row[data-v-086c5b0d]{grid-column:var(--1799c749);border-bottom:1px solid var(--common-divider);background-color:var(--background-default)}table[data-v-086c5b0d]{position:relative;display:block;overflow:auto;background:var(--background-paper-elevation-0);border:1px solid var(--common-divider);color:var(--text-primary);text-align:left;table-layout:fixed;width:100%;max-height:100%;border-radius:var(--border-radius-md);border-collapse:collapse;border-spacing:0}table.hasFooter[data-v-086c5b0d]{border-bottom-left-radius:0;border-bottom-right-radius:0;border-bottom:none}table td[data-v-086c5b0d],table th[data-v-086c5b0d]{line-height:normal;padding:0 var(--spacing-200)}table td[data-v-086c5b0d]:first-of-type,table th[data-v-086c5b0d]:first-of-type{padding-left:var(--spacing-300)}table td[data-v-086c5b0d]:last-of-type,table th[data-v-086c5b0d]:last-of-type{padding-right:var(--spacing-300)}table td.expand-toggle-cell[data-v-086c5b0d],table th.expand-toggle-cell[data-v-086c5b0d]{padding-left:var(--spacing-150);padding-right:var(--spacing-75)}table>thead[data-v-086c5b0d]{border-bottom:none;z-index:calc(var(--93d4ced6) + 1);display:inline-table;min-width:100%}table>thead>tr[data-v-086c5b0d]{color:var(--text-primary);border-bottom:1px solid var(--common-divider);height:var(--spacing-500);display:grid;grid-template-columns:var(--60112c02)}table>thead>tr>th[data-v-086c5b0d]{background:var(--background-paper-elevation-0);width:100%;display:flex;align-items:center;cursor:default}table>thead>tr>th.isSortable[data-v-086c5b0d]{cursor:pointer}table>thead>tr>td[data-v-086c5b0d]{display:flex;align-items:center}table>thead>tr>th.bordered[data-v-086c5b0d],table>thead>tr>td.bordered[data-v-086c5b0d]{border-right:1px solid var(--common-divider)}table>thead>tr>th.bordered.isStickyRight[data-v-086c5b0d],table>thead>tr>td.bordered.isStickyRight[data-v-086c5b0d]{border-right:none;border-left:1px solid var(--common-divider)}table>thead>tr>th.isTextRight[data-v-086c5b0d],table>thead>tr>td.isTextRight[data-v-086c5b0d]{justify-content:flex-end}table>thead.sticky[data-v-086c5b0d]{position:sticky;top:0;background:var(--background-default)}table>thead.isStickyHeader[data-v-086c5b0d]{z-index:calc(var(--93d4ced6) + 2);top:calc(var(--spacing-800) - 1px)}table .totals-row[data-v-086c5b0d]{height:40px}table .totals-row[data-v-086c5b0d]:hover{background:var(--background-paper-elevation-1)}table>tbody[data-v-086c5b0d]{display:block}table>tbody>*>tr[data-v-086c5b0d]{background-color:var(--background-default);height:auto;display:grid;align-items:center;grid-template-columns:var(--60112c02)}table>tbody>*>tr:nth-of-type(2n)>td[data-v-086c5b0d]{background-color:var(--background-default)}table>tbody>*>tr:hover:not(.loading)>td[data-v-086c5b0d],table>tbody>*>tr.activeMenu>td[data-v-086c5b0d]{background-color:var(--background-paper-elevation-1)}table>tbody td[data-v-086c5b0d]{background-color:var(--background-default);border:none;min-width:0;display:flex;height:auto;width:100%;place-items:center;border-bottom:1px solid var(--common-divider);justify-content:start}table>tbody td.bordered[data-v-086c5b0d]{border-right:1px solid var(--common-divider)}table>tbody td.bordered.isStickyRight[data-v-086c5b0d]{border-right:none;border-left:1px solid var(--common-divider)}table>tbody td.isTextRight[data-v-086c5b0d]{justify-content:flex-end;text-align:right}.underlined[data-v-086c5b0d]{border-bottom:.0625rem dashed var(--common-divider)}.underlined[data-v-086c5b0d]:hover{cursor:help}.section-container[data-v-086c5b0d]{left:0}.sections[data-v-086c5b0d]{display:flex}.section[data-v-086c5b0d]{padding:0 1.5rem;background:var(--background-default);left:0;height:32px;display:flex;align-items:flex-end;border-right:1px solid var(--common-divider)}.table-cell[data-v-086c5b0d]{width:100%}.empty-state[data-v-086c5b0d]{min-height:250px}.floating-row[data-v-086c5b0d]{display:flex;inset:0;pointer-events:none;position:absolute;z-index:calc(var(--93d4ced6) + 1)}.floating-row *[data-v-086c5b0d-s]{pointer-events:auto}.bg[data-v-086c5b0d]{background:var(--background-default)}

package/components/chart/ChartHeaderTrend.vue.js

@@ -1,7 +1,7 @@
 import e from "./ChartHeaderTrend.vue2.js";
 /* empty css                       */import o from "../../_virtual/_plugin-vue_export-helper.js";
-// import "../../ChartHeaderTrend.vue_vue_type_style_index_0_scoped_79dc2883_lang.css"; //*');
-const d = /* @__PURE__ */ o(e, [["__scopeId", "data-v-79dc2883"]]);
+// import "../../ChartHeaderTrend.vue_vue_type_style_index_0_scoped_ebc0c582_lang.css"; //*');
+const c = /* @__PURE__ */ o(e, [["__scopeId", "data-v-ebc0c582"]]);
 export {
-  d as default
+  c as default
 };

package/components/chart/ChartHeaderTrend.vue2.js

@@ -1,86 +1,87 @@
- import "../../ChartHeaderTrend.vue_vue_type_style_index_0_scoped_79dc2883_lang.css"; import { defineComponent as f, computed as T, openBlock as r, createElementBlock as p, normalizeClass as v, createVNode as l, unref as t, withCtx as o, createElementVNode as u, createBlock as s, createTextVNode as a, toDisplayString as d, createCommentVNode as i, pushScopeId as g, popScopeId as y } from "vue";
-import n from "../typography/v4/Typography.vue.js";
-import C from "../icon/v4/IconV4.vue.js";
+ import "../../ChartHeaderTrend.vue_vue_type_style_index_0_scoped_ebc0c582_lang.css"; import { defineComponent as f, computed as v, openBlock as r, createElementBlock as p, normalizeClass as y, createVNode as u, unref as t, withCtx as o, createElementVNode as s, createBlock as i, createTextVNode as n, toDisplayString as d, createCommentVNode as a, pushScopeId as g, popScopeId as C } from "vue";
+import l from "../typography/v4/Typography.vue.js";
+import b from "../icon/v4/IconV4.vue.js";
 import "../icon/v4/IconFlag.vue.js";
-import x from "../tooltip/v4/TooltipV4.vue.js";
-import { TrendDirection as b } from "./types.js";
-const m = (e) => (g("data-v-79dc2883"), e = e(), y(), e), k = { class: "trend-tooltip" }, _ = {
+import k from "../tooltip/v4/TooltipV4.vue.js";
+import { TrendDirection as m } from "./types.js";
+const h = (e) => (g("data-v-ebc0c582"), e = e(), C(), e), x = { class: "trend-tooltip" }, N = {
   key: 2,
   class: "separator"
-}, P = /* @__PURE__ */ m(() => /* @__PURE__ */ u("hr", null, null, -1)), I = /* @__PURE__ */ m(() => /* @__PURE__ */ u("hr", null, null, -1)), $ = /* @__PURE__ */ f({
+}, P = /* @__PURE__ */ h(() => /* @__PURE__ */ s("hr", null, null, -1)), _ = /* @__PURE__ */ h(() => /* @__PURE__ */ s("hr", null, null, -1)), L = /* @__PURE__ */ f({
   __name: "ChartHeaderTrend",
   props: {
     value: { default: null },
-    direction: { default: b.UP },
+    direction: { default: m.UP },
     trendTooltip: { default: null }
   },
   setup(e) {
-    const c = e, h = T(
+    const c = e, T = v(
       () => c.trendTooltip?.header || c.trendTooltip?.rangeCurrent || c.trendTooltip?.rangePrevious
     );
-    return (N, S) => (r(), p("div", {
-      class: v(["chart-trend", [`chart-trend--${e.direction}`]])
+    return (I, S) => (r(), p("div", {
+      class: y(["chart-trend", [`chart-trend--${e.direction}`]])
     }, [
-      l(t(x), {
-        disabled: !t(h)
+      u(t(k), {
+        disabled: !t(T)
       }, {
         tooltip: o(() => [
-          u("div", k, [
-            e.trendTooltip?.header ? (r(), s(t(n), {
+          s("div", x, [
+            e.trendTooltip?.header ? (r(), i(t(l), {
               key: 0,
               class: "trend-tooltip__header",
               variant: "subtitle2"
             }, {
               default: o(() => [
-                a(d(e.trendTooltip.header), 1)
+                n(d(e.trendTooltip.header), 1)
               ]),
               _: 1
-            })) : i("", !0),
-            e.trendTooltip?.rangeCurrent ? (r(), s(t(n), {
+            })) : a("", !0),
+            e.trendTooltip?.rangeCurrent ? (r(), i(t(l), {
               key: 1,
               variant: "body2",
               class: "trend-tooltip__text"
             }, {
               default: o(() => [
-                a(d(e.trendTooltip.rangeCurrent), 1)
+                n(d(e.trendTooltip.rangeCurrent), 1)
               ]),
               _: 1
-            })) : i("", !0),
-            e.trendTooltip?.rangeCurrent && e.trendTooltip?.rangePrevious ? (r(), p("div", _, [
+            })) : a("", !0),
+            e.trendTooltip?.rangeCurrent && e.trendTooltip?.rangePrevious ? (r(), p("div", N, [
               P,
-              l(t(n), {
+              u(t(l), {
                 class: "separator__text",
                 variant: "caption"
               }, {
                 default: o(() => [
-                  a(" vs. ")
+                  n(" vs. ")
                 ]),
                 _: 1
               }),
-              I
-            ])) : i("", !0),
-            e.trendTooltip?.rangePrevious ? (r(), s(t(n), {
+              _
+            ])) : a("", !0),
+            e.trendTooltip?.rangePrevious ? (r(), i(t(l), {
               key: 3,
               variant: "body2",
               class: "trend-tooltip__text"
             }, {
               default: o(() => [
-                a(d(e.trendTooltip.rangePrevious), 1)
+                n(d(e.trendTooltip.rangePrevious), 1)
               ]),
               _: 1
-            })) : i("", !0)
+            })) : a("", !0)
           ])
         ]),
         default: o(() => [
-          l(t(C), {
+          e.direction !== t(m).NEUTRAL ? (r(), i(t(b), {
+            key: 0,
             class: "trend-icon",
             type: "bold",
             name: `arrow-${e.direction}`,
             size: "13px"
-          }, null, 8, ["name"]),
-          l(t(n), { variant: "chipLabel" }, {
+          }, null, 8, ["name"])) : a("", !0),
+          u(t(l), { variant: "chipLabel" }, {
             default: o(() => [
-              a(d(e.value), 1)
+              n(d(e.value), 1)
             ]),
             _: 1
           })
@@ -91,5 +92,5 @@ const m = (e) => (g("data-v-79dc2883"), e = e(), y(), e), k = { class: "trend-to
   }
 });
 export {
-  $ as default
+  L as default
 };

package/components/chart/ChartStoryArgs.d.ts

@@ -98,8 +98,8 @@ export declare const chartStoryArgs: {
         description: string;
         control: {
             type: string;
-            options: TrendDirection[];
         };
+        options: TrendDirection[];
     };
     tickCount: {
         description: string;

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;

package/components/table/common/consts.js

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

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

@@ -1,4 +1,4 @@
-import type { Column, Row, SaveRowEvent, Section, Sort } from '../common/Table.types';
+import { Column, Row, SaveRowEvent, Section, Sort } from '../common/Table.types';
 declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
     title?: string;
     columns: Column[];
@@ -16,10 +16,12 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     emptyStateTitle?: string;
     emptyStateSubtitle?: string;
     isInfiniteScroll?: boolean;
+    showTotalsRow?: boolean;
     infiniteScrollThreshold?: number;
     rowHeight?: number | ((index: number) => number);
     loadingRowCount?: number;
     defaultScrollPosition?: number;
+    helpTooltipVariant?: "icon" | "underline";
     testId?: string;
     search?: string;
     showSearch?: boolean;
@@ -45,6 +47,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     rowHeight: number;
     loadingRowCount: number;
     defaultScrollPosition: any;
+    helpTooltipVariant: string;
     testId: string;
     selection: any;
     getRowId: (row: any, index: any) => any;
@@ -89,10 +92,12 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     emptyStateTitle?: string;
     emptyStateSubtitle?: string;
     isInfiniteScroll?: boolean;
+    showTotalsRow?: boolean;
     infiniteScrollThreshold?: number;
     rowHeight?: number | ((index: number) => number);
     loadingRowCount?: number;
     defaultScrollPosition?: number;
+    helpTooltipVariant?: "icon" | "underline";
     testId?: string;
     search?: string;
     showSearch?: boolean;
@@ -118,6 +123,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     rowHeight: number;
     loadingRowCount: number;
     defaultScrollPosition: any;
+    helpTooltipVariant: string;
     testId: string;
     selection: any;
     getRowId: (row: any, index: any) => any;
@@ -168,12 +174,15 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     getRowKey: (row: Row, index: number) => string | number;
     selectedMatcher: (rowId: unknown, selected: unknown) => boolean;
     emptyStateVariant: "error" | "settings" | "no-access" | "no-results" | "no-data" | "files";
+    helpTooltipVariant: "icon" | "underline";
     rowCustomClassKey: string;
     rowDataKey: string;
     isSelectionSticky: boolean;
     isSelectionBordered: boolean;
 }>, Partial<Record<`section-${string}`, (_: {}) => any>> & Partial<Record<`header-${string}`, (_: {
     column: Column;
+}) => any>> & Partial<Record<`total-${string}`, (_: {
+    column: Column;
 }) => any>> & Partial<Record<`cell-${string}`, (_: {
     cell: unknown;
     isLoading: boolean;

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

@@ -1,7 +1,7 @@
 import o from "./DataGrid.vue2.js";
-/* empty css               */import a from "../../../_virtual/_plugin-vue_export-helper.js";
-// import "../../../DataGrid.vue_vue_type_style_index_0_scoped_86ea5d2a_lang.css"; //*');
-const s = /* @__PURE__ */ a(o, [["__scopeId", "data-v-86ea5d2a"]]);
+/* empty css               */import _ from "../../../_virtual/_plugin-vue_export-helper.js";
+// import "../../../DataGrid.vue_vue_type_style_index_0_scoped_086c5b0d_lang.css"; //*');
+const a = /* @__PURE__ */ _(o, [["__scopeId", "data-v-086c5b0d"]]);
 export {
-  s as default
+  a as default
 };