Module

React.Basic.ReactDND

Package: purescript-react-dnd-basic
Repository: lumihq/purescript-react-dnd-basic

#Backend Source

data Backend

#DragDropItemType Source

newtype DragDropItemType

Constructors

DragDropItemType String

#Coords Source

type Coords = { x :: Number, y :: Number }

#SharedCollectArgs Source

type SharedCollectArgs item = (clientOffset :: Maybe Coords, differenceFromInitialOffset :: Maybe Coords, initialClientOffset :: Maybe Coords, initialSourceClientOffset :: Maybe Coords, item :: Maybe item, itemType :: Maybe DragDropItemType, sourceClientOffset :: Maybe Coords)

#DragSourceCollectArgs Source

type DragSourceCollectArgs item = { canDrag :: Maybe Boolean, connectDragPreview :: JSX -> JSX, connectDragSource :: JSX -> JSX, didDrop :: Boolean, dropResult :: Maybe item, isDragging :: Boolean | SharedCollectArgs item }

#DropTargetCollectArgs Source

type DropTargetCollectArgs item = { canDrop :: Boolean, connectDropTarget :: JSX -> JSX, didDrop :: Boolean, dropResult :: Maybe item, isOver :: Boolean, isOverShallow :: Boolean | SharedCollectArgs item }

#DragLayerCollectArgs Source

type DragLayerCollectArgs item = { isDragging :: Boolean | SharedCollectArgs item }

#DragSourceProps Source

type DragSourceProps item = { beginDrag :: DragSourceCollectArgs item -> Effect item, canDrag :: DragSourceCollectArgs item -> Effect Boolean, endDrag :: DragSourceCollectArgs item -> Effect Unit, isDragging :: DragSourceCollectArgs item -> Effect Boolean, render :: DragSourceCollectArgs item -> JSX }

#DropTargetProps Source

type DropTargetProps item = { canDrop :: DropTargetCollectArgs item -> Effect Boolean, drop :: DropTargetCollectArgs item -> Effect (Maybe item), hover :: DropTargetCollectArgs item -> Effect Unit, render :: DropTargetCollectArgs item -> JSX }

#DragLayerProps Source

type DragLayerProps item = { render :: DragLayerCollectArgs item -> JSX }

#DragDrop Source

type DragDrop item = { dragLayer :: DragLayerProps item -> JSX, dragSource :: DragSourceProps item -> JSX, dropTarget :: DropTargetProps item -> JSX }

#createDragDropContext Source

createDragDropContext :: Backend -> JSX -> JSX

#createDragDrop Source

createDragDrop :: forall item. DragDropItemType -> DragDrop (Record item)

Modules: React.Basic.ReactDND; React.Basic.ReactDND.Backends.HTML5Backend; React.Basic.ReactDND.Backends.TestBackend