UNPKG

react-aria

Version:
76 lines (67 loc) 3.69 kB
var $aa622b24499a77e3$exports = require("./useCalendarBase.cjs"); var $da02ee888921bc9e$exports = require("../utils/shadowdom/DOMFunctions.cjs"); var $6e76e65001bbcda2$exports = require("../utils/useEvent.cjs"); var $3NHeN$react = require("react"); function $parcel$export(e, n, v, s) { Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true}); } $parcel$export(module.exports, "useRangeCalendar", function () { return $c552d0e45aac5890$export$87e0539f600c24e5; }); /* * 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 $c552d0e45aac5890$export$87e0539f600c24e5(props, state, ref) { let { commitBehavior: commitBehavior = 'select', ...otherProps } = props; let res = (0, $aa622b24499a77e3$exports.useCalendarBase)(otherProps, state); // We need to ignore virtual pointer events from VoiceOver due to these bugs. // https://bugs.webkit.org/show_bug.cgi?id=222627 // https://bugs.webkit.org/show_bug.cgi?id=223202 // usePress also does this and waits for the following click event before firing. // We need to match that here otherwise this will fire before the press event in // useCalendarCell, causing range selection to not work properly. let isVirtualClick = (0, $3NHeN$react.useRef)(false); let windowRef = (0, $3NHeN$react.useRef)(typeof window !== 'undefined' ? window : null); (0, $6e76e65001bbcda2$exports.useEvent)(windowRef, 'pointerdown', (e)=>{ isVirtualClick.current = e.width === 0 && e.height === 0; }); const commitBehaviorMapping = { clear: ()=>state.clearSelection(), reset: ()=>state.setAnchorDate(null), select: ()=>state.commitSelection() }; // Execute method corresponding to `commitBehavior` when pressing or releasing a pointer outside the calendar body, // except when pressing the next or previous buttons to switch months. let endDragging = (e)=>{ if (isVirtualClick.current) { isVirtualClick.current = false; return; } state.setDragging(false); if (!state.anchorDate) return; let target = e.target; if (ref.current && (0, $da02ee888921bc9e$exports.isFocusWithin)(ref.current) && (!(0, $da02ee888921bc9e$exports.nodeContains)(ref.current, target) || !target.closest('button, [role="button"]'))) commitBehaviorMapping[commitBehavior](); }; (0, $6e76e65001bbcda2$exports.useEvent)(windowRef, 'pointerup', endDragging); // Also execute method corresponding to `commitBehavior` on blur, // e.g. tabbing away from the calendar. res.calendarProps.onBlur = (e)=>{ if (!ref.current) return; if ((!e.relatedTarget || !(0, $da02ee888921bc9e$exports.nodeContains)(ref.current, e.relatedTarget)) && state.anchorDate) commitBehaviorMapping[commitBehavior](); }; // Prevent touch scrolling while dragging (0, $6e76e65001bbcda2$exports.useEvent)(ref, 'touchmove', (e)=>{ if (state.isDragging) e.preventDefault(); }, { passive: false, capture: true }); return res; } //# sourceMappingURL=useRangeCalendar.cjs.map