@next-core/editor-bricks-helper 0.37.8 → 0.38.0

package/dist/index.esm.js

@@ -713,46 +713,6 @@ class BuilderDataManager {
     _defineProperty(this, "localJsonStorage", new JsonStorage(localStorage));
 
     _defineProperty(this, "outlineDisabledNodes", new Set((_this$localJsonStorag = this.localJsonStorage.getItem(storageKeyOfOutlineDisabledNodes)) !== null && _this$localJsonStorag !== void 0 ? _this$localJsonStorag : []));
-
-    _defineProperty(this, "runAddNodeAction", detail => {
-      var {
-        rootId,
-        nodes,
-        edges,
-        wrapperNode
-      } = this.data;
-      var {
-        nodeUid,
-        parentUid,
-        nodeUids,
-        nodeData
-      } = detail;
-      var {
-        nodes: addNodes,
-        edges: addEdges
-      } = getAppendingNodesAndEdges(omit(nodeData, ["parent"]), nodeUid, this.templateSourceMap, this.getStoryList());
-      var newNodes = nodes.concat(addNodes);
-      var newEdges = edges.concat({
-        parent: parentUid,
-        child: nodeUid,
-        mountPoint: nodeData.mountPoint,
-        sort: undefined,
-        $$isTemplateDelegated: isParentExpandableTemplate(nodes, parentUid)
-      }).concat(addEdges);
-      var newData = {
-        rootId,
-        nodes: newNodes,
-        edges: newEdges,
-        wrapperNode
-      };
-      this.data = _objectSpread(_objectSpread({}, newData), {}, {
-        edges: reorderBuilderEdges(newData, {
-          parentUid,
-          nodeUids
-        })
-      });
-      this.triggerDataChange();
-    });
   }
 
   getData() {
@@ -836,6 +796,46 @@ class BuilderDataManager {
     this.eventTarget.dispatchEvent(new CustomEvent(BuilderInternalEventType.DATA_CHANGE));
   }
 
+  runAddNodeAction(detail) {
+    var {
+      rootId,
+      nodes,
+      edges,
+      wrapperNode
+    } = this.data;
+    var {
+      nodeUid,
+      parentUid,
+      nodeUids,
+      nodeData
+    } = detail;
+    var {
+      nodes: addNodes,
+      edges: addEdges
+    } = getAppendingNodesAndEdges(omit(nodeData, ["parent"]), nodeUid, this.templateSourceMap, this.getStoryList());
+    var newNodes = nodes.concat(addNodes);
+    var newEdges = edges.concat({
+      parent: parentUid,
+      child: nodeUid,
+      mountPoint: nodeData.mountPoint,
+      sort: undefined,
+      $$isTemplateDelegated: isParentExpandableTemplate(nodes, parentUid)
+    }).concat(addEdges);
+    var newData = {
+      rootId,
+      nodes: newNodes,
+      edges: newEdges,
+      wrapperNode
+    };
+    this.data = _objectSpread(_objectSpread({}, newData), {}, {
+      edges: reorderBuilderEdges(newData, {
+        parentUid,
+        nodeUids
+      })
+    });
+    this.triggerDataChange();
+  }
+
   updateBrick(detail) {
     this.data = deleteNodeFromTree(detail.nodeUid, this.data);
     this.runAddNodeAction(detail);
@@ -982,6 +982,11 @@ class BuilderDataManager {
     };
     this.triggerDataChange();
   }
+  /**
+   * Move node anywhere by drag-n-drop.
+   * @deprecated use `moveNode` instead.
+   */
+
 
   nodeMove(detail) {
     var {
@@ -1020,6 +1025,81 @@ class BuilderDataManager {
       detail
     }));
   }
+  /**
+   * Move node up or down.
+   */
+
+
+  moveNode(_ref2, direction) {
+    var {
+      $$uid: nodeUid
+    } = _ref2;
+    var {
+      parent: parentUid,
+      mountPoint
+    } = this.data.edges.find(edge => edge.child === nodeUid);
+    var {
+      relatedEdges,
+      mountPoints
+    } = getRelatedEdgesAndMountPoint(this.data.edges, parentUid);
+    /** Edges of the same mount-point */
+
+    var siblingEdges = relatedEdges.filter(edge => edge.mountPoint === mountPoint);
+    var index = siblingEdges.findIndex(edge => edge.child === nodeUid);
+    var orderedSiblingEdges = moveItemInList(siblingEdges, index, direction);
+
+    if (!orderedSiblingEdges) {
+      return;
+    }
+
+    var orderedEdges = sortBy(relatedEdges, edge => mountPoints.indexOf(edge.mountPoint), edge => orderedSiblingEdges.indexOf(edge));
+    this.reorder(parentUid, orderedEdges);
+  }
+  /**
+   * Move mount-point up or down.
+   */
+
+
+  moveMountPoint(_ref3, mountPoint, direction) {
+    var {
+      $$uid: parentUid
+    } = _ref3;
+    var {
+      relatedEdges,
+      mountPoints
+    } = getRelatedEdgesAndMountPoint(this.data.edges, parentUid);
+    var index = mountPoints.indexOf(mountPoint);
+    var orderedMountPoints = moveItemInList(mountPoints, index, direction);
+
+    if (!orderedMountPoints) {
+      return;
+    }
+
+    var orderedEdges = sortBy(relatedEdges, edge => orderedMountPoints.indexOf(edge.mountPoint), "sort");
+    this.reorder(parentUid, orderedEdges);
+  }
+
+  reorder(parentUid, orderedEdges) {
+    var {
+      nodes
+    } = this.data;
+    var childUids = orderedEdges.map(edge => edge.child);
+    this.data = _objectSpread(_objectSpread({}, this.data), {}, {
+      edges: reorderBuilderEdges(this.data, {
+        parentUid,
+        nodeUids: childUids
+      })
+    });
+    this.triggerDataChange();
+    var childIds = childUids.map(uid => nodes.find(node => node.$$uid === uid)).map(node => node.id);
+    this.eventTarget.dispatchEvent(new CustomEvent(BuilderInternalEventType.NODE_REORDER, {
+      detail: {
+        nodeUids: childUids,
+        parentUid,
+        nodeIds: childIds
+      }
+    }));
+  }
 
   contextUpdated(detail) {
     var {
@@ -1218,6 +1298,41 @@ class BuilderDataManager {
 
 }
 
+function getRelatedEdgesAndMountPoint(edges, parentUid) {
+  var relatedEdges = sortBy(edges.filter(edge => edge.parent === parentUid && !edge.$$isTemplateExpanded), "sort");
+  var mountPointSet = new Set();
+
+  for (var edge of relatedEdges) {
+    mountPointSet.add(edge.mountPoint);
+  }
+
+  var mountPoints = Array.from(mountPointSet);
+  return {
+    relatedEdges,
+    mountPoints
+  };
+}
+
+function moveItemInList(list, index, direction) {
+  var upperIndex;
+
+  if (direction === "up") {
+    if (index <= 0) {
+      return;
+    }
+
+    upperIndex = index - 1;
+  } else {
+    if (index === -1 || index >= list.length - 1) {
+      return;
+    }
+
+    upperIndex = index;
+  }
+
+  return [...list.slice(0, upperIndex), list[upperIndex + 1], list[upperIndex], ...list.slice(upperIndex + 2)];
+}
+
 var BuilderContext = /*#__PURE__*/React.createContext({});
 function createBuilderContext() {
   return {