@ironsource/shared-ui 2.1.11-test.27 → 2.1.11-test.44

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

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

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/v4/DataGrid.vue.d.ts

@@ -11,7 +11,6 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     selectedMatcher?: (rowId: unknown, selected: unknown) => boolean;
     isSticky?: boolean;
     isStickyHeader?: boolean;
-    isSelectionSticky?: boolean;
     isLoading?: boolean;
     emptyStateVariant?: "error" | "no-access" | "no-results" | "no-data" | "files" | "settings";
     emptyStateTitle?: string;
@@ -29,12 +28,13 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     zIndexBase?: number;
     rowCustomClassKey?: string;
     rowDataKey?: string;
+    isSelectionSticky?: boolean;
+    isSelectionBordered?: boolean;
 }>, {
     title: string;
     sort: any;
     isSticky: boolean;
     isStickyHeader: boolean;
-    isSelectionSticky: boolean;
     sections: any;
     isLoading: boolean;
     emptyStateVariant: any;
@@ -57,6 +57,8 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     zIndexBase: number;
     rowCustomClassKey: string;
     rowDataKey: string;
+    isSelectionSticky: boolean;
+    isSelectionBordered: boolean;
 }>, {
     scrollTo: (index: number) => void;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
@@ -82,7 +84,6 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     selectedMatcher?: (rowId: unknown, selected: unknown) => boolean;
     isSticky?: boolean;
     isStickyHeader?: boolean;
-    isSelectionSticky?: boolean;
     isLoading?: boolean;
     emptyStateVariant?: "error" | "no-access" | "no-results" | "no-data" | "files" | "settings";
     emptyStateTitle?: string;
@@ -100,12 +101,13 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     zIndexBase?: number;
     rowCustomClassKey?: string;
     rowDataKey?: string;
+    isSelectionSticky?: boolean;
+    isSelectionBordered?: boolean;
 }>, {
     title: string;
     sort: any;
     isSticky: boolean;
     isStickyHeader: boolean;
-    isSelectionSticky: boolean;
     sections: any;
     isLoading: boolean;
     emptyStateVariant: any;
@@ -128,6 +130,8 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     zIndexBase: number;
     rowCustomClassKey: string;
     rowDataKey: string;
+    isSelectionSticky: boolean;
+    isSelectionBordered: boolean;
 }>>> & {
     onSelectAll?: (value: boolean) => any;
     onLoadMore?: () => any;
@@ -162,11 +166,12 @@ 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;
-    isSelectionSticky: boolean;
     emptyStateVariant: "error" | "no-access" | "no-results" | "no-data" | "files" | "settings";
     zIndexBase: number;
     rowCustomClassKey: string;
     rowDataKey: string;
+    isSelectionSticky: boolean;
+    isSelectionBordered: boolean;
 }>, Partial<Record<`section-${string}`, (_: {}) => any>> & Partial<Record<`header-${string}`, (_: {
     column: Column;
 }) => any>> & Partial<Record<`cell-${string}`, (_: {

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_2406226b_lang.css"; //*');
-const a = /* @__PURE__ */ _(o, [["__scopeId", "data-v-2406226b"]]);
+// import "../../../DataGrid.vue_vue_type_style_index_0_scoped_26488faf_lang.css"; //*');
+const s = /* @__PURE__ */ _(o, [["__scopeId", "data-v-26488faf"]]);
 export {
-  a as default
+  s as default
 };