From 120a12baf424f8d6cad0fe20ce3802136d2279fd Mon Sep 17 00:00:00 2001 From: moklick Date: Wed, 11 Jun 2025 10:44:59 +0200 Subject: [PATCH] chore(resizer): cleanup --- .../NodeResizer/NodeResizeControl.tsx | 7 +++++-- .../src/additional-components/NodeResizer/NodeResizer.tsx | 6 +++--- .../react/src/additional-components/NodeResizer/types.ts | 6 +++--- 3 files changed, 11 insertions(+), 8 deletions(-) diff --git a/packages/react/src/additional-components/NodeResizer/NodeResizeControl.tsx b/packages/react/src/additional-components/NodeResizer/NodeResizeControl.tsx index 1bd1f3d3..d75c2606 100644 --- a/packages/react/src/additional-components/NodeResizer/NodeResizeControl.tsx +++ b/packages/react/src/additional-components/NodeResizer/NodeResizeControl.tsx @@ -44,7 +44,7 @@ function ResizeControl({ maxHeight = Number.MAX_VALUE, keepAspectRatio = false, resizeDirection, - scaleControls = false, + autoScale = true, shouldResize, onResizeStart, onResize, @@ -55,7 +55,10 @@ function ResizeControl({ const store = useStoreApi(); const resizeControlRef = useRef(null); const isHandleControl = variant === ResizeControlVariant.Handle; - const scale = useStore(useCallback(scaleSelector(isHandleControl && !scaleControls), [isHandleControl]), shallow); + const scale = useStore( + useCallback(scaleSelector(isHandleControl && autoScale), [isHandleControl, autoScale]), + shallow + ); const resizer = useRef(null); const controlPosition = position ?? defaultPositions[variant]; diff --git a/packages/react/src/additional-components/NodeResizer/NodeResizer.tsx b/packages/react/src/additional-components/NodeResizer/NodeResizer.tsx index efde9724..b869d207 100644 --- a/packages/react/src/additional-components/NodeResizer/NodeResizer.tsx +++ b/packages/react/src/additional-components/NodeResizer/NodeResizer.tsx @@ -40,7 +40,7 @@ export function NodeResizer({ maxWidth = Number.MAX_VALUE, maxHeight = Number.MAX_VALUE, keepAspectRatio = false, - scaleControls = false, + autoScale = true, shouldResize, onResizeStart, onResize, @@ -67,7 +67,7 @@ export function NodeResizer({ maxHeight={maxHeight} onResizeStart={onResizeStart} keepAspectRatio={keepAspectRatio} - scaleControls={scaleControls} + autoScale={autoScale} shouldResize={shouldResize} onResize={onResize} onResizeEnd={onResizeEnd} @@ -87,7 +87,7 @@ export function NodeResizer({ maxHeight={maxHeight} onResizeStart={onResizeStart} keepAspectRatio={keepAspectRatio} - scaleControls={scaleControls} + autoScale={autoScale} shouldResize={shouldResize} onResize={onResize} onResizeEnd={onResizeEnd} diff --git a/packages/react/src/additional-components/NodeResizer/types.ts b/packages/react/src/additional-components/NodeResizer/types.ts index 1e3b737b..eb70a115 100644 --- a/packages/react/src/additional-components/NodeResizer/types.ts +++ b/packages/react/src/additional-components/NodeResizer/types.ts @@ -61,9 +61,9 @@ export type NodeResizerProps = { keepAspectRatio?: boolean; /** * Scale the controls with the zoom level. - * @default false + * @default true */ - scaleControls?: boolean; + autoScale?: boolean; /** Callback to determine if node should resize. */ shouldResize?: ShouldResize; /** Callback called when resizing starts. */ @@ -87,7 +87,7 @@ export type ResizeControlProps = Pick< | 'maxHeight' | 'keepAspectRatio' | 'shouldResize' - | 'scaleControls' + | 'autoScale' | 'onResizeStart' | 'onResize' | 'onResizeEnd'