@adobe/react-spectrum 3.47.2 → 3.47.3

package/dist/private/list/ListViewItem.js.map

@@ -1 +1 @@
-{"mappings":"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","sources":["packages/@adobe/react-spectrum/src/list/ListViewItem.tsx"],"sourcesContent":["/*\n * Copyright 2021 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 */\nimport {Checkbox} from '../checkbox/Checkbox';\n\nimport ChevronLeftMedium from '@spectrum-icons/ui/ChevronLeftMedium';\nimport ChevronRightMedium from '@spectrum-icons/ui/ChevronRightMedium';\nimport {classNames} from '../utils/classNames';\nimport {ClearSlots, SlotProvider} from '../utils/Slots';\nimport {CSSTransition} from 'react-transition-group';\nimport type {DraggableItemResult} from 'react-aria/useDraggableCollection';\nimport type {DropIndicatorAria} from 'react-aria/useDroppableCollection';\nimport {DropTarget, Node} from '@react-types/shared';\nimport {FocusRing} from 'react-aria/FocusRing';\nimport {Grid} from '../layout/Grid';\nimport {isFocusVisible as isGlobalFocusVisible} from 'react-aria/private/interactions/useFocusVisible';\nimport ListGripper from '@spectrum-icons/ui/ListGripper';\nimport listStyles from './styles.css';\nimport {ListViewContext} from './ListView';\nimport {mergeProps} from 'react-aria/mergeProps';\nimport {Provider} from '../provider/Provider';\nimport React, {JSX, useContext, useRef} from 'react';\nimport {Text} from '../text/Text';\nimport {useButton} from 'react-aria/useButton';\nimport {useFocusRing} from 'react-aria/useFocusRing';\nimport {useGridListItem, useGridListSelectionCheckbox} from 'react-aria/useGridList';\nimport {useHasChild} from '../utils/useHasChild';\nimport {useHover} from 'react-aria/useHover';\nimport {useLocale} from 'react-aria/I18nProvider';\nimport {useVisuallyHidden} from 'react-aria/VisuallyHidden';\n\ninterface ListViewItemProps<T> {\n  item: Node<T>;\n  isEmphasized: boolean;\n  hasActions: boolean;\n}\n\nexport function ListViewItem<T>(props: ListViewItemProps<T>): JSX.Element {\n  let {item, isEmphasized} = props;\n  let {\n    state,\n    dragState,\n    dropState,\n    isListDraggable,\n    isListDroppable,\n    layout,\n    dragAndDropHooks,\n    loadingState\n  } = useContext(ListViewContext)!;\n  let {direction} = useLocale();\n  let rowRef = useRef<HTMLDivElement | null>(null);\n  let checkboxWrapperRef = useRef<HTMLDivElement | null>(null);\n  let {isFocusVisible: isFocusVisibleWithin, focusProps: focusWithinProps} = useFocusRing({\n    within: true\n  });\n  let {isFocusVisible, focusProps} = useFocusRing();\n  let {\n    rowProps,\n    gridCellProps,\n    isPressed,\n    descriptionProps,\n    isSelected,\n    isDisabled,\n    allowsSelection,\n    hasAction\n  } = useGridListItem(\n    {\n      node: item,\n      isVirtualized: true,\n      shouldSelectOnPressUp: isListDraggable\n    },\n    state,\n    rowRef\n  );\n  let {hoverProps, isHovered} = useHover({isDisabled: !allowsSelection && !hasAction});\n\n  let {checkboxProps} = useGridListSelectionCheckbox({key: item.key}, state);\n  let hasDescription = useHasChild(\n    `.${listStyles['react-spectrum-ListViewItem-description']}`,\n    rowRef\n  );\n\n  let draggableItem: DraggableItemResult | null = null;\n  if (isListDraggable && dragAndDropHooks && dragState) {\n    draggableItem = dragAndDropHooks.useDraggableItem!(\n      {key: item.key, hasDragButton: true},\n      dragState\n    );\n    if (isDisabled) {\n      draggableItem = null;\n    }\n  }\n  let isDropTarget = false;\n  let dropIndicator: DropIndicatorAria | null = null;\n  let dropIndicatorRef = useRef<HTMLDivElement | null>(null);\n  if (isListDroppable && dragAndDropHooks && dropState) {\n    let target = {type: 'item', key: item.key, dropPosition: 'on'} as DropTarget;\n    isDropTarget = dropState.isDropTarget(target);\n\n    dropIndicator = dragAndDropHooks.useDropIndicator!({target}, dropState, dropIndicatorRef);\n  }\n\n  let dragButtonRef = React.useRef<HTMLDivElement | null>(null);\n  let {buttonProps} = useButton(\n    {\n      ...draggableItem?.dragButtonProps,\n      elementType: 'div'\n    },\n    dragButtonRef\n  );\n\n  let chevron =\n    direction === 'ltr' ? (\n      <ChevronRightMedium\n        aria-hidden=\"true\"\n        UNSAFE_className={classNames(listStyles, 'react-spectrum-ListViewItem-parentIndicator', {\n          'react-spectrum-ListViewItem-parentIndicator--hasChildItems': item.props.hasChildItems,\n          'is-disabled': !hasAction\n        })}\n      />\n    ) : (\n      <ChevronLeftMedium\n        aria-hidden=\"true\"\n        UNSAFE_className={classNames(listStyles, 'react-spectrum-ListViewItem-parentIndicator', {\n          'react-spectrum-ListViewItem-parentIndicator--hasChildItems': item.props.hasChildItems,\n          'is-disabled': !hasAction\n        })}\n      />\n    );\n\n  let showCheckbox =\n    state.selectionManager.selectionMode !== 'none' &&\n    state.selectionManager.selectionBehavior === 'toggle';\n  let {visuallyHiddenProps} = useVisuallyHidden();\n\n  const mergedProps = mergeProps(\n    rowProps,\n    draggableItem?.dragProps,\n    hoverProps,\n    focusWithinProps,\n    focusProps\n  );\n\n  // Remove tab index from list row if performing a screenreader drag. This prevents TalkBack from focusing the row,\n  // allowing for single swipe navigation between row drop indicator\n  if (dragAndDropHooks?.isVirtualDragging?.()) {\n    mergedProps.tabIndex = undefined;\n  }\n\n  let isFirstRow = item.prevKey == null;\n  let isLastRow = item.nextKey == null;\n  // Figure out if the ListView content is equal or greater in height to the container. If so, we'll need to round the bottom\n  // border corners of the last row when selected and we can get rid of the bottom border if it isn't selected to avoid border overlap\n  // with bottom border\n  let isFlushWithContainerBottom = false;\n  if (isLastRow && loadingState !== 'loadingMore') {\n    if (layout.getContentSize()?.height >= (layout.virtualizer?.visibleRect.height ?? 0)) {\n      isFlushWithContainerBottom = true;\n    }\n  }\n  // previous item isn't selected\n  // and the previous item isn't focused or, if it is focused, then if focus globally isn't visible or just focus isn't in the listview\n  let roundTops =\n    !(item.prevKey != null && state.selectionManager.isSelected(item.prevKey)) &&\n    (state.selectionManager.focusedKey !== item.prevKey ||\n      !(isGlobalFocusVisible() && state.selectionManager.isFocused));\n  let roundBottoms =\n    !(item.nextKey != null && state.selectionManager.isSelected(item.nextKey)) &&\n    (state.selectionManager.focusedKey !== item.nextKey ||\n      !(isGlobalFocusVisible() && state.selectionManager.isFocused));\n\n  let content = typeof item.rendered === 'string' ? <Text>{item.rendered}</Text> : item.rendered;\n  if (isDisabled) {\n    content = <Provider isDisabled>{content}</Provider>;\n  }\n\n  return (\n    <div\n      {...mergedProps}\n      className={classNames(listStyles, 'react-spectrum-ListView-row', {\n        'focus-ring': isFocusVisible,\n        'round-tops':\n          roundTops || (isHovered && !isSelected && state.selectionManager.focusedKey !== item.key),\n        'round-bottoms':\n          roundBottoms ||\n          (isHovered && !isSelected && state.selectionManager.focusedKey !== item.key)\n      })}\n      ref={rowRef}>\n      <div\n        // TODO: refactor the css here now that we are focusing the row?\n        className={classNames(listStyles, 'react-spectrum-ListViewItem', {\n          'is-active': isPressed,\n          'is-focused': isFocusVisibleWithin,\n          'focus-ring': isFocusVisible,\n          'is-hovered': isHovered,\n          'is-selected': isSelected,\n          'is-disabled': isDisabled,\n          'is-prev-selected':\n            item.prevKey != null && state.selectionManager.isSelected(item.prevKey),\n          'is-next-selected':\n            item.nextKey != null && state.selectionManager.isSelected(item.nextKey),\n          'react-spectrum-ListViewItem--highlightSelection':\n            state.selectionManager.selectionBehavior === 'replace' &&\n            (isSelected ||\n              (item.nextKey != null && state.selectionManager.isSelected(item.nextKey))),\n          'react-spectrum-ListViewItem--dropTarget': !!isDropTarget,\n          'react-spectrum-ListViewItem--firstRow': isFirstRow,\n          'react-spectrum-ListViewItem--lastRow': isLastRow,\n          'react-spectrum-ListViewItem--isFlushBottom': isFlushWithContainerBottom,\n          'react-spectrum-ListViewItem--hasDescription': hasDescription\n        })}\n        {...gridCellProps}>\n        <Grid UNSAFE_className={listStyles['react-spectrum-ListViewItem-grid']}>\n          {isListDraggable && (\n            <div className={listStyles['react-spectrum-ListViewItem-draghandle-container']}>\n              {!isDisabled && (\n                <FocusRing focusRingClass={classNames(listStyles, 'focus-ring')}>\n                  <div\n                    {...(buttonProps as React.HTMLAttributes<HTMLElement>)}\n                    className={classNames(\n                      listStyles,\n                      'react-spectrum-ListViewItem-draghandle-button'\n                    )}\n                    style={!isFocusVisibleWithin ? {...visuallyHiddenProps.style} : {}}\n                    ref={dragButtonRef}\n                    draggable=\"true\">\n                    <ListGripper />\n                  </div>\n                </FocusRing>\n              )}\n            </div>\n          )}\n          {isListDroppable && !dropIndicator?.isHidden && (\n            <div\n              role=\"button\"\n              {...visuallyHiddenProps}\n              {...dropIndicator?.dropIndicatorProps}\n              ref={dropIndicatorRef}\n            />\n          )}\n          <CSSTransition\n            in={showCheckbox}\n            unmountOnExit\n            classNames={{\n              enter: listStyles['react-spectrum-ListViewItem-checkbox--enter'],\n              enterActive: listStyles['react-spectrum-ListViewItem-checkbox--enterActive'],\n              exit: listStyles['react-spectrum-ListViewItem-checkbox--exit'],\n              exitActive: listStyles['react-spectrum-ListViewItem-checkbox--exitActive']\n            }}\n            timeout={160}\n            nodeRef={checkboxWrapperRef}>\n            <div\n              ref={checkboxWrapperRef}\n              className={listStyles['react-spectrum-ListViewItem-checkboxWrapper']}>\n              <Checkbox\n                {...checkboxProps}\n                UNSAFE_className={listStyles['react-spectrum-ListViewItem-checkbox']}\n                isEmphasized={isEmphasized}\n              />\n            </div>\n          </CSSTransition>\n          <SlotProvider\n            slots={{\n              text: {UNSAFE_className: listStyles['react-spectrum-ListViewItem-content']},\n              description: {\n                UNSAFE_className: listStyles['react-spectrum-ListViewItem-description'],\n                ...descriptionProps\n              },\n              illustration: {UNSAFE_className: listStyles['react-spectrum-ListViewItem-thumbnail']},\n              image: {UNSAFE_className: listStyles['react-spectrum-ListViewItem-thumbnail']},\n              actionButton: {\n                UNSAFE_className: listStyles['react-spectrum-ListViewItem-actions'],\n                isQuiet: true\n              },\n              actionGroup: {\n                UNSAFE_className: listStyles['react-spectrum-ListViewItem-actions'],\n                isQuiet: true,\n                density: 'compact'\n              },\n              actionMenu: {\n                UNSAFE_className: listStyles['react-spectrum-ListViewItem-actionmenu'],\n                isQuiet: true\n              }\n            }}>\n            {content}\n            <ClearSlots>{chevron}</ClearSlots>\n          </SlotProvider>\n        </Grid>\n      </div>\n    </div>\n  );\n}\n"],"names":[],"version":3,"file":"ListViewItem.js.map"}
+{"mappings":"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","sources":["packages/@adobe/react-spectrum/src/list/ListViewItem.tsx"],"sourcesContent":["/*\n * Copyright 2021 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 */\nimport {Checkbox} from '../checkbox/Checkbox';\n\nimport ChevronLeftMedium from '@spectrum-icons/ui/ChevronLeftMedium';\nimport ChevronRightMedium from '@spectrum-icons/ui/ChevronRightMedium';\nimport {classNames} from '../utils/classNames';\nimport {ClearSlots, SlotProvider} from '../utils/Slots';\nimport {CSSTransition} from 'react-transition-group';\nimport type {DraggableItemResult} from 'react-aria/useDraggableCollection';\nimport type {DropIndicatorAria} from 'react-aria/useDroppableCollection';\nimport {DropTarget, Node} from '@react-types/shared';\nimport {FocusRing} from 'react-aria/FocusRing';\nimport {Grid} from '../layout/Grid';\nimport {isFocusVisible as isGlobalFocusVisible} from 'react-aria/private/interactions/useFocusVisible';\nimport ListGripper from '@spectrum-icons/ui/ListGripper';\nimport listStyles from './styles.css';\nimport {ListViewContext} from './ListView';\nimport {mergeProps} from 'react-aria/mergeProps';\nimport {Provider} from '../provider/Provider';\nimport React, {JSX, useContext, useRef} from 'react';\nimport {Text} from '../text/Text';\nimport {useButton} from 'react-aria/useButton';\nimport {useFocusRing} from 'react-aria/useFocusRing';\nimport {useGridListItem, useGridListSelectionCheckbox} from 'react-aria/useGridList';\nimport {useHasChild} from '../utils/useHasChild';\nimport {useHover} from 'react-aria/useHover';\nimport {useLocale} from 'react-aria/I18nProvider';\nimport {useVisuallyHidden} from 'react-aria/VisuallyHidden';\n\ninterface ListViewItemProps<T> {\n  item: Node<T>;\n  isEmphasized: boolean;\n  hasActions: boolean;\n}\n\nexport function ListViewItem<T>(props: ListViewItemProps<T>): JSX.Element {\n  let {item, isEmphasized} = props;\n  let {\n    state,\n    dragState,\n    dropState,\n    isListDraggable,\n    isListDroppable,\n    layout,\n    dragAndDropHooks,\n    loadingState\n  } = useContext(ListViewContext)!;\n  let {direction} = useLocale();\n  let rowRef = useRef<HTMLDivElement | null>(null);\n  let checkboxWrapperRef = useRef<HTMLDivElement | null>(null);\n  let {isFocusVisible: isFocusVisibleWithin, focusProps: focusWithinProps} = useFocusRing({\n    within: true\n  });\n  let {isFocusVisible, focusProps} = useFocusRing();\n  let {\n    rowProps,\n    gridCellProps,\n    isPressed,\n    descriptionProps,\n    isSelected,\n    isDisabled,\n    allowsSelection,\n    hasAction\n  } = useGridListItem(\n    {\n      node: item,\n      isVirtualized: true,\n      shouldSelectOnPressUp: isListDraggable\n    },\n    state,\n    rowRef\n  );\n  let {hoverProps, isHovered} = useHover({isDisabled: !allowsSelection && !hasAction});\n\n  let {checkboxProps} = useGridListSelectionCheckbox({key: item.key}, state);\n  let hasDescription = useHasChild(\n    `.${listStyles['react-spectrum-ListViewItem-description']}`,\n    rowRef\n  );\n\n  let draggableItem: DraggableItemResult | null = null;\n  if (isListDraggable && dragAndDropHooks && dragState) {\n    // oxlint-disable-next-line react/react-compiler\n    draggableItem = dragAndDropHooks.useDraggableItem!(\n      {key: item.key, hasDragButton: true},\n      dragState\n    );\n    if (isDisabled) {\n      draggableItem = null;\n    }\n  }\n  let isDropTarget = false;\n  let dropIndicator: DropIndicatorAria | null = null;\n  let dropIndicatorRef = useRef<HTMLDivElement | null>(null);\n  if (isListDroppable && dragAndDropHooks && dropState) {\n    let target = {type: 'item', key: item.key, dropPosition: 'on'} as DropTarget;\n    isDropTarget = dropState.isDropTarget(target);\n\n    // oxlint-disable-next-line react/react-compiler\n    dropIndicator = dragAndDropHooks.useDropIndicator!({target}, dropState, dropIndicatorRef);\n  }\n\n  let dragButtonRef = React.useRef<HTMLDivElement | null>(null);\n  let {buttonProps} = useButton(\n    {\n      ...draggableItem?.dragButtonProps,\n      elementType: 'div'\n    },\n    dragButtonRef\n  );\n\n  let chevron =\n    direction === 'ltr' ? (\n      <ChevronRightMedium\n        aria-hidden=\"true\"\n        UNSAFE_className={classNames(listStyles, 'react-spectrum-ListViewItem-parentIndicator', {\n          'react-spectrum-ListViewItem-parentIndicator--hasChildItems': item.props.hasChildItems,\n          'is-disabled': !hasAction\n        })}\n      />\n    ) : (\n      <ChevronLeftMedium\n        aria-hidden=\"true\"\n        UNSAFE_className={classNames(listStyles, 'react-spectrum-ListViewItem-parentIndicator', {\n          'react-spectrum-ListViewItem-parentIndicator--hasChildItems': item.props.hasChildItems,\n          'is-disabled': !hasAction\n        })}\n      />\n    );\n\n  let showCheckbox =\n    state.selectionManager.selectionMode !== 'none' &&\n    state.selectionManager.selectionBehavior === 'toggle';\n  let {visuallyHiddenProps} = useVisuallyHidden();\n\n  const mergedProps = mergeProps(\n    rowProps,\n    draggableItem?.dragProps,\n    hoverProps,\n    focusWithinProps,\n    focusProps\n  );\n\n  // Remove tab index from list row if performing a screenreader drag. This prevents TalkBack from focusing the row,\n  // allowing for single swipe navigation between row drop indicator\n  if (dragAndDropHooks?.isVirtualDragging?.()) {\n    mergedProps.tabIndex = undefined;\n  }\n\n  let isFirstRow = item.prevKey == null;\n  let isLastRow = item.nextKey == null;\n  // Figure out if the ListView content is equal or greater in height to the container. If so, we'll need to round the bottom\n  // border corners of the last row when selected and we can get rid of the bottom border if it isn't selected to avoid border overlap\n  // with bottom border\n  let isFlushWithContainerBottom = false;\n  if (isLastRow && loadingState !== 'loadingMore') {\n    if (layout.getContentSize()?.height >= (layout.virtualizer?.visibleRect.height ?? 0)) {\n      isFlushWithContainerBottom = true;\n    }\n  }\n  // previous item isn't selected\n  // and the previous item isn't focused or, if it is focused, then if focus globally isn't visible or just focus isn't in the listview\n  let roundTops =\n    !(item.prevKey != null && state.selectionManager.isSelected(item.prevKey)) &&\n    (state.selectionManager.focusedKey !== item.prevKey ||\n      !(isGlobalFocusVisible() && state.selectionManager.isFocused));\n  let roundBottoms =\n    !(item.nextKey != null && state.selectionManager.isSelected(item.nextKey)) &&\n    (state.selectionManager.focusedKey !== item.nextKey ||\n      !(isGlobalFocusVisible() && state.selectionManager.isFocused));\n\n  let content = typeof item.rendered === 'string' ? <Text>{item.rendered}</Text> : item.rendered;\n  if (isDisabled) {\n    content = <Provider isDisabled>{content}</Provider>;\n  }\n\n  return (\n    <div\n      {...mergedProps}\n      className={classNames(listStyles, 'react-spectrum-ListView-row', {\n        'focus-ring': isFocusVisible,\n        'round-tops':\n          roundTops || (isHovered && !isSelected && state.selectionManager.focusedKey !== item.key),\n        'round-bottoms':\n          roundBottoms ||\n          (isHovered && !isSelected && state.selectionManager.focusedKey !== item.key)\n      })}\n      ref={rowRef}>\n      <div\n        // TODO: refactor the css here now that we are focusing the row?\n        className={classNames(listStyles, 'react-spectrum-ListViewItem', {\n          'is-active': isPressed,\n          'is-focused': isFocusVisibleWithin,\n          'focus-ring': isFocusVisible,\n          'is-hovered': isHovered,\n          'is-selected': isSelected,\n          'is-disabled': isDisabled,\n          'is-prev-selected':\n            item.prevKey != null && state.selectionManager.isSelected(item.prevKey),\n          'is-next-selected':\n            item.nextKey != null && state.selectionManager.isSelected(item.nextKey),\n          'react-spectrum-ListViewItem--highlightSelection':\n            state.selectionManager.selectionBehavior === 'replace' &&\n            (isSelected ||\n              (item.nextKey != null && state.selectionManager.isSelected(item.nextKey))),\n          'react-spectrum-ListViewItem--dropTarget': !!isDropTarget,\n          'react-spectrum-ListViewItem--firstRow': isFirstRow,\n          'react-spectrum-ListViewItem--lastRow': isLastRow,\n          'react-spectrum-ListViewItem--isFlushBottom': isFlushWithContainerBottom,\n          'react-spectrum-ListViewItem--hasDescription': hasDescription\n        })}\n        {...gridCellProps}>\n        <Grid UNSAFE_className={listStyles['react-spectrum-ListViewItem-grid']}>\n          {isListDraggable && (\n            <div className={listStyles['react-spectrum-ListViewItem-draghandle-container']}>\n              {!isDisabled && (\n                <FocusRing focusRingClass={classNames(listStyles, 'focus-ring')}>\n                  <div\n                    {...(buttonProps as React.HTMLAttributes<HTMLElement>)}\n                    className={classNames(\n                      listStyles,\n                      'react-spectrum-ListViewItem-draghandle-button'\n                    )}\n                    style={!isFocusVisibleWithin ? {...visuallyHiddenProps.style} : {}}\n                    ref={dragButtonRef}\n                    draggable=\"true\">\n                    <ListGripper />\n                  </div>\n                </FocusRing>\n              )}\n            </div>\n          )}\n          {isListDroppable && !dropIndicator?.isHidden && (\n            <div\n              role=\"button\"\n              {...visuallyHiddenProps}\n              {...dropIndicator?.dropIndicatorProps}\n              ref={dropIndicatorRef}\n            />\n          )}\n          <CSSTransition\n            in={showCheckbox}\n            unmountOnExit\n            classNames={{\n              enter: listStyles['react-spectrum-ListViewItem-checkbox--enter'],\n              enterActive: listStyles['react-spectrum-ListViewItem-checkbox--enterActive'],\n              exit: listStyles['react-spectrum-ListViewItem-checkbox--exit'],\n              exitActive: listStyles['react-spectrum-ListViewItem-checkbox--exitActive']\n            }}\n            timeout={160}\n            nodeRef={checkboxWrapperRef}>\n            <div\n              ref={checkboxWrapperRef}\n              className={listStyles['react-spectrum-ListViewItem-checkboxWrapper']}>\n              <Checkbox\n                {...checkboxProps}\n                UNSAFE_className={listStyles['react-spectrum-ListViewItem-checkbox']}\n                isEmphasized={isEmphasized}\n              />\n            </div>\n          </CSSTransition>\n          <SlotProvider\n            slots={{\n              text: {UNSAFE_className: listStyles['react-spectrum-ListViewItem-content']},\n              description: {\n                UNSAFE_className: listStyles['react-spectrum-ListViewItem-description'],\n                ...descriptionProps\n              },\n              illustration: {UNSAFE_className: listStyles['react-spectrum-ListViewItem-thumbnail']},\n              image: {UNSAFE_className: listStyles['react-spectrum-ListViewItem-thumbnail']},\n              actionButton: {\n                UNSAFE_className: listStyles['react-spectrum-ListViewItem-actions'],\n                isQuiet: true\n              },\n              actionGroup: {\n                UNSAFE_className: listStyles['react-spectrum-ListViewItem-actions'],\n                isQuiet: true,\n                density: 'compact'\n              },\n              actionMenu: {\n                UNSAFE_className: listStyles['react-spectrum-ListViewItem-actionmenu'],\n                isQuiet: true\n              }\n            }}>\n            {content}\n            <ClearSlots>{chevron}</ClearSlots>\n          </SlotProvider>\n        </Grid>\n      </div>\n    </div>\n  );\n}\n"],"names":[],"version":3,"file":"ListViewItem.js.map"}

package/dist/private/list/ListViewItem.mjs

@@ -84,6 +84,7 @@ function $ae690085abfeeeb8$export$c6bde0c04b033c0e(props) {
     let hasDescription = (0, $f57c7d8d50bdc255$export$e52e2242b6d0f1d4)(`.${(0, ($parcel$interopDefault($6MMFg$styles_cssmjs)))['react-spectrum-ListViewItem-description']}`, rowRef);
     let draggableItem = null;
     if (isListDraggable && dragAndDropHooks && dragState) {
+        // oxlint-disable-next-line react/react-compiler
         draggableItem = dragAndDropHooks.useDraggableItem({
             key: item.key,
             hasDragButton: true
@@ -100,6 +101,7 @@ function $ae690085abfeeeb8$export$c6bde0c04b033c0e(props) {
             dropPosition: 'on'
         };
         isDropTarget = dropState.isDropTarget(target);
+        // oxlint-disable-next-line react/react-compiler
         dropIndicator = dragAndDropHooks.useDropIndicator({
             target: target
         }, dropState, dropIndicatorRef);

package/dist/private/list/ListViewItem.mjs.map

@@ -1 +1 @@
-{"mappings":"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","sources":["packages/@adobe/react-spectrum/src/list/ListViewItem.tsx"],"sourcesContent":["/*\n * Copyright 2021 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 */\nimport {Checkbox} from '../checkbox/Checkbox';\n\nimport ChevronLeftMedium from '@spectrum-icons/ui/ChevronLeftMedium';\nimport ChevronRightMedium from '@spectrum-icons/ui/ChevronRightMedium';\nimport {classNames} from '../utils/classNames';\nimport {ClearSlots, SlotProvider} from '../utils/Slots';\nimport {CSSTransition} from 'react-transition-group';\nimport type {DraggableItemResult} from 'react-aria/useDraggableCollection';\nimport type {DropIndicatorAria} from 'react-aria/useDroppableCollection';\nimport {DropTarget, Node} from '@react-types/shared';\nimport {FocusRing} from 'react-aria/FocusRing';\nimport {Grid} from '../layout/Grid';\nimport {isFocusVisible as isGlobalFocusVisible} from 'react-aria/private/interactions/useFocusVisible';\nimport ListGripper from '@spectrum-icons/ui/ListGripper';\nimport listStyles from './styles.css';\nimport {ListViewContext} from './ListView';\nimport {mergeProps} from 'react-aria/mergeProps';\nimport {Provider} from '../provider/Provider';\nimport React, {JSX, useContext, useRef} from 'react';\nimport {Text} from '../text/Text';\nimport {useButton} from 'react-aria/useButton';\nimport {useFocusRing} from 'react-aria/useFocusRing';\nimport {useGridListItem, useGridListSelectionCheckbox} from 'react-aria/useGridList';\nimport {useHasChild} from '../utils/useHasChild';\nimport {useHover} from 'react-aria/useHover';\nimport {useLocale} from 'react-aria/I18nProvider';\nimport {useVisuallyHidden} from 'react-aria/VisuallyHidden';\n\ninterface ListViewItemProps<T> {\n  item: Node<T>;\n  isEmphasized: boolean;\n  hasActions: boolean;\n}\n\nexport function ListViewItem<T>(props: ListViewItemProps<T>): JSX.Element {\n  let {item, isEmphasized} = props;\n  let {\n    state,\n    dragState,\n    dropState,\n    isListDraggable,\n    isListDroppable,\n    layout,\n    dragAndDropHooks,\n    loadingState\n  } = useContext(ListViewContext)!;\n  let {direction} = useLocale();\n  let rowRef = useRef<HTMLDivElement | null>(null);\n  let checkboxWrapperRef = useRef<HTMLDivElement | null>(null);\n  let {isFocusVisible: isFocusVisibleWithin, focusProps: focusWithinProps} = useFocusRing({\n    within: true\n  });\n  let {isFocusVisible, focusProps} = useFocusRing();\n  let {\n    rowProps,\n    gridCellProps,\n    isPressed,\n    descriptionProps,\n    isSelected,\n    isDisabled,\n    allowsSelection,\n    hasAction\n  } = useGridListItem(\n    {\n      node: item,\n      isVirtualized: true,\n      shouldSelectOnPressUp: isListDraggable\n    },\n    state,\n    rowRef\n  );\n  let {hoverProps, isHovered} = useHover({isDisabled: !allowsSelection && !hasAction});\n\n  let {checkboxProps} = useGridListSelectionCheckbox({key: item.key}, state);\n  let hasDescription = useHasChild(\n    `.${listStyles['react-spectrum-ListViewItem-description']}`,\n    rowRef\n  );\n\n  let draggableItem: DraggableItemResult | null = null;\n  if (isListDraggable && dragAndDropHooks && dragState) {\n    draggableItem = dragAndDropHooks.useDraggableItem!(\n      {key: item.key, hasDragButton: true},\n      dragState\n    );\n    if (isDisabled) {\n      draggableItem = null;\n    }\n  }\n  let isDropTarget = false;\n  let dropIndicator: DropIndicatorAria | null = null;\n  let dropIndicatorRef = useRef<HTMLDivElement | null>(null);\n  if (isListDroppable && dragAndDropHooks && dropState) {\n    let target = {type: 'item', key: item.key, dropPosition: 'on'} as DropTarget;\n    isDropTarget = dropState.isDropTarget(target);\n\n    dropIndicator = dragAndDropHooks.useDropIndicator!({target}, dropState, dropIndicatorRef);\n  }\n\n  let dragButtonRef = React.useRef<HTMLDivElement | null>(null);\n  let {buttonProps} = useButton(\n    {\n      ...draggableItem?.dragButtonProps,\n      elementType: 'div'\n    },\n    dragButtonRef\n  );\n\n  let chevron =\n    direction === 'ltr' ? (\n      <ChevronRightMedium\n        aria-hidden=\"true\"\n        UNSAFE_className={classNames(listStyles, 'react-spectrum-ListViewItem-parentIndicator', {\n          'react-spectrum-ListViewItem-parentIndicator--hasChildItems': item.props.hasChildItems,\n          'is-disabled': !hasAction\n        })}\n      />\n    ) : (\n      <ChevronLeftMedium\n        aria-hidden=\"true\"\n        UNSAFE_className={classNames(listStyles, 'react-spectrum-ListViewItem-parentIndicator', {\n          'react-spectrum-ListViewItem-parentIndicator--hasChildItems': item.props.hasChildItems,\n          'is-disabled': !hasAction\n        })}\n      />\n    );\n\n  let showCheckbox =\n    state.selectionManager.selectionMode !== 'none' &&\n    state.selectionManager.selectionBehavior === 'toggle';\n  let {visuallyHiddenProps} = useVisuallyHidden();\n\n  const mergedProps = mergeProps(\n    rowProps,\n    draggableItem?.dragProps,\n    hoverProps,\n    focusWithinProps,\n    focusProps\n  );\n\n  // Remove tab index from list row if performing a screenreader drag. This prevents TalkBack from focusing the row,\n  // allowing for single swipe navigation between row drop indicator\n  if (dragAndDropHooks?.isVirtualDragging?.()) {\n    mergedProps.tabIndex = undefined;\n  }\n\n  let isFirstRow = item.prevKey == null;\n  let isLastRow = item.nextKey == null;\n  // Figure out if the ListView content is equal or greater in height to the container. If so, we'll need to round the bottom\n  // border corners of the last row when selected and we can get rid of the bottom border if it isn't selected to avoid border overlap\n  // with bottom border\n  let isFlushWithContainerBottom = false;\n  if (isLastRow && loadingState !== 'loadingMore') {\n    if (layout.getContentSize()?.height >= (layout.virtualizer?.visibleRect.height ?? 0)) {\n      isFlushWithContainerBottom = true;\n    }\n  }\n  // previous item isn't selected\n  // and the previous item isn't focused or, if it is focused, then if focus globally isn't visible or just focus isn't in the listview\n  let roundTops =\n    !(item.prevKey != null && state.selectionManager.isSelected(item.prevKey)) &&\n    (state.selectionManager.focusedKey !== item.prevKey ||\n      !(isGlobalFocusVisible() && state.selectionManager.isFocused));\n  let roundBottoms =\n    !(item.nextKey != null && state.selectionManager.isSelected(item.nextKey)) &&\n    (state.selectionManager.focusedKey !== item.nextKey ||\n      !(isGlobalFocusVisible() && state.selectionManager.isFocused));\n\n  let content = typeof item.rendered === 'string' ? <Text>{item.rendered}</Text> : item.rendered;\n  if (isDisabled) {\n    content = <Provider isDisabled>{content}</Provider>;\n  }\n\n  return (\n    <div\n      {...mergedProps}\n      className={classNames(listStyles, 'react-spectrum-ListView-row', {\n        'focus-ring': isFocusVisible,\n        'round-tops':\n          roundTops || (isHovered && !isSelected && state.selectionManager.focusedKey !== item.key),\n        'round-bottoms':\n          roundBottoms ||\n          (isHovered && !isSelected && state.selectionManager.focusedKey !== item.key)\n      })}\n      ref={rowRef}>\n      <div\n        // TODO: refactor the css here now that we are focusing the row?\n        className={classNames(listStyles, 'react-spectrum-ListViewItem', {\n          'is-active': isPressed,\n          'is-focused': isFocusVisibleWithin,\n          'focus-ring': isFocusVisible,\n          'is-hovered': isHovered,\n          'is-selected': isSelected,\n          'is-disabled': isDisabled,\n          'is-prev-selected':\n            item.prevKey != null && state.selectionManager.isSelected(item.prevKey),\n          'is-next-selected':\n            item.nextKey != null && state.selectionManager.isSelected(item.nextKey),\n          'react-spectrum-ListViewItem--highlightSelection':\n            state.selectionManager.selectionBehavior === 'replace' &&\n            (isSelected ||\n              (item.nextKey != null && state.selectionManager.isSelected(item.nextKey))),\n          'react-spectrum-ListViewItem--dropTarget': !!isDropTarget,\n          'react-spectrum-ListViewItem--firstRow': isFirstRow,\n          'react-spectrum-ListViewItem--lastRow': isLastRow,\n          'react-spectrum-ListViewItem--isFlushBottom': isFlushWithContainerBottom,\n          'react-spectrum-ListViewItem--hasDescription': hasDescription\n        })}\n        {...gridCellProps}>\n        <Grid UNSAFE_className={listStyles['react-spectrum-ListViewItem-grid']}>\n          {isListDraggable && (\n            <div className={listStyles['react-spectrum-ListViewItem-draghandle-container']}>\n              {!isDisabled && (\n                <FocusRing focusRingClass={classNames(listStyles, 'focus-ring')}>\n                  <div\n                    {...(buttonProps as React.HTMLAttributes<HTMLElement>)}\n                    className={classNames(\n                      listStyles,\n                      'react-spectrum-ListViewItem-draghandle-button'\n                    )}\n                    style={!isFocusVisibleWithin ? {...visuallyHiddenProps.style} : {}}\n                    ref={dragButtonRef}\n                    draggable=\"true\">\n                    <ListGripper />\n                  </div>\n                </FocusRing>\n              )}\n            </div>\n          )}\n          {isListDroppable && !dropIndicator?.isHidden && (\n            <div\n              role=\"button\"\n              {...visuallyHiddenProps}\n              {...dropIndicator?.dropIndicatorProps}\n              ref={dropIndicatorRef}\n            />\n          )}\n          <CSSTransition\n            in={showCheckbox}\n            unmountOnExit\n            classNames={{\n              enter: listStyles['react-spectrum-ListViewItem-checkbox--enter'],\n              enterActive: listStyles['react-spectrum-ListViewItem-checkbox--enterActive'],\n              exit: listStyles['react-spectrum-ListViewItem-checkbox--exit'],\n              exitActive: listStyles['react-spectrum-ListViewItem-checkbox--exitActive']\n            }}\n            timeout={160}\n            nodeRef={checkboxWrapperRef}>\n            <div\n              ref={checkboxWrapperRef}\n              className={listStyles['react-spectrum-ListViewItem-checkboxWrapper']}>\n              <Checkbox\n                {...checkboxProps}\n                UNSAFE_className={listStyles['react-spectrum-ListViewItem-checkbox']}\n                isEmphasized={isEmphasized}\n              />\n            </div>\n          </CSSTransition>\n          <SlotProvider\n            slots={{\n              text: {UNSAFE_className: listStyles['react-spectrum-ListViewItem-content']},\n              description: {\n                UNSAFE_className: listStyles['react-spectrum-ListViewItem-description'],\n                ...descriptionProps\n              },\n              illustration: {UNSAFE_className: listStyles['react-spectrum-ListViewItem-thumbnail']},\n              image: {UNSAFE_className: listStyles['react-spectrum-ListViewItem-thumbnail']},\n              actionButton: {\n                UNSAFE_className: listStyles['react-spectrum-ListViewItem-actions'],\n                isQuiet: true\n              },\n              actionGroup: {\n                UNSAFE_className: listStyles['react-spectrum-ListViewItem-actions'],\n                isQuiet: true,\n                density: 'compact'\n              },\n              actionMenu: {\n                UNSAFE_className: listStyles['react-spectrum-ListViewItem-actionmenu'],\n                isQuiet: true\n              }\n            }}>\n            {content}\n            <ClearSlots>{chevron}</ClearSlots>\n          </SlotProvider>\n        </Grid>\n      </div>\n    </div>\n  );\n}\n"],"names":[],"version":3,"file":"ListViewItem.mjs.map"}
+{"mappings":"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","sources":["packages/@adobe/react-spectrum/src/list/ListViewItem.tsx"],"sourcesContent":["/*\n * Copyright 2021 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 */\nimport {Checkbox} from '../checkbox/Checkbox';\n\nimport ChevronLeftMedium from '@spectrum-icons/ui/ChevronLeftMedium';\nimport ChevronRightMedium from '@spectrum-icons/ui/ChevronRightMedium';\nimport {classNames} from '../utils/classNames';\nimport {ClearSlots, SlotProvider} from '../utils/Slots';\nimport {CSSTransition} from 'react-transition-group';\nimport type {DraggableItemResult} from 'react-aria/useDraggableCollection';\nimport type {DropIndicatorAria} from 'react-aria/useDroppableCollection';\nimport {DropTarget, Node} from '@react-types/shared';\nimport {FocusRing} from 'react-aria/FocusRing';\nimport {Grid} from '../layout/Grid';\nimport {isFocusVisible as isGlobalFocusVisible} from 'react-aria/private/interactions/useFocusVisible';\nimport ListGripper from '@spectrum-icons/ui/ListGripper';\nimport listStyles from './styles.css';\nimport {ListViewContext} from './ListView';\nimport {mergeProps} from 'react-aria/mergeProps';\nimport {Provider} from '../provider/Provider';\nimport React, {JSX, useContext, useRef} from 'react';\nimport {Text} from '../text/Text';\nimport {useButton} from 'react-aria/useButton';\nimport {useFocusRing} from 'react-aria/useFocusRing';\nimport {useGridListItem, useGridListSelectionCheckbox} from 'react-aria/useGridList';\nimport {useHasChild} from '../utils/useHasChild';\nimport {useHover} from 'react-aria/useHover';\nimport {useLocale} from 'react-aria/I18nProvider';\nimport {useVisuallyHidden} from 'react-aria/VisuallyHidden';\n\ninterface ListViewItemProps<T> {\n  item: Node<T>;\n  isEmphasized: boolean;\n  hasActions: boolean;\n}\n\nexport function ListViewItem<T>(props: ListViewItemProps<T>): JSX.Element {\n  let {item, isEmphasized} = props;\n  let {\n    state,\n    dragState,\n    dropState,\n    isListDraggable,\n    isListDroppable,\n    layout,\n    dragAndDropHooks,\n    loadingState\n  } = useContext(ListViewContext)!;\n  let {direction} = useLocale();\n  let rowRef = useRef<HTMLDivElement | null>(null);\n  let checkboxWrapperRef = useRef<HTMLDivElement | null>(null);\n  let {isFocusVisible: isFocusVisibleWithin, focusProps: focusWithinProps} = useFocusRing({\n    within: true\n  });\n  let {isFocusVisible, focusProps} = useFocusRing();\n  let {\n    rowProps,\n    gridCellProps,\n    isPressed,\n    descriptionProps,\n    isSelected,\n    isDisabled,\n    allowsSelection,\n    hasAction\n  } = useGridListItem(\n    {\n      node: item,\n      isVirtualized: true,\n      shouldSelectOnPressUp: isListDraggable\n    },\n    state,\n    rowRef\n  );\n  let {hoverProps, isHovered} = useHover({isDisabled: !allowsSelection && !hasAction});\n\n  let {checkboxProps} = useGridListSelectionCheckbox({key: item.key}, state);\n  let hasDescription = useHasChild(\n    `.${listStyles['react-spectrum-ListViewItem-description']}`,\n    rowRef\n  );\n\n  let draggableItem: DraggableItemResult | null = null;\n  if (isListDraggable && dragAndDropHooks && dragState) {\n    // oxlint-disable-next-line react/react-compiler\n    draggableItem = dragAndDropHooks.useDraggableItem!(\n      {key: item.key, hasDragButton: true},\n      dragState\n    );\n    if (isDisabled) {\n      draggableItem = null;\n    }\n  }\n  let isDropTarget = false;\n  let dropIndicator: DropIndicatorAria | null = null;\n  let dropIndicatorRef = useRef<HTMLDivElement | null>(null);\n  if (isListDroppable && dragAndDropHooks && dropState) {\n    let target = {type: 'item', key: item.key, dropPosition: 'on'} as DropTarget;\n    isDropTarget = dropState.isDropTarget(target);\n\n    // oxlint-disable-next-line react/react-compiler\n    dropIndicator = dragAndDropHooks.useDropIndicator!({target}, dropState, dropIndicatorRef);\n  }\n\n  let dragButtonRef = React.useRef<HTMLDivElement | null>(null);\n  let {buttonProps} = useButton(\n    {\n      ...draggableItem?.dragButtonProps,\n      elementType: 'div'\n    },\n    dragButtonRef\n  );\n\n  let chevron =\n    direction === 'ltr' ? (\n      <ChevronRightMedium\n        aria-hidden=\"true\"\n        UNSAFE_className={classNames(listStyles, 'react-spectrum-ListViewItem-parentIndicator', {\n          'react-spectrum-ListViewItem-parentIndicator--hasChildItems': item.props.hasChildItems,\n          'is-disabled': !hasAction\n        })}\n      />\n    ) : (\n      <ChevronLeftMedium\n        aria-hidden=\"true\"\n        UNSAFE_className={classNames(listStyles, 'react-spectrum-ListViewItem-parentIndicator', {\n          'react-spectrum-ListViewItem-parentIndicator--hasChildItems': item.props.hasChildItems,\n          'is-disabled': !hasAction\n        })}\n      />\n    );\n\n  let showCheckbox =\n    state.selectionManager.selectionMode !== 'none' &&\n    state.selectionManager.selectionBehavior === 'toggle';\n  let {visuallyHiddenProps} = useVisuallyHidden();\n\n  const mergedProps = mergeProps(\n    rowProps,\n    draggableItem?.dragProps,\n    hoverProps,\n    focusWithinProps,\n    focusProps\n  );\n\n  // Remove tab index from list row if performing a screenreader drag. This prevents TalkBack from focusing the row,\n  // allowing for single swipe navigation between row drop indicator\n  if (dragAndDropHooks?.isVirtualDragging?.()) {\n    mergedProps.tabIndex = undefined;\n  }\n\n  let isFirstRow = item.prevKey == null;\n  let isLastRow = item.nextKey == null;\n  // Figure out if the ListView content is equal or greater in height to the container. If so, we'll need to round the bottom\n  // border corners of the last row when selected and we can get rid of the bottom border if it isn't selected to avoid border overlap\n  // with bottom border\n  let isFlushWithContainerBottom = false;\n  if (isLastRow && loadingState !== 'loadingMore') {\n    if (layout.getContentSize()?.height >= (layout.virtualizer?.visibleRect.height ?? 0)) {\n      isFlushWithContainerBottom = true;\n    }\n  }\n  // previous item isn't selected\n  // and the previous item isn't focused or, if it is focused, then if focus globally isn't visible or just focus isn't in the listview\n  let roundTops =\n    !(item.prevKey != null && state.selectionManager.isSelected(item.prevKey)) &&\n    (state.selectionManager.focusedKey !== item.prevKey ||\n      !(isGlobalFocusVisible() && state.selectionManager.isFocused));\n  let roundBottoms =\n    !(item.nextKey != null && state.selectionManager.isSelected(item.nextKey)) &&\n    (state.selectionManager.focusedKey !== item.nextKey ||\n      !(isGlobalFocusVisible() && state.selectionManager.isFocused));\n\n  let content = typeof item.rendered === 'string' ? <Text>{item.rendered}</Text> : item.rendered;\n  if (isDisabled) {\n    content = <Provider isDisabled>{content}</Provider>;\n  }\n\n  return (\n    <div\n      {...mergedProps}\n      className={classNames(listStyles, 'react-spectrum-ListView-row', {\n        'focus-ring': isFocusVisible,\n        'round-tops':\n          roundTops || (isHovered && !isSelected && state.selectionManager.focusedKey !== item.key),\n        'round-bottoms':\n          roundBottoms ||\n          (isHovered && !isSelected && state.selectionManager.focusedKey !== item.key)\n      })}\n      ref={rowRef}>\n      <div\n        // TODO: refactor the css here now that we are focusing the row?\n        className={classNames(listStyles, 'react-spectrum-ListViewItem', {\n          'is-active': isPressed,\n          'is-focused': isFocusVisibleWithin,\n          'focus-ring': isFocusVisible,\n          'is-hovered': isHovered,\n          'is-selected': isSelected,\n          'is-disabled': isDisabled,\n          'is-prev-selected':\n            item.prevKey != null && state.selectionManager.isSelected(item.prevKey),\n          'is-next-selected':\n            item.nextKey != null && state.selectionManager.isSelected(item.nextKey),\n          'react-spectrum-ListViewItem--highlightSelection':\n            state.selectionManager.selectionBehavior === 'replace' &&\n            (isSelected ||\n              (item.nextKey != null && state.selectionManager.isSelected(item.nextKey))),\n          'react-spectrum-ListViewItem--dropTarget': !!isDropTarget,\n          'react-spectrum-ListViewItem--firstRow': isFirstRow,\n          'react-spectrum-ListViewItem--lastRow': isLastRow,\n          'react-spectrum-ListViewItem--isFlushBottom': isFlushWithContainerBottom,\n          'react-spectrum-ListViewItem--hasDescription': hasDescription\n        })}\n        {...gridCellProps}>\n        <Grid UNSAFE_className={listStyles['react-spectrum-ListViewItem-grid']}>\n          {isListDraggable && (\n            <div className={listStyles['react-spectrum-ListViewItem-draghandle-container']}>\n              {!isDisabled && (\n                <FocusRing focusRingClass={classNames(listStyles, 'focus-ring')}>\n                  <div\n                    {...(buttonProps as React.HTMLAttributes<HTMLElement>)}\n                    className={classNames(\n                      listStyles,\n                      'react-spectrum-ListViewItem-draghandle-button'\n                    )}\n                    style={!isFocusVisibleWithin ? {...visuallyHiddenProps.style} : {}}\n                    ref={dragButtonRef}\n                    draggable=\"true\">\n                    <ListGripper />\n                  </div>\n                </FocusRing>\n              )}\n            </div>\n          )}\n          {isListDroppable && !dropIndicator?.isHidden && (\n            <div\n              role=\"button\"\n              {...visuallyHiddenProps}\n              {...dropIndicator?.dropIndicatorProps}\n              ref={dropIndicatorRef}\n            />\n          )}\n          <CSSTransition\n            in={showCheckbox}\n            unmountOnExit\n            classNames={{\n              enter: listStyles['react-spectrum-ListViewItem-checkbox--enter'],\n              enterActive: listStyles['react-spectrum-ListViewItem-checkbox--enterActive'],\n              exit: listStyles['react-spectrum-ListViewItem-checkbox--exit'],\n              exitActive: listStyles['react-spectrum-ListViewItem-checkbox--exitActive']\n            }}\n            timeout={160}\n            nodeRef={checkboxWrapperRef}>\n            <div\n              ref={checkboxWrapperRef}\n              className={listStyles['react-spectrum-ListViewItem-checkboxWrapper']}>\n              <Checkbox\n                {...checkboxProps}\n                UNSAFE_className={listStyles['react-spectrum-ListViewItem-checkbox']}\n                isEmphasized={isEmphasized}\n              />\n            </div>\n          </CSSTransition>\n          <SlotProvider\n            slots={{\n              text: {UNSAFE_className: listStyles['react-spectrum-ListViewItem-content']},\n              description: {\n                UNSAFE_className: listStyles['react-spectrum-ListViewItem-description'],\n                ...descriptionProps\n              },\n              illustration: {UNSAFE_className: listStyles['react-spectrum-ListViewItem-thumbnail']},\n              image: {UNSAFE_className: listStyles['react-spectrum-ListViewItem-thumbnail']},\n              actionButton: {\n                UNSAFE_className: listStyles['react-spectrum-ListViewItem-actions'],\n                isQuiet: true\n              },\n              actionGroup: {\n                UNSAFE_className: listStyles['react-spectrum-ListViewItem-actions'],\n                isQuiet: true,\n                density: 'compact'\n              },\n              actionMenu: {\n                UNSAFE_className: listStyles['react-spectrum-ListViewItem-actionmenu'],\n                isQuiet: true\n              }\n            }}>\n            {content}\n            <ClearSlots>{chevron}</ClearSlots>\n          </SlotProvider>\n        </Grid>\n      </div>\n    </div>\n  );\n}\n"],"names":[],"version":3,"file":"ListViewItem.mjs.map"}

package/dist/private/list/RootDropIndicator.cjs

@@ -18,6 +18,7 @@ $parcel$export(module.exports, "default", function () { return $13cbcef955aa8766
 function $13cbcef955aa8766$export$2e2bcd8739ae039() {
     let { dropState: dropState, dragAndDropHooks: dragAndDropHooks } = (0, $hUNm6$react.useContext)((0, $65a78aedcedf442b$exports.ListViewContext));
     let ref = (0, $hUNm6$react.useRef)(null);
+    // oxlint-disable-next-line react/react-compiler
     let { dropIndicatorProps: dropIndicatorProps } = dragAndDropHooks.useDropIndicator({
         target: {
             type: 'root'

package/dist/private/list/RootDropIndicator.cjs.map

@@ -1 +1 @@
-{"mappings":";;;;;;;;;;;;;;;;;AAIe;IACb,IAAI,aAAC,SAAS,oBAAE,gBAAgB,EAAC,GAAG,CAAA,GAAA,uBAAS,EAAE,CAAA,GAAA,yCAAc;IAC7D,IAAI,MAAM,CAAA,GAAA,mBAAK,EAAyB;IACxC,IAAI,sBAAC,kBAAkB,EAAC,GAAG,iBAAkB,gBAAgB,CAC3D;QACE,QAAQ;YAAC,MAAM;QAAM;IACvB,GACA,WACA;IAEF,IAAI,eAAe,UAAW,YAAY,CAAC;QAAC,MAAM;IAAM;IACxD,IAAI,uBAAC,mBAAmB,EAAC,GAAG,CAAA,GAAA,gDAAgB;IAE5C,IAAI,CAAC,gBAAgB,kBAAkB,CAAC,cAAc,EACpD,OAAO;IAGT,qBACE,0DAAC;QAAI,MAAK;QAAM,eAAa,kBAAkB,CAAC,cAAc;qBAC5D,0DAAC;QAAI,MAAK;QAAW,iBAAc;qBACjC,0DAAC;QAAI,MAAK;QAAU,GAAG,mBAAmB;QAAG,GAAG,kBAAkB;QAAE,KAAK;;AAIjF","sources":["packages/@adobe/react-spectrum/src/list/RootDropIndicator.tsx"],"sourcesContent":["import {ListViewContext} from './ListView';\nimport React, {JSX, useContext, useRef} from 'react';\nimport {useVisuallyHidden} from 'react-aria/VisuallyHidden';\n\nexport default function RootDropIndicator(): JSX.Element | null {\n  let {dropState, dragAndDropHooks} = useContext(ListViewContext)!;\n  let ref = useRef<HTMLDivElement | null>(null);\n  let {dropIndicatorProps} = dragAndDropHooks!.useDropIndicator!(\n    {\n      target: {type: 'root'}\n    },\n    dropState!,\n    ref\n  );\n  let isDropTarget = dropState!.isDropTarget({type: 'root'});\n  let {visuallyHiddenProps} = useVisuallyHidden();\n\n  if (!isDropTarget && dropIndicatorProps['aria-hidden']) {\n    return null;\n  }\n\n  return (\n    <div role=\"row\" aria-hidden={dropIndicatorProps['aria-hidden']}>\n      <div role=\"gridcell\" aria-selected=\"false\">\n        <div role=\"button\" {...visuallyHiddenProps} {...dropIndicatorProps} ref={ref} />\n      </div>\n    </div>\n  );\n}\n"],"names":[],"version":3,"file":"RootDropIndicator.cjs.map"}
+{"mappings":";;;;;;;;;;;;;;;;;AAIe;IACb,IAAI,aAAC,SAAS,oBAAE,gBAAgB,EAAC,GAAG,CAAA,GAAA,uBAAS,EAAE,CAAA,GAAA,yCAAc;IAC7D,IAAI,MAAM,CAAA,GAAA,mBAAK,EAAyB;IACxC,gDAAgD;IAChD,IAAI,sBAAC,kBAAkB,EAAC,GAAG,iBAAkB,gBAAgB,CAC3D;QACE,QAAQ;YAAC,MAAM;QAAM;IACvB,GACA,WACA;IAEF,IAAI,eAAe,UAAW,YAAY,CAAC;QAAC,MAAM;IAAM;IACxD,IAAI,uBAAC,mBAAmB,EAAC,GAAG,CAAA,GAAA,gDAAgB;IAE5C,IAAI,CAAC,gBAAgB,kBAAkB,CAAC,cAAc,EACpD,OAAO;IAGT,qBACE,0DAAC;QAAI,MAAK;QAAM,eAAa,kBAAkB,CAAC,cAAc;qBAC5D,0DAAC;QAAI,MAAK;QAAW,iBAAc;qBACjC,0DAAC;QAAI,MAAK;QAAU,GAAG,mBAAmB;QAAG,GAAG,kBAAkB;QAAE,KAAK;;AAIjF","sources":["packages/@adobe/react-spectrum/src/list/RootDropIndicator.tsx"],"sourcesContent":["import {ListViewContext} from './ListView';\nimport React, {JSX, useContext, useRef} from 'react';\nimport {useVisuallyHidden} from 'react-aria/VisuallyHidden';\n\nexport default function RootDropIndicator(): JSX.Element | null {\n  let {dropState, dragAndDropHooks} = useContext(ListViewContext)!;\n  let ref = useRef<HTMLDivElement | null>(null);\n  // oxlint-disable-next-line react/react-compiler\n  let {dropIndicatorProps} = dragAndDropHooks!.useDropIndicator!(\n    {\n      target: {type: 'root'}\n    },\n    dropState!,\n    ref\n  );\n  let isDropTarget = dropState!.isDropTarget({type: 'root'});\n  let {visuallyHiddenProps} = useVisuallyHidden();\n\n  if (!isDropTarget && dropIndicatorProps['aria-hidden']) {\n    return null;\n  }\n\n  return (\n    <div role=\"row\" aria-hidden={dropIndicatorProps['aria-hidden']}>\n      <div role=\"gridcell\" aria-selected=\"false\">\n        <div role=\"button\" {...visuallyHiddenProps} {...dropIndicatorProps} ref={ref} />\n      </div>\n    </div>\n  );\n}\n"],"names":[],"version":3,"file":"RootDropIndicator.cjs.map"}

package/dist/private/list/RootDropIndicator.js

@@ -8,6 +8,7 @@ import {useVisuallyHidden as $6PAzp$useVisuallyHidden} from "react-aria/Visually
 function $24b3e35414efede8$export$2e2bcd8739ae039() {
     let { dropState: dropState, dragAndDropHooks: dragAndDropHooks } = (0, $6PAzp$useContext)((0, $bcd1a74211acbd51$export$870039b0abfe3de0));
     let ref = (0, $6PAzp$useRef)(null);
+    // oxlint-disable-next-line react/react-compiler
     let { dropIndicatorProps: dropIndicatorProps } = dragAndDropHooks.useDropIndicator({
         target: {
             type: 'root'

package/dist/private/list/RootDropIndicator.js.map

@@ -1 +1 @@
-{"mappings":";;;;;;;AAIe;IACb,IAAI,aAAC,SAAS,oBAAE,gBAAgB,EAAC,GAAG,CAAA,GAAA,iBAAS,EAAE,CAAA,GAAA,yCAAc;IAC7D,IAAI,MAAM,CAAA,GAAA,aAAK,EAAyB;IACxC,IAAI,sBAAC,kBAAkB,EAAC,GAAG,iBAAkB,gBAAgB,CAC3D;QACE,QAAQ;YAAC,MAAM;QAAM;IACvB,GACA,WACA;IAEF,IAAI,eAAe,UAAW,YAAY,CAAC;QAAC,MAAM;IAAM;IACxD,IAAI,uBAAC,mBAAmB,EAAC,GAAG,CAAA,GAAA,wBAAgB;IAE5C,IAAI,CAAC,gBAAgB,kBAAkB,CAAC,cAAc,EACpD,OAAO;IAGT,qBACE,gCAAC;QAAI,MAAK;QAAM,eAAa,kBAAkB,CAAC,cAAc;qBAC5D,gCAAC;QAAI,MAAK;QAAW,iBAAc;qBACjC,gCAAC;QAAI,MAAK;QAAU,GAAG,mBAAmB;QAAG,GAAG,kBAAkB;QAAE,KAAK;;AAIjF","sources":["packages/@adobe/react-spectrum/src/list/RootDropIndicator.tsx"],"sourcesContent":["import {ListViewContext} from './ListView';\nimport React, {JSX, useContext, useRef} from 'react';\nimport {useVisuallyHidden} from 'react-aria/VisuallyHidden';\n\nexport default function RootDropIndicator(): JSX.Element | null {\n  let {dropState, dragAndDropHooks} = useContext(ListViewContext)!;\n  let ref = useRef<HTMLDivElement | null>(null);\n  let {dropIndicatorProps} = dragAndDropHooks!.useDropIndicator!(\n    {\n      target: {type: 'root'}\n    },\n    dropState!,\n    ref\n  );\n  let isDropTarget = dropState!.isDropTarget({type: 'root'});\n  let {visuallyHiddenProps} = useVisuallyHidden();\n\n  if (!isDropTarget && dropIndicatorProps['aria-hidden']) {\n    return null;\n  }\n\n  return (\n    <div role=\"row\" aria-hidden={dropIndicatorProps['aria-hidden']}>\n      <div role=\"gridcell\" aria-selected=\"false\">\n        <div role=\"button\" {...visuallyHiddenProps} {...dropIndicatorProps} ref={ref} />\n      </div>\n    </div>\n  );\n}\n"],"names":[],"version":3,"file":"RootDropIndicator.js.map"}
+{"mappings":";;;;;;;AAIe;IACb,IAAI,aAAC,SAAS,oBAAE,gBAAgB,EAAC,GAAG,CAAA,GAAA,iBAAS,EAAE,CAAA,GAAA,yCAAc;IAC7D,IAAI,MAAM,CAAA,GAAA,aAAK,EAAyB;IACxC,gDAAgD;IAChD,IAAI,sBAAC,kBAAkB,EAAC,GAAG,iBAAkB,gBAAgB,CAC3D;QACE,QAAQ;YAAC,MAAM;QAAM;IACvB,GACA,WACA;IAEF,IAAI,eAAe,UAAW,YAAY,CAAC;QAAC,MAAM;IAAM;IACxD,IAAI,uBAAC,mBAAmB,EAAC,GAAG,CAAA,GAAA,wBAAgB;IAE5C,IAAI,CAAC,gBAAgB,kBAAkB,CAAC,cAAc,EACpD,OAAO;IAGT,qBACE,gCAAC;QAAI,MAAK;QAAM,eAAa,kBAAkB,CAAC,cAAc;qBAC5D,gCAAC;QAAI,MAAK;QAAW,iBAAc;qBACjC,gCAAC;QAAI,MAAK;QAAU,GAAG,mBAAmB;QAAG,GAAG,kBAAkB;QAAE,KAAK;;AAIjF","sources":["packages/@adobe/react-spectrum/src/list/RootDropIndicator.tsx"],"sourcesContent":["import {ListViewContext} from './ListView';\nimport React, {JSX, useContext, useRef} from 'react';\nimport {useVisuallyHidden} from 'react-aria/VisuallyHidden';\n\nexport default function RootDropIndicator(): JSX.Element | null {\n  let {dropState, dragAndDropHooks} = useContext(ListViewContext)!;\n  let ref = useRef<HTMLDivElement | null>(null);\n  // oxlint-disable-next-line react/react-compiler\n  let {dropIndicatorProps} = dragAndDropHooks!.useDropIndicator!(\n    {\n      target: {type: 'root'}\n    },\n    dropState!,\n    ref\n  );\n  let isDropTarget = dropState!.isDropTarget({type: 'root'});\n  let {visuallyHiddenProps} = useVisuallyHidden();\n\n  if (!isDropTarget && dropIndicatorProps['aria-hidden']) {\n    return null;\n  }\n\n  return (\n    <div role=\"row\" aria-hidden={dropIndicatorProps['aria-hidden']}>\n      <div role=\"gridcell\" aria-selected=\"false\">\n        <div role=\"button\" {...visuallyHiddenProps} {...dropIndicatorProps} ref={ref} />\n      </div>\n    </div>\n  );\n}\n"],"names":[],"version":3,"file":"RootDropIndicator.js.map"}

package/dist/private/list/RootDropIndicator.mjs

@@ -8,6 +8,7 @@ import {useVisuallyHidden as $jVFbp$useVisuallyHidden} from "react-aria/Visually
 function $d49010fa0b5f14af$export$2e2bcd8739ae039() {
     let { dropState: dropState, dragAndDropHooks: dragAndDropHooks } = (0, $jVFbp$useContext)((0, $9710157b2ac3a032$export$870039b0abfe3de0));
     let ref = (0, $jVFbp$useRef)(null);
+    // oxlint-disable-next-line react/react-compiler
     let { dropIndicatorProps: dropIndicatorProps } = dragAndDropHooks.useDropIndicator({
         target: {
             type: 'root'

package/dist/private/list/RootDropIndicator.mjs.map

@@ -1 +1 @@
-{"mappings":";;;;;;;AAIe;IACb,IAAI,aAAC,SAAS,oBAAE,gBAAgB,EAAC,GAAG,CAAA,GAAA,iBAAS,EAAE,CAAA,GAAA,yCAAc;IAC7D,IAAI,MAAM,CAAA,GAAA,aAAK,EAAyB;IACxC,IAAI,sBAAC,kBAAkB,EAAC,GAAG,iBAAkB,gBAAgB,CAC3D;QACE,QAAQ;YAAC,MAAM;QAAM;IACvB,GACA,WACA;IAEF,IAAI,eAAe,UAAW,YAAY,CAAC;QAAC,MAAM;IAAM;IACxD,IAAI,uBAAC,mBAAmB,EAAC,GAAG,CAAA,GAAA,wBAAgB;IAE5C,IAAI,CAAC,gBAAgB,kBAAkB,CAAC,cAAc,EACpD,OAAO;IAGT,qBACE,gCAAC;QAAI,MAAK;QAAM,eAAa,kBAAkB,CAAC,cAAc;qBAC5D,gCAAC;QAAI,MAAK;QAAW,iBAAc;qBACjC,gCAAC;QAAI,MAAK;QAAU,GAAG,mBAAmB;QAAG,GAAG,kBAAkB;QAAE,KAAK;;AAIjF","sources":["packages/@adobe/react-spectrum/src/list/RootDropIndicator.tsx"],"sourcesContent":["import {ListViewContext} from './ListView';\nimport React, {JSX, useContext, useRef} from 'react';\nimport {useVisuallyHidden} from 'react-aria/VisuallyHidden';\n\nexport default function RootDropIndicator(): JSX.Element | null {\n  let {dropState, dragAndDropHooks} = useContext(ListViewContext)!;\n  let ref = useRef<HTMLDivElement | null>(null);\n  let {dropIndicatorProps} = dragAndDropHooks!.useDropIndicator!(\n    {\n      target: {type: 'root'}\n    },\n    dropState!,\n    ref\n  );\n  let isDropTarget = dropState!.isDropTarget({type: 'root'});\n  let {visuallyHiddenProps} = useVisuallyHidden();\n\n  if (!isDropTarget && dropIndicatorProps['aria-hidden']) {\n    return null;\n  }\n\n  return (\n    <div role=\"row\" aria-hidden={dropIndicatorProps['aria-hidden']}>\n      <div role=\"gridcell\" aria-selected=\"false\">\n        <div role=\"button\" {...visuallyHiddenProps} {...dropIndicatorProps} ref={ref} />\n      </div>\n    </div>\n  );\n}\n"],"names":[],"version":3,"file":"RootDropIndicator.mjs.map"}
+{"mappings":";;;;;;;AAIe;IACb,IAAI,aAAC,SAAS,oBAAE,gBAAgB,EAAC,GAAG,CAAA,GAAA,iBAAS,EAAE,CAAA,GAAA,yCAAc;IAC7D,IAAI,MAAM,CAAA,GAAA,aAAK,EAAyB;IACxC,gDAAgD;IAChD,IAAI,sBAAC,kBAAkB,EAAC,GAAG,iBAAkB,gBAAgB,CAC3D;QACE,QAAQ;YAAC,MAAM;QAAM;IACvB,GACA,WACA;IAEF,IAAI,eAAe,UAAW,YAAY,CAAC;QAAC,MAAM;IAAM;IACxD,IAAI,uBAAC,mBAAmB,EAAC,GAAG,CAAA,GAAA,wBAAgB;IAE5C,IAAI,CAAC,gBAAgB,kBAAkB,CAAC,cAAc,EACpD,OAAO;IAGT,qBACE,gCAAC;QAAI,MAAK;QAAM,eAAa,kBAAkB,CAAC,cAAc;qBAC5D,gCAAC;QAAI,MAAK;QAAW,iBAAc;qBACjC,gCAAC;QAAI,MAAK;QAAU,GAAG,mBAAmB;QAAG,GAAG,kBAAkB;QAAE,KAAK;;AAIjF","sources":["packages/@adobe/react-spectrum/src/list/RootDropIndicator.tsx"],"sourcesContent":["import {ListViewContext} from './ListView';\nimport React, {JSX, useContext, useRef} from 'react';\nimport {useVisuallyHidden} from 'react-aria/VisuallyHidden';\n\nexport default function RootDropIndicator(): JSX.Element | null {\n  let {dropState, dragAndDropHooks} = useContext(ListViewContext)!;\n  let ref = useRef<HTMLDivElement | null>(null);\n  // oxlint-disable-next-line react/react-compiler\n  let {dropIndicatorProps} = dragAndDropHooks!.useDropIndicator!(\n    {\n      target: {type: 'root'}\n    },\n    dropState!,\n    ref\n  );\n  let isDropTarget = dropState!.isDropTarget({type: 'root'});\n  let {visuallyHiddenProps} = useVisuallyHidden();\n\n  if (!isDropTarget && dropIndicatorProps['aria-hidden']) {\n    return null;\n  }\n\n  return (\n    <div role=\"row\" aria-hidden={dropIndicatorProps['aria-hidden']}>\n      <div role=\"gridcell\" aria-selected=\"false\">\n        <div role=\"button\" {...visuallyHiddenProps} {...dropIndicatorProps} ref={ref} />\n      </div>\n    </div>\n  );\n}\n"],"names":[],"version":3,"file":"RootDropIndicator.mjs.map"}

package/dist/private/menu/ContextualHelpTrigger.cjs

@@ -64,6 +64,7 @@ function $6b61ca38ae72d583$var$ContextualHelpTrigger(props) {
         ...rootMenuTriggerState,
         ...state
     });
+    // oxlint-disable-next-line react/react-compiler
     let submenuRef = (0, $65aea7b37663976b$exports.unwrapDOMRef)(popoverRef);
     let { submenuTriggerProps: submenuTriggerProps, popoverProps: popoverProps } = (0, $6kttE$reactariauseMenu.useSubmenuTrigger)({
         parentMenuRef: parentMenuRef,
@@ -74,7 +75,8 @@ function $6b61ca38ae72d583$var$ContextualHelpTrigger(props) {
     let isMobile = (0, $0b97cdf6ccc1e502$exports.useIsMobileDevice)();
     let [traySubmenuAnimation, setTraySubmenuAnimation] = (0, $6kttE$react.useState)('');
     (0, $6kttE$react.useEffect)(()=>{
-        if (submenuTriggerState.isOpen) setTraySubmenuAnimation('spectrum-TraySubmenu-enter');
+        if (submenuTriggerState.isOpen) // oxlint-disable-next-line react/react-compiler
+        setTraySubmenuAnimation('spectrum-TraySubmenu-enter');
     }, [
         submenuTriggerState.isOpen
     ]);
@@ -112,8 +114,11 @@ function $6b61ca38ae72d583$var$ContextualHelpTrigger(props) {
         }, 220); // Matches transition duration
     };
     if (isMobile) {
+        // oxlint-disable-next-line react/react-compiler
         delete submenuTriggerProps.onBlur;
+        // oxlint-disable-next-line react/react-compiler
         delete submenuTriggerProps.onHoverChange;
+        // oxlint-disable-next-line react/react-compiler
         if (trayContainerRef.current && submenuTriggerState.isOpen) {
             let subDialogKeyDown = (e)=>{
                 switch(e.key){
@@ -130,6 +135,7 @@ function $6b61ca38ae72d583$var$ContextualHelpTrigger(props) {
                 wrapperKeyDown: subDialogKeyDown,
                 onBackButtonPress: onBackButtonPress
             }, content);
+            // oxlint-disable-next-line react/react-compiler
             overlay = /*#__PURE__*/ (0, ($parcel$interopDefault($6kttE$reactdom))).createPortal(tray, trayContainerRef.current);
         }
     } else {

package/dist/private/menu/ContextualHelpTrigger.cjs.map

@@ -1 +1 @@
-{"mappings":"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","sources":["packages/@adobe/react-spectrum/src/menu/ContextualHelpTrigger.tsx"],"sourcesContent":["/*\n * Copyright 2023 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 {classNames} from '../utils/classNames';\n\nimport {DOMRefValue, ItemProps, Key} from '@react-types/shared';\nimport {FocusScope} from 'react-aria/FocusScope';\nimport {getInteractionModality} from 'react-aria/private/interactions/useFocusVisible';\nimport helpStyles from '@adobe/spectrum-css-temp/components/contextualhelp/vars.css';\nimport {isFocusWithin, nodeContains} from 'react-aria/private/utils/shadowdom/DOMFunctions';\nimport {Popover} from '../overlays/Popover';\nimport React, {JSX, KeyboardEventHandler, ReactElement, useEffect, useRef, useState} from 'react';\nimport ReactDOM from 'react-dom';\nimport {SlotProvider} from '../utils/Slots';\nimport styles from '@adobe/spectrum-css-temp/components/menu/vars.css';\nimport {SubmenuTriggerContext, useMenuStateContext} from './context';\nimport {TrayHeaderWrapper} from './Menu';\nimport {unwrapDOMRef} from '../utils/useDOMRef';\nimport {useIsMobileDevice} from '../utils/useIsMobileDevice';\nimport {useSubmenuTrigger} from 'react-aria/useMenu';\nimport {useSubmenuTriggerState} from 'react-stately/useMenuTriggerState';\n\ninterface MenuDialogTriggerProps {\n  /** Whether the menu item is currently unavailable. */\n  isUnavailable?: boolean;\n  /** The triggering Item and the Dialog, respectively. */\n  children: [ReactElement, ReactElement];\n}\n\ninterface InternalMenuDialogTriggerProps extends MenuDialogTriggerProps {\n  targetKey: Key;\n}\n\nexport interface SpectrumMenuDialogTriggerProps extends MenuDialogTriggerProps {}\n\nfunction ContextualHelpTrigger(props: InternalMenuDialogTriggerProps): ReactElement {\n  let {isUnavailable = false, targetKey} = props;\n\n  let triggerRef = useRef<HTMLLIElement>(null);\n  let popoverRef = useRef<DOMRefValue<HTMLDivElement> | null>(null);\n  let {\n    popoverContainer,\n    trayContainerRef,\n    rootMenuTriggerState,\n    menu: parentMenuRef,\n    state\n  } = useMenuStateContext()!;\n  let submenuTriggerState = useSubmenuTriggerState(\n    {triggerKey: targetKey},\n    {...rootMenuTriggerState!, ...state}\n  );\n  let submenuRef = unwrapDOMRef(popoverRef);\n  let {submenuTriggerProps, popoverProps} = useSubmenuTrigger(\n    {\n      parentMenuRef,\n      submenuRef,\n      type: 'dialog',\n      isDisabled: !isUnavailable\n    },\n    submenuTriggerState,\n    triggerRef\n  );\n  let isMobile = useIsMobileDevice();\n  let [traySubmenuAnimation, setTraySubmenuAnimation] = useState('');\n  useEffect(() => {\n    if (submenuTriggerState.isOpen) {\n      setTraySubmenuAnimation('spectrum-TraySubmenu-enter');\n    }\n  }, [submenuTriggerState.isOpen]);\n  let slots = {};\n  if (isUnavailable) {\n    slots = {\n      dialog: {\n        UNSAFE_className: classNames(\n          helpStyles,\n          'react-spectrum-ContextualHelp-dialog',\n          {\n            'react-spectrum-ContextualHelp-dialog--isMobile': isMobile\n          },\n          classNames(styles, {\n            'spectrum-Menu-subdialog': !isMobile,\n            [traySubmenuAnimation]: isMobile\n          })\n        )\n      },\n      content: {UNSAFE_className: helpStyles['react-spectrum-ContextualHelp-content']},\n      footer: {UNSAFE_className: helpStyles['react-spectrum-ContextualHelp-footer']}\n    };\n  }\n  let [trigger] = React.Children.toArray(props.children);\n  let [, content] = props.children as [ReactElement, ReactElement];\n\n  let onBlurWithin = e => {\n    if (\n      e.relatedTarget &&\n      popoverRef.current &&\n      !nodeContains(popoverRef.current.UNSAFE_getDOMNode(), e.relatedTarget) &&\n      !(e.relatedTarget === triggerRef.current && getInteractionModality() === 'pointer')\n    ) {\n      if (submenuTriggerState.isOpen) {\n        submenuTriggerState.close();\n      }\n    }\n  };\n\n  let overlay;\n  let tray;\n  let onBackButtonPress = () => {\n    setTraySubmenuAnimation('spectrum-TraySubmenu-exit');\n    setTimeout(() => {\n      submenuTriggerState.close();\n      if (parentMenuRef.current && !isFocusWithin(parentMenuRef.current)) {\n        parentMenuRef.current.focus();\n      }\n    }, 220); // Matches transition duration\n  };\n\n  if (isMobile) {\n    delete submenuTriggerProps.onBlur;\n    delete submenuTriggerProps.onHoverChange;\n    if (trayContainerRef.current && submenuTriggerState.isOpen) {\n      let subDialogKeyDown: KeyboardEventHandler = e => {\n        switch (e.key) {\n          case 'Escape':\n            e.stopPropagation();\n            onBackButtonPress();\n            break;\n        }\n      };\n\n      tray = (\n        <TrayHeaderWrapper\n          isSubmenu\n          parentMenuTreeState={state}\n          rootMenuTriggerState={rootMenuTriggerState}\n          wrapperKeyDown={subDialogKeyDown}\n          onBackButtonPress={onBackButtonPress}>\n          {content}\n        </TrayHeaderWrapper>\n      );\n\n      overlay = ReactDOM.createPortal(tray, trayContainerRef.current);\n    }\n  } else {\n    let onDismissButtonPress = () => {\n      submenuTriggerState.close();\n      parentMenuRef.current?.focus();\n    };\n\n    overlay = (\n      <Popover\n        {...popoverProps}\n        UNSAFE_style={{clipPath: 'unset', overflow: 'visible', filter: 'unset', borderWidth: '0px'}}\n        UNSAFE_className={classNames(styles, 'spectrum-Submenu-popover')}\n        onDismissButtonPress={onDismissButtonPress}\n        onBlurWithin={onBlurWithin}\n        container={popoverContainer!}\n        state={submenuTriggerState}\n        ref={popoverRef}\n        triggerRef={triggerRef}\n        placement=\"end top\"\n        containerPadding={0}\n        hideArrow\n        enableBothDismissButtons>\n        <FocusScope restoreFocus contain>\n          {content}\n        </FocusScope>\n      </Popover>\n    );\n  }\n\n  return (\n    <>\n      <SubmenuTriggerContext.Provider value={{isUnavailable, triggerRef, ...submenuTriggerProps}}>\n        {trigger}\n      </SubmenuTriggerContext.Provider>\n      <SlotProvider slots={slots}>{submenuTriggerState.isOpen && overlay}</SlotProvider>\n    </>\n  );\n}\n\nContextualHelpTrigger.getCollectionNode = function* getCollectionNode<T>(props: ItemProps<T>) {\n  let childArray: ReactElement[] = [];\n  React.Children.forEach(props.children, child => {\n    if (React.isValidElement(child)) {\n      childArray.push(child);\n    }\n  });\n  let [trigger] = childArray;\n  let [, content] = props.children as [ReactElement, ReactElement];\n\n  yield {\n    element: React.cloneElement(trigger, {\n      ...(trigger.props as any),\n      hasChildItems: true,\n      isTrigger: true\n    }),\n    wrapper: element => (\n      <ContextualHelpTrigger key={element.key} targetKey={element.key} {...props}>\n        {element}\n        {content}\n      </ContextualHelpTrigger>\n    )\n  };\n};\n\nlet _Item = ContextualHelpTrigger as unknown as (\n  props: SpectrumMenuDialogTriggerProps\n) => JSX.Element;\nexport {_Item as ContextualHelpTrigger};\n"],"names":[],"version":3,"file":"ContextualHelpTrigger.cjs.map"}
+{"mappings":"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","sources":["packages/@adobe/react-spectrum/src/menu/ContextualHelpTrigger.tsx"],"sourcesContent":["/*\n * Copyright 2023 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 {classNames} from '../utils/classNames';\n\nimport {DOMRefValue, ItemProps, Key} from '@react-types/shared';\nimport {FocusScope} from 'react-aria/FocusScope';\nimport {getInteractionModality} from 'react-aria/private/interactions/useFocusVisible';\nimport helpStyles from '@adobe/spectrum-css-temp/components/contextualhelp/vars.css';\nimport {isFocusWithin, nodeContains} from 'react-aria/private/utils/shadowdom/DOMFunctions';\nimport {Popover} from '../overlays/Popover';\nimport React, {JSX, KeyboardEventHandler, ReactElement, useEffect, useRef, useState} from 'react';\nimport ReactDOM from 'react-dom';\nimport {SlotProvider} from '../utils/Slots';\nimport styles from '@adobe/spectrum-css-temp/components/menu/vars.css';\nimport {SubmenuTriggerContext, useMenuStateContext} from './context';\nimport {TrayHeaderWrapper} from './Menu';\nimport {unwrapDOMRef} from '../utils/useDOMRef';\nimport {useIsMobileDevice} from '../utils/useIsMobileDevice';\nimport {useSubmenuTrigger} from 'react-aria/useMenu';\nimport {useSubmenuTriggerState} from 'react-stately/useMenuTriggerState';\n\ninterface MenuDialogTriggerProps {\n  /** Whether the menu item is currently unavailable. */\n  isUnavailable?: boolean;\n  /** The triggering Item and the Dialog, respectively. */\n  children: [ReactElement, ReactElement];\n}\n\ninterface InternalMenuDialogTriggerProps extends MenuDialogTriggerProps {\n  targetKey: Key;\n}\n\nexport interface SpectrumMenuDialogTriggerProps extends MenuDialogTriggerProps {}\n\nfunction ContextualHelpTrigger(props: InternalMenuDialogTriggerProps): ReactElement {\n  let {isUnavailable = false, targetKey} = props;\n\n  let triggerRef = useRef<HTMLLIElement>(null);\n  let popoverRef = useRef<DOMRefValue<HTMLDivElement> | null>(null);\n  let {\n    popoverContainer,\n    trayContainerRef,\n    rootMenuTriggerState,\n    menu: parentMenuRef,\n    state\n  } = useMenuStateContext()!;\n  let submenuTriggerState = useSubmenuTriggerState(\n    {triggerKey: targetKey},\n    {...rootMenuTriggerState!, ...state}\n  );\n  // oxlint-disable-next-line react/react-compiler\n  let submenuRef = unwrapDOMRef(popoverRef);\n  let {submenuTriggerProps, popoverProps} = useSubmenuTrigger(\n    {\n      parentMenuRef,\n      submenuRef,\n      type: 'dialog',\n      isDisabled: !isUnavailable\n    },\n    submenuTriggerState,\n    triggerRef\n  );\n  let isMobile = useIsMobileDevice();\n  let [traySubmenuAnimation, setTraySubmenuAnimation] = useState('');\n  useEffect(() => {\n    if (submenuTriggerState.isOpen) {\n      // oxlint-disable-next-line react/react-compiler\n      setTraySubmenuAnimation('spectrum-TraySubmenu-enter');\n    }\n  }, [submenuTriggerState.isOpen]);\n  let slots = {};\n  if (isUnavailable) {\n    slots = {\n      dialog: {\n        UNSAFE_className: classNames(\n          helpStyles,\n          'react-spectrum-ContextualHelp-dialog',\n          {\n            'react-spectrum-ContextualHelp-dialog--isMobile': isMobile\n          },\n          classNames(styles, {\n            'spectrum-Menu-subdialog': !isMobile,\n            [traySubmenuAnimation]: isMobile\n          })\n        )\n      },\n      content: {UNSAFE_className: helpStyles['react-spectrum-ContextualHelp-content']},\n      footer: {UNSAFE_className: helpStyles['react-spectrum-ContextualHelp-footer']}\n    };\n  }\n  let [trigger] = React.Children.toArray(props.children);\n  let [, content] = props.children as [ReactElement, ReactElement];\n\n  let onBlurWithin = e => {\n    if (\n      e.relatedTarget &&\n      popoverRef.current &&\n      !nodeContains(popoverRef.current.UNSAFE_getDOMNode(), e.relatedTarget) &&\n      !(e.relatedTarget === triggerRef.current && getInteractionModality() === 'pointer')\n    ) {\n      if (submenuTriggerState.isOpen) {\n        submenuTriggerState.close();\n      }\n    }\n  };\n\n  let overlay;\n  let tray;\n  let onBackButtonPress = () => {\n    setTraySubmenuAnimation('spectrum-TraySubmenu-exit');\n    setTimeout(() => {\n      submenuTriggerState.close();\n      if (parentMenuRef.current && !isFocusWithin(parentMenuRef.current)) {\n        parentMenuRef.current.focus();\n      }\n    }, 220); // Matches transition duration\n  };\n\n  if (isMobile) {\n    // oxlint-disable-next-line react/react-compiler\n    delete submenuTriggerProps.onBlur;\n    // oxlint-disable-next-line react/react-compiler\n    delete submenuTriggerProps.onHoverChange;\n    // oxlint-disable-next-line react/react-compiler\n    if (trayContainerRef.current && submenuTriggerState.isOpen) {\n      let subDialogKeyDown: KeyboardEventHandler = e => {\n        switch (e.key) {\n          case 'Escape':\n            e.stopPropagation();\n            onBackButtonPress();\n            break;\n        }\n      };\n\n      tray = (\n        <TrayHeaderWrapper\n          isSubmenu\n          parentMenuTreeState={state}\n          rootMenuTriggerState={rootMenuTriggerState}\n          wrapperKeyDown={subDialogKeyDown}\n          onBackButtonPress={onBackButtonPress}>\n          {content}\n        </TrayHeaderWrapper>\n      );\n\n      // oxlint-disable-next-line react/react-compiler\n      overlay = ReactDOM.createPortal(tray, trayContainerRef.current);\n    }\n  } else {\n    let onDismissButtonPress = () => {\n      submenuTriggerState.close();\n      parentMenuRef.current?.focus();\n    };\n\n    overlay = (\n      <Popover\n        {...popoverProps}\n        UNSAFE_style={{clipPath: 'unset', overflow: 'visible', filter: 'unset', borderWidth: '0px'}}\n        UNSAFE_className={classNames(styles, 'spectrum-Submenu-popover')}\n        onDismissButtonPress={onDismissButtonPress}\n        onBlurWithin={onBlurWithin}\n        container={popoverContainer!}\n        state={submenuTriggerState}\n        ref={popoverRef}\n        triggerRef={triggerRef}\n        placement=\"end top\"\n        containerPadding={0}\n        hideArrow\n        enableBothDismissButtons>\n        <FocusScope restoreFocus contain>\n          {content}\n        </FocusScope>\n      </Popover>\n    );\n  }\n\n  return (\n    <>\n      <SubmenuTriggerContext.Provider value={{isUnavailable, triggerRef, ...submenuTriggerProps}}>\n        {trigger}\n      </SubmenuTriggerContext.Provider>\n      <SlotProvider slots={slots}>{submenuTriggerState.isOpen && overlay}</SlotProvider>\n    </>\n  );\n}\n\nContextualHelpTrigger.getCollectionNode = function* getCollectionNode<T>(props: ItemProps<T>) {\n  let childArray: ReactElement[] = [];\n  React.Children.forEach(props.children, child => {\n    if (React.isValidElement(child)) {\n      childArray.push(child);\n    }\n  });\n  let [trigger] = childArray;\n  let [, content] = props.children as [ReactElement, ReactElement];\n\n  yield {\n    element: React.cloneElement(trigger, {\n      ...(trigger.props as any),\n      hasChildItems: true,\n      isTrigger: true\n    }),\n    wrapper: element => (\n      <ContextualHelpTrigger key={element.key} targetKey={element.key} {...props}>\n        {element}\n        {content}\n      </ContextualHelpTrigger>\n    )\n  };\n};\n\nlet _Item = ContextualHelpTrigger as unknown as (\n  props: SpectrumMenuDialogTriggerProps\n) => JSX.Element;\nexport {_Item as ContextualHelpTrigger};\n"],"names":[],"version":3,"file":"ContextualHelpTrigger.cjs.map"}

package/dist/private/menu/ContextualHelpTrigger.js

@@ -58,6 +58,7 @@ function $6bc666e61b0562d8$var$ContextualHelpTrigger(props) {
         ...rootMenuTriggerState,
         ...state
     });
+    // oxlint-disable-next-line react/react-compiler
     let submenuRef = (0, $c234463e9ef56637$export$c7e28c72a4823176)(popoverRef);
     let { submenuTriggerProps: submenuTriggerProps, popoverProps: popoverProps } = (0, $b0zQ7$useSubmenuTrigger)({
         parentMenuRef: parentMenuRef,
@@ -68,7 +69,8 @@ function $6bc666e61b0562d8$var$ContextualHelpTrigger(props) {
     let isMobile = (0, $196ab9279fe71c29$export$736bf165441b18c7)();
     let [traySubmenuAnimation, setTraySubmenuAnimation] = (0, $b0zQ7$useState)('');
     (0, $b0zQ7$useEffect)(()=>{
-        if (submenuTriggerState.isOpen) setTraySubmenuAnimation('spectrum-TraySubmenu-enter');
+        if (submenuTriggerState.isOpen) // oxlint-disable-next-line react/react-compiler
+        setTraySubmenuAnimation('spectrum-TraySubmenu-enter');
     }, [
         submenuTriggerState.isOpen
     ]);
@@ -106,8 +108,11 @@ function $6bc666e61b0562d8$var$ContextualHelpTrigger(props) {
         }, 220); // Matches transition duration
     };
     if (isMobile) {
+        // oxlint-disable-next-line react/react-compiler
         delete submenuTriggerProps.onBlur;
+        // oxlint-disable-next-line react/react-compiler
         delete submenuTriggerProps.onHoverChange;
+        // oxlint-disable-next-line react/react-compiler
         if (trayContainerRef.current && submenuTriggerState.isOpen) {
             let subDialogKeyDown = (e)=>{
                 switch(e.key){
@@ -124,6 +129,7 @@ function $6bc666e61b0562d8$var$ContextualHelpTrigger(props) {
                 wrapperKeyDown: subDialogKeyDown,
                 onBackButtonPress: onBackButtonPress
             }, content);
+            // oxlint-disable-next-line react/react-compiler
             overlay = /*#__PURE__*/ (0, $b0zQ7$reactdom).createPortal(tray, trayContainerRef.current);
         }
     } else {

package/dist/private/menu/ContextualHelpTrigger.js.map

@@ -1 +1 @@
-{"mappings":"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","sources":["packages/@adobe/react-spectrum/src/menu/ContextualHelpTrigger.tsx"],"sourcesContent":["/*\n * Copyright 2023 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 {classNames} from '../utils/classNames';\n\nimport {DOMRefValue, ItemProps, Key} from '@react-types/shared';\nimport {FocusScope} from 'react-aria/FocusScope';\nimport {getInteractionModality} from 'react-aria/private/interactions/useFocusVisible';\nimport helpStyles from '@adobe/spectrum-css-temp/components/contextualhelp/vars.css';\nimport {isFocusWithin, nodeContains} from 'react-aria/private/utils/shadowdom/DOMFunctions';\nimport {Popover} from '../overlays/Popover';\nimport React, {JSX, KeyboardEventHandler, ReactElement, useEffect, useRef, useState} from 'react';\nimport ReactDOM from 'react-dom';\nimport {SlotProvider} from '../utils/Slots';\nimport styles from '@adobe/spectrum-css-temp/components/menu/vars.css';\nimport {SubmenuTriggerContext, useMenuStateContext} from './context';\nimport {TrayHeaderWrapper} from './Menu';\nimport {unwrapDOMRef} from '../utils/useDOMRef';\nimport {useIsMobileDevice} from '../utils/useIsMobileDevice';\nimport {useSubmenuTrigger} from 'react-aria/useMenu';\nimport {useSubmenuTriggerState} from 'react-stately/useMenuTriggerState';\n\ninterface MenuDialogTriggerProps {\n  /** Whether the menu item is currently unavailable. */\n  isUnavailable?: boolean;\n  /** The triggering Item and the Dialog, respectively. */\n  children: [ReactElement, ReactElement];\n}\n\ninterface InternalMenuDialogTriggerProps extends MenuDialogTriggerProps {\n  targetKey: Key;\n}\n\nexport interface SpectrumMenuDialogTriggerProps extends MenuDialogTriggerProps {}\n\nfunction ContextualHelpTrigger(props: InternalMenuDialogTriggerProps): ReactElement {\n  let {isUnavailable = false, targetKey} = props;\n\n  let triggerRef = useRef<HTMLLIElement>(null);\n  let popoverRef = useRef<DOMRefValue<HTMLDivElement> | null>(null);\n  let {\n    popoverContainer,\n    trayContainerRef,\n    rootMenuTriggerState,\n    menu: parentMenuRef,\n    state\n  } = useMenuStateContext()!;\n  let submenuTriggerState = useSubmenuTriggerState(\n    {triggerKey: targetKey},\n    {...rootMenuTriggerState!, ...state}\n  );\n  let submenuRef = unwrapDOMRef(popoverRef);\n  let {submenuTriggerProps, popoverProps} = useSubmenuTrigger(\n    {\n      parentMenuRef,\n      submenuRef,\n      type: 'dialog',\n      isDisabled: !isUnavailable\n    },\n    submenuTriggerState,\n    triggerRef\n  );\n  let isMobile = useIsMobileDevice();\n  let [traySubmenuAnimation, setTraySubmenuAnimation] = useState('');\n  useEffect(() => {\n    if (submenuTriggerState.isOpen) {\n      setTraySubmenuAnimation('spectrum-TraySubmenu-enter');\n    }\n  }, [submenuTriggerState.isOpen]);\n  let slots = {};\n  if (isUnavailable) {\n    slots = {\n      dialog: {\n        UNSAFE_className: classNames(\n          helpStyles,\n          'react-spectrum-ContextualHelp-dialog',\n          {\n            'react-spectrum-ContextualHelp-dialog--isMobile': isMobile\n          },\n          classNames(styles, {\n            'spectrum-Menu-subdialog': !isMobile,\n            [traySubmenuAnimation]: isMobile\n          })\n        )\n      },\n      content: {UNSAFE_className: helpStyles['react-spectrum-ContextualHelp-content']},\n      footer: {UNSAFE_className: helpStyles['react-spectrum-ContextualHelp-footer']}\n    };\n  }\n  let [trigger] = React.Children.toArray(props.children);\n  let [, content] = props.children as [ReactElement, ReactElement];\n\n  let onBlurWithin = e => {\n    if (\n      e.relatedTarget &&\n      popoverRef.current &&\n      !nodeContains(popoverRef.current.UNSAFE_getDOMNode(), e.relatedTarget) &&\n      !(e.relatedTarget === triggerRef.current && getInteractionModality() === 'pointer')\n    ) {\n      if (submenuTriggerState.isOpen) {\n        submenuTriggerState.close();\n      }\n    }\n  };\n\n  let overlay;\n  let tray;\n  let onBackButtonPress = () => {\n    setTraySubmenuAnimation('spectrum-TraySubmenu-exit');\n    setTimeout(() => {\n      submenuTriggerState.close();\n      if (parentMenuRef.current && !isFocusWithin(parentMenuRef.current)) {\n        parentMenuRef.current.focus();\n      }\n    }, 220); // Matches transition duration\n  };\n\n  if (isMobile) {\n    delete submenuTriggerProps.onBlur;\n    delete submenuTriggerProps.onHoverChange;\n    if (trayContainerRef.current && submenuTriggerState.isOpen) {\n      let subDialogKeyDown: KeyboardEventHandler = e => {\n        switch (e.key) {\n          case 'Escape':\n            e.stopPropagation();\n            onBackButtonPress();\n            break;\n        }\n      };\n\n      tray = (\n        <TrayHeaderWrapper\n          isSubmenu\n          parentMenuTreeState={state}\n          rootMenuTriggerState={rootMenuTriggerState}\n          wrapperKeyDown={subDialogKeyDown}\n          onBackButtonPress={onBackButtonPress}>\n          {content}\n        </TrayHeaderWrapper>\n      );\n\n      overlay = ReactDOM.createPortal(tray, trayContainerRef.current);\n    }\n  } else {\n    let onDismissButtonPress = () => {\n      submenuTriggerState.close();\n      parentMenuRef.current?.focus();\n    };\n\n    overlay = (\n      <Popover\n        {...popoverProps}\n        UNSAFE_style={{clipPath: 'unset', overflow: 'visible', filter: 'unset', borderWidth: '0px'}}\n        UNSAFE_className={classNames(styles, 'spectrum-Submenu-popover')}\n        onDismissButtonPress={onDismissButtonPress}\n        onBlurWithin={onBlurWithin}\n        container={popoverContainer!}\n        state={submenuTriggerState}\n        ref={popoverRef}\n        triggerRef={triggerRef}\n        placement=\"end top\"\n        containerPadding={0}\n        hideArrow\n        enableBothDismissButtons>\n        <FocusScope restoreFocus contain>\n          {content}\n        </FocusScope>\n      </Popover>\n    );\n  }\n\n  return (\n    <>\n      <SubmenuTriggerContext.Provider value={{isUnavailable, triggerRef, ...submenuTriggerProps}}>\n        {trigger}\n      </SubmenuTriggerContext.Provider>\n      <SlotProvider slots={slots}>{submenuTriggerState.isOpen && overlay}</SlotProvider>\n    </>\n  );\n}\n\nContextualHelpTrigger.getCollectionNode = function* getCollectionNode<T>(props: ItemProps<T>) {\n  let childArray: ReactElement[] = [];\n  React.Children.forEach(props.children, child => {\n    if (React.isValidElement(child)) {\n      childArray.push(child);\n    }\n  });\n  let [trigger] = childArray;\n  let [, content] = props.children as [ReactElement, ReactElement];\n\n  yield {\n    element: React.cloneElement(trigger, {\n      ...(trigger.props as any),\n      hasChildItems: true,\n      isTrigger: true\n    }),\n    wrapper: element => (\n      <ContextualHelpTrigger key={element.key} targetKey={element.key} {...props}>\n        {element}\n        {content}\n      </ContextualHelpTrigger>\n    )\n  };\n};\n\nlet _Item = ContextualHelpTrigger as unknown as (\n  props: SpectrumMenuDialogTriggerProps\n) => JSX.Element;\nexport {_Item as ContextualHelpTrigger};\n"],"names":[],"version":3,"file":"ContextualHelpTrigger.js.map"}
+{"mappings":"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","sources":["packages/@adobe/react-spectrum/src/menu/ContextualHelpTrigger.tsx"],"sourcesContent":["/*\n * Copyright 2023 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 {classNames} from '../utils/classNames';\n\nimport {DOMRefValue, ItemProps, Key} from '@react-types/shared';\nimport {FocusScope} from 'react-aria/FocusScope';\nimport {getInteractionModality} from 'react-aria/private/interactions/useFocusVisible';\nimport helpStyles from '@adobe/spectrum-css-temp/components/contextualhelp/vars.css';\nimport {isFocusWithin, nodeContains} from 'react-aria/private/utils/shadowdom/DOMFunctions';\nimport {Popover} from '../overlays/Popover';\nimport React, {JSX, KeyboardEventHandler, ReactElement, useEffect, useRef, useState} from 'react';\nimport ReactDOM from 'react-dom';\nimport {SlotProvider} from '../utils/Slots';\nimport styles from '@adobe/spectrum-css-temp/components/menu/vars.css';\nimport {SubmenuTriggerContext, useMenuStateContext} from './context';\nimport {TrayHeaderWrapper} from './Menu';\nimport {unwrapDOMRef} from '../utils/useDOMRef';\nimport {useIsMobileDevice} from '../utils/useIsMobileDevice';\nimport {useSubmenuTrigger} from 'react-aria/useMenu';\nimport {useSubmenuTriggerState} from 'react-stately/useMenuTriggerState';\n\ninterface MenuDialogTriggerProps {\n  /** Whether the menu item is currently unavailable. */\n  isUnavailable?: boolean;\n  /** The triggering Item and the Dialog, respectively. */\n  children: [ReactElement, ReactElement];\n}\n\ninterface InternalMenuDialogTriggerProps extends MenuDialogTriggerProps {\n  targetKey: Key;\n}\n\nexport interface SpectrumMenuDialogTriggerProps extends MenuDialogTriggerProps {}\n\nfunction ContextualHelpTrigger(props: InternalMenuDialogTriggerProps): ReactElement {\n  let {isUnavailable = false, targetKey} = props;\n\n  let triggerRef = useRef<HTMLLIElement>(null);\n  let popoverRef = useRef<DOMRefValue<HTMLDivElement> | null>(null);\n  let {\n    popoverContainer,\n    trayContainerRef,\n    rootMenuTriggerState,\n    menu: parentMenuRef,\n    state\n  } = useMenuStateContext()!;\n  let submenuTriggerState = useSubmenuTriggerState(\n    {triggerKey: targetKey},\n    {...rootMenuTriggerState!, ...state}\n  );\n  // oxlint-disable-next-line react/react-compiler\n  let submenuRef = unwrapDOMRef(popoverRef);\n  let {submenuTriggerProps, popoverProps} = useSubmenuTrigger(\n    {\n      parentMenuRef,\n      submenuRef,\n      type: 'dialog',\n      isDisabled: !isUnavailable\n    },\n    submenuTriggerState,\n    triggerRef\n  );\n  let isMobile = useIsMobileDevice();\n  let [traySubmenuAnimation, setTraySubmenuAnimation] = useState('');\n  useEffect(() => {\n    if (submenuTriggerState.isOpen) {\n      // oxlint-disable-next-line react/react-compiler\n      setTraySubmenuAnimation('spectrum-TraySubmenu-enter');\n    }\n  }, [submenuTriggerState.isOpen]);\n  let slots = {};\n  if (isUnavailable) {\n    slots = {\n      dialog: {\n        UNSAFE_className: classNames(\n          helpStyles,\n          'react-spectrum-ContextualHelp-dialog',\n          {\n            'react-spectrum-ContextualHelp-dialog--isMobile': isMobile\n          },\n          classNames(styles, {\n            'spectrum-Menu-subdialog': !isMobile,\n            [traySubmenuAnimation]: isMobile\n          })\n        )\n      },\n      content: {UNSAFE_className: helpStyles['react-spectrum-ContextualHelp-content']},\n      footer: {UNSAFE_className: helpStyles['react-spectrum-ContextualHelp-footer']}\n    };\n  }\n  let [trigger] = React.Children.toArray(props.children);\n  let [, content] = props.children as [ReactElement, ReactElement];\n\n  let onBlurWithin = e => {\n    if (\n      e.relatedTarget &&\n      popoverRef.current &&\n      !nodeContains(popoverRef.current.UNSAFE_getDOMNode(), e.relatedTarget) &&\n      !(e.relatedTarget === triggerRef.current && getInteractionModality() === 'pointer')\n    ) {\n      if (submenuTriggerState.isOpen) {\n        submenuTriggerState.close();\n      }\n    }\n  };\n\n  let overlay;\n  let tray;\n  let onBackButtonPress = () => {\n    setTraySubmenuAnimation('spectrum-TraySubmenu-exit');\n    setTimeout(() => {\n      submenuTriggerState.close();\n      if (parentMenuRef.current && !isFocusWithin(parentMenuRef.current)) {\n        parentMenuRef.current.focus();\n      }\n    }, 220); // Matches transition duration\n  };\n\n  if (isMobile) {\n    // oxlint-disable-next-line react/react-compiler\n    delete submenuTriggerProps.onBlur;\n    // oxlint-disable-next-line react/react-compiler\n    delete submenuTriggerProps.onHoverChange;\n    // oxlint-disable-next-line react/react-compiler\n    if (trayContainerRef.current && submenuTriggerState.isOpen) {\n      let subDialogKeyDown: KeyboardEventHandler = e => {\n        switch (e.key) {\n          case 'Escape':\n            e.stopPropagation();\n            onBackButtonPress();\n            break;\n        }\n      };\n\n      tray = (\n        <TrayHeaderWrapper\n          isSubmenu\n          parentMenuTreeState={state}\n          rootMenuTriggerState={rootMenuTriggerState}\n          wrapperKeyDown={subDialogKeyDown}\n          onBackButtonPress={onBackButtonPress}>\n          {content}\n        </TrayHeaderWrapper>\n      );\n\n      // oxlint-disable-next-line react/react-compiler\n      overlay = ReactDOM.createPortal(tray, trayContainerRef.current);\n    }\n  } else {\n    let onDismissButtonPress = () => {\n      submenuTriggerState.close();\n      parentMenuRef.current?.focus();\n    };\n\n    overlay = (\n      <Popover\n        {...popoverProps}\n        UNSAFE_style={{clipPath: 'unset', overflow: 'visible', filter: 'unset', borderWidth: '0px'}}\n        UNSAFE_className={classNames(styles, 'spectrum-Submenu-popover')}\n        onDismissButtonPress={onDismissButtonPress}\n        onBlurWithin={onBlurWithin}\n        container={popoverContainer!}\n        state={submenuTriggerState}\n        ref={popoverRef}\n        triggerRef={triggerRef}\n        placement=\"end top\"\n        containerPadding={0}\n        hideArrow\n        enableBothDismissButtons>\n        <FocusScope restoreFocus contain>\n          {content}\n        </FocusScope>\n      </Popover>\n    );\n  }\n\n  return (\n    <>\n      <SubmenuTriggerContext.Provider value={{isUnavailable, triggerRef, ...submenuTriggerProps}}>\n        {trigger}\n      </SubmenuTriggerContext.Provider>\n      <SlotProvider slots={slots}>{submenuTriggerState.isOpen && overlay}</SlotProvider>\n    </>\n  );\n}\n\nContextualHelpTrigger.getCollectionNode = function* getCollectionNode<T>(props: ItemProps<T>) {\n  let childArray: ReactElement[] = [];\n  React.Children.forEach(props.children, child => {\n    if (React.isValidElement(child)) {\n      childArray.push(child);\n    }\n  });\n  let [trigger] = childArray;\n  let [, content] = props.children as [ReactElement, ReactElement];\n\n  yield {\n    element: React.cloneElement(trigger, {\n      ...(trigger.props as any),\n      hasChildItems: true,\n      isTrigger: true\n    }),\n    wrapper: element => (\n      <ContextualHelpTrigger key={element.key} targetKey={element.key} {...props}>\n        {element}\n        {content}\n      </ContextualHelpTrigger>\n    )\n  };\n};\n\nlet _Item = ContextualHelpTrigger as unknown as (\n  props: SpectrumMenuDialogTriggerProps\n) => JSX.Element;\nexport {_Item as ContextualHelpTrigger};\n"],"names":[],"version":3,"file":"ContextualHelpTrigger.js.map"}

package/dist/private/menu/ContextualHelpTrigger.mjs

@@ -58,6 +58,7 @@ function $761fad94f7cc567f$var$ContextualHelpTrigger(props) {
         ...rootMenuTriggerState,
         ...state
     });
+    // oxlint-disable-next-line react/react-compiler
     let submenuRef = (0, $3c2c983d5210446c$export$c7e28c72a4823176)(popoverRef);
     let { submenuTriggerProps: submenuTriggerProps, popoverProps: popoverProps } = (0, $jdkk1$useSubmenuTrigger)({
         parentMenuRef: parentMenuRef,
@@ -68,7 +69,8 @@ function $761fad94f7cc567f$var$ContextualHelpTrigger(props) {
     let isMobile = (0, $f357d4aae54bf1ff$export$736bf165441b18c7)();
     let [traySubmenuAnimation, setTraySubmenuAnimation] = (0, $jdkk1$useState)('');
     (0, $jdkk1$useEffect)(()=>{
-        if (submenuTriggerState.isOpen) setTraySubmenuAnimation('spectrum-TraySubmenu-enter');
+        if (submenuTriggerState.isOpen) // oxlint-disable-next-line react/react-compiler
+        setTraySubmenuAnimation('spectrum-TraySubmenu-enter');
     }, [
         submenuTriggerState.isOpen
     ]);
@@ -106,8 +108,11 @@ function $761fad94f7cc567f$var$ContextualHelpTrigger(props) {
         }, 220); // Matches transition duration
     };
     if (isMobile) {
+        // oxlint-disable-next-line react/react-compiler
         delete submenuTriggerProps.onBlur;
+        // oxlint-disable-next-line react/react-compiler
         delete submenuTriggerProps.onHoverChange;
+        // oxlint-disable-next-line react/react-compiler
         if (trayContainerRef.current && submenuTriggerState.isOpen) {
             let subDialogKeyDown = (e)=>{
                 switch(e.key){
@@ -124,6 +129,7 @@ function $761fad94f7cc567f$var$ContextualHelpTrigger(props) {
                 wrapperKeyDown: subDialogKeyDown,
                 onBackButtonPress: onBackButtonPress
             }, content);
+            // oxlint-disable-next-line react/react-compiler
             overlay = /*#__PURE__*/ (0, $jdkk1$reactdom).createPortal(tray, trayContainerRef.current);
         }
     } else {

package/dist/private/menu/ContextualHelpTrigger.mjs.map

@@ -1 +1 @@
-{"mappings":"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","sources":["packages/@adobe/react-spectrum/src/menu/ContextualHelpTrigger.tsx"],"sourcesContent":["/*\n * Copyright 2023 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 {classNames} from '../utils/classNames';\n\nimport {DOMRefValue, ItemProps, Key} from '@react-types/shared';\nimport {FocusScope} from 'react-aria/FocusScope';\nimport {getInteractionModality} from 'react-aria/private/interactions/useFocusVisible';\nimport helpStyles from '@adobe/spectrum-css-temp/components/contextualhelp/vars.css';\nimport {isFocusWithin, nodeContains} from 'react-aria/private/utils/shadowdom/DOMFunctions';\nimport {Popover} from '../overlays/Popover';\nimport React, {JSX, KeyboardEventHandler, ReactElement, useEffect, useRef, useState} from 'react';\nimport ReactDOM from 'react-dom';\nimport {SlotProvider} from '../utils/Slots';\nimport styles from '@adobe/spectrum-css-temp/components/menu/vars.css';\nimport {SubmenuTriggerContext, useMenuStateContext} from './context';\nimport {TrayHeaderWrapper} from './Menu';\nimport {unwrapDOMRef} from '../utils/useDOMRef';\nimport {useIsMobileDevice} from '../utils/useIsMobileDevice';\nimport {useSubmenuTrigger} from 'react-aria/useMenu';\nimport {useSubmenuTriggerState} from 'react-stately/useMenuTriggerState';\n\ninterface MenuDialogTriggerProps {\n  /** Whether the menu item is currently unavailable. */\n  isUnavailable?: boolean;\n  /** The triggering Item and the Dialog, respectively. */\n  children: [ReactElement, ReactElement];\n}\n\ninterface InternalMenuDialogTriggerProps extends MenuDialogTriggerProps {\n  targetKey: Key;\n}\n\nexport interface SpectrumMenuDialogTriggerProps extends MenuDialogTriggerProps {}\n\nfunction ContextualHelpTrigger(props: InternalMenuDialogTriggerProps): ReactElement {\n  let {isUnavailable = false, targetKey} = props;\n\n  let triggerRef = useRef<HTMLLIElement>(null);\n  let popoverRef = useRef<DOMRefValue<HTMLDivElement> | null>(null);\n  let {\n    popoverContainer,\n    trayContainerRef,\n    rootMenuTriggerState,\n    menu: parentMenuRef,\n    state\n  } = useMenuStateContext()!;\n  let submenuTriggerState = useSubmenuTriggerState(\n    {triggerKey: targetKey},\n    {...rootMenuTriggerState!, ...state}\n  );\n  let submenuRef = unwrapDOMRef(popoverRef);\n  let {submenuTriggerProps, popoverProps} = useSubmenuTrigger(\n    {\n      parentMenuRef,\n      submenuRef,\n      type: 'dialog',\n      isDisabled: !isUnavailable\n    },\n    submenuTriggerState,\n    triggerRef\n  );\n  let isMobile = useIsMobileDevice();\n  let [traySubmenuAnimation, setTraySubmenuAnimation] = useState('');\n  useEffect(() => {\n    if (submenuTriggerState.isOpen) {\n      setTraySubmenuAnimation('spectrum-TraySubmenu-enter');\n    }\n  }, [submenuTriggerState.isOpen]);\n  let slots = {};\n  if (isUnavailable) {\n    slots = {\n      dialog: {\n        UNSAFE_className: classNames(\n          helpStyles,\n          'react-spectrum-ContextualHelp-dialog',\n          {\n            'react-spectrum-ContextualHelp-dialog--isMobile': isMobile\n          },\n          classNames(styles, {\n            'spectrum-Menu-subdialog': !isMobile,\n            [traySubmenuAnimation]: isMobile\n          })\n        )\n      },\n      content: {UNSAFE_className: helpStyles['react-spectrum-ContextualHelp-content']},\n      footer: {UNSAFE_className: helpStyles['react-spectrum-ContextualHelp-footer']}\n    };\n  }\n  let [trigger] = React.Children.toArray(props.children);\n  let [, content] = props.children as [ReactElement, ReactElement];\n\n  let onBlurWithin = e => {\n    if (\n      e.relatedTarget &&\n      popoverRef.current &&\n      !nodeContains(popoverRef.current.UNSAFE_getDOMNode(), e.relatedTarget) &&\n      !(e.relatedTarget === triggerRef.current && getInteractionModality() === 'pointer')\n    ) {\n      if (submenuTriggerState.isOpen) {\n        submenuTriggerState.close();\n      }\n    }\n  };\n\n  let overlay;\n  let tray;\n  let onBackButtonPress = () => {\n    setTraySubmenuAnimation('spectrum-TraySubmenu-exit');\n    setTimeout(() => {\n      submenuTriggerState.close();\n      if (parentMenuRef.current && !isFocusWithin(parentMenuRef.current)) {\n        parentMenuRef.current.focus();\n      }\n    }, 220); // Matches transition duration\n  };\n\n  if (isMobile) {\n    delete submenuTriggerProps.onBlur;\n    delete submenuTriggerProps.onHoverChange;\n    if (trayContainerRef.current && submenuTriggerState.isOpen) {\n      let subDialogKeyDown: KeyboardEventHandler = e => {\n        switch (e.key) {\n          case 'Escape':\n            e.stopPropagation();\n            onBackButtonPress();\n            break;\n        }\n      };\n\n      tray = (\n        <TrayHeaderWrapper\n          isSubmenu\n          parentMenuTreeState={state}\n          rootMenuTriggerState={rootMenuTriggerState}\n          wrapperKeyDown={subDialogKeyDown}\n          onBackButtonPress={onBackButtonPress}>\n          {content}\n        </TrayHeaderWrapper>\n      );\n\n      overlay = ReactDOM.createPortal(tray, trayContainerRef.current);\n    }\n  } else {\n    let onDismissButtonPress = () => {\n      submenuTriggerState.close();\n      parentMenuRef.current?.focus();\n    };\n\n    overlay = (\n      <Popover\n        {...popoverProps}\n        UNSAFE_style={{clipPath: 'unset', overflow: 'visible', filter: 'unset', borderWidth: '0px'}}\n        UNSAFE_className={classNames(styles, 'spectrum-Submenu-popover')}\n        onDismissButtonPress={onDismissButtonPress}\n        onBlurWithin={onBlurWithin}\n        container={popoverContainer!}\n        state={submenuTriggerState}\n        ref={popoverRef}\n        triggerRef={triggerRef}\n        placement=\"end top\"\n        containerPadding={0}\n        hideArrow\n        enableBothDismissButtons>\n        <FocusScope restoreFocus contain>\n          {content}\n        </FocusScope>\n      </Popover>\n    );\n  }\n\n  return (\n    <>\n      <SubmenuTriggerContext.Provider value={{isUnavailable, triggerRef, ...submenuTriggerProps}}>\n        {trigger}\n      </SubmenuTriggerContext.Provider>\n      <SlotProvider slots={slots}>{submenuTriggerState.isOpen && overlay}</SlotProvider>\n    </>\n  );\n}\n\nContextualHelpTrigger.getCollectionNode = function* getCollectionNode<T>(props: ItemProps<T>) {\n  let childArray: ReactElement[] = [];\n  React.Children.forEach(props.children, child => {\n    if (React.isValidElement(child)) {\n      childArray.push(child);\n    }\n  });\n  let [trigger] = childArray;\n  let [, content] = props.children as [ReactElement, ReactElement];\n\n  yield {\n    element: React.cloneElement(trigger, {\n      ...(trigger.props as any),\n      hasChildItems: true,\n      isTrigger: true\n    }),\n    wrapper: element => (\n      <ContextualHelpTrigger key={element.key} targetKey={element.key} {...props}>\n        {element}\n        {content}\n      </ContextualHelpTrigger>\n    )\n  };\n};\n\nlet _Item = ContextualHelpTrigger as unknown as (\n  props: SpectrumMenuDialogTriggerProps\n) => JSX.Element;\nexport {_Item as ContextualHelpTrigger};\n"],"names":[],"version":3,"file":"ContextualHelpTrigger.mjs.map"}
+{"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAAA;;;;;;;;;;CAUC;;;;;;;;;;;;;;;;AAkCD,SAAS,4CAAsB,KAAqC;IAClE,IAAI,iBAAC,gBAAgB,kBAAO,SAAS,EAAC,GAAG;IAEzC,IAAI,aAAa,CAAA,GAAA,aAAK,EAAiB;IACvC,IAAI,aAAa,CAAA,GAAA,aAAK,EAAsC;IAC5D,IAAI,oBACF,gBAAgB,oBAChB,gBAAgB,wBAChB,oBAAoB,EACpB,MAAM,aAAa,SACnB,KAAK,EACN,GAAG,CAAA,GAAA,yCAAkB;IACtB,IAAI,sBAAsB,CAAA,GAAA,6BAAqB,EAC7C;QAAC,YAAY;IAAS,GACtB;QAAC,GAAG,oBAAoB;QAAG,GAAG,KAAK;IAAA;IAErC,gDAAgD;IAChD,IAAI,aAAa,CAAA,GAAA,yCAAW,EAAE;IAC9B,IAAI,uBAAC,mBAAmB,gBAAE,YAAY,EAAC,GAAG,CAAA,GAAA,wBAAgB,EACxD;uBACE;oBACA;QACA,MAAM;QACN,YAAY,CAAC;IACf,GACA,qBACA;IAEF,IAAI,WAAW,CAAA,GAAA,yCAAgB;IAC/B,IAAI,CAAC,sBAAsB,wBAAwB,GAAG,CAAA,GAAA,eAAO,EAAE;IAC/D,CAAA,GAAA,gBAAQ,EAAE;QACR,IAAI,oBAAoB,MAAM,EAC5B,gDAAgD;QAChD,wBAAwB;IAE5B,GAAG;QAAC,oBAAoB,MAAM;KAAC;IAC/B,IAAI,QAAQ,CAAC;IACb,IAAI,eACF,QAAQ;QACN,QAAQ;YACN,kBAAkB,CAAA,GAAA,yCAAS,EACzB,CAAA,GAAA,2DAAS,GACT,wCACA;gBACE,kDAAkD;YACpD,GACA,CAAA,GAAA,yCAAS,EAAE,CAAA,GAAA,iDAAK,GAAG;gBACjB,2BAA2B,CAAC;gBAC5B,CAAC,qBAAqB,EAAE;YAC1B;QAEJ;QACA,SAAS;YAAC,kBAAkB,CAAA,GAAA,2DAAS,CAAC,CAAC,wCAAwC;QAAA;QAC/E,QAAQ;YAAC,kBAAkB,CAAA,GAAA,2DAAS,CAAC,CAAC,uCAAuC;QAAA;IAC/E;IAEF,IAAI,CAAC,QAAQ,GAAG,CAAA,GAAA,YAAI,EAAE,QAAQ,CAAC,OAAO,CAAC,MAAM,QAAQ;IACrD,IAAI,GAAG,QAAQ,GAAG,MAAM,QAAQ;IAEhC,IAAI,eAAe,CAAA;QACjB,IACE,EAAE,aAAa,IACf,WAAW,OAAO,IAClB,CAAC,CAAA,GAAA,mBAAW,EAAE,WAAW,OAAO,CAAC,iBAAiB,IAAI,EAAE,aAAa,KACrE,CAAE,CAAA,EAAE,aAAa,KAAK,WAAW,OAAO,IAAI,CAAA,GAAA,6BAAqB,QAAQ,SAAQ,GAEjF;YAAA,IAAI,oBAAoB,MAAM,EAC5B,oBAAoB,KAAK;QAC3B;IAEJ;IAEA,IAAI;IACJ,IAAI;IACJ,IAAI,oBAAoB;QACtB,wBAAwB;QACxB,WAAW;YACT,oBAAoB,KAAK;YACzB,IAAI,cAAc,OAAO,IAAI,CAAC,CAAA,GAAA,oBAAY,EAAE,cAAc,OAAO,GAC/D,cAAc,OAAO,CAAC,KAAK;QAE/B,GAAG,MAAM,8BAA8B;IACzC;IAEA,IAAI,UAAU;QACZ,gDAAgD;QAChD,OAAO,oBAAoB,MAAM;QACjC,gDAAgD;QAChD,OAAO,oBAAoB,aAAa;QACxC,gDAAgD;QAChD,IAAI,iBAAiB,OAAO,IAAI,oBAAoB,MAAM,EAAE;YAC1D,IAAI,mBAAyC,CAAA;gBAC3C,OAAQ,EAAE,GAAG;oBACX,KAAK;wBACH,EAAE,eAAe;wBACjB;wBACA;gBACJ;YACF;YAEA,qBACE,gCAAC,CAAA,GAAA,yCAAgB;gBACf,WAAA;gBACA,qBAAqB;gBACrB,sBAAsB;gBACtB,gBAAgB;gBAChB,mBAAmB;eAClB;YAIL,gDAAgD;YAChD,wBAAU,CAAA,GAAA,eAAO,EAAE,YAAY,CAAC,MAAM,iBAAiB,OAAO;QAChE;IACF,OAAO;QACL,IAAI,uBAAuB;YACzB,oBAAoB,KAAK;YACzB,cAAc,OAAO,EAAE;QACzB;QAEA,wBACE,gCAAC,CAAA,GAAA,yCAAM;YACJ,GAAG,YAAY;YAChB,cAAc;gBAAC,UAAU;gBAAS,UAAU;gBAAW,QAAQ;gBAAS,aAAa;YAAK;YAC1F,kBAAkB,CAAA,GAAA,yCAAS,EAAE,CAAA,GAAA,iDAAK,GAAG;YACrC,sBAAsB;YACtB,cAAc;YACd,WAAW;YACX,OAAO;YACP,KAAK;YACL,YAAY;YACZ,WAAU;YACV,kBAAkB;YAClB,WAAA;YACA,0BAAA;yBACA,gCAAC,CAAA,GAAA,iBAAS;YAAE,cAAA;YAAa,SAAA;WACtB;IAIT;IAEA,qBACE,gFACE,gCAAC,CAAA,GAAA,yCAAoB,EAAE,QAAQ;QAAC,OAAO;2BAAC;wBAAe;YAAY,GAAG,mBAAmB;QAAA;OACtF,wBAEH,gCAAC,CAAA,GAAA,yCAAW;QAAE,OAAO;OAAQ,oBAAoB,MAAM,IAAI;AAGjE;AAEA,4CAAsB,iBAAiB,GAAG,UAAU,kBAAqB,KAAmB;IAC1F,IAAI,aAA6B,EAAE;IACnC,CAAA,GAAA,YAAI,EAAE,QAAQ,CAAC,OAAO,CAAC,MAAM,QAAQ,EAAE,CAAA;QACrC,kBAAI,CAAA,GAAA,YAAI,EAAE,cAAc,CAAC,QACvB,WAAW,IAAI,CAAC;IAEpB;IACA,IAAI,CAAC,QAAQ,GAAG;IAChB,IAAI,GAAG,QAAQ,GAAG,MAAM,QAAQ;IAEhC,MAAM;QACJ,uBAAS,CAAA,GAAA,YAAI,EAAE,YAAY,CAAC,SAAS;YACnC,GAAI,QAAQ,KAAK;YACjB,eAAe;YACf,WAAW;QACb;QACA,SAAS,CAAA,wBACP,gCAAC;gBAAsB,KAAK,QAAQ,GAAG;gBAAE,WAAW,QAAQ,GAAG;gBAAG,GAAG,KAAK;eACvE,SACA;IAGP;AACF;AAEA,IAAI,4CAAQ","sources":["packages/@adobe/react-spectrum/src/menu/ContextualHelpTrigger.tsx"],"sourcesContent":["/*\n * Copyright 2023 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 {classNames} from '../utils/classNames';\n\nimport {DOMRefValue, ItemProps, Key} from '@react-types/shared';\nimport {FocusScope} from 'react-aria/FocusScope';\nimport {getInteractionModality} from 'react-aria/private/interactions/useFocusVisible';\nimport helpStyles from '@adobe/spectrum-css-temp/components/contextualhelp/vars.css';\nimport {isFocusWithin, nodeContains} from 'react-aria/private/utils/shadowdom/DOMFunctions';\nimport {Popover} from '../overlays/Popover';\nimport React, {JSX, KeyboardEventHandler, ReactElement, useEffect, useRef, useState} from 'react';\nimport ReactDOM from 'react-dom';\nimport {SlotProvider} from '../utils/Slots';\nimport styles from '@adobe/spectrum-css-temp/components/menu/vars.css';\nimport {SubmenuTriggerContext, useMenuStateContext} from './context';\nimport {TrayHeaderWrapper} from './Menu';\nimport {unwrapDOMRef} from '../utils/useDOMRef';\nimport {useIsMobileDevice} from '../utils/useIsMobileDevice';\nimport {useSubmenuTrigger} from 'react-aria/useMenu';\nimport {useSubmenuTriggerState} from 'react-stately/useMenuTriggerState';\n\ninterface MenuDialogTriggerProps {\n  /** Whether the menu item is currently unavailable. */\n  isUnavailable?: boolean;\n  /** The triggering Item and the Dialog, respectively. */\n  children: [ReactElement, ReactElement];\n}\n\ninterface InternalMenuDialogTriggerProps extends MenuDialogTriggerProps {\n  targetKey: Key;\n}\n\nexport interface SpectrumMenuDialogTriggerProps extends MenuDialogTriggerProps {}\n\nfunction ContextualHelpTrigger(props: InternalMenuDialogTriggerProps): ReactElement {\n  let {isUnavailable = false, targetKey} = props;\n\n  let triggerRef = useRef<HTMLLIElement>(null);\n  let popoverRef = useRef<DOMRefValue<HTMLDivElement> | null>(null);\n  let {\n    popoverContainer,\n    trayContainerRef,\n    rootMenuTriggerState,\n    menu: parentMenuRef,\n    state\n  } = useMenuStateContext()!;\n  let submenuTriggerState = useSubmenuTriggerState(\n    {triggerKey: targetKey},\n    {...rootMenuTriggerState!, ...state}\n  );\n  // oxlint-disable-next-line react/react-compiler\n  let submenuRef = unwrapDOMRef(popoverRef);\n  let {submenuTriggerProps, popoverProps} = useSubmenuTrigger(\n    {\n      parentMenuRef,\n      submenuRef,\n      type: 'dialog',\n      isDisabled: !isUnavailable\n    },\n    submenuTriggerState,\n    triggerRef\n  );\n  let isMobile = useIsMobileDevice();\n  let [traySubmenuAnimation, setTraySubmenuAnimation] = useState('');\n  useEffect(() => {\n    if (submenuTriggerState.isOpen) {\n      // oxlint-disable-next-line react/react-compiler\n      setTraySubmenuAnimation('spectrum-TraySubmenu-enter');\n    }\n  }, [submenuTriggerState.isOpen]);\n  let slots = {};\n  if (isUnavailable) {\n    slots = {\n      dialog: {\n        UNSAFE_className: classNames(\n          helpStyles,\n          'react-spectrum-ContextualHelp-dialog',\n          {\n            'react-spectrum-ContextualHelp-dialog--isMobile': isMobile\n          },\n          classNames(styles, {\n            'spectrum-Menu-subdialog': !isMobile,\n            [traySubmenuAnimation]: isMobile\n          })\n        )\n      },\n      content: {UNSAFE_className: helpStyles['react-spectrum-ContextualHelp-content']},\n      footer: {UNSAFE_className: helpStyles['react-spectrum-ContextualHelp-footer']}\n    };\n  }\n  let [trigger] = React.Children.toArray(props.children);\n  let [, content] = props.children as [ReactElement, ReactElement];\n\n  let onBlurWithin = e => {\n    if (\n      e.relatedTarget &&\n      popoverRef.current &&\n      !nodeContains(popoverRef.current.UNSAFE_getDOMNode(), e.relatedTarget) &&\n      !(e.relatedTarget === triggerRef.current && getInteractionModality() === 'pointer')\n    ) {\n      if (submenuTriggerState.isOpen) {\n        submenuTriggerState.close();\n      }\n    }\n  };\n\n  let overlay;\n  let tray;\n  let onBackButtonPress = () => {\n    setTraySubmenuAnimation('spectrum-TraySubmenu-exit');\n    setTimeout(() => {\n      submenuTriggerState.close();\n      if (parentMenuRef.current && !isFocusWithin(parentMenuRef.current)) {\n        parentMenuRef.current.focus();\n      }\n    }, 220); // Matches transition duration\n  };\n\n  if (isMobile) {\n    // oxlint-disable-next-line react/react-compiler\n    delete submenuTriggerProps.onBlur;\n    // oxlint-disable-next-line react/react-compiler\n    delete submenuTriggerProps.onHoverChange;\n    // oxlint-disable-next-line react/react-compiler\n    if (trayContainerRef.current && submenuTriggerState.isOpen) {\n      let subDialogKeyDown: KeyboardEventHandler = e => {\n        switch (e.key) {\n          case 'Escape':\n            e.stopPropagation();\n            onBackButtonPress();\n            break;\n        }\n      };\n\n      tray = (\n        <TrayHeaderWrapper\n          isSubmenu\n          parentMenuTreeState={state}\n          rootMenuTriggerState={rootMenuTriggerState}\n          wrapperKeyDown={subDialogKeyDown}\n          onBackButtonPress={onBackButtonPress}>\n          {content}\n        </TrayHeaderWrapper>\n      );\n\n      // oxlint-disable-next-line react/react-compiler\n      overlay = ReactDOM.createPortal(tray, trayContainerRef.current);\n    }\n  } else {\n    let onDismissButtonPress = () => {\n      submenuTriggerState.close();\n      parentMenuRef.current?.focus();\n    };\n\n    overlay = (\n      <Popover\n        {...popoverProps}\n        UNSAFE_style={{clipPath: 'unset', overflow: 'visible', filter: 'unset', borderWidth: '0px'}}\n        UNSAFE_className={classNames(styles, 'spectrum-Submenu-popover')}\n        onDismissButtonPress={onDismissButtonPress}\n        onBlurWithin={onBlurWithin}\n        container={popoverContainer!}\n        state={submenuTriggerState}\n        ref={popoverRef}\n        triggerRef={triggerRef}\n        placement=\"end top\"\n        containerPadding={0}\n        hideArrow\n        enableBothDismissButtons>\n        <FocusScope restoreFocus contain>\n          {content}\n        </FocusScope>\n      </Popover>\n    );\n  }\n\n  return (\n    <>\n      <SubmenuTriggerContext.Provider value={{isUnavailable, triggerRef, ...submenuTriggerProps}}>\n        {trigger}\n      </SubmenuTriggerContext.Provider>\n      <SlotProvider slots={slots}>{submenuTriggerState.isOpen && overlay}</SlotProvider>\n    </>\n  );\n}\n\nContextualHelpTrigger.getCollectionNode = function* getCollectionNode<T>(props: ItemProps<T>) {\n  let childArray: ReactElement[] = [];\n  React.Children.forEach(props.children, child => {\n    if (React.isValidElement(child)) {\n      childArray.push(child);\n    }\n  });\n  let [trigger] = childArray;\n  let [, content] = props.children as [ReactElement, ReactElement];\n\n  yield {\n    element: React.cloneElement(trigger, {\n      ...(trigger.props as any),\n      hasChildItems: true,\n      isTrigger: true\n    }),\n    wrapper: element => (\n      <ContextualHelpTrigger key={element.key} targetKey={element.key} {...props}>\n        {element}\n        {content}\n      </ContextualHelpTrigger>\n    )\n  };\n};\n\nlet _Item = ContextualHelpTrigger as unknown as (\n  props: SpectrumMenuDialogTriggerProps\n) => JSX.Element;\nexport {_Item as ContextualHelpTrigger};\n"],"names":[],"version":3,"file":"ContextualHelpTrigger.mjs.map"}

package/dist/private/menu/MenuItem.cjs

@@ -75,6 +75,7 @@ function $f98c72ac58c30ee0$export$2ce376c2cc3355c8(props) {
     let isSelectable = (isContextualHelpTrigger ? !isUnavailable : !isSubmenuTrigger) && state.selectionManager.selectionMode !== 'none';
     let isSelected = isSelectable && state.selectionManager.isSelected(key);
     let itemref = (0, $lz9FT$react.useRef)(null);
+    // oxlint-disable-next-line react/react-compiler
     let ref = (0, $lz9FT$reactariauseObjectRef.useObjectRef)((0, $lz9FT$react.useMemo)(()=>(0, $lz9FT$reactariamergeRefs.mergeRefs)(itemref, triggerRef), [
         itemref,
         triggerRef
@@ -92,6 +93,7 @@ function $f98c72ac58c30ee0$export$2ce376c2cc3355c8(props) {
     let endProps = {};
     if (endId) {
         endProps.id = endId;
+        // oxlint-disable-next-line react/react-compiler
         menuItemProps['aria-describedby'] = [
             menuItemProps['aria-describedby'],
             endId