-
Notifications
You must be signed in to change notification settings - Fork 45
/
DropNodeContext.tsx
60 lines (53 loc) · 1.87 KB
/
DropNodeContext.tsx
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
/*******************************************************************************
* Copyright (c) 2023 Obeo.
* This program and the accompanying materials
* are made available under the terms of the Eclipse Public License v2.0
* which accompanies this distribution, and is available at
* https://www.eclipse.org/legal/epl-2.0/
*
* SPDX-License-Identifier: EPL-2.0
*
* Contributors:
* Obeo - initial API and implementation
*******************************************************************************/
import React, { useState } from 'react';
import { DropNodeContextProviderProps, DropNodeContextValue, NodeDropData } from './DropNodeContext.types';
const defaultValue: DropNodeContextValue = {
initialParentId: null,
draggedNode: null,
targetNodeId: null,
compatibleNodeIds: [],
droppableOnDiagram: false,
setDropData: () => {},
setTargetNodeId: () => {},
};
export const DropNodeContext = React.createContext<DropNodeContextValue>(defaultValue);
export const DropNodeContextProvider = ({ children }: DropNodeContextProviderProps) => {
const [state, setState] = useState<NodeDropData>({
initialParentId: null,
draggedNode: null,
targetNodeId: null,
compatibleNodeIds: [],
droppableOnDiagram: false,
});
const setDropData = (dropData: NodeDropData) => {
setState((prevState) => ({ ...prevState, ...dropData }));
};
const setTargetNodeId = (targetNodeId: string | null) => {
setState((prevState) => ({ ...prevState, targetNodeId }));
};
return (
<DropNodeContext.Provider
value={{
initialParentId: state.initialParentId,
draggedNode: state.draggedNode,
targetNodeId: state.targetNodeId,
compatibleNodeIds: state.compatibleNodeIds,
droppableOnDiagram: state.droppableOnDiagram,
setDropData,
setTargetNodeId,
}}>
{children}
</DropNodeContext.Provider>
);
};