@react-aria/datepicker 3.1.1 → 3.2.0

package/dist/module.js

@@ -2,8 +2,8 @@ import {createFocusManager as $cIPI0$createFocusManager, getFocusableTreeWalker
 import {useId as $cIPI0$useId, useDescription as $cIPI0$useDescription, filterDOMProps as $cIPI0$filterDOMProps, mergeProps as $cIPI0$mergeProps, isMac as $cIPI0$isMac, scrollIntoView as $cIPI0$scrollIntoView, getScrollParent as $cIPI0$getScrollParent, useEvent as $cIPI0$useEvent, useLayoutEffect as $cIPI0$useLayoutEffect, isIOS as $cIPI0$isIOS, useLabels as $cIPI0$useLabels} from "@react-aria/utils";
 import $cIPI0$react, {useMemo as $cIPI0$useMemo, useRef as $cIPI0$useRef, useEffect as $cIPI0$useEffect} from "react";
 import {useField as $cIPI0$useField} from "@react-aria/label";
-import {useLocalizedStringFormatter as $cIPI0$useLocalizedStringFormatter, useLocale as $cIPI0$useLocale, useDateFormatter as $cIPI0$useDateFormatter, useFilter as $cIPI0$useFilter} from "@react-aria/i18n";
 import {useFocusWithin as $cIPI0$useFocusWithin, usePress as $cIPI0$usePress} from "@react-aria/interactions";
+import {useLocalizedStringFormatter as $cIPI0$useLocalizedStringFormatter, useLocale as $cIPI0$useLocale, useDateFormatter as $cIPI0$useDateFormatter, useFilter as $cIPI0$useFilter} from "@react-aria/i18n";
 import {toCalendar as $cIPI0$toCalendar, CalendarDate as $cIPI0$CalendarDate} from "@internationalized/date";
 import {NumberParser as $cIPI0$NumberParser} from "@internationalized/number";
 import {useSpinButton as $cIPI0$useSpinButton} from "@react-aria/spinbutton";
@@ -963,9 +963,13 @@ function $16f0b7bb276bc17e$export$5591b0b878c1a989(props, state, ref) {
         labelElementType: 'span'
     });
     let { focusWithinProps: focusWithinProps  } = $cIPI0$useFocusWithin({
-        onBlurWithin () {
+        ...props,
+        onBlurWithin: (e)=>{
             state.confirmPlaceholder();
-        }
+            if (props.onBlur) props.onBlur(e);
+        },
+        onFocusWithin: props.onFocus,
+        onFocusWithinChange: props.onFocusChange
     });
     let stringFormatter = $cIPI0$useLocalizedStringFormatter((/*@__PURE__*/$parcel$interopDefault($204383cf4f6b0d06$exports)));
     let message = state.maxGranularity === 'hour' ? 'selectedTimeDescription' : 'selectedDateDescription';
@@ -1027,7 +1031,14 @@ function $16f0b7bb276bc17e$export$5591b0b878c1a989(props, state, ref) {
                 focusManager.focusFirst();
             }
         },
-        fieldProps: $cIPI0$mergeProps(domProps, fieldDOMProps, groupProps, focusWithinProps),
+        fieldProps: $cIPI0$mergeProps(domProps, fieldDOMProps, groupProps, focusWithinProps, {
+            onKeyDown (e) {
+                if (props.onKeyDown) props.onKeyDown(e);
+            },
+            onKeyUp (e) {
+                if (props.onKeyUp) props.onKeyUp(e);
+            }
+        }),
         descriptionProps: descriptionProps,
         errorMessageProps: errorMessageProps
     };
@@ -1040,6 +1051,7 @@ function $16f0b7bb276bc17e$export$4c842f6a241dc825(props, state, ref) {
 
 
 
+
 function $6057a3d2a53a12fd$export$42df105a73306d51(props, state, ref) {
     let buttonId = $cIPI0$useId();
     let dialogId = $cIPI0$useId();
@@ -1067,12 +1079,27 @@ function $6057a3d2a53a12fd$export$42df105a73306d51(props, state, ref) {
     , [
         ref
     ]);
+    let { focusWithinProps: focusWithinProps  } = $cIPI0$useFocusWithin({
+        ...props,
+        isDisabled: state.isOpen,
+        onBlurWithin: props.onBlur,
+        onFocusWithin: props.onFocus,
+        onFocusWithinChange: props.onFocusChange
+    });
     return {
-        groupProps: $cIPI0$mergeProps(domProps, groupProps, fieldProps, descProps, {
+        groupProps: $cIPI0$mergeProps(domProps, groupProps, fieldProps, descProps, focusWithinProps, {
             role: 'group',
             'aria-disabled': props.isDisabled || null,
             'aria-labelledby': labelledBy,
-            'aria-describedby': ariaDescribedBy
+            '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,
@@ -1512,6 +1539,7 @@ function $32489daedd52963e$var$commonPrefixLength(strings) {
 
 
 
+
 function $887cac91b7cc8801$export$12fd5f0e9f4bb192(props, state, ref) {
     var ref1, ref2;
     let stringFormatter = $cIPI0$useLocalizedStringFormatter((/*@__PURE__*/$parcel$interopDefault($204383cf4f6b0d06$exports)));
@@ -1568,11 +1596,26 @@ function $887cac91b7cc8801$export$12fd5f0e9f4bb192(props, state, ref) {
         validationState: state.validationState
     };
     let domProps = $cIPI0$filterDOMProps(props);
+    let { focusWithinProps: focusWithinProps  } = $cIPI0$useFocusWithin({
+        ...props,
+        isDisabled: state.isOpen,
+        onBlurWithin: props.onBlur,
+        onFocusWithin: props.onFocus,
+        onFocusWithinChange: props.onFocusChange
+    });
     return {
-        groupProps: $cIPI0$mergeProps(domProps, groupProps, fieldProps, descProps, {
+        groupProps: $cIPI0$mergeProps(domProps, groupProps, fieldProps, descProps, focusWithinProps, {
             role: 'group',
             'aria-disabled': props.isDisabled || null,
-            'aria-describedby': ariaDescribedBy
+            '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,