@ironsource/shared-ui 2.2.0-test.16 → 2.2.0-test.17

package/Chart.vue_vue_type_style_index_0_scoped_9def0684_lang.css

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

package/components/chart/Chart.vue.d.ts

@@ -50,6 +50,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     sortOptionNameKey?: string;
     fullHeight?: boolean;
     fullHeightBottomSpacing?: number;
+    height?: string;
     withSettingsHeader?: boolean;
     extraCharts?: Record<string, unknown>[];
     colorVariant?: ColorVariant;
@@ -96,6 +97,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     sortOptionNameKey: string;
     fullHeight: boolean;
     fullHeightBottomSpacing: number;
+    height: any;
     withSettingsHeader: boolean;
     extraCharts: () => any[];
     colorVariant: string;
@@ -153,6 +155,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     sortOptionNameKey?: string;
     fullHeight?: boolean;
     fullHeightBottomSpacing?: number;
+    height?: string;
     withSettingsHeader?: boolean;
     extraCharts?: Record<string, unknown>[];
     colorVariant?: ColorVariant;
@@ -199,6 +202,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     sortOptionNameKey: string;
     fullHeight: boolean;
     fullHeightBottomSpacing: number;
+    height: any;
     withSettingsHeader: boolean;
     extraCharts: () => any[];
     colorVariant: string;
@@ -209,6 +213,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
 }, {
     header: string;
     testId: string;
+    height: string;
     loading: boolean;
     visibleIds: unknown[];
     minVisible: number;

package/components/chart/Chart.vue.js

@@ -1,7 +1,7 @@
 import o from "./Chart.vue2.js";
-/* empty css            */import _ from "../../_virtual/_plugin-vue_export-helper.js";
-// import "../../Chart.vue_vue_type_style_index_0_scoped_fc33022b_lang.css"; //*');
-const c = /* @__PURE__ */ _(o, [["__scopeId", "data-v-fc33022b"]]);
+/* empty css            */import e from "../../_virtual/_plugin-vue_export-helper.js";
+// import "../../Chart.vue_vue_type_style_index_0_scoped_9def0684_lang.css"; //*');
+const p = /* @__PURE__ */ e(o, [["__scopeId", "data-v-9def0684"]]);
 export {
-  c as default
+  p as default
 };

package/components/chart/Chart.vue2.js

@@ -1,4 +1,4 @@
- import "../../Chart.vue_vue_type_style_index_0_scoped_fc33022b_lang.css"; import { defineComponent as P, ref as U, computed as d, openBlock as n, createElementBlock as b, Fragment as S, createBlock as D, unref as l, isRef as y, withCtx as s, renderSlot as u, createCommentVNode as A, createElementVNode as L, mergeProps as g, normalizeClass as $, createVNode as k, createSlots as M, renderList as R } from "vue";
+ import "../../Chart.vue_vue_type_style_index_0_scoped_9def0684_lang.css"; import { defineComponent as P, ref as U, computed as d, openBlock as n, createElementBlock as y, Fragment as S, createBlock as D, unref as l, isRef as b, withCtx as s, renderSlot as u, createCommentVNode as A, createElementVNode as L, mergeProps as g, normalizeClass as $, createVNode as k, createSlots as M, renderList as R } from "vue";
 import { useVModel as B } from "@vueuse/core";
 import K from "./ChartLegend.vue.js";
 import X from "./SettingsHeader.vue.js";
@@ -58,6 +58,7 @@ const at = {
     sortOptionNameKey: { default: "" },
     fullHeight: { type: Boolean, default: !1 },
     fullHeightBottomSpacing: { default: 50 },
+    height: { default: void 0 },
     withSettingsHeader: { type: Boolean, default: !0 },
     extraCharts: { default: () => [] },
     colorVariant: { default: "default" }
@@ -118,11 +119,11 @@ const at = {
       useFullHeight: t.fullHeight,
       bottomSpacing: t.fullHeightBottomSpacing
     }), O = et(t.testId, p);
-    return (a, i) => (n(), b(S, null, [
+    return (a, i) => (n(), y(S, null, [
       e.withSettingsHeader ? (n(), D(X, {
         key: 0,
         "chart-type": l(r),
-        "onUpdate:chart-type": i[0] || (i[0] = (o) => y(r) ? r.value = o : null),
+        "onUpdate:chart-type": i[0] || (i[0] = (o) => b(r) ? r.value = o : null),
         "hide-legend": e.hideLegend,
         "test-id": e.testId
       }, {
@@ -140,13 +141,13 @@ const at = {
       L("div", g({ class: "chart-container" }, {
         ...l(H),
         ...l(O)[l(p).CONTAINER]
-      }), [
+      }, { style: { height: "auto" } }), [
         L("section", {
           class: $(["chart-planes", [{ "with-legend": !e.hideLegend }]])
         }, [
           k(V, g({
             "chart-type": l(r),
-            "onUpdate:chart-type": i[1] || (i[1] = (o) => y(r) ? r.value = o : null)
+            "onUpdate:chart-type": i[1] || (i[1] = (o) => b(r) ? r.value = o : null)
           }, l(v)), M({ _: 2 }, [
             a.$slots["subheader-tooltip"] ? {
               name: "subheader-tooltip",
@@ -156,7 +157,7 @@ const at = {
               key: "0"
             } : void 0
           ]), 1040, ["chart-type"]),
-          (n(!0), b(S, null, R(e.extraCharts, (o, T) => (n(), D(V, g({
+          (n(!0), y(S, null, R(e.extraCharts, (o, T) => (n(), D(V, g({
             key: T,
             class: "extra-chart-plane"
           }, { ...l(v), ...o }, {
@@ -167,10 +168,10 @@ const at = {
             "test-id": `${e.testId}-${l(p).EXTRA_CHART}-${T}`
           }), null, 16, ["chart-type", "colors-map", "tooltip-respects-top-edge", "test-id"]))), 128))
         ], 2),
-        e.hideLegend ? A("", !0) : (n(), b("section", at, [
+        e.hideLegend ? A("", !0) : (n(), y("section", at, [
           k(K, {
             "sort-selected": l(f),
-            "onUpdate:sort-selected": i[2] || (i[2] = (o) => y(f) ? f.value = o : null),
+            "onUpdate:sort-selected": i[2] || (i[2] = (o) => b(f) ? f.value = o : null),
             "highlighted-id": h.value,
             "onUpdate:highlighted-id": i[3] || (i[3] = (o) => h.value = o),
             items: l(w),

package/components/chart/index.d.ts

@@ -7,6 +7,7 @@ declare const ChartTypes: () => ({
         $props: Partial<{
             header: string;
             testId: string;
+            height: string;
             loading: boolean;
             visibleIds: unknown[];
             minVisible: number;
@@ -59,6 +60,10 @@ declare const ChartTypes: () => ({
                 type: import("vue").PropType<string>;
                 default: string;
             };
+            height: {
+                type: import("vue").PropType<string>;
+                default: any;
+            };
             loading: {
                 type: import("vue").PropType<boolean>;
                 default: boolean;
@@ -244,7 +249,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" | "testId" | "loading" | "visibleIds" | "minVisible" | "maxVisible" | "maxLimitTooltipText" | "sortSelected" | "sortOptions" | "sortOptionNameKey" | "chartType" | "hideLegend" | "xAxisFormat" | "xAxisDateInterval" | "totalsChart" | "parsing" | "yAxisFormat" | "valueSuffix" | "valuePrefix" | "trendTooltip" | "subheader" | "subheaderTooltip" | "headerTooltip" | "trendValue" | "trendDirection" | "noteText" | "dataSets" | "tickCount" | "truncateTickLabels" | "keepSubheaderVisible" | "empty" | "noDataIcon" | "noDataTitle" | "noDataSubtitle" | "withAnimation" | "tooltipTotalType" | "tooltipTotalCalcFn" | "tooltipOrder" | "indicateIncompleteData" | "tooltipExcludeTotalItem" | "fullHeight" | "fullHeightBottomSpacing" | "withSettingsHeader" | "extraCharts" | "colorVariant">;
+        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "header" | "testId" | "height" | "loading" | "visibleIds" | "minVisible" | "maxVisible" | "maxLimitTooltipText" | "sortSelected" | "sortOptions" | "sortOptionNameKey" | "chartType" | "hideLegend" | "xAxisFormat" | "xAxisDateInterval" | "totalsChart" | "parsing" | "yAxisFormat" | "valueSuffix" | "valuePrefix" | "trendTooltip" | "subheader" | "subheaderTooltip" | "headerTooltip" | "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;
         };
@@ -267,6 +272,10 @@ declare const ChartTypes: () => ({
                 type: import("vue").PropType<string>;
                 default: string;
             };
+            height: {
+                type: import("vue").PropType<string>;
+                default: any;
+            };
             loading: {
                 type: import("vue").PropType<boolean>;
                 default: boolean;
@@ -459,6 +468,7 @@ declare const ChartTypes: () => ({
         }, string, {
             header: string;
             testId: string;
+            height: string;
             loading: boolean;
             visibleIds: unknown[];
             minVisible: number;
@@ -531,6 +541,10 @@ declare const ChartTypes: () => ({
             type: import("vue").PropType<string>;
             default: string;
         };
+        height: {
+            type: import("vue").PropType<string>;
+            default: any;
+        };
         loading: {
             type: import("vue").PropType<boolean>;
             default: boolean;
@@ -729,6 +743,10 @@ declare const ChartTypes: () => ({
         type: import("vue").PropType<string>;
         default: string;
     };
+    height: {
+        type: import("vue").PropType<string>;
+        default: any;
+    };
     loading: {
         type: import("vue").PropType<boolean>;
         default: boolean;
@@ -921,6 +939,7 @@ declare const ChartTypes: () => ({
 }, string, {
     header: string;
     testId: string;
+    height: string;
     loading: boolean;
     visibleIds: unknown[];
     minVisible: number;

package/index.js

@@ -1,4 +1,4 @@
-import './IncludeExcludeChipFilter.vue_vue_type_style_index_0_scoped_198d2d73_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.2.0-test.16",
+  "version": "2.2.0-test.17",
   "engines": {
     "npm": ">=7.0.0",
     "node": ">=16.0.0"

package/Chart.vue_vue_type_style_index_0_scoped_fc33022b_lang.css

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