@lumx/react 3.5.4-alpha-optimize-lumx-react-bundle.0 → 3.5.4-alpha-remove-moment.2

package/src/utils/date/getWeekDays.ts

@@ -0,0 +1,32 @@
+import { Locale } from '@lumx/react/utils/locale/types';
+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: Locale): Array<WeekDayInfo> => {
+    const iterDate = new Date();
+    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.code, { 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,37 @@
+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('1923-12-25T18:30:00');
+        expect(isSameDay(date1, date2)).toBe(false);
+    });
+
+    it('should handle invalid date', () => {
+        // Invalid date input are not comparable, so we always return `false`
+        // Undefined date
+        expect(isSameDay(undefined as any, undefined as any)).toBe(false);
+        // Null date
+        expect(isSameDay(null as any, new Date())).toBe(false);
+        // Invalid date
+        expect(isSameDay(new Date('-'), new Date('-'))).toBe(false);
+    });
+});

package/src/utils/date/isSameDay.ts

@@ -0,0 +1,11 @@
+import { isDateValid } from '@lumx/react/utils/date/isDateValid';
+
+/**
+ * Check `date1` is on the same day as `date2`.
+ */
+export const isSameDay = (date1: Date, date2: Date) =>
+    isDateValid(date1) &&
+    isDateValid(date2) &&
+    date1.getFullYear() === date2.getFullYear() &&
+    date1.getMonth() === date2.getMonth() &&
+    date1.getDate() === date2.getDate();

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/parseLocale.test.ts

@@ -0,0 +1,17 @@
+import { parseLocale } from '@lumx/react/utils/locale/parseLocale';
+
+describe(parseLocale.name, () => {
+    it('should parse various locale formats', () => {
+        expect(parseLocale('en')).toEqual({ code: 'en', language: 'en' });
+        expect(parseLocale('EN')).toEqual({ code: 'en', language: 'en' });
+        expect(parseLocale('en-US')).toEqual({ code: 'en-US', language: 'en', region: 'US' });
+        expect(parseLocale('en-us')).toEqual({ code: 'en-US', language: 'en', region: 'US' });
+        expect(parseLocale('en_us')).toEqual({ code: 'en-US', language: 'en', region: 'US' });
+        expect(parseLocale('EN-US')).toEqual({ code: 'en-US', language: 'en', region: 'US' });
+    });
+
+    it('should fail on invalid locale', () => {
+        expect(parseLocale('-')).toBe(undefined);
+        expect(parseLocale('-foo')).toBe(undefined);
+    });
+});

package/src/utils/locale/parseLocale.ts

@@ -0,0 +1,23 @@
+import { Locale } from '@lumx/react/utils/locale/types';
+
+/**
+ * Parse locale code
+ * @example
+ *   parseLocale('EN') // => { code: 'en', language: 'en' }
+ *   parseLocale('en_us') // => { code: 'en-US', language: 'en', region: 'US' }
+ *   parseLocale('EN-US') // => { code: 'en-US', language: 'en', region: 'US' }
+ */
+export function parseLocale(locale: string): Locale | undefined {
+    const [rawLanguage, rawRegion] = locale.split(/[-_]/);
+    if (!rawLanguage) {
+        return undefined;
+    }
+    const language = rawLanguage.toLowerCase();
+    let region: string | undefined;
+    let code = language;
+    if (rawRegion) {
+        region = rawRegion.toUpperCase();
+        code += `-${region}`;
+    }
+    return { code, region, language };
+}

package/src/utils/locale/types.ts

@@ -0,0 +1,8 @@
+export interface Locale {
+    /** ISO locale code `lang-REGION` (ex: `en-US`) */
+    code: string;
+    /** ISO locale language code (ex: `en`) */
+    language: string;
+    /** ISO locale region code (ex: `US`) */
+    region?: string;
+}