@hello-pangea/dnd/src/view/context/app-context.ts

Beautiful and accessible drag and drop for lists with React

import React from 'react';
import type { DraggableId, ContextId, ElementId } from '../../types';
import type { DimensionMarshal } from '../../state/dimension-marshal/dimension-marshal-types';
import type { FocusMarshal } from '../use-focus-marshal/focus-marshal-types';
import type { Registry } from '../../state/registry/registry-types';

export interface AppContextValue {
  focus: FocusMarshal;
  contextId: ContextId;
  canLift: (id: DraggableId) => boolean;
  isMovementAllowed: () => boolean;
  dragHandleUsageInstructionsId: ElementId;
  marshal: DimensionMarshal;
  registry: Registry;
}

export default React.createContext<AppContextValue | null>(null);