@ironsource/shared-ui 2.1.12-test.61 → 2.1.12-test.63

package/index.js

@@ -1,6 +1,6 @@
 import './MenuItem.vue_vue_type_style_index_0_scoped_67e53b85_lang.css';
 import { AppTriggerTypes as eo } from "./components/appTrigger/index.js";
-import { AutocompleteDropdownTypes as to } from "./components/autocompleteDropdown/index.js";
+import { AutocompleteDropdownTypes as mo } from "./components/autocompleteDropdown/index.js";
 import { MenuItemTypes as ao } from "./components/menuItem/index.js";
 import { MenuTypes as fo } from "./components/menu/index.js";
 import { AppIconTypes as so } from "./components/appIcon/index.js";
@@ -16,8 +16,8 @@ import { FormCardTypes as wo, FormFieldTypes as Oo } from "./components/forms/in
 import * as o from "./components/button/v3/index.js";
 import * as r from "./components/button/v4/index.js";
 import * as e from "./components/chip/v3/index.js";
-import * as m from "./components/chip/v4/index.js";
-import * as t from "./components/switch/v3/index.js";
+import * as t from "./components/chip/v4/index.js";
+import * as m from "./components/switch/v3/index.js";
 import * as p from "./components/switch/v4/index.js";
 import * as a from "./components/dropdown/v3/index.js";
 import * as i from "./components/dropdown/v4/index.js";
@@ -77,7 +77,7 @@ import { default as Uo } from "./components/appTrigger/AppTrigger.vue.js";
 import { default as Xo } from "./components/autocompleteDropdown/AutocompleteDropdown.vue.js";
 import { default as or } from "./components/menuItem/MenuItem.vue.js";
 import { default as er } from "./components/menu/Menu.vue.js";
-import { default as tr } from "./components/appIcon/AppIcon.vue.js";
+import { default as mr } from "./components/appIcon/AppIcon.vue.js";
 import { default as ar } from "./components/floatingToolbar/FloatingToolbar.vue.js";
 import { default as fr } from "./components/includeExclude/IncludeExclude.vue.js";
 import { default as xr } from "./components/includeExclude/IncludeExcludeDragDrop.vue.js";
@@ -101,10 +101,11 @@ import { default as qr } from "./components/banner/Banner.vue.js";
 import { default as Gr } from "./components/alert/Alert.vue.js";
 import { default as Qr } from "./components/autocomplete/Autocomplete.vue.js";
 import { default as Ur } from "./components/chart/Chart.vue.js";
+import { ChartType as Xr, TooltipOrder as Zr, TrendDirection as oe } from "./components/chart/types.js";
 const Z = {
   ...e,
-  ...m,
   ...t,
+  ...m,
   ...p,
   ...o,
   ...r,
@@ -160,18 +161,19 @@ export {
   Cr as AddFilterButton,
   Gr as Alert,
   qo as AlertTypes,
-  tr as AppIcon,
+  mr as AppIcon,
   so as AppIconTypes,
   Uo as AppTrigger,
   eo as AppTriggerTypes,
   Qr as Autocomplete,
   Xo as AutocompleteDropdown,
-  to as AutocompleteDropdownTypes,
+  mo as AutocompleteDropdownTypes,
   Go as AutocompleteTypes,
   qr as Banner,
   jo as BannerTypes,
   Rr as CardPanel,
   Ur as Chart,
+  Xr as ChartType,
   Qo as ChartTypes,
   Ar as FilterDropdown,
   Fo as FilterDropdownTypes,
@@ -201,6 +203,8 @@ export {
   Hr as MultiBar,
   ho as MultiBarTypes,
   Mr as Text,
+  Zr as TooltipOrder,
+  oe as TrendDirection,
   wr as Typography,
   Ao as TypographyTypes,
   Co as TypographyTypesV4,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ironsource/shared-ui",
-  "version": "2.1.12-test.61",
+  "version": "2.1.12-test.63",
   "engines": {
     "npm": ">=7.0.0",
     "node": ">=16.0.0"

package/utils/text.d.ts

@@ -1 +1,4 @@
+import { Font } from '@/components/chart/types';
 export declare const isElementTruncated: (el: HTMLElement) => boolean;
+export declare function measureTextWidth(text: string, font: Font): number;
+export declare const truncateTextToFit: (text: string, font: Font, availableSpace: number) => string;

package/utils/text.js

@@ -1,9 +1,28 @@
-const o = (t) => {
+import { ELLIPSIS as a } from "../consts/common.js";
+const u = (t) => {
   const e = new Range();
   e.selectNodeContents(t);
-  const n = e.getBoundingClientRect(), c = t.getBoundingClientRect();
-  return n.right > c.right;
-}, r = (t) => t ? t.scrollWidth !== t.offsetWidth ? t.scrollWidth > t.offsetWidth : o(t) : !1;
+  const n = e.getBoundingClientRect(), s = t.getBoundingClientRect();
+  return n.right > s.right;
+}, w = (t) => t ? t.scrollWidth !== t.offsetWidth ? t.scrollWidth > t.offsetWidth : u(t) : !1, g = document.createElement("canvas"), o = g.getContext("2d");
+function h(t, e) {
+  if (!o)
+    throw new Error("missing canvas context");
+  return o.font = `${e.weight} ${e.size}px ${e.family}`, o.measureText(t).width;
+}
+const W = (t, e, n) => {
+  const s = h(a, e);
+  if (h(t, e) <= n)
+    return t;
+  let r = 0, i = t.length, l = t;
+  for (; r <= i; ) {
+    const c = Math.floor((r + i) / 2), d = t.slice(0, c);
+    h(d, e) + s <= n ? (l = d, r = c + 1) : i = c - 1;
+  }
+  return l + a;
+};
 export {
-  r as isElementTruncated
+  w as isElementTruncated,
+  h as measureTextWidth,
+  W as truncateTextToFit
 };

package/utils/utils.d.ts

@@ -0,0 +1 @@
+export declare const isNullOrUndefined: (object: unknown) => boolean;

package/utils/utils.js

@@ -0,0 +1,4 @@
+const l = (n) => n == null;
+export {
+  l as isNullOrUndefined
+};

package/Chart.vue_vue_type_style_index_0_scoped_de950ffe_lang.css

@@ -1 +0,0 @@
-.chart-container[data-v-de950ffe]{border:1px solid var(--common-divider);background:var(--background-paper);display:flex;border-radius:0 0 6px 6px;width:100%}.chart-planes[data-v-de950ffe]{width:100%;height:100%;overflow-y:auto}.chart-planes.with-legend[data-v-de950ffe]{width:calc(100% - 221px)}.chart-planes .extra-chart-plane[data-v-de950ffe]{border-top:1px solid var(--common-divider)}.chart-sidebar[data-v-de950ffe]{border-left:1px solid var(--common-divider)}

package/ChartHeader.vue_vue_type_style_index_0_scoped_1ff0e54f_lang.css

@@ -1 +0,0 @@
-.chart-header[data-v-1ff0e54f]{display:flex;align-items:center;justify-content:space-between;padding:24px 24px 0}.chart-header .subheader[data-v-1ff0e54f]{color:var(--text-secondary)}.chart-header--compact[data-v-1ff0e54f]{padding-top:22px}.chart-header--compact .header-texts[data-v-1ff0e54f]{flex-direction:row}.chart-header--compact .header-text[data-v-1ff0e54f]{color:var(--text-secondary)}.header-row[data-v-1ff0e54f]{display:flex;align-items:flex-end;gap:4px}.header-texts[data-v-1ff0e54f]{display:flex;flex-direction:column;color:var(--text-primary);gap:4px;cursor:default}.type-switch[data-v-1ff0e54f]{display:flex;align-items:center;gap:4px}.subheader-tooltip[data-v-1ff0e54f]{display:flex;flex-direction:column;gap:.25rem}.subheader-tooltip__text[data-v-1ff0e54f]{color:var(--text-secondary)}

package/ChartHeaderTrend.vue_vue_type_style_index_0_scoped_21ce0774_lang.css

@@ -1 +0,0 @@
-.chart-trend[data-v-21ce0774]{display:flex}.chart-trend--up[data-v-21ce0774]{color:var(--success-contrast-text)}.chart-trend--up .trend-icon[data-v-21ce0774]{color:var(--success-darker)}.chart-trend--down[data-v-21ce0774]{color:var(--error-contrast-text)}.chart-trend--down .trend-icon[data-v-21ce0774]{color:var(--error-dark)}.chart-trend .trend-icon[data-v-21ce0774]{align-self:normal}.chart-trend-tooltip[data-v-21ce0774]{align-items:normal}.trend-tooltip[data-v-21ce0774]{display:flex;flex-direction:column}.trend-tooltip__header[data-v-21ce0774]{margin-bottom:.375rem}.trend-tooltip__text[data-v-21ce0774]{color:var(--text-secondary)}.separator[data-v-21ce0774]{display:flex;align-items:center;gap:.5rem;justify-content:center;height:1.1875rem}.separator__text[data-v-21ce0774]{display:block;color:var(--text-secondary)}.separator hr[data-v-21ce0774]{width:100%;height:1px;border:0;background:var(--common-divider)}

package/ChartLegend.vue_vue_type_style_index_0_scoped_da487aba_lang.css

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

package/ChartPlane.vue_vue_type_style_index_0_scoped_ae87f435_lang.css

@@ -1 +0,0 @@
-.chart-plane[data-v-ae87f435]{--headerHeight: var(--4640c185);width:100%}.chart-plane[data-v-ae87f435],.chart-loading[data-v-ae87f435],.chart-empty[data-v-ae87f435]{height:var(--07515470)}.header-wrapper[data-v-ae87f435]{height:var(--headerHeight)}.chart[data-v-ae87f435]{width:100%;height:calc(100% - var(--headerHeight));position:relative}.chart__canvas[data-v-ae87f435]{width:100%;height:100%}.chart__tooltip[data-v-ae87f435]{position:absolute;pointer-events:none;transition:all .1s ease;min-width:214px;max-width:270px;z-index:1}

package/ChartTooltip.vue_vue_type_style_index_0_scoped_25d0e129_lang.css

@@ -1 +0,0 @@
-.chart-tooltip[data-v-25d0e129]{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)}.tooltip-title-wrapper[data-v-25d0e129]{display:flex;flex-direction:column;color:var(--text-primary);margin-bottom:var(--spacing-100)}.tooltip-title-wrapper .tooltip-sub-title[data-v-25d0e129]{color:var(--text-secondary)}.color-box[data-v-25d0e129]{width:12px;height:12px;border-radius:2px;display:inline-block;margin-right:var(--spacing-100)}.color-box+.platform-icon[data-v-25d0e129]{margin-left:calc(var(--spacing-50) - var(--spacing-100))}.list[data-v-25d0e129]{list-style:none;margin:0;padding:0}.list__item[data-v-25d0e129]{display:flex;align-items:center;margin-bottom:var(--spacing-50);color:var(--text-secondary)}.list__item[data-v-25d0e129]:last-child{margin-bottom:0}.platform-icon[data-v-25d0e129]{color:var(--action-active);margin-right:var(--spacing-50)}.popover-label-wrapper[data-v-25d0e129]{display:flex;width:200px;flex-grow:1}.truncated-label[data-v-25d0e129]{max-width:90%}.tooltip-footer[data-v-25d0e129]{display:flex;align-items:center;margin-top:var(--spacing-100);color:var(--text-primary)}.flex-grow[data-v-25d0e129]{flex-grow:1}