@ironsource/shared-ui 2.1.12-rc.3 → 2.1.12-rc.31

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[];
@@ -12,14 +12,16 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     isSticky?: boolean;
     isStickyHeader?: boolean;
     isLoading?: boolean;
-    emptyStateVariant?: "error" | "no-access" | "no-results" | "no-data" | "files" | "settings";
+    emptyStateVariant?: "error" | "settings" | "no-access" | "no-results" | "no-data" | "files";
     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;
@@ -85,14 +88,16 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     isSticky?: boolean;
     isStickyHeader?: boolean;
     isLoading?: boolean;
-    emptyStateVariant?: "error" | "no-access" | "no-results" | "no-data" | "files" | "settings";
+    emptyStateVariant?: "error" | "settings" | "no-access" | "no-results" | "no-data" | "files";
     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;
@@ -167,13 +173,18 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     getRowId: (row: Row, index: number) => unknown;
     getRowKey: (row: Row, index: number) => string | number;
     selectedMatcher: (rowId: unknown, selected: unknown) => boolean;
-    emptyStateVariant: "error" | "no-access" | "no-results" | "no-data" | "files" | "settings";
+    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<`after-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 _ from "../../../_virtual/_plugin-vue_export-helper.js";
-// import "../../../DataGrid.vue_vue_type_style_index_0_scoped_6b54ac22_lang.css"; //*');
-const s = /* @__PURE__ */ _(o, [["__scopeId", "data-v-6b54ac22"]]);
+/* empty css               */import e from "../../../_virtual/_plugin-vue_export-helper.js";
+// import "../../../DataGrid.vue_vue_type_style_index_0_scoped_8e8df067_lang.css"; //*');
+const a = /* @__PURE__ */ e(o, [["__scopeId", "data-v-8e8df067"]]);
 export {
-  s as default
+  a as default
 };