@react-spectrum/s2 1.4.0 → 1.5.1

package/dist/private/ListView.mjs.map

@@ -1 +1 @@
-{"mappings":"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","sources":["packages/@react-spectrum/s2/src/ListView.tsx"],"sourcesContent":["/*\n * Copyright 2026 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 {ActionButtonGroupContext} from './ActionButtonGroup';\nimport {ActionMenuContext} from './ActionMenu';\nimport {\n  baseColor,\n  color,\n  colorMix,\n  focusRing,\n  fontRelative,\n  space,\n  style\n} from '../style' with {type: 'macro'};\nimport {centerBaseline} from './CenterBaseline';\nimport {Checkbox} from './Checkbox';\nimport {CheckboxContext} from 'react-aria-components/Checkbox';\nimport Chevron from '../ui-icons/Chevron';\nimport {Collection} from 'react-aria/Collection';\nimport {\n  CollectionRendererContext,\n  DefaultCollectionRenderer\n} from 'react-aria-components/CollectionBuilder';\nimport {\n  ContextValue,\n  DEFAULT_SLOT,\n  Provider,\n  SlotProps,\n  useSlottedContext\n} from 'react-aria-components/slots';\nimport {\n  controlFont,\n  getAllowedOverrides,\n  StylesPropWithHeight,\n  UnsafeStyles\n} from './style-utils' with {type: 'macro'};\nimport {createContext, forwardRef, ReactElement, ReactNode, useContext, useRef} from 'react';\nimport {css} from '../style/style-macro' with {type: 'macro'};\nimport {description, DragPreview, icon, iconCenterWrapper, label} from './DragPreview';\nimport {\n  DOMProps,\n  DOMRef,\n  DOMRefValue,\n  forwardRefType,\n  GlobalDOMAttributes,\n  ItemDropTarget,\n  LoadingState\n} from '@react-types/shared';\nimport {DragHandleButton, InsertionIndicator} from './dnd-utils';\nimport {\n  GridList,\n  GridListItem,\n  GridListItemProps,\n  GridListItemRenderProps,\n  GridListLoadMoreItem,\n  GridListProps,\n  GridListRenderProps\n} from 'react-aria-components/GridList';\nimport {IconContext} from './Icon';\nimport {ImageContext} from './Image';\n// @ts-ignore\nimport intlMessages from '../intl/*.json';\nimport {Key} from '@react-types/shared';\nimport {LayoutInfo, Virtualizer} from 'react-aria-components/Virtualizer';\nimport LinkOutIcon from '../ui-icons/LinkOut';\nimport {ListLayout} from 'react-stately/useVirtualizerState';\nimport type {ListState} from 'react-stately/useListState';\nimport {ProgressCircle} from './ProgressCircle';\nimport {Text, TextContext} from './Content';\nimport {useActionBarContainer} from './ActionBar';\nimport {useDOMRef} from './useDOMRef';\nimport {useLocale} from 'react-aria/I18nProvider';\nimport {useLocalizedStringFormatter} from 'react-aria/useLocalizedStringFormatter';\nimport {useScale} from './utils';\nimport {useSpectrumContextProps} from './useSpectrumContextProps';\n\nexport interface ListViewProps<T>\n  extends\n    Omit<\n      GridListProps<T>,\n      | 'className'\n      | 'style'\n      | 'children'\n      | 'selectionBehavior'\n      | 'layout'\n      | 'render'\n      | 'keyboardNavigationBehavior'\n      | 'orientation'\n      | keyof GlobalDOMAttributes\n    >,\n    DOMProps,\n    UnsafeStyles,\n    ListViewStylesProps,\n    SlotProps {\n  /** Spectrum-defined styles, returned by the `style()` macro. */\n  styles?: StylesPropWithHeight;\n  /** The current loading state of the ListView. */\n  loadingState?: LoadingState;\n  /** Handler that is called when more items should be loaded, e.g. while scrolling near the bottom. */\n  onLoadMore?: () => void;\n  /** The children of the ListView. */\n  children: ReactNode | ((item: T) => ReactNode);\n  /** Provides the ActionBar to display when items are selected in the ListView. */\n  renderActionBar?: (selectedKeys: 'all' | Set<Key>) => ReactElement;\n  /** Hides the default link out icons on items that open links in a new tab. */\n  hideLinkOutIcon?: boolean;\n}\n\ninterface ListViewStylesProps {\n  /** Whether the ListView should be displayed with a quiet style. */\n  isQuiet?: boolean;\n  /**\n   * How selection should be displayed.\n   *\n   * @default 'checkbox'\n   */\n  selectionStyle?: 'highlight' | 'checkbox';\n  /**\n   * Sets the overflow behavior for item contents.\n   *\n   * @default 'truncate'\n   */\n  overflowMode?: 'wrap' | 'truncate';\n}\n\nexport interface ListViewItemProps extends Omit<\n  GridListItemProps,\n  'children' | 'className' | 'style' | 'render' | 'onClick' | keyof GlobalDOMAttributes\n> {\n  /**\n   * The contents of the item.\n   */\n  children: ReactNode;\n  /** Whether the item has child items (renders a chevron indicator). */\n  hasChildItems?: boolean;\n}\n\nexport const ListViewContext =\n  createContext<ContextValue<Partial<ListViewProps<any>>, DOMRefValue<HTMLDivElement>>>(null);\n\nlet InternalListViewContext = createContext<{\n  isQuiet?: boolean;\n  selectionStyle?: 'highlight' | 'checkbox';\n  overflowMode?: 'wrap' | 'truncate';\n  scale?: 'medium' | 'large';\n  hideLinkOutIcon?: boolean;\n}>({});\n\nconst listViewWrapper = style(\n  {\n    minHeight: 0,\n    minWidth: 200,\n    display: 'flex',\n    isolation: 'isolate',\n    disableTapHighlight: true,\n    position: 'relative',\n    // Clip ActionBar animation.\n    overflow: 'clip',\n    '--root-drop-radius': {\n      type: 'borderTopStartRadius',\n      value: 'default'\n    }\n  },\n  getAllowedOverrides({height: true})\n);\n\n// similar to tableview, use this approach so we can actually have a 2px outline when root dropping.\n// cant do a external box shadow due to the clipping that is applied on the wrapper element...\n// an inset box shadow runs into problems with the item background clipping the box shadow...\nconst rootDropOutline = css(`\n  &:has([role=\"grid\"][data-drop-target])::after {\n    content: \"\";\n    position: absolute;\n    inset: 0;\n    pointer-events: none;\n    border: 2px solid ${color('blue-800')};\n    border-radius: var(--root-drop-radius);\n    z-index: 2;\n  }\n  @media (forced-colors: active) {\n    &:has([role=\"grid\"][data-drop-target])::after {\n      border-color: Highlight;\n    }\n  }\n`);\n\n// When any row has a trailing icon, reserve space so actions align.\nconst hasTrailingIconRows = ':has([data-has-trailing-icon]) [role=\"row\"]';\n\nconst dropTargetBackground = colorMix('gray-25', 'blue-900', 10);\nconst listView = style<GridListRenderProps & {isQuiet?: boolean; isDropTarget?: boolean}>({\n  ...focusRing(),\n  outlineOffset: {\n    default: -2,\n    isQuiet: -1\n  },\n  userSelect: 'none',\n  minHeight: 0,\n  minWidth: 0,\n  width: 'full',\n  height: 'full',\n  boxSizing: 'border-box',\n  overflow: 'auto',\n  fontSize: controlFont(),\n  backgroundColor: {\n    default: 'gray-25',\n    isQuiet: 'transparent',\n    isDropTarget: {\n      default: dropTargetBackground,\n      forcedColors: 'Background'\n    }\n  },\n  borderRadius: {\n    default: 'default',\n    isQuiet: 'none'\n  },\n  borderColor: {\n    default: 'gray-300',\n    forcedColors: 'ButtonBorder'\n  },\n  borderWidth: {\n    default: 1,\n    isQuiet: 0\n  },\n  borderStyle: 'solid',\n  forcedColorAdjust: 'none',\n  '--trailing-icon-width': {\n    type: 'width',\n    value: {\n      default: 'auto',\n      [hasTrailingIconRows]: fontRelative(20)\n    }\n  }\n});\n\nexport class S2ListLayout<T> extends ListLayout<T> {\n  getDropTargetLayoutInfo(target: ItemDropTarget): LayoutInfo {\n    let layoutInfo = super.getDropTargetLayoutInfo(target);\n    layoutInfo.zIndex = 1;\n    layoutInfo.allowOverflow = true;\n    return layoutInfo;\n  }\n}\n\n/**\n * A ListView displays a list of interactive items, and allows a user to navigate, select, or\n * perform an action.\n */\nexport const ListView = /*#__PURE__*/ (forwardRef as forwardRefType)(function ListView<T>(\n  props: ListViewProps<T>,\n  ref: DOMRef<HTMLDivElement>\n) {\n  [props, ref] = useSpectrumContextProps(props, ref, ListViewContext);\n  let {\n    children,\n    isQuiet,\n    selectionStyle = 'checkbox',\n    overflowMode = 'truncate',\n    loadingState,\n    onLoadMore,\n    renderEmptyState: userRenderEmptyState,\n    hideLinkOutIcon = false,\n    dragAndDropHooks,\n    ...otherProps\n  } = props;\n  let scale = useScale();\n\n  if (dragAndDropHooks && dragAndDropHooks.renderDragPreview == null) {\n    dragAndDropHooks.renderDragPreview = items => (\n      <DragPreview items={items} overflowMode={overflowMode} />\n    );\n  }\n\n  if (dragAndDropHooks) {\n    dragAndDropHooks.renderDropIndicator = target => (\n      <InsertionIndicator target={target as ItemDropTarget} />\n    );\n  }\n\n  let stringFormatter = useLocalizedStringFormatter(intlMessages, '@react-spectrum/s2');\n  let rowHeight = scale === 'large' ? 50 : 40;\n\n  let domRef = useDOMRef(ref);\n  let scrollRef = useRef<HTMLElement | null>(null);\n\n  let isLoading = loadingState === 'loading' || loadingState === 'loadingMore';\n  let renderEmptyState: ListViewProps<T>['renderEmptyState'] | undefined;\n  if (userRenderEmptyState != null && !isLoading) {\n    renderEmptyState = renderProps => (\n      <div className={emptyStateWrapper}>\n        <CollectionRendererContext.Provider value={DefaultCollectionRenderer}>\n          {userRenderEmptyState!(renderProps)}\n        </CollectionRendererContext.Provider>\n      </div>\n    );\n  } else if (loadingState === 'loading') {\n    renderEmptyState = () => (\n      <div className={centeredWrapper}>\n        <div className={loadingSpinnerWrapper}>\n          <ProgressCircle isIndeterminate aria-label={stringFormatter.format('table.loading')} />\n        </div>\n      </div>\n    );\n  }\n\n  let loadMoreSpinner = onLoadMore ? (\n    <GridListLoadMoreItem\n      isLoading={loadingState === 'loadingMore'}\n      onLoadMore={onLoadMore}\n      className={style({height: 'full', width: 'full', paddingY: 8})}>\n      <div className={centeredWrapper}>\n        <div className={loadingSpinnerWrapper}>\n          <ProgressCircle\n            isIndeterminate\n            aria-label={stringFormatter.format('table.loadingMore')}\n          />\n        </div>\n      </div>\n    </GridListLoadMoreItem>\n  ) : null;\n\n  let wrappedChildren: ReactNode;\n  let gridListProps = otherProps;\n  if (typeof children === 'function' && otherProps.items) {\n    let {items, dependencies = [], ...rest} = otherProps;\n    gridListProps = rest;\n    wrappedChildren = (\n      <>\n        <Collection items={items} dependencies={dependencies}>\n          {children}\n        </Collection>\n        {loadMoreSpinner}\n      </>\n    );\n  } else {\n    wrappedChildren = (\n      <>\n        {children}\n        {loadMoreSpinner}\n      </>\n    );\n  }\n\n  let {selectedKeys, onSelectionChange, actionBar, actionBarHeight} = useActionBarContainer({\n    ...props,\n    scrollRef\n  });\n\n  return (\n    <div\n      ref={domRef}\n      className={\n        (props.UNSAFE_className || '') + listViewWrapper(null, props.styles) + ' ' + rootDropOutline\n      }\n      style={props.UNSAFE_style}>\n      <Virtualizer\n        layout={S2ListLayout}\n        layoutOptions={{\n          estimatedRowHeight: rowHeight,\n          loaderHeight: 60,\n          dropIndicatorThickness: 0\n        }}>\n        <InternalListViewContext.Provider\n          value={{isQuiet, selectionStyle, overflowMode, scale, hideLinkOutIcon}}>\n          <GridList\n            ref={scrollRef as any}\n            {...gridListProps}\n            dragAndDropHooks={dragAndDropHooks}\n            selectionBehavior={selectionStyle === 'highlight' ? 'replace' : 'toggle'}\n            selectionMode={gridListProps.selectionMode}\n            renderEmptyState={renderEmptyState}\n            style={{\n              paddingBottom: actionBarHeight > 0 ? actionBarHeight + 8 : 0,\n              scrollPaddingBottom: actionBarHeight > 0 ? actionBarHeight + 8 : 0\n            }}\n            className={renderProps =>\n              listView({\n                ...renderProps,\n                isQuiet,\n                isDropTarget: renderProps.isDropTarget\n              })\n            }\n            selectedKeys={selectedKeys}\n            defaultSelectedKeys={undefined}\n            onSelectionChange={onSelectionChange}>\n            {wrappedChildren}\n          </GridList>\n        </InternalListViewContext.Provider>\n      </Virtualizer>\n      {actionBar}\n    </div>\n  );\n});\n\nconst selectedBackground = colorMix('gray-25', 'gray-900', 7);\nconst selectedActiveBackground = colorMix('gray-25', 'gray-900', 10);\n\n// TODO: removed the background color in HCM for highlight selection since it made it hard to see the focus\n// ring of the drag button, this matches v3 anyways. thoughts?\nconst listitem = style<\n  GridListItemRenderProps & {\n    isFocused: boolean;\n    isLink?: boolean;\n    isQuiet?: boolean;\n    isFirstItem?: boolean;\n    isLastItem?: boolean;\n    isSelected?: boolean;\n    isDisabled?: boolean;\n    isNextSelected?: boolean;\n    isPrevSelected?: boolean;\n    isPrevNotSelected?: boolean;\n    isNextNotSelected?: boolean;\n    selectionStyle?: 'highlight' | 'checkbox';\n    scale?: 'medium' | 'large';\n    isDropTarget?: boolean;\n  }\n>({\n  outlineStyle: {\n    default: 'none'\n  },\n  boxSizing: 'border-box',\n  columnGap: 0,\n  paddingX: 0,\n  paddingY: 8,\n  backgroundColor: 'transparent',\n  color: {\n    default: baseColor('neutral-subdued'),\n    isSelected: baseColor('neutral'),\n    isDisabled: 'disabled',\n    forcedColors: {\n      default: 'ButtonText',\n      isSelected: {\n        selectionStyle: {\n          highlight: 'HighlightText'\n        }\n      },\n      isDisabled: 'GrayText'\n    }\n  },\n  position: 'relative',\n  gridColumnStart: 1,\n  gridColumnEnd: -1,\n  display: 'grid',\n  gridTemplateAreas: [\n    '. dragbutton . checkmark icon label       actions actionmenu trailing-icon .',\n    '. .          . .         .    description actions actionmenu trailing-icon .'\n  ],\n  gridTemplateColumns: [\n    4,\n    'auto',\n    8,\n    'auto',\n    'auto',\n    'minmax(0, 1fr)',\n    'auto',\n    'auto',\n    'var(--trailing-icon-width)',\n    6\n  ],\n  gridTemplateRows: '1fr auto',\n  rowGap: {\n    ':has([slot=description])': space(1)\n  },\n  alignItems: 'baseline',\n  minHeight: {\n    default: 40,\n    scale: {\n      large: 50\n    }\n  },\n  textDecoration: 'none',\n  cursor: {\n    default: 'default',\n    isLink: 'pointer'\n  },\n  '--borderColor': {\n    type: 'borderColor',\n    value: {\n      default: 'gray-300',\n      forcedColors: 'ButtonBorder',\n      isSelected: {\n        selectionStyle: {\n          highlight: {\n            default: 'blue-900',\n            forcedColors: 'Highlight'\n          },\n          checkbox: 'gray-300'\n        }\n      }\n    }\n  },\n  borderTopWidth: 0,\n  borderBottomWidth: {\n    default: 1,\n    isLastItem: {\n      default: 1,\n      isQuiet: 0\n    }\n  },\n  borderStartWidth: 0,\n  borderEndWidth: 0,\n  borderStyle: 'solid',\n  borderColor: {\n    default: '--borderColor',\n    isNextSelected: 'transparent',\n    isSelected: 'transparent',\n    forcedColors: 'ButtonBorder'\n  },\n  '--radius': {\n    type: 'borderTopStartRadius',\n    value: 'default'\n  },\n  forcedColorAdjust: 'none'\n});\n\nconst insetBorderRadius = 'calc(var(--radius) - 1px)';\nconst rootDropSelectedRowBackground = colorMix('gray-25', 'blue-900', 28);\nconst rowDropBackground = colorMix('gray-25', 'blue-900', 10);\nconst rootRowDropStyles = {\n  // Unlike v3 tableview, v3 listview has the same background color for the listview itself and the rows when\n  // dropping on root\n  default: dropTargetBackground,\n  isSelected: rootDropSelectedRowBackground,\n  forcedColors: 'Background'\n} as const;\nconst rowDropStyles = {\n  // Also unlike v3, dropping on a selected row vs a non selected row doesn't have any difference in background color\n  default: rowDropBackground,\n  isSelected: rowDropBackground,\n  forcedColors: 'Background'\n} as const;\n\nconst listRowBackground = style<\n  GridListItemRenderProps & {\n    isFirstItem?: boolean;\n    isLastItem?: boolean;\n    isQuiet?: boolean;\n    isPrevSelected?: boolean;\n    isNextSelected?: boolean;\n    isPrevNotSelected?: boolean;\n    isNextNotSelected?: boolean;\n    selectionStyle?: 'highlight' | 'checkbox';\n    isDropTarget?: boolean;\n  }\n>({\n  position: 'absolute',\n  zIndex: -1,\n  top: {\n    default: 0,\n    isSelected: '[-1px]',\n    // Don't overlap focus ring of row above.\n    isPrevSelected: 0,\n    isFirstItem: 0,\n    forcedColors: 0\n  },\n  left: 0,\n  right: 0,\n  bottom: {\n    default: 0,\n    isSelected: '[-1px]'\n  },\n  backgroundColor: {\n    default: '--rowBackgroundColor',\n    isHovered: {\n      default: 'gray-900/5',\n      selectionStyle: {\n        checkbox: selectedBackground\n      }\n    },\n    isPressed: {\n      default: 'gray-900/10',\n      selectionStyle: {\n        checkbox: selectedActiveBackground\n      }\n    },\n    isSelected: {\n      selectionStyle: {\n        checkbox: {\n          default: selectedBackground,\n          isHovered: selectedActiveBackground,\n          isPressed: selectedActiveBackground,\n          isFocusVisible: selectedActiveBackground\n        },\n        highlight: {\n          // Use solid colors rather than transparent because the rows overlap.\n          default: colorMix('gray-25', 'blue-900', 10),\n          isHovered: colorMix('gray-25', 'blue-900', 15),\n          isPressed: colorMix('gray-25', 'blue-900', 15)\n        }\n      }\n    },\n    forcedColors: {\n      default: 'transparent',\n      selectionStyle: {\n        highlight: {\n          isSelected: 'Highlight'\n        }\n      }\n    },\n    ':is([role=\"grid\"][data-drop-target] *)': rootRowDropStyles,\n    isDropTarget: rowDropStyles\n  },\n  borderTopStartRadius: {\n    isQuiet: 'default',\n    isSelected: 'none',\n    isPrevNotSelected: {\n      isSelected: {\n        selectionStyle: {\n          checkbox: 'none',\n          highlight: insetBorderRadius\n        }\n      },\n      isQuiet: 'default'\n    },\n    isDropTarget: insetBorderRadius\n  },\n  borderTopEndRadius: {\n    isQuiet: 'default',\n    isSelected: 'none',\n    isPrevNotSelected: {\n      isSelected: {\n        selectionStyle: {\n          checkbox: 'none',\n          highlight: insetBorderRadius\n        }\n      },\n      isQuiet: 'default'\n    },\n    isDropTarget: insetBorderRadius\n  },\n  borderBottomStartRadius: {\n    isQuiet: 'default',\n    isSelected: 'none',\n    isNextNotSelected: {\n      isSelected: {\n        selectionStyle: {\n          checkbox: 'none',\n          highlight: insetBorderRadius\n        }\n      },\n      isQuiet: 'default'\n    },\n    isDropTarget: insetBorderRadius\n  },\n  borderBottomEndRadius: {\n    isQuiet: 'default',\n    isSelected: 'none',\n    isNextNotSelected: {\n      isSelected: {\n        selectionStyle: {\n          checkbox: 'none',\n          highlight: insetBorderRadius\n        }\n      },\n      isQuiet: 'default'\n    },\n    isDropTarget: insetBorderRadius\n  },\n  borderTopWidth: {\n    default: {\n      selectionStyle: {\n        checkbox: 0,\n        highlight: 1\n      }\n    },\n    isPrevSelected: 0,\n    isDropTarget: 2\n  },\n  borderBottomWidth: {\n    default: {\n      selectionStyle: {\n        checkbox: 0,\n        highlight: 1\n      }\n    },\n    isNextSelected: 0,\n    isDropTarget: 2\n  },\n  borderStartWidth: {\n    default: {\n      selectionStyle: {\n        checkbox: 0,\n        highlight: 1\n      }\n    },\n    isDropTarget: 2\n  },\n  borderEndWidth: {\n    default: {\n      selectionStyle: {\n        checkbox: 0,\n        highlight: 1\n      }\n    },\n    isDropTarget: 2\n  },\n  borderStyle: 'solid',\n  borderColor: {\n    default: 'transparent',\n    isSelected: {\n      selectionStyle: {\n        checkbox: 'transparent',\n        highlight: '--borderColor'\n      }\n    },\n    isDropTarget: 'blue-800',\n    forcedColors: {\n      isDropTarget: 'Highlight'\n    }\n  }\n});\n\nlet listRowFocusRing = style<\n  GridListItemRenderProps & {\n    selectionStyle?: 'highlight' | 'checkbox';\n    isFirstItem?: boolean;\n    isPrevSelected?: boolean;\n    isPrevNotSelected?: boolean;\n    isNextSelected?: boolean;\n    isNextNotSelected?: boolean;\n    isLastItem?: boolean;\n    isQuiet?: boolean;\n  }\n>({\n  ...focusRing(),\n  outlineOffset: {\n    default: -2,\n    forcedColors: -3\n  },\n  outlineWidth: {\n    default: 2,\n    forcedColors: '[3px]'\n  },\n  outlineColor: {\n    default: 'focus-ring',\n    forcedColors: {\n      default: 'Highlight',\n      selectionStyle: {\n        highlight: 'ButtonBorder'\n      }\n    }\n  },\n  position: 'absolute',\n  inset: 0,\n  top: {\n    default: '[-1px]',\n    isFirstItem: 0\n  },\n  bottom: {\n    selectionStyle: {\n      checkbox: {\n        default: '[-1px]',\n        // Avoid the next row's selected background covering this row's focus ring.\n        isNextSelected: 0\n      },\n      highlight: '[-1px]'\n    }\n  },\n  borderRadius: {\n    default: insetBorderRadius,\n    isQuiet: 'default'\n  },\n  zIndex: 1,\n  pointerEvents: 'none'\n});\n\nlet rowWrapper = style({\n  display: 'contents'\n});\n\nlet image = style({\n  gridArea: 'icon',\n  gridRowEnd: 'span 2',\n  marginEnd: 'text-to-visual',\n  alignSelf: 'center',\n  borderRadius: 'sm',\n  width: 32,\n  aspectRatio: 'square',\n  objectFit: 'cover'\n});\n\nlet actionButtonGroup = style({\n  gridArea: 'actions',\n  gridRowEnd: 'span 2',\n  alignSelf: 'center',\n  justifySelf: 'end',\n  marginStart: 'text-to-visual'\n});\n\nlet listActionMenu = style({\n  gridArea: 'actionmenu',\n  gridRowEnd: 'span 2',\n  alignSelf: 'center'\n});\n\nconst listCheckbox = style({\n  gridArea: 'checkmark',\n  gridRowEnd: 'span 2',\n  alignSelf: 'center',\n  marginEnd: 8,\n  visibility: {\n    default: 'visible',\n    isDisabled: 'hidden'\n  }\n});\n\nconst listTrailingIcon = style({\n  gridArea: 'trailing-icon',\n  gridRowEnd: 'span 2',\n  alignSelf: 'center',\n  display: 'flex',\n  alignItems: 'center',\n  marginStart: 'text-to-visual'\n});\n\nlet dragButtonContainer = style({\n  gridArea: 'dragbutton',\n  gridRowEnd: 'span 2',\n  alignSelf: 'center',\n  display: 'flex',\n  alignItems: 'center',\n  width: 10\n});\n\nconst centeredWrapper = style({\n  display: 'flex',\n  alignItems: 'center',\n  justifyContent: 'center',\n  width: 'full',\n  height: 'full'\n});\n\nconst loadingSpinnerWrapper = style({\n  padding: space(4)\n});\n\nconst emptyStateWrapper = style({\n  display: 'flex',\n  alignItems: 'center',\n  justifyContent: 'center',\n  width: 'full',\n  height: 'full',\n  boxSizing: 'border-box',\n  padding: 16\n});\n\nfunction ListSelectionCheckbox({isDisabled}: {isDisabled: boolean}) {\n  let selectionContext = useSlottedContext(CheckboxContext, 'selection');\n  let isSelectionDisabled = isDisabled || !!selectionContext?.isDisabled;\n  return (\n    <div className={listCheckbox({isDisabled: isSelectionDisabled})}>\n      <Checkbox slot=\"selection\" />\n    </div>\n  );\n}\n\nexport function ListViewItem(props: ListViewItemProps): ReactNode {\n  let ref = useRef(null);\n  let {hasChildItems, ...otherProps} = props;\n  let isLink = props.href != null;\n  let isLinkOut = isLink && props.target === '_blank';\n  let {\n    isQuiet,\n    selectionStyle,\n    overflowMode,\n    scale,\n    hideLinkOutIcon = false\n  } = useContext(InternalListViewContext);\n  let textValue =\n    props.textValue || (typeof props.children === 'string' ? props.children : undefined);\n  let {direction} = useLocale();\n  let hasTrailingIcon = hasChildItems || (isLinkOut && !hideLinkOutIcon);\n\n  return (\n    <GridListItem\n      {...otherProps}\n      textValue={textValue}\n      ref={ref}\n      {...(hasTrailingIcon ? {'data-has-trailing-icon': ''} : {})}\n      className={renderProps =>\n        listitem({\n          ...renderProps,\n          isLink,\n          isQuiet,\n          scale,\n          selectionStyle,\n          isPrevNotSelected: !isPrevSelected(renderProps.id, renderProps.state),\n          isNextSelected: isNextSelected(renderProps.id, renderProps.state),\n          isNextNotSelected: !isNextSelected(renderProps.id, renderProps.state),\n          isFirstItem: isFirstItem(renderProps.id, renderProps.state),\n          isLastItem: isLastItem(renderProps.id, renderProps.state)\n        })\n      }>\n      {renderProps => {\n        let {children} = props;\n        let {\n          selectionMode,\n          selectionBehavior,\n          isDisabled,\n          id,\n          state,\n          allowsDragging,\n          isFocusVisibleWithin\n        } = renderProps;\n        return (\n          <Provider\n            values={[\n              [\n                TextContext,\n                {\n                  slots: {\n                    [DEFAULT_SLOT]: {styles: label({...renderProps, overflowMode})},\n                    label: {styles: label({...renderProps, overflowMode})},\n                    description: {styles: description({...renderProps, overflowMode})}\n                  }\n                }\n              ],\n              [\n                IconContext,\n                {\n                  slots: {\n                    icon: {\n                      render: centerBaseline({slot: 'icon', styles: iconCenterWrapper}),\n                      styles: icon\n                    }\n                  }\n                }\n              ],\n              [ImageContext, {styles: image}],\n              [\n                ActionButtonGroupContext,\n                {\n                  styles: actionButtonGroup,\n                  size: 'S',\n                  isQuiet: true\n                }\n              ],\n              [\n                ActionMenuContext,\n                {\n                  styles: listActionMenu,\n                  isQuiet: true,\n                  size: 'S',\n                  isDisabled\n                }\n              ]\n            ]}>\n            <div className={rowWrapper}>\n              <div\n                className={listRowBackground({\n                  ...renderProps,\n                  selectionStyle,\n                  isQuiet,\n                  isDropTarget: renderProps.isDropTarget,\n                  isPrevSelected: isPrevSelected(id, state),\n                  isNextSelected: isNextSelected(id, state),\n                  isPrevNotSelected: !isPrevSelected(id, state),\n                  isNextNotSelected: !isNextSelected(id, state),\n                  isFirstItem: isFirstItem(id, state),\n                  isLastItem: isLastItem(id, state)\n                })}\n              />\n              {renderProps.isFocusVisible && (\n                <div\n                  className={listRowFocusRing({\n                    ...renderProps,\n                    selectionStyle,\n                    isQuiet,\n                    isPrevSelected: isPrevSelected(id, state),\n                    isNextSelected: isNextSelected(id, state),\n                    isPrevNotSelected: !isPrevSelected(id, state),\n                    isNextNotSelected: !isNextSelected(id, state),\n                    isFirstItem: isFirstItem(id, state),\n                    isLastItem: isLastItem(id, state)\n                  })}\n                />\n              )}\n              {allowsDragging && (\n                <div className={dragButtonContainer}>\n                  {!isDisabled && <DragHandleButton isFocusVisibleWithin={isFocusVisibleWithin} />}\n                </div>\n              )}\n              {selectionMode !== 'none' && selectionBehavior === 'toggle' && (\n                <ListSelectionCheckbox isDisabled={isDisabled} />\n              )}\n              {typeof children === 'string' ? <Text slot=\"label\">{children}</Text> : children}\n              {isLinkOut && !hideLinkOutIcon && (\n                <div className={listTrailingIcon}>\n                  <LinkOutIcon\n                    size=\"M\"\n                    className={style({\n                      scaleX: {\n                        direction: {\n                          rtl: -1\n                        }\n                      },\n                      '--iconPrimary': {\n                        type: 'fill',\n                        value: 'currentColor'\n                      }\n                    })({direction})}\n                  />\n                </div>\n              )}\n              {hasChildItems && !isLinkOut && (\n                <div className={listTrailingIcon}>\n                  <Chevron\n                    className={style({\n                      scale: {\n                        direction: {\n                          ltr: '1',\n                          rtl: '-1'\n                        }\n                      },\n                      '--iconPrimary': {\n                        type: 'fill',\n                        value: 'currentColor'\n                      }\n                    })({direction})}\n                  />\n                </div>\n              )}\n            </div>\n          </Provider>\n        );\n      }}\n    </GridListItem>\n  );\n}\n\nfunction isNextSelected(id: Key | undefined, state: ListState<unknown>) {\n  if (id == null || !state) {\n    return false;\n  }\n  let keyAfter = state.collection.getKeyAfter(id);\n  return keyAfter != null && state.selectionManager.isSelected(keyAfter);\n}\n\nfunction isPrevSelected(id: Key | undefined, state: ListState<unknown>) {\n  if (id == null || !state) {\n    return false;\n  }\n  let keyBefore = state.collection.getKeyBefore(id);\n  return keyBefore != null && state.selectionManager.isSelected(keyBefore);\n}\n\nfunction isFirstItem(id: Key | undefined, state: ListState<unknown>) {\n  if (id == null || !state) {\n    return false;\n  }\n  return state.collection.getFirstKey() === id;\n}\n\nfunction isLastItem(id: Key | undefined, state: ListState<unknown>) {\n  if (id == null || !state) {\n    return false;\n  }\n\n  let key = state.collection.getLastKey();\n  let node = key ? state.collection.getItem(key) : null;\n\n  return node ? node.key === id : false;\n}\n"],"names":[],"version":3,"file":"ListView.mjs.map"}
+{"mappings":"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","sources":["packages/@react-spectrum/s2/src/ListView.tsx"],"sourcesContent":["/*\n * Copyright 2026 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 {ActionButtonGroupContext} from './ActionButtonGroup';\nimport {ActionMenuContext} from './ActionMenu';\nimport {\n  baseColor,\n  color,\n  colorMix,\n  focusRing,\n  fontRelative,\n  space,\n  style\n} from '../style' with {type: 'macro'};\nimport {centerBaseline} from './CenterBaseline';\nimport {Checkbox} from './Checkbox';\nimport {CheckboxContext} from 'react-aria-components/Checkbox';\nimport Chevron from '../ui-icons/Chevron';\nimport {Collection} from 'react-aria/Collection';\nimport {\n  CollectionRendererContext,\n  DefaultCollectionRenderer\n} from 'react-aria-components/CollectionBuilder';\nimport {\n  ContextValue,\n  DEFAULT_SLOT,\n  Provider,\n  SlotProps,\n  useSlottedContext\n} from 'react-aria-components/slots';\nimport {\n  controlFont,\n  getAllowedOverrides,\n  StylesPropWithHeight,\n  UnsafeStyles\n} from './style-utils' with {type: 'macro'};\nimport {createContext, forwardRef, ReactElement, ReactNode, useContext, useRef} from 'react';\nimport {css} from '../style/style-macro' with {type: 'macro'};\nimport {description, DragPreview, icon, iconCenterWrapper, label} from './DragPreview';\nimport {\n  DOMProps,\n  DOMRef,\n  DOMRefValue,\n  forwardRefType,\n  GlobalDOMAttributes,\n  ItemDropTarget,\n  LoadingState\n} from '@react-types/shared';\nimport {DragHandleButton, InsertionIndicator} from './dnd-utils';\nimport {\n  GridList,\n  GridListItem,\n  GridListItemProps,\n  GridListItemRenderProps,\n  GridListLoadMoreItem,\n  GridListProps,\n  GridListRenderProps\n} from 'react-aria-components/GridList';\nimport {IconContext} from './Icon';\nimport {ImageContext} from './Image';\nimport intlMessages from '../intl/*.json';\nimport {Key} from '@react-types/shared';\nimport {LayoutInfo, Virtualizer} from 'react-aria-components/Virtualizer';\nimport LinkOutIcon from '../ui-icons/LinkOut';\nimport {ListLayout} from 'react-stately/useVirtualizerState';\nimport type {ListState} from 'react-stately/useListState';\nimport {ProgressCircle} from './ProgressCircle';\nimport {Text, TextContext} from './Content';\nimport {useActionBarContainer} from './ActionBar';\nimport {useDOMRef} from './useDOMRef';\nimport {useLocale} from 'react-aria/I18nProvider';\nimport {useLocalizedStringFormatter} from 'react-aria/useLocalizedStringFormatter';\nimport {useScale} from './utils';\nimport {useSpectrumContextProps} from './useSpectrumContextProps';\n\nexport interface ListViewProps<T>\n  extends\n    Omit<\n      GridListProps<T>,\n      | 'className'\n      | 'style'\n      | 'children'\n      | 'selectionBehavior'\n      | 'layout'\n      | 'render'\n      | 'orientation'\n      | keyof GlobalDOMAttributes\n    >,\n    DOMProps,\n    UnsafeStyles,\n    ListViewStylesProps,\n    SlotProps {\n  /** Spectrum-defined styles, returned by the `style()` macro. */\n  styles?: StylesPropWithHeight;\n  /** The current loading state of the ListView. */\n  loadingState?: LoadingState;\n  /** Handler that is called when more items should be loaded, e.g. while scrolling near the bottom. */\n  onLoadMore?: () => void;\n  /** The children of the ListView. */\n  children: ReactNode | ((item: T) => ReactNode);\n  /** Provides the ActionBar to display when items are selected in the ListView. */\n  renderActionBar?: (selectedKeys: 'all' | Set<Key>) => ReactElement;\n  /** Hides the default link out icons on items that open links in a new tab. */\n  hideLinkOutIcon?: boolean;\n}\n\ninterface ListViewStylesProps {\n  /** Whether the ListView should be displayed with a quiet style. */\n  isQuiet?: boolean;\n  /**\n   * How selection should be displayed.\n   *\n   * @default 'checkbox'\n   */\n  selectionStyle?: 'highlight' | 'checkbox';\n  /**\n   * Sets the overflow behavior for item contents.\n   *\n   * @default 'truncate'\n   */\n  overflowMode?: 'wrap' | 'truncate';\n}\n\nexport interface ListViewItemProps extends Omit<\n  GridListItemProps,\n  'children' | 'className' | 'style' | 'render' | 'onClick' | keyof GlobalDOMAttributes\n> {\n  /**\n   * The contents of the item.\n   */\n  children: ReactNode;\n  /** Whether the item has child items (renders a chevron indicator). */\n  hasChildItems?: boolean;\n}\n\nexport const ListViewContext =\n  createContext<ContextValue<Partial<ListViewProps<any>>, DOMRefValue<HTMLDivElement>>>(null);\n\nlet InternalListViewContext = createContext<{\n  isQuiet?: boolean;\n  selectionStyle?: 'highlight' | 'checkbox';\n  overflowMode?: 'wrap' | 'truncate';\n  scale?: 'medium' | 'large';\n  hideLinkOutIcon?: boolean;\n}>({});\n\nconst listViewWrapper = style(\n  {\n    minHeight: 0,\n    minWidth: 200,\n    display: 'flex',\n    isolation: 'isolate',\n    disableTapHighlight: true,\n    position: 'relative',\n    // Clip ActionBar animation.\n    overflow: 'clip',\n    '--root-drop-radius': {\n      type: 'borderTopStartRadius',\n      value: 'default'\n    }\n  },\n  getAllowedOverrides({height: true})\n);\n\n// similar to tableview, use this approach so we can actually have a 2px outline when root dropping.\n// cant do a external box shadow due to the clipping that is applied on the wrapper element...\n// an inset box shadow runs into problems with the item background clipping the box shadow...\nconst rootDropOutline = css(`\n  &:has([role=\"grid\"][data-drop-target])::after {\n    content: \"\";\n    position: absolute;\n    inset: 0;\n    pointer-events: none;\n    border: 2px solid ${color('blue-800')};\n    border-radius: var(--root-drop-radius);\n    z-index: 2;\n  }\n  @media (forced-colors: active) {\n    &:has([role=\"grid\"][data-drop-target])::after {\n      border-color: Highlight;\n    }\n  }\n`);\n\n// When any row has a trailing icon, reserve space so actions align.\nconst hasTrailingIconRows = ':has([data-has-trailing-icon]) [role=\"row\"]';\n\nconst dropTargetBackground = colorMix('gray-25', 'blue-900', 10);\nconst listView = style<GridListRenderProps & {isQuiet?: boolean; isDropTarget?: boolean}>({\n  ...focusRing(),\n  outlineOffset: {\n    default: -2,\n    isQuiet: -1\n  },\n  userSelect: 'none',\n  minHeight: 0,\n  minWidth: 0,\n  width: 'full',\n  height: 'full',\n  boxSizing: 'border-box',\n  overflow: 'auto',\n  fontSize: controlFont(),\n  backgroundColor: {\n    default: 'gray-25',\n    isQuiet: 'transparent',\n    isDropTarget: {\n      default: dropTargetBackground,\n      forcedColors: 'Background'\n    }\n  },\n  borderRadius: {\n    default: 'default',\n    isQuiet: 'none'\n  },\n  borderColor: {\n    default: 'gray-300',\n    forcedColors: 'ButtonBorder'\n  },\n  borderWidth: {\n    default: 1,\n    isQuiet: 0\n  },\n  borderStyle: 'solid',\n  forcedColorAdjust: 'none',\n  '--trailing-icon-width': {\n    type: 'width',\n    value: {\n      default: 'auto',\n      [hasTrailingIconRows]: fontRelative(20)\n    }\n  }\n});\n\nexport class S2ListLayout<T> extends ListLayout<T> {\n  getDropTargetLayoutInfo(target: ItemDropTarget): LayoutInfo {\n    let layoutInfo = super.getDropTargetLayoutInfo(target);\n    layoutInfo.zIndex = 1;\n    layoutInfo.allowOverflow = true;\n    return layoutInfo;\n  }\n}\n\n/**\n * A ListView displays a list of interactive items, and allows a user to navigate, select, or\n * perform an action.\n */\nexport const ListView = /*#__PURE__*/ (forwardRef as forwardRefType)(function ListView<T>(\n  props: ListViewProps<T>,\n  ref: DOMRef<HTMLDivElement>\n) {\n  [props, ref] = useSpectrumContextProps(props, ref, ListViewContext);\n  let {\n    children,\n    isQuiet,\n    selectionStyle = 'checkbox',\n    overflowMode = 'truncate',\n    loadingState,\n    onLoadMore,\n    renderEmptyState: userRenderEmptyState,\n    hideLinkOutIcon = false,\n    dragAndDropHooks,\n    ...otherProps\n  } = props;\n  let scale = useScale();\n\n  if (dragAndDropHooks && dragAndDropHooks.renderDragPreview == null) {\n    dragAndDropHooks.renderDragPreview = items => (\n      <DragPreview items={items} overflowMode={overflowMode} />\n    );\n  }\n\n  if (dragAndDropHooks) {\n    dragAndDropHooks.renderDropIndicator = target => (\n      <InsertionIndicator target={target as ItemDropTarget} />\n    );\n  }\n\n  let stringFormatter = useLocalizedStringFormatter(intlMessages, '@react-spectrum/s2');\n  let rowHeight = scale === 'large' ? 50 : 40;\n\n  let domRef = useDOMRef(ref);\n  let scrollRef = useRef<HTMLElement | null>(null);\n\n  let isLoading = loadingState === 'loading' || loadingState === 'loadingMore';\n  let renderEmptyState: ListViewProps<T>['renderEmptyState'] | undefined;\n  if (userRenderEmptyState != null && !isLoading) {\n    renderEmptyState = renderProps => (\n      <div className={emptyStateWrapper}>\n        <CollectionRendererContext.Provider value={DefaultCollectionRenderer}>\n          {userRenderEmptyState!(renderProps)}\n        </CollectionRendererContext.Provider>\n      </div>\n    );\n  } else if (loadingState === 'loading') {\n    renderEmptyState = () => (\n      <div className={centeredWrapper}>\n        <div className={loadingSpinnerWrapper}>\n          <ProgressCircle isIndeterminate aria-label={stringFormatter.format('table.loading')} />\n        </div>\n      </div>\n    );\n  }\n\n  let loadMoreSpinner = onLoadMore ? (\n    <GridListLoadMoreItem\n      isLoading={loadingState === 'loadingMore'}\n      onLoadMore={onLoadMore}\n      className={style({height: 'full', width: 'full', paddingY: 8})}>\n      <div className={centeredWrapper}>\n        <div className={loadingSpinnerWrapper}>\n          <ProgressCircle\n            isIndeterminate\n            aria-label={stringFormatter.format('table.loadingMore')}\n          />\n        </div>\n      </div>\n    </GridListLoadMoreItem>\n  ) : null;\n\n  let wrappedChildren: ReactNode;\n  let gridListProps = otherProps;\n  if (typeof children === 'function' && otherProps.items) {\n    let {items, dependencies = [], ...rest} = otherProps;\n    gridListProps = rest;\n    wrappedChildren = (\n      <>\n        <Collection items={items} dependencies={dependencies}>\n          {children}\n        </Collection>\n        {loadMoreSpinner}\n      </>\n    );\n  } else {\n    wrappedChildren = (\n      <>\n        {children}\n        {loadMoreSpinner}\n      </>\n    );\n  }\n\n  let {selectedKeys, onSelectionChange, actionBar, actionBarHeight} = useActionBarContainer({\n    ...props,\n    scrollRef\n  });\n\n  return (\n    <div\n      ref={domRef}\n      className={\n        (props.UNSAFE_className || '') + listViewWrapper(null, props.styles) + ' ' + rootDropOutline\n      }\n      style={props.UNSAFE_style}>\n      <Virtualizer\n        layout={S2ListLayout}\n        layoutOptions={{\n          estimatedRowHeight: rowHeight,\n          loaderHeight: 60,\n          dropIndicatorThickness: 0\n        }}>\n        <InternalListViewContext.Provider\n          value={{isQuiet, selectionStyle, overflowMode, scale, hideLinkOutIcon}}>\n          <GridList\n            ref={scrollRef as any}\n            {...gridListProps}\n            dragAndDropHooks={dragAndDropHooks}\n            selectionBehavior={selectionStyle === 'highlight' ? 'replace' : 'toggle'}\n            selectionMode={gridListProps.selectionMode}\n            renderEmptyState={renderEmptyState}\n            style={{\n              paddingBottom: actionBarHeight > 0 ? actionBarHeight + 8 : 0,\n              scrollPaddingBottom: actionBarHeight > 0 ? actionBarHeight + 8 : 0\n            }}\n            className={renderProps =>\n              listView({\n                ...renderProps,\n                isQuiet,\n                isDropTarget: renderProps.isDropTarget\n              })\n            }\n            selectedKeys={selectedKeys}\n            defaultSelectedKeys={undefined}\n            onSelectionChange={onSelectionChange}>\n            {wrappedChildren}\n          </GridList>\n        </InternalListViewContext.Provider>\n      </Virtualizer>\n      {actionBar}\n    </div>\n  );\n});\n\nconst selectedBackground = colorMix('gray-25', 'gray-900', 7);\nconst selectedActiveBackground = colorMix('gray-25', 'gray-900', 10);\n\n// TODO: removed the background color in HCM for highlight selection since it made it hard to see the focus\n// ring of the drag button, this matches v3 anyways. thoughts?\nconst listitem = style<\n  GridListItemRenderProps & {\n    isFocused: boolean;\n    isLink?: boolean;\n    isQuiet?: boolean;\n    isFirstItem?: boolean;\n    isLastItem?: boolean;\n    isSelected?: boolean;\n    isDisabled?: boolean;\n    isNextSelected?: boolean;\n    isPrevSelected?: boolean;\n    isPrevNotSelected?: boolean;\n    isNextNotSelected?: boolean;\n    selectionStyle?: 'highlight' | 'checkbox';\n    scale?: 'medium' | 'large';\n    isDropTarget?: boolean;\n  }\n>({\n  outlineStyle: {\n    default: 'none'\n  },\n  boxSizing: 'border-box',\n  columnGap: 0,\n  paddingX: 0,\n  paddingY: 8,\n  backgroundColor: 'transparent',\n  color: {\n    default: baseColor('neutral-subdued'),\n    isSelected: baseColor('neutral'),\n    isDisabled: 'disabled',\n    forcedColors: {\n      default: 'ButtonText',\n      isSelected: {\n        selectionStyle: {\n          highlight: 'HighlightText'\n        }\n      },\n      isDisabled: 'GrayText'\n    }\n  },\n  position: 'relative',\n  gridColumnStart: 1,\n  gridColumnEnd: -1,\n  display: 'grid',\n  gridTemplateAreas: [\n    '. dragbutton . checkmark icon label       actions actionmenu trailing-icon .',\n    '. .          . .         .    description actions actionmenu trailing-icon .'\n  ],\n  gridTemplateColumns: [\n    4,\n    'auto',\n    8,\n    'auto',\n    'auto',\n    'minmax(0, 1fr)',\n    'auto',\n    'auto',\n    'var(--trailing-icon-width)',\n    6\n  ],\n  gridTemplateRows: '1fr auto',\n  rowGap: {\n    ':has([slot=description])': space(1)\n  },\n  alignItems: 'baseline',\n  minHeight: {\n    default: 40,\n    scale: {\n      large: 50\n    }\n  },\n  textDecoration: 'none',\n  cursor: {\n    default: 'default',\n    isLink: 'pointer'\n  },\n  '--borderColor': {\n    type: 'borderColor',\n    value: {\n      default: 'gray-300',\n      forcedColors: 'ButtonBorder',\n      isSelected: {\n        selectionStyle: {\n          highlight: {\n            default: 'blue-900',\n            forcedColors: 'Highlight'\n          },\n          checkbox: 'gray-300'\n        }\n      }\n    }\n  },\n  borderTopWidth: 0,\n  borderBottomWidth: {\n    default: 1,\n    isLastItem: {\n      default: 1,\n      isQuiet: 0\n    }\n  },\n  borderStartWidth: 0,\n  borderEndWidth: 0,\n  borderStyle: 'solid',\n  borderColor: {\n    default: '--borderColor',\n    isNextSelected: 'transparent',\n    isSelected: 'transparent',\n    forcedColors: 'ButtonBorder'\n  },\n  '--radius': {\n    type: 'borderTopStartRadius',\n    value: 'default'\n  },\n  forcedColorAdjust: 'none'\n});\n\nconst insetBorderRadius = 'calc(var(--radius) - 1px)';\nconst rootDropSelectedRowBackground = colorMix('gray-25', 'blue-900', 28);\nconst rowDropBackground = colorMix('gray-25', 'blue-900', 10);\nconst rootRowDropStyles = {\n  // Unlike v3 tableview, v3 listview has the same background color for the listview itself and the rows when\n  // dropping on root\n  default: dropTargetBackground,\n  isSelected: rootDropSelectedRowBackground,\n  forcedColors: 'Background'\n} as const;\nconst rowDropStyles = {\n  // Also unlike v3, dropping on a selected row vs a non selected row doesn't have any difference in background color\n  default: rowDropBackground,\n  isSelected: rowDropBackground,\n  forcedColors: 'Background'\n} as const;\n\nconst listRowBackground = style<\n  GridListItemRenderProps & {\n    isFirstItem?: boolean;\n    isLastItem?: boolean;\n    isQuiet?: boolean;\n    isPrevSelected?: boolean;\n    isNextSelected?: boolean;\n    isPrevNotSelected?: boolean;\n    isNextNotSelected?: boolean;\n    selectionStyle?: 'highlight' | 'checkbox';\n    isDropTarget?: boolean;\n  }\n>({\n  position: 'absolute',\n  zIndex: -1,\n  top: {\n    default: 0,\n    isSelected: '[-1px]',\n    // Don't overlap focus ring of row above.\n    isPrevSelected: 0,\n    isFirstItem: 0,\n    forcedColors: 0\n  },\n  left: 0,\n  right: 0,\n  bottom: {\n    default: 0,\n    isSelected: '[-1px]'\n  },\n  backgroundColor: {\n    default: '--rowBackgroundColor',\n    isHovered: {\n      default: 'gray-900/5',\n      selectionStyle: {\n        checkbox: selectedBackground\n      }\n    },\n    isPressed: {\n      default: 'gray-900/10',\n      selectionStyle: {\n        checkbox: selectedActiveBackground\n      }\n    },\n    isSelected: {\n      selectionStyle: {\n        checkbox: {\n          default: selectedBackground,\n          isHovered: selectedActiveBackground,\n          isPressed: selectedActiveBackground,\n          isFocusVisible: selectedActiveBackground\n        },\n        highlight: {\n          // Use solid colors rather than transparent because the rows overlap.\n          default: colorMix('gray-25', 'blue-900', 10),\n          isHovered: colorMix('gray-25', 'blue-900', 15),\n          isPressed: colorMix('gray-25', 'blue-900', 15)\n        }\n      }\n    },\n    forcedColors: {\n      default: 'transparent',\n      selectionStyle: {\n        highlight: {\n          isSelected: 'Highlight'\n        }\n      }\n    },\n    ':is([role=\"grid\"][data-drop-target] *)': rootRowDropStyles,\n    isDropTarget: rowDropStyles\n  },\n  borderTopStartRadius: {\n    isQuiet: 'default',\n    isSelected: 'none',\n    isPrevNotSelected: {\n      isSelected: {\n        selectionStyle: {\n          checkbox: 'none',\n          highlight: insetBorderRadius\n        }\n      },\n      isQuiet: 'default'\n    },\n    isDropTarget: insetBorderRadius\n  },\n  borderTopEndRadius: {\n    isQuiet: 'default',\n    isSelected: 'none',\n    isPrevNotSelected: {\n      isSelected: {\n        selectionStyle: {\n          checkbox: 'none',\n          highlight: insetBorderRadius\n        }\n      },\n      isQuiet: 'default'\n    },\n    isDropTarget: insetBorderRadius\n  },\n  borderBottomStartRadius: {\n    isQuiet: 'default',\n    isSelected: 'none',\n    isNextNotSelected: {\n      isSelected: {\n        selectionStyle: {\n          checkbox: 'none',\n          highlight: insetBorderRadius\n        }\n      },\n      isQuiet: 'default'\n    },\n    isDropTarget: insetBorderRadius\n  },\n  borderBottomEndRadius: {\n    isQuiet: 'default',\n    isSelected: 'none',\n    isNextNotSelected: {\n      isSelected: {\n        selectionStyle: {\n          checkbox: 'none',\n          highlight: insetBorderRadius\n        }\n      },\n      isQuiet: 'default'\n    },\n    isDropTarget: insetBorderRadius\n  },\n  borderTopWidth: {\n    default: {\n      selectionStyle: {\n        checkbox: 0,\n        highlight: 1\n      }\n    },\n    isPrevSelected: 0,\n    isDropTarget: 2\n  },\n  borderBottomWidth: {\n    default: {\n      selectionStyle: {\n        checkbox: 0,\n        highlight: 1\n      }\n    },\n    isNextSelected: 0,\n    isDropTarget: 2\n  },\n  borderStartWidth: {\n    default: {\n      selectionStyle: {\n        checkbox: 0,\n        highlight: 1\n      }\n    },\n    isDropTarget: 2\n  },\n  borderEndWidth: {\n    default: {\n      selectionStyle: {\n        checkbox: 0,\n        highlight: 1\n      }\n    },\n    isDropTarget: 2\n  },\n  borderStyle: 'solid',\n  borderColor: {\n    default: 'transparent',\n    isSelected: {\n      selectionStyle: {\n        checkbox: 'transparent',\n        highlight: '--borderColor'\n      }\n    },\n    isDropTarget: 'blue-800',\n    forcedColors: {\n      isDropTarget: 'Highlight'\n    }\n  }\n});\n\nlet listRowFocusRing = style<\n  GridListItemRenderProps & {\n    selectionStyle?: 'highlight' | 'checkbox';\n    isFirstItem?: boolean;\n    isPrevSelected?: boolean;\n    isPrevNotSelected?: boolean;\n    isNextSelected?: boolean;\n    isNextNotSelected?: boolean;\n    isLastItem?: boolean;\n    isQuiet?: boolean;\n  }\n>({\n  ...focusRing(),\n  outlineOffset: {\n    default: -2,\n    forcedColors: -3\n  },\n  outlineWidth: {\n    default: 2,\n    forcedColors: '[3px]'\n  },\n  outlineColor: {\n    default: 'focus-ring',\n    forcedColors: {\n      default: 'Highlight',\n      selectionStyle: {\n        highlight: 'ButtonBorder'\n      }\n    }\n  },\n  position: 'absolute',\n  inset: 0,\n  top: {\n    default: '[-1px]',\n    isFirstItem: 0\n  },\n  bottom: {\n    selectionStyle: {\n      checkbox: {\n        default: '[-1px]',\n        // Avoid the next row's selected background covering this row's focus ring.\n        isNextSelected: 0\n      },\n      highlight: '[-1px]'\n    }\n  },\n  borderRadius: {\n    default: insetBorderRadius,\n    isQuiet: 'default'\n  },\n  zIndex: 1,\n  pointerEvents: 'none'\n});\n\nlet rowWrapper = style({\n  display: 'contents'\n});\n\nlet image = style({\n  gridArea: 'icon',\n  gridRowEnd: 'span 2',\n  marginEnd: 'text-to-visual',\n  alignSelf: 'center',\n  borderRadius: 'sm',\n  width: 32,\n  aspectRatio: 'square',\n  objectFit: 'cover'\n});\n\nlet actionButtonGroup = style({\n  gridArea: 'actions',\n  gridRowEnd: 'span 2',\n  alignSelf: 'center',\n  justifySelf: 'end',\n  marginStart: 'text-to-visual'\n});\n\nlet listActionMenu = style({\n  gridArea: 'actionmenu',\n  gridRowEnd: 'span 2',\n  alignSelf: 'center'\n});\n\nconst listCheckbox = style({\n  gridArea: 'checkmark',\n  gridRowEnd: 'span 2',\n  alignSelf: 'center',\n  marginEnd: 8,\n  visibility: {\n    default: 'visible',\n    isDisabled: 'hidden'\n  }\n});\n\nconst listTrailingIcon = style({\n  gridArea: 'trailing-icon',\n  gridRowEnd: 'span 2',\n  alignSelf: 'center',\n  display: 'flex',\n  alignItems: 'center',\n  marginStart: 'text-to-visual'\n});\n\nlet dragButtonContainer = style({\n  gridArea: 'dragbutton',\n  gridRowEnd: 'span 2',\n  alignSelf: 'center',\n  display: 'flex',\n  alignItems: 'center',\n  width: 10\n});\n\nconst centeredWrapper = style({\n  display: 'flex',\n  alignItems: 'center',\n  justifyContent: 'center',\n  width: 'full',\n  height: 'full'\n});\n\nconst loadingSpinnerWrapper = style({\n  padding: space(4)\n});\n\nconst emptyStateWrapper = style({\n  display: 'flex',\n  alignItems: 'center',\n  justifyContent: 'center',\n  width: 'full',\n  height: 'full',\n  boxSizing: 'border-box',\n  padding: 16\n});\n\nfunction ListSelectionCheckbox({isDisabled}: {isDisabled: boolean}) {\n  let selectionContext = useSlottedContext(CheckboxContext, 'selection');\n  let isSelectionDisabled = isDisabled || !!selectionContext?.isDisabled;\n  return (\n    <div className={listCheckbox({isDisabled: isSelectionDisabled})}>\n      <Checkbox slot=\"selection\" />\n    </div>\n  );\n}\n\nexport function ListViewItem(props: ListViewItemProps): ReactNode {\n  let ref = useRef(null);\n  let {hasChildItems, ...otherProps} = props;\n  let isLink = props.href != null;\n  let isLinkOut = isLink && props.target === '_blank';\n  let {\n    isQuiet,\n    selectionStyle,\n    overflowMode,\n    scale,\n    hideLinkOutIcon = false\n  } = useContext(InternalListViewContext);\n  let textValue =\n    props.textValue || (typeof props.children === 'string' ? props.children : undefined);\n  let {direction} = useLocale();\n  let hasTrailingIcon = hasChildItems || (isLinkOut && !hideLinkOutIcon);\n\n  return (\n    <GridListItem\n      {...otherProps}\n      textValue={textValue}\n      ref={ref}\n      {...(hasTrailingIcon ? {'data-has-trailing-icon': ''} : {})}\n      className={renderProps =>\n        listitem({\n          ...renderProps,\n          isLink,\n          isQuiet,\n          scale,\n          selectionStyle,\n          isPrevNotSelected: !isPrevSelected(renderProps.id, renderProps.state),\n          isNextSelected: isNextSelected(renderProps.id, renderProps.state),\n          isNextNotSelected: !isNextSelected(renderProps.id, renderProps.state),\n          isFirstItem: isFirstItem(renderProps.id, renderProps.state),\n          isLastItem: isLastItem(renderProps.id, renderProps.state)\n        })\n      }>\n      {renderProps => {\n        let {children} = props;\n        let {\n          selectionMode,\n          selectionBehavior,\n          isDisabled,\n          id,\n          state,\n          allowsDragging,\n          isFocusVisibleWithin\n        } = renderProps;\n        return (\n          <Provider\n            values={[\n              [\n                TextContext,\n                {\n                  slots: {\n                    [DEFAULT_SLOT]: {styles: label({...renderProps, overflowMode})},\n                    label: {styles: label({...renderProps, overflowMode})},\n                    description: {styles: description({...renderProps, overflowMode})}\n                  }\n                }\n              ],\n              [\n                IconContext,\n                {\n                  slots: {\n                    icon: {\n                      render: centerBaseline({slot: 'icon', styles: iconCenterWrapper}),\n                      styles: icon\n                    }\n                  }\n                }\n              ],\n              [ImageContext, {styles: image}],\n              [\n                ActionButtonGroupContext,\n                {\n                  styles: actionButtonGroup,\n                  size: 'S',\n                  isQuiet: true\n                }\n              ],\n              [\n                ActionMenuContext,\n                {\n                  styles: listActionMenu,\n                  isQuiet: true,\n                  size: 'S',\n                  isDisabled\n                }\n              ]\n            ]}>\n            <div className={rowWrapper}>\n              <div\n                className={listRowBackground({\n                  ...renderProps,\n                  selectionStyle,\n                  isQuiet,\n                  isDropTarget: renderProps.isDropTarget,\n                  isPrevSelected: isPrevSelected(id, state),\n                  isNextSelected: isNextSelected(id, state),\n                  isPrevNotSelected: !isPrevSelected(id, state),\n                  isNextNotSelected: !isNextSelected(id, state),\n                  isFirstItem: isFirstItem(id, state),\n                  isLastItem: isLastItem(id, state)\n                })}\n              />\n              {renderProps.isFocusVisible && (\n                <div\n                  className={listRowFocusRing({\n                    ...renderProps,\n                    selectionStyle,\n                    isQuiet,\n                    isPrevSelected: isPrevSelected(id, state),\n                    isNextSelected: isNextSelected(id, state),\n                    isPrevNotSelected: !isPrevSelected(id, state),\n                    isNextNotSelected: !isNextSelected(id, state),\n                    isFirstItem: isFirstItem(id, state),\n                    isLastItem: isLastItem(id, state)\n                  })}\n                />\n              )}\n              {allowsDragging && (\n                <div className={dragButtonContainer}>\n                  {!isDisabled && <DragHandleButton isFocusVisibleWithin={isFocusVisibleWithin} />}\n                </div>\n              )}\n              {selectionMode !== 'none' && selectionBehavior === 'toggle' && (\n                <ListSelectionCheckbox isDisabled={isDisabled} />\n              )}\n              {typeof children === 'string' ? <Text slot=\"label\">{children}</Text> : children}\n              {isLinkOut && !hideLinkOutIcon && (\n                <div className={listTrailingIcon}>\n                  <LinkOutIcon\n                    size=\"M\"\n                    className={style({\n                      scaleX: {\n                        direction: {\n                          rtl: -1\n                        }\n                      },\n                      '--iconPrimary': {\n                        type: 'fill',\n                        value: 'currentColor'\n                      }\n                    })({direction})}\n                  />\n                </div>\n              )}\n              {hasChildItems && !isLinkOut && (\n                <div className={listTrailingIcon}>\n                  <Chevron\n                    className={style({\n                      scale: {\n                        direction: {\n                          ltr: '1',\n                          rtl: '-1'\n                        }\n                      },\n                      '--iconPrimary': {\n                        type: 'fill',\n                        value: 'currentColor'\n                      }\n                    })({direction})}\n                  />\n                </div>\n              )}\n            </div>\n          </Provider>\n        );\n      }}\n    </GridListItem>\n  );\n}\n\nfunction isNextSelected(id: Key | undefined, state: ListState<unknown>) {\n  if (id == null || !state) {\n    return false;\n  }\n  let keyAfter = state.collection.getKeyAfter(id);\n  return keyAfter != null && state.selectionManager.isSelected(keyAfter);\n}\n\nfunction isPrevSelected(id: Key | undefined, state: ListState<unknown>) {\n  if (id == null || !state) {\n    return false;\n  }\n  let keyBefore = state.collection.getKeyBefore(id);\n  return keyBefore != null && state.selectionManager.isSelected(keyBefore);\n}\n\nfunction isFirstItem(id: Key | undefined, state: ListState<unknown>) {\n  if (id == null || !state) {\n    return false;\n  }\n  return state.collection.getFirstKey() === id;\n}\n\nfunction isLastItem(id: Key | undefined, state: ListState<unknown>) {\n  if (id == null || !state) {\n    return false;\n  }\n\n  let key = state.collection.getLastKey();\n  let node = key ? state.collection.getItem(key) : null;\n\n  return node ? node.key === id : false;\n}\n"],"names":[],"version":3,"file":"ListView.mjs.map"}