@react-spectrum/textfield 3.0.0-nightly.1261 → 3.0.0-nightly.1277

package/dist/main.js

@@ -2,21 +2,17 @@ var {
   useTextField
 } = require("@react-aria/textfield");
 
-var {
-  useControlledState
-} = require("@react-stately/utils");
-
 var {
   useProviderProps
 } = require("@react-spectrum/provider");
 
 var {
-  useHover
-} = require("@react-aria/interactions");
+  useControlledState
+} = require("@react-stately/utils");
 
 var {
-  useFormProps
-} = require("@react-spectrum/form");
+  useHover
+} = require("@react-aria/interactions");
 
 var {
   FocusRing
@@ -86,8 +82,6 @@ $d6ccebc39ce6c9807064e14b8824ec$exports = {
 var $d6ccebc39ce6c9807064e14b8824ec$$interop$default = $parcel$interopDefault($d6ccebc39ce6c9807064e14b8824ec$exports);
 
 function $e7a3dfeb4bff45d199cec4325445e2$var$TextFieldBase(props, ref) {
-  props = useProviderProps(props);
-  props = useFormProps(props);
   let {
     label,
     validationState,

package/dist/main.js.map

@@ -1 +1 @@
-{"mappings":"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","sources":["./node_modules/@parcel/scope-hoisting/lib/helpers.js","./node_modules/@adobe/spectrum-css-temp/components/textfield/vars.css","./packages/@react-spectrum/textfield/src/TextFieldBase.tsx","./packages/@react-spectrum/textfield/src/TextArea.tsx","./packages/@react-spectrum/textfield/src/TextField.tsx"],"sourcesContent":["function $parcel$interopDefault(a) {\n  return a && a.__esModule ? a.default : a;\n}\n\nfunction $parcel$defineInteropFlag(a) {\n  Object.defineProperty(a, '__esModule', {value: true});\n}\n\nfunction $parcel$exportWildcard(dest, source) {\n  Object.keys(source).forEach(function(key) {\n    if (key === 'default' || key === '__esModule') {\n      return;\n    }\n\n    Object.defineProperty(dest, key, {\n      enumerable: true,\n      get: function get() {\n        return source[key];\n      },\n    });\n  });\n\n  return dest;\n}\n\nfunction $parcel$missingModule(name) {\n  var err = new Error(\"Cannot find module '\" + name + \"'\");\n  err.code = 'MODULE_NOT_FOUND';\n  throw err;\n}\n\nvar $parcel$global =\n  typeof globalThis !== 'undefined'\n    ? globalThis\n    : typeof self !== 'undefined'\n    ? self\n    : typeof window !== 'undefined'\n    ? window\n    : typeof global !== 'undefined'\n    ? global\n    : {};\n","/*\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\n@import './index.css';\n@import './skin.css';\n","/*\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 AlertMedium from '@spectrum-icons/ui/AlertMedium';\nimport CheckmarkMedium from '@spectrum-icons/ui/CheckmarkMedium';\nimport {classNames, createFocusableRef} from '@react-spectrum/utils';\nimport {Field} from '@react-spectrum/label';\nimport {FocusRing} from '@react-aria/focus';\nimport {mergeProps} from '@react-aria/utils';\nimport {PressEvents} from '@react-types/shared';\nimport React, {cloneElement, forwardRef, HTMLAttributes, InputHTMLAttributes, LabelHTMLAttributes, ReactElement, Ref, RefObject, TextareaHTMLAttributes, useImperativeHandle, useRef} from 'react';\nimport {SpectrumTextFieldProps, TextFieldRef} from '@react-types/textfield';\nimport styles from '@adobe/spectrum-css-temp/components/textfield/vars.css';\nimport {useFormProps} from '@react-spectrum/form';\nimport {useHover} from '@react-aria/interactions';\nimport {useProviderProps} from '@react-spectrum/provider';\n\ninterface TextFieldBaseProps extends Omit<SpectrumTextFieldProps, 'onChange'>, PressEvents {\n  wrapperChildren?: ReactElement | ReactElement[],\n  inputClassName?: string,\n  validationIconClassName?: string,\n  multiLine?: boolean,\n  labelProps?: LabelHTMLAttributes<HTMLLabelElement>,\n  inputProps: InputHTMLAttributes<HTMLInputElement> | TextareaHTMLAttributes<HTMLTextAreaElement>,\n  descriptionProps?: HTMLAttributes<HTMLElement>,\n  errorMessageProps?: HTMLAttributes<HTMLElement>,\n  inputRef?: RefObject<HTMLInputElement | HTMLTextAreaElement>,\n  loadingIndicator?: ReactElement,\n  isLoading?: boolean\n}\n\nfunction TextFieldBase(props: TextFieldBaseProps, ref: Ref<TextFieldRef>) {\n  props = useProviderProps(props);\n  props = useFormProps(props);\n  let {\n    label,\n    validationState,\n    icon,\n    isQuiet = false,\n    isDisabled,\n    multiLine,\n    autoFocus,\n    inputClassName,\n    wrapperChildren,\n    labelProps,\n    inputProps,\n    descriptionProps,\n    errorMessageProps,\n    inputRef,\n    isLoading,\n    loadingIndicator,\n    validationIconClassName\n  } = props;\n  let {hoverProps, isHovered} = useHover({isDisabled});\n  let domRef = useRef<HTMLDivElement>(null);\n  let defaultInputRef = useRef<HTMLInputElement | HTMLTextAreaElement>(null);\n  inputRef = inputRef || defaultInputRef;\n\n  // Expose imperative interface for ref\n  useImperativeHandle(ref, () => ({\n    ...createFocusableRef(domRef, inputRef),\n    select() {\n      if (inputRef.current) {\n        inputRef.current.select();\n      }\n    },\n    getInputElement() {\n      return inputRef.current;\n    }\n  }));\n\n  let ElementType: React.ElementType = multiLine ? 'textarea' : 'input';\n  let isInvalid = validationState === 'invalid';\n\n  if (icon) {\n    let UNSAFE_className = classNames(\n      styles,\n      icon.props && icon.props.UNSAFE_className,\n      'spectrum-Textfield-icon'\n    );\n\n    icon = cloneElement(icon, {\n      UNSAFE_className,\n      size: 'S'\n    });\n  }\n\n  let validationIcon = isInvalid ? <AlertMedium /> : <CheckmarkMedium />;\n  let validation = cloneElement(validationIcon, {\n    UNSAFE_className: classNames(\n      styles,\n      'spectrum-Textfield-validationIcon',\n      validationIconClassName\n    )\n  });\n\n  let textField = (\n    <div\n      className={\n        classNames(\n          styles,\n          'spectrum-Textfield',\n          {\n            'spectrum-Textfield--invalid': isInvalid,\n            'spectrum-Textfield--valid': validationState === 'valid',\n            'spectrum-Textfield--loadable': loadingIndicator,\n            'spectrum-Textfield--quiet': isQuiet,\n            'spectrum-Textfield--multiline': multiLine\n          }\n        )\n      }>\n      <FocusRing focusRingClass={classNames(styles, 'focus-ring')} isTextInput autoFocus={autoFocus}>\n        <ElementType\n          {...mergeProps(inputProps, hoverProps)}\n          ref={inputRef as any}\n          rows={multiLine ? 1 : undefined}\n          className={\n            classNames(\n              styles,\n              'spectrum-Textfield-input',\n              {\n                'spectrum-Textfield-inputIcon': icon,\n                'is-hovered': isHovered\n              },\n              inputClassName\n            )\n          } />\n      </FocusRing>\n      {icon}\n      {validationState && !isLoading ? validation : null}\n      {isLoading && loadingIndicator}\n      {wrapperChildren}\n    </div>\n  );\n\n  if (label) {\n    textField = React.cloneElement(textField, mergeProps(textField.props, {\n      className: multiLine ? 'spectrum-Field-field--multiline' : ''\n    }));\n  }\n\n  return (\n    <Field\n      {...props}\n      labelProps={labelProps}\n      descriptionProps={descriptionProps}\n      errorMessageProps={errorMessageProps}\n      showErrorIcon={false}\n      ref={domRef}>\n      {textField}\n    </Field>\n  );\n}\n\nconst _TextFieldBase = forwardRef(TextFieldBase);\nexport {_TextFieldBase as TextFieldBase};\n","/*\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 {chain, useLayoutEffect} from '@react-aria/utils';\nimport React, {RefObject, useCallback, useRef} from 'react';\nimport {SpectrumTextFieldProps, TextFieldRef} from '@react-types/textfield';\nimport {TextFieldBase} from './TextFieldBase';\nimport {useControlledState} from '@react-stately/utils';\nimport {useProviderProps} from '@react-spectrum/provider';\nimport {useTextField} from '@react-aria/textfield';\n\nfunction TextArea(props: SpectrumTextFieldProps, ref: RefObject<TextFieldRef>) {\n  props = useProviderProps(props);\n  let {\n    isDisabled = false,\n    isQuiet = false,\n    isReadOnly = false,\n    isRequired = false,\n    onChange,\n    ...otherProps\n  } = props;\n\n  // not in stately because this is so we know when to re-measure, which is a spectrum design\n  let [inputValue, setInputValue] = useControlledState(props.value, props.defaultValue, () => {});\n\n  let inputRef = useRef<HTMLTextAreaElement>();\n\n  let onHeightChange = useCallback(() => {\n    if (isQuiet) {\n      let input = inputRef.current;\n      let prevAlignment = input.style.alignSelf;\n      input.style.alignSelf = 'start';\n      input.style.height = 'auto';\n      input.style.height = `${input.scrollHeight}px`;\n      input.style.alignSelf = prevAlignment;\n    }\n  }, [isQuiet, inputRef]);\n\n  useLayoutEffect(() => {\n    if (inputRef.current) {\n      onHeightChange();\n    }\n  }, [onHeightChange, inputValue, inputRef]);\n\n\n  let {labelProps, inputProps, descriptionProps, errorMessageProps} = useTextField({\n    ...props,\n    onChange: chain(onChange, setInputValue),\n    inputElementType: 'textarea'\n  }, inputRef);\n\n  return (\n    <TextFieldBase\n      {...otherProps}\n      ref={ref}\n      inputRef={inputRef}\n      labelProps={labelProps}\n      inputProps={inputProps}\n      descriptionProps={descriptionProps}\n      errorMessageProps={errorMessageProps}\n      multiLine\n      isDisabled={isDisabled}\n      isQuiet={isQuiet}\n      isReadOnly={isReadOnly}\n      isRequired={isRequired} />\n  );\n}\n\n/**\n * TextAreas are multiline text inputs, useful for cases where users have\n * a sizable amount of text to enter. They allow for all customizations that\n * are available to text fields.\n */\nlet _TextArea = React.forwardRef(TextArea);\nexport {_TextArea as TextArea};\n","/*\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 React, {forwardRef, RefObject, useRef} from 'react';\nimport {SpectrumTextFieldProps, TextFieldRef} from '@react-types/textfield';\nimport {TextFieldBase} from './TextFieldBase';\nimport {useProviderProps} from '@react-spectrum/provider';\nimport {useTextField} from '@react-aria/textfield';\n\nfunction TextField(props: SpectrumTextFieldProps, ref: RefObject<TextFieldRef>) {\n  props = useProviderProps(props);\n\n  let inputRef = useRef<HTMLInputElement>();\n  let {labelProps, inputProps, descriptionProps, errorMessageProps} = useTextField(props, inputRef);\n  return (\n    <TextFieldBase\n      {...props}\n      labelProps={labelProps}\n      inputProps={inputProps}\n      descriptionProps={descriptionProps}\n      errorMessageProps={errorMessageProps}\n      ref={ref}\n      inputRef={inputRef} />\n  );\n}\n\n/**\n * TextFields are text inputs that allow users to input custom text entries\n * with a keyboard. Various decorations can be displayed around the field to\n * communicate the entry requirements.\n */\nconst _TextField = forwardRef(TextField);\nexport {_TextField as TextField};\n"],"names":["$parcel$interopDefault","a","__esModule","default","TextFieldBase","props","ref","useProviderProps","useFormProps","label","validationState","icon","isQuiet","isDisabled","multiLine","autoFocus","inputClassName","wrapperChildren","labelProps","inputProps","descriptionProps","errorMessageProps","inputRef","isLoading","loadingIndicator","validationIconClassName","hoverProps","isHovered","useHover","domRef","useRef","defaultInputRef","useImperativeHandle","createFocusableRef","select","current","getInputElement","ElementType","isInvalid","UNSAFE_className","classNames","cloneElement","size","validationIcon","validation","textField","mergeProps","undefined","React","className","_TextFieldBase","forwardRef","TextArea","isReadOnly","isRequired","onChange","otherProps","inputValue","setInputValue","useControlledState","value","defaultValue","onHeightChange","useCallback","input","prevAlignment","style","alignSelf","height","scrollHeight","useLayoutEffect","useTextField","chain","inputElementType","_TextArea","TextField","_TextField"],"version":3,"file":"main.js.map"}
+{"mappings":"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","sources":["./node_modules/@parcel/scope-hoisting/lib/helpers.js","./node_modules/@adobe/spectrum-css-temp/components/textfield/vars.css","./packages/@react-spectrum/textfield/src/TextFieldBase.tsx","./packages/@react-spectrum/textfield/src/TextArea.tsx","./packages/@react-spectrum/textfield/src/TextField.tsx"],"sourcesContent":["function $parcel$interopDefault(a) {\n  return a && a.__esModule ? a.default : a;\n}\n\nfunction $parcel$defineInteropFlag(a) {\n  Object.defineProperty(a, '__esModule', {value: true});\n}\n\nfunction $parcel$exportWildcard(dest, source) {\n  Object.keys(source).forEach(function(key) {\n    if (key === 'default' || key === '__esModule') {\n      return;\n    }\n\n    Object.defineProperty(dest, key, {\n      enumerable: true,\n      get: function get() {\n        return source[key];\n      },\n    });\n  });\n\n  return dest;\n}\n\nfunction $parcel$missingModule(name) {\n  var err = new Error(\"Cannot find module '\" + name + \"'\");\n  err.code = 'MODULE_NOT_FOUND';\n  throw err;\n}\n\nvar $parcel$global =\n  typeof globalThis !== 'undefined'\n    ? globalThis\n    : typeof self !== 'undefined'\n    ? self\n    : typeof window !== 'undefined'\n    ? window\n    : typeof global !== 'undefined'\n    ? global\n    : {};\n","/*\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\n@import './index.css';\n@import './skin.css';\n","/*\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 AlertMedium from '@spectrum-icons/ui/AlertMedium';\nimport CheckmarkMedium from '@spectrum-icons/ui/CheckmarkMedium';\nimport {classNames, createFocusableRef} from '@react-spectrum/utils';\nimport {Field} from '@react-spectrum/label';\nimport {FocusRing} from '@react-aria/focus';\nimport {mergeProps} from '@react-aria/utils';\nimport {PressEvents} from '@react-types/shared';\nimport React, {cloneElement, forwardRef, HTMLAttributes, InputHTMLAttributes, LabelHTMLAttributes, ReactElement, Ref, RefObject, TextareaHTMLAttributes, useImperativeHandle, useRef} from 'react';\nimport {SpectrumTextFieldProps, TextFieldRef} from '@react-types/textfield';\nimport styles from '@adobe/spectrum-css-temp/components/textfield/vars.css';\nimport {useHover} from '@react-aria/interactions';\n\ninterface TextFieldBaseProps extends Omit<SpectrumTextFieldProps, 'onChange'>, PressEvents {\n  wrapperChildren?: ReactElement | ReactElement[],\n  inputClassName?: string,\n  validationIconClassName?: string,\n  multiLine?: boolean,\n  labelProps?: LabelHTMLAttributes<HTMLLabelElement>,\n  inputProps: InputHTMLAttributes<HTMLInputElement> | TextareaHTMLAttributes<HTMLTextAreaElement>,\n  descriptionProps?: HTMLAttributes<HTMLElement>,\n  errorMessageProps?: HTMLAttributes<HTMLElement>,\n  inputRef?: RefObject<HTMLInputElement | HTMLTextAreaElement>,\n  loadingIndicator?: ReactElement,\n  isLoading?: boolean\n}\n\nfunction TextFieldBase(props: TextFieldBaseProps, ref: Ref<TextFieldRef>) {\n  let {\n    label,\n    validationState,\n    icon,\n    isQuiet = false,\n    isDisabled,\n    multiLine,\n    autoFocus,\n    inputClassName,\n    wrapperChildren,\n    labelProps,\n    inputProps,\n    descriptionProps,\n    errorMessageProps,\n    inputRef,\n    isLoading,\n    loadingIndicator,\n    validationIconClassName\n  } = props;\n  let {hoverProps, isHovered} = useHover({isDisabled});\n  let domRef = useRef<HTMLDivElement>(null);\n  let defaultInputRef = useRef<HTMLInputElement | HTMLTextAreaElement>(null);\n  inputRef = inputRef || defaultInputRef;\n\n  // Expose imperative interface for ref\n  useImperativeHandle(ref, () => ({\n    ...createFocusableRef(domRef, inputRef),\n    select() {\n      if (inputRef.current) {\n        inputRef.current.select();\n      }\n    },\n    getInputElement() {\n      return inputRef.current;\n    }\n  }));\n\n  let ElementType: React.ElementType = multiLine ? 'textarea' : 'input';\n  let isInvalid = validationState === 'invalid';\n\n  if (icon) {\n    let UNSAFE_className = classNames(\n      styles,\n      icon.props && icon.props.UNSAFE_className,\n      'spectrum-Textfield-icon'\n    );\n\n    icon = cloneElement(icon, {\n      UNSAFE_className,\n      size: 'S'\n    });\n  }\n\n  let validationIcon = isInvalid ? <AlertMedium /> : <CheckmarkMedium />;\n  let validation = cloneElement(validationIcon, {\n    UNSAFE_className: classNames(\n      styles,\n      'spectrum-Textfield-validationIcon',\n      validationIconClassName\n    )\n  });\n\n  let textField = (\n    <div\n      className={\n        classNames(\n          styles,\n          'spectrum-Textfield',\n          {\n            'spectrum-Textfield--invalid': isInvalid,\n            'spectrum-Textfield--valid': validationState === 'valid',\n            'spectrum-Textfield--loadable': loadingIndicator,\n            'spectrum-Textfield--quiet': isQuiet,\n            'spectrum-Textfield--multiline': multiLine\n          }\n        )\n      }>\n      <FocusRing focusRingClass={classNames(styles, 'focus-ring')} isTextInput autoFocus={autoFocus}>\n        <ElementType\n          {...mergeProps(inputProps, hoverProps)}\n          ref={inputRef as any}\n          rows={multiLine ? 1 : undefined}\n          className={\n            classNames(\n              styles,\n              'spectrum-Textfield-input',\n              {\n                'spectrum-Textfield-inputIcon': icon,\n                'is-hovered': isHovered\n              },\n              inputClassName\n            )\n          } />\n      </FocusRing>\n      {icon}\n      {validationState && !isLoading ? validation : null}\n      {isLoading && loadingIndicator}\n      {wrapperChildren}\n    </div>\n  );\n\n  if (label) {\n    textField = React.cloneElement(textField, mergeProps(textField.props, {\n      className: multiLine ? 'spectrum-Field-field--multiline' : ''\n    }));\n  }\n\n  return (\n    <Field\n      {...props}\n      labelProps={labelProps}\n      descriptionProps={descriptionProps}\n      errorMessageProps={errorMessageProps}\n      showErrorIcon={false}\n      ref={domRef}>\n      {textField}\n    </Field>\n  );\n}\n\nconst _TextFieldBase = forwardRef(TextFieldBase);\nexport {_TextFieldBase as TextFieldBase};\n","/*\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 {chain, useLayoutEffect} from '@react-aria/utils';\nimport React, {RefObject, useCallback, useRef} from 'react';\nimport {SpectrumTextFieldProps, TextFieldRef} from '@react-types/textfield';\nimport {TextFieldBase} from './TextFieldBase';\nimport {useControlledState} from '@react-stately/utils';\nimport {useProviderProps} from '@react-spectrum/provider';\nimport {useTextField} from '@react-aria/textfield';\n\nfunction TextArea(props: SpectrumTextFieldProps, ref: RefObject<TextFieldRef>) {\n  props = useProviderProps(props);\n  let {\n    isDisabled = false,\n    isQuiet = false,\n    isReadOnly = false,\n    isRequired = false,\n    onChange,\n    ...otherProps\n  } = props;\n\n  // not in stately because this is so we know when to re-measure, which is a spectrum design\n  let [inputValue, setInputValue] = useControlledState(props.value, props.defaultValue, () => {});\n\n  let inputRef = useRef<HTMLTextAreaElement>();\n\n  let onHeightChange = useCallback(() => {\n    if (isQuiet) {\n      let input = inputRef.current;\n      let prevAlignment = input.style.alignSelf;\n      input.style.alignSelf = 'start';\n      input.style.height = 'auto';\n      input.style.height = `${input.scrollHeight}px`;\n      input.style.alignSelf = prevAlignment;\n    }\n  }, [isQuiet, inputRef]);\n\n  useLayoutEffect(() => {\n    if (inputRef.current) {\n      onHeightChange();\n    }\n  }, [onHeightChange, inputValue, inputRef]);\n\n\n  let {labelProps, inputProps, descriptionProps, errorMessageProps} = useTextField({\n    ...props,\n    onChange: chain(onChange, setInputValue),\n    inputElementType: 'textarea'\n  }, inputRef);\n\n  return (\n    <TextFieldBase\n      {...otherProps}\n      ref={ref}\n      inputRef={inputRef}\n      labelProps={labelProps}\n      inputProps={inputProps}\n      descriptionProps={descriptionProps}\n      errorMessageProps={errorMessageProps}\n      multiLine\n      isDisabled={isDisabled}\n      isQuiet={isQuiet}\n      isReadOnly={isReadOnly}\n      isRequired={isRequired} />\n  );\n}\n\n/**\n * TextAreas are multiline text inputs, useful for cases where users have\n * a sizable amount of text to enter. They allow for all customizations that\n * are available to text fields.\n */\nlet _TextArea = React.forwardRef(TextArea);\nexport {_TextArea as TextArea};\n","/*\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 React, {forwardRef, RefObject, useRef} from 'react';\nimport {SpectrumTextFieldProps, TextFieldRef} from '@react-types/textfield';\nimport {TextFieldBase} from './TextFieldBase';\nimport {useProviderProps} from '@react-spectrum/provider';\nimport {useTextField} from '@react-aria/textfield';\n\nfunction TextField(props: SpectrumTextFieldProps, ref: RefObject<TextFieldRef>) {\n  props = useProviderProps(props);\n\n  let inputRef = useRef<HTMLInputElement>();\n  let {labelProps, inputProps, descriptionProps, errorMessageProps} = useTextField(props, inputRef);\n  return (\n    <TextFieldBase\n      {...props}\n      labelProps={labelProps}\n      inputProps={inputProps}\n      descriptionProps={descriptionProps}\n      errorMessageProps={errorMessageProps}\n      ref={ref}\n      inputRef={inputRef} />\n  );\n}\n\n/**\n * TextFields are text inputs that allow users to input custom text entries\n * with a keyboard. Various decorations can be displayed around the field to\n * communicate the entry requirements.\n */\nconst _TextField = forwardRef(TextField);\nexport {_TextField as TextField};\n"],"names":["$parcel$interopDefault","a","__esModule","default","TextFieldBase","props","ref","label","validationState","icon","isQuiet","isDisabled","multiLine","autoFocus","inputClassName","wrapperChildren","labelProps","inputProps","descriptionProps","errorMessageProps","inputRef","isLoading","loadingIndicator","validationIconClassName","hoverProps","isHovered","useHover","domRef","useRef","defaultInputRef","useImperativeHandle","createFocusableRef","select","current","getInputElement","ElementType","isInvalid","UNSAFE_className","classNames","cloneElement","size","validationIcon","validation","textField","mergeProps","undefined","React","className","_TextFieldBase","forwardRef","TextArea","useProviderProps","isReadOnly","isRequired","onChange","otherProps","inputValue","setInputValue","useControlledState","value","defaultValue","onHeightChange","useCallback","input","prevAlignment","style","alignSelf","height","scrollHeight","useLayoutEffect","useTextField","chain","inputElementType","_TextArea","TextField","_TextField"],"version":3,"file":"main.js.map"}

package/dist/module.js

@@ -1,8 +1,7 @@
 import { useTextField } from "@react-aria/textfield";
-import { useControlledState } from "@react-stately/utils";
 import { useProviderProps } from "@react-spectrum/provider";
+import { useControlledState } from "@react-stately/utils";
 import { useHover } from "@react-aria/interactions";
-import { useFormProps } from "@react-spectrum/form";
 import { FocusRing } from "@react-aria/focus";
 import { Field } from "@react-spectrum/label";
 import { classNames, createFocusableRef } from "@react-spectrum/utils";
@@ -41,8 +40,6 @@ $aa1c742e7a2a16aa7981ca9e2f4a89$exports = {
 var $aa1c742e7a2a16aa7981ca9e2f4a89$$interop$default = $parcel$interopDefault($aa1c742e7a2a16aa7981ca9e2f4a89$exports);
 
 function $bf4e8b5f6a6cf158db09231425531fea$var$TextFieldBase(props, ref) {
-  props = useProviderProps(props);
-  props = useFormProps(props);
   let {
     label,
     validationState,

package/dist/module.js.map

@@ -1 +1 @@
-{"mappings":"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","sources":["./node_modules/@parcel/scope-hoisting/lib/helpers.js","./node_modules/@adobe/spectrum-css-temp/components/textfield/vars.css","./packages/@react-spectrum/textfield/src/TextFieldBase.tsx","./packages/@react-spectrum/textfield/src/TextArea.tsx","./packages/@react-spectrum/textfield/src/TextField.tsx"],"sourcesContent":["function $parcel$interopDefault(a) {\n  return a && a.__esModule ? a.default : a;\n}\n\nfunction $parcel$defineInteropFlag(a) {\n  Object.defineProperty(a, '__esModule', {value: true});\n}\n\nfunction $parcel$exportWildcard(dest, source) {\n  Object.keys(source).forEach(function(key) {\n    if (key === 'default' || key === '__esModule') {\n      return;\n    }\n\n    Object.defineProperty(dest, key, {\n      enumerable: true,\n      get: function get() {\n        return source[key];\n      },\n    });\n  });\n\n  return dest;\n}\n\nfunction $parcel$missingModule(name) {\n  var err = new Error(\"Cannot find module '\" + name + \"'\");\n  err.code = 'MODULE_NOT_FOUND';\n  throw err;\n}\n\nvar $parcel$global =\n  typeof globalThis !== 'undefined'\n    ? globalThis\n    : typeof self !== 'undefined'\n    ? self\n    : typeof window !== 'undefined'\n    ? window\n    : typeof global !== 'undefined'\n    ? global\n    : {};\n","/*\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\n@import './index.css';\n@import './skin.css';\n","/*\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 AlertMedium from '@spectrum-icons/ui/AlertMedium';\nimport CheckmarkMedium from '@spectrum-icons/ui/CheckmarkMedium';\nimport {classNames, createFocusableRef} from '@react-spectrum/utils';\nimport {Field} from '@react-spectrum/label';\nimport {FocusRing} from '@react-aria/focus';\nimport {mergeProps} from '@react-aria/utils';\nimport {PressEvents} from '@react-types/shared';\nimport React, {cloneElement, forwardRef, HTMLAttributes, InputHTMLAttributes, LabelHTMLAttributes, ReactElement, Ref, RefObject, TextareaHTMLAttributes, useImperativeHandle, useRef} from 'react';\nimport {SpectrumTextFieldProps, TextFieldRef} from '@react-types/textfield';\nimport styles from '@adobe/spectrum-css-temp/components/textfield/vars.css';\nimport {useFormProps} from '@react-spectrum/form';\nimport {useHover} from '@react-aria/interactions';\nimport {useProviderProps} from '@react-spectrum/provider';\n\ninterface TextFieldBaseProps extends Omit<SpectrumTextFieldProps, 'onChange'>, PressEvents {\n  wrapperChildren?: ReactElement | ReactElement[],\n  inputClassName?: string,\n  validationIconClassName?: string,\n  multiLine?: boolean,\n  labelProps?: LabelHTMLAttributes<HTMLLabelElement>,\n  inputProps: InputHTMLAttributes<HTMLInputElement> | TextareaHTMLAttributes<HTMLTextAreaElement>,\n  descriptionProps?: HTMLAttributes<HTMLElement>,\n  errorMessageProps?: HTMLAttributes<HTMLElement>,\n  inputRef?: RefObject<HTMLInputElement | HTMLTextAreaElement>,\n  loadingIndicator?: ReactElement,\n  isLoading?: boolean\n}\n\nfunction TextFieldBase(props: TextFieldBaseProps, ref: Ref<TextFieldRef>) {\n  props = useProviderProps(props);\n  props = useFormProps(props);\n  let {\n    label,\n    validationState,\n    icon,\n    isQuiet = false,\n    isDisabled,\n    multiLine,\n    autoFocus,\n    inputClassName,\n    wrapperChildren,\n    labelProps,\n    inputProps,\n    descriptionProps,\n    errorMessageProps,\n    inputRef,\n    isLoading,\n    loadingIndicator,\n    validationIconClassName\n  } = props;\n  let {hoverProps, isHovered} = useHover({isDisabled});\n  let domRef = useRef<HTMLDivElement>(null);\n  let defaultInputRef = useRef<HTMLInputElement | HTMLTextAreaElement>(null);\n  inputRef = inputRef || defaultInputRef;\n\n  // Expose imperative interface for ref\n  useImperativeHandle(ref, () => ({\n    ...createFocusableRef(domRef, inputRef),\n    select() {\n      if (inputRef.current) {\n        inputRef.current.select();\n      }\n    },\n    getInputElement() {\n      return inputRef.current;\n    }\n  }));\n\n  let ElementType: React.ElementType = multiLine ? 'textarea' : 'input';\n  let isInvalid = validationState === 'invalid';\n\n  if (icon) {\n    let UNSAFE_className = classNames(\n      styles,\n      icon.props && icon.props.UNSAFE_className,\n      'spectrum-Textfield-icon'\n    );\n\n    icon = cloneElement(icon, {\n      UNSAFE_className,\n      size: 'S'\n    });\n  }\n\n  let validationIcon = isInvalid ? <AlertMedium /> : <CheckmarkMedium />;\n  let validation = cloneElement(validationIcon, {\n    UNSAFE_className: classNames(\n      styles,\n      'spectrum-Textfield-validationIcon',\n      validationIconClassName\n    )\n  });\n\n  let textField = (\n    <div\n      className={\n        classNames(\n          styles,\n          'spectrum-Textfield',\n          {\n            'spectrum-Textfield--invalid': isInvalid,\n            'spectrum-Textfield--valid': validationState === 'valid',\n            'spectrum-Textfield--loadable': loadingIndicator,\n            'spectrum-Textfield--quiet': isQuiet,\n            'spectrum-Textfield--multiline': multiLine\n          }\n        )\n      }>\n      <FocusRing focusRingClass={classNames(styles, 'focus-ring')} isTextInput autoFocus={autoFocus}>\n        <ElementType\n          {...mergeProps(inputProps, hoverProps)}\n          ref={inputRef as any}\n          rows={multiLine ? 1 : undefined}\n          className={\n            classNames(\n              styles,\n              'spectrum-Textfield-input',\n              {\n                'spectrum-Textfield-inputIcon': icon,\n                'is-hovered': isHovered\n              },\n              inputClassName\n            )\n          } />\n      </FocusRing>\n      {icon}\n      {validationState && !isLoading ? validation : null}\n      {isLoading && loadingIndicator}\n      {wrapperChildren}\n    </div>\n  );\n\n  if (label) {\n    textField = React.cloneElement(textField, mergeProps(textField.props, {\n      className: multiLine ? 'spectrum-Field-field--multiline' : ''\n    }));\n  }\n\n  return (\n    <Field\n      {...props}\n      labelProps={labelProps}\n      descriptionProps={descriptionProps}\n      errorMessageProps={errorMessageProps}\n      showErrorIcon={false}\n      ref={domRef}>\n      {textField}\n    </Field>\n  );\n}\n\nconst _TextFieldBase = forwardRef(TextFieldBase);\nexport {_TextFieldBase as TextFieldBase};\n","/*\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 {chain, useLayoutEffect} from '@react-aria/utils';\nimport React, {RefObject, useCallback, useRef} from 'react';\nimport {SpectrumTextFieldProps, TextFieldRef} from '@react-types/textfield';\nimport {TextFieldBase} from './TextFieldBase';\nimport {useControlledState} from '@react-stately/utils';\nimport {useProviderProps} from '@react-spectrum/provider';\nimport {useTextField} from '@react-aria/textfield';\n\nfunction TextArea(props: SpectrumTextFieldProps, ref: RefObject<TextFieldRef>) {\n  props = useProviderProps(props);\n  let {\n    isDisabled = false,\n    isQuiet = false,\n    isReadOnly = false,\n    isRequired = false,\n    onChange,\n    ...otherProps\n  } = props;\n\n  // not in stately because this is so we know when to re-measure, which is a spectrum design\n  let [inputValue, setInputValue] = useControlledState(props.value, props.defaultValue, () => {});\n\n  let inputRef = useRef<HTMLTextAreaElement>();\n\n  let onHeightChange = useCallback(() => {\n    if (isQuiet) {\n      let input = inputRef.current;\n      let prevAlignment = input.style.alignSelf;\n      input.style.alignSelf = 'start';\n      input.style.height = 'auto';\n      input.style.height = `${input.scrollHeight}px`;\n      input.style.alignSelf = prevAlignment;\n    }\n  }, [isQuiet, inputRef]);\n\n  useLayoutEffect(() => {\n    if (inputRef.current) {\n      onHeightChange();\n    }\n  }, [onHeightChange, inputValue, inputRef]);\n\n\n  let {labelProps, inputProps, descriptionProps, errorMessageProps} = useTextField({\n    ...props,\n    onChange: chain(onChange, setInputValue),\n    inputElementType: 'textarea'\n  }, inputRef);\n\n  return (\n    <TextFieldBase\n      {...otherProps}\n      ref={ref}\n      inputRef={inputRef}\n      labelProps={labelProps}\n      inputProps={inputProps}\n      descriptionProps={descriptionProps}\n      errorMessageProps={errorMessageProps}\n      multiLine\n      isDisabled={isDisabled}\n      isQuiet={isQuiet}\n      isReadOnly={isReadOnly}\n      isRequired={isRequired} />\n  );\n}\n\n/**\n * TextAreas are multiline text inputs, useful for cases where users have\n * a sizable amount of text to enter. They allow for all customizations that\n * are available to text fields.\n */\nlet _TextArea = React.forwardRef(TextArea);\nexport {_TextArea as TextArea};\n","/*\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 React, {forwardRef, RefObject, useRef} from 'react';\nimport {SpectrumTextFieldProps, TextFieldRef} from '@react-types/textfield';\nimport {TextFieldBase} from './TextFieldBase';\nimport {useProviderProps} from '@react-spectrum/provider';\nimport {useTextField} from '@react-aria/textfield';\n\nfunction TextField(props: SpectrumTextFieldProps, ref: RefObject<TextFieldRef>) {\n  props = useProviderProps(props);\n\n  let inputRef = useRef<HTMLInputElement>();\n  let {labelProps, inputProps, descriptionProps, errorMessageProps} = useTextField(props, inputRef);\n  return (\n    <TextFieldBase\n      {...props}\n      labelProps={labelProps}\n      inputProps={inputProps}\n      descriptionProps={descriptionProps}\n      errorMessageProps={errorMessageProps}\n      ref={ref}\n      inputRef={inputRef} />\n  );\n}\n\n/**\n * TextFields are text inputs that allow users to input custom text entries\n * with a keyboard. Various decorations can be displayed around the field to\n * communicate the entry requirements.\n */\nconst _TextField = forwardRef(TextField);\nexport {_TextField as TextField};\n"],"names":["$parcel$interopDefault","a","__esModule","default","TextFieldBase","props","ref","useProviderProps","useFormProps","label","validationState","icon","isQuiet","isDisabled","multiLine","autoFocus","inputClassName","wrapperChildren","labelProps","inputProps","descriptionProps","errorMessageProps","inputRef","isLoading","loadingIndicator","validationIconClassName","hoverProps","isHovered","useHover","domRef","useRef","defaultInputRef","useImperativeHandle","createFocusableRef","select","current","getInputElement","ElementType","isInvalid","UNSAFE_className","classNames","cloneElement","size","validationIcon","validation","textField","mergeProps","undefined","React","className","_TextFieldBase","forwardRef","TextArea","isReadOnly","isRequired","onChange","otherProps","inputValue","setInputValue","useControlledState","value","defaultValue","onHeightChange","useCallback","input","prevAlignment","style","alignSelf","height","scrollHeight","useLayoutEffect","useTextField","chain","inputElementType","_TextArea","TextField","_TextField"],"version":3,"file":"module.js.map"}
+{"mappings":"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","sources":["./node_modules/@parcel/scope-hoisting/lib/helpers.js","./node_modules/@adobe/spectrum-css-temp/components/textfield/vars.css","./packages/@react-spectrum/textfield/src/TextFieldBase.tsx","./packages/@react-spectrum/textfield/src/TextArea.tsx","./packages/@react-spectrum/textfield/src/TextField.tsx"],"sourcesContent":["function $parcel$interopDefault(a) {\n  return a && a.__esModule ? a.default : a;\n}\n\nfunction $parcel$defineInteropFlag(a) {\n  Object.defineProperty(a, '__esModule', {value: true});\n}\n\nfunction $parcel$exportWildcard(dest, source) {\n  Object.keys(source).forEach(function(key) {\n    if (key === 'default' || key === '__esModule') {\n      return;\n    }\n\n    Object.defineProperty(dest, key, {\n      enumerable: true,\n      get: function get() {\n        return source[key];\n      },\n    });\n  });\n\n  return dest;\n}\n\nfunction $parcel$missingModule(name) {\n  var err = new Error(\"Cannot find module '\" + name + \"'\");\n  err.code = 'MODULE_NOT_FOUND';\n  throw err;\n}\n\nvar $parcel$global =\n  typeof globalThis !== 'undefined'\n    ? globalThis\n    : typeof self !== 'undefined'\n    ? self\n    : typeof window !== 'undefined'\n    ? window\n    : typeof global !== 'undefined'\n    ? global\n    : {};\n","/*\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\n@import './index.css';\n@import './skin.css';\n","/*\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 AlertMedium from '@spectrum-icons/ui/AlertMedium';\nimport CheckmarkMedium from '@spectrum-icons/ui/CheckmarkMedium';\nimport {classNames, createFocusableRef} from '@react-spectrum/utils';\nimport {Field} from '@react-spectrum/label';\nimport {FocusRing} from '@react-aria/focus';\nimport {mergeProps} from '@react-aria/utils';\nimport {PressEvents} from '@react-types/shared';\nimport React, {cloneElement, forwardRef, HTMLAttributes, InputHTMLAttributes, LabelHTMLAttributes, ReactElement, Ref, RefObject, TextareaHTMLAttributes, useImperativeHandle, useRef} from 'react';\nimport {SpectrumTextFieldProps, TextFieldRef} from '@react-types/textfield';\nimport styles from '@adobe/spectrum-css-temp/components/textfield/vars.css';\nimport {useHover} from '@react-aria/interactions';\n\ninterface TextFieldBaseProps extends Omit<SpectrumTextFieldProps, 'onChange'>, PressEvents {\n  wrapperChildren?: ReactElement | ReactElement[],\n  inputClassName?: string,\n  validationIconClassName?: string,\n  multiLine?: boolean,\n  labelProps?: LabelHTMLAttributes<HTMLLabelElement>,\n  inputProps: InputHTMLAttributes<HTMLInputElement> | TextareaHTMLAttributes<HTMLTextAreaElement>,\n  descriptionProps?: HTMLAttributes<HTMLElement>,\n  errorMessageProps?: HTMLAttributes<HTMLElement>,\n  inputRef?: RefObject<HTMLInputElement | HTMLTextAreaElement>,\n  loadingIndicator?: ReactElement,\n  isLoading?: boolean\n}\n\nfunction TextFieldBase(props: TextFieldBaseProps, ref: Ref<TextFieldRef>) {\n  let {\n    label,\n    validationState,\n    icon,\n    isQuiet = false,\n    isDisabled,\n    multiLine,\n    autoFocus,\n    inputClassName,\n    wrapperChildren,\n    labelProps,\n    inputProps,\n    descriptionProps,\n    errorMessageProps,\n    inputRef,\n    isLoading,\n    loadingIndicator,\n    validationIconClassName\n  } = props;\n  let {hoverProps, isHovered} = useHover({isDisabled});\n  let domRef = useRef<HTMLDivElement>(null);\n  let defaultInputRef = useRef<HTMLInputElement | HTMLTextAreaElement>(null);\n  inputRef = inputRef || defaultInputRef;\n\n  // Expose imperative interface for ref\n  useImperativeHandle(ref, () => ({\n    ...createFocusableRef(domRef, inputRef),\n    select() {\n      if (inputRef.current) {\n        inputRef.current.select();\n      }\n    },\n    getInputElement() {\n      return inputRef.current;\n    }\n  }));\n\n  let ElementType: React.ElementType = multiLine ? 'textarea' : 'input';\n  let isInvalid = validationState === 'invalid';\n\n  if (icon) {\n    let UNSAFE_className = classNames(\n      styles,\n      icon.props && icon.props.UNSAFE_className,\n      'spectrum-Textfield-icon'\n    );\n\n    icon = cloneElement(icon, {\n      UNSAFE_className,\n      size: 'S'\n    });\n  }\n\n  let validationIcon = isInvalid ? <AlertMedium /> : <CheckmarkMedium />;\n  let validation = cloneElement(validationIcon, {\n    UNSAFE_className: classNames(\n      styles,\n      'spectrum-Textfield-validationIcon',\n      validationIconClassName\n    )\n  });\n\n  let textField = (\n    <div\n      className={\n        classNames(\n          styles,\n          'spectrum-Textfield',\n          {\n            'spectrum-Textfield--invalid': isInvalid,\n            'spectrum-Textfield--valid': validationState === 'valid',\n            'spectrum-Textfield--loadable': loadingIndicator,\n            'spectrum-Textfield--quiet': isQuiet,\n            'spectrum-Textfield--multiline': multiLine\n          }\n        )\n      }>\n      <FocusRing focusRingClass={classNames(styles, 'focus-ring')} isTextInput autoFocus={autoFocus}>\n        <ElementType\n          {...mergeProps(inputProps, hoverProps)}\n          ref={inputRef as any}\n          rows={multiLine ? 1 : undefined}\n          className={\n            classNames(\n              styles,\n              'spectrum-Textfield-input',\n              {\n                'spectrum-Textfield-inputIcon': icon,\n                'is-hovered': isHovered\n              },\n              inputClassName\n            )\n          } />\n      </FocusRing>\n      {icon}\n      {validationState && !isLoading ? validation : null}\n      {isLoading && loadingIndicator}\n      {wrapperChildren}\n    </div>\n  );\n\n  if (label) {\n    textField = React.cloneElement(textField, mergeProps(textField.props, {\n      className: multiLine ? 'spectrum-Field-field--multiline' : ''\n    }));\n  }\n\n  return (\n    <Field\n      {...props}\n      labelProps={labelProps}\n      descriptionProps={descriptionProps}\n      errorMessageProps={errorMessageProps}\n      showErrorIcon={false}\n      ref={domRef}>\n      {textField}\n    </Field>\n  );\n}\n\nconst _TextFieldBase = forwardRef(TextFieldBase);\nexport {_TextFieldBase as TextFieldBase};\n","/*\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 {chain, useLayoutEffect} from '@react-aria/utils';\nimport React, {RefObject, useCallback, useRef} from 'react';\nimport {SpectrumTextFieldProps, TextFieldRef} from '@react-types/textfield';\nimport {TextFieldBase} from './TextFieldBase';\nimport {useControlledState} from '@react-stately/utils';\nimport {useProviderProps} from '@react-spectrum/provider';\nimport {useTextField} from '@react-aria/textfield';\n\nfunction TextArea(props: SpectrumTextFieldProps, ref: RefObject<TextFieldRef>) {\n  props = useProviderProps(props);\n  let {\n    isDisabled = false,\n    isQuiet = false,\n    isReadOnly = false,\n    isRequired = false,\n    onChange,\n    ...otherProps\n  } = props;\n\n  // not in stately because this is so we know when to re-measure, which is a spectrum design\n  let [inputValue, setInputValue] = useControlledState(props.value, props.defaultValue, () => {});\n\n  let inputRef = useRef<HTMLTextAreaElement>();\n\n  let onHeightChange = useCallback(() => {\n    if (isQuiet) {\n      let input = inputRef.current;\n      let prevAlignment = input.style.alignSelf;\n      input.style.alignSelf = 'start';\n      input.style.height = 'auto';\n      input.style.height = `${input.scrollHeight}px`;\n      input.style.alignSelf = prevAlignment;\n    }\n  }, [isQuiet, inputRef]);\n\n  useLayoutEffect(() => {\n    if (inputRef.current) {\n      onHeightChange();\n    }\n  }, [onHeightChange, inputValue, inputRef]);\n\n\n  let {labelProps, inputProps, descriptionProps, errorMessageProps} = useTextField({\n    ...props,\n    onChange: chain(onChange, setInputValue),\n    inputElementType: 'textarea'\n  }, inputRef);\n\n  return (\n    <TextFieldBase\n      {...otherProps}\n      ref={ref}\n      inputRef={inputRef}\n      labelProps={labelProps}\n      inputProps={inputProps}\n      descriptionProps={descriptionProps}\n      errorMessageProps={errorMessageProps}\n      multiLine\n      isDisabled={isDisabled}\n      isQuiet={isQuiet}\n      isReadOnly={isReadOnly}\n      isRequired={isRequired} />\n  );\n}\n\n/**\n * TextAreas are multiline text inputs, useful for cases where users have\n * a sizable amount of text to enter. They allow for all customizations that\n * are available to text fields.\n */\nlet _TextArea = React.forwardRef(TextArea);\nexport {_TextArea as TextArea};\n","/*\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 React, {forwardRef, RefObject, useRef} from 'react';\nimport {SpectrumTextFieldProps, TextFieldRef} from '@react-types/textfield';\nimport {TextFieldBase} from './TextFieldBase';\nimport {useProviderProps} from '@react-spectrum/provider';\nimport {useTextField} from '@react-aria/textfield';\n\nfunction TextField(props: SpectrumTextFieldProps, ref: RefObject<TextFieldRef>) {\n  props = useProviderProps(props);\n\n  let inputRef = useRef<HTMLInputElement>();\n  let {labelProps, inputProps, descriptionProps, errorMessageProps} = useTextField(props, inputRef);\n  return (\n    <TextFieldBase\n      {...props}\n      labelProps={labelProps}\n      inputProps={inputProps}\n      descriptionProps={descriptionProps}\n      errorMessageProps={errorMessageProps}\n      ref={ref}\n      inputRef={inputRef} />\n  );\n}\n\n/**\n * TextFields are text inputs that allow users to input custom text entries\n * with a keyboard. Various decorations can be displayed around the field to\n * communicate the entry requirements.\n */\nconst _TextField = forwardRef(TextField);\nexport {_TextField as TextField};\n"],"names":["$parcel$interopDefault","a","__esModule","default","TextFieldBase","props","ref","label","validationState","icon","isQuiet","isDisabled","multiLine","autoFocus","inputClassName","wrapperChildren","labelProps","inputProps","descriptionProps","errorMessageProps","inputRef","isLoading","loadingIndicator","validationIconClassName","hoverProps","isHovered","useHover","domRef","useRef","defaultInputRef","useImperativeHandle","createFocusableRef","select","current","getInputElement","ElementType","isInvalid","UNSAFE_className","classNames","cloneElement","size","validationIcon","validation","textField","mergeProps","undefined","React","className","_TextFieldBase","forwardRef","TextArea","useProviderProps","isReadOnly","isRequired","onChange","otherProps","inputValue","setInputValue","useControlledState","value","defaultValue","onHeightChange","useCallback","input","prevAlignment","style","alignSelf","height","scrollHeight","useLayoutEffect","useTextField","chain","inputElementType","_TextArea","TextField","_TextField"],"version":3,"file":"module.js.map"}

package/dist/types.d.ts.map

@@ -1 +1 @@
-{"mappings":"A;A;A;AA0BA,4BAA6B,SAAQ,IAAI,CAAC,sBAAsB,EAAE,UAAU,CAAC,EAAE,WAAW;IACxF,eAAe,CAAC,EAAE,YAAY,GAAG,YAAY,EAAE,CAAC;IAChD,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,uBAAuB,CAAC,EAAE,MAAM,CAAC;IACjC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,UAAU,CAAC,EAAE,oBAAoB,gBAAgB,CAAC,CAAC;IACnD,UAAU,EAAE,oBAAoB,gBAAgB,CAAC,GAAG,uBAAuB,mBAAmB,CAAC,CAAC;IAChG,gBAAgB,CAAC,EAAE,eAAe,WAAW,CAAC,CAAC;IAC/C,iBAAiB,CAAC,EAAE,eAAe,WAAW,CAAC,CAAC;IAChD,QAAQ,CAAC,EAAE,UAAU,gBAAgB,GAAG,mBAAmB,CAAC,CAAC;IAC7D,gBAAgB,CAAC,EAAE,YAAY,CAAC;IAChC,SAAS,CAAC,EAAE,OAAO,CAAA;CACpB;AA6HD,OAAA,MAAM,sGAA0C,CAAC;ACtFjD;A;A;A;GAIG;AACH,OAAA,IAAI,qGAAsC,CAAC;AC/C3C;A;A;A;GAIG;AACH,OAAA,MAAM,sGAAkC,CAAC","sources":["./packages/@react-spectrum/textfield/src/packages/@react-spectrum/textfield/src/TextFieldBase.tsx","./packages/@react-spectrum/textfield/src/packages/@react-spectrum/textfield/src/TextArea.tsx","./packages/@react-spectrum/textfield/src/packages/@react-spectrum/textfield/src/TextField.tsx","./packages/@react-spectrum/textfield/src/packages/@react-spectrum/textfield/src/index.ts"],"sourcesContent":[null,null,null,null],"names":[],"version":3,"file":"types.d.ts.map"}
+{"mappings":"A;A;A;AAwBA,4BAA6B,SAAQ,IAAI,CAAC,sBAAsB,EAAE,UAAU,CAAC,EAAE,WAAW;IACxF,eAAe,CAAC,EAAE,YAAY,GAAG,YAAY,EAAE,CAAC;IAChD,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,uBAAuB,CAAC,EAAE,MAAM,CAAC;IACjC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,UAAU,CAAC,EAAE,oBAAoB,gBAAgB,CAAC,CAAC;IACnD,UAAU,EAAE,oBAAoB,gBAAgB,CAAC,GAAG,uBAAuB,mBAAmB,CAAC,CAAC;IAChG,gBAAgB,CAAC,EAAE,eAAe,WAAW,CAAC,CAAC;IAC/C,iBAAiB,CAAC,EAAE,eAAe,WAAW,CAAC,CAAC;IAChD,QAAQ,CAAC,EAAE,UAAU,gBAAgB,GAAG,mBAAmB,CAAC,CAAC;IAC7D,gBAAgB,CAAC,EAAE,YAAY,CAAC;IAChC,SAAS,CAAC,EAAE,OAAO,CAAA;CACpB;AA2HD,OAAA,MAAM,sGAA0C,CAAC;AClFjD;A;A;A;GAIG;AACH,OAAA,IAAI,qGAAsC,CAAC;AC/C3C;A;A;A;GAIG;AACH,OAAA,MAAM,sGAAkC,CAAC","sources":["./packages/@react-spectrum/textfield/src/packages/@react-spectrum/textfield/src/TextFieldBase.tsx","./packages/@react-spectrum/textfield/src/packages/@react-spectrum/textfield/src/TextArea.tsx","./packages/@react-spectrum/textfield/src/packages/@react-spectrum/textfield/src/TextField.tsx","./packages/@react-spectrum/textfield/src/packages/@react-spectrum/textfield/src/index.ts"],"sourcesContent":[null,null,null,null],"names":[],"version":3,"file":"types.d.ts.map"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@react-spectrum/textfield",
-  "version": "3.0.0-nightly.1261+2731ebc7d",
+  "version": "3.0.0-nightly.1277+bd8c0996c",
   "description": "Spectrum UI components in React",
   "license": "Apache-2.0",
   "main": "dist/main.js",
@@ -32,22 +32,21 @@
   },
   "dependencies": {
     "@babel/runtime": "^7.6.2",
-    "@react-aria/focus": "3.0.0-nightly.1261+2731ebc7d",
-    "@react-aria/i18n": "3.0.0-nightly.1261+2731ebc7d",
-    "@react-aria/interactions": "3.0.0-nightly.1261+2731ebc7d",
-    "@react-aria/textfield": "3.0.0-nightly.1261+2731ebc7d",
-    "@react-aria/utils": "3.0.0-nightly.1261+2731ebc7d",
-    "@react-spectrum/form": "3.0.0-nightly.1261+2731ebc7d",
-    "@react-spectrum/label": "3.4.1-nightly.2947+2731ebc7d",
-    "@react-spectrum/utils": "3.0.0-nightly.1261+2731ebc7d",
-    "@react-stately/utils": "3.0.0-nightly.1261+2731ebc7d",
-    "@react-types/shared": "3.0.0-nightly.1261+2731ebc7d",
-    "@react-types/textfield": "3.0.0-nightly.1261+2731ebc7d",
-    "@spectrum-icons/ui": "3.0.0-nightly.1261+2731ebc7d"
+    "@react-aria/focus": "3.0.0-nightly.1277+bd8c0996c",
+    "@react-aria/i18n": "3.0.0-nightly.1277+bd8c0996c",
+    "@react-aria/interactions": "3.0.0-nightly.1277+bd8c0996c",
+    "@react-aria/textfield": "3.0.0-nightly.1277+bd8c0996c",
+    "@react-aria/utils": "3.0.0-nightly.1277+bd8c0996c",
+    "@react-spectrum/label": "3.4.1-nightly.2963+bd8c0996c",
+    "@react-spectrum/utils": "3.0.0-nightly.1277+bd8c0996c",
+    "@react-stately/utils": "3.0.0-nightly.1277+bd8c0996c",
+    "@react-types/shared": "3.0.0-nightly.1277+bd8c0996c",
+    "@react-types/textfield": "3.0.0-nightly.1277+bd8c0996c",
+    "@spectrum-icons/ui": "3.0.0-nightly.1277+bd8c0996c"
   },
   "devDependencies": {
-    "@adobe/spectrum-css-temp": "3.0.0-nightly.1261+2731ebc7d",
-    "@spectrum-icons/workflow": "3.0.0-nightly.1261+2731ebc7d"
+    "@adobe/spectrum-css-temp": "3.0.0-nightly.1277+bd8c0996c",
+    "@spectrum-icons/workflow": "3.0.0-nightly.1277+bd8c0996c"
   },
   "peerDependencies": {
     "@react-spectrum/provider": "^3.0.0",
@@ -56,5 +55,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "2731ebc7d1992b167e3bbab6171e28f2b0adb7fa"
+  "gitHead": "bd8c0996c9c34e2873decdfdeca1eed8b176a106"
 }

package/src/TextFieldBase.tsx

@@ -20,9 +20,7 @@ import {PressEvents} from '@react-types/shared';
 import React, {cloneElement, forwardRef, HTMLAttributes, InputHTMLAttributes, LabelHTMLAttributes, ReactElement, Ref, RefObject, TextareaHTMLAttributes, useImperativeHandle, useRef} from 'react';
 import {SpectrumTextFieldProps, TextFieldRef} from '@react-types/textfield';
 import styles from '@adobe/spectrum-css-temp/components/textfield/vars.css';
-import {useFormProps} from '@react-spectrum/form';
 import {useHover} from '@react-aria/interactions';
-import {useProviderProps} from '@react-spectrum/provider';
 
 interface TextFieldBaseProps extends Omit<SpectrumTextFieldProps, 'onChange'>, PressEvents {
   wrapperChildren?: ReactElement | ReactElement[],
@@ -39,8 +37,6 @@ interface TextFieldBaseProps extends Omit<SpectrumTextFieldProps, 'onChange'>, P
 }
 
 function TextFieldBase(props: TextFieldBaseProps, ref: Ref<TextFieldRef>) {
-  props = useProviderProps(props);
-  props = useFormProps(props);
   let {
     label,
     validationState,