@navikt/ds-react 7.13.0 → 7.14.0-alpha.1

package/src/date/utils/__tests__/get-dates.test.ts

@@ -1,121 +0,0 @@
-import { describe, expect, test } from "vitest";
-import { getMonths, getYears } from "..";
-
-describe("Extracts correct months", () => {
-  test("March - October (8)", () => {
-    const t = {
-      start: new Date(2019, 2, 22),
-      end: new Date(2019, 9, 22),
-      current: new Date(2019, 6, 22),
-      res: 8,
-    };
-    expect(getMonths(t.start, t.end, t.current).length).toEqual(t.res);
-  });
-
-  test("Only first 7 months", () => {
-    const t = {
-      start: new Date(2019, 0, 22),
-      end: new Date(2022, 7, 22),
-      current: new Date(2022, 6, 22),
-      res: 8,
-    };
-    expect(getMonths(t.start, t.end, t.current).length).toEqual(t.res);
-  });
-
-  test("All of 2019 when only 2019 avaliable (12)", () => {
-    const t = {
-      start: new Date(2019, 0, 22),
-      end: new Date(2019, 11, 22),
-      current: new Date(2019, 6, 22),
-      res: 12,
-    };
-    expect(getMonths(t.start, t.end, t.current).length).toEqual(t.res);
-  });
-  test("All of 2019 when start + current is 2019 and end is later(12)", () => {
-    const t = {
-      start: new Date(2019, 0, 22),
-      end: new Date(2022, 7, 22),
-      current: new Date(2019, 6, 22),
-      res: 12,
-    };
-    expect(getMonths(t.start, t.end, t.current).length).toEqual(t.res);
-  });
-  test("All of 2020 when between 2019 and 2022 (12)", () => {
-    const t = {
-      start: new Date(2019, 0, 22),
-      end: new Date(2022, 7, 22),
-      current: new Date(2020, 6, 22),
-      res: 12,
-    };
-    expect(getMonths(t.start, t.end, t.current).length).toEqual(t.res);
-  });
-  test("Tail part of 2019, including starting month (12)", () => {
-    const t = {
-      start: new Date(2019, 5, 22),
-      end: new Date(2022, 7, 22),
-      current: new Date(2019, 6, 22),
-      res: 7,
-    };
-    expect(getMonths(t.start, t.end, t.current).length).toEqual(t.res);
-  });
-  test("End part of 2022, including starting month (12)", () => {
-    const t = {
-      start: new Date(2019, 5, 22),
-      end: new Date(2022, 7, 22),
-      current: new Date(2022, 7, 22),
-      res: 8,
-    };
-    expect(getMonths(t.start, t.end, t.current).length).toEqual(t.res);
-  });
-  test("Adds out of range month to list (13)", () => {
-    const t = {
-      start: new Date(2019, 5, 22),
-      end: new Date(2022, 7, 22),
-      current: new Date(2022, 9, 22),
-      res: 9,
-    };
-    expect(getMonths(t.start, t.end, t.current).length).toEqual(t.res);
-  });
-});
-
-describe("Extracts correct years", () => {
-  test("Same year (1)", () => {
-    const t = {
-      start: new Date(2019, 2, 22),
-      end: new Date(2019, 9, 22),
-      current: 2019,
-      res: 1,
-    };
-    expect(getYears(t.start, t.end, t.current).length).toEqual(t.res);
-  });
-
-  test("Multiple years (11)", () => {
-    const t = {
-      start: new Date(2019, 2, 22),
-      end: new Date(2029, 9, 22),
-      current: 2022,
-      res: 11,
-    };
-    expect(getYears(t.start, t.end, t.current).length).toEqual(t.res);
-  });
-
-  test("Displaymonth outside range: after (11)", () => {
-    const t = {
-      start: new Date(2019, 2, 22),
-      end: new Date(2029, 9, 22),
-      current: 2040,
-      res: 12,
-    };
-    expect(getYears(t.start, t.end, t.current).length).toEqual(t.res);
-  });
-
-  test("Displaymonth outside range: before (11)", () => {
-    const t = {
-      start: new Date(2019, 2, 22),
-      end: new Date(2029, 9, 22),
-      current: 2001,
-      res: 12,
-    };
-    expect(getYears(t.start, t.end, t.current).length).toEqual(t.res);
-  });
-});

package/src/date/utils/__tests__/get-initial-year.test.ts

@@ -1,83 +0,0 @@
-import { isSameYear } from "date-fns";
-import { describe, expect, test } from "vitest";
-import { getInitialYear } from "..";
-
-describe("Returns initial year for monthpicker", () => {
-  test("Default selected should be valid (true)", () => {
-    expect(
-      isSameYear(
-        new Date("Oct 4 2021"),
-        getInitialYear({
-          defaultMonth: new Date("Aug 4 2021"),
-        }),
-      ),
-    ).toBeTruthy();
-  });
-  test("Default selected should not be valid (false)", () => {
-    expect(
-      isSameYear(
-        new Date("Oct 4 2021"),
-        getInitialYear({
-          defaultMonth: new Date("Aug 4 2020"),
-        }),
-      ),
-    ).toBeFalsy();
-  });
-  test("Default selected should be valid with fromDate", () => {
-    expect(
-      isSameYear(
-        new Date("Oct 4 2021"),
-        getInitialYear({
-          defaultMonth: new Date("Aug 4 2021"),
-          /* toDate: new Date("Oct 4 2021"), */
-          fromDate: new Date("Oct 4 2021"),
-        }),
-      ),
-    ).toBeTruthy();
-  });
-  test("Default selected should be valid with toDate", () => {
-    expect(
-      isSameYear(
-        new Date("Oct 4 2021"),
-        getInitialYear({
-          defaultMonth: new Date("Aug 4 2021"),
-          toDate: new Date("Jun 4 2021"),
-        }),
-      ),
-    ).toBeTruthy();
-  });
-  test("Default selected should be moved to toDate", () => {
-    expect(
-      isSameYear(
-        new Date("Oct 4 2020"),
-        getInitialYear({
-          defaultMonth: new Date("Aug 4 2021"),
-          toDate: new Date("Jun 4 2020"),
-        }),
-      ),
-    ).toBeTruthy();
-  });
-  test("Default selected should be moved to fromDate", () => {
-    expect(
-      isSameYear(
-        new Date("Oct 4 2022"),
-        getInitialYear({
-          defaultMonth: new Date("Aug 4 2021"),
-          fromDate: new Date("Jun 4 2022"),
-        }),
-      ),
-    ).toBeTruthy();
-  });
-  test("Default selected should be moved to fromDate, not toDate", () => {
-    expect(
-      isSameYear(
-        new Date("Oct 4 2022"),
-        getInitialYear({
-          defaultMonth: new Date("Aug 4 2021"),
-          toDate: new Date("Oct 4 2023"),
-          fromDate: new Date("Jun 4 2022"),
-        }),
-      ),
-    ).toBeTruthy();
-  });
-});

package/src/date/utils/__tests__/get-month-weeks.test.ts

@@ -1,116 +0,0 @@
-/* https://github.com/gpbl/react-day-picker/blob/main/src/components/Table/utils/getMonthWeeks.test.ts */
-import { enGB, nb } from "date-fns/locale";
-import { describe, expect, test } from "vitest";
-import { getMonthWeeks } from "../get-month-weeks";
-
-describe('when using the "nB" locale', () => {
-  const locale = nb;
-  describe("when getting the weeks for January 2022", () => {
-    const weeks = getMonthWeeks(new Date(2022, 0), { locale });
-    test("the first week should be the last of the previous year", () => {
-      const weekNumbers = weeks.map((week) => week.weekNumber);
-      expect(weekNumbers[0]).toEqual(52);
-    });
-    test("the first week should contain days from previous year", () => {
-      expect(weeks[0].dates.map((date) => date.getDate())).toEqual([
-        27, 28, 29, 30, 31, 1, 2,
-      ]);
-    });
-    test("the last week should be the last of January", () => {
-      const weekNumbers = weeks.map((week) => week.weekNumber);
-      expect(weekNumbers[weekNumbers.length - 1]).toEqual(5);
-    });
-  });
-});
-
-describe('when using the "enGB" locale', () => {
-  const locale = enGB;
-  describe("when using fixed weeks", () => {
-    const useFixedWeeks = true;
-    describe("when getting the weeks for December 2022", () => {
-      const weeks = getMonthWeeks(new Date(2022, 11), {
-        useFixedWeeks,
-        locale,
-      });
-      test("should return 48 - 1 week numbers", () => {
-        const weekNumbers = weeks.map((week) => week.weekNumber);
-        const expectedResult = [48, 49, 50, 51, 52, 1];
-        expect(weekNumbers).toEqual(expectedResult);
-      });
-      test("the last week should be the one in the next year", () => {
-        const lastWeek = weeks[weeks.length - 1];
-        const lastWeekDates = lastWeek.dates.map((date) => date.getDate());
-        const expectedResult = [2, 3, 4, 5, 6, 7, 8];
-        expect(lastWeekDates).toEqual(expectedResult);
-      });
-    });
-    describe("when getting the weeks for December 2021", () => {
-      const weeks = getMonthWeeks(new Date(2021, 11), {
-        useFixedWeeks,
-        locale,
-      });
-      test("should return 48 - 1 week numbers", () => {
-        const weekNumbers = weeks.map((week) => week.weekNumber);
-        const expectedResult = [48, 49, 50, 51, 52, 1];
-        expect(weekNumbers).toEqual(expectedResult);
-      });
-      test("week 1 contains the first day of the new year", () => {
-        expect(weeks[4].dates.map((date) => date.getDate())).toEqual([
-          27, 28, 29, 30, 31, 1, 2,
-        ]);
-      });
-    });
-  });
-});
-
-describe('when using the "nb" locale', () => {
-  const locale = nb;
-  describe("when using fixed weeks", () => {
-    const useFixedWeeks = true;
-    describe("when getting the weeks for December 2022", () => {
-      const weeks = getMonthWeeks(new Date(2022, 11), {
-        useFixedWeeks,
-        locale,
-      });
-      test("should return 48 - 1 week numbers", () => {
-        const weekNumbers = weeks.map((week) => week.weekNumber);
-        const expectedResult = [48, 49, 50, 51, 52, 1];
-        expect(weekNumbers).toEqual(expectedResult);
-      });
-      test("the last week should be the one in the next year", () => {
-        const lastWeek = weeks[weeks.length - 1];
-        const lastWeekDates = lastWeek.dates.map((date) => date.getDate());
-        const expectedResult = [2, 3, 4, 5, 6, 7, 8];
-        expect(lastWeekDates).toEqual(expectedResult);
-      });
-    });
-    describe("when getting the weeks for December 2021", () => {
-      const weeks = getMonthWeeks(new Date(2021, 11), {
-        useFixedWeeks,
-        locale,
-      });
-      test("should return 48 - 1 week numbers", () => {
-        const weekNumbers = weeks.map((week) => week.weekNumber);
-        const expectedResult = [48, 49, 50, 51, 52, 1];
-        expect(weekNumbers).toEqual(expectedResult);
-      });
-      test("week 1 contains the first day of the new year", () => {
-        expect(weeks[4].dates.map((date) => date.getDate())).toEqual([
-          27, 28, 29, 30, 31, 1, 2,
-        ]);
-      });
-    });
-  });
-});
-
-describe("getMonthWeeks should calculate week-number corectly", () => {
-  const locale = nb;
-  describe("when getting the weeks for September 2022", () => {
-    const date = new Date(2022, 8);
-    const weeks = getMonthWeeks(date, { locale });
-    test("the last week should have number 39", () => {
-      const weekNumbers = weeks.map((week) => week.weekNumber);
-      expect(weekNumbers[weekNumbers.length - 1]).toEqual(39);
-    });
-  });
-});

package/src/date/utils/check-dates.ts

@@ -1,13 +0,0 @@
-import { isThisMonth, setYear } from "date-fns";
-
-export const dateIsInCurrentMonth = (
-  date: Date,
-  dateToCompare: Date,
-): boolean => {
-  return isThisMonth(setYear(date, Number(dateToCompare.getFullYear())));
-};
-
-/** @private */
-export function isValidDate(day?: Date): boolean {
-  return !!(day && !Number.isNaN(day.getTime()) && day.getFullYear() > 999);
-}

package/src/date/utils/get-dates.ts

@@ -1,60 +0,0 @@
-import {
-  isSameYear,
-  setMonth,
-  setYear,
-  startOfMonth,
-  startOfYear,
-} from "date-fns";
-
-export const getMonths = (start: Date, end: Date, current: Date): Date[] => {
-  const dropdownMonths: Date[] = [];
-
-  if (isSameYear(start, end)) {
-    const date = startOfMonth(start);
-    for (let month = start.getMonth(); month <= end.getMonth(); month++) {
-      dropdownMonths.push(setMonth(date, month));
-    }
-  } else if (isSameYear(current, end)) {
-    const date = startOfMonth(new Date());
-    for (let month = 0; month <= end.getMonth(); month++) {
-      dropdownMonths.push(setMonth(date, month));
-    }
-  } else if (isSameYear(current, start)) {
-    const date = startOfMonth(start);
-    for (let month = date.getMonth(); month <= 11; month++) {
-      dropdownMonths.push(setMonth(date, month));
-    }
-  } else {
-    const date = startOfMonth(new Date());
-    for (let month = 0; month <= 11; month++) {
-      dropdownMonths.push(setMonth(date, month));
-    }
-  }
-
-  if (!dropdownMonths.map((d) => d.getMonth()).includes(current.getMonth())) {
-    dropdownMonths.push(current);
-  }
-  dropdownMonths.sort((a, b) => a.getMonth() - b.getMonth());
-
-  return dropdownMonths;
-};
-
-export const getYears = (
-  start: Date,
-  end: Date,
-  currentYear: number,
-): Date[] => {
-  const years: Date[] = [];
-  const fromYear = start.getFullYear();
-  const toYear = end.getFullYear();
-  for (let year = fromYear; year <= toYear; year++) {
-    years.push(setYear(startOfYear(new Date()), year));
-  }
-
-  if (fromYear > currentYear || toYear < currentYear) {
-    years.push(setYear(startOfYear(new Date()), currentYear));
-  }
-
-  years.sort((a, b) => a.getFullYear() - b.getFullYear());
-  return years;
-};

package/src/date/utils/get-initial-year.ts

@@ -1,25 +0,0 @@
-import { startOfYear } from "date-fns";
-import { DayPickerContextValue } from "react-day-picker";
-
-/**
- *
- */
-export function getInitialYear(context: Partial<DayPickerContextValue>): Date {
-  const { month, defaultMonth, toDate, fromDate } = context;
-
-  let initialMonth = month || defaultMonth || new Date();
-
-  const isAfter = toDate && toDate.getFullYear() < initialMonth.getFullYear();
-
-  const isBefore =
-    fromDate && fromDate.getFullYear() > initialMonth.getFullYear();
-
-  if (isAfter) {
-    initialMonth = toDate;
-  }
-  if (isBefore) {
-    initialMonth = fromDate;
-  }
-
-  return startOfYear(initialMonth);
-}

package/src/date/utils/get-month-weeks.ts

@@ -1,93 +0,0 @@
-import {
-  Locale,
-  addDays,
-  addWeeks,
-  differenceInCalendarDays,
-  endOfMonth,
-  endOfWeek,
-  getWeek,
-  getWeeksInMonth,
-  startOfMonth,
-  startOfWeek,
-} from "date-fns";
-
-export type MonthWeek = {
-  /** The week number from the start of the year. */
-  weekNumber: number;
-  /** The dates in the week. */
-  dates: Date[];
-};
-
-export function getMonthWeeks(
-  month: Date,
-  options: {
-    locale: Locale;
-    useFixedWeeks?: boolean;
-  },
-): MonthWeek[] {
-  const _options = {
-    ...options,
-    weekStartsOn: 1 as const,
-  };
-  const weeksInMonth: MonthWeek[] = daysToMonthWeeks(
-    startOfMonth(month),
-    endOfMonth(month),
-    _options,
-  );
-
-  if (_options?.useFixedWeeks) {
-    // Add extra weeks to the month, up to 6 weeks
-    const nrOfMonthWeeks = getWeeksInMonth(month, _options);
-    if (nrOfMonthWeeks < 6) {
-      const lastWeek = weeksInMonth[weeksInMonth.length - 1];
-      const lastDate = lastWeek.dates[lastWeek.dates.length - 1];
-      const toDate = addWeeks(lastDate, 6 - nrOfMonthWeeks);
-      const extraWeeks = daysToMonthWeeks(
-        addWeeks(lastDate, 1),
-        toDate,
-        _options,
-      );
-      weeksInMonth.push(...extraWeeks);
-    }
-  }
-  return weeksInMonth;
-}
-
-/** Return the weeks between two dates.  */
-export function daysToMonthWeeks(
-  fromDate: Date,
-  toDate: Date,
-  options?: {
-    locale?: Locale;
-    weekStartsOn?: 0 | 1 | 2 | 3 | 4 | 5 | 6;
-  },
-): MonthWeek[] {
-  const toWeek = endOfWeek(toDate, options);
-  const fromWeek = startOfWeek(fromDate, options);
-
-  const nOfDays = differenceInCalendarDays(toWeek, fromWeek);
-  const days: Date[] = [];
-
-  for (let i = 0; i <= nOfDays; i++) {
-    days.push(addDays(fromWeek, i));
-  }
-
-  const weeksInMonth = days.reduce((result: MonthWeek[], date) => {
-    const weekNumber = getWeek(date, options);
-
-    const existingWeek = result.find(
-      (value) => value.weekNumber === weekNumber,
-    );
-    if (existingWeek) {
-      existingWeek.dates.push(date);
-      return result;
-    }
-    result.push({
-      weekNumber,
-      dates: [date],
-    });
-    return result;
-  }, []);
-
-  return weeksInMonth;
-}

package/src/date/utils/index.ts

@@ -1,18 +0,0 @@
-export { formatDateForInput } from "./format-date";
-export { getMonths, getYears } from "./get-dates";
-export {
-  INPUT_DATE_STRING_FORMAT_DATE,
-  INPUT_DATE_STRING_FORMAT_MONTH,
-  parseDate,
-} from "./parse-date";
-export {
-  getLocaleFromString,
-  getTranslations,
-  getGlobalTranslations,
-} from "./locale";
-export { disableDate } from "./dates-disabled";
-
-export { dateIsInCurrentMonth, isValidDate } from "./check-dates";
-export { getInitialYear } from "./get-initial-year";
-export { isMatch, isDateInRange, type Matcher } from "./is-match";
-export { nextEnabled } from "./navigation";