lingo3d/lib/editor/component/treeItems/EmptyTreeItem.js

Lingo3D is a React/Vue 3d game development framework that ships with a complete visual editor

import { jsx as _jsx } from "preact/jsx-runtime";
import { useState } from "preact/hooks";
import Appendable from "../../../display/core/Appendable";
import { draggingItemPtr } from "../../../pointers/draggingItemPtr";
import { TREE_ITEM_HEIGHT } from "../../../globals";
const EmptyTreeItem = ({ onDrop }) => {
    const [dragOver, setDragOver] = useState(false);
    return (_jsx("div", { onDragOver: (e) => {
            e.stopPropagation();
            e.preventDefault();
            draggingItemPtr[0] && setDragOver(true);
        }, onDragEnter: (e) => {
            e.stopPropagation();
            e.preventDefault();
            draggingItemPtr[0] && setDragOver(true);
        }, onDragLeave: (e) => {
            e.stopPropagation();
            setDragOver(false);
        }, onDrop: (e) => {
            e.stopPropagation();
            setDragOver(false);
            draggingItemPtr[0] instanceof Appendable &&
                onDrop?.(draggingItemPtr[0]);
        }, style: {
            backgroundColor: dragOver
                ? "rgba(255, 255, 255, 0.5)"
                : undefined,
            width: "100%",
            height: TREE_ITEM_HEIGHT
        } }));
};
export default EmptyTreeItem;
//# sourceMappingURL=EmptyTreeItem.js.map