@ironsource/shared-ui 1.4.0-rc.10

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

@@ -0,0 +1,94 @@
+import { presetsList } from '@/components/dateRange/consts';
+declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+    range: {
+        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: {
+        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;
+}, {
+    disabled: boolean;
+    allowedDays: number;
+    uniqueId: string | number;
+    includeToday: boolean;
+    dateFormat: string;
+    types: ('date' | 'week' | 'month')[];
+    maxDaysInRange: number;
+    datePresetList: keyof typeof presetsList;
+    regex: RegExp;
+    initialType: null | 'date' | 'week' | 'month';
+    openOnTop: boolean;
+    isTitleStyle: boolean;
+}>;
+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 ? P[K] & {
+        default: D[K];
+    } : P[K];
+};

package/components/dateRange/DateServices.d.ts

@@ -0,0 +1,140 @@
+export type Day = {
+    value?: number;
+    isToday?: boolean;
+    date?: Date;
+    isFuture?: boolean;
+    disabled?: boolean;
+};
+export type Week = Day[];
+declare class DateServices {
+    getCurrentTimeUTC(): Date;
+    daysInMonth(month: any, year: any): number;
+    getDateRangeString(dateRange: any): string;
+    getFirstDayOfWeek(date: any): Date;
+    getLastDayOfWeek(date: any): Date;
+    getLastDayOfMonth(date: any): Date;
+    createMonth(month: any, year: any, includeToday?: boolean, setFuture?: boolean): {
+        weeks: Week[];
+        days: Record<string, Day>;
+        month: number;
+        year: number;
+    };
+    getPresetsFunctions(shouldIncludeToday?: boolean): {
+        today: {
+            dates(): {
+                from?: Date;
+                to?: Date;
+            };
+        };
+        yesterday: {
+            dates(): {
+                from?: Date;
+                to?: Date;
+            };
+        };
+        last7days: {
+            dates(): {
+                from?: Date;
+                to?: Date;
+            };
+        };
+        last14days: {
+            dates(): {
+                from?: Date;
+                to?: Date;
+            };
+        };
+        last30days: {
+            dates(): {
+                from?: Date;
+                to?: Date;
+            };
+        };
+        last31days: {
+            dates(): {
+                from?: Date;
+                to?: Date;
+            };
+        };
+        last60days: {
+            dates(): {
+                from?: Date;
+                to?: Date;
+            };
+        };
+        last90days: {
+            dates(): {
+                from?: Date;
+                to?: Date;
+            };
+        };
+        thisMonth: {
+            dates(): {
+                from?: Date;
+                to?: Date;
+            };
+        };
+        lastMonth: {
+            dates(): {
+                from?: Date;
+                to?: Date;
+            };
+        };
+        last4weeks: {
+            dates(): {
+                from?: Date;
+                to?: Date;
+            };
+        };
+        last12weeks: {
+            dates(): {
+                from?: Date;
+                to?: Date;
+            };
+        };
+        last26weeks: {
+            dates(): {
+                from?: Date;
+                to?: Date;
+            };
+        };
+        last52weeks: {
+            dates(): {
+                from?: Date;
+                to?: Date;
+            };
+        };
+        last3months: {
+            dates(): {
+                from?: Date;
+                to?: Date;
+            };
+        };
+        last6months: {
+            dates(): {
+                from?: Date;
+                to?: Date;
+            };
+        };
+        last12months: {
+            dates(): {
+                from?: Date;
+                to?: Date;
+            };
+        };
+        last24months: {
+            dates(): {
+                from?: Date;
+                to?: Date;
+            };
+        };
+        last36months: {
+            dates(): {
+                from?: Date;
+                to?: Date;
+            };
+        };
+    };
+}
+declare const _default: DateServices;
+export default _default;

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.d.ts

@@ -0,0 +1,49 @@
+export declare const typeToName: {
+    date: string;
+    week: string;
+    month: string;
+};
+export declare const formatError = "Date range is in an invalid format";
+export declare const mandatoryValuesError = "Please select a date range";
+export declare const messagePerType: {
+    week: string;
+};
+export declare const navigatePrev = "previous";
+export declare const navigateNext = "next";
+export declare const presetsList: {
+    date: {
+        name: string;
+        id: string;
+        numid: number;
+    }[];
+    'date1-7-14-30-90': {
+        name: string;
+        id: string;
+        numid: number;
+    }[];
+    'date7-14-30-60-90': {
+        name: string;
+        id: string;
+        numid: number;
+    }[];
+    'date7-14-31-60-90': {
+        name: string;
+        id: string;
+        numid: number;
+    }[];
+    dateWithoutToday: {
+        name: string;
+        id: string;
+        numid: number;
+    }[];
+    week: {
+        name: string;
+        id: string;
+        numid: number;
+    }[];
+    month: {
+        name: string;
+        id: string;
+        numid: number;
+    }[];
+};