@ironsource/shared-ui 2.1.12-test.88 → 2.1.12-test.89

package/DateRangeV4.vue_vue_type_style_index_0_scoped_9b958611_lang.css

@@ -0,0 +1 @@
+.label[data-v-9b958611]{color:#41454d}.pop-up[data-v-9b958611]{width:668px;position:absolute;z-index:1000;top:32px;left:1px;overflow:hidden;border-radius:8px;border:1px solid var(--common-divider, #e4e4e4);background:var(--background-modelElevation, #fff);box-shadow:var(--elevation-lg)}.pop-up.open-on-top[data-v-9b958611]{top:0}.pop-up.hide-presets[data-v-9b958611],.pop-up.hide-presets .calendar-wrap[data-v-9b958611]{width:520px}.pop-up.hide-presets .date-picker-calendar[data-v-9b958611]{padding:15px 16px}.pop-up .date-picker-menu[data-v-9b958611]{width:164px;background:#ffffff;vertical-align:top;border-right:1px solid var(--common-divider-elevation-0, #e4e4e4);background:var(--background-paper, #fcfcfc)}.pop-up .date-picker-menu .preset-element[data-v-9b958611]{padding-left:8px;height:32px;border-radius:8px;color:var(--text-primary, #202020);line-height:32px}.pop-up .date-picker-menu .preset-element[data-v-9b958611]:hover{background:var(--action-hover, rgba(0, 0, 0, .05))}.pop-up .date-picker-menu .selected-preset[data-v-9b958611]{border-radius:8px;background:var(--action-selected, #ebebeb)}.pop-up .date-picker-menu li[data-v-9b958611]{cursor:pointer;margin-bottom:2px}.pop-up .left-box[data-v-9b958611]{left:-1px}.pop-up .date-picker-calendar[data-v-9b958611]{box-sizing:border-box;height:100%;padding:16px;display:grid;grid-template-columns:1fr 1fr;grid-gap:24px}.pop-up .calendars-wrapper[data-v-9b958611]{padding-left:6px}.pop-up .preset-dropdown ul[data-v-9b958611]{list-style:none;margin:0;padding:8px;line-height:32px}.pop-up .buttons-cover[data-v-9b958611]{height:48px;position:absolute;bottom:0;width:100%;right:0;box-sizing:border-box;border-top:1px solid var(--common-divider-elevation-0, #e4e4e4);background:var(--background-modelElevation, #fff);align-items:center;display:flex;justify-content:space-between;padding:12px 16px}.pop-up .buttons-cover .text-container[data-v-9b958611]{flex:1;color:var(--text-secondary, #646464)}.pop-up button[data-v-9b958611]{float:right;margin-left:8px}.pop-up .error[data-v-9b958611]{display:none;position:absolute;left:270px;top:22px}.pop-up .inline-block[data-v-9b958611]{display:inline-block}.pop-up.right[data-v-9b958611]{left:initial;right:1px}.calendar-wrap[data-v-9b958611]{width:504px;height:372px;position:relative;border-bottom-right-radius:8px;border-top-right-radius:8px;vertical-align:top}.type-picker[data-v-9b958611]{height:60px;line-height:60px;padding-left:15px;box-shadow:0 1px 3px #0000003b}.range-type[data-v-9b958611]{color:#8e959d;padding-left:15px;padding-right:15px;cursor:pointer}.selected-range-type[data-v-9b958611]{color:#fff;background-color:#3083ff;border-radius:20px;padding:6px 15px;cursor:default}.date-range-field[data-v-9b958611]{display:inline-block;width:100%;height:28px;position:relative;cursor:pointer;border-radius:3px}.date-range-field.selected-item-as-title[data-v-9b958611]{left:0;border:none;background-image:none;max-width:100%;height:22px;color:#3083ff;overflow:visible}.date-range-field.selected-item-as-title .small-triangle[data-v-9b958611]{right:-25px}.date-range-field.selected-item-as-title .small-triangle[data-v-9b958611]:after{border-top-color:currentColor}.date-range-field.selected-item-as-title span[data-v-9b958611]{padding-left:12px}.date-range-field.no-button-limit[data-v-9b958611]{overflow:visible}.date-range-field.no-button-limit span[data-v-9b958611]{width:100%;line-height:22px}.date-range-field span[data-v-9b958611]{line-height:26px;padding-left:15px;overflow:hidden;text-overflow:ellipsis;display:inline-block;width:calc(100% - 26px);white-space:nowrap;position:relative}.date-range-disabled .date-range-field[data-v-9b958611]{cursor:default;color:#8e959d;pointer-events:none}.date-range-disabled .small-triangle[data-v-9b958611]:after{border-top-color:#8e959d}.pop-up-content[data-v-9b958611]{margin-top:1px}.type-message[data-v-9b958611]{color:#8e959d;padding:10px 20px;line-height:1.5}.relative-wrap[data-v-9b958611]{position:relative}.space-right[data-v-9b958611]{margin-right:13px}.space-left[data-v-9b958611]{margin-left:9px}.top-date[data-v-9b958611]{line-height:13px}.flex[data-v-9b958611]{display:flex}

package/components/dateRange/common/DateRange.common.js

@@ -1,13 +1,13 @@
 import { onClickOutside as ie } from "@vueuse/core";
 import { useToggle as fe } from "../../../composables/useToggle.js";
-import { ref as r, computed as b, onMounted as ce, onBeforeMount as de, onUnmounted as ve, watch as Q } from "vue";
+import { ref as r, computed as b, onMounted as de, onBeforeMount as ce, onUnmounted as ve, watch as Q } from "vue";
 import { min as me, addDays as ge, format as X } from "date-fns";
 import { presetsList as he, formatError as De, mandatoryValuesError as Me, navigatePrev as Z, navigateNext as V } from "./consts.common.js";
 import m from "./DateServices.common.js";
-const Te = (o, y) => {
-  const N = r(null), c = r({ started: !1, date: null }), x = r(!1), _ = 2, S = r({ from: null, to: null }), s = r({}), g = r([]), k = r(null), f = r({}), T = r({}), w = r(!1), P = r(null), u = r(null), j = r("left"), p = r(null), O = r(null), E = r([]), K = r(null), [h] = fe({ initialValue: !1 }), q = r(null);
+const pe = (o, y) => {
+  const N = r(null), d = r({ started: !1, date: null }), x = r(!1), _ = 2, S = r({ from: null, to: null }), u = r({}), g = r([]), k = r(null), i = r({}), p = r({}), C = r(!1), w = r(null), s = r(null), j = r("left"), P = r(null), O = r(null), E = r([]), K = r(null), [D] = fe({ initialValue: !1 }), q = r(null);
   ie(q, () => {
-    h.value = !1;
+    D.value = !1;
   });
   const L = (e, t) => {
     const a = {
@@ -17,27 +17,27 @@ const Te = (o, y) => {
       year: t
     };
     let n, l;
-    const d = new Date(t, e, 1).getDay();
+    const c = new Date(t, e, 1).getDay();
     let v = 1;
-    const i = /* @__PURE__ */ new Date();
-    i.setHours(0, 0, 0, 0);
-    const se = m.daysInMonth(e, t);
+    const f = /* @__PURE__ */ new Date();
+    f.setHours(0, 0, 0, 0);
+    const ue = m.daysInMonth(e, t);
     for (let I = 0; I < 6; I++) {
       l = [];
       for (let H = 0; H < 7; H++)
-        n = {}, I === 0 && d > 0 && H < d && (n.value = 0), v > se && (n.value = 0), !n.value && n.value !== 0 && (n.value = v, v += 1, a.days[n.value] = n, n.date = new Date(t, e, n.value), i < n.date ? n.isFuture = !0 : n.date.getTime() === i.getTime() && (n.isToday = !0, o.includeToday || (n.disabled = !0))), l.push(n);
+        n = {}, I === 0 && c > 0 && H < c && (n.value = 0), v > ue && (n.value = 0), !n.value && n.value !== 0 && (n.value = v, v += 1, a.days[n.value] = n, n.date = new Date(t, e, n.value), f < n.date ? n.isFuture = !0 : n.date.getTime() === f.getTime() && (n.isToday = !0, o.includeToday || (n.disabled = !0))), l.push(n);
       a.weeks.push(l);
     }
     return a;
-  }, C = () => {
+  }, T = () => {
     let e = m.getCurrentTimeUTC();
-    if (u.value && u.value.toEnd ? e = u.value.toEnd : o.range && o.range.to && (e = o.range.to), !s.value[`${e.getFullYear().toString()}_${e.getMonth().toString()}`]) {
-      s.value = {}, g.value = [];
+    if (s.value && s.value.toEnd ? e = s.value.toEnd : o.range && o.range.to && (e = o.range.to), !u.value[`${e.getFullYear().toString()}_${e.getMonth().toString()}`]) {
+      u.value = {}, g.value = [];
       for (let t = 0; t < _; t++) {
         const a = new Date(e);
         a.setDate(1), a.setMonth(e.getMonth() - t);
         const n = `${a.getFullYear().toString()}_${a.getMonth().toString()}`;
-        s.value[n] = {
+        u.value[n] = {
           parsedMonth: L(
             a.getMonth(),
             a.getFullYear()
@@ -47,60 +47,60 @@ const Te = (o, y) => {
       }
     }
   }, z = (e, t) => {
-    P.value = e;
+    w.value = e;
     let a = e;
-    e === "date" && (a = o.datePresetList), E.value = he[a], t && (u.value = {
+    e === "date" && (a = o.datePresetList), E.value = he[a], t && (s.value = {
       fromStart: null,
       fromEnd: null,
       toStart: null,
       toEnd: null
-    }, S.value.from = "", S.value.to = "", c.value = { started: !1, date: null }, f.value = "custom"), y("rangeTypeChanged", P.value);
+    }, S.value.from = "", S.value.to = "", d.value = { started: !1, date: null }, i.value = "custom"), y("rangeTypeChanged", w.value);
   }, ee = (e) => {
-    f.value = e.id, D(k.value[e.id].dates()), C();
-  }, D = (e, t = !1) => {
+    i.value = e.id, M(k.value[e.id].dates()), T();
+  }, M = (e, t = !1) => {
     let a = e;
-    return (!e || !e.from && !e.to) && (a = k.value[E.value[0]]), o.maxDaysInRange && (K.value = t ? ge(a.from, o.maxDaysInRange) : null), w.value = !1, !a.from || !a.to || !(a.from instanceof Date) || !(a.to instanceof Date) ? (O.value = De, w.value = !0, !1) : a.from > a.to ? (O.value = `"From" date can't be bigger than "To" date`, w.value = !0, !1) : (u.value = R(a), S.value.from = X(
-      u.value.fromStart,
+    return !e.from && !e.to && e.preset ? a = k.value[e.preset]?.dates() : (!e || !e.from && !e.to) && (a = k.value[E.value[0]]), o.maxDaysInRange && (K.value = t ? ge(a.from, o.maxDaysInRange) : null), C.value = !1, !a.from || !a.to || !(a.from instanceof Date) || !(a.to instanceof Date) ? (O.value = De, C.value = !0, !1) : a.from > a.to ? (O.value = `"From" date can't be bigger than "To" date`, C.value = !0, !1) : (s.value = R(a), S.value.from = X(
+      s.value.fromStart,
       o.dateFormat
-    ), S.value.to = X(u.value.toEnd, o.dateFormat), !0);
+    ), S.value.to = X(s.value.toEnd, o.dateFormat), !0);
   }, F = () => {
-    f.value === "custom" ? p.value = m.getDateRangeString(u.value) : p.value = J.value, y("currentDateChanged", p.value);
+    i.value === "custom" ? P.value = m.getDateRangeString(s.value) : P.value = J.value, y("currentDateChanged", P.value);
   }, te = () => {
-    if (u.value.fromStart == null || u.value.toEnd == null) {
-      w.value = !0, O.value = Me;
+    if (s.value.fromStart == null || s.value.toEnd == null) {
+      C.value = !0, O.value = Me;
       return;
     }
     const e = m.getCurrentTimeUTC();
-    u.value.toEnd > e && (u.value.toEnd = e), F(), T.value = f.value, y("rangeChanged", {
-      from: u.value.fromStart,
-      to: u.value.toEnd,
-      preset: T.value
+    s.value.toEnd > e && (s.value.toEnd = e), F(), p.value = i.value, y("rangeChanged", {
+      from: s.value.fromStart,
+      to: s.value.toEnd,
+      preset: p.value
     }), W(!1);
   }, ae = (e, t) => e ? Z : t ? V : null, ne = (e) => {
     let t = null, a = null;
     const n = _ - 1;
-    let l = "", M = null, d = null;
+    let l = "", h = null, c = null;
     switch (e) {
       case V:
-        Object.keys(s.value).forEach((v) => {
-          const i = s.value[v];
-          i.order === 0 && (M = i), i.order === n ? (g.value.splice(
+        Object.keys(u.value).forEach((v) => {
+          const f = u.value[v];
+          f.order === 0 && (h = f), f.order === n ? (g.value.splice(
             g.value.indexOf(v),
             1
-          ), delete s.value[v]) : i.order += 1;
-        }), t = M.parsedMonth.month + 1, a = M.parsedMonth.year, t > 11 && (t = 0, a += 1), l = `${a.toString()}_${t.toString()}`, s.value[l] = {
+          ), delete u.value[v]) : f.order += 1;
+        }), t = h.parsedMonth.month + 1, a = h.parsedMonth.year, t > 11 && (t = 0, a += 1), l = `${a.toString()}_${t.toString()}`, u.value[l] = {
           parsedMonth: L(t, a),
           order: 0
         }, g.value.push(l);
         break;
       case Z:
-        Object.keys(s.value).forEach((v) => {
-          const i = s.value[v];
-          i.order === n && (d = i), i.order === 0 ? (g.value.splice(
+        Object.keys(u.value).forEach((v) => {
+          const f = u.value[v];
+          f.order === n && (c = f), f.order === 0 ? (g.value.splice(
             g.value.indexOf(v),
             1
-          ), delete s.value[v]) : i.order -= 1;
-        }), t = d.parsedMonth.month - 1, a = d.parsedMonth.year, t < 0 && (t = 11, a -= 1), l = `${a.toString()}_${t.toString()}`, s.value[l] = {
+          ), delete u.value[v]) : f.order -= 1;
+        }), t = c.parsedMonth.month - 1, a = c.parsedMonth.year, t < 0 && (t = 11, a -= 1), l = `${a.toString()}_${t.toString()}`, u.value[l] = {
           parsedMonth: L(t, a),
           order: n
         }, g.value.unshift(l);
@@ -108,7 +108,7 @@ const Te = (o, y) => {
     }
   }, R = (e) => {
     let t;
-    switch (P.value) {
+    switch (w.value) {
       case "week":
         t = {
           fromStart: m.getFirstDayOfWeek(e.from),
@@ -146,6 +146,12 @@ const Te = (o, y) => {
     return t;
   }, U = (e, t) => e.getUTCFullYear() === t.getUTCFullYear() && e.getUTCMonth() === t.getUTCMonth() && e.getUTCDate() === t.getUTCDate(), $ = (e) => {
     let t = !1;
+    if (!e.from && !e.to && e.preset) {
+      const l = E.value.find(
+        (h) => h.id === e.preset
+      );
+      i.value = l.id, t = !0;
+    }
     const a = {
       from: new Date(e.from),
       to: new Date(e.to)
@@ -153,53 +159,53 @@ const Te = (o, y) => {
     a.from.setHours(0, 0, 0, 0), a.to.setHours(0, 0, 0, 0);
     const n = E.value.map((l) => l.id);
     if (Object.keys(k.value).forEach((l) => {
-      const M = k.value[l];
+      const h = k.value[l];
       if (l !== "custom" && !t && n.indexOf(l) !== -1) {
-        const d = M.dates();
-        d.from.setHours(0, 0, 0, 0), d.to.setHours(0, 0, 0, 0), U(d.from, a.from) && U(d.to, a.to) && (f.value = l, t = !0);
+        const c = h.dates();
+        c.from.setHours(0, 0, 0, 0), c.to.setHours(0, 0, 0, 0), U(c.from, a.from) && U(c.to, a.to) && (i.value = l, t = !0);
       }
     }), t) {
       const l = E.value.find(
-        (M) => M.id === f.value
+        (h) => h.id === i.value
       );
       y("dateRangePresetNameChanged", l.name);
     } else
-      y("dateRangePresetNameChanged", null), f.value = "custom";
-    T.value = f.value;
+      y("dateRangePresetNameChanged", null), i.value = "custom";
+    p.value = i.value;
   }, A = (e, t, a) => {
-    if (!c.value.started)
-      f.value = "custom", c.value.started = !0, c.value.date = new Date(a, t, e.value), D(
-        { from: c.value.date, to: c.value.date },
+    if (!d.value.started)
+      i.value = "custom", d.value.started = !0, d.value.date = new Date(a, t, e.value), M(
+        { from: d.value.date, to: d.value.date },
         !0
       );
     else {
-      const n = new Date(a, t, e.value), l = c.value.date;
-      c.value.started = !1, c.value.date = null, n < l ? A(e, t, a) : D({ from: l, to: n });
+      const n = new Date(a, t, e.value), l = d.value.date;
+      d.value.started = !1, d.value.date = null, n < l ? A(e, t, a) : M({ from: l, to: n });
     }
   }, B = () => {
     const e = N.value.offsetLeft;
     return window.innerWidth - e > 930 ? "left" : "right";
   }, W = (e = !0) => {
-    h.value = !h.value, h.value ? (j.value = B(), D(o.range), C(), y("opened")) : (D(o.range), C(), f.value = T.value, e && y("dismissed"));
+    D.value = !D.value, D.value ? (j.value = B(), M(o.range), T(), y("opened")) : (M(o.range), T(), i.value = p.value, e && y("dismissed"));
   }, G = () => {
-    h.value && W();
+    D.value && W();
   }, le = () => {
     k.value = m.getPresetsFunctions(o.includeToday), k.value.custom = {
       dates: () => o.range
     };
   }, oe = b(() => (g.value || []).reduce((e, t) => {
-    const n = s.value[t].parsedMonth.weeks[s.value[t].parsedMonth.weeks.length - 1].filter(
+    const n = u.value[t].parsedMonth.weeks[u.value[t].parsedMonth.weeks.length - 1].filter(
       (l) => l.value !== 0
     ).length;
     return e && !n;
   }, !0)), Y = () => {
-    o.range && (x.value = !0, z(o.initialType || o.types[0]), le(), $(o.range), D(o.range), C(), F());
+    o.range && (x.value = !0, z(o.initialType || o.types[0]), le(), $(o.range), M(o.range), T(), F());
   };
-  ce(() => {
+  de(() => {
     Y();
-  }), de(() => {
+  }), ce(() => {
     const e = (t) => {
-      t.key === "Escape" && h.value && G();
+      t.key === "Escape" && D.value && G();
     };
     document.addEventListener("keyup", e), ve(() => {
       document.removeEventListener("keyup", e);
@@ -207,44 +213,44 @@ const Te = (o, y) => {
   }), Q(
     () => o.range,
     (e, t) => {
-      e && e !== t && (x.value ? ($(e), D(e), F()) : Y());
+      e && e !== t && (x.value ? ($(e), M(e), F()) : Y());
     }
-  ), Q(h, (e) => {
-    e || (c.value.started = !1);
+  ), Q(D, (e) => {
+    e || (d.value.started = !1);
   });
   const J = b(() => {
     const e = E.value.find(
-      (t) => t.id === f.value
+      (t) => t.id === i.value
     );
     return e ? e.name : "";
-  }), re = b(() => `datepicker${o.uniqueId}`), ue = b(() => {
+  }), re = b(() => `datepicker${o.uniqueId}`), se = b(() => {
     const e = [o.maxDate, K.value].filter((t) => t);
     return e.length ? me(e) : null;
   });
   return {
     datePicker: N,
     datePickerId: re,
-    getMaxAllowedDate: ue,
+    getMaxAllowedDate: se,
     selectedPresetName: J,
-    selectedPreset: f,
-    displayError: w,
-    rangeType: P,
-    selectedRange: u,
+    selectedPreset: i,
+    displayError: C,
+    rangeType: w,
+    selectedRange: s,
     placement: j,
-    currentDate: p,
+    currentDate: P,
     error: O,
     presets: E,
-    isOpen: h,
+    isOpen: D,
     popup: q,
-    selectionStart: c,
+    selectionStart: d,
     initialized: x,
     textDates: S,
-    currentMonths: s,
+    currentMonths: u,
     displayedMonthsKeys: g,
-    initMonths: C,
+    initMonths: T,
     changeType: z,
     presetChanged: ee,
-    initRange: D,
+    initRange: M,
     setCurrentDate: F,
     apply: te,
     getNavigation: ae,
@@ -261,5 +267,5 @@ const Te = (o, y) => {
   };
 };
 export {
-  Te as dateRangeCommon
+  pe as dateRangeCommon
 };

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_a849128a_lang.css"; //*');
-const s = /* @__PURE__ */ o(e, [["__scopeId", "data-v-a849128a"]]);
+// import "../../../DateRangeV4.vue_vue_type_style_index_0_scoped_9b958611_lang.css"; //*');
+const a = /* @__PURE__ */ o(e, [["__scopeId", "data-v-9b958611"]]);
 export {
-  s as default
+  a as default
 };

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

@@ -1,4 +1,4 @@
- import "../../../DateRangeV4.vue_vue_type_style_index_0_scoped_a849128a_lang.css"; import { defineComponent as J, watch as Q, openBlock as n, createElementBlock as s, unref as e, normalizeClass as r, createElementVNode as d, renderSlot as x, createVNode as i, withDirectives as v, Fragment as k, renderList as C, withCtx as l, createTextVNode as m, toDisplayString as g, createCommentVNode as E, vShow as $, normalizeStyle as X, setBlockTracking as R } from "vue";
+ import "../../../DateRangeV4.vue_vue_type_style_index_0_scoped_9b958611_lang.css"; import { defineComponent as J, watch as Q, openBlock as n, createElementBlock as s, unref as e, normalizeClass as r, createTextVNode as c, toDisplayString as p, createElementVNode as d, renderSlot as x, createVNode as i, withDirectives as k, Fragment as C, renderList as $, withCtx as l, createCommentVNode as E, vShow as I, normalizeStyle as X, setBlockTracking as R } from "vue";
 import Z from "./CalendarMonthV4.vue.js";
 import { typeToName as _, messagePerType as ee } from "../common/consts.common.js";
 import A from "../../button/v4/ButtonV4.vue.js";
@@ -17,7 +17,7 @@ import "../../dropdown/v4/OptionV4.vue.js";
 import "../../dropdown/v4/ConditionalDropdown.vue.js";
 import { DateRangeTestIdModifiers as o, DatePickerTestIdModifiers as ae } from "../../../testids/index.js";
 import { dateRangeCommon as de } from "../common/DateRange.common.js";
-import p from "../../typography/v4/Typography.vue.js";
+import y from "../../typography/v4/Typography.vue.js";
 const ne = ["id", "data-testid"], se = ["data-testid"], ie = ["id", "data-testid"], oe = {
   key: 0,
   class: "type-picker"
@@ -49,21 +49,21 @@ const ne = ["id", "data-testid"], se = ["data-testid"], ie = ["id", "data-testid
     "dismissed"
   ],
   setup(t, { emit: B }) {
-    const I = t, {
+    const w = t, {
       datePicker: M,
       datePickerId: S,
       getMaxAllowedDate: q,
-      selectedPreset: w,
+      selectedPreset: f,
       displayError: O,
-      rangeType: f,
+      rangeType: h,
       selectedRange: L,
       placement: V,
       currentDate: T,
       error: z,
       presets: U,
-      isOpen: h,
+      isOpen: v,
       popup: F,
-      currentMonths: y,
+      currentMonths: g,
       displayedMonthsKeys: b,
       changeType: P,
       presetChanged: G,
@@ -73,38 +73,39 @@ const ne = ["id", "data-testid"], se = ["data-testid"], ie = ["id", "data-testid
       selectionChanged: j,
       toggle: D,
       isCompact: H
-    } = de(I, B);
+    } = de(w, B);
     return Q(
-      () => I.datePresetList,
+      () => w.datePresetList,
       () => {
         P("date", !1);
       }
-    ), (N, c) => (n(), s("div", {
+    ), (N, u) => (n(), s("div", {
       id: e(S),
       ref_key: "datePicker",
       ref: M,
       class: r(["relative-wrap", { "date-range-disabled": t.disabled }]),
       "data-testid": `${t.testId}-${e(o).WRAPPER}`
     }, [
+      c(p(e(f)) + " ", 1),
       d("div", {
         class: "date-range-field",
         "data-testid": `${t.testId}-${e(o).TRIGGER}`,
-        onClick: c[0] || (c[0] = (a) => e(D)())
+        onClick: u[0] || (u[0] = (a) => e(D)())
       }, [
         x(N.$slots, "field", {
           currentDate: e(T),
-          isOpen: e(h)
+          isOpen: e(v)
         }, () => [
           i(e(te), {
             label: e(T),
             "start-icon-name": "calendar-blank",
             variant: "outlined",
             "test-id": `${t.testId}-${e(ae).INPUT}`,
-            open: e(h)
+            open: e(v)
           }, null, 8, ["label", "test-id", "open"])
         ], !0)
       ], 8, se),
-      v(d("div", {
+      k(d("div", {
         id: "datepickerPopup" + t.uniqueId,
         ref_key: "popup",
         ref: F,
@@ -116,14 +117,14 @@ const ne = ["id", "data-testid"], se = ["data-testid"], ie = ["id", "data-testid
         "data-testid": `${t.testId}-${e(o).CONTAINER}`
       }, [
         t.types.length > 1 ? (n(), s("div", oe, [
-          (n(!0), s(k, null, C(t.types, (a) => (n(), s("span", {
+          (n(!0), s(C, null, $(t.types, (a) => (n(), s("span", {
             key: a,
-            class: r(["range-type", { "selected-range-type": e(f) === a }]),
-            onClick: (u) => e(P)(a, !0)
+            class: r(["range-type", { "selected-range-type": e(h) === a }]),
+            onClick: (m) => e(P)(a, !0)
           }, [
-            i(e(p), { variant: "h1" }, {
+            i(e(y), { variant: "h1" }, {
               default: l(() => [
-                m(g(e(_)[a]), 1)
+                c(p(e(_)[a]), 1)
               ]),
               _: 2
             }, 1024)
@@ -144,28 +145,28 @@ const ne = ["id", "data-testid"], se = ["data-testid"], ie = ["id", "data-testid
               d("ul", {
                 id: "customDropDownList" + t.uniqueId
               }, [
-                (n(!0), s(k, null, C(e(U), (a) => (n(), s("li", {
+                (n(!0), s(C, null, $(e(U), (a) => (n(), s("li", {
                   key: a.id,
                   class: r({
-                    "selected-preset-container": e(w) === a.id
+                    "selected-preset-container": e(f) === a.id
                   })
                 }, [
                   d("div", {
-                    class: r([{ "selected-preset": e(w) === a.id }, "preset-element"]),
-                    onClick: (u) => e(G)(a)
+                    class: r([{ "selected-preset": e(f) === a.id }, "preset-element"]),
+                    onClick: (m) => e(G)(a)
                   }, [
-                    i(e(p), {
+                    i(e(y), {
                       variant: "body2",
                       "data-testid": `${t.testId}-${e(o).MENU}-${a.id}`
                     }, {
                       default: l(() => [
-                        m(g(a.name), 1)
+                        c(p(a.name), 1)
                       ]),
                       _: 2
                     }, 1032, ["data-testid"])
                   ], 10, me),
-                  v(d("div", pe, null, 512), [
-                    [$, a.id === "custom"]
+                  k(d("div", pe, null, 512), [
+                    [I, a.id === "custom"]
                   ])
                 ], 2))), 128))
               ], 8, ue)
@@ -173,29 +174,29 @@ const ne = ["id", "data-testid"], se = ["data-testid"], ie = ["id", "data-testid
             d("div", {
               class: "type-message",
               "data-testid": `${t.testId}-${e(o).MESSAGE}`
-            }, g(e(ee)[e(f)]), 9, ye)
+            }, p(e(ee)[e(h)]), 9, ye)
           ], 8, re)) : E("", !0),
           d("div", {
             class: "calendar-wrap",
             style: X({ height: e(H) ? "336px" : "372px" })
           }, [
             d("div", ge, [
-              (n(!0), s(k, null, C(e(b), (a, u) => (n(), s("div", { key: a }, [
+              (n(!0), s(C, null, $(e(b), (a, m) => (n(), s("div", { key: a }, [
                 i(Z, {
                   id: t.uniqueId,
                   navigation: e(W)(
-                    u === 0,
-                    u === e(b).length - 1
+                    m === 0,
+                    m === e(b).length - 1
                   ),
-                  year: e(y)[a].parsedMonth.year,
-                  days: e(y)[a].parsedMonth.days,
-                  weeks: e(y)[a].parsedMonth.weeks,
-                  month: e(y)[a].parsedMonth.month,
+                  year: e(g)[a].parsedMonth.year,
+                  days: e(g)[a].parsedMonth.days,
+                  weeks: e(g)[a].parsedMonth.weeks,
+                  month: e(g)[a].parsedMonth.month,
                   range: e(L),
-                  type: e(f),
+                  type: e(h),
                   "allowed-days": t.allowedDays,
                   "max-allowed-date": e(q),
-                  "test-id": `${t.testId}-${u}`,
+                  "test-id": `${t.testId}-${m}`,
                   onSelectionChanged: e(j),
                   onNavigation: e(Y)
                 }, null, 8, ["id", "navigation", "year", "days", "weeks", "month", "range", "type", "allowed-days", "max-allowed-date", "test-id", "onSelectionChanged", "onNavigation"])
@@ -205,17 +206,17 @@ const ne = ["id", "data-testid"], se = ["data-testid"], ie = ["id", "data-testid
                   x(N.$slots, "footer", {}, void 0, !0)
                 ]),
                 d("div", ve, [
-                  i(e(p), { variant: "body2" }, {
+                  i(e(y), { variant: "body2" }, {
                     default: l(() => [
-                      m("All dates are in UTC")
+                      c("All dates are in UTC")
                     ]),
                     _: 1
                   })
                 ]),
-                v(d("div", { class: "error" }, g(e(z)), 513), [
-                  [$, e(O)]
+                k(d("div", { class: "error" }, p(e(z)), 513), [
+                  [I, e(O)]
                 ]),
-                c[1] || (R(-1), c[1] = d("div", { class: "buttons" }, [
+                u[1] || (R(-1), u[1] = d("div", { class: "buttons" }, [
                   i(e(A), {
                     id: "button-ok" + t.uniqueId,
                     size: "small",
@@ -225,9 +226,9 @@ const ne = ["id", "data-testid"], se = ["data-testid"], ie = ["id", "data-testid
                     onClick: (a) => e(K)()
                   }, {
                     default: l(() => [
-                      i(e(p), { variant: "button" }, {
+                      i(e(y), { variant: "button" }, {
                         default: l(() => [
-                          m("Apply")
+                          c("Apply")
                         ]),
                         _: 1
                       })
@@ -245,22 +246,22 @@ const ne = ["id", "data-testid"], se = ["data-testid"], ie = ["id", "data-testid
                     onClick: (a) => e(D)()
                   }, {
                     default: l(() => [
-                      i(e(p), { variant: "button" }, {
+                      i(e(y), { variant: "button" }, {
                         default: l(() => [
-                          m(" Cancel ")
+                          c(" Cancel ")
                         ]),
                         _: 1
                       })
                     ]),
                     _: 1
                   }, 8, ["id", "data-testid", "onClick"])
-                ]), R(1), c[1])
+                ]), R(1), u[1])
               ])
             ])
           ], 4)
         ], 2)
       ], 10, ie), [
-        [$, e(h)]
+        [I, e(v)]
       ])
     ], 10, ne));
   }

package/index.js

@@ -1,4 +1,4 @@
-import './AppTrigger.vue_vue_type_style_index_0_scoped_121aac8b_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-test.88",
+  "version": "2.1.12-test.89",
   "engines": {
     "npm": ">=7.0.0",
     "node": ">=16.0.0"

package/DateRangeV4.vue_vue_type_style_index_0_scoped_a849128a_lang.css

@@ -1 +0,0 @@
-.label[data-v-a849128a]{color:#41454d}.pop-up[data-v-a849128a]{width:668px;position:absolute;z-index:1000;top:32px;left:1px;overflow:hidden;border-radius:8px;border:1px solid var(--common-divider, #e4e4e4);background:var(--background-modelElevation, #fff);box-shadow:var(--elevation-lg)}.pop-up.open-on-top[data-v-a849128a]{top:0}.pop-up.hide-presets[data-v-a849128a],.pop-up.hide-presets .calendar-wrap[data-v-a849128a]{width:520px}.pop-up.hide-presets .date-picker-calendar[data-v-a849128a]{padding:15px 16px}.pop-up .date-picker-menu[data-v-a849128a]{width:164px;background:#ffffff;vertical-align:top;border-right:1px solid var(--common-divider-elevation-0, #e4e4e4);background:var(--background-paper, #fcfcfc)}.pop-up .date-picker-menu .preset-element[data-v-a849128a]{padding-left:8px;height:32px;border-radius:8px;color:var(--text-primary, #202020);line-height:32px}.pop-up .date-picker-menu .preset-element[data-v-a849128a]:hover{background:var(--action-hover, rgba(0, 0, 0, .05))}.pop-up .date-picker-menu .selected-preset[data-v-a849128a]{border-radius:8px;background:var(--action-selected, #ebebeb)}.pop-up .date-picker-menu li[data-v-a849128a]{cursor:pointer;margin-bottom:2px}.pop-up .left-box[data-v-a849128a]{left:-1px}.pop-up .date-picker-calendar[data-v-a849128a]{box-sizing:border-box;height:100%;padding:16px;display:grid;grid-template-columns:1fr 1fr;grid-gap:24px}.pop-up .calendars-wrapper[data-v-a849128a]{padding-left:6px}.pop-up .preset-dropdown ul[data-v-a849128a]{list-style:none;margin:0;padding:8px;line-height:32px}.pop-up .buttons-cover[data-v-a849128a]{height:48px;position:absolute;bottom:0;width:100%;right:0;box-sizing:border-box;border-top:1px solid var(--common-divider-elevation-0, #e4e4e4);background:var(--background-modelElevation, #fff);align-items:center;display:flex;justify-content:space-between;padding:12px 16px}.pop-up .buttons-cover .text-container[data-v-a849128a]{flex:1;color:var(--text-secondary, #646464)}.pop-up button[data-v-a849128a]{float:right;margin-left:8px}.pop-up .error[data-v-a849128a]{display:none;position:absolute;left:270px;top:22px}.pop-up .inline-block[data-v-a849128a]{display:inline-block}.pop-up.right[data-v-a849128a]{left:initial;right:1px}.calendar-wrap[data-v-a849128a]{width:504px;height:372px;position:relative;border-bottom-right-radius:8px;border-top-right-radius:8px;vertical-align:top}.type-picker[data-v-a849128a]{height:60px;line-height:60px;padding-left:15px;box-shadow:0 1px 3px #0000003b}.range-type[data-v-a849128a]{color:#8e959d;padding-left:15px;padding-right:15px;cursor:pointer}.selected-range-type[data-v-a849128a]{color:#fff;background-color:#3083ff;border-radius:20px;padding:6px 15px;cursor:default}.date-range-field[data-v-a849128a]{display:inline-block;width:100%;height:28px;position:relative;cursor:pointer;border-radius:3px}.date-range-field.selected-item-as-title[data-v-a849128a]{left:0;border:none;background-image:none;max-width:100%;height:22px;color:#3083ff;overflow:visible}.date-range-field.selected-item-as-title .small-triangle[data-v-a849128a]{right:-25px}.date-range-field.selected-item-as-title .small-triangle[data-v-a849128a]:after{border-top-color:currentColor}.date-range-field.selected-item-as-title span[data-v-a849128a]{padding-left:12px}.date-range-field.no-button-limit[data-v-a849128a]{overflow:visible}.date-range-field.no-button-limit span[data-v-a849128a]{width:100%;line-height:22px}.date-range-field span[data-v-a849128a]{line-height:26px;padding-left:15px;overflow:hidden;text-overflow:ellipsis;display:inline-block;width:calc(100% - 26px);white-space:nowrap;position:relative}.date-range-disabled .date-range-field[data-v-a849128a]{cursor:default;color:#8e959d;pointer-events:none}.date-range-disabled .small-triangle[data-v-a849128a]:after{border-top-color:#8e959d}.pop-up-content[data-v-a849128a]{margin-top:1px}.type-message[data-v-a849128a]{color:#8e959d;padding:10px 20px;line-height:1.5}.relative-wrap[data-v-a849128a]{position:relative}.space-right[data-v-a849128a]{margin-right:13px}.space-left[data-v-a849128a]{margin-left:9px}.top-date[data-v-a849128a]{line-height:13px}.flex[data-v-a849128a]{display:flex}