pds-dev-kit-web-test 2.5.206 → 2.5.208

package/dist/src/sub/DynamicLayout/sections/CustomSection/CustomSection.js

@@ -73,38 +73,43 @@ var MOBILE_GRID_COLS = 8;
 var GLE_MIN_WIDTH_DESKTOP_PX = "".concat(GRID_CELL_MIN * DESKTOP_GRID_COLS, "px");
 var GLE_MIN_WIDTH_MOBILE_PX = "".concat(GRID_CELL_MIN * MOBILE_GRID_COLS, "px");
 var CustomSection = (0, react_1.forwardRef)(function CustomSection(props, ref) {
-    var _a, _b, _c;
-    var _d = (0, react_1.useContext)(dynamicLayoutContext_1.dynamicLayoutContext), device = _d.device, editingSectionId = _d.editingSectionId, mode = _d.mode, shortcutKeyMode = _d.shortcutKeyMode, sectionActionHandler = _d.sectionActionHandler, zoomScale = _d.zoomScale;
+    var _a, _b, _c, _d;
+    var _e = (0, react_1.useContext)(dynamicLayoutContext_1.dynamicLayoutContext), device = _e.device, editingSectionId = _e.editingSectionId, mode = _e.mode, shortcutKeyMode = _e.shortcutKeyMode, sectionActionHandler = _e.sectionActionHandler, zoomScale = _e.zoomScale;
     var componentBlocks = props.componentBlocks, jsonProperties = props.jsonProperties;
     var sectionPedigree = jsonProperties === null || jsonProperties === void 0 ? void 0 : jsonProperties.pedigree;
-    var _e = (0, react_1.useState)(sectionPedigree), pedigreeState = _e[0], setPedigreeState = _e[1];
+    var _f = (0, react_1.useState)(sectionPedigree), pedigreeState = _f[0], setPedigreeState = _f[1];
     (0, react_1.useEffect)(function () {
         setPedigreeState(sectionPedigree);
     }, [sectionPedigree]);
-    var _f = jsonProperties, _g = _f.data, CB_PLACEMENT_PROP_SECTION = _g.CB_PLACEMENT_PROP_SECTION, CB_LAYOUT_PROP_PADDING = _g.CB_LAYOUT_PROP_PADDING, CB_CONTENT_PROP_SECTION = _g.CB_CONTENT_PROP_SECTION, zOrders = _f.zOrders;
+    var _g = jsonProperties, _h = _g.data, CB_PLACEMENT_PROP_SECTION = _h.CB_PLACEMENT_PROP_SECTION, CB_LAYOUT_PROP_PADDING = _h.CB_LAYOUT_PROP_PADDING, CB_CONTENT_PROP_SECTION = _h.CB_CONTENT_PROP_SECTION, zOrders = _g.zOrders;
     var colsDesktop = (_a = CB_PLACEMENT_PROP_SECTION.CB_PLACEMENT_PROP_SECTION_SPEC_COLS) !== null && _a !== void 0 ? _a : 24;
     var colsMobile = (_b = CB_PLACEMENT_PROP_SECTION['CB_PLACEMENT_PROP_SECTION_SPEC_COLS:MOBILE']) !== null && _b !== void 0 ? _b : 8;
-    var _h = (0, react_1.useState)(null), selectedBlockId = _h[0], setSelectedBlockId = _h[1];
+    var _j = (0, react_1.useState)(null), selectedBlockId = _j[0], setSelectedBlockId = _j[1];
     var gleRef = (0, react_1.useRef)(null);
-    var _j = (0, react_1.useState)(50), rowHeight = _j[0], setRowHeight = _j[1];
-    var _k = (0, react_1.useState)(16), baseFontSize = _k[0], setBaseFontSize = _k[1];
+    var _k = (0, react_1.useState)(50), rowHeight = _k[0], setRowHeight = _k[1];
+    var _l = (0, react_1.useState)(16), baseFontSize = _l[0], setBaseFontSize = _l[1];
     var isMobile = device === 'MOBILE';
     var isEditMode = mode === 'EDIT';
     var layoutByDevice = device === 'DESKTOP' ? 'lg' : 'sm';
-    var _l = (0, react_1.useState)(function () {
+    var _m = (0, react_1.useState)(function () {
         var _a = (0, util_1.parsePlacement)(componentBlocks !== null && componentBlocks !== void 0 ? componentBlocks : [], zOrders), lg = _a.lg, sm = _a.sm;
         return {
             lg: lg,
             sm: sm
         };
-    }), layouts = _l[0], setLayouts = _l[1];
-    var _m = (0, react_1.useState)('ROOT'), editingGroupBlock = _m[0], setEditingGroupBlock = _m[1];
-    var _o = (0, react_1.useState)([]), bulkBlockIds = _o[0], setBulkBlockIds = _o[1];
+    }), layouts = _m[0], setLayouts = _m[1];
+    var _o = (0, react_1.useState)('ROOT'), editingGroupBlock = _o[0], setEditingGroupBlock = _o[1];
+    var _p = (0, react_1.useState)([]), bulkBlockIds = _p[0], setBulkBlockIds = _p[1];
     (0, react_1.useEffect)(function () {
         if (editingGroupBlock) {
             var found = (0, group_1.findBlockByBlockId)(sectionPedigree, editingGroupBlock);
             if (!found) {
                 setEditingGroupBlock('ROOT');
+                return;
+            }
+            if (found.type === 'GROUP_BLOCK' && found.children.length === 0) {
+                setEditingGroupBlock('ROOT');
+                return;
             }
         }
     }, [editingGroupBlock, sectionPedigree]);
@@ -151,9 +156,8 @@ var CustomSection = (0, react_1.forwardRef)(function CustomSection(props, ref) {
             setBulkBlockIds([]);
         }
     }, [editingSectionId]);
+    var workDir = (_c = (0, group_1.getBlockWorkDirPath)(newblock, editingGroupBlock)) !== null && _c !== void 0 ? _c : '/ROOT';
     (0, react_1.useEffect)(function () {
-        var _a;
-        var workDir = (_a = (0, group_1.getBlockWorkDirPath)(newblock, editingGroupBlock)) !== null && _a !== void 0 ? _a : 'ROOT';
         sectionActionHandler &&
             sectionActionHandler({
                 type: '@CUSTOMSECTION/WORKDIR_CHANGED',
@@ -161,7 +165,7 @@ var CustomSection = (0, react_1.forwardRef)(function CustomSection(props, ref) {
                     workDir: workDir
                 }
             });
-    }, [newblock, editingGroupBlock, sectionActionHandler]);
+    }, [workDir]);
     // NOTE: 추후에 event를 외부에서 전달받게하거나, 아예 상태를 끌어올리거나 해야합니다.
     (0, react_1.useLayoutEffect)(function () {
         var _a, _b, _c, _d, _e, _f;
@@ -373,10 +377,10 @@ var CustomSection = (0, react_1.forwardRef)(function CustomSection(props, ref) {
         });
         return __spreadArray(__spreadArray([], collisions, true), [(0, group_1.formatCbIdToBlockId)(cdId1)], false);
     };
-    var _p = (0, util_1.parseCustomSectionPlacement)({
+    var _q = (0, util_1.parseCustomSectionPlacement)({
         isMobile: isMobile,
         customSectionProps: CB_PLACEMENT_PROP_SECTION
-    }), rows = _p.rows, width = _p.width, minHeight = _p.minHeight, isFullWidth = _p.isFullWidth;
+    }), rows = _q.rows, width = _q.width, minHeight = _q.minHeight, isFullWidth = _q.isFullWidth;
     var customSectionStyles = {
         minHeight: "".concat(minHeight, "vh"),
         width: '100%',
@@ -979,7 +983,7 @@ var CustomSection = (0, react_1.forwardRef)(function CustomSection(props, ref) {
                                 fontSize: "".concat(baseFontSize, "px")
                             }, onLayoutChange: onLayoutChange, onDragStart: onDragStart, onDragStop: onDragStop, onResizeStop: onResizeStop, onDragStopForGroup: onBulkDragStop, onFitToContent: onAutoFitContent, onWidthChange: onWidthChange, minNbRow: rows, isDraggable: isEditMode, isResizable: isEditMode, zoom: zoomScale, 
                             // GROUP
-                            selectedGroupBlock: (_c = selectedBlockId === null || selectedBlockId === void 0 ? void 0 : selectedBlockId.toString()) !== null && _c !== void 0 ? _c : 'ROOT', editingGroupBlock: editingGroupBlock, blockStructure: newblock, bulkIds: bulkBlockIds, onDoubleClickGroup: onDoubleClickGroup, onClickGroup: onClickGroup, onDoubleClickOutsideGroup: onDoubleClickOutsideGroup, onContextGroup: onContextGroup }, { children: layouts[layoutByDevice].map(function (each, index) {
+                            selectedGroupBlock: (_d = selectedBlockId === null || selectedBlockId === void 0 ? void 0 : selectedBlockId.toString()) !== null && _d !== void 0 ? _d : 'ROOT', editingGroupBlock: editingGroupBlock, blockStructure: newblock, bulkIds: bulkBlockIds, onDoubleClickGroup: onDoubleClickGroup, onClickGroup: onClickGroup, onDoubleClickOutsideGroup: onDoubleClickOutsideGroup, onContextGroup: onContextGroup }, { children: layouts[layoutByDevice].map(function (each, index) {
                                 var matchedCB = componentBlocks === null || componentBlocks === void 0 ? void 0 : componentBlocks.find(function (cb) { return cb.id.toString() === each.i; });
                                 var isInBulk = bulkBlockIds.includes((0, group_1.formatCbIdToBlockId)(Number(each.i)));
                                 if (!matchedCB) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "pds-dev-kit-web-test",
-  "version": "2.5.206",
+  "version": "2.5.208",
   "license": "MIT",
   "private": false,
   "main": "dist/index.js",