publ-echo-test 0.0.380 → 0.0.382
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];
|
|
@@ -770,12 +769,15 @@ var ReactGridLayout = function (_a) {
|
|
|
770
769
|
: (parsedSelectedBlockId === null || parsedSelectedBlockId === void 0 ? void 0 : parsedSelectedBlockId.type) === "GB"
|
|
771
770
|
? generateGrouplayout(parsedSelectedBlockId.id)
|
|
772
771
|
: null;
|
|
772
|
+
console.log("selectedLayoutItem", selectedLayoutItem);
|
|
773
773
|
var activeDragItemOrSelectedItem = activeDrag || selectedLayoutItem;
|
|
774
|
+
console.log("activeDragItemOrSelectedItem", activeDragItemOrSelectedItem);
|
|
774
775
|
var activeBlock = activeDragItemOrSelectedItem
|
|
775
776
|
? blockStructure
|
|
776
777
|
? findBlockByBlockId(blockStructure, activeDragItemOrSelectedItem.i)
|
|
777
778
|
: null
|
|
778
779
|
: null;
|
|
780
|
+
console.log("activeBlock", activeBlock);
|
|
779
781
|
var activeRows = activeDragItemOrSelectedItem &&
|
|
780
782
|
Array.from({ length: activeDragItemOrSelectedItem.h }, function (_, i) { return activeDragItemOrSelectedItem.y + i; });
|
|
781
783
|
var heightVariableRows = getRowsForHeightFitContentItems(layout);
|
|
@@ -785,12 +787,6 @@ var ReactGridLayout = function (_a) {
|
|
|
785
787
|
var activeRowsFiltered = shouldShowAllHeightVariableRows
|
|
786
788
|
? heightVariableRows
|
|
787
789
|
: 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
790
|
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
791
|
// width={width}
|
|
796
792
|
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: {
|