alighasami/xyflow
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

rename hasActiveSelection to isSelectionEnabled

Browse Source
This commit is contained in:
peterkogo
2025-10-28 13:21:59 +01:00
parent 7238977e7a
commit eb7a27251a
2 changed files with 13 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files
packages/react/src/container/Pane/index.tsx
+7 -7
View File
@@ -77,7 +77,7 @@ export function Pane({
}: PaneProps) { }: PaneProps) {
const store = useStoreApi(); const store = useStoreApi();
const { userSelectionActive, elementsSelectable, dragging, connectionInProgress } = useStore(selector, shallow); const { userSelectionActive, elementsSelectable, dragging, connectionInProgress } = useStore(selector, shallow);
const hasActiveSelection = elementsSelectable && (isSelecting || userSelectionActive); const isSelectionEnabled = elementsSelectable && (isSelecting || userSelectionActive);
const container = useRef<HTMLDivElement | null>(null); const container = useRef<HTMLDivElement | null>(null);
const containerBounds = useRef<DOMRect>(); const containerBounds = useRef<DOMRect>();
@@ -284,14 +284,14 @@ export function Pane({
return ( return (
<div <div
className={cc(['react-flow__pane', { draggable, dragging, selection: isSelecting }])} className={cc(['react-flow__pane', { draggable, dragging, selection: isSelecting }])}
onClick={hasActiveSelection ? undefined : wrapHandler(onClick, container)} onClick={isSelectionEnabled ? undefined : wrapHandler(onClick, container)}
onContextMenu={wrapHandler(onContextMenu, container)} onContextMenu={wrapHandler(onContextMenu, container)}
onWheel={wrapHandler(onWheel, container)} onWheel={wrapHandler(onWheel, container)}
onPointerEnter={hasActiveSelection ? undefined : onPaneMouseEnter} onPointerEnter={isSelectionEnabled ? undefined : onPaneMouseEnter}
onPointerMove={hasActiveSelection ? onPointerMove : onPaneMouseMove} onPointerMove={isSelectionEnabled ? onPointerMove : onPaneMouseMove}
onPointerUp={hasActiveSelection ? onPointerUp : undefined} onPointerUp={isSelectionEnabled ? onPointerUp : undefined}
onPointerDownCapture={hasActiveSelection ? onPointerDownCapture : undefined} onPointerDownCapture={isSelectionEnabled ? onPointerDownCapture : undefined}
onClickCapture={hasActiveSelection ? onClickCapture : undefined} onClickCapture={isSelectionEnabled ? onClickCapture : undefined}
onPointerLeave={onPaneMouseLeave} onPointerLeave={onPaneMouseLeave}
ref={container} ref={container}
style={containerStyle} style={containerStyle}
packages/svelte/src/lib/container/Pane/Pane.svelte
+6 -6
View File
@@ -71,7 +71,7 @@
!!store.selectionRect || !!store.selectionRect ||
(selectionOnDrag && panOnDragActive !== true) (selectionOnDrag && panOnDragActive !== true)
); );
let hasActiveSelection = $derived( let isSelectionEnabled = $derived(
store.elementsSelectable && (isSelecting || store.selectionRectMode === 'user') store.elementsSelectable && (isSelecting || store.selectionRectMode === 'user')
); );
@@ -267,12 +267,12 @@
class:draggable={panOnDrag === true || (Array.isArray(panOnDrag) && panOnDrag.includes(0))} class:draggable={panOnDrag === true || (Array.isArray(panOnDrag) && panOnDrag.includes(0))}
class:dragging={store.dragging} class:dragging={store.dragging}
class:selection={isSelecting} class:selection={isSelecting}
onclick={hasActiveSelection ? undefined : wrapHandler(onClick, container)} onclick={isSelectionEnabled ? undefined : wrapHandler(onClick, container)}
onpointerdowncapture={hasActiveSelection ? onPointerDownCapture : undefined} onpointerdowncapture={isSelectionEnabled ? onPointerDownCapture : undefined}
onpointermove={hasActiveSelection ? onPointerMove : undefined} onpointermove={isSelectionEnabled ? onPointerMove : undefined}
onpointerup={hasActiveSelection ? onPointerUp : undefined} onpointerup={isSelectionEnabled ? onPointerUp : undefined}
oncontextmenu={wrapHandler(onContextMenu, container)} oncontextmenu={wrapHandler(onContextMenu, container)}
onclickcapture={hasActiveSelection ? onClickCapture : undefined} onclickcapture={isSelectionEnabled ? onClickCapture : undefined}
> >
{@render children()} {@render children()}
</div> </div>