refactor(reactflow): add node resizer package

This commit is contained in:
moklick
2023-03-28 12:03:47 +02:00
parent 9ed7d1a670
commit 6c4af37f7c
10 changed files with 12 additions and 15 deletions
@@ -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 = {
@@ -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 (
@@ -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 (
@@ -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 (
@@ -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,