@ironsource/shared-ui 2.2.0-rc.14 → 2.2.0-rc.16

package/ChartHeader.vue_vue_type_style_index_0_scoped_3a061c08_lang.css

@@ -0,0 +1 @@
+.chart-header[data-v-3a061c08]{display:flex;align-items:center;justify-content:space-between;padding:24px 24px 0}.chart-header--compact[data-v-3a061c08]{padding-top:22px}.chart-header--compact .header-texts[data-v-3a061c08]{flex-direction:row}.chart-header--compact .header-text[data-v-3a061c08]{color:var(--text-secondary)}.header-row[data-v-3a061c08]{display:flex;align-items:flex-end;gap:4px}.header-texts[data-v-3a061c08]{display:flex;flex-direction:column;color:var(--text-primary);gap:4px;cursor:default}.header-actions[data-v-3a061c08]{display:flex;align-items:center;gap:var(--spacing-200)}

package/DataGrid.vue_vue_type_style_index_0_scoped_0967498f_lang.css

@@ -0,0 +1 @@
+.sticky[data-v-0967498f]{position:sticky}.table-container[data-v-0967498f]{width:100%;position:relative;display:flex;flex-direction:column}.table-head-container[data-v-0967498f]{display:flex;align-items:center;white-space:nowrap;color:var(--text-primary)}.table-footer[data-v-0967498f]{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-0967498f]{display:inline-table}.table-row[data-v-0967498f]{position:relative}.table-row.loading[data-v-0967498f]{opacity:.7}.table-row:not(.expanded):last-child>td[data-v-0967498f]{border-bottom:none}.table-row.expanded:last-child>.expanded-row[data-v-0967498f]{border-bottom:none}.expanded-row[data-v-0967498f]{grid-column:var(--25787d10);border-bottom:1px solid var(--common-divider);background-color:var(--background-default)}table[data-v-0967498f]{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-0967498f]{border-bottom-left-radius:0;border-bottom-right-radius:0;border-bottom:none}table td[data-v-0967498f],table th[data-v-0967498f]{line-height:normal;padding:0 var(--spacing-200)}table td[data-v-0967498f]:first-of-type,table th[data-v-0967498f]:first-of-type{padding-left:var(--spacing-300)}table td[data-v-0967498f]:last-of-type,table th[data-v-0967498f]:last-of-type{padding-right:var(--spacing-300)}table td.expand-toggle-cell[data-v-0967498f],table th.expand-toggle-cell[data-v-0967498f]{padding-left:var(--spacing-150);padding-right:var(--spacing-75)}table>thead[data-v-0967498f]{border-bottom:none;z-index:calc(var(--30f420c8) + 1);display:inline-table;min-width:100%}table>thead>tr[data-v-0967498f]{color:var(--text-primary);border-bottom:1px solid var(--common-divider);display:grid;grid-template-columns:var(--71198c09)}table>thead>tr>th[data-v-0967498f]{background:var(--background-paper-elevation-0);width:100%;display:flex;align-items:center;cursor:default}table>thead>tr>th.isSortable[data-v-0967498f]{cursor:pointer}table>thead>tr>td[data-v-0967498f]{display:flex;align-items:center}table>thead>tr>th.bordered[data-v-0967498f],table>thead>tr>td.bordered[data-v-0967498f]{border-right:1px solid var(--common-divider)}table>thead>tr>th.bordered.isStickyRight[data-v-0967498f],table>thead>tr>td.bordered.isStickyRight[data-v-0967498f]{border-right:none;border-left:1px solid var(--common-divider)}table>thead>tr>th.isTextRight[data-v-0967498f],table>thead>tr>td.isTextRight[data-v-0967498f]{justify-content:flex-end}table>thead.sticky[data-v-0967498f]{position:sticky;top:0;background:var(--background-default)}table>thead.isStickyHeader[data-v-0967498f]{z-index:calc(var(--30f420c8) + 2);top:var(--31cbe0b7)}table .totals-row[data-v-0967498f]{height:40px}table .totals-row[data-v-0967498f]:hover{background:var(--background-paper-elevation-1)}table .totals-row>td.sticky[data-v-0967498f]{background-color:var(--background-default)}table>tbody[data-v-0967498f]{display:block}table>tbody>*>tr[data-v-0967498f]{background-color:var(--background-default);height:auto;display:grid;align-items:center;grid-template-columns:var(--71198c09)}table>tbody>*>tr:nth-of-type(2n)>td[data-v-0967498f]{background-color:var(--background-default)}table>tbody>*>tr:hover:not(.loading)>td[data-v-0967498f],table>tbody>*>tr.activeMenu>td[data-v-0967498f]{background-color:var(--background-paper-elevation-1)}table>tbody td[data-v-0967498f]{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-0967498f]{border-right:1px solid var(--common-divider)}table>tbody td.bordered.isStickyRight[data-v-0967498f]{border-right:none;border-left:1px solid var(--common-divider)}table>tbody td.isTextRight[data-v-0967498f]{justify-content:flex-end;text-align:right}.underlined[data-v-0967498f]{border-bottom:.0625rem dashed var(--default-outlined-border)}.underlined[data-v-0967498f]:hover{cursor:pointer}.section-container[data-v-0967498f]{left:0}.sections[data-v-0967498f]{display:flex}.section[data-v-0967498f]{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-0967498f]{width:100%}.empty-state[data-v-0967498f]{min-height:250px}.floating-row[data-v-0967498f]{display:flex;inset:0;pointer-events:none;position:absolute;z-index:calc(var(--30f420c8) + 1)}.floating-row *[data-v-0967498f-s]{pointer-events:auto}.bg[data-v-0967498f]{background:var(--background-default)}.useAvailableHeight[data-v-0967498f]{height:100%}.disabled-scrolling[data-v-0967498f]{overflow:hidden}

package/components/chart/ChartHeader.vue.js

@@ -1,7 +1,7 @@
 import e from "./ChartHeader.vue2.js";
 /* empty css                  */import o from "../../_virtual/_plugin-vue_export-helper.js";
-// import "../../ChartHeader.vue_vue_type_style_index_0_scoped_9a603520_lang.css"; //*');
-const r = /* @__PURE__ */ o(e, [["__scopeId", "data-v-9a603520"]]);
+// import "../../ChartHeader.vue_vue_type_style_index_0_scoped_3a061c08_lang.css"; //*');
+const r = /* @__PURE__ */ o(e, [["__scopeId", "data-v-3a061c08"]]);
 export {
   r as default
 };

package/components/chart/ChartHeader.vue2.js

@@ -1,4 +1,4 @@
- import "../../ChartHeader.vue_vue_type_style_index_0_scoped_9a603520_lang.css"; import { defineComponent as g, computed as c, openBlock as r, createElementBlock as B, mergeProps as h, unref as t, createElementVNode as n, createVNode as m, createSlots as E, withCtx as d, renderSlot as H, createBlock as l, createTextVNode as b, toDisplayString as v, createCommentVNode as i, normalizeProps as V, isRef as D } from "vue";
+ import "../../ChartHeader.vue_vue_type_style_index_0_scoped_3a061c08_lang.css"; import { defineComponent as g, computed as c, openBlock as r, createElementBlock as B, mergeProps as h, unref as t, createElementVNode as n, createVNode as m, createSlots as E, withCtx as d, renderSlot as H, createBlock as l, createTextVNode as b, toDisplayString as v, createCommentVNode as i, normalizeProps as V, isRef as D } from "vue";
 import k from "../typography/v4/Typography.vue.js";
 import N from "../switch/v4/SwitchV4.vue.js";
 import P from "../tooltip/v4/TooltipV4.vue.js";
@@ -82,7 +82,7 @@ const U = { class: "header-texts" }, z = { class: "header-row" }, M = { class: "
             default: d(() => [
               m(t(k), {
                 class: "header-text",
-                variant: e.compact ? "h5" : "chart2"
+                variant: e.compact ? "h5" : "h1"
               }, {
                 default: d(() => [
                   b(v(e.header), 1)

package/components/emptyState/v4/EmptyStateV4.vue2.js

@@ -1 +1,86 @@
- import "../../../EmptyStateV4.vue_vue_type_style_index_0_scoped_76757f22_lang.css"; 
+ import "../../../EmptyStateV4.vue_vue_type_style_index_0_scoped_76757f22_lang.css"; import I from "../../../_virtual/dynamic-import-helper.js";
+import { defineComponent as T, computed as N, defineAsyncComponent as b, openBlock as o, createElementBlock as k, mergeProps as s, unref as e, createBlock as n, createCommentVNode as a, createElementVNode as C, renderSlot as p, withCtx as m, createTextVNode as l, toDisplayString as u } from "vue";
+import E from "../../button/v4/ButtonV4.vue.js";
+import "../../button/v4/IconButtonV4.vue.js";
+import "../../button/v4/ButtonGroup.vue.js";
+import "../../button/v4/ToggleButtonGroupAB.vue.js";
+import y from "../../typography/v4/Typography.vue.js";
+import { capitalizeFirstLetter as S, snakeCaseToCamelCase as g } from "../../../utils/string.js";
+import x from "../../icon/v4/IconV4.vue.js";
+import "../../icon/v4/IconFlag.vue.js";
+import { useTestIdAttrs as z } from "../../../utils/testIds.js";
+import { EmptyStateTestIdModifiers as r } from "../../../testids/index.js";
+const A = { class: "title-wrapper" }, P = /* @__PURE__ */ T({
+  __name: "EmptyStateV4",
+  props: {
+    title: { default: "No data to display" },
+    subtitle: { default: void 0 },
+    variant: { default: "no-data" },
+    buttonText: { default: void 0 },
+    iconName: { default: null },
+    iconType: { default: "regular" },
+    iconSize: { default: "48px" },
+    testId: { default: "" }
+  },
+  emits: ["click"],
+  setup(t) {
+    const d = t, v = N(() => {
+      const i = S(g(d.variant));
+      return b(() => I(/* @__PURE__ */ Object.assign({ "./icons/IconError.vue": () => import("./icons/IconError.vue.js"), "./icons/IconFiles.vue": () => import("./icons/IconFiles.vue.js"), "./icons/IconNoAccess.vue": () => import("./icons/IconNoAccess.vue.js"), "./icons/IconNoData.vue": () => import("./icons/IconNoData.vue.js"), "./icons/IconNoResults.vue": () => import("./icons/IconNoResults.vue.js"), "./icons/IconSettings.vue": () => import("./icons/IconSettings.vue.js") }), `./icons/Icon${i}.vue`));
+    }), c = z(d.testId, r);
+    return (i, f) => (o(), k("div", s({ class: "empty-state" }, e(c)[e(r).CONTAINER]), [
+      t.variant && !t.iconName ? (o(), n(e(v), {
+        key: 0,
+        class: "empty-variant-icon"
+      })) : a("", !0),
+      t.iconName ? (o(), n(e(x), {
+        key: 1,
+        class: "custom-empty-icon",
+        name: t.iconName,
+        size: t.iconSize,
+        type: t.iconType
+      }, null, 8, ["name", "size", "type"])) : a("", !0),
+      C("div", A, [
+        p(i.$slots, "content", {}, () => [
+          t.title ? (o(), n(e(y), s({
+            key: 0,
+            variant: "h4",
+            class: "title"
+          }, e(c)[e(r).TITLE]), {
+            default: m(() => [
+              l(u(t.title), 1)
+            ]),
+            _: 1
+          }, 16)) : a("", !0),
+          t.subtitle ? (o(), n(e(y), s({
+            key: 1,
+            variant: "body1",
+            class: "subtitle"
+          }, e(c)[e(r).SUBTITLE]), {
+            default: m(() => [
+              l(u(t.subtitle), 1)
+            ]),
+            _: 1
+          }, 16)) : a("", !0)
+        ], !0)
+      ]),
+      p(i.$slots, "button", {}, () => [
+        t.buttonText ? (o(), n(e(E), {
+          key: 0,
+          variant: "outlined",
+          color: "default",
+          class: "button",
+          onClick: f[0] || (f[0] = (B) => i.$emit("click"))
+        }, {
+          default: m(() => [
+            l(u(t.buttonText), 1)
+          ]),
+          _: 1
+        })) : a("", !0)
+      ], !0)
+    ], 16));
+  }
+});
+export {
+  P as default
+};

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_b16780cd_lang.css"; //*');
-const a = /* @__PURE__ */ _(o, [["__scopeId", "data-v-b16780cd"]]);
+// import "../../../DataGrid.vue_vue_type_style_index_0_scoped_0967498f_lang.css"; //*');
+const a = /* @__PURE__ */ _(o, [["__scopeId", "data-v-0967498f"]]);
 export {
   a as default
 };

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

@@ -1,4 +1,4 @@
- import "../../../DataGrid.vue_vue_type_style_index_0_scoped_b16780cd_lang.css"; import { defineComponent as ke, useCssVars as me, unref as t, useSlots as ve, computed as u, openBlock as i, createElementBlock as d, createElementVNode as v, normalizeStyle as S, normalizeClass as f, createBlock as I, isRef as be, createSlots as pe, withCtx as g, renderSlot as r, createCommentVNode as c, Fragment as C, renderList as R, createVNode as k, createTextVNode as M, toDisplayString as N, mergeProps as P } from "vue";
+ import "../../../DataGrid.vue_vue_type_style_index_0_scoped_0967498f_lang.css"; import { defineComponent as ke, useCssVars as me, unref as t, useSlots as be, computed as u, openBlock as i, createElementBlock as d, createElementVNode as b, normalizeStyle as S, normalizeClass as f, createBlock as I, isRef as ve, createSlots as pe, withCtx as g, renderSlot as r, createCommentVNode as c, Fragment as C, renderList as R, createVNode as k, createTextVNode as M, toDisplayString as O, mergeProps as P } from "vue";
 import L from "../../typography/v4/Typography.vue.js";
 import xe from "../../skeleton/v4/SkeletonV4.vue.js";
 import Ce from "../../emptyState/v4/EmptyStateV4.vue.js";
@@ -20,10 +20,10 @@ import { useElementSize as Ie } from "@vueuse/core";
 const Me = ["data-testid"], Pe = ["data-testid"], Le = ["data-testid"], Ve = {
   key: 1,
   class: "expand-toggle-cell"
-}, Oe = ["onClick", "onMouseOver"], De = { class: "table-head-container" }, Fe = {
+}, De = ["onClick", "onMouseenter"], Fe = { class: "table-head-container" }, Ne = {
   key: 0,
   class: "totals-row"
-}, Ne = ["data-testid"], ze = ["onMouseenter", "onClick"], Ge = {
+}, Oe = ["data-testid"], ze = ["onMouseenter", "onClick"], Ge = {
   key: 2,
   class: "expanded-row"
 }, Ke = {
@@ -73,12 +73,12 @@ const Me = ["data-testid"], Pe = ["data-testid"], Le = ["data-testid"], Ve = {
   setup(l, { expose: m, emit: h }) {
     const a = l;
     me((s) => ({
-      "0c9e7708": l.zIndexBase,
-      "5a1e7908": t(le),
-      bccc3116: t(G),
-      "43a31123": t(fe)
+      "30f420c8": l.zIndexBase,
+      "25787d10": t(le),
+      "71198c09": t(G),
+      "31cbe0b7": t(fe)
     }));
-    const b = ve(), q = (s) => a.rowCustomClassKey && a.rows[s] ? a.rows[s][a.rowCustomClassKey] : "", {
+    const v = be(), q = (s) => a.rowCustomClassKey && a.rows[s] ? a.rows[s][a.rowCustomClassKey] : "", {
       list: p,
       containerProps: z,
       wrapperProps: J,
@@ -94,15 +94,15 @@ const Me = ["data-testid"], Pe = ["data-testid"], Le = ["data-testid"], Ve = {
       toggleExpandRow: te,
       cssExpandGridCol: le,
       isRowExpanded: V,
-      hasCheckboxes: O,
+      hasCheckboxes: D,
       activeMenuRow: se,
       scrollTo: ae
-    } = Te(a, h), W = u(() => !!b.footer), ie = u(
-      () => a.title || b.title || _.value || b["table-header-actions"] || b["table-header-pre-search"]
+    } = Te(a, h), W = u(() => !!v.footer), ie = u(
+      () => a.title || v.title || _.value || v["table-header-actions"] || v["table-header-pre-search"]
     ), x = u({
       get: () => a.search,
       set: (s) => h("update:search", s)
-    }), oe = u(() => a.selection.length || 0), D = u(() => {
+    }), oe = u(() => a.selection.length || 0), F = u(() => {
       const s = a.rows.map((o, e) => a.getRowId(o, e));
       return !!s.length && s.every((o) => E(o));
     }), E = (s) => a.selection.findIndex((o) => a.selectedMatcher(s, o)) !== -1, de = (s) => {
@@ -112,7 +112,7 @@ const Me = ["data-testid"], Pe = ["data-testid"], Le = ["data-testid"], Ve = {
         )
       ), h("selectRow", !1)) : (B([...a.selection, s]), h("selectRow", !0));
     }, ne = () => {
-      if (D.value)
+      if (F.value)
         B([]), h("selectAll", !1);
       else {
         const s = a.rows.map((o, e) => a.getRowId(o, e)).filter((o) => !E(o));
@@ -124,7 +124,7 @@ const Me = ["data-testid"], Pe = ["data-testid"], Le = ["data-testid"], Ve = {
       () => a.emptyStateVariant ?? (x.value ? "no-results" : "no-data")
     ), ue = u(
       () => a.emptyStateSubtitle ? a.emptyStateSubtitle : x.value ? "Search again with different filters" : void 0
-    ), F = u(() => ({
+    ), N = u(() => ({
       class: {
         sticky: a.isSelectionSticky,
         bordered: a.isSelectionBordered
@@ -149,7 +149,7 @@ const Me = ["data-testid"], Pe = ["data-testid"], Le = ["data-testid"], Ve = {
       "data-testid": `${l.testId}-${t($).CONTAINER}`,
       onMouseleave: o[3] || (o[3] = (e) => T.value = null)
     }, [
-      v("table", {
+      b("table", {
         ref: t(z).ref,
         style: S(t(ee)),
         class: f({
@@ -163,7 +163,7 @@ const Me = ["data-testid"], Pe = ["data-testid"], Le = ["data-testid"], Ve = {
         t(ie) ? (i(), I(t($e), {
           key: 0,
           search: t(x),
-          "onUpdate:search": o[0] || (o[0] = (e) => be(x) ? x.value = e : null),
+          "onUpdate:search": o[0] || (o[0] = (e) => ve(x) ? x.value = e : null),
           title: l.title,
           "is-sticky": l.isStickyHeader,
           "show-search": l.showSearch,
@@ -181,14 +181,14 @@ const Me = ["data-testid"], Pe = ["data-testid"], Le = ["data-testid"], Ve = {
           ]),
           _: 2
         }, [
-          t(b)["table-header-pre-search"] ? {
+          t(v)["table-header-pre-search"] ? {
             name: "table-header-pre-search",
             fn: g(() => [
               r(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(() => [
               r(s.$slots, "table-header-actions")
@@ -196,10 +196,10 @@ const Me = ["data-testid"], Pe = ["data-testid"], Le = ["data-testid"], Ve = {
             key: "1"
           } : void 0
         ]), 1032, ["search", "title", "is-sticky", "show-search", "search-placeholder", "search-auto-focus", "z-index-base", "test-id"])) : c("", !0),
-        v("thead", {
+        b("thead", {
           class: f({ sticky: l.isSticky, isStickyHeader: l.isStickyHeader })
         }, [
-          v("div", {
+          b("div", {
             class: "sections",
             "data-testid": `${l.testId}-${t($).SECTIONS}`
           }, [
@@ -208,13 +208,13 @@ const Me = ["data-testid"], Pe = ["data-testid"], Le = ["data-testid"], Ve = {
               class: f(["section-container", { sticky: e.isSticky }])
             }, [
               r(s.$slots, `section-${e.id}`, {}, () => [
-                v("div", {
+                b("div", {
                   style: S({ width: e.width + "px" }),
                   class: f({ section: !0 })
                 }, [
                   k(t(L), { variant: "body2" }, {
                     default: g(() => [
-                      M(N(e.title), 1)
+                      M(O(e.title), 1)
                     ]),
                     _: 2
                   }, 1024)
@@ -222,18 +222,18 @@ const Me = ["data-testid"], Pe = ["data-testid"], Le = ["data-testid"], Ve = {
               ])
             ], 2))), 128))
           ], 8, Le),
-          v("tr", {
+          b("tr", {
             style: S({ height: `${t(j)}px` })
           }, [
-            t(O) ? (i(), d("th", P({
+            t(D) ? (i(), d("th", P({
               key: 0,
               class: "checkbox-cell"
-            }, t(F)), [
+            }, t(N)), [
               r(s.$slots, "select-all-checkbox", {}, () => [
                 k(t(Q), {
                   disabled: l.isLoading,
-                  "is-checked": t(D),
-                  "is-indeterminate": !t(D) && t(oe) > 0,
+                  "is-checked": t(F),
+                  "is-indeterminate": !t(F) && t(oe) > 0,
                   "onUpdate:isChecked": ne
                 }, null, 8, ["disabled", "is-checked", "is-indeterminate"])
               ])
@@ -248,9 +248,9 @@ const Me = ["data-testid"], Pe = ["data-testid"], Le = ["data-testid"], Ve = {
               }),
               style: S(e.isSticky ? t(H)[e.id] : null),
               onClick: (n) => e.isSortable ? t(Z)(e) : null,
-              onMouseOver: () => h("columnHover", e)
+              onMouseenter: () => h("columnHover", e)
             }, [
-              v("div", De, [
+              b("div", Fe, [
                 r(s.$slots, `header-${e.id}`, { column: e }, () => [
                   k(t(Re), {
                     text: e.helpText,
@@ -266,7 +266,7 @@ const Me = ["data-testid"], Pe = ["data-testid"], Le = ["data-testid"], Ve = {
                         })
                       }, {
                         default: g(() => [
-                          M(N(e.title), 1)
+                          M(O(e.title), 1)
                         ]),
                         _: 2
                       }, 1032, ["class"])
@@ -286,13 +286,13 @@ const Me = ["data-testid"], Pe = ["data-testid"], Le = ["data-testid"], Ve = {
                   "sort-order": l.sort.sortOrder
                 }, null, 8, ["sort-order"])) : c("", !0)
               ])
-            ], 46, Oe))), 128))
+            ], 46, De))), 128))
           ], 4),
-          l.showTotalsRow && t(p).length > 0 ? (i(), d("tr", Fe, [
-            t(O) ? (i(), d("td", P({
+          l.showTotalsRow && t(p).length > 0 ? (i(), d("tr", Ne, [
+            t(D) ? (i(), d("td", P({
               key: 0,
               class: "bg"
-            }, t(F)), null, 16)) : c("", !0),
+            }, t(N)), null, 16)) : c("", !0),
             (i(!0), d(C, null, R(l.columns, (e, y) => (i(), d("td", {
               key: e.id,
               class: f({
@@ -315,7 +315,7 @@ const Me = ["data-testid"], Pe = ["data-testid"], Le = ["data-testid"], Ve = {
             ], 6))), 128))
           ])) : c("", !0)
         ], 2),
-        v("tbody", null, [
+        b("tbody", null, [
           t(p).length > 0 ? (i(), d("div", P({
             key: 0,
             class: "table-body-wrapper",
@@ -334,10 +334,10 @@ const Me = ["data-testid"], Pe = ["data-testid"], Le = ["data-testid"], Ve = {
               onMouseenter: (y) => T.value = e.index,
               onClick: (y) => h("clickRow", e.index)
             }, [
-              t(O) ? (i(), d("td", P({
+              t(D) ? (i(), d("td", P({
                 key: 0,
                 class: "checkbox-cell"
-              }, t(F), {
+              }, t(N), {
                 style: t(A)[e.index]
               }), [
                 k(t(Q), {
@@ -382,7 +382,7 @@ const Me = ["data-testid"], Pe = ["data-testid"], Le = ["data-testid"], Ve = {
                   }, () => [
                     k(t(L), { variant: "body1" }, {
                       default: g(() => [
-                        M(N(e.data[n]), 1)
+                        M(O(e.data[n]), 1)
                       ]),
                       _: 2
                     }, 1024)
@@ -404,7 +404,7 @@ const Me = ["data-testid"], Pe = ["data-testid"], Le = ["data-testid"], Ve = {
                 })
               ])) : c("", !0)
             ], 46, ze))), 128))
-          ], 16, Ne)) : (i(), d("div", {
+          ], 16, Oe)) : (i(), d("div", {
             key: 1,
             style: S(
               l.useAvailableHeight ? { height: `${t(ge)}px` } : {}

package/index.js

@@ -1,4 +1,4 @@
-import './IncludeExcludeChipFilter.vue_vue_type_style_index_0_scoped_198d2d73_lang.css';
+import './MenuItem.vue_vue_type_style_index_0_scoped_67e53b85_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.2.0-rc.14",
+  "version": "2.2.0-rc.16",
   "engines": {
     "npm": ">=7.0.0",
     "node": ">=16.0.0"

package/ChartHeader.vue_vue_type_style_index_0_scoped_9a603520_lang.css

@@ -1 +0,0 @@
-.chart-header[data-v-9a603520]{display:flex;align-items:center;justify-content:space-between;padding:24px 24px 0}.chart-header--compact[data-v-9a603520]{padding-top:22px}.chart-header--compact .header-texts[data-v-9a603520]{flex-direction:row}.chart-header--compact .header-text[data-v-9a603520]{color:var(--text-secondary)}.header-row[data-v-9a603520]{display:flex;align-items:flex-end;gap:4px}.header-texts[data-v-9a603520]{display:flex;flex-direction:column;color:var(--text-primary);gap:4px;cursor:default}.header-actions[data-v-9a603520]{display:flex;align-items:center;gap:var(--spacing-200)}

package/DataGrid.vue_vue_type_style_index_0_scoped_b16780cd_lang.css

@@ -1 +0,0 @@
-.sticky[data-v-b16780cd]{position:sticky}.table-container[data-v-b16780cd]{width:100%;position:relative;display:flex;flex-direction:column}.table-head-container[data-v-b16780cd]{display:flex;align-items:center;white-space:nowrap;color:var(--text-primary)}.table-footer[data-v-b16780cd]{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-b16780cd]{display:inline-table}.table-row[data-v-b16780cd]{position:relative}.table-row.loading[data-v-b16780cd]{opacity:.7}.table-row:not(.expanded):last-child>td[data-v-b16780cd]{border-bottom:none}.table-row.expanded:last-child>.expanded-row[data-v-b16780cd]{border-bottom:none}.expanded-row[data-v-b16780cd]{grid-column:var(--5a1e7908);border-bottom:1px solid var(--common-divider);background-color:var(--background-default)}table[data-v-b16780cd]{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-b16780cd]{border-bottom-left-radius:0;border-bottom-right-radius:0;border-bottom:none}table td[data-v-b16780cd],table th[data-v-b16780cd]{line-height:normal;padding:0 var(--spacing-200)}table td[data-v-b16780cd]:first-of-type,table th[data-v-b16780cd]:first-of-type{padding-left:var(--spacing-300)}table td[data-v-b16780cd]:last-of-type,table th[data-v-b16780cd]:last-of-type{padding-right:var(--spacing-300)}table td.expand-toggle-cell[data-v-b16780cd],table th.expand-toggle-cell[data-v-b16780cd]{padding-left:var(--spacing-150);padding-right:var(--spacing-75)}table>thead[data-v-b16780cd]{border-bottom:none;z-index:calc(var(--0c9e7708) + 1);display:inline-table;min-width:100%}table>thead>tr[data-v-b16780cd]{color:var(--text-primary);border-bottom:1px solid var(--common-divider);display:grid;grid-template-columns:var(--bccc3116)}table>thead>tr>th[data-v-b16780cd]{background:var(--background-paper-elevation-0);width:100%;display:flex;align-items:center;cursor:default}table>thead>tr>th.isSortable[data-v-b16780cd]{cursor:pointer}table>thead>tr>td[data-v-b16780cd]{display:flex;align-items:center}table>thead>tr>th.bordered[data-v-b16780cd],table>thead>tr>td.bordered[data-v-b16780cd]{border-right:1px solid var(--common-divider)}table>thead>tr>th.bordered.isStickyRight[data-v-b16780cd],table>thead>tr>td.bordered.isStickyRight[data-v-b16780cd]{border-right:none;border-left:1px solid var(--common-divider)}table>thead>tr>th.isTextRight[data-v-b16780cd],table>thead>tr>td.isTextRight[data-v-b16780cd]{justify-content:flex-end}table>thead.sticky[data-v-b16780cd]{position:sticky;top:0;background:var(--background-default)}table>thead.isStickyHeader[data-v-b16780cd]{z-index:calc(var(--0c9e7708) + 2);top:var(--43a31123)}table .totals-row[data-v-b16780cd]{height:40px}table .totals-row[data-v-b16780cd]:hover{background:var(--background-paper-elevation-1)}table .totals-row>td.sticky[data-v-b16780cd]{background-color:var(--background-default)}table>tbody[data-v-b16780cd]{display:block}table>tbody>*>tr[data-v-b16780cd]{background-color:var(--background-default);height:auto;display:grid;align-items:center;grid-template-columns:var(--bccc3116)}table>tbody>*>tr:nth-of-type(2n)>td[data-v-b16780cd]{background-color:var(--background-default)}table>tbody>*>tr:hover:not(.loading)>td[data-v-b16780cd],table>tbody>*>tr.activeMenu>td[data-v-b16780cd]{background-color:var(--background-paper-elevation-1)}table>tbody td[data-v-b16780cd]{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-b16780cd]{border-right:1px solid var(--common-divider)}table>tbody td.bordered.isStickyRight[data-v-b16780cd]{border-right:none;border-left:1px solid var(--common-divider)}table>tbody td.isTextRight[data-v-b16780cd]{justify-content:flex-end;text-align:right}.underlined[data-v-b16780cd]{border-bottom:.0625rem dashed var(--default-outlined-border)}.underlined[data-v-b16780cd]:hover{cursor:pointer}.section-container[data-v-b16780cd]{left:0}.sections[data-v-b16780cd]{display:flex}.section[data-v-b16780cd]{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-b16780cd]{width:100%}.empty-state[data-v-b16780cd]{min-height:250px}.floating-row[data-v-b16780cd]{display:flex;inset:0;pointer-events:none;position:absolute;z-index:calc(var(--0c9e7708) + 1)}.floating-row *[data-v-b16780cd-s]{pointer-events:auto}.bg[data-v-b16780cd]{background:var(--background-default)}.useAvailableHeight[data-v-b16780cd]{height:100%}.disabled-scrolling[data-v-b16780cd]{overflow:hidden}