pds-dev-kit-web-test 2.5.332 → 2.5.334

package/dist/src/sub/DynamicLayout/CompositionEditor/CompositionEditor.js

@@ -51,6 +51,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 publ_echo_1 = require("publ-echo");
 var group_1 = require("publ-echo/dist/lib/GridLayoutEditor/group");
 var renderHelpers_1 = require("publ-echo/dist/lib/GridLayoutEditor/utils/renderHelpers");
@@ -716,10 +717,9 @@ var CompositionEditor = (0, react_1.forwardRef)(function CompositionEditorCanvas
         setSelectedBlockId(null);
         compositionActionHandler &&
             compositionActionHandler({
-                type: '@COMPOSITION/COMPOSITION_RIGHT_CLICKED',
+                type: '@COMPOSITION/COMPOSITION_CLICKED',
                 payload: {
-                    compositionId: props.compositionData.id,
-                    e: e
+                    compositionId: props.compositionData.id
                 }
             });
     };
@@ -771,18 +771,19 @@ var CompositionEditor = (0, react_1.forwardRef)(function CompositionEditorCanvas
         // const responsiveFontMode =
         //   // NOTE: local환경에서 CB_CONTENT_PROP_COMPOSITION이 없는 경우가 있음.
         //   !!CB_CONTENT_PROP_COMPOSITION?.CB_CONTENT_PROP_COMPOSITION_SPEC_VARIABLEROOTFONTSIZE;
+        var responsiveFontMode = true;
         if (device === 'MOBILE') {
             // const cellWidth = width / rows;
             var cellWidth_1 = 50;
             setRowHeight(cellWidth_1 * 0.56);
-            // baseFontSize !== 16 && setBaseFontSize(width * 0.0133);
-            // responsiveFontMode ? setBaseFontSize(width * 0.0421) : setBaseFontSize(16);
+            baseFontSize !== 16 && setBaseFontSize(width * 0.0133);
+            responsiveFontMode ? setBaseFontSize(width * 0.0421) : setBaseFontSize(16);
             return;
         }
         // const cellWidth = width / cols;
         var cellWidth = 50;
         setRowHeight(cellWidth * 0.56);
-        // responsiveFontMode ? setBaseFontSize(width * 0.0133) : setBaseFontSize(16);
+        responsiveFontMode ? setBaseFontSize(width * 0.0133) : setBaseFontSize(16);
     };
     var padding = (0, parseSectionPadding_1.default)(CB_LAYOUT_PROP_PADDING, device);
     var breakpoints = device === 'DESKTOP' ? { lg: 100, sm: 0 } : { lg: 1200, sm: 480 };

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

@@ -56,25 +56,21 @@ var parseCompositionPlacement_1 = __importDefault(require("../sections/CustomSec
 var CompositionBackground_1 = __importDefault(require("./CompositionBackground"));
 var FlexGridItem_1 = __importDefault(require("./FlexGridItem"));
 var Composition = (0, react_1.forwardRef)(function CustomSection(props, ref) {
-    var _a, _b, _c, _d, _e, _f, _g;
-    var _h = (0, react_1.useContext)(dynamicLayoutContext_1.dynamicLayoutContext), 
-    // NOTE: 이것을 사용해야함
-    contextDevice = _h.device, editingSectionId = _h.editingSectionId, mode = _h.mode, shortcutKeyMode = _h.shortcutKeyMode, sectionActionHandler = _h.sectionActionHandler, queryData = _h.queryData;
+    var _a, _b, _c, _d, _e;
+    var _f = (0, react_1.useContext)(dynamicLayoutContext_1.dynamicLayoutContext), device = _f.device, editingSectionId = _f.editingSectionId, mode = _f.mode, shortcutKeyMode = _f.shortcutKeyMode, sectionActionHandler = _f.sectionActionHandler, queryData = _f.queryData;
     var componentBlocks = props.componentBlocks, jsonProperties = props.jsonProperties;
-    // NOTE: 임시. 테스트용.
-    var device = (_b = (_a = props.device) !== null && _a !== void 0 ? _a : contextDevice) !== null && _b !== void 0 ? _b : 'DESKTOP';
     var isMobile = device === 'MOBILE';
     var isEditMode = mode === 'EDIT';
-    var _j = jsonProperties, _k = _j.data, CB_PLACEMENT_PROP_COMPOSITION = _k.CB_PLACEMENT_PROP_COMPOSITION, CB_LAYOUT_PROP_PADDING = _k.CB_LAYOUT_PROP_PADDING, zOrders = _j.zOrders;
-    var colsDesktop = (_c = CB_PLACEMENT_PROP_COMPOSITION.CB_PLACEMENT_PROP_COMPOSITION_SPEC_COLUMNS) !== null && _c !== void 0 ? _c : 24;
-    var colsMobile = (_d = CB_PLACEMENT_PROP_COMPOSITION['CB_PLACEMENT_PROP_COMPOSITION_SPEC_COLUMNS:MOBILE']) !== null && _d !== void 0 ? _d : 8;
-    var rowsDesktop = (_e = CB_PLACEMENT_PROP_COMPOSITION.CB_PLACEMENT_PROP_COMPOSITION_SPEC_ROWS) !== null && _e !== void 0 ? _e : 26;
-    var rowsMobile = (_f = CB_PLACEMENT_PROP_COMPOSITION['CB_PLACEMENT_PROP_COMPOSITION_SPEC_ROWS:MOBILE']) !== null && _f !== void 0 ? _f : 26;
+    var _g = jsonProperties, _h = _g.data, CB_PLACEMENT_PROP_COMPOSITION = _h.CB_PLACEMENT_PROP_COMPOSITION, CB_LAYOUT_PROP_PADDING = _h.CB_LAYOUT_PROP_PADDING, zOrders = _g.zOrders;
+    var colsDesktop = (_a = CB_PLACEMENT_PROP_COMPOSITION.CB_PLACEMENT_PROP_COMPOSITION_SPEC_COLUMNS) !== null && _a !== void 0 ? _a : 24;
+    var colsMobile = (_b = CB_PLACEMENT_PROP_COMPOSITION['CB_PLACEMENT_PROP_COMPOSITION_SPEC_COLUMNS:MOBILE']) !== null && _b !== void 0 ? _b : 8;
+    var rowsDesktop = (_c = CB_PLACEMENT_PROP_COMPOSITION.CB_PLACEMENT_PROP_COMPOSITION_SPEC_ROWS) !== null && _c !== void 0 ? _c : 26;
+    var rowsMobile = (_d = CB_PLACEMENT_PROP_COMPOSITION['CB_PLACEMENT_PROP_COMPOSITION_SPEC_ROWS:MOBILE']) !== null && _d !== void 0 ? _d : 26;
     var rows = isMobile ? rowsMobile : rowsDesktop;
     var cols = isMobile ? colsMobile : colsDesktop;
     var containerRef = (0, react_1.useRef)(null);
     var size = (0, useResizableObserver_1.useResizeObserver)({ ref: containerRef, box: 'border-box' });
-    var _l = (0, react_1.useState)(null), selectedCB = _l[0], setSelectedCB = _l[1];
+    var _j = (0, react_1.useState)(null), selectedCB = _j[0], setSelectedCB = _j[1];
     var gleRef = (0, react_1.useRef)(null);
     (0, react_1.useEffect)(function () {
         if (editingSectionId !== props.id) {
@@ -123,10 +119,10 @@ var Composition = (0, react_1.forwardRef)(function CustomSection(props, ref) {
             setSelectedCB('BULK');
         }
     }, [selectedCB, shortcutKeyMode, sectionActionHandler, setSelectedCB]);
-    var _m = (0, parseCompositionPlacement_1.default)({
+    var _k = (0, parseCompositionPlacement_1.default)({
         isMobile: isMobile,
         compositionProps: CB_PLACEMENT_PROP_COMPOSITION
-    }), minHeight = _m.minHeight, maxHeight = _m.maxHeight, maxWidth = _m.maxWidth, minWidth = _m.minWidth;
+    }), minHeight = _k.minHeight, maxHeight = _k.maxHeight, maxWidth = _k.maxWidth, minWidth = _k.minWidth;
     var canvasWidth = 50 * cols;
     var customSectionStyles = {
         minHeight: "".concat(minHeight, "px"),
@@ -168,18 +164,19 @@ var Composition = (0, react_1.forwardRef)(function CustomSection(props, ref) {
         // const responsiveFontMode =
         //   !!props.jsonProperties?.CB_CONTENT_PROP_COMPOSITION
         //     ?.CB_CONTENT_PROP_COMPOSITION_SPEC_VARIABLEROOTFONTSIZE;
+        var responsiveFontMode = true;
         if (device === 'MOBILE') {
-            // if (responsiveFontMode) {
-            //   return size.width * 0.0421;
-            // }
+            if (responsiveFontMode) {
+                return size.width * 0.0421;
+            }
             if (size.width < 327) {
                 return Math.max(getDefensiveFontSize(device, size.width), 14);
             }
             return 16;
         }
-        // if (responsiveFontMode) {
-        //   return size.width * 0.0133;
-        // }
+        if (responsiveFontMode) {
+            return size.width * 0.0133;
+        }
         if (size.width < 1200) {
             return Math.max(getDefensiveFontSize(device, size.width), 14);
         }
@@ -201,7 +198,7 @@ var Composition = (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")
-                        } }, { children: (_g = props.componentBlocks) === null || _g === void 0 ? void 0 : _g.map(function (cb, index) {
+                        } }, { children: (_e = props.componentBlocks) === null || _e === void 0 ? void 0 : _e.map(function (cb, index) {
                             var _a;
                             return ((0, jsx_runtime_1.jsx)(ErrorBoundary_1.ErrorBoundary, { children: (0, jsx_runtime_1.jsx)(FlexGridItem_1.default, { cb: cb, index: index, device: device, rowHeight: rowHeight, zIndex: (_a = zOrders === null || zOrders === void 0 ? void 0 : zOrders[device === 'DESKTOP' ? 'desktop' : 'mobile'][cb.id]) !== null && _a !== void 0 ? _a : 0 }) }, cb.id));
                         }) })) })) })) })) }));

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

@@ -176,6 +176,7 @@ var FlexGridCustomSection = (0, react_1.forwardRef)(function CustomSection(props
             }
             return 16;
         }
+        // NOTE: Desktop
         if (responsiveFontMode) {
             return size.width * 0.0133;
         }

package/package.json

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