@ironsource/shared-ui 2.1.12-test.96 → 2.1.12-test.98

package/components/dateRange/common/DateRange.common.js

@@ -4,10 +4,10 @@ import { ref as r, computed as b, onMounted as de, onBeforeMount as ce, onUnmoun
 import { min as me, addDays as ge, format as X } from "date-fns";
 import { presetsList as he, formatError as De, mandatoryValuesError as Me, navigatePrev as Z, navigateNext as V } from "./consts.common.js";
 import m from "./DateServices.common.js";
-const pe = (l, D) => {
-  const N = r(null), d = r({ started: !1, date: null }), x = r(!1), _ = 2, S = r({ from: null, to: null }), u = r({}), g = r([]), k = r(null), i = r({}), p = r({}), C = r(!1), P = r(null), s = r(null), j = r("left"), w = r(null), F = r(null), E = r([]), K = r(null), [M] = fe({ initialValue: !1 }), R = r(null);
-  ie(R, () => {
-    M.value = !1;
+const pe = (o, y) => {
+  const N = r(null), d = r({ started: !1, date: null }), x = r(!1), _ = 2, S = r({ from: null, to: null }), u = r({}), g = r([]), k = r(null), i = r({}), p = r({}), C = r(!1), w = r(null), s = r(null), j = r("left"), P = r(null), O = r(null), E = r([]), K = r(null), [D] = fe({ initialValue: !1 }), q = r(null);
+  ie(q, () => {
+    D.value = !1;
   });
   const L = (e, t) => {
     const a = {
@@ -16,22 +16,22 @@ const pe = (l, D) => {
       month: e,
       year: t
     };
-    let n, o;
+    let n, l;
     const c = new Date(t, e, 1).getDay();
     let v = 1;
     const f = /* @__PURE__ */ new Date();
     f.setHours(0, 0, 0, 0);
     const ue = m.daysInMonth(e, t);
     for (let I = 0; I < 6; I++) {
-      o = [];
+      l = [];
       for (let H = 0; H < 7; H++)
-        n = {}, I === 0 && c > 0 && H < c && (n.value = 0), v > ue && (n.value = 0), !n.value && n.value !== 0 && (n.value = v, v += 1, a.days[n.value] = n, n.date = new Date(t, e, n.value), f < n.date ? n.isFuture = !0 : n.date.getTime() === f.getTime() && (n.isToday = !0, l.includeToday || (n.disabled = !0))), o.push(n);
-      a.weeks.push(o);
+        n = {}, I === 0 && c > 0 && H < c && (n.value = 0), v > ue && (n.value = 0), !n.value && n.value !== 0 && (n.value = v, v += 1, a.days[n.value] = n, n.date = new Date(t, e, n.value), f < n.date ? n.isFuture = !0 : n.date.getTime() === f.getTime() && (n.isToday = !0, o.includeToday || (n.disabled = !0))), l.push(n);
+      a.weeks.push(l);
     }
     return a;
   }, T = () => {
     let e = m.getCurrentTimeUTC();
-    if (s.value && s.value.toEnd ? e = s.value.toEnd : l.range && l.range.to && (e = l.range.to), !u.value[`${e.getFullYear().toString()}_${e.getMonth().toString()}`]) {
+    if (s.value && s.value.toEnd ? e = s.value.toEnd : o.range && o.range.to && (e = o.range.to), !u.value[`${e.getFullYear().toString()}_${e.getMonth().toString()}`]) {
       u.value = {}, g.value = [];
       for (let t = 0; t < _; t++) {
         const a = new Date(e);
@@ -46,36 +46,32 @@ const pe = (l, D) => {
         }, g.value.unshift(n);
       }
     }
-  }, q = (e, t) => {
-    P.value = e;
+  }, z = (e, t) => {
+    w.value = e;
     let a = e;
-    e === "date" && (a = l.datePresetList), E.value = he[a], t && (s.value = {
+    e === "date" && (a = o.datePresetList), E.value = he[a], t && (s.value = {
       fromStart: null,
       fromEnd: null,
       toStart: null,
       toEnd: null
-    }, S.value.from = "", S.value.to = "", d.value = { started: !1, date: null }, i.value = "custom"), D("rangeTypeChanged", P.value);
+    }, S.value.from = "", S.value.to = "", d.value = { started: !1, date: null }, i.value = "custom"), y("rangeTypeChanged", w.value);
   }, ee = (e) => {
-    i.value = e.id, y(k.value[e.id].dates()), T();
-  }, y = (e, t = !1) => {
+    i.value = e.id, M(k.value[e.id].dates()), T();
+  }, M = (e, t = !1) => {
     let a = e;
-    return !e.from && !e.to && e.preset ? (a = k.value[e.preset]?.dates(), D("determinedRangeFromPreset", {
-      from: a.from,
-      to: a.to,
-      preset: e.preset
-    })) : (!e || !e.from && !e.to) && (a = k.value[E.value[0]]), l.maxDaysInRange && (K.value = t ? ge(a.from, l.maxDaysInRange) : null), C.value = !1, !a.from || !a.to || !(a.from instanceof Date) || !(a.to instanceof Date) ? (F.value = De, C.value = !0, !1) : a.from > a.to ? (F.value = `"From" date can't be bigger than "To" date`, C.value = !0, !1) : (s.value = z(a), S.value.from = X(
+    return !e.from && !e.to && e.preset ? a = k.value[e.preset]?.dates() : (!e || !e.from && !e.to) && (a = k.value[E.value[0]]), o.maxDaysInRange && (K.value = t ? ge(a.from, o.maxDaysInRange) : null), C.value = !1, !a.from || !a.to || !(a.from instanceof Date) || !(a.to instanceof Date) ? (O.value = De, C.value = !0, !1) : a.from > a.to ? (O.value = `"From" date can't be bigger than "To" date`, C.value = !0, !1) : (s.value = R(a), S.value.from = X(
       s.value.fromStart,
-      l.dateFormat
-    ), S.value.to = X(s.value.toEnd, l.dateFormat), !0);
-  }, O = () => {
-    i.value === "custom" ? w.value = m.getDateRangeString(s.value) : w.value = J.value, D("currentDateChanged", w.value);
+      o.dateFormat
+    ), S.value.to = X(s.value.toEnd, o.dateFormat), !0);
+  }, F = () => {
+    i.value === "custom" ? P.value = m.getDateRangeString(s.value) : P.value = J.value, y("currentDateChanged", P.value);
   }, te = () => {
     if (s.value.fromStart == null || s.value.toEnd == null) {
-      C.value = !0, F.value = Me;
+      C.value = !0, O.value = Me;
       return;
     }
     const e = m.getCurrentTimeUTC();
-    s.value.toEnd > e && (s.value.toEnd = e), O(), p.value = i.value, D("rangeChanged", {
+    s.value.toEnd > e && (s.value.toEnd = e), F(), p.value = i.value, y("rangeChanged", {
       from: s.value.fromStart,
       to: s.value.toEnd,
       preset: p.value
@@ -83,7 +79,7 @@ const pe = (l, D) => {
   }, ae = (e, t) => e ? Z : t ? V : null, ne = (e) => {
     let t = null, a = null;
     const n = _ - 1;
-    let o = "", h = null, c = null;
+    let l = "", h = null, c = null;
     switch (e) {
       case V:
         Object.keys(u.value).forEach((v) => {
@@ -92,10 +88,10 @@ const pe = (l, D) => {
             g.value.indexOf(v),
             1
           ), delete u.value[v]) : f.order += 1;
-        }), t = h.parsedMonth.month + 1, a = h.parsedMonth.year, t > 11 && (t = 0, a += 1), o = `${a.toString()}_${t.toString()}`, u.value[o] = {
+        }), t = h.parsedMonth.month + 1, a = h.parsedMonth.year, t > 11 && (t = 0, a += 1), l = `${a.toString()}_${t.toString()}`, u.value[l] = {
           parsedMonth: L(t, a),
           order: 0
-        }, g.value.push(o);
+        }, g.value.push(l);
         break;
       case Z:
         Object.keys(u.value).forEach((v) => {
@@ -104,15 +100,15 @@ const pe = (l, D) => {
             g.value.indexOf(v),
             1
           ), delete u.value[v]) : f.order -= 1;
-        }), t = c.parsedMonth.month - 1, a = c.parsedMonth.year, t < 0 && (t = 11, a -= 1), o = `${a.toString()}_${t.toString()}`, u.value[o] = {
+        }), t = c.parsedMonth.month - 1, a = c.parsedMonth.year, t < 0 && (t = 11, a -= 1), l = `${a.toString()}_${t.toString()}`, u.value[l] = {
           parsedMonth: L(t, a),
           order: n
-        }, g.value.unshift(o);
+        }, g.value.unshift(l);
         break;
     }
-  }, z = (e) => {
+  }, R = (e) => {
     let t;
-    switch (P.value) {
+    switch (w.value) {
       case "week":
         t = {
           fromStart: m.getFirstDayOfWeek(e.from),
@@ -151,75 +147,75 @@ const pe = (l, D) => {
   }, U = (e, t) => e.getUTCFullYear() === t.getUTCFullYear() && e.getUTCMonth() === t.getUTCMonth() && e.getUTCDate() === t.getUTCDate(), $ = (e) => {
     let t = !1;
     if (!e.from && !e.to && e.preset) {
-      const o = E.value.find(
+      const l = E.value.find(
         (h) => h.id === e.preset
       );
-      i.value = o.id, t = !0;
+      i.value = l.id, t = !0;
     }
     const a = {
       from: new Date(e.from),
       to: new Date(e.to)
     };
     a.from.setHours(0, 0, 0, 0), a.to.setHours(0, 0, 0, 0);
-    const n = E.value.map((o) => o.id);
-    if (Object.keys(k.value).forEach((o) => {
-      const h = k.value[o];
-      if (o !== "custom" && !t && n.indexOf(o) !== -1) {
+    const n = E.value.map((l) => l.id);
+    if (Object.keys(k.value).forEach((l) => {
+      const h = k.value[l];
+      if (l !== "custom" && !t && n.indexOf(l) !== -1) {
         const c = h.dates();
-        c.from.setHours(0, 0, 0, 0), c.to.setHours(0, 0, 0, 0), U(c.from, a.from) && U(c.to, a.to) && (i.value = o, t = !0);
+        c.from.setHours(0, 0, 0, 0), c.to.setHours(0, 0, 0, 0), U(c.from, a.from) && U(c.to, a.to) && (i.value = l, t = !0);
       }
     }), t) {
-      const o = E.value.find(
+      const l = E.value.find(
         (h) => h.id === i.value
       );
-      D("dateRangePresetNameChanged", o.name);
+      y("dateRangePresetNameChanged", l.name);
     } else
-      D("dateRangePresetNameChanged", null), i.value = "custom";
+      y("dateRangePresetNameChanged", null), i.value = "custom";
     p.value = i.value;
   }, A = (e, t, a) => {
     if (!d.value.started)
-      i.value = "custom", d.value.started = !0, d.value.date = new Date(a, t, e.value), y(
+      i.value = "custom", d.value.started = !0, d.value.date = new Date(a, t, e.value), M(
         { from: d.value.date, to: d.value.date },
         !0
       );
     else {
-      const n = new Date(a, t, e.value), o = d.value.date;
-      d.value.started = !1, d.value.date = null, n < o ? A(e, t, a) : y({ from: o, to: n });
+      const n = new Date(a, t, e.value), l = d.value.date;
+      d.value.started = !1, d.value.date = null, n < l ? A(e, t, a) : M({ from: l, to: n });
     }
   }, B = () => {
     const e = N.value.offsetLeft;
     return window.innerWidth - e > 930 ? "left" : "right";
   }, W = (e = !0) => {
-    M.value = !M.value, M.value ? (j.value = B(), y(l.range), T(), D("opened")) : (y(l.range), T(), i.value = p.value, e && D("dismissed"));
+    D.value = !D.value, D.value ? (j.value = B(), M(o.range), T(), y("opened")) : (M(o.range), T(), i.value = p.value, e && y("dismissed"));
   }, G = () => {
-    M.value && W();
-  }, oe = () => {
-    k.value = m.getPresetsFunctions(l.includeToday), k.value.custom = {
-      dates: () => l.range
+    D.value && W();
+  }, le = () => {
+    k.value = m.getPresetsFunctions(o.includeToday), k.value.custom = {
+      dates: () => o.range
     };
-  }, le = b(() => (g.value || []).reduce((e, t) => {
+  }, oe = b(() => (g.value || []).reduce((e, t) => {
     const n = u.value[t].parsedMonth.weeks[u.value[t].parsedMonth.weeks.length - 1].filter(
-      (o) => o.value !== 0
+      (l) => l.value !== 0
     ).length;
     return e && !n;
   }, !0)), Y = () => {
-    l.range && (x.value = !0, q(l.initialType || l.types[0]), oe(), $(l.range), y(l.range), T(), O());
+    o.range && (x.value = !0, z(o.initialType || o.types[0]), le(), $(o.range), M(o.range), T(), F());
   };
   de(() => {
     Y();
   }), ce(() => {
     const e = (t) => {
-      t.key === "Escape" && M.value && G();
+      t.key === "Escape" && D.value && G();
     };
     document.addEventListener("keyup", e), ve(() => {
       document.removeEventListener("keyup", e);
     });
   }), Q(
-    () => l.range,
+    () => o.range,
     (e, t) => {
-      e && e !== t && (x.value ? ($(e), y(e), O()) : Y());
+      e && e !== t && (x.value ? ($(e), M(e), F()) : Y());
     }
-  ), Q(M, (e) => {
+  ), Q(D, (e) => {
     e || (d.value.started = !1);
   });
   const J = b(() => {
@@ -227,8 +223,8 @@ const pe = (l, D) => {
       (t) => t.id === i.value
     );
     return e ? e.name : "";
-  }), re = b(() => `datepicker${l.uniqueId}`), se = b(() => {
-    const e = [l.maxDate, K.value].filter((t) => t);
+  }), re = b(() => `datepicker${o.uniqueId}`), se = b(() => {
+    const e = [o.maxDate, K.value].filter((t) => t);
     return e.length ? me(e) : null;
   });
   return {
@@ -238,35 +234,35 @@ const pe = (l, D) => {
     selectedPresetName: J,
     selectedPreset: i,
     displayError: C,
-    rangeType: P,
+    rangeType: w,
     selectedRange: s,
     placement: j,
-    currentDate: w,
-    error: F,
+    currentDate: P,
+    error: O,
     presets: E,
-    isOpen: M,
-    popup: R,
+    isOpen: D,
+    popup: q,
     selectionStart: d,
     initialized: x,
     textDates: S,
     currentMonths: u,
     displayedMonthsKeys: g,
     initMonths: T,
-    changeType: q,
+    changeType: z,
     presetChanged: ee,
-    initRange: y,
-    setCurrentDate: O,
+    initRange: M,
+    setCurrentDate: F,
     apply: te,
     getNavigation: ae,
     navigationCallback: ne,
-    getSelectedRangeByType: z,
+    getSelectedRangeByType: R,
     compareDates: U,
     determinePreset: $,
     selectionChanged: A,
     checkPlacement: B,
     toggle: W,
     closeDatePicker: G,
-    isCompact: le,
+    isCompact: oe,
     init: Y
   };
 };

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

@@ -1,4 +1,3 @@
-import { DateServicesInterface } from '@/components/dateRange/common/dateRange.types';
 export type Day = {
     value?: number;
     isToday?: boolean;
@@ -7,7 +6,7 @@ export type Day = {
     disabled?: boolean;
 };
 export type Week = Day[];
-export declare class DateServices implements DateServicesInterface {
+export declare class DateServices {
     getCurrentTimeUTC(): Date;
     daysInMonth(month: any, year: any): number;
     getDateRangeString(dateRange: any): string;

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

@@ -1,4 +1,3 @@
-import { DateServicesInterface } from '../common/dateRange.types';
 declare const DateRangeTypes: () => ({
     new (...args: any[]): {
         $: import("vue").ComponentInternalInstance;
@@ -405,7 +404,5 @@ declare const DateRangeTypes: () => ({
         footer?(_: {}): any;
     };
 }))[];
-export declare const dateService: DateServicesInterface;
 export { default as DateRange } from './DateRangeV4.vue';
 export { DateRangeTypes };
-export * from '../common/dateRange.types';

package/components/dateRange/v4/index.js

@@ -1,8 +1,6 @@
 import e from "./DateRangeV4.vue.js";
-import { DateServices as t } from "../common/DateServices.common.js";
-const a = () => [e], n = new t();
+const a = () => [e];
 export {
   e as DateRange,
-  a as DateRangeTypes,
-  n as dateService
+  a as DateRangeTypes
 };

package/composables/useDateService.d.ts

@@ -0,0 +1,7 @@
+export type UseDateServiceResult = {
+    getRangeFromPreset: (preset: string) => {
+        from: Date;
+        to: Date;
+    };
+};
+export declare const useDateService: () => UseDateServiceResult;

package/composables/useDateService.js

@@ -0,0 +1,10 @@
+import { DateServices as r } from "../components/dateRange/common/DateServices.common.js";
+const o = () => {
+  const e = new r();
+  return {
+    getRangeFromPreset: (t) => e.getPresetsFunctions()[t]?.dates()
+  };
+};
+export {
+  o as useDateService
+};

package/index.d.ts

@@ -18,7 +18,6 @@ import * as tableV3 from '@/components/table/v3';
 import * as tableV4 from '@/components/table/v4';
 import * as tableCellsV3 from '@/components/table-cells/v3';
 import * as snackbarV3 from '@/components/snackbar/v3';
-import * as dateRangeV4 from '@/components/dateRange/v4';
 declare const _default: {
     nFormatter(num: number, formatLowDigits?: boolean): string;
     DEFAULT_FALLBACK: "N/A";
@@ -550,7 +549,6 @@ declare const _default: {
             content?(_: {}): any;
         };
     }))[];
-    dateService: dateRangeV4.DateServicesInterface;
     DateRange: {
         new (...args: any[]): {
             $: import("vue").ComponentInternalInstance;
@@ -27125,6 +27123,7 @@ export default _default;
 export * from '@/composables/useToggle';
 export * from '@/composables/useSearch';
 export * from '@/composables/useFormValidation';
+export * from '@/composables/useDateService';
 export * from '@/components/banner';
 export * from '@/components/alert';
 export * from '@/components/autocomplete';

package/index.js

@@ -1,4 +1,4 @@
-import './Menu.vue_vue_type_style_index_0_scoped_eb057818_lang.css';
+import './MenuItem.vue_vue_type_style_index_0_scoped_67e53b85_lang.css';
 import { AppTriggerTypes as eo } from "./components/appTrigger/index.js";
 import { AutocompleteDropdownTypes as mo } from "./components/autocompleteDropdown/index.js";
 import { MenuItemTypes as ao } from "./components/menuItem/index.js";
@@ -9,7 +9,7 @@ import { IncludeExcludeTypes as $o } from "./components/includeExclude/index.js"
 import { ID_INJECTION_KEY as co, useId as yo } from "./composables/useId.js";
 import { FilterDropdownTypes as Fo } from "./components/filterDropdown/index.js";
 import { TypographyTypes as Ao } from "./components/typography/index.js";
-import { TypographyTypesV4 as Co } from "./components/typography/v4/index.js";
+import { TypographyTypesV4 as Do } from "./components/typography/v4/index.js";
 import { MultiBarTypes as ho } from "./components/multibar/index.js";
 import { FoldableSectionTypes as Mo } from "./components/layout/index.js";
 import { FormCardTypes as wo, FormFieldTypes as Oo } from "./components/forms/index.js";
@@ -37,19 +37,19 @@ import * as F from "./components/dialog/v3/index.js";
 import * as I from "./components/dialog/v4/index.js";
 import * as A from "./components/toggle/v3/index.js";
 import * as E from "./components/toggle/v4/index.js";
-import * as C from "./components/tooltip/v3/index.js";
-import * as D from "./components/tooltip/v4/index.js";
+import * as D from "./components/tooltip/v3/index.js";
+import * as C from "./components/tooltip/v4/index.js";
 import * as h from "./components/table/v3/index.js";
 import * as B from "./components/table/v4/index.js";
 import * as M from "./components/table-cells/v3/index.js";
 import * as b from "./components/table-cells/v4/index.js";
 import * as w from "./components/skeleton/v3/index.js";
 import * as O from "./components/skeleton/v4/index.js";
-import * as H from "./components/loader/v4/index.js";
-import * as N from "./components/emptyState/v3/index.js";
-import * as S from "./components/emptyState/v4/index.js";
-import * as V from "./components/snackbar/v3/index.js";
-import * as v from "./components/snackbar/v4/index.js";
+import * as S from "./components/loader/v4/index.js";
+import * as v from "./components/emptyState/v3/index.js";
+import * as H from "./components/emptyState/v4/index.js";
+import * as N from "./components/snackbar/v3/index.js";
+import * as V from "./components/snackbar/v4/index.js";
 import * as J from "./components/radioButton/v3/index.js";
 import * as K from "./components/radioButton/v4/index.js";
 import * as P from "./components/textArea/v3/index.js";
@@ -66,42 +66,43 @@ import * as Y from "./components/dateRange/v4/index.js";
 import * as U from "./components/popover/v3/index.js";
 import * as W from "./components/popover/v4/index.js";
 import * as X from "./utils/index.js";
-import { useToggle as No } from "./composables/useToggle.js";
-import { useSearch as Vo } from "./composables/useSearch.js";
+import { useToggle as vo } from "./composables/useToggle.js";
+import { useSearch as No } from "./composables/useSearch.js";
 import { scrollToElementByClass as Jo, scrollToFirstInvalidElement as Ko, useFormValidation as Po, yupValidation as Ro } from "./composables/useFormValidation.js";
-import { BannerTypes as jo } from "./components/banner/index.js";
-import { AlertTypes as qo } from "./components/alert/index.js";
-import { AutocompleteTypes as Go } from "./components/autocomplete/index.js";
-import { ChartTypes as Qo } from "./components/chart/index.js";
-import { default as Uo } from "./components/appTrigger/AppTrigger.vue.js";
-import { default as Xo } from "./components/autocompleteDropdown/AutocompleteDropdown.vue.js";
-import { default as or } from "./components/menuItem/MenuItem.vue.js";
-import { default as er } from "./components/menu/Menu.vue.js";
-import { default as mr } from "./components/appIcon/AppIcon.vue.js";
-import { default as ar } from "./components/floatingToolbar/FloatingToolbar.vue.js";
-import { default as fr } from "./components/includeExclude/IncludeExclude.vue.js";
-import { default as xr } from "./components/includeExclude/IncludeExcludeDragDrop.vue.js";
-import { default as nr } from "./components/includeExclude/IncludeExcludeOption.vue.js";
-import { default as ur } from "./components/includeExclude/IncludeExcludeOptionDraggable.vue.js";
-import { default as Tr } from "./components/includeExclude/IncludeExcludeAppTrigger.vue.js";
-import { default as yr } from "./components/includeExclude/IncludeExcludeAppHeader.vue.js";
-import { default as Fr } from "./components/includeExclude/IncludeExcludeChipFilter.vue.js";
-import { default as Ar } from "./components/filterDropdown/FilterDropdown.vue.js";
-import { default as Cr } from "./components/filterDropdown/AddFilterButton.vue.js";
-import { default as hr } from "./components/typography/Heading.vue.js";
-import { default as Mr } from "./components/typography/Text.vue.js";
-import { default as wr } from "./components/typography/v4/Typography.vue.js";
+import { useDateService as jo } from "./composables/useDateService.js";
+import { BannerTypes as qo } from "./components/banner/index.js";
+import { AlertTypes as Go } from "./components/alert/index.js";
+import { AutocompleteTypes as Qo } from "./components/autocomplete/index.js";
+import { ChartTypes as Uo } from "./components/chart/index.js";
+import { default as Xo } from "./components/appTrigger/AppTrigger.vue.js";
+import { default as or } from "./components/autocompleteDropdown/AutocompleteDropdown.vue.js";
+import { default as er } from "./components/menuItem/MenuItem.vue.js";
+import { default as mr } from "./components/menu/Menu.vue.js";
+import { default as ar } from "./components/appIcon/AppIcon.vue.js";
+import { default as fr } from "./components/floatingToolbar/FloatingToolbar.vue.js";
+import { default as xr } from "./components/includeExclude/IncludeExclude.vue.js";
+import { default as nr } from "./components/includeExclude/IncludeExcludeDragDrop.vue.js";
+import { default as ur } from "./components/includeExclude/IncludeExcludeOption.vue.js";
+import { default as Tr } from "./components/includeExclude/IncludeExcludeOptionDraggable.vue.js";
+import { default as yr } from "./components/includeExclude/IncludeExcludeAppTrigger.vue.js";
+import { default as Fr } from "./components/includeExclude/IncludeExcludeAppHeader.vue.js";
+import { default as Ar } from "./components/includeExclude/IncludeExcludeChipFilter.vue.js";
+import { default as Dr } from "./components/filterDropdown/FilterDropdown.vue.js";
+import { default as hr } from "./components/filterDropdown/AddFilterButton.vue.js";
+import { default as Mr } from "./components/typography/Heading.vue.js";
+import { default as wr } from "./components/typography/Text.vue.js";
+import { default as Sr } from "./components/typography/v4/Typography.vue.js";
 import { default as Hr } from "./components/multibar/MultiBar.vue.js";
-import { default as Sr } from "./components/layout/FoldableSection.vue.js";
-import { default as vr } from "./components/forms/FormRow.vue.js";
-import { default as Kr } from "./components/forms/FormCard.vue.js";
-import { default as Rr } from "./components/forms/CardPanel.vue.js";
-import { default as jr } from "./components/forms/FormField.vue.js";
-import { default as qr } from "./components/banner/Banner.vue.js";
-import { default as Gr } from "./components/alert/Alert.vue.js";
-import { default as Qr } from "./components/autocomplete/Autocomplete.vue.js";
-import { default as Ur } from "./components/chart/Chart.vue.js";
-import { ChartType as Xr, TooltipOrder as Zr, TrendDirection as oe } from "./components/chart/types.js";
+import { default as Vr } from "./components/layout/FoldableSection.vue.js";
+import { default as Kr } from "./components/forms/FormRow.vue.js";
+import { default as Rr } from "./components/forms/FormCard.vue.js";
+import { default as jr } from "./components/forms/CardPanel.vue.js";
+import { default as qr } from "./components/forms/FormField.vue.js";
+import { default as Gr } from "./components/banner/Banner.vue.js";
+import { default as Qr } from "./components/alert/Alert.vue.js";
+import { default as Ur } from "./components/autocomplete/Autocomplete.vue.js";
+import { default as Xr } from "./components/chart/Chart.vue.js";
+import { ChartType as oe, TooltipOrder as re, TrendDirection as ee } from "./components/chart/types.js";
 const Z = {
   ...e,
   ...t,
@@ -123,21 +124,21 @@ const Z = {
   ...g,
   ...F,
   ...I,
-  ...C,
   ...D,
+  ...C,
   ...A,
   ...E,
   ...h,
   ...B,
   ...M,
   ...b,
-  ...N,
-  ...S,
+  ...v,
+  ...H,
   ...w,
   ...O,
-  ...H,
+  ...S,
+  ...N,
   ...V,
-  ...v,
   ...n,
   ...l,
   ...P,
@@ -158,62 +159,63 @@ const Z = {
   ...X
 };
 export {
-  Cr as AddFilterButton,
-  Gr as Alert,
-  qo as AlertTypes,
-  mr as AppIcon,
+  hr as AddFilterButton,
+  Qr as Alert,
+  Go as AlertTypes,
+  ar as AppIcon,
   so as AppIconTypes,
-  Uo as AppTrigger,
+  Xo as AppTrigger,
   eo as AppTriggerTypes,
-  Qr as Autocomplete,
-  Xo as AutocompleteDropdown,
+  Ur as Autocomplete,
+  or as AutocompleteDropdown,
   mo as AutocompleteDropdownTypes,
-  Go as AutocompleteTypes,
-  qr as Banner,
-  jo as BannerTypes,
-  Rr as CardPanel,
-  Ur as Chart,
-  Xr as ChartType,
-  Qo as ChartTypes,
-  Ar as FilterDropdown,
+  Qo as AutocompleteTypes,
+  Gr as Banner,
+  qo as BannerTypes,
+  jr as CardPanel,
+  Xr as Chart,
+  oe as ChartType,
+  Uo as ChartTypes,
+  Dr as FilterDropdown,
   Fo as FilterDropdownTypes,
-  ar as FloatingToolbar,
+  fr as FloatingToolbar,
   lo as FloatingToolbarTypes,
-  Sr as FoldableSection,
+  Vr as FoldableSection,
   Mo as FoldableSectionTypes,
-  Kr as FormCard,
+  Rr as FormCard,
   wo as FormCardTypes,
-  jr as FormField,
+  qr as FormField,
   Oo as FormFieldTypes,
-  vr as FormRow,
-  hr as Heading,
+  Kr as FormRow,
+  Mr as Heading,
   co as ID_INJECTION_KEY,
-  fr as IncludeExclude,
-  yr as IncludeExcludeAppHeader,
-  Tr as IncludeExcludeAppTrigger,
-  Fr as IncludeExcludeChipFilter,
-  xr as IncludeExcludeDragDrop,
-  nr as IncludeExcludeOption,
-  ur as IncludeExcludeOptionDraggable,
+  xr as IncludeExclude,
+  Fr as IncludeExcludeAppHeader,
+  yr as IncludeExcludeAppTrigger,
+  Ar as IncludeExcludeChipFilter,
+  nr as IncludeExcludeDragDrop,
+  ur as IncludeExcludeOption,
+  Tr as IncludeExcludeOptionDraggable,
   $o as IncludeExcludeTypes,
-  er as Menu,
-  or as MenuItem,
+  mr as Menu,
+  er as MenuItem,
   ao as MenuItemTypes,
   fo as MenuTypes,
   Hr as MultiBar,
   ho as MultiBarTypes,
-  Mr as Text,
-  Zr as TooltipOrder,
-  oe as TrendDirection,
-  wr as Typography,
+  wr as Text,
+  re as TooltipOrder,
+  ee as TrendDirection,
+  Sr as Typography,
   Ao as TypographyTypes,
-  Co as TypographyTypesV4,
+  Do as TypographyTypesV4,
   Z as default,
   Jo as scrollToElementByClass,
   Ko as scrollToFirstInvalidElement,
+  jo as useDateService,
   Po as useFormValidation,
   yo as useId,
-  Vo as useSearch,
-  No as useToggle,
+  No as useSearch,
+  vo as useToggle,
   Ro as yupValidation
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ironsource/shared-ui",
-  "version": "2.1.12-test.96",
+  "version": "2.1.12-test.98",
   "engines": {
     "npm": ">=7.0.0",
     "node": ">=16.0.0"
@@ -231,6 +231,7 @@
     "./statusDot": "./components/statusDot/index.js",
     "./sortableList": "./components/sortableList/index.js",
     "./composables/useFormValidation": "./composables/useFormValidation.js",
+    "./composables/useDateService": "./composables/useDateService.js",
     "./utils/": "./utils/index.ts"
   },
   "typesVersions": {
@@ -468,6 +469,9 @@
       ],
       "composables/useFormValidation": [
         "./composables/useFormValidation.d.ts"
+      ],
+      "composables/useDateService": [
+        "./composables/useDateService.d.ts"
       ]
     }
   },

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

@@ -1,8 +0,0 @@
-export interface DateServicesInterface {
-    getPresetsFunctions(shouldIncludeToday: boolean): Record<string, {
-        dates: () => {
-            from?: Date;
-            to?: Date;
-        };
-    }>;
-}