pds-dev-kit-web-test 2.7.286 → 2.7.288

package/dist/src/sub/DynamicLayout/CompositionRenderer/Composition.js

@@ -137,6 +137,7 @@ var Composition = (0, react_1.forwardRef)(function CustomSection(props, ref) {
         maxWidth: maxWidth ? "".concat(maxWidth, "px") : '100%',
         minWidth: "".concat(Math.max(canvasWidth, minWidth !== null && minWidth !== void 0 ? minWidth : 0), "px")
     };
+    console.log('composition: ', customSectionStyles);
     var onClickSection = function () {
         if (!isEditMode) {
             return;

package/dist/src/sub/DynamicLayout/GridAutoRowEditor/GridAutoRowEditorForComposition.js

@@ -43,8 +43,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 var jsx_runtime_1 = require("react/jsx-runtime");
 /* eslint-disable @typescript-eslint/no-unused-vars */
-var group_1 = require("publ-echo-test/dist/lib/GridLayoutEditor/group");
-var renderHelpers_1 = require("publ-echo-test/dist/lib/GridLayoutEditor/utils/renderHelpers");
+require("publ-echo-test/dist/lib/GridLayoutEditor/utils/renderHelpers");
 require("publ-echo/dist/lib/GridItem/OutsideClickHandler");
 var react_1 = __importStar(require("react"));
 var ErrorBoundary_1 = require("../../DynamicLayout/components/Section/ErrorBoundary");
@@ -52,7 +51,7 @@ var dynamicLayoutContext_1 = require("../../DynamicLayout/dynamicLayoutContext")
 var styled_components_1 = __importDefault(require("styled-components"));
 require("../components");
 var CompositionBackground_1 = __importDefault(require("../CompositionRenderer/CompositionBackground"));
-var FlexGridItem_1 = __importDefault(require("../CompositionRenderer/FlexGridItem"));
+require("../CompositionRenderer/FlexGridItem");
 var gleStyles_1 = require("../gleStyles");
 var useResizableObserver_1 = require("../sections/CustomSection/hooks/useResizableObserver");
 var util_1 = require("../sections/CustomSection/util");
@@ -96,53 +95,12 @@ var GridAutoRowEditor = (0, react_1.forwardRef)(function CustomSection(props, re
     //     sm
     //   };
     // });
-    (0, react_1.useEffect)(function () {
-        if (editingSectionId !== props.id) {
-            setSelectedCB(null);
-            // breakGroupCB();
-        }
-    }, [editingSectionId]);
-    // NOTE: 추후에 event를 외부에서 전달받게하거나, 아예 상태를 끌어올리거나 해야합니다.
-    (0, react_1.useLayoutEffect)(function () {
-        if (props.id !== editingSectionId) {
-            return;
-        }
-        if (!shortcutKeyMode) {
-            return;
-        }
-        if (shortcutKeyMode === 'SELECT_ALL') {
-            if ((componentBlocks === null || componentBlocks === void 0 ? void 0 : componentBlocks.length) === 1) {
-                setSelectedCB(componentBlocks[0].id);
-                return;
-            }
-            // makeAllInOneGroup();
-            return;
-        }
-        if (shortcutKeyMode === 'MANUAL_BULK_BREAK') {
-            // breakGroupCB();
-            setSelectedCB(null);
-            return;
-        }
-    }, [shortcutKeyMode, setSelectedCB]);
-    (0, react_1.useLayoutEffect)(function () {
-        if (props.id !== editingSectionId) {
-            return;
-        }
-        if (shortcutKeyMode === 'MANUAL_COLLISION_SELECT') {
-            if (!selectedCB || selectedCB === 'BULK') {
-                return;
-            }
-            // makeCollisionGroup(selectedCB);
-            // sectionActionHandler &&
-            //   sectionActionHandler({
-            //     type: '@CUSTOMSECTION/BLOCK_CLICKED',
-            //     payload: {
-            //      block:
-            //     }
-            //   });
-            setSelectedCB('BULK');
-        }
-    }, [selectedCB, shortcutKeyMode, sectionActionHandler, setSelectedCB]);
+    // useEffect(() => {
+    //   if (editingSectionId !== props.id) {
+    //     setSelectedCB(null);
+    //     // breakGroupCB();
+    //   }
+    // }, [editingSectionId]);
     var _k = (0, parseCompositionPlacement_1.default)({
         isMobile: isMobile,
         compositionProps: CB_PLACEMENT_PROP_COMPOSITION
@@ -155,6 +113,7 @@ var GridAutoRowEditor = (0, react_1.forwardRef)(function CustomSection(props, re
         maxWidth: maxWidth ? "".concat(maxWidth, "px") : '100%',
         minWidth: "".concat(Math.max(canvasWidth, minWidth !== null && minWidth !== void 0 ? minWidth : 0), "px")
     };
+    console.log(customSectionStyles);
     var onClickSection = function () {
         if (!isEditMode) {
             return;
@@ -262,51 +221,6 @@ var GridAutoRowEditor = (0, react_1.forwardRef)(function CustomSection(props, re
                                     // onToggleGBPinned={onToggleGBPinned}
                                     isEditMode: true }, child.blockId)); })] })) })) })) }) })) }));
 });
-function GroupBlockRender(_a) {
-    var block = _a.block, layouts = _a.layouts, pedigree = _a.pedigree, isEditing = _a.isEditing, isPinned = _a.isPinned, componentBlocks = _a.componentBlocks, onTogglePinned = _a.onTogglePinned, onDoubleClick = _a.onDoubleClick, onDoubleClickOutside = _a.onDoubleClickOutside;
-    var childrenIds = (0, group_1.findAllChildrenCbIds)(pedigree, block.blockId).map(function (i) { return i.toString(); });
-    var bounding = (0, renderHelpers_1.getBoundingArea)(layouts, childrenIds);
-    (0, react_1.useEffect)(function () {
-        if (!isEditing) {
-            return;
-        }
-        function handleDoubleClickOutside(e) {
-            if (!e.target.closest('.group')) {
-                onDoubleClickOutside();
-            }
-        }
-        document.addEventListener('dblclick', handleDoubleClickOutside);
-        return function () {
-            document.removeEventListener('dblclick', handleDoubleClickOutside);
-        };
-    }, [isEditing]);
-    if (!bounding) {
-        return (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, {});
-    }
-    var gridArea = getGridAreaFromGroup({
-        x: bounding.x,
-        y: bounding.y,
-        cols: bounding.w,
-        rows: bounding.h
-    });
-    var children = componentBlocks === null || componentBlocks === void 0 ? void 0 : componentBlocks.filter(function (cb) { return childrenIds.includes(cb.id.toString()); });
-    if (childrenIds.length === 0) {
-        return (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: "\uB529\uD06C\uADF8\uB8F9" });
-    }
-    return ((0, jsx_runtime_1.jsxs)("div", __assign({ style: {
-            gridArea: gridArea,
-            position: 'relative',
-            width: '100%',
-            height: '100%'
-        }, onDoubleClick: onDoubleClick }, { children: [(0, jsx_runtime_1.jsx)("div", { className: "group", style: {
-                    position: 'absolute',
-                    top: 0,
-                    left: 0,
-                    right: 0,
-                    bottom: 0,
-                    boxShadow: '0 0 0 3px #027aff'
-                } }), children === null || children === void 0 ? void 0 : children.map(function (cb, index) { return ((0, jsx_runtime_1.jsx)(ErrorBoundary_1.ErrorBoundary, { children: (0, jsx_runtime_1.jsx)(FlexGridItem_1.default, { cb: cb, index: index, device: "DESKTOP", rowHeight: 50, zIndex: 0, style: { pointerEvents: 'none', opacity: isEditing ? 1 : 0.3 }, showPinned: isEditing, block: block, isParentGroupPinned: isPinned }) }, cb.id)); })] })));
-}
 var S_Pinned = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  pointer-events: auto;\n  position: absolute;\n  right: 0;\n  top: 0;\n  z-index: 9999999;\n"], ["\n  pointer-events: auto;\n  position: absolute;\n  right: 0;\n  top: 0;\n  z-index: 9999999;\n"])));
 function getGridAreaFromGroup(position) {
     var x = position.x, y = position.y, cols = position.cols, rows = position.rows;

package/package.json

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