@kwiz/fluentui
Version:
KWIZ common controls for FluentUI
18 lines • 967 B
JavaScript
import { jsx as _jsx } from "react/jsx-runtime";
import { mergeClasses } from "@fluentui/react-components";
import { useDragDropContext } from "./drag-drop-context";
export function DragDropContainer(props) {
const { drag, drop, dragDropRef } = useDragDropContext(props);
const classNames = [];
if (drag.isDragging && props.onDraggingClassName)
classNames.push(props.onDraggingClassName);
if (drop.isOver && props.onDragOverClassName)
classNames.push(props.onDragOverClassName);
const propsWithoutExtras = Object.assign({}, props);
delete propsWithoutExtras.dragInfo;
delete propsWithoutExtras.dropInfo;
delete propsWithoutExtras.onDraggingClassName;
delete propsWithoutExtras.onDragOverClassName;
return _jsx("div", Object.assign({}, propsWithoutExtras, { ref: dragDropRef, className: mergeClasses(...classNames, props.className), children: props.children }));
}
//# sourceMappingURL=drag-drop-container.js.map