pds-dev-kit-web-test 2.5.162 → 2.5.164

package/dist/src/sub/DynamicLayout/sectionActionTypes.d.ts

@@ -48,16 +48,6 @@ type ActionHandlerPayload = {
         blockId: string;
         workDir: string;
     };
-    '@CUSTOMSECTION/BULK_DRAG_STOP': {
-        layout: Layout;
-        prev?: LayoutItem;
-        item?: LayoutItem;
-        placeholder?: LayoutItem;
-        e?: ResizeEventType;
-        node?: HTMLElement;
-        outerBasedChildrenPositions: LayoutItem[];
-        workDir: string;
-    };
     '@CUSTOMSECTION/CB_RESIZE_STOP': {
         layout: Layout;
         prev?: LayoutItem;
@@ -122,6 +112,9 @@ type ActionHandlerPayload = {
     '@CUSTOMSECTION/ESCAPE_ONE_FROM_BULK': {
         id: string;
     };
+    '@CUSTOMSECTION/BULK_DRAG_STOP': {
+        updatedBlocks: UpdatedBlock[];
+    };
     '@CUSTOMSECTION/GROUP_DRAG_STOP': {
         updatedBlocks: UpdatedBlock[];
     };

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

@@ -37,17 +37,6 @@ var __importStar = (this && this.__importStar) || function (mod) {
     __setModuleDefault(result, mod);
     return result;
 };
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
 var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
     if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
         if (ar || !(i in from)) {
@@ -453,7 +442,7 @@ var CustomSection = (0, react_1.forwardRef)(function CustomSection(props, ref) {
             });
     };
     var onDragStop = function (props) {
-        var _a, _b, _c, _d;
+        var _a, _b, _c;
         if (!isEditMode || !props.item) {
             return;
         }
@@ -465,17 +454,27 @@ var CustomSection = (0, react_1.forwardRef)(function CustomSection(props, ref) {
             }, 0);
             return;
         }
-        if (item.i === 'BULK' && props.item.groupLayouts) {
-            setSelectedBlockId('BULK');
-            var outerBasedChildrenPositions = props.item.groupLayouts.map(function (cb) { return (__assign(__assign({}, cb), { x: item.x + cb.x, y: item.y + cb.y })); });
-            sectionActionHandler &&
-                sectionActionHandler({
-                    type: '@CUSTOMSECTION/BULK_DRAG_STOP',
-                    payload: __assign(__assign({}, props), { outerBasedChildrenPositions: outerBasedChildrenPositions, workDir: (_a = (0, group_1.getBlockWorkDirPath)(newblock, editingGroupBlock)) !== null && _a !== void 0 ? _a : 'NOT-FOUND' })
-                });
-            return;
-        }
-        var numberId = Number((_b = props.item) === null || _b === void 0 ? void 0 : _b.i);
+        // NOTE 미사용시 삭제
+        // if (item.i === 'BULK' && props.item.groupLayouts) {
+        //   setSelectedBlockId('BULK');
+        //   const outerBasedChildrenPositions = props.item.groupLayouts.map((cb) => ({
+        //     ...cb,
+        //     x: item.x + cb.x,
+        //     y: item.y + cb.y
+        //   }));
+        //   sectionActionHandler &&
+        //     sectionActionHandler({
+        //       type: '@CUSTOMSECTION/BULK_DRAG_STOP',
+        //       payload: {
+        //         updatedBlocks: props.
+        //         ...props,
+        //         outerBasedChildrenPositions,
+        //         workDir: getBlockWorkDirPath(newblock, editingGroupBlock) ?? 'NOT-FOUND'
+        //       }
+        //     });
+        //   return;
+        // }
+        var numberId = Number((_a = props.item) === null || _a === void 0 ? void 0 : _a.i);
         var blockId = (0, group_1.formatCbIdToBlockId)(numberId);
         var isIdNumber = !Number.isNaN(numberId);
         if (blockId) {
@@ -496,7 +495,7 @@ var CustomSection = (0, react_1.forwardRef)(function CustomSection(props, ref) {
                             blockId: blockId,
                             cbId: numberId,
                             type: 'COMPONENT_BLOCK',
-                            workDir: (_c = (0, group_1.getBlockWorkDirPath)(newblock, editingGroupBlock)) !== null && _c !== void 0 ? _c : 'NOT-FOUND'
+                            workDir: (_b = (0, group_1.getBlockWorkDirPath)(newblock, editingGroupBlock)) !== null && _b !== void 0 ? _b : 'NOT-FOUND'
                         }
                     }
                 });
@@ -505,7 +504,7 @@ var CustomSection = (0, react_1.forwardRef)(function CustomSection(props, ref) {
         if (sectionActionHandler && isIdNumber) {
             sectionActionHandler({
                 type: '@CUSTOMSECTION/CB_DRAG_STOP',
-                payload: __assign(__assign({}, props), { blockId: blockId, workDir: (_d = (0, group_1.getBlockWorkDirPath)(newblock, editingGroupBlock)) !== null && _d !== void 0 ? _d : 'NOT-FOUND' })
+                payload: __assign(__assign({}, props), { blockId: blockId, workDir: (_c = (0, group_1.getBlockWorkDirPath)(newblock, editingGroupBlock)) !== null && _c !== void 0 ? _c : 'NOT-FOUND' })
             });
         }
     };
@@ -811,21 +810,37 @@ var CustomSection = (0, react_1.forwardRef)(function CustomSection(props, ref) {
                 }
             });
     };
-    var onGroupDragStop = function (_a) {
-        var updatedItems = _a.updatedItems, rest = __rest(_a, ["updatedItems"]);
-        console.log('group drag stop', rest);
-        sectionActionHandler &&
-            sectionActionHandler({
-                type: '@CUSTOMSECTION/GROUP_DRAG_STOP',
-                payload: {
-                    updatedBlocks: updatedItems.map(function (i) { return ({
-                        cbId: Number(i.id),
-                        blockId: (0, group_1.formatCbIdToBlockId)(Number(i.id)),
-                        x: i.x,
-                        y: i.y
-                    }); })
-                }
-            });
+    var onBulkDragStop = function (_a) {
+        var updatedItems = _a.updatedItems, item = _a.item;
+        if ((item === null || item === void 0 ? void 0 : item.i) === 'BULK') {
+            sectionActionHandler &&
+                sectionActionHandler({
+                    type: '@CUSTOMSECTION/BULK_DRAG_STOP',
+                    payload: {
+                        updatedBlocks: updatedItems.map(function (i) { return ({
+                            cbId: Number(i.id),
+                            blockId: (0, group_1.formatCbIdToBlockId)(Number(i.id)),
+                            x: i.x,
+                            y: i.y
+                        }); })
+                    }
+                });
+            return;
+        }
+        if (item) {
+            sectionActionHandler &&
+                sectionActionHandler({
+                    type: '@CUSTOMSECTION/GROUP_DRAG_STOP',
+                    payload: {
+                        updatedBlocks: updatedItems.map(function (i) { return ({
+                            cbId: Number(i.id),
+                            blockId: (0, group_1.formatCbIdToBlockId)(Number(i.id)),
+                            x: i.x,
+                            y: i.y
+                        }); })
+                    }
+                });
+        }
     };
     return ((0, jsx_runtime_1.jsx)(ErrorBoundary_1.ErrorBoundary, { children: (0, jsx_runtime_1.jsxs)(gleStyles_1.S_gleStyles, __assign({ isBulkMode: shortcutKeyMode === 'BULK_SELECT' }, { children: [showSectionHiddenCover && (0, jsx_runtime_1.jsx)(S_HiddenCover_1.S_HiddenCover, {}), (0, jsx_runtime_1.jsx)(S_SectionWrapper, __assign({ ref: gleRef, "x-dlayout-section-type": "NO_NAME", onClick: onClickSection, onContextMenu: function (e) {
                         e.stopPropagation();
@@ -842,7 +857,7 @@ var CustomSection = (0, react_1.forwardRef)(function CustomSection(props, ref) {
                                 maxWidth: customSectionStyles.maxWidth,
                                 minWidth: isMobile ? GLE_MIN_WIDTH_MOBILE_PX : GLE_MIN_WIDTH_DESKTOP_PX,
                                 fontSize: "".concat(baseFontSize, "px")
-                            }, onLayoutChange: onLayoutChange, onDragStart: onDragStart, onDragStop: onDragStop, onResizeStop: onResizeStop, onDragStopForGroup: onGroupDragStop, onFitToContent: onAutoFitContent, onWidthChange: onWidthChange, minNbRow: rows, isDraggable: isEditMode, isResizable: isEditMode, 
+                            }, onLayoutChange: onLayoutChange, onDragStart: onDragStart, onDragStop: onDragStop, onResizeStop: onResizeStop, onDragStopForGroup: onBulkDragStop, onFitToContent: onAutoFitContent, onWidthChange: onWidthChange, minNbRow: rows, isDraggable: isEditMode, isResizable: isEditMode, 
                             // 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) {
                                 var matchedCB = componentBlocks === null || componentBlocks === void 0 ? void 0 : componentBlocks.find(function (cb) { return cb.id.toString() === each.i; });

package/package.json

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