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

package/dist/private/Table.js

@@ -300,7 +300,8 @@ const $952ff69934390c62$export$7063e69b8a954175 = /*#__PURE__*/ (0, $7adJ1$forwa
             tableRef: tableRef,
             scrollRef: scrollRef,
             tableWidth: width,
-            useTableColumnResizeState: $7adJ1$useTableColumnResizeState,
+            useTableColumnResizeState: // oxlint-disable-next-line react/react-compiler
+            $7adJ1$useTableColumnResizeState,
             onResizeStart: props.onResizeStart,
             onResize: props.onResize,
             onResizeEnd: props.onResizeEnd
@@ -329,6 +330,7 @@ const $952ff69934390c62$export$38de1cb0526c21fb = /*#__PURE__*/ (0, $7adJ1$creat
 const $952ff69934390c62$export$a2680a798823803c = /*#__PURE__*/ (0, $7adJ1$createContext)(null);
 const $952ff69934390c62$export$54ec01a60f47d33d = /*#__PURE__*/ (0, $7adJ1$forwardRef)(function Table(props, ref) {
     var _props_dragAndDropHooks;
+    // oxlint-disable-next-line react/react-compiler
     [props, ref] = (0, $b7b7a92703138c9b$export$29f1550f4b0d4415)(props, ref, $952ff69934390c62$export$93e4b0b2cc49b648);
     // Separate selection state so we have access to it from collection components via useTableOptions.
     let selectionState = (0, $7adJ1$useMultipleSelectionState)(props);
@@ -380,6 +382,7 @@ const $952ff69934390c62$var$EXPANSION_KEYS = {
     }
 };
 function $952ff69934390c62$var$TableInner({ props: props, forwardedRef: ref, selectionState: selectionState, collection: collection }) {
+    // oxlint-disable-next-line react/react-compiler
     [props, ref] = (0, $b7b7a92703138c9b$export$29f1550f4b0d4415)(props, ref, (0, $8f09b710ef85b337$export$b0d3ecf7112093a7));
     // eslint-disable-next-line @typescript-eslint/no-unused-vars
     let { shouldUseVirtualFocus: shouldUseVirtualFocus, disallowTypeAhead: disallowTypeAhead, filter: filter, ...DOMCollectionProps } = props;
@@ -389,6 +392,7 @@ function $952ff69934390c62$var$TableInner({ props: props, forwardedRef: ref, sel
         tableContainerContext === null || tableContainerContext === void 0 ? void 0 : tableContainerContext.tableRef
     ]));
     let [expandedKeys, setExpandedKeys] = (0, $7adJ1$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, $7adJ1$useMemo)(()=>collection.withExpandedKeys(expandedKeys), [
         collection,
         expandedKeys
@@ -401,6 +405,7 @@ function $952ff69934390c62$var$TableInner({ props: props, forwardedRef: ref, sel
         expandedKeys: expandedKeys,
         onExpandedChange: setExpandedKeys
     });
+    // oxlint-disable-next-line react/react-compiler
     let filteredState = (0, $7adJ1$UNSTABLE_useFilteredTableState)(tableState, filter);
     let { isVirtualized: isVirtualized, layoutDelegate: layoutDelegate, dropTargetDelegate: ctxDropTargetDelegate, CollectionRoot: CollectionRoot } = (0, $7adJ1$useContext)((0, $a53f0f6636929daa$export$4feb769f8ddf26c5));
     let { dragAndDropHooks: dragAndDropHooks } = props;
@@ -431,11 +436,13 @@ function $952ff69934390c62$var$TableInner({ props: props, forwardedRef: ref, sel
     let { direction: direction } = (0, $7adJ1$useLocale)();
     let [treeDropTargetDelegate] = (0, $7adJ1$useState)(()=>new (0, $ea71bc38166070b0$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, $7adJ1$react).createElement(DragPreview, {
@@ -443,6 +450,7 @@ function $952ff69934390c62$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
@@ -456,6 +464,7 @@ function $952ff69934390c62$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,
@@ -498,6 +507,7 @@ function $952ff69934390c62$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);
@@ -689,7 +699,9 @@ const $952ff69934390c62$export$816b5d811295e6bc = /*#__PURE__*/ (0, $7adJ1$creat
     let { isVirtualized: isVirtualized } = (0, $7adJ1$useContext)((0, $a53f0f6636929daa$export$4feb769f8ddf26c5));
     let { columnHeaderProps: columnHeaderProps, isPressed: isPressed } = (0, $7adJ1$useTableColumnHeader)({
         node: column,
-        isVirtualized: isVirtualized
+        isVirtualized: isVirtualized,
+        focusMode: props.focusMode,
+        allowsArrowNavigation: props.allowsArrowNavigation
     }, state, ref);
     let { isFocused: isFocused, isFocusVisible: isFocusVisible, focusProps: focusProps } = (0, $7adJ1$useFocusRing)();
     let layoutState = (0, $7adJ1$useContext)($952ff69934390c62$export$a2680a798823803c);
@@ -775,7 +787,7 @@ const $952ff69934390c62$export$ee689e97a7664bfd = /*#__PURE__*/ (0, $7adJ1$forwa
     let { onResizeStart: onResizeStart, onResize: onResize, onResizeEnd: onResizeEnd } = (0, $7adJ1$useContext)($952ff69934390c62$var$ResizableTableContainerContext);
     let { column: column, triggerRef: triggerRef } = (0, $7adJ1$useContext)($952ff69934390c62$var$ColumnResizerContext);
     let inputRef = (0, $7adJ1$useRef)(null);
-    let { resizerProps: resizerProps, inputProps: inputProps, isResizing: isResizing } = (0, $7adJ1$useTableColumnResize)({
+    let { resizerProps: resizerProps, inputProps: inputProps, isResizing: isResizing, isMouseResizing: isMouseResizing } = (0, $7adJ1$useTableColumnResize)({
         column: column,
         'aria-label': props['aria-label'] || stringFormatter.format('tableResizer'),
         onResizeStart: onResizeStart,
@@ -813,20 +825,15 @@ const $952ff69934390c62$export$ee689e97a7664bfd = /*#__PURE__*/ (0, $7adJ1$forwa
             resizableDirection: resizableDirection
         }
     });
-    let [isMouseDown, setMouseDown] = (0, $7adJ1$useState)(false);
-    let onPointerDown = (e)=>{
-        if (e.pointerType === 'mouse') setMouseDown(true);
-    };
-    if (!isResizing && isMouseDown) setMouseDown(false);
     let DOMProps = (0, $7adJ1$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, $7adJ1$react).createElement((0, $b7b7a92703138c9b$export$df3a06d6289f983e).div, {
         ref: objectRef,
         role: "presentation",
-        ...(0, $7adJ1$mergeProps)(DOMProps, renderProps, resizerProps, {
-            onPointerDown: onPointerDown
-        }, hoverProps),
+        ...(0, $7adJ1$mergeProps)(DOMProps, renderProps, resizerProps, hoverProps),
         "data-hovered": isHovered || undefined,
         "data-focused": isFocused || undefined,
         "data-focus-visible": isFocusVisible || undefined,
@@ -835,7 +842,7 @@ const $952ff69934390c62$export$ee689e97a7664bfd = /*#__PURE__*/ (0, $7adJ1$forwa
     }, renderProps.children, /*#__PURE__*/ (0, $7adJ1$react).createElement("input", {
         ref: inputRef,
         ...(0, $7adJ1$mergeProps)(inputProps, focusProps)
-    }), isResizing && isMouseDown && /*#__PURE__*/ (0, $7adJ1$reactdom).createPortal(/*#__PURE__*/ (0, $7adJ1$react).createElement("div", {
+    }), isResizing && isMouseResizing && /*#__PURE__*/ (0, $7adJ1$reactdom).createPortal(/*#__PURE__*/ (0, $7adJ1$react).createElement("div", {
         style: {
             position: 'fixed',
             top: 0,
@@ -843,7 +850,8 @@ const $952ff69934390c62$export$ee689e97a7664bfd = /*#__PURE__*/ (0, $7adJ1$forwa
             bottom: 0,
             right: 0,
             cursor: cursor
-        }
+        },
+        "data-testid": "cursor-overlay"
     }), document.body));
 });
 class $952ff69934390c62$var$TableBodyNode extends (0, $7adJ1$FilterableNode) {
@@ -1187,7 +1195,9 @@ const $952ff69934390c62$export$f6f0c3fe4ec306ea = /*#__PURE__*/ (0, $7adJ1$creat
     let { gridCellProps: gridCellProps, isPressed: isPressed } = (0, $7adJ1$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, $7adJ1$useFocusRing)();
     let { hoverProps: hoverProps, isHovered: isHovered } = (0, $7adJ1$useHover)({});
@@ -1246,6 +1256,7 @@ function $952ff69934390c62$var$TableDropIndicatorWrapper(props, ref) {
     ref = (0, $7adJ1$useObjectRef)(ref);
     let { dragAndDropHooks: dragAndDropHooks, dropState: dropState } = (0, $7adJ1$useContext)((0, $49776fcddfd94ccc$export$d188a835a7bc5783));
     let buttonRef = (0, $7adJ1$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 = dropState.collection.getItem(props.target.key)) === null || _dropState_collection_getItem === void 0 ? void 0 : _dropState_collection_getItem.level) || 0) + 1 : 1;
@@ -1322,6 +1333,7 @@ function $952ff69934390c62$var$RootDropIndicator() {
     let state = (0, $7adJ1$useContext)($952ff69934390c62$export$38de1cb0526c21fb);
     let { dragAndDropHooks: dragAndDropHooks, dropState: dropState } = (0, $7adJ1$useContext)((0, $49776fcddfd94ccc$export$d188a835a7bc5783));
     let ref = (0, $7adJ1$useRef)(null);
+    // oxlint-disable-next-line react/react-compiler
     let { dropIndicatorProps: dropIndicatorProps } = dragAndDropHooks.useDropIndicator({
         target: {
             type: 'root'