@depup/react-aria-components 1.19.0-depup.27 → 1.21.0-depup.0

package/dist/private/Table.mjs

@@ -289,7 +289,8 @@ const $76d00c5a4edb230a$export$7063e69b8a954175 = /*#__PURE__*/ (0, $8WNJc$forwa
             tableRef: tableRef,
             scrollRef: scrollRef,
             tableWidth: width,
-            useTableColumnResizeState: $8WNJc$useTableColumnResizeState,
+            useTableColumnResizeState: // oxlint-disable-next-line react/react-compiler
+            $8WNJc$useTableColumnResizeState,
             onResizeStart: props.onResizeStart,
             onResize: props.onResize,
             onResizeEnd: props.onResizeEnd
@@ -317,6 +318,7 @@ const $76d00c5a4edb230a$export$93e4b0b2cc49b648 = /*#__PURE__*/ (0, $8WNJc$creat
 const $76d00c5a4edb230a$export$38de1cb0526c21fb = /*#__PURE__*/ (0, $8WNJc$createContext)(null);
 const $76d00c5a4edb230a$export$a2680a798823803c = /*#__PURE__*/ (0, $8WNJc$createContext)(null);
 const $76d00c5a4edb230a$export$54ec01a60f47d33d = /*#__PURE__*/ (0, $8WNJc$forwardRef)(function Table(props, ref) {
+    // oxlint-disable-next-line react/react-compiler
     [props, ref] = (0, $7230ffa83bc0c2cf$export$29f1550f4b0d4415)(props, ref, $76d00c5a4edb230a$export$93e4b0b2cc49b648);
     // Separate selection state so we have access to it from collection components via useTableOptions.
     let selectionState = (0, $8WNJc$useMultipleSelectionState)(props);
@@ -368,6 +370,7 @@ const $76d00c5a4edb230a$var$EXPANSION_KEYS = {
     }
 };
 function $76d00c5a4edb230a$var$TableInner({ props: props, forwardedRef: ref, selectionState: selectionState, collection: collection }) {
+    // oxlint-disable-next-line react/react-compiler
     [props, ref] = (0, $7230ffa83bc0c2cf$export$29f1550f4b0d4415)(props, ref, (0, $4b38b5b75ecc6208$export$b0d3ecf7112093a7));
     // eslint-disable-next-line @typescript-eslint/no-unused-vars
     let { shouldUseVirtualFocus: shouldUseVirtualFocus, disallowTypeAhead: disallowTypeAhead, filter: filter, ...DOMCollectionProps } = props;
@@ -377,6 +380,7 @@ function $76d00c5a4edb230a$var$TableInner({ props: props, forwardedRef: ref, sel
         tableContainerContext?.tableRef
     ]));
     let [expandedKeys, setExpandedKeys] = (0, $8WNJc$useControlledState)(props.expandedKeys ? new Set(props.expandedKeys) : undefined, props.defaultExpandedKeys ? new Set(props.defaultExpandedKeys) : new Set(), props.onExpandedChange);
+    // oxlint-disable-next-line react/react-compiler
     collection = (0, $8WNJc$useMemo)(()=>collection.withExpandedKeys(expandedKeys), [
         collection,
         expandedKeys
@@ -389,6 +393,7 @@ function $76d00c5a4edb230a$var$TableInner({ props: props, forwardedRef: ref, sel
         expandedKeys: expandedKeys,
         onExpandedChange: setExpandedKeys
     });
+    // oxlint-disable-next-line react/react-compiler
     let filteredState = (0, $8WNJc$UNSTABLE_useFilteredTableState)(tableState, filter);
     let { isVirtualized: isVirtualized, layoutDelegate: layoutDelegate, dropTargetDelegate: ctxDropTargetDelegate, CollectionRoot: CollectionRoot } = (0, $8WNJc$useContext)((0, $263ab7fc0f95ccdb$export$4feb769f8ddf26c5));
     let { dragAndDropHooks: dragAndDropHooks } = props;
@@ -419,11 +424,13 @@ function $76d00c5a4edb230a$var$TableInner({ props: props, forwardedRef: ref, sel
     let { direction: direction } = (0, $8WNJc$useLocale)();
     let [treeDropTargetDelegate] = (0, $8WNJc$useState)(()=>new (0, $808d92ba0ee34db1$export$82c13862611c034e)());
     if (hasDragHooks && dragAndDropHooks) {
+        // oxlint-disable-next-line react/react-compiler
         dragState = dragAndDropHooks.useDraggableCollectionState({
             collection: filteredState.collection,
             selectionManager: selectionManager,
             preview: dragAndDropHooks.renderDragPreview ? preview : undefined
         });
+        // oxlint-disable-next-line react/react-compiler
         dragAndDropHooks.useDraggableCollection({}, dragState, ref);
         let DragPreview = dragAndDropHooks.DragPreview;
         dragPreview = dragAndDropHooks.renderDragPreview ? /*#__PURE__*/ (0, $8WNJc$react).createElement(DragPreview, {
@@ -431,6 +438,7 @@ function $76d00c5a4edb230a$var$TableInner({ props: props, forwardedRef: ref, sel
         }, dragAndDropHooks.renderDragPreview) : null;
     }
     if (hasDropHooks && dragAndDropHooks) {
+        // oxlint-disable-next-line react/react-compiler
         dropState = dragAndDropHooks.useDroppableCollectionState({
             collection: filteredState.collection,
             selectionManager: selectionManager
@@ -444,6 +452,7 @@ function $76d00c5a4edb230a$var$TableInner({ props: props, forwardedRef: ref, sel
         });
         let dropTargetDelegate = dragAndDropHooks.dropTargetDelegate || ctxDropTargetDelegate || new dragAndDropHooks.ListDropTargetDelegate(collection.rows, ref);
         treeDropTargetDelegate.setup(dropTargetDelegate, tableState, direction);
+        // oxlint-disable-next-line react/react-compiler
         droppableCollection = dragAndDropHooks.useDroppableCollection({
             keyboardDelegate: keyboardDelegate,
             dropTargetDelegate: treeDropTargetDelegate,
@@ -485,6 +494,7 @@ function $76d00c5a4edb230a$var$TableInner({ props: props, forwardedRef: ref, sel
     let style = renderProps.style;
     let layoutState = null;
     if (tableContainerContext) {
+        // oxlint-disable-next-line react/react-compiler
         layoutState = tableContainerContext.useTableColumnResizeState({
             tableWidth: tableContainerContext.tableWidth
         }, filteredState);
@@ -678,7 +688,9 @@ const $76d00c5a4edb230a$export$816b5d811295e6bc = /*#__PURE__*/ (0, $8WNJc$creat
     let { isVirtualized: isVirtualized } = (0, $8WNJc$useContext)((0, $263ab7fc0f95ccdb$export$4feb769f8ddf26c5));
     let { columnHeaderProps: columnHeaderProps, isPressed: isPressed } = (0, $8WNJc$useTableColumnHeader)({
         node: column,
-        isVirtualized: isVirtualized
+        isVirtualized: isVirtualized,
+        focusMode: props.focusMode,
+        allowsArrowNavigation: props.allowsArrowNavigation
     }, state, ref);
     let { isFocused: isFocused, isFocusVisible: isFocusVisible, focusProps: focusProps } = (0, $8WNJc$useFocusRing)();
     let layoutState = (0, $8WNJc$useContext)($76d00c5a4edb230a$export$a2680a798823803c);
@@ -764,7 +776,7 @@ const $76d00c5a4edb230a$export$ee689e97a7664bfd = /*#__PURE__*/ (0, $8WNJc$forwa
     let { onResizeStart: onResizeStart, onResize: onResize, onResizeEnd: onResizeEnd } = (0, $8WNJc$useContext)($76d00c5a4edb230a$var$ResizableTableContainerContext);
     let { column: column, triggerRef: triggerRef } = (0, $8WNJc$useContext)($76d00c5a4edb230a$var$ColumnResizerContext);
     let inputRef = (0, $8WNJc$useRef)(null);
-    let { resizerProps: resizerProps, inputProps: inputProps, isResizing: isResizing } = (0, $8WNJc$useTableColumnResize)({
+    let { resizerProps: resizerProps, inputProps: inputProps, isResizing: isResizing, isMouseResizing: isMouseResizing } = (0, $8WNJc$useTableColumnResize)({
         column: column,
         'aria-label': props['aria-label'] || stringFormatter.format('tableResizer'),
         onResizeStart: onResizeStart,
@@ -802,20 +814,15 @@ const $76d00c5a4edb230a$export$ee689e97a7664bfd = /*#__PURE__*/ (0, $8WNJc$forwa
             resizableDirection: resizableDirection
         }
     });
-    let [isMouseDown, setMouseDown] = (0, $8WNJc$useState)(false);
-    let onPointerDown = (e)=>{
-        if (e.pointerType === 'mouse') setMouseDown(true);
-    };
-    if (!isResizing && isMouseDown) setMouseDown(false);
     let DOMProps = (0, $8WNJc$filterDOMProps)(props, {
         global: true
     });
+    // Cursor overlay is used to style the cursor against the entire screen.
+    // Do not turn off pointer events or the cursor will no longer be styled.
     return /*#__PURE__*/ (0, $8WNJc$react).createElement((0, $7230ffa83bc0c2cf$export$df3a06d6289f983e).div, {
         ref: objectRef,
         role: "presentation",
-        ...(0, $8WNJc$mergeProps)(DOMProps, renderProps, resizerProps, {
-            onPointerDown: onPointerDown
-        }, hoverProps),
+        ...(0, $8WNJc$mergeProps)(DOMProps, renderProps, resizerProps, hoverProps),
         "data-hovered": isHovered || undefined,
         "data-focused": isFocused || undefined,
         "data-focus-visible": isFocusVisible || undefined,
@@ -824,7 +831,7 @@ const $76d00c5a4edb230a$export$ee689e97a7664bfd = /*#__PURE__*/ (0, $8WNJc$forwa
     }, renderProps.children, /*#__PURE__*/ (0, $8WNJc$react).createElement("input", {
         ref: inputRef,
         ...(0, $8WNJc$mergeProps)(inputProps, focusProps)
-    }), isResizing && isMouseDown && /*#__PURE__*/ (0, $8WNJc$reactdom).createPortal(/*#__PURE__*/ (0, $8WNJc$react).createElement("div", {
+    }), isResizing && isMouseResizing && /*#__PURE__*/ (0, $8WNJc$reactdom).createPortal(/*#__PURE__*/ (0, $8WNJc$react).createElement("div", {
         style: {
             position: 'fixed',
             top: 0,
@@ -832,7 +839,8 @@ const $76d00c5a4edb230a$export$ee689e97a7664bfd = /*#__PURE__*/ (0, $8WNJc$forwa
             bottom: 0,
             right: 0,
             cursor: cursor
-        }
+        },
+        "data-testid": "cursor-overlay"
     }), document.body));
 });
 class $76d00c5a4edb230a$var$TableBodyNode extends (0, $8WNJc$FilterableNode) {
@@ -1181,7 +1189,9 @@ const $76d00c5a4edb230a$export$f6f0c3fe4ec306ea = /*#__PURE__*/ (0, $8WNJc$creat
     let { gridCellProps: gridCellProps, isPressed: isPressed } = (0, $8WNJc$useTableCell)({
         node: cell,
         shouldSelectOnPressUp: !!dragState,
-        isVirtualized: isVirtualized
+        isVirtualized: isVirtualized,
+        focusMode: props.focusMode,
+        allowsArrowNavigation: props.allowsArrowNavigation
     }, state, ref);
     let { isFocused: isFocused, isFocusVisible: isFocusVisible, focusProps: focusProps } = (0, $8WNJc$useFocusRing)();
     let { hoverProps: hoverProps, isHovered: isHovered } = (0, $8WNJc$useHover)({});
@@ -1239,6 +1249,7 @@ function $76d00c5a4edb230a$var$TableDropIndicatorWrapper(props, ref) {
     ref = (0, $8WNJc$useObjectRef)(ref);
     let { dragAndDropHooks: dragAndDropHooks, dropState: dropState } = (0, $8WNJc$useContext)((0, $f9554a667e4f0374$export$d188a835a7bc5783));
     let buttonRef = (0, $8WNJc$useRef)(null);
+    // oxlint-disable-next-line react/react-compiler
     let { dropIndicatorProps: dropIndicatorProps, isHidden: isHidden, isDropTarget: isDropTarget } = dragAndDropHooks.useDropIndicator(props, dropState, buttonRef);
     if (isHidden) return null;
     let level = dropState && props.target.type === 'item' ? (dropState.collection.getItem(props.target.key)?.level || 0) + 1 : 1;
@@ -1315,6 +1326,7 @@ function $76d00c5a4edb230a$var$RootDropIndicator() {
     let state = (0, $8WNJc$useContext)($76d00c5a4edb230a$export$38de1cb0526c21fb);
     let { dragAndDropHooks: dragAndDropHooks, dropState: dropState } = (0, $8WNJc$useContext)((0, $f9554a667e4f0374$export$d188a835a7bc5783));
     let ref = (0, $8WNJc$useRef)(null);
+    // oxlint-disable-next-line react/react-compiler
     let { dropIndicatorProps: dropIndicatorProps } = dragAndDropHooks.useDropIndicator({
         target: {
             type: 'root'