@react-aria/datepicker 3.1.1 → 3.2.0

package/dist/main.js

@@ -2,8 +2,8 @@ var $IwcIq$reactariafocus = require("@react-aria/focus");
 var $IwcIq$reactariautils = require("@react-aria/utils");
 var $IwcIq$react = require("react");
 var $IwcIq$reactarialabel = require("@react-aria/label");
-var $IwcIq$reactariai18n = require("@react-aria/i18n");
 var $IwcIq$reactariainteractions = require("@react-aria/interactions");
+var $IwcIq$reactariai18n = require("@react-aria/i18n");
 var $IwcIq$internationalizeddate = require("@internationalized/date");
 var $IwcIq$internationalizednumber = require("@internationalized/number");
 var $IwcIq$reactariaspinbutton = require("@react-aria/spinbutton");
@@ -973,9 +973,13 @@ function $4acc2f407c169e55$export$5591b0b878c1a989(props, state, ref) {
         labelElementType: 'span'
     });
     let { focusWithinProps: focusWithinProps  } = $IwcIq$reactariainteractions.useFocusWithin({
-        onBlurWithin () {
+        ...props,
+        onBlurWithin: (e)=>{
             state.confirmPlaceholder();
-        }
+            if (props.onBlur) props.onBlur(e);
+        },
+        onFocusWithin: props.onFocus,
+        onFocusWithinChange: props.onFocusChange
     });
     let stringFormatter = $IwcIq$reactariai18n.useLocalizedStringFormatter((/*@__PURE__*/$parcel$interopDefault($c7d0e80b992ca68a$exports)));
     let message = state.maxGranularity === 'hour' ? 'selectedTimeDescription' : 'selectedDateDescription';
@@ -1037,7 +1041,14 @@ function $4acc2f407c169e55$export$5591b0b878c1a989(props, state, ref) {
                 focusManager.focusFirst();
             }
         },
-        fieldProps: $IwcIq$reactariautils.mergeProps(domProps, fieldDOMProps, groupProps, focusWithinProps),
+        fieldProps: $IwcIq$reactariautils.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
     };
@@ -1050,6 +1061,7 @@ function $4acc2f407c169e55$export$4c842f6a241dc825(props, state, ref) {
 
 
 
+
 function $e90ae7c26a69c6b1$export$42df105a73306d51(props, state, ref) {
     let buttonId = $IwcIq$reactariautils.useId();
     let dialogId = $IwcIq$reactariautils.useId();
@@ -1077,12 +1089,27 @@ function $e90ae7c26a69c6b1$export$42df105a73306d51(props, state, ref) {
     , [
         ref
     ]);
+    let { focusWithinProps: focusWithinProps  } = $IwcIq$reactariainteractions.useFocusWithin({
+        ...props,
+        isDisabled: state.isOpen,
+        onBlurWithin: props.onBlur,
+        onFocusWithin: props.onFocus,
+        onFocusWithinChange: props.onFocusChange
+    });
     return {
-        groupProps: $IwcIq$reactariautils.mergeProps(domProps, groupProps, fieldProps, descProps, {
+        groupProps: $IwcIq$reactariautils.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,
@@ -1522,6 +1549,7 @@ function $5c015c6316d1904d$var$commonPrefixLength(strings) {
 
 
 
+
 function $20f695b1b69e6b9e$export$12fd5f0e9f4bb192(props, state, ref) {
     var ref1, ref2;
     let stringFormatter = $IwcIq$reactariai18n.useLocalizedStringFormatter((/*@__PURE__*/$parcel$interopDefault($c7d0e80b992ca68a$exports)));
@@ -1578,11 +1606,26 @@ function $20f695b1b69e6b9e$export$12fd5f0e9f4bb192(props, state, ref) {
         validationState: state.validationState
     };
     let domProps = $IwcIq$reactariautils.filterDOMProps(props);
+    let { focusWithinProps: focusWithinProps  } = $IwcIq$reactariainteractions.useFocusWithin({
+        ...props,
+        isDisabled: state.isOpen,
+        onBlurWithin: props.onBlur,
+        onFocusWithin: props.onFocus,
+        onFocusWithinChange: props.onFocusChange
+    });
     return {
-        groupProps: $IwcIq$reactariautils.mergeProps(domProps, groupProps, fieldProps, descProps, {
+        groupProps: $IwcIq$reactariautils.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,