@ironsource/shared-ui 2.1.11-test.2 → 2.1.11-test.27

package/components/chart/SettingsHeader.vue2.js

@@ -1,57 +1,65 @@
- import "../../SettingsHeader.vue_vue_type_style_index_0_scoped_1791e4fe_lang.css"; import { defineComponent as u, computed as h, openBlock as y, createElementBlock as f, createElementVNode as t, normalizeClass as i, createVNode as v, unref as r, isRef as g, renderSlot as a } from "vue";
-import T from "../dropdown/v4/DropdownV4.vue.js";
+ import "../../SettingsHeader.vue_vue_type_style_index_0_scoped_9b6cd9d9_lang.css"; import { defineComponent as h, computed as g, openBlock as y, createElementBlock as f, createElementVNode as r, normalizeClass as a, createVNode as l, unref as t, isRef as v, withCtx as T, mergeProps as w, renderSlot as p } from "vue";
+import b from "../dropdown/v4/DropdownV4.vue.js";
 import "../dropdown/v4/DefaultDropdownTrigger.vue.js";
 import "../dropdown/v4/IconButtonDropdownTrigger.vue.js";
 import "../dropdown/v4/ChipDropdownTrigger.vue.js";
 import "../dropdown/v4/AppDropdownTrigger.vue.js";
-import "../dropdown/v4/ButtonDropdownTrigger.vue.js";
+import k from "../dropdown/v4/ButtonDropdownTrigger.vue.js";
 import "../dropdown/v4/ButtonFilterDropdownTrigger.vue.js";
 import "../dropdown/v4/TreeDropdown.vue.js";
 import "../dropdown/v4/OptionV4.vue.js";
-import { DROPDOWN_TYPE_OPTIONS as d } from "./consts.js";
-const k = { class: "settings-header-container" }, b = { class: "chart-type-selection" }, V = /* @__PURE__ */ u({
+import "../dropdown/v4/ConditionalDropdown.vue.js";
+import { DROPDOWN_TYPE_OPTIONS as c } from "./consts.js";
+const _ = { class: "settings-header-container" }, B = { class: "chart-type-selection" }, x = /* @__PURE__ */ h({
   __name: "SettingsHeader",
   props: {
     chartType: null,
     hideLegend: { type: Boolean }
   },
   emits: ["update:chartType"],
-  setup(o, { emit: l }) {
-    const p = o, s = h({
+  setup(s, { emit: m }) {
+    const u = s, o = g({
       get() {
-        return d.find(({ id: e }) => e === p.chartType);
+        return c.find(({ id: e }) => e === u.chartType);
       },
       set(e) {
-        l("update:chartType", e.id);
+        m("update:chartType", e.id);
       }
-    }), c = (e) => `Chart: ${e.name}`;
-    return (e, n) => (y(), f("div", k, [
-      t("div", {
-        class: i(["settings", { "settings-spacer": !o.hideLegend }])
+    }), i = (e) => `Chart: ${e.name}`;
+    return (e, d) => (y(), f("div", _, [
+      r("div", {
+        class: a(["settings", { "settings-spacer": !s.hideLegend }])
       }, [
-        t("div", b, [
-          v(r(T), {
-            selected: r(s),
-            "onUpdate:selected": n[0] || (n[0] = (m) => g(s) ? s.value = m : null),
-            options: r(d),
+        r("div", B, [
+          l(t(b), {
+            selected: t(o),
+            "onUpdate:selected": d[0] || (d[0] = (n) => v(o) ? o.value = n : null),
+            options: t(c),
             "option-name-key": "name",
-            "display-value": c,
+            "display-value": i,
             placeholder: "Select chart type",
             size: "small"
-          }, null, 8, ["selected", "options"])
+          }, {
+            "dropdown-trigger": T(({ buttonTriggerProps: n }) => [
+              l(t(k), w(n, {
+                label: i(t(o))
+              }), null, 16, ["label"])
+            ]),
+            _: 1
+          }, 8, ["selected", "options"])
         ]),
-        t("div", null, [
-          a(e.$slots, "metric", {}, void 0, !0)
+        r("div", null, [
+          p(e.$slots, "metric", {}, void 0, !0)
         ])
       ], 2),
-      t("div", {
-        class: i(["breakdowns", { "breakdowns-border": !o.hideLegend }])
+      r("div", {
+        class: a(["breakdowns", { "breakdowns-border": !s.hideLegend }])
       }, [
-        a(e.$slots, "breakdowns", {}, void 0, !0)
+        p(e.$slots, "breakdowns", {}, void 0, !0)
       ], 2)
     ]));
   }
 });
 export {
-  V as default
+  x as default
 };

package/components/datePicker/v4/DatePickerV4.vue2.js

@@ -1,6 +1,6 @@
  import "../../../DatePickerV4.vue_vue_type_style_index_0_scoped_39e6c10c_lang.css"; import { defineComponent as g, openBlock as r, createElementBlock as i, unref as e, createElementVNode as D, renderSlot as v, createVNode as n, normalizeClass as I, createCommentVNode as P } from "vue";
 import y from "./DatePickerMonthV4.vue.js";
-import { DatePickerTestIdModifiers as u } from "../../../testids/index.js";
+import { DatePickerTestIdModifiers as m } from "../../../testids/index.js";
 import { dataPickerCommon as h } from "../common/DatePicker.common.js";
 import "../../dropdown/v4/DropdownV4.vue.js";
 import "../../dropdown/v4/DefaultDropdownTrigger.vue.js";
@@ -11,7 +11,8 @@ import "../../dropdown/v4/ButtonDropdownTrigger.vue.js";
 import w from "../../dropdown/v4/ButtonFilterDropdownTrigger.vue.js";
 import "../../dropdown/v4/TreeDropdown.vue.js";
 import "../../dropdown/v4/OptionV4.vue.js";
-const $ = ["id", "data-testid"], O = /* @__PURE__ */ g({
+import "../../dropdown/v4/ConditionalDropdown.vue.js";
+const $ = ["id", "data-testid"], S = /* @__PURE__ */ g({
   __name: "DatePickerV4",
   props: {
     uniqueId: { default: Date.now() },
@@ -22,7 +23,7 @@ const $ = ["id", "data-testid"], O = /* @__PURE__ */ g({
     testId: { default: "" }
   },
   emits: ["update:modelValue"],
-  setup(t, { emit: m }) {
+  setup(t, { emit: u }) {
     const s = t, {
       toggle: p,
       updateValue: f,
@@ -31,12 +32,12 @@ const $ = ["id", "data-testid"], O = /* @__PURE__ */ g({
       formattedValue: d,
       nearTheEdge: c,
       valueAsDate: k
-    } = h(s, m);
+    } = h(s, u);
     return (V, l) => (r(), i("div", {
       id: e(o),
       ref: "datePicker",
       class: "date-picker",
-      "data-testid": `${t.testId}-${e(u).WRAPPER}`
+      "data-testid": `${t.testId}-${e(m).WRAPPER}`
     }, [
       D("div", {
         ref: "buttonRef",
@@ -48,7 +49,7 @@ const $ = ["id", "data-testid"], O = /* @__PURE__ */ g({
             "start-icon-name": "calendar-blank",
             variant: "outlined",
             style: { marginRight: "10px" },
-            "test-id": `${t.testId}-${e(u).INPUT}`,
+            "test-id": `${t.testId}-${e(m).INPUT}`,
             open: e(a)
           }, null, 8, ["label", "test-id", "open"])
         ], !0)
@@ -70,5 +71,5 @@ const $ = ["id", "data-testid"], O = /* @__PURE__ */ g({
   }
 });
 export {
-  O as default
+  S as default
 };

package/components/dateRange/v4/DateRangeV4.vue.js

@@ -1,7 +1,7 @@
 import e from "./DateRangeV4.vue2.js";
 /* empty css                  */import o from "../../../_virtual/_plugin-vue_export-helper.js";
-// import "../../../DateRangeV4.vue_vue_type_style_index_0_scoped_f81413ec_lang.css"; //*');
-const a = /* @__PURE__ */ o(e, [["__scopeId", "data-v-f81413ec"]]);
+// import "../../../DateRangeV4.vue_vue_type_style_index_0_scoped_309e5351_lang.css"; //*');
+const a = /* @__PURE__ */ o(e, [["__scopeId", "data-v-309e5351"]]);
 export {
   a as default
 };

package/components/dateRange/v4/DateRangeV4.vue2.js

@@ -1,7 +1,7 @@
- import "../../../DateRangeV4.vue_vue_type_style_index_0_scoped_f81413ec_lang.css"; import { defineComponent as J, openBlock as n, createElementBlock as i, unref as e, normalizeClass as r, createElementVNode as d, renderSlot as N, createVNode as s, withDirectives as v, Fragment as k, renderList as C, withCtx as l, createTextVNode as m, toDisplayString as g, createCommentVNode as P, vShow as $, normalizeStyle as Q, setBlockTracking as x } from "vue";
+ import "../../../DateRangeV4.vue_vue_type_style_index_0_scoped_309e5351_lang.css"; import { defineComponent as J, openBlock as n, createElementBlock as i, unref as e, normalizeClass as r, createElementVNode as d, renderSlot as N, createVNode as s, withDirectives as v, Fragment as k, renderList as C, withCtx as l, createTextVNode as m, toDisplayString as g, createCommentVNode as P, vShow as $, normalizeStyle as Q, setBlockTracking as x } from "vue";
 import X from "./CalendarMonthV4.vue.js";
 import { typeToName as Z, messagePerType as _ } from "../common/consts.common.js";
-import R from "../../button/v4/ButtonV4.vue.js";
+import E from "../../button/v4/ButtonV4.vue.js";
 import "../../button/v4/IconButtonV4.vue.js";
 import "../../button/v4/ButtonGroup.vue.js";
 import "../../button/v4/ToggleButtonGroupAB.vue.js";
@@ -14,13 +14,14 @@ import "../../dropdown/v4/ButtonDropdownTrigger.vue.js";
 import ee from "../../dropdown/v4/ButtonFilterDropdownTrigger.vue.js";
 import "../../dropdown/v4/TreeDropdown.vue.js";
 import "../../dropdown/v4/OptionV4.vue.js";
+import "../../dropdown/v4/ConditionalDropdown.vue.js";
 import { DateRangeTestIdModifiers as o, DatePickerTestIdModifiers as te } from "../../../testids/index.js";
 import { dateRangeCommon as ae } from "../common/DateRange.common.js";
 import p from "../../typography/v4/Typography.vue.js";
 const de = ["id", "data-testid"], ne = ["data-testid"], ie = ["id", "data-testid"], se = {
   key: 0,
   class: "type-picker"
-}, oe = ["onClick"], le = ["data-testid"], re = ["id"], ue = ["id"], ce = ["onClick"], me = { class: "dropdown-rightTriangle" }, pe = ["data-testid"], ye = { class: "date-picker-calendar left-box" }, ge = { class: "buttons-cover" }, fe = { class: "range" }, he = { class: "text-container" }, Oe = /* @__PURE__ */ J({
+}, oe = ["onClick"], le = ["data-testid"], re = ["id"], ue = ["id"], ce = ["onClick"], me = { class: "dropdown-rightTriangle" }, pe = ["data-testid"], ye = { class: "date-picker-calendar left-box" }, ge = { class: "buttons-cover" }, fe = { class: "range" }, he = { class: "text-container" }, Le = /* @__PURE__ */ J({
   __name: "DateRangeV4",
   props: {
     range: null,
@@ -47,7 +48,7 @@ const de = ["id", "data-testid"], ne = ["data-testid"], ie = ["id", "data-testid
     "opened",
     "dismissed"
   ],
-  setup(t, { emit: E }) {
+  setup(t, { emit: R }) {
     const A = t, {
       datePicker: B,
       datePickerId: M,
@@ -72,7 +73,7 @@ const de = ["id", "data-testid"], ne = ["data-testid"], ie = ["id", "data-testid
       selectionChanged: j,
       toggle: b,
       isCompact: H
-    } = ae(A, E);
+    } = ae(A, R);
     return (D, u) => (n(), i("div", {
       id: e(M),
       ref_key: "datePicker",
@@ -93,7 +94,6 @@ const de = ["id", "data-testid"], ne = ["data-testid"], ie = ["id", "data-testid
             label: e(w),
             "start-icon-name": "calendar-blank",
             variant: "outlined",
-            style: { marginRight: "10px" },
             "test-id": `${t.testId}-${e(te).INPUT}`,
             open: e(h)
           }, null, 8, ["label", "test-id", "open"])
@@ -211,7 +211,7 @@ const de = ["id", "data-testid"], ne = ["data-testid"], ie = ["id", "data-testid
                   [$, e(q)]
                 ]),
                 u[1] || (x(-1), u[1] = d("div", { class: "buttons" }, [
-                  s(e(R), {
+                  s(e(E), {
                     id: "button-ok" + t.uniqueId,
                     size: "small",
                     class: "button",
@@ -229,7 +229,7 @@ const de = ["id", "data-testid"], ne = ["data-testid"], ie = ["id", "data-testid
                     ]),
                     _: 1
                   }, 8, ["id", "data-testid", "onClick"]),
-                  s(e(R), {
+                  s(e(E), {
                     id: "button-cancel" + t.uniqueId,
                     size: "small",
                     theme: "third",
@@ -261,5 +261,5 @@ const de = ["id", "data-testid"], ne = ["data-testid"], ie = ["id", "data-testid
   }
 });
 export {
-  Oe as default
+  Le as default
 };