@vue-dnd-kit/core 1.7.0 → 2.0.0-alpha2

package/dist/external/types/provider.d.ts

@@ -0,0 +1,64 @@
+import { IConstraintsAreaEntity, IDragPayload, IDraggableEntity, IDroppableEntity, IEntities, ISelectableAreaEntity, TDnDNode } from './entities';
+import { ICoordinates, TPointerState } from './pointer';
+import { IPlacement } from './placement';
+import { Component, ComputedRef, CSSProperties, Reactive, Ref, ShallowRef } from 'vue';
+/** Event object passed to drag/drop handlers */
+export interface IDragEvent<T = unknown, D = unknown> {
+  payload: IDragPayload<T, D> | undefined;
+  provider: IDnDProviderExternal;
+}
+
+/** Map element → placement for elements under cursor during drag */
+export type THoveredMap = Map<HTMLElement, IPlacement>;
+
+export interface IHovered {
+  draggable: THoveredMap;
+  droppable: THoveredMap;
+}
+
+export interface IDnDProviderExternal {
+  state: Ref<TDnDState | undefined>;
+  pointer: Ref<TPointerState | undefined>;
+  entities: Reactive<IEntities>;
+  keyboard: {
+    keys: {
+      pressedKeys: Ref<Set<string>>;
+      forDrag: string[];
+      forCancel: string[];
+      forDrop: string[];
+      forMove: string[];
+      forMoveFaster: string[];
+    };
+    step: number;
+    moveFaster: number;
+  };
+  scrollPosition: Reactive<ICoordinates>;
+  delay: Reactive<IDelay>;
+  distanceProgress: ComputedRef<number>;
+  overlay: {
+    ref: Ref<HTMLElement | null>;
+    style: ComputedRef<ICoordinates>;
+    size: Ref<DOMRect | null>;
+    render: Ref<Component | undefined>;
+  };
+  hovered: IHovered;
+  collision: {
+    run?: (provider: any) => {
+      elements: HTMLElement[];
+      zones: HTMLElement[];
+    };
+    throttle: Ref<number>;
+  };
+}
+
+export interface IDelay {
+  progress: number;
+  startTime: number;
+}
+
+export type TDnDState =
+  | 'dragging'
+  | 'selecting'
+  | 'activating'
+  | null
+  | undefined;