pds-dev-kit-web-test 2.5.131 → 2.5.132

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (3) hide show
  1. package/dist/src/sub/DynamicLayout/sections/CustomSection/CustomSection.js +17 -15
  2. package/dist/src/sub/DynamicLayout/types.d.ts +2 -0
  3. package/package.json +1 -1
package/dist/src/sub/DynamicLayout/sections/CustomSection/CustomSection.js CHANGED
@@ -74,32 +74,34 @@ var MOBILE_GRID_COLS = 8;
74
74
  var GLE_MIN_WIDTH_DESKTOP_PX = "".concat(GRID_CELL_MIN * DESKTOP_GRID_COLS, "px");
75
75
  var GLE_MIN_WIDTH_MOBILE_PX = "".concat(GRID_CELL_MIN * MOBILE_GRID_COLS, "px");
76
76
  var CustomSection = (0, react_1.forwardRef)(function CustomSection(props, ref) {
77
- var _a;
78
- var _b = (0, react_1.useContext)(dynamicLayoutContext_1.dynamicLayoutContext), device = _b.device, editingSectionId = _b.editingSectionId, mode = _b.mode, shortcutKeyMode = _b.shortcutKeyMode, sectionActionHandler = _b.sectionActionHandler;
77
+ var _a, _b, _c;
78
+ var _d = (0, react_1.useContext)(dynamicLayoutContext_1.dynamicLayoutContext), device = _d.device, editingSectionId = _d.editingSectionId, mode = _d.mode, shortcutKeyMode = _d.shortcutKeyMode, sectionActionHandler = _d.sectionActionHandler;
79
79
  var componentBlocks = props.componentBlocks, jsonProperties = props.jsonProperties;
80
80
  var sectionPedigree = jsonProperties === null || jsonProperties === void 0 ? void 0 : jsonProperties.pedigree;
81
- var _c = (0, react_1.useState)(sectionPedigree), pedigreeState = _c[0], setPedigreeState = _c[1];
81
+ var _e = (0, react_1.useState)(sectionPedigree), pedigreeState = _e[0], setPedigreeState = _e[1];
82
82
  (0, react_1.useEffect)(function () {
83
83
  setPedigreeState(sectionPedigree);
84
84
  // setBlockIdMap(mapComponentBlockIdsToBlockIds(sectionPedigree));
85
85
  }, [sectionPedigree]);
86
- var _d = jsonProperties, _e = _d.data, CB_PLACEMENT_PROP_SECTION = _e.CB_PLACEMENT_PROP_SECTION, CB_LAYOUT_PROP_PADDING = _e.CB_LAYOUT_PROP_PADDING, CB_CONTENT_PROP_SECTION = _e.CB_CONTENT_PROP_SECTION, zOrders = _d.zOrders;
87
- var _f = (0, react_1.useState)(null), selectedBlockId = _f[0], setSelectedBlockId = _f[1];
86
+ var _f = jsonProperties, _g = _f.data, CB_PLACEMENT_PROP_SECTION = _g.CB_PLACEMENT_PROP_SECTION, CB_LAYOUT_PROP_PADDING = _g.CB_LAYOUT_PROP_PADDING, CB_CONTENT_PROP_SECTION = _g.CB_CONTENT_PROP_SECTION, zOrders = _f.zOrders;
87
+ var colsDesktop = (_a = CB_PLACEMENT_PROP_SECTION.CB_PLACEMENT_PROP_SECTION_SPEC_COLS) !== null && _a !== void 0 ? _a : 24;
88
+ var colsMobile = (_b = CB_PLACEMENT_PROP_SECTION['CB_PLACEMENT_PROP_SECTION_SPEC_COLS:MOBILE']) !== null && _b !== void 0 ? _b : 8;
89
+ var _h = (0, react_1.useState)(null), selectedBlockId = _h[0], setSelectedBlockId = _h[1];
88
90
  var gleRef = (0, react_1.useRef)(null);
89
- var _g = (0, react_1.useState)(50), rowHeight = _g[0], setRowHeight = _g[1];
90
- var _h = (0, react_1.useState)(16), baseFontSize = _h[0], setBaseFontSize = _h[1];
91
+ var _j = (0, react_1.useState)(50), rowHeight = _j[0], setRowHeight = _j[1];
92
+ var _k = (0, react_1.useState)(16), baseFontSize = _k[0], setBaseFontSize = _k[1];
91
93
  var isMobile = device === 'MOBILE';
92
94
  var isEditMode = mode === 'EDIT';
93
95
  var layoutByDevice = device === 'DESKTOP' ? 'lg' : 'sm';
94
- var _j = (0, react_1.useState)(function () {
96
+ var _l = (0, react_1.useState)(function () {
95
97
  var _a = (0, util_1.parsePlacement)(componentBlocks !== null && componentBlocks !== void 0 ? componentBlocks : [], zOrders), lg = _a.lg, sm = _a.sm;
96
98
  return {
97
99
  lg: lg,
98
100
  sm: sm
99
101
  };
100
- }), layouts = _j[0], setLayouts = _j[1];
101
- var _k = (0, react_1.useState)('ROOT'), editingGroupBlock = _k[0], setEditingGroupBlock = _k[1];
102
- var _l = (0, react_1.useState)([]), bulkBlockIds = _l[0], setBulkBlockIds = _l[1];
102
+ }), layouts = _l[0], setLayouts = _l[1];
103
+ var _m = (0, react_1.useState)('ROOT'), editingGroupBlock = _m[0], setEditingGroupBlock = _m[1];
104
+ var _o = (0, react_1.useState)([]), bulkBlockIds = _o[0], setBulkBlockIds = _o[1];
103
105
  var newblock = bulkBlockIds.length > 0
104
106
  ? (0, group_1.addBulkToTarget)(pedigreeState, editingGroupBlock, bulkBlockIds)
105
107
  : pedigreeState;
@@ -289,10 +291,10 @@ var CustomSection = (0, react_1.forwardRef)(function CustomSection(props, ref) {
289
291
  });
290
292
  return __spreadArray(__spreadArray([], collisions, true), [(0, group_1.formatCbIdToBlockId)(cdId1)], false);
291
293
  };
292
- var _m = (0, util_1.parseCustomSectionPlacement)({
294
+ var _p = (0, util_1.parseCustomSectionPlacement)({
293
295
  isMobile: isMobile,
294
296
  customSectionProps: CB_PLACEMENT_PROP_SECTION
295
- }), rows = _m.rows, width = _m.width, minHeight = _m.minHeight, isFullWidth = _m.isFullWidth;
297
+ }), rows = _p.rows, width = _p.width, minHeight = _p.minHeight, isFullWidth = _p.isFullWidth;
296
298
  var customSectionStyles = {
297
299
  minHeight: "".concat(minHeight, "vh"),
298
300
  width: '100%',
@@ -824,14 +826,14 @@ var CustomSection = (0, react_1.forwardRef)(function CustomSection(props, ref) {
824
826
  paddingBottom: padding.bottom,
825
827
  paddingRight: padding.right,
826
828
  paddingLeft: padding.left
827
- } }, { children: (0, jsx_runtime_1.jsx)(Responsive, __assign({ innerRef: innerRef, allowOverlap: true, layouts: layouts, resizeHandles: ['nw', 'e', 'n', 'ne', 's', 'se', 'sw', 'w'], breakpoints: breakpoints, breakpoint: breakpoint, cols: { lg: 24, sm: 8 }, rowHeight: rowHeight, margin: [10, 10], style: {
829
+ } }, { children: (0, jsx_runtime_1.jsx)(Responsive, __assign({ innerRef: innerRef, allowOverlap: true, layouts: layouts, resizeHandles: ['nw', 'e', 'n', 'ne', 's', 'se', 'sw', 'w'], breakpoints: breakpoints, breakpoint: breakpoint, cols: { lg: colsDesktop, sm: colsMobile }, rowHeight: rowHeight, margin: [10, 10], style: {
828
830
  width: customSectionStyles.width,
829
831
  maxWidth: customSectionStyles.maxWidth,
830
832
  minWidth: isMobile ? GLE_MIN_WIDTH_MOBILE_PX : GLE_MIN_WIDTH_DESKTOP_PX,
831
833
  fontSize: "".concat(baseFontSize, "px")
832
834
  }, onLayoutChange: onLayoutChange, onDragStart: onDragStart, onDragStop: onDragStop, onResizeStop: onResizeStop, onDragStopForGroup: onGroupDragStop, onFitToContent: onAutoFitContent, onWidthChange: onWidthChange, minNbRow: rows, isDraggable: isEditMode, isResizable: isEditMode,
833
835
  // GROUP
834
- 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) {
836
+ 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) {
835
837
  var matchedCB = componentBlocks === null || componentBlocks === void 0 ? void 0 : componentBlocks.find(function (cb) { return cb.id.toString() === each.i; });
836
838
  var isInBulk = bulkBlockIds.includes((0, group_1.formatCbIdToBlockId)(Number(each.i)));
837
839
  if (!matchedCB) {
package/dist/src/sub/DynamicLayout/types.d.ts CHANGED
@@ -319,6 +319,8 @@ export type ISectionJsonProperties = {
319
319
  'CB_PLACEMENT_PROP_SECTION_SPEC_ROWS:MOBILE': number | null | undefined;
320
320
  CB_PLACEMENT_PROP_SECTION_SPEC_WIDTH: number;
321
321
  'CB_PLACEMENT_PROP_SECTION_SPEC_WIDTH:MOBILE': number | null | undefined;
322
+ CB_PLACEMENT_PROP_SECTION_SPEC_COLS?: number;
323
+ 'CB_PLACEMENT_PROP_SECTION_SPEC_COLS:MOBILE': number | null | undefined;
322
324
  };
323
325
  CB_STYLE_PROP_BGCOLOR?: CB_STYLE_PROP_BGCOLOR_SPECS;
324
326
  CB_STYLE_PROP_BGMEDIA?: CB_STYLE_PROP_BGMEDIA_SPECS;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "pds-dev-kit-web-test",
3
- "version": "2.5.131",
3
+ "version": "2.5.132",
4
4
  "license": "MIT",
5
5
  "private": false,
6
6
  "main": "dist/index.js",