refactor(components): show displayName in react profiler correctly

2020-07-27 18:50:53 +02:00
parent 05786fcee6
commit 30e811225a
15 changed files with 643 additions and 649 deletions
@@ -7,44 +7,42 @@ import NodeIdContext from '../../contexts/NodeIdContext';

 import { HandleProps, ElementId, Position, Connection } from '../../types';

-const Handle = memo(
-  ({
-    type = 'source',
-    position = Position.Top,
-    onConnect = () => {},
-    isValidConnection = () => true,
-    isConnectable = true,
-    style,
-    className,
-    id,
-  }: HandleProps) => {
-    const nodeId = useContext(NodeIdContext) as ElementId;
-    const setPosition = useStoreActions((a) => a.setConnectionPosition);
-    const setConnectionNodeId = useStoreActions((a) => a.setConnectionNodeId);
-    const onConnectAction = useStoreState((s) => s.onConnect);
-    const onConnectExtended = (params: Connection) => {
-      onConnectAction(params);
-      onConnect(params);
-    };
-    const handleClasses = cc([className, { connectable: isConnectable }]);
+const Handle = ({
+  type = 'source',
+  position = Position.Top,
+  onConnect = () => {},
+  isValidConnection = () => true,
+  isConnectable = true,
+  style,
+  className,
+  id,
+}: HandleProps) => {
+  const nodeId = useContext(NodeIdContext) as ElementId;
+  const setPosition = useStoreActions((a) => a.setConnectionPosition);
+  const setConnectionNodeId = useStoreActions((a) => a.setConnectionNodeId);
+  const onConnectAction = useStoreState((s) => s.onConnect);
+  const onConnectExtended = (params: Connection) => {
+    onConnectAction(params);
+    onConnect(params);
+  };
+  const handleClasses = cc([className, { connectable: isConnectable }]);

-    return (
-      <BaseHandle
-        className={handleClasses}
-        id={id}
-        nodeId={nodeId}
-        setPosition={setPosition}
-        setConnectionNodeId={setConnectionNodeId}
-        onConnect={onConnectExtended}
-        type={type}
-        position={position}
-        isValidConnection={isValidConnection}
-        style={style}
-      />
-    );
-  }
-);
+  return (
+    <BaseHandle
+      className={handleClasses}
+      id={id}
+      nodeId={nodeId}
+      setPosition={setPosition}
+      setConnectionNodeId={setConnectionNodeId}
+      onConnect={onConnectExtended}
+      type={type}
+      position={position}
+      isValidConnection={isValidConnection}
+      style={style}
+    />
+  );
+};

 Handle.displayName = 'Handle';

-export default Handle;
+export default memo(Handle);