@react-aria/datepicker 3.16.0 → 3.17.0

package/dist/useDatePicker.module.js

@@ -1,173 +0,0 @@
-import $4lVjK$intlStringsmodulejs from "./intlStrings.module.js";
-import {roleSymbol as $16f0b7bb276bc17e$export$300019f83c56d282} from "./useDateField.module.js";
-import {useDatePickerGroup as $3dfb0f96be0d6a08$export$4a931266a3838b86} from "./useDatePickerGroup.module.js";
-import {createFocusManager as $4lVjK$createFocusManager} from "@react-aria/focus";
-import {useId as $4lVjK$useId, useDescription as $4lVjK$useDescription, filterDOMProps as $4lVjK$filterDOMProps, nodeContains as $4lVjK$nodeContains, mergeProps as $4lVjK$mergeProps} from "@react-aria/utils";
-import {privateValidationStateProp as $4lVjK$privateValidationStateProp} from "@react-stately/form";
-import {useField as $4lVjK$useField} from "@react-aria/label";
-import {useFocusWithin as $4lVjK$useFocusWithin} from "@react-aria/interactions";
-import {useLocalizedStringFormatter as $4lVjK$useLocalizedStringFormatter, useLocale as $4lVjK$useLocale} from "@react-aria/i18n";
-import {useMemo as $4lVjK$useMemo, useRef as $4lVjK$useRef} from "react";
-
-
-function $parcel$interopDefault(a) {
-  return a && a.__esModule ? a.default : a;
-}
-/*
- * 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 $6057a3d2a53a12fd$export$42df105a73306d51(props, state, ref) {
-    let buttonId = (0, $4lVjK$useId)();
-    let dialogId = (0, $4lVjK$useId)();
-    let fieldId = (0, $4lVjK$useId)();
-    let stringFormatter = (0, $4lVjK$useLocalizedStringFormatter)((0, ($parcel$interopDefault($4lVjK$intlStringsmodulejs))), '@react-aria/datepicker');
-    let { isInvalid: isInvalid, validationErrors: validationErrors, validationDetails: validationDetails } = state.displayValidation;
-    let { labelProps: labelProps, fieldProps: fieldProps, descriptionProps: descriptionProps, errorMessageProps: errorMessageProps } = (0, $4lVjK$useField)({
-        ...props,
-        labelElementType: 'span',
-        isInvalid: isInvalid,
-        errorMessage: props.errorMessage || validationErrors
-    });
-    let groupProps = (0, $3dfb0f96be0d6a08$export$4a931266a3838b86)(state, ref);
-    let labelledBy = fieldProps['aria-labelledby'] || fieldProps.id;
-    let { locale: locale } = (0, $4lVjK$useLocale)();
-    let date = state.formatValue(locale, {
-        month: 'long'
-    });
-    let description = date ? stringFormatter.format('selectedDateDescription', {
-        date: date
-    }) : '';
-    let descProps = (0, $4lVjK$useDescription)(description);
-    let ariaDescribedBy = [
-        descProps['aria-describedby'],
-        fieldProps['aria-describedby']
-    ].filter(Boolean).join(' ') || undefined;
-    let domProps = (0, $4lVjK$filterDOMProps)(props);
-    let focusManager = (0, $4lVjK$useMemo)(()=>(0, $4lVjK$createFocusManager)(ref), [
-        ref
-    ]);
-    let isFocused = (0, $4lVjK$useRef)(false);
-    let { focusWithinProps: focusWithinProps } = (0, $4lVjK$useFocusWithin)({
-        ...props,
-        isDisabled: state.isOpen,
-        onBlurWithin: (e)=>{
-            // Ignore when focus moves into the popover.
-            let dialog = document.getElementById(dialogId);
-            if (!(0, $4lVjK$nodeContains)(dialog, e.relatedTarget)) {
-                var _props_onBlur, _props_onFocusChange;
-                isFocused.current = false;
-                (_props_onBlur = props.onBlur) === null || _props_onBlur === void 0 ? void 0 : _props_onBlur.call(props, e);
-                (_props_onFocusChange = props.onFocusChange) === null || _props_onFocusChange === void 0 ? void 0 : _props_onFocusChange.call(props, false);
-            }
-        },
-        onFocusWithin: (e)=>{
-            if (!isFocused.current) {
-                var _props_onFocus, _props_onFocusChange;
-                isFocused.current = true;
-                (_props_onFocus = props.onFocus) === null || _props_onFocus === void 0 ? void 0 : _props_onFocus.call(props, e);
-                (_props_onFocusChange = props.onFocusChange) === null || _props_onFocusChange === void 0 ? void 0 : _props_onFocusChange.call(props, true);
-            }
-        }
-    });
-    return {
-        groupProps: (0, $4lVjK$mergeProps)(domProps, groupProps, fieldProps, descProps, focusWithinProps, {
-            role: 'group',
-            'aria-disabled': props.isDisabled || null,
-            'aria-labelledby': labelledBy,
-            'aria-describedby': ariaDescribedBy,
-            onKeyDown (e) {
-                if (state.isOpen) return;
-                if (props.onKeyDown) props.onKeyDown(e);
-            },
-            onKeyUp (e) {
-                if (state.isOpen) return;
-                if (props.onKeyUp) props.onKeyUp(e);
-            }
-        }),
-        labelProps: {
-            ...labelProps,
-            onClick: ()=>{
-                focusManager.focusFirst();
-            }
-        },
-        fieldProps: {
-            ...fieldProps,
-            id: fieldId,
-            [(0, $16f0b7bb276bc17e$export$300019f83c56d282)]: 'presentation',
-            'aria-describedby': ariaDescribedBy,
-            value: state.value,
-            defaultValue: state.defaultValue,
-            onChange: state.setValue,
-            placeholderValue: props.placeholderValue,
-            hideTimeZone: props.hideTimeZone,
-            hourCycle: props.hourCycle,
-            shouldForceLeadingZeros: props.shouldForceLeadingZeros,
-            granularity: props.granularity,
-            isDisabled: props.isDisabled,
-            isReadOnly: props.isReadOnly,
-            isRequired: props.isRequired,
-            validationBehavior: props.validationBehavior,
-            // DatePicker owns the validation state for the date field.
-            [(0, $4lVjK$privateValidationStateProp)]: state,
-            autoFocus: props.autoFocus,
-            name: props.name,
-            form: props.form
-        },
-        descriptionProps: descriptionProps,
-        errorMessageProps: errorMessageProps,
-        buttonProps: {
-            ...descProps,
-            id: buttonId,
-            'aria-haspopup': 'dialog',
-            'aria-label': stringFormatter.format('calendar'),
-            'aria-labelledby': `${buttonId} ${labelledBy}`,
-            'aria-describedby': ariaDescribedBy,
-            'aria-expanded': state.isOpen,
-            isDisabled: props.isDisabled || props.isReadOnly,
-            onPress: ()=>state.setOpen(true)
-        },
-        dialogProps: {
-            id: dialogId,
-            'aria-labelledby': `${buttonId} ${labelledBy}`
-        },
-        calendarProps: {
-            autoFocus: true,
-            value: state.dateValue,
-            onChange: state.setDateValue,
-            minValue: props.minValue,
-            maxValue: props.maxValue,
-            isDisabled: props.isDisabled,
-            isReadOnly: props.isReadOnly,
-            isDateUnavailable: props.isDateUnavailable,
-            defaultFocusedValue: state.dateValue ? undefined : props.placeholderValue,
-            isInvalid: state.isInvalid,
-            errorMessage: typeof props.errorMessage === 'function' ? props.errorMessage(state.displayValidation) : props.errorMessage || state.displayValidation.validationErrors.join(' '),
-            firstDayOfWeek: props.firstDayOfWeek,
-            pageBehavior: props.pageBehavior
-        },
-        isInvalid: isInvalid,
-        validationErrors: validationErrors,
-        validationDetails: validationDetails
-    };
-}
-
-
-export {$6057a3d2a53a12fd$export$42df105a73306d51 as useDatePicker};
-//# sourceMappingURL=useDatePicker.module.js.map

package/dist/useDatePicker.module.js.map

@@ -1 +0,0 @@
-{"mappings":"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","sources":["packages/@react-aria/datepicker/src/useDatePicker.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 */\n\nimport {AriaButtonProps} from '@react-types/button';\nimport {AriaDatePickerProps, DateValue} from '@react-types/datepicker';\nimport {AriaDialogProps} from '@react-types/dialog';\nimport {CalendarProps} from '@react-types/calendar';\nimport {createFocusManager} from '@react-aria/focus';\nimport {DatePickerState} from '@react-stately/datepicker';\nimport {DOMAttributes, GroupDOMAttributes, KeyboardEvent, RefObject, ValidationResult} from '@react-types/shared';\nimport {filterDOMProps, mergeProps, nodeContains, useDescription, useId} from '@react-aria/utils';\n// @ts-ignore\nimport intlMessages from '../intl/*.json';\nimport {privateValidationStateProp} from '@react-stately/form';\nimport {roleSymbol} from './useDateField';\nimport {useDatePickerGroup} from './useDatePickerGroup';\nimport {useField} from '@react-aria/label';\nimport {useFocusWithin} from '@react-aria/interactions';\nimport {useLocale, useLocalizedStringFormatter} from '@react-aria/i18n';\nimport {useMemo, useRef} from 'react';\n\nexport interface DatePickerAria extends ValidationResult {\n  /** Props for the date picker's visible label element, if any. */\n  labelProps: DOMAttributes,\n  /** Props for the grouping element containing the date field and button. */\n  groupProps: GroupDOMAttributes,\n  /** Props for the date field. */\n  fieldProps: AriaDatePickerProps<DateValue>,\n  /** Props for the popover trigger button. */\n  buttonProps: AriaButtonProps,\n  /** Props for the description element, if any. */\n  descriptionProps: DOMAttributes,\n  /** Props for the error message element, if any. */\n  errorMessageProps: DOMAttributes,\n  /** Props for the popover dialog. */\n  dialogProps: AriaDialogProps,\n  /** Props for the calendar within the popover dialog. */\n  calendarProps: CalendarProps<DateValue>\n}\n\n/**\n * Provides the behavior and accessibility implementation for a date picker component.\n * A date picker combines a DateField and a Calendar popover to allow users to enter or select a date and time value.\n */\nexport function useDatePicker<T extends DateValue>(props: AriaDatePickerProps<T>, state: DatePickerState, ref: RefObject<Element | null>): DatePickerAria {\n  let buttonId = useId();\n  let dialogId = useId();\n  let fieldId = useId();\n  let stringFormatter = useLocalizedStringFormatter(intlMessages, '@react-aria/datepicker');\n\n  let {isInvalid, validationErrors, validationDetails} = state.displayValidation;\n  let {labelProps, fieldProps, descriptionProps, errorMessageProps} = useField({\n    ...props,\n    labelElementType: 'span',\n    isInvalid,\n    errorMessage: props.errorMessage || validationErrors\n  });\n\n  let groupProps = useDatePickerGroup(state, ref);\n\n  let labelledBy = fieldProps['aria-labelledby'] || fieldProps.id;\n\n  let {locale} = useLocale();\n  let date = state.formatValue(locale, {month: 'long'});\n  let description = date ? stringFormatter.format('selectedDateDescription', {date}) : '';\n  let descProps = useDescription(description);\n  let ariaDescribedBy = [descProps['aria-describedby'], fieldProps['aria-describedby']].filter(Boolean).join(' ') || undefined;\n  let domProps = filterDOMProps(props);\n  let focusManager = useMemo(() => createFocusManager(ref), [ref]);\n\n  let isFocused = useRef(false);\n  let {focusWithinProps} = useFocusWithin({\n    ...props,\n    isDisabled: state.isOpen,\n    onBlurWithin: e => {\n      // Ignore when focus moves into the popover.\n      let dialog = document.getElementById(dialogId);\n      if (!nodeContains(dialog, e.relatedTarget)) {\n        isFocused.current = false;\n        props.onBlur?.(e);\n        props.onFocusChange?.(false);\n      }\n    },\n    onFocusWithin: e => {\n      if (!isFocused.current) {\n        isFocused.current = true;\n        props.onFocus?.(e);\n        props.onFocusChange?.(true);\n      }\n    }\n  });\n\n  return {\n    groupProps: mergeProps(domProps, groupProps, fieldProps, descProps, focusWithinProps, {\n      role: 'group' as const,\n      'aria-disabled': props.isDisabled || null,\n      'aria-labelledby': labelledBy,\n      'aria-describedby': ariaDescribedBy,\n      onKeyDown(e: KeyboardEvent) {\n        if (state.isOpen) {\n          return;\n        }\n\n        if (props.onKeyDown) {\n          props.onKeyDown(e);\n        }\n      },\n      onKeyUp(e: KeyboardEvent) {\n        if (state.isOpen) {\n          return;\n        }\n\n        if (props.onKeyUp) {\n          props.onKeyUp(e);\n        }\n      }\n    }),\n    labelProps: {\n      ...labelProps,\n      onClick: () => {\n        focusManager.focusFirst();\n      }\n    },\n    fieldProps: {\n      ...fieldProps,\n      id: fieldId,\n      [roleSymbol]: 'presentation',\n      'aria-describedby': ariaDescribedBy,\n      value: state.value,\n      defaultValue: state.defaultValue,\n      onChange: state.setValue,\n      placeholderValue: props.placeholderValue,\n      hideTimeZone: props.hideTimeZone,\n      hourCycle: props.hourCycle,\n      shouldForceLeadingZeros: props.shouldForceLeadingZeros,\n      granularity: props.granularity,\n      isDisabled: props.isDisabled,\n      isReadOnly: props.isReadOnly,\n      isRequired: props.isRequired,\n      validationBehavior: props.validationBehavior,\n      // DatePicker owns the validation state for the date field.\n      [privateValidationStateProp]: state,\n      autoFocus: props.autoFocus,\n      name: props.name,\n      form: props.form\n    },\n    descriptionProps,\n    errorMessageProps,\n    buttonProps: {\n      ...descProps,\n      id: buttonId,\n      'aria-haspopup': 'dialog',\n      'aria-label': stringFormatter.format('calendar'),\n      'aria-labelledby': `${buttonId} ${labelledBy}`,\n      'aria-describedby': ariaDescribedBy,\n      'aria-expanded': state.isOpen,\n      isDisabled: props.isDisabled || props.isReadOnly,\n      onPress: () => state.setOpen(true)\n    },\n    dialogProps: {\n      id: dialogId,\n      'aria-labelledby': `${buttonId} ${labelledBy}`\n    },\n    calendarProps: {\n      autoFocus: true,\n      value: state.dateValue,\n      onChange: state.setDateValue,\n      minValue: props.minValue,\n      maxValue: props.maxValue,\n      isDisabled: props.isDisabled,\n      isReadOnly: props.isReadOnly,\n      isDateUnavailable: props.isDateUnavailable,\n      defaultFocusedValue: state.dateValue ? undefined : props.placeholderValue,\n      isInvalid: state.isInvalid,\n      errorMessage: typeof props.errorMessage === 'function' ? props.errorMessage(state.displayValidation) : (props.errorMessage || state.displayValidation.validationErrors.join(' ')),\n      firstDayOfWeek: props.firstDayOfWeek,\n      pageBehavior: props.pageBehavior\n    },\n    isInvalid,\n    validationErrors,\n    validationDetails\n  };\n}\n"],"names":[],"version":3,"file":"useDatePicker.module.js.map"}

package/dist/useDatePickerGroup.main.js

@@ -1,121 +0,0 @@
-var $19S5E$reactariafocus = require("@react-aria/focus");
-var $19S5E$reactariautils = require("@react-aria/utils");
-var $19S5E$reactariai18n = require("@react-aria/i18n");
-var $19S5E$react = require("react");
-var $19S5E$reactariainteractions = require("@react-aria/interactions");
-
-
-function $parcel$export(e, n, v, s) {
-  Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
-}
-
-$parcel$export(module.exports, "useDatePickerGroup", () => $715562ad3b4cced4$export$4a931266a3838b86);
-
-
-
-
-
-function $715562ad3b4cced4$export$4a931266a3838b86(state, ref, disableArrowNavigation) {
-    let { direction: direction } = (0, $19S5E$reactariai18n.useLocale)();
-    let focusManager = (0, $19S5E$react.useMemo)(()=>(0, $19S5E$reactariafocus.createFocusManager)(ref), [
-        ref
-    ]);
-    // Open the popover on alt + arrow down
-    let onKeyDown = (e)=>{
-        if (!(0, $19S5E$reactariautils.nodeContains)(e.currentTarget, e.target)) return;
-        if (e.altKey && (e.key === 'ArrowDown' || e.key === 'ArrowUp') && 'setOpen' in state) {
-            e.preventDefault();
-            e.stopPropagation();
-            state.setOpen(true);
-        }
-        if (disableArrowNavigation) return;
-        switch(e.key){
-            case 'ArrowLeft':
-                e.preventDefault();
-                e.stopPropagation();
-                if (direction === 'rtl') {
-                    if (ref.current) {
-                        let target = e.target;
-                        let prev = $715562ad3b4cced4$var$findNextSegment(ref.current, target.getBoundingClientRect().left, -1);
-                        if (prev) prev.focus();
-                    }
-                } else focusManager.focusPrevious();
-                break;
-            case 'ArrowRight':
-                e.preventDefault();
-                e.stopPropagation();
-                if (direction === 'rtl') {
-                    if (ref.current) {
-                        let target = e.target;
-                        let next = $715562ad3b4cced4$var$findNextSegment(ref.current, target.getBoundingClientRect().left, 1);
-                        if (next) next.focus();
-                    }
-                } else focusManager.focusNext();
-                break;
-        }
-    };
-    // Focus the first placeholder segment from the end on mouse down/touch up in the field.
-    let focusLast = ()=>{
-        var _window_event;
-        if (!ref.current) return;
-        // Try to find the segment prior to the element that was clicked on.
-        let target = (_window_event = window.event) === null || _window_event === void 0 ? void 0 : _window_event.target;
-        let walker = (0, $19S5E$reactariafocus.getFocusableTreeWalker)(ref.current, {
-            tabbable: true
-        });
-        if (target) {
-            walker.currentNode = target;
-            target = walker.previousNode();
-        }
-        // If no target found, find the last element from the end.
-        if (!target) {
-            let last;
-            do {
-                last = walker.lastChild();
-                if (last) target = last;
-            }while (last);
-        }
-        // Now go backwards until we find an element that is not a placeholder.
-        while(target === null || target === void 0 ? void 0 : target.hasAttribute('data-placeholder')){
-            let prev = walker.previousNode();
-            if (prev && prev.hasAttribute('data-placeholder')) target = prev;
-            else break;
-        }
-        if (target) target.focus();
-    };
-    let { pressProps: pressProps } = (0, $19S5E$reactariainteractions.usePress)({
-        preventFocusOnPress: true,
-        allowTextSelectionOnPress: true,
-        onPressStart (e) {
-            if (e.pointerType === 'mouse') focusLast();
-        },
-        onPress (e) {
-            if (e.pointerType === 'touch' || e.pointerType === 'pen') focusLast();
-        }
-    });
-    return (0, $19S5E$reactariautils.mergeProps)(pressProps, {
-        onKeyDown: onKeyDown
-    });
-}
-function $715562ad3b4cced4$var$findNextSegment(group, fromX, direction) {
-    let walker = (0, $19S5E$reactariafocus.getFocusableTreeWalker)(group, {
-        tabbable: true
-    });
-    let node = walker.nextNode();
-    let closest = null;
-    let closestDistance = Infinity;
-    while(node){
-        let x = node.getBoundingClientRect().left;
-        let distance = x - fromX;
-        let absoluteDistance = Math.abs(distance);
-        if (Math.sign(distance) === direction && absoluteDistance < closestDistance) {
-            closest = node;
-            closestDistance = absoluteDistance;
-        }
-        node = walker.nextNode();
-    }
-    return closest;
-}
-
-
-//# sourceMappingURL=useDatePickerGroup.main.js.map

package/dist/useDatePickerGroup.main.js.map

@@ -1 +0,0 @@
-{"mappings":"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","sources":["packages/@react-aria/datepicker/src/useDatePickerGroup.ts"],"sourcesContent":["import {createFocusManager, getFocusableTreeWalker} from '@react-aria/focus';\nimport {DateFieldState, DatePickerState, DateRangePickerState} from '@react-stately/datepicker';\nimport {DOMAttributes, FocusableElement, KeyboardEvent, RefObject} from '@react-types/shared';\nimport {mergeProps, nodeContains} from '@react-aria/utils';\nimport {useLocale} from '@react-aria/i18n';\nimport {useMemo} from 'react';\nimport {usePress} from '@react-aria/interactions';\n\nexport function useDatePickerGroup(state: DatePickerState | DateRangePickerState | DateFieldState, ref: RefObject<Element | null>, disableArrowNavigation?: boolean): DOMAttributes<FocusableElement> {\n  let {direction} = useLocale();\n  let focusManager = useMemo(() => createFocusManager(ref), [ref]);\n\n  // Open the popover on alt + arrow down\n  let onKeyDown = (e: KeyboardEvent) => {\n    if (!nodeContains(e.currentTarget, e.target as Element)) {\n      return;\n    }\n\n    if (e.altKey && (e.key === 'ArrowDown' || e.key === 'ArrowUp') && 'setOpen' in state) {\n      e.preventDefault();\n      e.stopPropagation();\n      state.setOpen(true);\n    }\n\n    if (disableArrowNavigation) {\n      return;\n    }\n\n    switch (e.key) {\n      case 'ArrowLeft':\n        e.preventDefault();\n        e.stopPropagation();\n        if (direction === 'rtl') {\n          if (ref.current) {\n            let target = e.target as FocusableElement;\n            let prev = findNextSegment(ref.current, target.getBoundingClientRect().left, -1);\n\n            if (prev) {\n              prev.focus();\n            }\n          }\n        } else {\n          focusManager.focusPrevious();\n        }\n        break;\n      case 'ArrowRight':\n        e.preventDefault();\n        e.stopPropagation();\n        if (direction === 'rtl') {\n          if (ref.current) {\n            let target = e.target as FocusableElement;\n            let next = findNextSegment(ref.current, target.getBoundingClientRect().left, 1);\n\n            if (next) {\n              next.focus();\n            }\n          }\n        } else {\n          focusManager.focusNext();\n        }\n        break;\n    }\n  };\n\n  // Focus the first placeholder segment from the end on mouse down/touch up in the field.\n  let focusLast = () => {\n    if (!ref.current) {\n      return;\n    }\n    // Try to find the segment prior to the element that was clicked on.\n    let target = window.event?.target as FocusableElement;\n    let walker = getFocusableTreeWalker(ref.current, {tabbable: true});\n    if (target) {\n      walker.currentNode = target;\n      target = walker.previousNode() as FocusableElement;\n    }\n\n    // If no target found, find the last element from the end.\n    if (!target) {\n      let last: FocusableElement;\n      do {\n        last = walker.lastChild() as FocusableElement;\n        if (last) {\n          target = last;\n        }\n      } while (last);\n    }\n\n    // Now go backwards until we find an element that is not a placeholder.\n    while (target?.hasAttribute('data-placeholder')) {\n      let prev = walker.previousNode() as FocusableElement;\n      if (prev && prev.hasAttribute('data-placeholder')) {\n        target = prev;\n      } else {\n        break;\n      }\n    }\n\n    if (target) {\n      target.focus();\n    }\n  };\n\n  let {pressProps} = usePress({\n    preventFocusOnPress: true,\n    allowTextSelectionOnPress: true,\n    onPressStart(e) {\n      if (e.pointerType === 'mouse') {\n        focusLast();\n      }\n    },\n    onPress(e) {\n      if (e.pointerType === 'touch' || e.pointerType === 'pen') {\n        focusLast();\n      }\n    }\n  });\n\n  return mergeProps(pressProps, {onKeyDown});\n}\n\nfunction findNextSegment(group: Element, fromX: number, direction: number) {\n  let walker = getFocusableTreeWalker(group, {tabbable: true});\n  let node = walker.nextNode();\n  let closest: FocusableElement | null = null;\n  let closestDistance = Infinity;\n  while (node) {\n    let x = (node as Element).getBoundingClientRect().left;\n    let distance = x - fromX;\n    let absoluteDistance = Math.abs(distance);\n    if (Math.sign(distance) === direction && absoluteDistance < closestDistance) {\n      closest = node as FocusableElement;\n      closestDistance = absoluteDistance;\n    }\n    node = walker.nextNode();\n  }\n  return closest;\n}\n"],"names":[],"version":3,"file":"useDatePickerGroup.main.js.map"}

package/dist/useDatePickerGroup.mjs

@@ -1,116 +0,0 @@
-import {createFocusManager as $7CEvq$createFocusManager, getFocusableTreeWalker as $7CEvq$getFocusableTreeWalker} from "@react-aria/focus";
-import {nodeContains as $7CEvq$nodeContains, mergeProps as $7CEvq$mergeProps} from "@react-aria/utils";
-import {useLocale as $7CEvq$useLocale} from "@react-aria/i18n";
-import {useMemo as $7CEvq$useMemo} from "react";
-import {usePress as $7CEvq$usePress} from "@react-aria/interactions";
-
-
-
-
-
-
-function $3dfb0f96be0d6a08$export$4a931266a3838b86(state, ref, disableArrowNavigation) {
-    let { direction: direction } = (0, $7CEvq$useLocale)();
-    let focusManager = (0, $7CEvq$useMemo)(()=>(0, $7CEvq$createFocusManager)(ref), [
-        ref
-    ]);
-    // Open the popover on alt + arrow down
-    let onKeyDown = (e)=>{
-        if (!(0, $7CEvq$nodeContains)(e.currentTarget, e.target)) return;
-        if (e.altKey && (e.key === 'ArrowDown' || e.key === 'ArrowUp') && 'setOpen' in state) {
-            e.preventDefault();
-            e.stopPropagation();
-            state.setOpen(true);
-        }
-        if (disableArrowNavigation) return;
-        switch(e.key){
-            case 'ArrowLeft':
-                e.preventDefault();
-                e.stopPropagation();
-                if (direction === 'rtl') {
-                    if (ref.current) {
-                        let target = e.target;
-                        let prev = $3dfb0f96be0d6a08$var$findNextSegment(ref.current, target.getBoundingClientRect().left, -1);
-                        if (prev) prev.focus();
-                    }
-                } else focusManager.focusPrevious();
-                break;
-            case 'ArrowRight':
-                e.preventDefault();
-                e.stopPropagation();
-                if (direction === 'rtl') {
-                    if (ref.current) {
-                        let target = e.target;
-                        let next = $3dfb0f96be0d6a08$var$findNextSegment(ref.current, target.getBoundingClientRect().left, 1);
-                        if (next) next.focus();
-                    }
-                } else focusManager.focusNext();
-                break;
-        }
-    };
-    // Focus the first placeholder segment from the end on mouse down/touch up in the field.
-    let focusLast = ()=>{
-        var _window_event;
-        if (!ref.current) return;
-        // Try to find the segment prior to the element that was clicked on.
-        let target = (_window_event = window.event) === null || _window_event === void 0 ? void 0 : _window_event.target;
-        let walker = (0, $7CEvq$getFocusableTreeWalker)(ref.current, {
-            tabbable: true
-        });
-        if (target) {
-            walker.currentNode = target;
-            target = walker.previousNode();
-        }
-        // If no target found, find the last element from the end.
-        if (!target) {
-            let last;
-            do {
-                last = walker.lastChild();
-                if (last) target = last;
-            }while (last);
-        }
-        // Now go backwards until we find an element that is not a placeholder.
-        while(target === null || target === void 0 ? void 0 : target.hasAttribute('data-placeholder')){
-            let prev = walker.previousNode();
-            if (prev && prev.hasAttribute('data-placeholder')) target = prev;
-            else break;
-        }
-        if (target) target.focus();
-    };
-    let { pressProps: pressProps } = (0, $7CEvq$usePress)({
-        preventFocusOnPress: true,
-        allowTextSelectionOnPress: true,
-        onPressStart (e) {
-            if (e.pointerType === 'mouse') focusLast();
-        },
-        onPress (e) {
-            if (e.pointerType === 'touch' || e.pointerType === 'pen') focusLast();
-        }
-    });
-    return (0, $7CEvq$mergeProps)(pressProps, {
-        onKeyDown: onKeyDown
-    });
-}
-function $3dfb0f96be0d6a08$var$findNextSegment(group, fromX, direction) {
-    let walker = (0, $7CEvq$getFocusableTreeWalker)(group, {
-        tabbable: true
-    });
-    let node = walker.nextNode();
-    let closest = null;
-    let closestDistance = Infinity;
-    while(node){
-        let x = node.getBoundingClientRect().left;
-        let distance = x - fromX;
-        let absoluteDistance = Math.abs(distance);
-        if (Math.sign(distance) === direction && absoluteDistance < closestDistance) {
-            closest = node;
-            closestDistance = absoluteDistance;
-        }
-        node = walker.nextNode();
-    }
-    return closest;
-}
-
-
-export {$3dfb0f96be0d6a08$export$4a931266a3838b86 as useDatePickerGroup};
-//# sourceMappingURL=useDatePickerGroup.module.js.map

package/dist/useDatePickerGroup.module.js

@@ -1,116 +0,0 @@
-import {createFocusManager as $7CEvq$createFocusManager, getFocusableTreeWalker as $7CEvq$getFocusableTreeWalker} from "@react-aria/focus";
-import {nodeContains as $7CEvq$nodeContains, mergeProps as $7CEvq$mergeProps} from "@react-aria/utils";
-import {useLocale as $7CEvq$useLocale} from "@react-aria/i18n";
-import {useMemo as $7CEvq$useMemo} from "react";
-import {usePress as $7CEvq$usePress} from "@react-aria/interactions";
-
-
-
-
-
-
-function $3dfb0f96be0d6a08$export$4a931266a3838b86(state, ref, disableArrowNavigation) {
-    let { direction: direction } = (0, $7CEvq$useLocale)();
-    let focusManager = (0, $7CEvq$useMemo)(()=>(0, $7CEvq$createFocusManager)(ref), [
-        ref
-    ]);
-    // Open the popover on alt + arrow down
-    let onKeyDown = (e)=>{
-        if (!(0, $7CEvq$nodeContains)(e.currentTarget, e.target)) return;
-        if (e.altKey && (e.key === 'ArrowDown' || e.key === 'ArrowUp') && 'setOpen' in state) {
-            e.preventDefault();
-            e.stopPropagation();
-            state.setOpen(true);
-        }
-        if (disableArrowNavigation) return;
-        switch(e.key){
-            case 'ArrowLeft':
-                e.preventDefault();
-                e.stopPropagation();
-                if (direction === 'rtl') {
-                    if (ref.current) {
-                        let target = e.target;
-                        let prev = $3dfb0f96be0d6a08$var$findNextSegment(ref.current, target.getBoundingClientRect().left, -1);
-                        if (prev) prev.focus();
-                    }
-                } else focusManager.focusPrevious();
-                break;
-            case 'ArrowRight':
-                e.preventDefault();
-                e.stopPropagation();
-                if (direction === 'rtl') {
-                    if (ref.current) {
-                        let target = e.target;
-                        let next = $3dfb0f96be0d6a08$var$findNextSegment(ref.current, target.getBoundingClientRect().left, 1);
-                        if (next) next.focus();
-                    }
-                } else focusManager.focusNext();
-                break;
-        }
-    };
-    // Focus the first placeholder segment from the end on mouse down/touch up in the field.
-    let focusLast = ()=>{
-        var _window_event;
-        if (!ref.current) return;
-        // Try to find the segment prior to the element that was clicked on.
-        let target = (_window_event = window.event) === null || _window_event === void 0 ? void 0 : _window_event.target;
-        let walker = (0, $7CEvq$getFocusableTreeWalker)(ref.current, {
-            tabbable: true
-        });
-        if (target) {
-            walker.currentNode = target;
-            target = walker.previousNode();
-        }
-        // If no target found, find the last element from the end.
-        if (!target) {
-            let last;
-            do {
-                last = walker.lastChild();
-                if (last) target = last;
-            }while (last);
-        }
-        // Now go backwards until we find an element that is not a placeholder.
-        while(target === null || target === void 0 ? void 0 : target.hasAttribute('data-placeholder')){
-            let prev = walker.previousNode();
-            if (prev && prev.hasAttribute('data-placeholder')) target = prev;
-            else break;
-        }
-        if (target) target.focus();
-    };
-    let { pressProps: pressProps } = (0, $7CEvq$usePress)({
-        preventFocusOnPress: true,
-        allowTextSelectionOnPress: true,
-        onPressStart (e) {
-            if (e.pointerType === 'mouse') focusLast();
-        },
-        onPress (e) {
-            if (e.pointerType === 'touch' || e.pointerType === 'pen') focusLast();
-        }
-    });
-    return (0, $7CEvq$mergeProps)(pressProps, {
-        onKeyDown: onKeyDown
-    });
-}
-function $3dfb0f96be0d6a08$var$findNextSegment(group, fromX, direction) {
-    let walker = (0, $7CEvq$getFocusableTreeWalker)(group, {
-        tabbable: true
-    });
-    let node = walker.nextNode();
-    let closest = null;
-    let closestDistance = Infinity;
-    while(node){
-        let x = node.getBoundingClientRect().left;
-        let distance = x - fromX;
-        let absoluteDistance = Math.abs(distance);
-        if (Math.sign(distance) === direction && absoluteDistance < closestDistance) {
-            closest = node;
-            closestDistance = absoluteDistance;
-        }
-        node = walker.nextNode();
-    }
-    return closest;
-}
-
-
-export {$3dfb0f96be0d6a08$export$4a931266a3838b86 as useDatePickerGroup};
-//# sourceMappingURL=useDatePickerGroup.module.js.map

package/dist/useDatePickerGroup.module.js.map

@@ -1 +0,0 @@
-{"mappings":"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","sources":["packages/@react-aria/datepicker/src/useDatePickerGroup.ts"],"sourcesContent":["import {createFocusManager, getFocusableTreeWalker} from '@react-aria/focus';\nimport {DateFieldState, DatePickerState, DateRangePickerState} from '@react-stately/datepicker';\nimport {DOMAttributes, FocusableElement, KeyboardEvent, RefObject} from '@react-types/shared';\nimport {mergeProps, nodeContains} from '@react-aria/utils';\nimport {useLocale} from '@react-aria/i18n';\nimport {useMemo} from 'react';\nimport {usePress} from '@react-aria/interactions';\n\nexport function useDatePickerGroup(state: DatePickerState | DateRangePickerState | DateFieldState, ref: RefObject<Element | null>, disableArrowNavigation?: boolean): DOMAttributes<FocusableElement> {\n  let {direction} = useLocale();\n  let focusManager = useMemo(() => createFocusManager(ref), [ref]);\n\n  // Open the popover on alt + arrow down\n  let onKeyDown = (e: KeyboardEvent) => {\n    if (!nodeContains(e.currentTarget, e.target as Element)) {\n      return;\n    }\n\n    if (e.altKey && (e.key === 'ArrowDown' || e.key === 'ArrowUp') && 'setOpen' in state) {\n      e.preventDefault();\n      e.stopPropagation();\n      state.setOpen(true);\n    }\n\n    if (disableArrowNavigation) {\n      return;\n    }\n\n    switch (e.key) {\n      case 'ArrowLeft':\n        e.preventDefault();\n        e.stopPropagation();\n        if (direction === 'rtl') {\n          if (ref.current) {\n            let target = e.target as FocusableElement;\n            let prev = findNextSegment(ref.current, target.getBoundingClientRect().left, -1);\n\n            if (prev) {\n              prev.focus();\n            }\n          }\n        } else {\n          focusManager.focusPrevious();\n        }\n        break;\n      case 'ArrowRight':\n        e.preventDefault();\n        e.stopPropagation();\n        if (direction === 'rtl') {\n          if (ref.current) {\n            let target = e.target as FocusableElement;\n            let next = findNextSegment(ref.current, target.getBoundingClientRect().left, 1);\n\n            if (next) {\n              next.focus();\n            }\n          }\n        } else {\n          focusManager.focusNext();\n        }\n        break;\n    }\n  };\n\n  // Focus the first placeholder segment from the end on mouse down/touch up in the field.\n  let focusLast = () => {\n    if (!ref.current) {\n      return;\n    }\n    // Try to find the segment prior to the element that was clicked on.\n    let target = window.event?.target as FocusableElement;\n    let walker = getFocusableTreeWalker(ref.current, {tabbable: true});\n    if (target) {\n      walker.currentNode = target;\n      target = walker.previousNode() as FocusableElement;\n    }\n\n    // If no target found, find the last element from the end.\n    if (!target) {\n      let last: FocusableElement;\n      do {\n        last = walker.lastChild() as FocusableElement;\n        if (last) {\n          target = last;\n        }\n      } while (last);\n    }\n\n    // Now go backwards until we find an element that is not a placeholder.\n    while (target?.hasAttribute('data-placeholder')) {\n      let prev = walker.previousNode() as FocusableElement;\n      if (prev && prev.hasAttribute('data-placeholder')) {\n        target = prev;\n      } else {\n        break;\n      }\n    }\n\n    if (target) {\n      target.focus();\n    }\n  };\n\n  let {pressProps} = usePress({\n    preventFocusOnPress: true,\n    allowTextSelectionOnPress: true,\n    onPressStart(e) {\n      if (e.pointerType === 'mouse') {\n        focusLast();\n      }\n    },\n    onPress(e) {\n      if (e.pointerType === 'touch' || e.pointerType === 'pen') {\n        focusLast();\n      }\n    }\n  });\n\n  return mergeProps(pressProps, {onKeyDown});\n}\n\nfunction findNextSegment(group: Element, fromX: number, direction: number) {\n  let walker = getFocusableTreeWalker(group, {tabbable: true});\n  let node = walker.nextNode();\n  let closest: FocusableElement | null = null;\n  let closestDistance = Infinity;\n  while (node) {\n    let x = (node as Element).getBoundingClientRect().left;\n    let distance = x - fromX;\n    let absoluteDistance = Math.abs(distance);\n    if (Math.sign(distance) === direction && absoluteDistance < closestDistance) {\n      closest = node as FocusableElement;\n      closestDistance = absoluteDistance;\n    }\n    node = walker.nextNode();\n  }\n  return closest;\n}\n"],"names":[],"version":3,"file":"useDatePickerGroup.module.js.map"}