@ironsource/shared-ui 1.4.2-test.4 → 1.4.2-test.5

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

@@ -0,0 +1,374 @@
+import { isSameDay, format } from 'date-fns';
+
+const formatDate = "MMM d, yyyy";
+const WEEK = 7;
+class DateServices {
+  getCurrentTimeUTC() {
+    const d = new Date();
+    return new Date(d.getTime() + d.getTimezoneOffset() * 6e4);
+  }
+  daysInMonth(month, year) {
+    return 32 - new Date(year, month, 32).getDate();
+  }
+  getDateRangeString(dateRange) {
+    if (isSameDay(dateRange.fromStart, dateRange.toEnd)) {
+      return format(dateRange.fromStart, formatDate);
+    }
+    if (dateRange.fromStart && dateRange.toEnd) {
+      return `${format(dateRange.fromStart, formatDate)} - ${format(
+        dateRange.toEnd,
+        formatDate
+      )}`;
+    }
+  }
+  getFirstDayOfWeek(date) {
+    const dateCopy = new Date(date);
+    const dayInWeek = dateCopy.getDay();
+    const dayInMonth = dateCopy.getDate();
+    const firstDayOfWeek = dayInMonth - dayInWeek;
+    dateCopy.setDate(firstDayOfWeek);
+    return dateCopy;
+  }
+  getLastDayOfWeek(date) {
+    let dateCopy = new Date(date);
+    const dayInWeek = dateCopy.getDay();
+    const dayInMonth = dateCopy.getDate();
+    const lastDayOfWeek = dayInMonth + (6 - dayInWeek);
+    dateCopy.setDate(lastDayOfWeek);
+    const today = this.getCurrentTimeUTC();
+    if (dateCopy > today) {
+      dateCopy = today;
+    }
+    return dateCopy;
+  }
+  getLastDayOfMonth(date) {
+    const today = this.getCurrentTimeUTC();
+    let end = new Date(date.getFullYear(), date.getMonth() + 1, 0);
+    if (end > today) {
+      end = today;
+    }
+    return end;
+  }
+  createMonth(month, year, includeToday = true, setFuture = true) {
+    const parsedMonth = {
+      weeks: [],
+      days: {},
+      month,
+      year
+    };
+    let day;
+    let week;
+    const firstDay = new Date(year, month, 1);
+    const dayInWeek = firstDay.getDay();
+    let dayCounter = 1;
+    const now = new Date();
+    now.setHours(0, 0, 0, 0);
+    const maxDay = this.daysInMonth(month, year);
+    for (let i = 0; i < 6; i++) {
+      week = [];
+      for (let j = 0; j < 7; j++) {
+        day = {};
+        if (i === 0) {
+          if (dayInWeek > 0 && j < dayInWeek) {
+            day.value = 0;
+          }
+        }
+        if (dayCounter > maxDay) {
+          day.value = 0;
+        }
+        if (!day.value && day.value !== 0) {
+          day.value = dayCounter;
+          dayCounter += 1;
+          parsedMonth.days[day.value] = day;
+          day.date = new Date(year, month, day.value);
+          if (now < day.date && setFuture) {
+            day.isFuture = true;
+          } else if (day.date.getTime() === now.getTime()) {
+            day.isToday = true;
+            if (!includeToday) {
+              day.disabled = true;
+            }
+          }
+        }
+        week.push(day);
+      }
+      parsedMonth.weeks.push(week);
+    }
+    return parsedMonth;
+  }
+  getPresetsFunctions(shouldIncludeToday = true) {
+    const includeToday = shouldIncludeToday;
+    const that = this;
+    return {
+      today: {
+        dates() {
+          const dates = {};
+          (dates.from = that.getCurrentTimeUTC()).setHours(0, 0, 0, 0);
+          (dates.to = new Date(dates.from)).setHours(23, 59, 59, 0);
+          return dates;
+        }
+      },
+      yesterday: {
+        dates() {
+          const dates = {};
+          dates.from = new Date(
+            that.getCurrentTimeUTC() - 24 * 3600 * 1e3
+          );
+          (dates.to = new Date(dates.from)).setHours(23, 59, 59, 0);
+          return dates;
+        }
+      },
+      last7days: {
+        dates() {
+          const dates = {};
+          let toDelta = 0;
+          let fromDelta = 6 * 24 * 3600 * 1e3;
+          if (!includeToday) {
+            toDelta = 24 * 3600 * 1e3;
+            fromDelta = 7 * 24 * 3600 * 1e3;
+          }
+          dates.from = new Date(
+            that.getCurrentTimeUTC() - fromDelta
+          );
+          dates.to = new Date(
+            that.getCurrentTimeUTC().setHours(23, 59, 59, 0) - toDelta
+          );
+          return dates;
+        }
+      },
+      last14days: {
+        dates() {
+          const dates = {};
+          let toDelta = 0;
+          let fromDelta = 13 * 24 * 3600 * 1e3;
+          if (!includeToday) {
+            toDelta = 24 * 3600 * 1e3;
+            fromDelta = 14 * 24 * 3600 * 1e3;
+          }
+          dates.from = new Date(
+            that.getCurrentTimeUTC() - fromDelta
+          );
+          dates.to = new Date(
+            that.getCurrentTimeUTC().setHours(23, 59, 59, 0) - toDelta
+          );
+          return dates;
+        }
+      },
+      last30days: {
+        dates() {
+          const dates = {};
+          let toDelta = 0;
+          let fromDelta = 29 * 24 * 3600 * 1e3;
+          if (!includeToday) {
+            toDelta = 24 * 3600 * 1e3;
+            fromDelta = 30 * 24 * 3600 * 1e3;
+          }
+          dates.from = new Date(
+            that.getCurrentTimeUTC() - fromDelta
+          );
+          dates.to = new Date(
+            that.getCurrentTimeUTC().setHours(23, 59, 59, 0) - toDelta
+          );
+          return dates;
+        }
+      },
+      last31days: {
+        dates() {
+          const dates = {};
+          let toDelta = 0;
+          let fromDelta = 30 * 24 * 3600 * 1e3;
+          if (!includeToday) {
+            toDelta = 24 * 3600 * 1e3;
+            fromDelta = 31 * 24 * 3600 * 1e3;
+          }
+          dates.from = new Date(
+            that.getCurrentTimeUTC() - fromDelta
+          );
+          dates.to = new Date(
+            that.getCurrentTimeUTC().setHours(23, 59, 59, 0) - toDelta
+          );
+          return dates;
+        }
+      },
+      last60days: {
+        dates() {
+          const dates = {};
+          let toDelta = 0;
+          let fromDelta = 59 * 24 * 3600 * 1e3;
+          if (!includeToday) {
+            toDelta = 24 * 3600 * 1e3;
+            fromDelta = 60 * 24 * 3600 * 1e3;
+          }
+          dates.from = new Date(
+            that.getCurrentTimeUTC() - fromDelta
+          );
+          dates.to = new Date(
+            that.getCurrentTimeUTC().setHours(23, 59, 59, 0) - toDelta
+          );
+          return dates;
+        }
+      },
+      last90days: {
+        dates() {
+          const dates = {};
+          let toDelta = 0;
+          let fromDelta = 89 * 24 * 3600 * 1e3;
+          if (!includeToday) {
+            toDelta = 24 * 3600 * 1e3;
+            fromDelta = 90 * 24 * 3600 * 1e3;
+          }
+          dates.from = new Date(
+            that.getCurrentTimeUTC() - fromDelta
+          );
+          dates.to = new Date(
+            that.getCurrentTimeUTC().setHours(23, 59, 59, 0) - toDelta
+          );
+          return dates;
+        }
+      },
+      thisMonth: {
+        dates() {
+          const dates = {};
+          const date = new Date();
+          const firstDay = new Date(date.getFullYear(), date.getMonth(), 1);
+          if (!includeToday) {
+            const yesterday = new Date(
+              that.getCurrentTimeUTC().setHours(0, 0, 0, 0) - 24 * 3600 * 1e3
+            );
+            if (yesterday < firstDay) {
+              dates.to = firstDay;
+            } else {
+              dates.to = yesterday;
+            }
+          } else {
+            (dates.to = that.getCurrentTimeUTC()).setHours(0, 0, 0, 0);
+          }
+          dates.from = firstDay;
+          return dates;
+        }
+      },
+      lastMonth: {
+        dates() {
+          const dates = {};
+          const date = new Date();
+          dates.from = new Date(date.getFullYear(), date.getMonth() - 1, 1);
+          dates.to = new Date(date.getFullYear(), date.getMonth(), 0);
+          return dates;
+        }
+      },
+      last4weeks: {
+        dates() {
+          const dates = {};
+          const today = that.getCurrentTimeUTC();
+          const firstDayOfWeek = that.getFirstDayOfWeek(today);
+          dates.from = new Date(
+            firstDayOfWeek.setDate(firstDayOfWeek.getDate() - WEEK * 3)
+          );
+          dates.to = new Date(today.setHours(23, 59, 59, 0));
+          return dates;
+        }
+      },
+      last12weeks: {
+        dates() {
+          const dates = {};
+          const today = that.getCurrentTimeUTC();
+          const firstDayOfWeek = that.getFirstDayOfWeek(today);
+          dates.from = new Date(
+            firstDayOfWeek.setDate(firstDayOfWeek.getDate() - WEEK * 11)
+          );
+          dates.to = new Date(today.setHours(23, 59, 59, 0));
+          return dates;
+        }
+      },
+      last26weeks: {
+        dates() {
+          const dates = {};
+          const today = that.getCurrentTimeUTC();
+          const firstDayOfWeek = that.getFirstDayOfWeek(today);
+          dates.from = new Date(
+            firstDayOfWeek.setDate(firstDayOfWeek.getDate() - WEEK * 25)
+          );
+          dates.to = new Date(today.setHours(23, 59, 59, 0));
+          return dates;
+        }
+      },
+      last52weeks: {
+        dates() {
+          const dates = {};
+          const today = that.getCurrentTimeUTC();
+          const firstDayOfWeek = that.getFirstDayOfWeek(today);
+          dates.from = new Date(
+            firstDayOfWeek.setDate(firstDayOfWeek.getDate() - WEEK * 51)
+          );
+          dates.to = new Date(today.setHours(23, 59, 59, 0));
+          return dates;
+        }
+      },
+      last3months: {
+        dates() {
+          const dates = {};
+          const date = that.getCurrentTimeUTC();
+          const firstDay = new Date(date.getFullYear(), date.getMonth() - 2, 1);
+          (dates.to = that.getCurrentTimeUTC()).setHours(0, 0, 0, 0);
+          dates.from = firstDay;
+          return dates;
+        }
+      },
+      last6months: {
+        dates() {
+          const dates = {};
+          const date = that.getCurrentTimeUTC();
+          const firstDay = new Date(date.getFullYear(), date.getMonth() - 5, 1);
+          (dates.to = that.getCurrentTimeUTC()).setHours(0, 0, 0, 0);
+          dates.from = firstDay;
+          return dates;
+        }
+      },
+      last12months: {
+        dates() {
+          const dates = {};
+          const date = that.getCurrentTimeUTC();
+          const firstDay = new Date(
+            date.getFullYear(),
+            date.getMonth() - 11,
+            1
+          );
+          (dates.to = that.getCurrentTimeUTC()).setHours(0, 0, 0, 0);
+          dates.from = firstDay;
+          return dates;
+        }
+      },
+      last24months: {
+        dates() {
+          const dates = {};
+          const date = that.getCurrentTimeUTC();
+          const firstDay = new Date(
+            date.getFullYear(),
+            date.getMonth() - 23,
+            1
+          );
+          (dates.to = that.getCurrentTimeUTC()).setHours(0, 0, 0, 0);
+          dates.from = firstDay;
+          return dates;
+        }
+      },
+      last36months: {
+        dates() {
+          const dates = {};
+          const date = that.getCurrentTimeUTC();
+          const firstDay = new Date(
+            date.getFullYear(),
+            date.getMonth() - 35,
+            1
+          );
+          (dates.to = that.getCurrentTimeUTC()).setHours(0, 0, 0, 0);
+          dates.from = firstDay;
+          return dates;
+        }
+      }
+    };
+  }
+}
+var dateServices = new DateServices();
+
+export { dateServices as default };

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

@@ -0,0 +1,70 @@
+const typeToName = {
+  date: "Days",
+  week: "Weeks",
+  month: "Months"
+};
+const formatError = "Date range is in an invalid format";
+const mandatoryValuesError = "Please select a date range";
+const messagePerType = {
+  week: "For more than 52 weeks switch to months"
+};
+const navigatePrev = "previous";
+const navigateNext = "next";
+const presetsList = {
+  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 },
+    { name: "Last Month", id: "lastMonth", numid: 6 }
+  ],
+  "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 Month", id: "lastMonth", numid: 6 },
+    { 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 Month", id: "lastMonth", numid: 6 },
+    { name: "Last 30 Days", id: "last30days", numid: 7 }
+  ],
+  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 { formatError, mandatoryValuesError, messagePerType, navigateNext, navigatePrev, presetsList, typeToName };

package/src/components/dateRange/index.vue.js

@@ -0,0 +1,6 @@
+import DateRange from './DateRange.vue.js';
+export { default as DateRange } from './DateRange.vue.js';
+
+const DateRangeTypes = () => [DateRange];
+
+export { DateRangeTypes };

package/src/components/dialog/Dialog.vue.js

@@ -0,0 +1,192 @@
+import { defineComponent, useCssVars, ref, computed, watch, openBlock, createBlock, Teleport, createVNode, Transition, withCtx, unref, normalizeClass, createElementVNode, normalizeStyle, withKeys, renderSlot, createTextVNode, toDisplayString, createCommentVNode, createElementBlock } from 'vue';
+import { UseFocusTrap } from '@vueuse/integrations/useFocusTrap/component';
+import { useTimeoutFn } from '@vueuse/core';
+import Text from '../typography/Text.vue.js';
+import { NOOP } from '@vue/shared';
+import { Reason } from './Reason.vue.js';
+import IconButton from '../button/IconButton.vue.js';
+import Icon from '../icon/Icon.vue.js';
+/* empty css                                                        */import _export_sfc from '../../../_virtual/plugin-vue_export-helper.vue.js';
+
+////import "../../Dialog.vue_vue_type_style_index_0_scoped_true_lang.css";
+const _hoisted_1 = {
+  key: 0,
+  class: "header--secondary"
+};
+const _hoisted_2 = { class: "placeholder" };
+const _hoisted_3 = {
+  key: 1,
+  class: "footer"
+};
+const _hoisted_4 = { class: "action-buttons" };
+const _sfc_main = defineComponent({
+  __name: "Dialog",
+  props: {
+    appendToBody: { type: Boolean, default: true },
+    content: { default: null },
+    width: { default: "" },
+    closeDelay: { default: 0 },
+    openDelay: { default: 0 },
+    escapeToClose: { type: Boolean, default: true },
+    showBackdrop: { type: Boolean, default: true },
+    headerBorder: { type: Boolean, default: true },
+    closeOnClickOutside: { type: Boolean, default: false },
+    modelValue: { type: Boolean },
+    beforeClose: { type: Function, default: null },
+    title: { default: "" },
+    showCloseButton: { type: Boolean, default: true },
+    themeClass: { default: "" }
+  },
+  emits: ["update:modelValue", "open", "close"],
+  setup(__props, { emit }) {
+    const props = __props;
+    useCssVars((_ctx) => ({
+      "ee619eb0": _ctx.width
+    }));
+    const visible = ref(false);
+    let openTimer = void 0;
+    let closeTimer = void 0;
+    const doClose = (reason) => {
+      visible.value = false;
+      emit("close", reason);
+      emit("update:modelValue", false);
+    };
+    const doOpen = () => {
+      visible.value = true;
+      emit("open");
+    };
+    const close = (reason) => {
+      openTimer?.();
+      closeTimer?.();
+      if (props.closeDelay && props.closeDelay > 0) {
+        ({ stop: closeTimer } = useTimeoutFn(
+          () => doClose(reason),
+          props.closeDelay
+        ));
+        return;
+      }
+      doClose(reason);
+    };
+    const open = () => {
+      closeTimer?.();
+      openTimer?.();
+      if (props.openDelay && props.openDelay > 0) {
+        ({ stop: openTimer } = useTimeoutFn(() => doOpen(), props.openDelay));
+        return;
+      }
+      doOpen();
+    };
+    const inlineStyle = computed(() => props.width ? { width: props.width } : {});
+    watch(
+      () => props.modelValue,
+      (val) => {
+        if (val) {
+          open();
+          return;
+        }
+        if (visible.value) {
+          close(Reason.Other);
+        }
+      }
+    );
+    function handleClose(reason) {
+      function hide(shouldCancel) {
+        if (shouldCancel) {
+          return;
+        }
+        emit("close", reason);
+        visible.value = false;
+      }
+      if (props.beforeClose) {
+        props.beforeClose(hide);
+        return;
+      }
+      close(reason);
+    }
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(Teleport, {
+        to: "body",
+        disabled: !_ctx.appendToBody
+      }, [
+        createVNode(Transition, null, {
+          default: withCtx(() => [
+            visible.value ? (openBlock(), createBlock(unref(UseFocusTrap), {
+              key: 0,
+              class: normalizeClass(["container", _ctx.themeClass])
+            }, {
+              default: withCtx(() => [
+                createElementVNode("div", {
+                  class: "modal",
+                  style: normalizeStyle(inlineStyle.value),
+                  onKeydown: _cache[1] || (_cache[1] = withKeys(($event) => _ctx.escapeToClose ? handleClose(unref(Reason).Escape) : unref(NOOP)(), ["esc"]))
+                }, [
+                  createElementVNode("header", {
+                    class: normalizeClass(["header", { "header--bordered": _ctx.headerBorder }])
+                  }, [
+                    _ctx.headerBorder ? renderSlot(_ctx.$slots, "header", { key: 0 }, () => [
+                      createVNode(Text, { strong: "" }, {
+                        default: withCtx(() => [
+                          createTextVNode(toDisplayString(_ctx.title), 1)
+                        ]),
+                        _: 1
+                      })
+                    ], true) : createCommentVNode("", true),
+                    _ctx.showCloseButton ? (openBlock(), createBlock(IconButton, {
+                      key: 1,
+                      class: "button close-button",
+                      size: "md",
+                      theme: "secondary",
+                      variant: "colorized",
+                      "icon-name": "close",
+                      onClick: _cache[0] || (_cache[0] = ($event) => handleClose(unref(Reason).CloseButton))
+                    }, {
+                      default: withCtx(() => [
+                        createVNode(Icon, {
+                          "font-size": "md",
+                          name: "close"
+                        })
+                      ]),
+                      _: 1
+                    })) : createCommentVNode("", true)
+                  ], 2),
+                  !_ctx.headerBorder ? (openBlock(), createElementBlock("div", _hoisted_1, [
+                    renderSlot(_ctx.$slots, "header", {}, () => [
+                      createVNode(Text, { strong: "" }, {
+                        default: withCtx(() => [
+                          createTextVNode(toDisplayString(_ctx.title), 1)
+                        ]),
+                        _: 1
+                      })
+                    ], true)
+                  ])) : createCommentVNode("", true),
+                  createElementVNode("div", {
+                    class: normalizeClass(["content", { "content--bordered": _ctx.headerBorder }])
+                  }, [
+                    renderSlot(_ctx.$slots, "default", {}, () => [
+                      createElementVNode("div", _hoisted_2, toDisplayString(_ctx.content), 1)
+                    ], true)
+                  ], 2),
+                  _ctx.$slots["footer"] ? (openBlock(), createElementBlock("footer", _hoisted_3, [
+                    createElementVNode("div", _hoisted_4, [
+                      renderSlot(_ctx.$slots, "footer", {}, void 0, true)
+                    ])
+                  ])) : createCommentVNode("", true)
+                ], 36),
+                _ctx.showBackdrop ? (openBlock(), createElementBlock("div", {
+                  key: 0,
+                  class: "backdrop",
+                  onClick: _cache[2] || (_cache[2] = ($event) => _ctx.closeOnClickOutside ? handleClose(unref(Reason).Backdrop) : unref(NOOP)())
+                })) : createCommentVNode("", true)
+              ]),
+              _: 3
+            }, 8, ["class"])) : createCommentVNode("", true)
+          ]),
+          _: 3
+        })
+      ], 8, ["disabled"]);
+    };
+  }
+});
+var Dialog = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-699f96fa"]]);
+
+export { Dialog as default };

package/src/components/dialog/Reason.vue.js

@@ -0,0 +1,9 @@
+var Reason = /* @__PURE__ */ ((Reason2) => {
+  Reason2[Reason2["Escape"] = 0] = "Escape";
+  Reason2[Reason2["Backdrop"] = 1] = "Backdrop";
+  Reason2[Reason2["CloseButton"] = 2] = "CloseButton";
+  Reason2[Reason2["Other"] = 3] = "Other";
+  return Reason2;
+})(Reason || {});
+
+export { Reason };

package/src/components/dialog/index.vue.js

@@ -0,0 +1,6 @@
+import Dialog from './Dialog.vue.js';
+export { default as Dialog } from './Dialog.vue.js';
+
+const DialogTypes = () => [Dialog];
+
+export { DialogTypes };