@react-spectrum/textfield 3.10.7 → 3.11.1

package/dist/import.mjs

@@ -1,7 +1,10 @@
+"use client";
+
 import "./main.css";
 import {useLayoutEffect as $evhxb$useLayoutEffect, chain as $evhxb$chain, mergeProps as $evhxb$mergeProps} from "@react-aria/utils";
 import $evhxb$react, {useRef as $evhxb$useRef, useCallback as $evhxb$useCallback, useImperativeHandle as $evhxb$useImperativeHandle, cloneElement as $evhxb$cloneElement, forwardRef as $evhxb$forwardRef} from "react";
 import {useControlledState as $evhxb$useControlledState} from "@react-stately/utils";
+import {useFormProps as $evhxb$useFormProps} from "@react-spectrum/form";
 import {useProviderProps as $evhxb$useProviderProps} from "@react-spectrum/provider";
 import {useTextField as $evhxb$useTextField} from "@react-aria/textfield";
 import $evhxb$spectrumiconsuiAlertMedium from "@spectrum-icons/ui/AlertMedium";
@@ -11,9 +14,11 @@ import {Field as $evhxb$Field} from "@react-spectrum/label";
 import {useFocusRing as $evhxb$useFocusRing} from "@react-aria/focus";
 import {useHover as $evhxb$useHover} from "@react-aria/interactions";
 
+
 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});
 }
@@ -129,7 +134,7 @@ $c14528ddc146317f$export$9fcb3d6af94a9d12 = `YO3Nla_spectrum-Textfield-wrapper--
 
 
 function $599adb75312e6492$var$TextFieldBase(props, ref) {
-    let { validationState: validationState, icon: icon, isQuiet: isQuiet = false, isDisabled: isDisabled, multiLine: multiLine, autoFocus: autoFocus, inputClassName: inputClassName, wrapperChildren: wrapperChildren, labelProps: labelProps, inputProps: inputProps, descriptionProps: descriptionProps, errorMessageProps: errorMessageProps, inputRef: userInputRef, isLoading: isLoading, loadingIndicator: loadingIndicator, validationIconClassName: validationIconClassName, disableFocusRing: disableFocusRing } = props;
+    let { validationState: validationState = props.isInvalid ? "invalid" : null, icon: icon, isQuiet: isQuiet = false, isDisabled: isDisabled, multiLine: multiLine, autoFocus: autoFocus, inputClassName: inputClassName, wrapperChildren: wrapperChildren, labelProps: labelProps, inputProps: inputProps, descriptionProps: descriptionProps, errorMessageProps: errorMessageProps, inputRef: userInputRef, isLoading: isLoading, loadingIndicator: loadingIndicator, validationIconClassName: validationIconClassName, disableFocusRing: disableFocusRing } = props;
     let { hoverProps: hoverProps, isHovered: isHovered } = (0, $evhxb$useHover)({
         isDisabled: isDisabled
     });
@@ -199,11 +204,14 @@ const $599adb75312e6492$export$d22444a338b6e3c2 = /*#__PURE__*/ (0, $evhxb$forwa
 
 
 
+
 function $cc187bf91f8eea73$var$TextArea(props, ref) {
     props = (0, $evhxb$useProviderProps)(props);
+    props = (0, $evhxb$useFormProps)(props);
     let { isDisabled: isDisabled = false, isQuiet: isQuiet = false, isReadOnly: isReadOnly = false, isRequired: isRequired = false, onChange: onChange, ...otherProps } = props;
+    var _props_defaultValue;
     // not in stately because this is so we know when to re-measure, which is a spectrum design
-    let [inputValue, setInputValue] = (0, $evhxb$useControlledState)(props.value, props.defaultValue, ()=>{});
+    let [inputValue, setInputValue] = (0, $evhxb$useControlledState)(props.value, (_props_defaultValue = props.defaultValue) !== null && _props_defaultValue !== void 0 ? _props_defaultValue : "", ()=>{});
     let inputRef = (0, $evhxb$useRef)(null);
     let onHeightChange = (0, $evhxb$useCallback)(()=>{
         // Quiet textareas always grow based on their text content.
@@ -237,7 +245,7 @@ function $cc187bf91f8eea73$var$TextArea(props, ref) {
         inputRef
     ]);
     if (props.placeholder) console.warn("Placeholders are deprecated due to accessibility issues. Please use help text instead. See the docs for details: https://react-spectrum.adobe.com/react-spectrum/TextArea.html#help-text");
-    let { labelProps: labelProps, inputProps: inputProps, descriptionProps: descriptionProps, errorMessageProps: errorMessageProps } = (0, $evhxb$useTextField)({
+    let result = (0, $evhxb$useTextField)({
         ...props,
         onChange: (0, $evhxb$chain)(onChange, setInputValue),
         inputElementType: "textarea"
@@ -246,10 +254,7 @@ function $cc187bf91f8eea73$var$TextArea(props, ref) {
         ...otherProps,
         ref: ref,
         inputRef: inputRef,
-        labelProps: labelProps,
-        inputProps: inputProps,
-        descriptionProps: descriptionProps,
-        errorMessageProps: errorMessageProps,
+        ...result,
         multiLine: true,
         isDisabled: isDisabled,
         isQuiet: isQuiet,
@@ -278,17 +283,16 @@ function $cc187bf91f8eea73$var$TextArea(props, ref) {
 
 
 
+
 function $265457f9427aa380$var$TextField(props, ref) {
     props = (0, $evhxb$useProviderProps)(props);
+    props = (0, $evhxb$useFormProps)(props);
     let inputRef = (0, $evhxb$useRef)(null);
-    let { labelProps: labelProps, inputProps: inputProps, descriptionProps: descriptionProps, errorMessageProps: errorMessageProps } = (0, $evhxb$useTextField)(props, inputRef);
+    let result = (0, $evhxb$useTextField)(props, inputRef);
     if (props.placeholder) console.warn("Placeholders are deprecated due to accessibility issues. Please use help text instead. See the docs for details: https://react-spectrum.adobe.com/react-spectrum/TextField.html#help-text");
     return /*#__PURE__*/ (0, $evhxb$react).createElement((0, $599adb75312e6492$export$d22444a338b6e3c2), {
         ...props,
-        labelProps: labelProps,
-        inputProps: inputProps,
-        descriptionProps: descriptionProps,
-        errorMessageProps: errorMessageProps,
+        ...result,
         ref: ref,
         inputRef: inputRef
     });