<!-- API Report Version: 2.3 -->

## API Report File for "@atlaskit/pragmatic-drag-and-drop-react-beautiful-dnd-migration"

> Do not edit this file. This report is auto-generated using
> [API Extractor](https://api-extractor.com/).
> [Learn more about API reports](https://hello.atlassian.net/wiki/spaces/UR/pages/1825484529/Package+API+Reports)

### Table of contents

- [Main Entry Types](#main-entry-types)
- [Peer Dependencies](#peer-dependencies)

### Main Entry Types

<!--SECTION START: Main Entry Types-->

```ts
/// <reference types="react" />

import { Announce } from 'react-beautiful-dnd';
import { Axis } from 'react-beautiful-dnd';
import { BeforeCapture } from 'react-beautiful-dnd';
import { BoxModel } from 'react-beautiful-dnd';
import { ClientPositions } from 'react-beautiful-dnd';
import { CollectingState } from 'react-beautiful-dnd';
import { Combine } from 'react-beautiful-dnd';
import { CombineImpact } from 'react-beautiful-dnd';
import { CompletedDrag } from 'react-beautiful-dnd';
import { ContextId } from 'react-beautiful-dnd';
import { Critical } from 'react-beautiful-dnd';
import { DimensionMap } from 'react-beautiful-dnd';
import { Direction } from 'react-beautiful-dnd';
import { Displaced } from 'react-beautiful-dnd';
import { DisplacedBy } from 'react-beautiful-dnd';
import { Displacement } from 'react-beautiful-dnd';
import { DisplacementGroups } from 'react-beautiful-dnd';
import { DisplacementMap } from 'react-beautiful-dnd';
import { DragActions } from 'react-beautiful-dnd';
import { DragDropContextProps } from 'react-beautiful-dnd';
import { DraggableChildrenFn } from 'react-beautiful-dnd';
import { DraggableDescriptor } from 'react-beautiful-dnd';
import { DraggableDimension } from 'react-beautiful-dnd';
import { DraggableDimensionMap } from 'react-beautiful-dnd';
import { DraggableId } from 'react-beautiful-dnd';
import { DraggableIdMap } from 'react-beautiful-dnd';
import { DraggableLocation } from 'react-beautiful-dnd';
import { DraggableOptions } from 'react-beautiful-dnd';
import { DraggableProps } from 'react-beautiful-dnd';
import { DraggableProvided } from 'react-beautiful-dnd';
import { DraggableProvidedDraggableProps } from 'react-beautiful-dnd';
import { DraggableProvidedDragHandleProps } from 'react-beautiful-dnd';
import { DraggableRubric } from 'react-beautiful-dnd';
import { DraggableStateSnapshot } from 'react-beautiful-dnd';
import { DraggingState } from 'react-beautiful-dnd';
import { DraggingStyle } from 'react-beautiful-dnd';
import { DragImpact } from 'react-beautiful-dnd';
import { DragPositions } from 'react-beautiful-dnd';
import { DragStart } from 'react-beautiful-dnd';
import { DragUpdate } from 'react-beautiful-dnd';
import { DropAnimatingState } from 'react-beautiful-dnd';
import { DropAnimation } from 'react-beautiful-dnd';
import { DroppableDescriptor } from 'react-beautiful-dnd';
import { DroppableDimension } from 'react-beautiful-dnd';
import { DroppableDimensionMap } from 'react-beautiful-dnd';
import { DroppableId } from 'react-beautiful-dnd';
import { DroppableIdMap } from 'react-beautiful-dnd';
import { DroppableMode } from 'react-beautiful-dnd';
import { DroppableProps } from 'react-beautiful-dnd';
import { DroppableProvided } from 'react-beautiful-dnd';
import { DroppableProvidedProps } from 'react-beautiful-dnd';
import { DroppablePublish } from 'react-beautiful-dnd';
import { DroppableStateSnapshot } from 'react-beautiful-dnd';
import { DroppableSubject } from 'react-beautiful-dnd';
import { DropPendingState } from 'react-beautiful-dnd';
import { DropReason } from 'react-beautiful-dnd';
import { DropResult } from 'react-beautiful-dnd';
import { ElementId } from 'react-beautiful-dnd';
import { FluidDragActions } from 'react-beautiful-dnd';
import { HorizontalAxis } from 'react-beautiful-dnd';
import { Id } from 'react-beautiful-dnd';
import { IdleState } from 'react-beautiful-dnd';
import { ImpactLocation } from 'react-beautiful-dnd';
import { InOutAnimationMode } from 'react-beautiful-dnd';
import { LiftEffect } from 'react-beautiful-dnd';
import { LiftRequest } from 'react-beautiful-dnd';
import { MovementMode } from 'react-beautiful-dnd';
import { NotDraggingStyle } from 'react-beautiful-dnd';
import { OnBeforeCaptureResponder } from 'react-beautiful-dnd';
import { OnBeforeDragStartResponder } from 'react-beautiful-dnd';
import { OnDragEndResponder } from 'react-beautiful-dnd';
import { OnDragStartResponder } from 'react-beautiful-dnd';
import { OnDragUpdateResponder } from 'react-beautiful-dnd';
import { PagePositions } from 'react-beautiful-dnd';
import { Placeholder } from 'react-beautiful-dnd';
import { PlaceholderInSubject } from 'react-beautiful-dnd';
import { Position } from 'react-beautiful-dnd';
import { PreDragActions } from 'react-beautiful-dnd';
import { Published } from 'react-beautiful-dnd';
import { ReactElement } from 'react';
import { ReactNode } from 'react';
import { Rect } from 'react-beautiful-dnd';
import { ReorderImpact } from 'react-beautiful-dnd';
import { ResponderProvided } from 'react-beautiful-dnd';
import { Responders } from 'react-beautiful-dnd';
import { Scrollable } from 'react-beautiful-dnd';
import { ScrollDetails } from 'react-beautiful-dnd';
import { ScrollDifference } from 'react-beautiful-dnd';
import { ScrollOptions as ScrollOptions_2 } from 'react-beautiful-dnd';
import { ScrollSize } from 'react-beautiful-dnd';
import { Sensor } from 'react-beautiful-dnd';
import { SensorAPI } from 'react-beautiful-dnd';
import { SnapDragActions } from 'react-beautiful-dnd';
import { Spacing } from 'react-beautiful-dnd';
import { State } from 'react-beautiful-dnd';
import { StateWhenUpdatesAllowed } from 'react-beautiful-dnd';
import { StopDragOptions } from 'react-beautiful-dnd';
import { TryGetLock } from 'react-beautiful-dnd';
import { TryGetLockOptions } from 'react-beautiful-dnd';
import { TypeId } from 'react-beautiful-dnd';
import { VerticalAxis } from 'react-beautiful-dnd';
import { Viewport } from 'react-beautiful-dnd';

export { Announce };

export { Axis };

export { BeforeCapture };

export { BoxModel };

export { ClientPositions };

export { CollectingState };

export { Combine };

export { CombineImpact };

export { CompletedDrag };

export { ContextId };

export { Critical };

export { DimensionMap };

export { Direction };

export { Displaced };

export { DisplacedBy };

export { Displacement };

export { DisplacementGroups };

export { DisplacementMap };

export { DragActions };

// @public (undocumented)
export function DragDropContext({
	children,
	dragHandleUsageInstructions,
	nonce,
	onBeforeCapture,
	onBeforeDragStart,
	onDragStart,
	onDragUpdate,
	onDragEnd,
}: DragDropContextProps & {
	children?: ReactNode;
}): ReactElement;

export { DragDropContextProps };

// @public (undocumented)
export function Draggable({
	children,
	draggableId,
	index,
	isDragDisabled,
	disableInteractiveElementBlocking,
}: DraggableProps): JSX.Element;

export { DraggableChildrenFn };

export { DraggableDescriptor };

export { DraggableDimension };

export { DraggableDimensionMap };

export { DraggableId };

export { DraggableIdMap };

export { DraggableLocation };

export { DraggableOptions };

export { DraggableProps };

export { DraggableProvided };

export { DraggableProvidedDraggableProps };

export { DraggableProvidedDragHandleProps };

export { DraggableRubric };

export { DraggableStateSnapshot };

export { DraggingState };

export { DraggingStyle };

export { DragImpact };

export { DragPositions };

export { DragStart };

export { DragUpdate };

export { DropAnimatingState };

export { DropAnimation };

// @public (undocumented)
export function Droppable({
	children,
	droppableId,
	type, // This default value replicates `react-beautiful-dnd`,
	direction,
	mode,
	renderClone,
	getContainerForClone,
	isDropDisabled,
}: DroppableProps): JSX.Element;

export { DroppableDescriptor };

export { DroppableDimension };

export { DroppableDimensionMap };

export { DroppableId };

export { DroppableIdMap };

export { DroppableMode };

export { DroppableProps };

export { DroppableProvided };

export { DroppableProvidedProps };

export { DroppablePublish };

export { DroppableStateSnapshot };

export { DroppableSubject };

export { DropPendingState };

export { DropReason };

export { DropResult };

export { ElementId };

export { FluidDragActions };

export { HorizontalAxis };

export { Id };

export { IdleState };

export { ImpactLocation };

export { InOutAnimationMode };

export { LiftEffect };

export { LiftRequest };

export { MovementMode };

export { NotDraggingStyle };

export { OnBeforeCaptureResponder };

export { OnBeforeDragStartResponder };

export { OnDragEndResponder };

export { OnDragStartResponder };

export { OnDragUpdateResponder };

export { PagePositions };

export { Placeholder };

export { PlaceholderInSubject };

export { Position };

export { PreDragActions };

export { Published };

export { Rect };

export { ReorderImpact };

// @public (undocumented)
export function resetServerContext(): void;

export { ResponderProvided };

export { Responders };

export { Scrollable };

export { ScrollDetails };

export { ScrollDifference };

export { ScrollOptions_2 as ScrollOptions };

export { ScrollSize };

export { Sensor };

export { SensorAPI };

export { SnapDragActions };

export { Spacing };

export { State };

export { StateWhenUpdatesAllowed };

export { StopDragOptions };

export { TryGetLock };

export { TryGetLockOptions };

export { TypeId };

export { VerticalAxis };

export { Viewport };

// (No @packageDocumentation comment for this package)
```

<!--SECTION END: Main Entry Types-->

### Peer Dependencies

<!--SECTION START: Peer Dependencies-->

```json
{
	"react": "^16.8.0",
	"react-dom": "^16.8.0"
}
```

<!--SECTION END: Peer Dependencies-->