@ironsource/shared-ui 2.2.0-test.14 → 2.2.0-test.15

package/Chart.vue_vue_type_style_index_0_scoped_a7fb79c8_lang.css

@@ -0,0 +1 @@
+.chart-container[data-v-a7fb79c8]{border:1px solid var(--common-divider);background:var(--background-paper);display:flex;border-radius:0 0 6px 6px;width:100%}.chart-planes[data-v-a7fb79c8]{width:100%;height:100%;overflow-y:auto}.chart-planes.with-legend[data-v-a7fb79c8]{width:calc(100% - 221px)}.chart-planes .extra-chart-plane[data-v-a7fb79c8]{border-top:1px solid var(--common-divider)}.chart-sidebar[data-v-a7fb79c8]{border-left:1px solid var(--common-divider)}

package/components/chart/Chart.vue.js

@@ -1,7 +1,7 @@
 import o from "./Chart.vue2.js";
 /* empty css            */import _ from "../../_virtual/_plugin-vue_export-helper.js";
-// import "../../Chart.vue_vue_type_style_index_0_scoped_4d927c4b_lang.css"; //*');
-const c = /* @__PURE__ */ _(o, [["__scopeId", "data-v-4d927c4b"]]);
+// import "../../Chart.vue_vue_type_style_index_0_scoped_a7fb79c8_lang.css"; //*');
+const a = /* @__PURE__ */ _(o, [["__scopeId", "data-v-a7fb79c8"]]);
 export {
-  c as default
+  a as default
 };

package/components/chart/Chart.vue2.js

@@ -1,4 +1,4 @@
- import "../../Chart.vue_vue_type_style_index_0_scoped_4d927c4b_lang.css"; import { defineComponent as U, ref as $, computed as n, openBlock as d, createElementBlock as g, Fragment as C, createBlock as D, unref as e, isRef as y, withCtx as s, renderSlot as u, createCommentVNode as A, createElementVNode as L, mergeProps as b, normalizeClass as M, createVNode as k, createSlots as R, renderList as K } from "vue";
+ import "../../Chart.vue_vue_type_style_index_0_scoped_a7fb79c8_lang.css"; import { defineComponent as P, ref as U, computed as n, openBlock as d, createElementBlock as T, Fragment as C, createBlock as D, unref as e, isRef as y, withCtx as s, renderSlot as u, createCommentVNode as A, createElementVNode as L, mergeProps as b, normalizeClass as M, createVNode as k, createSlots as R, renderList as K } from "vue";
 import { useVModel as B } from "@vueuse/core";
 import X from "./ChartLegend.vue.js";
 import z from "./SettingsHeader.vue.js";
@@ -13,7 +13,7 @@ import { ChartTestIdModifiers as p } from "../../testids/index.js";
 const lt = {
   key: 0,
   class: "chart-sidebar"
-}, Tt = /* @__PURE__ */ U({
+}, gt = /* @__PURE__ */ P({
   __name: "Chart",
   props: {
     dataSets: { default: () => [] },
@@ -64,8 +64,8 @@ const lt = {
     colorVariant: { default: "default" }
   },
   emits: ["update:chartType", "update:visibleIds", "update:sortSelected"],
-  setup(a, { emit: c }) {
-    const t = a, r = B(t, "chartType", c), h = B(t, "sortSelected", c), f = $(null), v = n(() => ({
+  setup(a, { emit: h }) {
+    const t = a, r = B(t, "chartType", h), c = B(t, "sortSelected", h), f = U(null), v = n(() => ({
       dataSets: t.dataSets,
       visibleIds: t.visibleIds,
       parsing: t.parsing,
@@ -103,9 +103,9 @@ const lt = {
       tooltipExcludeTotalItem: t.tooltipExcludeTotalItem,
       headerTooltip: t.headerTooltip,
       testId: t.testId
-    })), E = n(() => t.dataSets), I = n(() => t.visibleIds), x = n(() => t.extraCharts.length), S = n(() => 1 + x.value), F = (l) => l === x.value - 1, { colorsMap: m } = G({
+    })), E = n(() => t.dataSets), x = n(() => t.visibleIds), I = n(() => t.extraCharts.length), S = n(() => 1 + I.value), F = (l) => l === I.value - 1, { colorsMap: m } = G({
       dataSets: E,
-      visibleIds: I,
+      visibleIds: x,
       variant: t.colorVariant
     }), H = n(() => t.dataSets.map((l) => ({
       id: l.id,
@@ -118,8 +118,10 @@ const lt = {
       chartPlanesCount: S,
       useFullHeight: t.fullHeight,
       bottomSpacing: t.fullHeightBottomSpacing
-    }), O = at(t.testId, p), P = n(() => t.height ? { height: t.height } : {});
-    return (l, i) => (d(), g(C, null, [
+    }), $ = at(t.testId, p), O = n(() => t.height ? t.withSettingsHeader ? {
+      height: `calc(${t.height} - var(--settings-header-height, 60px))`
+    } : { height: t.height } : {});
+    return (l, i) => (d(), T(C, null, [
       a.withSettingsHeader ? (d(), D(z, {
         key: 0,
         "chart-type": e(r),
@@ -140,8 +142,8 @@ const lt = {
       }, 8, ["chart-type", "hide-legend", "test-id"])) : A("", !0),
       L("div", b({ class: "chart-container" }, {
         ...e(w),
-        ...e(O)[e(p).CONTAINER]
-      }, { style: e(P) }), [
+        ...e($)[e(p).CONTAINER]
+      }, { style: e(O) }), [
         L("section", {
           class: M(["chart-planes", [{ "with-legend": !a.hideLegend }]])
         }, [
@@ -157,32 +159,32 @@ const lt = {
               key: "0"
             } : void 0
           ]), 1040, ["chart-type"]),
-          (d(!0), g(C, null, K(a.extraCharts, (o, T) => (d(), D(V, b({
-            key: T,
+          (d(!0), T(C, null, K(a.extraCharts, (o, g) => (d(), D(V, b({
+            key: g,
             class: "extra-chart-plane"
           }, { ...e(v), ...o }, {
             "chart-type": e(r),
             "colors-map": e(m),
             "type-switcher": !1,
-            "tooltip-respects-top-edge": !F(T),
-            "test-id": `${a.testId}-${e(p).EXTRA_CHART}-${T}`
+            "tooltip-respects-top-edge": !F(g),
+            "test-id": `${a.testId}-${e(p).EXTRA_CHART}-${g}`
           }), null, 16, ["chart-type", "colors-map", "tooltip-respects-top-edge", "test-id"]))), 128))
         ], 2),
-        a.hideLegend ? A("", !0) : (d(), g("section", lt, [
+        a.hideLegend ? A("", !0) : (d(), T("section", lt, [
           k(X, {
-            "sort-selected": e(h),
-            "onUpdate:sort-selected": i[2] || (i[2] = (o) => y(h) ? h.value = o : null),
+            "sort-selected": e(c),
+            "onUpdate:sort-selected": i[2] || (i[2] = (o) => y(c) ? c.value = o : null),
             "highlighted-id": f.value,
             "onUpdate:highlighted-id": i[3] || (i[3] = (o) => f.value = o),
             items: e(H),
-            "visible-ids": e(I),
+            "visible-ids": e(x),
             "max-limit-tooltip-text": a.maxLimitTooltipText,
             "sort-options": a.sortOptions,
             "sort-option-name-key": a.sortOptionNameKey,
             "min-visible": a.minVisible,
             "max-visible": a.maxVisible,
             "test-id": `${a.testId}-${e(p).LEGEND}`,
-            "onUpdate:visibleIds": i[4] || (i[4] = (o) => c("update:visibleIds", o))
+            "onUpdate:visibleIds": i[4] || (i[4] = (o) => h("update:visibleIds", o))
           }, null, 8, ["sort-selected", "highlighted-id", "items", "visible-ids", "max-limit-tooltip-text", "sort-options", "sort-option-name-key", "min-visible", "max-visible", "test-id"])
         ]))
       ], 16)
@@ -190,5 +192,5 @@ const lt = {
   }
 });
 export {
-  Tt as default
+  gt as default
 };

package/index.js

@@ -1,4 +1,4 @@
-import './Text.vue_vue_type_style_index_0_scoped_94bd409b_lang.css';
+import './Menu.vue_vue_type_style_index_0_scoped_eb057818_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-test.14",
+  "version": "2.2.0-test.15",
   "engines": {
     "npm": ">=7.0.0",
     "node": ">=16.0.0"

package/Chart.vue_vue_type_style_index_0_scoped_4d927c4b_lang.css

@@ -1 +0,0 @@
-.chart-container[data-v-4d927c4b]{border:1px solid var(--common-divider);background:var(--background-paper);display:flex;border-radius:0 0 6px 6px;width:100%}.chart-planes[data-v-4d927c4b]{width:100%;height:100%;overflow-y:auto}.chart-planes.with-legend[data-v-4d927c4b]{width:calc(100% - 221px)}.chart-planes .extra-chart-plane[data-v-4d927c4b]{border-top:1px solid var(--common-divider)}.chart-sidebar[data-v-4d927c4b]{border-left:1px solid var(--common-divider)}