publ-echo-test 0.0.380 → 0.0.381
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.
|
@@ -22,10 +22,6 @@ export function GridBackgroundPlaceholder(_a) {
|
|
|
22
22
|
? !!(activeBlock === null || activeBlock === void 0 ? void 0 : activeBlock.isHeightVariableDesktop)
|
|
23
23
|
: !!(activeBlock === null || activeBlock === void 0 ? void 0 : activeBlock.isHeightVariableMobile);
|
|
24
24
|
var showActiveRows = !!activeDrag.heightFitContent || isHeightVariable;
|
|
25
|
-
console.log("activeBlock in placeholder", activeBlock);
|
|
26
|
-
console.log("!!activeDrag.heightFitContent", activeDrag.heightFitContent);
|
|
27
|
-
console.log("isHeightVariable", isHeightVariable);
|
|
28
|
-
console.log("showActiveRows", showActiveRows);
|
|
29
25
|
return (_jsx("div", { className: "grid-placeholder", style: {
|
|
30
26
|
marginTop: margin[1] + "px",
|
|
31
27
|
marginBottom: margin[1] + "px",
|
|
@@ -51,8 +51,7 @@ var ReactGridLayout = function (_a) {
|
|
|
51
51
|
w: 1,
|
|
52
52
|
} : _w, // TODO fix
|
|
53
53
|
_x = props.resizeHandles, // TODO fix
|
|
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
|
-
var device = cols === 24 ? "DESKTOP" : "MOBILE";
|
|
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, device = props.device;
|
|
56
55
|
var parsedSelectedBlockId = getBlockIdKind(selectedBlockId !== null && selectedBlockId !== void 0 ? selectedBlockId : "");
|
|
57
56
|
var _2 = useState(), activeDrag = _2[0], setActiveDrag = _2[1];
|
|
58
57
|
var _3 = useState(), oldDragItem = _3[0], setOldDragItem = _3[1];
|
|
@@ -785,12 +784,6 @@ var ReactGridLayout = function (_a) {
|
|
|
785
784
|
var activeRowsFiltered = shouldShowAllHeightVariableRows
|
|
786
785
|
? heightVariableRows
|
|
787
786
|
: activeRows;
|
|
788
|
-
console.log("activeDragItemOrSelectedItem", activeDragItemOrSelectedItem);
|
|
789
|
-
console.log("selectedBlockId", selectedBlockId);
|
|
790
|
-
console.log('curentgroupblocks"', currentGroupBlocks);
|
|
791
|
-
console.log("selectedLayoutItem", selectedLayoutItem);
|
|
792
|
-
console.log("activeBlock", activeBlock);
|
|
793
|
-
console.log("activeRowsFiltered", activeRowsFiltered);
|
|
794
787
|
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" }), activeDragItemOrSelectedItem && (_jsx(GridBackgroundPlaceholder, { device: device, backgroundWidth: getBackgroundWidth(), backgroundHeight: getBackgroundHeight(), margin: margin,
|
|
795
788
|
// width={width}
|
|
796
789
|
rowHeight: rowHeight, activeRows: activeRowsFiltered !== null && activeRowsFiltered !== void 0 ? activeRowsFiltered : [], colWidth: colWidth, activeDrag: activeDragItemOrSelectedItem, activeBlock: activeBlock, selectedBlockId: selectedBlockId, totalCols: cols }))] }));
|
|
@@ -92,6 +92,7 @@ export type ReactGridLayoutProps = {
|
|
|
92
92
|
bulkIds?: string[];
|
|
93
93
|
onDoubleClickOutsideGroup: () => void;
|
|
94
94
|
onContextGroup?: (e: React.MouseEvent, blockId: string, isEditingGroup: boolean) => void;
|
|
95
|
+
device: "DESKTOP" | "MOBILE";
|
|
95
96
|
};
|
|
96
97
|
export type DragOverEvent = MouseEvent & {
|
|
97
98
|
nativeEvent: {
|