@simplybusiness/mobius-datepicker 4.0.0-beta.7 → 4.0.0-beta.8

package/dist/cjs/components/NewDatePicker/DatePickerIcon.d.ts

@@ -0,0 +1 @@
+export declare const DatePickerIcon: () => import("react/jsx-runtime").JSX.Element;

package/dist/cjs/components/NewDatePicker/DatePickerIcon.js

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DatePickerIcon = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const DatePickerIcon = () => (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: " " });
+exports.DatePickerIcon = DatePickerIcon;
+//# sourceMappingURL=DatePickerIcon.js.map

package/dist/cjs/components/NewDatePicker/DatePickerIcon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DatePickerIcon.js","sourceRoot":"","sources":["../../../../src/components/NewDatePicker/DatePickerIcon.tsx"],"names":[],"mappings":";;;;AAAO,MAAM,cAAc,GAAG,GAAG,EAAE,CAAC,iEAAM,CAAC;AAA9B,QAAA,cAAc,kBAAgB"}

package/dist/cjs/components/NewDatePicker/DatePickerModal.d.ts

@@ -0,0 +1,7 @@
+export type DatePickerModalProps = {
+    date?: string;
+    isOpen: boolean;
+    onSelected: (date: string) => void;
+    top: number;
+};
+export declare const DatePickerModal: ({ date, isOpen, onSelected, top, }: DatePickerModalProps) => import("react/jsx-runtime").JSX.Element;

package/dist/cjs/components/NewDatePicker/DatePickerModal.js

@@ -0,0 +1,35 @@
+"use strict";
+"use client";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DatePickerModal = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const mobius_1 = require("@simplybusiness/mobius");
+const dedupe_1 = __importDefault(require("classnames/dedupe"));
+const react_1 = require("react");
+const react_day_picker_1 = require("react-day-picker");
+const useFocusTrap_1 = __importDefault(require("../../hooks/useFocusTrap"));
+const DatePickerIcon_1 = require("./DatePickerIcon");
+const constants_1 = require("./constants");
+const dateObjToString_1 = require("./dateObjToString");
+const weekdayAsOneLetter_1 = require("./weekdayAsOneLetter");
+const DatePickerModal = ({ date, isOpen, onSelected, top, }) => {
+    const modalRef = (0, react_1.useRef)(null);
+    const initialDate = date ? new Date(date) : new Date();
+    const handleDayPickerSelect = (selectedDate) => {
+        if (!selectedDate)
+            return;
+        onSelected((0, dateObjToString_1.dateObjToString)(selectedDate));
+    };
+    const modalClasses = (0, dedupe_1.default)("mobius/DatePickerModal", {
+        "--is-open": isOpen,
+    });
+    return ((0, jsx_runtime_1.jsx)(useFocusTrap_1.default, { children: (0, jsx_runtime_1.jsxs)("div", { ref: modalRef, className: modalClasses, style: { top }, "aria-describedby": "screen-reader-title", children: [(0, jsx_runtime_1.jsx)(mobius_1.VisuallyHidden, { children: (0, jsx_runtime_1.jsx)("div", { id: "screen-reader-title", children: "Please select a date from the calendar" }) }), (0, jsx_runtime_1.jsx)(react_day_picker_1.DayPicker, { mode: "single", selected: initialDate, defaultMonth: initialDate, onSelect: handleDayPickerSelect, pagedNavigation: true, showOutsideDays: true, weekStartsOn: constants_1.MONDAY_AS_NUMBER, formatters: { formatWeekdayName: weekdayAsOneLetter_1.weekdayAsOneLetter }, components: {
+                        IconLeft: DatePickerIcon_1.DatePickerIcon,
+                        IconRight: DatePickerIcon_1.DatePickerIcon,
+                    } })] }) }));
+};
+exports.DatePickerModal = DatePickerModal;
+//# sourceMappingURL=DatePickerModal.js.map

package/dist/cjs/components/NewDatePicker/DatePickerModal.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DatePickerModal.js","sourceRoot":"","sources":["../../../../src/components/NewDatePicker/DatePickerModal.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAC;;;;;;;AAEb,mDAAwD;AACxD,+DAA2C;AAC3C,iCAA+B;AAC/B,uDAA6C;AAC7C,4EAAiD;AACjD,qDAAkD;AAClD,2CAA+C;AAC/C,uDAAoD;AACpD,6DAA0D;AASnD,MAAM,eAAe,GAAG,CAAC,EAC9B,IAAI,EACJ,MAAM,EACN,UAAU,EACV,GAAG,GACkB,EAAE,EAAE;IACzB,MAAM,QAAQ,GAAG,IAAA,cAAM,EAAiB,IAAI,CAAC,CAAC;IAC9C,MAAM,WAAW,GAAG,IAAI,CAAC,CAAC,CAAC,IAAI,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,IAAI,IAAI,EAAE,CAAC;IAEvD,MAAM,qBAAqB,GAAG,CAAC,YAA8B,EAAE,EAAE;QAC/D,IAAI,CAAC,YAAY;YAAE,OAAO;QAE1B,UAAU,CAAC,IAAA,iCAAe,EAAC,YAAY,CAAC,CAAC,CAAC;IAC5C,CAAC,CAAC;IAEF,MAAM,YAAY,GAAG,IAAA,gBAAU,EAAC,wBAAwB,EAAE;QACxD,WAAW,EAAE,MAAM;KACpB,CAAC,CAAC;IAEH,OAAO,CACL,uBAAC,sBAAS,cACR,iCACE,GAAG,EAAE,QAAQ,EACb,SAAS,EAAE,YAAY,EACvB,KAAK,EAAE,EAAE,GAAG,EAAE,sBACG,qBAAqB,aAEtC,uBAAC,uBAAc,cACb,gCAAK,EAAE,EAAC,qBAAqB,uDAEvB,GACS,EACjB,uBAAC,4BAAS,IACR,IAAI,EAAC,QAAQ,EACb,QAAQ,EAAE,WAAW,EACrB,YAAY,EAAE,WAAW,EACzB,QAAQ,EAAE,qBAAqB,EAC/B,eAAe,QACf,eAAe,QACf,YAAY,EAAE,4BAAgB,EAC9B,UAAU,EAAE,EAAE,iBAAiB,EAAE,uCAAkB,EAAE,EACrD,UAAU,EAAE;wBACV,QAAQ,EAAE,+BAAc;wBACxB,SAAS,EAAE,+BAAc;qBAC1B,GACD,IACE,GACI,CACb,CAAC;AACJ,CAAC,CAAC;AAjDW,QAAA,eAAe,mBAiD1B"}

package/dist/cjs/components/NewDatePicker/NewDatePicker.d.ts

@@ -0,0 +1,7 @@
+import { TextFieldProps } from "@simplybusiness/mobius";
+export interface NewDatePickerProps extends Omit<TextFieldProps, "defaultValue" | "onChange"> {
+    onChange?: (date: string) => void;
+    defaultValue?: string;
+    id?: string;
+}
+export declare const NewDatePicker: (props: NewDatePickerProps) => import("react/jsx-runtime").JSX.Element;

package/dist/cjs/components/NewDatePicker/NewDatePicker.js

@@ -0,0 +1,73 @@
+"use strict";
+"use client";
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.NewDatePicker = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const mobius_1 = require("@simplybusiness/mobius");
+const dedupe_1 = __importDefault(require("classnames/dedupe"));
+const react_1 = require("react");
+const isTouchDevice_1 = require("../../utils/isTouchDevice");
+const DatePickerModal_1 = require("./DatePickerModal");
+const NewDatePicker = (props) => {
+    const { onChange, defaultValue = "", isDisabled, validationState } = props, otherProps = __rest(props, ["onChange", "defaultValue", "isDisabled", "validationState"]);
+    const ref = (0, react_1.useRef)(null);
+    const [top, setTop] = (0, react_1.useState)(0);
+    const [isOpen, setIsOpen] = (0, react_1.useState)(false);
+    const [textFieldVal, setTextFieldVal] = (0, react_1.useState)(defaultValue); // yyyy-MM-dd
+    const touchDevice = (0, isTouchDevice_1.isTouchDevice)();
+    const containerClasses = (0, dedupe_1.default)("mobius/DatePickerContainer", {
+        "--is-disabled": isDisabled,
+        "--is-valid": validationState === "valid",
+        "--is-invalid": validationState === "invalid",
+    });
+    const popoverToggleClasses = (0, dedupe_1.default)("mobius/DateFieldButton", {
+        "--is-valid": validationState === "valid",
+        "--is-invalid": validationState === "invalid",
+    });
+    const setPopoverPosition = () => {
+        if (!ref.current || isOpen)
+            return;
+        const refHeight = ref.current.getBoundingClientRect().height;
+        setTop(refHeight);
+    };
+    const togglePopoverVisibility = () => {
+        setIsOpen(!isOpen);
+        setPopoverPosition();
+    };
+    const handleTextFieldChange = (event) => {
+        setTextFieldVal(event.target.value);
+    };
+    const onDateSelected = (selectedDate) => {
+        setTextFieldVal(selectedDate);
+        setIsOpen(false);
+    };
+    // When user manually types in date,
+    // select date when popover becomes visible
+    (0, react_1.useEffect)(() => {
+        if (!textFieldVal)
+            return;
+        if (onChange) {
+            onChange(textFieldVal);
+        }
+    }, [textFieldVal, onChange]);
+    if (touchDevice) {
+        return ((0, jsx_runtime_1.jsx)(mobius_1.TextField, Object.assign({ type: "date", onChange: handleTextFieldChange, value: textFieldVal, isDisabled: isDisabled, validationState: validationState }, otherProps)));
+    }
+    return ((0, jsx_runtime_1.jsxs)("div", { className: containerClasses, ref: ref, children: [(0, jsx_runtime_1.jsx)(mobius_1.TextField, Object.assign({ type: "date", className: "mobius/DatePicker", onChange: handleTextFieldChange, value: textFieldVal, isDisabled: isDisabled, validationState: validationState }, otherProps)), (0, jsx_runtime_1.jsx)(mobius_1.Button, { className: popoverToggleClasses, onClick: togglePopoverVisibility, isDisabled: isDisabled, children: (0, jsx_runtime_1.jsx)(mobius_1.VisuallyHidden, { children: "Pick date" }) }), isOpen && ((0, jsx_runtime_1.jsx)(DatePickerModal_1.DatePickerModal, { date: textFieldVal, isOpen: isOpen, top: top, onSelected: onDateSelected }))] }));
+};
+exports.NewDatePicker = NewDatePicker;
+//# sourceMappingURL=NewDatePicker.js.map

package/dist/cjs/components/NewDatePicker/NewDatePicker.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NewDatePicker.js","sourceRoot":"","sources":["../../../../src/components/NewDatePicker/NewDatePicker.tsx"],"names":[],"mappings":"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"}

package/dist/cjs/components/NewDatePicker/NewDatePicker.stories.d.ts

@@ -0,0 +1,27 @@
+import type { Meta } from "@storybook/react";
+import { NewDatePicker, NewDatePickerProps } from "./NewDatePicker";
+declare const _default: {
+    title: string;
+    component: (props: NewDatePickerProps) => import("react/jsx-runtime").JSX.Element;
+    argTypes: {
+        validationState: {
+            options: string[];
+            control: {
+                type: string;
+            };
+            mapping: {
+                valid: string;
+                invalid: string;
+                neither: string;
+            };
+        };
+    };
+    args: {
+        defaultValue: string;
+        errorMessage: string;
+        isDisabled: boolean;
+        isRequired: boolean;
+    };
+};
+export default _default;
+export declare const Normal: Meta<typeof NewDatePicker>;

package/dist/cjs/components/NewDatePicker/NewDatePicker.stories.js

@@ -0,0 +1,32 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Normal = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const excludeControls_1 = require("../../utils/excludeControls");
+const NewDatePicker_1 = require("./NewDatePicker");
+exports.default = {
+    title: "Forms/NewDatePicker",
+    component: NewDatePicker_1.NewDatePicker,
+    argTypes: Object.assign({ validationState: {
+            options: ["valid", "invalid", "neither"],
+            control: { type: "radio" },
+            mapping: {
+                valid: "valid",
+                invalid: "invalid",
+                neither: "",
+            },
+        } }, (0, excludeControls_1.excludeControls)("onChange", "id", "className", "description", "type", "aria-label", "aria-labelledby", "labelElementType", "inputElementType", "isReadOnly", "aria-describedby", "aria-errormessage")),
+    args: {
+        defaultValue: "",
+        errorMessage: "",
+        isDisabled: false,
+        isRequired: false,
+    },
+};
+exports.Normal = {
+    render: (args) => (0, jsx_runtime_1.jsx)(NewDatePicker_1.NewDatePicker, Object.assign({}, args)),
+    args: {
+        label: "Start date",
+    },
+};
+//# sourceMappingURL=NewDatePicker.stories.js.map

package/dist/cjs/components/NewDatePicker/NewDatePicker.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NewDatePicker.stories.js","sourceRoot":"","sources":["../../../../src/components/NewDatePicker/NewDatePicker.stories.tsx"],"names":[],"mappings":";;;;AACA,iEAA8D;AAC9D,mDAAoE;AAEpE,kBAAe;IACb,KAAK,EAAE,qBAAqB;IAC5B,SAAS,EAAE,6BAAa;IACxB,QAAQ,kBACN,eAAe,EAAE;YACf,OAAO,EAAE,CAAC,OAAO,EAAE,SAAS,EAAE,SAAS,CAAC;YACxC,OAAO,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE;YAC1B,OAAO,EAAE;gBACP,KAAK,EAAE,OAAO;gBACd,OAAO,EAAE,SAAS;gBAClB,OAAO,EAAE,EAAE;aACZ;SACF,IACE,IAAA,iCAAe,EAChB,UAAU,EACV,IAAI,EACJ,WAAW,EACX,aAAa,EACb,MAAM,EACN,YAAY,EACZ,iBAAiB,EACjB,kBAAkB,EAClB,kBAAkB,EAClB,YAAY,EACZ,kBAAkB,EAClB,mBAAmB,CACpB,CACF;IACD,IAAI,EAAE;QACJ,YAAY,EAAE,EAAE;QAChB,YAAY,EAAE,EAAE;QAChB,UAAU,EAAE,KAAK;QACjB,UAAU,EAAE,KAAK;KAClB;CACF,CAAC;AAEW,QAAA,MAAM,GAA+B;IAChD,MAAM,EAAE,CAAC,IAAwB,EAAE,EAAE,CAAC,uBAAC,6BAAa,oBAAK,IAAI,EAAI;IACjE,IAAI,EAAE;QACJ,KAAK,EAAE,YAAY;KACpB;CACF,CAAC"}

package/dist/cjs/components/NewDatePicker/NewDatePicker.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/cjs/components/NewDatePicker/NewDatePicker.test.js

@@ -0,0 +1,80 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("@testing-library/react");
+const _1 = require(".");
+const mockMatchMedia = (matches) => {
+    Object.defineProperty(window, "matchMedia", {
+        writable: true,
+        configurable: true,
+        value: jest.fn().mockImplementation(query => ({
+            matches,
+            media: query,
+            onchange: null,
+            addListener: jest.fn(),
+            removeListener: jest.fn(),
+            addEventListener: jest.fn(),
+            removeEventListener: jest.fn(),
+            dispatchEvent: jest.fn(),
+        })),
+    });
+};
+describe("NewDatePicker", () => {
+    describe("given it is a touch device", () => {
+        beforeEach(() => {
+            mockMatchMedia(true);
+        });
+        it("should render without errors", () => {
+            const exampleDate = "2023-11-13";
+            const labelText = "Start date";
+            const testId = "date-picker";
+            (0, react_1.render)((0, jsx_runtime_1.jsx)(_1.NewDatePicker, { defaultValue: exampleDate, label: labelText, "data-testid": testId }));
+            const inputField = react_1.screen.getByTestId(testId);
+            const label = react_1.screen.getByLabelText(labelText);
+            expect(inputField).toHaveValue(exampleDate);
+            expect(label).toBeInTheDocument();
+        });
+        describe("when value changes", () => {
+            it("triggers onChange", () => {
+                const labelText = "Start date";
+                const testId = "date-picker";
+                const onChange = jest.fn();
+                (0, react_1.render)((0, jsx_runtime_1.jsx)(_1.NewDatePicker, { label: labelText, "data-testid": testId, onChange: onChange }));
+                const inputField = react_1.screen.getByTestId(testId);
+                const newDate = "2015-06-01";
+                react_1.fireEvent.change(inputField, { target: { value: newDate } });
+                expect(inputField).toHaveValue(newDate);
+                expect(onChange).toHaveBeenCalledWith(newDate);
+            });
+        });
+    });
+    describe("given it is a non-touch device", () => {
+        beforeEach(() => {
+            mockMatchMedia(false);
+        });
+        it("should render without errors", () => {
+            const exampleDate = "2023-11-13";
+            const labelText = "Start date";
+            const testId = "date-picker";
+            (0, react_1.render)((0, jsx_runtime_1.jsx)(_1.NewDatePicker, { defaultValue: exampleDate, label: labelText, "data-testid": testId }));
+            const inputField = react_1.screen.getByTestId(testId);
+            const label = react_1.screen.getByLabelText(labelText);
+            expect(inputField).toHaveValue(exampleDate);
+            expect(label).toBeInTheDocument();
+        });
+        describe("when value changes", () => {
+            it("triggers onChange", () => {
+                const labelText = "Start date";
+                const testId = "date-picker";
+                const onChange = jest.fn();
+                (0, react_1.render)((0, jsx_runtime_1.jsx)(_1.NewDatePicker, { label: labelText, "data-testid": testId, onChange: onChange }));
+                const inputField = react_1.screen.getByTestId(testId);
+                const newDate = "2015-06-01";
+                react_1.fireEvent.change(inputField, { target: { value: newDate } });
+                expect(inputField).toHaveValue(newDate);
+                expect(onChange).toHaveBeenCalledWith(newDate);
+            });
+        });
+    });
+});
+//# sourceMappingURL=NewDatePicker.test.js.map

package/dist/cjs/components/NewDatePicker/NewDatePicker.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NewDatePicker.test.js","sourceRoot":"","sources":["../../../../src/components/NewDatePicker/NewDatePicker.test.tsx"],"names":[],"mappings":"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"}

package/dist/cjs/components/NewDatePicker/constants.d.ts

@@ -0,0 +1,2 @@
+export declare const MONDAY_AS_NUMBER = 1;
+export declare const DEFAULT_LOCALE: string;

package/dist/cjs/components/NewDatePicker/constants.js

@@ -0,0 +1,7 @@
+"use strict";
+var _a;
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DEFAULT_LOCALE = exports.MONDAY_AS_NUMBER = void 0;
+exports.MONDAY_AS_NUMBER = 1;
+exports.DEFAULT_LOCALE = ((_a = window === null || window === void 0 ? void 0 : window.navigator) === null || _a === void 0 ? void 0 : _a.language) || "en-GB";
+//# sourceMappingURL=constants.js.map

package/dist/cjs/components/NewDatePicker/constants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.js","sourceRoot":"","sources":["../../../../src/components/NewDatePicker/constants.ts"],"names":[],"mappings":";;;;AAAa,QAAA,gBAAgB,GAAG,CAAC,CAAC;AAErB,QAAA,cAAc,GAAG,CAAA,MAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,SAAS,0CAAE,QAAQ,KAAI,OAAO,CAAC"}

package/dist/cjs/components/NewDatePicker/dateObjToString.d.ts

@@ -0,0 +1 @@
+export declare const dateObjToString: (date: Date) => string;

package/dist/cjs/components/NewDatePicker/dateObjToString.js

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.dateObjToString = void 0;
+const date_fns_1 = require("date-fns");
+const dateObjToString = (date) => (0, date_fns_1.format)(date, "yyyy-MM-dd");
+exports.dateObjToString = dateObjToString;
+//# sourceMappingURL=dateObjToString.js.map

package/dist/cjs/components/NewDatePicker/dateObjToString.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dateObjToString.js","sourceRoot":"","sources":["../../../../src/components/NewDatePicker/dateObjToString.ts"],"names":[],"mappings":";;;AAAA,uCAAkC;AAE3B,MAAM,eAAe,GAAG,CAAC,IAAU,EAAE,EAAE,CAAC,IAAA,iBAAM,EAAC,IAAI,EAAE,YAAY,CAAC,CAAC;AAA7D,QAAA,eAAe,mBAA8C"}

package/dist/cjs/components/NewDatePicker/dateObjToString.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/cjs/components/NewDatePicker/dateObjToString.test.js

@@ -0,0 +1,15 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const dateObjToString_1 = require("./dateObjToString");
+describe("dateObjToString", () => {
+    describe("given a Date object", () => {
+        it("returns a formatted string as yyyy-mm-dd", () => {
+            const exampleDate = "2023-11-13";
+            const input = new Date(exampleDate);
+            const actual = (0, dateObjToString_1.dateObjToString)(input);
+            const expected = exampleDate;
+            expect(actual).toEqual(expected);
+        });
+    });
+});
+//# sourceMappingURL=dateObjToString.test.js.map

package/dist/cjs/components/NewDatePicker/dateObjToString.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dateObjToString.test.js","sourceRoot":"","sources":["../../../../src/components/NewDatePicker/dateObjToString.test.ts"],"names":[],"mappings":";;AAAA,uDAAoD;AAEpD,QAAQ,CAAC,iBAAiB,EAAE,GAAG,EAAE;IAC/B,QAAQ,CAAC,qBAAqB,EAAE,GAAG,EAAE;QACnC,EAAE,CAAC,0CAA0C,EAAE,GAAG,EAAE;YAClD,MAAM,WAAW,GAAG,YAAY,CAAC;YAEjC,MAAM,KAAK,GAAG,IAAI,IAAI,CAAC,WAAW,CAAC,CAAC;YAEpC,MAAM,MAAM,GAAG,IAAA,iCAAe,EAAC,KAAK,CAAC,CAAC;YAEtC,MAAM,QAAQ,GAAG,WAAW,CAAC;YAE7B,MAAM,CAAC,MAAM,CAAC,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC;QACnC,CAAC,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC"}

package/dist/cjs/components/NewDatePicker/index.d.ts

@@ -0,0 +1 @@
+export * from "./NewDatePicker";

package/dist/cjs/components/NewDatePicker/index.js

@@ -0,0 +1,18 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./NewDatePicker"), exports);
+//# sourceMappingURL=index.js.map

package/dist/cjs/components/NewDatePicker/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/NewDatePicker/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,kDAAgC"}

package/dist/cjs/components/NewDatePicker/weekdayAsOneLetter.d.ts

@@ -0,0 +1,2 @@
+import { DateFormatter } from "react-day-picker";
+export declare const weekdayAsOneLetter: DateFormatter;

package/dist/cjs/components/NewDatePicker/weekdayAsOneLetter.js

@@ -0,0 +1,14 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.weekdayAsOneLetter = void 0;
+const constants_1 = require("./constants");
+const weekdayAsOneLetter = (weekday, options) => {
+    var _a;
+    const locale = ((_a = options === null || options === void 0 ? void 0 : options.locale) === null || _a === void 0 ? void 0 : _a.code) || constants_1.DEFAULT_LOCALE;
+    const oneLetter = weekday.toLocaleString(locale, {
+        weekday: "narrow",
+    });
+    return oneLetter;
+};
+exports.weekdayAsOneLetter = weekdayAsOneLetter;
+//# sourceMappingURL=weekdayAsOneLetter.js.map

package/dist/cjs/components/NewDatePicker/weekdayAsOneLetter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"weekdayAsOneLetter.js","sourceRoot":"","sources":["../../../../src/components/NewDatePicker/weekdayAsOneLetter.ts"],"names":[],"mappings":";;;AACA,2CAA6C;AAEtC,MAAM,kBAAkB,GAAkB,CAAC,OAAO,EAAE,OAAO,EAAE,EAAE;;IACpE,MAAM,MAAM,GAAG,CAAA,MAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,MAAM,0CAAE,IAAI,KAAI,0BAAc,CAAC;IACvD,MAAM,SAAS,GAAG,OAAO,CAAC,cAAc,CAAC,MAAM,EAAE;QAC/C,OAAO,EAAE,QAAQ;KAClB,CAAC,CAAC;IAEH,OAAO,SAAS,CAAC;AACnB,CAAC,CAAC;AAPW,QAAA,kBAAkB,sBAO7B"}

package/dist/cjs/components/NewDatePicker/weekdayAsOneLetter.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/cjs/components/NewDatePicker/weekdayAsOneLetter.test.js

@@ -0,0 +1,23 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const weekdayAsOneLetter_1 = require("./weekdayAsOneLetter");
+describe("weekdayAsOneLetter", () => {
+    describe("given a Date object and a locale", () => {
+        it("returns weekday as a single letter", () => {
+            const randomMonday = new Date("2023-11-13");
+            const locale = { locale: { code: "en-GB" } };
+            const actual = (0, weekdayAsOneLetter_1.weekdayAsOneLetter)(randomMonday, locale);
+            const expected = "M";
+            expect(actual).toEqual(expected);
+        });
+    });
+    describe("given a Date object and no locale", () => {
+        it("returns weekday as a single letter, using en-GB as default locale", () => {
+            const randomMonday = new Date("2023-11-13");
+            const actual = (0, weekdayAsOneLetter_1.weekdayAsOneLetter)(randomMonday);
+            const expected = "M";
+            expect(actual).toEqual(expected);
+        });
+    });
+});
+//# sourceMappingURL=weekdayAsOneLetter.test.js.map

package/dist/cjs/components/NewDatePicker/weekdayAsOneLetter.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"weekdayAsOneLetter.test.js","sourceRoot":"","sources":["../../../../src/components/NewDatePicker/weekdayAsOneLetter.test.ts"],"names":[],"mappings":";;AAAA,6DAA0D;AAE1D,QAAQ,CAAC,oBAAoB,EAAE,GAAG,EAAE;IAClC,QAAQ,CAAC,kCAAkC,EAAE,GAAG,EAAE;QAChD,EAAE,CAAC,oCAAoC,EAAE,GAAG,EAAE;YAC5C,MAAM,YAAY,GAAG,IAAI,IAAI,CAAC,YAAY,CAAC,CAAC;YAC5C,MAAM,MAAM,GAAG,EAAE,MAAM,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE,EAAE,CAAC;YAE7C,MAAM,MAAM,GAAG,IAAA,uCAAkB,EAAC,YAAY,EAAE,MAAM,CAAC,CAAC;YAExD,MAAM,QAAQ,GAAG,GAAG,CAAC;YAErB,MAAM,CAAC,MAAM,CAAC,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC;QACnC,CAAC,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;IAEH,QAAQ,CAAC,mCAAmC,EAAE,GAAG,EAAE;QACjD,EAAE,CAAC,mEAAmE,EAAE,GAAG,EAAE;YAC3E,MAAM,YAAY,GAAG,IAAI,IAAI,CAAC,YAAY,CAAC,CAAC;YAE5C,MAAM,MAAM,GAAG,IAAA,uCAAkB,EAAC,YAAY,CAAC,CAAC;YAEhD,MAAM,QAAQ,GAAG,GAAG,CAAC;YAErB,MAAM,CAAC,MAAM,CAAC,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC;QACnC,CAAC,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC"}

package/dist/cjs/hooks/useFocusTrap.d.ts

@@ -0,0 +1,5 @@
+import { ReactNode } from "react";
+export type FocusTrapProps = {
+    children: ReactNode;
+};
+export default function FocusTrap({ children }: FocusTrapProps): import("react/jsx-runtime").JSX.Element;

package/dist/cjs/hooks/useFocusTrap.js

@@ -0,0 +1,41 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const useFocusTrap = () => {
+    const containerRef = (0, react_1.useRef)(null);
+    // eslint-disable-next-line consistent-return
+    (0, react_1.useEffect)(() => {
+        if (containerRef.current) {
+            const element = containerRef.current;
+            const focusableElements = containerRef.current.querySelectorAll('.rdp-nav_button, [tabindex]:not([tabindex="-1"])');
+            const firstElement = focusableElements[0];
+            const lastElement = focusableElements[focusableElements.length - 1];
+            const handleTabKeyPress = (event) => {
+                if (event.key === "Tab") {
+                    if (event.shiftKey && document.activeElement === firstElement) {
+                        event.preventDefault();
+                        lastElement.focus();
+                    }
+                    else if (!event.shiftKey &&
+                        document.activeElement === lastElement // TODO: handle for any day
+                    ) {
+                        event.preventDefault();
+                        firstElement.focus();
+                    }
+                }
+            };
+            element.addEventListener("keydown", handleTabKeyPress);
+            return () => {
+                element.removeEventListener("keydown", handleTabKeyPress);
+            };
+        }
+    }, []);
+    return containerRef;
+};
+function FocusTrap({ children }) {
+    const focusRef = useFocusTrap();
+    return ((0, jsx_runtime_1.jsx)("div", { className: "trap", ref: focusRef, children: children }));
+}
+exports.default = FocusTrap;
+//# sourceMappingURL=useFocusTrap.js.map

package/dist/cjs/hooks/useFocusTrap.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useFocusTrap.js","sourceRoot":"","sources":["../../../src/hooks/useFocusTrap.tsx"],"names":[],"mappings":";;;AAAA,iCAAqD;AAErD,MAAM,YAAY,GAAG,GAAG,EAAE;IACxB,MAAM,YAAY,GAAG,IAAA,cAAM,EAAwB,IAAI,CAAC,CAAC;IAEzD,6CAA6C;IAC7C,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,IAAI,YAAY,CAAC,OAAO,EAAE;YACxB,MAAM,OAAO,GAAG,YAAY,CAAC,OAAO,CAAC;YACrC,MAAM,iBAAiB,GACrB,YAAY,CAAC,OAAO,CAAC,gBAAgB,CACnC,kDAAkD,CACnD,CAAC;YAEJ,MAAM,YAAY,GAAG,iBAAiB,CAAC,CAAC,CAAC,CAAC;YAC1C,MAAM,WAAW,GAAG,iBAAiB,CAAC,iBAAiB,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC;YAEpE,MAAM,iBAAiB,GAAG,CAAC,KAAoB,EAAE,EAAE;gBACjD,IAAI,KAAK,CAAC,GAAG,KAAK,KAAK,EAAE;oBACvB,IAAI,KAAK,CAAC,QAAQ,IAAI,QAAQ,CAAC,aAAa,KAAK,YAAY,EAAE;wBAC7D,KAAK,CAAC,cAAc,EAAE,CAAC;wBACvB,WAAW,CAAC,KAAK,EAAE,CAAC;qBACrB;yBAAM,IACL,CAAC,KAAK,CAAC,QAAQ;wBACf,QAAQ,CAAC,aAAa,KAAK,WAAW,CAAC,2BAA2B;sBAClE;wBACA,KAAK,CAAC,cAAc,EAAE,CAAC;wBACvB,YAAY,CAAC,KAAK,EAAE,CAAC;qBACtB;iBACF;YACH,CAAC,CAAC;YAEF,OAAO,CAAC,gBAAgB,CAAC,SAAS,EAAE,iBAAiB,CAAC,CAAC;YACvD,OAAO,GAAG,EAAE;gBACV,OAAO,CAAC,mBAAmB,CAAC,SAAS,EAAE,iBAAiB,CAAC,CAAC;YAC5D,CAAC,CAAC;SACH;IACH,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,YAAY,CAAC;AACtB,CAAC,CAAC;AAMF,SAAwB,SAAS,CAAC,EAAE,QAAQ,EAAkB;IAC5D,MAAM,QAAQ,GAAG,YAAY,EAAE,CAAC;IAEhC,OAAO,CACL,gCAAK,SAAS,EAAC,MAAM,EAAC,GAAG,EAAE,QAAQ,YAChC,QAAQ,GACL,CACP,CAAC;AACJ,CAAC;AARD,4BAQC"}