@ironsource/shared-ui 2.1.6-test.1 → 2.1.6-test.10

package/components/dateRange/v4/DateRangePickerV4.vue.d.ts

@@ -0,0 +1,115 @@
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+    range: {
+        from: Date;
+        to: Date;
+    };
+    types?: ("week" | "month" | "date")[];
+    isTitleStyle?: boolean;
+    includeToday?: boolean;
+    allowedDays?: number;
+    maxDaysInRange?: number;
+    datePresetList?: "week" | "month" | "date" | "date1-7-14-30-90" | "date7-14-30-60-90" | "date7-14-31-60-90" | "dateWithoutToday" | "dateWithoutLastMonth";
+    regex?: RegExp;
+    dateFormat?: string;
+    uniqueId?: string | number;
+    disabled?: boolean;
+    initialType: "week" | "month" | "date";
+    openOnTop: boolean;
+    testId?: string;
+}>, {
+    isTitleStyle: boolean;
+    types: () => string[];
+    includeToday: boolean;
+    allowedDays: any;
+    maxDaysInRange: any;
+    datePresetList: string;
+    regex: () => RegExp;
+    dateFormat: string;
+    uniqueId: number;
+    disabled: boolean;
+    initialType: any;
+    openOnTop: boolean;
+    testId: string;
+}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    opened: (...args: any[]) => void;
+    dismissed: (...args: any[]) => void;
+    "update:range": (...args: any[]) => void;
+}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+    range: {
+        from: Date;
+        to: Date;
+    };
+    types?: ("week" | "month" | "date")[];
+    isTitleStyle?: boolean;
+    includeToday?: boolean;
+    allowedDays?: number;
+    maxDaysInRange?: number;
+    datePresetList?: "week" | "month" | "date" | "date1-7-14-30-90" | "date7-14-30-60-90" | "date7-14-31-60-90" | "dateWithoutToday" | "dateWithoutLastMonth";
+    regex?: RegExp;
+    dateFormat?: string;
+    uniqueId?: string | number;
+    disabled?: boolean;
+    initialType: "week" | "month" | "date";
+    openOnTop: boolean;
+    testId?: string;
+}>, {
+    isTitleStyle: boolean;
+    types: () => string[];
+    includeToday: boolean;
+    allowedDays: any;
+    maxDaysInRange: any;
+    datePresetList: string;
+    regex: () => RegExp;
+    dateFormat: string;
+    uniqueId: number;
+    disabled: boolean;
+    initialType: any;
+    openOnTop: boolean;
+    testId: string;
+}>>> & {
+    onOpened?: (...args: any[]) => any;
+    onDismissed?: (...args: any[]) => any;
+    "onUpdate:range"?: (...args: any[]) => any;
+}, {
+    disabled: boolean;
+    testId: string;
+    allowedDays: number;
+    uniqueId: string | number;
+    includeToday: boolean;
+    dateFormat: string;
+    types: ("week" | "month" | "date")[];
+    maxDaysInRange: number;
+    datePresetList: "week" | "month" | "date" | "date1-7-14-30-90" | "date7-14-30-60-90" | "date7-14-31-60-90" | "dateWithoutToday" | "dateWithoutLastMonth";
+    regex: RegExp;
+    initialType: "week" | "month" | "date";
+    openOnTop: boolean;
+    isTitleStyle: boolean;
+}>, {
+    field?(_: {
+        currentDate: any;
+        isOpen: any;
+    }): 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_WithDefaults<P, D> = {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
+        default: D[K];
+    }> : P[K];
+};
+type __VLS_Prettify<T> = {
+    [K in keyof T]: T[K];
+} & {};
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/components/dateRange/v4/DateRangeV4.vue.d.ts

@@ -0,0 +1,127 @@
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+    range: {
+        from: Date;
+        to: Date;
+    };
+    types?: ("week" | "month" | "date")[];
+    includeToday?: boolean;
+    allowedDays?: number;
+    maxDaysInRange?: number;
+    datePresetList?: "week" | "month" | "date" | "date1-7-14-30-90" | "date7-14-30-60-90" | "date7-14-31-60-90" | "dateWithoutToday" | "dateWithoutLastMonth";
+    regex?: RegExp;
+    dateFormat?: string;
+    uniqueId?: string | number;
+    disabled?: boolean;
+    initialType: "week" | "month" | "date";
+    openOnTop: boolean;
+    showPresets: boolean;
+    maxDate?: Date;
+    testId?: string;
+}>, {
+    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;
+    testId: string;
+}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    opened: (...args: any[]) => void;
+    rangeTypeChanged: (...args: any[]) => void;
+    currentDateChanged: (...args: any[]) => void;
+    rangeChanged: (...args: any[]) => void;
+    dateRangePresetNameChanged: (...args: any[]) => void;
+    dismissed: (...args: any[]) => void;
+}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+    range: {
+        from: Date;
+        to: Date;
+    };
+    types?: ("week" | "month" | "date")[];
+    includeToday?: boolean;
+    allowedDays?: number;
+    maxDaysInRange?: number;
+    datePresetList?: "week" | "month" | "date" | "date1-7-14-30-90" | "date7-14-30-60-90" | "date7-14-31-60-90" | "dateWithoutToday" | "dateWithoutLastMonth";
+    regex?: RegExp;
+    dateFormat?: string;
+    uniqueId?: string | number;
+    disabled?: boolean;
+    initialType: "week" | "month" | "date";
+    openOnTop: boolean;
+    showPresets: boolean;
+    maxDate?: Date;
+    testId?: string;
+}>, {
+    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;
+    testId: string;
+}>>> & {
+    onOpened?: (...args: any[]) => any;
+    onRangeTypeChanged?: (...args: any[]) => any;
+    onCurrentDateChanged?: (...args: any[]) => any;
+    onRangeChanged?: (...args: any[]) => any;
+    onDateRangePresetNameChanged?: (...args: any[]) => any;
+    onDismissed?: (...args: any[]) => any;
+}, {
+    disabled: boolean;
+    testId: string;
+    allowedDays: number;
+    uniqueId: string | number;
+    includeToday: boolean;
+    dateFormat: string;
+    types: ("week" | "month" | "date")[];
+    maxDaysInRange: number;
+    datePresetList: "week" | "month" | "date" | "date1-7-14-30-90" | "date7-14-30-60-90" | "date7-14-31-60-90" | "dateWithoutToday" | "dateWithoutLastMonth";
+    regex: RegExp;
+    initialType: "week" | "month" | "date";
+    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_WithDefaults<P, D> = {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
+        default: D[K];
+    }> : P[K];
+};
+type __VLS_Prettify<T> = {
+    [K in keyof T]: T[K];
+} & {};
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/components/dateRange/v4/DateRangeV4.vue.js

@@ -0,0 +1,7 @@
+import e from "./DateRangeV4.vue2.js";
+/* empty css                  */import o from "../../../_virtual/_plugin-vue_export-helper.js";
+// import "../../../DateRangeV4.vue_vue_type_style_index_0_scoped_590bb1db_lang.css"; //*');
+const a = /* @__PURE__ */ o(e, [["__scopeId", "data-v-590bb1db"]]);
+export {
+  a as default
+};

package/components/dateRange/v4/DateRangeV4.vue2.js

@@ -0,0 +1,251 @@
+ import "../../../DateRangeV4.vue_vue_type_style_index_0_scoped_590bb1db_lang.css"; import { defineComponent as Q, resolveComponent as X, openBlock as s, createElementBlock as n, unref as e, normalizeClass as o, createElementVNode as d, renderSlot as D, createVNode as l, withCtx as r, createTextVNode as c, toDisplayString as y, withDirectives as f, Fragment as h, renderList as v, createCommentVNode as x, vShow as k, normalizeStyle as Z, setBlockTracking as b } from "vue";
+import _ from "./CalendarMonthV4.vue.js";
+import { typeToName as ee, messagePerType as te } from "../common/consts.common.js";
+import C from "../../button/v4/ButtonV4.vue.js";
+import "../../button/v4/IconButtonV4.vue.js";
+import { DateRangeTestIdModifiers as i, DatePickerTestIdModifiers as ae } from "../../../testids/index.js";
+import { dateRangeCommon as de } from "../common/DateRange.common.js";
+import R from "../../typography/v4/Typography.vue.js";
+const se = ["id", "data-testid"], ne = ["data-testid"], ie = ["id", "data-testid"], le = {
+  key: 0,
+  class: "type-picker"
+}, oe = ["onClick"], re = ["data-testid"], ce = ["id"], ue = ["id"], me = ["onClick"], ye = { class: "dropdown-rightTriangle" }, ge = ["data-testid"], pe = { class: "date-picker-calendar left-box" }, fe = { class: "buttons-cover" }, he = { class: "range" }, ve = { class: "text-container" }, De = /* @__PURE__ */ Q({
+  __name: "DateRangeV4",
+  props: {
+    range: null,
+    types: { default: () => ["date"] },
+    includeToday: { type: Boolean, default: !0 },
+    allowedDays: { default: null },
+    maxDaysInRange: { default: null },
+    datePresetList: { default: "date" },
+    regex: { default: () => /^(1[0-2]|0?[1-9])\/[\d]{1,2}\/[\d]{4}$/ },
+    dateFormat: { default: "mm/dd/yyyy" },
+    uniqueId: { default: Date.now() },
+    disabled: { type: Boolean, default: !1 },
+    initialType: { default: null },
+    openOnTop: { type: Boolean, default: !1 },
+    showPresets: { type: Boolean, default: !0 },
+    maxDate: { default: null },
+    testId: { default: "" }
+  },
+  emits: [
+    "rangeTypeChanged",
+    "currentDateChanged",
+    "rangeChanged",
+    "dateRangePresetNameChanged",
+    "opened",
+    "dismissed"
+  ],
+  setup(t, { emit: E }) {
+    const A = t, {
+      datePicker: M,
+      datePickerId: B,
+      getMaxAllowedDate: S,
+      selectedPreset: $,
+      displayError: q,
+      rangeType: p,
+      selectedRange: O,
+      placement: z,
+      currentDate: I,
+      error: L,
+      presets: V,
+      isOpen: w,
+      popup: U,
+      currentMonths: g,
+      displayedMonthsKeys: T,
+      changeType: G,
+      presetChanged: F,
+      apply: K,
+      getNavigation: W,
+      navigationCallback: Y,
+      selectionChanged: j,
+      toggle: N,
+      isCompact: H
+    } = de(A, E);
+    return (P, u) => {
+      const J = X("Text");
+      return s(), n("div", {
+        id: e(B),
+        ref_key: "datePicker",
+        ref: M,
+        class: o(["relative-wrap", { "date-range-disabled": t.disabled }]),
+        "data-testid": `${t.testId}-${e(i).WRAPPER}`
+      }, [
+        d("div", {
+          class: "date-range-field",
+          "data-testid": `${t.testId}-${e(i).TRIGGER}`,
+          onClick: u[0] || (u[0] = (a) => e(N)())
+        }, [
+          D(P.$slots, "field", {
+            currentDate: e(I),
+            isOpen: e(w)
+          }, () => [
+            l(e(C), {
+              "start-icon-name": "calendar-blank",
+              "end-icon-name": "caret-down",
+              color: "default",
+              variant: "outlined",
+              style: { marginRight: "10px" },
+              "data-testid": `${t.testId}-${e(ae).INPUT}`
+            }, {
+              default: r(() => [
+                c(y(e(I)), 1)
+              ]),
+              _: 1
+            }, 8, ["data-testid"])
+          ], !0)
+        ], 8, ne),
+        f(d("div", {
+          id: "datepickerPopup" + t.uniqueId,
+          ref_key: "popup",
+          ref: U,
+          class: o(["pop-up", [
+            e(z),
+            t.openOnTop ? "open-on-top" : "",
+            t.showPresets ? "" : "hide-presets"
+          ]]),
+          "data-testid": `${t.testId}-${e(i).CONTAINER}`
+        }, [
+          t.types.length > 1 ? (s(), n("div", le, [
+            (s(!0), n(h, null, v(t.types, (a) => (s(), n("span", {
+              key: a,
+              class: o(["range-type", { "selected-range-type": e(p) === a }]),
+              onClick: (m) => e(G)(a, !0)
+            }, [
+              l(J, { size: "sm" }, {
+                default: r(() => [
+                  c(y(e(ee)[a]), 1)
+                ]),
+                _: 2
+              }, 1024)
+            ], 10, oe))), 128))
+          ])) : x("", !0),
+          d("div", {
+            class: o(["flex", { "pop-up-content": t.types.length > 1 }])
+          }, [
+            t.showPresets ? (s(), n("div", {
+              key: 0,
+              class: "date-picker-menu",
+              "data-testid": `${t.testId}-${e(i).MENU}`
+            }, [
+              d("div", {
+                id: "presets" + t.uniqueId,
+                class: "preset-dropdown"
+              }, [
+                d("ul", {
+                  id: "customDropDownList" + t.uniqueId
+                }, [
+                  (s(!0), n(h, null, v(e(V), (a) => (s(), n("li", {
+                    key: a.id,
+                    class: o({
+                      "selected-preset-container": e($) === a.id
+                    })
+                  }, [
+                    d("div", {
+                      class: o([{ "selected-preset": e($) === a.id }, "preset-element"]),
+                      onClick: (m) => e(F)(a)
+                    }, [
+                      l(e(R), {
+                        size: "xs",
+                        "data-testid": `${t.testId}-${e(i).MENU}-${a.id}`
+                      }, {
+                        default: r(() => [
+                          c(y(a.name), 1)
+                        ]),
+                        _: 2
+                      }, 1032, ["data-testid"])
+                    ], 10, me),
+                    f(d("div", ye, null, 512), [
+                      [k, a.id === "custom"]
+                    ])
+                  ], 2))), 128))
+                ], 8, ue)
+              ], 8, ce),
+              d("div", {
+                class: "type-message",
+                "data-testid": `${t.testId}-${e(i).MESSAGE}`
+              }, y(e(te)[e(p)]), 9, ge)
+            ], 8, re)) : x("", !0),
+            d("div", {
+              class: "calendar-wrap",
+              style: Z({ height: e(H) ? "336px" : "372px" })
+            }, [
+              d("div", pe, [
+                (s(!0), n(h, null, v(e(T), (a, m) => (s(), n("div", { key: a }, [
+                  l(_, {
+                    id: t.uniqueId,
+                    navigation: e(W)(
+                      m === 0,
+                      m === e(T).length - 1
+                    ),
+                    year: e(g)[a].parsedMonth.year,
+                    days: e(g)[a].parsedMonth.days,
+                    weeks: e(g)[a].parsedMonth.weeks,
+                    month: e(g)[a].parsedMonth.month,
+                    range: e(O),
+                    type: e(p),
+                    "allowed-days": t.allowedDays,
+                    "max-allowed-date": e(S),
+                    "test-id": `${t.testId}-${m}`,
+                    onSelectionChanged: e(j),
+                    onNavigation: e(Y)
+                  }, null, 8, ["id", "navigation", "year", "days", "weeks", "month", "range", "type", "allowed-days", "max-allowed-date", "test-id", "onSelectionChanged", "onNavigation"])
+                ]))), 128)),
+                d("div", fe, [
+                  d("div", he, [
+                    D(P.$slots, "footer", {}, void 0, !0)
+                  ]),
+                  d("div", ve, [
+                    l(e(R), null, {
+                      default: r(() => [
+                        c("All dates are in UTC")
+                      ]),
+                      _: 1
+                    })
+                  ]),
+                  f(d("div", { class: "error" }, y(e(L)), 513), [
+                    [k, e(q)]
+                  ]),
+                  u[1] || (b(-1), u[1] = d("div", { class: "buttons" }, [
+                    l(e(C), {
+                      id: "button-ok" + t.uniqueId,
+                      size: "small",
+                      class: "primary button small",
+                      "data-testid": `${t.testId}-${e(i).ACTION_APPLY}`,
+                      onClick: (a) => e(K)()
+                    }, {
+                      default: r(() => [
+                        c(" Apply ")
+                      ]),
+                      _: 1
+                    }, 8, ["id", "data-testid", "onClick"]),
+                    l(e(C), {
+                      id: "button-cancel" + t.uniqueId,
+                      size: "small",
+                      theme: "third",
+                      color: "default",
+                      variant: "outlined",
+                      class: "button small border third transparent",
+                      "data-testid": `${t.testId}-${e(i).ACTION_CANCEL}`,
+                      onClick: (a) => e(N)()
+                    }, {
+                      default: r(() => [
+                        c(" Cancel ")
+                      ]),
+                      _: 1
+                    }, 8, ["id", "data-testid", "onClick"])
+                  ]), b(1), u[1])
+                ])
+              ])
+            ], 4)
+          ], 2)
+        ], 10, ie), [
+          [k, e(w)]
+        ])
+      ], 10, se);
+    };
+  }
+});
+export {
+  De as default
+};