@ironsource/shared-ui 2.1.6-test.8 → 2.1.6

package/components/chart/composables/useTooltipPosition.d.ts

@@ -0,0 +1,8 @@
+import { Ref } from 'vue';
+import { TooltipModel } from 'chart.js';
+export declare const useTooltipPosition: (chartRef: Ref<HTMLCanvasElement | null>, tooltipRef: Ref<HTMLDivElement | null>, tooltipModel: Ref<TooltipModel<'line' | 'bar'>>) => {
+    position: import("vue").ComputedRef<{
+        top: number;
+        left: number;
+    }>;
+};

package/components/chart/consts.d.ts

@@ -0,0 +1,12 @@
+export declare const POINT_BORDER_COLOR = "#fcfcfc";
+export declare const GRID_LINE_COLOR = "#E4E4E4";
+export declare const TICK_LABEL_COLOR = "#646464";
+export declare const TICK_LABEL_FONT: {
+    size: number;
+    weight: number;
+    family: string;
+};
+export declare const COLOR_PALETTE: string[];
+export declare const DEFAULT_TICK_COUNT = 4;
+export declare const DEFAULT_MIN_VISIBLE = 1;
+export declare const DEFAULT_MAX_VISIBLE = 5;

package/components/chart/index.d.ts

@@ -0,0 +1,161 @@
+import Chart from './Chart.vue';
+declare const ChartTypes: () => import("vue").DefineComponent<{
+    header: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    loading: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+    xAxisFormat: {
+        type: import("vue").PropType<import("./types").ValueFormat>;
+        default: string;
+    };
+    yAxisFormat: {
+        type: import("vue").PropType<import("./types").ValueFormat>;
+        default: string;
+    };
+    parsing: {
+        type: import("vue").PropType<import("./types").ChartParsingConfig>;
+        default: any;
+    };
+    visibleIds: {
+        type: import("vue").PropType<unknown[]>;
+        required: true;
+        default: () => any[];
+    };
+    minVisible: {
+        type: import("vue").PropType<number>;
+        default: number;
+    };
+    maxVisible: {
+        type: import("vue").PropType<number>;
+        default: number;
+    };
+    chartType: {
+        type: import("vue").PropType<import("./types").ChartType>;
+        default: import("./types").ChartType;
+    };
+    subheader: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    dataSets: {
+        type: import("vue").PropType<import("./types").ChartDataSet[]>;
+        required: true;
+        default: () => any[];
+    };
+    tickCount: {
+        type: import("vue").PropType<number>;
+        default: number;
+    };
+    hideLegend: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+    noDataIcon: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    noDataTitle: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    noDataSubtitle: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:chartType": (chartType: import("./types").ChartType) => void;
+    "update:visibleIds": (visibleIds: unknown[]) => void;
+}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    header: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    loading: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+    xAxisFormat: {
+        type: import("vue").PropType<import("./types").ValueFormat>;
+        default: string;
+    };
+    yAxisFormat: {
+        type: import("vue").PropType<import("./types").ValueFormat>;
+        default: string;
+    };
+    parsing: {
+        type: import("vue").PropType<import("./types").ChartParsingConfig>;
+        default: any;
+    };
+    visibleIds: {
+        type: import("vue").PropType<unknown[]>;
+        required: true;
+        default: () => any[];
+    };
+    minVisible: {
+        type: import("vue").PropType<number>;
+        default: number;
+    };
+    maxVisible: {
+        type: import("vue").PropType<number>;
+        default: number;
+    };
+    chartType: {
+        type: import("vue").PropType<import("./types").ChartType>;
+        default: import("./types").ChartType;
+    };
+    subheader: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    dataSets: {
+        type: import("vue").PropType<import("./types").ChartDataSet[]>;
+        required: true;
+        default: () => any[];
+    };
+    tickCount: {
+        type: import("vue").PropType<number>;
+        default: number;
+    };
+    hideLegend: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+    noDataIcon: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    noDataTitle: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    noDataSubtitle: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+}>> & {
+    "onUpdate:visibleIds"?: (visibleIds: unknown[]) => any;
+    "onUpdate:chartType"?: (chartType: import("./types").ChartType) => any;
+}, {
+    header: string;
+    loading: boolean;
+    xAxisFormat: import("./types").ValueFormat;
+    yAxisFormat: import("./types").ValueFormat;
+    parsing: import("./types").ChartParsingConfig;
+    visibleIds: unknown[];
+    minVisible: number;
+    maxVisible: number;
+    chartType: import("./types").ChartType;
+    subheader: string;
+    dataSets: import("./types").ChartDataSet[];
+    tickCount: number;
+    hideLegend: boolean;
+    noDataIcon: string;
+    noDataTitle: string;
+    noDataSubtitle: string;
+}>[];
+export type { ChartType, ChartDataRecord, ChartDataSet, ChartParsingConfig, } from './types';
+export { Chart, ChartTypes };

package/components/chart/mockData.d.ts

@@ -0,0 +1,24 @@
+export declare const SINGLE_DATASET_DATE: {
+    label: string;
+    data: {
+        date: string;
+        value: number;
+    }[];
+    color: string;
+}[];
+export declare const SINGLE_DATASET_COUNTRY: {
+    label: string;
+    data: {
+        country: string;
+        value: number;
+    }[];
+}[];
+export declare const MULTIPLE_DATASETS_DATE: {
+    id: string;
+    label: string;
+    data: {
+        date: string;
+        value: number;
+    }[];
+}[];
+export declare const generateMockData: (numSeries?: number) => any[];

package/components/chart/plugins/HoverVerticalLine.d.ts

@@ -0,0 +1,4 @@
+export declare const HoverVerticalLine: {
+    id: string;
+    beforeDraw: (chart: any) => void;
+};

package/components/chart/types.d.ts

@@ -0,0 +1,39 @@
+import { Ref } from 'vue';
+import { UseVirtualListItem } from '@vueuse/core';
+export declare enum ChartType {
+    Line = "line",
+    Bar = "bar",
+    StackedLine = "stackedLine",
+    StackedBar = "stackedBar"
+}
+export type ChartDataRecord = Record<string, unknown>;
+export type ChartDataSet = {
+    id: string | number;
+    label: string;
+    data: ChartDataRecord[];
+    color?: string;
+};
+export type ChartParsingConfig = {
+    xAxisKey: string;
+    yAxisKey: string;
+};
+export type ValueFormat = 'date' | 'dateLong' | 'number' | 'percent' | 'string';
+export type LegendItem = {
+    id: string | number;
+    label: string;
+    color?: string;
+};
+export type UseVirtualListResult = {
+    list: Ref<UseVirtualListItem<LegendItem>[]>;
+    containerProps: {
+        ref: Ref<HTMLElement>;
+        onScroll: () => void;
+    };
+    wrapperProps: Ref<{
+        style: {
+            width: string;
+            height: string;
+            marginTop: string;
+        };
+    }>;
+};

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

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

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

@@ -0,0 +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;

package/components/checkbox/v4/CheckboxV4.vue.d.ts

@@ -4,9 +4,11 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     disabled?: boolean;
     label?: string;
     testId?: string;
+    color?: string;
 }>, {
     label: string;
     testId: string;
+    color: any;
 }>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:isChecked": (value: boolean) => void;
     click: (event: MouseEvent) => void;
@@ -16,14 +18,17 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     disabled?: boolean;
     label?: string;
     testId?: string;
+    color?: string;
 }>, {
     label: string;
     testId: string;
+    color: any;
 }>>> & {
     onClick?: (event: MouseEvent) => any;
     "onUpdate:isChecked"?: (value: boolean) => any;
 }, {
     label: string;
+    color: string;
     testId: string;
 }>, {
     default?(_: {}): any;

package/components/checkbox/v4/icons/CheckedDisabledState.vue.d.ts

@@ -1,2 +1,29 @@
-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<{}>>, {}>;
+declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+    color?: string;
+}>, {
+    color: any;
+}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+    color?: string;
+}>, {
+    color: any;
+}>>>, {
+    color: string;
+}>;
 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];
+} & {};

package/components/checkbox/v4/icons/CheckedState.vue.d.ts

@@ -1,2 +1,29 @@
-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<{}>>, {}>;
+declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+    color?: string;
+}>, {
+    color: any;
+}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+    color?: string;
+}>, {
+    color: any;
+}>>>, {
+    color: string;
+}>;
 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];
+} & {};

package/components/checkbox/v4/icons/IndeterminateState.vue.d.ts

@@ -1,2 +1,29 @@
-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<{}>>, {}>;
+declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+    color?: string;
+}>, {
+    color: any;
+}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+    color?: string;
+}>, {
+    color: any;
+}>>>, {
+    color: string;
+}>;
 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];
+} & {};

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

@@ -4,6 +4,7 @@ declare const CheckboxTypes: () => ({
         $data: {};
         $props: Partial<{
             label: string;
+            color: string;
             testId: string;
         }> & Omit<Readonly<import("vue").ExtractPropTypes<{
             label: {
@@ -13,6 +14,10 @@ declare const CheckboxTypes: () => ({
             disabled: {
                 type: import("vue").PropType<boolean>;
             };
+            color: {
+                type: import("vue").PropType<string>;
+                default: any;
+            };
             testId: {
                 type: import("vue").PropType<string>;
                 default: string;
@@ -27,7 +32,7 @@ declare const CheckboxTypes: () => ({
         }>> & {
             onClick?: (event: MouseEvent) => any;
             "onUpdate:isChecked"?: (value: boolean) => any;
-        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "label" | "testId">;
+        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "label" | "color" | "testId">;
         $attrs: {
             [x: string]: unknown;
         };
@@ -49,6 +54,10 @@ declare const CheckboxTypes: () => ({
             disabled: {
                 type: import("vue").PropType<boolean>;
             };
+            color: {
+                type: import("vue").PropType<string>;
+                default: any;
+            };
             testId: {
                 type: import("vue").PropType<string>;
                 default: string;
@@ -68,6 +77,7 @@ declare const CheckboxTypes: () => ({
             click: (event: MouseEvent) => void;
         }, string, {
             label: string;
+            color: string;
             testId: string;
         }, {}, string> & {
             beforeCreate?: (() => void) | (() => void)[];
@@ -97,6 +107,10 @@ declare const CheckboxTypes: () => ({
         disabled: {
             type: import("vue").PropType<boolean>;
         };
+        color: {
+            type: import("vue").PropType<string>;
+            default: any;
+        };
         testId: {
             type: import("vue").PropType<string>;
             default: string;
@@ -123,6 +137,10 @@ declare const CheckboxTypes: () => ({
     disabled: {
         type: import("vue").PropType<boolean>;
     };
+    color: {
+        type: import("vue").PropType<string>;
+        default: any;
+    };
     testId: {
         type: import("vue").PropType<string>;
         default: string;
@@ -142,6 +160,7 @@ declare const CheckboxTypes: () => ({
     click: (event: MouseEvent) => void;
 }, string, {
     label: string;
+    color: string;
     testId: string;
 }, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
     $slots: {

package/components/chip/v4/Chip.types.d.ts

@@ -0,0 +1,6 @@
+export declare const CHIP_SIZES: readonly ["small", "medium"];
+export type ChipSize = (typeof CHIP_SIZES)[number];
+export declare const CHIP_COLORS: readonly ["default", "primary", "info", "error", "warning", "success", "dark"];
+export type ChipColor = (typeof CHIP_COLORS)[number];
+export declare const CHIP_VARIANTS: readonly ["filled", "outlined"];
+export type ChipVariant = (typeof CHIP_VARIANTS)[number];

package/components/chip/v4/ChipV4.vue.d.ts

@@ -1,41 +1,39 @@
-declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
-    selected?: boolean;
-    clearable?: boolean;
-    prefix?: string;
-    disabled?: boolean;
+import { ChipColor, ChipSize, ChipVariant } from './Chip.types';
+declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+    label: string;
     testId?: string;
+    size?: ChipSize;
+    color?: ChipColor;
+    variant?: ChipVariant;
+    disabled?: boolean;
 }>, {
-    selected: boolean;
-    clearable: boolean;
-    prefix: any;
-    disabled: boolean;
+    label: string;
     testId: string;
-}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    cleared: (...args: any[]) => void;
-}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
-    selected?: boolean;
-    clearable?: boolean;
-    prefix?: string;
-    disabled?: boolean;
+    size: string;
+    color: string;
+    variant: string;
+    disabled: boolean;
+}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+    label: string;
     testId?: string;
+    size?: ChipSize;
+    color?: ChipColor;
+    variant?: ChipVariant;
+    disabled?: boolean;
 }>, {
-    selected: boolean;
-    clearable: boolean;
-    prefix: any;
-    disabled: boolean;
+    label: string;
     testId: string;
-}>>> & {
-    onCleared?: (...args: any[]) => any;
-}, {
+    size: string;
+    color: string;
+    variant: string;
+    disabled: boolean;
+}>>>, {
+    label: string;
+    variant: ChipVariant;
     disabled: boolean;
+    color: ChipColor;
+    size: ChipSize;
     testId: string;
-    selected: boolean;
-    prefix: string;
-    clearable: boolean;
-}>, {
-    "icon-start"?(_: {}): any;
-    default?(_: {}): any;
-    "icon-end"?(_: {}): any;
 }>;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
@@ -55,8 +53,3 @@ type __VLS_WithDefaults<P, D> = {
 type __VLS_Prettify<T> = {
     [K in keyof T]: T[K];
 } & {};
-type __VLS_WithTemplateSlots<T, S> = T & {
-    new (): {
-        $slots: S;
-    };
-};