@ironsource/shared-ui 2.1.12-test.50 → 2.1.12-test.53

package/components/chart/mockData.d.ts

@@ -38,6 +38,7 @@ export declare const MULTIPLE_DATASETS_DATE: ({
     id: number;
     label: string;
     caption: string;
+    isTotal: boolean;
     icon: string;
     data: {
         date: string;
@@ -58,6 +59,20 @@ export declare const MULTIPLE_DATASETS_DATE: ({
         value2: number;
         value3: number;
     }[];
+    isTotal?: undefined;
+} | {
+    id: number;
+    label: string;
+    caption: string;
+    icon: string;
+    data: {
+        date: string;
+        value: number;
+        value2: number;
+        value3: number;
+    }[];
+    isTotal?: undefined;
+    iconType?: undefined;
 })[];
 export declare const MULTIPLE_DATASETS_SINGLE_DATE: {
     id: number;

package/components/chart/types.d.ts

@@ -1,4 +1,5 @@
 import { Ref } from 'vue';
+import { UseVirtualListItem } from '@vueuse/core';
 import { IconTypes } from '../icon/v4/Icon.types';
 import { ChartDataset, ChartTypeRegistry, TooltipItem } from 'chart.js';
 export declare enum ChartType {
@@ -23,6 +24,7 @@ export type ChartDataSet = {
     iconType?: IconTypes;
     countryFlag?: string;
     image?: string;
+    isTotal?: boolean;
 };
 export type ChartParsingConfig = {
     xAxisKey: string;
@@ -40,6 +42,20 @@ export type LegendItem = {
 export interface MyTooltipItem<T extends keyof ChartTypeRegistry = keyof ChartTypeRegistry> extends TooltipItem<T> {
     dataset: ChartDataSet & TooltipItem<T>['dataset'];
 }
+export type UseVirtualListResult = {
+    list: Ref<UseVirtualListItem<LegendItem>[]>;
+    containerProps: {
+        ref: Ref<HTMLElement>;
+        onScroll: () => void;
+    };
+    wrapperProps: Ref<{
+        style: {
+            width: string;
+            height: string;
+            marginTop: string;
+        };
+    }>;
+};
 export type DropdownTypeOption = {
     id: ChartType;
     name: string;
@@ -69,5 +85,6 @@ export declare enum TooltipOrder {
 export declare enum TrendDirection {
     UP = "up",
     DOWN = "down",
-    NEUTRAL = "right"
+    NEUTRAL = "neutral"
 }
+export type ColorVariant = 'default' | 'mediation';

package/components/chart/types.js

@@ -1,7 +1,7 @@
-var e = /* @__PURE__ */ ((L) => (L.Line = "line", L.Bar = "bar", L.StackedLine = "stackedLine", L.StackedBar = "stackedBar", L))(e || {}), r = /* @__PURE__ */ ((L) => (L.DAILY = "daily", L.WEEKLY = "weekly", L.MONTHLY = "monthly", L))(r || {}), a = /* @__PURE__ */ ((L) => (L.Legend = "legend", L.YAxis = "yAxis", L))(a || {}), n = /* @__PURE__ */ ((L) => (L.UP = "up", L.DOWN = "down", L.NEUTRAL = "right", L))(n || {});
+var L = /* @__PURE__ */ ((e) => (e.Line = "line", e.Bar = "bar", e.StackedLine = "stackedLine", e.StackedBar = "stackedBar", e))(L || {}), a = /* @__PURE__ */ ((e) => (e.DAILY = "daily", e.WEEKLY = "weekly", e.MONTHLY = "monthly", e))(a || {}), n = /* @__PURE__ */ ((e) => (e.Legend = "legend", e.YAxis = "yAxis", e))(n || {}), r = /* @__PURE__ */ ((e) => (e.UP = "up", e.DOWN = "down", e.NEUTRAL = "neutral", e))(r || {});
 export {
-  e as ChartType,
-  r as DateInterval,
-  a as TooltipOrder,
-  n as TrendDirection
+  L as ChartType,
+  a as DateInterval,
+  n as TooltipOrder,
+  r as TrendDirection
 };

package/components/chart/utils/utils.d.ts

@@ -1,3 +1,3 @@
 import { PrepareTicksLabelArgs, ValueFormat } from '@/components/chart/types';
-export declare const formatValue: (value: number | string | Date, valueFormat: ValueFormat, formatLowDigits?: boolean) => string;
+export declare const formatValue: (value: number | string | Date, valueFormat: ValueFormat, formatLowDigits?: boolean, withSuffixSpace?: boolean) => string;
 export declare const prepareTickLabel: ({ label, format, availableSpace, truncate, }: PrepareTicksLabelArgs) => string | string[];

package/components/chart/utils/utils.js

@@ -1,21 +1,27 @@
-import { format as e } from "date-fns";
-import { TICK_LABEL_FONT as p } from "../consts.js";
-import { nFormatter as E } from "../../../utils/formatNumbers.js";
-import { truncateTextToFit as a } from "../../../utils/text.js";
-import { REGEX_LINEBREAK as m } from "../../../consts/regex.js";
-const c = (r, t, n = !1) => t === "day" ? e(new Date(r), "EEEE") : t === "number" ? E(r, n) : t === "date" ? e(new Date(r), "MMM dd") : t === "dateLong" ? e(new Date(r), "MMM dd, yyyy") : String(r), w = ({
+import { getUTCDate as e } from "../../../utils/date.js";
+import { format as f } from "date-fns";
+import { TICK_LABEL_FONT as d } from "../consts.js";
+import { nFormatter as L, DEFAULT_FALLBACK as T } from "../../../utils/formatNumbers.js";
+import { truncateTextToFit as c } from "../../../utils/text.js";
+import { REGEX_LINEBREAK as s } from "../../../consts/regex.js";
+const u = (r, t, o = !1, n = !0) => t === "day" ? f(e(r), "EEEE") : t === "number" ? L(
+  r,
+  o,
+  T,
+  n
+) : t === "date" ? f(e(r), "MMM dd") : t === "dateLong" ? f(e(r), "MMM dd, yyyy") : String(r), B = ({
   label: r,
   format: t,
-  availableSpace: n,
-  truncate: i = !1
+  availableSpace: o,
+  truncate: n = !1
 }) => {
-  const s = m.test(r), o = (d) => {
-    const f = c(d, t);
-    return i && n > 0 ? a(f, p, n) : f;
+  const p = s.test(r), m = (E) => {
+    const i = u(E, t);
+    return n && o > 0 ? c(i, d, o) : i;
   };
-  return s ? r.split(m).map(o) : o(r);
+  return p ? r.split(s).map(m) : m(r);
 };
 export {
-  c as formatValue,
-  w as prepareTickLabel
+  u as formatValue,
+  B as prepareTickLabel
 };

package/components/checkbox/common/Checkbox.common.d.ts

@@ -1,7 +1,7 @@
 export declare const checkboxCommon: (props: any, emit: any) => {
     id: string;
-    checkbox: import("vue").Ref<any, any>;
-    isFocusVisible: import("vue").Ref<boolean, boolean>;
+    checkbox: any;
+    isFocusVisible: import("vue").Ref<boolean>;
     handleFocus: (event: any) => void;
     handleBlur: (event: any) => void;
     indeterminate: import("vue").ComputedRef<any>;

package/components/checkbox/v3/Checkbox.vue.d.ts

@@ -1,4 +1,4 @@
-declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
     isChecked: boolean;
     isIndeterminate?: boolean;
     disabled?: boolean;
@@ -9,10 +9,10 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<im
     size: string;
     label: string;
     testId: string;
-}>>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:isChecked": (value: boolean) => void;
     click: (event: MouseEvent) => void;
-}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
     isChecked: boolean;
     isIndeterminate?: boolean;
     disabled?: boolean;
@@ -23,14 +23,14 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<im
     size: string;
     label: string;
     testId: string;
-}>>> & Readonly<{
+}>>> & {
     onClick?: (event: MouseEvent) => any;
     "onUpdate:isChecked"?: (value: boolean) => any;
-}>, {
+}, {
     label: string;
     testId: string;
     size: "md" | "sm" | "lg";
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>, {
+}>, {
     default?(_: {}): any;
 }>;
 export default _default;

package/components/checkbox/v3/Checkbox.vue2.js

@@ -1,13 +1,13 @@
- import "../../../Checkbox.vue_vue_type_style_index_0_scoped_58dedb90_lang.css"; import { defineComponent as E, openBlock as i, createElementBlock as V, unref as e, normalizeClass as x, createElementVNode as r, mergeProps as F, createVNode as N, withCtx as b, createBlock as d, createCommentVNode as n, renderSlot as g, createTextVNode as D, toDisplayString as L } from "vue";
+ import "../../../Checkbox.vue_vue_type_style_index_0_scoped_58dedb90_lang.css"; import { defineComponent as z, openBlock as i, createElementBlock as B, unref as e, normalizeClass as E, createElementVNode as r, mergeProps as V, createVNode as S, withCtx as p, createBlock as s, createCommentVNode as c, renderSlot as F, createTextVNode as N, toDisplayString as g, pushScopeId as D, popScopeId as L } from "vue";
 import "../../typography/Heading.vue.js";
 import P from "../../typography/Text.vue.js";
 import T from "../../icon/v3/Icon.vue.js";
-import A from "./icons/unchecked.vue.js";
-import R from "./icons/checked.vue.js";
-import S from "./icons/indeterminate.vue.js";
+import v from "./icons/unchecked.vue.js";
+import w from "./icons/checked.vue.js";
+import A from "./icons/indeterminate.vue.js";
 import { CheckboxTestIdModifiers as a } from "../../../testids/index.js";
-import { checkboxCommon as v } from "../common/Checkbox.common.js";
-const w = ["for", "data-testid"], H = { class: "checkboxes" }, K = ["id", "disabled", "checked", ".indeterminate", "data-testid"], X = /* @__PURE__ */ E({
+import { checkboxCommon as R } from "../common/Checkbox.common.js";
+const H = (t) => (D("data-v-58dedb90"), t = t(), L(), t), K = ["for", "data-testid"], M = { class: "checkboxes" }, U = ["id", "disabled", "checked", ".indeterminate", "data-testid"], W = /* @__PURE__ */ H(() => /* @__PURE__ */ r("span", { class: "checkbox__inner" }, null, -1)), _ = /* @__PURE__ */ z({
   __name: "Checkbox",
   props: {
     isChecked: { type: Boolean },
@@ -18,81 +18,82 @@ const w = ["for", "data-testid"], H = { class: "checkboxes" }, K = ["id", "disab
     testId: { default: "" }
   },
   emits: ["update:isChecked", "click"],
-  setup(h, { emit: C }) {
+  setup(t, { emit: u }) {
+    const x = t;
     function I() {
       console.log("side-effect");
     }
     I();
-    const $ = h, c = C, {
+    const {
       id: m,
-      checkbox: y,
-      isFocusVisible: z,
-      handleFocus: u,
-      handleBlur: k,
-      indeterminate: l,
-      checked: p,
-      unchecked: B,
-      updateValue: f
-    } = v($, c);
-    return (t, o) => (i(), V("label", {
+      checkbox: C,
+      isFocusVisible: $,
+      handleFocus: k,
+      handleBlur: f,
+      indeterminate: n,
+      checked: b,
+      unchecked: y,
+      updateValue: h
+    } = R(x, u);
+    return (l, d) => (i(), B("label", {
       for: e(m),
-      class: x([[t.size, { "focus-visible": e(z), disabled: t.disabled }], "checkbox"]),
+      class: E([[t.size, { "focus-visible": e($), disabled: t.disabled }], "checkbox"]),
       "data-testid": `${t.testId}-${e(a).WRAPPER}`
     }, [
-      r("span", H, [
-        r("input", F(t.$attrs, {
+      r("span", M, [
+        r("input", V(l.$attrs, {
           id: e(m),
-          ref: e(y),
+          ref: e(C),
           disabled: t.disabled,
-          checked: e(p),
+          checked: e(b),
           class: "input",
-          ".indeterminate": e(l),
+          ".indeterminate": e(n),
           type: "checkbox",
           "data-testid": `${t.testId}-${e(a).FIELD}`,
-          onBlur: o[0] || (o[0] = //@ts-ignore
-          (...s) => e(k) && e(k)(...s)),
-          onFocus: o[1] || (o[1] = //@ts-ignore
-          (...s) => e(u) && e(u)(...s)),
-          onClick: o[2] || (o[2] = (s) => c("click", s)),
-          onInput: o[3] || (o[3] = //@ts-ignore
-          (...s) => e(f) && e(f)(...s))
-        }), null, 48, K),
-        o[4] || (o[4] = r("span", { class: "checkbox__inner" }, null, -1)),
-        N(e(T), { "font-size": t.size }, {
-          default: b(() => [
-            e(p) ? (i(), d(R, {
+          onBlur: d[0] || (d[0] = //@ts-ignore
+          (...o) => e(f) && e(f)(...o)),
+          onFocus: d[1] || (d[1] = //@ts-ignore
+          (...o) => e(k) && e(k)(...o)),
+          onClick: d[2] || (d[2] = (o) => u("click", o)),
+          onInput: d[3] || (d[3] = //@ts-ignore
+          (...o) => e(h) && e(h)(...o))
+        }), null, 16, U),
+        W,
+        S(e(T), { "font-size": t.size }, {
+          default: p(() => [
+            e(b) ? (i(), s(w, {
               key: 0,
               class: "checkbox-icon checked",
               "data-testid": `${t.testId}-${e(a).CHECKED}`
-            }, null, 8, ["data-testid"])) : n("", !0),
-            e(l) ? (i(), d(S, {
+            }, null, 8, ["data-testid"])) : c("", !0),
+            e(n) ? (i(), s(A, {
               key: 1,
               class: "checkbox-icon indeterminate"
-            })) : n("", !0),
-            e(B) && !e(l) ? (i(), d(A, {
+            })) : c("", !0),
+            e(y) && !e(n) ? (i(), s(v, {
               key: 2,
               class: "checkbox-icon unchecked"
-            })) : n("", !0)
+            })) : c("", !0)
           ]),
           _: 1
         }, 8, ["font-size"])
       ]),
-      t.label || t.$slots.default ? (i(), d(e(P), {
+      t.label || l.$slots.default ? (i(), s(e(P), {
         key: 0,
         size: t.size,
         class: "checkbox-text",
         "data-testid": `${t.testId}-${e(a).LABEL}`
       }, {
-        default: b(() => [
-          g(t.$slots, "default", {}, () => [
-            D(L(t.label), 1)
+        default: p(() => [
+          F(l.$slots, "default", {}, () => [
+            N(g(t.label), 1)
           ], !0)
         ]),
         _: 3
-      }, 8, ["size", "data-testid"])) : n("", !0)
-    ], 10, w));
+      }, 8, ["size", "data-testid"])) : c("", !0)
+    ], 10, K));
   }
 });
 export {
-  X as default
+  _ as default
 };

package/components/checkbox/v3/icons/checked.vue.d.ts

@@ -1,2 +1,2 @@
-declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
 export default _default;

package/components/checkbox/v3/icons/checked.vue.js

@@ -1,27 +1,27 @@
-import { openBlock as l, createElementBlock as o, createElementVNode as t } from "vue";
-import r from "../../../../_virtual/_plugin-vue_export-helper.js";
-const n = {}, c = {
+import { openBlock as t, createElementBlock as o, createElementVNode as e } from "vue";
+import n from "../../../../_virtual/_plugin-vue_export-helper.js";
+const l = {}, r = {
   viewBox: "0 0 16 16",
   fill: "none",
   xmlns: "http://www.w3.org/2000/svg"
-};
-function i(d, e) {
-  return l(), o("svg", c, e[0] || (e[0] = [
-    t("rect", {
-      width: "16",
-      height: "16",
-      rx: "4",
-      fill: "currentColor"
-    }, null, -1),
-    t("path", {
-      "fill-rule": "evenodd",
-      "clip-rule": "evenodd",
-      d: "M7.10356 11.8625L12.8536 6.46499C13.0488 6.28171 13.0488 5.98452 12.8536 5.80124L12.1465 5.13748C11.9512 4.95417 11.6346 4.95417 11.4393 5.13748L6.75 9.53936L4.56066 7.48422C4.36541 7.30093 4.04881 7.30093 3.85353 7.48422L3.14644 8.14797C2.95119 8.33125 2.95119 8.62844 3.14644 8.81172L6.39644 11.8625C6.59172 12.0458 6.90828 12.0458 7.10356 11.8625Z",
-      fill: "white"
-    }, null, -1)
-  ]));
+}, c = /* @__PURE__ */ e("rect", {
+  width: "16",
+  height: "16",
+  rx: "4",
+  fill: "currentColor"
+}, null, -1), i = /* @__PURE__ */ e("path", {
+  "fill-rule": "evenodd",
+  "clip-rule": "evenodd",
+  d: "M7.10356 11.8625L12.8536 6.46499C13.0488 6.28171 13.0488 5.98452 12.8536 5.80124L12.1465 5.13748C11.9512 4.95417 11.6346 4.95417 11.4393 5.13748L6.75 9.53936L4.56066 7.48422C4.36541 7.30093 4.04881 7.30093 3.85353 7.48422L3.14644 8.14797C2.95119 8.33125 2.95119 8.62844 3.14644 8.81172L6.39644 11.8625C6.59172 12.0458 6.90828 12.0458 7.10356 11.8625Z",
+  fill: "white"
+}, null, -1), s = [
+  c,
+  i
+];
+function _(d, h) {
+  return t(), o("svg", r, s);
 }
-const m = /* @__PURE__ */ r(n, [["render", i]]);
+const p = /* @__PURE__ */ n(l, [["render", _]]);
 export {
-  m as default
+  p as default
 };

package/components/checkbox/v3/icons/indeterminate.vue.d.ts

@@ -1,2 +1,2 @@
-declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
 export default _default;

package/components/checkbox/v3/icons/indeterminate.vue.js

@@ -1,28 +1,28 @@
-import { openBlock as r, createElementBlock as n, createElementVNode as t } from "vue";
-import o from "../../../../_virtual/_plugin-vue_export-helper.js";
-const l = {}, i = {
+import { openBlock as t, createElementBlock as o, createElementVNode as e } from "vue";
+import n from "../../../../_virtual/_plugin-vue_export-helper.js";
+const r = {}, c = {
   viewBox: "0 0 16 16",
   fill: "none",
   xmlns: "http://www.w3.org/2000/svg"
-};
-function c(s, e) {
-  return r(), n("svg", i, e[0] || (e[0] = [
-    t("rect", {
-      width: "16",
-      height: "16",
-      rx: "4",
-      fill: "currentColor"
-    }, null, -1),
-    t("rect", {
-      x: "4",
-      y: "7",
-      width: "8",
-      height: "2",
-      fill: "white"
-    }, null, -1)
-  ]));
+}, i = /* @__PURE__ */ e("rect", {
+  width: "16",
+  height: "16",
+  rx: "4",
+  fill: "currentColor"
+}, null, -1), l = /* @__PURE__ */ e("rect", {
+  x: "4",
+  y: "7",
+  width: "8",
+  height: "2",
+  fill: "white"
+}, null, -1), s = [
+  i,
+  l
+];
+function _(h, d) {
+  return t(), o("svg", c, s);
 }
-const d = /* @__PURE__ */ o(l, [["render", c]]);
+const w = /* @__PURE__ */ n(r, [["render", _]]);
 export {
-  d as default
+  w as default
 };

package/components/checkbox/v3/icons/unchecked.vue.d.ts

@@ -1,2 +1,2 @@
-declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
 export default _default;

package/components/checkbox/v3/icons/unchecked.vue.js

@@ -1,24 +1,24 @@
-import { openBlock as t, createElementBlock as o, createElementVNode as r } from "vue";
-import n from "../../../../_virtual/_plugin-vue_export-helper.js";
-const c = {}, s = {
+import { openBlock as e, createElementBlock as t, createElementVNode as o } from "vue";
+import r from "../../../../_virtual/_plugin-vue_export-helper.js";
+const c = {}, n = {
   viewBox: "0 0 16 16",
   fill: "none",
   xmlns: "http://www.w3.org/2000/svg"
-};
-function l(i, e) {
-  return t(), o("svg", s, e[0] || (e[0] = [
-    r("rect", {
-      x: "1",
-      y: "1",
-      width: "14",
-      height: "14",
-      rx: "3",
-      stroke: "currentColor",
-      "stroke-width": "2"
-    }, null, -1)
-  ]));
+}, s = /* @__PURE__ */ o("rect", {
+  x: "1",
+  y: "1",
+  width: "14",
+  height: "14",
+  rx: "3",
+  stroke: "currentColor",
+  "stroke-width": "2"
+}, null, -1), _ = [
+  s
+];
+function i(l, d) {
+  return e(), t("svg", n, _);
 }
-const m = /* @__PURE__ */ n(c, [["render", l]]);
+const m = /* @__PURE__ */ r(c, [["render", i]]);
 export {
   m as default
 };