diff --git a/examples/vite-app/src/examples/NodeResizer/NodeResizerNode.tsx b/examples/vite-app/src/examples/NodeResizer/NodeResizerNode.tsx index 3a68cd9f..0b7a09e7 100644 --- a/examples/vite-app/src/examples/NodeResizer/NodeResizerNode.tsx +++ b/examples/vite-app/src/examples/NodeResizer/NodeResizerNode.tsx @@ -4,10 +4,10 @@ import { Handle, Position, NodeProps } from 'reactflow'; import { NodeResizer } from '@reactflow/node-resizer'; import '@reactflow/node-resizer/dist/style.css'; -const CustomNode: FC = ({ id, data, selected }) => { +const CustomNode: FC = ({ data, selected }) => { return ( <> - +
{data.label}
diff --git a/packages/node-resizer/CHANGELOG.md b/packages/node-resizer/CHANGELOG.md index a6ead91f..0532fb26 100644 --- a/packages/node-resizer/CHANGELOG.md +++ b/packages/node-resizer/CHANGELOG.md @@ -1,5 +1,11 @@ # @reactflow/node-resizer +## 1.0.1 + +### Patch Changes + +- pass `minWidth` and `minHeight` from `NodeResizer` component to `NodeResizeControl` + ## 1.0.0 This is a new package that exports components to build a UI for resizing a node 🎉 It exports a [``](https://reactflow.dev/docs/api/nodes/node-resizer/) component and a [``](https://reactflow.dev/docs/api/nodes/node-resizer/#noderesizecontrol--component) component. diff --git a/packages/node-resizer/package.json b/packages/node-resizer/package.json index 43b00744..18274d90 100644 --- a/packages/node-resizer/package.json +++ b/packages/node-resizer/package.json @@ -1,6 +1,6 @@ { "name": "@reactflow/node-resizer", - "version": "1.0.0", + "version": "1.0.1", "description": "A helper component for resizing nodes.", "keywords": [ "react", diff --git a/packages/node-resizer/src/NodeResizer.tsx b/packages/node-resizer/src/NodeResizer.tsx index 1b2aee1f..c3c14428 100644 --- a/packages/node-resizer/src/NodeResizer.tsx +++ b/packages/node-resizer/src/NodeResizer.tsx @@ -12,6 +12,8 @@ export default function NodeResizer({ lineClassName, lineStyle, color, + minWidth = 10, + minHeight = 10, }: NodeResizerProps) { if (!isVisible) { return null; @@ -28,6 +30,8 @@ export default function NodeResizer({ position={c} variant={ResizeControlVariant.Line} color={color} + minWidth={minWidth} + minHeight={minHeight} /> ))} {handleControls.map((c) => ( @@ -38,6 +42,8 @@ export default function NodeResizer({ nodeId={nodeId} position={c} color={color} + minWidth={minWidth} + minHeight={minHeight} /> ))} diff --git a/packages/node-resizer/src/types.ts b/packages/node-resizer/src/types.ts index 000ad536..41668b6e 100644 --- a/packages/node-resizer/src/types.ts +++ b/packages/node-resizer/src/types.ts @@ -9,6 +9,8 @@ export type NodeResizerProps = { lineClassName?: string; lineStyle?: CSSProperties; isVisible?: boolean; + minWidth?: number; + minHeight?: number; }; export type ControlLinePosition = 'top' | 'bottom' | 'left' | 'right';