refactor(reactflow): add node resizer package

xyflow · Mar 28, 2023 · 6c4af37 · 6c4af37
1 parent 9ed7d1a
commit 6c4af37
Show file tree

Hide file tree

Showing 10 changed files with 12 additions and 15 deletions.
diff --git a/examples/vite-app/src/examples/NodeResizer/CustomResizer.tsx b/examples/vite-app/src/examples/NodeResizer/CustomResizer.tsx
@@ -1,8 +1,6 @@
 import { memo, FC } from 'react';
-import { Handle, Position, NodeProps } from 'reactflow';
+import { Handle, Position, NodeProps, NodeResizeControl } from 'reactflow';
 
-import { NodeResizeControl } from '@reactflow/node-resizer';
-import '@reactflow/node-resizer/dist/style.css';
 import ResizeIcon from './ResizeIcon';
 
 const controlStyle = {

diff --git a/examples/vite-app/src/examples/NodeResizer/DefaultResizer.tsx b/examples/vite-app/src/examples/NodeResizer/DefaultResizer.tsx
@@ -1,8 +1,5 @@
 import { memo, FC } from 'react';
-import { Handle, Position, NodeProps } from 'reactflow';
-import { NodeResizer } from '@reactflow/node-resizer';
-
-import '@reactflow/node-resizer/dist/style.css';
+import { Handle, Position, NodeProps, NodeResizer } from 'reactflow';
 
 const DefaultResizerNode: FC<NodeProps> = ({ data, selected }) => {
   return (

diff --git a/examples/vite-app/src/examples/NodeResizer/HorizontalResizer.tsx b/examples/vite-app/src/examples/NodeResizer/HorizontalResizer.tsx
@@ -1,8 +1,5 @@
 import { memo, FC } from 'react';
-import { Handle, Position, NodeProps } from 'reactflow';
-import { NodeResizeControl } from '@reactflow/node-resizer';
-
-import '@reactflow/node-resizer/dist/style.css';
+import { Handle, Position, NodeProps, NodeResizeControl } from 'reactflow';
 
 const HorizontalResizerNode: FC<NodeProps> = ({ data }) => {
   return (

diff --git a/examples/vite-app/src/examples/NodeResizer/VerticalResizer.tsx b/examples/vite-app/src/examples/NodeResizer/VerticalResizer.tsx
@@ -1,8 +1,5 @@
 import { memo, FC } from 'react';
-import { Handle, Position, NodeProps } from 'reactflow';
-
-import { NodeResizeControl } from '@reactflow/node-resizer';
-import '@reactflow/node-resizer/dist/style.css';
+import { Handle, Position, NodeProps, NodeResizeControl } from 'reactflow';
 
 const CustomNode: FC<NodeProps> = ({ id, data }) => {
   return (

diff --git a/examples/vite-app/src/examples/NodeResizer/index.tsx b/examples/vite-app/src/examples/NodeResizer/index.tsx
@@ -6,6 +6,8 @@ import CustomResizer from './CustomResizer';
 import VerticalResizer from './VerticalResizer';
 import HorizontalResizer from './HorizontalResizer';
 
+import 'reactflow/dist/style.css';
+
 const nodeTypes = {
   defaultResizer: DefaultResizer,
   customResizer: CustomResizer,

diff --git a/packages/reactflow/package.json b/packages/reactflow/package.json
@@ -39,6 +39,7 @@
     "@reactflow/controls": "workspace:*",
     "@reactflow/core": "workspace:*",
     "@reactflow/minimap": "workspace:*",
+    "@reactflow/node-resizer": "workspace:*",
     "@reactflow/node-toolbar": "workspace:*"
   },
   "peerDependencies": {

diff --git a/packages/reactflow/src/base.css b/packages/reactflow/src/base.css
@@ -1,3 +1,4 @@
 @import '@reactflow/core/dist/base.css';
 @import '@reactflow/controls/dist/style.css';
 @import '@reactflow/minimap/dist/style.css';
+@import '@reactflow/node-resizer/dist/style.css';
diff --git a/packages/reactflow/src/index.ts b/packages/reactflow/src/index.ts
@@ -3,5 +3,6 @@ export * from '@reactflow/minimap';
 export * from '@reactflow/controls';
 export * from '@reactflow/background';
 export * from '@reactflow/node-toolbar';
+export * from '@reactflow/node-resizer';
 
 export { ReactFlow as default } from '@reactflow/core';
diff --git a/packages/reactflow/src/style.css b/packages/reactflow/src/style.css
@@ -1,3 +1,4 @@
 @import '@reactflow/core/dist/style.css';
 @import '@reactflow/controls/dist/style.css';
 @import '@reactflow/minimap/dist/style.css';
+@import '@reactflow/node-resizer/dist/style.css';
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml