@ironsource/shared-ui 2.1.11-rc.4 → 2.1.11-rc.40

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

@@ -1,125 +1,123 @@
-import { useSlots as G, ref as c, provide as N, computed as s, onMounted as V, nextTick as j } from "vue";
+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, 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", {
+const Q = 46, U = 46, Z = 60, ot = (e, d) => {
+  const y = N(), u = a([]);
+  V(J, {
+    onClose({ rowIndex: t, cellIndex: o, value: s } = {}) {
+      u.value = [...u.value, t], d("saveRow", {
         rowIndex: t,
         cellIndex: o,
-        value: n,
+        value: s,
         confirm: () => {
-          a.value = a.value.filter(
-            (i) => i !== t
-          );
+          u.value = u.value.filter((n) => n !== t);
         }
-      }));
+      });
     },
     setActiveMenuRow(t) {
-      x.value = t;
+      T.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 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}`;
     }, t);
-  }), g = s(() => !!S.expanded), A = c(null), x = c(null), R = s(() => Array(e.loadingRowCount).fill(
+  }), g = l(() => !!y.expanded), k = a(null), T = a(null), x = l(() => 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 ? [
+  )), A = l(() => e.rows.length && Array.isArray(e.rows[0]) ? e.isLoading ? [...e.rows, ...x.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,
+    ...x.value
+  ] : e.rows.map((o) => o[e.rowDataKey])), { list: R, containerProps: i, wrapperProps: I, scrollTo: O } = q(
+    A,
     {
       itemHeight: g.value ? (t) => w[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), 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);
   };
-  V(() => {
-    h.value = l.ref.value?.getBoundingClientRect().width, e.defaultScrollPosition && setTimeout(() => {
-      l.ref.value?.scrollTo({
+  Y(() => {
+    h.value = i.ref.value?.getBoundingClientRect().width, e.defaultScrollPosition && setTimeout(() => {
+      i.ref.value?.scrollTo({
         top: e.defaultScrollPosition,
         behavior: "smooth"
       });
     }, 300);
   });
-  const O = s(() => {
-    const [t] = T.value;
+  const P = l(() => {
+    const [t] = R.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), {}));
+  }), E = l(() => i.style), _ = l(() => e.columns.reduce((t, o) => (o.isSticky && (t[o.id] = W(o)), t), {}));
   F(
-    l.ref,
+    i.ref,
     () => {
-      e.isInfiniteScroll && u("loadMore");
+      e.isInfiniteScroll && d("loadMore");
     },
     { distance: e.infiniteScrollThreshold }
   );
-  function E() {
-    l.ref.value?.scrollTo({
+  function D() {
+    i.ref.value?.scrollTo({
       top: 0,
       behavior: "smooth"
     });
   }
-  function D(t) {
+  function K(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 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 });
   }
-  function M(t) {
-    const { isSticky: o, width: n } = t;
-    if (!o || !n)
+  function W(t) {
+    const { isSticky: o, width: s } = t;
+    if (!o || !s)
       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 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);
     return {
-      ...t.isStickyRight ? { right: `${z}px` } : { left: `${f}px` },
+      ...t.isStickyRight ? { right: `${m}px` } : { left: `${r}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 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);
     } else
-      d.value.splice(n, 1), delete w[t];
-  }, W = s(() => `${e.rowHeight}px`), X = s(
+      f.value.splice(s, 1), delete w[t];
+  }, z = l(() => `${e.rowHeight}px`), G = l(
     () => `1 / span ${e.columns.length + 1}`
   );
   return {
-    list: T,
-    containerProps: l,
-    wrapperProps: $,
-    activeRow: A,
-    gridColumnTemplate: C,
-    floatingActionRef: k,
-    scrollToTop: E,
-    toggleSortOrder: D,
-    columnsStickyPositions: L,
+    list: R,
+    containerProps: i,
+    wrapperProps: I,
+    activeRow: k,
+    gridColumnTemplate: b,
+    floatingActionRef: $,
+    scrollToTop: D,
+    toggleSortOrder: K,
+    columnsStickyPositions: _,
     hasSearchSlot: B,
-    showBackToTopButton: O,
-    containerStyle: P,
-    onScroll: I,
-    scrollTo: b,
-    savingRows: a,
+    showBackToTopButton: P,
+    containerStyle: E,
+    onScroll: L,
+    scrollTo: O,
+    savingRows: u,
     floatingActionPosition: h,
     hasExpandSlot: g,
-    hasCheckboxes: y,
-    toggleExpandRow: K,
-    isRowExpanded: _,
-    cssRowHeight: W,
-    cssExpandGridCol: X,
-    activeMenuRow: x
+    hasCheckboxes: C,
+    toggleExpandRow: X,
+    isRowExpanded: M,
+    cssRowHeight: z,
+    cssExpandGridCol: G,
+    activeMenuRow: T
   };
 };
 export {
-  tt as tableCommon
+  ot 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/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

@@ -11,6 +11,7 @@ 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;
@@ -33,6 +34,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     sort: any;
     isSticky: boolean;
     isStickyHeader: boolean;
+    isSelectionSticky: boolean;
     sections: any;
     isLoading: boolean;
     emptyStateVariant: any;
@@ -80,6 +82,7 @@ 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;
@@ -102,6 +105,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     sort: any;
     isSticky: boolean;
     isStickyHeader: boolean;
+    isSelectionSticky: boolean;
     sections: any;
     isLoading: boolean;
     emptyStateVariant: any;
@@ -126,11 +130,11 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     rowDataKey: string;
 }>>> & {
     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;
@@ -158,6 +162,7 @@ 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;

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