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

package/components/chart/mockData.d.ts

@@ -1,30 +1,54 @@
 export declare const SINGLE_DATASET_DATE: {
+    id: string;
+    label: string;
+    data: {
+        date: string;
+        value: number;
+    }[];
+}[];
+export declare const SINGLE_DATASET_DATE_MONTHLY: {
+    id: string;
     label: string;
     data: {
         date: string;
         value: number;
     }[];
-    color: string;
 }[];
 export declare const SINGLE_DATASET_COUNTRY: {
+    id: string;
+    countryFlag: string;
     label: string;
     data: {
-        country: string;
         value: number;
+        value2: number;
+        value3: number;
     }[];
 }[];
-export declare const MULTIPLE_DATASETS_DATE: ({
+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;
     caption: string;
+    isTotal: boolean;
     icon: string;
     data: {
         date: string;
         value: number;
+        value2: number;
+        value3: number;
     }[];
     iconType?: undefined;
 } | {
-    id: string;
+    id: number;
     label: string;
     caption: string;
     icon: string;
@@ -32,14 +56,44 @@ export declare const MULTIPLE_DATASETS_DATE: ({
     data: {
         date: string;
         value: number;
+        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: string;
+    id: number;
     label: string;
     data: {
         date: string;
         value: number;
+        value2: number;
+        value3: number;
     }[];
 }[];
 export declare const generateMockData: (numSeries?: number) => any[];
+export declare const metricOptions: {
+    id: string;
+    label: string;
+}[];
+export declare const breakdownsOptions: {
+    id: string;
+    label: string;
+}[];
+export declare const LEGEND_SORTING_OPTIONS: {
+    id: string;
+    label: string;
+}[];

package/components/chart/types.d.ts

@@ -1,22 +1,30 @@
 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",
     StackedLine = "stackedLine",
     StackedBar = "stackedBar"
 }
+export declare enum DateInterval {
+    DAILY = "daily",
+    WEEKLY = "weekly",
+    MONTHLY = "monthly"
+}
 export type ChartDataRecord = Record<string, unknown>;
 export type ChartDataSet = {
     id: string | number;
     label: string;
     data: ChartDataRecord[];
     caption?: string;
-    color?: string;
+    color?: HexColor;
     icon?: string;
     iconType?: IconTypes;
+    countryFlag?: string;
+    image?: string;
+    isTotal?: boolean;
 };
 export type ChartParsingConfig = {
     xAxisKey: string;
@@ -32,10 +40,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>[]>;
@@ -55,3 +60,31 @@ export type DropdownTypeOption = {
     id: ChartType;
     name: string;
 };
+export type UseChartHeightArgs = {
+    chartPlanesCount: Ref<number>;
+    useFullHeight: boolean;
+    bottomSpacing?: number;
+};
+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 = "neutral"
+}
+export type ColorVariant = 'default' | 'mediation';

package/components/chart/types.js

@@ -1,4 +1,7 @@
-var a = /* @__PURE__ */ ((e) => (e.Line = "line", e.Bar = "bar", e.StackedLine = "stackedLine", e.StackedBar = "stackedBar", e))(a || {});
+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 {
-  a as ChartType
+  L as ChartType,
+  a as DateInterval,
+  n as TooltipOrder,
+  r as TrendDirection
 };

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

@@ -1,2 +1 @@
 export declare const DEFAULT_FALLBACK = "N/A";
-export declare const formatNumber: (num: number | string, fallback?: string | null) => string;

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

@@ -0,0 +1,3 @@
+import { DataSetConfig } from '@/components/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,3 @@
-import { 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;
+import { PrepareTicksLabelArgs, ValueFormat } from '@/components/chart/types';
+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,12 +1,27 @@
-import { format as n } from "date-fns";
-import { formatNumber as d } from "./formatNumber.js";
-const p = (r, t, e) => {
-  if (e === 0)
-    return 0;
-  const f = t - r, o = f / e * 0.4;
-  return (f + o) / e;
-}, M = (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);
+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: n = !1
+}) => {
+  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(s).map(m) : m(r);
+};
 export {
-  p as calcStepSize,
-  M as formatValue
+  u as formatValue,
+  B as prepareTickLabel
 };

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

@@ -2,7 +2,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     isChecked: boolean;
     isIndeterminate?: boolean;
     disabled?: boolean;
-    size?: "sm" | "md" | "lg";
+    size?: "md" | "sm" | "lg";
     label?: string;
     testId?: string;
 }>, {
@@ -16,7 +16,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     isChecked: boolean;
     isIndeterminate?: boolean;
     disabled?: boolean;
-    size?: "sm" | "md" | "lg";
+    size?: "md" | "sm" | "lg";
     label?: string;
     testId?: string;
 }>, {
@@ -29,7 +29,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
 }, {
     label: string;
     testId: string;
-    size: "sm" | "md" | "lg";
+    size: "md" | "sm" | "lg";
 }>, {
     default?(_: {}): any;
 }>;

package/components/checkbox/v3/index.d.ts

@@ -5,7 +5,7 @@ declare const CheckboxTypes: () => ({
         $props: Partial<{
             label: string;
             testId: string;
-            size: "sm" | "md" | "lg";
+            size: "md" | "sm" | "lg";
         }> & Omit<Readonly<import("vue").ExtractPropTypes<{
             label: {
                 type: import("vue").PropType<string>;
@@ -19,7 +19,7 @@ declare const CheckboxTypes: () => ({
                 type: import("vue").PropType<boolean>;
             };
             size: {
-                type: import("vue").PropType<"sm" | "md" | "lg">;
+                type: import("vue").PropType<"md" | "sm" | "lg">;
                 default: string;
             };
             isIndeterminate: {
@@ -59,7 +59,7 @@ declare const CheckboxTypes: () => ({
                 type: import("vue").PropType<boolean>;
             };
             size: {
-                type: import("vue").PropType<"sm" | "md" | "lg">;
+                type: import("vue").PropType<"md" | "sm" | "lg">;
                 default: string;
             };
             isIndeterminate: {
@@ -78,7 +78,7 @@ declare const CheckboxTypes: () => ({
         }, string, {
             label: string;
             testId: string;
-            size: "sm" | "md" | "lg";
+            size: "md" | "sm" | "lg";
         }, {}, string> & {
             beforeCreate?: (() => void) | (() => void)[];
             created?: (() => void) | (() => void)[];
@@ -112,7 +112,7 @@ declare const CheckboxTypes: () => ({
             type: import("vue").PropType<boolean>;
         };
         size: {
-            type: import("vue").PropType<"sm" | "md" | "lg">;
+            type: import("vue").PropType<"md" | "sm" | "lg">;
             default: string;
         };
         isIndeterminate: {
@@ -142,7 +142,7 @@ declare const CheckboxTypes: () => ({
         type: import("vue").PropType<boolean>;
     };
     size: {
-        type: import("vue").PropType<"sm" | "md" | "lg">;
+        type: import("vue").PropType<"md" | "sm" | "lg">;
         default: string;
     };
     isIndeterminate: {
@@ -161,7 +161,7 @@ declare const CheckboxTypes: () => ({
 }, string, {
     label: string;
     testId: string;
-    size: "sm" | "md" | "lg";
+    size: "md" | "sm" | "lg";
 }, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
     $slots: {
         default?(_: {}): any;

package/components/columnPicker/ColumnPicker.vue.d.ts

@@ -0,0 +1,119 @@
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+    selected: unknown[];
+    options: Record<string, unknown>[];
+    defaultSelection?: unknown[];
+    inlineGroupIds?: unknown[];
+    headerText?: string;
+    noResultsText?: string;
+    searchPlaceholder?: string;
+    searchAutoFocus?: boolean;
+    idKey?: string;
+    displayKey?: string;
+    childrenKey?: string;
+    disabledKey?: string;
+    minSelections?: number;
+    minSelectionsTooltipMessage?: string;
+    appendToBody?: boolean;
+    testId: string;
+}>, {
+    selected: () => any[];
+    options: () => any[];
+    inlineGroupIds: () => any[];
+    defaultSelection: any;
+    minSelections: number;
+    minSelectionsTooltipMessage: string;
+    headerText: string;
+    noResultsText: string;
+    searchPlaceholder: string;
+    searchAutoFocus: boolean;
+    idKey: string;
+    displayKey: string;
+    childrenKey: string;
+    disabledKey: string;
+    appendToBody: boolean;
+    testId: string;
+}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:selected": (value: unknown[]) => void;
+}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+    selected: unknown[];
+    options: Record<string, unknown>[];
+    defaultSelection?: unknown[];
+    inlineGroupIds?: unknown[];
+    headerText?: string;
+    noResultsText?: string;
+    searchPlaceholder?: string;
+    searchAutoFocus?: boolean;
+    idKey?: string;
+    displayKey?: string;
+    childrenKey?: string;
+    disabledKey?: string;
+    minSelections?: number;
+    minSelectionsTooltipMessage?: string;
+    appendToBody?: boolean;
+    testId: string;
+}>, {
+    selected: () => any[];
+    options: () => any[];
+    inlineGroupIds: () => any[];
+    defaultSelection: any;
+    minSelections: number;
+    minSelectionsTooltipMessage: string;
+    headerText: string;
+    noResultsText: string;
+    searchPlaceholder: string;
+    searchAutoFocus: boolean;
+    idKey: string;
+    displayKey: string;
+    childrenKey: string;
+    disabledKey: string;
+    appendToBody: boolean;
+    testId: string;
+}>>> & {
+    "onUpdate:selected"?: (value: unknown[]) => any;
+}, {
+    testId: string;
+    selected: unknown[];
+    options: Record<string, unknown>[];
+    minSelections: number;
+    noResultsText: string;
+    searchAutoFocus: boolean;
+    searchPlaceholder: string;
+    appendToBody: boolean;
+    defaultSelection: unknown[];
+    inlineGroupIds: unknown[];
+    headerText: string;
+    idKey: string;
+    displayKey: string;
+    childrenKey: string;
+    disabledKey: string;
+    minSelectionsTooltipMessage: string;
+}>, {
+    trigger?(_: {
+        triggerProps: {
+            onClick: () => void;
+        };
+    }): any;
+}>;
+export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToRuntimeProps<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};
+type __VLS_WithDefaults<P, D> = {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
+        default: D[K];
+    }> : P[K];
+};
+type __VLS_Prettify<T> = {
+    [K in keyof T]: T[K];
+} & {};
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/components/columnPicker/ColumnPicker.vue.js

@@ -0,0 +1,7 @@
+import o from "./ColumnPicker.vue2.js";
+/* empty css                   */import e from "../../_virtual/_plugin-vue_export-helper.js";
+// import "../../ColumnPicker.vue_vue_type_style_index_0_scoped_ea8c7024_lang.css"; //*');
+const t = /* @__PURE__ */ e(o, [["__scopeId", "data-v-ea8c7024"]]);
+export {
+  t as default
+};