@ironsource/shared-ui 2.1.12-rc.9 → 2.1.12-test.2

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

@@ -1,5 +1,5 @@
 import type { Column, Row, SaveRowEvent, Section, Sort } from '../common/Table.types';
-declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
     title: string;
     columns: Column[];
     rows: Row[];
@@ -30,12 +30,12 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     loadingRowCount: number;
     defaultScrollPosition: any;
     testId: string;
-}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+}>>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:sort": (newSort: Sort) => void;
     onScroll: (event: Event) => void;
     saveRow: (args_0: SaveRowEvent) => void;
     loadMore: () => void;
-}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
     title: string;
     columns: Column[];
     rows: Row[];
@@ -66,12 +66,12 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     loadingRowCount: number;
     defaultScrollPosition: any;
     testId: string;
-}>>> & {
-    onLoadMore?: () => any;
+}>>> & Readonly<{
     onOnScroll?: (event: Event) => any;
+    onLoadMore?: () => any;
     "onUpdate:sort"?: (newSort: Sort) => any;
     onSaveRow?: (args_0: SaveRowEvent) => any;
-}, {
+}>, {
     testId: string;
     isLoading: boolean;
     loadingRowCount: number;
@@ -84,7 +84,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     infiniteScrollThreshold: number;
     rowHeight: number | ((index: number) => number);
     defaultScrollPosition: number;
-}>, Partial<Record<`section-${string}`, (_: {}) => any>> & Partial<Record<`header-${string}`, (_: {
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>, Partial<Record<`section-${string}`, (_: {}) => any>> & Partial<Record<`header-${string}`, (_: {
     column: Column;
 }) => any>> & Partial<Record<`cell-${string}`, (_: {
     cell: unknown;

package/components/table/v3/Table.vue2.js

@@ -1,22 +1,22 @@
- import "../../../Table.vue_vue_type_style_index_0_scoped_9375215d_lang.css"; import { defineComponent as F, useCssVars as Y, unref as t, openBlock as s, createElementBlock as a, createElementVNode as o, normalizeStyle as y, normalizeClass as n, renderSlot as r, createVNode as c, withCtx as m, createTextVNode as g, toDisplayString as k, createCommentVNode as R, Fragment as $, renderList as v, createBlock as x, mergeProps as G, withDirectives as W, vShow as j } from "vue";
+ import "../../../Table.vue_vue_type_style_index_0_scoped_9375215d_lang.css"; import { defineComponent as F, useCssVars as Y, unref as e, openBlock as i, createElementBlock as o, createElementVNode as a, normalizeStyle as y, normalizeClass as d, renderSlot as r, createVNode as u, withCtx as S, createTextVNode as h, toDisplayString as p, createCommentVNode as T, Fragment as g, renderList as k, createBlock as G, mergeProps as W, withDirectives as j, vShow as q } from "vue";
 import "../../typography/Heading.vue.js";
-import T from "../../typography/Text.vue.js";
+import $ from "../../typography/Text.vue.js";
 import "../../button/v3/Button.vue.js";
 import "../../button/v3/IconButton.vue.js";
-import q from "../../button/v3/ScrollButton.vue.js";
-import J from "../../skeleton/v3/Skeleton.vue.js";
-import K from "../../emptyState/v3/EmptyState.vue.js";
-import Q from "./TableHeaderSorter.vue.js";
-import { TableTestIdModifiers as u } from "../../../testids/index.js";
-import { tableCommon as U } from "../common/Table.common.js";
-const X = ["data-testid"], Z = ["data-testid"], p = ["data-testid"], _ = ["data-testid"], tt = ["data-testid"], et = ["data-testid"], it = ["data-testid"], st = ["onClick"], at = { class: "table-head-container" }, lt = ["data-testid"], ot = ["onMouseenter"], dt = { key: 1 }, nt = { key: 1 }, vt = /* @__PURE__ */ F({
+import J from "../../button/v3/ScrollButton.vue.js";
+import K from "../../skeleton/v3/Skeleton.vue.js";
+import Q from "../../emptyState/v3/EmptyState.vue.js";
+import U from "./TableHeaderSorter.vue.js";
+import { TableTestIdModifiers as n } from "../../../testids/index.js";
+import { tableCommon as X } from "../common/Table.common.js";
+const Z = ["data-testid"], _ = ["data-testid"], x = ["data-testid"], tt = ["data-testid"], et = ["data-testid"], st = ["data-testid"], it = ["data-testid"], ot = ["onClick"], at = { class: "table-head-container" }, lt = ["data-testid"], dt = ["onMouseenter"], rt = { key: 1 }, nt = { key: 1 }, vt = /* @__PURE__ */ F({
   __name: "Table",
   props: {
-    title: null,
-    columns: null,
-    rows: null,
+    title: {},
+    columns: {},
+    rows: {},
     sections: { default: null },
-    sort: null,
+    sort: {},
     isSticky: { type: Boolean, default: !0 },
     isStickyHeader: { type: Boolean, default: !1 },
     isLoading: { type: Boolean, default: !1 },
@@ -30,93 +30,92 @@ const X = ["data-testid"], Z = ["data-testid"], p = ["data-testid"], _ = ["data-
     testId: { default: "" }
   },
   emits: ["update:sort", "onScroll", "saveRow", "loadMore"],
-  setup(i, { emit: A }) {
-    const H = i;
-    Y((l) => ({
-      "0c2c9e92": t(N)
+  setup(E, { emit: C }) {
+    Y((t) => ({
+      "0c2c9e92": e(N)
     }));
-    const {
-      list: b,
+    const A = E, H = C, {
+      list: v,
       containerProps: I,
       wrapperProps: L,
-      activeRow: S,
+      activeRow: c,
       gridColumnTemplate: N,
       floatingActionRef: P,
       scrollToTop: w,
       toggleSortOrder: z,
-      columnsStickyPositions: B,
+      columnsStickyPositions: b,
       hasSearchSlot: M,
       showBackToTopButton: O,
       containerStyle: D,
-      onScroll: E,
-      savingRows: C,
+      onScroll: R,
+      savingRows: B,
       floatingActionPosition: V
-    } = U(H, A);
-    return (l, h) => (s(), a("div", {
+    } = X(A, H);
+    return (t, m) => (i(), o("div", {
       class: "table-container",
-      "data-testid": `${i.testId}-${t(u).CONTAINER}`,
-      onMouseleave: h[1] || (h[1] = (e) => S.value = null)
+      "data-testid": `${t.testId}-${e(n).CONTAINER}`,
+      onMouseleave: m[1] || (m[1] = (s) => c.value = null)
     }, [
-      o("table", {
-        ref: t(I).ref,
-        style: y(t(D)),
-        "data-testid": `${i.testId}-${t(u).TABLE}`,
-        onScrollPassive: h[0] || (h[0] = //@ts-ignore
-        (...e) => t(E) && t(E)(...e))
+      a("table", {
+        ref: e(I).ref,
+        style: y(e(D)),
+        "data-testid": `${t.testId}-${e(n).TABLE}`,
+        onScrollPassive: m[0] || (m[0] = //@ts-ignore
+        (...s) => e(R) && e(R)(...s))
       }, [
-        i.title || l.$slots.search ? (s(), a("div", {
+        t.title || t.$slots.search ? (i(), o("div", {
           key: 0,
-          class: n(["table-header", { isStickyHeader: i.isStickyHeader }]),
-          "data-testid": `${i.testId}-${t(u).HEADER}`
+          class: d(["table-header", { isStickyHeader: t.isStickyHeader }]),
+          "data-testid": `${t.testId}-${e(n).HEADER}`
         }, [
-          o("div", {
-            class: n(["table-title", t(M) ? "border-search" : ""]),
-            "data-testid": `${i.testId}-${t(u).TITLE}`
+          a("div", {
+            class: d(["table-title", e(M) ? "border-search" : ""]),
+            "data-testid": `${t.testId}-${e(n).TITLE}`
           }, [
-            r(l.$slots, "title", {}, () => [
-              c(t(T), {
+            r(t.$slots, "title", {}, () => [
+              u(e($), {
                 size: "md",
                 strong: ""
               }, {
-                default: m(() => [
-                  g(k(i.title), 1)
+                default: S(() => [
+                  h(p(t.title), 1)
                 ]),
                 _: 1
               })
             ], !0)
-          ], 10, _),
-          o("div", {
+          ], 10, tt),
+          a("div", {
             class: "table-header-right",
-            "data-testid": `${i.testId}-${t(u).HEADER_RIGHT}`
+            "data-testid": `${t.testId}-${e(n).HEADER_RIGHT}`
           }, [
-            r(l.$slots, "search", {}, void 0, !0)
-          ], 8, tt),
-          o("div", {
+            r(t.$slots, "search", {}, void 0, !0)
+          ], 8, et),
+          a("div", {
             class: "table-header-actions",
-            "data-testid": `${i.testId}-${t(u).ACTIONS}`
+            "data-testid": `${t.testId}-${e(n).ACTIONS}`
           }, [
-            r(l.$slots, "table-header-actions", {}, void 0, !0)
-          ], 8, et)
-        ], 10, p)) : R("", !0),
-        o("thead", {
-          class: n({ sticky: i.isSticky, isStickyHeader: i.isStickyHeader })
+            r(t.$slots, "table-header-actions", {}, void 0, !0)
+          ], 8, st)
+        ], 10, x)) : T("", !0),
+        a("thead", {
+          class: d({ sticky: t.isSticky, isStickyHeader: t.isStickyHeader })
         }, [
-          o("div", {
+          a("div", {
             class: "sections",
-            "data-testid": `${i.testId}-${t(u).SECTIONS}`
+            "data-testid": `${t.testId}-${e(n).SECTIONS}`
           }, [
-            (s(!0), a($, null, v(i.sections, (e) => (s(), a("div", {
-              key: e.id,
-              class: n(["section-container", { sticky: e.isSticky }])
+            (i(!0), o(g, null, k(t.sections, (s) => (i(), o("div", {
+              key: s.id,
+              class: d(["section-container", { sticky: s.isSticky }])
             }, [
-              r(l.$slots, `section-${e.id}`, {}, () => [
-                o("div", {
-                  style: y({ width: e.width + "px" }),
-                  class: n({ section: !0 })
+              r(t.$slots, `section-${s.id}`, {}, () => [
+                a("div", {
+                  style: y({ width: s.width + "px" }),
+                  class: d({ section: !0 })
                 }, [
-                  c(t(T), { size: "xs" }, {
-                    default: m(() => [
-                      g(k(e.title), 1)
+                  u(e($), { size: "xs" }, {
+                    default: S(() => [
+                      h(p(s.title), 1)
                     ]),
                     _: 2
                   }, 1024)
@@ -124,123 +123,123 @@ const X = ["data-testid"], Z = ["data-testid"], p = ["data-testid"], _ = ["data-
               ], !0)
             ], 2))), 128))
           ], 8, it),
-          o("tr", null, [
-            (s(!0), a($, null, v(i.columns, (e) => (s(), a("th", {
-              key: e.id,
-              class: n({
-                sticky: e.isSticky,
-                bordered: e.isBordered,
-                isTextRight: e.isTextRight,
-                isSortable: e.isSortable
+          a("tr", null, [
+            (i(!0), o(g, null, k(t.columns, (s) => (i(), o("th", {
+              key: s.id,
+              class: d({
+                sticky: s.isSticky,
+                bordered: s.isBordered,
+                isTextRight: s.isTextRight,
+                isSortable: s.isSortable
               }),
-              style: y(e.isSticky ? t(B)[e.id] : null),
-              onClick: (f) => t(z)(e)
+              style: y(s.isSticky ? e(b)[s.id] : null),
+              onClick: (f) => e(z)(s)
             }, [
-              o("div", at, [
-                r(l.$slots, `header-${e.id}`, { column: e }, () => [
-                  c(t(T), {
+              a("div", at, [
+                r(t.$slots, `header-${s.id}`, { column: s }, () => [
+                  u(e($), {
                     size: "sm",
                     strong: "",
                     "is-truncated": !1
                   }, {
-                    default: m(() => [
-                      g(k(e.title), 1)
+                    default: S(() => [
+                      h(p(s.title), 1)
                     ]),
                     _: 2
                   }, 1024)
                 ], !0),
-                e.id === i.sort.sortBy ? (s(), x(Q, {
+                s.id === t.sort.sortBy ? (i(), G(U, {
                   key: 0,
                   class: "table-head-sorter",
-                  "sort-order": i.sort.sortOrder
-                }, null, 8, ["sort-order"])) : R("", !0)
+                  "sort-order": t.sort.sortOrder
+                }, null, 8, ["sort-order"])) : T("", !0)
               ])
-            ], 14, st))), 128))
+            ], 14, ot))), 128))
           ])
         ], 2),
-        o("tbody", null, [
-          t(b).length > 0 ? (s(), a("div", G({
+        a("tbody", null, [
+          e(v).length > 0 ? (i(), o("div", W({
             key: 0,
             class: "table-body-wrapper",
-            "data-testid": `${i.testId}-${t(u).BODY_WRAPPER}`
-          }, t(L)), [
-            (s(!0), a($, null, v(t(b), (e) => (s(), a("tr", {
-              key: e.index,
-              class: n(["table-row", {
-                loading: i.isLoading || i.isLoading && !e.data || t(C).includes(e.index),
-                active: t(S) === e.index
+            "data-testid": `${t.testId}-${e(n).BODY_WRAPPER}`
+          }, e(L)), [
+            (i(!0), o(g, null, k(e(v), (s) => (i(), o("tr", {
+              key: s.index,
+              class: d(["table-row", {
+                loading: t.isLoading || t.isLoading && !s.data || e(B).includes(s.index),
+                active: e(c) === s.index
               }]),
-              onMouseenter: (f) => S.value = e.index
+              onMouseenter: (f) => c.value = s.index
             }, [
-              W(o("div", {
+              j(a("div", {
                 ref_for: !0,
                 ref_key: "floatingActionRef",
                 ref: P,
-                style: y({ left: t(V) + "px" }),
+                style: y({ left: e(V) + "px" }),
                 class: "floating-actions"
               }, [
-                r(l.$slots, "floating-actions", { row: e }, void 0, !0)
+                r(t.$slots, "floating-actions", { row: s }, void 0, !0)
               ], 4), [
                 [
-                  j,
-                  l.$slots["floating-actions"] && t(S) === e.index && !i.isLoading
+                  q,
+                  t.$slots["floating-actions"] && e(c) === s.index && !t.isLoading
                 ]
               ]),
-              (s(!0), a($, null, v(e.data, (f, d) => (s(), a("td", {
-                key: d,
-                class: n({
-                  sticky: i.columns[d].isSticky,
-                  bordered: i.columns[d].isBordered,
-                  isTextRight: i.columns[d].isTextRight
+              (i(!0), o(g, null, k(s.data, (f, l) => (i(), o("td", {
+                key: l,
+                class: d({
+                  sticky: t.columns[l].isSticky,
+                  bordered: t.columns[l].isBordered,
+                  isTextRight: t.columns[l].isTextRight
                 }),
                 style: y(
-                  i.columns[d].isSticky ? t(B)[i.columns[d].id] : null
+                  t.columns[l].isSticky ? e(b)[t.columns[l].id] : null
                 )
               }, [
-                !i.isLoading || i.isLoading && f ? (s(), a("div", {
+                !t.isLoading || t.isLoading && f ? (i(), o("div", {
                   key: 0,
-                  class: n({
-                    last: d === e.data.length - 1,
+                  class: d({
+                    last: l === s.data.length - 1,
                     "table-cell": !0,
-                    floating: l.$slots["floating-actions"]
+                    floating: t.$slots["floating-actions"]
                   })
                 }, [
-                  r(l.$slots, `cell-${i.columns[d].id}`, {
+                  r(t.$slots, `cell-${t.columns[l].id}`, {
                     cell: f,
-                    isLoading: t(C).includes(e.index),
-                    cellIndex: d,
-                    row: e,
-                    rowIndex: e.index
+                    isLoading: e(B).includes(s.index),
+                    cellIndex: l,
+                    row: s,
+                    rowIndex: s.index
                   }, () => [
-                    c(t(T), { size: "sm" }, {
-                      default: m(() => [
-                        g(k(f), 1)
+                    u(e($), { size: "sm" }, {
+                      default: S(() => [
+                        h(p(f), 1)
                       ]),
                       _: 2
                     }, 1024)
                   ], !0)
-                ], 2)) : r(l.$slots, "loader", { key: 1 }, () => [
-                  c(t(J), { round: "" })
+                ], 2)) : r(t.$slots, "loader", { key: 1 }, () => [
+                  u(e(K), { round: "" })
                 ], !0)
               ], 6))), 128))
-            ], 42, ot))), 128))
-          ], 16, lt)) : (s(), a("div", dt, [
-            r(l.$slots, "empty-state", {}, () => [
-              c(t(K), {
-                title: i.emptyStateTitle,
-                subtitle: i.emptyStateSubtitle,
-                "test-id": `${i.testId}-${t(u).EMPTY_STATE}`
+            ], 42, dt))), 128))
+          ], 16, lt)) : (i(), o("div", rt, [
+            r(t.$slots, "empty-state", {}, () => [
+              u(e(Q), {
+                title: t.emptyStateTitle,
+                subtitle: t.emptyStateSubtitle,
+                "test-id": `${t.testId}-${e(n).EMPTY_STATE}`
               }, null, 8, ["title", "subtitle", "test-id"])
             ], !0)
           ]))
         ]),
-        t(b).length > 0 ? (s(), a("tfoot", nt)) : R("", !0)
-      ], 44, Z),
-      c(t(q), {
-        show: t(O),
-        onScrolled: t(w)
+        e(v).length > 0 ? (i(), o("tfoot", nt)) : T("", !0)
+      ], 44, _),
+      u(e(J), {
+        show: e(O),
+        onScrolled: e(w)
       }, null, 8, ["show", "onScrolled"])
-    ], 40, X));
+    ], 40, Z));
   }
 });
 export {

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

@@ -1,8 +1,8 @@
-declare const _default: import("vue").DefineComponent<__VLS_TypePropsToRuntimeProps<{
+declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
     sortOrder: 'asc' | 'desc';
-}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
+}>>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
     sortOrder: 'asc' | 'desc';
-}>>>, {}>;
+}>>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
 type __VLS_TypePropsToRuntimeProps<T> = {

package/components/table/v3/TableHeaderSorter.vue2.js

@@ -1,23 +1,23 @@
- import "../../../TableHeaderSorter.vue_vue_type_style_index_0_scoped_745a44a2_lang.css"; import { defineComponent as o, openBlock as a, createElementBlock as l, createVNode as r, normalizeClass as t } from "vue";
-import s from "./SortOrderIcon.vue.js";
-const c = { class: "table-head-sorter-container" }, u = /* @__PURE__ */ o({
+ import "../../../TableHeaderSorter.vue_vue_type_style_index_0_scoped_745a44a2_lang.css"; import { defineComponent as t, openBlock as a, createElementBlock as l, createVNode as r, normalizeClass as s } from "vue";
+import o from "./SortOrderIcon.vue.js";
+const c = { class: "table-head-sorter-container" }, i = /* @__PURE__ */ t({
   __name: "TableHeaderSorter",
   props: {
-    sortOrder: null
+    sortOrder: {}
   },
-  setup(e) {
-    return (d, n) => (a(), l("div", c, [
-      r(s, {
+  setup(d) {
+    return (e, n) => (a(), l("div", c, [
+      r(o, {
         name: "sort-order",
-        class: t({ "table-head-sorter-selected": e.sortOrder === "asc" })
+        class: s({ "table-head-sorter-selected": e.sortOrder === "asc" })
       }, null, 8, ["class"]),
-      r(s, {
+      r(o, {
         name: "sort-order",
-        class: t(["table-head-sorter-desc", { "table-head-sorter-selected": e.sortOrder === "desc" }])
+        class: s(["table-head-sorter-desc", { "table-head-sorter-selected": e.sortOrder === "desc" }])
       }, null, 8, ["class"])
     ]));
   }
 });
 export {
-  u as default
+  i as default
 };