/* * This file is part of ORY Editor. * * ORY Editor is free software: you can redistribute it and/or modify * it under the terms of the GNU Lesser General Public License as published by * the Free Software Foundation, either version 3 of the License, or * (at your option) any later version. * * ORY Editor is distributed in the hope that it will be useful, * but WITHOUT ANY WARRANTY; without even the implied warranty of * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the * GNU Lesser General Public License for more details. * * You should have received a copy of the GNU Lesser General Public License * along with ORY Editor. If not, see . * * @license LGPL-3.0 * @copyright 2016-2018 Aeneas Rekkas * @author Aeneas Rekkas * */ import { ComponetizedCell } from '../../../../types/editable'; import { DropTargetMonitor, DropTargetConnector } from 'dnd-core'; export const source = { beginDrag(props: ComponetizedCell) { // Begin dragging the cell props.dragCell(props.id); return { ...props, // we do not want to pass down the react children or we will risk circular dependencies. children: null, node: { ...props.node, rows: props.rawNode().rows, }, }; }, endDrag( { cancelCellDrag, id }: ComponetizedCell, monitor: DropTargetMonitor ) { if (monitor.didDrop()) { // If the item drop occurred deeper down the tree, don't do anything return; } // If drag ended but drop did not occur, cancel dragging cancelCellDrag(); }, }; export const collect = ( connect: DropTargetConnector, monitor: DropTargetMonitor ) => ({ connectDragSource: connect.dragSource(), isDragging: monitor.isDragging(), connectDragPreview: connect.dragPreview(), });