@react-spectrum/datepicker 3.9.4 → 3.9.5

package/dist/utils.mjs

@@ -0,0 +1,82 @@
+import {createDOMRef as $d7JPl$createDOMRef} from "@react-spectrum/utils";
+import {createFocusManager as $d7JPl$createFocusManager} from "@react-aria/focus";
+import {useDateFormatter as $d7JPl$useDateFormatter} from "@react-aria/i18n";
+import {useDisplayNames as $d7JPl$useDisplayNames} from "@react-aria/datepicker";
+import {useMemo as $d7JPl$useMemo, useState as $d7JPl$useState, useRef as $d7JPl$useRef, useImperativeHandle as $d7JPl$useImperativeHandle} from "react";
+import {useLayoutEffect as $d7JPl$useLayoutEffect} from "@react-aria/utils";
+import {useProvider as $d7JPl$useProvider} from "@react-spectrum/provider";
+
+/*
+ * Copyright 2020 Adobe. All rights reserved.
+ * This file is licensed to you under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License. You may obtain a copy
+ * of the License at http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software distributed under
+ * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+ * OF ANY KIND, either express or implied. See the License for the specific language
+ * governing permissions and limitations under the License.
+ */ 
+
+
+
+
+
+
+function $04e96200274b03de$export$322f4580ccd8dde6(props) {
+    let formatter = (0, $d7JPl$useDateFormatter)({
+        dateStyle: "short"
+    });
+    let displayNames = (0, $d7JPl$useDisplayNames)();
+    return (0, $d7JPl$useMemo)(()=>{
+        if (props.description) return props.description;
+        if (props.showFormatHelpText) return formatter.formatToParts(new Date()).map((s)=>{
+            if (s.type === "literal") return s.value;
+            return displayNames.of(s.type);
+        }).join(" ");
+        return "";
+    }, [
+        props.description,
+        props.showFormatHelpText,
+        formatter,
+        displayNames
+    ]);
+}
+function $04e96200274b03de$export$12ce2869ce471b1f(maxVisibleMonths) {
+    let { scale: scale } = (0, $d7JPl$useProvider)();
+    let [visibleMonths, setVisibleMonths] = (0, $d7JPl$useState)($04e96200274b03de$var$getVisibleMonths(scale));
+    (0, $d7JPl$useLayoutEffect)(()=>{
+        let onResize = ()=>setVisibleMonths($04e96200274b03de$var$getVisibleMonths(scale));
+        onResize();
+        window.addEventListener("resize", onResize);
+        return ()=>{
+            window.removeEventListener("resize", onResize);
+        };
+    }, [
+        scale
+    ]);
+    return Math.max(1, Math.min(visibleMonths, maxVisibleMonths, 3));
+}
+function $04e96200274b03de$var$getVisibleMonths(scale) {
+    if (typeof window === "undefined") return 1;
+    let monthWidth = scale === "large" ? 336 : 280;
+    let gap = scale === "large" ? 30 : 24;
+    let popoverPadding = scale === "large" ? 32 : 48;
+    return Math.floor((window.innerWidth - popoverPadding * 2) / (monthWidth + gap));
+}
+function $04e96200274b03de$export$71a23a36270e4bf0(ref) {
+    let domRef = (0, $d7JPl$useRef)();
+    (0, $d7JPl$useImperativeHandle)(ref, ()=>({
+            ...(0, $d7JPl$createDOMRef)(domRef),
+            focus () {
+                (0, $d7JPl$createFocusManager)(domRef).focusFirst({
+                    tabbable: true
+                });
+            }
+        }));
+    return domRef;
+}
+
+
+export {$04e96200274b03de$export$322f4580ccd8dde6 as useFormatHelpText, $04e96200274b03de$export$12ce2869ce471b1f as useVisibleMonths, $04e96200274b03de$export$71a23a36270e4bf0 as useFocusManagerRef};
+//# sourceMappingURL=utils.mjs.map

package/dist/utils.module.js

@@ -0,0 +1,82 @@
+import {createDOMRef as $d7JPl$createDOMRef} from "@react-spectrum/utils";
+import {createFocusManager as $d7JPl$createFocusManager} from "@react-aria/focus";
+import {useDateFormatter as $d7JPl$useDateFormatter} from "@react-aria/i18n";
+import {useDisplayNames as $d7JPl$useDisplayNames} from "@react-aria/datepicker";
+import {useMemo as $d7JPl$useMemo, useState as $d7JPl$useState, useRef as $d7JPl$useRef, useImperativeHandle as $d7JPl$useImperativeHandle} from "react";
+import {useLayoutEffect as $d7JPl$useLayoutEffect} from "@react-aria/utils";
+import {useProvider as $d7JPl$useProvider} from "@react-spectrum/provider";
+
+/*
+ * Copyright 2020 Adobe. All rights reserved.
+ * This file is licensed to you under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License. You may obtain a copy
+ * of the License at http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software distributed under
+ * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+ * OF ANY KIND, either express or implied. See the License for the specific language
+ * governing permissions and limitations under the License.
+ */ 
+
+
+
+
+
+
+function $04e96200274b03de$export$322f4580ccd8dde6(props) {
+    let formatter = (0, $d7JPl$useDateFormatter)({
+        dateStyle: "short"
+    });
+    let displayNames = (0, $d7JPl$useDisplayNames)();
+    return (0, $d7JPl$useMemo)(()=>{
+        if (props.description) return props.description;
+        if (props.showFormatHelpText) return formatter.formatToParts(new Date()).map((s)=>{
+            if (s.type === "literal") return s.value;
+            return displayNames.of(s.type);
+        }).join(" ");
+        return "";
+    }, [
+        props.description,
+        props.showFormatHelpText,
+        formatter,
+        displayNames
+    ]);
+}
+function $04e96200274b03de$export$12ce2869ce471b1f(maxVisibleMonths) {
+    let { scale: scale } = (0, $d7JPl$useProvider)();
+    let [visibleMonths, setVisibleMonths] = (0, $d7JPl$useState)($04e96200274b03de$var$getVisibleMonths(scale));
+    (0, $d7JPl$useLayoutEffect)(()=>{
+        let onResize = ()=>setVisibleMonths($04e96200274b03de$var$getVisibleMonths(scale));
+        onResize();
+        window.addEventListener("resize", onResize);
+        return ()=>{
+            window.removeEventListener("resize", onResize);
+        };
+    }, [
+        scale
+    ]);
+    return Math.max(1, Math.min(visibleMonths, maxVisibleMonths, 3));
+}
+function $04e96200274b03de$var$getVisibleMonths(scale) {
+    if (typeof window === "undefined") return 1;
+    let monthWidth = scale === "large" ? 336 : 280;
+    let gap = scale === "large" ? 30 : 24;
+    let popoverPadding = scale === "large" ? 32 : 48;
+    return Math.floor((window.innerWidth - popoverPadding * 2) / (monthWidth + gap));
+}
+function $04e96200274b03de$export$71a23a36270e4bf0(ref) {
+    let domRef = (0, $d7JPl$useRef)();
+    (0, $d7JPl$useImperativeHandle)(ref, ()=>({
+            ...(0, $d7JPl$createDOMRef)(domRef),
+            focus () {
+                (0, $d7JPl$createFocusManager)(domRef).focusFirst({
+                    tabbable: true
+                });
+            }
+        }));
+    return domRef;
+}
+
+
+export {$04e96200274b03de$export$322f4580ccd8dde6 as useFormatHelpText, $04e96200274b03de$export$12ce2869ce471b1f as useVisibleMonths, $04e96200274b03de$export$71a23a36270e4bf0 as useFocusManagerRef};
+//# sourceMappingURL=utils.module.js.map

package/dist/utils.module.js.map

@@ -0,0 +1 @@
+{"mappings":";;;;;;;;AAAA;;;;;;;;;;CAUC;;;;;;;AAWM,SAAS,0CAAkB,KAA8E;IAC9G,IAAI,YAAY,CAAA,GAAA,uBAAe,EAAE;QAAC,WAAW;IAAO;IACpD,IAAI,eAAe,CAAA,GAAA,sBAAc;IACjC,OAAO,CAAA,GAAA,cAAM,EAAE;QACb,IAAI,MAAM,WAAW,EACnB,OAAO,MAAM,WAAW;QAG1B,IAAI,MAAM,kBAAkB,EAC1B,OAAO,UAAU,aAAa,CAAC,IAAI,QAAQ,GAAG,CAAC,CAAA;YAC7C,IAAI,EAAE,IAAI,KAAK,WACb,OAAO,EAAE,KAAK;YAGhB,OAAO,aAAa,EAAE,CAAC,EAAE,IAAI;QAC/B,GAAG,IAAI,CAAC;QAGV,OAAO;IACT,GAAG;QAAC,MAAM,WAAW;QAAE,MAAM,kBAAkB;QAAE;QAAW;KAAa;AAC3E;AAEO,SAAS,0CAAiB,gBAAwB;IACvD,IAAI,SAAC,KAAK,EAAC,GAAG,CAAA,GAAA,kBAAU;IACxB,IAAI,CAAC,eAAe,iBAAiB,GAAG,CAAA,GAAA,eAAO,EAAE,uCAAiB;IAClE,CAAA,GAAA,sBAAc,EAAE;QACd,IAAI,WAAW,IAAM,iBAAiB,uCAAiB;QACvD;QAEA,OAAO,gBAAgB,CAAC,UAAU;QAClC,OAAO;YACL,OAAO,mBAAmB,CAAC,UAAU;QACvC;IACF,GAAG;QAAC;KAAM;IAEV,OAAO,KAAK,GAAG,CAAC,GAAG,KAAK,GAAG,CAAC,eAAe,kBAAkB;AAC/D;AAEA,SAAS,uCAAiB,KAAK;IAC7B,IAAI,OAAO,WAAW,aACpB,OAAO;IAET,IAAI,aAAa,UAAU,UAAU,MAAM;IAC3C,IAAI,MAAM,UAAU,UAAU,KAAK;IACnC,IAAI,iBAAiB,UAAU,UAAU,KAAK;IAC9C,OAAO,KAAK,KAAK,CAAC,AAAC,CAAA,OAAO,UAAU,GAAG,iBAAiB,CAAA,IAAM,CAAA,aAAa,GAAE;AAC/E;AAEO,SAAS,0CAAmB,GAA8B;IAC/D,IAAI,SAAS,CAAA,GAAA,aAAK;IAClB,CAAA,GAAA,0BAAkB,EAAE,KAAK,IAAO,CAAA;YAC9B,GAAG,CAAA,GAAA,mBAAW,EAAE,OAAO;YACvB;gBACE,CAAA,GAAA,yBAAiB,EAAE,QAAQ,UAAU,CAAC;oBAAC,UAAU;gBAAI;YACvD;QACF,CAAA;IACA,OAAO;AACT","sources":["packages/@react-spectrum/datepicker/src/utils.ts"],"sourcesContent":["/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\nimport {createDOMRef} from '@react-spectrum/utils';\nimport {createFocusManager} from '@react-aria/focus';\nimport {FocusableRef} from '@react-types/shared';\nimport {SpectrumDatePickerBase} from '@react-types/datepicker';\nimport {useDateFormatter} from '@react-aria/i18n';\nimport {useDisplayNames} from '@react-aria/datepicker';\nimport {useImperativeHandle, useMemo, useRef, useState} from 'react';\nimport {useLayoutEffect} from '@react-aria/utils';\nimport {useProvider} from '@react-spectrum/provider';\n\nexport function useFormatHelpText(props: Pick<SpectrumDatePickerBase<any>, 'description' | 'showFormatHelpText'>) {\n  let formatter = useDateFormatter({dateStyle: 'short'});\n  let displayNames = useDisplayNames();\n  return useMemo(() => {\n    if (props.description) {\n      return props.description;\n    }\n\n    if (props.showFormatHelpText) {\n      return formatter.formatToParts(new Date()).map(s => {\n        if (s.type === 'literal') {\n          return s.value;\n        }\n\n        return displayNames.of(s.type);\n      }).join(' ');\n    }\n\n    return '';\n  }, [props.description, props.showFormatHelpText, formatter, displayNames]);\n}\n\nexport function useVisibleMonths(maxVisibleMonths: number) {\n  let {scale} = useProvider();\n  let [visibleMonths, setVisibleMonths] = useState(getVisibleMonths(scale));\n  useLayoutEffect(() => {\n    let onResize = () => setVisibleMonths(getVisibleMonths(scale));\n    onResize();\n\n    window.addEventListener('resize', onResize);\n    return () => {\n      window.removeEventListener('resize', onResize);\n    };\n  }, [scale]);\n\n  return Math.max(1, Math.min(visibleMonths, maxVisibleMonths, 3));\n}\n\nfunction getVisibleMonths(scale) {\n  if (typeof window === 'undefined') {\n    return 1;\n  }\n  let monthWidth = scale === 'large' ? 336 : 280;\n  let gap = scale === 'large' ? 30 : 24;\n  let popoverPadding = scale === 'large' ? 32 : 48;\n  return Math.floor((window.innerWidth - popoverPadding * 2) / (monthWidth + gap));\n}\n\nexport function useFocusManagerRef(ref: FocusableRef<HTMLElement>) {\n  let domRef = useRef();\n  useImperativeHandle(ref, () => ({\n    ...createDOMRef(domRef),\n    focus() {\n      createFocusManager(domRef).focusFirst({tabbable: true});\n    }\n  }));\n  return domRef;\n}\n"],"names":[],"version":3,"file":"utils.module.js.map"}