pds-dev-kit-web-test 2.7.472 → 2.7.474

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

@@ -33,7 +33,7 @@ function FlexGridItem(_a) {
     var getHeightFitContent = function () {
         var _a, _b, _c, _d, _e, _f, _g, _h;
         if ('CB_STYLE_PROP_TEXTOPTION' in cb.jsonProperties.data) {
-            var defaultValue = true;
+            var defaultValue = false;
             var desktopValue = (_b = (_a = cb.jsonProperties.data.CB_STYLE_PROP_TEXTOPTION) === null || _a === void 0 ? void 0 : _a.CB_STYLE_PROP_TEXTOPTION_SPEC_FITCONTENT) !== null && _b !== void 0 ? _b : defaultValue;
             if (device === 'DESKTOP') {
                 return desktopValue;

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

@@ -41,7 +41,7 @@ function Text(props) {
     var textSuffix = (_a = CB_CONTENT_PROP_TEXTOPTION === null || CB_CONTENT_PROP_TEXTOPTION === void 0 ? void 0 : CB_CONTENT_PROP_TEXTOPTION.CB_CONTENT_PROP_TEXTOPTION_SPEC_SUFFIX) !== null && _a !== void 0 ? _a : '';
     var textPrefix = (_b = CB_CONTENT_PROP_TEXTOPTION === null || CB_CONTENT_PROP_TEXTOPTION === void 0 ? void 0 : CB_CONTENT_PROP_TEXTOPTION.CB_CONTENT_PROP_TEXTOPTION_SPEC_PREFIX) !== null && _b !== void 0 ? _b : '';
     var textFormat = (_c = CB_CONTENT_PROP_TEXTOPTION === null || CB_CONTENT_PROP_TEXTOPTION === void 0 ? void 0 : CB_CONTENT_PROP_TEXTOPTION.CB_CONTENT_PROP_TEXTOPTION_SPEC_FORMAT) !== null && _c !== void 0 ? _c : 'NONE';
-    var desktopHeightFitContent = (_d = CB_STYLE_PROP_TEXTOPTION === null || CB_STYLE_PROP_TEXTOPTION === void 0 ? void 0 : CB_STYLE_PROP_TEXTOPTION.CB_STYLE_PROP_TEXTOPTION_SPEC_FITCONTENT) !== null && _d !== void 0 ? _d : true;
+    var desktopHeightFitContent = (_d = CB_STYLE_PROP_TEXTOPTION === null || CB_STYLE_PROP_TEXTOPTION === void 0 ? void 0 : CB_STYLE_PROP_TEXTOPTION.CB_STYLE_PROP_TEXTOPTION_SPEC_FITCONTENT) !== null && _d !== void 0 ? _d : false;
     var mobileHeightFitContent = (_e = CB_STYLE_PROP_TEXTOPTION === null || CB_STYLE_PROP_TEXTOPTION === void 0 ? void 0 : CB_STYLE_PROP_TEXTOPTION['CB_STYLE_PROP_TEXTOPTION_SPEC_FITCONTENT:MOBILE']) !== null && _e !== void 0 ? _e : desktopHeightFitContent;
     var heightFitContent = device === 'MOBILE' ? mobileHeightFitContent : desktopHeightFitContent;
     var cLinkValue = function () {
@@ -173,10 +173,11 @@ function getTextOptionStyles(props, device) {
         'CB_STYLE_PROP_TEXTOPTION_SPEC_SCROLLBAR',
         'CB_STYLE_PROP_TEXTOPTION_SPEC_FITCONTENT'
     ];
-    console.log('props', props);
     if (!props) {
         return {
-            style: {}
+            style: {
+                overflowY: 'hidden'
+            }
         };
     }
     return (0, textUtil_1.parseStyleTextToCSSProp)({

package/dist/src/sub/DynamicLayout/sections/CustomSection/newUtils/textUtil.js

@@ -136,7 +136,7 @@ function parseStyleTextToCSSProp(_a) {
         style: {},
         hoverStyle: {}
     });
-    var defaultValue = cbCode === types_1.CB_ALL_CODES.CB_BTN ? false : true;
+    var defaultValue = cbCode === types_1.CB_ALL_CODES.CB_TEXT ? false : true;
     var desktopValue = (_b = props['CB_STYLE_PROP_TEXTOPTION_SPEC_FITCONTENT']) !== null && _b !== void 0 ? _b : defaultValue;
     var mobileValue = (_c = props['CB_STYLE_PROP_TEXTOPTION_SPEC_FITCONTENT:MOBILE']) !== null && _c !== void 0 ? _c : desktopValue;
     var fitContentValue = device === 'DESKTOP' ? desktopValue : mobileValue;

package/dist/src/sub/DynamicLayout/sections/CustomSection/util/parsePlacement.js

@@ -14,7 +14,7 @@ var types_1 = require("../types");
 function getHeightFitContent(cb) {
     var _a, _b, _c, _d, _e, _f, _g, _h;
     if (cb.componentBlockCode === types_1.CB_ALL_CODES.CB_TEXT) {
-        var desktop = (_b = (_a = cb.jsonProperties.data.CB_STYLE_PROP_TEXTOPTION) === null || _a === void 0 ? void 0 : _a.CB_STYLE_PROP_TEXTOPTION_SPEC_FITCONTENT) !== null && _b !== void 0 ? _b : true;
+        var desktop = (_b = (_a = cb.jsonProperties.data.CB_STYLE_PROP_TEXTOPTION) === null || _a === void 0 ? void 0 : _a.CB_STYLE_PROP_TEXTOPTION_SPEC_FITCONTENT) !== null && _b !== void 0 ? _b : false;
         var mobile = (_d = (_c = cb.jsonProperties.data.CB_STYLE_PROP_TEXTOPTION) === null || _c === void 0 ? void 0 : _c['CB_STYLE_PROP_TEXTOPTION_SPEC_FITCONTENT:MOBILE']) !== null && _d !== void 0 ? _d : desktop;
         return {
             desktop: desktop,

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.472",
+  "version": "2.7.474",
   "license": "MIT",
   "private": false,
   "main": "dist/index.js",