pds-dev-kit-web-test 2.7.174 → 2.7.175

package/dist/src/sub/DynamicLayout/CompositionRenderer/FlexGridItem.js

@@ -20,7 +20,6 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.getGridAreaFromCB = void 0;
 var jsx_runtime_1 = require("react/jsx-runtime");
-require("react");
 var styled_components_1 = __importDefault(require("styled-components"));
 var ComponentBlockMatcherWithCCB_1 = __importDefault(require("../sections/CustomSection/components/ComponentBlock/ComponentBlockMatcherWithCCB"));
 var gap = 10;
@@ -31,7 +30,7 @@ function FlexGridItem(_a) {
     var gridArea = getGridAreaFromCB(cb.jsonProperties.data.CB_PLACEMENT_PROP_PLACEMENT, device);
     var isCBPinned = device === 'DESKTOP' ? block.isPinnedDesktop : block.isPinnedMobile;
     var isPinned = isParentGroupPinned || isCBPinned;
-    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)(ComponentBlockMatcherWithCCB_1.default, { rowHeight: rowHeight, cbProps: cb, device: device, index: index }) })));
+    return ((0, jsx_runtime_1.jsx)(GridItem, __assign({ style: __assign({ zIndex: zIndex, gridArea: gridArea, position: 'relative', maxHeight: isPinned ? defaultHeight : 'none' }, style), className: "flex-grid-item", "data-is-pinned": isPinned, "data-show-pinned": showPinned }, { children: (0, jsx_runtime_1.jsx)(ComponentBlockMatcherWithCCB_1.default, { rowHeight: rowHeight, cbProps: cb, device: device, index: index }) })));
 }
 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"])));
 function getMaxHeight(props, device, rowHeight) {

package/dist/src/sub/DynamicLayout/GridAutoRowEditor/GridAutoRowEditor.js

@@ -313,7 +313,9 @@ function GroupBlockRender(_a) {
                     right: 0,
                     bottom: 0,
                     boxShadow: '0 0 0 3px #e602ff'
-                } }), children === null || children === void 0 ? void 0 : children.map(function (cb, index) { return ((0, jsx_runtime_1.jsx)(ErrorBoundary_1.ErrorBoundary, { children: (0, jsx_runtime_1.jsx)(FlexGridItem_1.default, { cb: cb, index: index, device: "DESKTOP", rowHeight: 50, zIndex: 0, style: { pointerEvents: 'none', opacity: isEditing ? 1 : 0.3 }, showPinned: isEditing, block: block, isParentGroupPinned: isPinned }) }, cb.id)); })] })));
+                } }), children === null || children === void 0 ? void 0 : children.map(function (cb, index) { return ((0, jsx_runtime_1.jsx)(ErrorBoundary_1.ErrorBoundary, { children: (0, jsx_runtime_1.jsx)(FlexGridItem_1.default, { cb: cb, index: index, device: "DESKTOP", rowHeight: 50, zIndex: 0, style: { pointerEvents: 'none', opacity: isEditing ? 1 : 0.3 }, 
+                    // showPinned={isEditing}
+                    block: block, isParentGroupPinned: isPinned }) }, cb.id)); })] })));
 }
 var S_Pinned = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  pointer-events: auto;\n  position: absolute;\n  right: 0;\n  top: 0;\n  z-index: 9999999;\n"], ["\n  pointer-events: auto;\n  position: absolute;\n  right: 0;\n  top: 0;\n  z-index: 9999999;\n"])));
 function getGridAreaFromGroup(position) {

package/dist/src/sub/DynamicLayout/utils/groupUtils.js

@@ -112,7 +112,7 @@ function RenderPedigreeRecursively(_a) {
                     ? block.zOrderDesktopInternal
                     : block.zOrderMobileInternal,
                 maxHeight: isGBPinned_1 ? defaultHeight : 'none'
-            } }, { 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, 
+            }, className: "flex-grid-item", "data-is-pinned": isGBPinned_1, "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, 
                 // pinnedGBs={pinnedGBs}
                 // onToggleGBPinned={onToggleGBPinned}
                 isEditMode: isEditMode, isParentGroupPinned: isGBPinned_1 }, child.blockId)); }) })));
@@ -143,7 +143,9 @@ function RenderPedigreeRecursively(_a) {
                 gridArea: gridAreaObjToString(relativeGridArea),
                 pointerEvents: isEditMode ? 'none' : 'auto',
                 boxShadow: isEditMode ? '0 0 0 2px red' : ''
-            }, showPinned: isEditMode && !parentGroupArea, isParentGroupPinned: isParentGroupPinned }) }, cb.id)
+            }, 
+            // showPinned={isEditMode && !parentGroupArea}
+            isParentGroupPinned: isParentGroupPinned }) }, cb.id)
     // </S_GridItem>
     );
 }

package/package.json

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