@ironsource/shared-ui 2.1.12-test.60 → 2.1.12-test.62

package/components/chart/index.d.ts

@@ -16,22 +16,25 @@ declare const ChartTypes: () => ({
             chartType: import("./types").ChartType;
             hideLegend: boolean;
             xAxisFormat: import("./types").ValueFormat;
-            yAxisFormat: import("./types").ValueFormat;
+            totalsChart: boolean;
             parsing: import("./types").ChartParsingConfig;
+            yAxisFormat: import("./types").ValueFormat;
             dataSets: import("./types").ChartDataSet[];
             trendTooltip: any;
             subheader: string;
             subheaderTooltip: any;
             trendValue: string | number;
-            trendDirection: "up" | "down";
+            trendDirection: import("./types").TrendDirection;
             tickCount: number;
+            truncateTickLabels: boolean;
+            keepSubheaderVisible: boolean;
             noDataIcon: string;
             noDataTitle: string;
             noDataSubtitle: string;
             withAnimation: boolean;
             tooltipTotalType: import("../../utils/totals").TotalType;
             tooltipTotalCalcFn: (values: number[], totalType: import("../../utils/totals").TotalType) => number;
-            totalsChart: boolean;
+            tooltipOrder: import("./types").TooltipOrder;
             fullHeight: boolean;
             withSettingsHeader: boolean;
             extraCharts: Record<string, unknown>[];
@@ -85,14 +88,18 @@ declare const ChartTypes: () => ({
                 type: import("vue").PropType<import("./types").ValueFormat>;
                 default: string;
             };
-            yAxisFormat: {
-                type: import("vue").PropType<import("./types").ValueFormat>;
-                default: string;
+            totalsChart: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
             };
             parsing: {
                 type: import("vue").PropType<import("./types").ChartParsingConfig>;
                 default: any;
             };
+            yAxisFormat: {
+                type: import("vue").PropType<import("./types").ValueFormat>;
+                default: string;
+            };
             dataSets: {
                 type: import("vue").PropType<import("./types").ChartDataSet[]>;
                 required: true;
@@ -122,13 +129,21 @@ declare const ChartTypes: () => ({
                 default: any;
             };
             trendDirection: {
-                type: import("vue").PropType<"up" | "down">;
-                default: string;
+                type: import("vue").PropType<import("./types").TrendDirection>;
+                default: import("./types").TrendDirection;
             };
             tickCount: {
                 type: import("vue").PropType<number>;
                 default: number;
             };
+            truncateTickLabels: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
+            keepSubheaderVisible: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
             noDataIcon: {
                 type: import("vue").PropType<string>;
                 default: string;
@@ -153,9 +168,9 @@ declare const ChartTypes: () => ({
                 type: import("vue").PropType<(values: number[], totalType: import("../../utils/totals").TotalType) => number>;
                 default: (values: number[], totalType: import("../../utils/totals").TotalType) => number;
             };
-            totalsChart: {
-                type: import("vue").PropType<boolean>;
-                default: boolean;
+            tooltipOrder: {
+                type: import("vue").PropType<import("./types").TooltipOrder>;
+                default: import("./types").TooltipOrder;
             };
             fullHeight: {
                 type: import("vue").PropType<boolean>;
@@ -173,7 +188,7 @@ declare const ChartTypes: () => ({
             "onUpdate:visibleIds"?: (visibleIds: unknown[]) => any;
             "onUpdate:sortSelected"?: (sortOption: unknown) => any;
             "onUpdate:chartType"?: (chartType: import("./types").ChartType) => any;
-        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "header" | "loading" | "visibleIds" | "minVisible" | "maxVisible" | "maxLimitTooltipText" | "sortSelected" | "sortOptions" | "sortOptionNameKey" | "chartType" | "hideLegend" | "xAxisFormat" | "yAxisFormat" | "parsing" | "dataSets" | "trendTooltip" | "subheader" | "subheaderTooltip" | "trendValue" | "trendDirection" | "tickCount" | "noDataIcon" | "noDataTitle" | "noDataSubtitle" | "withAnimation" | "tooltipTotalType" | "tooltipTotalCalcFn" | "totalsChart" | "fullHeight" | "withSettingsHeader" | "extraCharts">;
+        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "header" | "loading" | "visibleIds" | "minVisible" | "maxVisible" | "maxLimitTooltipText" | "sortSelected" | "sortOptions" | "sortOptionNameKey" | "chartType" | "hideLegend" | "xAxisFormat" | "totalsChart" | "parsing" | "yAxisFormat" | "dataSets" | "trendTooltip" | "subheader" | "subheaderTooltip" | "trendValue" | "trendDirection" | "tickCount" | "truncateTickLabels" | "keepSubheaderVisible" | "noDataIcon" | "noDataTitle" | "noDataSubtitle" | "withAnimation" | "tooltipTotalType" | "tooltipTotalCalcFn" | "tooltipOrder" | "fullHeight" | "withSettingsHeader" | "extraCharts">;
         $attrs: {
             [x: string]: unknown;
         };
@@ -237,14 +252,18 @@ declare const ChartTypes: () => ({
                 type: import("vue").PropType<import("./types").ValueFormat>;
                 default: string;
             };
-            yAxisFormat: {
-                type: import("vue").PropType<import("./types").ValueFormat>;
-                default: string;
+            totalsChart: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
             };
             parsing: {
                 type: import("vue").PropType<import("./types").ChartParsingConfig>;
                 default: any;
             };
+            yAxisFormat: {
+                type: import("vue").PropType<import("./types").ValueFormat>;
+                default: string;
+            };
             dataSets: {
                 type: import("vue").PropType<import("./types").ChartDataSet[]>;
                 required: true;
@@ -274,13 +293,21 @@ declare const ChartTypes: () => ({
                 default: any;
             };
             trendDirection: {
-                type: import("vue").PropType<"up" | "down">;
-                default: string;
+                type: import("vue").PropType<import("./types").TrendDirection>;
+                default: import("./types").TrendDirection;
             };
             tickCount: {
                 type: import("vue").PropType<number>;
                 default: number;
             };
+            truncateTickLabels: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
+            keepSubheaderVisible: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
             noDataIcon: {
                 type: import("vue").PropType<string>;
                 default: string;
@@ -305,9 +332,9 @@ declare const ChartTypes: () => ({
                 type: import("vue").PropType<(values: number[], totalType: import("../../utils/totals").TotalType) => number>;
                 default: (values: number[], totalType: import("../../utils/totals").TotalType) => number;
             };
-            totalsChart: {
-                type: import("vue").PropType<boolean>;
-                default: boolean;
+            tooltipOrder: {
+                type: import("vue").PropType<import("./types").TooltipOrder>;
+                default: import("./types").TooltipOrder;
             };
             fullHeight: {
                 type: import("vue").PropType<boolean>;
@@ -342,22 +369,25 @@ declare const ChartTypes: () => ({
             chartType: import("./types").ChartType;
             hideLegend: boolean;
             xAxisFormat: import("./types").ValueFormat;
-            yAxisFormat: import("./types").ValueFormat;
+            totalsChart: boolean;
             parsing: import("./types").ChartParsingConfig;
+            yAxisFormat: import("./types").ValueFormat;
             dataSets: import("./types").ChartDataSet[];
             trendTooltip: any;
             subheader: string;
             subheaderTooltip: any;
             trendValue: string | number;
-            trendDirection: "up" | "down";
+            trendDirection: import("./types").TrendDirection;
             tickCount: number;
+            truncateTickLabels: boolean;
+            keepSubheaderVisible: boolean;
             noDataIcon: string;
             noDataTitle: string;
             noDataSubtitle: string;
             withAnimation: boolean;
             tooltipTotalType: import("../../utils/totals").TotalType;
             tooltipTotalCalcFn: (values: number[], totalType: import("../../utils/totals").TotalType) => number;
-            totalsChart: boolean;
+            tooltipOrder: import("./types").TooltipOrder;
             fullHeight: boolean;
             withSettingsHeader: boolean;
             extraCharts: Record<string, unknown>[];
@@ -431,14 +461,18 @@ declare const ChartTypes: () => ({
             type: import("vue").PropType<import("./types").ValueFormat>;
             default: string;
         };
-        yAxisFormat: {
-            type: import("vue").PropType<import("./types").ValueFormat>;
-            default: string;
+        totalsChart: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
         };
         parsing: {
             type: import("vue").PropType<import("./types").ChartParsingConfig>;
             default: any;
         };
+        yAxisFormat: {
+            type: import("vue").PropType<import("./types").ValueFormat>;
+            default: string;
+        };
         dataSets: {
             type: import("vue").PropType<import("./types").ChartDataSet[]>;
             required: true;
@@ -468,13 +502,21 @@ declare const ChartTypes: () => ({
             default: any;
         };
         trendDirection: {
-            type: import("vue").PropType<"up" | "down">;
-            default: string;
+            type: import("vue").PropType<import("./types").TrendDirection>;
+            default: import("./types").TrendDirection;
         };
         tickCount: {
             type: import("vue").PropType<number>;
             default: number;
         };
+        truncateTickLabels: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+        keepSubheaderVisible: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
         noDataIcon: {
             type: import("vue").PropType<string>;
             default: string;
@@ -499,9 +541,9 @@ declare const ChartTypes: () => ({
             type: import("vue").PropType<(values: number[], totalType: import("../../utils/totals").TotalType) => number>;
             default: (values: number[], totalType: import("../../utils/totals").TotalType) => number;
         };
-        totalsChart: {
-            type: import("vue").PropType<boolean>;
-            default: boolean;
+        tooltipOrder: {
+            type: import("vue").PropType<import("./types").TooltipOrder>;
+            default: import("./types").TooltipOrder;
         };
         fullHeight: {
             type: import("vue").PropType<boolean>;
@@ -573,14 +615,18 @@ declare const ChartTypes: () => ({
         type: import("vue").PropType<import("./types").ValueFormat>;
         default: string;
     };
-    yAxisFormat: {
-        type: import("vue").PropType<import("./types").ValueFormat>;
-        default: string;
+    totalsChart: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
     };
     parsing: {
         type: import("vue").PropType<import("./types").ChartParsingConfig>;
         default: any;
     };
+    yAxisFormat: {
+        type: import("vue").PropType<import("./types").ValueFormat>;
+        default: string;
+    };
     dataSets: {
         type: import("vue").PropType<import("./types").ChartDataSet[]>;
         required: true;
@@ -610,13 +656,21 @@ declare const ChartTypes: () => ({
         default: any;
     };
     trendDirection: {
-        type: import("vue").PropType<"up" | "down">;
-        default: string;
+        type: import("vue").PropType<import("./types").TrendDirection>;
+        default: import("./types").TrendDirection;
     };
     tickCount: {
         type: import("vue").PropType<number>;
         default: number;
     };
+    truncateTickLabels: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+    keepSubheaderVisible: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
     noDataIcon: {
         type: import("vue").PropType<string>;
         default: string;
@@ -641,9 +695,9 @@ declare const ChartTypes: () => ({
         type: import("vue").PropType<(values: number[], totalType: import("../../utils/totals").TotalType) => number>;
         default: (values: number[], totalType: import("../../utils/totals").TotalType) => number;
     };
-    totalsChart: {
-        type: import("vue").PropType<boolean>;
-        default: boolean;
+    tooltipOrder: {
+        type: import("vue").PropType<import("./types").TooltipOrder>;
+        default: import("./types").TooltipOrder;
     };
     fullHeight: {
         type: import("vue").PropType<boolean>;
@@ -678,22 +732,25 @@ declare const ChartTypes: () => ({
     chartType: import("./types").ChartType;
     hideLegend: boolean;
     xAxisFormat: import("./types").ValueFormat;
-    yAxisFormat: import("./types").ValueFormat;
+    totalsChart: boolean;
     parsing: import("./types").ChartParsingConfig;
+    yAxisFormat: import("./types").ValueFormat;
     dataSets: import("./types").ChartDataSet[];
     trendTooltip: any;
     subheader: string;
     subheaderTooltip: any;
     trendValue: string | number;
-    trendDirection: "up" | "down";
+    trendDirection: import("./types").TrendDirection;
     tickCount: number;
+    truncateTickLabels: boolean;
+    keepSubheaderVisible: boolean;
     noDataIcon: string;
     noDataTitle: string;
     noDataSubtitle: string;
     withAnimation: boolean;
     tooltipTotalType: import("../../utils/totals").TotalType;
     tooltipTotalCalcFn: (values: number[], totalType: import("../../utils/totals").TotalType) => number;
-    totalsChart: boolean;
+    tooltipOrder: import("./types").TooltipOrder;
     fullHeight: boolean;
     withSettingsHeader: boolean;
     extraCharts: Record<string, unknown>[];
@@ -705,5 +762,6 @@ declare const ChartTypes: () => ({
         "subheader-tooltip"?(_: {}): any;
     };
 }))[];
-export type { ChartType, ChartDataRecord, ChartDataSet, ChartParsingConfig, } from './types';
+export type { ChartDataRecord, ChartDataSet, ChartParsingConfig, } from './types';
+export { ChartType, TooltipOrder, TrendDirection } from './types';
 export { Chart, ChartTypes };

package/components/chart/mockData.d.ts

@@ -8,6 +8,7 @@ export declare const SINGLE_DATASET_DATE: {
 }[];
 export declare const SINGLE_DATASET_COUNTRY: {
     id: string;
+    countryFlag: string;
     label: string;
     data: {
         value: number;
@@ -15,6 +16,16 @@ export declare const SINGLE_DATASET_COUNTRY: {
         value3: number;
     }[];
 }[];
+export declare const SINGLE_DATASET_APP: {
+    id: string;
+    label: string;
+    icon: string;
+    image: string;
+    data: {
+        app: string;
+        value: number;
+    }[];
+}[];
 export declare const MULTIPLE_DATASETS_DATE: ({
     id: number;
     label: string;

package/components/chart/types.d.ts

@@ -1,7 +1,7 @@
 import { Ref } from 'vue';
 import { UseVirtualListItem } from '@vueuse/core';
 import { IconTypes } from '../icon/v4/Icon.types';
-import { ChartTypeRegistry, TooltipItem } from 'chart.js';
+import { ChartDataset, ChartTypeRegistry, TooltipItem } from 'chart.js';
 export declare enum ChartType {
     Line = "line",
     Bar = "bar",
@@ -17,6 +17,8 @@ export type ChartDataSet = {
     color?: HexColor;
     icon?: string;
     iconType?: IconTypes;
+    countryFlag?: string;
+    image?: string;
 };
 export type ChartParsingConfig = {
     xAxisKey: string;
@@ -32,10 +34,7 @@ export type LegendItem = {
     iconType?: IconTypes;
 };
 export interface MyTooltipItem<T extends keyof ChartTypeRegistry = keyof ChartTypeRegistry> extends TooltipItem<T> {
-    dataset: {
-        icon?: string;
-        iconType?: IconTypes;
-    } & TooltipItem<T>['dataset'];
+    dataset: ChartDataSet & TooltipItem<T>['dataset'];
 }
 export type UseVirtualListResult = {
     list: Ref<UseVirtualListItem<LegendItem>[]>;
@@ -60,3 +59,24 @@ export type UseChartHeightArgs = {
     useFullHeight: boolean;
 };
 export type HexColor = `#${string}`;
+export type DataSetConfig = ChartDataset<'line'> & ChartDataSet;
+export interface Font {
+    size: number;
+    weight: number;
+    family: string;
+}
+export type PrepareTicksLabelArgs = {
+    label: string;
+    format: ValueFormat;
+    availableSpace: number;
+    truncate?: boolean;
+};
+export declare enum TooltipOrder {
+    Legend = "legend",
+    YAxis = "yAxis"
+}
+export declare enum TrendDirection {
+    UP = "up",
+    DOWN = "down",
+    NEUTRAL = "right"
+}

package/components/chart/types.js

@@ -1,4 +1,6 @@
-var a = /* @__PURE__ */ ((e) => (e.Line = "line", e.Bar = "bar", e.StackedLine = "stackedLine", e.StackedBar = "stackedBar", e))(a || {});
+var e = /* @__PURE__ */ ((a) => (a.Line = "line", a.Bar = "bar", a.StackedLine = "stackedLine", a.StackedBar = "stackedBar", a))(e || {}), n = /* @__PURE__ */ ((a) => (a.Legend = "legend", a.YAxis = "yAxis", a))(n || {}), r = /* @__PURE__ */ ((a) => (a.UP = "up", a.DOWN = "down", a.NEUTRAL = "right", a))(r || {});
 export {
-  a as ChartType
+  e as ChartType,
+  n as TooltipOrder,
+  r as TrendDirection
 };

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

@@ -0,0 +1,3 @@
+import { DataSetConfig } from '@is-ssp/chart/types';
+export declare const storeOriginalDatasetColors: (dataset: DataSetConfig) => void;
+export declare const restoreOriginalDatasetColors: (dataset: DataSetConfig) => void;

package/components/chart/utils/highlightUtils.js

@@ -0,0 +1,18 @@
+const _ = [
+  "borderColor",
+  "backgroundColor",
+  "pointBackgroundColor",
+  "pointHoverBorderColor"
+], l = (o) => {
+  _.forEach((r) => {
+    o[`___${r}`] = o[r];
+  });
+}, n = (o) => {
+  _.forEach((r) => {
+    o[`___${r}`] && (o[r] = o[`___${r}`], delete o[`___${r}`]);
+  });
+};
+export {
+  n as restoreOriginalDatasetColors,
+  l as storeOriginalDatasetColors
+};

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

@@ -1,3 +1,4 @@
-import { ValueFormat } from '@/components/chart/types';
+import { PrepareTicksLabelArgs, ValueFormat } from '@/components/chart/types';
 export declare const calcStepSize: (min: number, max: number, tickCount: number) => number;
 export declare const formatValue: (value: number | string, valueFormat: ValueFormat) => string;
+export declare const prepareTickLabel: ({ label, format, availableSpace, truncate, }: PrepareTicksLabelArgs) => string | string[];

package/components/chart/utils/utils.js

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

package/consts/common.d.ts

@@ -0,0 +1 @@
+export declare const ELLIPSIS = "...";

package/consts/common.js

@@ -0,0 +1,4 @@
+const o = "...";
+export {
+  o as ELLIPSIS
+};

package/consts/regex.d.ts

@@ -1 +1,2 @@
 export declare const REGEX_NUMBER_INPUT: RegExp;
+export declare const REGEX_LINEBREAK: RegExp;

package/consts/regex.js

@@ -1,4 +1,5 @@
-const E = /^[0-9.]*$/;
+const E = /^[0-9.]*$/, R = /\n/;
 export {
+  R as REGEX_LINEBREAK,
   E as REGEX_NUMBER_INPUT
 };

package/index.js

@@ -1,6 +1,6 @@
 import './AutocompleteDropdown.vue_vue_type_style_index_0_scoped_214ddaf4_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";
@@ -100,11 +100,12 @@ import { default as jr } from "./components/forms/FormField.vue.js";
 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 Ur, TooltipOrder as Wr, TrendDirection as Xr } from "./components/chart/types.js";
+import { default as oe } from "./components/chart/Chart.vue.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,
+  oe as Chart,
+  Ur 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,
+  Wr as TooltipOrder,
+  Xr 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.60",
+  "version": "2.1.12-test.62",
   "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)}