@next-core/editor-bricks-helper 0.38.8 → 0.39.0

package/dist/index.esm.js

@@ -668,6 +668,7 @@ var BuilderInternalEventType;
   BuilderInternalEventType["SHARED_EDITOR_LIST_CHANGE"] = "builder.sharedEditorList.change";
   BuilderInternalEventType["ROUTE_LIST_CHANGE"] = "builder.routeList.change";
   BuilderInternalEventType["HOVER_NODE_CHANGE"] = "builder.hoverNode.change";
+  BuilderInternalEventType["ACTIVE_NODE_CHANGE"] = "builder.activeNode.change";
   BuilderInternalEventType["SHOW_RELATED_NODES_BASED_ON_EVENTS"] = "builder.showRelatedNodesBasedOnEvents.change";
   BuilderInternalEventType["HIGHLIGHT_NODES_CHANGE"] = "builder.highlightNodes.change";
   BuilderInternalEventType["OUTLINE_DISABLED_NODES_CHANGE"] = "builder.outlineDisabledNodes.change";
@@ -688,6 +689,8 @@ class BuilderDataManager {
 
     _defineProperty(this, "hoverNodeUid", void 0);
 
+    _defineProperty(this, "activeNodeUid", void 0);
+
     _defineProperty(this, "sharedEditorList", void 0);
 
     _defineProperty(this, "routeList", void 0);
@@ -1142,6 +1145,7 @@ class BuilderDataManager {
   }
 
   nodeClick(detail) {
+    this.setActiveNodeUid(detail.$$uid);
     this.eventTarget.dispatchEvent(new CustomEvent(BuilderInternalEventType.NODE_CLICK, {
       detail
     }));
@@ -1235,6 +1239,24 @@ class BuilderDataManager {
     };
   }
 
+  setActiveNodeUid(uid) {
+    if (this.activeNodeUid !== uid) {
+      this.activeNodeUid = uid;
+      this.eventTarget.dispatchEvent(new CustomEvent(BuilderInternalEventType.ACTIVE_NODE_CHANGE));
+    }
+  }
+
+  getActiveNodeUid() {
+    return this.activeNodeUid;
+  }
+
+  onActiveNodeChange(fn) {
+    this.eventTarget.addEventListener(BuilderInternalEventType.ACTIVE_NODE_CHANGE, fn);
+    return () => {
+      this.eventTarget.removeEventListener(BuilderInternalEventType.ACTIVE_NODE_CHANGE, fn);
+    };
+  }
+
   toggleOutline(nodeInstanceId) {
     if (this.outlineDisabledNodes.has(nodeInstanceId)) {
       this.outlineDisabledNodes.delete(nodeInstanceId);
@@ -2726,6 +2748,15 @@ function useRouteList() {
   return data;
 }
 
+function useActiveNodeUid() {
+  var manager = useBuilderDataManager();
+  var [data, setData] = useState(manager.getActiveNodeUid());
+  useEffect(() => manager.onActiveNodeChange(() => {
+    setData(manager.getActiveNodeUid());
+  }), [manager]);
+  return data;
+}
+
 function useOutlineEnabled(nodeInstanceId, inapplicable) {
   var manager = useBuilderDataManager();
   var [enabled, setEnabled] = useState(inapplicable ? false : manager.isOutlineEnabled(nodeInstanceId));
@@ -2739,5 +2770,5 @@ function useOutlineEnabled(nodeInstanceId, inapplicable) {
   return enabled;
 }
 
-export { BuilderDataTransferType, BuilderProvider, DropZone, DroppingStatusContext, EditorBrickType, EditorContainer, EditorElementFactory, EditorSelfLayout, EditorSlotContentLayout, SlotContainer, getSortedIdsAfterDropped, useBuilderContextMenuStatus, useBuilderData, useBuilderDataManager, useBuilderGroupedChildNodes, useBuilderNode, useBuilderNodeMountPoints, useBuilderParentNode, useCanDrop, useCanvasList, useHighlightNodes, useHoverNodeUid, useOutlineEnabled, useRouteList, useShowRelatedNodesBasedOnEvents };
+export { BuilderDataTransferType, BuilderProvider, DropZone, DroppingStatusContext, EditorBrickType, EditorContainer, EditorElementFactory, EditorSelfLayout, EditorSlotContentLayout, SlotContainer, getSortedIdsAfterDropped, useActiveNodeUid, useBuilderContextMenuStatus, useBuilderData, useBuilderDataManager, useBuilderGroupedChildNodes, useBuilderNode, useBuilderNodeMountPoints, useBuilderParentNode, useCanDrop, useCanvasList, useHighlightNodes, useHoverNodeUid, useOutlineEnabled, useRouteList, useShowRelatedNodesBasedOnEvents };
 //# sourceMappingURL=index.esm.js.map