@ironsource/shared-ui 2.1.11-test.99 → 2.1.12-rc.0

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_4fe1c7d1_lang.css"; import { defineComponent as D, ref as M, computed as m, openBlock as r, createElementBlock as c, createElementVNode as d, createVNode as s, unref as o, mergeProps as I, withCtx as p, 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,97 +20,104 @@ 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(h, { emit: g }) {
+    const l = h, k = 32, u = M(""), T = m(() => {
+      const t = u.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), v = m(
+      () => l.visibleIds.length >= l.maxVisible
+    ), y = m(
+      () => l.visibleIds.length <= l.minVisible
+    ), n = (t) => y.value && a(t) || v.value && !a(t), C = (t) => !l.maxLimitTooltipText || a(t) || !v.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) => {
+      n(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) => (r(), c("div", J, [
+      d("div", K, [
+        s(o(q), {
+          modelValue: u.value,
+          "onUpdate:modelValue": i[0] || (i[0] = (e) => u.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) })
+      d("div", I({ class: "legend" }, o(w)), [
+        d("ul", I({ class: "legend__list" }, o(E)), [
+          o(x).length === 0 ? (r(), c("li", O, [
+            s(o(f), { variant: "body2" }, {
+              default: p(() => [
+                b("No results")
+              ]),
+              _: 1
+            })
+          ])) : (r(!0), c(S, { key: 1 }, P(o(x), ({ data: e, index: B }) => (r(), c("li", {
+            key: B,
+            class: A({ "disabled-item": n(e) })
           }, [
-            n(i(j), {
-              text: b.maxLimitTooltipText,
+            s(o(j), {
+              text: h.maxLimitTooltipText,
               disabled: C(e),
               class: "disabled-tooltip"
             }, {
-              default: m(() => [
-                a("div", {
+              default: p(() => [
+                d("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: n(e),
+                    onClick: i[1] || (i[1] = F(
+                      (_) => {
+                        _.stopPropagation();
                       },
                       ["stop"]
                     ))
                   }, null, 8, ["color", "is-checked", "disabled"]),
-                  e.icon ? (r(), H(i($), {
+                  e.icon ? (r(), 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(_), {
+                  d("div", W, [
+                    s(o(f), {
                       variant: "body2",
                       class: "legend-label",
                       "is-truncated": "",
-                      "with-tooltip": "",
+                      "with-tooltip": !n(e),
                       "tooltip-text": e.label,
                       "tooltip-placement": "left"
                     }, {
-                      default: m(() => [
-                        h(I(e.label), 1)
+                      default: p(() => [
+                        b(L(e.label), 1)
                       ]),
                       _: 2
-                    }, 1032, ["tooltip-text"]),
-                    n(i(_), {
+                    }, 1032, ["with-tooltip", "tooltip-text"]),
+                    s(o(f), {
                       variant: "caption",
                       class: "legend-caption legend-label",
                       "is-truncated": "",
-                      "with-tooltip": "",
+                      "with-tooltip": !n(e),
                       "tooltip-text": e.caption,
                       "tooltip-placement": "left"
                     }, {
-                      default: m(() => [
-                        h(I(e.caption), 1)
+                      default: p(() => [
+                        b(L(e.caption), 1)
                       ]),
                       _: 2
-                    }, 1032, ["tooltip-text"])
+                    }, 1032, ["with-tooltip", "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/chart/index.d.ts

@@ -23,6 +23,7 @@ declare const ChartTypes: () => ({
             noDataIcon: string;
             noDataTitle: string;
             noDataSubtitle: string;
+            withAnimation: boolean;
         }> & Omit<Readonly<import("vue").ExtractPropTypes<{
             header: {
                 type: import("vue").PropType<string>;
@@ -102,10 +103,14 @@ declare const ChartTypes: () => ({
                 type: import("vue").PropType<string>;
                 default: string;
             };
+            withAnimation: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
         }>> & {
             "onUpdate:visibleIds"?: (visibleIds: unknown[]) => any;
             "onUpdate:chartType"?: (chartType: import("./types").ChartType) => any;
-        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "header" | "loading" | "xAxisFormat" | "yAxisFormat" | "parsing" | "visibleIds" | "minVisible" | "maxVisible" | "maxLimitTooltipText" | "chartType" | "withSettingsHeader" | "subheader" | "withSubheaderTooltip" | "dataSets" | "hideLegend" | "tickCount" | "noDataIcon" | "noDataTitle" | "noDataSubtitle">;
+        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "header" | "loading" | "xAxisFormat" | "yAxisFormat" | "parsing" | "visibleIds" | "minVisible" | "maxVisible" | "maxLimitTooltipText" | "chartType" | "withSettingsHeader" | "subheader" | "withSubheaderTooltip" | "dataSets" | "hideLegend" | "tickCount" | "noDataIcon" | "noDataTitle" | "noDataSubtitle" | "withAnimation">;
         $attrs: {
             [x: string]: unknown;
         };
@@ -198,6 +203,10 @@ declare const ChartTypes: () => ({
                 type: import("vue").PropType<string>;
                 default: string;
             };
+            withAnimation: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
         }>> & {
             "onUpdate:visibleIds"?: (visibleIds: unknown[]) => any;
             "onUpdate:chartType"?: (chartType: import("./types").ChartType) => any;
@@ -224,6 +233,7 @@ declare const ChartTypes: () => ({
             noDataIcon: string;
             noDataTitle: string;
             noDataSubtitle: string;
+            withAnimation: boolean;
         }, {}, string> & {
             beforeCreate?: (() => void) | (() => void)[];
             created?: (() => void) | (() => void)[];
@@ -323,6 +333,10 @@ declare const ChartTypes: () => ({
             type: import("vue").PropType<string>;
             default: string;
         };
+        withAnimation: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
     }>> & {
         "onUpdate:visibleIds"?: (visibleIds: unknown[]) => any;
         "onUpdate:chartType"?: (chartType: import("./types").ChartType) => any;
@@ -409,6 +423,10 @@ declare const ChartTypes: () => ({
         type: import("vue").PropType<string>;
         default: string;
     };
+    withAnimation: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
 }>> & {
     "onUpdate:visibleIds"?: (visibleIds: unknown[]) => any;
     "onUpdate:chartType"?: (chartType: import("./types").ChartType) => any;
@@ -435,6 +453,7 @@ declare const ChartTypes: () => ({
     noDataIcon: string;
     noDataTitle: string;
     noDataSubtitle: string;
+    withAnimation: boolean;
 }, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
     $slots: {
         metric?(_: {}): any;

package/components/chart/mockData.d.ts

@@ -34,4 +34,12 @@ export declare const MULTIPLE_DATASETS_DATE: ({
         value: number;
     }[];
 })[];
+export declare const MULTIPLE_DATASETS_SINGLE_DATE: {
+    id: string;
+    label: string;
+    data: {
+        date: string;
+        value: number;
+    }[];
+}[];
 export declare const generateMockData: (numSeries?: number) => any[];

package/components/dateRange/v4/DateRangeV4.vue.js

@@ -1,7 +1,7 @@
 import e from "./DateRangeV4.vue2.js";
 /* empty css                  */import o from "../../../_virtual/_plugin-vue_export-helper.js";
-// import "../../../DateRangeV4.vue_vue_type_style_index_0_scoped_309e5351_lang.css"; //*');
-const a = /* @__PURE__ */ o(e, [["__scopeId", "data-v-309e5351"]]);
+// import "../../../DateRangeV4.vue_vue_type_style_index_0_scoped_8a2714eb_lang.css"; //*');
+const s = /* @__PURE__ */ o(e, [["__scopeId", "data-v-8a2714eb"]]);
 export {
-  a as default
+  s as default
 };