publ-echo-test 0.0.347 → 0.0.350
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.
|
@@ -53,6 +53,7 @@ var ReactGridLayout = function (_a) {
|
|
|
53
53
|
_x = props.resizeHandles, // TODO fix
|
|
54
54
|
resizeHandles = _x === void 0 ? ["se"] : _x, _y = props.width, width = _y === void 0 ? 0 : _y, resizeHandle = props.resizeHandle, _z = props.isHiddenVisibility, isHiddenVisibility = _z === void 0 ? true : _z, innerRef = props.innerRef, minNbRow = props.minNbRow, customColWidth = props.customColWidth, blockStructure = props.blockStructure, onDoubleClickGroup = props.onDoubleClickGroup, _0 = props.editingGroupBlock, editingGroupBlock = _0 === void 0 ? "ROOT" : _0, _1 = props.selectedGroupBlock, selectedGroupBlock = _1 === void 0 ? "ROOT" : _1, onClickGroup = props.onClickGroup, bulkIds = props.bulkIds, onDoubleClickOutsideGroup = props.onDoubleClickOutsideGroup;
|
|
55
55
|
var device = cols === 24 ? "DESKTOP" : "MOBILE";
|
|
56
|
+
console.log("selectedBlockId", selectedBlockId);
|
|
56
57
|
var _2 = useState(), activeDrag = _2[0], setActiveDrag = _2[1];
|
|
57
58
|
var _3 = useState(), oldDragItem = _3[0], setOldDragItem = _3[1];
|
|
58
59
|
var _4 = useState(), oldLayout = _4[0], setOldLayout = _4[1];
|
|
@@ -746,8 +747,13 @@ var ReactGridLayout = function (_a) {
|
|
|
746
747
|
var currentGroupBlocks = blockStructure
|
|
747
748
|
? findGroupBlocks(blockStructure, editingGroupBlock)
|
|
748
749
|
: [];
|
|
750
|
+
var selectedLayoutItem = selectedBlockId
|
|
751
|
+
? getLayoutItem(layout, selectedBlockId)
|
|
752
|
+
: null;
|
|
749
753
|
return (_jsxs("div", { ref: innerRef, className: mergedClassName, style: mergedStyle, onDrop: isDroppable ? onDropHandler : noop, onDragLeave: isDroppable ? onDragLeaveHandler : noop, onDragEnter: isDroppable ? onDragEnterHandler : noop, onDragOver: isDroppable ? onDragOverHandler : noop, "data-grid-row-height": rowHeight, "data-grid-cols": cols, "data-section-id": sectionId, children: [currentGroupBlocks.map(function (each) { return processGroup(each); }), React.Children.map(children, function (child) { return processGridItem(child); }), placeholder(), activeDrag && _jsx("div", { className: "grid-guide-line-center" }), activeDrag && (_jsx(GridBackgroundPlaceholder, { backgroundWidth: getBackgroundWidth(), backgroundHeight: getBackgroundHeight(), margin: margin,
|
|
750
754
|
// width={width}
|
|
751
|
-
rowHeight: rowHeight, colWidth: colWidth, activeDrag: activeDrag, selectedBlockId: selectedBlockId, totalCols: cols }))
|
|
755
|
+
rowHeight: rowHeight, colWidth: colWidth, activeDrag: activeDrag, selectedBlockId: selectedBlockId, totalCols: cols })), selectedLayoutItem && (_jsx(GridBackgroundPlaceholder, { backgroundWidth: getBackgroundWidth(), backgroundHeight: getBackgroundHeight(), margin: margin,
|
|
756
|
+
// width={width}
|
|
757
|
+
rowHeight: rowHeight, colWidth: colWidth, activeDrag: selectedLayoutItem, selectedBlockId: selectedBlockId, totalCols: cols }))] }));
|
|
752
758
|
};
|
|
753
759
|
export default ReactGridLayout;
|