@ironsource/shared-ui 2.1.7-test.4 → 2.1.7-test.5

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

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

package/components/table/v3/Table.vue.d.ts

@@ -84,15 +84,15 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
 }, {
     testId: string;
     isLoading: boolean;
+    loadingRowCount: number;
+    emptyStateTitle: string;
     isSticky: boolean;
     sections: Section[];
     isStickyHeader: boolean;
-    emptyStateTitle: string;
     emptyStateSubtitle: string;
     isInfiniteScroll: boolean;
     infiniteScrollThreshold: number;
     rowHeight: number | ((index: number) => number);
-    loadingRowCount: number;
     defaultScrollPosition: number;
 }>, Partial<Record<`section-${string}`, (_: {}) => any>> & Partial<Record<`header-${string}`, (_: {
     column: Column;

package/components/table/v3/index.d.ts

@@ -5,15 +5,15 @@ declare const TableTypes: () => (import("vue").InjectionKey<import("../common/Ta
         $props: Partial<{
             testId: string;
             isLoading: boolean;
+            loadingRowCount: number;
+            emptyStateTitle: string;
             isSticky: boolean;
             sections: import("../common/Table.types").Section[];
             isStickyHeader: boolean;
-            emptyStateTitle: string;
             emptyStateSubtitle: string;
             isInfiniteScroll: boolean;
             infiniteScrollThreshold: number;
             rowHeight: number | ((index: number) => number);
-            loadingRowCount: number;
             defaultScrollPosition: number;
         }> & Omit<Readonly<import("vue").ExtractPropTypes<{
             sort: {
@@ -36,6 +36,14 @@ declare const TableTypes: () => (import("vue").InjectionKey<import("../common/Ta
                 type: import("vue").PropType<boolean>;
                 default: boolean;
             };
+            loadingRowCount: {
+                type: import("vue").PropType<number>;
+                default: number;
+            };
+            emptyStateTitle: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
             isSticky: {
                 type: import("vue").PropType<boolean>;
                 default: boolean;
@@ -52,10 +60,6 @@ declare const TableTypes: () => (import("vue").InjectionKey<import("../common/Ta
                 type: import("vue").PropType<boolean>;
                 default: boolean;
             };
-            emptyStateTitle: {
-                type: import("vue").PropType<string>;
-                default: string;
-            };
             emptyStateSubtitle: {
                 type: import("vue").PropType<string>;
                 default: string;
@@ -72,10 +76,6 @@ declare const TableTypes: () => (import("vue").InjectionKey<import("../common/Ta
                 type: import("vue").PropType<number | ((index: number) => number)>;
                 default: number;
             };
-            loadingRowCount: {
-                type: import("vue").PropType<number>;
-                default: number;
-            };
             defaultScrollPosition: {
                 type: import("vue").PropType<number>;
                 default: any;
@@ -90,7 +90,7 @@ declare const TableTypes: () => (import("vue").InjectionKey<import("../common/Ta
                 cellIndex: number;
             }) => any;
             onLoadMore?: () => any;
-        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "testId" | "isLoading" | "isSticky" | "sections" | "isStickyHeader" | "emptyStateTitle" | "emptyStateSubtitle" | "isInfiniteScroll" | "infiniteScrollThreshold" | "rowHeight" | "loadingRowCount" | "defaultScrollPosition">;
+        } & 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;
         };
@@ -130,6 +130,14 @@ declare const TableTypes: () => (import("vue").InjectionKey<import("../common/Ta
                 type: import("vue").PropType<boolean>;
                 default: boolean;
             };
+            loadingRowCount: {
+                type: import("vue").PropType<number>;
+                default: number;
+            };
+            emptyStateTitle: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
             isSticky: {
                 type: import("vue").PropType<boolean>;
                 default: boolean;
@@ -146,10 +154,6 @@ declare const TableTypes: () => (import("vue").InjectionKey<import("../common/Ta
                 type: import("vue").PropType<boolean>;
                 default: boolean;
             };
-            emptyStateTitle: {
-                type: import("vue").PropType<string>;
-                default: string;
-            };
             emptyStateSubtitle: {
                 type: import("vue").PropType<string>;
                 default: string;
@@ -166,10 +170,6 @@ declare const TableTypes: () => (import("vue").InjectionKey<import("../common/Ta
                 type: import("vue").PropType<number | ((index: number) => number)>;
                 default: number;
             };
-            loadingRowCount: {
-                type: import("vue").PropType<number>;
-                default: number;
-            };
             defaultScrollPosition: {
                 type: import("vue").PropType<number>;
                 default: any;
@@ -197,15 +197,15 @@ declare const TableTypes: () => (import("vue").InjectionKey<import("../common/Ta
         }, string, {
             testId: string;
             isLoading: boolean;
+            loadingRowCount: number;
+            emptyStateTitle: string;
             isSticky: boolean;
             sections: import("../common/Table.types").Section[];
             isStickyHeader: boolean;
-            emptyStateTitle: string;
             emptyStateSubtitle: string;
             isInfiniteScroll: boolean;
             infiniteScrollThreshold: number;
             rowHeight: number | ((index: number) => number);
-            loadingRowCount: number;
             defaultScrollPosition: number;
         }, {}, string> & {
             beforeCreate?: (() => void) | (() => void)[];
@@ -248,6 +248,14 @@ declare const TableTypes: () => (import("vue").InjectionKey<import("../common/Ta
             type: import("vue").PropType<boolean>;
             default: boolean;
         };
+        loadingRowCount: {
+            type: import("vue").PropType<number>;
+            default: number;
+        };
+        emptyStateTitle: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
         isSticky: {
             type: import("vue").PropType<boolean>;
             default: boolean;
@@ -264,10 +272,6 @@ declare const TableTypes: () => (import("vue").InjectionKey<import("../common/Ta
             type: import("vue").PropType<boolean>;
             default: boolean;
         };
-        emptyStateTitle: {
-            type: import("vue").PropType<string>;
-            default: string;
-        };
         emptyStateSubtitle: {
             type: import("vue").PropType<string>;
             default: string;
@@ -284,10 +288,6 @@ declare const TableTypes: () => (import("vue").InjectionKey<import("../common/Ta
             type: import("vue").PropType<number | ((index: number) => number)>;
             default: number;
         };
-        loadingRowCount: {
-            type: import("vue").PropType<number>;
-            default: number;
-        };
         defaultScrollPosition: {
             type: import("vue").PropType<number>;
             default: any;
@@ -327,6 +327,14 @@ declare const TableTypes: () => (import("vue").InjectionKey<import("../common/Ta
         type: import("vue").PropType<boolean>;
         default: boolean;
     };
+    loadingRowCount: {
+        type: import("vue").PropType<number>;
+        default: number;
+    };
+    emptyStateTitle: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
     isSticky: {
         type: import("vue").PropType<boolean>;
         default: boolean;
@@ -343,10 +351,6 @@ declare const TableTypes: () => (import("vue").InjectionKey<import("../common/Ta
         type: import("vue").PropType<boolean>;
         default: boolean;
     };
-    emptyStateTitle: {
-        type: import("vue").PropType<string>;
-        default: string;
-    };
     emptyStateSubtitle: {
         type: import("vue").PropType<string>;
         default: string;
@@ -363,10 +367,6 @@ declare const TableTypes: () => (import("vue").InjectionKey<import("../common/Ta
         type: import("vue").PropType<number | ((index: number) => number)>;
         default: number;
     };
-    loadingRowCount: {
-        type: import("vue").PropType<number>;
-        default: number;
-    };
     defaultScrollPosition: {
         type: import("vue").PropType<number>;
         default: any;
@@ -394,15 +394,15 @@ declare const TableTypes: () => (import("vue").InjectionKey<import("../common/Ta
 }, string, {
     testId: string;
     isLoading: boolean;
+    loadingRowCount: number;
+    emptyStateTitle: string;
     isSticky: boolean;
     sections: import("../common/Table.types").Section[];
     isStickyHeader: boolean;
-    emptyStateTitle: string;
     emptyStateSubtitle: string;
     isInfiniteScroll: boolean;
     infiniteScrollThreshold: number;
     rowHeight: number | ((index: number) => number);
-    loadingRowCount: number;
     defaultScrollPosition: number;
 }, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
     $slots: Partial<Record<`section-${string}`, (_: {}) => any>> & Partial<Record<`header-${string}`, (_: {

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

@@ -25,6 +25,8 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     searchPlaceholder?: string;
     searchAutoFocus?: boolean;
     zIndexBase?: number;
+    rowCustomClassKey?: string;
+    rowDataKey?: string;
 }>, {
     title: string;
     sort: any;
@@ -49,6 +51,8 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     searchPlaceholder: string;
     searchAutoFocus: boolean;
     zIndexBase: number;
+    rowCustomClassKey: string;
+    rowDataKey: string;
 }>, {
     scrollTo: (index: number) => void;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
@@ -93,6 +97,8 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     searchPlaceholder?: string;
     searchAutoFocus?: boolean;
     zIndexBase?: number;
+    rowCustomClassKey?: string;
+    rowDataKey?: string;
 }>, {
     title: string;
     sort: any;
@@ -117,6 +123,8 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     searchPlaceholder: string;
     searchAutoFocus: boolean;
     zIndexBase: number;
+    rowCustomClassKey: string;
+    rowDataKey: string;
 }>>> & {
     onSelectAll?: (value: boolean) => any;
     "onUpdate:search"?: (query: string) => any;
@@ -143,20 +151,22 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     searchPlaceholder: string;
     selection: unknown[];
     showSearch: boolean;
+    loadingRowCount: number;
+    emptyStateTitle: string;
     isSticky: boolean;
     sections: Section[];
     isStickyHeader: boolean;
-    emptyStateTitle: string;
     emptyStateSubtitle: string;
     isInfiniteScroll: boolean;
     infiniteScrollThreshold: number;
     rowHeight: number | ((index: number) => number);
-    loadingRowCount: number;
     defaultScrollPosition: number;
     getRowId: (row: Row, index: number) => unknown;
     selectedMatcher: (rowId: unknown, selected: unknown) => boolean;
     emptyStateVariant: "error" | "no-access" | "no-results" | "no-data" | "files" | "settings";
     zIndexBase: number;
+    rowCustomClassKey: string;
+    rowDataKey: string;
 }>, 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 a from "../../../_virtual/_plugin-vue_export-helper.js";
-// import "../../../DataGrid.vue_vue_type_style_index_0_scoped_63aaf3be_lang.css"; //*');
-const s = /* @__PURE__ */ a(o, [["__scopeId", "data-v-63aaf3be"]]);
+/* empty css               */import _ from "../../../_virtual/_plugin-vue_export-helper.js";
+// import "../../../DataGrid.vue_vue_type_style_index_0_scoped_5273976b_lang.css"; //*');
+const a = /* @__PURE__ */ _(o, [["__scopeId", "data-v-5273976b"]]);
 export {
-  s as default
+  a as default
 };