pds-dev-kit-web-test 2.3.10 → 2.3.12

package/dist/src/sub/DynamicLayout/sectionActionTypes.d.ts

@@ -61,14 +61,7 @@ type ActionHandlerPayload = {
         id: string;
     };
     '@CUSTOMSECTION/AUTO_RESIZED_TO_FIT_CONTENT': {
-        layout: Layout;
-        cb: {
-            i: number;
-            h: number;
-            x: number;
-            y: number;
-            w: number;
-        };
+        item: LayoutItem;
     };
 };
 type ActionMap<M extends {

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

@@ -320,6 +320,13 @@ var CustomSection = (0, react_1.forwardRef)(function CustomSection(props, ref) {
             });
         }
     };
+    var onFitToContent = function (item) {
+        sectionActionHandler &&
+            sectionActionHandler({
+                type: '@CUSTOMSECTION/AUTO_RESIZED_TO_FIT_CONTENT',
+                payload: { item: item }
+            });
+    };
     var onResizeStop = function (props) {
         var prev = props.prev, item = props.item;
         if (!isEditMode || !item) {
@@ -418,7 +425,6 @@ var CustomSection = (0, react_1.forwardRef)(function CustomSection(props, ref) {
         }
         makeCollisionOfBulk();
     };
-    console.log(layouts[layoutByDevice][3]);
     return ((0, jsx_runtime_1.jsx)(ErrorBoundary_1.ErrorBoundary, { children: (0, jsx_runtime_1.jsx)(exports.S_gleStyles, { children: (0, jsx_runtime_1.jsx)(S_SectionWrapper, __assign({ ref: gleRef, "x-dlayout-section-type": "NO_NAME", onClick: onClickSection }, { children: (0, jsx_runtime_1.jsx)(customSectionContext_1.CustomSectionContext.Provider, __assign({ value: { rowHeight: rowHeight, setLayouts: setLayouts, sectionActionHandler: sectionActionHandler } }, { children: (0, jsx_runtime_1.jsx)(components_1.CustomSection, __assign({}, props, { isMobile: isMobile, overrideStyles: {
                             minHeight: customSectionStyles.minHeight,
                             paddingTop: padding.top,
@@ -430,7 +436,7 @@ var CustomSection = (0, react_1.forwardRef)(function CustomSection(props, ref) {
                                 maxWidth: customSectionStyles.maxWidth,
                                 minWidth: isMobile ? exports.GLE_MIN_WIDTH_MOBILE_PX : exports.GLE_MIN_WIDTH_DESKTOP_PX,
                                 fontSize: "".concat(baseFontSize, "px")
-                            }, onLayoutChange: onLayoutChange, onDragStop: onDragStop, onResizeStop: onResizeStop, onWidthChange: onWidthChange, minNbRow: rows, isDraggable: isEditMode, isResizable: isEditMode }, { children: keepSimilarOrderToPreventRerender(layouts[layoutByDevice]).map(function (each, index) {
+                            }, onLayoutChange: onLayoutChange, onDragStop: onDragStop, onResizeStop: onResizeStop, onWidthChange: onWidthChange, onFitToContent: onFitToContent, minNbRow: rows, isDraggable: isEditMode, isResizable: isEditMode }, { children: keepSimilarOrderToPreventRerender(layouts[layoutByDevice]).map(function (each, index) {
                                 var _a;
                                 if (each === null) {
                                     return (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, {});
@@ -444,7 +450,7 @@ var CustomSection = (0, react_1.forwardRef)(function CustomSection(props, ref) {
                                             e.stopPropagation();
                                             e.preventDefault();
                                             onContextMenuCB('group', e);
-                                        } }, { children: (0, jsx_runtime_1.jsx)(WidthProvidedRGL, __assign({ cols: each.w, allowOverlap: true, layout: each.groupLayouts, rowHeight: rowHeight, containerPadding: [0, 0], margin: [exports.GUTTER, exports.GUTTER], isDraggable: false, isResizable: false, style: {
+                                        } }, { children: (0, jsx_runtime_1.jsx)(WidthProvidedRGL, __assign({ onFitToContent: onFitToContent, cols: each.w, allowOverlap: true, layout: each.groupLayouts, rowHeight: rowHeight, containerPadding: [0, 0], margin: [exports.GUTTER, exports.GUTTER], isDraggable: false, isResizable: false, style: {
                                                 width: '100%'
                                             } }, { children: (_a = each.groupLayouts) === null || _a === void 0 ? void 0 : _a.map(function (layoutItem, index, array) {
                                                 var matchedCB = componentBlocks === null || componentBlocks === void 0 ? void 0 : componentBlocks.find(function (cb) { return cb.id.toString() === layoutItem.i; });

package/dist/src/sub/DynamicLayout/sections/CustomSection/NewCustomSection.js

@@ -48,7 +48,7 @@ function NewCustomSection() {
         // const placeholder = document.querySelector('.react-grid-placeholder')
         // placeholder.height = 100;
     }
-    return ((0, jsx_runtime_1.jsx)(CustomSection_1.S_gleStyles, __assign({ style: { backgroundColor: 'white' } }, { children: (0, jsx_runtime_1.jsx)(ReactGridLayout_1.default, __assign({ layout: layout, 
+    return ((0, jsx_runtime_1.jsx)(CustomSection_1.S_gleStyles, __assign({ style: { backgroundColor: 'white' } }, { children: (0, jsx_runtime_1.jsx)(ReactGridLayout_1.default, __assign({ layout: layout, onFitToContent: function () { return ({}); }, 
             // onLayoutChange={onLayoutChange}
             allowOverlap: true, margin: [50, 50], cols: 12, rowHeight: 30, width: 1200, resizeHandles: ['n', 'e', 'w', 'sw', 'se', 's', 'nw', 'ne'] }, { children: layout.map(function (item, index) { return ((0, jsx_runtime_1.jsx)("div", { children: (0, jsx_runtime_1.jsx)(MeasuredCB, { text: item.text, onSizeChange: function (size) { return onSizeChange(size, index); } }) }, item.i)); }) })) })));
 }

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

@@ -1,4 +1,4 @@
-import type { ComponentBlock } from '../types';
+import { type ComponentBlock } from '../types';
 export declare function parsePlacement(components: ComponentBlock[]): {
     sm: {
         i: string;
@@ -7,6 +7,7 @@ export declare function parsePlacement(components: ComponentBlock[]): {
         w: number;
         h: number;
         z: number;
+        fitToContent: boolean;
     }[];
     lg: {
         i: string;
@@ -15,6 +16,7 @@ export declare function parsePlacement(components: ComponentBlock[]): {
         w: number;
         h: number;
         z: number;
+        fitToContent: boolean;
     }[];
 };
 export default parsePlacement;

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

@@ -10,10 +10,11 @@ var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.parsePlacement = void 0;
+var types_1 = require("../types");
 function parsePlacement(components) {
     return components.reduce(function (acc, cur) {
         var id = cur.id, jsonProperties = cur.jsonProperties;
-        var _a = parsePropPlacement(jsonProperties.data.CB_PLACEMENT_PROP_PLACEMENT, id), mobileLayout = _a.mobileLayout, desktopLayout = _a.desktopLayout;
+        var _a = parsePropPlacement(jsonProperties.data.CB_PLACEMENT_PROP_PLACEMENT, id, cur.componentBlockCode === types_1.CB_ALL_CODES.CB_TEXT), mobileLayout = _a.mobileLayout, desktopLayout = _a.desktopLayout;
         return {
             sm: __spreadArray(__spreadArray([], acc.sm, true), [mobileLayout], false),
             lg: __spreadArray(__spreadArray([], acc.lg, true), [desktopLayout], false)
@@ -21,14 +22,15 @@ function parsePlacement(components) {
     }, { sm: [], lg: [] });
 }
 exports.parsePlacement = parsePlacement;
-function parsePropPlacement(props, id) {
+function parsePropPlacement(props, id, fitToContent) {
     var desktopLayout = {
         i: id.toString(),
         x: props.CB_PLACEMENT_PROP_PLACEMENT_SPEC_STARTX,
         y: props.CB_PLACEMENT_PROP_PLACEMENT_SPEC_STARTY,
         w: props.CB_PLACEMENT_PROP_PLACEMENT_SPEC_COLS,
         h: props.CB_PLACEMENT_PROP_PLACEMENT_SPEC_ROWS,
-        z: props.CB_PLACEMENT_PROP_PLACEMENT_SPEC_ZINDEX + 500
+        z: props.CB_PLACEMENT_PROP_PLACEMENT_SPEC_ZINDEX + 500,
+        fitToContent: fitToContent
     };
     var mobileLayout = {
         i: id.toString(),
@@ -36,7 +38,8 @@ function parsePropPlacement(props, id) {
         y: props['CB_PLACEMENT_PROP_PLACEMENT_SPEC_STARTY:MOBILE'],
         w: props['CB_PLACEMENT_PROP_PLACEMENT_SPEC_COLS:MOBILE'],
         h: props['CB_PLACEMENT_PROP_PLACEMENT_SPEC_ROWS:MOBILE'],
-        z: props['CB_PLACEMENT_PROP_PLACEMENT_SPEC_ZINDEX:MOBILE'] + 500
+        z: props['CB_PLACEMENT_PROP_PLACEMENT_SPEC_ZINDEX:MOBILE'] + 500,
+        fitToContent: fitToContent
     };
     return {
         mobileLayout: mobileLayout,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "pds-dev-kit-web-test",
-  "version": "2.3.10",
+  "version": "2.3.12",
   "license": "MIT",
   "private": false,
   "main": "dist/index.js",
@@ -22,7 +22,7 @@
     "i18next-intervalplural-postprocessor": "^3.0.0",
     "lottie-react": "^2.3.1",
     "nuka-carousel": "^4.8.4",
-    "publ-echo": "^0.0.84",
+    "publ-echo": "^0.0.85",
     "react-hook-form": "^7.28.1",
     "react-i18next": "^11.12.0",
     "react-measure": "^2.5.2",