@ironsource/shared-ui 2.1.12-test.100 → 2.1.12-test.101

package/DataGrid.vue_vue_type_style_index_0_scoped_c04877bd_lang.css

@@ -0,0 +1 @@
+.sticky[data-v-c04877bd]{position:sticky}.table-container[data-v-c04877bd]{width:100%;position:relative;display:flex;flex-direction:column}.table-head-container[data-v-c04877bd]{display:flex;align-items:center;white-space:nowrap;color:var(--text-primary)}.table-footer[data-v-c04877bd]{color:var(--text-primary);background-color:var(--background-paper-elevation-0);padding:0 var(--spacing-300);display:flex;align-items:center;min-height:var(--spacing-600);border:1px solid var(--common-divider);border-radius:var(--border-radius-md);border-top-right-radius:0;border-top-left-radius:0}.table-body-wrapper[data-v-c04877bd]{display:inline-table}.table-row[data-v-c04877bd]{position:relative}.table-row.loading[data-v-c04877bd]{opacity:.7}.table-row:not(.expanded):last-child>td[data-v-c04877bd]{border-bottom:none}.table-row.expanded:last-child>.expanded-row[data-v-c04877bd]{border-bottom:none}.expanded-row[data-v-c04877bd]{grid-column:var(--77c32d26);border-bottom:1px solid var(--common-divider);background-color:var(--background-default)}table[data-v-c04877bd]{position:relative;display:block;overflow:auto;background:var(--background-paper-elevation-0);border:1px solid var(--common-divider);color:var(--text-primary);text-align:left;table-layout:fixed;width:100%;max-height:100%;border-radius:var(--border-radius-md);border-collapse:collapse;border-spacing:0}table.hasFooter[data-v-c04877bd]{border-bottom-left-radius:0;border-bottom-right-radius:0;border-bottom:none}table td[data-v-c04877bd],table th[data-v-c04877bd]{line-height:normal;padding:0 var(--spacing-200)}table td[data-v-c04877bd]:first-of-type,table th[data-v-c04877bd]:first-of-type{padding-left:var(--spacing-300)}table td[data-v-c04877bd]:last-of-type,table th[data-v-c04877bd]:last-of-type{padding-right:var(--spacing-300)}table td.expand-toggle-cell[data-v-c04877bd],table th.expand-toggle-cell[data-v-c04877bd]{padding-left:var(--spacing-150);padding-right:var(--spacing-75)}table>thead[data-v-c04877bd]{border-bottom:none;z-index:calc(var(--99782f9c) + 1);display:inline-table;min-width:100%}table>thead>tr[data-v-c04877bd]{color:var(--text-primary);border-bottom:1px solid var(--common-divider);display:grid;grid-template-columns:var(--5b788e9f)}table>thead>tr>th[data-v-c04877bd]{background:var(--background-paper-elevation-0);width:100%;display:flex;align-items:center;cursor:default}table>thead>tr>th.isSortable[data-v-c04877bd]{cursor:pointer}table>thead>tr>td[data-v-c04877bd]{display:flex;align-items:center}table>thead>tr>th.bordered[data-v-c04877bd],table>thead>tr>td.bordered[data-v-c04877bd]{border-right:1px solid var(--common-divider)}table>thead>tr>th.bordered.isStickyRight[data-v-c04877bd],table>thead>tr>td.bordered.isStickyRight[data-v-c04877bd]{border-right:none;border-left:1px solid var(--common-divider)}table>thead>tr>th.isTextRight[data-v-c04877bd],table>thead>tr>td.isTextRight[data-v-c04877bd]{justify-content:flex-end}table>thead.sticky[data-v-c04877bd]{position:sticky;top:0;background:var(--background-default)}table>thead.isStickyHeader[data-v-c04877bd]{z-index:calc(var(--99782f9c) + 2);top:var(--007495cd)}table .totals-row[data-v-c04877bd]{height:40px}table .totals-row[data-v-c04877bd]:hover{background:var(--background-paper-elevation-1)}table .totals-row>td.sticky[data-v-c04877bd]{background-color:var(--background-default)}table>tbody[data-v-c04877bd]{display:block}table>tbody>*>tr[data-v-c04877bd]{background-color:var(--background-default);height:auto;display:grid;align-items:center;grid-template-columns:var(--5b788e9f)}table>tbody>*>tr:nth-of-type(2n)>td[data-v-c04877bd]{background-color:var(--background-default)}table>tbody>*>tr:hover:not(.loading)>td[data-v-c04877bd],table>tbody>*>tr.activeMenu>td[data-v-c04877bd]{background-color:var(--background-paper-elevation-1)}table>tbody td[data-v-c04877bd]{background-color:var(--background-default);border:none;min-width:0;display:flex;height:auto;width:100%;place-items:center;border-bottom:1px solid var(--common-divider);justify-content:start}table>tbody td.bordered[data-v-c04877bd]{border-right:1px solid var(--common-divider)}table>tbody td.bordered.isStickyRight[data-v-c04877bd]{border-right:none;border-left:1px solid var(--common-divider)}table>tbody td.isTextRight[data-v-c04877bd]{justify-content:flex-end;text-align:right}.underlined[data-v-c04877bd]{border-bottom:.0625rem dashed var(--default-outlined-border)}.underlined[data-v-c04877bd]:hover{cursor:pointer}.section-container[data-v-c04877bd]{left:0}.sections[data-v-c04877bd]{display:flex}.section[data-v-c04877bd]{padding:0 1.5rem;background:var(--background-default);left:0;height:32px;display:flex;align-items:flex-end;border-right:1px solid var(--common-divider)}.table-cell[data-v-c04877bd]{width:100%}.empty-state[data-v-c04877bd]{min-height:250px}.floating-row[data-v-c04877bd]{display:flex;inset:0;pointer-events:none;position:absolute;z-index:calc(var(--99782f9c) + 1)}.floating-row *[data-v-c04877bd-s]{pointer-events:auto}.bg[data-v-c04877bd]{background:var(--background-default)}.use-available-height[data-v-c04877bd]{height:100%}.data-grid-container[data-v-c04877bd]{width:100%;display:flex;flex-direction:row;max-height:100%;align-items:stretch}.data-grid-container[data-v-c04877bd] .table-container{width:calc(100% - 201px);flex:1}.data-grid-container[data-v-c04877bd] table{flex:1;background:var(--background-default);border-top-right-radius:0;border-bottom-right-radius:0}.data-grid-container[data-v-c04877bd] .table-row:last-child{border-bottom:1px solid var(--common-divider)}.side-panel-container[data-v-c04877bd]{width:201px;max-width:201px;flex:1}.side-panel-container[data-v-c04877bd] .column-configurator{height:100%;border-top-left-radius:0;border-bottom-left-radius:0;border-left:none}

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

@@ -1,4 +1,5 @@
-import { Column, Row, SaveRowEvent, Section, Sort } from '../common/Table.types';
+import { Column, HelpTooltipVariant, Row, SaveRowEvent, Section, Sort } from '../common/Table.types';
+import { EmptyStateVariants } from '@/components/emptyState/v4/EmptyStateV4.types';
 declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
     title?: string;
     columns: Column[];
@@ -12,7 +13,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     isSticky?: boolean;
     isStickyHeader?: boolean;
     isLoading?: boolean;
-    emptyStateVariant?: "error" | "settings" | "no-access" | "no-results" | "no-data" | "files";
+    emptyStateVariant?: EmptyStateVariants;
     emptyStateTitle?: string;
     emptyStateSubtitle?: string;
     isInfiniteScroll?: boolean;
@@ -21,7 +22,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     rowHeight?: number | ((index: number) => number);
     loadingRowCount?: number;
     defaultScrollPosition?: number;
-    helpTooltipVariant?: "icon" | "underline";
+    helpTooltipVariant?: HelpTooltipVariant;
     testId?: string;
     useAvailableHeight?: boolean;
     search?: string;
@@ -90,7 +91,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     isSticky?: boolean;
     isStickyHeader?: boolean;
     isLoading?: boolean;
-    emptyStateVariant?: "error" | "settings" | "no-access" | "no-results" | "no-data" | "files";
+    emptyStateVariant?: EmptyStateVariants;
     emptyStateTitle?: string;
     emptyStateSubtitle?: string;
     isInfiniteScroll?: boolean;
@@ -99,7 +100,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     rowHeight?: number | ((index: number) => number);
     loadingRowCount?: number;
     defaultScrollPosition?: number;
-    helpTooltipVariant?: "icon" | "underline";
+    helpTooltipVariant?: HelpTooltipVariant;
     testId?: string;
     useAvailableHeight?: boolean;
     search?: string;
@@ -176,10 +177,10 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     defaultScrollPosition: number;
     getRowId: (row: Row, index: number) => unknown;
     getRowKey: (row: Row, index: number) => string | number;
-    emptyStateVariant: "error" | "settings" | "no-access" | "no-results" | "no-data" | "files";
+    emptyStateVariant: EmptyStateVariants;
     rowCustomClassKey: string;
     rowDataKey: string;
-    helpTooltipVariant: "icon" | "underline";
+    helpTooltipVariant: HelpTooltipVariant;
     useAvailableHeight: boolean;
     selectedMatcher: (rowId: unknown, selected: unknown) => boolean;
     isSelectionSticky: boolean;

package/components/table/v4/DataGrid.vue.js

@@ -1,7 +1,7 @@
 import o from "./DataGrid.vue2.js";
-/* empty css               */import e from "../../../_virtual/_plugin-vue_export-helper.js";
-// import "../../../DataGrid.vue_vue_type_style_index_0_scoped_7e61692c_lang.css"; //*');
-const a = /* @__PURE__ */ e(o, [["__scopeId", "data-v-7e61692c"]]);
+/* empty css               */import _ from "../../../_virtual/_plugin-vue_export-helper.js";
+// import "../../../DataGrid.vue_vue_type_style_index_0_scoped_c04877bd_lang.css"; //*');
+const a = /* @__PURE__ */ _(o, [["__scopeId", "data-v-c04877bd"]]);
 export {
   a as default
 };

package/components/table/v4/DataGrid.vue2.js

@@ -1,7 +1,7 @@
- import "../../../DataGrid.vue_vue_type_style_index_0_scoped_7e61692c_lang.css"; import { defineComponent as me, useCssVars as ve, unref as t, useSlots as be, computed as u, openBlock as i, createElementBlock as d, normalizeClass as h, createElementVNode as m, normalizeStyle as S, createBlock as I, isRef as pe, createSlots as xe, withCtx as g, renderSlot as n, createCommentVNode as c, Fragment as x, renderList as C, createVNode as k, createTextVNode as P, toDisplayString as O, mergeProps as L } from "vue";
+ import "../../../DataGrid.vue_vue_type_style_index_0_scoped_c04877bd_lang.css"; import { defineComponent as me, useCssVars as be, unref as t, useSlots as ve, computed as u, openBlock as i, createElementBlock as d, normalizeClass as h, createElementVNode as m, mergeProps as $, normalizeStyle as S, createBlock as P, isRef as pe, createSlots as $e, withCtx as g, renderSlot as n, createCommentVNode as c, Fragment as C, renderList as x, createVNode as k, createTextVNode as L, toDisplayString as O } from "vue";
 import V from "../../typography/v4/Typography.vue.js";
 import Ce from "../../skeleton/v4/SkeletonV4.vue.js";
-import $e from "../../emptyState/v4/EmptyStateV4.vue.js";
+import xe from "../../emptyState/v4/EmptyStateV4.vue.js";
 import X from "../../checkbox/v4/CheckboxV4.vue.js";
 import Re from "../../tooltip/v4/TooltipV4.vue.js";
 import "./DataGrid.vue.js";
@@ -9,7 +9,7 @@ import "./DataGridMenu.vue.js";
 import "./DataGridRowsCounter.vue.js";
 import Te from "./DataGridHeader.vue.js";
 import "./MultipleDataGrid.vue.js";
-import { TableTestIdModifiers as $ } from "../../../testids/index.js";
+import { TableTestIdModifiers as R } from "../../../testids/index.js";
 import { tableCommon as He } from "../common/Table.common.js";
 import we from "./SortIcon.vue.js";
 import Ee from "./HelpIcon.vue.js";
@@ -34,7 +34,10 @@ const Le = ["data-testid"], Ve = ["data-testid"], Me = ["data-testid"], De = {
 }, Ye = {
   key: 0,
   class: "side-panel-container"
-}, ut = /* @__PURE__ */ me({
+}, Qe = {
+  inheritAttrs: !1
+}, ht = /* @__PURE__ */ me({
+  ...Qe,
   __name: "DataGrid",
   props: {
     title: { default: "" },
@@ -43,9 +46,9 @@ const Le = ["data-testid"], Ve = ["data-testid"], Me = ["data-testid"], De = {
     sections: { default: null },
     sort: { default: null },
     selection: { default: null },
-    getRowId: { type: Function, default: (a, v) => v },
-    getRowKey: { type: Function, default: (a, v) => v },
-    selectedMatcher: { type: Function, default: (a, v) => a === v },
+    getRowId: { type: Function, default: (a, b) => b },
+    getRowKey: { type: Function, default: (a, b) => b },
+    selectedMatcher: { type: Function, default: (a, b) => a === b },
     isSticky: { type: Boolean, default: !0 },
     isStickyHeader: { type: Boolean, default: !1 },
     isLoading: { type: Boolean, default: !1 },
@@ -72,102 +75,101 @@ const Le = ["data-testid"], Ve = ["data-testid"], Me = ["data-testid"], De = {
     isSelectionBordered: { type: Boolean, default: !1 }
   },
   emits: ["update:sort", "update:search", "update:selection", "onScroll", "onClearSearch", "saveRow", "loadMore", "selectAll", "selectRow", "clickRow"],
-  setup(a, { expose: v, emit: f }) {
-    const s = a;
-    ve((l) => ({
-      "3f173848": a.zIndexBase,
-      "7f627d60": t(le),
-      a1207f6e: t(G),
-      "336604f7": t(Se)
+  setup(a, { expose: b, emit: f }) {
+    const l = a;
+    be((s) => ({
+      "99782f9c": a.zIndexBase,
+      "77c32d26": t(ae),
+      "5b788e9f": t(G),
+      "007495cd": t(Se)
     }));
-    const b = be(), J = (l) => s.rowCustomClassKey && s.rows[l] ? s.rows[l][s.rowCustomClassKey] : "", {
-      list: R,
+    const v = ve(), J = (s) => l.rowCustomClassKey && l.rows[s] ? l.rows[s][l.rowCustomClassKey] : "", {
+      list: T,
       containerProps: z,
       wrapperProps: Z,
-      activeRow: T,
+      activeRow: H,
       gridColumnTemplate: G,
       toggleSortOrder: _,
-      columnsStickyPositions: H,
+      columnsStickyPositions: w,
       hasSearchSlot: ee,
       containerStyle: te,
       onScroll: K,
       savingRows: U,
-      hasExpandSlot: w,
-      toggleExpandRow: ae,
-      cssExpandGridCol: le,
+      hasExpandSlot: E,
+      toggleExpandRow: se,
+      cssExpandGridCol: ae,
       isRowExpanded: M,
       hasCheckboxes: D,
-      activeMenuRow: se,
+      activeMenuRow: le,
       scrollTo: ie
-    } = He(s, f), W = u(() => !!b.footer), oe = u(
-      () => s.title || b.title || ee.value || b["table-header-actions"] || b["table-header-pre-search"]
+    } = He(l, f), W = u(() => !!v.footer), oe = u(
+      () => l.title || v.title || ee.value || v["table-header-actions"] || v["table-header-pre-search"]
     ), p = u({
-      get: () => s.search,
-      set: (l) => f("update:search", l)
-    }), de = u(() => s.selection.length || 0), F = u(() => {
-      const l = s.rows.map((o, e) => s.getRowId(o, e));
-      return !!l.length && l.every((o) => E(o));
-    }), E = (l) => s.selection.findIndex((o) => s.selectedMatcher(l, o)) !== -1, ne = (l) => {
-      E(l) ? (B(
-        s.selection.filter(
-          (o) => !s.selectedMatcher(l, o)
+      get: () => l.search,
+      set: (s) => f("update:search", s)
+    }), de = u(() => l.selection.length || 0), F = u(() => {
+      const s = l.rows.map((o, e) => l.getRowId(o, e));
+      return !!s.length && s.every((o) => B(o));
+    }), B = (s) => l.selection.findIndex((o) => l.selectedMatcher(s, o)) !== -1, ne = (s) => {
+      B(s) ? (A(
+        l.selection.filter(
+          (o) => !l.selectedMatcher(s, o)
         )
-      ), f("selectRow", !1)) : (B([...s.selection, l]), f("selectRow", !0));
+      ), f("selectRow", !1)) : (A([...l.selection, s]), f("selectRow", !0));
     }, re = () => {
       if (F.value)
-        B([]), f("selectAll", !1);
+        A([]), f("selectAll", !1);
       else {
-        const l = s.rows.map((o, e) => s.getRowId(o, e)).filter((o) => !E(o));
-        B([...s.selection, ...l]), f("selectAll", !0);
+        const s = l.rows.map((o, e) => l.getRowId(o, e)).filter((o) => !B(o));
+        A([...l.selection, ...s]), f("selectAll", !0);
       }
-    }, B = (l) => {
-      f("update:selection", l);
-    }, ce = (l) => !s.isLoading && T.value === l, ue = u(
-      () => s.emptyStateVariant ?? (p.value ? "no-results" : "no-data")
+    }, A = (s) => {
+      f("update:selection", s);
+    }, ce = (s) => !l.isLoading && H.value === s, ue = u(
+      () => l.emptyStateVariant ?? (p.value ? "no-results" : "no-data")
     ), he = u(
-      () => s.emptyStateSubtitle ? s.emptyStateSubtitle : p.value ? "Search again with different filters" : void 0
+      () => l.emptyStateSubtitle ? l.emptyStateSubtitle : p.value ? "Search again with different filters" : void 0
     ), N = u(() => ({
       class: {
-        sticky: s.isSelectionSticky,
-        bordered: s.isSelectionBordered
+        sticky: l.isSelectionSticky,
+        bordered: l.isSelectionBordered
       },
-      style: s.isSelectionSticky ? H.value[Ie] : null
-    })), ye = (l) => ({
-      sticky: l.isSticky,
-      isStickyRight: l.isStickyRight,
-      bordered: l.isBordered,
-      isTextRight: l.isTextRight
+      style: l.isSelectionSticky ? w.value[Ie] : null
+    })), ye = (s) => ({
+      sticky: s.isSticky,
+      isStickyRight: s.isStickyRight,
+      bordered: s.isBordered,
+      isTextRight: s.isTextRight
     }), Y = u(
-      () => s.columns.map((l) => ye(l))
-    ), fe = (l) => ({
-      minHeight: (typeof s.rowHeight == "function" ? s.rowHeight(l) : s.rowHeight) + "px"
-    }), A = u(() => R.value.reduce((l, o) => (l[o.index] = fe(o.index), l), {})), Q = u(() => !!b["side-panel"]), Se = u(() => `${j}px`), { height: ge } = Pe(z.ref), ke = u(
+      () => l.columns.map((s) => ye(s))
+    ), fe = (s) => ({
+      minHeight: (typeof l.rowHeight == "function" ? l.rowHeight(s) : l.rowHeight) + "px"
+    }), I = u(() => T.value.reduce((s, o) => (s[o.index] = fe(o.index), s), {})), Q = u(() => !!v["side-panel"]), Se = u(() => `${j}px`), { height: ge } = Pe(z.ref), ke = u(
       () => ge.value - q - j
     );
-    return v({
+    return b({
       scrollTo: ie
-    }), (l, o) => (i(), d("div", {
+    }), (s, o) => (i(), d("div", {
       class: h({
         "data-grid-container": t(Q),
         "use-available-height": a.useAvailableHeight
       })
     }, [
-      m("div", {
-        class: "table-container",
-        "data-testid": `${a.testId}-${t($).CONTAINER}`,
-        onMouseleave: o[3] || (o[3] = (e) => T.value = null)
-      }, [
+      m("div", $({ class: "table-container" }, s.$attrs, {
+        "data-testid": `${a.testId}-${t(R).CONTAINER}`,
+        onMouseleave: o[3] || (o[3] = (e) => H.value = null)
+      }), [
         m("table", {
           ref: t(z).ref,
           style: S(t(te)),
           class: h({
             hasFooter: t(W)
           }),
-          "data-testid": `${a.testId}-${t($).TABLE}`,
+          "data-testid": `${a.testId}-${t(R).TABLE}`,
           onScrollPassive: o[2] || (o[2] = //@ts-ignore
           (...e) => t(K) && t(K)(...e))
         }, [
-          t(oe) ? (i(), I(t(Te), {
+          t(oe) ? (i(), P(t(Te), {
             key: 0,
             search: t(p),
             "onUpdate:search": o[0] || (o[0] = (e) => pe(p) ? p.value = e : null),
@@ -179,26 +181,26 @@ const Le = ["data-testid"], Ve = ["data-testid"], Me = ["data-testid"], De = {
             "z-index-base": a.zIndexBase,
             "test-id": a.testId,
             onOnClearSearch: o[1] || (o[1] = (e) => f("onClearSearch"))
-          }, xe({
+          }, $e({
             title: g(() => [
-              n(l.$slots, "title")
+              n(s.$slots, "title")
             ]),
             search: g(() => [
-              n(l.$slots, "search")
+              n(s.$slots, "search")
             ]),
             _: 2
           }, [
-            t(b)["table-header-pre-search"] ? {
+            t(v)["table-header-pre-search"] ? {
               name: "table-header-pre-search",
               fn: g(() => [
-                n(l.$slots, "table-header-pre-search")
+                n(s.$slots, "table-header-pre-search")
               ]),
               key: "0"
             } : void 0,
-            t(b)["table-header-actions"] ? {
+            t(v)["table-header-actions"] ? {
               name: "table-header-actions",
               fn: g(() => [
-                n(l.$slots, "table-header-actions")
+                n(s.$slots, "table-header-actions")
               ]),
               key: "1"
             } : void 0
@@ -208,20 +210,20 @@ const Le = ["data-testid"], Ve = ["data-testid"], Me = ["data-testid"], De = {
           }, [
             m("div", {
               class: "sections",
-              "data-testid": `${a.testId}-${t($).SECTIONS}`
+              "data-testid": `${a.testId}-${t(R).SECTIONS}`
             }, [
-              (i(!0), d(x, null, C(a.sections, (e) => (i(), d("div", {
+              (i(!0), d(C, null, x(a.sections, (e) => (i(), d("div", {
                 key: e.id,
                 class: h(["section-container", { sticky: e.isSticky }])
               }, [
-                n(l.$slots, `section-${e.id}`, {}, () => [
+                n(s.$slots, `section-${e.id}`, {}, () => [
                   m("div", {
                     style: S({ width: e.width + "px" }),
                     class: h({ section: !0 })
                   }, [
                     k(t(V), { variant: "body2" }, {
                       default: g(() => [
-                        P(O(e.title), 1)
+                        L(O(e.title), 1)
                       ]),
                       _: 2
                     }, 1024)
@@ -232,11 +234,11 @@ const Le = ["data-testid"], Ve = ["data-testid"], Me = ["data-testid"], De = {
             m("tr", {
               style: S({ height: `${t(q)}px` })
             }, [
-              t(D) ? (i(), d("th", L({
+              t(D) ? (i(), d("th", $({
                 key: 0,
                 class: "checkbox-cell"
               }, t(N)), [
-                n(l.$slots, "select-all-checkbox", {}, () => [
+                n(s.$slots, "select-all-checkbox", {}, () => [
                   k(t(X), {
                     disabled: a.isLoading,
                     "is-checked": t(F),
@@ -245,8 +247,8 @@ const Le = ["data-testid"], Ve = ["data-testid"], Me = ["data-testid"], De = {
                   }, null, 8, ["disabled", "is-checked", "is-indeterminate"])
                 ])
               ], 16)) : c("", !0),
-              t(w) ? (i(), d("th", De)) : c("", !0),
-              (i(!0), d(x, null, C(a.columns, (e, y) => (i(), d("th", {
+              t(E) ? (i(), d("th", De)) : c("", !0),
+              (i(!0), d(C, null, x(a.columns, (e, y) => (i(), d("th", {
                 key: e.id,
                 class: h({
                   ...t(Y)[y],
@@ -254,12 +256,12 @@ const Le = ["data-testid"], Ve = ["data-testid"], Me = ["data-testid"], De = {
                   [`column-${e.id}`]: !0
                 }),
                 style: S(
-                  e.isSticky ? t(H)[e.id] : null
+                  e.isSticky ? t(w)[e.id] : null
                 ),
                 onClick: (r) => e.isSortable ? t(_)(e) : null
               }, [
                 m("div", Ne, [
-                  n(l.$slots, `header-${e.id}`, { column: e }, () => [
+                  n(s.$slots, `header-${e.id}`, { column: e }, () => [
                     k(t(Re), {
                       text: e.helpText,
                       disabled: !e.helpText || a.helpTooltipVariant === "icon",
@@ -274,7 +276,7 @@ const Le = ["data-testid"], Ve = ["data-testid"], Me = ["data-testid"], De = {
                           })
                         }, {
                           default: g(() => [
-                            P(O(e.title), 1)
+                            L(O(e.title), 1)
                           ]),
                           _: 2
                         }, 1032, ["class"])
@@ -282,42 +284,42 @@ const Le = ["data-testid"], Ve = ["data-testid"], Me = ["data-testid"], De = {
                       _: 2
                     }, 1032, ["text", "disabled", "placement", "test-id"])
                   ]),
-                  e.helpText && a.helpTooltipVariant === "icon" ? (i(), I(Ee, {
+                  e.helpText && a.helpTooltipVariant === "icon" ? (i(), P(Ee, {
                     key: 0,
                     "hover-help-text": e.helpText,
                     "hover-help-text-placement": e.helpTextPlacement,
                     "test-id": `help-tooltip-${e.id}`
                   }, null, 8, ["hover-help-text", "hover-help-text-placement", "test-id"])) : c("", !0),
-                  n(l.$slots, `after-header-${e.id}`, { column: e }),
-                  e.isSortable && e.id === a.sort?.sortBy ? (i(), I(we, {
+                  n(s.$slots, `after-header-${e.id}`, { column: e }),
+                  e.isSortable && e.id === a.sort?.sortBy ? (i(), P(we, {
                     key: 1,
                     "sort-order": a.sort.sortOrder
                   }, null, 8, ["sort-order"])) : c("", !0)
                 ])
               ], 14, Fe))), 128))
             ], 4),
-            a.showTotalsRow && t(R).length > 0 ? (i(), d("tr", Oe, [
-              t(D) ? (i(), d("td", L({
+            a.showTotalsRow && t(T).length > 0 ? (i(), d("tr", Oe, [
+              t(D) ? (i(), d("td", $({
                 key: 0,
                 class: "bg"
               }, t(N)), null, 16)) : c("", !0),
-              (i(!0), d(x, null, C(a.columns, (e, y) => (i(), d("td", {
+              (i(!0), d(C, null, x(a.columns, (e, y) => (i(), d("td", {
                 key: e.id,
                 class: h({
                   ...t(Y)[y],
                   [`total-${e.id}`]: !0
                 }),
                 style: S(
-                  e.isSticky ? t(H)[e.id] : null
+                  e.isSticky ? t(w)[e.id] : null
                 )
               }, [
-                n(l.$slots, `total-${e.id}`, { column: e }, () => [
-                  y === 0 ? (i(), I(t(V), {
+                n(s.$slots, `total-${e.id}`, { column: e }, () => [
+                  y === 0 ? (i(), P(t(V), {
                     key: 0,
                     variant: "h6"
                   }, {
                     default: g(() => [
-                      P("Totals")
+                      L("Totals")
                     ]),
                     _: 1
                   })) : c("", !0)
@@ -326,46 +328,46 @@ const Le = ["data-testid"], Ve = ["data-testid"], Me = ["data-testid"], De = {
             ])) : c("", !0)
           ], 2),
           m("tbody", null, [
-            t(R).length > 0 ? (i(), d("div", L({
+            t(T).length > 0 ? (i(), d("div", $({
               key: 0,
               class: "table-body-wrapper",
-              "data-testid": `${a.testId}-${t($).BODY_WRAPPER}`
+              "data-testid": `${a.testId}-${t(R).BODY_WRAPPER}`
             }, t(Z)), [
-              (i(!0), d(x, null, C(t(R), (e) => (i(), d("tr", {
+              (i(!0), d(C, null, x(t(T), (e) => (i(), d("tr", {
                 key: a.getRowKey(e.data, e.index),
                 class: h(["table-row", {
                   loading: a.isLoading || a.isLoading && !e.data || t(U).includes(e.index),
-                  active: t(T) === e.index,
-                  activeMenu: t(se) === e.index,
-                  expanded: t(w) && t(M)(e.index),
+                  active: t(H) === e.index,
+                  activeMenu: t(le) === e.index,
+                  expanded: t(E) && t(M)(e.index),
                   [J(e.index)]: !0
                 }]),
-                style: S(t(A)[e.index]),
-                onMouseenter: (y) => T.value = e.index,
+                style: S(t(I)[e.index]),
+                onMouseenter: (y) => H.value = e.index,
                 onClick: (y) => f("clickRow", e.index)
               }, [
-                t(D) ? (i(), d("td", L({
+                t(D) ? (i(), d("td", $({
                   key: 0,
                   class: "checkbox-cell"
                 }, t(N), {
-                  style: t(A)[e.index]
+                  style: t(I)[e.index]
                 }), [
                   k(t(X), {
-                    "is-checked": E(a.getRowId(e.data, e.index)),
+                    "is-checked": B(a.getRowId(e.data, e.index)),
                     "onUpdate:isChecked": (y) => ne(a.getRowId(e.data, e.index))
                   }, null, 8, ["is-checked", "onUpdate:isChecked"])
                 ], 16)) : c("", !0),
-                t(w) ? (i(), d("td", {
+                t(E) ? (i(), d("td", {
                   key: 1,
                   class: "expand-toggle-cell",
-                  style: S(t(A)[e.index])
+                  style: S(t(I)[e.index])
                 }, [
                   k(Be, {
                     expanded: t(M)(e.index),
-                    onClick: (y) => t(ae)(e.index, y)
+                    onClick: (y) => t(se)(e.index, y)
                   }, null, 8, ["expanded", "onClick"])
                 ], 4)) : c("", !0),
-                (i(!0), d(x, null, C(a.columns, (y, r) => (i(), d("td", {
+                (i(!0), d(C, null, x(a.columns, (y, r) => (i(), d("td", {
                   key: r,
                   class: h({
                     sticky: a.columns[r].isSticky,
@@ -375,15 +377,15 @@ const Le = ["data-testid"], Ve = ["data-testid"], Me = ["data-testid"], De = {
                     [`column-${a.columns[r].id}`]: !0
                   }),
                   style: S([
-                    a.columns[r].isSticky ? t(H)[a.columns[r].id] : null,
-                    t(A)[e.index]
+                    a.columns[r].isSticky ? t(w)[a.columns[r].id] : null,
+                    t(I)[e.index]
                   ])
                 }, [
                   !a.isLoading || a.isLoading && e.data[r] ? (i(), d("div", {
                     key: 0,
                     class: h(["table-cell", { last: r === e.data.length - 1 }])
                   }, [
-                    n(l.$slots, `cell-${a.columns[r].id}`, {
+                    n(s.$slots, `cell-${a.columns[r].id}`, {
                       cell: e.data[r],
                       isLoading: t(U).includes(e.index),
                       cellIndex: r,
@@ -392,23 +394,23 @@ const Le = ["data-testid"], Ve = ["data-testid"], Me = ["data-testid"], De = {
                     }, () => [
                       k(t(V), { variant: "body1" }, {
                         default: g(() => [
-                          P(O(e.data[r]), 1)
+                          L(O(e.data[r]), 1)
                         ]),
                         _: 2
                       }, 1024)
                     ])
-                  ], 2)) : n(l.$slots, "loader", { key: 1 }, () => [
+                  ], 2)) : n(s.$slots, "loader", { key: 1 }, () => [
                     k(t(Ce), { round: "" })
                   ])
                 ], 6))), 128)),
-                t(w) && t(M)(e.index) ? (i(), d("div", Ke, [
-                  n(l.$slots, "expanded", {
+                t(E) && t(M)(e.index) ? (i(), d("div", Ke, [
+                  n(s.$slots, "expanded", {
                     row: e,
                     gridColumnTemplate: t(G)
                   })
                 ])) : c("", !0),
                 ce(e.index) ? (i(), d("div", Ue, [
-                  n(l.$slots, "floating-row", {
+                  n(s.$slots, "floating-row", {
                     row: e,
                     rowIndex: e.index
                   })
@@ -420,29 +422,29 @@ const Le = ["data-testid"], Ve = ["data-testid"], Me = ["data-testid"], De = {
                 a.useAvailableHeight ? { height: `${t(ke)}px` } : {}
               )
             }, [
-              n(l.$slots, "empty-state", {}, () => [
-                k(t($e), {
+              n(s.$slots, "empty-state", {}, () => [
+                k(t(xe), {
                   class: "empty-state",
                   title: a.emptyStateTitle,
                   subtitle: t(he),
                   variant: t(ue),
                   "icon-name": "file-search",
-                  "test-id": `${a.testId}-${t($).EMPTY_STATE}`
+                  "test-id": `${a.testId}-${t(R).EMPTY_STATE}`
                 }, null, 8, ["title", "subtitle", "variant", "test-id"])
               ])
             ], 4))
           ])
         ], 46, Ve),
         t(W) ? (i(), d("div", We, [
-          n(l.$slots, "footer")
+          n(s.$slots, "footer")
         ])) : c("", !0)
-      ], 40, Le),
+      ], 16, Le),
       t(Q) ? (i(), d("div", Ye, [
-        n(l.$slots, "side-panel")
+        n(s.$slots, "side-panel")
       ])) : c("", !0)
     ], 2));
   }
 });
 export {
-  ut as default
+  ht as default
 };

package/index.js

@@ -1,4 +1,4 @@
-import './MenuItem.vue_vue_type_style_index_0_scoped_67e53b85_lang.css';
+import './AutocompleteDropdown.vue_vue_type_style_index_0_scoped_214ddaf4_lang.css';
 import { AppTriggerTypes as eo } from "./components/appTrigger/index.js";
 import { AutocompleteDropdownTypes as mo } from "./components/autocompleteDropdown/index.js";
 import { MenuItemTypes as ao } from "./components/menuItem/index.js";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ironsource/shared-ui",
-  "version": "2.1.12-test.100",
+  "version": "2.1.12-test.101",
   "engines": {
     "npm": ">=7.0.0",
     "node": ">=16.0.0"

package/DataGrid.vue_vue_type_style_index_0_scoped_7e61692c_lang.css

@@ -1 +0,0 @@
-.sticky[data-v-7e61692c]{position:sticky}.table-container[data-v-7e61692c]{width:100%;position:relative;display:flex;flex-direction:column}.table-head-container[data-v-7e61692c]{display:flex;align-items:center;white-space:nowrap;color:var(--text-primary)}.table-footer[data-v-7e61692c]{color:var(--text-primary);background-color:var(--background-paper-elevation-0);padding:0 var(--spacing-300);display:flex;align-items:center;min-height:var(--spacing-600);border:1px solid var(--common-divider);border-radius:var(--border-radius-md);border-top-right-radius:0;border-top-left-radius:0}.table-body-wrapper[data-v-7e61692c]{display:inline-table}.table-row[data-v-7e61692c]{position:relative}.table-row.loading[data-v-7e61692c]{opacity:.7}.table-row:not(.expanded):last-child>td[data-v-7e61692c]{border-bottom:none}.table-row.expanded:last-child>.expanded-row[data-v-7e61692c]{border-bottom:none}.expanded-row[data-v-7e61692c]{grid-column:var(--7f627d60);border-bottom:1px solid var(--common-divider);background-color:var(--background-default)}table[data-v-7e61692c]{position:relative;display:block;overflow:auto;background:var(--background-paper-elevation-0);border:1px solid var(--common-divider);color:var(--text-primary);text-align:left;table-layout:fixed;width:100%;max-height:100%;border-radius:var(--border-radius-md);border-collapse:collapse;border-spacing:0}table.hasFooter[data-v-7e61692c]{border-bottom-left-radius:0;border-bottom-right-radius:0;border-bottom:none}table td[data-v-7e61692c],table th[data-v-7e61692c]{line-height:normal;padding:0 var(--spacing-200)}table td[data-v-7e61692c]:first-of-type,table th[data-v-7e61692c]:first-of-type{padding-left:var(--spacing-300)}table td[data-v-7e61692c]:last-of-type,table th[data-v-7e61692c]:last-of-type{padding-right:var(--spacing-300)}table td.expand-toggle-cell[data-v-7e61692c],table th.expand-toggle-cell[data-v-7e61692c]{padding-left:var(--spacing-150);padding-right:var(--spacing-75)}table>thead[data-v-7e61692c]{border-bottom:none;z-index:calc(var(--3f173848) + 1);display:inline-table;min-width:100%}table>thead>tr[data-v-7e61692c]{color:var(--text-primary);border-bottom:1px solid var(--common-divider);display:grid;grid-template-columns:var(--a1207f6e)}table>thead>tr>th[data-v-7e61692c]{background:var(--background-paper-elevation-0);width:100%;display:flex;align-items:center;cursor:default}table>thead>tr>th.isSortable[data-v-7e61692c]{cursor:pointer}table>thead>tr>td[data-v-7e61692c]{display:flex;align-items:center}table>thead>tr>th.bordered[data-v-7e61692c],table>thead>tr>td.bordered[data-v-7e61692c]{border-right:1px solid var(--common-divider)}table>thead>tr>th.bordered.isStickyRight[data-v-7e61692c],table>thead>tr>td.bordered.isStickyRight[data-v-7e61692c]{border-right:none;border-left:1px solid var(--common-divider)}table>thead>tr>th.isTextRight[data-v-7e61692c],table>thead>tr>td.isTextRight[data-v-7e61692c]{justify-content:flex-end}table>thead.sticky[data-v-7e61692c]{position:sticky;top:0;background:var(--background-default)}table>thead.isStickyHeader[data-v-7e61692c]{z-index:calc(var(--3f173848) + 2);top:var(--336604f7)}table .totals-row[data-v-7e61692c]{height:40px}table .totals-row[data-v-7e61692c]:hover{background:var(--background-paper-elevation-1)}table .totals-row>td.sticky[data-v-7e61692c]{background-color:var(--background-default)}table>tbody[data-v-7e61692c]{display:block}table>tbody>*>tr[data-v-7e61692c]{background-color:var(--background-default);height:auto;display:grid;align-items:center;grid-template-columns:var(--a1207f6e)}table>tbody>*>tr:nth-of-type(2n)>td[data-v-7e61692c]{background-color:var(--background-default)}table>tbody>*>tr:hover:not(.loading)>td[data-v-7e61692c],table>tbody>*>tr.activeMenu>td[data-v-7e61692c]{background-color:var(--background-paper-elevation-1)}table>tbody td[data-v-7e61692c]{background-color:var(--background-default);border:none;min-width:0;display:flex;height:auto;width:100%;place-items:center;border-bottom:1px solid var(--common-divider);justify-content:start}table>tbody td.bordered[data-v-7e61692c]{border-right:1px solid var(--common-divider)}table>tbody td.bordered.isStickyRight[data-v-7e61692c]{border-right:none;border-left:1px solid var(--common-divider)}table>tbody td.isTextRight[data-v-7e61692c]{justify-content:flex-end;text-align:right}.underlined[data-v-7e61692c]{border-bottom:.0625rem dashed var(--default-outlined-border)}.underlined[data-v-7e61692c]:hover{cursor:pointer}.section-container[data-v-7e61692c]{left:0}.sections[data-v-7e61692c]{display:flex}.section[data-v-7e61692c]{padding:0 1.5rem;background:var(--background-default);left:0;height:32px;display:flex;align-items:flex-end;border-right:1px solid var(--common-divider)}.table-cell[data-v-7e61692c]{width:100%}.empty-state[data-v-7e61692c]{min-height:250px}.floating-row[data-v-7e61692c]{display:flex;inset:0;pointer-events:none;position:absolute;z-index:calc(var(--3f173848) + 1)}.floating-row *[data-v-7e61692c-s]{pointer-events:auto}.bg[data-v-7e61692c]{background:var(--background-default)}.use-available-height[data-v-7e61692c]{height:100%}.data-grid-container[data-v-7e61692c]{width:100%;display:flex;flex-direction:row;max-height:100%;align-items:stretch}.data-grid-container[data-v-7e61692c] .table-container{width:calc(100% - 201px);flex:1}.data-grid-container[data-v-7e61692c] table{flex:1;background:var(--background-default);border-top-right-radius:0;border-bottom-right-radius:0}.data-grid-container[data-v-7e61692c] .table-row:last-child{border-bottom:1px solid var(--common-divider)}.side-panel-container[data-v-7e61692c]{width:201px;max-width:201px;flex:1}.side-panel-container[data-v-7e61692c] .column-configurator{height:100%;border-top-left-radius:0;border-bottom-left-radius:0;border-left:none}