@adobe/react-spectrum 3.47.2 → 3.47.3

package/dist/private/tag/TagGroup.js

@@ -104,6 +104,7 @@ const $48b99bf0df8f69a7$export$67ea30858aaf75e3 = /*#__PURE__*/ (0, $6fk2n$react
         tagsRef
     ]);
     // Remove onAction from props so it doesn't make it into useGridList.
+    // oxlint-disable-next-line react/react-compiler
     delete props.onAction;
     let { gridProps: gridProps, labelProps: labelProps, descriptionProps: descriptionProps, errorMessageProps: errorMessageProps } = (0, $6fk2n$useTagGroup)({
         ...props,
@@ -173,6 +174,7 @@ const $48b99bf0df8f69a7$export$67ea30858aaf75e3 = /*#__PURE__*/ (0, $6fk2n$react
                 yield computeVisibleTagCount();
             });
         }
+    // oxlint-disable-next-line react/react-compiler
     }, [
         maxRows,
         setTagState,

package/dist/private/tag/TagGroup.js.map

@@ -1 +1 @@
-{"mappings":"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","sources":["packages/@adobe/react-spectrum/src/tag/TagGroup.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\nimport {ActionButton} from '../button/ActionButton';\nimport {AriaTagGroupProps, useTagGroup} from 'react-aria/useTagGroup';\nimport {classNames} from '../utils/classNames';\nimport {\n  Collection,\n  DOMRef,\n  Node,\n  SpectrumLabelableProps,\n  StyleProps,\n  Validation\n} from '@react-types/shared';\nimport {Field} from '../label/Field';\nimport {FocusRing} from 'react-aria/FocusRing';\nimport {FocusScope} from 'react-aria/FocusScope';\nimport intlMessages from '../../intl/tag/*.json';\nimport {ListCollection} from 'react-stately/private/list/ListCollection';\nimport {ListKeyboardDelegate} from 'react-aria/ListKeyboardDelegate';\nimport {Provider, useProvider, useProviderProps} from '../provider/Provider';\nimport React, {JSX, ReactNode, useCallback, useEffect, useMemo, useRef, useState} from 'react';\nimport styles from '@adobe/spectrum-css-temp/components/tags/vars.css';\nimport {Tag} from './Tag';\nimport {useDOMRef} from '../utils/useDOMRef';\nimport {useFormProps} from '../form/Form';\nimport {useId} from 'react-aria/useId';\nimport {useLayoutEffect} from 'react-aria/private/utils/useLayoutEffect';\nimport {useListState} from 'react-stately/useListState';\nimport {useLocale} from 'react-aria/I18nProvider';\nimport {useLocalizedStringFormatter} from 'react-aria/useLocalizedStringFormatter';\nimport {useResizeObserver} from 'react-aria/private/utils/useResizeObserver';\nimport {useValueEffect} from 'react-aria/private/utils/useValueEffect';\n\nconst TAG_STYLES = {\n  medium: {\n    height: 24,\n    margin: 4\n  },\n  large: {\n    height: 30,\n    margin: 5\n  }\n};\n\nexport interface SpectrumTagGroupProps<T>\n  extends\n    Omit<\n      AriaTagGroupProps<T>,\n      | 'selectionMode'\n      | 'disallowEmptySelection'\n      | 'selectedKeys'\n      | 'defaultSelectedKeys'\n      | 'onSelectionChange'\n      | 'selectionBehavior'\n      | 'disabledKeys'\n    >,\n    StyleProps,\n    Omit<SpectrumLabelableProps, 'isRequired' | 'necessityIndicator'>,\n    Pick<Validation<any>, 'isInvalid' | 'validationState'> {\n  /** The label to display on the action button. */\n  actionLabel?: string;\n  /** Handler that is called when the action button is pressed. */\n  onAction?: () => void;\n  /** Sets what the TagGroup should render when there are no tags to display. */\n  renderEmptyState?: () => JSX.Element;\n  /**\n   * Limit the number of rows initially shown. This will render a button that allows the user to\n   * expand to show all tags.\n   */\n  maxRows?: number;\n}\n\n/**\n * Tags allow users to categorize content. They can represent keywords or people, and are grouped to\n * describe an item or a search request.\n */\nexport const TagGroup = React.forwardRef(function TagGroup<T extends object>(\n  props: SpectrumTagGroupProps<T>,\n  ref: DOMRef<HTMLDivElement>\n) {\n  props = useProviderProps(props);\n  props = useFormProps(props);\n  let {\n    maxRows,\n    children,\n    actionLabel,\n    onAction,\n    labelPosition,\n    renderEmptyState = () => stringFormatter.format('noTags')\n  } = props;\n  let domRef = useDOMRef(ref);\n  let containerRef = useRef<HTMLDivElement>(null);\n  let tagsRef = useRef<HTMLDivElement | null>(null);\n  let {direction} = useLocale();\n  let {scale} = useProvider();\n  let stringFormatter = useLocalizedStringFormatter(intlMessages, '@react-spectrum/tag');\n  let [isCollapsed, setIsCollapsed] = useState(maxRows != null);\n  let state = useListState(props);\n  let [tagState, setTagState] = useValueEffect({\n    visibleTagCount: state.collection.size,\n    showCollapseButton: false\n  });\n  let keyboardDelegate = useMemo(() => {\n    let collection = (\n      isCollapsed\n        ? new ListCollection([...state.collection].slice(0, tagState.visibleTagCount))\n        : new ListCollection([...state.collection])\n    ) as Collection<Node<T>>;\n    return new ListKeyboardDelegate({\n      collection,\n      ref: tagsRef,\n      direction,\n      orientation: 'horizontal'\n    });\n  }, [\n    direction,\n    isCollapsed,\n    state.collection,\n    tagState.visibleTagCount,\n    tagsRef\n  ]) as ListKeyboardDelegate<T>;\n  // Remove onAction from props so it doesn't make it into useGridList.\n  delete props.onAction;\n  let {gridProps, labelProps, descriptionProps, errorMessageProps} = useTagGroup(\n    {...props, keyboardDelegate},\n    state,\n    tagsRef\n  );\n  let actionsId = useId();\n  let actionsRef = useRef<HTMLDivElement>(null);\n\n  let updateVisibleTagCount = useCallback(() => {\n    if (maxRows && maxRows > 0) {\n      let computeVisibleTagCount = () => {\n        // Refs can be null at runtime.\n        let currContainerRef: HTMLDivElement | null = containerRef.current;\n        let currTagsRef: HTMLDivElement | null = tagsRef.current;\n        let currActionsRef: HTMLDivElement | null = actionsRef.current;\n        if (!currContainerRef || !currTagsRef || !currActionsRef || state.collection.size === 0) {\n          return {\n            visibleTagCount: 0,\n            showCollapseButton: false\n          };\n        }\n\n        // Count rows and show tags until we hit the maxRows.\n        let tags = [...currTagsRef.children];\n        let currY = -Infinity;\n        let rowCount = 0;\n        let index = 0;\n        let tagWidths: number[] = [];\n        for (let tag of tags) {\n          let {width, y} = tag.getBoundingClientRect();\n\n          if (y !== currY) {\n            currY = y;\n            rowCount++;\n          }\n\n          if (maxRows && rowCount > maxRows) {\n            break;\n          }\n          tagWidths.push(width);\n          index++;\n        }\n\n        // Remove tags until there is space for the collapse button and action button (if present) on the last row.\n        let buttons = [...currActionsRef.children];\n        if (\n          maxRows &&\n          buttons.length > 0 &&\n          rowCount >= maxRows &&\n          currContainerRef.parentElement\n        ) {\n          let buttonsWidth = buttons.reduce(\n            (acc, curr) => (acc += curr.getBoundingClientRect().width),\n            0\n          );\n          buttonsWidth += TAG_STYLES[scale].margin * 2 * buttons.length;\n          let end = direction === 'ltr' ? 'right' : 'left';\n          let containerEnd = currContainerRef.parentElement.getBoundingClientRect()[end];\n          let lastTagEnd = tags[index - 1]?.getBoundingClientRect()[end];\n          lastTagEnd += TAG_STYLES[scale].margin;\n          let availableWidth = containerEnd - lastTagEnd;\n\n          while (availableWidth < buttonsWidth && index > 0) {\n            availableWidth += tagWidths.pop()!;\n            index--;\n          }\n        }\n\n        return {\n          visibleTagCount: Math.max(index, 1),\n          showCollapseButton: index < state.collection.size\n        };\n      };\n\n      setTagState(function* () {\n        // Update to show all items.\n        yield {visibleTagCount: state.collection.size, showCollapseButton: true};\n\n        // Measure, and update to show the items until maxRows is reached.\n        yield computeVisibleTagCount();\n      });\n    }\n  }, [maxRows, setTagState, direction, scale, state.collection.size]);\n\n  useResizeObserver({ref: containerRef, onResize: updateVisibleTagCount});\n  // eslint-disable-next-line react-hooks/exhaustive-deps\n  useLayoutEffect(updateVisibleTagCount, [children]);\n\n  useEffect(() => {\n    // Recalculate visible tags when fonts are loaded.\n    document.fonts?.ready.then(() => updateVisibleTagCount());\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, []);\n\n  let visibleTags = useMemo(\n    () =>\n      [...state.collection].slice(\n        0,\n        isCollapsed ? tagState.visibleTagCount : state.collection.size\n      ),\n    [isCollapsed, state.collection, tagState.visibleTagCount]\n  );\n\n  let handlePressCollapse = () => {\n    // Prevents button from losing focus if focusedKey got collapsed.\n    state.selectionManager.setFocusedKey(null);\n    setIsCollapsed(prevCollapsed => !prevCollapsed);\n  };\n\n  let showActions = tagState.showCollapseButton || (actionLabel && onAction);\n  let isEmpty = state.collection.size === 0;\n\n  let containerStyle = useMemo(() => {\n    if (maxRows == null || !isCollapsed || isEmpty) {\n      return undefined;\n    }\n    let maxHeight = (TAG_STYLES[scale].height + TAG_STYLES[scale].margin * 2) * maxRows;\n    return {maxHeight, overflow: 'hidden'};\n  }, [isCollapsed, maxRows, isEmpty, scale]);\n\n  return (\n    <FocusScope>\n      <Field\n        {...props}\n        labelProps={labelProps}\n        descriptionProps={descriptionProps}\n        errorMessageProps={errorMessageProps}\n        showErrorIcon\n        ref={domRef}\n        elementType=\"span\"\n        wrapperClassName={classNames(styles, 'spectrum-Tags-fieldWrapper', {\n          'spectrum-Tags-fieldWrapper--positionSide': labelPosition === 'side'\n        })}>\n        <div\n          ref={containerRef}\n          style={containerStyle}\n          className={classNames(styles, 'spectrum-Tags-container', {\n            'spectrum-Tags-container--empty': isEmpty\n          })}>\n          <FocusRing focusRingClass={classNames(styles, 'focus-ring')}>\n            <div ref={tagsRef} {...gridProps} className={classNames(styles, 'spectrum-Tags')}>\n              {visibleTags.map(item => (\n                <Tag {...item.props} key={item.key} item={item} state={state}>\n                  {item.rendered}\n                </Tag>\n              ))}\n              {isEmpty && (\n                <div className={classNames(styles, 'spectrum-Tags-empty-state')}>\n                  {renderEmptyState()}\n                </div>\n              )}\n            </div>\n          </FocusRing>\n          {showActions && !isEmpty && (\n            <Provider isDisabled={false}>\n              <div\n                role=\"group\"\n                ref={actionsRef}\n                id={actionsId}\n                aria-label={stringFormatter.format('actions')}\n                aria-labelledby={`${gridProps.id} ${actionsId}`}\n                className={classNames(styles, 'spectrum-Tags-actions')}>\n                {tagState.showCollapseButton && (\n                  <ActionButton\n                    isQuiet\n                    onPress={handlePressCollapse}\n                    UNSAFE_className={classNames(styles, 'spectrum-Tags-actionButton')}>\n                    {isCollapsed\n                      ? stringFormatter.format('showAllButtonLabel', {\n                          tagCount: state.collection.size\n                        })\n                      : stringFormatter.format('hideButtonLabel')}\n                  </ActionButton>\n                )}\n                {actionLabel && onAction && (\n                  <ActionButton\n                    isQuiet\n                    onPress={() => onAction?.()}\n                    UNSAFE_className={classNames(styles, 'spectrum-Tags-actionButton')}>\n                    {actionLabel}\n                  </ActionButton>\n                )}\n              </div>\n            </Provider>\n          )}\n        </div>\n      </Field>\n    </FocusScope>\n  );\n}) as <T>(props: SpectrumTagGroupProps<T> & {ref?: DOMRef<HTMLDivElement>}) => ReactNode;\n"],"names":[],"version":3,"file":"TagGroup.js.map"}
+{"mappings":"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","sources":["packages/@adobe/react-spectrum/src/tag/TagGroup.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\nimport {ActionButton} from '../button/ActionButton';\nimport {AriaTagGroupProps, useTagGroup} from 'react-aria/useTagGroup';\nimport {classNames} from '../utils/classNames';\nimport {\n  Collection,\n  DOMRef,\n  Node,\n  SpectrumLabelableProps,\n  StyleProps,\n  Validation\n} from '@react-types/shared';\nimport {Field} from '../label/Field';\nimport {FocusRing} from 'react-aria/FocusRing';\nimport {FocusScope} from 'react-aria/FocusScope';\nimport intlMessages from '../../intl/tag/*.json';\nimport {ListCollection} from 'react-stately/private/list/ListCollection';\nimport {ListKeyboardDelegate} from 'react-aria/ListKeyboardDelegate';\nimport {Provider, useProvider, useProviderProps} from '../provider/Provider';\nimport React, {JSX, ReactNode, useCallback, useEffect, useMemo, useRef, useState} from 'react';\nimport styles from '@adobe/spectrum-css-temp/components/tags/vars.css';\nimport {Tag} from './Tag';\nimport {useDOMRef} from '../utils/useDOMRef';\nimport {useFormProps} from '../form/Form';\nimport {useId} from 'react-aria/useId';\nimport {useLayoutEffect} from 'react-aria/private/utils/useLayoutEffect';\nimport {useListState} from 'react-stately/useListState';\nimport {useLocale} from 'react-aria/I18nProvider';\nimport {useLocalizedStringFormatter} from 'react-aria/useLocalizedStringFormatter';\nimport {useResizeObserver} from 'react-aria/private/utils/useResizeObserver';\nimport {useValueEffect} from 'react-aria/private/utils/useValueEffect';\n\nconst TAG_STYLES = {\n  medium: {\n    height: 24,\n    margin: 4\n  },\n  large: {\n    height: 30,\n    margin: 5\n  }\n};\n\nexport interface SpectrumTagGroupProps<T>\n  extends\n    Omit<\n      AriaTagGroupProps<T>,\n      | 'selectionMode'\n      | 'disallowEmptySelection'\n      | 'selectedKeys'\n      | 'defaultSelectedKeys'\n      | 'onSelectionChange'\n      | 'selectionBehavior'\n      | 'disabledKeys'\n    >,\n    StyleProps,\n    Omit<SpectrumLabelableProps, 'isRequired' | 'necessityIndicator'>,\n    Pick<Validation<any>, 'isInvalid' | 'validationState'> {\n  /** The label to display on the action button. */\n  actionLabel?: string;\n  /** Handler that is called when the action button is pressed. */\n  onAction?: () => void;\n  /** Sets what the TagGroup should render when there are no tags to display. */\n  renderEmptyState?: () => JSX.Element;\n  /**\n   * Limit the number of rows initially shown. This will render a button that allows the user to\n   * expand to show all tags.\n   */\n  maxRows?: number;\n}\n\n/**\n * Tags allow users to categorize content. They can represent keywords or people, and are grouped to\n * describe an item or a search request.\n */\nexport const TagGroup = React.forwardRef(function TagGroup<T extends object>(\n  props: SpectrumTagGroupProps<T>,\n  ref: DOMRef<HTMLDivElement>\n) {\n  props = useProviderProps(props);\n  props = useFormProps(props);\n  let {\n    maxRows,\n    children,\n    actionLabel,\n    onAction,\n    labelPosition,\n    renderEmptyState = () => stringFormatter.format('noTags')\n  } = props;\n  let domRef = useDOMRef(ref);\n  let containerRef = useRef<HTMLDivElement>(null);\n  let tagsRef = useRef<HTMLDivElement | null>(null);\n  let {direction} = useLocale();\n  let {scale} = useProvider();\n  let stringFormatter = useLocalizedStringFormatter(intlMessages, '@react-spectrum/tag');\n  let [isCollapsed, setIsCollapsed] = useState(maxRows != null);\n  let state = useListState(props);\n  let [tagState, setTagState] = useValueEffect({\n    visibleTagCount: state.collection.size,\n    showCollapseButton: false\n  });\n  let keyboardDelegate = useMemo(() => {\n    let collection = (\n      isCollapsed\n        ? new ListCollection([...state.collection].slice(0, tagState.visibleTagCount))\n        : new ListCollection([...state.collection])\n    ) as Collection<Node<T>>;\n    return new ListKeyboardDelegate({\n      collection,\n      ref: tagsRef,\n      direction,\n      orientation: 'horizontal'\n    });\n  }, [\n    direction,\n    isCollapsed,\n    state.collection,\n    tagState.visibleTagCount,\n    tagsRef\n  ]) as ListKeyboardDelegate<T>;\n  // Remove onAction from props so it doesn't make it into useGridList.\n  // oxlint-disable-next-line react/react-compiler\n  delete props.onAction;\n  let {gridProps, labelProps, descriptionProps, errorMessageProps} = useTagGroup(\n    {...props, keyboardDelegate},\n    state,\n    tagsRef\n  );\n  let actionsId = useId();\n  let actionsRef = useRef<HTMLDivElement>(null);\n\n  let updateVisibleTagCount = useCallback(() => {\n    if (maxRows && maxRows > 0) {\n      let computeVisibleTagCount = () => {\n        // Refs can be null at runtime.\n        let currContainerRef: HTMLDivElement | null = containerRef.current;\n        let currTagsRef: HTMLDivElement | null = tagsRef.current;\n        let currActionsRef: HTMLDivElement | null = actionsRef.current;\n        if (!currContainerRef || !currTagsRef || !currActionsRef || state.collection.size === 0) {\n          return {\n            visibleTagCount: 0,\n            showCollapseButton: false\n          };\n        }\n\n        // Count rows and show tags until we hit the maxRows.\n        let tags = [...currTagsRef.children];\n        let currY = -Infinity;\n        let rowCount = 0;\n        let index = 0;\n        let tagWidths: number[] = [];\n        for (let tag of tags) {\n          let {width, y} = tag.getBoundingClientRect();\n\n          if (y !== currY) {\n            currY = y;\n            rowCount++;\n          }\n\n          if (maxRows && rowCount > maxRows) {\n            break;\n          }\n          tagWidths.push(width);\n          index++;\n        }\n\n        // Remove tags until there is space for the collapse button and action button (if present) on the last row.\n        let buttons = [...currActionsRef.children];\n        if (\n          maxRows &&\n          buttons.length > 0 &&\n          rowCount >= maxRows &&\n          currContainerRef.parentElement\n        ) {\n          let buttonsWidth = buttons.reduce(\n            (acc, curr) => (acc += curr.getBoundingClientRect().width),\n            0\n          );\n          buttonsWidth += TAG_STYLES[scale].margin * 2 * buttons.length;\n          let end = direction === 'ltr' ? 'right' : 'left';\n          let containerEnd = currContainerRef.parentElement.getBoundingClientRect()[end];\n          let lastTagEnd = tags[index - 1]?.getBoundingClientRect()[end];\n          lastTagEnd += TAG_STYLES[scale].margin;\n          let availableWidth = containerEnd - lastTagEnd;\n\n          while (availableWidth < buttonsWidth && index > 0) {\n            availableWidth += tagWidths.pop()!;\n            index--;\n          }\n        }\n\n        return {\n          visibleTagCount: Math.max(index, 1),\n          showCollapseButton: index < state.collection.size\n        };\n      };\n\n      setTagState(function* () {\n        // Update to show all items.\n        yield {visibleTagCount: state.collection.size, showCollapseButton: true};\n\n        // Measure, and update to show the items until maxRows is reached.\n        yield computeVisibleTagCount();\n      });\n    }\n    // oxlint-disable-next-line react/react-compiler\n  }, [maxRows, setTagState, direction, scale, state.collection.size]);\n\n  useResizeObserver({ref: containerRef, onResize: updateVisibleTagCount});\n  // eslint-disable-next-line react-hooks/exhaustive-deps\n  useLayoutEffect(updateVisibleTagCount, [children]);\n\n  useEffect(() => {\n    // Recalculate visible tags when fonts are loaded.\n    document.fonts?.ready.then(() => updateVisibleTagCount());\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, []);\n\n  let visibleTags = useMemo(\n    () =>\n      [...state.collection].slice(\n        0,\n        isCollapsed ? tagState.visibleTagCount : state.collection.size\n      ),\n    [isCollapsed, state.collection, tagState.visibleTagCount]\n  );\n\n  let handlePressCollapse = () => {\n    // Prevents button from losing focus if focusedKey got collapsed.\n    state.selectionManager.setFocusedKey(null);\n    setIsCollapsed(prevCollapsed => !prevCollapsed);\n  };\n\n  let showActions = tagState.showCollapseButton || (actionLabel && onAction);\n  let isEmpty = state.collection.size === 0;\n\n  let containerStyle = useMemo(() => {\n    if (maxRows == null || !isCollapsed || isEmpty) {\n      return undefined;\n    }\n    let maxHeight = (TAG_STYLES[scale].height + TAG_STYLES[scale].margin * 2) * maxRows;\n    return {maxHeight, overflow: 'hidden'};\n  }, [isCollapsed, maxRows, isEmpty, scale]);\n\n  return (\n    <FocusScope>\n      <Field\n        {...props}\n        labelProps={labelProps}\n        descriptionProps={descriptionProps}\n        errorMessageProps={errorMessageProps}\n        showErrorIcon\n        ref={domRef}\n        elementType=\"span\"\n        wrapperClassName={classNames(styles, 'spectrum-Tags-fieldWrapper', {\n          'spectrum-Tags-fieldWrapper--positionSide': labelPosition === 'side'\n        })}>\n        <div\n          ref={containerRef}\n          style={containerStyle}\n          className={classNames(styles, 'spectrum-Tags-container', {\n            'spectrum-Tags-container--empty': isEmpty\n          })}>\n          <FocusRing focusRingClass={classNames(styles, 'focus-ring')}>\n            <div ref={tagsRef} {...gridProps} className={classNames(styles, 'spectrum-Tags')}>\n              {visibleTags.map(item => (\n                <Tag {...item.props} key={item.key} item={item} state={state}>\n                  {item.rendered}\n                </Tag>\n              ))}\n              {isEmpty && (\n                <div className={classNames(styles, 'spectrum-Tags-empty-state')}>\n                  {renderEmptyState()}\n                </div>\n              )}\n            </div>\n          </FocusRing>\n          {showActions && !isEmpty && (\n            <Provider isDisabled={false}>\n              <div\n                role=\"group\"\n                ref={actionsRef}\n                id={actionsId}\n                aria-label={stringFormatter.format('actions')}\n                aria-labelledby={`${gridProps.id} ${actionsId}`}\n                className={classNames(styles, 'spectrum-Tags-actions')}>\n                {tagState.showCollapseButton && (\n                  <ActionButton\n                    isQuiet\n                    onPress={handlePressCollapse}\n                    UNSAFE_className={classNames(styles, 'spectrum-Tags-actionButton')}>\n                    {isCollapsed\n                      ? stringFormatter.format('showAllButtonLabel', {\n                          tagCount: state.collection.size\n                        })\n                      : stringFormatter.format('hideButtonLabel')}\n                  </ActionButton>\n                )}\n                {actionLabel && onAction && (\n                  <ActionButton\n                    isQuiet\n                    onPress={() => onAction?.()}\n                    UNSAFE_className={classNames(styles, 'spectrum-Tags-actionButton')}>\n                    {actionLabel}\n                  </ActionButton>\n                )}\n              </div>\n            </Provider>\n          )}\n        </div>\n      </Field>\n    </FocusScope>\n  );\n}) as <T>(props: SpectrumTagGroupProps<T> & {ref?: DOMRef<HTMLDivElement>}) => ReactNode;\n"],"names":[],"version":3,"file":"TagGroup.js.map"}

package/dist/private/tag/TagGroup.mjs

@@ -104,6 +104,7 @@ const $8811b88ab1333b3f$export$67ea30858aaf75e3 = /*#__PURE__*/ (0, $c2J0Y$react
         tagsRef
     ]);
     // Remove onAction from props so it doesn't make it into useGridList.
+    // oxlint-disable-next-line react/react-compiler
     delete props.onAction;
     let { gridProps: gridProps, labelProps: labelProps, descriptionProps: descriptionProps, errorMessageProps: errorMessageProps } = (0, $c2J0Y$useTagGroup)({
         ...props,
@@ -172,6 +173,7 @@ const $8811b88ab1333b3f$export$67ea30858aaf75e3 = /*#__PURE__*/ (0, $c2J0Y$react
                 yield computeVisibleTagCount();
             });
         }
+    // oxlint-disable-next-line react/react-compiler
     }, [
         maxRows,
         setTagState,

package/dist/private/tag/TagGroup.mjs.map

@@ -1 +1 @@
-{"mappings":"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","sources":["packages/@adobe/react-spectrum/src/tag/TagGroup.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\nimport {ActionButton} from '../button/ActionButton';\nimport {AriaTagGroupProps, useTagGroup} from 'react-aria/useTagGroup';\nimport {classNames} from '../utils/classNames';\nimport {\n  Collection,\n  DOMRef,\n  Node,\n  SpectrumLabelableProps,\n  StyleProps,\n  Validation\n} from '@react-types/shared';\nimport {Field} from '../label/Field';\nimport {FocusRing} from 'react-aria/FocusRing';\nimport {FocusScope} from 'react-aria/FocusScope';\nimport intlMessages from '../../intl/tag/*.json';\nimport {ListCollection} from 'react-stately/private/list/ListCollection';\nimport {ListKeyboardDelegate} from 'react-aria/ListKeyboardDelegate';\nimport {Provider, useProvider, useProviderProps} from '../provider/Provider';\nimport React, {JSX, ReactNode, useCallback, useEffect, useMemo, useRef, useState} from 'react';\nimport styles from '@adobe/spectrum-css-temp/components/tags/vars.css';\nimport {Tag} from './Tag';\nimport {useDOMRef} from '../utils/useDOMRef';\nimport {useFormProps} from '../form/Form';\nimport {useId} from 'react-aria/useId';\nimport {useLayoutEffect} from 'react-aria/private/utils/useLayoutEffect';\nimport {useListState} from 'react-stately/useListState';\nimport {useLocale} from 'react-aria/I18nProvider';\nimport {useLocalizedStringFormatter} from 'react-aria/useLocalizedStringFormatter';\nimport {useResizeObserver} from 'react-aria/private/utils/useResizeObserver';\nimport {useValueEffect} from 'react-aria/private/utils/useValueEffect';\n\nconst TAG_STYLES = {\n  medium: {\n    height: 24,\n    margin: 4\n  },\n  large: {\n    height: 30,\n    margin: 5\n  }\n};\n\nexport interface SpectrumTagGroupProps<T>\n  extends\n    Omit<\n      AriaTagGroupProps<T>,\n      | 'selectionMode'\n      | 'disallowEmptySelection'\n      | 'selectedKeys'\n      | 'defaultSelectedKeys'\n      | 'onSelectionChange'\n      | 'selectionBehavior'\n      | 'disabledKeys'\n    >,\n    StyleProps,\n    Omit<SpectrumLabelableProps, 'isRequired' | 'necessityIndicator'>,\n    Pick<Validation<any>, 'isInvalid' | 'validationState'> {\n  /** The label to display on the action button. */\n  actionLabel?: string;\n  /** Handler that is called when the action button is pressed. */\n  onAction?: () => void;\n  /** Sets what the TagGroup should render when there are no tags to display. */\n  renderEmptyState?: () => JSX.Element;\n  /**\n   * Limit the number of rows initially shown. This will render a button that allows the user to\n   * expand to show all tags.\n   */\n  maxRows?: number;\n}\n\n/**\n * Tags allow users to categorize content. They can represent keywords or people, and are grouped to\n * describe an item or a search request.\n */\nexport const TagGroup = React.forwardRef(function TagGroup<T extends object>(\n  props: SpectrumTagGroupProps<T>,\n  ref: DOMRef<HTMLDivElement>\n) {\n  props = useProviderProps(props);\n  props = useFormProps(props);\n  let {\n    maxRows,\n    children,\n    actionLabel,\n    onAction,\n    labelPosition,\n    renderEmptyState = () => stringFormatter.format('noTags')\n  } = props;\n  let domRef = useDOMRef(ref);\n  let containerRef = useRef<HTMLDivElement>(null);\n  let tagsRef = useRef<HTMLDivElement | null>(null);\n  let {direction} = useLocale();\n  let {scale} = useProvider();\n  let stringFormatter = useLocalizedStringFormatter(intlMessages, '@react-spectrum/tag');\n  let [isCollapsed, setIsCollapsed] = useState(maxRows != null);\n  let state = useListState(props);\n  let [tagState, setTagState] = useValueEffect({\n    visibleTagCount: state.collection.size,\n    showCollapseButton: false\n  });\n  let keyboardDelegate = useMemo(() => {\n    let collection = (\n      isCollapsed\n        ? new ListCollection([...state.collection].slice(0, tagState.visibleTagCount))\n        : new ListCollection([...state.collection])\n    ) as Collection<Node<T>>;\n    return new ListKeyboardDelegate({\n      collection,\n      ref: tagsRef,\n      direction,\n      orientation: 'horizontal'\n    });\n  }, [\n    direction,\n    isCollapsed,\n    state.collection,\n    tagState.visibleTagCount,\n    tagsRef\n  ]) as ListKeyboardDelegate<T>;\n  // Remove onAction from props so it doesn't make it into useGridList.\n  delete props.onAction;\n  let {gridProps, labelProps, descriptionProps, errorMessageProps} = useTagGroup(\n    {...props, keyboardDelegate},\n    state,\n    tagsRef\n  );\n  let actionsId = useId();\n  let actionsRef = useRef<HTMLDivElement>(null);\n\n  let updateVisibleTagCount = useCallback(() => {\n    if (maxRows && maxRows > 0) {\n      let computeVisibleTagCount = () => {\n        // Refs can be null at runtime.\n        let currContainerRef: HTMLDivElement | null = containerRef.current;\n        let currTagsRef: HTMLDivElement | null = tagsRef.current;\n        let currActionsRef: HTMLDivElement | null = actionsRef.current;\n        if (!currContainerRef || !currTagsRef || !currActionsRef || state.collection.size === 0) {\n          return {\n            visibleTagCount: 0,\n            showCollapseButton: false\n          };\n        }\n\n        // Count rows and show tags until we hit the maxRows.\n        let tags = [...currTagsRef.children];\n        let currY = -Infinity;\n        let rowCount = 0;\n        let index = 0;\n        let tagWidths: number[] = [];\n        for (let tag of tags) {\n          let {width, y} = tag.getBoundingClientRect();\n\n          if (y !== currY) {\n            currY = y;\n            rowCount++;\n          }\n\n          if (maxRows && rowCount > maxRows) {\n            break;\n          }\n          tagWidths.push(width);\n          index++;\n        }\n\n        // Remove tags until there is space for the collapse button and action button (if present) on the last row.\n        let buttons = [...currActionsRef.children];\n        if (\n          maxRows &&\n          buttons.length > 0 &&\n          rowCount >= maxRows &&\n          currContainerRef.parentElement\n        ) {\n          let buttonsWidth = buttons.reduce(\n            (acc, curr) => (acc += curr.getBoundingClientRect().width),\n            0\n          );\n          buttonsWidth += TAG_STYLES[scale].margin * 2 * buttons.length;\n          let end = direction === 'ltr' ? 'right' : 'left';\n          let containerEnd = currContainerRef.parentElement.getBoundingClientRect()[end];\n          let lastTagEnd = tags[index - 1]?.getBoundingClientRect()[end];\n          lastTagEnd += TAG_STYLES[scale].margin;\n          let availableWidth = containerEnd - lastTagEnd;\n\n          while (availableWidth < buttonsWidth && index > 0) {\n            availableWidth += tagWidths.pop()!;\n            index--;\n          }\n        }\n\n        return {\n          visibleTagCount: Math.max(index, 1),\n          showCollapseButton: index < state.collection.size\n        };\n      };\n\n      setTagState(function* () {\n        // Update to show all items.\n        yield {visibleTagCount: state.collection.size, showCollapseButton: true};\n\n        // Measure, and update to show the items until maxRows is reached.\n        yield computeVisibleTagCount();\n      });\n    }\n  }, [maxRows, setTagState, direction, scale, state.collection.size]);\n\n  useResizeObserver({ref: containerRef, onResize: updateVisibleTagCount});\n  // eslint-disable-next-line react-hooks/exhaustive-deps\n  useLayoutEffect(updateVisibleTagCount, [children]);\n\n  useEffect(() => {\n    // Recalculate visible tags when fonts are loaded.\n    document.fonts?.ready.then(() => updateVisibleTagCount());\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, []);\n\n  let visibleTags = useMemo(\n    () =>\n      [...state.collection].slice(\n        0,\n        isCollapsed ? tagState.visibleTagCount : state.collection.size\n      ),\n    [isCollapsed, state.collection, tagState.visibleTagCount]\n  );\n\n  let handlePressCollapse = () => {\n    // Prevents button from losing focus if focusedKey got collapsed.\n    state.selectionManager.setFocusedKey(null);\n    setIsCollapsed(prevCollapsed => !prevCollapsed);\n  };\n\n  let showActions = tagState.showCollapseButton || (actionLabel && onAction);\n  let isEmpty = state.collection.size === 0;\n\n  let containerStyle = useMemo(() => {\n    if (maxRows == null || !isCollapsed || isEmpty) {\n      return undefined;\n    }\n    let maxHeight = (TAG_STYLES[scale].height + TAG_STYLES[scale].margin * 2) * maxRows;\n    return {maxHeight, overflow: 'hidden'};\n  }, [isCollapsed, maxRows, isEmpty, scale]);\n\n  return (\n    <FocusScope>\n      <Field\n        {...props}\n        labelProps={labelProps}\n        descriptionProps={descriptionProps}\n        errorMessageProps={errorMessageProps}\n        showErrorIcon\n        ref={domRef}\n        elementType=\"span\"\n        wrapperClassName={classNames(styles, 'spectrum-Tags-fieldWrapper', {\n          'spectrum-Tags-fieldWrapper--positionSide': labelPosition === 'side'\n        })}>\n        <div\n          ref={containerRef}\n          style={containerStyle}\n          className={classNames(styles, 'spectrum-Tags-container', {\n            'spectrum-Tags-container--empty': isEmpty\n          })}>\n          <FocusRing focusRingClass={classNames(styles, 'focus-ring')}>\n            <div ref={tagsRef} {...gridProps} className={classNames(styles, 'spectrum-Tags')}>\n              {visibleTags.map(item => (\n                <Tag {...item.props} key={item.key} item={item} state={state}>\n                  {item.rendered}\n                </Tag>\n              ))}\n              {isEmpty && (\n                <div className={classNames(styles, 'spectrum-Tags-empty-state')}>\n                  {renderEmptyState()}\n                </div>\n              )}\n            </div>\n          </FocusRing>\n          {showActions && !isEmpty && (\n            <Provider isDisabled={false}>\n              <div\n                role=\"group\"\n                ref={actionsRef}\n                id={actionsId}\n                aria-label={stringFormatter.format('actions')}\n                aria-labelledby={`${gridProps.id} ${actionsId}`}\n                className={classNames(styles, 'spectrum-Tags-actions')}>\n                {tagState.showCollapseButton && (\n                  <ActionButton\n                    isQuiet\n                    onPress={handlePressCollapse}\n                    UNSAFE_className={classNames(styles, 'spectrum-Tags-actionButton')}>\n                    {isCollapsed\n                      ? stringFormatter.format('showAllButtonLabel', {\n                          tagCount: state.collection.size\n                        })\n                      : stringFormatter.format('hideButtonLabel')}\n                  </ActionButton>\n                )}\n                {actionLabel && onAction && (\n                  <ActionButton\n                    isQuiet\n                    onPress={() => onAction?.()}\n                    UNSAFE_className={classNames(styles, 'spectrum-Tags-actionButton')}>\n                    {actionLabel}\n                  </ActionButton>\n                )}\n              </div>\n            </Provider>\n          )}\n        </div>\n      </Field>\n    </FocusScope>\n  );\n}) as <T>(props: SpectrumTagGroupProps<T> & {ref?: DOMRef<HTMLDivElement>}) => ReactNode;\n"],"names":[],"version":3,"file":"TagGroup.mjs.map"}
+{"mappings":"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","sources":["packages/@adobe/react-spectrum/src/tag/TagGroup.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\nimport {ActionButton} from '../button/ActionButton';\nimport {AriaTagGroupProps, useTagGroup} from 'react-aria/useTagGroup';\nimport {classNames} from '../utils/classNames';\nimport {\n  Collection,\n  DOMRef,\n  Node,\n  SpectrumLabelableProps,\n  StyleProps,\n  Validation\n} from '@react-types/shared';\nimport {Field} from '../label/Field';\nimport {FocusRing} from 'react-aria/FocusRing';\nimport {FocusScope} from 'react-aria/FocusScope';\nimport intlMessages from '../../intl/tag/*.json';\nimport {ListCollection} from 'react-stately/private/list/ListCollection';\nimport {ListKeyboardDelegate} from 'react-aria/ListKeyboardDelegate';\nimport {Provider, useProvider, useProviderProps} from '../provider/Provider';\nimport React, {JSX, ReactNode, useCallback, useEffect, useMemo, useRef, useState} from 'react';\nimport styles from '@adobe/spectrum-css-temp/components/tags/vars.css';\nimport {Tag} from './Tag';\nimport {useDOMRef} from '../utils/useDOMRef';\nimport {useFormProps} from '../form/Form';\nimport {useId} from 'react-aria/useId';\nimport {useLayoutEffect} from 'react-aria/private/utils/useLayoutEffect';\nimport {useListState} from 'react-stately/useListState';\nimport {useLocale} from 'react-aria/I18nProvider';\nimport {useLocalizedStringFormatter} from 'react-aria/useLocalizedStringFormatter';\nimport {useResizeObserver} from 'react-aria/private/utils/useResizeObserver';\nimport {useValueEffect} from 'react-aria/private/utils/useValueEffect';\n\nconst TAG_STYLES = {\n  medium: {\n    height: 24,\n    margin: 4\n  },\n  large: {\n    height: 30,\n    margin: 5\n  }\n};\n\nexport interface SpectrumTagGroupProps<T>\n  extends\n    Omit<\n      AriaTagGroupProps<T>,\n      | 'selectionMode'\n      | 'disallowEmptySelection'\n      | 'selectedKeys'\n      | 'defaultSelectedKeys'\n      | 'onSelectionChange'\n      | 'selectionBehavior'\n      | 'disabledKeys'\n    >,\n    StyleProps,\n    Omit<SpectrumLabelableProps, 'isRequired' | 'necessityIndicator'>,\n    Pick<Validation<any>, 'isInvalid' | 'validationState'> {\n  /** The label to display on the action button. */\n  actionLabel?: string;\n  /** Handler that is called when the action button is pressed. */\n  onAction?: () => void;\n  /** Sets what the TagGroup should render when there are no tags to display. */\n  renderEmptyState?: () => JSX.Element;\n  /**\n   * Limit the number of rows initially shown. This will render a button that allows the user to\n   * expand to show all tags.\n   */\n  maxRows?: number;\n}\n\n/**\n * Tags allow users to categorize content. They can represent keywords or people, and are grouped to\n * describe an item or a search request.\n */\nexport const TagGroup = React.forwardRef(function TagGroup<T extends object>(\n  props: SpectrumTagGroupProps<T>,\n  ref: DOMRef<HTMLDivElement>\n) {\n  props = useProviderProps(props);\n  props = useFormProps(props);\n  let {\n    maxRows,\n    children,\n    actionLabel,\n    onAction,\n    labelPosition,\n    renderEmptyState = () => stringFormatter.format('noTags')\n  } = props;\n  let domRef = useDOMRef(ref);\n  let containerRef = useRef<HTMLDivElement>(null);\n  let tagsRef = useRef<HTMLDivElement | null>(null);\n  let {direction} = useLocale();\n  let {scale} = useProvider();\n  let stringFormatter = useLocalizedStringFormatter(intlMessages, '@react-spectrum/tag');\n  let [isCollapsed, setIsCollapsed] = useState(maxRows != null);\n  let state = useListState(props);\n  let [tagState, setTagState] = useValueEffect({\n    visibleTagCount: state.collection.size,\n    showCollapseButton: false\n  });\n  let keyboardDelegate = useMemo(() => {\n    let collection = (\n      isCollapsed\n        ? new ListCollection([...state.collection].slice(0, tagState.visibleTagCount))\n        : new ListCollection([...state.collection])\n    ) as Collection<Node<T>>;\n    return new ListKeyboardDelegate({\n      collection,\n      ref: tagsRef,\n      direction,\n      orientation: 'horizontal'\n    });\n  }, [\n    direction,\n    isCollapsed,\n    state.collection,\n    tagState.visibleTagCount,\n    tagsRef\n  ]) as ListKeyboardDelegate<T>;\n  // Remove onAction from props so it doesn't make it into useGridList.\n  // oxlint-disable-next-line react/react-compiler\n  delete props.onAction;\n  let {gridProps, labelProps, descriptionProps, errorMessageProps} = useTagGroup(\n    {...props, keyboardDelegate},\n    state,\n    tagsRef\n  );\n  let actionsId = useId();\n  let actionsRef = useRef<HTMLDivElement>(null);\n\n  let updateVisibleTagCount = useCallback(() => {\n    if (maxRows && maxRows > 0) {\n      let computeVisibleTagCount = () => {\n        // Refs can be null at runtime.\n        let currContainerRef: HTMLDivElement | null = containerRef.current;\n        let currTagsRef: HTMLDivElement | null = tagsRef.current;\n        let currActionsRef: HTMLDivElement | null = actionsRef.current;\n        if (!currContainerRef || !currTagsRef || !currActionsRef || state.collection.size === 0) {\n          return {\n            visibleTagCount: 0,\n            showCollapseButton: false\n          };\n        }\n\n        // Count rows and show tags until we hit the maxRows.\n        let tags = [...currTagsRef.children];\n        let currY = -Infinity;\n        let rowCount = 0;\n        let index = 0;\n        let tagWidths: number[] = [];\n        for (let tag of tags) {\n          let {width, y} = tag.getBoundingClientRect();\n\n          if (y !== currY) {\n            currY = y;\n            rowCount++;\n          }\n\n          if (maxRows && rowCount > maxRows) {\n            break;\n          }\n          tagWidths.push(width);\n          index++;\n        }\n\n        // Remove tags until there is space for the collapse button and action button (if present) on the last row.\n        let buttons = [...currActionsRef.children];\n        if (\n          maxRows &&\n          buttons.length > 0 &&\n          rowCount >= maxRows &&\n          currContainerRef.parentElement\n        ) {\n          let buttonsWidth = buttons.reduce(\n            (acc, curr) => (acc += curr.getBoundingClientRect().width),\n            0\n          );\n          buttonsWidth += TAG_STYLES[scale].margin * 2 * buttons.length;\n          let end = direction === 'ltr' ? 'right' : 'left';\n          let containerEnd = currContainerRef.parentElement.getBoundingClientRect()[end];\n          let lastTagEnd = tags[index - 1]?.getBoundingClientRect()[end];\n          lastTagEnd += TAG_STYLES[scale].margin;\n          let availableWidth = containerEnd - lastTagEnd;\n\n          while (availableWidth < buttonsWidth && index > 0) {\n            availableWidth += tagWidths.pop()!;\n            index--;\n          }\n        }\n\n        return {\n          visibleTagCount: Math.max(index, 1),\n          showCollapseButton: index < state.collection.size\n        };\n      };\n\n      setTagState(function* () {\n        // Update to show all items.\n        yield {visibleTagCount: state.collection.size, showCollapseButton: true};\n\n        // Measure, and update to show the items until maxRows is reached.\n        yield computeVisibleTagCount();\n      });\n    }\n    // oxlint-disable-next-line react/react-compiler\n  }, [maxRows, setTagState, direction, scale, state.collection.size]);\n\n  useResizeObserver({ref: containerRef, onResize: updateVisibleTagCount});\n  // eslint-disable-next-line react-hooks/exhaustive-deps\n  useLayoutEffect(updateVisibleTagCount, [children]);\n\n  useEffect(() => {\n    // Recalculate visible tags when fonts are loaded.\n    document.fonts?.ready.then(() => updateVisibleTagCount());\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, []);\n\n  let visibleTags = useMemo(\n    () =>\n      [...state.collection].slice(\n        0,\n        isCollapsed ? tagState.visibleTagCount : state.collection.size\n      ),\n    [isCollapsed, state.collection, tagState.visibleTagCount]\n  );\n\n  let handlePressCollapse = () => {\n    // Prevents button from losing focus if focusedKey got collapsed.\n    state.selectionManager.setFocusedKey(null);\n    setIsCollapsed(prevCollapsed => !prevCollapsed);\n  };\n\n  let showActions = tagState.showCollapseButton || (actionLabel && onAction);\n  let isEmpty = state.collection.size === 0;\n\n  let containerStyle = useMemo(() => {\n    if (maxRows == null || !isCollapsed || isEmpty) {\n      return undefined;\n    }\n    let maxHeight = (TAG_STYLES[scale].height + TAG_STYLES[scale].margin * 2) * maxRows;\n    return {maxHeight, overflow: 'hidden'};\n  }, [isCollapsed, maxRows, isEmpty, scale]);\n\n  return (\n    <FocusScope>\n      <Field\n        {...props}\n        labelProps={labelProps}\n        descriptionProps={descriptionProps}\n        errorMessageProps={errorMessageProps}\n        showErrorIcon\n        ref={domRef}\n        elementType=\"span\"\n        wrapperClassName={classNames(styles, 'spectrum-Tags-fieldWrapper', {\n          'spectrum-Tags-fieldWrapper--positionSide': labelPosition === 'side'\n        })}>\n        <div\n          ref={containerRef}\n          style={containerStyle}\n          className={classNames(styles, 'spectrum-Tags-container', {\n            'spectrum-Tags-container--empty': isEmpty\n          })}>\n          <FocusRing focusRingClass={classNames(styles, 'focus-ring')}>\n            <div ref={tagsRef} {...gridProps} className={classNames(styles, 'spectrum-Tags')}>\n              {visibleTags.map(item => (\n                <Tag {...item.props} key={item.key} item={item} state={state}>\n                  {item.rendered}\n                </Tag>\n              ))}\n              {isEmpty && (\n                <div className={classNames(styles, 'spectrum-Tags-empty-state')}>\n                  {renderEmptyState()}\n                </div>\n              )}\n            </div>\n          </FocusRing>\n          {showActions && !isEmpty && (\n            <Provider isDisabled={false}>\n              <div\n                role=\"group\"\n                ref={actionsRef}\n                id={actionsId}\n                aria-label={stringFormatter.format('actions')}\n                aria-labelledby={`${gridProps.id} ${actionsId}`}\n                className={classNames(styles, 'spectrum-Tags-actions')}>\n                {tagState.showCollapseButton && (\n                  <ActionButton\n                    isQuiet\n                    onPress={handlePressCollapse}\n                    UNSAFE_className={classNames(styles, 'spectrum-Tags-actionButton')}>\n                    {isCollapsed\n                      ? stringFormatter.format('showAllButtonLabel', {\n                          tagCount: state.collection.size\n                        })\n                      : stringFormatter.format('hideButtonLabel')}\n                  </ActionButton>\n                )}\n                {actionLabel && onAction && (\n                  <ActionButton\n                    isQuiet\n                    onPress={() => onAction?.()}\n                    UNSAFE_className={classNames(styles, 'spectrum-Tags-actionButton')}>\n                    {actionLabel}\n                  </ActionButton>\n                )}\n              </div>\n            </Provider>\n          )}\n        </div>\n      </Field>\n    </FocusScope>\n  );\n}) as <T>(props: SpectrumTagGroupProps<T> & {ref?: DOMRef<HTMLDivElement>}) => ReactNode;\n"],"names":[],"version":3,"file":"TagGroup.mjs.map"}

package/dist/private/textfield/TextArea.cjs

@@ -36,12 +36,14 @@ $parcel$export(module.exports, "TextArea", function () { return $0620308f3abbcb1
 
 
 const $0620308f3abbcb1c$export$f5c9f3c2c4054eec = /*#__PURE__*/ (0, ($parcel$interopDefault($bdIb0$react))).forwardRef(function TextArea(props, ref) {
+    // oxlint-disable-next-line react/react-compiler
     props = (0, $544fc82701fc93e9$exports.useProviderProps)(props);
     props = (0, $1af2ca8553741739$exports.useFormProps)(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] = (0, $bdIb0$reactstatelyuseControlledState.useControlledState)(props.value, props.defaultValue ?? '', ()=>{});
     let inputRef = (0, $bdIb0$react.useRef)(null);
+    // oxlint-disable-next-line react/react-compiler
     let onHeightChange = (0, $bdIb0$react.useCallback)(()=>{
         // Quiet textareas always grow based on their text content.
         // Standard textareas also grow by default, unless an explicit height is set.

package/dist/private/textfield/TextArea.cjs.map

@@ -1 +1 @@
-{"mappings":";;;;;;;;;;;;;;;;;;;AAAA;;;;;;;;;;CAUC;;;;;;;;AAwCM,MAAM,0DAAW,CAAA,GAAA,sCAAI,EAAE,UAAU,CAAC,SAAS,SAChD,KAA4B,EAC5B,GAA2C;IAE3C,QAAQ,CAAA,GAAA,0CAAe,EAAE;IACzB,QAAQ,CAAA,GAAA,sCAAW,EAAE;IACrB,IAAI,cACF,aAAa,gBACb,UAAU,mBACV,aAAa,mBACb,aAAa,iBACb,QAAQ,EACR,GAAG,YACJ,GAAG;IAEJ,2FAA2F;IAC3F,IAAI,CAAC,YAAY,cAAc,GAAG,CAAA,GAAA,wDAAiB,EACjD,MAAM,KAAK,EACX,MAAM,YAAY,IAAI,IACtB,KAAO;IAET,IAAI,WAAW,CAAA,GAAA,mBAAK,EAAuB;IAE3C,IAAI,iBAAiB,CAAA,GAAA,wBAAU,EAAE;QAC/B,2DAA2D;QAC3D,6EAA6E;QAC7E,IAAI,AAAC,CAAA,WAAW,CAAC,MAAM,MAAM,AAAD,KAAM,SAAS,OAAO,EAAE;YAClD,IAAI,QAAQ,SAAS,OAAO;YAC5B,IAAI,gBAAgB,MAAM,KAAK,CAAC,SAAS;YACzC,IAAI,eAAe,MAAM,KAAK,CAAC,QAAQ;YACvC,6FAA6F;YAC7F,2EAA2E;YAC3E,mFAAmF;YACnF,IAAI,YAAY,mBAAmB,MAAM,KAAK;YAC9C,IAAI,CAAC,WACH,MAAM,KAAK,CAAC,QAAQ,GAAG;YAEzB,MAAM,KAAK,CAAC,SAAS,GAAG;YACxB,MAAM,KAAK,CAAC,MAAM,GAAG;YACrB,+DAA+D;YAC/D,MAAM,KAAK,CAAC,MAAM,GAAG,GAAG,MAAM,YAAY,GAAI,CAAA,MAAM,YAAY,GAAG,MAAM,YAAY,AAAD,EAAG,EAAE,CAAC;YAC1F,MAAM,KAAK,CAAC,QAAQ,GAAG;YACvB,MAAM,KAAK,CAAC,SAAS,GAAG;QAC1B;IACF,GAAG;QAAC;QAAS;QAAU,MAAM,MAAM;KAAC;IAEpC,CAAA,GAAA,2DAAc,EAAE;QACd,IAAI,SAAS,OAAO,EAClB;IAEJ,GAAG;QAAC;QAAgB;QAAY;KAAS;IAEzC,IAAI,YAAY,CAAA,GAAA,mBAAK,EAAE;IACvB,CAAA,GAAA,sBAAQ,EAAE;QACR,IAAI,MAAM,WAAW,IAAI,CAAC,UAAU,OAAO,IAAI,QAAQ,GAAG,CAAC,QAAQ,KAAK,cAAc;YACpF,QAAQ,IAAI,CACV;YAEF,UAAU,OAAO,GAAG;QACtB;IACF,GAAG;QAAC,MAAM,WAAW;KAAC;IAEtB,IAAI,SAAS,CAAA,GAAA,yCAAW,EACtB;QACE,GAAG,KAAK;QACR,UAAU,CAAA,GAAA,2BAAI,EAAE,UAAU;QAC1B,kBAAkB;IACpB,GACA;IAGF,qBACE,0DAAC,CAAA,GAAA,uCAAY;QACV,GAAI,UAAU;QACf,KAAK;QACL,UAAU;QACT,GAAG,MAAM;QACV,WAAA;QACA,YAAY;QACZ,SAAS;QACT,YAAY;QACZ,YAAY;;AAGlB","sources":["packages/@adobe/react-spectrum/src/textfield/TextArea.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\nimport {AriaTextFieldProps, useTextField} from 'react-aria/useTextField';\n\nimport {chain} from 'react-aria/chain';\nimport React, {ReactElement, Ref, useCallback, useEffect, useRef} from 'react';\nimport {\n  SpectrumFieldValidation,\n  SpectrumLabelableProps,\n  SpectrumTextInputBase,\n  StyleProps\n} from '@react-types/shared';\nimport {TextFieldBase} from './TextFieldBase';\nimport {TextFieldRef} from './TextField';\nimport {useControlledState} from 'react-stately/useControlledState';\nimport {useFormProps} from '../form/Form';\nimport {useLayoutEffect} from 'react-aria/private/utils/useLayoutEffect';\nimport {useProviderProps} from '../provider/Provider';\n\nexport interface SpectrumTextAreaProps\n  extends\n    SpectrumTextInputBase,\n    Omit<\n      AriaTextFieldProps<HTMLTextAreaElement>,\n      'isInvalid' | 'validationState' | 'type' | 'pattern'\n    >,\n    SpectrumFieldValidation<string>,\n    SpectrumLabelableProps,\n    StyleProps {\n  /** An icon to display at the start of the input. */\n  icon?: ReactElement | null;\n  /** Whether the input should be displayed with a quiet style. */\n  isQuiet?: boolean;\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 */\nexport const TextArea = React.forwardRef(function TextArea(\n  props: SpectrumTextAreaProps,\n  ref: Ref<TextFieldRef<HTMLTextAreaElement>>\n) {\n  props = useProviderProps(props);\n  props = useFormProps(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(\n    props.value,\n    props.defaultValue ?? '',\n    () => {}\n  );\n  let inputRef = useRef<HTMLTextAreaElement>(null);\n\n  let onHeightChange = useCallback(() => {\n    // Quiet textareas always grow based on their text content.\n    // Standard textareas also grow by default, unless an explicit height is set.\n    if ((isQuiet || !props.height) && inputRef.current) {\n      let input = inputRef.current;\n      let prevAlignment = input.style.alignSelf;\n      let prevOverflow = input.style.overflow;\n      // Firefox scroll position is lost when overflow: 'hidden' is applied so we skip applying it.\n      // The measure/applied height is also incorrect/reset if we turn on and off\n      // overflow: hidden in Firefox https://bugzilla.mozilla.org/show_bug.cgi?id=1787062\n      let isFirefox = 'MozAppearance' in input.style;\n      if (!isFirefox) {\n        input.style.overflow = 'hidden';\n      }\n      input.style.alignSelf = 'start';\n      input.style.height = 'auto';\n      // offsetHeight - clientHeight accounts for the border/padding.\n      input.style.height = `${input.scrollHeight + (input.offsetHeight - input.clientHeight)}px`;\n      input.style.overflow = prevOverflow;\n      input.style.alignSelf = prevAlignment;\n    }\n  }, [isQuiet, inputRef, props.height]);\n\n  useLayoutEffect(() => {\n    if (inputRef.current) {\n      onHeightChange();\n    }\n  }, [onHeightChange, inputValue, inputRef]);\n\n  let hasWarned = useRef(false);\n  useEffect(() => {\n    if (props.placeholder && !hasWarned.current && process.env.NODE_ENV !== 'production') {\n      console.warn(\n        'Placeholders are deprecated due to accessibility issues. Please use help text instead. See the docs for details: https://react-spectrum.adobe.com/react-spectrum/TextArea.html#help-text'\n      );\n      hasWarned.current = true;\n    }\n  }, [props.placeholder]);\n\n  let result = useTextField(\n    {\n      ...props,\n      onChange: chain(onChange, setInputValue),\n      inputElementType: 'textarea'\n    },\n    inputRef\n  );\n\n  return (\n    <TextFieldBase\n      {...(otherProps as any)}\n      ref={ref}\n      inputRef={inputRef}\n      {...result}\n      multiLine\n      isDisabled={isDisabled}\n      isQuiet={isQuiet}\n      isReadOnly={isReadOnly}\n      isRequired={isRequired}\n    />\n  );\n});\n"],"names":[],"version":3,"file":"TextArea.cjs.map"}
+{"mappings":";;;;;;;;;;;;;;;;;;;AAAA;;;;;;;;;;CAUC;;;;;;;;AAwCM,MAAM,0DAAW,CAAA,GAAA,sCAAI,EAAE,UAAU,CAAC,SAAS,SAChD,KAA4B,EAC5B,GAA2C;IAE3C,gDAAgD;IAChD,QAAQ,CAAA,GAAA,0CAAe,EAAE;IACzB,QAAQ,CAAA,GAAA,sCAAW,EAAE;IACrB,IAAI,cACF,aAAa,gBACb,UAAU,mBACV,aAAa,mBACb,aAAa,iBACb,QAAQ,EACR,GAAG,YACJ,GAAG;IAEJ,2FAA2F;IAC3F,IAAI,CAAC,YAAY,cAAc,GAAG,CAAA,GAAA,wDAAiB,EACjD,MAAM,KAAK,EACX,MAAM,YAAY,IAAI,IACtB,KAAO;IAET,IAAI,WAAW,CAAA,GAAA,mBAAK,EAAuB;IAE3C,gDAAgD;IAChD,IAAI,iBAAiB,CAAA,GAAA,wBAAU,EAAE;QAC/B,2DAA2D;QAC3D,6EAA6E;QAC7E,IAAI,AAAC,CAAA,WAAW,CAAC,MAAM,MAAM,AAAD,KAAM,SAAS,OAAO,EAAE;YAClD,IAAI,QAAQ,SAAS,OAAO;YAC5B,IAAI,gBAAgB,MAAM,KAAK,CAAC,SAAS;YACzC,IAAI,eAAe,MAAM,KAAK,CAAC,QAAQ;YACvC,6FAA6F;YAC7F,2EAA2E;YAC3E,mFAAmF;YACnF,IAAI,YAAY,mBAAmB,MAAM,KAAK;YAC9C,IAAI,CAAC,WACH,MAAM,KAAK,CAAC,QAAQ,GAAG;YAEzB,MAAM,KAAK,CAAC,SAAS,GAAG;YACxB,MAAM,KAAK,CAAC,MAAM,GAAG;YACrB,+DAA+D;YAC/D,MAAM,KAAK,CAAC,MAAM,GAAG,GAAG,MAAM,YAAY,GAAI,CAAA,MAAM,YAAY,GAAG,MAAM,YAAY,AAAD,EAAG,EAAE,CAAC;YAC1F,MAAM,KAAK,CAAC,QAAQ,GAAG;YACvB,MAAM,KAAK,CAAC,SAAS,GAAG;QAC1B;IACF,GAAG;QAAC;QAAS;QAAU,MAAM,MAAM;KAAC;IAEpC,CAAA,GAAA,2DAAc,EAAE;QACd,IAAI,SAAS,OAAO,EAClB;IAEJ,GAAG;QAAC;QAAgB;QAAY;KAAS;IAEzC,IAAI,YAAY,CAAA,GAAA,mBAAK,EAAE;IACvB,CAAA,GAAA,sBAAQ,EAAE;QACR,IAAI,MAAM,WAAW,IAAI,CAAC,UAAU,OAAO,IAAI,QAAQ,GAAG,CAAC,QAAQ,KAAK,cAAc;YACpF,QAAQ,IAAI,CACV;YAEF,UAAU,OAAO,GAAG;QACtB;IACF,GAAG;QAAC,MAAM,WAAW;KAAC;IAEtB,IAAI,SAAS,CAAA,GAAA,yCAAW,EACtB;QACE,GAAG,KAAK;QACR,UAAU,CAAA,GAAA,2BAAI,EAAE,UAAU;QAC1B,kBAAkB;IACpB,GACA;IAGF,qBACE,0DAAC,CAAA,GAAA,uCAAY;QACV,GAAI,UAAU;QACf,KAAK;QACL,UAAU;QACT,GAAG,MAAM;QACV,WAAA;QACA,YAAY;QACZ,SAAS;QACT,YAAY;QACZ,YAAY;;AAGlB","sources":["packages/@adobe/react-spectrum/src/textfield/TextArea.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\nimport {AriaTextFieldProps, useTextField} from 'react-aria/useTextField';\n\nimport {chain} from 'react-aria/chain';\nimport React, {ReactElement, Ref, useCallback, useEffect, useRef} from 'react';\nimport {\n  SpectrumFieldValidation,\n  SpectrumLabelableProps,\n  SpectrumTextInputBase,\n  StyleProps\n} from '@react-types/shared';\nimport {TextFieldBase} from './TextFieldBase';\nimport {TextFieldRef} from './TextField';\nimport {useControlledState} from 'react-stately/useControlledState';\nimport {useFormProps} from '../form/Form';\nimport {useLayoutEffect} from 'react-aria/private/utils/useLayoutEffect';\nimport {useProviderProps} from '../provider/Provider';\n\nexport interface SpectrumTextAreaProps\n  extends\n    SpectrumTextInputBase,\n    Omit<\n      AriaTextFieldProps<HTMLTextAreaElement>,\n      'isInvalid' | 'validationState' | 'type' | 'pattern'\n    >,\n    SpectrumFieldValidation<string>,\n    SpectrumLabelableProps,\n    StyleProps {\n  /** An icon to display at the start of the input. */\n  icon?: ReactElement | null;\n  /** Whether the input should be displayed with a quiet style. */\n  isQuiet?: boolean;\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 */\nexport const TextArea = React.forwardRef(function TextArea(\n  props: SpectrumTextAreaProps,\n  ref: Ref<TextFieldRef<HTMLTextAreaElement>>\n) {\n  // oxlint-disable-next-line react/react-compiler\n  props = useProviderProps(props);\n  props = useFormProps(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(\n    props.value,\n    props.defaultValue ?? '',\n    () => {}\n  );\n  let inputRef = useRef<HTMLTextAreaElement>(null);\n\n  // oxlint-disable-next-line react/react-compiler\n  let onHeightChange = useCallback(() => {\n    // Quiet textareas always grow based on their text content.\n    // Standard textareas also grow by default, unless an explicit height is set.\n    if ((isQuiet || !props.height) && inputRef.current) {\n      let input = inputRef.current;\n      let prevAlignment = input.style.alignSelf;\n      let prevOverflow = input.style.overflow;\n      // Firefox scroll position is lost when overflow: 'hidden' is applied so we skip applying it.\n      // The measure/applied height is also incorrect/reset if we turn on and off\n      // overflow: hidden in Firefox https://bugzilla.mozilla.org/show_bug.cgi?id=1787062\n      let isFirefox = 'MozAppearance' in input.style;\n      if (!isFirefox) {\n        input.style.overflow = 'hidden';\n      }\n      input.style.alignSelf = 'start';\n      input.style.height = 'auto';\n      // offsetHeight - clientHeight accounts for the border/padding.\n      input.style.height = `${input.scrollHeight + (input.offsetHeight - input.clientHeight)}px`;\n      input.style.overflow = prevOverflow;\n      input.style.alignSelf = prevAlignment;\n    }\n  }, [isQuiet, inputRef, props.height]);\n\n  useLayoutEffect(() => {\n    if (inputRef.current) {\n      onHeightChange();\n    }\n  }, [onHeightChange, inputValue, inputRef]);\n\n  let hasWarned = useRef(false);\n  useEffect(() => {\n    if (props.placeholder && !hasWarned.current && process.env.NODE_ENV !== 'production') {\n      console.warn(\n        'Placeholders are deprecated due to accessibility issues. Please use help text instead. See the docs for details: https://react-spectrum.adobe.com/react-spectrum/TextArea.html#help-text'\n      );\n      hasWarned.current = true;\n    }\n  }, [props.placeholder]);\n\n  let result = useTextField(\n    {\n      ...props,\n      onChange: chain(onChange, setInputValue),\n      inputElementType: 'textarea'\n    },\n    inputRef\n  );\n\n  return (\n    <TextFieldBase\n      {...(otherProps as any)}\n      ref={ref}\n      inputRef={inputRef}\n      {...result}\n      multiLine\n      isDisabled={isDisabled}\n      isQuiet={isQuiet}\n      isReadOnly={isReadOnly}\n      isRequired={isRequired}\n    />\n  );\n});\n"],"names":[],"version":3,"file":"TextArea.cjs.map"}

package/dist/private/textfield/TextArea.js

@@ -26,6 +26,7 @@ import {useLayoutEffect as $jbNGj$useLayoutEffect} from "react-aria/private/util
 
 
 const $fee5ca43c2eb72c2$export$f5c9f3c2c4054eec = /*#__PURE__*/ (0, $jbNGj$react).forwardRef(function TextArea(props, ref) {
+    // oxlint-disable-next-line react/react-compiler
     props = (0, $089943c7a219141c$export$521c373ccc32c300)(props);
     props = (0, $d23ca6800ac02cf1$export$a6b5be5c6b451665)(props);
     let { isDisabled: isDisabled = false, isQuiet: isQuiet = false, isReadOnly: isReadOnly = false, isRequired: isRequired = false, onChange: onChange, ...otherProps } = props;
@@ -33,6 +34,7 @@ const $fee5ca43c2eb72c2$export$f5c9f3c2c4054eec = /*#__PURE__*/ (0, $jbNGj$react
     // not in stately because this is so we know when to re-measure, which is a spectrum design
     let [inputValue, setInputValue] = (0, $jbNGj$useControlledState)(props.value, (_props_defaultValue = props.defaultValue) !== null && _props_defaultValue !== void 0 ? _props_defaultValue : '', ()=>{});
     let inputRef = (0, $jbNGj$useRef)(null);
+    // oxlint-disable-next-line react/react-compiler
     let onHeightChange = (0, $jbNGj$useCallback)(()=>{
         // Quiet textareas always grow based on their text content.
         // Standard textareas also grow by default, unless an explicit height is set.

package/dist/private/textfield/TextArea.js.map

@@ -1 +1 @@
-{"mappings":";;;;;;;;;AAAA;;;;;;;;;;CAUC;;;;;;;;AAwCM,MAAM,0DAAW,CAAA,GAAA,YAAI,EAAE,UAAU,CAAC,SAAS,SAChD,KAA4B,EAC5B,GAA2C;IAE3C,QAAQ,CAAA,GAAA,yCAAe,EAAE;IACzB,QAAQ,CAAA,GAAA,yCAAW,EAAE;IACrB,IAAI,cACF,aAAa,gBACb,UAAU,mBACV,aAAa,mBACb,aAAa,iBACb,QAAQ,EACR,GAAG,YACJ,GAAG;QAKF;IAHF,2FAA2F;IAC3F,IAAI,CAAC,YAAY,cAAc,GAAG,CAAA,GAAA,yBAAiB,EACjD,MAAM,KAAK,EACX,CAAA,sBAAA,MAAM,YAAY,cAAlB,iCAAA,sBAAsB,IACtB,KAAO;IAET,IAAI,WAAW,CAAA,GAAA,aAAK,EAAuB;IAE3C,IAAI,iBAAiB,CAAA,GAAA,kBAAU,EAAE;QAC/B,2DAA2D;QAC3D,6EAA6E;QAC7E,IAAI,AAAC,CAAA,WAAW,CAAC,MAAM,MAAM,AAAD,KAAM,SAAS,OAAO,EAAE;YAClD,IAAI,QAAQ,SAAS,OAAO;YAC5B,IAAI,gBAAgB,MAAM,KAAK,CAAC,SAAS;YACzC,IAAI,eAAe,MAAM,KAAK,CAAC,QAAQ;YACvC,6FAA6F;YAC7F,2EAA2E;YAC3E,mFAAmF;YACnF,IAAI,YAAY,mBAAmB,MAAM,KAAK;YAC9C,IAAI,CAAC,WACH,MAAM,KAAK,CAAC,QAAQ,GAAG;YAEzB,MAAM,KAAK,CAAC,SAAS,GAAG;YACxB,MAAM,KAAK,CAAC,MAAM,GAAG;YACrB,+DAA+D;YAC/D,MAAM,KAAK,CAAC,MAAM,GAAG,GAAG,MAAM,YAAY,GAAI,CAAA,MAAM,YAAY,GAAG,MAAM,YAAY,AAAD,EAAG,EAAE,CAAC;YAC1F,MAAM,KAAK,CAAC,QAAQ,GAAG;YACvB,MAAM,KAAK,CAAC,SAAS,GAAG;QAC1B;IACF,GAAG;QAAC;QAAS;QAAU,MAAM,MAAM;KAAC;IAEpC,CAAA,GAAA,sBAAc,EAAE;QACd,IAAI,SAAS,OAAO,EAClB;IAEJ,GAAG;QAAC;QAAgB;QAAY;KAAS;IAEzC,IAAI,YAAY,CAAA,GAAA,aAAK,EAAE;IACvB,CAAA,GAAA,gBAAQ,EAAE;QACR,IAAI,MAAM,WAAW,IAAI,CAAC,UAAU,OAAO,IAAI,QAAQ,GAAG,CAAC,QAAQ,KAAK,cAAc;YACpF,QAAQ,IAAI,CACV;YAEF,UAAU,OAAO,GAAG;QACtB;IACF,GAAG;QAAC,MAAM,WAAW;KAAC;IAEtB,IAAI,SAAS,CAAA,GAAA,mBAAW,EACtB;QACE,GAAG,KAAK;QACR,UAAU,CAAA,GAAA,YAAI,EAAE,UAAU;QAC1B,kBAAkB;IACpB,GACA;IAGF,qBACE,gCAAC,CAAA,GAAA,yCAAY;QACV,GAAI,UAAU;QACf,KAAK;QACL,UAAU;QACT,GAAG,MAAM;QACV,WAAA;QACA,YAAY;QACZ,SAAS;QACT,YAAY;QACZ,YAAY;;AAGlB","sources":["packages/@adobe/react-spectrum/src/textfield/TextArea.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\nimport {AriaTextFieldProps, useTextField} from 'react-aria/useTextField';\n\nimport {chain} from 'react-aria/chain';\nimport React, {ReactElement, Ref, useCallback, useEffect, useRef} from 'react';\nimport {\n  SpectrumFieldValidation,\n  SpectrumLabelableProps,\n  SpectrumTextInputBase,\n  StyleProps\n} from '@react-types/shared';\nimport {TextFieldBase} from './TextFieldBase';\nimport {TextFieldRef} from './TextField';\nimport {useControlledState} from 'react-stately/useControlledState';\nimport {useFormProps} from '../form/Form';\nimport {useLayoutEffect} from 'react-aria/private/utils/useLayoutEffect';\nimport {useProviderProps} from '../provider/Provider';\n\nexport interface SpectrumTextAreaProps\n  extends\n    SpectrumTextInputBase,\n    Omit<\n      AriaTextFieldProps<HTMLTextAreaElement>,\n      'isInvalid' | 'validationState' | 'type' | 'pattern'\n    >,\n    SpectrumFieldValidation<string>,\n    SpectrumLabelableProps,\n    StyleProps {\n  /** An icon to display at the start of the input. */\n  icon?: ReactElement | null;\n  /** Whether the input should be displayed with a quiet style. */\n  isQuiet?: boolean;\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 */\nexport const TextArea = React.forwardRef(function TextArea(\n  props: SpectrumTextAreaProps,\n  ref: Ref<TextFieldRef<HTMLTextAreaElement>>\n) {\n  props = useProviderProps(props);\n  props = useFormProps(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(\n    props.value,\n    props.defaultValue ?? '',\n    () => {}\n  );\n  let inputRef = useRef<HTMLTextAreaElement>(null);\n\n  let onHeightChange = useCallback(() => {\n    // Quiet textareas always grow based on their text content.\n    // Standard textareas also grow by default, unless an explicit height is set.\n    if ((isQuiet || !props.height) && inputRef.current) {\n      let input = inputRef.current;\n      let prevAlignment = input.style.alignSelf;\n      let prevOverflow = input.style.overflow;\n      // Firefox scroll position is lost when overflow: 'hidden' is applied so we skip applying it.\n      // The measure/applied height is also incorrect/reset if we turn on and off\n      // overflow: hidden in Firefox https://bugzilla.mozilla.org/show_bug.cgi?id=1787062\n      let isFirefox = 'MozAppearance' in input.style;\n      if (!isFirefox) {\n        input.style.overflow = 'hidden';\n      }\n      input.style.alignSelf = 'start';\n      input.style.height = 'auto';\n      // offsetHeight - clientHeight accounts for the border/padding.\n      input.style.height = `${input.scrollHeight + (input.offsetHeight - input.clientHeight)}px`;\n      input.style.overflow = prevOverflow;\n      input.style.alignSelf = prevAlignment;\n    }\n  }, [isQuiet, inputRef, props.height]);\n\n  useLayoutEffect(() => {\n    if (inputRef.current) {\n      onHeightChange();\n    }\n  }, [onHeightChange, inputValue, inputRef]);\n\n  let hasWarned = useRef(false);\n  useEffect(() => {\n    if (props.placeholder && !hasWarned.current && process.env.NODE_ENV !== 'production') {\n      console.warn(\n        'Placeholders are deprecated due to accessibility issues. Please use help text instead. See the docs for details: https://react-spectrum.adobe.com/react-spectrum/TextArea.html#help-text'\n      );\n      hasWarned.current = true;\n    }\n  }, [props.placeholder]);\n\n  let result = useTextField(\n    {\n      ...props,\n      onChange: chain(onChange, setInputValue),\n      inputElementType: 'textarea'\n    },\n    inputRef\n  );\n\n  return (\n    <TextFieldBase\n      {...(otherProps as any)}\n      ref={ref}\n      inputRef={inputRef}\n      {...result}\n      multiLine\n      isDisabled={isDisabled}\n      isQuiet={isQuiet}\n      isReadOnly={isReadOnly}\n      isRequired={isRequired}\n    />\n  );\n});\n"],"names":[],"version":3,"file":"TextArea.js.map"}
+{"mappings":";;;;;;;;;AAAA;;;;;;;;;;CAUC;;;;;;;;AAwCM,MAAM,0DAAW,CAAA,GAAA,YAAI,EAAE,UAAU,CAAC,SAAS,SAChD,KAA4B,EAC5B,GAA2C;IAE3C,gDAAgD;IAChD,QAAQ,CAAA,GAAA,yCAAe,EAAE;IACzB,QAAQ,CAAA,GAAA,yCAAW,EAAE;IACrB,IAAI,cACF,aAAa,gBACb,UAAU,mBACV,aAAa,mBACb,aAAa,iBACb,QAAQ,EACR,GAAG,YACJ,GAAG;QAKF;IAHF,2FAA2F;IAC3F,IAAI,CAAC,YAAY,cAAc,GAAG,CAAA,GAAA,yBAAiB,EACjD,MAAM,KAAK,EACX,CAAA,sBAAA,MAAM,YAAY,cAAlB,iCAAA,sBAAsB,IACtB,KAAO;IAET,IAAI,WAAW,CAAA,GAAA,aAAK,EAAuB;IAE3C,gDAAgD;IAChD,IAAI,iBAAiB,CAAA,GAAA,kBAAU,EAAE;QAC/B,2DAA2D;QAC3D,6EAA6E;QAC7E,IAAI,AAAC,CAAA,WAAW,CAAC,MAAM,MAAM,AAAD,KAAM,SAAS,OAAO,EAAE;YAClD,IAAI,QAAQ,SAAS,OAAO;YAC5B,IAAI,gBAAgB,MAAM,KAAK,CAAC,SAAS;YACzC,IAAI,eAAe,MAAM,KAAK,CAAC,QAAQ;YACvC,6FAA6F;YAC7F,2EAA2E;YAC3E,mFAAmF;YACnF,IAAI,YAAY,mBAAmB,MAAM,KAAK;YAC9C,IAAI,CAAC,WACH,MAAM,KAAK,CAAC,QAAQ,GAAG;YAEzB,MAAM,KAAK,CAAC,SAAS,GAAG;YACxB,MAAM,KAAK,CAAC,MAAM,GAAG;YACrB,+DAA+D;YAC/D,MAAM,KAAK,CAAC,MAAM,GAAG,GAAG,MAAM,YAAY,GAAI,CAAA,MAAM,YAAY,GAAG,MAAM,YAAY,AAAD,EAAG,EAAE,CAAC;YAC1F,MAAM,KAAK,CAAC,QAAQ,GAAG;YACvB,MAAM,KAAK,CAAC,SAAS,GAAG;QAC1B;IACF,GAAG;QAAC;QAAS;QAAU,MAAM,MAAM;KAAC;IAEpC,CAAA,GAAA,sBAAc,EAAE;QACd,IAAI,SAAS,OAAO,EAClB;IAEJ,GAAG;QAAC;QAAgB;QAAY;KAAS;IAEzC,IAAI,YAAY,CAAA,GAAA,aAAK,EAAE;IACvB,CAAA,GAAA,gBAAQ,EAAE;QACR,IAAI,MAAM,WAAW,IAAI,CAAC,UAAU,OAAO,IAAI,QAAQ,GAAG,CAAC,QAAQ,KAAK,cAAc;YACpF,QAAQ,IAAI,CACV;YAEF,UAAU,OAAO,GAAG;QACtB;IACF,GAAG;QAAC,MAAM,WAAW;KAAC;IAEtB,IAAI,SAAS,CAAA,GAAA,mBAAW,EACtB;QACE,GAAG,KAAK;QACR,UAAU,CAAA,GAAA,YAAI,EAAE,UAAU;QAC1B,kBAAkB;IACpB,GACA;IAGF,qBACE,gCAAC,CAAA,GAAA,yCAAY;QACV,GAAI,UAAU;QACf,KAAK;QACL,UAAU;QACT,GAAG,MAAM;QACV,WAAA;QACA,YAAY;QACZ,SAAS;QACT,YAAY;QACZ,YAAY;;AAGlB","sources":["packages/@adobe/react-spectrum/src/textfield/TextArea.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\nimport {AriaTextFieldProps, useTextField} from 'react-aria/useTextField';\n\nimport {chain} from 'react-aria/chain';\nimport React, {ReactElement, Ref, useCallback, useEffect, useRef} from 'react';\nimport {\n  SpectrumFieldValidation,\n  SpectrumLabelableProps,\n  SpectrumTextInputBase,\n  StyleProps\n} from '@react-types/shared';\nimport {TextFieldBase} from './TextFieldBase';\nimport {TextFieldRef} from './TextField';\nimport {useControlledState} from 'react-stately/useControlledState';\nimport {useFormProps} from '../form/Form';\nimport {useLayoutEffect} from 'react-aria/private/utils/useLayoutEffect';\nimport {useProviderProps} from '../provider/Provider';\n\nexport interface SpectrumTextAreaProps\n  extends\n    SpectrumTextInputBase,\n    Omit<\n      AriaTextFieldProps<HTMLTextAreaElement>,\n      'isInvalid' | 'validationState' | 'type' | 'pattern'\n    >,\n    SpectrumFieldValidation<string>,\n    SpectrumLabelableProps,\n    StyleProps {\n  /** An icon to display at the start of the input. */\n  icon?: ReactElement | null;\n  /** Whether the input should be displayed with a quiet style. */\n  isQuiet?: boolean;\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 */\nexport const TextArea = React.forwardRef(function TextArea(\n  props: SpectrumTextAreaProps,\n  ref: Ref<TextFieldRef<HTMLTextAreaElement>>\n) {\n  // oxlint-disable-next-line react/react-compiler\n  props = useProviderProps(props);\n  props = useFormProps(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(\n    props.value,\n    props.defaultValue ?? '',\n    () => {}\n  );\n  let inputRef = useRef<HTMLTextAreaElement>(null);\n\n  // oxlint-disable-next-line react/react-compiler\n  let onHeightChange = useCallback(() => {\n    // Quiet textareas always grow based on their text content.\n    // Standard textareas also grow by default, unless an explicit height is set.\n    if ((isQuiet || !props.height) && inputRef.current) {\n      let input = inputRef.current;\n      let prevAlignment = input.style.alignSelf;\n      let prevOverflow = input.style.overflow;\n      // Firefox scroll position is lost when overflow: 'hidden' is applied so we skip applying it.\n      // The measure/applied height is also incorrect/reset if we turn on and off\n      // overflow: hidden in Firefox https://bugzilla.mozilla.org/show_bug.cgi?id=1787062\n      let isFirefox = 'MozAppearance' in input.style;\n      if (!isFirefox) {\n        input.style.overflow = 'hidden';\n      }\n      input.style.alignSelf = 'start';\n      input.style.height = 'auto';\n      // offsetHeight - clientHeight accounts for the border/padding.\n      input.style.height = `${input.scrollHeight + (input.offsetHeight - input.clientHeight)}px`;\n      input.style.overflow = prevOverflow;\n      input.style.alignSelf = prevAlignment;\n    }\n  }, [isQuiet, inputRef, props.height]);\n\n  useLayoutEffect(() => {\n    if (inputRef.current) {\n      onHeightChange();\n    }\n  }, [onHeightChange, inputValue, inputRef]);\n\n  let hasWarned = useRef(false);\n  useEffect(() => {\n    if (props.placeholder && !hasWarned.current && process.env.NODE_ENV !== 'production') {\n      console.warn(\n        'Placeholders are deprecated due to accessibility issues. Please use help text instead. See the docs for details: https://react-spectrum.adobe.com/react-spectrum/TextArea.html#help-text'\n      );\n      hasWarned.current = true;\n    }\n  }, [props.placeholder]);\n\n  let result = useTextField(\n    {\n      ...props,\n      onChange: chain(onChange, setInputValue),\n      inputElementType: 'textarea'\n    },\n    inputRef\n  );\n\n  return (\n    <TextFieldBase\n      {...(otherProps as any)}\n      ref={ref}\n      inputRef={inputRef}\n      {...result}\n      multiLine\n      isDisabled={isDisabled}\n      isQuiet={isQuiet}\n      isReadOnly={isReadOnly}\n      isRequired={isRequired}\n    />\n  );\n});\n"],"names":[],"version":3,"file":"TextArea.js.map"}

package/dist/private/textfield/TextArea.mjs

@@ -26,12 +26,14 @@ import {useLayoutEffect as $65ICI$useLayoutEffect} from "react-aria/private/util
 
 
 const $14a1c0edab339433$export$f5c9f3c2c4054eec = /*#__PURE__*/ (0, $65ICI$react).forwardRef(function TextArea(props, ref) {
+    // oxlint-disable-next-line react/react-compiler
     props = (0, $71dfb0e0358a12de$export$521c373ccc32c300)(props);
     props = (0, $c29c48d4ef19ffc4$export$a6b5be5c6b451665)(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] = (0, $65ICI$useControlledState)(props.value, props.defaultValue ?? '', ()=>{});
     let inputRef = (0, $65ICI$useRef)(null);
+    // oxlint-disable-next-line react/react-compiler
     let onHeightChange = (0, $65ICI$useCallback)(()=>{
         // Quiet textareas always grow based on their text content.
         // Standard textareas also grow by default, unless an explicit height is set.

package/dist/private/textfield/TextArea.mjs.map

@@ -1 +1 @@
-{"mappings":";;;;;;;;;AAAA;;;;;;;;;;CAUC;;;;;;;;AAwCM,MAAM,0DAAW,CAAA,GAAA,YAAI,EAAE,UAAU,CAAC,SAAS,SAChD,KAA4B,EAC5B,GAA2C;IAE3C,QAAQ,CAAA,GAAA,yCAAe,EAAE;IACzB,QAAQ,CAAA,GAAA,yCAAW,EAAE;IACrB,IAAI,cACF,aAAa,gBACb,UAAU,mBACV,aAAa,mBACb,aAAa,iBACb,QAAQ,EACR,GAAG,YACJ,GAAG;IAEJ,2FAA2F;IAC3F,IAAI,CAAC,YAAY,cAAc,GAAG,CAAA,GAAA,yBAAiB,EACjD,MAAM,KAAK,EACX,MAAM,YAAY,IAAI,IACtB,KAAO;IAET,IAAI,WAAW,CAAA,GAAA,aAAK,EAAuB;IAE3C,IAAI,iBAAiB,CAAA,GAAA,kBAAU,EAAE;QAC/B,2DAA2D;QAC3D,6EAA6E;QAC7E,IAAI,AAAC,CAAA,WAAW,CAAC,MAAM,MAAM,AAAD,KAAM,SAAS,OAAO,EAAE;YAClD,IAAI,QAAQ,SAAS,OAAO;YAC5B,IAAI,gBAAgB,MAAM,KAAK,CAAC,SAAS;YACzC,IAAI,eAAe,MAAM,KAAK,CAAC,QAAQ;YACvC,6FAA6F;YAC7F,2EAA2E;YAC3E,mFAAmF;YACnF,IAAI,YAAY,mBAAmB,MAAM,KAAK;YAC9C,IAAI,CAAC,WACH,MAAM,KAAK,CAAC,QAAQ,GAAG;YAEzB,MAAM,KAAK,CAAC,SAAS,GAAG;YACxB,MAAM,KAAK,CAAC,MAAM,GAAG;YACrB,+DAA+D;YAC/D,MAAM,KAAK,CAAC,MAAM,GAAG,GAAG,MAAM,YAAY,GAAI,CAAA,MAAM,YAAY,GAAG,MAAM,YAAY,AAAD,EAAG,EAAE,CAAC;YAC1F,MAAM,KAAK,CAAC,QAAQ,GAAG;YACvB,MAAM,KAAK,CAAC,SAAS,GAAG;QAC1B;IACF,GAAG;QAAC;QAAS;QAAU,MAAM,MAAM;KAAC;IAEpC,CAAA,GAAA,sBAAc,EAAE;QACd,IAAI,SAAS,OAAO,EAClB;IAEJ,GAAG;QAAC;QAAgB;QAAY;KAAS;IAEzC,IAAI,YAAY,CAAA,GAAA,aAAK,EAAE;IACvB,CAAA,GAAA,gBAAQ,EAAE;QACR,IAAI,MAAM,WAAW,IAAI,CAAC,UAAU,OAAO,IAAI,QAAQ,GAAG,CAAC,QAAQ,KAAK,cAAc;YACpF,QAAQ,IAAI,CACV;YAEF,UAAU,OAAO,GAAG;QACtB;IACF,GAAG;QAAC,MAAM,WAAW;KAAC;IAEtB,IAAI,SAAS,CAAA,GAAA,mBAAW,EACtB;QACE,GAAG,KAAK;QACR,UAAU,CAAA,GAAA,YAAI,EAAE,UAAU;QAC1B,kBAAkB;IACpB,GACA;IAGF,qBACE,gCAAC,CAAA,GAAA,yCAAY;QACV,GAAI,UAAU;QACf,KAAK;QACL,UAAU;QACT,GAAG,MAAM;QACV,WAAA;QACA,YAAY;QACZ,SAAS;QACT,YAAY;QACZ,YAAY;;AAGlB","sources":["packages/@adobe/react-spectrum/src/textfield/TextArea.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\nimport {AriaTextFieldProps, useTextField} from 'react-aria/useTextField';\n\nimport {chain} from 'react-aria/chain';\nimport React, {ReactElement, Ref, useCallback, useEffect, useRef} from 'react';\nimport {\n  SpectrumFieldValidation,\n  SpectrumLabelableProps,\n  SpectrumTextInputBase,\n  StyleProps\n} from '@react-types/shared';\nimport {TextFieldBase} from './TextFieldBase';\nimport {TextFieldRef} from './TextField';\nimport {useControlledState} from 'react-stately/useControlledState';\nimport {useFormProps} from '../form/Form';\nimport {useLayoutEffect} from 'react-aria/private/utils/useLayoutEffect';\nimport {useProviderProps} from '../provider/Provider';\n\nexport interface SpectrumTextAreaProps\n  extends\n    SpectrumTextInputBase,\n    Omit<\n      AriaTextFieldProps<HTMLTextAreaElement>,\n      'isInvalid' | 'validationState' | 'type' | 'pattern'\n    >,\n    SpectrumFieldValidation<string>,\n    SpectrumLabelableProps,\n    StyleProps {\n  /** An icon to display at the start of the input. */\n  icon?: ReactElement | null;\n  /** Whether the input should be displayed with a quiet style. */\n  isQuiet?: boolean;\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 */\nexport const TextArea = React.forwardRef(function TextArea(\n  props: SpectrumTextAreaProps,\n  ref: Ref<TextFieldRef<HTMLTextAreaElement>>\n) {\n  props = useProviderProps(props);\n  props = useFormProps(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(\n    props.value,\n    props.defaultValue ?? '',\n    () => {}\n  );\n  let inputRef = useRef<HTMLTextAreaElement>(null);\n\n  let onHeightChange = useCallback(() => {\n    // Quiet textareas always grow based on their text content.\n    // Standard textareas also grow by default, unless an explicit height is set.\n    if ((isQuiet || !props.height) && inputRef.current) {\n      let input = inputRef.current;\n      let prevAlignment = input.style.alignSelf;\n      let prevOverflow = input.style.overflow;\n      // Firefox scroll position is lost when overflow: 'hidden' is applied so we skip applying it.\n      // The measure/applied height is also incorrect/reset if we turn on and off\n      // overflow: hidden in Firefox https://bugzilla.mozilla.org/show_bug.cgi?id=1787062\n      let isFirefox = 'MozAppearance' in input.style;\n      if (!isFirefox) {\n        input.style.overflow = 'hidden';\n      }\n      input.style.alignSelf = 'start';\n      input.style.height = 'auto';\n      // offsetHeight - clientHeight accounts for the border/padding.\n      input.style.height = `${input.scrollHeight + (input.offsetHeight - input.clientHeight)}px`;\n      input.style.overflow = prevOverflow;\n      input.style.alignSelf = prevAlignment;\n    }\n  }, [isQuiet, inputRef, props.height]);\n\n  useLayoutEffect(() => {\n    if (inputRef.current) {\n      onHeightChange();\n    }\n  }, [onHeightChange, inputValue, inputRef]);\n\n  let hasWarned = useRef(false);\n  useEffect(() => {\n    if (props.placeholder && !hasWarned.current && process.env.NODE_ENV !== 'production') {\n      console.warn(\n        'Placeholders are deprecated due to accessibility issues. Please use help text instead. See the docs for details: https://react-spectrum.adobe.com/react-spectrum/TextArea.html#help-text'\n      );\n      hasWarned.current = true;\n    }\n  }, [props.placeholder]);\n\n  let result = useTextField(\n    {\n      ...props,\n      onChange: chain(onChange, setInputValue),\n      inputElementType: 'textarea'\n    },\n    inputRef\n  );\n\n  return (\n    <TextFieldBase\n      {...(otherProps as any)}\n      ref={ref}\n      inputRef={inputRef}\n      {...result}\n      multiLine\n      isDisabled={isDisabled}\n      isQuiet={isQuiet}\n      isReadOnly={isReadOnly}\n      isRequired={isRequired}\n    />\n  );\n});\n"],"names":[],"version":3,"file":"TextArea.mjs.map"}
+{"mappings":";;;;;;;;;AAAA;;;;;;;;;;CAUC;;;;;;;;AAwCM,MAAM,0DAAW,CAAA,GAAA,YAAI,EAAE,UAAU,CAAC,SAAS,SAChD,KAA4B,EAC5B,GAA2C;IAE3C,gDAAgD;IAChD,QAAQ,CAAA,GAAA,yCAAe,EAAE;IACzB,QAAQ,CAAA,GAAA,yCAAW,EAAE;IACrB,IAAI,cACF,aAAa,gBACb,UAAU,mBACV,aAAa,mBACb,aAAa,iBACb,QAAQ,EACR,GAAG,YACJ,GAAG;IAEJ,2FAA2F;IAC3F,IAAI,CAAC,YAAY,cAAc,GAAG,CAAA,GAAA,yBAAiB,EACjD,MAAM,KAAK,EACX,MAAM,YAAY,IAAI,IACtB,KAAO;IAET,IAAI,WAAW,CAAA,GAAA,aAAK,EAAuB;IAE3C,gDAAgD;IAChD,IAAI,iBAAiB,CAAA,GAAA,kBAAU,EAAE;QAC/B,2DAA2D;QAC3D,6EAA6E;QAC7E,IAAI,AAAC,CAAA,WAAW,CAAC,MAAM,MAAM,AAAD,KAAM,SAAS,OAAO,EAAE;YAClD,IAAI,QAAQ,SAAS,OAAO;YAC5B,IAAI,gBAAgB,MAAM,KAAK,CAAC,SAAS;YACzC,IAAI,eAAe,MAAM,KAAK,CAAC,QAAQ;YACvC,6FAA6F;YAC7F,2EAA2E;YAC3E,mFAAmF;YACnF,IAAI,YAAY,mBAAmB,MAAM,KAAK;YAC9C,IAAI,CAAC,WACH,MAAM,KAAK,CAAC,QAAQ,GAAG;YAEzB,MAAM,KAAK,CAAC,SAAS,GAAG;YACxB,MAAM,KAAK,CAAC,MAAM,GAAG;YACrB,+DAA+D;YAC/D,MAAM,KAAK,CAAC,MAAM,GAAG,GAAG,MAAM,YAAY,GAAI,CAAA,MAAM,YAAY,GAAG,MAAM,YAAY,AAAD,EAAG,EAAE,CAAC;YAC1F,MAAM,KAAK,CAAC,QAAQ,GAAG;YACvB,MAAM,KAAK,CAAC,SAAS,GAAG;QAC1B;IACF,GAAG;QAAC;QAAS;QAAU,MAAM,MAAM;KAAC;IAEpC,CAAA,GAAA,sBAAc,EAAE;QACd,IAAI,SAAS,OAAO,EAClB;IAEJ,GAAG;QAAC;QAAgB;QAAY;KAAS;IAEzC,IAAI,YAAY,CAAA,GAAA,aAAK,EAAE;IACvB,CAAA,GAAA,gBAAQ,EAAE;QACR,IAAI,MAAM,WAAW,IAAI,CAAC,UAAU,OAAO,IAAI,QAAQ,GAAG,CAAC,QAAQ,KAAK,cAAc;YACpF,QAAQ,IAAI,CACV;YAEF,UAAU,OAAO,GAAG;QACtB;IACF,GAAG;QAAC,MAAM,WAAW;KAAC;IAEtB,IAAI,SAAS,CAAA,GAAA,mBAAW,EACtB;QACE,GAAG,KAAK;QACR,UAAU,CAAA,GAAA,YAAI,EAAE,UAAU;QAC1B,kBAAkB;IACpB,GACA;IAGF,qBACE,gCAAC,CAAA,GAAA,yCAAY;QACV,GAAI,UAAU;QACf,KAAK;QACL,UAAU;QACT,GAAG,MAAM;QACV,WAAA;QACA,YAAY;QACZ,SAAS;QACT,YAAY;QACZ,YAAY;;AAGlB","sources":["packages/@adobe/react-spectrum/src/textfield/TextArea.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\nimport {AriaTextFieldProps, useTextField} from 'react-aria/useTextField';\n\nimport {chain} from 'react-aria/chain';\nimport React, {ReactElement, Ref, useCallback, useEffect, useRef} from 'react';\nimport {\n  SpectrumFieldValidation,\n  SpectrumLabelableProps,\n  SpectrumTextInputBase,\n  StyleProps\n} from '@react-types/shared';\nimport {TextFieldBase} from './TextFieldBase';\nimport {TextFieldRef} from './TextField';\nimport {useControlledState} from 'react-stately/useControlledState';\nimport {useFormProps} from '../form/Form';\nimport {useLayoutEffect} from 'react-aria/private/utils/useLayoutEffect';\nimport {useProviderProps} from '../provider/Provider';\n\nexport interface SpectrumTextAreaProps\n  extends\n    SpectrumTextInputBase,\n    Omit<\n      AriaTextFieldProps<HTMLTextAreaElement>,\n      'isInvalid' | 'validationState' | 'type' | 'pattern'\n    >,\n    SpectrumFieldValidation<string>,\n    SpectrumLabelableProps,\n    StyleProps {\n  /** An icon to display at the start of the input. */\n  icon?: ReactElement | null;\n  /** Whether the input should be displayed with a quiet style. */\n  isQuiet?: boolean;\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 */\nexport const TextArea = React.forwardRef(function TextArea(\n  props: SpectrumTextAreaProps,\n  ref: Ref<TextFieldRef<HTMLTextAreaElement>>\n) {\n  // oxlint-disable-next-line react/react-compiler\n  props = useProviderProps(props);\n  props = useFormProps(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(\n    props.value,\n    props.defaultValue ?? '',\n    () => {}\n  );\n  let inputRef = useRef<HTMLTextAreaElement>(null);\n\n  // oxlint-disable-next-line react/react-compiler\n  let onHeightChange = useCallback(() => {\n    // Quiet textareas always grow based on their text content.\n    // Standard textareas also grow by default, unless an explicit height is set.\n    if ((isQuiet || !props.height) && inputRef.current) {\n      let input = inputRef.current;\n      let prevAlignment = input.style.alignSelf;\n      let prevOverflow = input.style.overflow;\n      // Firefox scroll position is lost when overflow: 'hidden' is applied so we skip applying it.\n      // The measure/applied height is also incorrect/reset if we turn on and off\n      // overflow: hidden in Firefox https://bugzilla.mozilla.org/show_bug.cgi?id=1787062\n      let isFirefox = 'MozAppearance' in input.style;\n      if (!isFirefox) {\n        input.style.overflow = 'hidden';\n      }\n      input.style.alignSelf = 'start';\n      input.style.height = 'auto';\n      // offsetHeight - clientHeight accounts for the border/padding.\n      input.style.height = `${input.scrollHeight + (input.offsetHeight - input.clientHeight)}px`;\n      input.style.overflow = prevOverflow;\n      input.style.alignSelf = prevAlignment;\n    }\n  }, [isQuiet, inputRef, props.height]);\n\n  useLayoutEffect(() => {\n    if (inputRef.current) {\n      onHeightChange();\n    }\n  }, [onHeightChange, inputValue, inputRef]);\n\n  let hasWarned = useRef(false);\n  useEffect(() => {\n    if (props.placeholder && !hasWarned.current && process.env.NODE_ENV !== 'production') {\n      console.warn(\n        'Placeholders are deprecated due to accessibility issues. Please use help text instead. See the docs for details: https://react-spectrum.adobe.com/react-spectrum/TextArea.html#help-text'\n      );\n      hasWarned.current = true;\n    }\n  }, [props.placeholder]);\n\n  let result = useTextField(\n    {\n      ...props,\n      onChange: chain(onChange, setInputValue),\n      inputElementType: 'textarea'\n    },\n    inputRef\n  );\n\n  return (\n    <TextFieldBase\n      {...(otherProps as any)}\n      ref={ref}\n      inputRef={inputRef}\n      {...result}\n      multiLine\n      isDisabled={isDisabled}\n      isQuiet={isQuiet}\n      isReadOnly={isReadOnly}\n      isRequired={isRequired}\n    />\n  );\n});\n"],"names":[],"version":3,"file":"TextArea.mjs.map"}

package/dist/private/textfield/TextField.cjs

@@ -30,6 +30,7 @@ $parcel$export(module.exports, "TextField", function () { return $1d771798824a7f
 
 
 const $1d771798824a7f90$export$2c73285ae9390cec = /*#__PURE__*/ (0, $iyxHv$react.forwardRef)(function TextField(props, ref) {
+    // oxlint-disable-next-line react/react-compiler
     props = (0, $544fc82701fc93e9$exports.useProviderProps)(props);
     props = (0, $1af2ca8553741739$exports.useFormProps)(props);
     let inputRef = (0, $iyxHv$react.useRef)(null);

package/dist/private/textfield/TextField.cjs.map

@@ -1 +1 @@
-{"mappings":";;;;;;;;;;;;;;;;AAAA;;;;;;;;;;CAUC;;;;;AAwCM,MAAM,0DAAY,CAAA,GAAA,uBAAS,EAAE,SAAS,UAC3C,KAA6B,EAC7B,GAAsB;IAEtB,QAAQ,CAAA,GAAA,0CAAe,EAAE;IACzB,QAAQ,CAAA,GAAA,sCAAW,EAAE;IAErB,IAAI,WAAW,CAAA,GAAA,mBAAK,EAAoB;IACxC,IAAI,SAAS,CAAA,GAAA,yCAAW,EAAE,OAAO;IAEjC,IAAI,YAAY,CAAA,GAAA,mBAAK,EAAE;IACvB,CAAA,GAAA,sBAAQ,EAAE;QACR,IAAI,MAAM,WAAW,IAAI,CAAC,UAAU,OAAO,IAAI,QAAQ,GAAG,CAAC,QAAQ,KAAK,cAAc;YACpF,QAAQ,IAAI,CACV;YAEF,UAAU,OAAO,GAAG;QACtB;IACF,GAAG;QAAC,MAAM,WAAW;KAAC;IAEtB,qBAAO,0DAAC,CAAA,GAAA,uCAAY;QAAG,GAAG,KAAK;QAAG,GAAG,MAAM;QAAE,KAAK;QAAK,UAAU;;AACnE","sources":["packages/@adobe/react-spectrum/src/textfield/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\nimport {AriaTextFieldProps, useTextField} from 'react-aria/useTextField';\nimport {\n  FocusableRefValue,\n  SpectrumFieldValidation,\n  SpectrumLabelableProps,\n  SpectrumTextInputBase,\n  StyleProps\n} from '@react-types/shared';\nimport React, {forwardRef, ReactElement, Ref, useEffect, useRef} from 'react';\nimport {TextFieldBase} from './TextFieldBase';\nimport {useFormProps} from '../form/Form';\nimport {useProviderProps} from '../provider/Provider';\n\nexport interface SpectrumTextFieldProps\n  extends\n    SpectrumTextInputBase,\n    Omit<AriaTextFieldProps, 'isInvalid' | 'validationState'>,\n    SpectrumFieldValidation<string>,\n    SpectrumLabelableProps,\n    StyleProps {\n  /** An icon to display at the start of the input. */\n  icon?: ReactElement | null;\n  /** Whether the input should be displayed with a quiet style. */\n  isQuiet?: boolean;\n}\n\nexport interface TextFieldRef<\n  T extends HTMLInputElement | HTMLTextAreaElement = HTMLInputElement\n> extends FocusableRefValue<T, HTMLDivElement> {\n  select(): void;\n  getInputElement(): T | null;\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 */\nexport const TextField = forwardRef(function TextField(\n  props: SpectrumTextFieldProps,\n  ref: Ref<TextFieldRef>\n) {\n  props = useProviderProps(props);\n  props = useFormProps(props);\n\n  let inputRef = useRef<HTMLInputElement>(null);\n  let result = useTextField(props, inputRef);\n\n  let hasWarned = useRef(false);\n  useEffect(() => {\n    if (props.placeholder && !hasWarned.current && process.env.NODE_ENV !== 'production') {\n      console.warn(\n        'Placeholders are deprecated due to accessibility issues. Please use help text instead. See the docs for details: https://react-spectrum.adobe.com/react-spectrum/TextField.html#help-text'\n      );\n      hasWarned.current = true;\n    }\n  }, [props.placeholder]);\n\n  return <TextFieldBase {...props} {...result} ref={ref} inputRef={inputRef} />;\n});\n"],"names":[],"version":3,"file":"TextField.cjs.map"}
+{"mappings":";;;;;;;;;;;;;;;;AAAA;;;;;;;;;;CAUC;;;;;AAwCM,MAAM,0DAAY,CAAA,GAAA,uBAAS,EAAE,SAAS,UAC3C,KAA6B,EAC7B,GAAsB;IAEtB,gDAAgD;IAChD,QAAQ,CAAA,GAAA,0CAAe,EAAE;IACzB,QAAQ,CAAA,GAAA,sCAAW,EAAE;IAErB,IAAI,WAAW,CAAA,GAAA,mBAAK,EAAoB;IACxC,IAAI,SAAS,CAAA,GAAA,yCAAW,EAAE,OAAO;IAEjC,IAAI,YAAY,CAAA,GAAA,mBAAK,EAAE;IACvB,CAAA,GAAA,sBAAQ,EAAE;QACR,IAAI,MAAM,WAAW,IAAI,CAAC,UAAU,OAAO,IAAI,QAAQ,GAAG,CAAC,QAAQ,KAAK,cAAc;YACpF,QAAQ,IAAI,CACV;YAEF,UAAU,OAAO,GAAG;QACtB;IACF,GAAG;QAAC,MAAM,WAAW;KAAC;IAEtB,qBAAO,0DAAC,CAAA,GAAA,uCAAY;QAAG,GAAG,KAAK;QAAG,GAAG,MAAM;QAAE,KAAK;QAAK,UAAU;;AACnE","sources":["packages/@adobe/react-spectrum/src/textfield/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\nimport {AriaTextFieldProps, useTextField} from 'react-aria/useTextField';\nimport {\n  FocusableRefValue,\n  SpectrumFieldValidation,\n  SpectrumLabelableProps,\n  SpectrumTextInputBase,\n  StyleProps\n} from '@react-types/shared';\nimport React, {forwardRef, ReactElement, Ref, useEffect, useRef} from 'react';\nimport {TextFieldBase} from './TextFieldBase';\nimport {useFormProps} from '../form/Form';\nimport {useProviderProps} from '../provider/Provider';\n\nexport interface SpectrumTextFieldProps\n  extends\n    SpectrumTextInputBase,\n    Omit<AriaTextFieldProps, 'isInvalid' | 'validationState'>,\n    SpectrumFieldValidation<string>,\n    SpectrumLabelableProps,\n    StyleProps {\n  /** An icon to display at the start of the input. */\n  icon?: ReactElement | null;\n  /** Whether the input should be displayed with a quiet style. */\n  isQuiet?: boolean;\n}\n\nexport interface TextFieldRef<\n  T extends HTMLInputElement | HTMLTextAreaElement = HTMLInputElement\n> extends FocusableRefValue<T, HTMLDivElement> {\n  select(): void;\n  getInputElement(): T | null;\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 */\nexport const TextField = forwardRef(function TextField(\n  props: SpectrumTextFieldProps,\n  ref: Ref<TextFieldRef>\n) {\n  // oxlint-disable-next-line react/react-compiler\n  props = useProviderProps(props);\n  props = useFormProps(props);\n\n  let inputRef = useRef<HTMLInputElement>(null);\n  let result = useTextField(props, inputRef);\n\n  let hasWarned = useRef(false);\n  useEffect(() => {\n    if (props.placeholder && !hasWarned.current && process.env.NODE_ENV !== 'production') {\n      console.warn(\n        'Placeholders are deprecated due to accessibility issues. Please use help text instead. See the docs for details: https://react-spectrum.adobe.com/react-spectrum/TextField.html#help-text'\n      );\n      hasWarned.current = true;\n    }\n  }, [props.placeholder]);\n\n  return <TextFieldBase {...props} {...result} ref={ref} inputRef={inputRef} />;\n});\n"],"names":[],"version":3,"file":"TextField.cjs.map"}

package/dist/private/textfield/TextField.js

@@ -20,6 +20,7 @@ import $83uWs$react, {forwardRef as $83uWs$forwardRef, useRef as $83uWs$useRef,
 
 
 const $79f51739ebc77ec5$export$2c73285ae9390cec = /*#__PURE__*/ (0, $83uWs$forwardRef)(function TextField(props, ref) {
+    // oxlint-disable-next-line react/react-compiler
     props = (0, $089943c7a219141c$export$521c373ccc32c300)(props);
     props = (0, $d23ca6800ac02cf1$export$a6b5be5c6b451665)(props);
     let inputRef = (0, $83uWs$useRef)(null);

package/dist/private/textfield/TextField.js.map

@@ -1 +1 @@
-{"mappings":";;;;;;AAAA;;;;;;;;;;CAUC;;;;;AAwCM,MAAM,0DAAY,CAAA,GAAA,iBAAS,EAAE,SAAS,UAC3C,KAA6B,EAC7B,GAAsB;IAEtB,QAAQ,CAAA,GAAA,yCAAe,EAAE;IACzB,QAAQ,CAAA,GAAA,yCAAW,EAAE;IAErB,IAAI,WAAW,CAAA,GAAA,aAAK,EAAoB;IACxC,IAAI,SAAS,CAAA,GAAA,mBAAW,EAAE,OAAO;IAEjC,IAAI,YAAY,CAAA,GAAA,aAAK,EAAE;IACvB,CAAA,GAAA,gBAAQ,EAAE;QACR,IAAI,MAAM,WAAW,IAAI,CAAC,UAAU,OAAO,IAAI,QAAQ,GAAG,CAAC,QAAQ,KAAK,cAAc;YACpF,QAAQ,IAAI,CACV;YAEF,UAAU,OAAO,GAAG;QACtB;IACF,GAAG;QAAC,MAAM,WAAW;KAAC;IAEtB,qBAAO,gCAAC,CAAA,GAAA,yCAAY;QAAG,GAAG,KAAK;QAAG,GAAG,MAAM;QAAE,KAAK;QAAK,UAAU;;AACnE","sources":["packages/@adobe/react-spectrum/src/textfield/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\nimport {AriaTextFieldProps, useTextField} from 'react-aria/useTextField';\nimport {\n  FocusableRefValue,\n  SpectrumFieldValidation,\n  SpectrumLabelableProps,\n  SpectrumTextInputBase,\n  StyleProps\n} from '@react-types/shared';\nimport React, {forwardRef, ReactElement, Ref, useEffect, useRef} from 'react';\nimport {TextFieldBase} from './TextFieldBase';\nimport {useFormProps} from '../form/Form';\nimport {useProviderProps} from '../provider/Provider';\n\nexport interface SpectrumTextFieldProps\n  extends\n    SpectrumTextInputBase,\n    Omit<AriaTextFieldProps, 'isInvalid' | 'validationState'>,\n    SpectrumFieldValidation<string>,\n    SpectrumLabelableProps,\n    StyleProps {\n  /** An icon to display at the start of the input. */\n  icon?: ReactElement | null;\n  /** Whether the input should be displayed with a quiet style. */\n  isQuiet?: boolean;\n}\n\nexport interface TextFieldRef<\n  T extends HTMLInputElement | HTMLTextAreaElement = HTMLInputElement\n> extends FocusableRefValue<T, HTMLDivElement> {\n  select(): void;\n  getInputElement(): T | null;\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 */\nexport const TextField = forwardRef(function TextField(\n  props: SpectrumTextFieldProps,\n  ref: Ref<TextFieldRef>\n) {\n  props = useProviderProps(props);\n  props = useFormProps(props);\n\n  let inputRef = useRef<HTMLInputElement>(null);\n  let result = useTextField(props, inputRef);\n\n  let hasWarned = useRef(false);\n  useEffect(() => {\n    if (props.placeholder && !hasWarned.current && process.env.NODE_ENV !== 'production') {\n      console.warn(\n        'Placeholders are deprecated due to accessibility issues. Please use help text instead. See the docs for details: https://react-spectrum.adobe.com/react-spectrum/TextField.html#help-text'\n      );\n      hasWarned.current = true;\n    }\n  }, [props.placeholder]);\n\n  return <TextFieldBase {...props} {...result} ref={ref} inputRef={inputRef} />;\n});\n"],"names":[],"version":3,"file":"TextField.js.map"}
+{"mappings":";;;;;;AAAA;;;;;;;;;;CAUC;;;;;AAwCM,MAAM,0DAAY,CAAA,GAAA,iBAAS,EAAE,SAAS,UAC3C,KAA6B,EAC7B,GAAsB;IAEtB,gDAAgD;IAChD,QAAQ,CAAA,GAAA,yCAAe,EAAE;IACzB,QAAQ,CAAA,GAAA,yCAAW,EAAE;IAErB,IAAI,WAAW,CAAA,GAAA,aAAK,EAAoB;IACxC,IAAI,SAAS,CAAA,GAAA,mBAAW,EAAE,OAAO;IAEjC,IAAI,YAAY,CAAA,GAAA,aAAK,EAAE;IACvB,CAAA,GAAA,gBAAQ,EAAE;QACR,IAAI,MAAM,WAAW,IAAI,CAAC,UAAU,OAAO,IAAI,QAAQ,GAAG,CAAC,QAAQ,KAAK,cAAc;YACpF,QAAQ,IAAI,CACV;YAEF,UAAU,OAAO,GAAG;QACtB;IACF,GAAG;QAAC,MAAM,WAAW;KAAC;IAEtB,qBAAO,gCAAC,CAAA,GAAA,yCAAY;QAAG,GAAG,KAAK;QAAG,GAAG,MAAM;QAAE,KAAK;QAAK,UAAU;;AACnE","sources":["packages/@adobe/react-spectrum/src/textfield/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\nimport {AriaTextFieldProps, useTextField} from 'react-aria/useTextField';\nimport {\n  FocusableRefValue,\n  SpectrumFieldValidation,\n  SpectrumLabelableProps,\n  SpectrumTextInputBase,\n  StyleProps\n} from '@react-types/shared';\nimport React, {forwardRef, ReactElement, Ref, useEffect, useRef} from 'react';\nimport {TextFieldBase} from './TextFieldBase';\nimport {useFormProps} from '../form/Form';\nimport {useProviderProps} from '../provider/Provider';\n\nexport interface SpectrumTextFieldProps\n  extends\n    SpectrumTextInputBase,\n    Omit<AriaTextFieldProps, 'isInvalid' | 'validationState'>,\n    SpectrumFieldValidation<string>,\n    SpectrumLabelableProps,\n    StyleProps {\n  /** An icon to display at the start of the input. */\n  icon?: ReactElement | null;\n  /** Whether the input should be displayed with a quiet style. */\n  isQuiet?: boolean;\n}\n\nexport interface TextFieldRef<\n  T extends HTMLInputElement | HTMLTextAreaElement = HTMLInputElement\n> extends FocusableRefValue<T, HTMLDivElement> {\n  select(): void;\n  getInputElement(): T | null;\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 */\nexport const TextField = forwardRef(function TextField(\n  props: SpectrumTextFieldProps,\n  ref: Ref<TextFieldRef>\n) {\n  // oxlint-disable-next-line react/react-compiler\n  props = useProviderProps(props);\n  props = useFormProps(props);\n\n  let inputRef = useRef<HTMLInputElement>(null);\n  let result = useTextField(props, inputRef);\n\n  let hasWarned = useRef(false);\n  useEffect(() => {\n    if (props.placeholder && !hasWarned.current && process.env.NODE_ENV !== 'production') {\n      console.warn(\n        'Placeholders are deprecated due to accessibility issues. Please use help text instead. See the docs for details: https://react-spectrum.adobe.com/react-spectrum/TextField.html#help-text'\n      );\n      hasWarned.current = true;\n    }\n  }, [props.placeholder]);\n\n  return <TextFieldBase {...props} {...result} ref={ref} inputRef={inputRef} />;\n});\n"],"names":[],"version":3,"file":"TextField.js.map"}

package/dist/private/textfield/TextField.mjs

@@ -20,6 +20,7 @@ import $ifeZ5$react, {forwardRef as $ifeZ5$forwardRef, useRef as $ifeZ5$useRef,
 
 
 const $a38b6369fa4dfb49$export$2c73285ae9390cec = /*#__PURE__*/ (0, $ifeZ5$forwardRef)(function TextField(props, ref) {
+    // oxlint-disable-next-line react/react-compiler
     props = (0, $71dfb0e0358a12de$export$521c373ccc32c300)(props);
     props = (0, $c29c48d4ef19ffc4$export$a6b5be5c6b451665)(props);
     let inputRef = (0, $ifeZ5$useRef)(null);

package/dist/private/textfield/TextField.mjs.map

@@ -1 +1 @@
-{"mappings":";;;;;;AAAA;;;;;;;;;;CAUC;;;;;AAwCM,MAAM,0DAAY,CAAA,GAAA,iBAAS,EAAE,SAAS,UAC3C,KAA6B,EAC7B,GAAsB;IAEtB,QAAQ,CAAA,GAAA,yCAAe,EAAE;IACzB,QAAQ,CAAA,GAAA,yCAAW,EAAE;IAErB,IAAI,WAAW,CAAA,GAAA,aAAK,EAAoB;IACxC,IAAI,SAAS,CAAA,GAAA,mBAAW,EAAE,OAAO;IAEjC,IAAI,YAAY,CAAA,GAAA,aAAK,EAAE;IACvB,CAAA,GAAA,gBAAQ,EAAE;QACR,IAAI,MAAM,WAAW,IAAI,CAAC,UAAU,OAAO,IAAI,QAAQ,GAAG,CAAC,QAAQ,KAAK,cAAc;YACpF,QAAQ,IAAI,CACV;YAEF,UAAU,OAAO,GAAG;QACtB;IACF,GAAG;QAAC,MAAM,WAAW;KAAC;IAEtB,qBAAO,gCAAC,CAAA,GAAA,yCAAY;QAAG,GAAG,KAAK;QAAG,GAAG,MAAM;QAAE,KAAK;QAAK,UAAU;;AACnE","sources":["packages/@adobe/react-spectrum/src/textfield/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\nimport {AriaTextFieldProps, useTextField} from 'react-aria/useTextField';\nimport {\n  FocusableRefValue,\n  SpectrumFieldValidation,\n  SpectrumLabelableProps,\n  SpectrumTextInputBase,\n  StyleProps\n} from '@react-types/shared';\nimport React, {forwardRef, ReactElement, Ref, useEffect, useRef} from 'react';\nimport {TextFieldBase} from './TextFieldBase';\nimport {useFormProps} from '../form/Form';\nimport {useProviderProps} from '../provider/Provider';\n\nexport interface SpectrumTextFieldProps\n  extends\n    SpectrumTextInputBase,\n    Omit<AriaTextFieldProps, 'isInvalid' | 'validationState'>,\n    SpectrumFieldValidation<string>,\n    SpectrumLabelableProps,\n    StyleProps {\n  /** An icon to display at the start of the input. */\n  icon?: ReactElement | null;\n  /** Whether the input should be displayed with a quiet style. */\n  isQuiet?: boolean;\n}\n\nexport interface TextFieldRef<\n  T extends HTMLInputElement | HTMLTextAreaElement = HTMLInputElement\n> extends FocusableRefValue<T, HTMLDivElement> {\n  select(): void;\n  getInputElement(): T | null;\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 */\nexport const TextField = forwardRef(function TextField(\n  props: SpectrumTextFieldProps,\n  ref: Ref<TextFieldRef>\n) {\n  props = useProviderProps(props);\n  props = useFormProps(props);\n\n  let inputRef = useRef<HTMLInputElement>(null);\n  let result = useTextField(props, inputRef);\n\n  let hasWarned = useRef(false);\n  useEffect(() => {\n    if (props.placeholder && !hasWarned.current && process.env.NODE_ENV !== 'production') {\n      console.warn(\n        'Placeholders are deprecated due to accessibility issues. Please use help text instead. See the docs for details: https://react-spectrum.adobe.com/react-spectrum/TextField.html#help-text'\n      );\n      hasWarned.current = true;\n    }\n  }, [props.placeholder]);\n\n  return <TextFieldBase {...props} {...result} ref={ref} inputRef={inputRef} />;\n});\n"],"names":[],"version":3,"file":"TextField.mjs.map"}
+{"mappings":";;;;;;AAAA;;;;;;;;;;CAUC;;;;;AAwCM,MAAM,0DAAY,CAAA,GAAA,iBAAS,EAAE,SAAS,UAC3C,KAA6B,EAC7B,GAAsB;IAEtB,gDAAgD;IAChD,QAAQ,CAAA,GAAA,yCAAe,EAAE;IACzB,QAAQ,CAAA,GAAA,yCAAW,EAAE;IAErB,IAAI,WAAW,CAAA,GAAA,aAAK,EAAoB;IACxC,IAAI,SAAS,CAAA,GAAA,mBAAW,EAAE,OAAO;IAEjC,IAAI,YAAY,CAAA,GAAA,aAAK,EAAE;IACvB,CAAA,GAAA,gBAAQ,EAAE;QACR,IAAI,MAAM,WAAW,IAAI,CAAC,UAAU,OAAO,IAAI,QAAQ,GAAG,CAAC,QAAQ,KAAK,cAAc;YACpF,QAAQ,IAAI,CACV;YAEF,UAAU,OAAO,GAAG;QACtB;IACF,GAAG;QAAC,MAAM,WAAW;KAAC;IAEtB,qBAAO,gCAAC,CAAA,GAAA,yCAAY;QAAG,GAAG,KAAK;QAAG,GAAG,MAAM;QAAE,KAAK;QAAK,UAAU;;AACnE","sources":["packages/@adobe/react-spectrum/src/textfield/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\nimport {AriaTextFieldProps, useTextField} from 'react-aria/useTextField';\nimport {\n  FocusableRefValue,\n  SpectrumFieldValidation,\n  SpectrumLabelableProps,\n  SpectrumTextInputBase,\n  StyleProps\n} from '@react-types/shared';\nimport React, {forwardRef, ReactElement, Ref, useEffect, useRef} from 'react';\nimport {TextFieldBase} from './TextFieldBase';\nimport {useFormProps} from '../form/Form';\nimport {useProviderProps} from '../provider/Provider';\n\nexport interface SpectrumTextFieldProps\n  extends\n    SpectrumTextInputBase,\n    Omit<AriaTextFieldProps, 'isInvalid' | 'validationState'>,\n    SpectrumFieldValidation<string>,\n    SpectrumLabelableProps,\n    StyleProps {\n  /** An icon to display at the start of the input. */\n  icon?: ReactElement | null;\n  /** Whether the input should be displayed with a quiet style. */\n  isQuiet?: boolean;\n}\n\nexport interface TextFieldRef<\n  T extends HTMLInputElement | HTMLTextAreaElement = HTMLInputElement\n> extends FocusableRefValue<T, HTMLDivElement> {\n  select(): void;\n  getInputElement(): T | null;\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 */\nexport const TextField = forwardRef(function TextField(\n  props: SpectrumTextFieldProps,\n  ref: Ref<TextFieldRef>\n) {\n  // oxlint-disable-next-line react/react-compiler\n  props = useProviderProps(props);\n  props = useFormProps(props);\n\n  let inputRef = useRef<HTMLInputElement>(null);\n  let result = useTextField(props, inputRef);\n\n  let hasWarned = useRef(false);\n  useEffect(() => {\n    if (props.placeholder && !hasWarned.current && process.env.NODE_ENV !== 'production') {\n      console.warn(\n        'Placeholders are deprecated due to accessibility issues. Please use help text instead. See the docs for details: https://react-spectrum.adobe.com/react-spectrum/TextField.html#help-text'\n      );\n      hasWarned.current = true;\n    }\n  }, [props.placeholder]);\n\n  return <TextFieldBase {...props} {...result} ref={ref} inputRef={inputRef} />;\n});\n"],"names":[],"version":3,"file":"TextField.mjs.map"}

package/dist/private/textfield/TextFieldBase.cjs

@@ -85,7 +85,8 @@ const $827dbb466e199966$export$d22444a338b6e3c2 = /*#__PURE__*/ (0, $jxKwg$react
     });
     // Add validation icon IDREF to aria-describedby when validationState is valid
     let inputPropsAriaDescribedBy = inputProps['aria-describedby'];
-    if (!isInvalid && validationState === 'valid' && !isLoading && !isDisabled && (!inputPropsAriaDescribedBy || !inputPropsAriaDescribedBy.includes(validId))) inputProps['aria-describedby'] = [
+    if (!isInvalid && validationState === 'valid' && !isLoading && !isDisabled && (!inputPropsAriaDescribedBy || !inputPropsAriaDescribedBy.includes(validId))) // oxlint-disable-next-line react/react-compiler
+    inputProps['aria-describedby'] = [
         inputPropsAriaDescribedBy,
         validId
     ].join(' ').trim();

package/dist/private/textfield/TextFieldBase.cjs.map

@@ -1 +1 @@
-{"mappings":"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","sources":["packages/@adobe/react-spectrum/src/textfield/TextFieldBase.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\nimport AlertMedium from '@spectrum-icons/ui/AlertMedium';\nimport CheckmarkMedium from '@spectrum-icons/ui/CheckmarkMedium';\nimport {classNames} from '../utils/classNames';\nimport {createFocusableRef} from '../utils/useDOMRef';\nimport {Field} from '../label/Field';\nimport intlMessages from '../../intl/textfield/*.json';\nimport {mergeProps} from 'react-aria/mergeProps';\nimport {PressEvents, RefObject, ValidationResult} from '@react-types/shared';\nimport React, {\n  cloneElement,\n  forwardRef,\n  HTMLAttributes,\n  InputHTMLAttributes,\n  LabelHTMLAttributes,\n  ReactElement,\n  Ref,\n  TextareaHTMLAttributes,\n  useImperativeHandle,\n  useRef\n} from 'react';\nimport {SpectrumTextFieldProps, TextFieldRef} from './TextField';\nimport styles from '@adobe/spectrum-css-temp/components/textfield/vars.css';\nimport {useFocusRing} from 'react-aria/useFocusRing';\nimport {useHover} from 'react-aria/useHover';\nimport {useId} from 'react-aria/useId';\nimport {useLocalizedStringFormatter} from 'react-aria/useLocalizedStringFormatter';\n\ninterface TextFieldBaseProps\n  extends\n    Omit<SpectrumTextFieldProps, 'onChange' | 'validate'>,\n    PressEvents,\n    Partial<ValidationResult> {\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 | null>;\n  loadingIndicator?: ReactElement;\n  isLoading?: boolean;\n  disableFocusRing?: boolean;\n}\n\nexport const TextFieldBase = forwardRef(function TextFieldBase(\n  props: TextFieldBaseProps,\n  ref: Ref<TextFieldRef<HTMLInputElement | HTMLTextAreaElement>>\n) {\n  let {\n    validationState = props.isInvalid ? 'invalid' : null,\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: userInputRef,\n    isLoading,\n    loadingIndicator,\n    validationIconClassName,\n    disableFocusRing\n  } = props;\n  let {hoverProps, isHovered} = useHover({isDisabled});\n  let domRef = useRef<HTMLDivElement>(null);\n  let defaultInputRef = useRef<HTMLInputElement | HTMLTextAreaElement>(null);\n  let inputRef = userInputRef || 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' && !isDisabled;\n\n  if (icon) {\n    let UNSAFE_className = classNames(\n      styles,\n      icon.props && (icon.props as any).UNSAFE_className,\n      'spectrum-Textfield-icon'\n    );\n\n    icon = cloneElement(icon, {\n      UNSAFE_className,\n      size: 'S'\n    } as any);\n  }\n\n  let stringFormatter = useLocalizedStringFormatter(intlMessages, '@react-spectrum/textfield');\n  let validId = useId();\n  let validationIcon = isInvalid ? (\n    <AlertMedium />\n  ) : (\n    <CheckmarkMedium id={validId} aria-hidden aria-label={stringFormatter.format('valid')} />\n  );\n  let validation = cloneElement(validationIcon, {\n    UNSAFE_className: classNames(\n      styles,\n      'spectrum-Textfield-validationIcon',\n      validationIconClassName\n    )\n  });\n\n  // Add validation icon IDREF to aria-describedby when validationState is valid\n  let inputPropsAriaDescribedBy = inputProps['aria-describedby'];\n  if (\n    !isInvalid &&\n    validationState === 'valid' &&\n    !isLoading &&\n    !isDisabled &&\n    (!inputPropsAriaDescribedBy || !inputPropsAriaDescribedBy.includes(validId))\n  ) {\n    inputProps['aria-describedby'] = [inputPropsAriaDescribedBy, validId].join(' ').trim();\n  }\n\n  let {focusProps, isFocusVisible} = useFocusRing({\n    isTextInput: true,\n    autoFocus\n  });\n\n  let textField = (\n    <div\n      className={classNames(styles, 'spectrum-Textfield', {\n        'spectrum-Textfield--invalid': isInvalid,\n        'spectrum-Textfield--valid': validationState === 'valid' && !isDisabled,\n        'spectrum-Textfield--loadable': loadingIndicator,\n        'spectrum-Textfield--quiet': isQuiet,\n        'spectrum-Textfield--multiline': multiLine,\n        'focus-ring': !disableFocusRing && isFocusVisible\n      })}>\n      <ElementType\n        {...mergeProps(inputProps, hoverProps, focusProps)}\n        ref={inputRef as any}\n        rows={multiLine ? 1 : undefined}\n        className={classNames(\n          styles,\n          'spectrum-Textfield-input',\n          {\n            'spectrum-Textfield-inputIcon': icon,\n            'is-hovered': isHovered\n          },\n          inputClassName\n        )}\n      />\n      {icon}\n      {validationState && !isLoading && !isDisabled ? validation : null}\n      {isLoading && loadingIndicator}\n      {wrapperChildren}\n    </div>\n  );\n\n  return (\n    <Field\n      {...props}\n      labelProps={labelProps}\n      descriptionProps={descriptionProps}\n      errorMessageProps={errorMessageProps}\n      wrapperClassName={classNames(styles, 'spectrum-Textfield-wrapper', {\n        'spectrum-Textfield-wrapper--quiet': isQuiet\n      })}\n      showErrorIcon={false}\n      ref={domRef}>\n      {textField}\n    </Field>\n  );\n});\n"],"names":[],"version":3,"file":"TextFieldBase.cjs.map"}
+{"mappings":"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","sources":["packages/@adobe/react-spectrum/src/textfield/TextFieldBase.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\nimport AlertMedium from '@spectrum-icons/ui/AlertMedium';\nimport CheckmarkMedium from '@spectrum-icons/ui/CheckmarkMedium';\nimport {classNames} from '../utils/classNames';\nimport {createFocusableRef} from '../utils/useDOMRef';\nimport {Field} from '../label/Field';\nimport intlMessages from '../../intl/textfield/*.json';\nimport {mergeProps} from 'react-aria/mergeProps';\nimport {PressEvents, RefObject, ValidationResult} from '@react-types/shared';\nimport React, {\n  cloneElement,\n  forwardRef,\n  HTMLAttributes,\n  InputHTMLAttributes,\n  LabelHTMLAttributes,\n  ReactElement,\n  Ref,\n  TextareaHTMLAttributes,\n  useImperativeHandle,\n  useRef\n} from 'react';\nimport {SpectrumTextFieldProps, TextFieldRef} from './TextField';\nimport styles from '@adobe/spectrum-css-temp/components/textfield/vars.css';\nimport {useFocusRing} from 'react-aria/useFocusRing';\nimport {useHover} from 'react-aria/useHover';\nimport {useId} from 'react-aria/useId';\nimport {useLocalizedStringFormatter} from 'react-aria/useLocalizedStringFormatter';\n\ninterface TextFieldBaseProps\n  extends\n    Omit<SpectrumTextFieldProps, 'onChange' | 'validate'>,\n    PressEvents,\n    Partial<ValidationResult> {\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 | null>;\n  loadingIndicator?: ReactElement;\n  isLoading?: boolean;\n  disableFocusRing?: boolean;\n}\n\nexport const TextFieldBase = forwardRef(function TextFieldBase(\n  props: TextFieldBaseProps,\n  ref: Ref<TextFieldRef<HTMLInputElement | HTMLTextAreaElement>>\n) {\n  let {\n    validationState = props.isInvalid ? 'invalid' : null,\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: userInputRef,\n    isLoading,\n    loadingIndicator,\n    validationIconClassName,\n    disableFocusRing\n  } = props;\n  let {hoverProps, isHovered} = useHover({isDisabled});\n  let domRef = useRef<HTMLDivElement>(null);\n  let defaultInputRef = useRef<HTMLInputElement | HTMLTextAreaElement>(null);\n  let inputRef = userInputRef || 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' && !isDisabled;\n\n  if (icon) {\n    let UNSAFE_className = classNames(\n      styles,\n      icon.props && (icon.props as any).UNSAFE_className,\n      'spectrum-Textfield-icon'\n    );\n\n    icon = cloneElement(icon, {\n      UNSAFE_className,\n      size: 'S'\n    } as any);\n  }\n\n  let stringFormatter = useLocalizedStringFormatter(intlMessages, '@react-spectrum/textfield');\n  let validId = useId();\n  let validationIcon = isInvalid ? (\n    <AlertMedium />\n  ) : (\n    <CheckmarkMedium id={validId} aria-hidden aria-label={stringFormatter.format('valid')} />\n  );\n  let validation = cloneElement(validationIcon, {\n    UNSAFE_className: classNames(\n      styles,\n      'spectrum-Textfield-validationIcon',\n      validationIconClassName\n    )\n  });\n\n  // Add validation icon IDREF to aria-describedby when validationState is valid\n  let inputPropsAriaDescribedBy = inputProps['aria-describedby'];\n  if (\n    !isInvalid &&\n    validationState === 'valid' &&\n    !isLoading &&\n    !isDisabled &&\n    (!inputPropsAriaDescribedBy || !inputPropsAriaDescribedBy.includes(validId))\n  ) {\n    // oxlint-disable-next-line react/react-compiler\n    inputProps['aria-describedby'] = [inputPropsAriaDescribedBy, validId].join(' ').trim();\n  }\n\n  let {focusProps, isFocusVisible} = useFocusRing({\n    isTextInput: true,\n    autoFocus\n  });\n\n  let textField = (\n    <div\n      className={classNames(styles, 'spectrum-Textfield', {\n        'spectrum-Textfield--invalid': isInvalid,\n        'spectrum-Textfield--valid': validationState === 'valid' && !isDisabled,\n        'spectrum-Textfield--loadable': loadingIndicator,\n        'spectrum-Textfield--quiet': isQuiet,\n        'spectrum-Textfield--multiline': multiLine,\n        'focus-ring': !disableFocusRing && isFocusVisible\n      })}>\n      <ElementType\n        {...mergeProps(inputProps, hoverProps, focusProps)}\n        ref={inputRef as any}\n        rows={multiLine ? 1 : undefined}\n        className={classNames(\n          styles,\n          'spectrum-Textfield-input',\n          {\n            'spectrum-Textfield-inputIcon': icon,\n            'is-hovered': isHovered\n          },\n          inputClassName\n        )}\n      />\n      {icon}\n      {validationState && !isLoading && !isDisabled ? validation : null}\n      {isLoading && loadingIndicator}\n      {wrapperChildren}\n    </div>\n  );\n\n  return (\n    <Field\n      {...props}\n      labelProps={labelProps}\n      descriptionProps={descriptionProps}\n      errorMessageProps={errorMessageProps}\n      wrapperClassName={classNames(styles, 'spectrum-Textfield-wrapper', {\n        'spectrum-Textfield-wrapper--quiet': isQuiet\n      })}\n      showErrorIcon={false}\n      ref={domRef}>\n      {textField}\n    </Field>\n  );\n});\n"],"names":[],"version":3,"file":"TextFieldBase.cjs.map"}

package/dist/private/textfield/TextFieldBase.js

@@ -79,7 +79,8 @@ const $1f88830e88ee8f61$export$d22444a338b6e3c2 = /*#__PURE__*/ (0, $id7wL$forwa
     });
     // Add validation icon IDREF to aria-describedby when validationState is valid
     let inputPropsAriaDescribedBy = inputProps['aria-describedby'];
-    if (!isInvalid && validationState === 'valid' && !isLoading && !isDisabled && (!inputPropsAriaDescribedBy || !inputPropsAriaDescribedBy.includes(validId))) inputProps['aria-describedby'] = [
+    if (!isInvalid && validationState === 'valid' && !isLoading && !isDisabled && (!inputPropsAriaDescribedBy || !inputPropsAriaDescribedBy.includes(validId))) // oxlint-disable-next-line react/react-compiler
+    inputProps['aria-describedby'] = [
         inputPropsAriaDescribedBy,
         validId
     ].join(' ').trim();

package/dist/private/textfield/TextFieldBase.js.map

@@ -1 +1 @@
-{"mappings":"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","sources":["packages/@adobe/react-spectrum/src/textfield/TextFieldBase.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\nimport AlertMedium from '@spectrum-icons/ui/AlertMedium';\nimport CheckmarkMedium from '@spectrum-icons/ui/CheckmarkMedium';\nimport {classNames} from '../utils/classNames';\nimport {createFocusableRef} from '../utils/useDOMRef';\nimport {Field} from '../label/Field';\nimport intlMessages from '../../intl/textfield/*.json';\nimport {mergeProps} from 'react-aria/mergeProps';\nimport {PressEvents, RefObject, ValidationResult} from '@react-types/shared';\nimport React, {\n  cloneElement,\n  forwardRef,\n  HTMLAttributes,\n  InputHTMLAttributes,\n  LabelHTMLAttributes,\n  ReactElement,\n  Ref,\n  TextareaHTMLAttributes,\n  useImperativeHandle,\n  useRef\n} from 'react';\nimport {SpectrumTextFieldProps, TextFieldRef} from './TextField';\nimport styles from '@adobe/spectrum-css-temp/components/textfield/vars.css';\nimport {useFocusRing} from 'react-aria/useFocusRing';\nimport {useHover} from 'react-aria/useHover';\nimport {useId} from 'react-aria/useId';\nimport {useLocalizedStringFormatter} from 'react-aria/useLocalizedStringFormatter';\n\ninterface TextFieldBaseProps\n  extends\n    Omit<SpectrumTextFieldProps, 'onChange' | 'validate'>,\n    PressEvents,\n    Partial<ValidationResult> {\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 | null>;\n  loadingIndicator?: ReactElement;\n  isLoading?: boolean;\n  disableFocusRing?: boolean;\n}\n\nexport const TextFieldBase = forwardRef(function TextFieldBase(\n  props: TextFieldBaseProps,\n  ref: Ref<TextFieldRef<HTMLInputElement | HTMLTextAreaElement>>\n) {\n  let {\n    validationState = props.isInvalid ? 'invalid' : null,\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: userInputRef,\n    isLoading,\n    loadingIndicator,\n    validationIconClassName,\n    disableFocusRing\n  } = props;\n  let {hoverProps, isHovered} = useHover({isDisabled});\n  let domRef = useRef<HTMLDivElement>(null);\n  let defaultInputRef = useRef<HTMLInputElement | HTMLTextAreaElement>(null);\n  let inputRef = userInputRef || 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' && !isDisabled;\n\n  if (icon) {\n    let UNSAFE_className = classNames(\n      styles,\n      icon.props && (icon.props as any).UNSAFE_className,\n      'spectrum-Textfield-icon'\n    );\n\n    icon = cloneElement(icon, {\n      UNSAFE_className,\n      size: 'S'\n    } as any);\n  }\n\n  let stringFormatter = useLocalizedStringFormatter(intlMessages, '@react-spectrum/textfield');\n  let validId = useId();\n  let validationIcon = isInvalid ? (\n    <AlertMedium />\n  ) : (\n    <CheckmarkMedium id={validId} aria-hidden aria-label={stringFormatter.format('valid')} />\n  );\n  let validation = cloneElement(validationIcon, {\n    UNSAFE_className: classNames(\n      styles,\n      'spectrum-Textfield-validationIcon',\n      validationIconClassName\n    )\n  });\n\n  // Add validation icon IDREF to aria-describedby when validationState is valid\n  let inputPropsAriaDescribedBy = inputProps['aria-describedby'];\n  if (\n    !isInvalid &&\n    validationState === 'valid' &&\n    !isLoading &&\n    !isDisabled &&\n    (!inputPropsAriaDescribedBy || !inputPropsAriaDescribedBy.includes(validId))\n  ) {\n    inputProps['aria-describedby'] = [inputPropsAriaDescribedBy, validId].join(' ').trim();\n  }\n\n  let {focusProps, isFocusVisible} = useFocusRing({\n    isTextInput: true,\n    autoFocus\n  });\n\n  let textField = (\n    <div\n      className={classNames(styles, 'spectrum-Textfield', {\n        'spectrum-Textfield--invalid': isInvalid,\n        'spectrum-Textfield--valid': validationState === 'valid' && !isDisabled,\n        'spectrum-Textfield--loadable': loadingIndicator,\n        'spectrum-Textfield--quiet': isQuiet,\n        'spectrum-Textfield--multiline': multiLine,\n        'focus-ring': !disableFocusRing && isFocusVisible\n      })}>\n      <ElementType\n        {...mergeProps(inputProps, hoverProps, focusProps)}\n        ref={inputRef as any}\n        rows={multiLine ? 1 : undefined}\n        className={classNames(\n          styles,\n          'spectrum-Textfield-input',\n          {\n            'spectrum-Textfield-inputIcon': icon,\n            'is-hovered': isHovered\n          },\n          inputClassName\n        )}\n      />\n      {icon}\n      {validationState && !isLoading && !isDisabled ? validation : null}\n      {isLoading && loadingIndicator}\n      {wrapperChildren}\n    </div>\n  );\n\n  return (\n    <Field\n      {...props}\n      labelProps={labelProps}\n      descriptionProps={descriptionProps}\n      errorMessageProps={errorMessageProps}\n      wrapperClassName={classNames(styles, 'spectrum-Textfield-wrapper', {\n        'spectrum-Textfield-wrapper--quiet': isQuiet\n      })}\n      showErrorIcon={false}\n      ref={domRef}>\n      {textField}\n    </Field>\n  );\n});\n"],"names":[],"version":3,"file":"TextFieldBase.js.map"}
+{"mappings":"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","sources":["packages/@adobe/react-spectrum/src/textfield/TextFieldBase.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\nimport AlertMedium from '@spectrum-icons/ui/AlertMedium';\nimport CheckmarkMedium from '@spectrum-icons/ui/CheckmarkMedium';\nimport {classNames} from '../utils/classNames';\nimport {createFocusableRef} from '../utils/useDOMRef';\nimport {Field} from '../label/Field';\nimport intlMessages from '../../intl/textfield/*.json';\nimport {mergeProps} from 'react-aria/mergeProps';\nimport {PressEvents, RefObject, ValidationResult} from '@react-types/shared';\nimport React, {\n  cloneElement,\n  forwardRef,\n  HTMLAttributes,\n  InputHTMLAttributes,\n  LabelHTMLAttributes,\n  ReactElement,\n  Ref,\n  TextareaHTMLAttributes,\n  useImperativeHandle,\n  useRef\n} from 'react';\nimport {SpectrumTextFieldProps, TextFieldRef} from './TextField';\nimport styles from '@adobe/spectrum-css-temp/components/textfield/vars.css';\nimport {useFocusRing} from 'react-aria/useFocusRing';\nimport {useHover} from 'react-aria/useHover';\nimport {useId} from 'react-aria/useId';\nimport {useLocalizedStringFormatter} from 'react-aria/useLocalizedStringFormatter';\n\ninterface TextFieldBaseProps\n  extends\n    Omit<SpectrumTextFieldProps, 'onChange' | 'validate'>,\n    PressEvents,\n    Partial<ValidationResult> {\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 | null>;\n  loadingIndicator?: ReactElement;\n  isLoading?: boolean;\n  disableFocusRing?: boolean;\n}\n\nexport const TextFieldBase = forwardRef(function TextFieldBase(\n  props: TextFieldBaseProps,\n  ref: Ref<TextFieldRef<HTMLInputElement | HTMLTextAreaElement>>\n) {\n  let {\n    validationState = props.isInvalid ? 'invalid' : null,\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: userInputRef,\n    isLoading,\n    loadingIndicator,\n    validationIconClassName,\n    disableFocusRing\n  } = props;\n  let {hoverProps, isHovered} = useHover({isDisabled});\n  let domRef = useRef<HTMLDivElement>(null);\n  let defaultInputRef = useRef<HTMLInputElement | HTMLTextAreaElement>(null);\n  let inputRef = userInputRef || 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' && !isDisabled;\n\n  if (icon) {\n    let UNSAFE_className = classNames(\n      styles,\n      icon.props && (icon.props as any).UNSAFE_className,\n      'spectrum-Textfield-icon'\n    );\n\n    icon = cloneElement(icon, {\n      UNSAFE_className,\n      size: 'S'\n    } as any);\n  }\n\n  let stringFormatter = useLocalizedStringFormatter(intlMessages, '@react-spectrum/textfield');\n  let validId = useId();\n  let validationIcon = isInvalid ? (\n    <AlertMedium />\n  ) : (\n    <CheckmarkMedium id={validId} aria-hidden aria-label={stringFormatter.format('valid')} />\n  );\n  let validation = cloneElement(validationIcon, {\n    UNSAFE_className: classNames(\n      styles,\n      'spectrum-Textfield-validationIcon',\n      validationIconClassName\n    )\n  });\n\n  // Add validation icon IDREF to aria-describedby when validationState is valid\n  let inputPropsAriaDescribedBy = inputProps['aria-describedby'];\n  if (\n    !isInvalid &&\n    validationState === 'valid' &&\n    !isLoading &&\n    !isDisabled &&\n    (!inputPropsAriaDescribedBy || !inputPropsAriaDescribedBy.includes(validId))\n  ) {\n    // oxlint-disable-next-line react/react-compiler\n    inputProps['aria-describedby'] = [inputPropsAriaDescribedBy, validId].join(' ').trim();\n  }\n\n  let {focusProps, isFocusVisible} = useFocusRing({\n    isTextInput: true,\n    autoFocus\n  });\n\n  let textField = (\n    <div\n      className={classNames(styles, 'spectrum-Textfield', {\n        'spectrum-Textfield--invalid': isInvalid,\n        'spectrum-Textfield--valid': validationState === 'valid' && !isDisabled,\n        'spectrum-Textfield--loadable': loadingIndicator,\n        'spectrum-Textfield--quiet': isQuiet,\n        'spectrum-Textfield--multiline': multiLine,\n        'focus-ring': !disableFocusRing && isFocusVisible\n      })}>\n      <ElementType\n        {...mergeProps(inputProps, hoverProps, focusProps)}\n        ref={inputRef as any}\n        rows={multiLine ? 1 : undefined}\n        className={classNames(\n          styles,\n          'spectrum-Textfield-input',\n          {\n            'spectrum-Textfield-inputIcon': icon,\n            'is-hovered': isHovered\n          },\n          inputClassName\n        )}\n      />\n      {icon}\n      {validationState && !isLoading && !isDisabled ? validation : null}\n      {isLoading && loadingIndicator}\n      {wrapperChildren}\n    </div>\n  );\n\n  return (\n    <Field\n      {...props}\n      labelProps={labelProps}\n      descriptionProps={descriptionProps}\n      errorMessageProps={errorMessageProps}\n      wrapperClassName={classNames(styles, 'spectrum-Textfield-wrapper', {\n        'spectrum-Textfield-wrapper--quiet': isQuiet\n      })}\n      showErrorIcon={false}\n      ref={domRef}>\n      {textField}\n    </Field>\n  );\n});\n"],"names":[],"version":3,"file":"TextFieldBase.js.map"}