pds-dev-kit-web-test 2.7.318 → 2.7.319

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

@@ -65,7 +65,7 @@ function FlexGridItem(_a) {
             maxHeight: 'none'
         };
     };
-    return ((0, jsx_runtime_1.jsx)(GridItem, __assign({ style: __assign(__assign({ zIndex: zIndex, gridArea: gridArea, position: 'relative' }, style), getHeightStyles()), className: "flex-grid-item", "data-is-pinned": !isParentGroupPinned && isCBPinned, "data-show-pinned": showPinned }, { 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(__assign({ zIndex: zIndex, gridArea: gridArea, position: 'relative' }, style), getHeightStyles()), className: "flex-grid-item", "data-is-pinned": !isParentGroupPinned && isCBPinned, "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 }) })));
 }
 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/sections/CustomSection/components/ComponentBlock/componentBlocks/types.d.ts

@@ -83,6 +83,7 @@ export type CB_STYLE_PROP_TEXT_SPECS_BASE = {
     CB_STYLE_PROP_TEXT_SPEC_HORIZONTAL: ENUM_STRING;
     CB_STYLE_PROP_TEXT_SPEC_VERTICAL: ENUM_STRING;
     CB_STYLE_PROP_TEXT_SPEC_ELLIPSIS: NUMBER_INTEGER;
+    CB_STYLE_PROP_TEXT_SPEC_FITCONTENT: boolean;
 };
 export type CB_STYLE_PROP_TEXT_SPECS = CB_STYLE_PROP_TEXT_SPECS_BASE & {
     'CB_STYLE_PROP_TEXT_SPEC_TYPEFACE:HOVER': ENUM_STRING | null | undefined;
@@ -112,6 +113,9 @@ export type CB_STYLE_PROP_TEXT_SPECS = CB_STYLE_PROP_TEXT_SPECS_BASE & {
     'CB_STYLE_PROP_TEXT_SPEC_ELLIPSIS:HOVER': NUMBER_INTEGER | null | undefined;
     'CB_STYLE_PROP_TEXT_SPEC_ELLIPSIS:MOBILE': NUMBER_INTEGER | null | undefined;
     'CB_STYLE_PROP_TEXT_SPEC_ELLIPSIS:MOBILE:HOVER': NUMBER_INTEGER | null | undefined;
+    'CB_STYLE_PROP_TEXT_SPEC_FITCONTENT:HOVER': boolean | null | undefined;
+    'CB_STYLE_PROP_TEXT_SPEC_FITCONTENT:MOBILE': boolean | null | undefined;
+    'CB_STYLE_PROP_TEXT_SPEC_FITCONTENT:MOBILE:HOVER': boolean | null | undefined;
 };
 export type CBColorPropsKeys = keyof CB_STYLE_PROP_COLOR_SPECS;
 export type CBColorValueSetType = Partial<Record<keyof CB_STYLE_PROP_COLOR_SPECS, CB_STYLE_PROP_COLOR_ENUM_GRADIENT | NUMBER_INTEGER | ENUM_STRING | undefined>>;

package/dist/src/sub/DynamicLayout/sections/CustomSection/util/parsePlacement.d.ts

@@ -1,9 +1,11 @@
 import { type ComponentBlock } from '../types';
 import type { PlaceRestrictionType } from '../../../../DynamicLayout/types';
 import type { ZOrder } from 'publ-echo-test/dist/lib/GridLayoutEditor/group';
-import type { ResizeHandleAxis } from 'publ-echo-test/dist/lib/Resizable/types';
 import type { LayoutItem } from 'publ-echo/dist/lib';
-export declare function getResizeHandles(cb: ComponentBlock): ResizeHandleAxis[];
+export declare function getHeightFitContent(cb: ComponentBlock): {
+    mobile: boolean;
+    desktop: boolean;
+};
 export declare function parsePlacement(components: ComponentBlock[], zOrders: ZOrder, placementRestriction?: PlaceRestrictionType): {
     sm: LayoutItem[];
     lg: LayoutItem[];

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

@@ -1,5 +1,4 @@
 "use strict";
-/* eslint-disable no-console */
 var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
     if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
         if (ar || !(i in from)) {
@@ -10,32 +9,38 @@ var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
     return to.concat(ar || Array.prototype.slice.call(from));
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.parsePlacement = exports.getResizeHandles = void 0;
+exports.parsePlacement = exports.getHeightFitContent = void 0;
 var types_1 = require("../types");
-function getResizeHandles(cb) {
-    var _a, _b;
+function getHeightFitContent(cb) {
     if (cb.componentBlockCode === types_1.CB_ALL_CODES.CB_TEXT) {
-        if ((_a = cb.jsonProperties.data.CB_CONTENT_PROP_TEXTOPTION) === null || _a === void 0 ? void 0 : _a.CB_CONTENT_PROP_TEXTOPTION_SPEC_FITCONTENT) {
-            return ['e', 'w'];
-        }
-        return ["nw", "e", "n", "ne", "s", "se", "sw", "w"];
+        var desktop = cb.jsonProperties.data.CB_STYLE_PROP_TEXT.CB_STYLE_PROP_TEXT_SPEC_FITCONTENT;
+        var mobile = !!(cb.jsonProperties.data.CB_STYLE_PROP_TEXT['CB_STYLE_PROP_TEXT_SPEC_FITCONTENT:MOBILE']);
+        return {
+            desktop: desktop,
+            mobile: mobile
+        };
     }
     if (cb.componentBlockCode === types_1.CB_ALL_CODES.CB_LIST) {
-        if ((_b = cb.jsonProperties.data.CB_STYLE_PROP_CONTENTSLISTDESIGN) === null || _b === void 0 ? void 0 : _b.CB_STYLE_PROP_CONTENTSLISTDESIGN_SPEC_ITEMHEIGHTFITCONTENT) {
-            return ['e', 'w'];
-        }
-        return ["nw", "e", "n", "ne", "s", "se", "sw", "w"];
+        var desktop = !!(cb.jsonProperties.data.CB_STYLE_PROP_CONTENTSLISTDESIGN.CB_STYLE_PROP_CONTENTSLISTDESIGN_SPEC_ITEMHEIGHTFITCONTENT);
+        var mobile = !!(cb.jsonProperties.data.CB_STYLE_PROP_CONTENTSLISTDESIGN['CB_STYLE_PROP_CONTENTSLISTDESIGN_SPEC_ITEMHEIGHTFITCONTENT:MOBILE']);
+        return {
+            desktop: desktop,
+            mobile: mobile
+        };
     }
-    return ["nw", "e", "n", "ne", "s", "se", "sw", "w"];
+    return {
+        desktop: false,
+        mobile: false,
+    };
 }
-exports.getResizeHandles = getResizeHandles;
+exports.getHeightFitContent = getHeightFitContent;
 function parsePlacement(components, zOrders, placementRestriction) {
     if (!zOrders) {
         console.error('Z-ORDER NOT FOUND');
     }
     return components.reduce(function (acc, cur) {
         var id = cur.id, jsonProperties = cur.jsonProperties, componentBlockCode = cur.componentBlockCode;
-        var _a = parsePropPlacement(jsonProperties.data.CB_PLACEMENT_PROP_PLACEMENT, id, componentBlockCode, zOrders, getResizeHandles(cur), placementRestriction ? placementRestriction[componentBlockCode] : undefined), mobileLayout = _a.mobileLayout, desktopLayout = _a.desktopLayout;
+        var _a = parsePropPlacement(jsonProperties.data.CB_PLACEMENT_PROP_PLACEMENT, id, componentBlockCode, zOrders, getHeightFitContent(cur), placementRestriction ? placementRestriction[componentBlockCode] : undefined), mobileLayout = _a.mobileLayout, desktopLayout = _a.desktopLayout;
         return {
             sm: __spreadArray(__spreadArray([], acc.sm, true), [mobileLayout], false),
             lg: __spreadArray(__spreadArray([], acc.lg, true), [desktopLayout], false)
@@ -43,7 +48,7 @@ function parsePlacement(components, zOrders, placementRestriction) {
     }, { sm: [], lg: [] });
 }
 exports.parsePlacement = parsePlacement;
-function parsePropPlacement(props, id, cbCode, zOrders, handles, cbRestriction) {
+function parsePropPlacement(props, id, cbCode, zOrders, heightFitContent, cbRestriction) {
     var _a, _b, _c, _d;
     var desktopLayout = {
         i: id.toString(),
@@ -55,7 +60,8 @@ function parsePropPlacement(props, id, cbCode, zOrders, handles, cbRestriction)
         autoResize: AUTO_RESIZE_CODES.includes(cbCode),
         minH: (_a = cbRestriction === null || cbRestriction === void 0 ? void 0 : cbRestriction.rowHMin) !== null && _a !== void 0 ? _a : 1,
         minW: (_b = cbRestriction === null || cbRestriction === void 0 ? void 0 : cbRestriction.columnWMin) !== null && _b !== void 0 ? _b : 1,
-        resizeHandles: handles
+        resizeHandles: getResizeHandles(heightFitContent.desktop),
+        heightFitContent: heightFitContent.desktop,
     };
     var mobileLayout = {
         i: id.toString(),
@@ -67,7 +73,8 @@ function parsePropPlacement(props, id, cbCode, zOrders, handles, cbRestriction)
         autoResize: AUTO_RESIZE_CODES.includes(cbCode),
         minH: (_c = cbRestriction === null || cbRestriction === void 0 ? void 0 : cbRestriction.rowHMin) !== null && _c !== void 0 ? _c : 1,
         minW: (_d = cbRestriction === null || cbRestriction === void 0 ? void 0 : cbRestriction.mobileColumnWMin) !== null && _d !== void 0 ? _d : 1,
-        resizeHandles: handles
+        heightFitContent: heightFitContent.mobile,
+        resizeHandles: getResizeHandles(heightFitContent.mobile),
     };
     return {
         mobileLayout: mobileLayout,
@@ -81,4 +88,10 @@ var AUTO_RESIZE_CODES = [
     // CB_ALL_CODES.CB_CONTENTSCAROUSEL,
     // CB_ALL_CODES.CB_SLIDEBANNER
 ];
+function getResizeHandles(heightFitContent) {
+    if (heightFitContent) {
+        return ['e', 'w'];
+    }
+    return ["nw", "e", "n", "ne", "s", "se", "sw", "w"];
+}
 exports.default = parsePlacement;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "pds-dev-kit-web-test",
-  "version": "2.7.318",
+  "version": "2.7.319",
   "license": "MIT",
   "private": false,
   "main": "dist/index.js",
@@ -25,7 +25,7 @@
     "lottie-react": "^2.3.1",
     "nuka-carousel": "^4.8.4",
     "publ-echo": "^0.0.120",
-    "publ-echo-test": "^0.0.351",
+    "publ-echo-test": "^0.0.353",
     "react-hook-form": "^7.28.1",
     "react-i18next": "^11.12.0",
     "react-router-dom": "^5.2.0",