pds-dev-kit-web-test 2.5.66 → 2.5.68

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

@@ -72,33 +72,33 @@ var MOBILE_GRID_COLS = 8;
 var GLE_MIN_WIDTH_DESKTOP_PX = "".concat(GRID_CELL_MIN * DESKTOP_GRID_COLS, "px");
 var GLE_MIN_WIDTH_MOBILE_PX = "".concat(GRID_CELL_MIN * MOBILE_GRID_COLS, "px");
 var CustomSection = (0, react_1.forwardRef)(function CustomSection(props, ref) {
-    var _a, _b, _c;
-    var _d = (0, react_1.useContext)(dynamicLayoutContext_1.dynamicLayoutContext), device = _d.device, editingSectionId = _d.editingSectionId, mode = _d.mode, shortcutKeyMode = _d.shortcutKeyMode, sectionActionHandler = _d.sectionActionHandler;
+    var _a;
+    var _b = (0, react_1.useContext)(dynamicLayoutContext_1.dynamicLayoutContext), device = _b.device, editingSectionId = _b.editingSectionId, mode = _b.mode, shortcutKeyMode = _b.shortcutKeyMode, sectionActionHandler = _b.sectionActionHandler;
     var componentBlocks = props.componentBlocks, jsonProperties = props.jsonProperties;
-    var _e = (0, react_1.useState)((_a = jsonProperties === null || jsonProperties === void 0 ? void 0 : jsonProperties.pedigree) !== null && _a !== void 0 ? _a : []), pedigreeState = _e[0], setPedigreeState = _e[1];
-    var _f = (0, react_1.useState)((0, group_1.mapComponentBlockIdsToBlockIds)((_b = jsonProperties === null || jsonProperties === void 0 ? void 0 : jsonProperties.pedigree) !== null && _b !== void 0 ? _b : [])), blockIdMap = _f[0], setBlockIdMap = _f[1];
+    var sectionPedigree = jsonProperties === null || jsonProperties === void 0 ? void 0 : jsonProperties.pedigree;
+    var _c = (0, react_1.useState)(sectionPedigree), pedigreeState = _c[0], setPedigreeState = _c[1];
+    var _d = (0, react_1.useState)((0, group_1.mapComponentBlockIdsToBlockIds)(sectionPedigree)), blockIdMap = _d[0], setBlockIdMap = _d[1];
     (0, react_1.useEffect)(function () {
-        var _a, _b;
-        setPedigreeState((_a = jsonProperties === null || jsonProperties === void 0 ? void 0 : jsonProperties.pedigree) !== null && _a !== void 0 ? _a : []);
-        setBlockIdMap((0, group_1.mapComponentBlockIdsToBlockIds)((_b = jsonProperties === null || jsonProperties === void 0 ? void 0 : jsonProperties.pedigree) !== null && _b !== void 0 ? _b : []));
-    }, [jsonProperties === null || jsonProperties === void 0 ? void 0 : jsonProperties.pedigree]);
-    var _g = jsonProperties, _h = _g.data, CB_PLACEMENT_PROP_SECTION = _h.CB_PLACEMENT_PROP_SECTION, CB_LAYOUT_PROP_PADDING = _h.CB_LAYOUT_PROP_PADDING, CB_CONTENT_PROP_SECTION = _h.CB_CONTENT_PROP_SECTION, zOrders = _g.zOrders;
-    var _j = (0, react_1.useState)(null), selectedBlockId = _j[0], setSelectedBlockId = _j[1];
+        setPedigreeState(sectionPedigree);
+        setBlockIdMap((0, group_1.mapComponentBlockIdsToBlockIds)(sectionPedigree));
+    }, [sectionPedigree]);
+    var _e = jsonProperties, _f = _e.data, CB_PLACEMENT_PROP_SECTION = _f.CB_PLACEMENT_PROP_SECTION, CB_LAYOUT_PROP_PADDING = _f.CB_LAYOUT_PROP_PADDING, CB_CONTENT_PROP_SECTION = _f.CB_CONTENT_PROP_SECTION, zOrders = _e.zOrders;
+    var _g = (0, react_1.useState)(null), selectedBlockId = _g[0], setSelectedBlockId = _g[1];
     var gleRef = (0, react_1.useRef)(null);
-    var _k = (0, react_1.useState)(50), rowHeight = _k[0], setRowHeight = _k[1];
-    var _l = (0, react_1.useState)(16), baseFontSize = _l[0], setBaseFontSize = _l[1];
+    var _h = (0, react_1.useState)(50), rowHeight = _h[0], setRowHeight = _h[1];
+    var _j = (0, react_1.useState)(16), baseFontSize = _j[0], setBaseFontSize = _j[1];
     var isMobile = device === 'MOBILE';
     var isEditMode = mode === 'EDIT';
     var layoutByDevice = device === 'DESKTOP' ? 'lg' : 'sm';
-    var _m = (0, react_1.useState)(function () {
+    var _k = (0, react_1.useState)(function () {
         var _a = (0, util_1.parsePlacement)(componentBlocks !== null && componentBlocks !== void 0 ? componentBlocks : [], zOrders), lg = _a.lg, sm = _a.sm;
         return {
             lg: lg,
             sm: sm
         };
-    }), layouts = _m[0], setLayouts = _m[1];
-    var _o = (0, react_1.useState)('ROOT'), editingGroupBlock = _o[0], setEditingGroupBlock = _o[1];
-    var _p = (0, react_1.useState)([]), bulkBlockIds = _p[0], setBulkBlockIds = _p[1];
+    }), layouts = _k[0], setLayouts = _k[1];
+    var _l = (0, react_1.useState)('ROOT'), editingGroupBlock = _l[0], setEditingGroupBlock = _l[1];
+    var _m = (0, react_1.useState)([]), bulkBlockIds = _m[0], setBulkBlockIds = _m[1];
     var newblock = bulkBlockIds.length > 0
         ? (0, group_1.addBulkToTarget)(pedigreeState, editingGroupBlock, bulkBlockIds)
         : pedigreeState;
@@ -197,10 +197,10 @@ var CustomSection = (0, react_1.forwardRef)(function CustomSection(props, ref) {
         var allRootChildIds = (0, group_1.findAllChildrenIds)(pedigreeState, editingGroupBlock, 'current');
         setBulkBlockIds(allRootChildIds);
     };
-    var _q = (0, util_1.parseCustomSectionPlacement)({
+    var _o = (0, util_1.parseCustomSectionPlacement)({
         isMobile: isMobile,
         customSectionProps: CB_PLACEMENT_PROP_SECTION
-    }), rows = _q.rows, width = _q.width, minHeight = _q.minHeight, isFullWidth = _q.isFullWidth;
+    }), rows = _o.rows, width = _o.width, minHeight = _o.minHeight, isFullWidth = _o.isFullWidth;
     var customSectionStyles = {
         minHeight: "".concat(minHeight, "vh"),
         width: '100%',
@@ -662,7 +662,7 @@ var CustomSection = (0, react_1.forwardRef)(function CustomSection(props, ref) {
                                 fontSize: "".concat(baseFontSize, "px")
                             }, onLayoutChange: onLayoutChange, onDragStart: onDragStart, onDragStop: onDragStop, onResizeStop: onResizeStop, onDragStopForGroup: onGroupDragStop, onFitToContent: onAutoFitContent, onWidthChange: onWidthChange, minNbRow: rows, isDraggable: isEditMode, isResizable: isEditMode, 
                             // GROUP
-                            selectedGroupBlock: (_c = selectedBlockId === null || selectedBlockId === void 0 ? void 0 : selectedBlockId.toString()) !== null && _c !== void 0 ? _c : 'ROOT', editingGroupBlock: editingGroupBlock, blockStructure: newblock, bulkIds: bulkBlockIds, onDoubleClickGroup: onDoubleClickGroup, onClickGroup: onClickGroup, onDoubleClickOutsideGroup: onDoubleClickOutsideGroup, onContextGroup: onContextGroup }, { children: layouts[layoutByDevice].map(function (each, index) {
+                            selectedGroupBlock: (_a = selectedBlockId === null || selectedBlockId === void 0 ? void 0 : selectedBlockId.toString()) !== null && _a !== void 0 ? _a : 'ROOT', editingGroupBlock: editingGroupBlock, blockStructure: newblock, bulkIds: bulkBlockIds, onDoubleClickGroup: onDoubleClickGroup, onClickGroup: onClickGroup, onDoubleClickOutsideGroup: onDoubleClickOutsideGroup, onContextGroup: onContextGroup }, { children: layouts[layoutByDevice].map(function (each, index) {
                                 var matchedCB = componentBlocks === null || componentBlocks === void 0 ? void 0 : componentBlocks.find(function (cb) { return cb.id.toString() === each.i; });
                                 var isInBulk = bulkBlockIds.includes((0, group_1.getBlockIdByComponentId)(pedigreeState, Number(each.i)));
                                 if (!matchedCB) {

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

@@ -1,6 +1,6 @@
 import { ComponentBlock } from '../types';
-import type { SectionZOrder } from 'publ-echo-test/dist/lib/GridLayoutEditor/group';
-export declare function parsePlacement(components: ComponentBlock[], zOrders: SectionZOrder): {
+import type { ZOrder } from 'publ-echo-test/dist/lib/GridLayoutEditor/group';
+export declare function parsePlacement(components: ComponentBlock[], zOrders: ZOrder): {
     sm: {
         i: string;
         x: number;

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

@@ -6,7 +6,7 @@ import type { CB_EFFECT_PROP_ENTANIM_SPECS } from './sections/CustomSection/util
 import type { CB_LAYOUT_PROP_PADDING_SPECS } from './sections/CustomSection/util/layoutPropParsers/parseLayoutPropPadding';
 import type { CB_STYLE_PROP_BGCOLOR_SPECS } from './sections/CustomSection/util/stylePropParsers/parseStylePropBgColor';
 import type { CB_STYLE_PROP_BGOVERLAY_SPECS } from './sections/CustomSection/util/stylePropParsers/parseStylePropBgOverlay';
-import type { Block, SectionZOrder } from 'publ-echo-test/dist/lib/GridLayoutEditor/group';
+import type { RootBlock, ZOrder } from 'publ-echo-test/dist/lib/GridLayoutEditor/group';
 import type { Ref } from 'react';
 export { TypeOfSectionAction };
 export type TypeOfSectionManifestSchema = 'BASE_INTRO' | 'BASE_CONTENTS' | 'BASE_CONTENTS_CAROUSEL' | 'BASE_FOOTER' | 'BASE_INFO_BOX' | 'EXP_IFRAME' | 'PRG_MEMBERSHIP_DISPLAY' | 'CUSTOM';
@@ -61,7 +61,7 @@ export interface ISection {
     componentBlocks?: ComponentBlock[];
     jsonProperties?: ISectionJsonProperties;
 }
-export type SectionPedigree = Block[];
+export type SectionPedigree = RootBlock;
 export interface SubscriptionProductInList {
     id: number;
     type: SubscriptionProductType;
@@ -301,7 +301,7 @@ export type IMembershipDisplay = {
     connectedMemberships: IConnectedMembership[];
 };
 export type ISectionJsonProperties = {
-    zOrders?: SectionZOrder;
+    zOrders?: ZOrder;
     pedigree?: SectionPedigree;
     data: {
         CB_CONTENT_PROP_SECTION: {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "pds-dev-kit-web-test",
-  "version": "2.5.66",
+  "version": "2.5.68",
   "license": "MIT",
   "private": false,
   "main": "dist/index.js",
@@ -23,7 +23,7 @@
     "lottie-react": "^2.3.1",
     "nuka-carousel": "^4.8.4",
     "publ-echo": "^0.0.99",
-    "publ-echo-test": "^0.0.108",
+    "publ-echo-test": "^0.0.111",
     "react-hook-form": "^7.28.1",
     "react-i18next": "^11.12.0",
     "react-router-dom": "^5.2.0",