@simplybusiness/mobius-datepicker 9.0.2 → 9.0.3

package/dist/types/src/utils/mockMatchMedia.d.ts

@@ -0,0 +1 @@
+export declare function mockMatchMedia(matches: boolean): void;

package/dist/types/vitest.config.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("vite").UserConfig;
+export default _default;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@simplybusiness/mobius-datepicker",
   "license": "UNLICENSED",
-  "version": "9.0.2",
+  "version": "9.0.3",
   "description": "Mobius date picker component",
   "repository": {
     "type": "git",
@@ -49,8 +49,8 @@
     "build:types": "tsc --emitDeclarationOnly --project tsconfig.build.json",
     "lint": "eslint",
     "lint:fix": "eslint --fix",
-    "test": "NODE_OPTIONS=--experimental-vm-modules jest",
-    "test:coverage": "NODE_OPTIONS=--experimental-vm-modules jest --collect-coverage",
+    "test": "vitest run",
+    "test:coverage": "vitest run --coverage",
     "check-types": "tsc --noEmit --pretty",
     "lint:css": "lint-css",
     "lint:css:fix": "lint-css --fix"
@@ -62,17 +62,15 @@
     "@eslint/js": "^9.39.2",
     "@simplybusiness/build-scripts": "^2.0.1",
     "@simplybusiness/eslint-config": "^2.0.1",
-    "@swc/core": "^1.12.5",
-    "@swc/jest": "^0.2.39",
     "@testing-library/dom": "^10.4.1",
     "@testing-library/jest-dom": "6.9.1",
     "@testing-library/react": "^16.3.2",
     "@testing-library/user-event": "^14.6.1",
-    "@types/jest": "^30.0.0",
     "@types/react": "^19.2.11",
     "@types/react-dom": "^19.2.3",
     "@typescript-eslint/eslint-plugin": "^8.54.0",
     "@typescript-eslint/parser": "^8.54.0",
+    "@vitest/coverage-v8": "^4.0.18",
     "eslint": "^9.39.2",
     "eslint-config-prettier": "^10.1.8",
     "eslint-import-resolver-typescript": "^4.4.4",
@@ -83,15 +81,12 @@
     "eslint-plugin-react-hooks": "^7.0.1",
     "eslint-plugin-ssr-friendly": "^1.3.0",
     "eslint-plugin-testing-library": "^7.15.4",
-    "identity-obj-proxy": "^3.0.0",
-    "jest": "^30.2.0",
-    "jest-config": "^30.2.0",
-    "jest-environment-jsdom": "^30.2.0",
     "prettier": "^3.8.1",
     "react": "^19.2.4",
     "react-dom": "^19.2.4",
     "tslib": "^2.8.1",
-    "typescript": "^5.9.3"
+    "typescript": "^5.9.3",
+    "vitest": "^4.0.18"
   },
   "peerDependencies": {
     "react": "^19.2.0",
@@ -99,7 +94,8 @@
   },
   "dependencies": {
     "@simplybusiness/icons": "^5.0.2",
-    "@simplybusiness/mobius": "^8.0.2",
+    "@simplybusiness/mobius": "^9.0.0",
+    "@simplybusiness/mobius-hooks": "^0.1.0",
     "classnames": "^2.5.1",
     "date-fns": "^4.1.0",
     "react-day-picker": "^9.13.0"

package/src/components/DatePicker/DatePicker.stories.tsx

@@ -1,4 +1,4 @@
-import type { Meta, StoryObj } from "@storybook/react-webpack5";
+import type { Meta, StoryObj } from "@storybook/react";
 import { add, format } from "date-fns";
 import { excludeControls } from "../../utils";
 import { StoryContainer } from "../../utils/StoryContainer";

package/src/components/DatePicker/DatePicker.test.tsx

@@ -1,9 +1,13 @@
 import { fireEvent, render, screen, waitFor } from "@testing-library/react";
 import userEvent from "@testing-library/user-event";
 import { DatePicker } from ".";
-import { jestMockMatchMedia } from "../../utils/jestMockMatchMedia";
+import { mockMatchMedia } from "../../utils/mockMatchMedia";
 import { DEFAULT_AFTER_MAX, DEFAULT_BEFORE_MIN } from "./utils";
 
+// Eagerly resolve DatePickerModal so React.lazy gets an instant cache hit
+// Without this, the dynamic import can take too long on slow CI runners
+vi.mock("./DatePickerModal", async importOriginal => importOriginal());
+
 const DISABLED_CLASS_NAME = "--is-disabled";
 const TOUCH_DEVICE_CLASS_NAME = "--is-touch-device";
 const VALID_CLASS_NAME = "--is-valid";
@@ -17,7 +21,7 @@ const DEVICES = [
 describe("DatePicker", () => {
   describe.each(DEVICES)(`given it is a %s`, (deviceLabel, isTouchDevice) => {
     beforeEach(() => {
-      jestMockMatchMedia(isTouchDevice as boolean);
+      mockMatchMedia(isTouchDevice as boolean);
     });
 
     it("should render without errors", () => {
@@ -110,7 +114,7 @@ describe("DatePicker", () => {
       it("triggers onChange", async () => {
         const labelText = "Start date";
         const testId = "date-picker";
-        const onChange = jest.fn();
+        const onChange = vi.fn();
 
         render(
           <DatePicker
@@ -216,26 +220,35 @@ describe("DatePicker", () => {
     });
 
     describe("when TextField is clicked", () => {
-      it(`should ${(isTouchDevice && "not") || ""} open the date picker modal`, async () => {
-        const labelText = "Start date";
-        const testId = "date-picker";
-
-        render(<DatePicker label={labelText} data-testid={testId} />);
-
-        const inputField = screen.getByTestId(testId);
-
-        await userEvent.click(inputField);
-
-        await waitFor(() => {
-          if (isTouchDevice) {
-            expect(
-              screen.queryByTestId("modal-container"),
-            ).not.toBeInTheDocument();
-          } else {
-            expect(screen.getByTestId("modal-container")).toBeInTheDocument();
-          }
-        });
-      }, 10000);
+      it(
+        `should ${(isTouchDevice && "not") || ""} open the date picker modal`,
+        { retry: 2, timeout: 10000 },
+        async () => {
+          const labelText = "Start date";
+          const testId = "date-picker";
+
+          render(<DatePicker label={labelText} data-testid={testId} />);
+
+          const inputField = screen.getByTestId(testId);
+
+          await userEvent.click(inputField);
+
+          await waitFor(
+            () => {
+              if (isTouchDevice) {
+                expect(
+                  screen.queryByTestId("modal-container"),
+                ).not.toBeInTheDocument();
+              } else {
+                expect(
+                  screen.getByTestId("modal-container"),
+                ).toBeInTheDocument();
+              }
+            },
+            { timeout: 10000 },
+          );
+        },
+      );
     });
   });
 });

package/src/components/DatePicker/DatePickerModal.test.tsx

@@ -73,7 +73,7 @@ describe("DatePickerModal", () => {
   });
 
   it("calls onSelected when a day is picked", async () => {
-    const onSelected = jest.fn();
+    const onSelected = vi.fn();
 
     render(<DatePickerModal isOpen top={30} onSelected={onSelected} />);
 
@@ -142,7 +142,7 @@ describe("DatePickerModal", () => {
   it.todo("traps focus when opened"); // Move to e2e test with Playwright
 
   it("should disable dates before min and after max value", () => {
-    const onSelected = jest.fn();
+    const onSelected = vi.fn();
     const date = "2025-01-07";
     const min = "2025-01-05";
     const max = "2025-01-10";

package/src/components/DatePicker/DatePickerModal.tsx

@@ -1,6 +1,7 @@
 "use client";
 
-import { VisuallyHidden, useOnClickOutside } from "@simplybusiness/mobius";
+import { useOnClickOutside } from "@simplybusiness/mobius-hooks";
+import { VisuallyHidden } from "@simplybusiness/mobius";
 import classNames from "classnames/dedupe";
 import { parseISO } from "date-fns";
 import { useId, useRef } from "react";

package/src/components/DatePicker/utils/getStartWeekday.test.ts

@@ -3,8 +3,8 @@ import { getStartWeekday } from "./getStartWeekday";
 
 describe("getStartWeekday", () => {
   beforeEach(() => {
-    jest.spyOn(navigator, "languages", "get").mockReturnValue([]);
-    jest.spyOn(navigator, "language", "get").mockImplementation(() => "en-GB");
+    vi.spyOn(navigator, "languages", "get").mockReturnValue([]);
+    vi.spyOn(navigator, "language", "get").mockImplementation(() => "en-GB");
   });
 
   it("assumes default of en-GB (Monday) when no args supplied", () => {

package/src/utils/mockMatchMedia.ts

@@ -0,0 +1,36 @@
+import { type MockedFunction } from "vitest";
+
+export function mockMatchMedia(matches: boolean) {
+  const addListenerMock: MockedFunction<MediaQueryList["addListener"]> =
+    vi.fn();
+  const removeListenerMock: MockedFunction<MediaQueryList["removeListener"]> =
+    vi.fn();
+  const addEventListenerMock: MockedFunction<
+    MediaQueryList["addEventListener"]
+  > = vi.fn();
+  const removeEventListenerMock: MockedFunction<
+    MediaQueryList["removeEventListener"]
+  > = vi.fn();
+  const dispatchEventMock: MockedFunction<MediaQueryList["dispatchEvent"]> =
+    vi.fn();
+
+  const matchMediaMock: MockedFunction<typeof window.matchMedia> = vi.fn(
+    (query: string) =>
+      ({
+        matches,
+        media: query,
+        onchange: null,
+        addListener: addListenerMock,
+        removeListener: removeListenerMock,
+        addEventListener: addEventListenerMock,
+        removeEventListener: removeEventListenerMock,
+        dispatchEvent: dispatchEventMock,
+      }) satisfies MediaQueryList,
+  );
+
+  Object.defineProperty(window, "matchMedia", {
+    writable: true,
+    configurable: true,
+    value: matchMediaMock,
+  });
+}

package/dist/esm/DatePickerModal-WRMRIQDP.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/components/DatePicker/DatePickerModal.tsx", "../../src/hooks/useFocusTrap/useFocusTrap.tsx", "../../src/components/DatePicker/utils/dateObjToString.ts", "../../src/components/DatePicker/constants.ts", "../../src/components/DatePicker/utils/weekdayAsOneLetter.ts", "../../src/components/DatePicker/utils/getStartWeekday.ts", "../../src/components/DatePicker/utils/timezoneOffset.ts", "../../src/components/DatePicker/CustomComponents/CaptionLabel.tsx", "../../src/components/DatePicker/CustomComponents/ChevronComponent.tsx"],
-  "sourcesContent": ["\"use client\";\n\nimport { VisuallyHidden, useOnClickOutside } from \"@simplybusiness/mobius\";\nimport classNames from \"classnames/dedupe\";\nimport { parseISO } from \"date-fns\";\nimport { useId, useRef } from \"react\";\nimport type { Matcher } from \"react-day-picker\";\nimport { DayPicker } from \"react-day-picker\";\nimport FocusTrap from \"../../hooks/useFocusTrap/useFocusTrap\";\nimport { dateObjToString, weekdayAsOneLetter } from \"./utils\";\nimport { getStartWeekday } from \"./utils/getStartWeekday\";\nimport { toLocal } from \"./utils/timezoneOffset\";\nimport { ChevronComponent, CaptionLabel } from \"./CustomComponents\";\n\nexport type DatePickerModalProps = {\n  date?: string; // yyyy-mm-dd\n  isOpen: boolean;\n  top: number;\n  onSelected: (date?: string) => void;\n  min?: string;\n  max?: string;\n};\n\nconst startWeekday = getStartWeekday(\n  // eslint-disable-next-line ssr-friendly/no-dom-globals-in-module-scope\n  typeof navigator !== \"undefined\" ? navigator?.language : undefined,\n);\n\nconst DatePickerModal = ({\n  date,\n  isOpen,\n  onSelected,\n  top,\n  min,\n  max,\n}: DatePickerModalProps) => {\n  const modalRef = useRef<HTMLDivElement>(null);\n  const initialDate = date ? toLocal(date) : undefined;\n  const minDate = min ? toLocal(min) : undefined;\n  const maxDate = max ? toLocal(max) : undefined;\n  const hiddenId = `screen-reader-title-${useId()}`;\n\n  const handleSelected = (selectedDate?: string) => {\n    onSelected(selectedDate);\n  };\n\n  const handleDayPickerSelect = (selectedDate: Date | undefined) => {\n    if (!selectedDate) return;\n\n    handleSelected(dateObjToString(selectedDate));\n  };\n\n  useOnClickOutside(modalRef, () => {\n    if (modalRef.current && isOpen) {\n      handleSelected();\n    }\n  });\n\n  const modalClasses = classNames(\"mobius-date-picker__modal\", {\n    \"--is-open\": isOpen,\n  });\n\n  return (\n    <FocusTrap>\n      <div\n        ref={modalRef}\n        className={modalClasses}\n        style={{ top }}\n        aria-describedby={hiddenId}\n        data-testid=\"modal-container\"\n      >\n        <VisuallyHidden>\n          <div id={hiddenId}>Please select a date from the calendar</div>\n        </VisuallyHidden>\n        <DayPicker\n          autoFocus\n          mode=\"single\"\n          {...(minDate && { startMonth: minDate })}\n          {...(maxDate && { endMonth: maxDate })}\n          disabled={\n            {\n              ...(min && { before: parseISO(min) }),\n              ...(max && { after: parseISO(max) }),\n            } as Matcher\n          }\n          selected={initialDate}\n          defaultMonth={initialDate}\n          onSelect={handleDayPickerSelect}\n          pagedNavigation\n          showOutsideDays\n          weekStartsOn={startWeekday}\n          formatters={{ formatWeekdayName: weekdayAsOneLetter }}\n          components={{\n            Chevron: ChevronComponent,\n            CaptionLabel,\n          }}\n          classNames={{\n            root: \"mobius-date-picker__root\",\n            months: \"mobius-date-picker__months\",\n            month: \"mobius-date-picker__month\",\n            nav: \"mobius-date-picker__nav\",\n            button_previous: \"mobius-date-picker__nav-button --previous\",\n            button_next: \"mobius-date-picker__nav-button --next\",\n            month_caption: \"mobius-date-picker__caption\",\n            caption_label: \"mobius-date-picker__caption-label\",\n            month_grid: \"mobius-date-picker__month-grid\",\n            weekdays: \"mobius-date-picker__weekdays\",\n            weekday: \"mobius-date-picker__weekday\",\n            weeks: \"mobius-date-picker__weeks\",\n            week: \"mobius-date-picker__week\",\n            day: \"mobius-date-picker__day\",\n            day_button: \"mobius-date-picker__day-button\",\n            selected: \"--is-selected\",\n            disabled: \"--is-disabled\",\n            outside: \"--is-outside\",\n            hidden: \"--is-hidden\",\n            today: \"--is-today\",\n            focused: \"--is-focused\",\n          }}\n        />\n      </div>\n    </FocusTrap>\n  );\n};\n\nexport default DatePickerModal;\n", "import type { ReactNode } from \"react\";\nimport { useEffect, useRef } from \"react\";\n\nconst useFocusTrap = () => {\n  const containerRef = useRef<HTMLDivElement | null>(null);\n\n  useEffect(() => {\n    if (containerRef.current) {\n      const element = containerRef.current;\n      const focusableElements =\n        containerRef.current.querySelectorAll<HTMLElement>(\n          '[tabindex=\"0\"], .mobius-date-picker__nav-button',\n        );\n\n      const firstElement = focusableElements[0];\n      const lastElement = focusableElements[focusableElements.length - 1];\n\n      const handleTabKeyPress = (event: KeyboardEvent) => {\n        if (event.key === \"Tab\") {\n          if (event.shiftKey && document.activeElement === firstElement) {\n            event.preventDefault();\n            lastElement.focus();\n          } else if (\n            !event.shiftKey &&\n            document.activeElement &&\n            document.activeElement.className.indexOf(\n              \"mobius-date-picker__day-button\",\n            ) > -1\n          ) {\n            event.preventDefault();\n            firstElement.focus();\n          }\n        }\n      };\n\n      element.addEventListener(\"keydown\", handleTabKeyPress);\n      return () => {\n        element.removeEventListener(\"keydown\", handleTabKeyPress);\n      };\n    }\n    return () => {};\n  }, []);\n\n  return containerRef;\n};\n\nexport type FocusTrapProps = {\n  children: ReactNode;\n};\n\nexport default function FocusTrap({ children }: FocusTrapProps) {\n  const focusRef = useFocusTrap();\n\n  return (\n    <div className=\"trap\" ref={focusRef}>\n      {children}\n    </div>\n  );\n}\n", "export const dateObjToString = (date: Date) => {\n  const year = date.getFullYear();\n  const month = String(date.getMonth() + 1).padStart(2, \"0\");\n  const day = String(date.getDate()).padStart(2, \"0\");\n\n  // Extract the date part from the Date object\n  return `${year}-${month}-${day}`;\n};\n", "export const SUNDAY_AS_NUMBER = 0;\nexport const MONDAY_AS_NUMBER = 1;\nexport const DEFAULT_LOCALE = \"en-GB\";\n", "import { DEFAULT_LOCALE } from \"../constants\";\n\nexport const weekdayAsOneLetter = (date: Date) => {\n  const locale = navigator.language || DEFAULT_LOCALE;\n  const oneLetter = date.toLocaleString(locale, {\n    weekday: \"narrow\",\n  });\n\n  return oneLetter;\n};\n", "import {\n  DEFAULT_LOCALE,\n  MONDAY_AS_NUMBER,\n  SUNDAY_AS_NUMBER,\n} from \"../constants\";\n\ntype WeekStart = 0 | 1 | 2 | 3 | 4 | 5 | 6 | undefined;\n\n// Calculates start of week for calendar in UK and US locales\n// Add more to the switch statement as needed\nexport const getStartWeekday = (locale?: string): WeekStart => {\n  switch (locale || DEFAULT_LOCALE) {\n    case \"en-US\":\n      return SUNDAY_AS_NUMBER;\n\n    default:\n      return MONDAY_AS_NUMBER;\n  }\n};\n", "/**\n * Converts a local date-time to UTC\n * @param localDate - Date object in local timezone\n * @returns Date object in UTC\n */\nexport function toUTC(localDate: Date): Date {\n  return new Date(localDate.getTime() - localDate.getTimezoneOffset() * 60000);\n}\n\nexport function toLocal(utcDateString: string): Date {\n  const utcDate = new Date(utcDateString);\n  if (Number.isNaN(utcDate.getTime())) {\n    throw new Error(\"Invalid date string\");\n  }\n  // Convert UTC date to local date\n  // by adding the timezone offset in milliseconds\n  return new Date(utcDate.getTime() + utcDate.getTimezoneOffset() * 60000);\n}\n", "import { type HTMLAttributes } from \"react\";\n\n/**\n *\n * This component is used to render the caption label for the date picker.\n * We are overriding the standard span with an h2 for accessibility reasons.\n */\nexport const CaptionLabel = (props: HTMLAttributes<HTMLSpanElement>) => {\n  return <h2 {...props} />;\n};\n", "import { chevronLeft, chevronRight } from \"@simplybusiness/icons\";\nimport { Icon } from \"@simplybusiness/mobius\";\n\ntype ChevronComponentProps = {\n  orientation?: \"up\" | \"down\" | \"left\" | \"right\";\n};\n\nexport const ChevronComponent = ({ orientation }: ChevronComponentProps) => {\n  if (orientation === \"left\") {\n    return <Icon icon={chevronLeft} />;\n  }\n  return <Icon icon={chevronRight} />;\n};\n"],
-  "mappings": "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",
-  "names": ["useRef", "jsx", "jsx", "jsx", "useRef"]
-}

package/dist/types/src/utils/jestMockMatchMedia.d.ts

@@ -1 +0,0 @@
-export declare function jestMockMatchMedia(matches: boolean): void;

package/src/utils/jestMockMatchMedia.ts

@@ -1,36 +0,0 @@
-export function jestMockMatchMedia(matches: boolean) {
-  const addListenerMock: jest.MockedFunction<MediaQueryList["addListener"]> =
-    jest.fn();
-  const removeListenerMock: jest.MockedFunction<
-    MediaQueryList["removeListener"]
-  > = jest.fn();
-  const addEventListenerMock: jest.MockedFunction<
-    MediaQueryList["addEventListener"]
-  > = jest.fn();
-  const removeEventListenerMock: jest.MockedFunction<
-    MediaQueryList["removeEventListener"]
-  > = jest.fn();
-  const dispatchEventMock: jest.MockedFunction<
-    MediaQueryList["dispatchEvent"]
-  > = jest.fn();
-
-  const matchMediaMock: jest.MockedFunction<typeof window.matchMedia> = jest.fn(
-    (query: string) =>
-      ({
-        matches,
-        media: query,
-        onchange: null,
-        addListener: addListenerMock,
-        removeListener: removeListenerMock,
-        addEventListener: addEventListenerMock,
-        removeEventListener: removeEventListenerMock,
-        dispatchEvent: dispatchEventMock,
-      }) satisfies MediaQueryList,
-  );
-
-  Object.defineProperty(window, "matchMedia", {
-    writable: true,
-    configurable: true,
-    value: matchMediaMock,
-  });
-}