pds-dev-kit-web-test 2.2.78 → 2.2.80

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

@@ -353,16 +353,22 @@ var CustomSection = (0, react_1.forwardRef)(function CustomSection(props, ref) {
                 }
             });
     };
-    var onWidthChange = function (width) {
+    var onWidthChange = function (width, _a) {
+        var _b, _c;
+        var marginL = _a[0], marginR = _a[1];
+        var viewport = width + ((_b = padding === null || padding === void 0 ? void 0 : padding.left) !== null && _b !== void 0 ? _b : 0) + ((_c = padding === null || padding === void 0 ? void 0 : padding.right) !== null && _c !== void 0 ? _c : 0);
         if (device === 'MOBILE') {
-            var cellWidth_1 = width / MOBILE_GRID_COLS;
+            var cellWidth_1 = viewport / MOBILE_GRID_COLS;
+            var magicNumber = Math.pow(cellWidth_1, 1.5);
+            var resSize = magicNumber / 20;
+            // const mobileBaseFontSize = Math.min(resSize, 16);
             setRowHeight(cellWidth_1 * 0.56);
-            var mobileBaseFontSize = Math.min(cellWidth_1 / 2.35, 16);
-            setBaseFontSize(mobileBaseFontSize);
+            setBaseFontSize(resSize);
+            console.log({ viewport: viewport, cellWidth: cellWidth_1, magicNumber: magicNumber, resSize: resSize });
             return;
         }
         var isSectionFontResponsive = !!(CB_CONTENT_PROP_SECTION === null || CB_CONTENT_PROP_SECTION === void 0 ? void 0 : CB_CONTENT_PROP_SECTION.CB_CONTENT_PROP_SECTION_SPEC_VARIABLEROOTFONTSIZE);
-        var cellWidth = width / DESKTOP_GRID_COLS;
+        var cellWidth = viewport / DESKTOP_GRID_COLS;
         setRowHeight(cellWidth * 0.56);
         isSectionFontResponsive ? setBaseFontSize(cellWidth / 2.35) : setBaseFontSize(16);
     };
@@ -410,7 +416,7 @@ var CustomSection = (0, react_1.forwardRef)(function CustomSection(props, ref) {
                         paddingLeft: padding.left
                     } }, { children: (0, jsx_runtime_1.jsx)(Responsive, __assign({ innerRef: innerRef, allowOverlap: true, layouts: layouts, resizeHandles: ['nw', 'e', 'n', 'ne', 's', 'se', 'sw', 'w'], breakpoints: breakpoints, breakpoint: breakpoint, cols: { lg: 24, sm: 8 }, rowHeight: rowHeight, margin: [10, 10], style: {
                             width: customSectionStyles.width,
-                            maxWidth: customSectionStyles.maxWidth,
+                            maxWidth: isMobile ? '512px' : customSectionStyles.maxWidth,
                             minWidth: isMobile ? GLE_MIN_WIDTH_MOBILE_PX : GLE_MIN_WIDTH_DESKTOP_PX,
                             fontSize: "".concat(baseFontSize, "px")
                         }, onLayoutChange: onLayoutChange, onDragStop: onDragStop, onResizeStop: onResizeStop, onWidthChange: onWidthChange, minNbRow: rows, isDraggable: isEditMode, isResizable: isEditMode }, { children: keepSimilarOrderToPreventRerender(layouts[layoutByDevice]).map(function (each, index) {

package/package.json

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