publ-echo-test 0.0.110 → 0.0.112

package/dist/lib/GridLayoutEditor/ReactGridLayout.js

@@ -57,8 +57,8 @@ var ReactGridLayout = function (_a) {
     var _6 = useState(), droppingDOMNode = _6[0], setDroppingDOMNode = _6[1];
     var _7 = useState(), droppingPosition = _7[0], setDroppingPosition = _7[1];
     var _8 = useState(false), isMounted = _8[0], setIsMounted = _8[1];
-    var editableItems = blockStructure ? findChildrenComponentIds(blockStructure, editingGroupBlock) : [];
-    var editingGroupAllChildren = (blockStructure && editingGroupBlock) ? findAllChildrenComponentIds(blockStructure, editingGroupBlock).map(function (i) { return i.toString(); }) : [];
+    var editableItems = blockStructure ? findChildrenComponentIds(blockStructure.children, editingGroupBlock) : [];
+    var editingGroupAllChildren = (blockStructure && editingGroupBlock) ? findAllChildrenComponentIds(blockStructure.children, editingGroupBlock).map(function (i) { return i.toString(); }) : [];
     var _9 = useState([]), oldGroupChildren = _9[0], setOldGroupChildren = _9[1];
     var _10 = useState(function () {
         return synchronizeLayoutWithChildren(props.layout || [], children, cols, compactType, allowOverlap);
@@ -147,7 +147,7 @@ var ReactGridLayout = function (_a) {
             if (!blockStructure) {
                 return;
             }
-            var childrenIds = findAllChildrenComponentIds(blockStructure, i).map(function (i) { return i.toString(); });
+            var childrenIds = findAllChildrenComponentIds(blockStructure.children, i).map(function (i) { return i.toString(); });
             var children_1 = childrenIds.map(function (id) {
                 var item = getLayoutItem(layout, id);
                 return cloneLayoutItem(item);
@@ -174,7 +174,7 @@ var ReactGridLayout = function (_a) {
             if (!blockStructure) {
                 return;
             }
-            var children_2 = findChildrenComponentIds(blockStructure, i).map(function (id) {
+            var children_2 = findChildrenComponentIds(blockStructure.children, i).map(function (id) {
                 var item = getLayoutItem(layout, id);
                 return cloneLayoutItem(item);
             });
@@ -515,7 +515,7 @@ var ReactGridLayout = function (_a) {
             var originalKey = String(child.key).split(".$");
             return originalKey[1] === l.i;
         });
-        var isInBulk = blockStructure && (bulkIds === null || bulkIds === void 0 ? void 0 : bulkIds.includes(getBlockIdByComponentId(blockStructure, Number(activeDrag.i))));
+        var isInBulk = blockStructure && (bulkIds === null || bulkIds === void 0 ? void 0 : bulkIds.includes(getBlockIdByComponentId(blockStructure.children, Number(activeDrag.i))));
         if (!item) {
             return null;
         }
@@ -544,7 +544,7 @@ var ReactGridLayout = function (_a) {
         var bounded = draggable && isBounded && l.isBounded !== false;
         var editable = editableItems.includes(l.i);
         var z = l.z || 0;
-        var isInBulk = blockStructure && (bulkIds === null || bulkIds === void 0 ? void 0 : bulkIds.includes(getBlockIdByComponentId(blockStructure, Number(l.i))));
+        var isInBulk = blockStructure && (bulkIds === null || bulkIds === void 0 ? void 0 : bulkIds.includes(getBlockIdByComponentId(blockStructure.children, Number(l.i))));
         var isRoot = editingGroupBlock === 'ROOT';
         var baseZ = function () {
             if (isInBulk) {
@@ -639,7 +639,7 @@ var ReactGridLayout = function (_a) {
         if (!blockStructure) {
             return;
         }
-        var childrenIds = findAllChildrenComponentIds(blockStructure, block.blockId).map(function (i) { return i.toString(); });
+        var childrenIds = findAllChildrenComponentIds(blockStructure.children, block.blockId).map(function (i) { return i.toString(); });
         var groupItem = getBoundingArea(layout, childrenIds);
         // const draggable =
         //   typeof l.isDraggable === "boolean"
@@ -698,7 +698,7 @@ var ReactGridLayout = function (_a) {
                 // resizeHandle={resizeHandle}
                 isHiddenVisibility: isHiddenVisibility, customColWidth: colWidth, autoResize: false, onContextGroup: handleClickContextGroup, children: _jsx("div", { onClick: handleClick, onDoubleClick: handleDoubleClick }) }, block.blockId) }));
     };
-    var currentGroupBlocks = blockStructure ? findGroupBlocks(blockStructure, editingGroupBlock) : [];
+    var currentGroupBlocks = blockStructure ? findGroupBlocks(blockStructure.children, editingGroupBlock) : [];
     return (_jsxs("div", { ref: innerRef, className: mergedClassName, style: mergedStyle, onDrop: isDroppable ? onDropHandler : noop, onDragLeave: isDroppable ? onDragLeaveHandler : noop, onDragEnter: isDroppable ? onDragEnterHandler : noop, onDragOver: isDroppable ? onDragOverHandler : noop, children: [currentGroupBlocks.map(function (each) { return processGroup(each); }), React.Children.map(children, function (child) { return processGridItem(child); }), placeholder(), activeDrag && _jsx("div", { className: "grid-guide-line-center" }), activeDrag && (_jsx("div", { className: "grid-placeholder", style: {
                     marginTop: margin[1] + "px",
                     marginBottom: margin[1] + "px",

package/dist/lib/GridLayoutEditor/group.d.ts

@@ -40,19 +40,21 @@ export type BulkBlockInternal = {
     zOrderMobileInternal: number;
     children: (ComponentBlock | GroupBlock)[];
 };
-export declare const findBlockByBlockId: (block: RootBlock, blockId: string) => Block | null;
-export declare const findChildrenComponentIds: (block: RootBlock, targetId: string) => string[];
-export declare const findAllChildrenIds: (block: RootBlock, targetId: string, depth?: 'current' | 'deep') => string[];
-export declare const findAllChildrenComponentIds: (block: RootBlock, targetId: string) => number[];
-export declare const findAllParentGroups: (block: RootBlock, targetId: string) => GroupBlock[];
-export declare const findGroupBlocks: (block: RootBlock, targetId: string) => GroupBlock[];
-export declare const findAllComponentBlockIds: (block: RootBlock) => number[];
-export declare const findParentGroupByGroupId: (block: RootBlock, targetId: string) => string | null;
-export declare const addBlockToRoot: (block: RootBlock, newBlock: Block) => RootBlock;
-export declare const getBlockWorkDirPath: (blockStructure: RootBlock, blockId: string) => string | null;
-export declare const mapComponentBlockIdsToBlockIds: (blockStructure: RootBlock) => {
+export declare const findBlockByBlockId: (blocks: Block[], blockId: string) => Block | null;
+export declare const findChildrenComponentIds: (blockStructure: Block[], targetId: string) => string[];
+export declare const findAllChildrenIds: (blockStructure: Block[], targetId: string, depth?: 'current' | 'deep') => string[];
+export declare const findAllChildrenComponentIds: (blockStructure: Block[], targetId: string) => number[];
+export declare const findAllParentGroups: (blockStructure: Block[], targetId: string) => GroupBlock[];
+export declare const findGroupBlocks: (blockStructure: Block[], targetId: string) => GroupBlock[];
+export declare const findAllComponentBlockIds: (blockStructure: Block[]) => number[];
+export declare const findParentGroupByGroupId: (blockStructure: Block[], targetId: string) => string | null;
+export declare const addBlockToRoot: (blockStructure: Block[], newBlock: Block) => Block[];
+export declare const addBulkToTarget: (blockStructure: Block[], targetId: string, bulkIds: string[]) => Block[];
+export declare const getBlockWorkDirPath: (blockStructure: Block[], blockId: string) => string | null;
+export declare const getBlockIdByComponentId: (blockStructure: Block[], componentId: number) => string | null;
+export declare const blockStructure: Block[];
+export declare const mapComponentBlockIdsToBlockIds: (blockStructure: Block[]) => {
     CB_ID: Record<number, string>;
     BLOCK_ID: Record<string, number>;
 };
-export declare const getBlockIdByComponentId: (block: RootBlock, componentId: number) => string | null;
-export declare const addBulkToTarget: (block: RootBlock, targetId: string, bulkIds: string[]) => RootBlock;
+export declare const findAccessibleChildrenBlocks: (blockStructure: Block[], targetGroupId: string, blockIds: string[]) => string[];

package/dist/lib/GridLayoutEditor/group.js

@@ -34,15 +34,15 @@ export function getBlockSpecificType(block) {
     }
     return block.type;
 }
-var deepClone = function (block) { return JSON.parse(JSON.stringify(block)); };
-export var findBlockByBlockId = function (block, blockId) {
-    for (var _i = 0, _a = block.children; _i < _a.length; _i++) {
-        var child = _a[_i];
-        if (child.blockId === blockId) {
-            return child;
+var deepClone = function (blocks) { return JSON.parse(JSON.stringify(blocks)); };
+export var findBlockByBlockId = function (blocks, blockId) {
+    for (var _i = 0, blocks_1 = blocks; _i < blocks_1.length; _i++) {
+        var block = blocks_1[_i];
+        if (block.blockId === blockId) {
+            return block;
         }
-        if (child.type === 'GROUP_BLOCK' && child.children) {
-            var found = findBlockByBlockId({ blockId: "ROOT", type: "GROUP_BLOCK", zOrderDesktopInternal: null, zOrderMobileInternal: null, children: child.children }, blockId);
+        if (block.type === 'GROUP_BLOCK' && block.children) {
+            var found = findBlockByBlockId(block.children, blockId);
             if (found) {
                 return found;
             }
@@ -50,15 +50,15 @@ export var findBlockByBlockId = function (block, blockId) {
     }
     return null;
 };
-export var findChildrenComponentIds = function (block, targetId) {
-    var targetBlock = findBlockByBlockId(block, targetId);
+export var findChildrenComponentIds = function (blockStructure, targetId) {
+    var targetBlock = findBlockByBlockId(blockStructure, targetId);
     if (!targetBlock || targetBlock.type !== 'GROUP_BLOCK') {
         return [];
     }
     var blockCBChildren = targetBlock.children.filter(function (child) { return child.type === 'COMPONENT_BLOCK'; });
     return blockCBChildren.map(function (cb) { return cb.componentBlockId.toString(); });
 };
-export var findAllChildrenIds = function (block, targetId, depth) {
+export var findAllChildrenIds = function (blockStructure, targetId, depth) {
     if (depth === void 0) { depth = 'deep'; }
     var collectChildrenIds = function (block) {
         var ids = [];
@@ -73,10 +73,10 @@ export var findAllChildrenIds = function (block, targetId, depth) {
         }
         return ids;
     };
-    var targetBlock = findBlockByBlockId(block, targetId);
+    var targetBlock = findBlockByBlockId(blockStructure, targetId);
     return targetBlock ? collectChildrenIds(targetBlock) : [];
 };
-export var findAllChildrenComponentIds = function (block, targetId) {
+export var findAllChildrenComponentIds = function (blockStructure, targetId) {
     var collectComponentIds = function (block) {
         var ids = [];
         if ('children' in block && block.children) {
@@ -90,19 +90,19 @@ export var findAllChildrenComponentIds = function (block, targetId) {
         }
         return ids;
     };
-    var targetBlock = findBlockByBlockId(block, targetId);
+    var targetBlock = findBlockByBlockId(blockStructure, targetId);
     return targetBlock ? collectComponentIds(targetBlock) : [];
 };
-export var findAllParentGroups = function (block, targetId) {
+export var findAllParentGroups = function (blockStructure, targetId) {
     var findParentGroups = function (blocks, id, parents) {
         if (parents === void 0) { parents = []; }
-        for (var _i = 0, blocks_1 = blocks; _i < blocks_1.length; _i++) {
-            var block_1 = blocks_1[_i];
-            if (block_1.blockId === id && block_1.type === 'GROUP_BLOCK') {
+        for (var _i = 0, blocks_2 = blocks; _i < blocks_2.length; _i++) {
+            var block = blocks_2[_i];
+            if (block.blockId === id && block.type === 'GROUP_BLOCK') {
                 return parents;
             }
-            if ('children' in block_1 && block_1.children) {
-                var result = findParentGroups(block_1.children, id, block_1.type === 'GROUP_BLOCK' ? __spreadArray(__spreadArray([], parents, true), [block_1], false) : parents);
+            if ('children' in block && block.children) {
+                var result = findParentGroups(block.children, id, block.type === 'GROUP_BLOCK' ? __spreadArray(__spreadArray([], parents, true), [block], false) : parents);
                 if (result) {
                     return result;
                 }
@@ -110,10 +110,26 @@ export var findAllParentGroups = function (block, targetId) {
         }
         return null;
     };
-    return findParentGroups(block.children, targetId) || [];
+    return findParentGroups(blockStructure, targetId) || [];
 };
-export var findGroupBlocks = function (block, targetId) {
-    var targetBlock = findBlockByBlockId(block, targetId);
+// export const findAllChildrenButGroup = (blockStructure: Block[], targetId: string): string[] => {
+//   const collectChildrenIds = (block: Block): string[] => {
+//     let ids: string[] = [];
+//     if ('children' in block && block.children) {
+//       for (const child of block.children) {
+//         if (child.type !== 'GROUP_BLOCK') {
+//           ids.push(child.blockId);
+//         }
+//         ids = ids.concat(collectChildrenIds(child));
+//       }
+//     }
+//     return ids;
+//   };
+//   const targetBlock = findBlockById(blockStructure, targetId);
+//   return targetBlock ? collectChildrenIds(targetBlock) : [];
+// };
+export var findGroupBlocks = function (blockStructure, targetId) {
+    var targetBlock = findBlockByBlockId(blockStructure, targetId);
     var groupBlocks = [];
     if (targetBlock && targetBlock.blockId === 'ROOT') {
         if ('children' in targetBlock) {
@@ -143,32 +159,32 @@ export var findGroupBlocks = function (block, targetId) {
     }
     return groupBlocks;
 };
-export var findAllComponentBlockIds = function (block) {
+export var findAllComponentBlockIds = function (blockStructure) {
     var collectComponentBlockIds = function (blocks) {
         var ids = [];
-        for (var _i = 0, blocks_2 = blocks; _i < blocks_2.length; _i++) {
-            var block_2 = blocks_2[_i];
-            if (block_2.type === 'COMPONENT_BLOCK') {
-                ids.push(block_2.componentBlockId);
+        for (var _i = 0, blocks_3 = blocks; _i < blocks_3.length; _i++) {
+            var block = blocks_3[_i];
+            if (block.type === 'COMPONENT_BLOCK') {
+                ids.push(block.componentBlockId);
             }
-            if ('children' in block_2 && block_2.children) {
-                ids = ids.concat(collectComponentBlockIds(block_2.children));
+            if ('children' in block && block.children) {
+                ids = ids.concat(collectComponentBlockIds(block.children));
             }
         }
         return ids;
     };
-    return collectComponentBlockIds(block.children);
+    return collectComponentBlockIds(blockStructure);
 };
-export var findParentGroupByGroupId = function (block, targetId) {
+export var findParentGroupByGroupId = function (blockStructure, targetId) {
     var findParentGroup = function (blocks, id, parent) {
         if (parent === void 0) { parent = null; }
-        for (var _i = 0, blocks_3 = blocks; _i < blocks_3.length; _i++) {
-            var block_3 = blocks_3[_i];
-            if (block_3.blockId === id && block_3.type === 'GROUP_BLOCK') {
+        for (var _i = 0, blocks_4 = blocks; _i < blocks_4.length; _i++) {
+            var block = blocks_4[_i];
+            if (block.blockId === id && block.type === 'GROUP_BLOCK') {
                 return parent ? parent.blockId : null;
             }
-            if ('children' in block_3 && block_3.children) {
-                var result = findParentGroup(block_3.children, id, block_3.type === 'GROUP_BLOCK' ? block_3 : parent);
+            if ('children' in block && block.children) {
+                var result = findParentGroup(block.children, id, block.type === 'GROUP_BLOCK' ? block : parent);
                 if (result) {
                     return result;
                 }
@@ -176,15 +192,59 @@ export var findParentGroupByGroupId = function (block, targetId) {
         }
         return null;
     };
-    return findParentGroup(block.children, targetId);
+    return findParentGroup(blockStructure, targetId);
 };
-export var addBlockToRoot = function (block, newBlock) {
-    return __assign(__assign({}, block), { children: __spreadArray(__spreadArray([], block.children, true), [newBlock], false) });
+export var addBlockToRoot = function (blockStructure, newBlock) {
+    return blockStructure.map(function (block) {
+        if (block.blockId === 'ROOT' && block.type === 'GROUP_BLOCK') {
+            return __assign(__assign({}, block), { children: block.children ? __spreadArray(__spreadArray([], block.children, true), [newBlock], false) : [newBlock] });
+        }
+        return block;
+    });
+};
+export var addBulkToTarget = function (blockStructure, targetId, bulkIds // componentBlockId
+) {
+    var structure = deepClone(blockStructure);
+    var targetBlock = findBlockByBlockId(structure, targetId);
+    if (!targetBlock || targetBlock.type !== 'GROUP_BLOCK' || !targetBlock.children) {
+        return blockStructure;
+    }
+    var bulkBlocks = targetBlock.children.filter(function (child) {
+        if (child.type === 'COMPONENT_BLOCK' && bulkIds.includes(child.blockId.toString())) {
+            return true;
+        }
+        if (child.type === 'GROUP_BLOCK' && bulkIds.includes(child.blockId)) {
+            return true;
+        }
+        return false;
+    });
+    if (bulkBlocks.length !== bulkIds.length) {
+        window.alert('Some bulkIds do not exist as children of the target block.');
+        console.log('bulkBLocks: ', bulkBlocks);
+        console.log('bulkIds: ', bulkIds);
+        return blockStructure;
+    }
+    if (bulkBlocks.length === 0) {
+        return blockStructure;
+    }
+    // Remove bulk blocks from target's children
+    targetBlock.children = targetBlock.children.filter(function (child) { return !bulkIds.includes(child.blockId); });
+    // Create the new bulkBlock
+    var bulkBlock = {
+        blockId: 'BULK',
+        type: 'GROUP_BLOCK',
+        zOrderDesktopInternal: zIndexMap.BULK,
+        zOrderMobileInternal: zIndexMap.BULK,
+        children: bulkBlocks,
+    };
+    // Add the bulkBlock to the target's children
+    targetBlock.children.push(bulkBlock);
+    return structure;
 };
 export var getBlockWorkDirPath = function (blockStructure, blockId) {
     var findPath = function (blocks, id, path) {
-        for (var _i = 0, blocks_4 = blocks; _i < blocks_4.length; _i++) {
-            var block = blocks_4[_i];
+        for (var _i = 0, blocks_5 = blocks; _i < blocks_5.length; _i++) {
+            var block = blocks_5[_i];
             var currentPath = __spreadArray(__spreadArray([], path, true), [block.blockId], false);
             if (block.blockId === id) {
                 return currentPath;
@@ -198,15 +258,182 @@ export var getBlockWorkDirPath = function (blockStructure, blockId) {
         }
         return null;
     };
-    var path = findPath(blockStructure.children, blockId, ['']);
+    var path = findPath(blockStructure, blockId, ['']);
     return path ? path.join('/') : null;
 };
+export var getBlockIdByComponentId = function (blockStructure, componentId) {
+    var findBlock = function (blocks) {
+        for (var _i = 0, blocks_6 = blocks; _i < blocks_6.length; _i++) {
+            var block = blocks_6[_i];
+            if (block.type === 'COMPONENT_BLOCK' && block.componentBlockId === componentId) {
+                return block.blockId;
+            }
+            if ('children' in block && block.children) {
+                var result = findBlock(block.children);
+                if (result) {
+                    return result;
+                }
+            }
+        }
+        return null;
+    };
+    return findBlock(blockStructure);
+};
+export var blockStructure = [
+    {
+        blockId: 'ROOT',
+        type: 'GROUP_BLOCK',
+        zOrderDesktopInternal: null,
+        zOrderMobileInternal: null,
+        children: [
+            {
+                blockId: 'GB_2',
+                type: 'GROUP_BLOCK',
+                zOrderDesktopInternal: null,
+                zOrderMobileInternal: null,
+                children: [
+                    {
+                        blockId: 'GB_3',
+                        type: 'GROUP_BLOCK',
+                        zOrderDesktopInternal: null,
+                        zOrderMobileInternal: null,
+                        children: [
+                            {
+                                blockId: 'CB_4',
+                                type: 'COMPONENT_BLOCK',
+                                zOrderDesktopInternal: null,
+                                zOrderMobileInternal: null,
+                                componentBlockId: 4
+                            },
+                            {
+                                blockId: 'CB_5',
+                                type: 'COMPONENT_BLOCK',
+                                zOrderDesktopInternal: null,
+                                zOrderMobileInternal: null,
+                                componentBlockId: 5
+                            },
+                            {
+                                blockId: 'GB_6',
+                                type: 'GROUP_BLOCK',
+                                zOrderDesktopInternal: null,
+                                zOrderMobileInternal: null,
+                                children: [
+                                    {
+                                        blockId: 'CB_7',
+                                        type: 'COMPONENT_BLOCK',
+                                        zOrderDesktopInternal: null,
+                                        zOrderMobileInternal: null,
+                                        componentBlockId: 7
+                                    },
+                                    {
+                                        blockId: 'CB_8',
+                                        type: 'COMPONENT_BLOCK',
+                                        zOrderDesktopInternal: null,
+                                        zOrderMobileInternal: null,
+                                        componentBlockId: 8
+                                    },
+                                    {
+                                        blockId: 'GB_9',
+                                        type: 'GROUP_BLOCK',
+                                        zOrderDesktopInternal: null,
+                                        zOrderMobileInternal: null,
+                                        children: [
+                                            {
+                                                blockId: 'CB_10',
+                                                type: 'COMPONENT_BLOCK',
+                                                zOrderDesktopInternal: null,
+                                                zOrderMobileInternal: null,
+                                                componentBlockId: 10
+                                            },
+                                            {
+                                                blockId: 'CB_11',
+                                                type: 'COMPONENT_BLOCK',
+                                                zOrderDesktopInternal: null,
+                                                zOrderMobileInternal: null,
+                                                componentBlockId: 11
+                                            }
+                                        ]
+                                    }
+                                ]
+                            }
+                        ]
+                    },
+                    {
+                        blockId: 'GB_12',
+                        type: 'GROUP_BLOCK',
+                        zOrderDesktopInternal: null,
+                        zOrderMobileInternal: null,
+                        children: [
+                            {
+                                blockId: 'CB_13',
+                                type: 'COMPONENT_BLOCK',
+                                zOrderDesktopInternal: null,
+                                zOrderMobileInternal: null,
+                                componentBlockId: 13
+                            },
+                            {
+                                blockId: 'CB_14',
+                                type: 'COMPONENT_BLOCK',
+                                zOrderDesktopInternal: null,
+                                zOrderMobileInternal: null,
+                                componentBlockId: 14
+                            }
+                        ]
+                    },
+                    {
+                        blockId: 'CB_15',
+                        type: 'COMPONENT_BLOCK',
+                        zOrderDesktopInternal: null,
+                        zOrderMobileInternal: null,
+                        componentBlockId: 15
+                    },
+                    {
+                        blockId: 'CB_16',
+                        type: 'COMPONENT_BLOCK',
+                        zOrderDesktopInternal: null,
+                        zOrderMobileInternal: null,
+                        componentBlockId: 16
+                    }
+                ]
+            },
+            {
+                blockId: 'GB_17',
+                type: 'GROUP_BLOCK',
+                zOrderDesktopInternal: null,
+                zOrderMobileInternal: null,
+                children: [
+                    {
+                        blockId: 'CB_18',
+                        type: 'COMPONENT_BLOCK',
+                        zOrderDesktopInternal: null,
+                        zOrderMobileInternal: null,
+                        componentBlockId: 18
+                    }
+                ]
+            },
+            {
+                blockId: 'CB_19',
+                type: 'COMPONENT_BLOCK',
+                zOrderDesktopInternal: null,
+                zOrderMobileInternal: null,
+                componentBlockId: 19
+            },
+            {
+                blockId: 'CB_20',
+                type: 'COMPONENT_BLOCK',
+                zOrderDesktopInternal: null,
+                zOrderMobileInternal: null,
+                componentBlockId: 20
+            }
+        ]
+    }
+];
 export var mapComponentBlockIdsToBlockIds = function (blockStructure) {
     var cbToBlockMap = {};
     var blockToCbMap = {};
     var traverse = function (blocks) {
-        for (var _i = 0, blocks_5 = blocks; _i < blocks_5.length; _i++) {
-            var block = blocks_5[_i];
+        for (var _i = 0, blocks_7 = blocks; _i < blocks_7.length; _i++) {
+            var block = blocks_7[_i];
             if (block.type === 'COMPONENT_BLOCK') {
                 cbToBlockMap[block.componentBlockId] = block.blockId;
                 blockToCbMap[block.blockId] = block.componentBlockId;
@@ -216,63 +443,39 @@ export var mapComponentBlockIdsToBlockIds = function (blockStructure) {
             }
         }
     };
-    traverse(blockStructure.children);
+    traverse(blockStructure);
     return { CB_ID: cbToBlockMap, BLOCK_ID: blockToCbMap };
 };
-export var getBlockIdByComponentId = function (block, componentId) {
-    var findBlock = function (blocks) {
-        for (var _i = 0, blocks_6 = blocks; _i < blocks_6.length; _i++) {
-            var block_4 = blocks_6[_i];
-            if (block_4.type === 'COMPONENT_BLOCK' && block_4.componentBlockId === componentId) {
-                return block_4.blockId;
-            }
-            if ('children' in block_4 && block_4.children) {
-                var result = findBlock(block_4.children);
-                if (result) {
-                    return result;
+export var findAccessibleChildrenBlocks = function (blockStructure, targetGroupId, blockIds) {
+    var targetBlock = findBlockByBlockId(blockStructure, targetGroupId);
+    if (!targetBlock || !('children' in targetBlock) || !targetBlock.children) {
+        return [];
+    }
+    var result = new Set();
+    var traverse = function (block, rootId) {
+        if ('children' in block && block.children) {
+            for (var _i = 0, _a = block.children; _i < _a.length; _i++) {
+                var child = _a[_i];
+                if (blockIds.includes(child.blockId)) {
+                    result.add(rootId);
+                    return true; // Stop traversal for this branch
+                }
+                if (traverse(child, rootId)) {
+                    result.add(rootId);
+                    return true; // Stop traversal for this branch
                 }
             }
         }
-        return null;
+        return false;
     };
-    return findBlock(block.children);
-};
-export var addBulkToTarget = function (block, targetId, bulkIds // componentBlockId
-) {
-    var structure = deepClone(block);
-    var targetBlock = findBlockByBlockId(structure, targetId);
-    if (!targetBlock || targetBlock.type !== 'GROUP_BLOCK' || !targetBlock.children) {
-        return block;
-    }
-    var bulkBlocks = targetBlock.children.filter(function (child) {
-        if (child.type === 'COMPONENT_BLOCK' && bulkIds.includes(child.blockId)) {
-            return true;
+    for (var _i = 0, _a = targetBlock.children; _i < _a.length; _i++) {
+        var child = _a[_i];
+        if (blockIds.includes(child.blockId)) {
+            result.add(child.blockId);
         }
-        if (child.type === 'GROUP_BLOCK' && bulkIds.includes(child.blockId)) {
-            return true;
+        else {
+            traverse(child, child.blockId);
         }
-        return false;
-    });
-    if (bulkBlocks.length !== bulkIds.length) {
-        window.alert('Some bulkIds do not exist as children of the target block.');
-        console.log('bulkBlocks: ', bulkBlocks);
-        console.log('bulkIds: ', bulkIds);
-        return block;
-    }
-    if (bulkBlocks.length === 0) {
-        return block;
     }
-    // Remove bulk blocks from target's children
-    targetBlock.children = targetBlock.children.filter(function (child) { return !bulkIds.includes(child.blockId); });
-    // Create the new bulkBlock
-    var bulkBlock = {
-        blockId: 'BULK',
-        type: 'GROUP_BLOCK',
-        zOrderDesktopInternal: zIndexMap.BULK,
-        zOrderMobileInternal: zIndexMap.BULK,
-        children: bulkBlocks,
-    };
-    // Add the bulkBlock to the target's children
-    targetBlock.children.push(bulkBlock);
-    return structure;
+    return Array.from(result);
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "publ-echo-test",
-  "version": "0.0.110",
+  "version": "0.0.112",
   "private": false,
   "main": "dist/lib/index.js",
   "types": "dist/lib/index.d.js",
@@ -52,5 +52,8 @@
     "styled-components": "^5.3.10",
     "typescript": "^5.1.6",
     "web-vitals": "^2.1.4"
+  },
+  "dependencies": {
+    "pds-dev-kit-web-test": "^2.5.67"
   }
 }