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

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;

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

@@ -28,6 +28,8 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     zIndexBase?: number;
     rowCustomClassKey?: string;
     rowDataKey?: string;
+    isSelectionSticky?: boolean;
+    isSelectionBordered?: boolean;
 }>, {
     title: string;
     sort: any;
@@ -55,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, {
@@ -97,6 +101,8 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     zIndexBase?: number;
     rowCustomClassKey?: string;
     rowDataKey?: string;
+    isSelectionSticky?: boolean;
+    isSelectionBordered?: boolean;
 }>, {
     title: string;
     sort: any;
@@ -124,13 +130,15 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     zIndexBase: number;
     rowCustomClassKey: string;
     rowDataKey: string;
+    isSelectionSticky: boolean;
+    isSelectionBordered: boolean;
 }>>> & {
     onSelectAll?: (value: boolean) => any;
+    onLoadMore?: () => any;
     "onUpdate:search"?: (query: string) => any;
     onOnScroll?: (event: Event) => any;
     "onUpdate:sort"?: (newSort: Sort) => any;
     onSaveRow?: (args_0: SaveRowEvent) => any;
-    onLoadMore?: () => any;
     onOnClearSearch?: () => any;
     "onUpdate:selection"?: (selection: unknown[]) => any;
     onSelectRow?: (value: boolean) => any;
@@ -148,6 +156,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     loadingRowCount: number;
     emptyStateTitle: string;
     isSticky: boolean;
+    zIndexBase: number;
     sections: Section[];
     isStickyHeader: boolean;
     emptyStateSubtitle: string;
@@ -159,9 +168,10 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     getRowKey: (row: Row, index: number) => string | number;
     selectedMatcher: (rowId: unknown, selected: unknown) => 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_0cd8af73_lang.css"; //*');
-const s = /* @__PURE__ */ _(o, [["__scopeId", "data-v-0cd8af73"]]);
+// import "../../../DataGrid.vue_vue_type_style_index_0_scoped_26488faf_lang.css"; //*');
+const s = /* @__PURE__ */ _(o, [["__scopeId", "data-v-26488faf"]]);
 export {
   s as default
 };