@ironsource/shared-ui 1.4.2-test.19 → 1.4.2-test.3

package/components/dateRange/CalendarMonth.vue2.js

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

package/components/dateRange/CalendarMonth.vue3.js

@@ -0,0 +1,4 @@
+const e = "";
+export {
+  e as default
+};

package/components/dateRange/DateRange.vue.d.ts

@@ -1,69 +1,130 @@
-import { presetsList } from './consts';
-declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
+    disabled: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
     range: {
-        from: Date;
-        to: Date;
-    };
-    types?: ('date' | 'week' | 'month')[];
-    includeToday?: boolean;
-    allowedDays?: number;
-    maxDaysInRange?: number;
-    datePresetList?: keyof typeof presetsList;
-    regex?: RegExp;
-    dateFormat?: string;
-    uniqueId?: string | number;
-    disabled?: boolean;
-    initialType: null | 'date' | 'week' | 'month';
-    openOnTop: boolean;
-    showPresets: boolean;
-    maxDate?: Date;
-}>, {
-    types: () => string[];
-    includeToday: boolean;
-    allowedDays: any;
-    maxDaysInRange: any;
-    datePresetList: string;
-    regex: () => RegExp;
-    dateFormat: string;
-    uniqueId: number;
-    disabled: boolean;
-    initialType: any;
-    openOnTop: boolean;
-    showPresets: boolean;
-    maxDate: any;
-}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("opened" | "rangeTypeChanged" | "currentDateChanged" | "rangeChanged" | "dateRangePresetNameChanged" | "dismissed")[], "opened" | "rangeTypeChanged" | "currentDateChanged" | "rangeChanged" | "dateRangePresetNameChanged" | "dismissed", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+        type: import("vue").PropType<{
+            from: Date;
+            to: Date;
+        }>;
+        required: true;
+    };
+    allowedDays: {
+        type: import("vue").PropType<number>;
+        default: any;
+    };
+    uniqueId: {
+        type: import("vue").PropType<string | number>;
+        default: number;
+    };
+    includeToday: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+    dateFormat: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    types: {
+        type: import("vue").PropType<("date" | "week" | "month")[]>;
+        default: () => string[];
+    };
+    maxDaysInRange: {
+        type: import("vue").PropType<number>;
+        default: any;
+    };
+    datePresetList: {
+        type: import("vue").PropType<"date" | "week" | "month" | "date1-7-14-30-90" | "date7-14-30-60-90" | "date7-14-31-60-90" | "dateWithoutToday">;
+        default: string;
+    };
+    regex: {
+        type: import("vue").PropType<RegExp>;
+        default: () => RegExp;
+    };
+    initialType: {
+        type: import("vue").PropType<"date" | "week" | "month">;
+        required: true;
+        default: any;
+    };
+    openOnTop: {
+        type: import("vue").PropType<boolean>;
+        required: true;
+        default: boolean;
+    };
+    showPresets: {
+        type: import("vue").PropType<boolean>;
+        required: true;
+        default: boolean;
+    };
+    maxDate: {
+        type: import("vue").PropType<Date>;
+        default: any;
+    };
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("opened" | "rangeTypeChanged" | "currentDateChanged" | "rangeChanged" | "dateRangePresetNameChanged" | "dismissed")[], "opened" | "rangeTypeChanged" | "currentDateChanged" | "rangeChanged" | "dateRangePresetNameChanged" | "dismissed", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    disabled: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
     range: {
-        from: Date;
-        to: Date;
-    };
-    types?: ('date' | 'week' | 'month')[];
-    includeToday?: boolean;
-    allowedDays?: number;
-    maxDaysInRange?: number;
-    datePresetList?: keyof typeof presetsList;
-    regex?: RegExp;
-    dateFormat?: string;
-    uniqueId?: string | number;
-    disabled?: boolean;
-    initialType: null | 'date' | 'week' | 'month';
-    openOnTop: boolean;
-    showPresets: boolean;
-    maxDate?: Date;
-}>, {
-    types: () => string[];
-    includeToday: boolean;
-    allowedDays: any;
-    maxDaysInRange: any;
-    datePresetList: string;
-    regex: () => RegExp;
-    dateFormat: string;
-    uniqueId: number;
-    disabled: boolean;
-    initialType: any;
-    openOnTop: boolean;
-    showPresets: boolean;
-    maxDate: any;
-}>>> & {
+        type: import("vue").PropType<{
+            from: Date;
+            to: Date;
+        }>;
+        required: true;
+    };
+    allowedDays: {
+        type: import("vue").PropType<number>;
+        default: any;
+    };
+    uniqueId: {
+        type: import("vue").PropType<string | number>;
+        default: number;
+    };
+    includeToday: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+    dateFormat: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    types: {
+        type: import("vue").PropType<("date" | "week" | "month")[]>;
+        default: () => string[];
+    };
+    maxDaysInRange: {
+        type: import("vue").PropType<number>;
+        default: any;
+    };
+    datePresetList: {
+        type: import("vue").PropType<"date" | "week" | "month" | "date1-7-14-30-90" | "date7-14-30-60-90" | "date7-14-31-60-90" | "dateWithoutToday">;
+        default: string;
+    };
+    regex: {
+        type: import("vue").PropType<RegExp>;
+        default: () => RegExp;
+    };
+    initialType: {
+        type: import("vue").PropType<"date" | "week" | "month">;
+        required: true;
+        default: any;
+    };
+    openOnTop: {
+        type: import("vue").PropType<boolean>;
+        required: true;
+        default: boolean;
+    };
+    showPresets: {
+        type: import("vue").PropType<boolean>;
+        required: true;
+        default: boolean;
+    };
+    maxDate: {
+        type: import("vue").PropType<Date>;
+        default: any;
+    };
+}>> & {
     onOpened?: (...args: any[]) => any;
     onRangeTypeChanged?: (...args: any[]) => any;
     onCurrentDateChanged?: (...args: any[]) => any;
@@ -76,27 +137,24 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     uniqueId: string | number;
     includeToday: boolean;
     dateFormat: string;
-    types: ('date' | 'week' | 'month')[];
+    types: ("date" | "week" | "month")[];
     maxDaysInRange: number;
-    datePresetList: keyof typeof presetsList;
+    datePresetList: "date" | "week" | "month" | "date1-7-14-30-90" | "date7-14-30-60-90" | "date7-14-31-60-90" | "dateWithoutToday";
     regex: RegExp;
-    initialType: null | 'date' | 'week' | 'month';
+    initialType: "date" | "week" | "month";
     openOnTop: boolean;
     showPresets: boolean;
     maxDate: Date;
+}>, {
+    field?(_: {
+        currentDate: any;
+        isOpen: boolean;
+    }): any;
+    footer?(_: {}): any;
 }>;
 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_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
     };
 };
-type __VLS_WithDefaults<P, D> = {
-    [K in keyof Pick<P, keyof P>]: K extends keyof D ? P[K] & {
-        default: D[K];
-    } : P[K];
-};