pds-dev-kit-web-test 2.5.487 → 2.5.489

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

@@ -98,7 +98,6 @@ var CustomSection = (0, react_1.forwardRef)(function CustomSection(props, ref) {
             sm: sm
         };
     }), layouts = _m[0], setLayouts = _m[1];
-    console.log(layouts);
     var _o = (0, react_1.useState)('ROOT'), editingGroupBlock = _o[0], setEditingGroupBlock = _o[1];
     var _p = (0, react_1.useState)([]), bulkBlockIds = _p[0], setBulkBlockIds = _p[1];
     (0, react_1.useEffect)(function () {
@@ -1048,7 +1047,7 @@ var CustomSection = (0, react_1.forwardRef)(function CustomSection(props, ref) {
                             paddingLeft: padding.left
                         } }, { children: (0, jsx_runtime_1.jsx)(Responsive, __assign({ sectionId: props.id.toString(), innerRef: innerRef, className: (0, clsx_1.clsx)({
                                 'selected-grid-layout': editingSectionId === props.id
-                            }), allowOverlap: true, layouts: layouts, resizeHandles: ['nw', 'e', 'n', 'ne', 's', 'se', 'sw', 'w'], breakpoints: breakpoints, breakpoint: breakpoint, cols: { lg: colsDesktop, sm: colsMobile }, rowHeight: rowHeight, margin: [10, 10], style: {
+                            }), allowOverlap: true, layouts: layouts, resizeHandles: ['nw', 'e', 'n', 'ne', 's', 'se', 'sw', 'w'], breakpoints: breakpoints, breakpoint: breakpoint, cols: { lg: colsDesktop, sm: colsMobile }, rowHeight: rowHeight, margin: [5, 5], style: {
                                 width: customSectionStyles.width,
                                 maxWidth: customSectionStyles.maxWidth,
                                 minWidth: isMobile ? GLE_MIN_WIDTH_MOBILE_PX : GLE_MIN_WIDTH_DESKTOP_PX,

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

@@ -50,10 +50,10 @@ function clamp(num, min, max) {
 }
 function getGridAreaFromCB(props, device) {
     var CB_PLACEMENT_PROP_PLACEMENT_SPEC_STARTX = props.CB_PLACEMENT_PROP_PLACEMENT_SPEC_STARTX, CB_PLACEMENT_PROP_PLACEMENT_SPEC_STARTY = props.CB_PLACEMENT_PROP_PLACEMENT_SPEC_STARTY, cols = props.CB_PLACEMENT_PROP_PLACEMENT_SPEC_COLS, rows = props.CB_PLACEMENT_PROP_PLACEMENT_SPEC_ROWS;
-    var startXDesktop = CB_PLACEMENT_PROP_PLACEMENT_SPEC_STARTX * 2;
-    var startYDesktop = CB_PLACEMENT_PROP_PLACEMENT_SPEC_STARTY * 2;
-    var colsDesktop = cols * 2;
-    var rowsDesktop = rows * 2;
+    var startXDesktop = CB_PLACEMENT_PROP_PLACEMENT_SPEC_STARTX;
+    var startYDesktop = CB_PLACEMENT_PROP_PLACEMENT_SPEC_STARTY;
+    var colsDesktop = cols;
+    var rowsDesktop = rows;
     if (device === 'DESKTOP') {
         var colStart_1 = clamp(startXDesktop + 1, 1, Math.max(1, MAX_COL_DESKTOP - colsDesktop));
         var rowStart_1 = clamp(startYDesktop + 1, 1, Infinity);
@@ -61,17 +61,17 @@ function getGridAreaFromCB(props, device) {
         var colEnd_1 = clamp(colStart_1 + colsDesktop, colStart_1 + 1, MAX_COL_DESKTOP);
         return "".concat(rowStart_1, " / ").concat(colStart_1, " / ").concat(rowEnd_1, " / ").concat(colEnd_1);
     }
-    var startXMobile = props['CB_PLACEMENT_PROP_PLACEMENT_SPEC_STARTX:MOBILE'] * 2;
-    var startYMobile = props['CB_PLACEMENT_PROP_PLACEMENT_SPEC_STARTY:MOBILE'] * 2;
-    var colsMobile = props['CB_PLACEMENT_PROP_PLACEMENT_SPEC_COLS:MOBILE'] * 2;
-    var rowsMobile = props['CB_PLACEMENT_PROP_PLACEMENT_SPEC_ROWS:MOBILE'] * 2;
+    var startXMobile = props['CB_PLACEMENT_PROP_PLACEMENT_SPEC_STARTX:MOBILE'];
+    var startYMobile = props['CB_PLACEMENT_PROP_PLACEMENT_SPEC_STARTY:MOBILE'];
+    var colsMobile = props['CB_PLACEMENT_PROP_PLACEMENT_SPEC_COLS:MOBILE'];
+    var rowsMobile = props['CB_PLACEMENT_PROP_PLACEMENT_SPEC_ROWS:MOBILE'];
     var colStart = clamp(startXMobile + 1, 1, Math.max(1, MAX_COL_MOBILE - colsMobile));
     var rowStart = clamp(startYMobile + 1, 1, Infinity);
     var rowEnd = clamp(rowsMobile + rowStart, rowStart + 1, Infinity);
     var colEnd = clamp(colStart + colsMobile, colStart + 1, MAX_COL_MOBILE);
     return "".concat(rowStart, " / ").concat(colStart, " / ").concat(rowEnd, " / ").concat(colEnd);
 }
-var MAX_COL_MOBILE = 9;
-var MAX_COL_DESKTOP = 25;
+var MAX_COL_MOBILE = 9 * 2;
+var MAX_COL_DESKTOP = 25 * 2;
 exports.default = FlexGridItem;
 var templateObject_1;

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

@@ -30,10 +30,10 @@ function parsePropPlacement(props, id, cbCode, zOrders, cbRestriction) {
     var _a, _b, _c, _d;
     var desktopLayout = {
         i: id.toString(),
-        x: props.CB_PLACEMENT_PROP_PLACEMENT_SPEC_STARTX * 2,
-        y: props.CB_PLACEMENT_PROP_PLACEMENT_SPEC_STARTY * 2,
-        w: props.CB_PLACEMENT_PROP_PLACEMENT_SPEC_COLS * 2,
-        h: props.CB_PLACEMENT_PROP_PLACEMENT_SPEC_ROWS * 2,
+        x: props.CB_PLACEMENT_PROP_PLACEMENT_SPEC_STARTX,
+        y: props.CB_PLACEMENT_PROP_PLACEMENT_SPEC_STARTY,
+        w: props.CB_PLACEMENT_PROP_PLACEMENT_SPEC_COLS,
+        h: props.CB_PLACEMENT_PROP_PLACEMENT_SPEC_ROWS,
         z: zOrders.desktop[id],
         autoResize: cbCode === types_1.CB_ALL_CODES.CB_TEXT || cbCode === types_1.CB_ALL_CODES.CB_LIST,
         minH: (_a = cbRestriction === null || cbRestriction === void 0 ? void 0 : cbRestriction.rowHMin) !== null && _a !== void 0 ? _a : 1,
@@ -41,10 +41,10 @@ function parsePropPlacement(props, id, cbCode, zOrders, cbRestriction) {
     };
     var mobileLayout = {
         i: id.toString(),
-        x: props['CB_PLACEMENT_PROP_PLACEMENT_SPEC_STARTX:MOBILE'] * 2,
-        y: props['CB_PLACEMENT_PROP_PLACEMENT_SPEC_STARTY:MOBILE'] * 2,
-        w: props['CB_PLACEMENT_PROP_PLACEMENT_SPEC_COLS:MOBILE'] * 2,
-        h: props['CB_PLACEMENT_PROP_PLACEMENT_SPEC_ROWS:MOBILE'] * 2,
+        x: props['CB_PLACEMENT_PROP_PLACEMENT_SPEC_STARTX:MOBILE'],
+        y: props['CB_PLACEMENT_PROP_PLACEMENT_SPEC_STARTY:MOBILE'],
+        w: props['CB_PLACEMENT_PROP_PLACEMENT_SPEC_COLS:MOBILE'],
+        h: props['CB_PLACEMENT_PROP_PLACEMENT_SPEC_ROWS:MOBILE'],
         z: zOrders.mobile[id],
         autoResize: cbCode === types_1.CB_ALL_CODES.CB_TEXT || cbCode === types_1.CB_ALL_CODES.CB_LIST,
         minH: (_c = cbRestriction === null || cbRestriction === void 0 ? void 0 : cbRestriction.rowHMin) !== null && _c !== void 0 ? _c : 1,

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

@@ -191,7 +191,7 @@ var FlexGridCustomSection = (0, react_1.forwardRef)(function CustomSection(props
                         paddingBottom: padding.bottom,
                         paddingRight: padding.right,
                         paddingLeft: padding.left
-                    } }, { children: (0, jsx_runtime_1.jsx)(GridContainer, __assign({ ref: containerRef, cols: isMobile ? 8 : 24, rowHeight: rowHeight, sectionRow: sectionRow !== null && sectionRow !== void 0 ? sectionRow : 0, style: {
+                    } }, { children: (0, jsx_runtime_1.jsx)(GridContainer, __assign({ ref: containerRef, cols: isMobile ? 8 * 2 : 24 * 2, rowHeight: rowHeight, sectionRow: sectionRow !== null && sectionRow !== void 0 ? sectionRow : 0, style: {
                             width: customSectionStyles.width,
                             maxWidth: customSectionStyles.maxWidth,
                             minWidth: isMobile ? GLE_MIN_WIDTH_MOBILE_PX : GLE_MIN_WIDTH_DESKTOP_PX,
@@ -201,7 +201,7 @@ var FlexGridCustomSection = (0, react_1.forwardRef)(function CustomSection(props
                             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));
                         }) })) })) })) }) }));
 });
-var GridContainer = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  display: grid; /* Space between grid items */\n  gap: 10px;\n  grid-auto-rows: minmax(", ", auto);\n  grid-template-columns: repeat(", ", 1fr);\n  grid-template-rows: repeat(\n    ", ",\n    minmax(", ", auto)\n  );\n  padding: 10px 10px;\n\n  * {\n    box-sizing: border-box;\n  }\n"], ["\n  display: grid; /* Space between grid items */\n  gap: 10px;\n  grid-auto-rows: minmax(", ", auto);\n  grid-template-columns: repeat(", ", 1fr);\n  grid-template-rows: repeat(\n    ", ",\n    minmax(", ", auto)\n  );\n  padding: 10px 10px;\n\n  * {\n    box-sizing: border-box;\n  }\n"])), function (props) { return "".concat(props.rowHeight, "px"); }, function (props) { return props.cols; }, function (props) { return props.sectionRow; }, function (props) { return "".concat(props.rowHeight, "px"); });
+var GridContainer = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  display: grid; /* Space between grid items */\n  gap: 5px;\n  grid-auto-rows: minmax(", ", auto);\n  grid-template-columns: repeat(", ", 1fr);\n  grid-template-rows: repeat(\n    ", ",\n    minmax(", ", auto)\n  );\n  padding: 10px 10px;\n\n  * {\n    box-sizing: border-box;\n  }\n"], ["\n  display: grid; /* Space between grid items */\n  gap: 5px;\n  grid-auto-rows: minmax(", ", auto);\n  grid-template-columns: repeat(", ", 1fr);\n  grid-template-rows: repeat(\n    ", ",\n    minmax(", ", auto)\n  );\n  padding: 10px 10px;\n\n  * {\n    box-sizing: border-box;\n  }\n"])), function (props) { return "".concat(props.rowHeight, "px"); }, function (props) { return props.cols; }, function (props) { return props.sectionRow; }, function (props) { return "".concat(props.rowHeight, "px"); });
 var S_SectionWrapper = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  position: relative;\n"], ["\n  position: relative;\n"])));
 exports.default = react_1.default.memo(FlexGridCustomSection);
 function getDefensiveFontSize(device, width) {

package/package.json

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