@ironsource/shared-ui 2.1.12-test.79 → 2.1.12-test.80

package/ChartPlane.vue_vue_type_style_index_0_scoped_e2c0c2af_lang.css

@@ -0,0 +1 @@
+.chart-plane-container[data-v-e2c0c2af]{--headerHeight: var(--1ade29c0);width:100%;height:var(--0866490b);position:relative}.header-wrapper[data-v-e2c0c2af]{position:absolute;width:100%;height:var(--headerHeight);top:0;z-index:1}.chart-plane[data-v-e2c0c2af]{padding-top:var(--headerHeight);height:100%}.chart[data-v-e2c0c2af]{width:100%;height:100%;position:relative}.chart__canvas[data-v-e2c0c2af]{width:100%;height:100%}.chart__tooltip[data-v-e2c0c2af]{position:absolute;pointer-events:none;transition:all .1s ease;min-width:214px;max-width:270px;z-index:1}

package/components/chart/ChartPlane.vue.js

@@ -1,7 +1,7 @@
 import e from "./ChartPlane.vue2.js";
 /* empty css                 */import o from "../../_virtual/_plugin-vue_export-helper.js";
-// import "../../ChartPlane.vue_vue_type_style_index_0_scoped_c6aaec38_lang.css"; //*');
-const c = /* @__PURE__ */ o(e, [["__scopeId", "data-v-c6aaec38"]]);
+// import "../../ChartPlane.vue_vue_type_style_index_0_scoped_e2c0c2af_lang.css"; //*');
+const c = /* @__PURE__ */ o(e, [["__scopeId", "data-v-e2c0c2af"]]);
 export {
   c as default
 };

package/components/chart/ChartPlane.vue2.js

@@ -1,13 +1,13 @@
- import "../../ChartPlane.vue_vue_type_style_index_0_scoped_c6aaec38_lang.css"; import { defineComponent as re, useCssVars as ie, unref as s, computed as l, ref as A, onMounted as ne, watch as C, nextTick as se, openBlock as f, createElementBlock as L, createVNode as ue, isRef as ce, createSlots as de, withCtx as pe, renderSlot as fe, createCommentVNode as E, createElementVNode as R, normalizeStyle as he, createBlock as B } from "vue";
-import { Chart as F, ArcElement as ve, LineElement as me, BarElement as ye, PointElement as Te, LineController as Ce, BarController as be, PieController as ge, ScatterController as xe, CategoryScale as ke, LinearScale as Se, Filler as Ae, Tooltip as Le } from "chart.js";
+ import "../../ChartPlane.vue_vue_type_style_index_0_scoped_e2c0c2af_lang.css"; import { defineComponent as re, useCssVars as ie, unref as s, computed as l, ref as A, onMounted as ne, watch as T, nextTick as se, openBlock as f, createElementBlock as L, createVNode as ue, isRef as ce, createSlots as de, withCtx as pe, renderSlot as fe, createCommentVNode as E, createElementVNode as R, normalizeStyle as he, createBlock as B } from "vue";
+import { Chart as F, ArcElement as ve, LineElement as me, BarElement as ye, PointElement as Te, LineController as Ce, BarController as ge, PieController as be, ScatterController as xe, CategoryScale as ke, LinearScale as Se, Filler as Ae, Tooltip as Le } from "chart.js";
 import { HoverVerticalLine as Ee } from "./plugins/HoverVerticalLine.js";
 import { prepareTickLabel as Re, formatValue as Be, calcStepSize as De } from "./utils/utils.js";
-import { DEFAULT_TICK_COUNT as Oe, TOTALS_HELPER_KEY as K, BASE_COLOR_KEY as M, CHART_PADDING as Ie, POINT_BORDER_COLOR as He, TICK_LABEL_COLOR as U, TICK_LABEL_FONT as z, TICKS_EXTRA_PADDING as Pe, GRID_LINE_COLOR as Y, HEADER_HEIGHT as Ve, COMPACT_HEADER_HEIGHT as Ne, HOVER_AREA_TRANSPARENCY as we, HOVER_TRANSPARENCY as b } from "./consts.js";
+import { DEFAULT_TICK_COUNT as Oe, TOTALS_HELPER_KEY as K, BASE_COLOR_KEY as M, CHART_PADDING as Ie, POINT_BORDER_COLOR as He, TICK_LABEL_COLOR as z, TICK_LABEL_FONT as U, TICKS_EXTRA_PADDING as Pe, GRID_LINE_COLOR as Y, HEADER_HEIGHT as Ve, COMPACT_HEADER_HEIGHT as Ne, HOVER_AREA_TRANSPARENCY as we, HOVER_TRANSPARENCY as C } from "./consts.js";
 import { ChartType as u, DateInterval as Fe, TooltipOrder as _, TrendDirection as Ke } from "./types.js";
 import { useTooltipPosition as Me } from "./composables/useTooltipPosition.js";
-import Ue from "./ChartTooltip.vue.js";
+import ze from "./ChartTooltip.vue.js";
 import { hexColorToRgba as h } from "../../utils/color.js";
-import { useChartValues as ze } from "./composables/useChartValues.js";
+import { useChartValues as Ue } from "./composables/useChartValues.js";
 import Ye from "./ChartHeader.vue.js";
 import { useMemoize as _e, useVModel as Ge } from "@vueuse/core";
 import $e from "../emptyState/v4/EmptyStateV4.vue.js";
@@ -22,7 +22,7 @@ const Qe = { class: "chart-plane-container" }, et = {
 }, tt = {
   key: 1,
   class: "chart-plane"
-}, at = { class: "chart" }, gt = /* @__PURE__ */ re({
+}, at = { class: "chart" }, bt = /* @__PURE__ */ re({
   __name: "ChartPlane",
   props: {
     dataSets: { default: () => [] },
@@ -64,8 +64,8 @@ const Qe = { class: "chart-plane-container" }, et = {
   setup(o, { emit: $ }) {
     const e = o;
     ie((t) => ({
-      "1b72bc70": s(ee),
-      e61db09a: o.height
+      "1ade29c0": s(ee),
+      "0866490b": o.height
     }));
     const W = _e(Re);
     F.register(
@@ -74,8 +74,8 @@ const Qe = { class: "chart-plane-container" }, et = {
       ye,
       Te,
       Ce,
-      be,
       ge,
+      be,
       xe,
       ke,
       Se,
@@ -87,26 +87,25 @@ const Qe = { class: "chart-plane-container" }, et = {
       () => e.withAnimation ? "" : "none"
     ), v = A(null);
     let n = null;
-    const D = l(() => e.empty || e.dataSets.length === 0), d = l(() => !e.loading && !D.value), x = () => {
+    const D = l(() => e.empty || e.dataSets.length === 0), d = l(() => !e.loading && !D.value), b = () => {
       v.value && (n && n.destroy(), n = new F(v.value, P.value));
     }, X = () => {
       n && (n.data.datasets = H.value, n.options = P.value.options, n.update(Z.value));
     };
-    ne(x), C(() => e.chartType, x), C(d, async (t) => {
-      t && (await se(), x());
-    }), C(
+    ne(b), T(() => e.chartType, b), T(d, async (t) => {
+      t && (await se(), b());
+    }), T(
       [
         () => e.visibleIds,
         () => e.dataSets,
         () => e.valuePrefix,
-        () => e.valueSuffix,
-        () => T.value
+        () => e.valueSuffix
       ],
       X
     );
     const p = l(() => e.totalsChart), m = l(
       () => e.chartType === u.StackedLine || e.chartType === u.StackedBar || p.value
-    ), k = l(
+    ), x = l(
       () => e.chartType === u.Line || e.chartType === u.StackedLine
     ), O = l(() => p.value && !e.parsing.xAxisKey ? { ...e.parsing, xAxisKey: K } : e.parsing), j = l(() => p.value ? e.dataSets.map((t) => ({
       ...t,
@@ -160,7 +159,7 @@ const Qe = { class: "chart-plane-container" }, et = {
         plugins: {
           legend: { display: !1 },
           title: { display: !1 },
-          hoverVerticalLine: k.value,
+          hoverVerticalLine: x.value,
           // tooltip
           tooltip: {
             enabled: !1,
@@ -214,20 +213,20 @@ const Qe = { class: "chart-plane-container" }, et = {
           // Horizontal Axis (X)
           x: {
             beginAtZero: !0,
-            offset: !k.value || I.value,
+            offset: !x.value || I.value,
             border: { display: !1 },
             stacked: m.value,
             // stack on top of each other
             // ticks
             ticks: {
-              color: U,
-              font: z,
+              color: z,
+              font: U,
               padding: 4,
               maxRotation: 0,
               autoSkip: !e.truncateTickLabels,
               autoSkipPadding: 8,
               callback: function(t, i, a) {
-                const r = this.getLabelForValue(t), oe = k.value && !p.value ? a.length - 1 : a.length, le = this.chart.scales?.x?.width / oe - Pe;
+                const r = this.getLabelForValue(t), oe = x.value && !p.value ? a.length - 1 : a.length, le = this.chart.scales?.x?.width / oe - Pe;
                 return W({
                   label: r,
                   format: e.xAxisFormat,
@@ -254,13 +253,13 @@ const Qe = { class: "chart-plane-container" }, et = {
             // stack on top of each other
             // ticks
             ticks: {
-              color: U,
-              font: z,
+              color: z,
+              font: U,
               padding: 8,
-              stepSize: T.value,
-              min: S.value,
-              max: T.value * e.tickCount,
-              callback: (t) => e.valuePrefix + Be(t, e.yAxisFormat, T.value < 1) + e.valueSuffix
+              stepSize: S.value,
+              min: k.value,
+              max: S.value * e.tickCount,
+              callback: (t) => e.valuePrefix + Be(t, e.yAxisFormat, S.value < 1) + e.valueSuffix
             },
             // grid lines
             grid: {
@@ -280,20 +279,21 @@ const Qe = { class: "chart-plane-container" }, et = {
       left: `${N.value.left}px`,
       top: `${N.value.top}px`,
       opacity: c.value?.opacity || 0
-    })), { minValue: S, maxValue: w } = ze({
+    })), { minValue: k, maxValue: w } = Ue({
       parsingConfig: O.value,
       dataSets: y,
       isStacked: m
-    }), T = l(
-      () => De(
-        isNaN(S.value) ? 0 : S.value,
+    }), S = l(() => {
+      const t = De(
+        isNaN(k.value) ? 0 : k.value,
         isNaN(w.value) ? 0 : w.value,
         e.tickCount
-      )
-    ), ee = l(
+      );
+      return console.log("stepSize", t), t;
+    }), ee = l(
       () => (e.compactHeader ? Ne : Ve) + "px"
     );
-    C(
+    T(
       () => e.highlightedId,
       (t) => {
         n && (je(t) ? ae() : te(t), n.update());
@@ -306,7 +306,7 @@ const Qe = { class: "chart-plane-container" }, et = {
         a.id === t ? e.chartType === u.StackedLine && (a.backgroundColor = h(
           r,
           we
-        )) : (a.backgroundColor = h(r, b), a.borderColor = h(r, b), a.pointBackgroundColor = h(r, b), a.pointHoverBorderColor = h(r, b));
+        )) : (a.backgroundColor = h(r, C), a.borderColor = h(r, C), a.pointBackgroundColor = h(r, C), a.pointHoverBorderColor = h(r, C));
       });
     }, ae = () => {
       (n?.data.datasets || []).forEach(Je);
@@ -347,7 +347,7 @@ const Qe = { class: "chart-plane-container" }, et = {
             class: "chart__tooltip",
             style: he(s(Q))
           }, [
-            c.value ? (f(), B(Ue, {
+            c.value ? (f(), B(ze, {
               key: 0,
               "totals-chart": s(p),
               title: String(c.value.title),
@@ -377,5 +377,5 @@ const Qe = { class: "chart-plane-container" }, et = {
   }
 });
 export {
-  gt as default
+  bt 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.79",
+  "version": "2.1.12-test.80",
   "engines": {
     "npm": ">=7.0.0",
     "node": ">=16.0.0"

package/ChartPlane.vue_vue_type_style_index_0_scoped_c6aaec38_lang.css

@@ -1 +0,0 @@
-.chart-plane-container[data-v-c6aaec38]{--headerHeight: var(--1b72bc70);width:100%;height:var(--e61db09a);position:relative}.header-wrapper[data-v-c6aaec38]{position:absolute;width:100%;height:var(--headerHeight);top:0;z-index:1}.chart-plane[data-v-c6aaec38]{padding-top:var(--headerHeight);height:100%}.chart[data-v-c6aaec38]{width:100%;height:100%;position:relative}.chart__canvas[data-v-c6aaec38]{width:100%;height:100%}.chart__tooltip[data-v-c6aaec38]{position:absolute;pointer-events:none;transition:all .1s ease;min-width:214px;max-width:270px;z-index:1}