refactor(examples): switch examples from cra to nextjs

2022-07-19 17:23:26 +02:00
parent 62c417263c
commit be4dd6f1fa
86 changed files with 755 additions and 45859 deletions
@@ -0,0 +1,41 @@
+import React, { memo, FC } from 'react';
+
+import {
+  Handle,
+  Position,
+  NodeProps,
+  Connection,
+  Edge,
+} from '@react-flow/core';
+
+const onConnect = (params: Connection | Edge) =>
+  console.log('handle onConnect', params);
+
+const labelStyle = {
+  display: 'flex',
+  alignItems: 'center',
+};
+
+const dragHandleStyle = {
+  display: 'inline-block',
+  width: 25,
+  height: 25,
+  backgroundColor: 'teal',
+  marginLeft: 5,
+  borderRadius: '50%',
+};
+
+const ColorSelectorNode: FC<NodeProps> = () => {
+  return (
+    <>
+      <Handle type='target' position={Position.Left} onConnect={onConnect} />
+      <div style={labelStyle}>
+        Only draggable here →{' '}
+        <span className='custom-drag-handle' style={dragHandleStyle} />
+      </div>
+      <Handle type='source' position={Position.Right} />
+    </>
+  );
+};
+
+export default memo(ColorSelectorNode);