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

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

@@ -353,22 +353,23 @@ var CustomSection = (0, react_1.forwardRef)(function CustomSection(props, ref) {
                 }
             });
     };
-    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);
+    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 = viewport / MOBILE_GRID_COLS;
-            var magicNumber = Math.pow(cellWidth_1, 1.5);
-            var resSize = magicNumber / 20;
-            // const mobileBaseFontSize = Math.min(resSize, 16);
+            var baseViewPort = 375;
+            var gap = baseViewPort - viewport;
+            if (gap > 0) {
+                var magicNumber = Math.pow((gap / 18), 1.1);
+                var resSize = 16 - magicNumber;
+                setBaseFontSize(resSize);
+            }
             setRowHeight(cellWidth_1 * 0.56);
-            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 = viewport / DESKTOP_GRID_COLS;
+        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);
         setRowHeight(cellWidth * 0.56);
         isSectionFontResponsive ? setBaseFontSize(cellWidth / 2.35) : setBaseFontSize(16);
     };
@@ -416,7 +417,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: isMobile ? '512px' : customSectionStyles.maxWidth,
+                            maxWidth: isMobile ? '480' : 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.80",
+  "version": "2.2.82",
   "license": "MIT",
   "private": false,
   "main": "dist/index.js",