@ironsource/shared-ui 2.1.6-rc.43 → 2.1.6-rc.45

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

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

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

@@ -0,0 +1,408 @@
+declare const DateRangeTypes: () => ({
+    new (...args: any[]): {
+        $: import("vue").ComponentInternalInstance;
+        $data: {};
+        $props: Partial<{
+            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;
+        }> & Omit<Readonly<import("vue").ExtractPropTypes<{
+            disabled: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
+            range: {
+                type: import("vue").PropType<{
+                    from: Date;
+                    to: Date;
+                }>;
+                required: true;
+            };
+            testId: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
+            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<("week" | "month" | "date")[]>;
+                default: () => string[];
+            };
+            maxDaysInRange: {
+                type: import("vue").PropType<number>;
+                default: any;
+            };
+            datePresetList: {
+                type: import("vue").PropType<"week" | "month" | "date" | "date1-7-14-30-90" | "date7-14-30-60-90" | "date7-14-31-60-90" | "dateWithoutToday" | "dateWithoutLastMonth">;
+                default: string;
+            };
+            regex: {
+                type: import("vue").PropType<RegExp>;
+                default: () => RegExp;
+            };
+            initialType: {
+                type: import("vue").PropType<"week" | "month" | "date">;
+                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;
+            onRangeChanged?: (...args: any[]) => any;
+            onDateRangePresetNameChanged?: (...args: any[]) => any;
+            onDismissed?: (...args: any[]) => any;
+        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "disabled" | "testId" | "allowedDays" | "uniqueId" | "includeToday" | "dateFormat" | "types" | "maxDaysInRange" | "datePresetList" | "regex" | "initialType" | "openOnTop" | "showPresets" | "maxDate">;
+        $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: "opened", ...args: any[]) => void) & ((event: "rangeTypeChanged", ...args: any[]) => void) & ((event: "currentDateChanged", ...args: any[]) => void) & ((event: "rangeChanged", ...args: any[]) => void) & ((event: "dateRangePresetNameChanged", ...args: any[]) => void) & ((event: "dismissed", ...args: any[]) => void);
+        $el: any;
+        $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+            disabled: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
+            range: {
+                type: import("vue").PropType<{
+                    from: Date;
+                    to: Date;
+                }>;
+                required: true;
+            };
+            testId: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
+            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<("week" | "month" | "date")[]>;
+                default: () => string[];
+            };
+            maxDaysInRange: {
+                type: import("vue").PropType<number>;
+                default: any;
+            };
+            datePresetList: {
+                type: import("vue").PropType<"week" | "month" | "date" | "date1-7-14-30-90" | "date7-14-30-60-90" | "date7-14-31-60-90" | "dateWithoutToday" | "dateWithoutLastMonth">;
+                default: string;
+            };
+            regex: {
+                type: import("vue").PropType<RegExp>;
+                default: () => RegExp;
+            };
+            initialType: {
+                type: import("vue").PropType<"week" | "month" | "date">;
+                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;
+            onRangeChanged?: (...args: any[]) => any;
+            onDateRangePresetNameChanged?: (...args: any[]) => any;
+            onDismissed?: (...args: any[]) => any;
+        }, {}, 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, {
+            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;
+        }, {}, 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<{
+        disabled: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+        range: {
+            type: import("vue").PropType<{
+                from: Date;
+                to: Date;
+            }>;
+            required: true;
+        };
+        testId: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
+        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<("week" | "month" | "date")[]>;
+            default: () => string[];
+        };
+        maxDaysInRange: {
+            type: import("vue").PropType<number>;
+            default: any;
+        };
+        datePresetList: {
+            type: import("vue").PropType<"week" | "month" | "date" | "date1-7-14-30-90" | "date7-14-30-60-90" | "date7-14-31-60-90" | "dateWithoutToday" | "dateWithoutLastMonth">;
+            default: string;
+        };
+        regex: {
+            type: import("vue").PropType<RegExp>;
+            default: () => RegExp;
+        };
+        initialType: {
+            type: import("vue").PropType<"week" | "month" | "date">;
+            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;
+        onRangeChanged?: (...args: any[]) => any;
+        onDateRangePresetNameChanged?: (...args: any[]) => any;
+        onDismissed?: (...args: any[]) => any;
+    } & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {};
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+    disabled: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+    range: {
+        type: import("vue").PropType<{
+            from: Date;
+            to: Date;
+        }>;
+        required: true;
+    };
+    testId: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    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<("week" | "month" | "date")[]>;
+        default: () => string[];
+    };
+    maxDaysInRange: {
+        type: import("vue").PropType<number>;
+        default: any;
+    };
+    datePresetList: {
+        type: import("vue").PropType<"week" | "month" | "date" | "date1-7-14-30-90" | "date7-14-30-60-90" | "date7-14-31-60-90" | "dateWithoutToday" | "dateWithoutLastMonth">;
+        default: string;
+    };
+    regex: {
+        type: import("vue").PropType<RegExp>;
+        default: () => RegExp;
+    };
+    initialType: {
+        type: import("vue").PropType<"week" | "month" | "date">;
+        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;
+    onRangeChanged?: (...args: any[]) => any;
+    onDateRangePresetNameChanged?: (...args: any[]) => any;
+    onDismissed?: (...args: any[]) => any;
+}, {}, 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, {
+    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;
+}, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
+    $slots: {
+        field?(_: {
+            currentDate: any;
+            isOpen: boolean;
+        }): any;
+        footer?(_: {}): any;
+    };
+}))[];
+export { default as DateRange } from './DateRangeV4.vue';
+export { DateRangeTypes };

package/components/dateRange/v4/index.js

@@ -0,0 +1,6 @@
+import e from "./DateRangeV4.vue.js";
+const a = () => [e];
+export {
+  e as DateRange,
+  a as DateRangeTypes
+};

package/components/filtersPanel/v3/Filter.d.ts

@@ -1,6 +1,6 @@
 import { Dropdown } from '@/components/dropdown/v3';
 import { IncludeExcludeChipFilter } from '@/components/includeExclude';
-import { DateRange } from '@is-ssp/dateRange';
+import { DateRange } from '@/components/dateRange/v3';
 interface Option {
     label: string;
 }