@ironsource/shared-ui 1.4.2-test.18 → 1.4.2-test.2

package/components/datePicker/DatePicker.vue.js

@@ -1,125 +1,6 @@
-import { defineComponent, ref, computed, openBlock, createElementBlock, unref, createElementVNode, renderSlot, withDirectives, isRef, vModelText, normalizeClass, createVNode, createCommentVNode } from 'vue';
-import { onClickOutside } from '@vueuse/core';
-import { useToggle } from '../../composables/useToggle.vue.js';
-import DatePickerMonth from './DatePickerMonth.vue.js';
-import { isValid, format, parse, isFuture } from 'date-fns';
-/* empty css                                                            */import _export_sfc from '../../_virtual/plugin-vue_export-helper.vue.js';
-
-import "../../DatePicker.vue_vue_type_style_index_0_scoped_true_lang.css";
-const _hoisted_1 = ["id"];
-const _hoisted_2 = ["placeholder"];
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "DatePicker",
-  props: {
-    uniqueId: { default: Date.now() },
-    modelValue: { default: null },
-    allowFutureDates: { type: Boolean, default: false },
-    dateFormat: { default: "yyyy-MM-d" },
-    placeholder: { default: "" }
-  },
-  emits: ["update:modelValue"],
-  setup(__props, { emit }) {
-    const props = __props;
-    const datePicker = ref(null);
-    const popup = ref(null);
-    const input = ref(null);
-    const buttonRef = ref(null);
-    const [isOpen, toggle] = useToggle({ initialValue: false });
-    const close = () => {
-      toggle(false);
-    };
-    const handleInput = (event) => {
-      const value = event.target.value;
-      if (!isOpen) {
-        emit("update:modelValue", value);
-        return;
-      }
-      const parsedDate = parse(value, props.dateFormat, new Date());
-      if (!value.trim()) {
-        updateValue(null);
-      }
-      if (!isValid(parsedDate)) {
-        return;
-      }
-      if (!props.allowFutureDates && isFuture(parsedDate)) {
-        return;
-      }
-      updateValue(parsedDate);
-    };
-    const updateValue = (value) => {
-      close();
-      emit("update:modelValue", value);
-    };
-    const componentId = computed(() => {
-      return `datePicker${props.uniqueId || Math.random().toString().substring(2, 7)}`;
-    });
-    const formattedValue = computed(() => {
-      const date = new Date(props.modelValue);
-      return isValid(props.modelValue) ? format(date, props.dateFormat) : props.modelValue;
-    });
-    const nearTheEdge = computed(() => {
-      if (!datePicker.value || !isOpen)
-        return false;
-      const rect = datePicker.value.getBoundingClientRect();
-      const popupWidth = 232;
-      return window.innerWidth - (rect.x + popupWidth) < 0;
-    });
-    const valueAsDate = computed(() => {
-      if (!props.modelValue)
-        return null;
-      const parsedDate = new Date(props.modelValue);
-      return isValid(parsedDate) ? parsedDate : null;
-    });
-    onClickOutside(
-      popup,
-      () => {
-        close();
-      },
-      { ignore: [datePicker] }
-    );
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", {
-        id: unref(componentId),
-        ref_key: "datePicker",
-        ref: datePicker,
-        class: "date-picker"
-      }, [
-        createElementVNode("div", {
-          ref_key: "buttonRef",
-          ref: buttonRef,
-          onClick: _cache[2] || (_cache[2] = ($event) => unref(toggle)())
-        }, [
-          renderSlot(_ctx.$slots, "default", { formattedDate: unref(formattedValue) }, () => [
-            withDirectives(createElementVNode("input", {
-              ref_key: "input",
-              ref: input,
-              "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => isRef(formattedValue) ? formattedValue.value = $event : null),
-              type: "text",
-              class: "input",
-              placeholder: __props.placeholder,
-              onInput: _cache[1] || (_cache[1] = ($event) => handleInput($event))
-            }, null, 40, _hoisted_2), [
-              [vModelText, unref(formattedValue)]
-            ])
-          ], true)
-        ], 512),
-        unref(isOpen) ? (openBlock(), createElementBlock("div", {
-          key: 0,
-          ref_key: "popup",
-          ref: popup,
-          class: normalizeClass(["date-picker-popup", { "align-right": unref(nearTheEdge) }])
-        }, [
-          createVNode(DatePickerMonth, {
-            id: unref(componentId) + "-month",
-            "model-value": unref(valueAsDate),
-            "allow-future-dates": __props.allowFutureDates,
-            "onUpdate:modelValue": updateValue
-          }, null, 8, ["id", "model-value", "allow-future-dates"])
-        ], 2)) : createCommentVNode("", true)
-      ], 8, _hoisted_1);
-    };
-  }
-});
-var DatePicker = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-1f4328e0"]]);
-
-export { DatePicker as default };
+import o from "./DatePicker.vue2.js";
+/* empty css                 */import t from "../../_virtual/_plugin-vue_export-helper.js";
+const f = /* @__PURE__ */ t(o, [["__scopeId", "data-v-29707fb4"]]);
+export {
+  f as default
+};

package/components/datePicker/DatePicker.vue2.js

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

package/components/datePicker/DatePickerMonth.vue.d.ts

@@ -1,24 +1,38 @@
-declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
-    uniqueId?: string | number;
-    modelValue?: Date;
-    includeToday?: boolean;
-    allowFutureDates?: boolean;
-}>, {
-    uniqueId: number;
-    modelValue: any;
-    includeToday: boolean;
-    allowFutureDates: boolean;
-}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:modelValue"[], "update:modelValue", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
-    uniqueId?: string | number;
-    modelValue?: Date;
-    includeToday?: boolean;
-    allowFutureDates?: boolean;
-}>, {
-    uniqueId: number;
-    modelValue: any;
-    includeToday: boolean;
-    allowFutureDates: boolean;
-}>>> & {
+declare const _default: import("vue").DefineComponent<{
+    modelValue: {
+        type: import("vue").PropType<Date>;
+        default: any;
+    };
+    uniqueId: {
+        type: import("vue").PropType<string | number>;
+        default: number;
+    };
+    includeToday: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+    allowFutureDates: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:modelValue"[], "update:modelValue", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    modelValue: {
+        type: import("vue").PropType<Date>;
+        default: any;
+    };
+    uniqueId: {
+        type: import("vue").PropType<string | number>;
+        default: number;
+    };
+    includeToday: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+    allowFutureDates: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+}>> & {
     "onUpdate:modelValue"?: (...args: any[]) => any;
 }, {
     modelValue: Date;
@@ -27,17 +41,3 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     allowFutureDates: boolean;
 }>;
 export default _default;
-type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
-type __VLS_TypePropsToRuntimeProps<T> = {
-    [K in keyof T]-?: {} extends Pick<T, K> ? {
-        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
-    } : {
-        type: import('vue').PropType<T[K]>;
-        required: true;
-    };
-};
-type __VLS_WithDefaults<P, D> = {
-    [K in keyof Pick<P, keyof P>]: K extends keyof D ? P[K] & {
-        default: D[K];
-    } : P[K];
-};

package/components/datePicker/DatePickerMonth.vue.js

@@ -1,99 +1,6 @@
-import { defineComponent, ref, watch, onMounted, computed, openBlock, createBlock, unref } from 'vue';
-import CalendarMonth from '../dateRange/CalendarMonth.vue.js';
-import dateServices from '../dateRange/DateServices.vue.js';
-import { navigateNext } from '../dateRange/consts.vue.js';
-import { startOfMonth, differenceInMonths, addMonths, subMonths } from 'date-fns';
-/* empty css                                                                 */import _export_sfc from '../../_virtual/plugin-vue_export-helper.vue.js';
-
-import "../../DatePickerMonth.vue_vue_type_style_index_0_scoped_true_lang.css";
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "DatePickerMonth",
-  props: {
-    uniqueId: { default: Date.now() },
-    modelValue: { default: null },
-    includeToday: { type: Boolean, default: true },
-    allowFutureDates: { type: Boolean, default: false }
-  },
-  emits: ["update:modelValue"],
-  setup(__props, { emit }) {
-    const props = __props;
-    const getMonthDataFromDate = (date) => {
-      const month = date.getMonth();
-      const year = date.getFullYear();
-      return dateServices.createMonth(
-        month,
-        year,
-        props.includeToday,
-        !props.allowFutureDates
-      );
-    };
-    let monthData = ref(getMonthDataFromDate(dateServices.getCurrentTimeUTC()));
-    const resetMonth = () => {
-      const date = props.modelValue || dateServices.getCurrentTimeUTC();
-      monthData.value = getMonthDataFromDate(date);
-    };
-    const handleNavigation = (direction) => {
-      const date = new Date(monthData.value.year, monthData.value.month);
-      const newDate = direction === navigateNext ? addMonths(date, 1) : subMonths(date, 1);
-      monthData.value = getMonthDataFromDate(newDate);
-    };
-    watch(
-      () => props.modelValue,
-      () => {
-        resetMonth();
-      }
-    );
-    watch(
-      () => props.allowFutureDates,
-      () => {
-        monthData.value = getMonthDataFromDate(
-          new Date(monthData.value.year, monthData.value.month)
-        );
-      }
-    );
-    const getRangeFromDate = (date) => {
-      const d = date || null;
-      return {
-        fromStart: d,
-        fromEnd: d,
-        toStart: d,
-        toEnd: d
-      };
-    };
-    onMounted(() => {
-      resetMonth();
-    });
-    const navigation = computed(() => {
-      if (props.allowFutureDates)
-        return "all";
-      const current = startOfMonth(dateServices.getCurrentTimeUTC());
-      differenceInMonths(monthData.value.year, monthData.value.month);
-      const date = new Date(monthData.value.year, monthData.value.month);
-      return differenceInMonths(date, current) >= 0 ? "previous" : "all";
-    });
-    const selectedRange = computed(() => getRangeFromDate(props.modelValue));
-    const handleSelection = (day) => {
-      if (day.isFuture)
-        return;
-      emit("update:modelValue", day.date);
-    };
-    return (_ctx, _cache) => {
-      return openBlock(), createBlock(CalendarMonth, {
-        id: __props.uniqueId,
-        type: "month",
-        class: "date-picker-month",
-        range: unref(selectedRange),
-        navigation: unref(navigation),
-        year: unref(monthData).year,
-        days: unref(monthData).days,
-        weeks: unref(monthData).weeks,
-        month: unref(monthData).month,
-        onSelectionChanged: handleSelection,
-        onNavigation: handleNavigation
-      }, null, 8, ["id", "range", "navigation", "year", "days", "weeks", "month"]);
-    };
-  }
-});
-var DatePickerMonth = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-7dbe885c"]]);
-
-export { DatePickerMonth as default };
+import o from "./DatePickerMonth.vue2.js";
+/* empty css                      */import t from "../../_virtual/_plugin-vue_export-helper.js";
+const m = /* @__PURE__ */ t(o, [["__scopeId", "data-v-801629e0"]]);
+export {
+  m as default
+};

package/components/datePicker/DatePickerMonth.vue2.js

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