@ironsource/shared-ui 2.1.11-rc.59 → 2.1.11-rc.60

package/ChartLegend.vue_vue_type_style_index_0_scoped_aa32a103_lang.css

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

package/ChartLoader.vue_vue_type_style_index_0_scoped_ffa4cc66_lang.css

@@ -0,0 +1 @@
+.label[data-v-ffa4cc66]{color:#41454d}.chart-loader[data-v-ffa4cc66]{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.chart-loader .chart-loader-wrapper[data-v-ffa4cc66]{width:40px;height:40px;display:flex;align-items:center;justify-content:center}

package/ConditionalDropdown.vue_vue_type_style_index_0_scoped_2a77c137_lang.css

@@ -0,0 +1 @@
+.custom-list-area[data-v-2a77c137]{color:var(--text-secondary);width:100%;text-align:center;box-sizing:border-box;padding:63px 43px}.inline-search[data-v-2a77c137]{width:100%}.contain-accept[data-v-2a77c137]{padding:6px 8px;margin-bottom:4px;cursor:pointer}.contain-accept[data-v-2a77c137]:hover{background-color:var(--action-hover);border-radius:.5rem}.contain-accept--query[data-v-2a77c137]{margin-left:4px;display:inline-flex;color:var(--primary-main)}

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_a1c626cd_lang.css"; //*');
-const s = /* @__PURE__ */ o(e, [["__scopeId", "data-v-a1c626cd"]]);
+// import "../../ChartLegend.vue_vue_type_style_index_0_scoped_aa32a103_lang.css"; //*');
+const s = /* @__PURE__ */ o(e, [["__scopeId", "data-v-aa32a103"]]);
 export {
   s as default
 };

package/components/chart/ChartLegend.vue2.js

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

package/components/chart/ChartLoader.vue.js

@@ -1,25 +1,7 @@
-import { openBlock as o, createElementBlock as c, pushScopeId as r, popScopeId as s, createElementVNode as t } from "vue";
-/* empty css                  */import a from "../../_virtual/_plugin-vue_export-helper.js";
-const d = {}, i = (e) => (r("data-v-142c444a"), e = e(), s(), e), n = { class: "chart-loader" }, p = /* @__PURE__ */ i(() => /* @__PURE__ */ t("svg", {
-  xmlns: "http://www.w3.org/2000/svg",
-  viewBox: "0 0 1072 275",
-  preserveAspectRatio: "none",
-  width: "100%",
-  height: "100%",
-  fill: "none"
-}, [
-  /* @__PURE__ */ t("path", {
-    d: "M499.744 87.7024L499 87.4816C399.137 70.0475 293 138.418 218 173.72C120 219.848 87 235.892 0 275L1072 275C979 -57.3526 836.258 -31.5829 732 59.404C648.885 131.939 570.549 108.704 499.744 87.7024Z",
-    fill: "black",
-    "fill-opacity": "0.05"
-  })
-], -1)), _ = [
-  p
-];
-function l(e, h) {
-  return o(), c("div", n, _);
-}
-const w = /* @__PURE__ */ a(d, [["render", l], ["__scopeId", "data-v-142c444a"]]);
+import o from "./ChartLoader.vue2.js";
+/* empty css                  */import e from "../../_virtual/_plugin-vue_export-helper.js";
+// import "../../ChartLoader.vue_vue_type_style_index_0_scoped_ffa4cc66_lang.css"; //*');
+const c = /* @__PURE__ */ e(o, [["__scopeId", "data-v-ffa4cc66"]]);
 export {
-  w as default
+  c as default
 };

package/components/chart/ChartLoader.vue2.js

@@ -0,0 +1,15 @@
+ import "../../ChartLoader.vue_vue_type_style_index_0_scoped_ffa4cc66_lang.css"; import { defineComponent as e, openBlock as o, createElementBlock as r, createElementVNode as t, createVNode as a } from "vue";
+import c from "../loader/v4/Loader.vue.js";
+const n = { class: "chart-loader" }, s = { class: "chart-loader-wrapper" }, i = /* @__PURE__ */ e({
+  __name: "ChartLoader",
+  setup(d) {
+    return (_, p) => (o(), r("div", n, [
+      t("div", s, [
+        a(c)
+      ])
+    ]));
+  }
+});
+export {
+  i as default
+};

package/components/dropdown/v4/ConditionalDropdown.vue.js

@@ -1,7 +1,7 @@
 import o from "./ConditionalDropdown.vue2.js";
 /* empty css                          */import _ from "../../../_virtual/_plugin-vue_export-helper.js";
-// import "../../../ConditionalDropdown.vue_vue_type_style_index_0_scoped_03022bc9_lang.css"; //*');
-const n = /* @__PURE__ */ _(o, [["__scopeId", "data-v-03022bc9"]]);
+// import "../../../ConditionalDropdown.vue_vue_type_style_index_0_scoped_2a77c137_lang.css"; //*');
+const n = /* @__PURE__ */ _(o, [["__scopeId", "data-v-2a77c137"]]);
 export {
   n as default
 };

package/components/dropdown/v4/ConditionalDropdown.vue2.js

@@ -1,4 +1,4 @@
- import "../../../ConditionalDropdown.vue_vue_type_style_index_0_scoped_03022bc9_lang.css"; import { defineComponent as W, computed as O, ref as s, watch as k, onMounted as q, openBlock as L, createBlock as G, unref as d, withCtx as f, createVNode as y, mergeProps as H, createElementVNode as J, isRef as X, normalizeProps as Y, guardReactiveProps as Z, createElementBlock as _, createTextVNode as ee, toDisplayString as le, createCommentVNode as oe } from "vue";
+ import "../../../ConditionalDropdown.vue_vue_type_style_index_0_scoped_2a77c137_lang.css"; import { defineComponent as W, computed as O, ref as s, watch as k, onMounted as q, openBlock as L, createBlock as G, unref as d, withCtx as f, createVNode as y, mergeProps as H, createElementVNode as J, isRef as X, normalizeProps as Y, guardReactiveProps as Z, createElementBlock as _, createTextVNode as ee, toDisplayString as le, createCommentVNode as oe } from "vue";
 import N from "./DropdownV4.vue.js";
 import "./DefaultDropdownTrigger.vue.js";
 import "./IconButtonDropdownTrigger.vue.js";
@@ -15,7 +15,7 @@ import { useDebounceFn as ue } from "@vueuse/core";
 const re = { class: "conditional-container" }, se = {
   key: 0,
   class: "custom-list-area"
-}, Ke = /* @__PURE__ */ W({
+}, we = /* @__PURE__ */ W({
   __name: "ConditionalDropdown",
   props: {
     selectedCondition: null,
@@ -55,7 +55,7 @@ const re = { class: "conditional-container" }, se = {
     }), F = () => {
       const { appliedSelections: l } = e;
       return l ? Array.isArray(l) ? l : [l] : [];
-    }, w = s(null), c = s(!0), a = s([]), r = s(F()), K = s(!0), p = s(!1), C = s(!1), i = s(e.searchQuery), B = s(""), m = s(e.label), T = s([]), U = O(() => (!i.value || i.value?.length < e.minCharsToStart) && !a.value.length ? `Enter at least ${e.minCharsToStart} keywords to begin` : "No results found"), I = O(() => {
+    }, K = s(null), c = s(!0), a = s([]), r = s(F()), w = s(!0), p = s(!1), C = s(!1), i = s(e.searchQuery), B = s(""), m = s(e.label), T = s([]), U = O(() => (!i.value || i.value?.length < e.minCharsToStart) && !a.value.length ? `Enter at least ${e.minCharsToStart} characters to begin` : "No results found"), I = O(() => {
       const l = c.value ? 4 : 4.5, t = a.value.length > 4 ? a.value.length : l;
       if (e.groupedOptions) {
         let o = 0;
@@ -102,7 +102,7 @@ const re = { class: "conditional-container" }, se = {
       A,
       e.fetchDataDebounceTime
     ), b = (l) => {
-      l.length >= e.minCharsToStart ? (V(l), w.value?.scrollTo(0)) : e.infiniteLoading && n.value.multi ? a.value = T.value || [] : a.value = [];
+      l.length >= e.minCharsToStart ? (V(l), K.value?.scrollTo(0)) : e.infiniteLoading && n.value.multi ? a.value = T.value || [] : a.value = [];
     }, x = () => {
       i.value && a.value.length && !p.value && !n.value.multi ? a.value[0].conditionalOptions ? a.value[0] = {
         name: i.value,
@@ -132,7 +132,7 @@ const re = { class: "conditional-container" }, se = {
       }
     );
     const P = () => {
-      c.value && r.value.length === 0 ? (n.value = null, S.value = [], n.value = null) : (B.value = i.value, S.value = c.value ? [...r.value] : { ...r.value }, K.value = c.value), D();
+      c.value && r.value.length === 0 ? (n.value = null, S.value = [], n.value = null) : (B.value = i.value, S.value = c.value ? [...r.value] : { ...r.value }, w.value = c.value), D();
     };
     k(n, (l, t) => {
       n.value.multi ? (p.value = !0, !t.multi && l.multi && Array.isArray(e.appliedSelections) && (r.value = e.appliedSelections), setTimeout(() => {
@@ -156,7 +156,7 @@ const re = { class: "conditional-container" }, se = {
     };
     return (l, t) => (L(), G(d(N), {
       ref_key: "dropdownRef",
-      ref: w,
+      ref: K,
       selected: r.value,
       "onUpdate:selected": t[2] || (t[2] = (o) => r.value = o),
       "predefined-trigger": "chip",
@@ -192,7 +192,7 @@ const re = { class: "conditional-container" }, se = {
         y(d(ae), H(o, {
           label: m.value,
           "selected-option": d(S),
-          multi: K.value,
+          multi: w.value,
           "cancel-all-selected-display": "",
           "display-value-in-quotes": !Array.isArray(r.value) && r.value.conditionalOptions,
           onClear: R
@@ -242,5 +242,5 @@ const re = { class: "conditional-container" }, se = {
   }
 });
 export {
-  Ke as default
+  we as default
 };

package/index.js

@@ -1,4 +1,4 @@
-import './IncludeExcludeAppHeader.vue_vue_type_style_index_0_scoped_947cb1fc_lang.css';
+import './AutocompleteDropdown.vue_vue_type_style_index_0_scoped_214ddaf4_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.59",
+  "version": "2.1.11-rc.60",
   "engines": {
     "npm": ">=7.0.0",
     "node": ">=16.0.0"

package/ChartLegend.vue_vue_type_style_index_0_scoped_a1c626cd_lang.css

@@ -1 +0,0 @@
-.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/ChartLoader.vue_vue_type_style_index_0_scoped_142c444a_lang.css

@@ -1 +0,0 @@
-.label[data-v-142c444a]{color:#41454d}.chart-loader[data-v-142c444a]{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center;padding:80px 31px 31px}.chart-loader[data-v-142c444a]:after{position:absolute;inset:0;transform:translate(-100%);background-image:linear-gradient(90deg,rgba(255,255,255,0) 0,rgba(255,255,255,.2) 20%,rgba(255,255,255,.5) 60%,rgba(255,255,255,0));animation:shimmer-142c444a 2s infinite;content:""}@keyframes shimmer-142c444a{to{transform:translate(100%)}}

package/ConditionalDropdown.vue_vue_type_style_index_0_scoped_03022bc9_lang.css

@@ -1 +0,0 @@
-.custom-list-area[data-v-03022bc9]{color:var(--text-secondary);width:100%;text-align:center;box-sizing:border-box;padding:63px 43px}.inline-search[data-v-03022bc9]{width:100%}.contain-accept[data-v-03022bc9]{padding:6px 8px;margin-bottom:4px;cursor:pointer}.contain-accept[data-v-03022bc9]:hover{background-color:var(--action-hover);border-radius:.5rem}.contain-accept--query[data-v-03022bc9]{margin-left:4px;display:inline-flex;color:var(--primary-main)}