pds-dev-kit-web-test 2.5.319 → 2.5.321
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.
@@ -53,11 +53,11 @@ var useResizableObserver_1 = require("../sections/CustomSection/hooks/useResizab
|
|
53
53
|
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
|
-
|
57
|
-
|
58
|
-
|
59
|
-
|
60
|
-
|
56
|
+
// const GRID_CELL_MIN = 24;
|
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,15 @@ 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 = size.width /
|
158
|
+
var cellWidth_1 = size.width / cols;
|
162
159
|
return cellWidth_1 * 0.56;
|
163
160
|
}
|
164
|
-
var cellWidth = size.width /
|
161
|
+
var cellWidth = size.width / cols;
|
165
162
|
return cellWidth * 0.56;
|
166
163
|
})();
|
167
164
|
var baseFontSize = (function () {
|
@@ -198,10 +195,10 @@ var Composition = (0, react_1.forwardRef)(function CustomSection(props, ref) {
|
|
198
195
|
paddingLeft: padding.left,
|
199
196
|
width: '100%',
|
200
197
|
height: '100%'
|
201
|
-
} }, { children: (0, jsx_runtime_1.jsx)(GridContainer, __assign({ ref: containerRef, cols:
|
198
|
+
} }, { children: (0, jsx_runtime_1.jsx)(GridContainer, __assign({ ref: containerRef, cols: cols, rowHeight: rowHeight, sectionRow: rows, style: {
|
202
199
|
width: customSectionStyles.width,
|
203
200
|
maxWidth: customSectionStyles.maxWidth,
|
204
|
-
minWidth: isMobile ? GLE_MIN_WIDTH_MOBILE_PX : GLE_MIN_WIDTH_DESKTOP_PX,
|
201
|
+
// minWidth: isMobile ? GLE_MIN_WIDTH_MOBILE_PX : GLE_MIN_WIDTH_DESKTOP_PX,
|
205
202
|
fontSize: "".concat(baseFontSize, "px")
|
206
203
|
} }, { children: (_g = props.componentBlocks) === null || _g === void 0 ? void 0 : _g.map(function (cb, index) {
|
207
204
|
var _a;
|