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

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

@@ -1,120 +1,65 @@
-declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
-    disabled: {
-        type: import("vue").PropType<boolean>;
-        default: boolean;
-    };
+import { presetsList } from '@/components/dateRange/consts';
+declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
     range: {
-        type: import("vue").PropType<{
-            from: Date;
-            to: Date;
-        }>;
-        required: true;
-    };
-    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<("date" | "week" | "month")[]>;
-        default: () => string[];
-    };
-    maxDaysInRange: {
-        type: import("vue").PropType<number>;
-        default: any;
-    };
-    datePresetList: {
-        type: import("vue").PropType<"date" | "week" | "month" | "date1-7-14-30-90" | "date7-14-30-60-90" | "date7-14-31-60-90" | "dateWithoutToday">;
-        default: string;
-    };
-    regex: {
-        type: import("vue").PropType<RegExp>;
-        default: () => RegExp;
-    };
-    initialType: {
-        type: import("vue").PropType<"date" | "week" | "month">;
-        required: true;
-        default: any;
-    };
-    openOnTop: {
-        type: import("vue").PropType<boolean>;
-        required: true;
-        default: boolean;
-    };
-    isTitleStyle: {
-        type: import("vue").PropType<boolean>;
-        default: boolean;
-    };
-}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("opened" | "dismissed" | "update:range")[], "opened" | "dismissed" | "update:range", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-    disabled: {
-        type: import("vue").PropType<boolean>;
-        default: boolean;
-    };
+        from: Date;
+        to: Date;
+    };
+    types?: ('date' | 'week' | 'month')[];
+    isTitleStyle?: boolean;
+    includeToday?: boolean;
+    allowedDays?: number;
+    maxDaysInRange?: number;
+    datePresetList?: keyof typeof presetsList;
+    regex?: RegExp;
+    dateFormat?: string;
+    uniqueId?: string | number;
+    disabled?: boolean;
+    initialType: null | 'date' | 'week' | 'month';
+    openOnTop: boolean;
+}>, {
+    isTitleStyle: boolean;
+    types: () => string[];
+    includeToday: boolean;
+    allowedDays: any;
+    maxDaysInRange: any;
+    datePresetList: string;
+    regex: () => RegExp;
+    dateFormat: string;
+    uniqueId: number;
+    disabled: boolean;
+    initialType: any;
+    openOnTop: boolean;
+}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("opened" | "dismissed" | "update:range")[], "opened" | "dismissed" | "update:range", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
     range: {
-        type: import("vue").PropType<{
-            from: Date;
-            to: Date;
-        }>;
-        required: true;
-    };
-    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<("date" | "week" | "month")[]>;
-        default: () => string[];
-    };
-    maxDaysInRange: {
-        type: import("vue").PropType<number>;
-        default: any;
-    };
-    datePresetList: {
-        type: import("vue").PropType<"date" | "week" | "month" | "date1-7-14-30-90" | "date7-14-30-60-90" | "date7-14-31-60-90" | "dateWithoutToday">;
-        default: string;
-    };
-    regex: {
-        type: import("vue").PropType<RegExp>;
-        default: () => RegExp;
-    };
-    initialType: {
-        type: import("vue").PropType<"date" | "week" | "month">;
-        required: true;
-        default: any;
-    };
-    openOnTop: {
-        type: import("vue").PropType<boolean>;
-        required: true;
-        default: boolean;
-    };
-    isTitleStyle: {
-        type: import("vue").PropType<boolean>;
-        default: boolean;
-    };
-}>> & {
+        from: Date;
+        to: Date;
+    };
+    types?: ('date' | 'week' | 'month')[];
+    isTitleStyle?: boolean;
+    includeToday?: boolean;
+    allowedDays?: number;
+    maxDaysInRange?: number;
+    datePresetList?: keyof typeof presetsList;
+    regex?: RegExp;
+    dateFormat?: string;
+    uniqueId?: string | number;
+    disabled?: boolean;
+    initialType: null | 'date' | 'week' | 'month';
+    openOnTop: boolean;
+}>, {
+    isTitleStyle: boolean;
+    types: () => string[];
+    includeToday: boolean;
+    allowedDays: any;
+    maxDaysInRange: any;
+    datePresetList: string;
+    regex: () => RegExp;
+    dateFormat: string;
+    uniqueId: number;
+    disabled: boolean;
+    initialType: any;
+    openOnTop: boolean;
+}>>> & {
     onOpened?: (...args: any[]) => any;
     onDismissed?: (...args: any[]) => any;
     "onUpdate:range"?: (...args: any[]) => any;
@@ -124,22 +69,26 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     uniqueId: string | number;
     includeToday: boolean;
     dateFormat: string;
-    types: ("date" | "week" | "month")[];
+    types: ('date' | 'week' | 'month')[];
     maxDaysInRange: number;
-    datePresetList: "date" | "week" | "month" | "date1-7-14-30-90" | "date7-14-30-60-90" | "date7-14-31-60-90" | "dateWithoutToday";
+    datePresetList: keyof typeof presetsList;
     regex: RegExp;
-    initialType: "date" | "week" | "month";
+    initialType: null | 'date' | 'week' | 'month';
     openOnTop: boolean;
     isTitleStyle: boolean;
-}>, {
-    field?(_: {
-        currentDate: any;
-        isOpen: boolean;
-    }): any;
 }>;
 export default _default;
-type __VLS_WithTemplateSlots<T, S> = T & {
-    new (): {
-        $slots: S;
+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/DateServices.vue.js

@@ -0,0 +1,374 @@
+import { isSameDay, format } from 'date-fns';
+
+const formatDate = "MMM d, yyyy";
+const WEEK = 7;
+class DateServices {
+  getCurrentTimeUTC() {
+    const d = new Date();
+    return new Date(d.getTime() + d.getTimezoneOffset() * 6e4);
+  }
+  daysInMonth(month, year) {
+    return 32 - new Date(year, month, 32).getDate();
+  }
+  getDateRangeString(dateRange) {
+    if (isSameDay(dateRange.fromStart, dateRange.toEnd)) {
+      return format(dateRange.fromStart, formatDate);
+    }
+    if (dateRange.fromStart && dateRange.toEnd) {
+      return `${format(dateRange.fromStart, formatDate)} - ${format(
+        dateRange.toEnd,
+        formatDate
+      )}`;
+    }
+  }
+  getFirstDayOfWeek(date) {
+    const dateCopy = new Date(date);
+    const dayInWeek = dateCopy.getDay();
+    const dayInMonth = dateCopy.getDate();
+    const firstDayOfWeek = dayInMonth - dayInWeek;
+    dateCopy.setDate(firstDayOfWeek);
+    return dateCopy;
+  }
+  getLastDayOfWeek(date) {
+    let dateCopy = new Date(date);
+    const dayInWeek = dateCopy.getDay();
+    const dayInMonth = dateCopy.getDate();
+    const lastDayOfWeek = dayInMonth + (6 - dayInWeek);
+    dateCopy.setDate(lastDayOfWeek);
+    const today = this.getCurrentTimeUTC();
+    if (dateCopy > today) {
+      dateCopy = today;
+    }
+    return dateCopy;
+  }
+  getLastDayOfMonth(date) {
+    const today = this.getCurrentTimeUTC();
+    let end = new Date(date.getFullYear(), date.getMonth() + 1, 0);
+    if (end > today) {
+      end = today;
+    }
+    return end;
+  }
+  createMonth(month, year, includeToday = true, setFuture = true) {
+    const parsedMonth = {
+      weeks: [],
+      days: {},
+      month,
+      year
+    };
+    let day;
+    let week;
+    const firstDay = new Date(year, month, 1);
+    const dayInWeek = firstDay.getDay();
+    let dayCounter = 1;
+    const now = new Date();
+    now.setHours(0, 0, 0, 0);
+    const maxDay = this.daysInMonth(month, year);
+    for (let i = 0; i < 6; i++) {
+      week = [];
+      for (let j = 0; j < 7; j++) {
+        day = {};
+        if (i === 0) {
+          if (dayInWeek > 0 && j < dayInWeek) {
+            day.value = 0;
+          }
+        }
+        if (dayCounter > maxDay) {
+          day.value = 0;
+        }
+        if (!day.value && day.value !== 0) {
+          day.value = dayCounter;
+          dayCounter += 1;
+          parsedMonth.days[day.value] = day;
+          day.date = new Date(year, month, day.value);
+          if (now < day.date && setFuture) {
+            day.isFuture = true;
+          } else if (day.date.getTime() === now.getTime()) {
+            day.isToday = true;
+            if (!includeToday) {
+              day.disabled = true;
+            }
+          }
+        }
+        week.push(day);
+      }
+      parsedMonth.weeks.push(week);
+    }
+    return parsedMonth;
+  }
+  getPresetsFunctions(shouldIncludeToday = true) {
+    const includeToday = shouldIncludeToday;
+    const that = this;
+    return {
+      today: {
+        dates() {
+          const dates = {};
+          (dates.from = that.getCurrentTimeUTC()).setHours(0, 0, 0, 0);
+          (dates.to = new Date(dates.from)).setHours(23, 59, 59, 0);
+          return dates;
+        }
+      },
+      yesterday: {
+        dates() {
+          const dates = {};
+          dates.from = new Date(
+            that.getCurrentTimeUTC() - 24 * 3600 * 1e3
+          );
+          (dates.to = new Date(dates.from)).setHours(23, 59, 59, 0);
+          return dates;
+        }
+      },
+      last7days: {
+        dates() {
+          const dates = {};
+          let toDelta = 0;
+          let fromDelta = 6 * 24 * 3600 * 1e3;
+          if (!includeToday) {
+            toDelta = 24 * 3600 * 1e3;
+            fromDelta = 7 * 24 * 3600 * 1e3;
+          }
+          dates.from = new Date(
+            that.getCurrentTimeUTC() - fromDelta
+          );
+          dates.to = new Date(
+            that.getCurrentTimeUTC().setHours(23, 59, 59, 0) - toDelta
+          );
+          return dates;
+        }
+      },
+      last14days: {
+        dates() {
+          const dates = {};
+          let toDelta = 0;
+          let fromDelta = 13 * 24 * 3600 * 1e3;
+          if (!includeToday) {
+            toDelta = 24 * 3600 * 1e3;
+            fromDelta = 14 * 24 * 3600 * 1e3;
+          }
+          dates.from = new Date(
+            that.getCurrentTimeUTC() - fromDelta
+          );
+          dates.to = new Date(
+            that.getCurrentTimeUTC().setHours(23, 59, 59, 0) - toDelta
+          );
+          return dates;
+        }
+      },
+      last30days: {
+        dates() {
+          const dates = {};
+          let toDelta = 0;
+          let fromDelta = 29 * 24 * 3600 * 1e3;
+          if (!includeToday) {
+            toDelta = 24 * 3600 * 1e3;
+            fromDelta = 30 * 24 * 3600 * 1e3;
+          }
+          dates.from = new Date(
+            that.getCurrentTimeUTC() - fromDelta
+          );
+          dates.to = new Date(
+            that.getCurrentTimeUTC().setHours(23, 59, 59, 0) - toDelta
+          );
+          return dates;
+        }
+      },
+      last31days: {
+        dates() {
+          const dates = {};
+          let toDelta = 0;
+          let fromDelta = 30 * 24 * 3600 * 1e3;
+          if (!includeToday) {
+            toDelta = 24 * 3600 * 1e3;
+            fromDelta = 31 * 24 * 3600 * 1e3;
+          }
+          dates.from = new Date(
+            that.getCurrentTimeUTC() - fromDelta
+          );
+          dates.to = new Date(
+            that.getCurrentTimeUTC().setHours(23, 59, 59, 0) - toDelta
+          );
+          return dates;
+        }
+      },
+      last60days: {
+        dates() {
+          const dates = {};
+          let toDelta = 0;
+          let fromDelta = 59 * 24 * 3600 * 1e3;
+          if (!includeToday) {
+            toDelta = 24 * 3600 * 1e3;
+            fromDelta = 60 * 24 * 3600 * 1e3;
+          }
+          dates.from = new Date(
+            that.getCurrentTimeUTC() - fromDelta
+          );
+          dates.to = new Date(
+            that.getCurrentTimeUTC().setHours(23, 59, 59, 0) - toDelta
+          );
+          return dates;
+        }
+      },
+      last90days: {
+        dates() {
+          const dates = {};
+          let toDelta = 0;
+          let fromDelta = 89 * 24 * 3600 * 1e3;
+          if (!includeToday) {
+            toDelta = 24 * 3600 * 1e3;
+            fromDelta = 90 * 24 * 3600 * 1e3;
+          }
+          dates.from = new Date(
+            that.getCurrentTimeUTC() - fromDelta
+          );
+          dates.to = new Date(
+            that.getCurrentTimeUTC().setHours(23, 59, 59, 0) - toDelta
+          );
+          return dates;
+        }
+      },
+      thisMonth: {
+        dates() {
+          const dates = {};
+          const date = new Date();
+          const firstDay = new Date(date.getFullYear(), date.getMonth(), 1);
+          if (!includeToday) {
+            const yesterday = new Date(
+              that.getCurrentTimeUTC().setHours(0, 0, 0, 0) - 24 * 3600 * 1e3
+            );
+            if (yesterday < firstDay) {
+              dates.to = firstDay;
+            } else {
+              dates.to = yesterday;
+            }
+          } else {
+            (dates.to = that.getCurrentTimeUTC()).setHours(0, 0, 0, 0);
+          }
+          dates.from = firstDay;
+          return dates;
+        }
+      },
+      lastMonth: {
+        dates() {
+          const dates = {};
+          const date = new Date();
+          dates.from = new Date(date.getFullYear(), date.getMonth() - 1, 1);
+          dates.to = new Date(date.getFullYear(), date.getMonth(), 0);
+          return dates;
+        }
+      },
+      last4weeks: {
+        dates() {
+          const dates = {};
+          const today = that.getCurrentTimeUTC();
+          const firstDayOfWeek = that.getFirstDayOfWeek(today);
+          dates.from = new Date(
+            firstDayOfWeek.setDate(firstDayOfWeek.getDate() - WEEK * 3)
+          );
+          dates.to = new Date(today.setHours(23, 59, 59, 0));
+          return dates;
+        }
+      },
+      last12weeks: {
+        dates() {
+          const dates = {};
+          const today = that.getCurrentTimeUTC();
+          const firstDayOfWeek = that.getFirstDayOfWeek(today);
+          dates.from = new Date(
+            firstDayOfWeek.setDate(firstDayOfWeek.getDate() - WEEK * 11)
+          );
+          dates.to = new Date(today.setHours(23, 59, 59, 0));
+          return dates;
+        }
+      },
+      last26weeks: {
+        dates() {
+          const dates = {};
+          const today = that.getCurrentTimeUTC();
+          const firstDayOfWeek = that.getFirstDayOfWeek(today);
+          dates.from = new Date(
+            firstDayOfWeek.setDate(firstDayOfWeek.getDate() - WEEK * 25)
+          );
+          dates.to = new Date(today.setHours(23, 59, 59, 0));
+          return dates;
+        }
+      },
+      last52weeks: {
+        dates() {
+          const dates = {};
+          const today = that.getCurrentTimeUTC();
+          const firstDayOfWeek = that.getFirstDayOfWeek(today);
+          dates.from = new Date(
+            firstDayOfWeek.setDate(firstDayOfWeek.getDate() - WEEK * 51)
+          );
+          dates.to = new Date(today.setHours(23, 59, 59, 0));
+          return dates;
+        }
+      },
+      last3months: {
+        dates() {
+          const dates = {};
+          const date = that.getCurrentTimeUTC();
+          const firstDay = new Date(date.getFullYear(), date.getMonth() - 2, 1);
+          (dates.to = that.getCurrentTimeUTC()).setHours(0, 0, 0, 0);
+          dates.from = firstDay;
+          return dates;
+        }
+      },
+      last6months: {
+        dates() {
+          const dates = {};
+          const date = that.getCurrentTimeUTC();
+          const firstDay = new Date(date.getFullYear(), date.getMonth() - 5, 1);
+          (dates.to = that.getCurrentTimeUTC()).setHours(0, 0, 0, 0);
+          dates.from = firstDay;
+          return dates;
+        }
+      },
+      last12months: {
+        dates() {
+          const dates = {};
+          const date = that.getCurrentTimeUTC();
+          const firstDay = new Date(
+            date.getFullYear(),
+            date.getMonth() - 11,
+            1
+          );
+          (dates.to = that.getCurrentTimeUTC()).setHours(0, 0, 0, 0);
+          dates.from = firstDay;
+          return dates;
+        }
+      },
+      last24months: {
+        dates() {
+          const dates = {};
+          const date = that.getCurrentTimeUTC();
+          const firstDay = new Date(
+            date.getFullYear(),
+            date.getMonth() - 23,
+            1
+          );
+          (dates.to = that.getCurrentTimeUTC()).setHours(0, 0, 0, 0);
+          dates.from = firstDay;
+          return dates;
+        }
+      },
+      last36months: {
+        dates() {
+          const dates = {};
+          const date = that.getCurrentTimeUTC();
+          const firstDay = new Date(
+            date.getFullYear(),
+            date.getMonth() - 35,
+            1
+          );
+          (dates.to = that.getCurrentTimeUTC()).setHours(0, 0, 0, 0);
+          dates.from = firstDay;
+          return dates;
+        }
+      }
+    };
+  }
+}
+var dateServices = new DateServices();
+
+export { dateServices as default };

package/components/dateRange/{consts.js → consts.vue.js}

@@ -1,10 +1,16 @@
-const a = {
+const typeToName = {
   date: "Days",
   week: "Weeks",
   month: "Months"
-}, s = "Date range is in an invalid format", t = "Please select a date range", d = {
+};
+const formatError = "Date range is in an invalid format";
+const mandatoryValuesError = "Please select a date range";
+const messagePerType = {
   week: "For more than 52 weeks switch to months"
-}, n = "previous", e = "next", i = {
+};
+const navigatePrev = "previous";
+const navigateNext = "next";
+const presetsList = {
   date: [
     { name: "Today", id: "today", numid: 1 },
     { name: "Yesterday", id: "yesterday", numid: 2 },
@@ -60,12 +66,5 @@ const a = {
     { name: "Last 36 Months", id: "last36months", numid: 5 }
   ]
 };
-export {
-  s as formatError,
-  t as mandatoryValuesError,
-  d as messagePerType,
-  e as navigateNext,
-  n as navigatePrev,
-  i as presetsList,
-  a as typeToName
-};
+
+export { formatError, mandatoryValuesError, messagePerType, navigateNext, navigatePrev, presetsList, typeToName };