refactor(figma-controls): update prop names and types

examples/vite-app/src/examples/Figma/index.tsx

@@ -6,6 +6,7 @@ import ReactFlow, {
   Edge,
   useReactFlow,
   useKeyPress,
+  SelectionMode,
 } from 'reactflow';
 
 const MULTI_SELECT_KEY = ['Meta', 'Shift'];
@@ -26,6 +27,8 @@ const defaultEdgeOptions = { zIndex: 0 };
 
 const logEvent = (e: any) => console.log(e);
 
+const onPaneClick = (e: any) => console.log('click pane', e);
+
 const BasicFlow = () => {
   const instance = useReactFlow();
   const spaceBarPressed = useKeyPress('Space');
@@ -60,8 +63,8 @@ const BasicFlow = () => {
     <ReactFlow
       defaultNodes={initialNodes}
       defaultEdges={initialEdges}
-      selectBoxOnDrag
-      selectBoxMode="Overlap"
+      selectionOnDrag
+      selectionMode={SelectionMode.Overlap}
       panOnDrag={spaceBarPressed ? true : 'RightClick'}
       panOnScroll
       onPaneContextMenu={logEvent}
@@ -70,6 +73,7 @@ const BasicFlow = () => {
       className="react-flow-basic-example"
       minZoom={0.2}
       maxZoom={4}
+      onPaneClick={onPaneClick}
       fitView
       defaultEdgeOptions={defaultEdgeOptions}
       selectNodesOnDrag={false}