pds-dev-kit-web-test 2.5.319 → 2.5.320
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -54,10 +54,10 @@ var util_1 = require("../sections/CustomSection/util");
|
|
54
54
|
var parseSectionPadding_1 = __importDefault(require("../sections/CustomSection/util/layoutPropParsers/parseSectionPadding"));
|
55
55
|
var FlexGridItem_1 = __importDefault(require("./FlexGridItem"));
|
56
56
|
var GRID_CELL_MIN = 24;
|
57
|
-
|
58
|
-
|
59
|
-
|
60
|
-
|
57
|
+
// const DESKTOP_GRID_COLS = 24;
|
58
|
+
// const MOBILE_GRID_COLS = 8;
|
59
|
+
// const GLE_MIN_WIDTH_DESKTOP_PX = `${GRID_CELL_MIN * DESKTOP_GRID_COLS}px`;
|
60
|
+
// const GLE_MIN_WIDTH_MOBILE_PX = `${GRID_CELL_MIN * MOBILE_GRID_COLS}px`;
|
61
61
|
var Composition = (0, react_1.forwardRef)(function CustomSection(props, ref) {
|
62
62
|
var _a, _b, _c, _d, _e, _f, _g;
|
63
63
|
var _h = (0, react_1.useContext)(dynamicLayoutContext_1.dynamicLayoutContext),
|
@@ -150,18 +150,17 @@ var Composition = (0, react_1.forwardRef)(function CustomSection(props, ref) {
|
|
150
150
|
});
|
151
151
|
};
|
152
152
|
var padding = (0, parseSectionPadding_1.default)(CB_LAYOUT_PROP_PADDING, device);
|
153
|
-
var sectionRow = CB_PLACEMENT_PROP_SECTION[device === 'DESKTOP'
|
154
|
-
? 'CB_PLACEMENT_PROP_SECTION_SPEC_ROWS'
|
155
|
-
: 'CB_PLACEMENT_PROP_SECTION_SPEC_ROWS:MOBILE'];
|
156
153
|
var rowHeight = (function () {
|
157
154
|
if (!size.width) {
|
158
155
|
return 50;
|
159
156
|
}
|
160
157
|
if (device === 'MOBILE') {
|
161
|
-
var cellWidth_1 =
|
158
|
+
var cellWidth_1 = 50;
|
159
|
+
// const cellWidth = size.width / MOBILE_GRID_COLS;
|
162
160
|
return cellWidth_1 * 0.56;
|
163
161
|
}
|
164
|
-
var cellWidth =
|
162
|
+
var cellWidth = 50;
|
163
|
+
// const cellWidth = size.width / DESKTOP_GRID_COLS;
|
165
164
|
return cellWidth * 0.56;
|
166
165
|
})();
|
167
166
|
var baseFontSize = (function () {
|
@@ -198,10 +197,10 @@ var Composition = (0, react_1.forwardRef)(function CustomSection(props, ref) {
|
|
198
197
|
paddingLeft: padding.left,
|
199
198
|
width: '100%',
|
200
199
|
height: '100%'
|
201
|
-
} }, { children: (0, jsx_runtime_1.jsx)(GridContainer, __assign({ ref: containerRef, cols:
|
200
|
+
} }, { children: (0, jsx_runtime_1.jsx)(GridContainer, __assign({ ref: containerRef, cols: cols, rowHeight: rowHeight, sectionRow: rows, style: {
|
202
201
|
width: customSectionStyles.width,
|
203
202
|
maxWidth: customSectionStyles.maxWidth,
|
204
|
-
minWidth: isMobile ? GLE_MIN_WIDTH_MOBILE_PX : GLE_MIN_WIDTH_DESKTOP_PX,
|
203
|
+
// minWidth: isMobile ? GLE_MIN_WIDTH_MOBILE_PX : GLE_MIN_WIDTH_DESKTOP_PX,
|
205
204
|
fontSize: "".concat(baseFontSize, "px")
|
206
205
|
} }, { children: (_g = props.componentBlocks) === null || _g === void 0 ? void 0 : _g.map(function (cb, index) {
|
207
206
|
var _a;
|