@lumx/react 3.5.2 → 3.5.4-alpha-remove-moment.0

package/src/utils/date/getWeekDays.ts

@@ -0,0 +1,32 @@
+import { getCurrentLocale } from '../locale/getCurrentLocale';
+import { getFirstDayOfWeek } from './getFirstDayOfWeek';
+
+export type WeekDayInfo = { letter: string; number: number };
+
+export const DAYS_PER_WEEK = 7;
+
+/**
+ * List week days (based on locale) with the week day letter (ex: "M" for "Monday") and week day number
+ * (0-based index starting on Sunday).
+ */
+export const getWeekDays = (locale = getCurrentLocale(), referenceDate = new Date()): Array<WeekDayInfo> => {
+    const iterDate = new Date(referenceDate.getTime());
+    const firstDay = getFirstDayOfWeek(locale) ?? 1;
+
+    // Go to start of the week
+    const offset = firstDay - iterDate.getDay();
+    iterDate.setDate(iterDate.getDate() + offset);
+
+    // Iterate through the days of the week
+    const weekDays: Array<WeekDayInfo> = [];
+    for (let i = 0; i < DAYS_PER_WEEK; i++) {
+        // Single letter week day (ex: "M" for "Monday", "L" for "Lundi", etc.)
+        const letter = iterDate.toLocaleDateString(locale, { weekday: 'narrow' });
+        // Day number (1-based index starting on Monday)
+        const number = iterDate.getDay();
+
+        weekDays.push({ letter, number });
+        iterDate.setDate(iterDate.getDate() + 1);
+    }
+    return weekDays;
+};

package/src/utils/date/isDateValid.test.ts

@@ -0,0 +1,15 @@
+import { isDateValid } from '@lumx/react/utils/date/isDateValid';
+
+describe(isDateValid.name, () => {
+    it('should mark `undefined` as invalid', () => {
+        expect(isDateValid(undefined)).toBe(false);
+    });
+
+    it('should mark invalid date as invalid', () => {
+        expect(isDateValid(new Date('foo'))).toBe(false);
+    });
+
+    it('should mark valid date as valid', () => {
+        expect(isDateValid(new Date())).toBe(true);
+    });
+});

package/src/utils/date/isDateValid.ts

@@ -0,0 +1,4 @@
+/**
+ * Check if given date is valid.
+ */
+export const isDateValid = (date?: Date) => date instanceof Date && !Number.isNaN(date.getTime());

package/src/utils/date/isSameDay.test.ts

@@ -0,0 +1,27 @@
+import { isSameDay } from '@lumx/react/utils/date/isSameDay';
+
+describe(isSameDay, () => {
+    it('should return true for same dates', () => {
+        const date1 = new Date('2023-08-26T12:00:00');
+        const date2 = new Date('2023-08-26T15:30:00');
+        expect(isSameDay(date1, date2)).toBe(true);
+    });
+
+    it('should return false for different dates', () => {
+        const date1 = new Date('2023-08-26T10:00:00');
+        const date2 = new Date('2023-08-27T10:00:00');
+        expect(isSameDay(date1, date2)).toBe(false);
+    });
+
+    it('should handle different months', () => {
+        const date1 = new Date('2023-08-15T08:00:00');
+        const date2 = new Date('2023-09-15T08:00:00');
+        expect(isSameDay(date1, date2)).toBe(false);
+    });
+
+    it('should handle different years', () => {
+        const date1 = new Date('2022-12-25T18:30:00');
+        const date2 = new Date('2023-12-25T18:30:00');
+        expect(isSameDay(date1, date2)).toBe(false);
+    });
+});

package/src/utils/date/isSameDay.ts

@@ -0,0 +1,7 @@
+/**
+ * Check `date1` is on the same day as `date2`.
+ */
+export const isSameDay = (date1: Date, date2: Date) =>
+    date1.getDate() === date2.getDate() &&
+    date1.getMonth() === date2.getMonth() &&
+    date1.getFullYear() === date2.getFullYear();

package/src/utils/locale/getCurrentLocale.ts

@@ -0,0 +1,4 @@
+/**
+ * Get current browser locale.
+ */
+export const getCurrentLocale = (): string => navigator.languages?.[0] || navigator.language;

package/src/utils/locale/getLocaleLang.ts

@@ -0,0 +1,5 @@
+/**
+ * Get the language part of a locale code.
+ * ex: `en-us` => `en`
+ */
+export const getLocaleLang = (locale: string) => locale.split('-')[0];