@react-spectrum/textfield 3.1.6 → 3.3.1

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/fieldlabel/vars.css","./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\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 {\n  classNames,\n  createFocusableRef,\n  useStyleProps\n} from '@react-spectrum/utils';\nimport {FocusRing} from '@react-aria/focus';\nimport {Label} from '@react-spectrum/label';\nimport {LabelPosition, PressEvents} from '@react-types/shared';\nimport labelStyles from '@adobe/spectrum-css-temp/components/fieldlabel/vars.css';\nimport {mergeProps} from '@react-aria/utils';\nimport React, {cloneElement, forwardRef, 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 SpectrumTextFieldProps, 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  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    labelPosition = 'top' as LabelPosition,\n    labelAlign,\n    isRequired,\n    necessityIndicator,\n    validationState,\n    icon,\n    isQuiet = false,\n    isDisabled,\n    multiLine,\n    autoFocus,\n    inputClassName,\n    wrapperChildren,\n    labelProps,\n    inputProps,\n    inputRef,\n    isLoading,\n    loadingIndicator,\n    validationIconClassName,\n    ...otherProps\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 {styleProps} = useStyleProps(otherProps);\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    let labelWrapperClass = classNames(\n      labelStyles,\n      'spectrum-Field',\n      {\n        'spectrum-Field--positionTop': labelPosition === 'top',\n        'spectrum-Field--positionSide': labelPosition === 'side'\n      },\n      styleProps.className\n    );\n\n    textField = React.cloneElement(textField, mergeProps(textField.props, {\n      className: classNames(\n        labelStyles,\n        'spectrum-Field-field',\n        {\n          'spectrum-Field-field--multiline': multiLine\n        }\n      )\n    }));\n\n    return (\n      <div\n        {...styleProps}\n        ref={domRef}\n        className={labelWrapperClass}>\n        <Label\n          {...labelProps}\n          labelPosition={labelPosition}\n          labelAlign={labelAlign}\n          isRequired={isRequired}\n          necessityIndicator={necessityIndicator}>\n          {label}\n        </Label>\n        {textField}\n      </div>\n    );\n  }\n\n  return React.cloneElement(textField, mergeProps(textField.props, {\n    ...styleProps,\n    ref: domRef\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} = 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      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} = useTextField(props, inputRef);\n  return (\n    <TextFieldBase\n      {...props}\n      labelProps={labelProps}\n      inputProps={inputProps}\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","labelPosition","labelAlign","isRequired","necessityIndicator","validationState","icon","isQuiet","isDisabled","multiLine","autoFocus","inputClassName","wrapperChildren","labelProps","inputProps","inputRef","isLoading","loadingIndicator","validationIconClassName","otherProps","hoverProps","isHovered","useHover","domRef","useRef","defaultInputRef","useImperativeHandle","createFocusableRef","select","current","getInputElement","styleProps","useStyleProps","ElementType","isInvalid","UNSAFE_className","classNames","cloneElement","size","validationIcon","validation","textField","mergeProps","undefined","labelWrapperClass","className","React","_TextFieldBase","forwardRef","TextArea","isReadOnly","onChange","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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AGAA,GAA0C;AAC1C,GAAoC;AACpC,GAA2C;AAC3C,GAA+C;AAC/C,GAAgC;AAChC,GAA4B;AAC5B,GAA2C;AAC3C,GAA6C;AAC7C,GAA8C;AAC9C,GAAmD;AACnD,GAAyC;AACzC,GAA8C;AAC9C,GAAiD;AACjD,GAA4B;AAC5B,GAA4B;AAC5B,GAA6B;AAf7B,yCAA0C,GAAG,CAAiC;AAC9E,yCAAoC,GAAG,CAA2B;AAClE,yCAA2C,GAAG,CAAkC;AAChF,yCAA+C,GAAG,CAAsC;AACxF,yCAAgC,GAAG,CAAuB;AAC1D,yCAA4B,GAAG,CAAmB;AAClD,yCAA2C,GAAG,CAAkC;AAChF,yCAA6C,GAAG,CAAoC;AACpF,yCAA8C,GAAG,CAAqC;AACtF,yCAAmD,GAAG,CAA0C;AAChG,yCAAyC,GAAG,CAAgC;AAC5E,yCAA8C,GAAG,CAAqC;AACtF,uCAAiD,GAAG,CAAwC;AAC5F,yCAA4B,GAAG,CAAmB;AAClD,yCAA4B,GAAG,CAAmB;AAClD,yCAA6B,GAAG,CAAoB;;;;SDuB3C,mCAAa,CAAC,KAAyB,EAAE,GAAsB,EAAE,CAAC;IACzE,GAAG,CAAC,CAAC,QACH,KAAK,oBACL,eAAe,SACf,IAAI,YACJ,OAAO,GAAG,KAAK,eACf,UAAU,cACV,SAAS,cACT,SAAS,mBACT,cAAc,oBACd,eAAe,eACf,UAAU,eACV,UAAU,qBACV,gBAAgB,sBAChB,iBAAiB,aACjB,QAAQ,cACR,SAAS,qBACT,gBAAgB,4BAChB,uBAAuB,EACzB,CAAC,GAAG,KAAK;IACT,GAAG,CAAC,CAAC,aAAA,UAAU,cAAE,SAAS,EAAA,CAAC,GAAG,qCAAQ,CAAC,CAAC;oBAAA,UAAU;IAAA,CAAC;IACnD,GAAG,CAAC,MAAM,GAAG,mBAAM,CAAiB,IAAI;IACxC,GAAG,CAAC,eAAe,GAAG,mBAAM,CAAyC,IAAI;IACzE,QAAQ,GAAG,QAAQ,IAAI,eAAe;IAEtC,EAAsC,AAAtC,oCAAsC;IACtC,gCAAmB,CAAC,GAAG,OAAS,CAAC;eAC5B,4CAAkB,CAAC,MAAM,EAAE,QAAQ;YACtC,MAAM,IAAG,CAAC;gBACR,EAAE,EAAE,QAAQ,CAAC,OAAO,EAClB,QAAQ,CAAC,OAAO,CAAC,MAAM;YAE3B,CAAC;YACD,eAAe,IAAG,CAAC;gBACjB,MAAM,CAAC,QAAQ,CAAC,OAAO;YACzB,CAAC;QACH,CAAC;;IAED,GAAG,CAAC,WAAW,GAAsB,SAAS,GAAG,CAAU,YAAG,CAAO;IACrE,GAAG,CAAC,SAAS,GAAG,eAAe,KAAK,CAAS;IAE7C,EAAE,EAAE,IAAI,EAAE,CAAC;QACT,GAAG,CAAC,gBAAgB,GAAG,oCAAU,CAC/B,gEAAM,EACN,IAAI,CAAC,KAAK,IAAI,IAAI,CAAC,KAAK,CAAC,gBAAgB,EACzC,CAAyB;QAG3B,IAAI,iBAAG,yBAAY,CAAC,IAAI,EAAE,CAAC;8BACzB,gBAAgB;YAChB,IAAI,EAAE,CAAG;QACX,CAAC;IACH,CAAC;IAED,GAAG,CAAC,cAAc,GAAG,SAAS,sEAAI,2DAAW,6EAAO,+DAAe;IACnE,GAAG,CAAC,UAAU,iBAAG,yBAAY,CAAC,cAAc,EAAE,CAAC;QAC7C,gBAAgB,EAAE,oCAAU,CAC1B,gEAAM,EACN,CAAmC,oCACnC,uBAAuB;IAE3B,CAAC;IAED,GAAG,CAAC,SAAS,sEACV,CAAG;QACF,SAAS,EACP,oCAAU,CACR,gEAAM,EACN,CAAoB,qBACpB,CAAC;YACC,CAA6B,8BAAE,SAAS;YACxC,CAA2B,4BAAE,eAAe,KAAK,CAAO;YACxD,CAA8B,+BAAE,gBAAgB;YAChD,CAA2B,4BAAE,OAAO;YACpC,CAA+B,gCAAE,SAAS;QAC5C,CAAC;0EAGJ,+BAAS;QAAC,cAAc,EAAE,oCAAU,CAAC,gEAAM,EAAE,CAAY;QAAG,WAAW,EAAX,IAAW;QAAC,SAAS,EAAE,SAAS;0EAC1F,WAAW;WACN,gCAAU,CAAC,UAAU,EAAE,UAAU;QACrC,GAAG,EAAE,QAAQ;QACb,IAAI,EAAE,SAAS,GAAG,CAAC,GAAG,SAAS;QAC/B,SAAS,EACP,oCAAU,CACR,gEAAM,EACN,CAA0B,2BAC1B,CAAC;YACC,CAA8B,+BAAE,IAAI;YACpC,CAAY,aAAE,SAAS;QACzB,CAAC,EACD,cAAc;SAIrB,IAAI,EACJ,eAAe,KAAK,SAAS,GAAG,UAAU,GAAG,IAAI,EACjD,SAAS,IAAI,gBAAgB,EAC7B,eAAe;IAIpB,EAAE,EAAE,KAAK,EACP,SAAS,iBAAG,sCAAK,CAAC,YAAY,CAAC,SAAS,EAAE,gCAAU,CAAC,SAAS,CAAC,KAAK,EAAE,CAAC;QACrE,SAAS,EAAE,SAAS,GAAG,CAAiC,mCAAG,CAAE;IAC/D,CAAC;IAGH,MAAM,oEACH,+BAAK;WACA,KAAK;QACT,UAAU,EAAE,UAAU;QACtB,gBAAgB,EAAE,gBAAgB;QAClC,iBAAiB,EAAE,iBAAiB;QACpC,aAAa,EAAE,KAAK;QACpB,GAAG,EAAE,MAAM;OACV,SAAS;AAGhB,CAAC;AAED,KAAK,CAAC,yCAAc,iBAAG,uBAAU,CAAC,mCAAa;;;;;;SD3ItC,8BAAQ,CAAC,KAA6B,EAAE,GAA4B,EAAE,CAAC;IAC9E,KAAK,GAAG,6CAAgB,CAAC,KAAK;IAC9B,GAAG,CAAC,CAAC,aACH,UAAU,GAAG,KAAK,YAClB,OAAO,GAAG,KAAK,eACf,UAAU,GAAG,KAAK,eAClB,UAAU,GAAG,KAAK,aAClB,QAAQ,MACL,UAAU,CACf,CAAC,GAAG,KAAK;IAET,EAA2F,AAA3F,yFAA2F;IAC3F,GAAG,EAAE,UAAU,EAAE,aAAa,IAAI,2CAAkB,CAAC,KAAK,CAAC,KAAK,EAAE,KAAK,CAAC,YAAY,MAAQ,CAAC;IAAA,CAAC;IAE9F,GAAG,CAAC,QAAQ,GAAG,mBAAM;IAErB,GAAG,CAAC,cAAc,GAAG,wBAAW,KAAO,CAAC;QACtC,EAAE,EAAE,OAAO,EAAE,CAAC;YACZ,GAAG,CAAC,KAAK,GAAG,QAAQ,CAAC,OAAO;YAC5B,GAAG,CAAC,aAAa,GAAG,KAAK,CAAC,KAAK,CAAC,SAAS;YACzC,KAAK,CAAC,KAAK,CAAC,SAAS,GAAG,CAAO;YAC/B,KAAK,CAAC,KAAK,CAAC,MAAM,GAAG,CAAM;YAC3B,KAAK,CAAC,KAAK,CAAC,MAAM,MAAM,KAAK,CAAC,YAAY,CAAC,EAAE;YAC7C,KAAK,CAAC,KAAK,CAAC,SAAS,GAAG,aAAa;QACvC,CAAC;IACH,CAAC,EAAE,CAAC;QAAA,OAAO;QAAE,QAAQ;IAAA,CAAC;IAEtB,qCAAe,KAAO,CAAC;QACrB,EAAE,EAAE,QAAQ,CAAC,OAAO,EAClB,cAAc;IAElB,CAAC,EAAE,CAAC;QAAA,cAAc;QAAE,UAAU;QAAE,QAAQ;IAAA,CAAC;IAGzC,GAAG,CAAC,CAAC,aAAA,UAAU,eAAE,UAAU,qBAAE,gBAAgB,sBAAE,iBAAiB,EAAA,CAAC,GAAG,sCAAY,CAAC,CAAC;WAC7E,KAAK;QACR,QAAQ,EAAE,2BAAK,CAAC,QAAQ,EAAE,aAAa;QACvC,gBAAgB,EAAE,CAAU;IAC9B,CAAC,EAAE,QAAQ;IAEX,MAAM,oEACH,yCAAa;WACR,UAAU;QACd,GAAG,EAAE,GAAG;QACR,QAAQ,EAAE,QAAQ;QAClB,UAAU,EAAE,UAAU;QACtB,UAAU,EAAE,UAAU;QACtB,gBAAgB,EAAE,gBAAgB;QAClC,iBAAiB,EAAE,iBAAiB;QACpC,SAAS,EAAT,IAAS;QACT,UAAU,EAAE,UAAU;QACtB,OAAO,EAAE,OAAO;QAChB,UAAU,EAAE,UAAU;QACtB,UAAU,EAAE,UAAU;;AAE5B,CAAC;AAED,EAIG,AAJH;;;;CAIG,AAJH,EAIG,CACH,GAAG,CAAC,yCAAS,iBAAG,sCAAK,CAAC,UAAU,CAAC,8BAAQ;;;;;;;;;;SGhEhC,+BAAS,CAAC,KAA6B,EAAE,GAA4B,EAAE,CAAC;IAC/E,KAAK,GAAG,6CAAgB,CAAC,KAAK;IAE9B,GAAG,CAAC,QAAQ,GAAG,mBAAM;IACrB,GAAG,CAAC,CAAC,aAAA,UAAU,eAAE,UAAU,qBAAE,gBAAgB,sBAAE,iBAAiB,EAAA,CAAC,GAAG,sCAAY,CAAC,KAAK,EAAE,QAAQ;IAChG,MAAM,oEACH,yCAAa;WACR,KAAK;QACT,UAAU,EAAE,UAAU;QACtB,UAAU,EAAE,UAAU;QACtB,gBAAgB,EAAE,gBAAgB;QAClC,iBAAiB,EAAE,iBAAiB;QACpC,GAAG,EAAE,GAAG;QACR,QAAQ,EAAE,QAAQ;;AAExB,CAAC;AAED,EAIG,AAJH;;;;CAIG,AAJH,EAIG,CACH,KAAK,CAAC,yCAAU,iBAAG,uBAAU,CAAC,+BAAS;;","sources":["packages/@react-spectrum/textfield/src/index.ts","packages/@react-spectrum/textfield/src/TextArea.tsx","packages/@react-spectrum/textfield/src/TextFieldBase.tsx","packages/@adobe/spectrum-css-temp/components/textfield/vars.css","packages/@react-spectrum/textfield/src/TextField.tsx"],"sourcesContent":["/*\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/// <reference types=\"css-module-types\" />\n\nexport * from './TextArea';\nexport * from './TextField';\nexport * from './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 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\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 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":[],"version":3,"file":"main.js.map"}

package/dist/module.js

@@ -1,259 +1,245 @@
-import { useTextField } from "@react-aria/textfield";
-import { useControlledState } from "@react-stately/utils";
-import { useProviderProps } from "@react-spectrum/provider";
-import { useHover } from "@react-aria/interactions";
-import { useFormProps } from "@react-spectrum/form";
-import { Label } from "@react-spectrum/label";
-import { FocusRing } from "@react-aria/focus";
-import { classNames, createFocusableRef, useStyleProps } from "@react-spectrum/utils";
-import _spectrumIconsUiCheckmarkMedium from "@spectrum-icons/ui/CheckmarkMedium";
-import _spectrumIconsUiAlertMedium from "@spectrum-icons/ui/AlertMedium";
-import _react, { useCallback, useRef, cloneElement, forwardRef, useImperativeHandle } from "react";
-import { chain, useLayoutEffect, mergeProps } from "@react-aria/utils";
-import _babelRuntimeHelpersEsmObjectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
-import _babelRuntimeHelpersEsmExtends from "@babel/runtime/helpers/esm/extends";
 import "./main.css";
-
+import {useLayoutEffect as $ebYMf$useLayoutEffect, chain as $ebYMf$chain, mergeProps as $ebYMf$mergeProps} from "@react-aria/utils";
+import $ebYMf$react, {useRef as $ebYMf$useRef, useCallback as $ebYMf$useCallback, useImperativeHandle as $ebYMf$useImperativeHandle, cloneElement as $ebYMf$cloneElement, forwardRef as $ebYMf$forwardRef} from "react";
+import {useControlledState as $ebYMf$useControlledState} from "@react-stately/utils";
+import {useProviderProps as $ebYMf$useProviderProps} from "@react-spectrum/provider";
+import {useTextField as $ebYMf$useTextField} from "@react-aria/textfield";
+import $ebYMf$spectrumiconsuiAlertMedium from "@spectrum-icons/ui/AlertMedium";
+import $ebYMf$spectrumiconsuiCheckmarkMedium from "@spectrum-icons/ui/CheckmarkMedium";
+import {createFocusableRef as $ebYMf$createFocusableRef, classNames as $ebYMf$classNames} from "@react-spectrum/utils";
+import {Field as $ebYMf$Field} from "@react-spectrum/label";
+import {FocusRing as $ebYMf$FocusRing} from "@react-aria/focus";
+import {useHover as $ebYMf$useHover} from "@react-aria/interactions";
+
+function $parcel$export(e, n, v, s) {
+  Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
+}
 function $parcel$interopDefault(a) {
   return a && a.__esModule ? a.default : a;
 }
-
-// ASSET: /Users/govett/dev/react-spectrum-v3/node_modules/@adobe/spectrum-css-temp/components/fieldlabel/vars.css
-var $c9fb1f4220ea2c59cb2e10f0e9828c6e$exports = {};
-$c9fb1f4220ea2c59cb2e10f0e9828c6e$exports = {
-  "spectrum-FieldLabel": "_spectrum-FieldLabel_36b9b",
-  "spectrum-FieldLabel--positionSide": "_spectrum-FieldLabel--positionSide_36b9b",
-  "spectrum-FieldLabel-requiredIcon": "_spectrum-FieldLabel-requiredIcon_36b9b",
-  "spectrum-FieldLabel--alignEnd": "_spectrum-FieldLabel--alignEnd_36b9b",
-  "spectrum-Field": "_spectrum-Field_36b9b",
-  "spectrum-Field--positionTop": "_spectrum-Field--positionTop_36b9b",
-  "spectrum-Field-field": "_spectrum-Field-field_36b9b",
-  "spectrum-Field-field--multiline": "_spectrum-Field-field--multiline_36b9b",
-  "spectrum-Field--positionSide": "_spectrum-Field--positionSide_36b9b",
-  "spectrum-Form": "_spectrum-Form_36b9b",
-  "spectrum-Form--positionSide": "_spectrum-Form--positionSide_36b9b",
-  "spectrum-Form--positionTop": "_spectrum-Form--positionTop_36b9b",
-  "spectrum-Form-itemLabel": "_spectrum-Form-itemLabel_36b9b",
-  "is-disabled": "_is-disabled_36b9b"
-};
-// ASSET: /Users/govett/dev/react-spectrum-v3/node_modules/@adobe/spectrum-css-temp/components/textfield/vars.css
-var $aa1c742e7a2a16aa7981ca9e2f4a89$exports = {};
-$aa1c742e7a2a16aa7981ca9e2f4a89$exports = {
-  "spectrum-Textfield": "_spectrum-Textfield_61339",
-  "spectrum-Textfield--quiet": "_spectrum-Textfield--quiet_61339",
-  "spectrum-Textfield--multiline": "_spectrum-Textfield--multiline_61339",
-  "spectrum-Textfield-input": "_spectrum-Textfield-input_61339",
-  "is-placeholder": "_is-placeholder_61339",
-  "is-hovered": "_is-hovered_61339",
-  "spectrum-Textfield--valid": "_spectrum-Textfield--valid_61339",
-  "spectrum-Textfield--invalid": "_spectrum-Textfield--invalid_61339",
-  "spectrum-Textfield--loadable": "_spectrum-Textfield--loadable_61339",
-  "spectrum-Textfield-validationIcon": "_spectrum-Textfield-validationIcon_61339",
-  "spectrum-Textfield-icon": "_spectrum-Textfield-icon_61339",
-  "spectrum-Textfield-inputIcon": "_spectrum-Textfield-inputIcon_61339",
-  "spectrum-Textfield-circleLoader": "_spectrum-Textfield-circleLoader_61339",
-  "is-focused": "_is-focused_61339",
-  "focus-ring": "_focus-ring_61339",
-  "is-disabled": "_is-disabled_61339"
-};
-var $aa1c742e7a2a16aa7981ca9e2f4a89$$interop$default = $parcel$interopDefault($aa1c742e7a2a16aa7981ca9e2f4a89$exports);
-var $c9fb1f4220ea2c59cb2e10f0e9828c6e$$interop$default = $parcel$interopDefault($c9fb1f4220ea2c59cb2e10f0e9828c6e$exports);
-
-function $bf4e8b5f6a6cf158db09231425531fea$var$TextFieldBase(props, ref) {
-  props = useProviderProps(props);
-  props = useFormProps(props);
-
-  let {
-    label,
-    labelPosition = 'top',
-    labelAlign,
-    isRequired,
-    necessityIndicator,
-    validationState,
-    icon,
-    isQuiet = false,
-    isDisabled,
-    multiLine,
-    autoFocus,
-    inputClassName,
-    wrapperChildren,
-    labelProps,
-    inputProps,
-    inputRef,
-    isLoading,
-    loadingIndicator,
-    validationIconClassName
-  } = props,
-      otherProps = _babelRuntimeHelpersEsmObjectWithoutPropertiesLoose(props, ["label", "labelPosition", "labelAlign", "isRequired", "necessityIndicator", "validationState", "icon", "isQuiet", "isDisabled", "multiLine", "autoFocus", "inputClassName", "wrapperChildren", "labelProps", "inputProps", "inputRef", "isLoading", "loadingIndicator", "validationIconClassName"]);
-
-  let {
-    hoverProps,
-    isHovered
-  } = useHover({
-    isDisabled
-  });
-  let domRef = useRef(null);
-  let defaultInputRef = useRef(null);
-  inputRef = inputRef || defaultInputRef; // Expose imperative interface for ref
-
-  useImperativeHandle(ref, () => _babelRuntimeHelpersEsmExtends({}, createFocusableRef(domRef, inputRef), {
-    select() {
-      if (inputRef.current) {
-        inputRef.current.select();
-      }
-    },
-
-    getInputElement() {
-      return inputRef.current;
+var $da8ab907384b5fd3$exports = {};
+
+$parcel$export($da8ab907384b5fd3$exports, "TextArea", () => $da8ab907384b5fd3$export$f5c9f3c2c4054eec);
+
+
+var $eea28bca1d6d81f9$exports = {};
+
+$parcel$export($eea28bca1d6d81f9$exports, "TextFieldBase", () => $eea28bca1d6d81f9$export$d22444a338b6e3c2);
+
+
+
+
+
+
+
+var $1b4d2ed8b766360d$exports = {};
+
+$parcel$export($1b4d2ed8b766360d$exports, "spectrum-Textfield-input", () => $1b4d2ed8b766360d$export$1ac009feb2b0bd0c, (v) => $1b4d2ed8b766360d$export$1ac009feb2b0bd0c = v);
+$parcel$export($1b4d2ed8b766360d$exports, "spectrum-Textfield", () => $1b4d2ed8b766360d$export$2c8a10299d8b3418, (v) => $1b4d2ed8b766360d$export$2c8a10299d8b3418 = v);
+$parcel$export($1b4d2ed8b766360d$exports, "spectrum-Textfield--quiet", () => $1b4d2ed8b766360d$export$bffd5e3d61a81737, (v) => $1b4d2ed8b766360d$export$bffd5e3d61a81737 = v);
+$parcel$export($1b4d2ed8b766360d$exports, "spectrum-Textfield--multiline", () => $1b4d2ed8b766360d$export$9699f1c538a448a0, (v) => $1b4d2ed8b766360d$export$9699f1c538a448a0 = v);
+$parcel$export($1b4d2ed8b766360d$exports, "is-placeholder", () => $1b4d2ed8b766360d$export$e5b2f5233e4e5194, (v) => $1b4d2ed8b766360d$export$e5b2f5233e4e5194 = v);
+$parcel$export($1b4d2ed8b766360d$exports, "is-hovered", () => $1b4d2ed8b766360d$export$b8813cd5d7824ce7, (v) => $1b4d2ed8b766360d$export$b8813cd5d7824ce7 = v);
+$parcel$export($1b4d2ed8b766360d$exports, "spectrum-Textfield--valid", () => $1b4d2ed8b766360d$export$c2abbc3f970170b7, (v) => $1b4d2ed8b766360d$export$c2abbc3f970170b7 = v);
+$parcel$export($1b4d2ed8b766360d$exports, "spectrum-Textfield--invalid", () => $1b4d2ed8b766360d$export$58e50b10d30123df, (v) => $1b4d2ed8b766360d$export$58e50b10d30123df = v);
+$parcel$export($1b4d2ed8b766360d$exports, "spectrum-Textfield--loadable", () => $1b4d2ed8b766360d$export$14fd30fea6f1348c, (v) => $1b4d2ed8b766360d$export$14fd30fea6f1348c = v);
+$parcel$export($1b4d2ed8b766360d$exports, "spectrum-Textfield-validationIcon", () => $1b4d2ed8b766360d$export$cf0ead5b44db0da3, (v) => $1b4d2ed8b766360d$export$cf0ead5b44db0da3 = v);
+$parcel$export($1b4d2ed8b766360d$exports, "spectrum-Textfield-icon", () => $1b4d2ed8b766360d$export$222d1ccd1870be1d, (v) => $1b4d2ed8b766360d$export$222d1ccd1870be1d = v);
+$parcel$export($1b4d2ed8b766360d$exports, "spectrum-Textfield-inputIcon", () => $1b4d2ed8b766360d$export$c1cdcaa5fe76a871, (v) => $1b4d2ed8b766360d$export$c1cdcaa5fe76a871 = v);
+$parcel$export($1b4d2ed8b766360d$exports, "spectrum-Textfield-circleLoader", () => $1b4d2ed8b766360d$export$82a249fb4d6127, (v) => $1b4d2ed8b766360d$export$82a249fb4d6127 = v);
+$parcel$export($1b4d2ed8b766360d$exports, "is-focused", () => $1b4d2ed8b766360d$export$e7dc768d35940237, (v) => $1b4d2ed8b766360d$export$e7dc768d35940237 = v);
+$parcel$export($1b4d2ed8b766360d$exports, "focus-ring", () => $1b4d2ed8b766360d$export$f39a09f249340e2a, (v) => $1b4d2ed8b766360d$export$f39a09f249340e2a = v);
+$parcel$export($1b4d2ed8b766360d$exports, "is-disabled", () => $1b4d2ed8b766360d$export$d35bc1e505d1ebbf, (v) => $1b4d2ed8b766360d$export$d35bc1e505d1ebbf = v);
+var $1b4d2ed8b766360d$export$1ac009feb2b0bd0c;
+var $1b4d2ed8b766360d$export$2c8a10299d8b3418;
+var $1b4d2ed8b766360d$export$bffd5e3d61a81737;
+var $1b4d2ed8b766360d$export$9699f1c538a448a0;
+var $1b4d2ed8b766360d$export$e5b2f5233e4e5194;
+var $1b4d2ed8b766360d$export$b8813cd5d7824ce7;
+var $1b4d2ed8b766360d$export$c2abbc3f970170b7;
+var $1b4d2ed8b766360d$export$58e50b10d30123df;
+var $1b4d2ed8b766360d$export$14fd30fea6f1348c;
+var $1b4d2ed8b766360d$export$cf0ead5b44db0da3;
+var $1b4d2ed8b766360d$export$222d1ccd1870be1d;
+var $1b4d2ed8b766360d$export$c1cdcaa5fe76a871;
+var $1b4d2ed8b766360d$export$82a249fb4d6127;
+var $1b4d2ed8b766360d$export$e7dc768d35940237;
+var $1b4d2ed8b766360d$export$f39a09f249340e2a;
+var $1b4d2ed8b766360d$export$d35bc1e505d1ebbf;
+$1b4d2ed8b766360d$export$1ac009feb2b0bd0c = "spectrum-Textfield-input_73bc77";
+$1b4d2ed8b766360d$export$2c8a10299d8b3418 = "spectrum-Textfield_73bc77";
+$1b4d2ed8b766360d$export$bffd5e3d61a81737 = "spectrum-Textfield--quiet_73bc77";
+$1b4d2ed8b766360d$export$9699f1c538a448a0 = "spectrum-Textfield--multiline_73bc77";
+$1b4d2ed8b766360d$export$e5b2f5233e4e5194 = "is-placeholder_73bc77";
+$1b4d2ed8b766360d$export$b8813cd5d7824ce7 = "is-hovered_73bc77";
+$1b4d2ed8b766360d$export$c2abbc3f970170b7 = "spectrum-Textfield--valid_73bc77";
+$1b4d2ed8b766360d$export$58e50b10d30123df = "spectrum-Textfield--invalid_73bc77";
+$1b4d2ed8b766360d$export$14fd30fea6f1348c = "spectrum-Textfield--loadable_73bc77";
+$1b4d2ed8b766360d$export$cf0ead5b44db0da3 = "spectrum-Textfield-validationIcon_73bc77";
+$1b4d2ed8b766360d$export$222d1ccd1870be1d = "spectrum-Textfield-icon_73bc77";
+$1b4d2ed8b766360d$export$c1cdcaa5fe76a871 = "spectrum-Textfield-inputIcon_73bc77";
+$1b4d2ed8b766360d$export$82a249fb4d6127 = "spectrum-Textfield-circleLoader_73bc77";
+$1b4d2ed8b766360d$export$e7dc768d35940237 = "is-focused_73bc77";
+$1b4d2ed8b766360d$export$f39a09f249340e2a = "focus-ring_73bc77";
+$1b4d2ed8b766360d$export$d35bc1e505d1ebbf = "is-disabled_73bc77";
+
+
+
+function $eea28bca1d6d81f9$var$TextFieldBase(props, ref) {
+    let { label: label , 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: inputRef , isLoading: isLoading , loadingIndicator: loadingIndicator , validationIconClassName: validationIconClassName  } = props;
+    let { hoverProps: hoverProps , isHovered: isHovered  } = $ebYMf$useHover({
+        isDisabled: isDisabled
+    });
+    let domRef = $ebYMf$useRef(null);
+    let defaultInputRef = $ebYMf$useRef(null);
+    inputRef = inputRef || defaultInputRef;
+    // Expose imperative interface for ref
+    $ebYMf$useImperativeHandle(ref, ()=>({
+            ...$ebYMf$createFocusableRef(domRef, inputRef),
+            select () {
+                if (inputRef.current) inputRef.current.select();
+            },
+            getInputElement () {
+                return inputRef.current;
+            }
+        })
+    );
+    let ElementType = multiLine ? 'textarea' : 'input';
+    let isInvalid = validationState === 'invalid';
+    if (icon) {
+        let UNSAFE_className = $ebYMf$classNames((/*@__PURE__*/$parcel$interopDefault($1b4d2ed8b766360d$exports)), icon.props && icon.props.UNSAFE_className, 'spectrum-Textfield-icon');
+        icon = /*#__PURE__*/ $ebYMf$cloneElement(icon, {
+            UNSAFE_className: UNSAFE_className,
+            size: 'S'
+        });
     }
-
-  }));
-  let {
-    styleProps
-  } = useStyleProps(otherProps);
-  let ElementType = multiLine ? 'textarea' : 'input';
-  let isInvalid = validationState === 'invalid';
-
-  if (icon) {
-    let UNSAFE_className = classNames($aa1c742e7a2a16aa7981ca9e2f4a89$$interop$default, icon.props && icon.props.UNSAFE_className, 'spectrum-Textfield-icon');
-    icon = /*#__PURE__*/cloneElement(icon, {
-      UNSAFE_className,
-      size: 'S'
+    let validationIcon = isInvalid ? /*#__PURE__*/ $ebYMf$react.createElement($ebYMf$spectrumiconsuiAlertMedium, null) : /*#__PURE__*/ $ebYMf$react.createElement($ebYMf$spectrumiconsuiCheckmarkMedium, null);
+    let validation = /*#__PURE__*/ $ebYMf$cloneElement(validationIcon, {
+        UNSAFE_className: $ebYMf$classNames((/*@__PURE__*/$parcel$interopDefault($1b4d2ed8b766360d$exports)), 'spectrum-Textfield-validationIcon', validationIconClassName)
     });
-  }
-
-  let validationIcon = isInvalid ? /*#__PURE__*/_react.createElement(_spectrumIconsUiAlertMedium, null) : /*#__PURE__*/_react.createElement(_spectrumIconsUiCheckmarkMedium, null);
-  let validation = /*#__PURE__*/cloneElement(validationIcon, {
-    UNSAFE_className: classNames($aa1c742e7a2a16aa7981ca9e2f4a89$$interop$default, 'spectrum-Textfield-validationIcon', validationIconClassName)
-  });
-
-  let textField = /*#__PURE__*/_react.createElement("div", {
-    className: classNames($aa1c742e7a2a16aa7981ca9e2f4a89$$interop$default, 'spectrum-Textfield', {
-      'spectrum-Textfield--invalid': isInvalid,
-      'spectrum-Textfield--valid': validationState === 'valid',
-      'spectrum-Textfield--loadable': loadingIndicator,
-      'spectrum-Textfield--quiet': isQuiet,
-      'spectrum-Textfield--multiline': multiLine
-    })
-  }, /*#__PURE__*/_react.createElement(FocusRing, {
-    focusRingClass: classNames($aa1c742e7a2a16aa7981ca9e2f4a89$$interop$default, 'focus-ring'),
-    isTextInput: true,
-    autoFocus: autoFocus
-  }, /*#__PURE__*/_react.createElement(ElementType, _babelRuntimeHelpersEsmExtends({}, mergeProps(inputProps, hoverProps), {
-    ref: inputRef,
-    rows: multiLine ? 1 : undefined,
-    className: classNames($aa1c742e7a2a16aa7981ca9e2f4a89$$interop$default, 'spectrum-Textfield-input', {
-      'spectrum-Textfield-inputIcon': icon,
-      'is-hovered': isHovered
-    }, inputClassName)
-  }))), icon, validationState && !isLoading ? validation : null, isLoading && loadingIndicator, wrapperChildren);
-
-  if (label) {
-    let labelWrapperClass = classNames($c9fb1f4220ea2c59cb2e10f0e9828c6e$$interop$default, 'spectrum-Field', {
-      'spectrum-Field--positionTop': labelPosition === 'top',
-      'spectrum-Field--positionSide': labelPosition === 'side'
-    }, styleProps.className);
-    textField = /*#__PURE__*/_react.cloneElement(textField, mergeProps(textField.props, {
-      className: classNames($c9fb1f4220ea2c59cb2e10f0e9828c6e$$interop$default, 'spectrum-Field-field', {
-        'spectrum-Field-field--multiline': multiLine
-      })
+    let textField = /*#__PURE__*/ $ebYMf$react.createElement("div", {
+        className: $ebYMf$classNames((/*@__PURE__*/$parcel$interopDefault($1b4d2ed8b766360d$exports)), 'spectrum-Textfield', {
+            'spectrum-Textfield--invalid': isInvalid,
+            'spectrum-Textfield--valid': validationState === 'valid',
+            'spectrum-Textfield--loadable': loadingIndicator,
+            'spectrum-Textfield--quiet': isQuiet,
+            'spectrum-Textfield--multiline': multiLine
+        })
+    }, /*#__PURE__*/ $ebYMf$react.createElement($ebYMf$FocusRing, {
+        focusRingClass: $ebYMf$classNames((/*@__PURE__*/$parcel$interopDefault($1b4d2ed8b766360d$exports)), 'focus-ring'),
+        isTextInput: true,
+        autoFocus: autoFocus
+    }, /*#__PURE__*/ $ebYMf$react.createElement(ElementType, {
+        ...$ebYMf$mergeProps(inputProps, hoverProps),
+        ref: inputRef,
+        rows: multiLine ? 1 : undefined,
+        className: $ebYMf$classNames((/*@__PURE__*/$parcel$interopDefault($1b4d2ed8b766360d$exports)), 'spectrum-Textfield-input', {
+            'spectrum-Textfield-inputIcon': icon,
+            'is-hovered': isHovered
+        }, inputClassName)
+    })), icon, validationState && !isLoading ? validation : null, isLoading && loadingIndicator, wrapperChildren);
+    if (label) textField = /*#__PURE__*/ $ebYMf$react.cloneElement(textField, $ebYMf$mergeProps(textField.props, {
+        className: multiLine ? 'spectrum-Field-field--multiline' : ''
     }));
-    return /*#__PURE__*/_react.createElement("div", _babelRuntimeHelpersEsmExtends({}, styleProps, {
-      ref: domRef,
-      className: labelWrapperClass
-    }), /*#__PURE__*/_react.createElement(Label, _babelRuntimeHelpersEsmExtends({}, labelProps, {
-      labelPosition: labelPosition,
-      labelAlign: labelAlign,
-      isRequired: isRequired,
-      necessityIndicator: necessityIndicator
-    }), label), textField);
-  }
-
-  return /*#__PURE__*/_react.cloneElement(textField, mergeProps(textField.props, _babelRuntimeHelpersEsmExtends({}, styleProps, {
-    ref: domRef
-  })));
+    return(/*#__PURE__*/ $ebYMf$react.createElement($ebYMf$Field, {
+        ...props,
+        labelProps: labelProps,
+        descriptionProps: descriptionProps,
+        errorMessageProps: errorMessageProps,
+        showErrorIcon: false,
+        ref: domRef
+    }, textField));
 }
+const $eea28bca1d6d81f9$export$d22444a338b6e3c2 = /*#__PURE__*/ $ebYMf$forwardRef($eea28bca1d6d81f9$var$TextFieldBase);
 
-export const TextFieldBase = /*#__PURE__*/forwardRef($bf4e8b5f6a6cf158db09231425531fea$var$TextFieldBase);
-
-function $c4fbb705db8be6f428971c31601c3$var$TextArea(props, ref) {
-  props = useProviderProps(props);
-
-  let {
-    isDisabled = false,
-    isQuiet = false,
-    isReadOnly = false,
-    isRequired = false,
-    onChange
-  } = props,
-      otherProps = _babelRuntimeHelpersEsmObjectWithoutPropertiesLoose(props, ["isDisabled", "isQuiet", "isReadOnly", "isRequired", "onChange"]); // not in stately because this is so we know when to re-measure, which is a spectrum design
-
-
-  let [inputValue, setInputValue] = useControlledState(props.value, props.defaultValue, () => {});
-  let inputRef = useRef();
-  let onHeightChange = useCallback(() => {
-    if (isQuiet) {
-      let input = inputRef.current;
-      let prevAlignment = input.style.alignSelf;
-      input.style.alignSelf = 'start';
-      input.style.height = 'auto';
-      input.style.height = input.scrollHeight + "px";
-      input.style.alignSelf = prevAlignment;
-    }
-  }, [isQuiet, inputRef]);
-  useLayoutEffect(() => {
-    if (inputRef.current) {
-      onHeightChange();
-    }
-  }, [onHeightChange, inputValue, inputRef]);
-  let {
-    labelProps,
-    inputProps
-  } = useTextField(_babelRuntimeHelpersEsmExtends({}, props, {
-    onChange: chain(onChange, setInputValue),
-    inputElementType: 'textarea'
-  }), inputRef);
-  return /*#__PURE__*/_react.createElement(TextFieldBase, _babelRuntimeHelpersEsmExtends({}, otherProps, {
-    ref: ref,
-    inputRef: inputRef,
-    labelProps: labelProps,
-    inputProps: inputProps,
-    multiLine: true,
-    isDisabled: isDisabled,
-    isQuiet: isQuiet,
-    isReadOnly: isReadOnly,
-    isRequired: isRequired
-  }));
+
+
+
+
+function $da8ab907384b5fd3$var$TextArea(props, ref) {
+    props = $ebYMf$useProviderProps(props);
+    let { isDisabled: isDisabled = false , isQuiet: isQuiet = false , isReadOnly: isReadOnly = false , isRequired: isRequired = false , onChange: onChange , ...otherProps } = props;
+    // not in stately because this is so we know when to re-measure, which is a spectrum design
+    let [inputValue, setInputValue] = $ebYMf$useControlledState(props.value, props.defaultValue, ()=>{
+    });
+    let inputRef = $ebYMf$useRef();
+    let onHeightChange = $ebYMf$useCallback(()=>{
+        if (isQuiet) {
+            let input = inputRef.current;
+            let prevAlignment = input.style.alignSelf;
+            input.style.alignSelf = 'start';
+            input.style.height = 'auto';
+            input.style.height = `${input.scrollHeight}px`;
+            input.style.alignSelf = prevAlignment;
+        }
+    }, [
+        isQuiet,
+        inputRef
+    ]);
+    $ebYMf$useLayoutEffect(()=>{
+        if (inputRef.current) onHeightChange();
+    }, [
+        onHeightChange,
+        inputValue,
+        inputRef
+    ]);
+    let { labelProps: labelProps , inputProps: inputProps , descriptionProps: descriptionProps , errorMessageProps: errorMessageProps  } = $ebYMf$useTextField({
+        ...props,
+        onChange: $ebYMf$chain(onChange, setInputValue),
+        inputElementType: 'textarea'
+    }, inputRef);
+    return(/*#__PURE__*/ $ebYMf$react.createElement($eea28bca1d6d81f9$export$d22444a338b6e3c2, {
+        ...otherProps,
+        ref: ref,
+        inputRef: inputRef,
+        labelProps: labelProps,
+        inputProps: inputProps,
+        descriptionProps: descriptionProps,
+        errorMessageProps: errorMessageProps,
+        multiLine: true,
+        isDisabled: isDisabled,
+        isQuiet: isQuiet,
+        isReadOnly: isReadOnly,
+        isRequired: isRequired
+    }));
 }
 /**
  * TextAreas are multiline text inputs, useful for cases where users have
  * a sizable amount of text to enter. They allow for all customizations that
  * are available to text fields.
- */
-
-
-export let TextArea = /*#__PURE__*/_react.forwardRef($c4fbb705db8be6f428971c31601c3$var$TextArea);
-
-function $b9415e5cf6b021d77e82405d516096$var$TextField(props, ref) {
-  props = useProviderProps(props);
-  let inputRef = useRef();
-  let {
-    labelProps,
-    inputProps
-  } = useTextField(props, inputRef);
-  return /*#__PURE__*/_react.createElement(TextFieldBase, _babelRuntimeHelpersEsmExtends({}, props, {
-    labelProps: labelProps,
-    inputProps: inputProps,
-    ref: ref,
-    inputRef: inputRef
-  }));
+ */ let $da8ab907384b5fd3$export$f5c9f3c2c4054eec = /*#__PURE__*/ $ebYMf$react.forwardRef($da8ab907384b5fd3$var$TextArea);
+
+
+var $90dfba621f703b3f$exports = {};
+
+$parcel$export($90dfba621f703b3f$exports, "TextField", () => $90dfba621f703b3f$export$2c73285ae9390cec);
+
+
+
+
+function $90dfba621f703b3f$var$TextField(props, ref) {
+    props = $ebYMf$useProviderProps(props);
+    let inputRef = $ebYMf$useRef();
+    let { labelProps: labelProps , inputProps: inputProps , descriptionProps: descriptionProps , errorMessageProps: errorMessageProps  } = $ebYMf$useTextField(props, inputRef);
+    return(/*#__PURE__*/ $ebYMf$react.createElement($eea28bca1d6d81f9$export$d22444a338b6e3c2, {
+        ...props,
+        labelProps: labelProps,
+        inputProps: inputProps,
+        descriptionProps: descriptionProps,
+        errorMessageProps: errorMessageProps,
+        ref: ref,
+        inputRef: inputRef
+    }));
 }
 /**
  * TextFields are text inputs that allow users to input custom text entries
  * with a keyboard. Various decorations can be displayed around the field to
  * communicate the entry requirements.
- */
+ */ const $90dfba621f703b3f$export$2c73285ae9390cec = /*#__PURE__*/ $ebYMf$forwardRef($90dfba621f703b3f$var$TextField);
+
+
+
 
 
-export const TextField = /*#__PURE__*/forwardRef($b9415e5cf6b021d77e82405d516096$var$TextField);
+export {$da8ab907384b5fd3$export$f5c9f3c2c4054eec as TextArea, $90dfba621f703b3f$export$2c73285ae9390cec as TextField, $eea28bca1d6d81f9$export$d22444a338b6e3c2 as TextFieldBase};
 //# sourceMappingURL=module.js.map