@react-aria/datepicker 3.0.0-nightly.3134 → 3.0.0-nightly.3156

package/dist/main.js

@@ -8,6 +8,9 @@ var $IwcIq$react = require("react");
 var $IwcIq$reactariaspinbutton = require("@react-aria/spinbutton");
 var $IwcIq$internationalizedmessage = require("@internationalized/message");
 
+function $parcel$export(e, n, v, s) {
+  Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
+}
 function $parcel$exportWildcard(dest, source) {
   Object.keys(source).forEach(function(key) {
     if (key === 'default' || key === '__esModule' || dest.hasOwnProperty(key)) {
@@ -27,12 +30,12 @@ function $parcel$exportWildcard(dest, source) {
 function $parcel$interopDefault(a) {
   return a && a.__esModule ? a.default : a;
 }
-function $parcel$export(e, n, v, s) {
-  Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
-}
-var $e90ae7c26a69c6b1$exports = {};
 
-$parcel$export($e90ae7c26a69c6b1$exports, "useDatePicker", () => $e90ae7c26a69c6b1$export$42df105a73306d51);
+$parcel$export(module.exports, "useDatePicker", () => $e90ae7c26a69c6b1$export$42df105a73306d51);
+$parcel$export(module.exports, "useDateSegment", () => $5c015c6316d1904d$export$1315d136e6f7581);
+$parcel$export(module.exports, "useDateField", () => $4acc2f407c169e55$export$5591b0b878c1a989);
+$parcel$export(module.exports, "useTimeField", () => $4acc2f407c169e55$export$4c842f6a241dc825);
+$parcel$export(module.exports, "useDateRangePicker", () => $20f695b1b69e6b9e$export$12fd5f0e9f4bb192);
 
 var $c7d0e80b992ca68a$exports = {};
 var $aa344be62785b256$exports = {};
@@ -212,7 +215,8 @@ $c7d0e80b992ca68a$exports = {
 
 
 
-function $715562ad3b4cced4$export$4a931266a3838b86(state, ref) {
+
+function $715562ad3b4cced4$export$4a931266a3838b86(state, ref1) {
     // Open the popover on alt + arrow down
     let onKeyDown = (e)=>{
         if (e.altKey && e.key === 'ArrowDown' && 'setOpen' in state) {
@@ -223,12 +227,31 @@ function $715562ad3b4cced4$export$4a931266a3838b86(state, ref) {
     };
     // Focus the first placeholder segment from the end on mouse down/touch up in the field.
     let focusLast = ()=>{
-        let elements = ref.current.querySelectorAll('[tabindex="0"]');
-        let index = elements.length - 1;
-        while(index >= 0 && elements[index].getAttribute('aria-placeholder'))index--;
-        index = Math.min(index + 1, elements.length - 1);
-        let element = elements[index];
-        if (element) element.focus();
+        var ref;
+        // Try to find the segment prior to the element that was clicked on.
+        let target = (ref = window.event) === null || ref === void 0 ? void 0 : ref.target;
+        let walker = $IwcIq$reactariafocus.getFocusableTreeWalker(ref1.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.getAttribute('aria-placeholder')){
+            let prev = walker.previousNode();
+            if (prev && prev.getAttribute('aria-placeholder')) target = prev;
+            else break;
+        }
+        if (target) target.focus();
     };
     let { pressProps: pressProps  } = $IwcIq$reactariainteractions.usePress({
         onPressStart (e) {
@@ -278,7 +301,22 @@ function $e90ae7c26a69c6b1$export$42df105a73306d51(props, state, ref) {
                 focusManager.focusFirst();
             }
         },
-        fieldProps: fieldProps,
+        fieldProps: {
+            ...fieldProps,
+            value: state.value,
+            onChange: state.setValue,
+            minValue: props.minValue,
+            maxValue: props.maxValue,
+            placeholderValue: props.placeholderValue,
+            hideTimeZone: props.hideTimeZone,
+            hourCycle: props.hourCycle,
+            granularity: props.granularity,
+            isDisabled: props.isDisabled,
+            isReadOnly: props.isReadOnly,
+            isRequired: props.isRequired,
+            validationState: state.validationState,
+            autoFocus: props.autoFocus
+        },
         descriptionProps: descriptionProps,
         errorMessageProps: errorMessageProps,
         buttonProps: {
@@ -288,31 +326,155 @@ function $e90ae7c26a69c6b1$export$42df105a73306d51(props, state, ref) {
             'aria-haspopup': 'dialog',
             'aria-label': formatMessage('calendar'),
             'aria-labelledby': `${labelledBy} ${buttonId}`,
-            'aria-describedby': ariaDescribedBy
+            'aria-describedby': ariaDescribedBy,
+            onPress: ()=>state.setOpen(true)
         },
         dialogProps: {
             id: dialogId,
             'aria-labelledby': `${labelledBy} ${buttonId}`
+        },
+        calendarProps: {
+            autoFocus: true,
+            value: state.dateValue,
+            onChange: state.setDateValue,
+            minValue: props.minValue,
+            maxValue: props.maxValue,
+            isDisabled: props.isDisabled,
+            isReadOnly: props.isReadOnly,
+            isDateDisabled: props.isDateDisabled,
+            defaultFocusedValue: state.dateValue ? undefined : props.placeholderValue
         }
     };
 }
 
 
-var $5c015c6316d1904d$exports = {};
 
-$parcel$export($5c015c6316d1904d$exports, "useDateSegment", () => $5c015c6316d1904d$export$1315d136e6f7581);
 
-var $4acc2f407c169e55$exports = {};
 
-$parcel$export($4acc2f407c169e55$exports, "labelIds", () => $4acc2f407c169e55$export$beb2340c1222c6d);
-$parcel$export($4acc2f407c169e55$exports, "useDateField", () => $4acc2f407c169e55$export$5591b0b878c1a989);
 
 
 
 
 
 
-const $4acc2f407c169e55$export$beb2340c1222c6d = new WeakMap();
+
+const $20f695b1b69e6b9e$export$7b3062cd49e80452 = '__focusManager_' + Date.now();
+function $20f695b1b69e6b9e$export$12fd5f0e9f4bb192(props, state, ref) {
+    var ref1, ref2;
+    let formatMessage = $IwcIq$reactariai18n.useMessageFormatter((/*@__PURE__*/$parcel$interopDefault($c7d0e80b992ca68a$exports)));
+    let { labelProps: labelProps , fieldProps: fieldProps , descriptionProps: descriptionProps , errorMessageProps: errorMessageProps  } = $IwcIq$reactarialabel.useField({
+        ...props,
+        labelElementType: 'span'
+    });
+    let labelledBy = fieldProps['aria-labelledby'] || fieldProps.id;
+    let { locale: locale  } = $IwcIq$reactariai18n.useLocale();
+    let description = state.formatValue(locale, {
+        month: 'long'
+    });
+    let descProps = $IwcIq$reactariautils.useDescription(description);
+    let startFieldProps = $IwcIq$reactariautils.useLabels({
+        'aria-label': formatMessage('startDate'),
+        'aria-labelledby': labelledBy
+    });
+    let endFieldProps = $IwcIq$reactariautils.useLabels({
+        'aria-label': formatMessage('endDate'),
+        'aria-labelledby': labelledBy
+    });
+    let buttonId = $IwcIq$reactariautils.useId();
+    let dialogId = $IwcIq$reactariautils.useId();
+    let groupProps = $715562ad3b4cced4$export$4a931266a3838b86(state, ref);
+    let { focusWithinProps: focusWithinProps  } = $IwcIq$reactariainteractions.useFocusWithin({
+        onBlurWithin () {
+            state.confirmPlaceholder();
+        }
+    });
+    let ariaDescribedBy = [
+        descProps['aria-describedby'],
+        fieldProps['aria-describedby']
+    ].filter(Boolean).join(' ') || undefined;
+    let focusManager = $IwcIq$react.useMemo(()=>$IwcIq$reactariafocus.createFocusManager(ref)
+    , [
+        ref
+    ]);
+    let commonFieldProps = {
+        [$20f695b1b69e6b9e$export$7b3062cd49e80452]: focusManager,
+        minValue: props.minValue,
+        maxValue: props.maxValue,
+        placeholderValue: props.placeholderValue,
+        hideTimeZone: props.hideTimeZone,
+        hourCycle: props.hourCycle,
+        granularity: props.granularity,
+        isDisabled: props.isDisabled,
+        isReadOnly: props.isReadOnly,
+        isRequired: props.isRequired,
+        validationState: state.validationState
+    };
+    return {
+        groupProps: $IwcIq$reactariautils.mergeProps(groupProps, fieldProps, descProps, focusWithinProps, {
+            role: 'group',
+            'aria-disabled': props.isDisabled || null,
+            'aria-describedby': ariaDescribedBy
+        }),
+        labelProps: {
+            ...labelProps,
+            onClick: ()=>{
+                focusManager.focusFirst();
+            }
+        },
+        buttonProps: {
+            ...descProps,
+            id: buttonId,
+            excludeFromTabOrder: true,
+            'aria-haspopup': 'dialog',
+            'aria-label': formatMessage('calendar'),
+            'aria-labelledby': `${labelledBy} ${buttonId}`,
+            'aria-describedby': ariaDescribedBy,
+            onPress: ()=>state.setOpen(true)
+        },
+        dialogProps: {
+            id: dialogId,
+            'aria-labelledby': `${labelledBy} ${buttonId}`
+        },
+        startFieldProps: {
+            ...startFieldProps,
+            ...commonFieldProps,
+            'aria-describedby': fieldProps['aria-describedby'],
+            value: (ref1 = state.value) === null || ref1 === void 0 ? void 0 : ref1.start,
+            onChange: (start)=>state.setDateTime('start', start)
+            ,
+            autoFocus: props.autoFocus
+        },
+        endFieldProps: {
+            ...endFieldProps,
+            ...commonFieldProps,
+            'aria-describedby': fieldProps['aria-describedby'],
+            value: (ref2 = state.value) === null || ref2 === void 0 ? void 0 : ref2.end,
+            onChange: (end)=>state.setDateTime('end', end)
+        },
+        descriptionProps: descriptionProps,
+        errorMessageProps: errorMessageProps,
+        calendarProps: {
+            autoFocus: true,
+            value: state.dateRange,
+            onChange: state.setDateRange,
+            minValue: props.minValue,
+            maxValue: props.maxValue,
+            isDisabled: props.isDisabled,
+            isReadOnly: props.isReadOnly,
+            isDateDisabled: props.isDateDisabled,
+            defaultFocusedValue: state.dateRange ? undefined : props.placeholderValue
+        }
+    };
+}
+
+
+
+
+
+
+
+
+const $4acc2f407c169e55$export$653eddfc964b0f8a = new WeakMap();
 function $4acc2f407c169e55$export$5591b0b878c1a989(props, state, ref) {
     let { labelProps: labelProps , fieldProps: fieldProps , descriptionProps: descriptionProps , errorMessageProps: errorMessageProps  } = $IwcIq$reactarialabel.useField({
         ...props,
@@ -333,15 +495,28 @@ function $4acc2f407c169e55$export$5591b0b878c1a989(props, state, ref) {
         descProps['aria-describedby'],
         fieldProps['aria-describedby']
     ].filter(Boolean).join(' ') || undefined;
-    $4acc2f407c169e55$export$beb2340c1222c6d.set(state, {
+    let propsFocusManager = props[$20f695b1b69e6b9e$export$7b3062cd49e80452];
+    let focusManager = $IwcIq$react.useMemo(()=>propsFocusManager || $IwcIq$reactariafocus.createFocusManager(ref)
+    , [
+        propsFocusManager,
+        ref
+    ]);
+    $4acc2f407c169e55$export$653eddfc964b0f8a.set(state, {
         ariaLabelledBy: segmentLabelledBy,
-        ariaDescribedBy: describedBy
+        ariaDescribedBy: describedBy,
+        focusManager: focusManager
     });
+    let autoFocusRef = $IwcIq$react.useRef(props.autoFocus);
+    $IwcIq$react.useEffect(()=>{
+        if (autoFocusRef.current) focusManager.focusFirst();
+        autoFocusRef.current = false;
+    }, [
+        focusManager
+    ]);
     return {
         labelProps: {
             ...labelProps,
             onClick: ()=>{
-                let focusManager = $IwcIq$reactariafocus.createFocusManager(ref);
                 focusManager.focusFirst();
             }
         },
@@ -354,6 +529,9 @@ function $4acc2f407c169e55$export$5591b0b878c1a989(props, state, ref) {
         errorMessageProps: errorMessageProps
     };
 }
+function $4acc2f407c169e55$export$4c842f6a241dc825(props, state, ref) {
+    return $4acc2f407c169e55$export$5591b0b878c1a989(props, state, ref);
+}
 
 
 
@@ -396,12 +574,11 @@ class $934ac650a0aceb4b$var$DisplayNamesPolyfill {
 
 
 
-
-function $5c015c6316d1904d$export$1315d136e6f7581(props, segment, state, ref) {
+function $5c015c6316d1904d$export$1315d136e6f7581(segment, state, ref) {
     let enteredKeys = $IwcIq$react.useRef('');
     let { locale: locale , direction: direction  } = $IwcIq$reactariai18n.useLocale();
     let displayNames = $934ac650a0aceb4b$export$d42c60378c8168f8();
-    let focusManager = $IwcIq$reactariafocus.useFocusManager();
+    let { ariaLabelledBy: ariaLabelledBy , ariaDescribedBy: ariaDescribedBy , focusManager: focusManager  } = $4acc2f407c169e55$export$653eddfc964b0f8a.get(state);
     let textValue = segment.text;
     let options = $IwcIq$react.useMemo(()=>state.dateFormatter.resolvedOptions()
     , [
@@ -425,9 +602,9 @@ function $5c015c6316d1904d$export$1315d136e6f7581(props, segment, state, ref) {
         textValue: textValue,
         minValue: segment.minValue,
         maxValue: segment.maxValue,
-        isDisabled: props.isDisabled,
-        isReadOnly: props.isReadOnly || !segment.isEditable,
-        isRequired: props.isRequired,
+        isDisabled: state.isDisabled,
+        isReadOnly: state.isReadOnly || !segment.isEditable,
+        isRequired: state.isRequired,
         onIncrement: ()=>{
             enteredKeys.current = '';
             state.increment(segment.type);
@@ -460,7 +637,7 @@ function $5c015c6316d1904d$export$1315d136e6f7581(props, segment, state, ref) {
         locale
     ]);
     let backspace = ()=>{
-        if (parser.isValidPartialNumber(segment.text) && !props.isReadOnly && !segment.isPlaceholder) {
+        if (parser.isValidPartialNumber(segment.text) && !state.isReadOnly && !segment.isPlaceholder) {
             let newValue = segment.text.slice(0, -1);
             let parsed = parser.parse(newValue);
             if (newValue.length === 0 || parsed === 0) state.clearSegment(segment.type);
@@ -477,20 +654,30 @@ function $5c015c6316d1904d$export$1315d136e6f7581(props, segment, state, ref) {
             case 'ArrowLeft':
                 e.preventDefault();
                 e.stopPropagation();
-                if (direction === 'rtl') focusManager.focusNext();
-                else focusManager.focusPrevious();
+                if (direction === 'rtl') focusManager.focusNext({
+                    tabbable: true
+                });
+                else focusManager.focusPrevious({
+                    tabbable: true
+                });
                 break;
             case 'ArrowRight':
                 e.preventDefault();
                 e.stopPropagation();
-                if (direction === 'rtl') focusManager.focusPrevious();
-                else focusManager.focusNext();
+                if (direction === 'rtl') focusManager.focusPrevious({
+                    tabbable: true
+                });
+                else focusManager.focusNext({
+                    tabbable: true
+                });
                 break;
             case 'Enter':
                 e.preventDefault();
                 e.stopPropagation();
-                if (segment.isPlaceholder && !props.isReadOnly) state.confirmPlaceholder(segment.type);
-                focusManager.focusNext();
+                if (segment.isPlaceholder && !state.isReadOnly) state.confirmPlaceholder(segment.type);
+                focusManager.focusNext({
+                    tabbable: true
+                });
                 break;
             case 'Tab':
                 break;
@@ -528,14 +715,16 @@ function $5c015c6316d1904d$export$1315d136e6f7581(props, segment, state, ref) {
         amPmFormatter
     ]);
     let onInput = (key)=>{
-        if (props.isDisabled || props.isReadOnly) return;
+        if (state.isDisabled || state.isReadOnly) return;
         let newValue = enteredKeys.current + key;
         switch(segment.type){
             case 'dayPeriod':
                 if (startsWith(am, key)) state.setSegment('dayPeriod', 0);
                 else if (startsWith(pm, key)) state.setSegment('dayPeriod', 12);
                 else break;
-                focusManager.focusNext();
+                focusManager.focusNext({
+                    tabbable: true
+                });
                 break;
             case 'day':
             case 'hour':
@@ -565,7 +754,9 @@ function $5c015c6316d1904d$export$1315d136e6f7581(props, segment, state, ref) {
                     if (shouldSetValue) state.setSegment(segment.type, segmentValue);
                     if (Number(numberValue + '0') > segment.maxValue || newValue.length >= String(segment.maxValue).length) {
                         enteredKeys.current = '';
-                        if (shouldSetValue) focusManager.focusNext();
+                        if (shouldSetValue) focusManager.focusNext({
+                            tabbable: true
+                        });
                     } else enteredKeys.current = newValue;
                     break;
                 }
@@ -588,7 +779,7 @@ function $5c015c6316d1904d$export$1315d136e6f7581(props, segment, state, ref) {
         switch(e.inputType){
             case 'deleteContentBackward':
             case 'deleteContentForward':
-                if (parser.isValidPartialNumber(segment.text) && !props.isReadOnly) backspace();
+                if (parser.isValidPartialNumber(segment.text) && !state.isReadOnly) backspace();
                 break;
             case 'insertCompositionText':
                 // insertCompositionText cannot be canceled.
@@ -639,7 +830,6 @@ function $5c015c6316d1904d$export$1315d136e6f7581(props, segment, state, ref) {
         'aria-valuenow': null
     } : {
     };
-    let { ariaLabelledBy: ariaLabelledBy , ariaDescribedBy: ariaDescribedBy  } = $4acc2f407c169e55$export$beb2340c1222c6d.get(state);
     // Only apply aria-describedby to the first segment, unless the field is invalid. This avoids it being
     // read every time the user navigates to a new segment.
     let firstSegment = $IwcIq$react.useMemo(()=>state.segments.find((s)=>s.isEditable
@@ -648,20 +838,25 @@ function $5c015c6316d1904d$export$1315d136e6f7581(props, segment, state, ref) {
         state.segments
     ]);
     if (segment !== firstSegment && state.validationState !== 'invalid') ariaDescribedBy = undefined;
-    let id = $IwcIq$reactariautils.useId(props.id);
-    let isEditable = !props.isDisabled && !props.isReadOnly && segment.isEditable;
+    let id = $IwcIq$reactariautils.useId();
+    let isEditable = !state.isDisabled && !state.isReadOnly && segment.isEditable;
+    // Literal segments should not be visible to screen readers. We don't really need any of the above,
+    // but the rules of hooks mean hooks cannot be conditional so we have to put this condition here.
+    if (segment.type === 'literal') return {
+        segmentProps: {
+            'aria-hidden': true
+        }
+    };
     return {
         segmentProps: $IwcIq$reactariautils.mergeProps(spinButtonProps, pressProps, {
             id: id,
             ...touchPropOverrides,
-            'aria-controls': props['aria-controls'],
-            // 'aria-haspopup': props['aria-haspopup'], // deprecated in ARIA 1.2
             'aria-invalid': state.validationState === 'invalid' ? 'true' : undefined,
-            'aria-label': segment.type !== 'literal' ? displayNames.of(segment.type) : undefined,
+            'aria-label': displayNames.of(segment.type),
             'aria-labelledby': `${ariaLabelledBy} ${id}`,
             'aria-describedby': ariaDescribedBy,
             'aria-placeholder': segment.isPlaceholder ? segment.text : undefined,
-            'aria-readonly': props.isReadOnly || !segment.isEditable ? 'true' : undefined,
+            'aria-readonly': state.isReadOnly || !segment.isEditable ? 'true' : undefined,
             contentEditable: isEditable,
             suppressContentEditableWarning: isEditable,
             spellCheck: isEditable ? 'false' : undefined,
@@ -669,103 +864,21 @@ function $5c015c6316d1904d$export$1315d136e6f7581(props, segment, state, ref) {
             autoCorrect: isEditable ? 'off' : undefined,
             // Capitalization was changed in React 17...
             [parseInt(($parcel$interopDefault($IwcIq$react)).version, 10) >= 17 ? 'enterKeyHint' : 'enterkeyhint']: isEditable ? 'next' : undefined,
-            inputMode: props.isDisabled || segment.type === 'dayPeriod' || !isEditable ? undefined : 'numeric',
-            tabIndex: props.isDisabled ? undefined : 0,
+            inputMode: state.isDisabled || segment.type === 'dayPeriod' || !isEditable ? undefined : 'numeric',
+            tabIndex: state.isDisabled ? undefined : 0,
             onKeyDown: onKeyDown,
-            onFocus: onFocus
+            onFocus: onFocus,
+            style: {
+                caretColor: 'transparent'
+            }
         })
     };
 }
 
 
 
-var $20f695b1b69e6b9e$exports = {};
-
-$parcel$export($20f695b1b69e6b9e$exports, "useDateRangePicker", () => $20f695b1b69e6b9e$export$12fd5f0e9f4bb192);
-
-
-
-
-
-
-
-function $20f695b1b69e6b9e$export$12fd5f0e9f4bb192(props, state, ref) {
-    let formatMessage = $IwcIq$reactariai18n.useMessageFormatter((/*@__PURE__*/$parcel$interopDefault($c7d0e80b992ca68a$exports)));
-    let { labelProps: labelProps , fieldProps: fieldProps , descriptionProps: descriptionProps , errorMessageProps: errorMessageProps  } = $IwcIq$reactarialabel.useField({
-        ...props,
-        labelElementType: 'span'
-    });
-    let labelledBy = fieldProps['aria-labelledby'] || fieldProps.id;
-    let { locale: locale  } = $IwcIq$reactariai18n.useLocale();
-    let description = state.formatValue(locale, {
-        month: 'long'
-    });
-    let descProps = $IwcIq$reactariautils.useDescription(description);
-    let startFieldProps = $IwcIq$reactariautils.useLabels({
-        'aria-label': formatMessage('startDate'),
-        'aria-labelledby': labelledBy
-    });
-    let endFieldProps = $IwcIq$reactariautils.useLabels({
-        'aria-label': formatMessage('endDate'),
-        'aria-labelledby': labelledBy
-    });
-    let buttonId = $IwcIq$reactariautils.useId();
-    let dialogId = $IwcIq$reactariautils.useId();
-    let groupProps = $715562ad3b4cced4$export$4a931266a3838b86(state, ref);
-    let { focusWithinProps: focusWithinProps  } = $IwcIq$reactariainteractions.useFocusWithin({
-        onBlurWithin () {
-            state.confirmPlaceholder();
-        }
-    });
-    let ariaDescribedBy = [
-        descProps['aria-describedby'],
-        fieldProps['aria-describedby']
-    ].filter(Boolean).join(' ') || undefined;
-    return {
-        groupProps: $IwcIq$reactariautils.mergeProps(groupProps, fieldProps, descProps, focusWithinProps, {
-            role: 'group',
-            'aria-disabled': props.isDisabled || null,
-            'aria-describedby': ariaDescribedBy
-        }),
-        labelProps: {
-            ...labelProps,
-            onClick: ()=>{
-                let focusManager = $IwcIq$reactariafocus.createFocusManager(ref);
-                focusManager.focusFirst();
-            }
-        },
-        buttonProps: {
-            ...descProps,
-            id: buttonId,
-            excludeFromTabOrder: true,
-            'aria-haspopup': 'dialog',
-            'aria-label': formatMessage('calendar'),
-            'aria-labelledby': `${labelledBy} ${buttonId}`,
-            'aria-describedby': ariaDescribedBy
-        },
-        dialogProps: {
-            id: dialogId,
-            'aria-labelledby': `${labelledBy} ${buttonId}`
-        },
-        startFieldProps: {
-            ...startFieldProps,
-            'aria-describedby': fieldProps['aria-describedby']
-        },
-        endFieldProps: {
-            ...endFieldProps,
-            'aria-describedby': fieldProps['aria-describedby']
-        },
-        descriptionProps: descriptionProps,
-        errorMessageProps: errorMessageProps
-    };
-}
-
 
 
-$parcel$exportWildcard(module.exports, $e90ae7c26a69c6b1$exports);
-$parcel$exportWildcard(module.exports, $5c015c6316d1904d$exports);
-$parcel$exportWildcard(module.exports, $4acc2f407c169e55$exports);
-$parcel$exportWildcard(module.exports, $20f695b1b69e6b9e$exports);
 $parcel$exportWildcard(module.exports, $934ac650a0aceb4b$exports);