pds-dev-kit-web-test 2.7.354 → 2.7.356
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.
- package/dist/src/sub/DynamicLayout/CompositionRenderer/FlexGridItem.js +2 -2
- package/dist/src/sub/DynamicLayout/CompositionRenderer/FlexGridItemForCCB.js +1 -1
- package/dist/src/sub/DynamicLayout/GridAutoRowEditor/GridAutoRowEditorForComposition.js +1 -1
- package/dist/src/sub/DynamicLayout/GridAutoRowEditor/GridAutoRowEditorForDL.js +1 -1
- package/dist/src/sub/DynamicLayout/mock_composition.js +4 -4
- package/dist/src/sub/DynamicLayout/mock_section.json +2 -2
- package/dist/src/sub/DynamicLayout/utils/groupUtils.js +2 -2
- package/package.json +2 -2
|
@@ -28,7 +28,7 @@ function FlexGridItem(_a) {
|
|
|
28
28
|
// eslint-disable-next-line @typescript-eslint/no-unused-vars
|
|
29
29
|
var defaultHeight = getMaxHeight(cb.jsonProperties.data.CB_PLACEMENT_PROP_PLACEMENT, device, rowHeight);
|
|
30
30
|
var gridArea = getGridAreaFromCB(cb.jsonProperties.data.CB_PLACEMENT_PROP_PLACEMENT, device);
|
|
31
|
-
var isCBPinned = device === 'DESKTOP' ? block.
|
|
31
|
+
var isCBPinned = device === 'DESKTOP' ? block.isHeightVariableDesktop : block.isHeightVariableMobile;
|
|
32
32
|
var isPinned = isParentGroupPinned || isCBPinned;
|
|
33
33
|
var getHeightFitContent = function () {
|
|
34
34
|
var _a, _b, _c, _d;
|
|
@@ -64,7 +64,7 @@ function FlexGridItem(_a) {
|
|
|
64
64
|
height: '100%'
|
|
65
65
|
};
|
|
66
66
|
};
|
|
67
|
-
return ((0, jsx_runtime_1.jsx)(GridItem, __assign({ style: __assign(__assign({ zIndex: zIndex, gridArea: gridArea, position: 'relative' }, style), getHeightStyles()), className: "flex-grid-item", "data-
|
|
67
|
+
return ((0, jsx_runtime_1.jsx)(GridItem, __assign({ style: __assign(__assign({ zIndex: zIndex, gridArea: gridArea, position: 'relative' }, style), getHeightStyles()), className: "flex-grid-item", "data-show-pinned": showPinned, "data-height-fit-content": "true" }, { children: (0, jsx_runtime_1.jsx)(ComponentBlockMatcherWithCCB_1.default, { rowHeight: rowHeight, cbProps: cb, device: device, index: index }) })));
|
|
68
68
|
}
|
|
69
69
|
var GridItem = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n height: auto;\n word-break: break-word;\n"], ["\n height: auto;\n word-break: break-word;\n"])));
|
|
70
70
|
function getMaxHeight(props, device, rowHeight) {
|
|
@@ -27,7 +27,7 @@ function FlexGridItem(_a) {
|
|
|
27
27
|
// eslint-disable-next-line @typescript-eslint/no-unused-vars
|
|
28
28
|
var defaultHeight = getMaxHeight(cb.jsonProperties.data.CB_PLACEMENT_PROP_PLACEMENT, device, rowHeight);
|
|
29
29
|
var gridArea = getGridAreaFromCB(cb.jsonProperties.data.CB_PLACEMENT_PROP_PLACEMENT, device, maxCols);
|
|
30
|
-
var isCBPinned = device === 'DESKTOP' ? block.
|
|
30
|
+
var isCBPinned = device === 'DESKTOP' ? block.isHeightVariableDesktop : block.isHeightVariableMobile;
|
|
31
31
|
var isPinned = isParentGroupPinned || isCBPinned;
|
|
32
32
|
return ((0, jsx_runtime_1.jsx)(GridItem, __assign({ style: __assign({ zIndex: zIndex, gridArea: gridArea, position: 'relative', maxHeight: isPinned ? defaultHeight : 'none' }, style) }, { children: (0, jsx_runtime_1.jsx)(ComponentBlockMatcher_1.default, { rowHeight: rowHeight, cbProps: cb, device: device, index: index }) })));
|
|
33
33
|
}
|
|
@@ -218,7 +218,7 @@ var GridAutoRowEditor = (0, react_1.forwardRef)(function CustomSection(props, re
|
|
|
218
218
|
border: '1px solid #ffffff33'
|
|
219
219
|
}, "data-row": rIdx + 1, "data-col": cIdx + 1 }, "bg-grid-item-".concat(rIdx + 1, "-").concat(cIdx + 1))); }) }), "bg-grid-row-".concat(rIdx + 1)));
|
|
220
220
|
}), pedigree.children.map(function (child) { return ((0, jsx_runtime_1.jsx)(groupUtils_1.default, { block: child, rowHeight: rowHeight, layoutItems: layouts[device === 'DESKTOP' ? 'lg' : 'sm'], cbs: props.componentBlocks, device: device, selectedRows: selectedRows,
|
|
221
|
-
// pinnedGBs={device === 'DESKTOP' ? child?.
|
|
221
|
+
// pinnedGBs={device === 'DESKTOP' ? child?.isHeightVariable : child.isPinnedMobile}
|
|
222
222
|
// onToggleGBPinned={onToggleGBPinned}
|
|
223
223
|
isEditMode: true }, child.blockId)); })] })) })) })) }) })) }));
|
|
224
224
|
});
|
|
@@ -265,7 +265,7 @@ var GridAutoRowEditor = (0, react_1.forwardRef)(function CustomSection(props, re
|
|
|
265
265
|
border: '1px solid #ffffff33'
|
|
266
266
|
}, "data-row": rIdx + 1, "data-col": cIdx + 1 }, "bg-grid-item-".concat(rIdx + 1, "-").concat(cIdx + 1))); }) }), "bg-grid-row-".concat(rIdx + 1)));
|
|
267
267
|
}), pedigree.children.map(function (child) { return ((0, jsx_runtime_1.jsx)(groupUtils_1.default, { block: child, rowHeight: rowHeight, layoutItems: layouts[device === 'DESKTOP' ? 'lg' : 'sm'], cbs: props.componentBlocks, device: device, selectedRows: selectedRows,
|
|
268
|
-
// pinnedGBs={device === 'DESKTOP' ? child?.
|
|
268
|
+
// pinnedGBs={device === 'DESKTOP' ? child?.isHeightVariable : child.isPinnedMobile}
|
|
269
269
|
// onToggleGBPinned={onToggleGBPinned}
|
|
270
270
|
isEditMode: true }, child.blockId)); })] })) })) })) }) })) }));
|
|
271
271
|
});
|
|
@@ -501,16 +501,16 @@ exports.sampleMockComposition1 = {
|
|
|
501
501
|
type: 'COMPONENT_BLOCK',
|
|
502
502
|
zOrderDesktopInternal: 1,
|
|
503
503
|
zOrderMobileInternal: 1,
|
|
504
|
-
|
|
505
|
-
|
|
504
|
+
isHeightVariableDesktop: true,
|
|
505
|
+
isHeightVariableMobile: true
|
|
506
506
|
}
|
|
507
507
|
],
|
|
508
508
|
// componentBlockId: null,
|
|
509
509
|
type: 'GROUP_BLOCK',
|
|
510
510
|
zOrderDesktopInternal: null,
|
|
511
511
|
zOrderMobileInternal: null,
|
|
512
|
-
|
|
513
|
-
|
|
512
|
+
isHeightVariableDesktop: true,
|
|
513
|
+
isHeightVariableMobile: true
|
|
514
514
|
},
|
|
515
515
|
version: '2025-04-24',
|
|
516
516
|
zOrders: {
|
|
@@ -5505,8 +5505,8 @@
|
|
|
5505
5505
|
"blockId": "CB_228151",
|
|
5506
5506
|
"children": [],
|
|
5507
5507
|
"componentBlockId": 228151,
|
|
5508
|
-
"
|
|
5509
|
-
"
|
|
5508
|
+
"isHeightVariableDesktop": true,
|
|
5509
|
+
"isHeightVariableMobile": true,
|
|
5510
5510
|
"type": "COMPONENT_BLOCK",
|
|
5511
5511
|
"zOrderDesktopInternal": 1,
|
|
5512
5512
|
"zOrderMobileInternal": 1
|
|
@@ -103,7 +103,7 @@ function RenderPedigreeRecursively(_a) {
|
|
|
103
103
|
var relativeSelectedRows_1 = selectedRows
|
|
104
104
|
.map(function (row) { return row - gridArea_1.rowStart + 1; })
|
|
105
105
|
.filter(function (row) { return row >= 0 && row <= bounding_1.h; });
|
|
106
|
-
var isGBPinned_1 = device === 'DESKTOP' ? block.
|
|
106
|
+
var isGBPinned_1 = device === 'DESKTOP' ? block.isHeightVariableDesktop : block.isHeightVariableMobile;
|
|
107
107
|
var defaultHeight = getMaxHeight({ cols: bounding_1.w, rows: bounding_1.h, x: bounding_1.x, y: bounding_1.y }, rowHeight);
|
|
108
108
|
return ((0, jsx_runtime_1.jsx)(S_GroupItem, __assign({ cols: bounding_1.w, sectionRow: bounding_1.h, isEditMode: isEditMode, rowHeight: rowHeight, selectedRows: relativeSelectedRows_1, style: {
|
|
109
109
|
gridArea: gridAreaObjToString(relativeGridArea_1),
|
|
@@ -112,7 +112,7 @@ function RenderPedigreeRecursively(_a) {
|
|
|
112
112
|
? block.zOrderDesktopInternal
|
|
113
113
|
: block.zOrderMobileInternal,
|
|
114
114
|
maxHeight: isGBPinned_1 ? defaultHeight : 'none'
|
|
115
|
-
}, className: "flex-grid-item", "data-
|
|
115
|
+
}, className: "flex-grid-item", "data-show-pinned": isEditMode }, { children: block.children.map(function (child) { return ((0, jsx_runtime_1.jsx)(RenderPedigreeRecursively, { rowHeight: rowHeight, block: child, layoutItems: layoutItems, cbs: cbs, parentGroupArea: gridArea_1, device: device, selectedRows: relativeSelectedRows_1,
|
|
116
116
|
// pinnedGBs={pinnedGBs}
|
|
117
117
|
// onToggleGBPinned={onToggleGBPinned}
|
|
118
118
|
isEditMode: isEditMode, isParentGroupPinned: isGBPinned_1 }, child.blockId)); }) })));
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "pds-dev-kit-web-test",
|
|
3
|
-
"version": "2.7.
|
|
3
|
+
"version": "2.7.356",
|
|
4
4
|
"license": "MIT",
|
|
5
5
|
"private": false,
|
|
6
6
|
"main": "dist/index.js",
|
|
@@ -25,7 +25,7 @@
|
|
|
25
25
|
"lottie-react": "^2.3.1",
|
|
26
26
|
"nuka-carousel": "^4.8.4",
|
|
27
27
|
"publ-echo": "^0.0.120",
|
|
28
|
-
"publ-echo-test": "^0.0.
|
|
28
|
+
"publ-echo-test": "^0.0.359",
|
|
29
29
|
"react-hook-form": "^7.28.1",
|
|
30
30
|
"react-i18next": "^11.12.0",
|
|
31
31
|
"react-router-dom": "^5.2.0",
|