@ironsource/shared-ui 2.1.6-test.8 → 2.1.6

package/src/components/dateRange/common/DateServices.common.js

@@ -0,0 +1,248 @@
+import { isSameDay as C, format as l } from "date-fns";
+const m = "MMM d, yyyy", u = 7;
+class c {
+  // eslint-disable-next-line class-methods-use-this
+  getCurrentTimeUTC() {
+    const n = /* @__PURE__ */ new Date();
+    return new Date(n.getTime() + n.getTimezoneOffset() * 6e4);
+  }
+  // eslint-disable-next-line class-methods-use-this
+  daysInMonth(n, a) {
+    return 32 - new Date(a, n, 32).getDate();
+  }
+  // eslint-disable-next-line consistent-return
+  getDateRangeString(n) {
+    if (C(n.fromStart, n.toEnd))
+      return l(n.fromStart, m);
+    if (n.fromStart && n.toEnd)
+      return `${l(n.fromStart, m)} - ${l(
+        n.toEnd,
+        m
+      )}`;
+  }
+  // eslint-disable-next-line class-methods-use-this
+  getFirstDayOfWeek(n) {
+    const a = new Date(n), r = a.getDay(), s = a.getDate() - r;
+    return a.setDate(s), a;
+  }
+  getLastDayOfWeek(n) {
+    let a = new Date(n);
+    const r = a.getDay(), s = a.getDate() + (6 - r);
+    a.setDate(s);
+    const t = this.getCurrentTimeUTC();
+    return a > t && (a = t), a;
+  }
+  getLastDayOfMonth(n) {
+    const a = this.getCurrentTimeUTC();
+    let r = new Date(n.getFullYear(), n.getMonth() + 1, 0);
+    return r > a && (r = a), r;
+  }
+  createMonth(n, a, r = !0, e = !0) {
+    const s = {
+      weeks: [],
+      days: {},
+      month: n,
+      year: a
+    };
+    let t, o;
+    const T = new Date(a, n, 1).getDay();
+    let D = 1;
+    const i = /* @__PURE__ */ new Date();
+    i.setHours(0, 0, 0, 0);
+    const g = this.daysInMonth(n, a);
+    for (let d = 0; d < 6; d++) {
+      o = [];
+      for (let f = 0; f < 7; f++)
+        t = {}, d === 0 && T > 0 && f < T && (t.value = 0), D > g && (t.value = 0), !t.value && t.value !== 0 && (t.value = D, D += 1, s.days[t.value] = t, t.date = new Date(a, n, t.value), i < t.date && e ? t.isFuture = !0 : t.date.getTime() === i.getTime() && (t.isToday = !0, r || (t.disabled = !0))), o.push(t);
+      this.isWeekEmpty(o) || s.weeks.push(o);
+    }
+    return s;
+  }
+  isWeekEmpty(n) {
+    return n.every((a) => !a.value);
+  }
+  // eslint-disable-next-line class-methods-use-this
+  getPresetsFunctions(n = !0) {
+    const a = n, r = this;
+    return {
+      today: {
+        dates() {
+          const e = {};
+          return (e.from = r.getCurrentTimeUTC()).setHours(0, 0, 0, 0), (e.to = new Date(e.from)).setHours(23, 59, 59, 0), e;
+        }
+      },
+      yesterday: {
+        dates() {
+          const e = {};
+          return e.from = new Date(
+            r.getCurrentTimeUTC() - 24 * 3600 * 1e3
+          ), (e.to = new Date(e.from)).setHours(23, 59, 59, 0), e;
+        }
+      },
+      last7days: {
+        dates() {
+          const e = {};
+          let s = 0, t = 6 * 24 * 3600 * 1e3;
+          return a || (s = 24 * 3600 * 1e3, t = 7 * 24 * 3600 * 1e3), e.from = new Date(
+            r.getCurrentTimeUTC() - t
+          ), e.to = new Date(
+            r.getCurrentTimeUTC().setHours(23, 59, 59, 0) - s
+          ), e;
+        }
+      },
+      last14days: {
+        dates() {
+          const e = {};
+          let s = 0, t = 13 * 24 * 3600 * 1e3;
+          return a || (s = 24 * 3600 * 1e3, t = 14 * 24 * 3600 * 1e3), e.from = new Date(
+            r.getCurrentTimeUTC() - t
+          ), e.to = new Date(
+            r.getCurrentTimeUTC().setHours(23, 59, 59, 0) - s
+          ), e;
+        }
+      },
+      last30days: {
+        dates() {
+          const e = {};
+          let s = 0, t = 29 * 24 * 3600 * 1e3;
+          return a || (s = 24 * 3600 * 1e3, t = 30 * 24 * 3600 * 1e3), e.from = new Date(
+            r.getCurrentTimeUTC() - t
+          ), e.to = new Date(
+            r.getCurrentTimeUTC().setHours(23, 59, 59, 0) - s
+          ), e;
+        }
+      },
+      last31days: {
+        dates() {
+          const e = {};
+          let s = 0, t = 30 * 24 * 3600 * 1e3;
+          return a || (s = 24 * 3600 * 1e3, t = 31 * 24 * 3600 * 1e3), e.from = new Date(
+            r.getCurrentTimeUTC() - t
+          ), e.to = new Date(
+            r.getCurrentTimeUTC().setHours(23, 59, 59, 0) - s
+          ), e;
+        }
+      },
+      last60days: {
+        dates() {
+          const e = {};
+          let s = 0, t = 59 * 24 * 3600 * 1e3;
+          return a || (s = 24 * 3600 * 1e3, t = 60 * 24 * 3600 * 1e3), e.from = new Date(
+            r.getCurrentTimeUTC() - t
+          ), e.to = new Date(
+            r.getCurrentTimeUTC().setHours(23, 59, 59, 0) - s
+          ), e;
+        }
+      },
+      last90days: {
+        dates() {
+          const e = {};
+          let s = 0, t = 89 * 24 * 3600 * 1e3;
+          return a || (s = 24 * 3600 * 1e3, t = 90 * 24 * 3600 * 1e3), e.from = new Date(
+            r.getCurrentTimeUTC() - t
+          ), e.to = new Date(
+            r.getCurrentTimeUTC().setHours(23, 59, 59, 0) - s
+          ), e;
+        }
+      },
+      thisMonth: {
+        dates() {
+          const e = {}, s = /* @__PURE__ */ new Date(), t = new Date(s.getFullYear(), s.getMonth(), 1);
+          if (a)
+            (e.to = r.getCurrentTimeUTC()).setHours(0, 0, 0, 0);
+          else {
+            const o = new Date(
+              r.getCurrentTimeUTC().setHours(0, 0, 0, 0) - 864e5
+            );
+            o < t ? e.to = t : e.to = o;
+          }
+          return e.from = t, e;
+        }
+      },
+      lastMonth: {
+        dates() {
+          const e = {}, s = /* @__PURE__ */ new Date();
+          return e.from = new Date(s.getFullYear(), s.getMonth() - 1, 1), e.to = new Date(s.getFullYear(), s.getMonth(), 0), e;
+        }
+      },
+      last4weeks: {
+        dates() {
+          const e = {}, s = r.getCurrentTimeUTC(), t = r.getFirstDayOfWeek(s);
+          return e.from = new Date(
+            t.setDate(t.getDate() - u * 3)
+          ), e.to = new Date(s.setHours(23, 59, 59, 0)), e;
+        }
+      },
+      last12weeks: {
+        dates() {
+          const e = {}, s = r.getCurrentTimeUTC(), t = r.getFirstDayOfWeek(s);
+          return e.from = new Date(
+            t.setDate(t.getDate() - u * 11)
+          ), e.to = new Date(s.setHours(23, 59, 59, 0)), e;
+        }
+      },
+      last26weeks: {
+        dates() {
+          const e = {}, s = r.getCurrentTimeUTC(), t = r.getFirstDayOfWeek(s);
+          return e.from = new Date(
+            t.setDate(t.getDate() - u * 25)
+          ), e.to = new Date(s.setHours(23, 59, 59, 0)), e;
+        }
+      },
+      last52weeks: {
+        dates() {
+          const e = {}, s = r.getCurrentTimeUTC(), t = r.getFirstDayOfWeek(s);
+          return e.from = new Date(
+            t.setDate(t.getDate() - u * 51)
+          ), e.to = new Date(s.setHours(23, 59, 59, 0)), e;
+        }
+      },
+      last3months: {
+        dates() {
+          const e = {}, s = r.getCurrentTimeUTC(), t = new Date(s.getFullYear(), s.getMonth() - 2, 1);
+          return (e.to = r.getCurrentTimeUTC()).setHours(0, 0, 0, 0), e.from = t, e;
+        }
+      },
+      last6months: {
+        dates() {
+          const e = {}, s = r.getCurrentTimeUTC(), t = new Date(s.getFullYear(), s.getMonth() - 5, 1);
+          return (e.to = r.getCurrentTimeUTC()).setHours(0, 0, 0, 0), e.from = t, e;
+        }
+      },
+      last12months: {
+        dates() {
+          const e = {}, s = r.getCurrentTimeUTC(), t = new Date(
+            s.getFullYear(),
+            s.getMonth() - 11,
+            1
+          );
+          return (e.to = r.getCurrentTimeUTC()).setHours(0, 0, 0, 0), e.from = t, e;
+        }
+      },
+      last24months: {
+        dates() {
+          const e = {}, s = r.getCurrentTimeUTC(), t = new Date(
+            s.getFullYear(),
+            s.getMonth() - 23,
+            1
+          );
+          return (e.to = r.getCurrentTimeUTC()).setHours(0, 0, 0, 0), e.from = t, e;
+        }
+      },
+      last36months: {
+        dates() {
+          const e = {}, s = r.getCurrentTimeUTC(), t = new Date(
+            s.getFullYear(),
+            s.getMonth() - 35,
+            1
+          );
+          return (e.to = r.getCurrentTimeUTC()).setHours(0, 0, 0, 0), e.from = t, e;
+        }
+      }
+    };
+  }
+}
+const h = new c();
+export {
+  h as default
+};

package/src/components/dateRange/common/consts.common.js

@@ -0,0 +1,75 @@
+const a = {
+  date: "Days",
+  week: "Weeks",
+  month: "Months"
+}, s = "Date range is in an invalid format", d = "Please select a date range", t = {
+  week: "For more than 52 weeks switch to months"
+}, n = "previous", e = "next", m = {
+  date: [
+    { name: "Today", id: "today", numid: 1 },
+    { name: "Yesterday", id: "yesterday", numid: 2 },
+    { name: "Last 7 days", id: "last7days", numid: 3 },
+    { name: "Last 14 days", id: "last14days", numid: 4 },
+    { name: "Last 30 days", id: "last30days", numid: 7 },
+    { name: "This month", id: "thisMonth", numid: 5 }
+  ],
+  "date1-7-14-30-90": [
+    { name: "Today", id: "today", numid: 1 },
+    { name: "Yesterday", id: "yesterday", numid: 2 },
+    { name: "Last 7 days", id: "last7days", numid: 3 },
+    { name: "Last 14 days", id: "last14days", numid: 4 },
+    { name: "This month", id: "thisMonth", numid: 5 },
+    { name: "Last 30 days", id: "last30days", numid: 7 },
+    { name: "Last 90 days", id: "last90days", numid: 9 }
+  ],
+  "date7-14-30-60-90": [
+    { name: "Last 7 days", id: "last7days", numid: 3 },
+    { name: "Last 14 days", id: "last14days", numid: 4 },
+    { name: "Last 30 days", id: "last30days", numid: 7 },
+    { name: "Last 60 days", id: "last60days", numid: 8 },
+    { name: "Last 90 days", id: "last90days", numid: 9 }
+  ],
+  "date7-14-31-60-90": [
+    { name: "Last 7 days", id: "last7days", numid: 3 },
+    { name: "Last 14 days", id: "last14days", numid: 4 },
+    { name: "Last 31 days", id: "last31days", numid: 10 },
+    { name: "Last 60 days", id: "last60days", numid: 8 },
+    { name: "Last 90 days", id: "last90days", numid: 9 }
+  ],
+  dateWithoutToday: [
+    { name: "Yesterday", id: "yesterday", numid: 2 },
+    { name: "Last 7 days", id: "last7days", numid: 3 },
+    { name: "Last 14 days", id: "last14days", numid: 4 },
+    { name: "This Month", id: "thisMonth", numid: 5 },
+    { name: "Last 30 days", id: "last30days", numid: 7 }
+  ],
+  dateWithoutLastMonth: [
+    { name: "Today", id: "today", numid: 1 },
+    { name: "Yesterday", id: "yesterday", numid: 2 },
+    { name: "Last 7 days", id: "last7days", numid: 3 },
+    { name: "Last 14 days", id: "last14days", numid: 4 },
+    { name: "Last 30 days", id: "last30days", numid: 5 }
+  ],
+  week: [
+    { name: "Last 4 weeks", id: "last4weeks", numid: 1 },
+    { name: "Last 12 weeks", id: "last12weeks", numid: 2 },
+    { name: "Last 26 weeks", id: "last26weeks", numid: 3 },
+    { name: "Last 52 weeks", id: "last52weeks", numid: 4 }
+  ],
+  month: [
+    { name: "Last 3 months", id: "last3months", numid: 1 },
+    { name: "Last 6 months", id: "last6months", numid: 2 },
+    { name: "Last 12 months", id: "last12months", numid: 3 },
+    { name: "Last 24 months", id: "last24months", numid: 4 },
+    { name: "Last 36 months", id: "last36months", numid: 5 }
+  ]
+};
+export {
+  s as formatError,
+  d as mandatoryValuesError,
+  t as messagePerType,
+  e as navigateNext,
+  n as navigatePrev,
+  m as presetsList,
+  a as typeToName
+};

package/src/components/dateRange/v3/CalendarMonth.vue.js

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

package/src/components/dateRange/v3/CalendarMonth.vue2.js

@@ -0,0 +1,147 @@
+import { defineComponent as z, openBlock as d, createElementBlock as s, unref as t, createElementVNode as o, createBlock as m, withCtx as l, createVNode as r, createCommentVNode as y, createTextVNode as v, toDisplayString as c, Fragment as $, renderList as g, normalizeClass as B } from "vue";
+import { navigatePrev as D, navigateNext as E } from "../common/consts.common.js";
+import S from "../../typography/Heading.vue.js";
+import h from "../../typography/Text.vue.js";
+import { calendarMonthCommon as V } from "../common/CalendarMonth.common.js";
+import "../../button/v3/Button.vue.js";
+import C from "../../button/v3/IconButton.vue.js";
+import "../../button/v3/ScrollButton.vue.js";
+import F from "../../icon/v3/icons/AngleLeft.vue.js";
+import O from "../../icon/v3/icons/AngleRight.vue.js";
+import I from "../../icon/v3/Icon.vue.js";
+import { CalendarMonthTestIdModifiers as n } from "../../../testids/index.js";
+const Y = ["id", "data-testid"], L = ["data-testid"], W = ["data-testid"], X = ["data-testid"], nt = /* @__PURE__ */ z({
+  __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(e, { emit: A }) {
+    const N = e, {
+      isEndDay: w,
+      isStartDay: x,
+      navigate: k,
+      selectDay: R,
+      monthName: T,
+      dayNames: M,
+      selectedDaysMap: b,
+      inBetweenMap: H
+    } = V(N, A);
+    return (U, u) => (d(), s("div", {
+      id: "datepickerCalendar" + e.id,
+      class: "calendar-month",
+      "data-testid": `${e.testId}-${t(n).WRAPPER}`
+    }, [
+      o("span", {
+        onClick: u[0] || (u[0] = (i) => t(k)(t(D)))
+      }, [
+        e.navigation === t(D) || e.navigation === "all" ? (d(), m(t(C), {
+          key: 0,
+          variant: "borderless",
+          size: "md",
+          class: "previous",
+          "data-testid": `${e.testId}-${t(n).PREVIOUS}`
+        }, {
+          default: l(() => [
+            r(I, null, {
+              default: l(() => [
+                r(F)
+              ]),
+              _: 1
+            })
+          ]),
+          _: 1
+        }, 8, ["data-testid"])) : y("", !0)
+      ]),
+      o("span", {
+        onClick: u[1] || (u[1] = (i) => t(k)(t(E)))
+      }, [
+        e.navigation === t(E) || e.navigation === "all" ? (d(), m(t(C), {
+          key: 0,
+          class: "next",
+          variant: "borderless",
+          size: "md",
+          "data-testid": `${e.testId}-${t(n).NEXT}`
+        }, {
+          default: l(() => [
+            r(I, null, {
+              default: l(() => [
+                r(O)
+              ]),
+              _: 1
+            })
+          ]),
+          _: 1
+        }, 8, ["data-testid"])) : y("", !0)
+      ]),
+      o("div", {
+        class: "month-header",
+        "data-testid": `${e.testId}-${t(n).MONTH_HEADER}`
+      }, [
+        r(S, {
+          level: "6",
+          "test-id": `${e.testId}-${t(n).MONTH_HEADER_TEXT}`
+        }, {
+          default: l(() => [
+            v(c(t(T)) + " " + c(e.year), 1)
+          ]),
+          _: 1
+        }, 8, ["test-id"]),
+        o("div", {
+          class: "days-header",
+          "data-testid": `${e.testId}-${t(n).DAYS_HEADER}`
+        }, [
+          (d(!0), s($, null, g(t(M), (i, f) => (d(), m(t(h), {
+            key: f,
+            size: "xs"
+          }, {
+            default: l(() => [
+              v(c(i), 1)
+            ]),
+            _: 2
+          }, 1024))), 128))
+        ], 8, W)
+      ], 8, L),
+      o("div", {
+        class: "days-wrapper",
+        "data-testid": `${e.testId}-${t(n).DAYS_WRAPPER}`
+      }, [
+        (d(!0), s($, null, g(e.weeks, (i, f) => (d(), s("div", { key: f }, [
+          (d(!0), s($, null, g(i, (a, P) => (d(), m(t(h), {
+            key: P,
+            class: B(["day", {
+              "selected-day": t(b)[a.value],
+              "selected-day-between": t(H)[a.value],
+              today: a.isToday,
+              "disabled-day": a.isFuture || a.disabled,
+              "non-day": a.value === 0,
+              "start-day": t(x)(a),
+              "end-day": t(w)(a)
+            }]),
+            size: "sm",
+            "data-testid": `${e.testId}-${t(n).DAY}-${a.value}`,
+            onClick: (j) => a.disabled || a.isFuture || t(R)(a)
+          }, {
+            default: l(() => [
+              v(c(a.value), 1)
+            ]),
+            _: 2
+          }, 1032, ["class", "data-testid", "onClick"]))), 128))
+        ]))), 128))
+      ], 8, X)
+    ], 8, Y));
+  }
+});
+export {
+  nt as default
+};

package/src/components/dateRange/v3/DateRange.vue.js

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