pds-dev-kit-web-test 2.2.79 → 2.2.81

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

@@ -354,15 +354,23 @@ var CustomSection = (0, react_1.forwardRef)(function CustomSection(props, ref) {
             });
     };
     var onWidthChange = function (width) {
+        var _a, _b;
+        var viewport = width + ((_a = padding === null || padding === void 0 ? void 0 : padding.left) !== null && _a !== void 0 ? _a : 0) + ((_b = padding === null || padding === void 0 ? void 0 : padding.right) !== null && _b !== void 0 ? _b : 0);
         if (device === 'MOBILE') {
-            var cellWidth_1 = width / MOBILE_GRID_COLS;
+            var baseViewPort = 375;
+            var gap = baseViewPort - viewport;
+            var cellWidth_1 = viewport / MOBILE_GRID_COLS;
+            if (gap > 0) {
+                var magicNumber = Math.pow((gap / 15), 1.1);
+                var resSize = 16 - magicNumber;
+                console.log(viewport, resSize);
+                setBaseFontSize(resSize);
+            }
             setRowHeight(cellWidth_1 * 0.56);
-            var mobileBaseFontSize = Math.min(cellWidth_1 * 0.59, 16);
-            setBaseFontSize(mobileBaseFontSize);
             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 +418,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.79",
+  "version": "2.2.81",
   "license": "MIT",
   "private": false,
   "main": "dist/index.js",