lingo3d/lib/editor/TimelineEditor/treeItems/PropertyTreeItem.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 { FRAME_HEIGHT } from "../../../globals";
import BaseTreeItem from "../../component/treeItems/BaseTreeItem";
import useSyncState from "../../hooks/useSyncState";
import { getTimelineLayer, setTimelineLayer } from "../../../states/useTimelineLayer";
import handleTreeItemClick from "../../utils/handleTreeItemClick";
import { uuidMap } from "../../../collections/idCollections";
const PropertyTreeItem = ({ property, uuid }) => {
    const layer = useSyncState(getTimelineLayer);
    const myLayer = uuid + " " + property;
    const selected = layer === myLayer;
    return (_jsx(BaseTreeItem, { height: FRAME_HEIGHT, label: property, selected: selected, onClick: (e) => {
            setTimelineLayer(myLayer);
            handleTreeItemClick(e, uuidMap.get(uuid));
        } }));
};
export default PropertyTreeItem;
//# sourceMappingURL=PropertyTreeItem.js.map