@lucasols/dnd-kit-core 0.1.4 → 0.2.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (139) hide show
  1. package/dist/index.d.ts +657 -12
  2. package/dist/index.js +2638 -7
  3. package/dist/index.js.map +1 -0
  4. package/package.json +21 -17
  5. package/dist/components/Accessibility/Accessibility.d.ts +0 -10
  6. package/dist/components/Accessibility/components/RestoreFocus.d.ts +0 -5
  7. package/dist/components/Accessibility/components/index.d.ts +0 -1
  8. package/dist/components/Accessibility/defaults.d.ts +0 -3
  9. package/dist/components/Accessibility/index.d.ts +0 -4
  10. package/dist/components/Accessibility/types.d.ts +0 -15
  11. package/dist/components/DndContext/DndContext.d.ts +0 -35
  12. package/dist/components/DndContext/defaults.d.ts +0 -13
  13. package/dist/components/DndContext/hooks/index.d.ts +0 -2
  14. package/dist/components/DndContext/hooks/useLayoutShiftScrollCompensation.d.ts +0 -14
  15. package/dist/components/DndContext/hooks/useMeasuringConfiguration.d.ts +0 -3
  16. package/dist/components/DndContext/index.d.ts +0 -3
  17. package/dist/components/DndContext/types.d.ts +0 -16
  18. package/dist/components/DndMonitor/context.d.ts +0 -3
  19. package/dist/components/DndMonitor/index.d.ts +0 -4
  20. package/dist/components/DndMonitor/types.d.ts +0 -14
  21. package/dist/components/DndMonitor/useDndMonitor.d.ts +0 -2
  22. package/dist/components/DndMonitor/useDndMonitorProvider.d.ts +0 -2
  23. package/dist/components/DragOverlay/DragOverlay.d.ts +0 -11
  24. package/dist/components/DragOverlay/components/AnimationManager/AnimationManager.d.ts +0 -8
  25. package/dist/components/DragOverlay/components/AnimationManager/index.d.ts +0 -2
  26. package/dist/components/DragOverlay/components/NullifiedContextProvider/NullifiedContextProvider.d.ts +0 -6
  27. package/dist/components/DragOverlay/components/NullifiedContextProvider/index.d.ts +0 -1
  28. package/dist/components/DragOverlay/components/PositionedOverlay/PositionedOverlay.d.ts +0 -18
  29. package/dist/components/DragOverlay/components/PositionedOverlay/index.d.ts +0 -2
  30. package/dist/components/DragOverlay/components/index.d.ts +0 -5
  31. package/dist/components/DragOverlay/hooks/index.d.ts +0 -3
  32. package/dist/components/DragOverlay/hooks/useDropAnimation.d.ts +0 -65
  33. package/dist/components/DragOverlay/hooks/useKey.d.ts +0 -2
  34. package/dist/components/DragOverlay/index.d.ts +0 -4
  35. package/dist/components/index.d.ts +0 -8
  36. package/dist/dnd-kit-core.cjs.development.js +0 -3924
  37. package/dist/dnd-kit-core.cjs.development.js.map +0 -1
  38. package/dist/dnd-kit-core.cjs.production.min.js +0 -2
  39. package/dist/dnd-kit-core.cjs.production.min.js.map +0 -1
  40. package/dist/dnd-kit-core.esm.js +0 -3903
  41. package/dist/dnd-kit-core.esm.js.map +0 -1
  42. package/dist/hooks/index.d.ts +0 -8
  43. package/dist/hooks/useDndContext.d.ts +0 -4
  44. package/dist/hooks/useDraggable.d.ts +0 -37
  45. package/dist/hooks/useDroppable.d.ts +0 -29
  46. package/dist/hooks/utilities/index.d.ts +0 -21
  47. package/dist/hooks/utilities/useAutoScroller.d.ts +0 -40
  48. package/dist/hooks/utilities/useCachedNode.d.ts +0 -3
  49. package/dist/hooks/utilities/useCombineActivators.d.ts +0 -3
  50. package/dist/hooks/utilities/useDragOverlayMeasuring.d.ts +0 -7
  51. package/dist/hooks/utilities/useDroppableMeasuring.d.ts +0 -27
  52. package/dist/hooks/utilities/useInitialRect.d.ts +0 -2
  53. package/dist/hooks/utilities/useInitialValue.d.ts +0 -3
  54. package/dist/hooks/utilities/useMutationObserver.d.ts +0 -10
  55. package/dist/hooks/utilities/useRect.d.ts +0 -2
  56. package/dist/hooks/utilities/useRectDelta.d.ts +0 -2
  57. package/dist/hooks/utilities/useRects.d.ts +0 -5
  58. package/dist/hooks/utilities/useResizeObserver.d.ts +0 -10
  59. package/dist/hooks/utilities/useScrollIntoViewIfNeeded.d.ts +0 -1
  60. package/dist/hooks/utilities/useScrollOffsets.d.ts +0 -2
  61. package/dist/hooks/utilities/useScrollOffsetsDelta.d.ts +0 -2
  62. package/dist/hooks/utilities/useScrollableAncestors.d.ts +0 -1
  63. package/dist/hooks/utilities/useSensorSetup.d.ts +0 -2
  64. package/dist/hooks/utilities/useSyntheticListeners.d.ts +0 -9
  65. package/dist/hooks/utilities/useWindowRect.d.ts +0 -1
  66. package/dist/modifiers/applyModifiers.d.ts +0 -3
  67. package/dist/modifiers/index.d.ts +0 -2
  68. package/dist/modifiers/types.d.ts +0 -17
  69. package/dist/sensors/events.d.ts +0 -11
  70. package/dist/sensors/index.d.ts +0 -11
  71. package/dist/sensors/keyboard/KeyboardSensor.d.ts +0 -27
  72. package/dist/sensors/keyboard/defaults.d.ts +0 -3
  73. package/dist/sensors/keyboard/index.d.ts +0 -4
  74. package/dist/sensors/keyboard/types.d.ts +0 -21
  75. package/dist/sensors/mouse/MouseSensor.d.ts +0 -13
  76. package/dist/sensors/mouse/index.d.ts +0 -2
  77. package/dist/sensors/pointer/AbstractPointerSensor.d.ts +0 -48
  78. package/dist/sensors/pointer/PointerSensor.d.ts +0 -13
  79. package/dist/sensors/pointer/index.d.ts +0 -4
  80. package/dist/sensors/touch/TouchSensor.d.ts +0 -14
  81. package/dist/sensors/touch/index.d.ts +0 -2
  82. package/dist/sensors/types.d.ts +0 -60
  83. package/dist/sensors/useSensor.d.ts +0 -2
  84. package/dist/sensors/useSensors.d.ts +0 -2
  85. package/dist/sensors/utilities/Listeners.d.ts +0 -7
  86. package/dist/sensors/utilities/getEventListenerTarget.d.ts +0 -1
  87. package/dist/sensors/utilities/hasExceededDistance.d.ts +0 -2
  88. package/dist/sensors/utilities/index.d.ts +0 -3
  89. package/dist/store/actions.d.ts +0 -36
  90. package/dist/store/constructors.d.ts +0 -10
  91. package/dist/store/context.d.ts +0 -6
  92. package/dist/store/index.d.ts +0 -4
  93. package/dist/store/reducer.d.ts +0 -4
  94. package/dist/store/types.d.ts +0 -98
  95. package/dist/types/coordinates.d.ts +0 -9
  96. package/dist/types/direction.d.ts +0 -4
  97. package/dist/types/events.d.ts +0 -21
  98. package/dist/types/index.d.ts +0 -6
  99. package/dist/types/other.d.ts +0 -1
  100. package/dist/types/react.d.ts +0 -3
  101. package/dist/types/rect.d.ts +0 -8
  102. package/dist/utilities/algorithms/closestCenter.d.ts +0 -6
  103. package/dist/utilities/algorithms/closestCorners.d.ts +0 -6
  104. package/dist/utilities/algorithms/helpers.d.ts +0 -24
  105. package/dist/utilities/algorithms/index.d.ts +0 -6
  106. package/dist/utilities/algorithms/pointerWithin.d.ts +0 -5
  107. package/dist/utilities/algorithms/rectIntersection.d.ts +0 -11
  108. package/dist/utilities/algorithms/types.d.ts +0 -20
  109. package/dist/utilities/coordinates/constants.d.ts +0 -2
  110. package/dist/utilities/coordinates/distanceBetweenPoints.d.ts +0 -5
  111. package/dist/utilities/coordinates/getRelativeTransformOrigin.d.ts +0 -2
  112. package/dist/utilities/coordinates/index.d.ts +0 -3
  113. package/dist/utilities/index.d.ts +0 -6
  114. package/dist/utilities/nodes/getMeasurableNode.d.ts +0 -1
  115. package/dist/utilities/nodes/index.d.ts +0 -1
  116. package/dist/utilities/other/index.d.ts +0 -1
  117. package/dist/utilities/other/noop.d.ts +0 -1
  118. package/dist/utilities/rect/Rect.d.ts +0 -11
  119. package/dist/utilities/rect/adjustScale.d.ts +0 -3
  120. package/dist/utilities/rect/getRect.d.ts +0 -25
  121. package/dist/utilities/rect/getRectDelta.d.ts +0 -2
  122. package/dist/utilities/rect/getWindowClientRect.d.ts +0 -2
  123. package/dist/utilities/rect/index.d.ts +0 -6
  124. package/dist/utilities/rect/rectAdjustment.d.ts +0 -3
  125. package/dist/utilities/scroll/documentScrollingElement.d.ts +0 -1
  126. package/dist/utilities/scroll/getScrollCoordinates.d.ts +0 -4
  127. package/dist/utilities/scroll/getScrollDirectionAndSpeed.d.ts +0 -17
  128. package/dist/utilities/scroll/getScrollElementRect.d.ts +0 -8
  129. package/dist/utilities/scroll/getScrollOffsets.d.ts +0 -4
  130. package/dist/utilities/scroll/getScrollPosition.d.ts +0 -14
  131. package/dist/utilities/scroll/getScrollableAncestors.d.ts +0 -2
  132. package/dist/utilities/scroll/getScrollableElement.d.ts +0 -1
  133. package/dist/utilities/scroll/index.d.ts +0 -10
  134. package/dist/utilities/scroll/isFixed.d.ts +0 -1
  135. package/dist/utilities/scroll/isScrollable.d.ts +0 -1
  136. package/dist/utilities/scroll/scrollIntoViewIfNeeded.d.ts +0 -2
  137. package/dist/utilities/transform/index.d.ts +0 -2
  138. package/dist/utilities/transform/inverseTransform.d.ts +0 -2
  139. package/dist/utilities/transform/parseTransform.d.ts +0 -2
@@ -1,35 +0,0 @@
1
- import React from 'react';
2
- import type { Transform } from '@lucasols/dnd-kit-utilities';
3
- import type { AutoScrollOptions } from '../../hooks/utilities';
4
- import type { SensorDescriptor } from '../../sensors';
5
- import { CollisionDetection } from '../../utilities';
6
- import { Modifiers } from '../../modifiers';
7
- import type { DragStartEvent, DragCancelEvent, DragEndEvent, DragMoveEvent, DragOverEvent } from '../../types';
8
- import { Announcements, ScreenReaderInstructions } from '../Accessibility';
9
- import type { MeasuringConfiguration } from './types';
10
- export interface Props {
11
- id?: string;
12
- accessibility?: {
13
- announcements?: Announcements;
14
- container?: Element;
15
- restoreFocus?: boolean;
16
- screenReaderInstructions?: ScreenReaderInstructions;
17
- };
18
- autoScroll?: boolean | AutoScrollOptions;
19
- cancelDrop?: CancelDrop;
20
- children?: React.ReactNode;
21
- collisionDetection?: CollisionDetection;
22
- measuring?: MeasuringConfiguration;
23
- modifiers?: Modifiers;
24
- sensors?: SensorDescriptor<any>[];
25
- onDragStart?(event: DragStartEvent): void;
26
- onDragMove?(event: DragMoveEvent): void;
27
- onDragOver?(event: DragOverEvent): void;
28
- onDragEnd?(event: DragEndEvent): void;
29
- onDragCancel?(event: DragCancelEvent): void;
30
- }
31
- export interface CancelDropArguments extends DragEndEvent {
32
- }
33
- export declare type CancelDrop = (args: CancelDropArguments) => boolean | Promise<boolean>;
34
- export declare const ActiveDraggableContext: React.Context<Transform>;
35
- export declare const DndContext: React.NamedExoticComponent<Props>;
@@ -1,13 +0,0 @@
1
- import type { DeepRequired } from '@lucasols/dnd-kit-utilities';
2
- import type { DataRef } from '../../store/types';
3
- import { KeyboardSensor, PointerSensor } from '../../sensors';
4
- import type { MeasuringConfiguration } from './types';
5
- export declare const defaultSensors: ({
6
- sensor: typeof PointerSensor;
7
- options: {};
8
- } | {
9
- sensor: typeof KeyboardSensor;
10
- options: {};
11
- })[];
12
- export declare const defaultData: DataRef;
13
- export declare const defaultMeasuringConfiguration: DeepRequired<MeasuringConfiguration>;
@@ -1,2 +0,0 @@
1
- export { useMeasuringConfiguration } from './useMeasuringConfiguration';
2
- export { useLayoutShiftScrollCompensation } from './useLayoutShiftScrollCompensation';
@@ -1,14 +0,0 @@
1
- import type { ClientRect } from '../../../types';
2
- import type { DraggableNode } from '../../../store';
3
- import type { MeasuringFunction } from '../types';
4
- interface Options {
5
- activeNode: DraggableNode | null | undefined;
6
- config: boolean | {
7
- x: boolean;
8
- y: boolean;
9
- } | undefined;
10
- initialRect: ClientRect | null;
11
- measure: MeasuringFunction;
12
- }
13
- export declare function useLayoutShiftScrollCompensation({ activeNode, measure, initialRect, config, }: Options): void;
14
- export {};
@@ -1,3 +0,0 @@
1
- import type { DeepRequired } from '@lucasols/dnd-kit-utilities';
2
- import type { MeasuringConfiguration } from '../types';
3
- export declare function useMeasuringConfiguration(config: MeasuringConfiguration | undefined): DeepRequired<MeasuringConfiguration>;
@@ -1,3 +0,0 @@
1
- export { ActiveDraggableContext, DndContext } from './DndContext';
2
- export type { CancelDrop, Props as DndContextProps } from './DndContext';
3
- export type { DraggableMeasuring, MeasuringConfiguration } from './types';
@@ -1,16 +0,0 @@
1
- import type { ClientRect } from '../../types';
2
- import type { DroppableMeasuring } from '../../hooks/utilities';
3
- export declare type MeasuringFunction = (node: HTMLElement) => ClientRect;
4
- interface Measuring {
5
- measure: MeasuringFunction;
6
- }
7
- export interface DraggableMeasuring extends Measuring {
8
- }
9
- export interface DragOverlayMeasuring extends Measuring {
10
- }
11
- export interface MeasuringConfiguration {
12
- draggable?: Partial<DraggableMeasuring>;
13
- droppable?: Partial<DroppableMeasuring>;
14
- dragOverlay?: Partial<DragOverlayMeasuring>;
15
- }
16
- export {};
@@ -1,3 +0,0 @@
1
- /// <reference types="react" />
2
- import type { RegisterListener } from './types';
3
- export declare const DndMonitorContext: import("react").Context<RegisterListener | null>;
@@ -1,4 +0,0 @@
1
- export { DndMonitorContext } from './context';
2
- export type { DndMonitorListener, DndMonitorEvent } from './types';
3
- export { useDndMonitor } from './useDndMonitor';
4
- export { useDndMonitorProvider } from './useDndMonitorProvider';
@@ -1,14 +0,0 @@
1
- import type { DragStartEvent, DragCancelEvent, DragEndEvent, DragMoveEvent, DragOverEvent } from '../../types';
2
- export interface DndMonitorListener {
3
- onDragStart?(event: DragStartEvent): void;
4
- onDragMove?(event: DragMoveEvent): void;
5
- onDragOver?(event: DragOverEvent): void;
6
- onDragEnd?(event: DragEndEvent): void;
7
- onDragCancel?(event: DragCancelEvent): void;
8
- }
9
- export interface DndMonitorEvent {
10
- type: keyof DndMonitorListener;
11
- event: DragStartEvent | DragMoveEvent | DragOverEvent | DragEndEvent | DragCancelEvent;
12
- }
13
- export declare type UnregisterListener = () => void;
14
- export declare type RegisterListener = (listener: DndMonitorListener) => UnregisterListener;
@@ -1,2 +0,0 @@
1
- import type { DndMonitorListener } from './types';
2
- export declare function useDndMonitor(listener: DndMonitorListener): void;
@@ -1,2 +0,0 @@
1
- import type { DndMonitorEvent } from './types';
2
- export declare function useDndMonitorProvider(): readonly [({ type, event }: DndMonitorEvent) => void, (listener: any) => () => boolean];
@@ -1,11 +0,0 @@
1
- import React from 'react';
2
- import { Modifiers } from '../../modifiers';
3
- import type { PositionedOverlayProps } from './components';
4
- import type { DropAnimation } from './hooks';
5
- export interface Props extends Pick<PositionedOverlayProps, 'adjustScale' | 'children' | 'className' | 'style' | 'transition'> {
6
- dropAnimation?: DropAnimation | null | undefined;
7
- modifiers?: Modifiers;
8
- wrapperElement?: keyof JSX.IntrinsicElements;
9
- zIndex?: number;
10
- }
11
- export declare const DragOverlay: React.MemoExoticComponent<({ adjustScale, children, dropAnimation: dropAnimationConfig, style, transition, modifiers, wrapperElement, className, zIndex, }: Props) => JSX.Element>;
@@ -1,8 +0,0 @@
1
- import React from 'react';
2
- import type { UniqueIdentifier } from '../../../../types';
3
- export declare type Animation = (key: UniqueIdentifier, node: HTMLElement) => Promise<void> | void;
4
- export interface Props {
5
- animation: Animation;
6
- children: React.ReactElement | null;
7
- }
8
- export declare function AnimationManager({ animation, children }: Props): JSX.Element;
@@ -1,2 +0,0 @@
1
- export { AnimationManager } from './AnimationManager';
2
- export type { Animation } from './AnimationManager';
@@ -1,6 +0,0 @@
1
- import React from 'react';
2
- interface Props {
3
- children: React.ReactNode;
4
- }
5
- export declare function NullifiedContextProvider({ children }: Props): JSX.Element;
6
- export {};
@@ -1 +0,0 @@
1
- export { NullifiedContextProvider } from './NullifiedContextProvider';
@@ -1,18 +0,0 @@
1
- import React from 'react';
2
- import type { Transform } from '@lucasols/dnd-kit-utilities';
3
- import type { ClientRect, UniqueIdentifier } from '../../../../types';
4
- declare type TransitionGetter = (activatorEvent: Event | null) => React.CSSProperties['transition'] | undefined;
5
- export interface Props {
6
- as: keyof JSX.IntrinsicElements;
7
- activatorEvent: Event | null;
8
- adjustScale?: boolean;
9
- children?: React.ReactNode;
10
- className?: string;
11
- id: UniqueIdentifier;
12
- rect: ClientRect | null;
13
- style?: React.CSSProperties;
14
- transition?: string | TransitionGetter;
15
- transform: Transform;
16
- }
17
- export declare const PositionedOverlay: React.ForwardRefExoticComponent<Props & React.RefAttributes<HTMLElement>>;
18
- export {};
@@ -1,2 +0,0 @@
1
- export { PositionedOverlay } from './PositionedOverlay';
2
- export type { Props as PositionedOverlayProps } from './PositionedOverlay';
@@ -1,5 +0,0 @@
1
- export { AnimationManager } from './AnimationManager';
2
- export type { Animation } from './AnimationManager';
3
- export { NullifiedContextProvider } from './NullifiedContextProvider';
4
- export { PositionedOverlay } from './PositionedOverlay';
5
- export type { PositionedOverlayProps } from './PositionedOverlay';
@@ -1,3 +0,0 @@
1
- export { useDropAnimation, defaultDropAnimationConfiguration as defaultDropAnimation, defaultDropAnimationSideEffects, } from './useDropAnimation';
2
- export type { DropAnimation, DropAnimationFunction, DropAnimationFunctionArguments, KeyframeResolver as DropAnimationKeyframeResolver, DropAnimationSideEffects, } from './useDropAnimation';
3
- export { useKey } from './useKey';
@@ -1,65 +0,0 @@
1
- import type { DeepRequired, Transform } from '@lucasols/dnd-kit-utilities';
2
- import type { Active, DraggableNodes, DroppableContainers } from '../../../store';
3
- import type { ClientRect, UniqueIdentifier } from '../../../types';
4
- import type { MeasuringConfiguration } from '../../DndContext';
5
- interface SharedParameters {
6
- active: {
7
- id: UniqueIdentifier;
8
- data: Active['data'];
9
- node: HTMLElement;
10
- rect: ClientRect;
11
- };
12
- dragOverlay: {
13
- node: HTMLElement;
14
- rect: ClientRect;
15
- };
16
- draggableNodes: DraggableNodes;
17
- droppableContainers: DroppableContainers;
18
- measuringConfiguration: DeepRequired<MeasuringConfiguration>;
19
- }
20
- export interface KeyframeResolverParameters extends SharedParameters {
21
- transform: {
22
- initial: Transform;
23
- final: Transform;
24
- };
25
- }
26
- export declare type KeyframeResolver = (parameters: KeyframeResolverParameters) => Keyframe[];
27
- export interface DropAnimationOptions {
28
- keyframes?: KeyframeResolver;
29
- duration?: number;
30
- easing?: string;
31
- sideEffects?: DropAnimationSideEffects | null;
32
- }
33
- export declare type DropAnimation = DropAnimationFunction | DropAnimationOptions;
34
- interface Arguments {
35
- draggableNodes: DraggableNodes;
36
- droppableContainers: DroppableContainers;
37
- measuringConfiguration: DeepRequired<MeasuringConfiguration>;
38
- config?: DropAnimation | null;
39
- }
40
- export interface DropAnimationFunctionArguments extends SharedParameters {
41
- transform: Transform;
42
- }
43
- export declare type DropAnimationFunction = (args: DropAnimationFunctionArguments) => Promise<void> | void;
44
- declare type CleanupFunction = () => void;
45
- export interface DropAnimationSideEffectsParameters extends SharedParameters {
46
- }
47
- export declare type DropAnimationSideEffects = (parameters: DropAnimationSideEffectsParameters) => CleanupFunction | void;
48
- declare type ExtractStringProperties<T> = {
49
- [K in keyof T]?: T[K] extends string ? string : never;
50
- };
51
- declare type Styles = ExtractStringProperties<CSSStyleDeclaration>;
52
- interface DefaultDropAnimationSideEffectsOptions {
53
- className?: {
54
- active?: string;
55
- dragOverlay?: string;
56
- };
57
- styles?: {
58
- active?: Styles;
59
- dragOverlay?: Styles;
60
- };
61
- }
62
- export declare const defaultDropAnimationSideEffects: (options: DefaultDropAnimationSideEffectsOptions) => DropAnimationSideEffects;
63
- export declare const defaultDropAnimationConfiguration: Required<DropAnimationOptions>;
64
- export declare function useDropAnimation({ config, draggableNodes, droppableContainers, measuringConfiguration, }: Arguments): (...args: any) => any;
65
- export {};
@@ -1,2 +0,0 @@
1
- import type { UniqueIdentifier } from '../../../types';
2
- export declare function useKey(id: UniqueIdentifier | undefined): number | undefined;
@@ -1,4 +0,0 @@
1
- export { DragOverlay } from './DragOverlay';
2
- export type { Props } from './DragOverlay';
3
- export { defaultDropAnimation, defaultDropAnimationSideEffects } from './hooks';
4
- export type { DropAnimation, DropAnimationFunction, DropAnimationFunctionArguments, DropAnimationKeyframeResolver, DropAnimationSideEffects, } from './hooks';
@@ -1,8 +0,0 @@
1
- export { defaultAnnouncements, defaultScreenReaderInstructions, } from './Accessibility';
2
- export type { Announcements, ScreenReaderInstructions } from './Accessibility';
3
- export { DndContext } from './DndContext';
4
- export type { CancelDrop, DndContextProps, DraggableMeasuring, MeasuringConfiguration, } from './DndContext';
5
- export { useDndMonitor } from './DndMonitor';
6
- export type { DndMonitorListener } from './DndMonitor';
7
- export { DragOverlay, defaultDropAnimation, defaultDropAnimationSideEffects, } from './DragOverlay';
8
- export type { DropAnimation, DropAnimationFunction, DropAnimationFunctionArguments, DropAnimationKeyframeResolver, DropAnimationSideEffects, Props as DragOverlayProps, } from './DragOverlay';