@ironsource/shared-ui 2.0.2-rc.4 → 2.1.0-rc.1

package/components/datePicker/DatePicker.vue.js

@@ -1,7 +0,0 @@
-import e from "./DatePicker.vue2.js";
-/* empty css                 */import o from "../../_virtual/_plugin-vue_export-helper.js";
-// import "../../DatePicker.vue_vue_type_style_index_0_scoped_e108ef3b_lang.css"; //*');
-const c = /* @__PURE__ */ o(e, [["__scopeId", "data-v-e108ef3b"]]);
-export {
-  c as default
-};

package/components/datePicker/DatePicker.vue2.js

@@ -1,97 +0,0 @@
- import "../../DatePicker.vue_vue_type_style_index_0_scoped_e108ef3b_lang.css"; import { defineComponent as C, ref as r, computed as i, openBlock as v, createElementBlock as g, unref as l, createElementVNode as w, renderSlot as M, withDirectives as R, isRef as T, vModelText as x, normalizeClass as B, createVNode as E, createCommentVNode as N } from "vue";
-import { onClickOutside as b } from "@vueuse/core";
-import { useToggle as U } from "../../composables/useToggle.js";
-import W from "./DatePickerMonth.vue.js";
-import { isValid as m, format as q, parse as A, isFuture as O } from "date-fns";
-import { DatePickerTestIdModifiers as y } from "../../testids/index.js";
-const S = ["id", "data-testid"], z = ["placeholder", "data-testid"], Q = /* @__PURE__ */ C({
-  __name: "DatePicker",
-  props: {
-    uniqueId: { default: Date.now() },
-    modelValue: { default: null },
-    allowFutureDates: { type: Boolean, default: !1 },
-    dateFormat: { default: "yyyy-MM-d" },
-    placeholder: { default: "" },
-    testId: { default: "" }
-  },
-  emits: ["update:modelValue"],
-  setup(n, { emit: c }) {
-    const a = n, u = r(null), p = r(null), I = r(null), h = r(null), [s, V] = U({ initialValue: !1 }), k = () => {
-      V(!1);
-    }, P = (e) => {
-      const t = e.target.value;
-      if (!s) {
-        c("update:modelValue", t);
-        return;
-      }
-      const o = A(t, a.dateFormat, /* @__PURE__ */ new Date());
-      t.trim() || f(null), m(o) && (!a.allowFutureDates && O(o) || f(o));
-    }, f = (e) => {
-      k(), c("update:modelValue", e);
-    }, D = i(() => `datePicker${a.uniqueId || Math.random().toString().substring(2, 7)}`), d = i(() => {
-      const e = new Date(a.modelValue);
-      return m(a.modelValue) ? q(e, a.dateFormat) : a.modelValue;
-    }), F = i(() => {
-      if (!u.value || !s)
-        return !1;
-      const e = u.value.getBoundingClientRect(), t = 232;
-      return window.innerWidth - (e.x + t) < 0;
-    }), $ = i(() => {
-      if (!a.modelValue)
-        return null;
-      const e = new Date(a.modelValue);
-      return m(e) ? e : null;
-    });
-    return b(
-      p,
-      () => {
-        k();
-      },
-      { ignore: [u] }
-    ), (e, t) => (v(), g("div", {
-      id: l(D),
-      ref_key: "datePicker",
-      ref: u,
-      class: "date-picker",
-      "data-testid": `${n.testId}-${l(y).WRAPPER}`
-    }, [
-      w("div", {
-        ref_key: "buttonRef",
-        ref: h,
-        onClick: t[2] || (t[2] = (o) => l(V)())
-      }, [
-        M(e.$slots, "default", { formattedDate: l(d) }, () => [
-          R(w("input", {
-            ref_key: "input",
-            ref: I,
-            "onUpdate:modelValue": t[0] || (t[0] = (o) => T(d) ? d.value = o : null),
-            type: "text",
-            class: "input",
-            placeholder: n.placeholder,
-            "data-testid": `${n.testId}-${l(y).INPUT}`,
-            onInput: t[1] || (t[1] = (o) => P(o))
-          }, null, 40, z), [
-            [x, l(d)]
-          ])
-        ], !0)
-      ], 512),
-      l(s) ? (v(), g("div", {
-        key: 0,
-        ref_key: "popup",
-        ref: p,
-        class: B(["date-picker-popup", { "align-right": l(F) }])
-      }, [
-        E(W, {
-          id: l(D) + "-month",
-          "model-value": l($),
-          "allow-future-dates": n.allowFutureDates,
-          "test-id": n.testId,
-          "onUpdate:modelValue": f
-        }, null, 8, ["id", "model-value", "allow-future-dates", "test-id"])
-      ], 2)) : N("", !0)
-    ], 8, S));
-  }
-});
-export {
-  Q as default
-};

package/components/datePicker/DatePickerMonth.vue.js

@@ -1,7 +0,0 @@
-import o from "./DatePickerMonth.vue2.js";
-/* empty css                      */import e from "../../_virtual/_plugin-vue_export-helper.js";
-// import "../../DatePickerMonth.vue_vue_type_style_index_0_scoped_b171cdab_lang.css"; //*');
-const s = /* @__PURE__ */ e(o, [["__scopeId", "data-v-b171cdab"]]);
-export {
-  s as default
-};

package/components/datePicker/DatePickerMonth.vue2.js

@@ -1,85 +0,0 @@
- import "../../DatePickerMonth.vue_vue_type_style_index_0_scoped_b171cdab_lang.css"; import { defineComponent as D, ref as w, watch as d, onMounted as M, computed as i, openBlock as C, createBlock as F, unref as c } from "vue";
-import T from "../dateRange/CalendarMonth.vue.js";
-import r from "../dateRange/DateServices.js";
-import { navigateNext as k } from "../dateRange/consts.js";
-import { startOfMonth as V, differenceInMonths as m, addMonths as I, subMonths as S } from "date-fns";
-const E = /* @__PURE__ */ D({
-  __name: "DatePickerMonth",
-  props: {
-    uniqueId: { default: Date.now() },
-    modelValue: { default: null },
-    includeToday: { type: Boolean, default: !0 },
-    allowFutureDates: { type: Boolean, default: !1 },
-    testId: { default: "" }
-  },
-  emits: ["update:modelValue"],
-  setup(l, { emit: h }) {
-    const n = l, o = (t) => {
-      const a = t.getMonth(), u = t.getFullYear();
-      return r.createMonth(
-        a,
-        u,
-        n.includeToday,
-        !n.allowFutureDates
-      );
-    }, e = w(o(r.getCurrentTimeUTC())), s = () => {
-      const t = n.modelValue || r.getCurrentTimeUTC();
-      e.value = o(t);
-    }, f = (t) => {
-      const a = new Date(e.value.year, e.value.month), u = t === k ? I(a, 1) : S(a, 1);
-      e.value = o(u);
-    };
-    d(
-      () => n.modelValue,
-      () => {
-        s();
-      }
-    ), d(
-      () => n.allowFutureDates,
-      () => {
-        e.value = o(
-          new Date(e.value.year, e.value.month)
-        );
-      }
-    );
-    const v = (t) => {
-      const a = t || null;
-      return {
-        fromStart: a,
-        fromEnd: a,
-        toStart: a,
-        toEnd: a
-      };
-    };
-    M(() => {
-      s();
-    });
-    const g = i(() => {
-      if (n.allowFutureDates)
-        return "all";
-      const t = V(r.getCurrentTimeUTC());
-      m(e.value.year, e.value.month);
-      const a = new Date(e.value.year, e.value.month);
-      return m(a, t) >= 0 ? "previous" : "all";
-    }), p = i(() => v(n.modelValue)), y = (t) => {
-      t.isFuture || h("update:modelValue", t.date);
-    };
-    return (t, a) => (C(), F(T, {
-      id: l.uniqueId,
-      type: "month",
-      class: "date-picker-month",
-      range: c(p),
-      navigation: c(g),
-      year: e.value.year,
-      days: e.value.days,
-      weeks: e.value.weeks,
-      month: e.value.month,
-      "test-id": l.testId,
-      onSelectionChanged: y,
-      onNavigation: f
-    }, null, 8, ["id", "range", "navigation", "year", "days", "weeks", "month", "test-id"]));
-  }
-});
-export {
-  E as default
-};

package/components/dateRange/CalendarMonth.vue.js

@@ -1,7 +0,0 @@
-import o from "./CalendarMonth.vue2.js";
-/* empty css                    */import e from "../../_virtual/_plugin-vue_export-helper.js";
-// import "../../CalendarMonth.vue_vue_type_style_index_0_scoped_b2206adb_lang.css"; //*');
-const s = /* @__PURE__ */ e(o, [["__scopeId", "data-v-b2206adb"]]);
-export {
-  s as default
-};

package/components/dateRange/CalendarMonth.vue2.js

@@ -1,244 +0,0 @@
- import "../../CalendarMonth.vue_vue_type_style_index_0_scoped_b2206adb_lang.css"; import { defineComponent as q, ref as k, computed as G, watch as F, onMounted as K, openBlock as d, createElementBlock as g, unref as r, createElementVNode as f, createBlock as I, withCtx as c, createVNode as m, createCommentVNode as R, createTextVNode as $, toDisplayString as h, Fragment as b, renderList as A, normalizeClass as Q } from "vue";
-import D from "./DateServices.js";
-import { navigatePrev as N, navigateNext as p } from "./consts.js";
-import Z from "../typography/Heading.vue.js";
-import H from "../typography/Text.vue.js";
-import "../button/v3/Button.vue.js";
-import B from "../button/v3/IconButton.vue.js";
-import "../button/v3/ScrollButton.vue.js";
-import { isBefore as _, isAfter as ee, isSameDay as O } from "date-fns";
-import te from "../icon/v3/icons/AngleLeft.vue.js";
-import ae from "../icon/v3/icons/AngleRight.vue.js";
-import P from "../icon/v3/Icon.vue.js";
-import { CalendarMonthTestIdModifiers as u } from "../../testids/index.js";
-const ne = ["id", "data-testid"], re = ["data-testid"], oe = ["data-testid"], se = ["data-testid"], Se = /* @__PURE__ */ q({
-  __name: "CalendarMonth",
-  props: {
-    year: null,
-    days: null,
-    weeks: null,
-    month: null,
-    navigation: null,
-    range: null,
-    type: null,
-    id: { default: Date.now() },
-    allowedDays: { default: null },
-    maxAllowedDate: { default: null },
-    testId: { default: "" }
-  },
-  emits: ["selectionChanged", "navigation"],
-  setup(o, { emit: w }) {
-    const a = o, z = [
-      "January",
-      "February",
-      "March",
-      "April",
-      "May",
-      "June",
-      "July",
-      "August",
-      "September",
-      "October",
-      "November",
-      "December"
-    ], V = ["S", "M", "T", "W", "T", "F", "S"], y = k([]), M = k({}), E = k({}), W = G(() => z[a.month]), J = (e) => {
-      e.value !== 0 && w("selectionChanged", e, a.month, a.year);
-    }, C = (e) => {
-      w("navigation", e);
-    }, L = () => {
-      if (!a.range.fromStart || !a.range.toEnd)
-        return !1;
-      const e = a.range.fromStart.getMonth(), t = a.range.fromStart.getFullYear(), l = a.range.toEnd.getMonth(), s = a.range.toEnd.getFullYear();
-      return a.year < t || a.year > s ? !1 : !(a.year === t && a.month < e || a.year === s && a.month > l);
-    }, T = (e, t) => e.getMonth() < t.month && e.getFullYear() === t.year || e.getFullYear() < t.year ? 1 : e.getMonth() === t.month && e.getFullYear() === t.year ? e.getDate() : D.daysInMonth(t.month, t.year), Y = (e, t) => e.getMonth() > t.month && e.getFullYear() === t.year || e.getFullYear() > t.year ? D.daysInMonth(t.month, t.year) : e.getMonth() === t.month && e.getFullYear() === t.year ? e.getDate() : 1, j = () => {
-      if (a.allowedDays) {
-        const e = D.getCurrentTimeUTC();
-        e.setDate(e.getDate() - a.allowedDays + 1);
-        let t = e;
-        switch (a.type) {
-          case "week":
-            t = D.getFirstDayOfWeek(e);
-            break;
-          case "month":
-            t.setDate(1);
-            break;
-        }
-        return t.setHours(0, 0, 0, 0), t;
-      }
-      return null;
-    }, x = () => {
-      const e = j(), t = a.maxAllowedDate;
-      Object.keys(a.days).forEach((l) => {
-        const s = a.days[l];
-        e && _(s.date, e) || t && ee(s.date, t) ? s.disabled = !0 : delete s.disabled;
-      });
-    }, v = (e, t, l, s) => {
-      a.year === e.getFullYear() && a.month === e.getMonth() && t >= l && t <= s && (M.value[t] = !0);
-    }, S = () => {
-      for (let e = 0; e < y.value.length; e++) {
-        const t = y.value[e];
-        delete M.value[t.value], delete E.value[t.value];
-      }
-      if (y.value = [], L()) {
-        const e = { month: a.month, year: a.year }, t = T(
-          a.range.fromStart,
-          e
-        ), l = Y(
-          a.range.fromEnd,
-          e
-        ), s = T(
-          a.range.toStart,
-          e
-        ), n = Y(
-          a.range.toEnd,
-          e
-        );
-        for (let i = t; i <= n; i++)
-          E.value[i] = !0, v(
-            a.range.fromStart,
-            i,
-            t,
-            l
-          ), v(
-            a.range.fromEnd,
-            i,
-            t,
-            l
-          ), v(
-            a.range.toStart,
-            i,
-            s,
-            n
-          ), v(
-            a.range.toEnd,
-            i,
-            s,
-            n
-          ), y.value.push(a.days[i]);
-      }
-    }, U = (e) => e.value === 0 ? !1 : O(e.date, a.range.fromStart), X = (e) => e.value === 0 ? !1 : O(e.date, a.range.toEnd);
-    return F(
-      () => a.month,
-      () => {
-        S();
-      }
-    ), F(
-      () => a.range,
-      (e, t) => {
-        e && e !== t && S();
-      }
-    ), F(
-      () => a.maxAllowedDate,
-      () => {
-        x();
-      }
-    ), K(() => {
-      x(), S();
-    }), (e, t) => (d(), g("div", {
-      id: "datepickerCalendar" + o.id,
-      class: "calendar-month",
-      "data-testid": `${o.testId}-${r(u).WRAPPER}`
-    }, [
-      f("span", {
-        onClick: t[0] || (t[0] = (l) => C(r(N)))
-      }, [
-        o.navigation === r(N) || o.navigation === "all" ? (d(), I(r(B), {
-          key: 0,
-          variant: "borderless",
-          size: "md",
-          class: "previous",
-          "data-testid": `${o.testId}-${r(u).PREVIOUS}`
-        }, {
-          default: c(() => [
-            m(P, null, {
-              default: c(() => [
-                m(te)
-              ]),
-              _: 1
-            })
-          ]),
-          _: 1
-        }, 8, ["data-testid"])) : R("", !0)
-      ]),
-      f("span", {
-        onClick: t[1] || (t[1] = (l) => C(r(p)))
-      }, [
-        o.navigation === r(p) || o.navigation === "all" ? (d(), I(r(B), {
-          key: 0,
-          class: "next",
-          variant: "borderless",
-          size: "md",
-          "data-testid": `${o.testId}-${r(u).NEXT}`
-        }, {
-          default: c(() => [
-            m(P, null, {
-              default: c(() => [
-                m(ae)
-              ]),
-              _: 1
-            })
-          ]),
-          _: 1
-        }, 8, ["data-testid"])) : R("", !0)
-      ]),
-      f("div", {
-        class: "month-header",
-        "data-testid": `${o.testId}-${r(u).MONTH_HEADER}`
-      }, [
-        m(Z, {
-          level: "6",
-          "test-id": `${o.testId}-${r(u).MONTH_HEADER_TEXT}`
-        }, {
-          default: c(() => [
-            $(h(r(W)) + " " + h(o.year), 1)
-          ]),
-          _: 1
-        }, 8, ["test-id"]),
-        f("div", {
-          class: "days-header",
-          "data-testid": `${o.testId}-${r(u).DAYS_HEADER}`
-        }, [
-          (d(), g(b, null, A(V, (l, s) => m(r(H), {
-            key: s,
-            size: "xs"
-          }, {
-            default: c(() => [
-              $(h(l), 1)
-            ]),
-            _: 2
-          }, 1024)), 64))
-        ], 8, oe)
-      ], 8, re),
-      f("div", {
-        class: "days-wrapper",
-        "data-testid": `${o.testId}-${r(u).DAYS_WRAPPER}`
-      }, [
-        (d(!0), g(b, null, A(o.weeks, (l, s) => (d(), g("div", { key: s }, [
-          (d(!0), g(b, null, A(l, (n, i) => (d(), I(r(H), {
-            key: i,
-            class: Q(["day", {
-              "selected-day": M.value[n.value],
-              "selected-day-between": E.value[n.value],
-              today: n.isToday,
-              "disabled-day": n.isFuture || n.disabled,
-              "non-day": n.value === 0,
-              "start-day": U(n),
-              "end-day": X(n)
-            }]),
-            size: "sm",
-            "data-testid": `${o.testId}-${r(u).DAY}-${n.value}`,
-            onClick: (le) => n.disabled || n.isFuture || J(n)
-          }, {
-            default: c(() => [
-              $(h(n.value), 1)
-            ]),
-            _: 2
-          }, 1032, ["class", "data-testid", "onClick"]))), 128))
-        ]))), 128))
-      ], 8, se)
-    ], 8, ne));
-  }
-});
-export {
-  Se as default
-};

package/components/dateRange/DateRange.vue.js

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