Can't pass type prop for Draggable to enable conditionally dropping

[holem]

Expected behavior

To enable conditionally dropping we need to specify type for each Draggable and Droppable. So Draggable with specific type can be dropped on Droppables with same value in type and can not be dropped on Droppables with any other value of type.

If so, we should be able to specify type for both Draggable and Droppable.

Actual behavior

We can specify type only for Droppable - https://github.com/hello-pangea/dnd/blob/main/src/view/droppable/droppable-types.ts:

export interface DefaultProps {
  direction: Direction;
  getContainerForClone: () => HTMLElement;
  ignoreContainerClipping: boolean;
  isCombineEnabled: boolean;
  isDropDisabled: boolean;
  mode: DroppableMode;
  type: TypeId;
  renderClone: DraggableChildrenFn | null;
}

But for Draggable we can not - https://github.com/hello-pangea/dnd/blob/main/src/view/draggable/draggable-types.ts:

export interface DraggableProps {
  draggableId: DraggableId;
  index: number;
  children: DraggableChildrenFn;
  // optional own props
  isDragDisabled?: boolean;
  disableInteractiveElementBlocking?: boolean;
  shouldRespectForcePress?: boolean;
}

Suggested solution?

Add type prop to Draggable.

What version of React are you using?

"react": "^18"

What version of @hello-pangea/dnd are you running?

"@hello-pangea/dnd": "17.0.0"

What browser are you using?

Chrome 130.0.6723.92