@ironsource/shared-ui 2.1.12-rc.32 → 2.1.12-rc.33

package/components/chart/index.d.ts

@@ -41,6 +41,8 @@ declare const ChartTypes: () => ({
             tooltipTotalType: import("../../utils/totals").TotalType;
             tooltipTotalCalcFn: (values: number[], totalType: import("../../utils/totals").TotalType) => number;
             tooltipOrder: TooltipOrder;
+            indicateIncompleteData: boolean;
+            tooltipExcludeTotalItem: boolean;
             fullHeight: boolean;
             fullHeightBottomSpacing: number;
             withSettingsHeader: boolean;
@@ -200,6 +202,14 @@ declare const ChartTypes: () => ({
                 type: import("vue").PropType<TooltipOrder>;
                 default: TooltipOrder;
             };
+            indicateIncompleteData: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
+            tooltipExcludeTotalItem: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
             fullHeight: {
                 type: import("vue").PropType<boolean>;
                 default: boolean;
@@ -224,7 +234,7 @@ declare const ChartTypes: () => ({
             "onUpdate:visibleIds"?: (visibleIds: unknown[]) => any;
             "onUpdate:sortSelected"?: (sortOption: unknown) => any;
             "onUpdate:chartType"?: (chartType: ChartType) => any;
-        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "header" | "loading" | "visibleIds" | "minVisible" | "maxVisible" | "maxLimitTooltipText" | "sortSelected" | "sortOptions" | "sortOptionNameKey" | "chartType" | "hideLegend" | "xAxisFormat" | "xAxisDateInterval" | "totalsChart" | "parsing" | "yAxisFormat" | "valueSuffix" | "valuePrefix" | "trendTooltip" | "subheader" | "subheaderTooltip" | "trendValue" | "trendDirection" | "noteText" | "dataSets" | "tickCount" | "truncateTickLabels" | "keepSubheaderVisible" | "empty" | "noDataIcon" | "noDataTitle" | "noDataSubtitle" | "withAnimation" | "tooltipTotalType" | "tooltipTotalCalcFn" | "tooltipOrder" | "fullHeight" | "fullHeightBottomSpacing" | "withSettingsHeader" | "extraCharts" | "colorVariant">;
+        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "header" | "loading" | "visibleIds" | "minVisible" | "maxVisible" | "maxLimitTooltipText" | "sortSelected" | "sortOptions" | "sortOptionNameKey" | "chartType" | "hideLegend" | "xAxisFormat" | "xAxisDateInterval" | "totalsChart" | "parsing" | "yAxisFormat" | "valueSuffix" | "valuePrefix" | "trendTooltip" | "subheader" | "subheaderTooltip" | "trendValue" | "trendDirection" | "noteText" | "dataSets" | "tickCount" | "truncateTickLabels" | "keepSubheaderVisible" | "empty" | "noDataIcon" | "noDataTitle" | "noDataSubtitle" | "withAnimation" | "tooltipTotalType" | "tooltipTotalCalcFn" | "tooltipOrder" | "indicateIncompleteData" | "tooltipExcludeTotalItem" | "fullHeight" | "fullHeightBottomSpacing" | "withSettingsHeader" | "extraCharts" | "colorVariant">;
         $attrs: {
             [x: string]: unknown;
         };
@@ -392,6 +402,14 @@ declare const ChartTypes: () => ({
                 type: import("vue").PropType<TooltipOrder>;
                 default: TooltipOrder;
             };
+            indicateIncompleteData: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
+            tooltipExcludeTotalItem: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
             fullHeight: {
                 type: import("vue").PropType<boolean>;
                 default: boolean;
@@ -457,6 +475,8 @@ declare const ChartTypes: () => ({
             tooltipTotalType: import("../../utils/totals").TotalType;
             tooltipTotalCalcFn: (values: number[], totalType: import("../../utils/totals").TotalType) => number;
             tooltipOrder: TooltipOrder;
+            indicateIncompleteData: boolean;
+            tooltipExcludeTotalItem: boolean;
             fullHeight: boolean;
             fullHeightBottomSpacing: number;
             withSettingsHeader: boolean;
@@ -636,6 +656,14 @@ declare const ChartTypes: () => ({
             type: import("vue").PropType<TooltipOrder>;
             default: TooltipOrder;
         };
+        indicateIncompleteData: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+        tooltipExcludeTotalItem: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
         fullHeight: {
             type: import("vue").PropType<boolean>;
             default: boolean;
@@ -818,6 +846,14 @@ declare const ChartTypes: () => ({
         type: import("vue").PropType<TooltipOrder>;
         default: TooltipOrder;
     };
+    indicateIncompleteData: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+    tooltipExcludeTotalItem: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
     fullHeight: {
         type: import("vue").PropType<boolean>;
         default: boolean;
@@ -883,6 +919,8 @@ declare const ChartTypes: () => ({
     tooltipTotalType: import("../../utils/totals").TotalType;
     tooltipTotalCalcFn: (values: number[], totalType: import("../../utils/totals").TotalType) => number;
     tooltipOrder: TooltipOrder;
+    indicateIncompleteData: boolean;
+    tooltipExcludeTotalItem: boolean;
     fullHeight: boolean;
     fullHeightBottomSpacing: number;
     withSettingsHeader: boolean;

package/components/chart/mockData.d.ts

@@ -38,6 +38,7 @@ export declare const MULTIPLE_DATASETS_DATE: ({
     id: number;
     label: string;
     caption: string;
+    isTotal: boolean;
     icon: string;
     data: {
         date: string;
@@ -58,6 +59,20 @@ export declare const MULTIPLE_DATASETS_DATE: ({
         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: number;

package/components/chart/types.d.ts

@@ -24,6 +24,7 @@ export type ChartDataSet = {
     iconType?: IconTypes;
     countryFlag?: string;
     image?: string;
+    isTotal?: boolean;
 };
 export type ChartParsingConfig = {
     xAxisKey: string;
@@ -84,6 +85,6 @@ export declare enum TooltipOrder {
 export declare enum TrendDirection {
     UP = "up",
     DOWN = "down",
-    NEUTRAL = "right"
+    NEUTRAL = "neutral"
 }
 export type ColorVariant = 'default' | 'mediation';

package/components/chart/types.js

@@ -1,7 +1,7 @@
-var e = /* @__PURE__ */ ((L) => (L.Line = "line", L.Bar = "bar", L.StackedLine = "stackedLine", L.StackedBar = "stackedBar", L))(e || {}), r = /* @__PURE__ */ ((L) => (L.DAILY = "daily", L.WEEKLY = "weekly", L.MONTHLY = "monthly", L))(r || {}), a = /* @__PURE__ */ ((L) => (L.Legend = "legend", L.YAxis = "yAxis", L))(a || {}), n = /* @__PURE__ */ ((L) => (L.UP = "up", L.DOWN = "down", L.NEUTRAL = "right", L))(n || {});
+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 {
-  e as ChartType,
-  r as DateInterval,
-  a as TooltipOrder,
-  n as TrendDirection
+  L as ChartType,
+  a as DateInterval,
+  n as TooltipOrder,
+  r as TrendDirection
 };

package/components/radioButton/v3/RadioButton.vue.js

@@ -1,7 +1,7 @@
 import o from "./RadioButton.vue2.js";
 /* empty css                  */import t from "../../../_virtual/_plugin-vue_export-helper.js";
-// import "../../../RadioButton.vue_vue_type_style_index_0_scoped_1da367f8_lang.css"; //*');
-const a = /* @__PURE__ */ t(o, [["__scopeId", "data-v-1da367f8"]]);
+// import "../../../RadioButton.vue_vue_type_style_index_0_scoped_dac25b9f_lang.css"; //*');
+const a = /* @__PURE__ */ t(o, [["__scopeId", "data-v-dac25b9f"]]);
 export {
   a as default
 };

package/components/radioButton/v3/RadioButton.vue2.js

@@ -1,9 +1,9 @@
- import "../../../RadioButton.vue_vue_type_style_index_0_scoped_1da367f8_lang.css"; import { defineComponent as y, openBlock as n, createElementBlock as E, normalizeClass as T, unref as t, createElementVNode as r, withDirectives as I, mergeProps as u, isRef as C, vModelRadio as N, renderSlot as g, createVNode as w, withCtx as i, createTextVNode as f, toDisplayString as m, createBlock as v, createCommentVNode as R } from "vue";
-import c from "../../typography/Text.vue.js";
-import { useRadio as z } from "../common/useRadio.js";
-import { RadioTestIdModifiers as o } from "../../../testids/index.js";
-import { useTestIdAttrs as A } from "../../../utils/testIds.js";
-const D = { class: "wrapper" }, L = ["value", "name", "disabled"], O = /* @__PURE__ */ y({
+ import "../../../RadioButton.vue_vue_type_style_index_0_scoped_dac25b9f_lang.css"; import { defineComponent as E, computed as I, openBlock as u, createElementBlock as C, normalizeClass as T, unref as e, createElementVNode as o, withDirectives as N, mergeProps as i, isRef as g, vModelRadio as w, renderSlot as z, createVNode as A, withCtx as m, createTextVNode as f, toDisplayString as c, createBlock as v, createCommentVNode as R } from "vue";
+import p from "../../typography/Text.vue.js";
+import { useRadio as D } from "../common/useRadio.js";
+import { RadioTestIdModifiers as r } from "../../../testids/index.js";
+import { useTestIdAttrs as L } from "../../../utils/testIds.js";
+const $ = { class: "wrapper" }, F = ["value", "name", "disabled"], U = /* @__PURE__ */ E({
   __name: "RadioButton",
   props: {
     label: { default: "" },
@@ -15,59 +15,61 @@ const D = { class: "wrapper" }, L = ["value", "name", "disabled"], O = /* @__PUR
     disabledButton: { type: Boolean, default: !1 }
   },
   emits: ["update:modelValue", "change"],
-  setup(e, { emit: B }) {
-    const x = e, { radioRef: V, focus: p, disabled: b, modelValue: a, radioGroup: h } = z(
-      x,
+  setup(t, { emit: B }) {
+    const d = t, { radioRef: V, focus: x, disabled: h, modelValue: a, radioGroup: k } = D(
+      d,
       B
-    ), d = A(x.testId, o);
-    return (k, l) => (n(), E("label", {
-      class: T(["radio-button", { "radio-button--disabled": t(b) }])
+    ), s = L(d.testId, r), b = I(
+      () => h.value || d.disabledButton
+    );
+    return (y, l) => (u(), C("label", {
+      class: T(["radio-button", { "radio-button--disabled": e(b) }])
     }, [
-      r("span", D, [
-        I(r("input", u({
+      o("span", $, [
+        N(o("input", i({
           ref_key: "radioRef",
           ref: V,
-          "onUpdate:modelValue": l[0] || (l[0] = (s) => C(a) ? a.value = s : null),
-          value: e.label,
-          name: e.name || t(h)?.name,
+          "onUpdate:modelValue": l[0] || (l[0] = (n) => g(a) ? a.value = n : null),
+          value: t.label,
+          name: t.name || e(k)?.name,
           type: "radio",
-          disabled: t(b) || e.disabledButton
-        }, t(d)[t(o).FIELD], {
-          onFocus: l[1] || (l[1] = (s) => p.value = !0),
-          onBlur: l[2] || (l[2] = (s) => p.value = !1)
-        }), null, 16, L), [
-          [N, t(a)]
+          disabled: e(b)
+        }, e(s)[e(r).FIELD], {
+          onFocus: l[1] || (l[1] = (n) => x.value = !0),
+          onBlur: l[2] || (l[2] = (n) => x.value = !1)
+        }), null, 16, F), [
+          [w, e(a)]
         ]),
-        r("span", {
-          class: T([{ "circle--selected": t(a) === e.label }, "circle"])
+        o("span", {
+          class: T([{ "circle--selected": e(a) === t.label }, "circle"])
         }, null, 2)
       ]),
-      r("span", u({ class: "label" }, t(d)[t(o).LABEL]), [
-        g(k.$slots, "default", {}, () => [
-          w(c, { "is-truncated": "" }, {
-            default: i(() => [
-              f(m(e.label), 1)
+      o("span", i({ class: "label" }, e(s)[e(r).LABEL]), [
+        z(y.$slots, "default", {}, () => [
+          A(p, { "is-truncated": "" }, {
+            default: m(() => [
+              f(c(t.label), 1)
             ]),
             _: 1
           })
         ], !0),
-        !e.errorText && e.helperText ? (n(), v(c, {
+        !t.errorText && t.helperText ? (u(), v(p, {
           key: 0,
           class: "helper-text--text helper-text",
           size: "caption"
         }, {
-          default: i(() => [
-            f(m(e.helperText), 1)
+          default: m(() => [
+            f(c(t.helperText), 1)
           ]),
           _: 1
         })) : R("", !0),
-        e.errorText ? (n(), v(c, u({
+        t.errorText ? (u(), v(p, i({
           key: 1,
           size: "caption",
           class: "helper-text--error helper-text"
-        }, t(d)[t(o).ERROR_TEXT]), {
-          default: i(() => [
-            f(m(e.errorText), 1)
+        }, e(s)[e(r).ERROR_TEXT]), {
+          default: m(() => [
+            f(c(t.errorText), 1)
           ]),
           _: 1
         }, 16)) : R("", !0)
@@ -76,5 +78,5 @@ const D = { class: "wrapper" }, L = ["value", "name", "disabled"], O = /* @__PUR
   }
 });
 export {
-  O as default
+  U as default
 };

package/index.js

@@ -1,4 +1,4 @@
-import './IncludeExcludeOptionDraggable.vue_vue_type_style_index_0_scoped_a91fcaa5_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.32",
+  "version": "2.1.12-rc.33",
   "engines": {
     "npm": ">=7.0.0",
     "node": ">=16.0.0"

package/Chart.vue_vue_type_style_index_0_scoped_fa533a3d_lang.css

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

package/ChartHeaderTrend.vue_vue_type_style_index_0_scoped_db8a902c_lang.css

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

package/ChartPlane.vue_vue_type_style_index_0_scoped_4f67d41d_lang.css

@@ -1 +0,0 @@
-.chart-plane-container[data-v-4f67d41d]{--headerHeight: var(--11153e48);width:100%;height:var(--30644433);position:relative}.header-wrapper[data-v-4f67d41d]{position:absolute;width:100%;height:var(--headerHeight);top:0;z-index:1}.chart-plane[data-v-4f67d41d]{padding-top:var(--headerHeight);height:100%}.chart-empty[data-v-4f67d41d]{background:var(--background-paper)}.chart[data-v-4f67d41d]{width:100%;height:100%;position:relative}.chart__canvas[data-v-4f67d41d]{width:100%;height:100%}.chart__tooltip[data-v-4f67d41d]{position:absolute;pointer-events:none;transition:all .1s ease;min-width:214px;max-width:270px;z-index:1}

package/RadioButton.vue_vue_type_style_index_0_scoped_1da367f8_lang.css

@@ -1 +0,0 @@
-.label[data-v-1da367f8]{color:#41454d}.radio-button[data-v-1da367f8]{display:flex;align-items:flex-start}.radio-button--disabled[data-v-1da367f8]{opacity:.7;cursor:default}.radio-button--disabled .label[data-v-1da367f8]{cursor:default}.helper-text[data-v-1da367f8]{margin-left:-1.5rem;margin-top:.25rem;color:#53575b}.helper-text--error[data-v-1da367f8]{color:#da564f}.helper-text--text[data-v-1da367f8]{color:#696a6b}.wrapper[data-v-1da367f8]{display:inline-flex;align-items:center;justify-content:center;position:relative;box-sizing:border-box;background-color:transparent;outline:0;border:0;margin:0;cursor:pointer;user-select:none;vertical-align:middle;appearance:none;text-decoration:none;padding:.125rem .5rem;border-radius:50%}.label[data-v-1da367f8]{cursor:pointer;color:#53575b;flex-direction:column;display:inline-flex}.circle[data-v-1da367f8]{border-radius:50%;width:16px;transition:all .2s ease-in-out 0s;height:16px}.circle[data-v-1da367f8]:not(.circle--selected){box-shadow:#a9afb4 0 0 0 2px inset}.circle--selected[data-v-1da367f8]{background-color:#3083ff}.circle[data-v-1da367f8]:before{display:block;width:16px;height:16px;background-image:radial-gradient(rgb(255,255,255),rgb(255,255,255) 3px,transparent 28%);content:""}input[data-v-1da367f8]{cursor:inherit;position:absolute;opacity:0;width:100%;height:100%;top:0;left:0;margin:0;padding:0;z-index:1}