@lucasols/dnd-kit-core 0.1.4 → 0.2.0

package/dist/store/index.d.ts

@@ -1,4 +0,0 @@
-export { Action } from './actions';
-export { PublicContext, InternalContext, defaultInternalContext, } from './context';
-export { reducer, getInitialState } from './reducer';
-export type { Active, Data, DataRef, DraggableElement, DraggableNode, DraggableNodes, DroppableContainer, DroppableContainers, PublicContextDescriptor, InternalContextDescriptor, RectMap, Over, State, } from './types';

package/dist/store/reducer.d.ts

@@ -1,4 +0,0 @@
-import { Actions } from './actions';
-import type { State } from './types';
-export declare function getInitialState(): State;
-export declare function reducer(state: State, action: Actions): State;

package/dist/store/types.d.ts

@@ -1,98 +0,0 @@
-import type { MutableRefObject } from 'react';
-import type { DeepRequired } from '@lucasols/dnd-kit-utilities';
-import type { SyntheticListeners } from '../hooks/utilities';
-import type { Collision } from '../utilities/algorithms';
-import type { MeasuringConfiguration } from '../components';
-import type { Coordinates, ClientRect, UniqueIdentifier } from '../types';
-import type { Actions } from './actions';
-import type { DroppableContainersMap } from './constructors';
-export interface DraggableElement {
-    node: DraggableNode;
-    id: UniqueIdentifier;
-    index: number;
-    collection: string;
-    disabled: boolean;
-}
-declare type AnyData = Record<string, any>;
-export declare type Data<T = AnyData> = T & AnyData;
-export declare type DataRef<T = AnyData> = MutableRefObject<Data<T> | undefined>;
-export interface DroppableContainer {
-    id: UniqueIdentifier;
-    key: UniqueIdentifier;
-    data: DataRef;
-    disabled: boolean;
-    node: MutableRefObject<HTMLElement | null>;
-    rect: MutableRefObject<ClientRect | null>;
-}
-export interface Active {
-    id: UniqueIdentifier;
-    data: DataRef;
-    rect: MutableRefObject<{
-        initial: ClientRect | null;
-        translated: ClientRect | null;
-    }>;
-}
-export interface Over {
-    id: UniqueIdentifier;
-    rect: ClientRect;
-    disabled: boolean;
-    data: DataRef;
-}
-export declare type DraggableNode = {
-    id: UniqueIdentifier;
-    key: UniqueIdentifier;
-    node: MutableRefObject<HTMLElement | null>;
-    activatorNode: MutableRefObject<HTMLElement | null>;
-    data: DataRef;
-};
-export declare type DraggableNodes = Map<UniqueIdentifier, DraggableNode | undefined>;
-export declare type DroppableContainers = DroppableContainersMap;
-export declare type RectMap = Map<UniqueIdentifier, ClientRect>;
-export interface State {
-    droppable: {
-        containers: DroppableContainers;
-    };
-    draggable: {
-        active: UniqueIdentifier | null;
-        initialCoordinates: Coordinates;
-        nodes: DraggableNodes;
-        translate: Coordinates;
-    };
-}
-export interface PublicContextDescriptor {
-    activatorEvent: Event | null;
-    active: Active | null;
-    activeNode: HTMLElement | null;
-    activeNodeRect: ClientRect | null;
-    collisions: Collision[] | null;
-    containerNodeRect: ClientRect | null;
-    draggableNodes: DraggableNodes;
-    droppableContainers: DroppableContainers;
-    droppableRects: RectMap;
-    over: Over | null;
-    dragOverlay: {
-        nodeRef: MutableRefObject<HTMLElement | null>;
-        rect: ClientRect | null;
-        setRef: (element: HTMLElement | null) => void;
-    };
-    scrollableAncestors: Element[];
-    scrollableAncestorRects: ClientRect[];
-    measuringConfiguration: DeepRequired<MeasuringConfiguration>;
-    measureDroppableContainers(ids: UniqueIdentifier[]): void;
-    measuringScheduled: boolean;
-    windowRect: ClientRect | null;
-}
-export interface InternalContextDescriptor {
-    activatorEvent: Event | null;
-    activators: SyntheticListeners;
-    active: Active | null;
-    activeNodeRect: ClientRect | null;
-    ariaDescribedById: {
-        draggable: string;
-    };
-    dispatch: React.Dispatch<Actions>;
-    draggableNodes: DraggableNodes;
-    over: Over | null;
-    measureDroppableContainers(ids: UniqueIdentifier[]): void;
-}
-export {};

package/dist/types/coordinates.d.ts

@@ -1,9 +0,0 @@
-import type { Coordinates } from '@lucasols/dnd-kit-utilities';
-export type { Coordinates };
-export declare type DistanceMeasurement = number | Coordinates | Pick<Coordinates, 'x'> | Pick<Coordinates, 'y'>;
-export declare type Translate = Coordinates;
-export interface ScrollCoordinates {
-    initial: Coordinates;
-    current: Coordinates;
-    delta: Coordinates;
-}

package/dist/types/direction.d.ts

@@ -1,4 +0,0 @@
-export declare enum Direction {
-    Forward = 1,
-    Backward = -1
-}

package/dist/types/events.d.ts

@@ -1,21 +0,0 @@
-import type { Active, Over } from '../store';
-import type { Collision } from '../utilities/algorithms';
-import type { Translate } from './coordinates';
-interface DragEvent {
-    activatorEvent: Event;
-    active: Active;
-    collisions: Collision[] | null;
-    delta: Translate;
-    over: Over | null;
-}
-export interface DragStartEvent extends Pick<DragEvent, 'active'> {
-}
-export interface DragMoveEvent extends DragEvent {
-}
-export interface DragOverEvent extends DragMoveEvent {
-}
-export interface DragEndEvent extends DragEvent {
-}
-export interface DragCancelEvent extends DragEndEvent {
-}
-export {};

package/dist/types/index.d.ts

@@ -1,6 +0,0 @@
-export type { Coordinates, DistanceMeasurement, Translate, ScrollCoordinates, } from './coordinates';
-export { Direction } from './direction';
-export type { DragStartEvent, DragCancelEvent, DragEndEvent, DragMoveEvent, DragOverEvent, } from './events';
-export type { UniqueIdentifier } from './other';
-export type { SyntheticEventName } from './react';
-export type { ClientRect } from './rect';

package/dist/types/other.d.ts

@@ -1 +0,0 @@
-export declare type UniqueIdentifier = string | number;

package/dist/types/react.d.ts

@@ -1,3 +0,0 @@
-/// <reference types="react" />
-import type { Without } from '@lucasols/dnd-kit-utilities';
-export declare type SyntheticEventName = keyof Without<React.DOMAttributes<any>, 'children' | 'dangerouslySetInnerHTML'>;

package/dist/types/rect.d.ts

@@ -1,8 +0,0 @@
-export interface ClientRect {
-    width: number;
-    height: number;
-    top: number;
-    left: number;
-    right: number;
-    bottom: number;
-}

package/dist/utilities/algorithms/closestCenter.d.ts

@@ -1,6 +0,0 @@
-import type { CollisionDetection } from './types';
-/**
- * Returns the closest rectangles from an array of rectangles to the center of a given
- * rectangle.
- */
-export declare const closestCenter: CollisionDetection;

package/dist/utilities/algorithms/closestCorners.d.ts

@@ -1,6 +0,0 @@
-import type { CollisionDetection } from './types';
-/**
- * Returns the closest rectangles from an array of rectangles to the corners of
- * another rectangle.
- */
-export declare const closestCorners: CollisionDetection;

package/dist/utilities/algorithms/helpers.d.ts

@@ -1,24 +0,0 @@
-import type { ClientRect } from '../../types';
-import type { Collision, CollisionDescriptor } from './types';
-/**
- * Sort collisions from smallest to greatest value
- */
-export declare function sortCollisionsAsc({ data: { value: a } }: CollisionDescriptor, { data: { value: b } }: CollisionDescriptor): number;
-/**
- * Sort collisions from greatest to smallest value
- */
-export declare function sortCollisionsDesc({ data: { value: a } }: CollisionDescriptor, { data: { value: b } }: CollisionDescriptor): number;
-/**
- * Returns the coordinates of the corners of a given rectangle:
- * [TopLeft {x, y}, TopRight {x, y}, BottomLeft {x, y}, BottomRight {x, y}]
- */
-export declare function cornersOfRectangle({ left, top, height, width }: ClientRect): {
-    x: number;
-    y: number;
-}[];
-/**
- * Returns the first collision, or null if there isn't one.
- * If a property is specified, returns the specified property of the first collision.
- */
-export declare function getFirstCollision(collisions: Collision[] | null | undefined): Collision | null;
-export declare function getFirstCollision<T extends keyof Collision>(collisions: Collision[] | null | undefined, property: T): Collision[T] | null;

package/dist/utilities/algorithms/index.d.ts

@@ -1,6 +0,0 @@
-export { closestCenter } from './closestCenter';
-export { closestCorners } from './closestCorners';
-export { rectIntersection } from './rectIntersection';
-export { pointerWithin } from './pointerWithin';
-export type { Collision, CollisionDescriptor, CollisionDetection } from './types';
-export { getFirstCollision } from './helpers';

package/dist/utilities/algorithms/pointerWithin.d.ts

@@ -1,5 +0,0 @@
-import type { CollisionDetection } from './types';
-/**
- * Returns the rectangles that the pointer is hovering over
- */
-export declare const pointerWithin: CollisionDetection;

package/dist/utilities/algorithms/rectIntersection.d.ts

@@ -1,11 +0,0 @@
-import type { ClientRect } from '../../types';
-import type { CollisionDetection } from './types';
-/**
- * Returns the intersecting rectangle area between two rectangles
- */
-export declare function getIntersectionRatio(entry: ClientRect, target: ClientRect): number;
-/**
- * Returns the rectangles that has the greatest intersection area with a given
- * rectangle in an array of rectangles.
- */
-export declare const rectIntersection: CollisionDetection;

package/dist/utilities/algorithms/types.d.ts

@@ -1,20 +0,0 @@
-import type { Active, Data, DroppableContainer, RectMap } from '../../store';
-import type { Coordinates, ClientRect, UniqueIdentifier } from '../../types';
-export interface Collision {
-    id: UniqueIdentifier;
-    data?: Data;
-}
-export interface CollisionDescriptor extends Collision {
-    data: {
-        droppableContainer: DroppableContainer;
-        value: number;
-        [key: string]: any;
-    };
-}
-export declare type CollisionDetection = (args: {
-    active: Active;
-    collisionRect: ClientRect;
-    droppableRects: RectMap;
-    droppableContainers: DroppableContainer[];
-    pointerCoordinates: Coordinates | null;
-}) => Collision[];

package/dist/utilities/coordinates/constants.d.ts

@@ -1,2 +0,0 @@
-import type { Coordinates } from '../../types';
-export declare const defaultCoordinates: Coordinates;

package/dist/utilities/coordinates/distanceBetweenPoints.d.ts

@@ -1,5 +0,0 @@
-import type { Coordinates } from '../../types';
-/**
- * Returns the distance between two points
- */
-export declare function distanceBetween(p1: Coordinates, p2: Coordinates): number;

package/dist/utilities/coordinates/getRelativeTransformOrigin.d.ts

@@ -1,2 +0,0 @@
-import type { ClientRect } from '../../types';
-export declare function getRelativeTransformOrigin(event: MouseEvent | TouchEvent | KeyboardEvent, rect: ClientRect): string;

package/dist/utilities/coordinates/index.d.ts

@@ -1,3 +0,0 @@
-export { defaultCoordinates } from './constants';
-export { distanceBetween } from './distanceBetweenPoints';
-export { getRelativeTransformOrigin } from './getRelativeTransformOrigin';

package/dist/utilities/index.d.ts

@@ -1,6 +0,0 @@
-export { closestCenter, closestCorners, rectIntersection, getFirstCollision, pointerWithin, } from './algorithms';
-export type { Collision, CollisionDescriptor, CollisionDetection, } from './algorithms';
-export { defaultCoordinates, distanceBetween, getRelativeTransformOrigin, } from './coordinates';
-export { Rect, adjustScale, getAdjustedRect, getClientRect, getTransformAgnosticClientRect, getWindowClientRect, getRectDelta, } from './rect';
-export { noop } from './other';
-export { getFirstScrollableAncestor, getScrollableAncestors, getScrollableElement, getScrollCoordinates, getScrollDirectionAndSpeed, getScrollElementRect, getScrollOffsets, getScrollPosition, isDocumentScrollingElement, } from './scroll';

package/dist/utilities/nodes/getMeasurableNode.d.ts

@@ -1 +0,0 @@
-export declare function getMeasurableNode(node: HTMLElement | undefined | null): HTMLElement | null;

package/dist/utilities/nodes/index.d.ts

@@ -1 +0,0 @@
-export { getMeasurableNode } from './getMeasurableNode';

package/dist/utilities/other/index.d.ts

@@ -1 +0,0 @@
-export { noop } from './noop';

package/dist/utilities/other/noop.d.ts

@@ -1 +0,0 @@
-export declare function noop(..._args: any): void;

package/dist/utilities/rect/Rect.d.ts

@@ -1,11 +0,0 @@
-import type { ClientRect } from '../../types/rect';
-export declare class Rect {
-    constructor(rect: ClientRect, element: Element);
-    private rect;
-    width: number;
-    height: number;
-    top: number;
-    bottom: number;
-    right: number;
-    left: number;
-}

package/dist/utilities/rect/adjustScale.d.ts

@@ -1,3 +0,0 @@
-import type { Transform } from '@lucasols/dnd-kit-utilities';
-import type { ClientRect } from '../../types';
-export declare function adjustScale(transform: Transform, rect1: ClientRect | null, rect2: ClientRect | null): Transform;

package/dist/utilities/rect/getRect.d.ts

@@ -1,25 +0,0 @@
-import type { ClientRect } from '../../types';
-interface Options {
-    ignoreTransform?: boolean;
-}
-/**
- * Returns the bounding client rect of an element relative to the viewport.
- */
-export declare function getClientRect(element: Element, options?: Options): {
-    top: number;
-    left: number;
-    width: number;
-    height: number;
-    bottom: number;
-    right: number;
-};
-/**
- * Returns the bounding client rect of an element relative to the viewport.
- *
- * @remarks
- * The ClientRect returned by this method does not take into account transforms
- * applied to the element it measures.
- *
- */
-export declare function getTransformAgnosticClientRect(element: Element): ClientRect;
-export {};

package/dist/utilities/rect/getRectDelta.d.ts

@@ -1,2 +0,0 @@
-import type { Coordinates, ClientRect } from '../../types';
-export declare function getRectDelta(rect1: ClientRect | null, rect2: ClientRect | null): Coordinates;

package/dist/utilities/rect/getWindowClientRect.d.ts

@@ -1,2 +0,0 @@
-import type { ClientRect } from '../../types';
-export declare function getWindowClientRect(element: typeof window): ClientRect;

package/dist/utilities/rect/index.d.ts

@@ -1,6 +0,0 @@
-export { adjustScale } from './adjustScale';
-export { getRectDelta } from './getRectDelta';
-export { getAdjustedRect } from './rectAdjustment';
-export { getClientRect, getTransformAgnosticClientRect } from './getRect';
-export { getWindowClientRect } from './getWindowClientRect';
-export { Rect } from './Rect';

package/dist/utilities/rect/rectAdjustment.d.ts

@@ -1,3 +0,0 @@
-import type { Coordinates, ClientRect } from '../../types';
-export declare function createRectAdjustmentFn(modifier: number): (rect: ClientRect, ...adjustments: Coordinates[]) => ClientRect;
-export declare const getAdjustedRect: (rect: ClientRect, ...adjustments: Coordinates[]) => ClientRect;

package/dist/utilities/scroll/documentScrollingElement.d.ts

@@ -1 +0,0 @@
-export declare function isDocumentScrollingElement(element: Element | null): boolean;

package/dist/utilities/scroll/getScrollCoordinates.d.ts

@@ -1,4 +0,0 @@
-import type { Coordinates } from '../../types';
-export declare function getScrollXCoordinate(element: Element | typeof window): number;
-export declare function getScrollYCoordinate(element: Element | typeof window): number;
-export declare function getScrollCoordinates(element: Element | typeof window): Coordinates;

package/dist/utilities/scroll/getScrollDirectionAndSpeed.d.ts

@@ -1,17 +0,0 @@
-import { ClientRect } from '../../types';
-interface PositionalCoordinates extends Pick<ClientRect, 'top' | 'left' | 'right' | 'bottom'> {
-}
-export declare function getScrollDirectionAndSpeed(scrollContainer: Element, scrollContainerRect: ClientRect, { top, left, right, bottom }: PositionalCoordinates, acceleration?: number, thresholdPercentage?: {
-    x: number;
-    y: number;
-}): {
-    direction: {
-        x: number;
-        y: number;
-    };
-    speed: {
-        x: number;
-        y: number;
-    };
-};
-export {};

package/dist/utilities/scroll/getScrollElementRect.d.ts

@@ -1,8 +0,0 @@
-export declare function getScrollElementRect(element: Element): {
-    top: number;
-    left: number;
-    right: number;
-    bottom: number;
-    width: number;
-    height: number;
-};

package/dist/utilities/scroll/getScrollOffsets.d.ts

@@ -1,4 +0,0 @@
-import type { Coordinates } from '../../types';
-export declare function getScrollOffsets(scrollableAncestors: Element[]): Coordinates;
-export declare function getScrollXOffset(scrollableAncestors: Element[]): number;
-export declare function getScrollYOffset(scrollableAncestors: Element[]): number;

package/dist/utilities/scroll/getScrollPosition.d.ts

@@ -1,14 +0,0 @@
-export declare function getScrollPosition(scrollingContainer: Element): {
-    isTop: boolean;
-    isLeft: boolean;
-    isBottom: boolean;
-    isRight: boolean;
-    maxScroll: {
-        x: number;
-        y: number;
-    };
-    minScroll: {
-        x: number;
-        y: number;
-    };
-};

package/dist/utilities/scroll/getScrollableAncestors.d.ts

@@ -1,2 +0,0 @@
-export declare function getScrollableAncestors(element: Node | null, limit?: number): Element[];
-export declare function getFirstScrollableAncestor(node: Node | null): Element | null;

package/dist/utilities/scroll/getScrollableElement.d.ts

@@ -1 +0,0 @@
-export declare function getScrollableElement(element: EventTarget | null): (Window & typeof globalThis) | HTMLElement | null;

package/dist/utilities/scroll/index.d.ts

@@ -1,10 +0,0 @@
-export { getFirstScrollableAncestor, getScrollableAncestors, } from './getScrollableAncestors';
-export { getScrollableElement } from './getScrollableElement';
-export { getScrollCoordinates } from './getScrollCoordinates';
-export { getScrollDirectionAndSpeed } from './getScrollDirectionAndSpeed';
-export { getScrollElementRect } from './getScrollElementRect';
-export { getScrollOffsets, getScrollXOffset, getScrollYOffset, } from './getScrollOffsets';
-export { getScrollPosition } from './getScrollPosition';
-export { isDocumentScrollingElement } from './documentScrollingElement';
-export { isScrollable } from './isScrollable';
-export { scrollIntoViewIfNeeded } from './scrollIntoViewIfNeeded';

package/dist/utilities/scroll/isFixed.d.ts

@@ -1 +0,0 @@
-export declare function isFixed(node: HTMLElement, computedStyle?: CSSStyleDeclaration): boolean;

package/dist/utilities/scroll/isScrollable.d.ts

@@ -1 +0,0 @@
-export declare function isScrollable(element: HTMLElement, computedStyle?: CSSStyleDeclaration): boolean;

package/dist/utilities/scroll/scrollIntoViewIfNeeded.d.ts

@@ -1,2 +0,0 @@
-import type { ClientRect } from '../../types';
-export declare function scrollIntoViewIfNeeded(element: HTMLElement | null | undefined, measure?: (node: HTMLElement) => ClientRect): void;

package/dist/utilities/transform/index.d.ts

@@ -1,2 +0,0 @@
-export { inverseTransform } from './inverseTransform';
-export { parseTransform } from './parseTransform';

package/dist/utilities/transform/inverseTransform.d.ts

@@ -1,2 +0,0 @@
-import type { ClientRect } from '../../types';
-export declare function inverseTransform(rect: ClientRect, transform: string, transformOrigin: string): ClientRect;

package/dist/utilities/transform/parseTransform.d.ts

@@ -1,2 +0,0 @@
-import type { Transform } from '@lucasols/dnd-kit-utilities';
-export declare function parseTransform(transform: string): Transform | null;