react-window-sortable
Version:
React Window Sortable is an HOC for react-window that allows drag and drop sorting of lists
31 lines (30 loc) • 778 B
JavaScript
import { default as React, useContext } from "react";
import { DragContext } from "./index";
export function DropZoneElement() {
var drag = useContext(DragContext);
if (drag === null) return null;
var style = Object.assign({}, drag.dragging.style, {
display: "flex",
flexDirection: "row",
alignItems: "stretch",
zIndex: 2,
background: "white",
});
var dropElement =
drag.dropElement ||
React.createElement("div", {
style: {
border: "2px dashed #0087F7",
borderRadius: "3px",
margin: "2px",
flex: 1,
boxSizing: "border-box",
},
});
return React.createElement(
"div",
{ ref: drag.dropZoneRef, style: style },
dropElement
);
}
//# sourceMappingURL=DropZoneElement.js.map