pds-dev-kit-web-test 2.7.473 → 2.7.475

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

@@ -49,10 +49,19 @@ function FlexGridItem(_a) {
             }
             return ((_h = (_g = cb.jsonProperties.data.CB_LAYOUT_PROP_HEIGHTADJUSTMENT) === null || _g === void 0 ? void 0 : _g['CB_LAYOUT_PROP_HEIGHTADJUSTMENT_SPEC_HEIGHTFITCONTENT:MOBILE']) !== null && _h !== void 0 ? _h : desktopValue);
         }
+        if (cb.componentBlockCode === 'CB_TEXT') {
+            return 'OG';
+        }
         return false;
     };
     var heightFitContent = getHeightFitContent();
     var getHeightStyles = function () {
+        if (heightFitContent === 'OG' &&
+            (isHeightVariable === undefined || isHeightVariable === null)) {
+            return {
+                height: '100%'
+            };
+        }
         if (heightFitContent && isHeightVariable) {
             return {
                 height: 'auto',

package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/Text/Text.d.ts

@@ -11,6 +11,8 @@ export declare function getTextOptionStyles(props: CB_STYLE_PROP_TEXTOPTION, dev
     style: import("styled-components").CSSProperties;
     hoverStyle: import("styled-components").CSSProperties;
 } | {
-    style: {};
+    style: {
+        overflowY: string;
+    };
 };
 export {};

package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/Text/Text.js

@@ -175,7 +175,9 @@ function getTextOptionStyles(props, device) {
     ];
     if (!props) {
         return {
-            style: {}
+            style: {
+                overflowY: 'hidden'
+            }
         };
     }
     return (0, textUtil_1.parseStyleTextToCSSProp)({

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

@@ -51,13 +51,14 @@ function RenderPedigreeRecursively(_a) {
         var isGBHeightVariable_1 = device === 'DESKTOP' ? block.isHeightVariableDesktop : block.isHeightVariableMobile;
         var defaultHeight = (0, groupHelpers_1.getMaxHeight)({ cols: bounding_1.w, rows: bounding_1.h, x: bounding_1.x, y: bounding_1.y }, rowHeight);
         var maxW = device === 'DESKTOP' ? 24 : 8;
+        var gbMaxHeight = getMaxHeightOfGroup(isGBHeightVariable_1, defaultHeight);
         return ((0, jsx_runtime_1.jsx)(S_GroupItem, __assign({ cols: Math.min(bounding_1.w, maxW), sectionRow: bounding_1.h, isEditMode: isEditMode, rowHeight: rowHeight, selectedRows: relativeSelectedRows_1, style: {
                 gridArea: (0, groupHelpers_1.gridAreaObjToString)(relativeGridArea_1),
                 display: 'grid',
                 zIndex: device === 'DESKTOP'
                     ? block.zOrderDesktopInternal
                     : block.zOrderMobileInternal,
-                maxHeight: isGBHeightVariable_1 ? 'none' : defaultHeight
+                maxHeight: gbMaxHeight
             }, 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, 
                 // pinnedGBs={pinnedGBs}
                 // onToggleGBPinned={onToggleGBPinned}
@@ -92,6 +93,15 @@ function RenderPedigreeRecursively(_a) {
             }, showPinned: isEditMode && !parentGroupArea, isParentGroupHeightVariable: isParentGroupHeightVariable }) }, cb.id));
 }
 exports.default = RenderPedigreeRecursively;
+function getMaxHeightOfGroup(isHeightVariable, maxHeight) {
+    if (isHeightVariable) {
+        return 'none';
+    }
+    if (isHeightVariable === null || isHeightVariable === undefined) {
+        return 'none';
+    }
+    return maxHeight ? "".concat(maxHeight, "px") : undefined;
+}
 var S_GroupItem = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  box-shadow: ", ";\n  gap: 10px;\n  grid-template-columns: repeat(", ", 1fr);\n  grid-template-rows: ", ";\n  pointer-events: none;\n  position: relative;\n"], ["\n  box-shadow: ", ";\n  gap: 10px;\n  grid-template-columns: repeat(", ", 1fr);\n  grid-template-rows: ", ";\n  pointer-events: none;\n  position: relative;\n"])), function (props) { return (props.isEditMode ? '0 0 0 2px #027aff' : 'none'); }, function (props) { return props.cols; }, function (props) {
     return Array.from({ length: props.sectionRow })
         .map(function () { return "minmax(".concat(props.rowHeight, "px, auto)"); })

package/package.json

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