@ironsource/shared-ui 2.1.12-rc.39 → 2.1.12-rc.40

package/ChartTooltip.vue_vue_type_style_index_0_scoped_3d0780bb_lang.css

@@ -0,0 +1 @@
+.chart-tooltip[data-v-3d0780bb]{color:var(--text-primary);background:var(--common-white);box-shadow:0 4px 8px -2px #1018281f;border:1px solid var(--common-divider-elevation-0);border-radius:var(--border-radius-md);width:280px;padding:calc(var(--spacing-100) - 1px)}.color-box[data-v-3d0780bb]{width:12px;height:12px;border-radius:2px;display:inline-block;margin-right:var(--spacing-100)}.color-box+.platform-icon[data-v-3d0780bb]{margin-left:calc(var(--spacing-50) - var(--spacing-100))}.list[data-v-3d0780bb]{list-style:none;margin:0;padding:0}.list__item[data-v-3d0780bb]{display:flex;align-items:center;margin-bottom:var(--spacing-50);color:var(--text-secondary)}.list__item[data-v-3d0780bb]:last-child{margin-bottom:0}.platform-icon[data-v-3d0780bb]{color:var(--action-active);margin-right:var(--spacing-50)}.popover-label-wrapper[data-v-3d0780bb]{display:flex;width:200px;flex-grow:1}.truncated-label[data-v-3d0780bb]{max-width:90%}.tooltip-footer[data-v-3d0780bb]{display:flex;align-items:center;margin-top:var(--spacing-100);color:var(--text-primary)}.flex-grow[data-v-3d0780bb]{flex-grow:1}

package/components/chart/ChartTooltip.vue.js

@@ -1,7 +1,7 @@
 import o from "./ChartTooltip.vue2.js";
 /* empty css                   */import t from "../../_virtual/_plugin-vue_export-helper.js";
-// import "../../ChartTooltip.vue_vue_type_style_index_0_scoped_3315b68f_lang.css"; //*');
-const s = /* @__PURE__ */ t(o, [["__scopeId", "data-v-3315b68f"]]);
+// import "../../ChartTooltip.vue_vue_type_style_index_0_scoped_3d0780bb_lang.css"; //*');
+const s = /* @__PURE__ */ t(o, [["__scopeId", "data-v-3d0780bb"]]);
 export {
   s as default
 };

package/components/chart/ChartTooltip.vue2.js

@@ -1,4 +1,4 @@
- import "../../ChartTooltip.vue_vue_type_style_index_0_scoped_3315b68f_lang.css"; import { defineComponent as m, openBlock as a, createElementBlock as o, createBlock as c, createCommentVNode as r, Fragment as y, renderList as v, createElementVNode as f, normalizeStyle as h, unref as l, createVNode as i, withCtx as n, createTextVNode as u, toDisplayString as s } from "vue";
+ import "../../ChartTooltip.vue_vue_type_style_index_0_scoped_3d0780bb_lang.css"; import { defineComponent as m, openBlock as a, createElementBlock as o, createBlock as f, createCommentVNode as r, Fragment as y, renderList as v, createElementVNode as c, normalizeStyle as h, unref as l, createVNode as i, withCtx as n, createTextVNode as u, toDisplayString as s } from "vue";
 import d from "../typography/v4/Typography.vue.js";
 import b from "../icon/v4/IconV4.vue.js";
 import "../icon/v4/IconFlag.vue.js";
@@ -26,7 +26,7 @@ const C = { class: "chart-tooltip" }, g = {
   },
   setup(t) {
     return (F, S) => (a(), o("div", C, [
-      t.title ? (a(), c(k, {
+      t.title ? (a(), f(k, {
         key: 0,
         title: t.title,
         "data-points": t.dataPoints,
@@ -39,20 +39,20 @@ const C = { class: "chart-tooltip" }, g = {
           key: e.datasetIndex,
           class: "list__item"
         }, [
-          f("span", {
+          c("span", {
             class: "color-box",
             style: h({
               backgroundColor: String(e.dataset.pointBackgroundColor)
             })
           }, null, 4),
-          e.dataset.icon ? (a(), c(l(b), {
+          e.dataset.icon ? (a(), f(l(b), {
             key: 0,
             class: "platform-icon",
             type: e.dataset.iconType,
             name: e.dataset.icon,
             size: "16px"
           }, null, 8, ["type", "name"])) : r("", !0),
-          f("div", V, [
+          c("div", V, [
             i(l(d), {
               variant: "body2",
               class: "flex-grow truncated-label",
@@ -66,7 +66,7 @@ const C = { class: "chart-tooltip" }, g = {
           ]),
           i(l(d), { variant: "body2" }, {
             default: n(() => [
-              u(s(t.valuePrefix + l(x)(e.parsed.y, t.yAxisFormat, !0) + t.valueSuffix), 1)
+              u(s(t.valuePrefix + l(x)(e.parsed.y, t.yAxisFormat, !0, !1) + t.valueSuffix), 1)
             ]),
             _: 2
           }, 1024)

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

package/index.js

@@ -1,4 +1,4 @@
-import './AppTrigger.vue_vue_type_style_index_0_scoped_121aac8b_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-rc.39",
+  "version": "2.1.12-rc.40",
   "engines": {
     "npm": ">=7.0.0",
     "node": ">=16.0.0"

package/ChartTooltip.vue_vue_type_style_index_0_scoped_3315b68f_lang.css

@@ -1 +0,0 @@
-.chart-tooltip[data-v-3315b68f]{color:var(--text-primary);background:var(--common-white);box-shadow:0 4px 8px -2px #1018281f;border:1px solid var(--common-divider-elevation-0);border-radius:var(--border-radius-md);width:280px;padding:calc(var(--spacing-100) - 1px)}.color-box[data-v-3315b68f]{width:12px;height:12px;border-radius:2px;display:inline-block;margin-right:var(--spacing-100)}.color-box+.platform-icon[data-v-3315b68f]{margin-left:calc(var(--spacing-50) - var(--spacing-100))}.list[data-v-3315b68f]{list-style:none;margin:0;padding:0}.list__item[data-v-3315b68f]{display:flex;align-items:center;margin-bottom:var(--spacing-50);color:var(--text-secondary)}.list__item[data-v-3315b68f]:last-child{margin-bottom:0}.platform-icon[data-v-3315b68f]{color:var(--action-active);margin-right:var(--spacing-50)}.popover-label-wrapper[data-v-3315b68f]{display:flex;width:200px;flex-grow:1}.truncated-label[data-v-3315b68f]{max-width:90%}.tooltip-footer[data-v-3315b68f]{display:flex;align-items:center;margin-top:var(--spacing-100);color:var(--text-primary)}.flex-grow[data-v-3315b68f]{flex-grow:1}