@ironsource/shared-ui 1.4.2-rc.5 → 1.4.2-test.0

package/components/datePicker/index.d.ts

@@ -1,65 +1,165 @@
-declare const DatePickerTypes: () => import("vue").DefineComponent<{
-    modelValue: {
-        type: import("vue").PropType<string | Date>;
-    } & {
-        default: any;
-    };
+declare const DatePickerTypes: () => ({
+    new (...args: any[]): {
+        $: import("vue").ComponentInternalInstance;
+        $data: {};
+        $props: Partial<{
+            placeholder: string;
+            modelValue: string | Date;
+            uniqueId: string | number;
+            allowFutureDates: boolean;
+            dateFormat: string;
+        }> & Omit<Readonly<import("vue").ExtractPropTypes<{
+            placeholder: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
+            modelValue: {
+                type: import("vue").PropType<string | Date>;
+                default: any;
+            };
+            uniqueId: {
+                type: import("vue").PropType<string | number>;
+                default: number;
+            };
+            allowFutureDates: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
+            dateFormat: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
+        }>> & {
+            "onUpdate:modelValue"?: (val: string | Date) => any;
+        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "placeholder" | "modelValue" | "uniqueId" | "allowFutureDates" | "dateFormat">;
+        $attrs: {
+            [x: string]: unknown;
+        };
+        $refs: {
+            [x: string]: unknown;
+        };
+        $slots: Readonly<{
+            [name: string]: import("vue").Slot;
+        }>;
+        $root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>;
+        $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>;
+        $emit: (event: "update:modelValue", val: string | Date) => void;
+        $el: any;
+        $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+            placeholder: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
+            modelValue: {
+                type: import("vue").PropType<string | Date>;
+                default: any;
+            };
+            uniqueId: {
+                type: import("vue").PropType<string | number>;
+                default: number;
+            };
+            allowFutureDates: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
+            dateFormat: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
+        }>> & {
+            "onUpdate:modelValue"?: (val: string | Date) => any;
+        }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+            "update:modelValue": (val: string | Date) => void;
+        }, string, {
+            placeholder: string;
+            modelValue: string | Date;
+            uniqueId: string | number;
+            allowFutureDates: boolean;
+            dateFormat: string;
+        }, {}, string> & {
+            beforeCreate?: (() => void) | (() => void)[];
+            created?: (() => void) | (() => void)[];
+            beforeMount?: (() => void) | (() => void)[];
+            mounted?: (() => void) | (() => void)[];
+            beforeUpdate?: (() => void) | (() => void)[];
+            updated?: (() => void) | (() => void)[];
+            activated?: (() => void) | (() => void)[];
+            deactivated?: (() => void) | (() => void)[];
+            beforeDestroy?: (() => void) | (() => void)[];
+            beforeUnmount?: (() => void) | (() => void)[];
+            destroyed?: (() => void) | (() => void)[];
+            unmounted?: (() => void) | (() => void)[];
+            renderTracked?: ((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[];
+            renderTriggered?: ((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[];
+            errorCaptured?: ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>, info: string) => boolean | void) | ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>, info: string) => boolean | void)[];
+        };
+        $forceUpdate: () => void;
+        $nextTick: typeof import("vue").nextTick;
+        $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R) => any : (...args: any) => any, options?: import("vue").WatchOptions<boolean>): import("vue").WatchStopHandle;
+    } & Readonly<import("vue").ExtractPropTypes<{
+        placeholder: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
+        modelValue: {
+            type: import("vue").PropType<string | Date>;
+            default: any;
+        };
+        uniqueId: {
+            type: import("vue").PropType<string | number>;
+            default: number;
+        };
+        allowFutureDates: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+        dateFormat: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
+    }>> & {
+        "onUpdate:modelValue"?: (val: string | Date) => any;
+    } & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {};
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
     placeholder: {
         type: import("vue").PropType<string>;
-    } & {
         default: string;
     };
-    uniqueId: {
-        type: import("vue").PropType<string | number>;
-    } & {
-        default: number;
-    };
-    allowFutureDates: {
-        type: import("vue").PropType<boolean>;
-    } & {
-        default: boolean;
-    };
-    dateFormat: {
-        type: import("vue").PropType<string>;
-    } & {
-        default: string;
-    };
-}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    "update:modelValue": (val: string | Date) => void;
-}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     modelValue: {
         type: import("vue").PropType<string | Date>;
-    } & {
         default: any;
     };
-    placeholder: {
-        type: import("vue").PropType<string>;
-    } & {
-        default: string;
-    };
     uniqueId: {
         type: import("vue").PropType<string | number>;
-    } & {
         default: number;
     };
     allowFutureDates: {
         type: import("vue").PropType<boolean>;
-    } & {
         default: boolean;
     };
     dateFormat: {
         type: import("vue").PropType<string>;
-    } & {
         default: string;
     };
 }>> & {
     "onUpdate:modelValue"?: (val: string | Date) => any;
-}, {
-    modelValue: string | Date;
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (val: string | Date) => void;
+}, string, {
     placeholder: string;
+    modelValue: string | Date;
     uniqueId: string | number;
     allowFutureDates: boolean;
     dateFormat: string;
-}>[];
+}, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
+    $slots: {
+        default?(_: {
+            formattedDate: string | Date;
+        }): any;
+    };
+}))[];
 export { default as DatePicker } from './DatePicker.vue';
 export { DatePickerTypes };

package/components/datePicker/index.vue.js

@@ -1,6 +1,6 @@
-import DatePicker from './DatePicker.vue.js';
-export { default as DatePicker } from './DatePicker.vue.js';
-
-const DatePickerTypes = () => [DatePicker];
-
-export { DatePickerTypes };
+import e from "./DatePicker.vue.vue.js";
+const t = () => [e];
+export {
+  e as DatePicker,
+  t as DatePickerTypes
+};

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

@@ -1,45 +1,97 @@
 import { Day } from './DateServices';
-declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
-    year: number;
-    days: Record<string, Day>;
-    weeks: Day[][];
-    month: number;
-    navigation: 'next' | 'previous' | 'all';
+declare const _default: import("vue").DefineComponent<{
+    type: {
+        type: import("vue").PropType<"date" | "week" | "month">;
+        required: true;
+    };
+    id: {
+        type: import("vue").PropType<string | number>;
+        default: number;
+    };
+    month: {
+        type: import("vue").PropType<number>;
+        required: true;
+    };
+    year: {
+        type: import("vue").PropType<number>;
+        required: true;
+    };
+    days: {
+        type: import("vue").PropType<Record<string, Day>>;
+        required: true;
+    };
+    weeks: {
+        type: import("vue").PropType<Day[][]>;
+        required: true;
+    };
+    navigation: {
+        type: import("vue").PropType<"previous" | "next" | "all">;
+        required: true;
+    };
     range: {
-        fromStart: Date;
-        fromEnd: Date;
-        toEnd: Date;
-        toStart: Date;
-    };
-    type: 'date' | 'week' | 'month';
-    id?: string | number;
-    allowedDays?: number;
-    maxAllowedDate?: Date;
-}>, {
-    id: number;
-    allowedDays: any;
-    maxAllowedDate: any;
-}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("navigation" | "selectionChanged")[], "navigation" | "selectionChanged", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
-    year: number;
-    days: Record<string, Day>;
-    weeks: Day[][];
-    month: number;
-    navigation: 'next' | 'previous' | 'all';
+        type: import("vue").PropType<{
+            fromStart: Date;
+            fromEnd: Date;
+            toEnd: Date;
+            toStart: Date;
+        }>;
+        required: true;
+    };
+    allowedDays: {
+        type: import("vue").PropType<number>;
+        default: any;
+    };
+    maxAllowedDate: {
+        type: import("vue").PropType<Date>;
+        default: any;
+    };
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("navigation" | "selectionChanged")[], "navigation" | "selectionChanged", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    type: {
+        type: import("vue").PropType<"date" | "week" | "month">;
+        required: true;
+    };
+    id: {
+        type: import("vue").PropType<string | number>;
+        default: number;
+    };
+    month: {
+        type: import("vue").PropType<number>;
+        required: true;
+    };
+    year: {
+        type: import("vue").PropType<number>;
+        required: true;
+    };
+    days: {
+        type: import("vue").PropType<Record<string, Day>>;
+        required: true;
+    };
+    weeks: {
+        type: import("vue").PropType<Day[][]>;
+        required: true;
+    };
+    navigation: {
+        type: import("vue").PropType<"previous" | "next" | "all">;
+        required: true;
+    };
     range: {
-        fromStart: Date;
-        fromEnd: Date;
-        toEnd: Date;
-        toStart: Date;
-    };
-    type: 'date' | 'week' | 'month';
-    id?: string | number;
-    allowedDays?: number;
-    maxAllowedDate?: Date;
-}>, {
-    id: number;
-    allowedDays: any;
-    maxAllowedDate: any;
-}>>> & {
+        type: import("vue").PropType<{
+            fromStart: Date;
+            fromEnd: Date;
+            toEnd: Date;
+            toStart: Date;
+        }>;
+        required: true;
+    };
+    allowedDays: {
+        type: import("vue").PropType<number>;
+        default: any;
+    };
+    maxAllowedDate: {
+        type: import("vue").PropType<Date>;
+        default: any;
+    };
+}>> & {
     onNavigation?: (...args: any[]) => any;
     onSelectionChanged?: (...args: any[]) => any;
 }, {
@@ -48,17 +100,3 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     maxAllowedDate: Date;
 }>;
 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/dateRange/CalendarMonth.vue.vue.js

@@ -0,0 +1,6 @@
+import o from "./CalendarMonth.vue.vue2.js";
+/* empty css                        */import t from "../../_virtual/_plugin-vue_export-helper.vue.js";
+const p = /* @__PURE__ */ t(o, [["__scopeId", "data-v-9955a6c5"]]);
+export {
+  p as default
+};

package/components/dateRange/CalendarMonth.vue.vue2.js

@@ -0,0 +1,225 @@
+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.vue.js";
+import { navigatePrev as N, navigateNext as B } from "./consts.vue.js";
+import Q from "../typography/Heading.vue.vue.js";
+import z from "../typography/Text.vue.vue.js";
+import R from "../icon/Icon.vue.vue.js";
+/* empty css                            *//* empty css                         */import J from "../button/IconButton.vue.vue.js";
+import "floating-vue";
+/* empty css                                       *//* empty css                           *//* empty css                               */import { isBefore as X, isAfter as Z, isSameDay as L } from "date-fns";
+import ee from "../icon/icons/AngleLeft.vue.vue.js";
+import te from "../icon/icons/AngleRight.vue.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
+};