@simplybusiness/mobius-datepicker 4.2.7 → 4.3.1

package/dist/esm/components/DatePicker/utils/getStartWeekday.js

@@ -0,0 +1,13 @@
+import { DEFAULT_LOCALE, MONDAY_AS_NUMBER, SUNDAY_AS_NUMBER } from "../constants";
+// Calculates start of week for calendar in UK and US locales
+// Add more to the switch statement as needed
+export const getStartWeekday = (locale)=>{
+    switch(locale || DEFAULT_LOCALE){
+        case "en-US":
+            return SUNDAY_AS_NUMBER;
+        default:
+            return MONDAY_AS_NUMBER;
+    }
+};
+
+//# sourceMappingURL=getStartWeekday.js.map

package/dist/esm/components/DatePicker/utils/getStartWeekday.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/components/DatePicker/utils/getStartWeekday.ts"],"sourcesContent":["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"],"names":["DEFAULT_LOCALE","MONDAY_AS_NUMBER","SUNDAY_AS_NUMBER","getStartWeekday","locale"],"mappings":"AAAA,SACEA,cAAc,EACdC,gBAAgB,EAChBC,gBAAgB,QACX,eAAe;AAItB,6DAA6D;AAC7D,6CAA6C;AAC7C,OAAO,MAAMC,kBAAkB,CAACC;IAC9B,OAAQA,UAAUJ;QAChB,KAAK;YACH,OAAOE;QAET;YACE,OAAOD;IACX;AACF,EAAE"}

package/dist/esm/components/DatePicker/utils/index.js

@@ -2,4 +2,5 @@ export * from "./dateObjToString";
 export * from "./formatErrorMessageText";
 export * from "./validateDateFormat";
 export * from "./weekdayAsOneLetter";
+
 //# sourceMappingURL=index.js.map

package/dist/esm/components/DatePicker/utils/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/DatePicker/utils/index.ts"],"names":[],"mappings":"AAAA,cAAc,mBAAmB,CAAC;AAClC,cAAc,0BAA0B,CAAC;AACzC,cAAc,sBAAsB,CAAC;AACrC,cAAc,sBAAsB,CAAC"}
+{"version":3,"sources":["../../../../../src/components/DatePicker/utils/index.ts"],"sourcesContent":["export * from \"./dateObjToString\";\nexport * from \"./formatErrorMessageText\";\nexport * from \"./validateDateFormat\";\nexport * from \"./weekdayAsOneLetter\";\n"],"names":[],"mappings":"AAAA,cAAc,oBAAoB;AAClC,cAAc,2BAA2B;AACzC,cAAc,uBAAuB;AACrC,cAAc,uBAAuB"}

package/dist/esm/components/DatePicker/utils/validateDateFormat.js

@@ -1,7 +1,7 @@
 import { isMatch } from "date-fns";
 // eg 2023-12-31
 export const DATE_FORMAT = "yyyy-MM-dd";
-export const validateDateFormat = (date) => {
+export const validateDateFormat = (date)=>{
     if (date === "") {
         return "";
     }
@@ -10,4 +10,5 @@ export const validateDateFormat = (date) => {
     }
     throw Error(`DatePicker defaultValue '${date}' is invalid. The expected format is '${DATE_FORMAT}' `);
 };
+
 //# sourceMappingURL=validateDateFormat.js.map

package/dist/esm/components/DatePicker/utils/validateDateFormat.js.map

@@ -1 +1 @@
-{"version":3,"file":"validateDateFormat.js","sourceRoot":"","sources":["../../../../../src/components/DatePicker/utils/validateDateFormat.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,UAAU,CAAC;AAEnC,gBAAgB;AAChB,MAAM,CAAC,MAAM,WAAW,GAAG,YAAY,CAAC;AAExC,MAAM,CAAC,MAAM,kBAAkB,GAAG,CAAC,IAAY,EAAE,EAAE;IACjD,IAAI,IAAI,KAAK,EAAE,EAAE,CAAC;QAChB,OAAO,EAAE,CAAC;IACZ,CAAC;IAED,IAAI,OAAO,CAAC,IAAI,EAAE,WAAW,CAAC,EAAE,CAAC;QAC/B,OAAO,IAAI,CAAC;IACd,CAAC;IAED,MAAM,KAAK,CACT,4BAA4B,IAAI,yCAAyC,WAAW,IAAI,CACzF,CAAC;AACJ,CAAC,CAAC"}
+{"version":3,"sources":["../../../../../src/components/DatePicker/utils/validateDateFormat.ts"],"sourcesContent":["import { isMatch } from \"date-fns\";\n\n// eg 2023-12-31\nexport const DATE_FORMAT = \"yyyy-MM-dd\";\n\nexport const validateDateFormat = (date: string) => {\n  if (date === \"\") {\n    return \"\";\n  }\n\n  if (isMatch(date, DATE_FORMAT)) {\n    return date;\n  }\n\n  throw Error(\n    `DatePicker defaultValue '${date}' is invalid. The expected format is '${DATE_FORMAT}' `,\n  );\n};\n"],"names":["isMatch","DATE_FORMAT","validateDateFormat","date","Error"],"mappings":"AAAA,SAASA,OAAO,QAAQ,WAAW;AAEnC,gBAAgB;AAChB,OAAO,MAAMC,cAAc,aAAa;AAExC,OAAO,MAAMC,qBAAqB,CAACC;IACjC,IAAIA,SAAS,IAAI;QACf,OAAO;IACT;IAEA,IAAIH,QAAQG,MAAMF,cAAc;QAC9B,OAAOE;IACT;IAEA,MAAMC,MACJ,CAAC,yBAAyB,EAAED,KAAK,sCAAsC,EAAEF,YAAY,EAAE,CAAC;AAE5F,EAAE"}

package/dist/esm/components/DatePicker/utils/weekdayAsOneLetter.js

@@ -1,10 +1,11 @@
 import { DEFAULT_LOCALE } from "../constants";
-export 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) || DEFAULT_LOCALE;
-    const oneLetter = weekday.toLocaleString(locale, {
-        weekday: "narrow",
+export const weekdayAsOneLetter = (date, options)=>{
+    var _options_locale;
+    const locale = (options === null || options === void 0 ? void 0 : (_options_locale = options.locale) === null || _options_locale === void 0 ? void 0 : _options_locale.code) || DEFAULT_LOCALE;
+    const oneLetter = date.toLocaleString(locale, {
+        weekday: "narrow"
     });
     return oneLetter;
 };
+
 //# sourceMappingURL=weekdayAsOneLetter.js.map

package/dist/esm/components/DatePicker/utils/weekdayAsOneLetter.js.map

@@ -1 +1 @@
-{"version":3,"file":"weekdayAsOneLetter.js","sourceRoot":"","sources":["../../../../../src/components/DatePicker/utils/weekdayAsOneLetter.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AAE9C,MAAM,CAAC,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,cAAc,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"}
+{"version":3,"sources":["../../../../../src/components/DatePicker/utils/weekdayAsOneLetter.ts"],"sourcesContent":["import { DateFormatter } from \"react-day-picker\";\nimport { DEFAULT_LOCALE } from \"../constants\";\n\nexport const weekdayAsOneLetter: DateFormatter = (date, options) => {\n  const locale = options?.locale?.code || DEFAULT_LOCALE;\n  const oneLetter = date.toLocaleString(locale, {\n    weekday: \"narrow\",\n  });\n\n  return oneLetter;\n};\n"],"names":["DEFAULT_LOCALE","weekdayAsOneLetter","date","options","locale","code","oneLetter","toLocaleString","weekday"],"mappings":"AACA,SAASA,cAAc,QAAQ,eAAe;AAE9C,OAAO,MAAMC,qBAAoC,CAACC,MAAMC;QACvCA;IAAf,MAAMC,SAASD,CAAAA,oBAAAA,+BAAAA,kBAAAA,QAASC,MAAM,cAAfD,sCAAAA,gBAAiBE,IAAI,KAAIL;IACxC,MAAMM,YAAYJ,KAAKK,cAAc,CAACH,QAAQ;QAC5CI,SAAS;IACX;IAEA,OAAOF;AACT,EAAE"}

package/dist/esm/hooks/index.js

@@ -1,2 +1,3 @@
 export * from "./useFocusTrap";
+
 //# sourceMappingURL=index.js.map

package/dist/esm/hooks/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/hooks/index.tsx"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAC"}
+{"version":3,"sources":["../../../src/hooks/index.tsx"],"sourcesContent":["export * from \"./useFocusTrap\";\n"],"names":[],"mappings":"AAAA,cAAc,iBAAiB"}

package/dist/esm/hooks/useFocusTrap/index.js

@@ -1,2 +1,3 @@
 export * from "./useFocusTrap";
+
 //# sourceMappingURL=index.js.map

package/dist/esm/hooks/useFocusTrap/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/hooks/useFocusTrap/index.tsx"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAC"}
+{"version":3,"sources":["../../../../src/hooks/useFocusTrap/index.tsx"],"sourcesContent":["export * from \"./useFocusTrap\";\n"],"names":[],"mappings":"AAAA,cAAc,iBAAiB"}

package/dist/esm/hooks/useFocusTrap/useFocusTrap.js

@@ -1,38 +1,40 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { useEffect, useRef } from "react";
-const useFocusTrap = () => {
+const useFocusTrap = ()=>{
     const containerRef = useRef(null);
-    useEffect(() => {
+    useEffect(()=>{
         if (containerRef.current) {
             const element = containerRef.current;
             const focusableElements = containerRef.current.querySelectorAll('.rdp-nav_button, [tabindex="0"]');
             const firstElement = focusableElements[0];
             const lastElement = focusableElements[focusableElements.length - 1];
-            const handleTabKeyPress = (event) => {
+            const handleTabKeyPress = (event)=>{
                 if (event.key === "Tab") {
                     if (event.shiftKey && document.activeElement === firstElement) {
                         event.preventDefault();
                         lastElement.focus();
-                    }
-                    else if (!event.shiftKey &&
-                        document.activeElement &&
-                        document.activeElement.className.indexOf("rdp-day") > -1) {
+                    } else if (!event.shiftKey && document.activeElement && document.activeElement.className.indexOf("rdp-day") > -1) {
                         event.preventDefault();
                         firstElement.focus();
                     }
                 }
             };
             element.addEventListener("keydown", handleTabKeyPress);
-            return () => {
+            return ()=>{
                 element.removeEventListener("keydown", handleTabKeyPress);
             };
         }
-        return () => { };
+        return ()=>{};
     }, []);
     return containerRef;
 };
 export default function FocusTrap({ children }) {
     const focusRef = useFocusTrap();
-    return (_jsx("div", { className: "trap", ref: focusRef, children: children }));
+    return /*#__PURE__*/ _jsx("div", {
+        className: "trap",
+        ref: focusRef,
+        children: children
+    });
 }
+
 //# sourceMappingURL=useFocusTrap.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"useFocusTrap.js","sourceRoot":"","sources":["../../../../src/hooks/useFocusTrap/useFocusTrap.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAa,SAAS,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAErD,MAAM,YAAY,GAAG,GAAG,EAAE;IACxB,MAAM,YAAY,GAAG,MAAM,CAAwB,IAAI,CAAC,CAAC;IAEzD,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,YAAY,CAAC,OAAO,EAAE,CAAC;YACzB,MAAM,OAAO,GAAG,YAAY,CAAC,OAAO,CAAC;YACrC,MAAM,iBAAiB,GACrB,YAAY,CAAC,OAAO,CAAC,gBAAgB,CACnC,iCAAiC,CAClC,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,CAAC;oBACxB,IAAI,KAAK,CAAC,QAAQ,IAAI,QAAQ,CAAC,aAAa,KAAK,YAAY,EAAE,CAAC;wBAC9D,KAAK,CAAC,cAAc,EAAE,CAAC;wBACvB,WAAW,CAAC,KAAK,EAAE,CAAC;oBACtB,CAAC;yBAAM,IACL,CAAC,KAAK,CAAC,QAAQ;wBACf,QAAQ,CAAC,aAAa;wBACtB,QAAQ,CAAC,aAAa,CAAC,SAAS,CAAC,OAAO,CAAC,SAAS,CAAC,GAAG,CAAC,CAAC,EACxD,CAAC;wBACD,KAAK,CAAC,cAAc,EAAE,CAAC;wBACvB,YAAY,CAAC,KAAK,EAAE,CAAC;oBACvB,CAAC;gBACH,CAAC;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;QACJ,CAAC;QACD,OAAO,GAAG,EAAE,GAAE,CAAC,CAAC;IAClB,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,YAAY,CAAC;AACtB,CAAC,CAAC;AAMF,MAAM,CAAC,OAAO,UAAU,SAAS,CAAC,EAAE,QAAQ,EAAkB;IAC5D,MAAM,QAAQ,GAAG,YAAY,EAAE,CAAC;IAEhC,OAAO,CACL,cAAK,SAAS,EAAC,MAAM,EAAC,GAAG,EAAE,QAAQ,YAChC,QAAQ,GACL,CACP,CAAC;AACJ,CAAC"}
+{"version":3,"sources":["../../../../src/hooks/useFocusTrap/useFocusTrap.tsx"],"sourcesContent":["import { ReactNode, 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          '.rdp-nav_button, [tabindex=\"0\"]',\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(\"rdp-day\") > -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"],"names":["useEffect","useRef","useFocusTrap","containerRef","current","element","focusableElements","querySelectorAll","firstElement","lastElement","length","handleTabKeyPress","event","key","shiftKey","document","activeElement","preventDefault","focus","className","indexOf","addEventListener","removeEventListener","FocusTrap","children","focusRef","div","ref"],"mappings":";AAAA,SAAoBA,SAAS,EAAEC,MAAM,QAAQ,QAAQ;AAErD,MAAMC,eAAe;IACnB,MAAMC,eAAeF,OAA8B;IAEnDD,UAAU;QACR,IAAIG,aAAaC,OAAO,EAAE;YACxB,MAAMC,UAAUF,aAAaC,OAAO;YACpC,MAAME,oBACJH,aAAaC,OAAO,CAACG,gBAAgB,CACnC;YAGJ,MAAMC,eAAeF,iBAAiB,CAAC,EAAE;YACzC,MAAMG,cAAcH,iBAAiB,CAACA,kBAAkBI,MAAM,GAAG,EAAE;YAEnE,MAAMC,oBAAoB,CAACC;gBACzB,IAAIA,MAAMC,GAAG,KAAK,OAAO;oBACvB,IAAID,MAAME,QAAQ,IAAIC,SAASC,aAAa,KAAKR,cAAc;wBAC7DI,MAAMK,cAAc;wBACpBR,YAAYS,KAAK;oBACnB,OAAO,IACL,CAACN,MAAME,QAAQ,IACfC,SAASC,aAAa,IACtBD,SAASC,aAAa,CAACG,SAAS,CAACC,OAAO,CAAC,aAAa,CAAC,GACvD;wBACAR,MAAMK,cAAc;wBACpBT,aAAaU,KAAK;oBACpB;gBACF;YACF;YAEAb,QAAQgB,gBAAgB,CAAC,WAAWV;YACpC,OAAO;gBACLN,QAAQiB,mBAAmB,CAAC,WAAWX;YACzC;QACF;QACA,OAAO,KAAO;IAChB,GAAG,EAAE;IAEL,OAAOR;AACT;AAMA,eAAe,SAASoB,UAAU,EAAEC,QAAQ,EAAkB;IAC5D,MAAMC,WAAWvB;IAEjB,qBACE,KAACwB;QAAIP,WAAU;QAAOQ,KAAKF;kBACxBD;;AAGP"}

package/dist/esm/index.js

@@ -1,2 +1,3 @@
 export * from "./components/DatePicker";
+
 //# sourceMappingURL=index.js.map

package/dist/esm/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.tsx"],"names":[],"mappings":"AAAA,cAAc,yBAAyB,CAAC"}
+{"version":3,"sources":["../../src/index.tsx"],"sourcesContent":["export * from \"./components/DatePicker\";\n"],"names":[],"mappings":"AAAA,cAAc,0BAA0B"}

package/dist/esm/styles.d.js

@@ -0,0 +1,2 @@
+
+//# sourceMappingURL=styles.d.js.map

package/dist/esm/styles.d.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/styles.d.ts"],"names":[],"mappings":""}

package/dist/esm/utils/StoryContainer.js

@@ -1,4 +1,29 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import styles from "./StoryContainer.module.css";
-export const StoryContainer = (props) => (_jsx("div", Object.assign({ className: styles.storyContainer }, props)));
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+const css = `
+  :root {
+    --story-container-width: auto;
+  }
+
+  @media (min-width: 641px) {
+    :root {
+      --story-container-width: var(--size-inner-container);
+    }
+  }
+
+  .story-container {
+    width: var(--story-container-width);
+  }
+`;
+export const StoryContainer = (props)=>/*#__PURE__*/ _jsxs(_Fragment, {
+        children: [
+            /*#__PURE__*/ _jsx("style", {
+                children: css
+            }),
+            /*#__PURE__*/ _jsx("div", {
+                className: "story-container",
+                ...props
+            })
+        ]
+    });
+
 //# sourceMappingURL=StoryContainer.js.map

package/dist/esm/utils/StoryContainer.js.map

@@ -1 +1 @@
-{"version":3,"file":"StoryContainer.js","sourceRoot":"","sources":["../../../src/utils/StoryContainer.tsx"],"names":[],"mappings":";AAAA,OAAO,MAAM,MAAM,6BAA6B,CAAC;AAEjD,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,KAA8B,EAAE,EAAE,CAAC,CAChE,4BAAK,SAAS,EAAE,MAAM,CAAC,cAAc,IAAM,KAAK,EAAI,CACrD,CAAC"}
+{"version":3,"sources":["../../../src/utils/StoryContainer.tsx"],"sourcesContent":["const css = `\n  :root {\n    --story-container-width: auto;\n  }\n\n  @media (min-width: 641px) {\n    :root {\n      --story-container-width: var(--size-inner-container);\n    }\n  }\n\n  .story-container {\n    width: var(--story-container-width);\n  }\n`;\n\nexport const StoryContainer = (props: Record<string, unknown>) => (\n  <>\n    <style>{css}</style>\n    <div className=\"story-container\" {...props} />\n  </>\n);\n"],"names":["css","StoryContainer","props","style","div","className"],"mappings":";AAAA,MAAMA,MAAM,CAAC;;;;;;;;;;;;;;AAcb,CAAC;AAED,OAAO,MAAMC,iBAAiB,CAACC,sBAC7B;;0BACE,KAACC;0BAAOH;;0BACR,KAACI;gBAAIC,WAAU;gBAAmB,GAAGH,KAAK;;;OAE5C"}

package/dist/esm/utils/excludeControls.js

@@ -21,5 +21,13 @@
 //     },
 //   }}
 // />
-export const excludeControls = (...args) => args.reduce((prev, acc) => (Object.assign(Object.assign({}, prev), { [acc]: { table: { disable: true } } })), {});
+export const excludeControls = (...args)=>args.reduce((prev, acc)=>({
+            ...prev,
+            [acc]: {
+                table: {
+                    disable: true
+                }
+            }
+        }), {});
+
 //# sourceMappingURL=excludeControls.js.map

package/dist/esm/utils/excludeControls.js.map

@@ -1 +1 @@
-{"version":3,"file":"excludeControls.js","sourceRoot":"","sources":["../../../src/utils/excludeControls.ts"],"names":[],"mappings":"AAAA,oEAAoE;AACpE,mEAAmE;AACnE,eAAe;AACf,EAAE;AACF,gCAAgC;AAChC,mGAAmG;AACnG,EAAE;AACF,uCAAuC;AACvC,EAAE;AACF,QAAQ;AACR,mCAAmC;AACnC,4BAA4B;AAC5B,gBAAgB;AAChB,eAAe;AACf,mBAAmB;AACnB,wBAAwB;AACxB,WAAW;AACX,iBAAiB;AACjB,yBAAyB;AACzB,WAAW;AACX,SAAS;AACT,OAAO;AACP,KAAK;AACL,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,GAAG,IAAc,EAAE,EAAE,CACnD,IAAI,CAAC,MAAM,CACT,CAAC,IAAI,EAAE,GAAG,EAAE,EAAE,CAAC,iCAAM,IAAI,KAAE,CAAC,GAAG,CAAC,EAAE,EAAE,KAAK,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,EAAE,IAAG,EACjE,EAAE,CACH,CAAC"}
+{"version":3,"sources":["../../../src/utils/excludeControls.ts"],"sourcesContent":["// This function generates data structure required to hide specified\n// prop from individual stories. Key 'table' is where specified key\n// is disabled.\n//\n// The above is documented here:\n// https://storybook.js.org/docs/react/essentials/controls#disable-controls-for-specific-properties\n//\n// The expected usage looks as follows:\n//\n// <Meta\n//   title=\"Components/MyComponent\"\n//   component={MyComponent}\n//   argTypes={{\n//     label: {\n//       control: {\n//         type: \"text\",\n//       },\n//       table: {\n//         disable: true,\n//       },\n//     },\n//   }}\n// />\nexport const excludeControls = (...args: string[]) =>\n  args.reduce(\n    (prev, acc) => ({ ...prev, [acc]: { table: { disable: true } } }),\n    {},\n  );\n"],"names":["excludeControls","args","reduce","prev","acc","table","disable"],"mappings":"AAAA,oEAAoE;AACpE,mEAAmE;AACnE,eAAe;AACf,EAAE;AACF,gCAAgC;AAChC,mGAAmG;AACnG,EAAE;AACF,uCAAuC;AACvC,EAAE;AACF,QAAQ;AACR,mCAAmC;AACnC,4BAA4B;AAC5B,gBAAgB;AAChB,eAAe;AACf,mBAAmB;AACnB,wBAAwB;AACxB,WAAW;AACX,iBAAiB;AACjB,yBAAyB;AACzB,WAAW;AACX,SAAS;AACT,OAAO;AACP,KAAK;AACL,OAAO,MAAMA,kBAAkB,CAAC,GAAGC,OACjCA,KAAKC,MAAM,CACT,CAACC,MAAMC,MAAS,CAAA;YAAE,GAAGD,IAAI;YAAE,CAACC,IAAI,EAAE;gBAAEC,OAAO;oBAAEC,SAAS;gBAAK;YAAE;QAAE,CAAA,GAC/D,CAAC,GACD"}

package/dist/esm/utils/index.js

@@ -1,4 +1,5 @@
 export * from "./excludeControls";
 export * from "./isTouchDevice";
 export * from "./StoryContainer";
+
 //# sourceMappingURL=index.js.map

package/dist/esm/utils/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/utils/index.ts"],"names":[],"mappings":"AAAA,cAAc,mBAAmB,CAAC;AAClC,cAAc,iBAAiB,CAAC;AAChC,cAAc,kBAAkB,CAAC"}
+{"version":3,"sources":["../../../src/utils/index.ts"],"sourcesContent":["export * from \"./excludeControls\";\nexport * from \"./isTouchDevice\";\nexport * from \"./StoryContainer\";\n"],"names":[],"mappings":"AAAA,cAAc,oBAAoB;AAClC,cAAc,kBAAkB;AAChC,cAAc,mBAAmB"}

package/dist/esm/utils/isTouchDevice.js

@@ -1,7 +1,8 @@
-export const isTouchDevice = () => {
+export const isTouchDevice = ()=>{
     if (typeof window !== "undefined") {
         return window.matchMedia("(hover: none), (pointer: coarse)").matches;
     }
     return undefined;
 };
+
 //# sourceMappingURL=isTouchDevice.js.map

package/dist/esm/utils/isTouchDevice.js.map

@@ -1 +1 @@
-{"version":3,"file":"isTouchDevice.js","sourceRoot":"","sources":["../../../src/utils/isTouchDevice.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,aAAa,GAAG,GAAwB,EAAE;IACrD,IAAI,OAAO,MAAM,KAAK,WAAW,EAAE,CAAC;QAClC,OAAO,MAAM,CAAC,UAAU,CAAC,kCAAkC,CAAC,CAAC,OAAO,CAAC;IACvE,CAAC;IAED,OAAO,SAAS,CAAC;AACnB,CAAC,CAAC"}
+{"version":3,"sources":["../../../src/utils/isTouchDevice.ts"],"sourcesContent":["export const isTouchDevice = (): boolean | undefined => {\n  if (typeof window !== \"undefined\") {\n    return window.matchMedia(\"(hover: none), (pointer: coarse)\").matches;\n  }\n\n  return undefined;\n};\n"],"names":["isTouchDevice","window","matchMedia","matches","undefined"],"mappings":"AAAA,OAAO,MAAMA,gBAAgB;IAC3B,IAAI,OAAOC,WAAW,aAAa;QACjC,OAAOA,OAAOC,UAAU,CAAC,oCAAoCC,OAAO;IACtE;IAEA,OAAOC;AACT,EAAE"}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@simplybusiness/mobius-datepicker",
   "license": "UNLICENSED",
-  "version": "4.2.7",
+  "version": "4.3.1",
   "description": "Mobius date picker component",
   "repository": {
     "type": "git",
@@ -9,7 +9,7 @@
   },
   "main": "dist/cjs/index.js",
   "module": "dist/esm/index.js",
-  "types": "dist/mobius-datepicker.d.ts",
+  "types": "./src/index.tsx",
   "files": [
     "src/**",
     "dist/cjs/**/*",
@@ -19,7 +19,7 @@
   ],
   "exports": {
     ".": {
-      "types": "./dist/mobius-datepicker.d.ts",
+      "types": "./src/index.tsx",
       "require": "./dist/cjs/index.js",
       "import": "./dist/esm/index.js"
     }
@@ -28,17 +28,15 @@
     "clean": "rm -rf dist",
     "build": "yarn run -T turbo run turbo:build",
     "prepack": "yarn run build",
-    "build:cjs": "tsc",
-    "build:esm": "tsc -p tsconfig.esm.json",
-    "build:extract-api": "api-extractor run",
+    "build:cjs": "yarn swc --config-file ../.swcrc ./src -d ./dist/cjs -C module.type=commonjs",
+    "build:esm": "yarn swc --config-file ../.swcrc ./src -d ./dist/esm -C module.type=es6",
     "lint": "eslint --ext .tsx,.ts,.js,.jsx,.mjs .",
     "test": "NODE_OPTIONS=--experimental-vm-modules jest",
     "test:coverage": "NODE_OPTIONS=--experimental-vm-modules jest --collect-coverage",
-    "check-types": "tsc --noEmit --emitDeclarationOnly false --pretty"
+    "check-types": "tsc --noEmit --pretty"
   },
   "sideEffects": false,
   "devDependencies": {
-    "@microsoft/api-extractor": "^7.39.1",
     "@swc/core": "^1.3.102",
     "@swc/jest": "^0.2.29",
     "@testing-library/dom": "^9.3.3",
@@ -73,7 +71,8 @@
   },
   "dependencies": {
     "@simplybusiness/icons": "^4.2.7",
-    "@simplybusiness/mobius": "^4.2.7",
+    "@simplybusiness/mobius": "^4.2.8",
+    "@swc/cli": "^0.1.63",
     "classnames": "^2.5.1",
     "date-fns": "^2.30.0",
     "react-day-picker": "^8.10.0"

package/src/components/DatePicker/DatePicker.tsx

@@ -11,11 +11,11 @@ import classNames from "classnames/dedupe";
 import {
   ChangeEvent,
   FocusEvent,
+  Suspense,
+  lazy,
   useEffect,
   useRef,
   useState,
-  lazy,
-  Suspense,
 } from "react";
 import { isTouchDevice } from "../../utils/isTouchDevice";
 import { formatErrorMessageText, validateDateFormat } from "./utils";
@@ -138,7 +138,7 @@ export const DatePicker = (props: DatePickerProps) => {
           ref={inputRef}
           type="date"
           className="mobius/DatePicker"
-          // @ts-ignore
+          // @ts-expect-error event type
           onBlur={handleBlur}
           onChange={handleTextFieldChange}
           value={textFieldVal}
@@ -157,7 +157,7 @@ export const DatePicker = (props: DatePickerProps) => {
         ref={inputRef}
         type="date"
         className="mobius/DatePicker"
-        // @ts-ignore
+        // @ts-expect-error event type
         onBlur={handleBlur}
         onChange={handleTextFieldChange}
         value={textFieldVal}

package/src/components/DatePicker/DatePickerModal.tsx

@@ -6,8 +6,8 @@ import { useRef } from "react";
 import { DayPicker } from "react-day-picker";
 import FocusTrap from "../../hooks/useFocusTrap/useFocusTrap";
 import { DatePickerIcon } from "./DatePickerIcon";
-import { MONDAY_AS_NUMBER } from "./constants";
 import { dateObjToString, weekdayAsOneLetter } from "./utils";
+import { getStartWeekday } from "./utils/getStartWeekday";
 
 const PARENT_NODE = typeof document !== "undefined" && document.body;
 
@@ -20,6 +20,8 @@ export type DatePickerModalProps = {
   max?: string;
 };
 
+const startWeekday = getStartWeekday(navigator?.language);
+
 const DatePickerModal = ({
   date,
   isOpen,
@@ -81,7 +83,7 @@ const DatePickerModal = ({
           onSelect={handleDayPickerSelect}
           pagedNavigation
           showOutsideDays
-          weekStartsOn={MONDAY_AS_NUMBER}
+          weekStartsOn={startWeekday}
           formatters={{ formatWeekdayName: weekdayAsOneLetter }}
           components={{
             IconLeft: DatePickerIcon,

package/src/components/DatePicker/constants.ts

@@ -1,4 +1,3 @@
+export const SUNDAY_AS_NUMBER = 0;
 export const MONDAY_AS_NUMBER = 1;
-
-export const DEFAULT_LOCALE =
-  (typeof window !== "undefined" && window?.navigator?.language) || "en-GB";
+export const DEFAULT_LOCALE = "en-GB";

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

@@ -0,0 +1,33 @@
+import { MONDAY_AS_NUMBER, SUNDAY_AS_NUMBER } from "../constants";
+import { getStartWeekday } from "./getStartWeekday";
+
+describe("getStartWeekday", () => {
+  beforeEach(() => {
+    jest.spyOn(navigator, "languages", "get").mockReturnValue([]);
+    jest.spyOn(navigator, "language", "get").mockImplementation(() => "en-GB");
+  });
+
+  it("assumes default of en-GB (Monday) when no args supplied", () => {
+    const day = getStartWeekday();
+
+    expect(day).toEqual(MONDAY_AS_NUMBER);
+  });
+
+  it("returns Monday for en-GB", () => {
+    const day = getStartWeekday("en-GB");
+
+    expect(day).toEqual(MONDAY_AS_NUMBER);
+  });
+
+  it("returns Sunday for en-US", () => {
+    const day = getStartWeekday("en-US");
+
+    expect(day).toEqual(SUNDAY_AS_NUMBER);
+  });
+
+  it("returns Monday for anywhere else", () => {
+    const day = getStartWeekday("de-DE");
+
+    expect(day).toEqual(MONDAY_AS_NUMBER);
+  });
+});

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

@@ -0,0 +1,19 @@
+import {
+  DEFAULT_LOCALE,
+  MONDAY_AS_NUMBER,
+  SUNDAY_AS_NUMBER,
+} from "../constants";
+
+type WeekStart = 0 | 1 | 2 | 3 | 4 | 5 | 6 | undefined;
+
+// Calculates start of week for calendar in UK and US locales
+// Add more to the switch statement as needed
+export const getStartWeekday = (locale?: string): WeekStart => {
+  switch (locale || DEFAULT_LOCALE) {
+    case "en-US":
+      return SUNDAY_AS_NUMBER;
+
+    default:
+      return MONDAY_AS_NUMBER;
+  }
+};

package/src/components/DatePicker/utils/weekdayAsOneLetter.ts

@@ -1,9 +1,9 @@
 import { DateFormatter } from "react-day-picker";
 import { DEFAULT_LOCALE } from "../constants";
 
-export const weekdayAsOneLetter: DateFormatter = (weekday, options) => {
+export const weekdayAsOneLetter: DateFormatter = (date, options) => {
   const locale = options?.locale?.code || DEFAULT_LOCALE;
-  const oneLetter = weekday.toLocaleString(locale, {
+  const oneLetter = date.toLocaleString(locale, {
     weekday: "narrow",
   });
 

package/src/utils/StoryContainer.tsx

@@ -1,5 +1,22 @@
-import styles from "./StoryContainer.module.css";
+const css = `
+  :root {
+    --story-container-width: auto;
+  }
+
+  @media (min-width: 641px) {
+    :root {
+      --story-container-width: var(--size-inner-container);
+    }
+  }
+
+  .story-container {
+    width: var(--story-container-width);
+  }
+`;
 
 export const StoryContainer = (props: Record<string, unknown>) => (
-  <div className={styles.storyContainer} {...props} />
+  <>
+    <style>{css}</style>
+    <div className="story-container" {...props} />
+  </>
 );

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

@@ -1,9 +0,0 @@
-import { TextFieldProps } from "@simplybusiness/mobius";
-export interface DatePickerProps extends Omit<TextFieldProps, "defaultValue" | "onChange" | "onBlur" | "onFocus"> {
-    onChange?: (date: string | undefined) => void;
-    defaultValue?: string;
-    min?: string;
-    max?: string;
-    id?: string;
-}
-export declare const DatePicker: (props: DatePickerProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -1,11 +0,0 @@
-import type { Meta, StoryObj } from "@storybook/react";
-import { DatePicker } from "./DatePicker";
-type StoryType = StoryObj<typeof DatePicker>;
-declare const meta: Meta<typeof DatePicker>;
-export declare const Normal: StoryType;
-export declare const WithMinValue: StoryType;
-export declare const WithMaxValue: StoryType;
-export declare const Disabled: StoryType;
-export declare const Valid: StoryType;
-export declare const Invalid: StoryType;
-export default meta;

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

@@ -1,79 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Invalid = exports.Valid = exports.Disabled = exports.WithMaxValue = exports.WithMinValue = exports.Normal = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const date_fns_1 = require("date-fns");
-const utils_1 = require("../../utils");
-const DatePicker_1 = require("./DatePicker");
-const meta = {
-    title: "Forms/DatePicker",
-    component: DatePicker_1.DatePicker,
-    argTypes: Object.assign({ validationState: {
-            options: ["valid", "invalid", "neither"],
-            control: { type: "radio" },
-            mapping: {
-                valid: "valid",
-                invalid: "invalid",
-                neither: "",
-            },
-        } }, (0, utils_1.excludeControls)("description", "type", "labelElementType", "inputElementType", "isReadOnly")),
-    args: {
-        defaultValue: "",
-        errorMessage: "",
-        isDisabled: false,
-        isRequired: false,
-        min: "",
-        max: "",
-    },
-    decorators: [
-        Story => ((0, jsx_runtime_1.jsx)(utils_1.StoryContainer, { style: { height: 450 }, children: (0, jsx_runtime_1.jsx)(Story, {}) })),
-    ],
-};
-exports.Normal = {
-    render: (args) => (0, jsx_runtime_1.jsx)(DatePicker_1.DatePicker, Object.assign({}, args)),
-    args: {
-        label: "Start date",
-    },
-};
-const aWeekFromToday = (0, date_fns_1.format)((0, date_fns_1.add)(new Date(), { weeks: 1 }), "yyyy-MM-dd");
-const twoMonthsFromToday = (0, date_fns_1.format)((0, date_fns_1.add)(new Date(), { months: 2 }), "yyyy-MM-dd");
-exports.WithMinValue = {
-    render: (args) => (0, jsx_runtime_1.jsx)(DatePicker_1.DatePicker, Object.assign({}, args)),
-    args: {
-        label: "Start date (a week from today)",
-        min: aWeekFromToday,
-        isRequired: true,
-    },
-};
-exports.WithMaxValue = {
-    render: (args) => (0, jsx_runtime_1.jsx)(DatePicker_1.DatePicker, Object.assign({}, args)),
-    args: {
-        label: "End date (two months from today)",
-        max: twoMonthsFromToday,
-        isRequired: true,
-    },
-};
-exports.Disabled = {
-    render: (args) => (0, jsx_runtime_1.jsx)(DatePicker_1.DatePicker, Object.assign({}, args)),
-    args: {
-        label: "Start date",
-        isDisabled: true,
-    },
-};
-exports.Valid = {
-    render: (args) => (0, jsx_runtime_1.jsx)(DatePicker_1.DatePicker, Object.assign({}, args)),
-    args: {
-        label: "Start date",
-        validationState: "valid",
-    },
-};
-exports.Invalid = {
-    render: (args) => (0, jsx_runtime_1.jsx)(DatePicker_1.DatePicker, Object.assign({}, args)),
-    args: {
-        label: "Start date",
-        validationState: "invalid",
-        errorMessage: "This is an error message",
-    },
-};
-exports.default = meta;
-//# sourceMappingURL=DatePicker.stories.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"DatePicker.stories.js","sourceRoot":"","sources":["../../../../src/components/DatePicker/DatePicker.stories.tsx"],"names":[],"mappings":";;;;AACA,uCAAuC;AACvC,uCAA8D;AAC9D,6CAA2D;AAI3D,MAAM,IAAI,GAA4B;IACpC,KAAK,EAAE,kBAAkB;IACzB,SAAS,EAAE,uBAAU;IACrB,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,uBAAe,EAChB,aAAa,EACb,MAAM,EACN,kBAAkB,EAClB,kBAAkB,EAClB,YAAY,CACb,CACF;IACD,IAAI,EAAE;QACJ,YAAY,EAAE,EAAE;QAChB,YAAY,EAAE,EAAE;QAChB,UAAU,EAAE,KAAK;QACjB,UAAU,EAAE,KAAK;QACjB,GAAG,EAAE,EAAE;QACP,GAAG,EAAE,EAAE;KACR;IACD,UAAU,EAAE;QACV,KAAK,CAAC,EAAE,CAAC,CACP,uBAAC,sBAAc,IAAC,KAAK,EAAE,EAAE,MAAM,EAAE,GAAG,EAAE,YACpC,uBAAC,KAAK,KAAG,GACM,CAClB;KACF;CACF,CAAC;AAEW,QAAA,MAAM,GAAc;IAC/B,MAAM,EAAE,CAAC,IAAqB,EAAE,EAAE,CAAC,uBAAC,uBAAU,oBAAK,IAAI,EAAI;IAC3D,IAAI,EAAE;QACJ,KAAK,EAAE,YAAY;KACpB;CACF,CAAC;AAEF,MAAM,cAAc,GAAG,IAAA,iBAAM,EAAC,IAAA,cAAG,EAAC,IAAI,IAAI,EAAE,EAAE,EAAE,KAAK,EAAE,CAAC,EAAE,CAAC,EAAE,YAAY,CAAC,CAAC;AAC3E,MAAM,kBAAkB,GAAG,IAAA,iBAAM,EAAC,IAAA,cAAG,EAAC,IAAI,IAAI,EAAE,EAAE,EAAE,MAAM,EAAE,CAAC,EAAE,CAAC,EAAE,YAAY,CAAC,CAAC;AAEnE,QAAA,YAAY,GAAc;IACrC,MAAM,EAAE,CAAC,IAAqB,EAAE,EAAE,CAAC,uBAAC,uBAAU,oBAAK,IAAI,EAAI;IAC3D,IAAI,EAAE;QACJ,KAAK,EAAE,gCAAgC;QACvC,GAAG,EAAE,cAAc;QACnB,UAAU,EAAE,IAAI;KACjB;CACF,CAAC;AAEW,QAAA,YAAY,GAAc;IACrC,MAAM,EAAE,CAAC,IAAqB,EAAE,EAAE,CAAC,uBAAC,uBAAU,oBAAK,IAAI,EAAI;IAC3D,IAAI,EAAE;QACJ,KAAK,EAAE,kCAAkC;QACzC,GAAG,EAAE,kBAAkB;QACvB,UAAU,EAAE,IAAI;KACjB;CACF,CAAC;AAEW,QAAA,QAAQ,GAAc;IACjC,MAAM,EAAE,CAAC,IAAqB,EAAE,EAAE,CAAC,uBAAC,uBAAU,oBAAK,IAAI,EAAI;IAC3D,IAAI,EAAE;QACJ,KAAK,EAAE,YAAY;QACnB,UAAU,EAAE,IAAI;KACjB;CACF,CAAC;AAEW,QAAA,KAAK,GAAc;IAC9B,MAAM,EAAE,CAAC,IAAqB,EAAE,EAAE,CAAC,uBAAC,uBAAU,oBAAK,IAAI,EAAI;IAC3D,IAAI,EAAE;QACJ,KAAK,EAAE,YAAY;QACnB,eAAe,EAAE,OAAO;KACzB;CACF,CAAC;AAEW,QAAA,OAAO,GAAc;IAChC,MAAM,EAAE,CAAC,IAAqB,EAAE,EAAE,CAAC,uBAAC,uBAAU,oBAAK,IAAI,EAAI;IAC3D,IAAI,EAAE;QACJ,KAAK,EAAE,YAAY;QACnB,eAAe,EAAE,SAAS;QAC1B,YAAY,EAAE,0BAA0B;KACzC;CACF,CAAC;AAEF,kBAAe,IAAI,CAAC"}

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

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