react-archer/src/ArcherContainer/ArcherContainer.context.ts

Draw arrows between DOM elements in React

import React from 'react';
import { SourceToTargetType } from '../types';

export type ArcherContainerContextType = {
  registerChild: (id: string, element: HTMLElement) => void;
  registerTransitions: (id: string, sourceToTarget: SourceToTargetType[]) => void;
  unregisterChild: (id: string) => void;
  unregisterTransitions: (id: string) => void;
};

export const ArcherContainerContext = React.createContext<ArcherContainerContextType | null>(null);
export const ArcherContainerContextProvider = ArcherContainerContext.Provider;