@ironsource/shared-ui 2.1.11-rc.36 → 2.1.11-rc.38

package/Chart.vue_vue_type_style_index_0_scoped_04b9d6b3_lang.css

@@ -0,0 +1 @@
+.chart-container[data-v-04b9d6b3]{border:1px solid var(--common-divider);background:var(--background-paper);display:flex;height:388px;border-radius:0 0 6px 6px;width:100%}.header-wrapper[data-v-04b9d6b3]{height:76px}.chart-content[data-v-04b9d6b3]{width:100%}.chart-content.with-legend[data-v-04b9d6b3]{width:calc(100% - 221px)}.chart-sidebar[data-v-04b9d6b3]{border-left:1px solid var(--common-divider)}.chart[data-v-04b9d6b3]{width:100%;height:312px;position:relative}.chart__canvas[data-v-04b9d6b3]{width:100%;height:100%}.chart__tooltip[data-v-04b9d6b3]{position:absolute;pointer-events:none;transition:all .1s ease;min-width:214px;max-width:270px}

package/ChartLegend.vue_vue_type_style_index_0_scoped_a1c626cd_lang.css

@@ -0,0 +1 @@
+.disabled-tooltip[data-v-a1c626cd],.disabled-tooltip[data-v-a1c626cd] .container{width:100%}.chart-legend[data-v-a1c626cd]{display:flex;flex-direction:column;width:220px;height:100%;padding:0 8px 8px}.search-box[data-v-a1c626cd]{padding:12px 0 4px}.legend[data-v-a1c626cd]{overflow-y:auto;color:var(--text-primary);height:100%;overflow-x:hidden}.legend__list[data-v-a1c626cd]{list-style:none;padding:0}.legend__list>li[data-v-a1c626cd]{display:flex;align-items:center;gap:8px;padding:6px 8px}.legend__list>li[data-v-a1c626cd]:hover{background-color:var(--action-hover, rgba(0, 0, 0, .05));border-radius:8px;cursor:pointer}.legend__list>li.disabled-item[data-v-a1c626cd]{cursor:not-allowed!important;opacity:.5;background:var(--background-paper)}.legend__list>li .item-wrapper[data-v-a1c626cd]{display:flex;align-items:center;gap:8px;width:100%}.legend__list>li .item-wrapper .legend-label[data-v-a1c626cd]{width:80%}.legend__list>li .item-wrapper .icon-color[data-v-a1c626cd]{color:var(--action-active)}.legend__list>li .item-wrapper .label-container[data-v-a1c626cd]{display:flex;flex-direction:column;width:100%}.legend__list>li .item-wrapper .label-container .legend-caption[data-v-a1c626cd]{color:var(--text-secondary, #646464)}

package/components/chart/Chart.vue.js

@@ -1,7 +1,7 @@
 import o from "./Chart.vue2.js";
-/* empty css            */import e from "../../_virtual/_plugin-vue_export-helper.js";
-// import "../../Chart.vue_vue_type_style_index_0_scoped_b6e14d9b_lang.css"; //*');
-const p = /* @__PURE__ */ e(o, [["__scopeId", "data-v-b6e14d9b"]]);
+/* empty css            */import _ from "../../_virtual/_plugin-vue_export-helper.js";
+// import "../../Chart.vue_vue_type_style_index_0_scoped_04b9d6b3_lang.css"; //*');
+const p = /* @__PURE__ */ _(o, [["__scopeId", "data-v-04b9d6b3"]]);
 export {
   p as default
 };

package/components/chart/Chart.vue2.js

@@ -1,4 +1,4 @@
- import "../../Chart.vue_vue_type_style_index_0_scoped_b6e14d9b_lang.css"; import { defineComponent as j, ref as g, computed as l, onMounted as q, watch as T, nextTick as J, openBlock as d, createElementBlock as C, Fragment as O, createBlock as h, unref as u, isRef as D, withCtx as k, renderSlot as x, createCommentVNode as v, createElementVNode as p, normalizeClass as Q, createVNode as F, normalizeStyle as Y } from "vue";
+ import "../../Chart.vue_vue_type_style_index_0_scoped_04b9d6b3_lang.css"; import { defineComponent as j, ref as g, computed as l, onMounted as q, watch as T, nextTick as J, openBlock as d, createElementBlock as C, Fragment as O, createBlock as h, unref as u, isRef as D, withCtx as k, renderSlot as x, createCommentVNode as v, createElementVNode as p, normalizeClass as Q, createVNode as F, normalizeStyle as Y } from "vue";
 import { useVModel as _ } from "@vueuse/core";
 import { Chart as N, ArcElement as ee, LineElement as te, BarElement as ae, PointElement as oe, LineController as ie, BarController as le, PieController as re, ScatterController as ne, CategoryScale as se, LinearScale as de, Filler as ue, Tooltip as ce } from "chart.js";
 import { HoverVerticalLine as pe } from "./plugins/HoverVerticalLine.js";

package/components/chart/ChartLegend.vue.js

@@ -1,7 +1,7 @@
 import e from "./ChartLegend.vue2.js";
 /* empty css                  */import o from "../../_virtual/_plugin-vue_export-helper.js";
-// import "../../ChartLegend.vue_vue_type_style_index_0_scoped_214d2926_lang.css"; //*');
-const d = /* @__PURE__ */ o(e, [["__scopeId", "data-v-214d2926"]]);
+// import "../../ChartLegend.vue_vue_type_style_index_0_scoped_a1c626cd_lang.css"; //*');
+const s = /* @__PURE__ */ o(e, [["__scopeId", "data-v-a1c626cd"]]);
 export {
-  d as default
+  s as default
 };

package/components/chart/ChartLegend.vue2.js

@@ -1,81 +1,86 @@
- import "../../ChartLegend.vue_vue_type_style_index_0_scoped_214d2926_lang.css"; import { defineComponent as N, ref as S, computed as p, openBlock as r, createElementBlock as u, createElementVNode as a, createVNode as n, unref as l, mergeProps as x, Fragment as U, renderList as M, normalizeClass as A, withCtx as m, createBlock as F, createCommentVNode as H, createTextVNode as _, toDisplayString as I } from "vue";
-import { useVirtualList as P } from "@vueuse/core";
-import L from "../typography/v4/Typography.vue.js";
-import z from "../checkbox/v4/CheckboxV4.vue.js";
-import R from "../search/v4/SearchV4.vue.js";
-import { DEFAULT_MIN_VISIBLE as q, DEFAULT_MAX_VISIBLE as G } from "./consts.js";
-import X from "../icon/v4/IconV4.vue.js";
+ import "../../ChartLegend.vue_vue_type_style_index_0_scoped_a1c626cd_lang.css"; import { defineComponent as M, ref as N, computed as p, openBlock as r, createElementBlock as u, createElementVNode as a, createVNode as n, unref as i, mergeProps as x, Fragment as S, renderList as P, normalizeClass as A, withCtx as m, withModifiers as F, createBlock as H, createCommentVNode as U, createTextVNode as h, toDisplayString as I } from "vue";
+import { useVirtualList as z } from "@vueuse/core";
+import _ from "../typography/v4/Typography.vue.js";
+import R from "../checkbox/v4/CheckboxV4.vue.js";
+import q from "../search/v4/SearchV4.vue.js";
+import { DEFAULT_MIN_VISIBLE as G, DEFAULT_MAX_VISIBLE as X } from "./consts.js";
+import $ from "../icon/v4/IconV4.vue.js";
 import "../icon/v4/IconFlag.vue.js";
-import $ from "../tooltip/v4/TooltipV4.vue.js";
-const j = { class: "chart-legend" }, J = { class: "search-box" }, K = { class: "item-wrapper" }, O = ["onClick"], se = /* @__PURE__ */ N({
+import j from "../tooltip/v4/TooltipV4.vue.js";
+const J = { class: "chart-legend" }, K = { class: "search-box" }, O = ["onClick"], Q = { class: "label-container" }, ae = /* @__PURE__ */ M({
   __name: "ChartLegend",
   props: {
     items: { default: () => [] },
     visibleIds: { default: () => [] },
-    minVisible: { default: q },
-    maxVisible: { default: G },
+    minVisible: { default: G },
+    maxVisible: { default: X },
     maxLimitTooltipText: { default: "" }
   },
   emits: ["update:visibleIds"],
-  setup(b, { emit: T }) {
-    const o = b, k = 32, c = S(""), C = p(() => {
-      const t = c.value.toLowerCase();
+  setup(b, { emit: L }) {
+    const o = b, T = 32, d = N(""), g = p(() => {
+      const t = d.value.toLowerCase();
       return o.items.filter(
-        (i) => i.label.toLowerCase().includes(t)
+        (l) => l.label.toLowerCase().includes(t)
       );
     }), s = (t) => o.visibleIds.includes(t.id), f = p(
       () => o.visibleIds.length >= o.maxVisible
-    ), g = p(
+    ), k = p(
       () => o.visibleIds.length <= o.minVisible
-    ), d = (t) => g.value && s(t) || f.value && !s(t), V = (t) => !o.maxLimitTooltipText || s(t) || !f.value, h = (t, i) => {
-      T(
+    ), c = (t) => k.value && s(t) || f.value && !s(t), C = (t) => !o.maxLimitTooltipText || s(t) || !f.value, V = (t, l) => {
+      L(
         "update:visibleIds",
-        t ? [...o.visibleIds, i.id] : o.visibleIds.filter((e) => e !== i.id)
+        t ? [...o.visibleIds, l.id] : o.visibleIds.filter((e) => e !== l.id)
       );
-    }, { list: y, containerProps: E, wrapperProps: w } = P(C, {
-      itemHeight: k,
+    }, { list: y, containerProps: w, wrapperProps: E } = z(g, {
+      itemHeight: T,
       overscan: 10
     }), B = (t) => {
-      d(t) || h(!s(t), t);
+      c(t) || V(!s(t), t);
     };
-    return (t, i) => (r(), u("div", j, [
-      a("div", J, [
-        n(l(R), {
-          modelValue: c.value,
-          "onUpdate:modelValue": i[0] || (i[0] = (e) => c.value = e)
+    return (t, l) => (r(), u("div", J, [
+      a("div", K, [
+        n(i(q), {
+          modelValue: d.value,
+          "onUpdate:modelValue": l[0] || (l[0] = (e) => d.value = e)
         }, null, 8, ["modelValue"])
       ]),
-      a("div", x({ class: "legend" }, l(E)), [
-        a("ul", x({ class: "legend__list" }, l(w)), [
-          (r(!0), u(U, null, M(l(y), ({ data: e, index: D }) => (r(), u("li", {
+      a("div", x({ class: "legend" }, i(w)), [
+        a("ul", x({ class: "legend__list" }, i(E)), [
+          (r(!0), u(S, null, P(i(y), ({ data: e, index: D }) => (r(), u("li", {
             key: D,
-            class: A({ "disabled-item": d(e) })
+            class: A({ "disabled-item": c(e) })
           }, [
-            n(l($), {
+            n(i(j), {
               text: b.maxLimitTooltipText,
-              disabled: V(e),
+              disabled: C(e),
               class: "disabled-tooltip"
             }, {
               default: m(() => [
-                a("div", K, [
-                  n(l(z), {
+                a("div", {
+                  class: "item-wrapper",
+                  onClick: (v) => B(e)
+                }, [
+                  n(i(R), {
                     color: e.color,
                     "is-checked": s(e),
-                    disabled: d(e),
-                    "onUpdate:isChecked": (v) => h(v, e)
-                  }, null, 8, ["color", "is-checked", "disabled", "onUpdate:isChecked"]),
-                  e.icon ? (r(), F(l(X), {
+                    disabled: c(e),
+                    onClick: l[1] || (l[1] = F(
+                      (v) => {
+                        v.stopPropagation();
+                      },
+                      ["stop"]
+                    ))
+                  }, null, 8, ["color", "is-checked", "disabled"]),
+                  e.icon ? (r(), H(i($), {
                     key: 0,
                     class: "icon-color",
                     type: e.iconType,
                     name: e.icon,
                     size: "16px"
-                  }, null, 8, ["type", "name"])) : H("", !0),
-                  a("div", {
-                    class: "label-container",
-                    onClick: (v) => B(e)
-                  }, [
-                    n(l(L), {
+                  }, null, 8, ["type", "name"])) : U("", !0),
+                  a("div", Q, [
+                    n(i(_), {
                       variant: "body2",
                       class: "legend-label",
                       "is-truncated": "",
@@ -84,11 +89,11 @@ const j = { class: "chart-legend" }, J = { class: "search-box" }, K = { class: "
                       "tooltip-placement": "left"
                     }, {
                       default: m(() => [
-                        _(I(e.label), 1)
+                        h(I(e.label), 1)
                       ]),
                       _: 2
                     }, 1032, ["tooltip-text"]),
-                    n(l(L), {
+                    n(i(_), {
                       variant: "caption",
                       class: "legend-caption legend-label",
                       "is-truncated": "",
@@ -97,12 +102,12 @@ const j = { class: "chart-legend" }, J = { class: "search-box" }, K = { class: "
                       "tooltip-placement": "left"
                     }, {
                       default: m(() => [
-                        _(I(e.caption), 1)
+                        h(I(e.caption), 1)
                       ]),
                       _: 2
                     }, 1032, ["tooltip-text"])
-                  ], 8, O)
-                ])
+                  ])
+                ], 8, O)
               ]),
               _: 2
             }, 1032, ["text", "disabled"])
@@ -113,5 +118,5 @@ const j = { class: "chart-legend" }, J = { class: "search-box" }, K = { class: "
   }
 });
 export {
-  se as default
+  ae as default
 };

package/index.js

@@ -1,4 +1,4 @@
-import './Text.vue_vue_type_style_index_0_scoped_94bd409b_lang.css';
+import './MenuItem.vue_vue_type_style_index_0_scoped_67e53b85_lang.css';
 import { AppTriggerTypes as ro } from "./components/appTrigger/index.js";
 import { AutocompleteDropdownTypes as mo } from "./components/autocompleteDropdown/index.js";
 import { MenuItemTypes as po } from "./components/menuItem/index.js";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ironsource/shared-ui",
-  "version": "2.1.11-rc.36",
+  "version": "2.1.11-rc.38",
   "engines": {
     "npm": ">=7.0.0",
     "node": ">=16.0.0"

package/Chart.vue_vue_type_style_index_0_scoped_b6e14d9b_lang.css

@@ -1 +0,0 @@
-.chart-container[data-v-b6e14d9b]{border:1px solid var(--common-divider);background:var(--background-paper);display:flex;height:388px;border-radius:0 0 6px 6px;width:100%}.header-wrapper[data-v-b6e14d9b]{height:76px}.chart-content[data-v-b6e14d9b]{width:100%}.chart-content.with-legend[data-v-b6e14d9b]{width:calc(100% - 222px)}.chart-sidebar[data-v-b6e14d9b]{border-left:1px solid var(--common-divider)}.chart[data-v-b6e14d9b]{width:100%;height:312px;position:relative}.chart__canvas[data-v-b6e14d9b]{width:100%;height:100%}.chart__tooltip[data-v-b6e14d9b]{position:absolute;pointer-events:none;transition:all .1s ease;min-width:214px;max-width:270px}

package/ChartLegend.vue_vue_type_style_index_0_scoped_214d2926_lang.css

@@ -1 +0,0 @@
-.disabled-tooltip[data-v-214d2926],.disabled-tooltip[data-v-214d2926] .container{width:100%}.chart-legend[data-v-214d2926]{display:flex;flex-direction:column;width:220px;height:100%;padding:0 8px 8px}.search-box[data-v-214d2926]{padding:12px 0 4px}.legend[data-v-214d2926]{overflow-y:auto;color:var(--text-primary);height:100%;overflow-x:hidden}.legend__list[data-v-214d2926]{list-style:none;padding:0}.legend__list>li[data-v-214d2926]{display:flex;align-items:center;gap:8px;padding:6px 8px}.legend__list>li[data-v-214d2926]:hover{background-color:var(--action-hover, rgba(0, 0, 0, .05));border-radius:8px;cursor:pointer}.legend__list>li.disabled-item[data-v-214d2926]{cursor:not-allowed!important;opacity:.5;background:var(--background-paper)}.legend__list>li .item-wrapper[data-v-214d2926]{display:flex;align-items:center;gap:8px;width:100%}.legend__list>li .item-wrapper .legend-label[data-v-214d2926]{width:80%}.legend__list>li .item-wrapper .icon-color[data-v-214d2926]{color:var(--action-active)}.legend__list>li .item-wrapper .label-container[data-v-214d2926]{display:flex;flex-direction:column;width:100%}.legend__list>li .item-wrapper .label-container .legend-caption[data-v-214d2926]{color:var(--text-secondary, #646464)}