sample-ui-component-library 0.0.44-dev → 0.0.45-dev

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "sample-ui-component-library",
-  "version": "0.0.44-dev",
+  "version": "0.0.45-dev",
   "description": "A library which contains sample UI elements that can be used for populating layouts.",
   "main": "dist/cjs/index.js",
   "module": "dist/esm/index.js",

package/src/components/BehavioralGraphBuilder/BehavioralGraphBuilder.jsx

@@ -1,5 +1,5 @@
 import { useEffect, useState, useRef, useImperativeHandle, forwardRef, useMemo, useCallback } from "react";
-import { Canvas, Node, Edge, removeAndUpsertNodes  } from 'reaflow';
+import { Canvas, Node, Edge } from 'reaflow';
 import PropTypes from 'prop-types';
 
 import { designToNodes } from "./helper";
@@ -11,7 +11,7 @@ import "./BehavioralGraphBuilder.scss";
  * 
  * @return {JSX}
  */
-export const BehavioralGraphBuilder = forwardRef(({connectBehaviors, deleteTransition, deleteBehavior}, ref) => {
+export const BehavioralGraphBuilder = forwardRef(({connectBehaviors, deleteTransition, deleteBehavior, selectBehavior}, ref) => {
     const canvasRef = useRef();
 
     // Resizer to set canvas size to match container
@@ -75,6 +75,7 @@ export const BehavioralGraphBuilder = forwardRef(({connectBehaviors, deleteTrans
                 <Node
                     onClick={(event, node) => {
                         setSelections([node.id]);
+                        selectBehavior(node.id);
                     }}
                     onRemove={(event, node) => {
                         deleteBehavior(node);

package/src/stories/BehavioralGraphBuilder.stories.js

@@ -90,6 +90,14 @@ const Template = (args) => {
         },
         [engine, editorRef],
     );
+
+    const selectBehavior = useCallback(
+        (nodeId) => {
+            action("Select Behavior")(nodeId);
+        },
+        [],
+    );
+
     return (
         <div className="graphBuilderRootContainer">
             <div className="toolbar">
@@ -102,6 +110,7 @@ const Template = (args) => {
                     connectBehaviors={connectBehaviors}
                     deleteTransition={deleteTransition}
                     deleteBehavior={deleteBehavior}
+                    selectBehavior={selectBehavior}
                 />
             </div>
         </div>