@next-core/editor-bricks-helper 0.33.2-alpha.7 → 0.33.4

package/CHANGELOG.md

@@ -3,43 +3,166 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
-## [0.33.2-alpha.7](https://github.com/easyops-cn/next-core/compare/@next-core/editor-bricks-helper@0.33.2-alpha.6...@next-core/editor-bricks-helper@0.33.2-alpha.7) (2021-11-05)
+## [0.33.4](https://github.com/easyops-cn/next-core/compare/@next-core/editor-bricks-helper@0.33.3...@next-core/editor-bricks-helper@0.33.4) (2021-12-29)
 
 **Note:** Version bump only for package @next-core/editor-bricks-helper
 
-## [0.33.2-alpha.6](https://github.com/easyops-cn/next-core/compare/@next-core/editor-bricks-helper@0.33.2-alpha.5...@next-core/editor-bricks-helper@0.33.2-alpha.6) (2021-11-05)
+
+
+
+
+## [0.33.3](https://github.com/easyops-cn/next-core/compare/@next-core/editor-bricks-helper@0.33.2...@next-core/editor-bricks-helper@0.33.3) (2021-12-28)
+
+**Note:** Version bump only for package @next-core/editor-bricks-helper
+
+
+
+
+
+## [0.33.2](https://github.com/easyops-cn/next-core/compare/@next-core/editor-bricks-helper@0.33.1...@next-core/editor-bricks-helper@0.33.2) (2021-12-28)
+
+**Note:** Version bump only for package @next-core/editor-bricks-helper
+
+
+
+
+
+## [0.33.1](https://github.com/easyops-cn/next-core/compare/@next-core/editor-bricks-helper@0.33.0...@next-core/editor-bricks-helper@0.33.1) (2021-12-24)
+
+**Note:** Version bump only for package @next-core/editor-bricks-helper
+
+
+
+
+
+# [0.33.0](https://github.com/easyops-cn/next-core/compare/@next-core/editor-bricks-helper@0.32.36...@next-core/editor-bricks-helper@0.33.0) (2021-12-23)
+
+
+### Features
+
+* display brick alias/id/dataset.testid/brick.name in order ([3645841](https://github.com/easyops-cn/next-core/commit/3645841ccf12f8ca3fe74f673a541ec75ff45d1c))
+
+
+
+
+
+## [0.32.36](https://github.com/easyops-cn/next-core/compare/@next-core/editor-bricks-helper@0.32.35...@next-core/editor-bricks-helper@0.32.36) (2021-12-17)
+
+**Note:** Version bump only for package @next-core/editor-bricks-helper
+
+
+
+
+
+## [0.32.35](https://github.com/easyops-cn/next-core/compare/@next-core/editor-bricks-helper@0.32.34...@next-core/editor-bricks-helper@0.32.35) (2021-12-15)
+
+**Note:** Version bump only for package @next-core/editor-bricks-helper
+
+## [0.32.34](https://github.com/easyops-cn/next-core/compare/@next-core/editor-bricks-helper@0.32.33...@next-core/editor-bricks-helper@0.32.34) (2021-12-06)
+
+**Note:** Version bump only for package @next-core/editor-bricks-helper
+
+## [0.32.33](https://github.com/easyops-cn/next-core/compare/@next-core/editor-bricks-helper@0.32.32...@next-core/editor-bricks-helper@0.32.33) (2021-12-06)
+
+**Note:** Version bump only for package @next-core/editor-bricks-helper
+
+## [0.32.32](https://github.com/easyops-cn/next-core/compare/@next-core/editor-bricks-helper@0.32.31...@next-core/editor-bricks-helper@0.32.32) (2021-12-05)
+
+**Note:** Version bump only for package @next-core/editor-bricks-helper
+
+## [0.32.31](https://github.com/easyops-cn/next-core/compare/@next-core/editor-bricks-helper@0.32.30...@next-core/editor-bricks-helper@0.32.31) (2021-12-03)
+
+**Note:** Version bump only for package @next-core/editor-bricks-helper
+
+## [0.32.30](https://github.com/easyops-cn/next-core/compare/@next-core/editor-bricks-helper@0.32.29...@next-core/editor-bricks-helper@0.32.30) (2021-12-03)
+
+**Note:** Version bump only for package @next-core/editor-bricks-helper
+
+## [0.32.29](https://github.com/easyops-cn/next-core/compare/@next-core/editor-bricks-helper@0.32.28...@next-core/editor-bricks-helper@0.32.29) (2021-12-01)
+
+**Note:** Version bump only for package @next-core/editor-bricks-helper
+
+## [0.32.28](https://github.com/easyops-cn/next-core/compare/@next-core/editor-bricks-helper@0.32.27...@next-core/editor-bricks-helper@0.32.28) (2021-11-29)
+
+**Note:** Version bump only for package @next-core/editor-bricks-helper
+
+## [0.32.27](https://github.com/easyops-cn/next-core/compare/@next-core/editor-bricks-helper@0.32.26...@next-core/editor-bricks-helper@0.32.27) (2021-11-26)
+
+**Note:** Version bump only for package @next-core/editor-bricks-helper
+
+## [0.32.26](https://github.com/easyops-cn/next-core/compare/@next-core/editor-bricks-helper@0.32.25...@next-core/editor-bricks-helper@0.32.26) (2021-11-25)
+
+**Note:** Version bump only for package @next-core/editor-bricks-helper
+
+## [0.32.25](https://github.com/easyops-cn/next-core/compare/@next-core/editor-bricks-helper@0.32.24...@next-core/editor-bricks-helper@0.32.25) (2021-11-25)
+
+**Note:** Version bump only for package @next-core/editor-bricks-helper
+
+## [0.32.24](https://github.com/easyops-cn/next-core/compare/@next-core/editor-bricks-helper@0.32.23...@next-core/editor-bricks-helper@0.32.24) (2021-11-25)
+
+**Note:** Version bump only for package @next-core/editor-bricks-helper
+
+## [0.32.23](https://github.com/easyops-cn/next-core/compare/@next-core/editor-bricks-helper@0.32.22...@next-core/editor-bricks-helper@0.32.23) (2021-11-25)
+
+**Note:** Version bump only for package @next-core/editor-bricks-helper
+
+## [0.32.22](https://github.com/easyops-cn/next-core/compare/@next-core/editor-bricks-helper@0.32.21...@next-core/editor-bricks-helper@0.32.22) (2021-11-23)
+
+**Note:** Version bump only for package @next-core/editor-bricks-helper
+
+## [0.32.21](https://github.com/easyops-cn/next-core/compare/@next-core/editor-bricks-helper@0.32.20...@next-core/editor-bricks-helper@0.32.21) (2021-11-23)
+
+**Note:** Version bump only for package @next-core/editor-bricks-helper
+
+## [0.32.20](https://github.com/easyops-cn/next-core/compare/@next-core/editor-bricks-helper@0.32.19...@next-core/editor-bricks-helper@0.32.20) (2021-11-23)
+
+**Note:** Version bump only for package @next-core/editor-bricks-helper
+
+## [0.32.19](https://github.com/easyops-cn/next-core/compare/@next-core/editor-bricks-helper@0.32.18...@next-core/editor-bricks-helper@0.32.19) (2021-11-18)
+
+**Note:** Version bump only for package @next-core/editor-bricks-helper
+
+## [0.32.18](https://github.com/easyops-cn/next-core/compare/@next-core/editor-bricks-helper@0.32.17...@next-core/editor-bricks-helper@0.32.18) (2021-11-18)
+
+**Note:** Version bump only for package @next-core/editor-bricks-helper
+
+## [0.32.17](https://github.com/easyops-cn/next-core/compare/@next-core/editor-bricks-helper@0.32.16...@next-core/editor-bricks-helper@0.32.17) (2021-11-12)
+
+**Note:** Version bump only for package @next-core/editor-bricks-helper
+
+## [0.32.16](https://github.com/easyops-cn/next-core/compare/@next-core/editor-bricks-helper@0.32.15...@next-core/editor-bricks-helper@0.32.16) (2021-11-12)
 
 **Note:** Version bump only for package @next-core/editor-bricks-helper
 
-## [0.33.2-alpha.5](https://github.com/easyops-cn/next-core/compare/@next-core/editor-bricks-helper@0.33.2-alpha.4...@next-core/editor-bricks-helper@0.33.2-alpha.5) (2021-11-05)
+## [0.32.15](https://github.com/easyops-cn/next-core/compare/@next-core/editor-bricks-helper@0.32.14...@next-core/editor-bricks-helper@0.32.15) (2021-11-11)
 
 **Note:** Version bump only for package @next-core/editor-bricks-helper
 
-## [0.33.2-alpha.4](https://github.com/easyops-cn/next-core/compare/@next-core/editor-bricks-helper@0.33.2-alpha.3...@next-core/editor-bricks-helper@0.33.2-alpha.4) (2021-11-04)
+## [0.32.14](https://github.com/easyops-cn/next-core/compare/@next-core/editor-bricks-helper@0.32.13...@next-core/editor-bricks-helper@0.32.14) (2021-11-10)
 
 **Note:** Version bump only for package @next-core/editor-bricks-helper
 
-## [0.33.2-alpha.3](https://github.com/easyops-cn/next-core/compare/@next-core/editor-bricks-helper@0.33.2-alpha.2...@next-core/editor-bricks-helper@0.33.2-alpha.3) (2021-11-04)
+## [0.32.13](https://github.com/easyops-cn/next-core/compare/@next-core/editor-bricks-helper@0.32.12...@next-core/editor-bricks-helper@0.32.13) (2021-11-09)
 
 **Note:** Version bump only for package @next-core/editor-bricks-helper
 
-## [0.33.2-alpha.2](https://github.com/easyops-cn/next-core/compare/@next-core/editor-bricks-helper@0.33.2-alpha.1...@next-core/editor-bricks-helper@0.33.2-alpha.2) (2021-11-04)
+## [0.32.12](https://github.com/easyops-cn/next-core/compare/@next-core/editor-bricks-helper@0.32.11...@next-core/editor-bricks-helper@0.32.12) (2021-11-08)
 
 **Note:** Version bump only for package @next-core/editor-bricks-helper
 
-## [0.33.2-alpha.1](https://github.com/easyops-cn/next-core/compare/@next-core/editor-bricks-helper@0.33.2-alpha.0...@next-core/editor-bricks-helper@0.33.2-alpha.1) (2021-11-04)
+## [0.32.11](https://github.com/easyops-cn/next-core/compare/@next-core/editor-bricks-helper@0.32.10...@next-core/editor-bricks-helper@0.32.11) (2021-11-08)
 
 **Note:** Version bump only for package @next-core/editor-bricks-helper
 
-## [0.33.2-alpha.0](https://github.com/easyops-cn/next-core/compare/@next-core/editor-bricks-helper@0.33.1-alpha.0...@next-core/editor-bricks-helper@0.33.2-alpha.0) (2021-11-04)
+## [0.32.10](https://github.com/easyops-cn/next-core/compare/@next-core/editor-bricks-helper@0.32.9...@next-core/editor-bricks-helper@0.32.10) (2021-11-08)
 
 **Note:** Version bump only for package @next-core/editor-bricks-helper
 
-## [0.33.1-alpha.0](https://github.com/easyops-cn/next-core/compare/@next-core/editor-bricks-helper@0.33.0-alpha.0...@next-core/editor-bricks-helper@0.33.1-alpha.0) (2021-11-03)
+## [0.32.9](https://github.com/easyops-cn/next-core/compare/@next-core/editor-bricks-helper@0.32.8...@next-core/editor-bricks-helper@0.32.9) (2021-11-04)
 
 **Note:** Version bump only for package @next-core/editor-bricks-helper
 
-# [0.33.0-alpha.0](https://github.com/easyops-cn/next-core/compare/@next-core/editor-bricks-helper@0.32.7...@next-core/editor-bricks-helper@0.33.0-alpha.0) (2021-11-03)
+## [0.32.8](https://github.com/easyops-cn/next-core/compare/@next-core/editor-bricks-helper@0.32.7...@next-core/editor-bricks-helper@0.32.8) (2021-11-04)
 
 **Note:** Version bump only for package @next-core/editor-bricks-helper
 

package/dist/index.bundle.js

@@ -182,12 +182,13 @@
     return uniqueIdCursor += 1;
   }
 
-  function expandTemplateEdges({
-    nodes,
-    // Here expanded edges should be excluded.
-    edges,
-    rootId
-  }) {
+  function expandTemplateEdges(_ref) {
+    var {
+      nodes,
+      // Here expanded edges should be excluded.
+      edges,
+      rootId
+    } = _ref;
     var newEdges = edges.slice();
     var reorderedEdgesMap = new WeakMap();
 
@@ -265,14 +266,16 @@
     return edges;
   }
 
-  function reorderBuilderEdges({
-    rootId,
-    nodes,
-    edges
-  }, {
-    parentUid,
-    nodeUids
-  }) {
+  function reorderBuilderEdges(_ref, _ref2) {
+    var {
+      rootId,
+      nodes,
+      edges
+    } = _ref;
+    var {
+      parentUid,
+      nodeUids
+    } = _ref2;
     // When we do edge-reordering, we simply remove existed
     // expanded edges and re-expand them.
     var edgesExcludeExpanded = edges.filter(edge => !edge.$$isTemplateExpanded);
@@ -289,11 +292,12 @@
     });
   }
 
-  function deleteNodeFromTree(nodeUid, {
-    rootId,
-    nodes,
-    edges
-  }) {
+  function deleteNodeFromTree(nodeUid, _ref) {
+    var {
+      rootId,
+      nodes,
+      edges
+    } = _ref;
     var idsToDelete = new Set();
     collectIdsToDelete(nodeUid, edges, idsToDelete);
     return {
@@ -350,7 +354,9 @@
       }
 
       if (!lodash.isEmpty(node.$$parsedLifeCycle)) {
-        handlers = handlers.concat(Object.entries(node.$$parsedLifeCycle).flatMap(([lifeCycleName, lifeCycleConf]) => {
+        handlers = handlers.concat(Object.entries(node.$$parsedLifeCycle).flatMap(_ref => {
+          var [lifeCycleName, lifeCycleConf] = _ref;
+
           switch (lifeCycleName) {
             case "onBeforePageLoad":
             case "onPageLoad":
@@ -408,10 +414,11 @@
     }
   }
 
-  var nodeIgnoreFields = ["parent", "children", "graphInfo", "mountPoint"];
-  function getBuilderNode(nodeData, nodeUid, isTemplateInternalNode) {
-    var _nodeData$alias;
+  var nodeIgnoreFields = ["parent", "children", "graphInfo", "mountPoint"]; // Match evaluations and placeholders,
+  // E.g.: `<% QUERY.x %>` or `${QUERY.x}`.
 
+  var computationRegExp = /[<{]/;
+  function getBuilderNode(nodeData, nodeUid, isTemplateInternalNode) {
     var matchedSelectors = [];
 
     if (nodeData.brick) {
@@ -421,22 +428,33 @@
     var normalized = brickUtils.normalizeBuilderNode(nodeData);
     var jsonFieldsInBrick = ["properties", "events", "lifeCycle"];
     var parsedFields = [];
+    var parsedId;
+    var parsedTestId;
 
     for (var field of jsonFieldsInBrick) {
       var parsed = lodash.cloneDeep(normalized === null || normalized === void 0 ? void 0 : normalized[field]);
       parsedFields.push(["$$parsed".concat(lodash.upperFirst(field)), parsed !== null && parsed !== void 0 ? parsed : {}]);
 
-      if (field === "properties" && parsed !== null && parsed !== void 0 && parsed.id && typeof parsed.id === "string" && // Ignore evaluations and placeholders,
-      // E.g.: `<% QUERY.x %>` or `${QUERY.x}`.
-      !/[<{]/.test(parsed.id)) {
-        matchedSelectors.push("#".concat(parsed.id));
+      if (field === "properties") {
+        var _parsed$dataset;
+
+        var tempParsedId = void 0;
+        var tempParsedTestId = void 0;
+
+        if ((tempParsedId = parsed === null || parsed === void 0 ? void 0 : parsed.id, typeof tempParsedId === "string") && !computationRegExp.test(tempParsedId)) {
+          parsedId = tempParsedId;
+          matchedSelectors.push("#".concat(parsedId));
+        } else if ((tempParsedTestId = parsed === null || parsed === void 0 ? void 0 : (_parsed$dataset = parsed.dataset) === null || _parsed$dataset === void 0 ? void 0 : _parsed$dataset.testid, typeof tempParsedTestId === "string") && !computationRegExp.test(tempParsedTestId)) {
+          parsedTestId = tempParsedTestId;
+        }
       }
     }
 
-    return Object.fromEntries(Object.entries(nodeData).filter(entry => !nodeIgnoreFields.includes(entry[0])).concat([["alias", (_nodeData$alias = nodeData.alias) !== null && _nodeData$alias !== void 0 ? _nodeData$alias : brickUtils.isBrickNode(nodeData) ? nodeData.brick.split(".").pop() : undefined], ["$$uid", nodeUid], ["$$matchedSelectors", matchedSelectors], ["$$isTemplateInternalNode", isTemplateInternalNode], ["$$normalized", normalized]]).concat(parsedFields));
+    return Object.fromEntries(Object.entries(nodeData).filter(entry => !nodeIgnoreFields.includes(entry[0])).concat([["alias", nodeData.alias || (brickUtils.isBrickNode(nodeData) ? parsedId || parsedTestId || nodeData.brick.split(".").pop() : undefined)], ["$$uid", nodeUid], ["$$matchedSelectors", matchedSelectors], ["$$isTemplateInternalNode", isTemplateInternalNode], ["$$normalized", normalized]]).concat(parsedFields));
   }
 
-  function getAppendingNodesAndEdges(nodeData, nodeUid, templateSourceMap, storyList = []) {
+  function getAppendingNodesAndEdges(nodeData, nodeUid, templateSourceMap) {
+    var storyList = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : [];
     var nodes = [];
     var edges = [];
 
@@ -835,12 +853,13 @@
       var newNodes = nodes.slice();
       var newEdges = edges.slice();
 
-      var walk = ({
-        parentUid,
-        nodeUid,
-        nodeData,
-        children
-      }) => {
+      var walk = _ref => {
+        var {
+          parentUid,
+          nodeUid,
+          nodeData,
+          children
+        } = _ref;
         var {
           nodes: appendingNodes,
           edges: appendingEdges
@@ -1161,10 +1180,11 @@
     return data;
   }
 
-  function useBuilderNode({
-    nodeUid,
-    isRoot
-  }) {
+  function useBuilderNode(_ref) {
+    var {
+      nodeUid,
+      isRoot
+    } = _ref;
     var {
       rootId,
       nodes
@@ -1272,16 +1292,17 @@
     return droppingStatus;
   }
 
-  function EditorContainer({
-    nodeUid,
-    type,
-    isTransparentContainer,
-    editorContainerStyle,
-    editorBodyStyle,
-    children
-  }) {
+  function EditorContainer(_ref) {
     var _droppingStatus$get$v, _droppingStatus$get;
 
+    var {
+      nodeUid,
+      type,
+      isTransparentContainer,
+      editorContainerStyle,
+      editorBodyStyle,
+      children
+    } = _ref;
     var editorContainerRef = React.useRef();
     var highlightNodes = useHighlightNodes();
     var node = useBuilderNode({
@@ -1483,10 +1504,11 @@
   var styles$2 = {"slotContentLayoutBlock":"EditorBrickAsComponent--slotContentLayoutBlock--1aed4lu","selfLayoutBlock":"EditorBrickAsComponent--selfLayoutBlock--1aed4lu","selfLayoutContainer":"EditorBrickAsComponent--selfLayoutContainer--1aed4lu","slotContentLayoutInline":"EditorBrickAsComponent--slotContentLayoutInline--1aed4lu","selfLayoutInline":"EditorBrickAsComponent--selfLayoutInline--1aed4lu","dragging":"EditorBrickAsComponent--dragging--1aed4lu","baseView":"EditorBrickAsComponent--baseView--1aed4lu"};
   styleInject(css_248z$2);
 
-  function EditorBrickAsComponent({
-    node,
-    slotContentLayout
-  }) {
+  function EditorBrickAsComponent(_ref) {
+    var {
+      node,
+      slotContentLayout
+    } = _ref;
     var [initialized, setInitialized] = React__default["default"].useState(false);
     var [editorBrick, setEditorBrick] = React__default["default"].useState();
     var [loadEditorError, setLoadEditorError] = React__default["default"].useState();
@@ -1576,11 +1598,12 @@
     }))) : /*#__PURE__*/React__default["default"].createElement("span", null, loadEditorError) : /*#__PURE__*/React__default["default"].createElement("span", null, "Loading...");
   }
 
-  function useBuilderGroupedChildNodes({
-    nodeUid,
-    isRoot,
-    doNotExpandTemplates
-  }) {
+  function useBuilderGroupedChildNodes(_ref) {
+    var {
+      nodeUid,
+      isRoot,
+      doNotExpandTemplates
+    } = _ref;
     var {
       rootId,
       nodes,
@@ -1593,12 +1616,13 @@
       doNotExpandTemplates
     }), [doNotExpandTemplates, edges, isRoot, nodeUid, nodes, rootId]);
   }
-  function getBuilderGroupedChildNodes({
-    nodeUid,
-    nodes,
-    edges,
-    doNotExpandTemplates
-  }) {
+  function getBuilderGroupedChildNodes(_ref2) {
+    var {
+      nodeUid,
+      nodes,
+      edges,
+      doNotExpandTemplates
+    } = _ref2;
     var groups = new Map();
     var relatedEdges = lodash.sortBy(edges.filter(edge => edge.parent === nodeUid && (doNotExpandTemplates ? !edge.$$isTemplateInternal : !edge.$$isTemplateDelegated)), [edge => edge.sort]);
 
@@ -1616,10 +1640,13 @@
       _loop(edge);
     }
 
-    return Array.from(groups.entries()).map(([mountPoint, childNodes]) => ({
-      mountPoint,
-      childNodes
-    }));
+    return Array.from(groups.entries()).map(_ref3 => {
+      var [mountPoint, childNodes] = _ref3;
+      return {
+        mountPoint,
+        childNodes
+      };
+    });
   }
 
   /**
@@ -1914,18 +1941,22 @@
   // The reverse operation of *normalize*.
   // https://github.com/easyops-cn/next-basics/blob/5a6710d567821bcb4a0c71e22d55212193d8b0cb/bricks/next-builder/src/shared/storyboard/buildStoryboard.ts#L394
   function reverseNormalize(brickConf, ctx) {
-    return Object.fromEntries(Object.entries(brickConf).map(([key, value]) => value === undefined || ignoredFieldsInBrick.includes(key) ? undefined : jsonFieldsInBrick.includes(key) ? [key, JSON.stringify(value)] : yamlFieldsInBrick.includes(key) ? [key, yaml__default["default"].safeDump(value)] : [key, value]).filter(Boolean).concat(Object.entries(ctx.nodeData), [["brick", ctx.nodeData.type === "template" ? brickConf.template : brickConf.brick], ["portal", ctx.isPortalCanvas || brickConf.portal]]));
+    return Object.fromEntries(Object.entries(brickConf).map(_ref => {
+      var [key, value] = _ref;
+      return value === undefined || ignoredFieldsInBrick.includes(key) ? undefined : jsonFieldsInBrick.includes(key) ? [key, JSON.stringify(value)] : yamlFieldsInBrick.includes(key) ? [key, yaml__default["default"].safeDump(value)] : [key, value];
+    }).filter(Boolean).concat(Object.entries(ctx.nodeData), [["brick", ctx.nodeData.type === "template" ? brickConf.template : brickConf.brick], ["portal", ctx.isPortalCanvas || brickConf.portal]]));
   }
 
-  function getSnippetNodeDetail({
-    parent,
-    parentUid,
-    mountPoint,
-    nodeUid,
-    brickConf,
-    isPortalCanvas,
-    sort
-  }) {
+  function getSnippetNodeDetail(_ref) {
+    var {
+      parent,
+      parentUid,
+      mountPoint,
+      nodeUid,
+      brickConf,
+      isPortalCanvas,
+      sort
+    } = _ref;
     var type = brickConf.template ? "template" : brickConf.bg ? "provider" : "brick";
     return {
       nodeUid,
@@ -1939,34 +1970,42 @@
           sort
         }
       }),
-      children: brickConf.slots ? Object.entries(brickConf.slots).flatMap(([mountPoint, slotConf]) => slotConf.bricks.map(childBrickConf => ({
-        childBrickConf,
-        mountPoint
-      }))).map(({
-        childBrickConf,
-        mountPoint
-      }, index) => getSnippetNodeDetail({
-        parentUid: nodeUid,
-        mountPoint,
-        nodeUid: getUniqueNodeId(),
-        brickConf: childBrickConf,
-        sort: index
-      })) : []
+      children: brickConf.slots ? Object.entries(brickConf.slots).flatMap(_ref2 => {
+        var [mountPoint, slotConf] = _ref2;
+        return slotConf.bricks.map(childBrickConf => ({
+          childBrickConf,
+          mountPoint
+        }));
+      }).map((_ref3, index) => {
+        var {
+          childBrickConf,
+          mountPoint
+        } = _ref3;
+        return getSnippetNodeDetail({
+          parentUid: nodeUid,
+          mountPoint,
+          nodeUid: getUniqueNodeId(),
+          brickConf: childBrickConf,
+          sort: index
+        });
+      }) : []
     };
   }
 
-  function processDrop({
-    manager,
-    type,
-    data,
-    droppingIndex,
-    droppingParentUid,
-    droppingParentInstanceId,
-    droppingMountPoint,
-    droppingChildNodes,
-    droppingSiblingGroups,
-    isPortalCanvas
-  }) {
+  function processDrop(_ref) {
+    var {
+      manager,
+      type,
+      data,
+      droppingIndex,
+      droppingParentUid,
+      droppingParentInstanceId,
+      droppingMountPoint,
+      droppingChildNodes,
+      droppingSiblingGroups,
+      isPortalCanvas
+    } = _ref;
+
     if (type === exports.BuilderDataTransferType.NODE_TO_ADD) {
       // Drag a new node into canvas.
       var {
@@ -2080,21 +2119,22 @@
   styleInject(css_248z$1);
 
   var _excluded = ["type"];
-  function DropZone({
-    nodeUid,
-    isRoot,
-    separateCanvas,
-    isPortalCanvas,
-    independentPortalCanvas,
-    canvasIndex,
-    mountPoint,
-    fullscreen,
-    delegatedContext,
-    dropZoneStyle,
-    dropZoneBodyStyle,
-    slotContentLayout,
-    showOutlineIfEmpty
-  }) {
+  function DropZone(_ref) {
+    var {
+      nodeUid,
+      isRoot,
+      separateCanvas,
+      isPortalCanvas,
+      independentPortalCanvas,
+      canvasIndex,
+      mountPoint,
+      fullscreen,
+      delegatedContext,
+      dropZoneStyle,
+      dropZoneBodyStyle,
+      slotContentLayout,
+      showOutlineIfEmpty
+    } = _ref;
     var dropZoneBody = React__default["default"].useRef();
     var [dropPositionCursor, setDropPositionCursor] = React__default["default"].useState(null);
     var dropPositionCursorRef = React__default["default"].useRef();
@@ -2269,17 +2309,18 @@
   styleInject(css_248z);
 
   /* istanbul-ignore-file */
-  function SlotContainer({
-    nodeUid,
-    slotName,
-    slotContainerStyle,
-    dropZoneStyle,
-    dropZoneBodyStyle,
-    slotContentLayout,
-    showOutlineIfEmpty
-  }) {
+  function SlotContainer(_ref) {
     var _droppingStatus$get;
 
+    var {
+      nodeUid,
+      slotName,
+      slotContainerStyle,
+      dropZoneStyle,
+      dropZoneBodyStyle,
+      slotContentLayout,
+      showOutlineIfEmpty
+    } = _ref;
     var node = useBuilderNode({
       nodeUid
     });
@@ -2325,9 +2366,10 @@
 
   var refCount = 0;
 
-  function LegacyBuilderProvider({
-    children
-  }) {
+  function LegacyBuilderProvider(_ref) {
+    var {
+      children
+    } = _ref;
     var context = createSingletonBuilderContext();
     /**
      * If the global context was used to store the DND context
@@ -2353,8 +2395,8 @@
   function EditorElementFactory(EditorComponent, options) {
     var NewEditorElement = _decorate__default["default"](null, function (_initialize, _UpdatingElement) {
       class NewEditorElement extends _UpdatingElement {
-        constructor(...args) {
-          super(...args);
+        constructor() {
+          super(...arguments);
 
           _initialize(this);
         }
@@ -2434,11 +2476,12 @@
   /** @deprecated no more usage but for compatibility only. */
   var DroppingStatusContext = /*#__PURE__*/React.createContext({});
 
-  function useBuilderNodeMountPoints({
-    nodeUid,
-    isRoot,
-    doNotExpandTemplates
-  }) {
+  function useBuilderNodeMountPoints(_ref) {
+    var {
+      nodeUid,
+      isRoot,
+      doNotExpandTemplates
+    } = _ref;
     var {
       rootId,
       edges