@vuu-ui/vuu-ui-controls 2.1.18 → 2.1.19-beta.2

package/esm/drag-drop/useDragDrop.js

@@ -1,502 +0,0 @@
-import { jsx } from 'react/jsx-runtime';
-import { dispatchCustomEvent } from '@vuu-ui/vuu-utils';
-import { useRef, useState, useCallback, useLayoutEffect, useEffect } from 'react';
-import { useDragDropProvider } from './DragDropProvider.js';
-import { DragDropState } from './DragDropState.js';
-import { Draggable } from './Draggable.js';
-import { dimensions, getScrollableContainer, isContainerScrollable, cloneElement, constrainRect, NOT_OVERFLOWED } from './drop-target-utils.js';
-import { useAutoScroll } from './useAutoScroll.js';
-import { useDragDropCopy, NULL_DROP_OPTIONS } from './useDragDropCopy.js';
-import { useDragDropIndicator } from './useDragDropIndicator.js';
-import { useDragDropNaturalMovement } from './useDragDropNaturalMovement.js';
-import { isOverflowElement } from '../utils/isOverflowElement.js';
-
-const NULL_DRAG_DROP_RESULT = {
-  beginDrag: () => void 0,
-  drag: () => void 0,
-  draggableRef: { current: null },
-  drop: () => NULL_DROP_OPTIONS,
-  isDragging: false,
-  isScrolling: false,
-  handleScrollStart: () => void 0,
-  handleScrollStop: () => void 0,
-  revealOverflowedItems: false
-};
-const UNBOUNDED = {
-  start: 0,
-  end: 1e3,
-  contraStart: 0,
-  contraEnd: 1e3
-};
-const noDragDrop = () => NULL_DRAG_DROP_RESULT;
-const dragThreshold = 3;
-const getDraggableElement = (el, query) => el?.closest(query);
-const getLastElement = (container, itemQuery) => {
-  const fullItemQuery = `:is(${itemQuery}${NOT_OVERFLOWED},.vuuOverflowContainer-OverflowIndicator)`;
-  const childElements = Array.from(container.querySelectorAll(fullItemQuery));
-  const lastElement = childElements.pop();
-  return [lastElement, isOverflowElement(lastElement)];
-};
-const useDragDrop = ({
-  allowDragDrop,
-  containerRef,
-  draggableClassName,
-  getDragPayload,
-  id,
-  itemQuery = "*",
-  onDragStart,
-  onDrop,
-  onDropSettle,
-  orientation,
-  scrollingContainerRef,
-  ...dragDropProps
-}) => {
-  const dragBoundaries = useRef({
-    start: 0,
-    end: 0,
-    contraStart: 0,
-    contraEnd: 0
-  });
-  const [draggableStatus, setDraggableStatus] = useState({
-    draggable: void 0,
-    draggedItemIndex: -1,
-    isDragging: false
-  });
-  const dragDropStateRef = useRef(null);
-  const mouseDownTimer = useRef(null);
-  const isScrollableRef = useRef(false);
-  const mousedownElementRef = useRef(null);
-  const mousePosRef = useRef({ x: 0, y: 0 });
-  const startPosRef = useRef({ x: 0, y: 0 });
-  const settlingItemRef = useRef(null);
-  const scrollableContainerRef = useRef(null);
-  const dropPosRef = useRef(-1);
-  const dropIndexRef = useRef(-1);
-  const handleScrollStopRef = useRef(void 0);
-  const {
-    isDragSource,
-    isDropTarget,
-    onDragOut,
-    onEndOfDragOperation,
-    register
-  } = useDragDropProvider(id);
-  const dragMouseMoveHandlerRef = useRef(void 0);
-  const dragMouseUpHandlerRef = useRef(void 0);
-  const attachDragHandlers = useCallback(() => {
-    const { current: dragMove } = dragMouseMoveHandlerRef;
-    const { current: dragUp } = dragMouseUpHandlerRef;
-    if (dragMove && dragUp) {
-      document.addEventListener("mousemove", dragMove, false);
-      document.addEventListener("mouseup", dragUp, false);
-    }
-  }, []);
-  const removeDragHandlers = useCallback(() => {
-    const { current: dragMove } = dragMouseMoveHandlerRef;
-    const { current: dragUp } = dragMouseUpHandlerRef;
-    if (dragMove && dragUp) {
-      document.removeEventListener("mousemove", dragMove, false);
-      document.removeEventListener("mouseup", dragUp, false);
-    }
-  }, []);
-  const setDragBoundaries = useCallback(
-    (containerRect, draggableRect) => {
-      const { current: container } = containerRef;
-      if (container) {
-        const [lastElement, lastItemIsOverflowIndicator] = getLastElement(
-          container,
-          itemQuery
-        );
-        const { CONTRA, CONTRA_END, DIMENSION, END, START } = dimensions(orientation);
-        const draggableSize = draggableRect[DIMENSION];
-        const { [START]: lastItemStart, [END]: lastItemEnd } = lastElement.getBoundingClientRect();
-        dragBoundaries.current.start = containerRect[START];
-        dragBoundaries.current.end = lastItemIsOverflowIndicator ? Math.max(lastItemStart, containerRect.right - draggableSize) : isScrollableRef.current ? containerRect[START] + containerRect[DIMENSION] - draggableSize : lastItemEnd - draggableSize;
-        dragBoundaries.current.contraStart = containerRect[CONTRA];
-        dragBoundaries.current.contraEnd = containerRect[CONTRA_END];
-      }
-    },
-    [containerRef, itemQuery, orientation]
-  );
-  const terminateDrag = useCallback(() => {
-    const { current: settlingItem2 } = settlingItemRef;
-    settlingItemRef.current = null;
-    const { current: toIndex } = dropIndexRef;
-    const droppedItem = containerRef.current?.querySelector(
-      `${itemQuery}[data-index="${toIndex}"]`
-    );
-    if (droppedItem) {
-      droppedItem.classList.remove("vuuDropTarget-settling");
-    }
-    dropIndexRef.current = -1;
-    onDropSettle?.(toIndex);
-    setDraggableStatus((status) => ({
-      ...status,
-      draggable: void 0
-    }));
-    if (settlingItem2) {
-      dispatchCustomEvent(settlingItem2, "vuu-dropped");
-    }
-  }, [containerRef, itemQuery, onDropSettle]);
-  const getScrollDirection = useCallback(
-    (mousePos) => {
-      if (scrollableContainerRef.current && dragDropStateRef.current) {
-        const { mouseOffset } = dragDropStateRef.current;
-        const { POS, SCROLL_POS, SCROLL_SIZE, CLIENT_SIZE } = dimensions(orientation);
-        const {
-          [SCROLL_POS]: scrollPos,
-          [SCROLL_SIZE]: scrollSize,
-          [CLIENT_SIZE]: clientSize
-        } = scrollableContainerRef.current;
-        const maxScroll = scrollSize - clientSize;
-        const canScrollFwd = scrollPos < maxScroll;
-        const viewportEnd = dragBoundaries.current.end;
-        const bwd = scrollPos > 0 && mousePos - mouseOffset[POS] <= dragBoundaries.current.start;
-        const fwd = canScrollFwd && mousePos - mouseOffset[POS] >= viewportEnd;
-        return bwd ? "bwd" : fwd ? "fwd" : "";
-      }
-    },
-    [scrollableContainerRef, orientation]
-  );
-  const useDragDropHook = allowDragDrop === true || allowDragDrop === "natural-movement" ? useDragDropNaturalMovement : allowDragDrop === "drop-indicator" ? useDragDropIndicator : allowDragDrop === "drag-copy" ? useDragDropCopy : noDragDrop;
-  const onScrollingStopped = useCallback(
-    (scrollDirection, scrollPos, atEnd) => {
-      handleScrollStopRef.current?.(scrollDirection, scrollPos, atEnd);
-    },
-    []
-  );
-  const { isScrolling, startScrolling, stopScrolling } = useAutoScroll({
-    containerRef: scrollableContainerRef,
-    onScrollingStopped,
-    orientation
-  });
-  const handleDrop = useCallback(
-    (options) => {
-      dropPosRef.current = options.toIndex;
-      if (options.isExternal) {
-        onDrop?.({
-          ...options,
-          payload: dragDropStateRef.current?.payload
-        });
-      } else {
-        onDrop?.(options);
-      }
-      dropIndexRef.current = options.toIndex;
-      if (id) {
-        onEndOfDragOperation?.(id);
-      }
-      dragDropStateRef.current = null;
-    },
-    [id, onDrop, onEndOfDragOperation]
-  );
-  const {
-    beginDrag,
-    drag,
-    drop,
-    handleScrollStart,
-    handleScrollStop,
-    releaseDrag,
-    ...dragResult
-  } = useDragDropHook({
-    ...dragDropProps,
-    containerRef,
-    isDragSource,
-    isDropTarget,
-    itemQuery,
-    orientation
-  });
-  handleScrollStopRef.current = handleScrollStop;
-  const dragHandedOvertoProvider = useCallback(
-    (dragDistance, clientContraPos) => {
-      const { CONTRA_POS } = dimensions(orientation);
-      const lastClientContraPos = mousePosRef.current[CONTRA_POS];
-      const dragOutDistance = isDragSource ? Math.abs(lastClientContraPos - clientContraPos) : 0;
-      if (allowDragDrop === true && !isDragSource && !isDropTarget) {
-        return false;
-      }
-      const handoverToProvider = isDropTarget === false || dragOutDistance - dragDistance > 5;
-      if (dragDropStateRef.current && handoverToProvider) {
-        if (onDragOut?.(id, dragDropStateRef.current)) {
-          removeDragHandlers();
-          releaseDrag?.();
-          dragDropStateRef.current = null;
-        }
-        dragBoundaries.current = UNBOUNDED;
-        return true;
-      }
-    },
-    [
-      allowDragDrop,
-      id,
-      isDragSource,
-      isDropTarget,
-      onDragOut,
-      orientation,
-      releaseDrag,
-      removeDragHandlers
-    ]
-  );
-  const dragMouseMoveHandler = useCallback(
-    (evt) => {
-      const { CLIENT_POS, CONTRA_CLIENT_POS, POS } = dimensions(orientation);
-      const { clientX, clientY } = evt;
-      const { [CLIENT_POS]: clientPos, [CONTRA_CLIENT_POS]: clientContraPos } = evt;
-      const lastClientPos = mousePosRef.current[POS];
-      const dragDistance = Math.abs(lastClientPos - clientPos);
-      const { current: dragDropState } = dragDropStateRef;
-      const { current: boundary } = dragBoundaries;
-      if (dragHandedOvertoProvider(dragDistance, clientContraPos)) {
-        return;
-      }
-      mousePosRef.current.x = clientX;
-      mousePosRef.current.y = clientY;
-      if (dragDropState) {
-        const { draggableElement, mouseOffset } = dragDropState;
-        if (dragBoundaries.current === UNBOUNDED && draggableElement) {
-          const dragPosX = mousePosRef.current.x - mouseOffset.x;
-          const dragPosY = mousePosRef.current.y - mouseOffset.y;
-          draggableElement.style.top = `${dragPosY}px`;
-          draggableElement.style.left = `${dragPosX}px`;
-        } else if (dragDistance > 0 && draggableElement) {
-          const mouseMoveDirection = lastClientPos < clientPos ? "fwd" : "bwd";
-          const scrollDirection = getScrollDirection(clientPos);
-          const dragPos = mousePosRef.current[POS] - mouseOffset[POS];
-          const START = orientation === "horizontal" ? "left" : "top";
-          if (scrollDirection && isScrollableRef.current && !isScrolling.current) {
-            handleScrollStart?.(scrollDirection);
-            startScrolling(scrollDirection, 1);
-            if (scrollDirection === "fwd") {
-              draggableElement.style[START] = `${boundary.end}px`;
-            } else {
-              draggableElement.style[START] = `${boundary.start}px`;
-            }
-          } else if (!scrollDirection && isScrolling.current) {
-            stopScrolling();
-          }
-          if (!isScrolling.current) {
-            const renderDragPos = Math.round(
-              Math.max(boundary.start, Math.min(boundary.end, dragPos))
-            );
-            draggableElement.style[START] = `${renderDragPos}px`;
-            drag(renderDragPos, mouseMoveDirection);
-          }
-        }
-      }
-    },
-    [
-      drag,
-      dragHandedOvertoProvider,
-      getScrollDirection,
-      handleScrollStart,
-      isScrolling,
-      orientation,
-      startScrolling,
-      stopScrolling
-    ]
-  );
-  const dragMouseUpHandler = useCallback(() => {
-    removeDragHandlers();
-    if (dragDropStateRef.current) {
-      settlingItemRef.current = dragDropStateRef.current.draggableElement;
-    }
-    const dropOptions = drop();
-    handleDrop(dropOptions);
-    setDraggableStatus((status) => ({
-      ...status,
-      draggedItemIndex: -1,
-      isDragging: false
-    }));
-  }, [drop, handleDrop, removeDragHandlers]);
-  dragMouseMoveHandlerRef.current = dragMouseMoveHandler;
-  dragMouseUpHandlerRef.current = dragMouseUpHandler;
-  const resumeDrag = useCallback(
-    (dragDropState) => {
-      dragDropStateRef.current = dragDropState;
-      const { draggableElement, mouseOffset } = dragDropState;
-      const { current: container } = containerRef;
-      if (container && draggableElement) {
-        const containerRect = container.getBoundingClientRect();
-        const draggableRect = draggableElement.getBoundingClientRect();
-        setDragBoundaries(containerRect, draggableRect);
-        mousePosRef.current.x = draggableRect.left + mouseOffset.x;
-        mousePosRef.current.y = draggableRect.top + mouseOffset.y;
-        beginDrag(draggableElement);
-        attachDragHandlers();
-        return true;
-      } else {
-        return false;
-      }
-    },
-    [attachDragHandlers, beginDrag, containerRef, setDragBoundaries]
-  );
-  const dragStart = useCallback(
-    (mousePosition) => {
-      const { current: container } = containerRef;
-      const { current: target } = mousedownElementRef;
-      const dragElement = getDraggableElement(target, itemQuery);
-      const scrollableContainer = scrollingContainerRef?.current ?? getScrollableContainer(container, itemQuery);
-      if (container && scrollableContainer && dragElement) {
-        isScrollableRef.current = isContainerScrollable(
-          scrollableContainer,
-          orientation
-        );
-        scrollableContainerRef.current = scrollableContainer;
-        const containerRect = scrollableContainer.getBoundingClientRect();
-        const draggableRect = dragElement.getBoundingClientRect();
-        const dragDropState = dragDropStateRef.current = new DragDropState(
-          mousePosition,
-          dragElement
-        );
-        setDragBoundaries(containerRect, draggableRect);
-        beginDrag(dragElement);
-        const {
-          dataset: { index = "-1" }
-        } = dragElement;
-        setDraggableStatus({
-          isDragging: true,
-          draggable: /* @__PURE__ */ jsx(
-            Draggable,
-            {
-              element: cloneElement(dragElement),
-              onDropped: terminateDrag,
-              onTransitionEnd: terminateDrag,
-              ref: dragDropState.setDraggable,
-              style: constrainRect(draggableRect, containerRect),
-              wrapperClassName: draggableClassName
-            }
-          ),
-          draggedItemIndex: parseInt(index)
-        });
-        onDragStart?.(dragDropState);
-        attachDragHandlers();
-        mousedownElementRef.current = null;
-      }
-    },
-    [
-      attachDragHandlers,
-      beginDrag,
-      containerRef,
-      draggableClassName,
-      itemQuery,
-      onDragStart,
-      orientation,
-      scrollingContainerRef,
-      setDragBoundaries,
-      terminateDrag
-    ]
-  );
-  const preDragMouseMoveHandler = useCallback(
-    (evt) => {
-      const { current: mouseDownPosition } = startPosRef;
-      const { CLIENT_POS, POS } = dimensions(orientation);
-      const { [CLIENT_POS]: clientPos } = evt;
-      const mouseMoveDistance = Math.abs(clientPos - mouseDownPosition[POS]);
-      if (mouseMoveDistance > dragThreshold && containerRef.current) {
-        if (mouseDownTimer.current) {
-          window.clearTimeout(mouseDownTimer.current);
-          mouseDownTimer.current = null;
-        }
-        document.removeEventListener("mousemove", preDragMouseMoveHandler);
-        document.removeEventListener("mouseup", preDragMouseUpHandler, false);
-        const mousePosition = {
-          clientX: mouseDownPosition.x,
-          clientY: mouseDownPosition.y
-        };
-        dragStart(mousePosition);
-      }
-    },
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-    [containerRef, beginDrag, orientation]
-  );
-  const preDragMouseUpHandler = useCallback(() => {
-    if (mouseDownTimer.current) {
-      window.clearTimeout(mouseDownTimer.current);
-      mouseDownTimer.current = null;
-    }
-    document.removeEventListener("mousemove", preDragMouseMoveHandler, false);
-    document.removeEventListener("mouseup", preDragMouseUpHandler, false);
-  }, [preDragMouseMoveHandler]);
-  const mouseDownHandler = useCallback(
-    (evt) => {
-      if (evt.button !== 0) {
-        return;
-      }
-      const { current: container } = containerRef;
-      evt.stopPropagation();
-      if (container && !evt.defaultPrevented) {
-        const { clientX, clientY } = evt;
-        mousePosRef.current.x = startPosRef.current.x = clientX;
-        mousePosRef.current.y = startPosRef.current.y = clientY;
-        mousedownElementRef.current = evt.target;
-        const mousePosition = {
-          clientX,
-          clientY
-        };
-        document.addEventListener("mousemove", preDragMouseMoveHandler, false);
-        document.addEventListener("mouseup", preDragMouseUpHandler, false);
-        evt.persist();
-        mouseDownTimer.current = window.setTimeout(() => {
-          document.removeEventListener(
-            "mousemove",
-            preDragMouseMoveHandler,
-            false
-          );
-          document.removeEventListener("mouseup", preDragMouseUpHandler, false);
-          dragStart(mousePosition);
-        }, 500);
-      }
-    },
-    [containerRef, dragStart, preDragMouseMoveHandler, preDragMouseUpHandler]
-  );
-  const { current: settlingItem } = settlingItemRef;
-  useLayoutEffect(() => {
-    if (settlingItem && containerRef.current) {
-      const dropPos = dropPosRef.current;
-      const droppedItem = containerRef.current.querySelector(
-        `${itemQuery}[data-index="${dropPos}"]`
-      );
-      if (droppedItem) {
-        droppedItem.classList.add("vuuDropTarget-settling");
-        requestAnimationFrame(() => {
-          const { top: targetTop, left: targetLeft } = droppedItem.getBoundingClientRect();
-          const style = getComputedStyle(settlingItem);
-          const currentLeft = parseInt(style.getPropertyValue("left"));
-          const currentTop = parseInt(style.getPropertyValue("top"));
-          if (currentLeft !== targetLeft || currentTop !== targetTop) {
-            settlingItem.classList.add("vuuDraggable-settling");
-            settlingItem.style.top = `${targetTop}px`;
-            settlingItem.style.left = `${targetLeft}px`;
-          } else {
-            terminateDrag();
-          }
-        });
-      } else {
-        setDraggableStatus((status) => ({
-          ...status,
-          draggable: void 0
-        }));
-      }
-    }
-  }, [containerRef, itemQuery, settlingItem, terminateDrag]);
-  useEffect(() => {
-    if (id && (isDragSource || isDropTarget)) {
-      register(id, allowDragDrop === "drop-only" ? false : resumeDrag, onDrop);
-    }
-  }, [
-    allowDragDrop,
-    id,
-    isDragSource,
-    isDropTarget,
-    onDrop,
-    register,
-    resumeDrag
-  ]);
-  return {
-    ...dragResult,
-    ...draggableStatus,
-    isScrolling,
-    onMouseDown: allowDragDrop && allowDragDrop !== "drop-only" ? mouseDownHandler : void 0
-  };
-};
-
-export { useDragDrop };
-//# sourceMappingURL=useDragDrop.js.map

package/esm/drag-drop/useDragDrop.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useDragDrop.js","sources":["../../../../packages/vuu-ui-controls/src/drag-drop/useDragDrop.tsx"],"sourcesContent":["import { dispatchCustomEvent } from \"@vuu-ui/vuu-utils\";\nimport {\n  MouseEventHandler,\n  ReactElement,\n  useCallback,\n  useEffect,\n  useLayoutEffect,\n  useRef,\n  useState,\n} from \"react\";\nimport { useDragDropProvider } from \"./DragDropProvider\";\nimport { DragDropState } from \"./DragDropState\";\nimport {\n  DragDropHook,\n  DropHandler,\n  InternalDragDropProps,\n  InternalDragHookResult,\n  MouseOffset,\n  MousePosition,\n} from \"./dragDropTypes\";\nimport { Draggable } from \"./Draggable\";\nimport {\n  cloneElement,\n  constrainRect,\n  dimensions,\n  getScrollableContainer,\n  isContainerScrollable,\n  NOT_OVERFLOWED,\n} from \"./drop-target-utils\";\nimport { ScrollStopHandler, useAutoScroll } from \"./useAutoScroll\";\nimport { useDragDropCopy, NULL_DROP_OPTIONS } from \"./useDragDropCopy\";\nimport { useDragDropIndicator } from \"./useDragDropIndicator\";\nimport { useDragDropNaturalMovement } from \"./useDragDropNaturalMovement\";\nimport { ResumeDragHandler } from \"./useGlobalDragDrop\";\nimport { isOverflowElement } from \"../utils\";\n\nconst NULL_DRAG_DROP_RESULT = {\n  beginDrag: () => undefined,\n  drag: () => undefined,\n  draggableRef: { current: null },\n  drop: () => NULL_DROP_OPTIONS,\n  isDragging: false,\n  isScrolling: false,\n  handleScrollStart: () => undefined,\n  handleScrollStop: () => undefined,\n  revealOverflowedItems: false,\n};\n\ntype DraggableStatus = {\n  draggable?: ReactElement;\n  draggedItemIndex: number;\n  isDragging: boolean;\n};\n\ntype DragBoundary = {\n  start: number;\n  end: number;\n  contraStart: number;\n  contraEnd: number;\n};\n\nconst UNBOUNDED: DragBoundary = {\n  start: 0,\n  end: 1000,\n  contraStart: 0,\n  contraEnd: 1000,\n};\n\ntype InternalHook = (props: InternalDragDropProps) => InternalDragHookResult;\nconst noDragDrop: InternalHook = () => NULL_DRAG_DROP_RESULT;\nconst dragThreshold = 3;\n\nconst getDraggableElement = (\n  el: EventTarget | null,\n  query: string,\n): HTMLElement => (el as HTMLElement)?.closest(query) as HTMLElement;\n\nconst getLastElement = (\n  container: HTMLElement,\n  itemQuery: string,\n): [HTMLElement, boolean] => {\n  const fullItemQuery = `:is(${itemQuery}${NOT_OVERFLOWED},.vuuOverflowContainer-OverflowIndicator)`;\n  const childElements = Array.from(container.querySelectorAll(fullItemQuery));\n  const lastElement = childElements.pop() as HTMLElement;\n  return [lastElement, isOverflowElement(lastElement)];\n};\n\nexport const useDragDrop: DragDropHook = ({\n  allowDragDrop,\n  containerRef,\n  draggableClassName,\n  getDragPayload,\n  id,\n  itemQuery = \"*\",\n  onDragStart,\n  onDrop,\n  onDropSettle,\n  orientation,\n  scrollingContainerRef,\n  ...dragDropProps\n}) => {\n  const dragBoundaries = useRef<DragBoundary>({\n    start: 0,\n    end: 0,\n    contraStart: 0,\n    contraEnd: 0,\n  });\n  const [draggableStatus, setDraggableStatus] = useState<DraggableStatus>({\n    draggable: undefined,\n    draggedItemIndex: -1,\n    isDragging: false,\n  });\n\n  const dragDropStateRef = useRef<DragDropState | null>(null);\n  const mouseDownTimer = useRef<number | null>(null);\n  /** do we actually have scrollable content  */\n  const isScrollableRef = useRef(false);\n\n  /** save this on mousedown. We cannot rely on the target of mousemove being same element*/\n  const mousedownElementRef = useRef<HTMLElement | null>(null);\n\n  /** current mouse position */\n  const mousePosRef = useRef<MouseOffset>({ x: 0, y: 0 });\n  /** mouse position when mousedown initiated drag */\n  const startPosRef = useRef<MouseOffset>({ x: 0, y: 0 });\n  /** references the dragged Item during its final 'settling' phase post drop  */\n  const settlingItemRef = useRef<HTMLElement | null>(null);\n  /** the container which will scroll if content overflows  */\n  const scrollableContainerRef = useRef<HTMLElement | null>(null);\n  const dropPosRef = useRef(-1);\n  const dropIndexRef = useRef(-1);\n\n  const handleScrollStopRef = useRef<ScrollStopHandler>(undefined);\n\n  const {\n    isDragSource,\n    isDropTarget,\n    onDragOut,\n    onEndOfDragOperation,\n    register,\n  } = useDragDropProvider(id);\n\n  type NativeMouseHandler = (evt: MouseEvent) => void;\n  /** refs for drag handlers to avoid circular dependency issues  */\n  const dragMouseMoveHandlerRef = useRef<NativeMouseHandler>(undefined);\n  const dragMouseUpHandlerRef = useRef<NativeMouseHandler>(undefined);\n\n  const attachDragHandlers = useCallback(() => {\n    const { current: dragMove } = dragMouseMoveHandlerRef;\n    const { current: dragUp } = dragMouseUpHandlerRef;\n    if (dragMove && dragUp) {\n      // prettier-ignore\n      document.addEventListener(\"mousemove\", dragMove, false);\n      document.addEventListener(\"mouseup\", dragUp, false);\n    }\n  }, []);\n  const removeDragHandlers = useCallback(() => {\n    const { current: dragMove } = dragMouseMoveHandlerRef;\n    const { current: dragUp } = dragMouseUpHandlerRef;\n    if (dragMove && dragUp) {\n      // prettier-ignore\n      document.removeEventListener(\"mousemove\", dragMove, false);\n      document.removeEventListener(\"mouseup\", dragUp, false);\n    }\n  }, []);\n\n  /**\n   * Establish the boundaries for the current drag operation. When dragging along\n   * a single axis (eg list items within a list, tabs within a tabstrip), constrain\n   * valid drag positions to the confines of the container. A sharp drag away from\n   * the primary drag axis is interpreted as a request to drag an item out of the\n   * container. This will be allowed if configured appropriately.\n   */\n  const setDragBoundaries = useCallback(\n    (containerRect: DOMRect, draggableRect: DOMRect) => {\n      const { current: container } = containerRef;\n      if (container) {\n        const [lastElement, lastItemIsOverflowIndicator] = getLastElement(\n          container,\n          itemQuery,\n        );\n        const { CONTRA, CONTRA_END, DIMENSION, END, START } =\n          dimensions(orientation);\n\n        const draggableSize = draggableRect[DIMENSION];\n        const { [START]: lastItemStart, [END]: lastItemEnd } =\n          lastElement.getBoundingClientRect();\n\n        dragBoundaries.current.start = containerRect[START];\n        dragBoundaries.current.end = lastItemIsOverflowIndicator\n          ? Math.max(lastItemStart, containerRect.right - draggableSize)\n          : isScrollableRef.current\n            ? containerRect[START] + containerRect[DIMENSION] - draggableSize\n            : lastItemEnd - draggableSize;\n        dragBoundaries.current.contraStart = containerRect[CONTRA];\n        dragBoundaries.current.contraEnd = containerRect[CONTRA_END];\n      }\n    },\n    [containerRef, itemQuery, orientation],\n  );\n\n  const terminateDrag = useCallback(() => {\n    const { current: settlingItem } = settlingItemRef;\n    settlingItemRef.current = null;\n\n    const { current: toIndex } = dropIndexRef;\n    const droppedItem = containerRef.current?.querySelector(\n      `${itemQuery}[data-index=\"${toIndex}\"]`,\n    );\n    if (droppedItem) {\n      droppedItem.classList.remove(\"vuuDropTarget-settling\");\n    }\n    dropIndexRef.current = -1;\n    onDropSettle?.(toIndex);\n    setDraggableStatus((status) => ({\n      ...status,\n      draggable: undefined,\n    }));\n\n    if (settlingItem) {\n      dispatchCustomEvent(settlingItem, \"vuu-dropped\");\n    }\n  }, [containerRef, itemQuery, onDropSettle]);\n\n  const getScrollDirection = useCallback(\n    (mousePos: number) => {\n      if (scrollableContainerRef.current && dragDropStateRef.current) {\n        const { mouseOffset } = dragDropStateRef.current;\n\n        const { POS, SCROLL_POS, SCROLL_SIZE, CLIENT_SIZE } =\n          dimensions(orientation);\n        const {\n          [SCROLL_POS]: scrollPos,\n          [SCROLL_SIZE]: scrollSize,\n          [CLIENT_SIZE]: clientSize,\n        } = scrollableContainerRef.current;\n\n        const maxScroll = scrollSize - clientSize;\n        const canScrollFwd = scrollPos < maxScroll;\n        const viewportEnd = dragBoundaries.current.end;\n        const bwd =\n          scrollPos > 0 &&\n          mousePos - mouseOffset[POS] <= dragBoundaries.current.start;\n        const fwd = canScrollFwd && mousePos - mouseOffset[POS] >= viewportEnd;\n\n        return bwd ? \"bwd\" : fwd ? \"fwd\" : \"\";\n      }\n    },\n    [scrollableContainerRef, orientation],\n  );\n\n  const useDragDropHook: InternalHook =\n    allowDragDrop === true || allowDragDrop === \"natural-movement\"\n      ? useDragDropNaturalMovement\n      : allowDragDrop === \"drop-indicator\"\n        ? useDragDropIndicator\n        : allowDragDrop === \"drag-copy\"\n          ? useDragDropCopy\n          : noDragDrop;\n\n  const onScrollingStopped = useCallback(\n    (scrollDirection: \"fwd\" | \"bwd\", scrollPos: number, atEnd: boolean) => {\n      handleScrollStopRef.current?.(scrollDirection, scrollPos, atEnd);\n    },\n    [],\n  );\n\n  const { isScrolling, startScrolling, stopScrolling } = useAutoScroll({\n    containerRef: scrollableContainerRef,\n    onScrollingStopped,\n    orientation,\n  });\n\n  const handleDrop = useCallback<DropHandler>(\n    (options) => {\n      //TODO why do we need both this and dropIndexRef ?\n      dropPosRef.current = options.toIndex;\n      if (options.isExternal) {\n        onDrop?.({\n          ...options,\n          payload: dragDropStateRef.current?.payload,\n        });\n      } else {\n        onDrop?.(options);\n      }\n      dropIndexRef.current = options.toIndex;\n      if (id) {\n        onEndOfDragOperation?.(id);\n      }\n      dragDropStateRef.current = null;\n    },\n    [id, onDrop, onEndOfDragOperation],\n  );\n\n  const {\n    beginDrag,\n    drag,\n    drop,\n    handleScrollStart,\n    handleScrollStop,\n    releaseDrag,\n    ...dragResult\n  } = useDragDropHook({\n    ...dragDropProps,\n    containerRef,\n    isDragSource,\n    isDropTarget,\n    itemQuery,\n    orientation,\n  });\n  // To avoid circular ref between hooks\n  handleScrollStopRef.current = handleScrollStop;\n\n  const dragHandedOvertoProvider = useCallback(\n    (dragDistance: number, clientContraPos: number) => {\n      const { CONTRA_POS } = dimensions(orientation);\n      const lastClientContraPos = mousePosRef.current[CONTRA_POS];\n\n      const dragOutDistance = isDragSource\n        ? Math.abs(lastClientContraPos - clientContraPos)\n        : 0;\n\n      if (allowDragDrop === true && !isDragSource && !isDropTarget) {\n        //This is a simple internal drag\n        return false;\n      }\n\n      // If isDropTarget is false, there are configured dropTargets in context\n      // but this is not one, so drag will be handed straight over to DragProvider\n      // (global drag). If isDropTarget is undefined, we have no DragProvider\n      // so we are dealing with a simple local drag drop operation.\n      const handoverToProvider =\n        isDropTarget === false || dragOutDistance - dragDistance > 5;\n\n      if (dragDropStateRef.current && handoverToProvider) {\n        if (onDragOut?.(id as string, dragDropStateRef.current)) {\n          // TODO create a cleanup function\n          removeDragHandlers();\n          releaseDrag?.();\n          dragDropStateRef.current = null;\n        }\n        // remove the drag boundaries\n        dragBoundaries.current = UNBOUNDED;\n        return true;\n      }\n    },\n    [\n      allowDragDrop,\n      id,\n      isDragSource,\n      isDropTarget,\n      onDragOut,\n      orientation,\n      releaseDrag,\n      removeDragHandlers,\n    ],\n  );\n\n  const dragMouseMoveHandler = useCallback(\n    (evt: MouseEvent) => {\n      const { CLIENT_POS, CONTRA_CLIENT_POS, POS } = dimensions(orientation);\n      const { clientX, clientY } = evt;\n      const { [CLIENT_POS]: clientPos, [CONTRA_CLIENT_POS]: clientContraPos } =\n        evt;\n      const lastClientPos = mousePosRef.current[POS];\n      const dragDistance = Math.abs(lastClientPos - clientPos);\n      const { current: dragDropState } = dragDropStateRef;\n      const { current: boundary } = dragBoundaries;\n\n      if (dragHandedOvertoProvider(dragDistance, clientContraPos)) {\n        return;\n      }\n\n      mousePosRef.current.x = clientX;\n      mousePosRef.current.y = clientY;\n\n      if (dragDropState) {\n        const { draggableElement, mouseOffset } = dragDropState;\n\n        if (dragBoundaries.current === UNBOUNDED && draggableElement) {\n          const dragPosX = mousePosRef.current.x - mouseOffset.x;\n          const dragPosY = mousePosRef.current.y - mouseOffset.y;\n          draggableElement.style.top = `${dragPosY}px`;\n          draggableElement.style.left = `${dragPosX}px`;\n        } else if (dragDistance > 0 && draggableElement) {\n          const mouseMoveDirection = lastClientPos < clientPos ? \"fwd\" : \"bwd\";\n          const scrollDirection = getScrollDirection(clientPos);\n          const dragPos = mousePosRef.current[POS] - mouseOffset[POS];\n          const START = orientation === \"horizontal\" ? \"left\" : \"top\";\n\n          if (\n            scrollDirection &&\n            isScrollableRef.current &&\n            !isScrolling.current\n          ) {\n            handleScrollStart?.(scrollDirection);\n            startScrolling(scrollDirection, 1);\n\n            if (scrollDirection === \"fwd\") {\n              draggableElement.style[START] = `${boundary.end}px`;\n            } else {\n              draggableElement.style[START] = `${boundary.start}px`;\n            }\n          } else if (!scrollDirection && isScrolling.current) {\n            stopScrolling();\n          }\n\n          if (!isScrolling.current) {\n            const renderDragPos = Math.round(\n              Math.max(boundary.start, Math.min(boundary.end, dragPos)),\n            );\n            draggableElement.style[START] = `${renderDragPos}px`;\n            drag(renderDragPos, mouseMoveDirection);\n          }\n        }\n      }\n    },\n    [\n      drag,\n      dragHandedOvertoProvider,\n      getScrollDirection,\n      handleScrollStart,\n      isScrolling,\n      orientation,\n      startScrolling,\n      stopScrolling,\n    ],\n  );\n  const dragMouseUpHandler = useCallback(() => {\n    removeDragHandlers();\n    if (dragDropStateRef.current) {\n      settlingItemRef.current = dragDropStateRef.current.draggableElement;\n    }\n    const dropOptions = drop();\n    handleDrop(dropOptions);\n\n    setDraggableStatus((status) => ({\n      ...status,\n      draggedItemIndex: -1,\n      isDragging: false,\n    }));\n    // TODO clear the dragDropState\n  }, [drop, handleDrop, removeDragHandlers]);\n\n  dragMouseMoveHandlerRef.current = dragMouseMoveHandler;\n  dragMouseUpHandlerRef.current = dragMouseUpHandler;\n\n  const resumeDrag = useCallback<ResumeDragHandler>(\n    (dragDropState: DragDropState) => {\n      dragDropStateRef.current = dragDropState;\n      // Note this is using the draggable element rather than the original draggedElement\n      const { draggableElement, mouseOffset } = dragDropState;\n      const { current: container } = containerRef;\n\n      if (container && draggableElement) {\n        const containerRect = container.getBoundingClientRect();\n        const draggableRect = draggableElement.getBoundingClientRect();\n        setDragBoundaries(containerRect, draggableRect);\n\n        mousePosRef.current.x = draggableRect.left + mouseOffset.x;\n        mousePosRef.current.y = draggableRect.top + mouseOffset.y;\n\n        // why doesn't this work if we use the initialDragEement\n        beginDrag(draggableElement);\n\n        attachDragHandlers();\n\n        return true;\n      } else {\n        return false;\n      }\n    },\n    [attachDragHandlers, beginDrag, containerRef, setDragBoundaries],\n  );\n\n  const dragStart = useCallback(\n    (mousePosition: MousePosition) => {\n      const { current: container } = containerRef;\n      const { current: target } = mousedownElementRef;\n      const dragElement = getDraggableElement(target, itemQuery);\n      const scrollableContainer =\n        scrollingContainerRef?.current ??\n        getScrollableContainer(container, itemQuery);\n      if (container && scrollableContainer && dragElement) {\n        isScrollableRef.current = isContainerScrollable(\n          scrollableContainer,\n          orientation,\n        );\n        scrollableContainerRef.current = scrollableContainer;\n\n        const containerRect = scrollableContainer.getBoundingClientRect();\n        const draggableRect = dragElement.getBoundingClientRect();\n\n        const dragDropState = (dragDropStateRef.current = new DragDropState(\n          mousePosition,\n          dragElement,\n        ));\n\n        setDragBoundaries(containerRect, draggableRect);\n\n        beginDrag(dragElement);\n\n        const {\n          dataset: { index = \"-1\" },\n        } = dragElement;\n\n        setDraggableStatus({\n          isDragging: true,\n          draggable: (\n            <Draggable\n              element={cloneElement(dragElement)}\n              onDropped={terminateDrag}\n              onTransitionEnd={terminateDrag}\n              ref={dragDropState.setDraggable}\n              style={constrainRect(draggableRect, containerRect)}\n              wrapperClassName={draggableClassName}\n            />\n          ),\n          draggedItemIndex: parseInt(index),\n        });\n\n        onDragStart?.(dragDropState);\n        attachDragHandlers();\n\n        mousedownElementRef.current = null;\n      }\n    },\n    [\n      attachDragHandlers,\n      beginDrag,\n      containerRef,\n      draggableClassName,\n      itemQuery,\n      onDragStart,\n      orientation,\n      scrollingContainerRef,\n      setDragBoundaries,\n      terminateDrag,\n    ],\n  );\n\n  const preDragMouseMoveHandler = useCallback(\n    (evt: MouseEvent) => {\n      const { current: mouseDownPosition } = startPosRef;\n      const { CLIENT_POS, POS } = dimensions(orientation);\n      const { [CLIENT_POS]: clientPos } = evt;\n      const mouseMoveDistance = Math.abs(clientPos - mouseDownPosition[POS]);\n      if (mouseMoveDistance > dragThreshold && containerRef.current) {\n        if (mouseDownTimer.current) {\n          window.clearTimeout(mouseDownTimer.current);\n          mouseDownTimer.current = null;\n        }\n        document.removeEventListener(\"mousemove\", preDragMouseMoveHandler);\n        document.removeEventListener(\"mouseup\", preDragMouseUpHandler, false);\n\n        const mousePosition = {\n          clientX: mouseDownPosition.x,\n          clientY: mouseDownPosition.y,\n        };\n        dragStart(mousePosition);\n      }\n    },\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    [containerRef, beginDrag, orientation],\n  );\n\n  const preDragMouseUpHandler = useCallback(() => {\n    if (mouseDownTimer.current) {\n      window.clearTimeout(mouseDownTimer.current);\n      mouseDownTimer.current = null;\n    }\n    document.removeEventListener(\"mousemove\", preDragMouseMoveHandler, false);\n    document.removeEventListener(\"mouseup\", preDragMouseUpHandler, false);\n  }, [preDragMouseMoveHandler]);\n\n  const mouseDownHandler: MouseEventHandler = useCallback(\n    (evt) => {\n      if (evt.button !== 0) {\n        return;\n      }\n      // TODO runtime check here for valid drop targets ?\n      const { current: container } = containerRef;\n      // We don't want to prevent other handlers on this element from working\n      // but we do want to stop a drag drop being initiated on a bubbled event.\n      evt.stopPropagation();\n      if (container && !evt.defaultPrevented) {\n        const { clientX, clientY } = evt;\n        mousePosRef.current.x = startPosRef.current.x = clientX;\n        mousePosRef.current.y = startPosRef.current.y = clientY;\n        mousedownElementRef.current = evt.target as HTMLElement;\n\n        const mousePosition = {\n          clientX,\n          clientY,\n        };\n\n        document.addEventListener(\"mousemove\", preDragMouseMoveHandler, false);\n        document.addEventListener(\"mouseup\", preDragMouseUpHandler, false);\n\n        evt.persist();\n\n        mouseDownTimer.current = window.setTimeout(() => {\n          document.removeEventListener(\n            \"mousemove\",\n            preDragMouseMoveHandler,\n            false,\n          );\n          document.removeEventListener(\"mouseup\", preDragMouseUpHandler, false);\n          dragStart(mousePosition);\n        }, 500);\n      }\n    },\n    [containerRef, dragStart, preDragMouseMoveHandler, preDragMouseUpHandler],\n  );\n\n  const { current: settlingItem } = settlingItemRef;\n  useLayoutEffect(() => {\n    if (settlingItem && containerRef.current) {\n      const dropPos = dropPosRef.current;\n      const droppedItem = containerRef.current.querySelector(\n        `${itemQuery}[data-index=\"${dropPos}\"]`,\n      );\n\n      if (droppedItem) {\n        droppedItem.classList.add(\"vuuDropTarget-settling\");\n        requestAnimationFrame(() => {\n          const { top: targetTop, left: targetLeft } =\n            droppedItem.getBoundingClientRect();\n          // If the droppedItem is already exactly in the drop position, we can just\n          // terminate the drag here and now. Most likely, though, it is out by a few\n          // pixels. We animate the dragged item into the final resting place before\n          // terminating the drag.\n          const style = getComputedStyle(settlingItem);\n          const currentLeft = parseInt(style.getPropertyValue(\"left\"));\n          const currentTop = parseInt(style.getPropertyValue(\"top\"));\n          if (currentLeft !== targetLeft || currentTop !== targetTop) {\n            settlingItem.classList.add(\"vuuDraggable-settling\");\n            settlingItem.style.top = `${targetTop}px`;\n            settlingItem.style.left = `${targetLeft}px`;\n          } else {\n            terminateDrag();\n          }\n        });\n      } else {\n        // didn't find the dragged item. This is currently happening\n        // because of a quirk with last item when scrolling has taken\n        //  place. Take no chances, make sure we don't keep an orphaned draggable\n        setDraggableStatus((status) => ({\n          ...status,\n          draggable: undefined,\n        }));\n      }\n    }\n  }, [containerRef, itemQuery, settlingItem, terminateDrag]);\n\n  useEffect(() => {\n    if (id && (isDragSource || isDropTarget)) {\n      // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n      //@ts-ignore TODO drah drop WIP\n      register(id, allowDragDrop === \"drop-only\" ? false : resumeDrag, onDrop);\n    }\n  }, [\n    allowDragDrop,\n    id,\n    isDragSource,\n    isDropTarget,\n    onDrop,\n    register,\n    resumeDrag,\n  ]);\n\n  return {\n    ...dragResult,\n    ...draggableStatus,\n    isScrolling,\n    onMouseDown:\n      allowDragDrop && allowDragDrop !== \"drop-only\"\n        ? mouseDownHandler\n        : undefined,\n  };\n};\n"],"names":["settlingItem"],"mappings":"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"}

package/esm/drag-drop/useDragDropCopy.js

@@ -1,31 +0,0 @@
-import { useRef, useCallback } from 'react';
-
-const NULL_DROP_OPTIONS = {
-  fromIndex: -1,
-  toIndex: -1
-};
-const useDragDropCopy = ({
-  selected,
-  viewportRange
-}) => {
-  const rangeRef = useRef(void 0);
-  rangeRef.current = viewportRange;
-  const beginDrag = useCallback(
-    (dragElement) => {
-      if (dragElement.ariaSelected && Array.isArray(selected) && selected.length > 1) {
-        console.log("its a selected element, and we have a multi select");
-      }
-    },
-    [selected]
-  );
-  const drag = useCallback(() => void 0, []);
-  const drop = useCallback(() => NULL_DROP_OPTIONS, []);
-  return {
-    beginDrag,
-    drag,
-    drop
-  };
-};
-
-export { NULL_DROP_OPTIONS, useDragDropCopy };
-//# sourceMappingURL=useDragDropCopy.js.map

package/esm/drag-drop/useDragDropCopy.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useDragDropCopy.js","sources":["../../../../packages/vuu-ui-controls/src/drag-drop/useDragDropCopy.ts"],"sourcesContent":["import { useCallback, useRef } from \"react\";\n\nimport type {\n  InternalDragDropProps,\n  InternalDragHookResult,\n  ViewportRange,\n} from \"./dragDropTypes\";\n\nexport const NULL_DROP_OPTIONS = {\n  fromIndex: -1,\n  toIndex: -1,\n} as const;\n\nexport const useDragDropCopy = ({\n  selected,\n  viewportRange,\n}: InternalDragDropProps): InternalDragHookResult => {\n  const rangeRef = useRef<ViewportRange>(undefined);\n  rangeRef.current = viewportRange;\n\n  const beginDrag = useCallback(\n    (dragElement: HTMLElement) => {\n      if (\n        dragElement.ariaSelected &&\n        Array.isArray(selected) &&\n        selected.length > 1\n      ) {\n        console.log(\"its a selected element, and we have a multi select\");\n      }\n    },\n    [selected],\n  );\n\n  const drag = useCallback(() => undefined, []);\n  const drop = useCallback(() => NULL_DROP_OPTIONS, []);\n\n  return {\n    beginDrag,\n    drag,\n    drop,\n  };\n};\n"],"names":[],"mappings":";;AAQO,MAAM,iBAAoB,GAAA;AAAA,EAC/B,SAAW,EAAA,CAAA,CAAA;AAAA,EACX,OAAS,EAAA,CAAA;AACX;AAEO,MAAM,kBAAkB,CAAC;AAAA,EAC9B,QAAA;AAAA,EACA;AACF,CAAqD,KAAA;AACnD,EAAM,MAAA,QAAA,GAAW,OAAsB,KAAS,CAAA,CAAA;AAChD,EAAA,QAAA,CAAS,OAAU,GAAA,aAAA;AAEnB,EAAA,MAAM,SAAY,GAAA,WAAA;AAAA,IAChB,CAAC,WAA6B,KAAA;AAC5B,MACE,IAAA,WAAA,CAAY,gBACZ,KAAM,CAAA,OAAA,CAAQ,QAAQ,CACtB,IAAA,QAAA,CAAS,SAAS,CAClB,EAAA;AACA,QAAA,OAAA,CAAQ,IAAI,oDAAoD,CAAA;AAAA;AAClE,KACF;AAAA,IACA,CAAC,QAAQ;AAAA,GACX;AAEA,EAAA,MAAM,IAAO,GAAA,WAAA,CAAY,MAAM,KAAA,CAAA,EAAW,EAAE,CAAA;AAC5C,EAAA,MAAM,IAAO,GAAA,WAAA,CAAY,MAAM,iBAAA,EAAmB,EAAE,CAAA;AAEpD,EAAO,OAAA;AAAA,IACL,SAAA;AAAA,IACA,IAAA;AAAA,IACA;AAAA,GACF;AACF;;;;"}