@ironsource/shared-ui 2.1.6-test.3 → 2.1.6-test.5

package/components/datePicker/v4/DatePickerV4.vue2.js

@@ -0,0 +1,73 @@
+ import "../../../DatePickerV4.vue_vue_type_style_index_0_scoped_a5757773_lang.css"; import { defineComponent as D, openBlock as l, createElementBlock as n, unref as e, createElementVNode as g, renderSlot as h, createVNode as r, withCtx as v, createTextVNode as y, toDisplayString as I, normalizeClass as P, createCommentVNode as w } from "vue";
+import C from "./DatePickerMonthV4.vue.js";
+import { DatePickerTestIdModifiers as i } from "../../../testids/index.js";
+import { dataPickerCommon as $ } from "../common/DatePicker.common.js";
+import M from "../../button/v4/ButtonV4.vue.js";
+import "../../button/v4/IconButtonV4.vue.js";
+const N = ["id", "data-testid"], b = /* @__PURE__ */ D({
+  __name: "DatePickerV4",
+  props: {
+    uniqueId: { default: Date.now() },
+    modelValue: { default: null },
+    allowFutureDates: { type: Boolean, default: !1 },
+    dateFormat: { default: "MMM dd, yyyy" },
+    placeholder: { default: "" },
+    testId: { default: "" }
+  },
+  emits: ["update:modelValue"],
+  setup(t, { emit: u }) {
+    const m = t, {
+      toggle: s,
+      updateValue: c,
+      isOpen: f,
+      componentId: a,
+      formattedValue: d,
+      nearTheEdge: p,
+      valueAsDate: k
+    } = $(m, u);
+    return (V, o) => (l(), n("div", {
+      id: e(a),
+      ref: "datePicker",
+      class: "date-picker",
+      "data-testid": `${t.testId}-${e(i).WRAPPER}`
+    }, [
+      g("div", {
+        ref: "buttonRef",
+        onClick: o[0] || (o[0] = (x) => e(s)())
+      }, [
+        h(V.$slots, "default", { formattedDate: e(d) }, () => [
+          r(e(M), {
+            "start-icon-name": "calendar-blank",
+            "end-icon-name": "caret-down",
+            color: "default",
+            variant: "outlined",
+            style: { marginRight: "10px" },
+            content: t.placeholder,
+            "data-testid": `${t.testId}-${e(i).INPUT}`
+          }, {
+            default: v(() => [
+              y(I(e(d)), 1)
+            ]),
+            _: 1
+          }, 8, ["content", "data-testid"])
+        ], !0)
+      ], 512),
+      e(f) ? (l(), n("div", {
+        key: 0,
+        ref: "popup",
+        class: P(["date-picker-popup", { "align-right": e(p) }])
+      }, [
+        r(C, {
+          id: e(a) + "-month",
+          "model-value": e(k),
+          "allow-future-dates": t.allowFutureDates,
+          "test-id": t.testId,
+          "onUpdate:modelValue": e(c)
+        }, null, 8, ["id", "model-value", "allow-future-dates", "test-id", "onUpdate:modelValue"])
+      ], 2)) : w("", !0)
+    ], 8, N));
+  }
+});
+export {
+  b as default
+};

package/components/datePicker/v4/index.d.ts

@@ -0,0 +1,184 @@
+declare const DatePickerTypes: () => ({
+    new (...args: any[]): {
+        $: import("vue").ComponentInternalInstance;
+        $data: {};
+        $props: Partial<{
+            testId: string;
+            modelValue: string | Date;
+            placeholder: string;
+            uniqueId: string | number;
+            allowFutureDates: boolean;
+            dateFormat: string;
+        }> & Omit<Readonly<import("vue").ExtractPropTypes<{
+            testId: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
+            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;
+        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "testId" | "modelValue" | "placeholder" | "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<{
+            testId: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
+            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;
+        }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+            "update:modelValue": (val: string | Date) => void;
+        }, string, {
+            testId: string;
+            modelValue: string | Date;
+            placeholder: string;
+            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<{
+        testId: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
+        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;
+    } & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {};
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+    testId: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    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;
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (val: string | Date) => void;
+}, string, {
+    testId: string;
+    modelValue: string | Date;
+    placeholder: string;
+    uniqueId: string | number;
+    allowFutureDates: boolean;
+    dateFormat: string;
+}, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
+    $slots: {
+        default?(_: {
+            formattedDate: any;
+        }): any;
+    };
+}))[];
+export { default as DatePicker } from './DatePickerV4.vue';
+export { DatePickerTypes };

package/components/datePicker/v4/index.js

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

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

@@ -0,0 +1,17 @@
+export declare const calendarMonthCommon: (props: any, emit: any) => {
+    isEndDay: (day: any) => boolean;
+    isStartDay: (day: any) => boolean;
+    updateSelection: () => void;
+    refreshDisabledDays: () => void;
+    getMinDateInMonth: () => Date;
+    getLastDayInRangeForMonth: (date: any, month: any) => any;
+    getFirstDayInRangeForMonth: (date: any, month: any) => any;
+    isMonthInRange: () => boolean;
+    navigate: (navigation: any) => void;
+    selectDay: (day: any) => void;
+    monthName: import("vue").ComputedRef<string>;
+    dayNames: string[];
+    selectedDays: import("vue").Ref<any[]>;
+    selectedDaysMap: import("vue").Ref<{}>;
+    inBetweenMap: import("vue").Ref<{}>;
+};

package/components/dateRange/common/CalendarMonth.common.js

@@ -0,0 +1,131 @@
+import g from "./DateServices.common.js";
+import { ref as d, computed as A, watch as D, onMounted as x } from "vue";
+import { isBefore as C, isAfter as J, isSameDay as F } from "date-fns";
+const j = (t, M) => {
+  const E = [
+    "January",
+    "February",
+    "March",
+    "April",
+    "May",
+    "June",
+    "July",
+    "August",
+    "September",
+    "October",
+    "November",
+    "December"
+  ], b = ["S", "M", "T", "W", "T", "F", "S"], l = d([]), i = d({}), s = d({}), Y = A(() => E[t.month]), w = (e) => {
+    e.value !== 0 && M("selectionChanged", e, t.month, t.year);
+  }, I = (e) => {
+    M("navigation", e);
+  }, S = () => {
+    if (!t.range.fromStart || !t.range.toEnd)
+      return !1;
+    const e = t.range.fromStart.getMonth(), n = t.range.fromStart.getFullYear(), r = t.range.toEnd.getMonth(), a = t.range.toEnd.getFullYear();
+    return t.year < n || t.year > a ? !1 : !(t.year === n && t.month < e || t.year === a && t.month > r);
+  }, f = (e, n) => e.getMonth() < n.month && e.getFullYear() === n.year || e.getFullYear() < n.year ? 1 : e.getMonth() === n.month && e.getFullYear() === n.year ? e.getDate() : g.daysInMonth(n.month, n.year), y = (e, n) => e.getMonth() > n.month && e.getFullYear() === n.year || e.getFullYear() > n.year ? g.daysInMonth(n.month, n.year) : e.getMonth() === n.month && e.getFullYear() === n.year ? e.getDate() : 1, v = () => {
+    if (t.allowedDays) {
+      const e = g.getCurrentTimeUTC();
+      e.setDate(e.getDate() - t.allowedDays + 1);
+      let n = e;
+      switch (t.type) {
+        case "week":
+          n = g.getFirstDayOfWeek(e);
+          break;
+        case "month":
+          n.setDate(1);
+          break;
+      }
+      return n.setHours(0, 0, 0, 0), n;
+    }
+    return null;
+  }, m = () => {
+    const e = v(), n = t.maxAllowedDate;
+    Object.keys(t.days).forEach((r) => {
+      const a = t.days[r];
+      e && C(a.date, e) || n && J(a.date, n) ? a.disabled = !0 : delete a.disabled;
+    });
+  }, u = (e, n, r, a) => {
+    t.year === e.getFullYear() && t.month === e.getMonth() && n >= r && n <= a && (i.value[n] = !0);
+  }, c = () => {
+    for (let e = 0; e < l.value.length; e++) {
+      const n = l.value[e];
+      delete i.value[n.value], delete s.value[n.value];
+    }
+    if (l.value = [], S()) {
+      const e = { month: t.month, year: t.year }, n = f(
+        t.range.fromStart,
+        e
+      ), r = y(
+        t.range.fromEnd,
+        e
+      ), a = f(
+        t.range.toStart,
+        e
+      ), h = y(
+        t.range.toEnd,
+        e
+      );
+      for (let o = n; o <= h; o++)
+        s.value[o] = !0, u(
+          t.range.fromStart,
+          o,
+          n,
+          r
+        ), u(
+          t.range.fromEnd,
+          o,
+          n,
+          r
+        ), u(
+          t.range.toStart,
+          o,
+          a,
+          h
+        ), u(
+          t.range.toEnd,
+          o,
+          a,
+          h
+        ), l.value.push(t.days[o]);
+    }
+  }, T = (e) => e.value === 0 ? !1 : F(e.date, t.range.fromStart), k = (e) => e.value === 0 ? !1 : F(e.date, t.range.toEnd);
+  return D(
+    () => t.month,
+    () => {
+      c();
+    }
+  ), D(
+    () => t.range,
+    (e, n) => {
+      e && e !== n && c();
+    }
+  ), D(
+    () => t.maxAllowedDate,
+    () => {
+      m();
+    }
+  ), x(() => {
+    m(), c();
+  }), {
+    isEndDay: k,
+    isStartDay: T,
+    updateSelection: c,
+    refreshDisabledDays: m,
+    getMinDateInMonth: v,
+    getLastDayInRangeForMonth: y,
+    getFirstDayInRangeForMonth: f,
+    isMonthInRange: S,
+    navigate: I,
+    selectDay: w,
+    monthName: Y,
+    dayNames: b,
+    selectedDays: l,
+    selectedDaysMap: i,
+    inBetweenMap: s
+  };
+};
+export {
+  j as calendarMonthCommon
+};

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

@@ -0,0 +1,47 @@
+export declare const dateRangeCommon: (props: any, emit: any) => {
+    datePicker: import("vue").Ref<HTMLDivElement>;
+    datePickerId: import("vue").ComputedRef<string>;
+    getMaxAllowedDate: import("vue").ComputedRef<Date>;
+    selectedPresetName: import("vue").ComputedRef<any>;
+    selectedPreset: import("vue").Ref<{}>;
+    displayError: import("vue").Ref<boolean>;
+    rangeType: any;
+    selectedRange: any;
+    placement: import("vue").Ref<string>;
+    currentDate: any;
+    error: any;
+    presets: import("vue").Ref<any[]>;
+    isOpen: import("vue").Ref<boolean>;
+    popup: any;
+    selectionStart: import("vue").Ref<{
+        started: boolean;
+        date: any;
+    }>;
+    initialized: import("vue").Ref<boolean>;
+    textDates: import("vue").Ref<{
+        from: any;
+        to: any;
+    }>;
+    currentMonths: import("vue").Ref<{}>;
+    displayedMonthsKeys: import("vue").Ref<any[]>;
+    initMonths: () => void;
+    changeType: (type: any, resetDate?: any) => void;
+    presetChanged: (selectedObj: any) => void;
+    initRange: (newValue: any, selectionNotCompleted?: boolean) => boolean;
+    setCurrentDate: () => void;
+    apply: () => void;
+    getNavigation: (isFirst: any, isLast: any) => "previous" | "next";
+    navigationCallback: (direction: any) => void;
+    getSelectedRangeByType: (dateRange: {
+        from: Date;
+        to: Date;
+    }) => any;
+    compareDates: (dateA: Date, dateB: Date) => boolean;
+    determinePreset: (range: any) => void;
+    selectionChanged: (day: any, month: any, year: any) => void;
+    checkPlacement: () => "left" | "right";
+    toggle: (dismiss?: boolean) => void;
+    closeDatePicker: () => void;
+    isCompact: import("vue").ComputedRef<any>;
+    init: () => void;
+};