chore(examples): only use bundle

2022-08-09 18:55:32 +02:00
parent affae72f7e
commit 0f835a2961
48 changed files with 194 additions and 513 deletions
@@ -1,14 +1,5 @@
 import React, { useCallback } from 'react';
-import {
-  ReactFlow,
-  Node,
-  Edge,
-  useNodesState,
-  useEdgesState,
-  Position,
-  Connection,
-  addEdge,
-} from '@react-flow/core';
+import { ReactFlow, Node, Edge, useNodesState, useEdgesState, Position, Connection, addEdge } from '@react-flow/bundle';

 import styles from './touch-device.module.css';

@@ -34,20 +25,11 @@ const initialEdges: Edge[] = [];
 const TouchDeviceFlow = () => {
  const [nodes, , onNodesChange] = useNodesState(initialNodes);
  const [edges, setEdges, onEdgesChange] = useEdgesState(initialEdges);
-  const onConnect = useCallback(
-    (connection: Connection) => setEdges((eds) => addEdge(connection, eds)),
-    [setEdges]
-  );
+  const onConnect = useCallback((connection: Connection) => setEdges((eds) => addEdge(connection, eds)), [setEdges]);
  const onConnectStart = useCallback(() => console.log('connect start'), []);
  const onConnectEnd = useCallback(() => console.log('connect end'), []);
-  const onClickConnectStart = useCallback(
-    () => console.log('click connect start'),
-    []
-  );
-  const onClickConnectEnd = useCallback(
-    () => console.log('click connect end'),
-    []
-  );
+  const onClickConnectStart = useCallback(() => console.log('click connect start'), []);
+  const onClickConnectEnd = useCallback(() => console.log('click connect end'), []);

  return (
    <ReactFlow