@vuu-ui/vuu-ui-controls 0.13.13 → 0.13.15

package/cjs/drag-drop/drop-target-utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"drop-target-utils.js","sources":["../../src/drag-drop/drop-target-utils.ts"],"sourcesContent":["import { orientationType } from \"@vuu-ui/vuu-utils\";\nimport { ViewportRange } from \"./dragDropTypes\";\nimport { Direction, Rect } from \"./dragDropTypes\";\n\nconst LEFT_RIGHT = [\"left\", \"right\"];\nconst TOP_BOTTOM = [\"top\", \"bottom\"];\n// duplicated in repsonsive\n\nexport const NOT_OVERFLOWED = \":not(.wrapped)\";\nexport const NOT_HIDDEN = ':not([aria-hidden=\"true\"])';\n\n// TODO figure out which of these attributes we no longer need\nexport type MeasuredDropTarget = {\n  /** \n    The index position currently occupied by this item. If draggable \n    is dropped here, this will be the destination drop position.\n  */\n  currentIndex: number;\n  element: HTMLElement;\n  id: string;\n  index: number;\n  isDraggedItem: boolean;\n  isExternal?: boolean;\n  isLast?: boolean;\n  isOverflowIndicator?: boolean;\n  start: number;\n  end: number;\n  mid: number;\n  size: number;\n};\n\nexport type targetType = {\n  element: HTMLElement | null;\n  index: number;\n  isLast?: boolean;\n};\n\n/** clones and removes id */\nexport const cloneElement = <T extends HTMLElement>(element: T): T => {\n  const dolly = element.cloneNode(true) as T;\n  // TOSO should we care about nested id values - perhaps an additional param, defaulting to false ?\n  dolly.removeAttribute(\"id\");\n  // Set index to -1 in case a moueMove event as we wait for drop to take effect might set highlighted\n  // index to wrong value (see useList) -1 will be ignored;\n  dolly.dataset.index = \"-1\";\n  return dolly;\n};\n\ntype MousePosKey = keyof Pick<MouseEvent, \"clientX\" | \"clientY\">;\ntype DOMRectKey = keyof Omit<DOMRect, \"toJSON\">;\ntype DOMRectDimensionKey = keyof Pick<DOMRect, \"width\" | \"height\">;\ntype Dimension = keyof Pick<DOMRect, \"width\" | \"height\">;\ntype ElementDimension = keyof Pick<\n  HTMLElement,\n  | \"scrollHeight\"\n  | \"scrollWidth\"\n  | \"clientHeight\"\n  | \"clientWidth\"\n  | \"scrollTop\"\n  | \"scrollLeft\"\n>;\n\ntype ElementPosition = \"x\" | \"y\";\n\nexport const measureElementSizeAndPosition = (\n  element: HTMLElement,\n  dimension: Dimension = \"width\",\n  includeAutoMargin = false,\n) => {\n  const pos = dimension === \"width\" ? \"left\" : \"top\";\n  const { [dimension]: size, [pos]: position } =\n    element.getBoundingClientRect();\n  const { padEnd = false, padStart = false } = element.dataset;\n  const style = getComputedStyle(element);\n  const [start, end] = dimension === \"width\" ? LEFT_RIGHT : TOP_BOTTOM;\n  const marginStart =\n    padStart && !includeAutoMargin\n      ? 0\n      : parseInt(style.getPropertyValue(`margin-${start}`), 10);\n  const marginEnd =\n    padEnd && !includeAutoMargin\n      ? 0\n      : parseInt(style.getPropertyValue(`margin-${end}`), 10);\n\n  let minWidth = size;\n  const flexShrink = parseInt(style.getPropertyValue(\"flex-shrink\"), 10);\n  if (flexShrink > 0) {\n    const flexBasis = parseInt(style.getPropertyValue(\"flex-basis\"), 10);\n    if (!isNaN(flexBasis) && flexBasis > 0) {\n      minWidth = flexBasis;\n    }\n  }\n  return [position, marginStart + minWidth + marginEnd];\n};\n\nconst DIMENSIONS = {\n  horizontal: {\n    CLIENT_POS: \"clientX\" as MousePosKey,\n    CLIENT_SIZE: \"clientWidth\" as ElementDimension,\n    CONTRA: \"top\" as DOMRectKey,\n    CONTRA_CLIENT_POS: \"clientY\" as MousePosKey,\n    CONTRA_END: \"bottom\" as DOMRectDimensionKey,\n    CONTRA_POS: \"y\" as ElementPosition,\n    DIMENSION: \"width\" as DOMRectDimensionKey,\n    END: \"right\" as DOMRectKey,\n    POS: \"x\" as ElementPosition,\n    SCROLL_POS: \"scrollLeft\" as ElementDimension,\n    SCROLL_SIZE: \"scrollWidth\" as ElementDimension,\n    START: \"left\" as DOMRectKey,\n  },\n  vertical: {\n    CLIENT_POS: \"clientY\" as MousePosKey,\n    CLIENT_SIZE: \"clientHeight\" as ElementDimension,\n    CONTRA: \"left\" as DOMRectKey,\n    CONTRA_CLIENT_POS: \"clientX\" as MousePosKey,\n    CONTRA_END: \"right\" as DOMRectDimensionKey,\n    CONTRA_POS: \"x\" as ElementPosition,\n    DIMENSION: \"height\" as DOMRectDimensionKey,\n    END: \"bottom\" as DOMRectKey,\n    POS: \"y\" as ElementPosition,\n    SCROLL_POS: \"scrollTop\" as ElementDimension,\n    SCROLL_SIZE: \"scrollHeight\" as ElementDimension,\n    START: \"top\" as DOMRectKey,\n  },\n};\nexport const dimensions = (orientation: orientationType) =>\n  DIMENSIONS[orientation];\n\nexport const getItemById = (\n  measuredItems: MeasuredDropTarget[],\n  id: string,\n) => {\n  const result = measuredItems.find((item) => item.id === id);\n  if (result) {\n    return result;\n  }\n  // else {\n  //   throw Error(`measuredItems do not contain an item with id #${id}`);\n  // }\n};\n\nexport const removeDraggedItem = (\n  measuredItems: MeasuredDropTarget[],\n  index: number,\n) => {\n  measuredItems.splice(index, 1);\n  for (let i = index; i < measuredItems.length; i++) {\n    measuredItems[i].currentIndex -= 1;\n  }\n};\n\nexport type dropZone = \"start\" | \"end\";\n\nexport const measureDropTargets = (\n  container: HTMLElement,\n  orientation: orientationType,\n  itemQuery?: string,\n  viewportRange?: ViewportRange,\n  draggedItemId?: string,\n) => {\n  const dragThresholds: MeasuredDropTarget[] = [];\n  const { DIMENSION } = dimensions(orientation);\n  const children = Array.from(\n    itemQuery ? container.querySelectorAll(itemQuery) : container.children,\n  );\n\n  const itemCount = children.length;\n  const start =\n    typeof viewportRange?.from === \"number\"\n      ? viewportRange.atEnd\n        ? Math.max(0, viewportRange.from - 1)\n        : viewportRange.from\n      : 0;\n  const end =\n    typeof viewportRange?.to === \"number\"\n      ? Math.min(viewportRange.to + 2, itemCount - 1)\n      : itemCount - 1;\n  for (let index = start; index <= end; index++) {\n    const element = children[index] as HTMLElement;\n    const [start, size] = measureElementSizeAndPosition(element, DIMENSION);\n    const isLast = index === itemCount - 1;\n    const id = element.id;\n\n    dragThresholds.push({\n      currentIndex: index,\n      id,\n      index,\n      isDraggedItem: draggedItemId === id,\n      isLast,\n      isOverflowIndicator: element.dataset.index === \"overflow\",\n      element: element as HTMLElement,\n      start,\n      end: start + size,\n      size,\n      mid: start + size / 2,\n    });\n  }\n  return dragThresholds;\n};\n\nexport const getIndexOfDraggedItem = (dropTargets: MeasuredDropTarget[]) =>\n  dropTargets.findIndex((d) => d.isDraggedItem);\n\n// As the draggedItem is moved, displacing existing items, mirror\n// the movements within the dropTargets collection\nexport const mutateDropTargetsSwitchDropTargetPosition = (\n  dropTargets: MeasuredDropTarget[],\n  direction: Direction,\n) => {\n  const indexOfDraggedItem = getIndexOfDraggedItem(dropTargets);\n  const indexOfTarget =\n    direction === \"fwd\" ? indexOfDraggedItem + 1 : indexOfDraggedItem - 1;\n\n  if (indexOfTarget < 0 || indexOfTarget >= dropTargets.length) {\n    throw Error(\"switchDropTargetPosition index out of range\");\n  }\n\n  const draggedItem = dropTargets.at(indexOfDraggedItem) as MeasuredDropTarget;\n  const targetItem = dropTargets.at(indexOfTarget) as MeasuredDropTarget;\n\n  const diff = targetItem.size - draggedItem.size;\n\n  if (direction === \"fwd\") {\n    const draggedStart = targetItem.start + diff;\n    const draggedEnd = targetItem.end;\n\n    const newDraggedItem = {\n      ...draggedItem,\n      start: draggedStart,\n      mid: Math.floor(draggedStart + (draggedEnd - draggedStart) / 2),\n      end: draggedEnd,\n    } as MeasuredDropTarget;\n\n    const targetStart = draggedItem.start;\n    const targetEnd = draggedItem.end + diff;\n\n    const newTargetItem = {\n      ...targetItem,\n      start: targetStart,\n      mid: Math.floor(targetStart + (targetEnd - targetStart) / 2),\n      end: targetEnd,\n    } as MeasuredDropTarget;\n    dropTargets.splice(indexOfDraggedItem, 2, newTargetItem, newDraggedItem);\n  } else {\n    const draggedStart = targetItem.start;\n    const draggedEnd = targetItem.end - diff;\n\n    const newDraggedItem = {\n      ...draggedItem,\n      start: draggedStart,\n      mid: Math.floor(draggedStart + (draggedEnd - draggedStart) / 2),\n      end: draggedEnd,\n    } as MeasuredDropTarget;\n\n    const targetStart = draggedItem.start - diff;\n    const targetEnd = draggedItem.end;\n\n    const newTargetItem = {\n      ...targetItem,\n      start: targetStart,\n      mid: Math.floor(targetStart + (targetEnd - targetStart) / 2),\n      end: targetEnd,\n    } as MeasuredDropTarget;\n    dropTargets.splice(indexOfTarget, 2, newDraggedItem, newTargetItem);\n  }\n};\n\nexport const getNextDropTarget = (\n  dropTargets: MeasuredDropTarget[],\n  pos: number,\n  draggedItemSize: number,\n  mouseMoveDirection: Direction,\n): MeasuredDropTarget => {\n  const len = dropTargets.length;\n  const indexOfDraggedItem = getIndexOfDraggedItem(dropTargets);\n  // draggedItem will be undefined if we are handling an external drag\n  const draggedItem = dropTargets[indexOfDraggedItem];\n  if (mouseMoveDirection === \"fwd\") {\n    const leadingEdge = Math.round(pos + draggedItemSize);\n    for (let index = len - 1; index >= 0; index--) {\n      const dropTarget = dropTargets[index];\n      if (leadingEdge > dropTarget.mid) {\n        if (draggedItem && index < indexOfDraggedItem) {\n          return draggedItem;\n        } else {\n          return dropTarget;\n        }\n      }\n    }\n  } else {\n    const leadingEdge = Math.round(pos);\n    for (let index = 0; index < len; index++) {\n      const dropTarget = dropTargets[index];\n      if (leadingEdge < dropTarget.mid) {\n        if (index > indexOfDraggedItem) {\n          return draggedItem;\n        } else {\n          return dropTarget;\n        }\n      }\n    }\n  }\n  throw Error(\"no dropTarget identified\");\n};\n\n/**\n * An item within a scrollable container might have a width or height greater than that of\n * the container. If we drag such an item, we don't want the draggable to be larger than\n * the container.\n */\nexport function constrainRect(targetRect: Rect, constraintRect: Rect): Rect {\n  const { height, left, top, width } = targetRect;\n  const { height: constrainedHeight, width: constrainedWidth } = constraintRect;\n  return {\n    height: Math.min(height, constrainedHeight),\n    left,\n    top,\n    width: Math.min(width, constrainedWidth),\n  };\n}\n\nexport const dropTargetsDebugString = (dropTargets: MeasuredDropTarget[]) =>\n  dropTargets\n    .map(\n      (d, i) =>\n        `\\n${d.isDraggedItem ? \"*\" : \" \"}[${i}] width : ${Math.floor(\n          d.size,\n        )}    ${Math.floor(d.start)} - ${Math.floor(d.end)} (mid ${Math.floor(\n          d.mid,\n        )})  ${d.element?.textContent} `,\n    )\n    .join(\"\");\n\nexport const getItemParentContainer = (\n  container: HTMLElement | null,\n  itemQuery: string,\n) => {\n  const firstItem = container?.querySelector(\n    `${itemQuery}:not([aria-hidden=\"true\"])`,\n  );\n  if (firstItem) {\n    // generally, we expect the immediateParent to be a contentContainer, the\n    // parent of that will be the scrollable container. This may or may not be\n    // the outer container (likely not)\n    return firstItem.parentElement;\n  } else {\n    return null;\n  }\n};\n\nexport const getScrollableContainer = (\n  container: HTMLElement | null,\n  itemQuery: string,\n) => {\n  const immediateParent = getItemParentContainer(container, itemQuery);\n  if (immediateParent === container) {\n    return container;\n  } else {\n    return immediateParent?.parentElement as HTMLElement;\n  }\n};\n\nexport const isContainerScrollable = (\n  scrollableContainer: HTMLElement | null,\n  orientation: orientationType,\n) => {\n  if (scrollableContainer === null) {\n    return false;\n  } else {\n    const { SCROLL_SIZE, CLIENT_SIZE } = dimensions(orientation);\n    const { [SCROLL_SIZE]: scrollSize, [CLIENT_SIZE]: clientSize } =\n      scrollableContainer;\n    return scrollSize > clientSize;\n  }\n};\n"],"names":["start"],"mappings":";;AAIA,MAAM,UAAA,GAAa,CAAC,MAAA,EAAQ,OAAO,CAAA;AACnC,MAAM,UAAA,GAAa,CAAC,KAAA,EAAO,QAAQ,CAAA;AAG5B,MAAM,cAAiB,GAAA;AACvB,MAAM,UAAa,GAAA;AA6Bb,MAAA,YAAA,GAAe,CAAwB,OAAkB,KAAA;AACpE,EAAM,MAAA,KAAA,GAAQ,OAAQ,CAAA,SAAA,CAAU,IAAI,CAAA;AAEpC,EAAA,KAAA,CAAM,gBAAgB,IAAI,CAAA;AAG1B,EAAA,KAAA,CAAM,QAAQ,KAAQ,GAAA,IAAA;AACtB,EAAO,OAAA,KAAA;AACT;AAkBO,MAAM,gCAAgC,CAC3C,OAAA,EACA,SAAuB,GAAA,OAAA,EACvB,oBAAoB,KACjB,KAAA;AACH,EAAM,MAAA,GAAA,GAAM,SAAc,KAAA,OAAA,GAAU,MAAS,GAAA,KAAA;AAC7C,EAAM,MAAA,EAAE,CAAC,SAAS,GAAG,IAAA,EAAM,CAAC,GAAG,GAAG,QAAA,EAChC,GAAA,OAAA,CAAQ,qBAAsB,EAAA;AAChC,EAAA,MAAM,EAAE,MAAS,GAAA,KAAA,EAAO,QAAW,GAAA,KAAA,KAAU,OAAQ,CAAA,OAAA;AACrD,EAAM,MAAA,KAAA,GAAQ,iBAAiB,OAAO,CAAA;AACtC,EAAA,MAAM,CAAC,KAAO,EAAA,GAAG,CAAI,GAAA,SAAA,KAAc,UAAU,UAAa,GAAA,UAAA;AAC1D,EAAA,MAAM,WACJ,GAAA,QAAA,IAAY,CAAC,iBAAA,GACT,CACA,GAAA,QAAA,CAAS,KAAM,CAAA,gBAAA,CAAiB,CAAU,OAAA,EAAA,KAAK,CAAE,CAAA,CAAA,EAAG,EAAE,CAAA;AAC5D,EAAA,MAAM,SACJ,GAAA,MAAA,IAAU,CAAC,iBAAA,GACP,CACA,GAAA,QAAA,CAAS,KAAM,CAAA,gBAAA,CAAiB,CAAU,OAAA,EAAA,GAAG,CAAE,CAAA,CAAA,EAAG,EAAE,CAAA;AAE1D,EAAA,IAAI,QAAW,GAAA,IAAA;AACf,EAAA,MAAM,aAAa,QAAS,CAAA,KAAA,CAAM,gBAAiB,CAAA,aAAa,GAAG,EAAE,CAAA;AACrE,EAAA,IAAI,aAAa,CAAG,EAAA;AAClB,IAAA,MAAM,YAAY,QAAS,CAAA,KAAA,CAAM,gBAAiB,CAAA,YAAY,GAAG,EAAE,CAAA;AACnE,IAAA,IAAI,CAAC,KAAA,CAAM,SAAS,CAAA,IAAK,YAAY,CAAG,EAAA;AACtC,MAAW,QAAA,GAAA,SAAA;AAAA;AACb;AAEF,EAAA,OAAO,CAAC,QAAA,EAAU,WAAc,GAAA,QAAA,GAAW,SAAS,CAAA;AACtD;AAEA,MAAM,UAAa,GAAA;AAAA,EACjB,UAAY,EAAA;AAAA,IACV,UAAY,EAAA,SAAA;AAAA,IACZ,WAAa,EAAA,aAAA;AAAA,IACb,MAAQ,EAAA,KAAA;AAAA,IACR,iBAAmB,EAAA,SAAA;AAAA,IACnB,UAAY,EAAA,QAAA;AAAA,IACZ,UAAY,EAAA,GAAA;AAAA,IACZ,SAAW,EAAA,OAAA;AAAA,IACX,GAAK,EAAA,OAAA;AAAA,IACL,GAAK,EAAA,GAAA;AAAA,IACL,UAAY,EAAA,YAAA;AAAA,IACZ,WAAa,EAAA,aAAA;AAAA,IACb,KAAO,EAAA;AAAA,GACT;AAAA,EACA,QAAU,EAAA;AAAA,IACR,UAAY,EAAA,SAAA;AAAA,IACZ,WAAa,EAAA,cAAA;AAAA,IACb,MAAQ,EAAA,MAAA;AAAA,IACR,iBAAmB,EAAA,SAAA;AAAA,IACnB,UAAY,EAAA,OAAA;AAAA,IACZ,UAAY,EAAA,GAAA;AAAA,IACZ,SAAW,EAAA,QAAA;AAAA,IACX,GAAK,EAAA,QAAA;AAAA,IACL,GAAK,EAAA,GAAA;AAAA,IACL,UAAY,EAAA,WAAA;AAAA,IACZ,WAAa,EAAA,cAAA;AAAA,IACb,KAAO,EAAA;AAAA;AAEX,CAAA;AACO,MAAM,UAAa,GAAA,CAAC,WACzB,KAAA,UAAA,CAAW,WAAW;AAEX,MAAA,WAAA,GAAc,CACzB,aAAA,EACA,EACG,KAAA;AACH,EAAA,MAAM,SAAS,aAAc,CAAA,IAAA,CAAK,CAAC,IAAS,KAAA,IAAA,CAAK,OAAO,EAAE,CAAA;AAC1D,EAAA,IAAI,MAAQ,EAAA;AACV,IAAO,OAAA,MAAA;AAAA;AAKX;AAEa,MAAA,iBAAA,GAAoB,CAC/B,aAAA,EACA,KACG,KAAA;AACH,EAAc,aAAA,CAAA,MAAA,CAAO,OAAO,CAAC,CAAA;AAC7B,EAAA,KAAA,IAAS,CAAI,GAAA,KAAA,EAAO,CAAI,GAAA,aAAA,CAAc,QAAQ,CAAK,EAAA,EAAA;AACjD,IAAc,aAAA,CAAA,CAAC,EAAE,YAAgB,IAAA,CAAA;AAAA;AAErC;AAIO,MAAM,qBAAqB,CAChC,SAAA,EACA,WACA,EAAA,SAAA,EACA,eACA,aACG,KAAA;AACH,EAAA,MAAM,iBAAuC,EAAC;AAC9C,EAAA,MAAM,EAAE,SAAA,EAAc,GAAA,UAAA,CAAW,WAAW,CAAA;AAC5C,EAAA,MAAM,WAAW,KAAM,CAAA,IAAA;AAAA,IACrB,SAAY,GAAA,SAAA,CAAU,gBAAiB,CAAA,SAAS,IAAI,SAAU,CAAA;AAAA,GAChE;AAEA,EAAA,MAAM,YAAY,QAAS,CAAA,MAAA;AAC3B,EAAA,MAAM,KACJ,GAAA,OAAO,aAAe,EAAA,IAAA,KAAS,WAC3B,aAAc,CAAA,KAAA,GACZ,IAAK,CAAA,GAAA,CAAI,GAAG,aAAc,CAAA,IAAA,GAAO,CAAC,CAAA,GAClC,cAAc,IAChB,GAAA,CAAA;AACN,EAAA,MAAM,GACJ,GAAA,OAAO,aAAe,EAAA,EAAA,KAAO,QACzB,GAAA,IAAA,CAAK,GAAI,CAAA,aAAA,CAAc,EAAK,GAAA,CAAA,EAAG,SAAY,GAAA,CAAC,IAC5C,SAAY,GAAA,CAAA;AAClB,EAAA,KAAA,IAAS,KAAQ,GAAA,KAAA,EAAO,KAAS,IAAA,GAAA,EAAK,KAAS,EAAA,EAAA;AAC7C,IAAM,MAAA,OAAA,GAAU,SAAS,KAAK,CAAA;AAC9B,IAAA,MAAM,CAACA,MAAO,EAAA,IAAI,CAAI,GAAA,6BAAA,CAA8B,SAAS,SAAS,CAAA;AACtE,IAAM,MAAA,MAAA,GAAS,UAAU,SAAY,GAAA,CAAA;AACrC,IAAA,MAAM,KAAK,OAAQ,CAAA,EAAA;AAEnB,IAAA,cAAA,CAAe,IAAK,CAAA;AAAA,MAClB,YAAc,EAAA,KAAA;AAAA,MACd,EAAA;AAAA,MACA,KAAA;AAAA,MACA,eAAe,aAAkB,KAAA,EAAA;AAAA,MACjC,MAAA;AAAA,MACA,mBAAA,EAAqB,OAAQ,CAAA,OAAA,CAAQ,KAAU,KAAA,UAAA;AAAA,MAC/C,OAAA;AAAA,MACA,KAAAA,EAAAA,MAAAA;AAAA,MACA,KAAKA,MAAQ,GAAA,IAAA;AAAA,MACb,IAAA;AAAA,MACA,GAAA,EAAKA,SAAQ,IAAO,GAAA;AAAA,KACrB,CAAA;AAAA;AAEH,EAAO,OAAA,cAAA;AACT;AAEa,MAAA,qBAAA,GAAwB,CAAC,WACpC,KAAA,WAAA,CAAY,UAAU,CAAC,CAAA,KAAM,EAAE,aAAa;AAIjC,MAAA,yCAAA,GAA4C,CACvD,WAAA,EACA,SACG,KAAA;AACH,EAAM,MAAA,kBAAA,GAAqB,sBAAsB,WAAW,CAAA;AAC5D,EAAA,MAAM,aACJ,GAAA,SAAA,KAAc,KAAQ,GAAA,kBAAA,GAAqB,IAAI,kBAAqB,GAAA,CAAA;AAEtE,EAAA,IAAI,aAAgB,GAAA,CAAA,IAAK,aAAiB,IAAA,WAAA,CAAY,MAAQ,EAAA;AAC5D,IAAA,MAAM,MAAM,6CAA6C,CAAA;AAAA;AAG3D,EAAM,MAAA,WAAA,GAAc,WAAY,CAAA,EAAA,CAAG,kBAAkB,CAAA;AACrD,EAAM,MAAA,UAAA,GAAa,WAAY,CAAA,EAAA,CAAG,aAAa,CAAA;AAE/C,EAAM,MAAA,IAAA,GAAO,UAAW,CAAA,IAAA,GAAO,WAAY,CAAA,IAAA;AAE3C,EAAA,IAAI,cAAc,KAAO,EAAA;AACvB,IAAM,MAAA,YAAA,GAAe,WAAW,KAAQ,GAAA,IAAA;AACxC,IAAA,MAAM,aAAa,UAAW,CAAA,GAAA;AAE9B,IAAA,MAAM,cAAiB,GAAA;AAAA,MACrB,GAAG,WAAA;AAAA,MACH,KAAO,EAAA,YAAA;AAAA,MACP,KAAK,IAAK,CAAA,KAAA,CAAM,YAAgB,GAAA,CAAA,UAAA,GAAa,gBAAgB,CAAC,CAAA;AAAA,MAC9D,GAAK,EAAA;AAAA,KACP;AAEA,IAAA,MAAM,cAAc,WAAY,CAAA,KAAA;AAChC,IAAM,MAAA,SAAA,GAAY,YAAY,GAAM,GAAA,IAAA;AAEpC,IAAA,MAAM,aAAgB,GAAA;AAAA,MACpB,GAAG,UAAA;AAAA,MACH,KAAO,EAAA,WAAA;AAAA,MACP,KAAK,IAAK,CAAA,KAAA,CAAM,WAAe,GAAA,CAAA,SAAA,GAAY,eAAe,CAAC,CAAA;AAAA,MAC3D,GAAK,EAAA;AAAA,KACP;AACA,IAAA,WAAA,CAAY,MAAO,CAAA,kBAAA,EAAoB,CAAG,EAAA,aAAA,EAAe,cAAc,CAAA;AAAA,GAClE,MAAA;AACL,IAAA,MAAM,eAAe,UAAW,CAAA,KAAA;AAChC,IAAM,MAAA,UAAA,GAAa,WAAW,GAAM,GAAA,IAAA;AAEpC,IAAA,MAAM,cAAiB,GAAA;AAAA,MACrB,GAAG,WAAA;AAAA,MACH,KAAO,EAAA,YAAA;AAAA,MACP,KAAK,IAAK,CAAA,KAAA,CAAM,YAAgB,GAAA,CAAA,UAAA,GAAa,gBAAgB,CAAC,CAAA;AAAA,MAC9D,GAAK,EAAA;AAAA,KACP;AAEA,IAAM,MAAA,WAAA,GAAc,YAAY,KAAQ,GAAA,IAAA;AACxC,IAAA,MAAM,YAAY,WAAY,CAAA,GAAA;AAE9B,IAAA,MAAM,aAAgB,GAAA;AAAA,MACpB,GAAG,UAAA;AAAA,MACH,KAAO,EAAA,WAAA;AAAA,MACP,KAAK,IAAK,CAAA,KAAA,CAAM,WAAe,GAAA,CAAA,SAAA,GAAY,eAAe,CAAC,CAAA;AAAA,MAC3D,GAAK,EAAA;AAAA,KACP;AACA,IAAA,WAAA,CAAY,MAAO,CAAA,aAAA,EAAe,CAAG,EAAA,cAAA,EAAgB,aAAa,CAAA;AAAA;AAEtE;AAEO,MAAM,iBAAoB,GAAA,CAC/B,WACA,EAAA,GAAA,EACA,iBACA,kBACuB,KAAA;AACvB,EAAA,MAAM,MAAM,WAAY,CAAA,MAAA;AACxB,EAAM,MAAA,kBAAA,GAAqB,sBAAsB,WAAW,CAAA;AAE5D,EAAM,MAAA,WAAA,GAAc,YAAY,kBAAkB,CAAA;AAClD,EAAA,IAAI,uBAAuB,KAAO,EAAA;AAChC,IAAA,MAAM,WAAc,GAAA,IAAA,CAAK,KAAM,CAAA,GAAA,GAAM,eAAe,CAAA;AACpD,IAAA,KAAA,IAAS,KAAQ,GAAA,GAAA,GAAM,CAAG,EAAA,KAAA,IAAS,GAAG,KAAS,EAAA,EAAA;AAC7C,MAAM,MAAA,UAAA,GAAa,YAAY,KAAK,CAAA;AACpC,MAAI,IAAA,WAAA,GAAc,WAAW,GAAK,EAAA;AAChC,QAAI,IAAA,WAAA,IAAe,QAAQ,kBAAoB,EAAA;AAC7C,UAAO,OAAA,WAAA;AAAA,SACF,MAAA;AACL,UAAO,OAAA,UAAA;AAAA;AACT;AACF;AACF,GACK,MAAA;AACL,IAAM,MAAA,WAAA,GAAc,IAAK,CAAA,KAAA,CAAM,GAAG,CAAA;AAClC,IAAA,KAAA,IAAS,KAAQ,GAAA,CAAA,EAAG,KAAQ,GAAA,GAAA,EAAK,KAAS,EAAA,EAAA;AACxC,MAAM,MAAA,UAAA,GAAa,YAAY,KAAK,CAAA;AACpC,MAAI,IAAA,WAAA,GAAc,WAAW,GAAK,EAAA;AAChC,QAAA,IAAI,QAAQ,kBAAoB,EAAA;AAC9B,UAAO,OAAA,WAAA;AAAA,SACF,MAAA;AACL,UAAO,OAAA,UAAA;AAAA;AACT;AACF;AACF;AAEF,EAAA,MAAM,MAAM,0BAA0B,CAAA;AACxC;AAOgB,SAAA,aAAA,CAAc,YAAkB,cAA4B,EAAA;AAC1E,EAAA,MAAM,EAAE,MAAA,EAAQ,IAAM,EAAA,GAAA,EAAK,OAAU,GAAA,UAAA;AACrC,EAAA,MAAM,EAAE,MAAA,EAAQ,iBAAmB,EAAA,KAAA,EAAO,kBAAqB,GAAA,cAAA;AAC/D,EAAO,OAAA;AAAA,IACL,MAAQ,EAAA,IAAA,CAAK,GAAI,CAAA,MAAA,EAAQ,iBAAiB,CAAA;AAAA,IAC1C,IAAA;AAAA,IACA,GAAA;AAAA,IACA,KAAO,EAAA,IAAA,CAAK,GAAI,CAAA,KAAA,EAAO,gBAAgB;AAAA,GACzC;AACF;AAEa,MAAA,sBAAA,GAAyB,CAAC,WAAA,KACrC,WACG,CAAA,GAAA;AAAA,EACC,CAAC,GAAG,CACF,KAAA;AAAA,EAAK,EAAE,aAAgB,GAAA,GAAA,GAAM,GAAG,CAAI,CAAA,EAAA,CAAC,aAAa,IAAK,CAAA,KAAA;AAAA,IACrD,CAAE,CAAA;AAAA,GACH,CAAA,IAAA,EAAO,IAAK,CAAA,KAAA,CAAM,EAAE,KAAK,CAAC,CAAM,GAAA,EAAA,IAAA,CAAK,KAAM,CAAA,CAAA,CAAE,GAAG,CAAC,SAAS,IAAK,CAAA,KAAA;AAAA,IAC9D,CAAE,CAAA;AAAA,GACH,CAAA,GAAA,EAAM,CAAE,CAAA,OAAA,EAAS,WAAW,CAAA,CAAA;AACjC,CAAA,CACC,KAAK,EAAE;AAEC,MAAA,sBAAA,GAAyB,CACpC,SAAA,EACA,SACG,KAAA;AACH,EAAA,MAAM,YAAY,SAAW,EAAA,aAAA;AAAA,IAC3B,GAAG,SAAS,CAAA,0BAAA;AAAA,GACd;AACA,EAAA,IAAI,SAAW,EAAA;AAIb,IAAA,OAAO,SAAU,CAAA,aAAA;AAAA,GACZ,MAAA;AACL,IAAO,OAAA,IAAA;AAAA;AAEX;AAEa,MAAA,sBAAA,GAAyB,CACpC,SAAA,EACA,SACG,KAAA;AACH,EAAM,MAAA,eAAA,GAAkB,sBAAuB,CAAA,SAAA,EAAW,SAAS,CAAA;AACnE,EAAA,IAAI,oBAAoB,SAAW,EAAA;AACjC,IAAO,OAAA,SAAA;AAAA,GACF,MAAA;AACL,IAAA,OAAO,eAAiB,EAAA,aAAA;AAAA;AAE5B;AAEa,MAAA,qBAAA,GAAwB,CACnC,mBAAA,EACA,WACG,KAAA;AACH,EAAA,IAAI,wBAAwB,IAAM,EAAA;AAChC,IAAO,OAAA,KAAA;AAAA,GACF,MAAA;AACL,IAAA,MAAM,EAAE,WAAA,EAAa,WAAY,EAAA,GAAI,WAAW,WAAW,CAAA;AAC3D,IAAM,MAAA,EAAE,CAAC,WAAW,GAAG,YAAY,CAAC,WAAW,GAAG,UAAA,EAChD,GAAA,mBAAA;AACF,IAAA,OAAO,UAAa,GAAA,UAAA;AAAA;AAExB;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"drop-target-utils.js","sources":["../../../../packages/vuu-ui-controls/src/drag-drop/drop-target-utils.ts"],"sourcesContent":["import { orientationType } from \"@vuu-ui/vuu-utils\";\nimport { ViewportRange } from \"./dragDropTypes\";\nimport { Direction, Rect } from \"./dragDropTypes\";\n\nconst LEFT_RIGHT = [\"left\", \"right\"];\nconst TOP_BOTTOM = [\"top\", \"bottom\"];\n// duplicated in repsonsive\n\nexport const NOT_OVERFLOWED = \":not(.wrapped)\";\nexport const NOT_HIDDEN = ':not([aria-hidden=\"true\"])';\n\n// TODO figure out which of these attributes we no longer need\nexport type MeasuredDropTarget = {\n  /** \n    The index position currently occupied by this item. If draggable \n    is dropped here, this will be the destination drop position.\n  */\n  currentIndex: number;\n  element: HTMLElement;\n  id: string;\n  index: number;\n  isDraggedItem: boolean;\n  isExternal?: boolean;\n  isLast?: boolean;\n  isOverflowIndicator?: boolean;\n  start: number;\n  end: number;\n  mid: number;\n  size: number;\n};\n\nexport type targetType = {\n  element: HTMLElement | null;\n  index: number;\n  isLast?: boolean;\n};\n\n/** clones and removes id */\nexport const cloneElement = <T extends HTMLElement>(element: T): T => {\n  const dolly = element.cloneNode(true) as T;\n  // TOSO should we care about nested id values - perhaps an additional param, defaulting to false ?\n  dolly.removeAttribute(\"id\");\n  // Set index to -1 in case a moueMove event as we wait for drop to take effect might set highlighted\n  // index to wrong value (see useList) -1 will be ignored;\n  dolly.dataset.index = \"-1\";\n  return dolly;\n};\n\ntype MousePosKey = keyof Pick<MouseEvent, \"clientX\" | \"clientY\">;\ntype DOMRectKey = keyof Omit<DOMRect, \"toJSON\">;\ntype DOMRectDimensionKey = keyof Pick<DOMRect, \"width\" | \"height\">;\ntype Dimension = keyof Pick<DOMRect, \"width\" | \"height\">;\ntype ElementDimension = keyof Pick<\n  HTMLElement,\n  | \"scrollHeight\"\n  | \"scrollWidth\"\n  | \"clientHeight\"\n  | \"clientWidth\"\n  | \"scrollTop\"\n  | \"scrollLeft\"\n>;\n\ntype ElementPosition = \"x\" | \"y\";\n\nexport const measureElementSizeAndPosition = (\n  element: HTMLElement,\n  dimension: Dimension = \"width\",\n  includeAutoMargin = false,\n) => {\n  const pos = dimension === \"width\" ? \"left\" : \"top\";\n  const { [dimension]: size, [pos]: position } =\n    element.getBoundingClientRect();\n  const { padEnd = false, padStart = false } = element.dataset;\n  const style = getComputedStyle(element);\n  const [start, end] = dimension === \"width\" ? LEFT_RIGHT : TOP_BOTTOM;\n  const marginStart =\n    padStart && !includeAutoMargin\n      ? 0\n      : parseInt(style.getPropertyValue(`margin-${start}`), 10);\n  const marginEnd =\n    padEnd && !includeAutoMargin\n      ? 0\n      : parseInt(style.getPropertyValue(`margin-${end}`), 10);\n\n  let minWidth = size;\n  const flexShrink = parseInt(style.getPropertyValue(\"flex-shrink\"), 10);\n  if (flexShrink > 0) {\n    const flexBasis = parseInt(style.getPropertyValue(\"flex-basis\"), 10);\n    if (!isNaN(flexBasis) && flexBasis > 0) {\n      minWidth = flexBasis;\n    }\n  }\n  return [position, marginStart + minWidth + marginEnd];\n};\n\nconst DIMENSIONS = {\n  horizontal: {\n    CLIENT_POS: \"clientX\" as MousePosKey,\n    CLIENT_SIZE: \"clientWidth\" as ElementDimension,\n    CONTRA: \"top\" as DOMRectKey,\n    CONTRA_CLIENT_POS: \"clientY\" as MousePosKey,\n    CONTRA_END: \"bottom\" as DOMRectDimensionKey,\n    CONTRA_POS: \"y\" as ElementPosition,\n    DIMENSION: \"width\" as DOMRectDimensionKey,\n    END: \"right\" as DOMRectKey,\n    POS: \"x\" as ElementPosition,\n    SCROLL_POS: \"scrollLeft\" as ElementDimension,\n    SCROLL_SIZE: \"scrollWidth\" as ElementDimension,\n    START: \"left\" as DOMRectKey,\n  },\n  vertical: {\n    CLIENT_POS: \"clientY\" as MousePosKey,\n    CLIENT_SIZE: \"clientHeight\" as ElementDimension,\n    CONTRA: \"left\" as DOMRectKey,\n    CONTRA_CLIENT_POS: \"clientX\" as MousePosKey,\n    CONTRA_END: \"right\" as DOMRectDimensionKey,\n    CONTRA_POS: \"x\" as ElementPosition,\n    DIMENSION: \"height\" as DOMRectDimensionKey,\n    END: \"bottom\" as DOMRectKey,\n    POS: \"y\" as ElementPosition,\n    SCROLL_POS: \"scrollTop\" as ElementDimension,\n    SCROLL_SIZE: \"scrollHeight\" as ElementDimension,\n    START: \"top\" as DOMRectKey,\n  },\n};\nexport const dimensions = (orientation: orientationType) =>\n  DIMENSIONS[orientation];\n\nexport const getItemById = (\n  measuredItems: MeasuredDropTarget[],\n  id: string,\n) => {\n  const result = measuredItems.find((item) => item.id === id);\n  if (result) {\n    return result;\n  }\n  // else {\n  //   throw Error(`measuredItems do not contain an item with id #${id}`);\n  // }\n};\n\nexport const removeDraggedItem = (\n  measuredItems: MeasuredDropTarget[],\n  index: number,\n) => {\n  measuredItems.splice(index, 1);\n  for (let i = index; i < measuredItems.length; i++) {\n    measuredItems[i].currentIndex -= 1;\n  }\n};\n\nexport type dropZone = \"start\" | \"end\";\n\nexport const measureDropTargets = (\n  container: HTMLElement,\n  orientation: orientationType,\n  itemQuery?: string,\n  viewportRange?: ViewportRange,\n  draggedItemId?: string,\n) => {\n  const dragThresholds: MeasuredDropTarget[] = [];\n  const { DIMENSION } = dimensions(orientation);\n  const children = Array.from(\n    itemQuery ? container.querySelectorAll(itemQuery) : container.children,\n  );\n\n  const itemCount = children.length;\n  const start =\n    typeof viewportRange?.from === \"number\"\n      ? viewportRange.atEnd\n        ? Math.max(0, viewportRange.from - 1)\n        : viewportRange.from\n      : 0;\n  const end =\n    typeof viewportRange?.to === \"number\"\n      ? Math.min(viewportRange.to + 2, itemCount - 1)\n      : itemCount - 1;\n  for (let index = start; index <= end; index++) {\n    const element = children[index] as HTMLElement;\n    const [start, size] = measureElementSizeAndPosition(element, DIMENSION);\n    const isLast = index === itemCount - 1;\n    const id = element.id;\n\n    dragThresholds.push({\n      currentIndex: index,\n      id,\n      index,\n      isDraggedItem: draggedItemId === id,\n      isLast,\n      isOverflowIndicator: element.dataset.index === \"overflow\",\n      element: element as HTMLElement,\n      start,\n      end: start + size,\n      size,\n      mid: start + size / 2,\n    });\n  }\n  return dragThresholds;\n};\n\nexport const getIndexOfDraggedItem = (dropTargets: MeasuredDropTarget[]) =>\n  dropTargets.findIndex((d) => d.isDraggedItem);\n\n// As the draggedItem is moved, displacing existing items, mirror\n// the movements within the dropTargets collection\nexport const mutateDropTargetsSwitchDropTargetPosition = (\n  dropTargets: MeasuredDropTarget[],\n  direction: Direction,\n) => {\n  const indexOfDraggedItem = getIndexOfDraggedItem(dropTargets);\n  const indexOfTarget =\n    direction === \"fwd\" ? indexOfDraggedItem + 1 : indexOfDraggedItem - 1;\n\n  if (indexOfTarget < 0 || indexOfTarget >= dropTargets.length) {\n    throw Error(\"switchDropTargetPosition index out of range\");\n  }\n\n  const draggedItem = dropTargets.at(indexOfDraggedItem) as MeasuredDropTarget;\n  const targetItem = dropTargets.at(indexOfTarget) as MeasuredDropTarget;\n\n  const diff = targetItem.size - draggedItem.size;\n\n  if (direction === \"fwd\") {\n    const draggedStart = targetItem.start + diff;\n    const draggedEnd = targetItem.end;\n\n    const newDraggedItem = {\n      ...draggedItem,\n      start: draggedStart,\n      mid: Math.floor(draggedStart + (draggedEnd - draggedStart) / 2),\n      end: draggedEnd,\n    } as MeasuredDropTarget;\n\n    const targetStart = draggedItem.start;\n    const targetEnd = draggedItem.end + diff;\n\n    const newTargetItem = {\n      ...targetItem,\n      start: targetStart,\n      mid: Math.floor(targetStart + (targetEnd - targetStart) / 2),\n      end: targetEnd,\n    } as MeasuredDropTarget;\n    dropTargets.splice(indexOfDraggedItem, 2, newTargetItem, newDraggedItem);\n  } else {\n    const draggedStart = targetItem.start;\n    const draggedEnd = targetItem.end - diff;\n\n    const newDraggedItem = {\n      ...draggedItem,\n      start: draggedStart,\n      mid: Math.floor(draggedStart + (draggedEnd - draggedStart) / 2),\n      end: draggedEnd,\n    } as MeasuredDropTarget;\n\n    const targetStart = draggedItem.start - diff;\n    const targetEnd = draggedItem.end;\n\n    const newTargetItem = {\n      ...targetItem,\n      start: targetStart,\n      mid: Math.floor(targetStart + (targetEnd - targetStart) / 2),\n      end: targetEnd,\n    } as MeasuredDropTarget;\n    dropTargets.splice(indexOfTarget, 2, newDraggedItem, newTargetItem);\n  }\n};\n\nexport const getNextDropTarget = (\n  dropTargets: MeasuredDropTarget[],\n  pos: number,\n  draggedItemSize: number,\n  mouseMoveDirection: Direction,\n): MeasuredDropTarget => {\n  const len = dropTargets.length;\n  const indexOfDraggedItem = getIndexOfDraggedItem(dropTargets);\n  // draggedItem will be undefined if we are handling an external drag\n  const draggedItem = dropTargets[indexOfDraggedItem];\n  if (mouseMoveDirection === \"fwd\") {\n    const leadingEdge = Math.round(pos + draggedItemSize);\n    for (let index = len - 1; index >= 0; index--) {\n      const dropTarget = dropTargets[index];\n      if (leadingEdge > dropTarget.mid) {\n        if (draggedItem && index < indexOfDraggedItem) {\n          return draggedItem;\n        } else {\n          return dropTarget;\n        }\n      }\n    }\n  } else {\n    const leadingEdge = Math.round(pos);\n    for (let index = 0; index < len; index++) {\n      const dropTarget = dropTargets[index];\n      if (leadingEdge < dropTarget.mid) {\n        if (index > indexOfDraggedItem) {\n          return draggedItem;\n        } else {\n          return dropTarget;\n        }\n      }\n    }\n  }\n  throw Error(\"no dropTarget identified\");\n};\n\n/**\n * An item within a scrollable container might have a width or height greater than that of\n * the container. If we drag such an item, we don't want the draggable to be larger than\n * the container.\n */\nexport function constrainRect(targetRect: Rect, constraintRect: Rect): Rect {\n  const { height, left, top, width } = targetRect;\n  const { height: constrainedHeight, width: constrainedWidth } = constraintRect;\n  return {\n    height: Math.min(height, constrainedHeight),\n    left,\n    top,\n    width: Math.min(width, constrainedWidth),\n  };\n}\n\nexport const dropTargetsDebugString = (dropTargets: MeasuredDropTarget[]) =>\n  dropTargets\n    .map(\n      (d, i) =>\n        `\\n${d.isDraggedItem ? \"*\" : \" \"}[${i}] width : ${Math.floor(\n          d.size,\n        )}    ${Math.floor(d.start)} - ${Math.floor(d.end)} (mid ${Math.floor(\n          d.mid,\n        )})  ${d.element?.textContent} `,\n    )\n    .join(\"\");\n\nexport const getItemParentContainer = (\n  container: HTMLElement | null,\n  itemQuery: string,\n) => {\n  const firstItem = container?.querySelector(\n    `${itemQuery}:not([aria-hidden=\"true\"])`,\n  );\n  if (firstItem) {\n    // generally, we expect the immediateParent to be a contentContainer, the\n    // parent of that will be the scrollable container. This may or may not be\n    // the outer container (likely not)\n    return firstItem.parentElement;\n  } else {\n    return null;\n  }\n};\n\nexport const getScrollableContainer = (\n  container: HTMLElement | null,\n  itemQuery: string,\n) => {\n  const immediateParent = getItemParentContainer(container, itemQuery);\n  if (immediateParent === container) {\n    return container;\n  } else {\n    return immediateParent?.parentElement as HTMLElement;\n  }\n};\n\nexport const isContainerScrollable = (\n  scrollableContainer: HTMLElement | null,\n  orientation: orientationType,\n) => {\n  if (scrollableContainer === null) {\n    return false;\n  } else {\n    const { SCROLL_SIZE, CLIENT_SIZE } = dimensions(orientation);\n    const { [SCROLL_SIZE]: scrollSize, [CLIENT_SIZE]: clientSize } =\n      scrollableContainer;\n    return scrollSize > clientSize;\n  }\n};\n"],"names":["start"],"mappings":"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"}

package/cjs/drag-drop/useAutoScroll.js.map

@@ -1 +1 @@
-{"version":3,"file":"useAutoScroll.js","sources":["../../src/drag-drop/useAutoScroll.ts"],"sourcesContent":["import { RefObject, useCallback, useRef } from \"react\";\nimport { dimensions } from \"./drop-target-utils\";\n\nexport type ScrollStopHandler = (\n  scrollDirection: \"fwd\" | \"bwd\",\n  scrollPos: number,\n  atEnd: boolean,\n) => void;\n\nexport const useAutoScroll = ({\n  containerRef,\n  onScrollingStopped,\n  orientation = \"vertical\",\n}: {\n  containerRef: RefObject<HTMLElement | null>;\n  onScrollingStopped?: ScrollStopHandler;\n  orientation?: \"horizontal\" | \"vertical\";\n}) => {\n  const scrollTimer = useRef<number | null>(null);\n  const isScrolling = useRef(false);\n  const scrollPosRef = useRef(0);\n  const lastScrollDirectionRef = useRef<\"fwd\" | \"bwd\">(\"fwd\");\n\n  const stopScrolling = useCallback(\n    (atEnd = false) => {\n      if (scrollTimer.current !== null) {\n        clearTimeout(scrollTimer.current);\n        scrollTimer.current = null;\n      }\n      isScrolling.current = false;\n      onScrollingStopped?.(\n        lastScrollDirectionRef.current,\n        scrollPosRef.current,\n        atEnd,\n      );\n    },\n    [onScrollingStopped],\n  );\n\n  const startScrolling = useCallback(\n    (direction: \"fwd\" | \"bwd\", scrollRate: number, scrollUnit = 100) => {\n      const { current: container } = containerRef;\n      if (container) {\n        const { SCROLL_POS, SCROLL_SIZE, CLIENT_SIZE } =\n          dimensions(orientation);\n        const {\n          [SCROLL_POS]: scrollPos,\n          [SCROLL_SIZE]: scrollSize,\n          [CLIENT_SIZE]: clientSize,\n        } = container;\n        const maxScroll =\n          direction === \"fwd\" ? scrollSize - clientSize - scrollPos : scrollPos;\n        const nextScroll = Math.min(maxScroll, scrollUnit);\n\n        if (direction === \"fwd\") {\n          lastScrollDirectionRef.current = \"fwd\";\n          container[SCROLL_POS as \"scrollTop\" | \"scrollLeft\"] =\n            scrollPosRef.current = scrollPos + nextScroll;\n        } else {\n          lastScrollDirectionRef.current = \"bwd\";\n          container[SCROLL_POS as \"scrollTop\" | \"scrollLeft\"] =\n            scrollPosRef.current = scrollPos - nextScroll;\n        }\n\n        if (nextScroll === maxScroll) {\n          // delay this to allow any scroll listeners to do their work\n          requestAnimationFrame(() => {\n            stopScrolling(true);\n          });\n        } else {\n          isScrolling.current = true;\n          scrollTimer.current = window.setTimeout(() => {\n            startScrolling(direction, scrollRate, scrollUnit);\n          }, 100);\n        }\n      }\n    },\n    [containerRef, orientation, stopScrolling],\n  );\n\n  return {\n    isScrolling,\n    startScrolling,\n    stopScrolling,\n  };\n};\n"],"names":["useRef","useCallback","dimensions"],"mappings":";;;;;AASO,MAAM,gBAAgB,CAAC;AAAA,EAC5B,YAAA;AAAA,EACA,kBAAA;AAAA,EACA,WAAc,GAAA;AAChB,CAIM,KAAA;AACJ,EAAM,MAAA,WAAA,GAAcA,aAAsB,IAAI,CAAA;AAC9C,EAAM,MAAA,WAAA,GAAcA,aAAO,KAAK,CAAA;AAChC,EAAM,MAAA,YAAA,GAAeA,aAAO,CAAC,CAAA;AAC7B,EAAM,MAAA,sBAAA,GAAyBA,aAAsB,KAAK,CAAA;AAE1D,EAAA,MAAM,aAAgB,GAAAC,iBAAA;AAAA,IACpB,CAAC,QAAQ,KAAU,KAAA;AACjB,MAAI,IAAA,WAAA,CAAY,YAAY,IAAM,EAAA;AAChC,QAAA,YAAA,CAAa,YAAY,OAAO,CAAA;AAChC,QAAA,WAAA,CAAY,OAAU,GAAA,IAAA;AAAA;AAExB,MAAA,WAAA,CAAY,OAAU,GAAA,KAAA;AACtB,MAAA,kBAAA;AAAA,QACE,sBAAuB,CAAA,OAAA;AAAA,QACvB,YAAa,CAAA,OAAA;AAAA,QACb;AAAA,OACF;AAAA,KACF;AAAA,IACA,CAAC,kBAAkB;AAAA,GACrB;AAEA,EAAA,MAAM,cAAiB,GAAAA,iBAAA;AAAA,IACrB,CAAC,SAAA,EAA0B,UAAoB,EAAA,UAAA,GAAa,GAAQ,KAAA;AAClE,MAAM,MAAA,EAAE,OAAS,EAAA,SAAA,EAAc,GAAA,YAAA;AAC/B,MAAA,IAAI,SAAW,EAAA;AACb,QAAA,MAAM,EAAE,UAAY,EAAA,WAAA,EAAa,WAAY,EAAA,GAC3CC,2BAAW,WAAW,CAAA;AACxB,QAAM,MAAA;AAAA,UACJ,CAAC,UAAU,GAAG,SAAA;AAAA,UACd,CAAC,WAAW,GAAG,UAAA;AAAA,UACf,CAAC,WAAW,GAAG;AAAA,SACb,GAAA,SAAA;AACJ,QAAA,MAAM,SACJ,GAAA,SAAA,KAAc,KAAQ,GAAA,UAAA,GAAa,aAAa,SAAY,GAAA,SAAA;AAC9D,QAAA,MAAM,UAAa,GAAA,IAAA,CAAK,GAAI,CAAA,SAAA,EAAW,UAAU,CAAA;AAEjD,QAAA,IAAI,cAAc,KAAO,EAAA;AACvB,UAAA,sBAAA,CAAuB,OAAU,GAAA,KAAA;AACjC,UAAA,SAAA,CAAU,UAAwC,CAAA,GAChD,YAAa,CAAA,OAAA,GAAU,SAAY,GAAA,UAAA;AAAA,SAChC,MAAA;AACL,UAAA,sBAAA,CAAuB,OAAU,GAAA,KAAA;AACjC,UAAA,SAAA,CAAU,UAAwC,CAAA,GAChD,YAAa,CAAA,OAAA,GAAU,SAAY,GAAA,UAAA;AAAA;AAGvC,QAAA,IAAI,eAAe,SAAW,EAAA;AAE5B,UAAA,qBAAA,CAAsB,MAAM;AAC1B,YAAA,aAAA,CAAc,IAAI,CAAA;AAAA,WACnB,CAAA;AAAA,SACI,MAAA;AACL,UAAA,WAAA,CAAY,OAAU,GAAA,IAAA;AACtB,UAAY,WAAA,CAAA,OAAA,GAAU,MAAO,CAAA,UAAA,CAAW,MAAM;AAC5C,YAAe,cAAA,CAAA,SAAA,EAAW,YAAY,UAAU,CAAA;AAAA,aAC/C,GAAG,CAAA;AAAA;AACR;AACF,KACF;AAAA,IACA,CAAC,YAAc,EAAA,WAAA,EAAa,aAAa;AAAA,GAC3C;AAEA,EAAO,OAAA;AAAA,IACL,WAAA;AAAA,IACA,cAAA;AAAA,IACA;AAAA,GACF;AACF;;;;"}
+{"version":3,"file":"useAutoScroll.js","sources":["../../../../packages/vuu-ui-controls/src/drag-drop/useAutoScroll.ts"],"sourcesContent":["import { RefObject, useCallback, useRef } from \"react\";\nimport { dimensions } from \"./drop-target-utils\";\n\nexport type ScrollStopHandler = (\n  scrollDirection: \"fwd\" | \"bwd\",\n  scrollPos: number,\n  atEnd: boolean,\n) => void;\n\nexport const useAutoScroll = ({\n  containerRef,\n  onScrollingStopped,\n  orientation = \"vertical\",\n}: {\n  containerRef: RefObject<HTMLElement | null>;\n  onScrollingStopped?: ScrollStopHandler;\n  orientation?: \"horizontal\" | \"vertical\";\n}) => {\n  const scrollTimer = useRef<number | null>(null);\n  const isScrolling = useRef(false);\n  const scrollPosRef = useRef(0);\n  const lastScrollDirectionRef = useRef<\"fwd\" | \"bwd\">(\"fwd\");\n\n  const stopScrolling = useCallback(\n    (atEnd = false) => {\n      if (scrollTimer.current !== null) {\n        clearTimeout(scrollTimer.current);\n        scrollTimer.current = null;\n      }\n      isScrolling.current = false;\n      onScrollingStopped?.(\n        lastScrollDirectionRef.current,\n        scrollPosRef.current,\n        atEnd,\n      );\n    },\n    [onScrollingStopped],\n  );\n\n  const startScrolling = useCallback(\n    (direction: \"fwd\" | \"bwd\", scrollRate: number, scrollUnit = 100) => {\n      const { current: container } = containerRef;\n      if (container) {\n        const { SCROLL_POS, SCROLL_SIZE, CLIENT_SIZE } =\n          dimensions(orientation);\n        const {\n          [SCROLL_POS]: scrollPos,\n          [SCROLL_SIZE]: scrollSize,\n          [CLIENT_SIZE]: clientSize,\n        } = container;\n        const maxScroll =\n          direction === \"fwd\" ? scrollSize - clientSize - scrollPos : scrollPos;\n        const nextScroll = Math.min(maxScroll, scrollUnit);\n\n        if (direction === \"fwd\") {\n          lastScrollDirectionRef.current = \"fwd\";\n          container[SCROLL_POS as \"scrollTop\" | \"scrollLeft\"] =\n            scrollPosRef.current = scrollPos + nextScroll;\n        } else {\n          lastScrollDirectionRef.current = \"bwd\";\n          container[SCROLL_POS as \"scrollTop\" | \"scrollLeft\"] =\n            scrollPosRef.current = scrollPos - nextScroll;\n        }\n\n        if (nextScroll === maxScroll) {\n          // delay this to allow any scroll listeners to do their work\n          requestAnimationFrame(() => {\n            stopScrolling(true);\n          });\n        } else {\n          isScrolling.current = true;\n          scrollTimer.current = window.setTimeout(() => {\n            startScrolling(direction, scrollRate, scrollUnit);\n          }, 100);\n        }\n      }\n    },\n    [containerRef, orientation, stopScrolling],\n  );\n\n  return {\n    isScrolling,\n    startScrolling,\n    stopScrolling,\n  };\n};\n"],"names":["useRef","useCallback","dimensions"],"mappings":";;;;;AASO,MAAM,gBAAgB,CAAC;AAAA,EAC5B,YAAA;AAAA,EACA,kBAAA;AAAA,EACA,WAAc,GAAA;AAChB,CAIM,KAAA;AACJ,EAAM,MAAA,WAAA,GAAcA,aAAsB,IAAI,CAAA;AAC9C,EAAM,MAAA,WAAA,GAAcA,aAAO,KAAK,CAAA;AAChC,EAAM,MAAA,YAAA,GAAeA,aAAO,CAAC,CAAA;AAC7B,EAAM,MAAA,sBAAA,GAAyBA,aAAsB,KAAK,CAAA;AAE1D,EAAA,MAAM,aAAgB,GAAAC,iBAAA;AAAA,IACpB,CAAC,QAAQ,KAAU,KAAA;AACjB,MAAI,IAAA,WAAA,CAAY,YAAY,IAAM,EAAA;AAChC,QAAA,YAAA,CAAa,YAAY,OAAO,CAAA;AAChC,QAAA,WAAA,CAAY,OAAU,GAAA,IAAA;AAAA;AAExB,MAAA,WAAA,CAAY,OAAU,GAAA,KAAA;AACtB,MAAA,kBAAA;AAAA,QACE,sBAAuB,CAAA,OAAA;AAAA,QACvB,YAAa,CAAA,OAAA;AAAA,QACb;AAAA,OACF;AAAA,KACF;AAAA,IACA,CAAC,kBAAkB;AAAA,GACrB;AAEA,EAAA,MAAM,cAAiB,GAAAA,iBAAA;AAAA,IACrB,CAAC,SAAA,EAA0B,UAAoB,EAAA,UAAA,GAAa,GAAQ,KAAA;AAClE,MAAM,MAAA,EAAE,OAAS,EAAA,SAAA,EAAc,GAAA,YAAA;AAC/B,MAAA,IAAI,SAAW,EAAA;AACb,QAAA,MAAM,EAAE,UAAY,EAAA,WAAA,EAAa,WAAY,EAAA,GAC3CC,2BAAW,WAAW,CAAA;AACxB,QAAM,MAAA;AAAA,UACJ,CAAC,UAAU,GAAG,SAAA;AAAA,UACd,CAAC,WAAW,GAAG,UAAA;AAAA,UACf,CAAC,WAAW,GAAG;AAAA,SACb,GAAA,SAAA;AACJ,QAAA,MAAM,SACJ,GAAA,SAAA,KAAc,KAAQ,GAAA,UAAA,GAAa,aAAa,SAAY,GAAA,SAAA;AAC9D,QAAA,MAAM,UAAa,GAAA,IAAA,CAAK,GAAI,CAAA,SAAA,EAAW,UAAU,CAAA;AAEjD,QAAA,IAAI,cAAc,KAAO,EAAA;AACvB,UAAA,sBAAA,CAAuB,OAAU,GAAA,KAAA;AACjC,UAAA,SAAA,CAAU,UAAwC,CAAA,GAChD,YAAa,CAAA,OAAA,GAAU,SAAY,GAAA,UAAA;AAAA,SAChC,MAAA;AACL,UAAA,sBAAA,CAAuB,OAAU,GAAA,KAAA;AACjC,UAAA,SAAA,CAAU,UAAwC,CAAA,GAChD,YAAa,CAAA,OAAA,GAAU,SAAY,GAAA,UAAA;AAAA;AAGvC,QAAA,IAAI,eAAe,SAAW,EAAA;AAE5B,UAAA,qBAAA,CAAsB,MAAM;AAC1B,YAAA,aAAA,CAAc,IAAI,CAAA;AAAA,WACnB,CAAA;AAAA,SACI,MAAA;AACL,UAAA,WAAA,CAAY,OAAU,GAAA,IAAA;AACtB,UAAY,WAAA,CAAA,OAAA,GAAU,MAAO,CAAA,UAAA,CAAW,MAAM;AAC5C,YAAe,cAAA,CAAA,SAAA,EAAW,YAAY,UAAU,CAAA;AAAA,aAC/C,GAAG,CAAA;AAAA;AACR;AACF,KACF;AAAA,IACA,CAAC,YAAc,EAAA,WAAA,EAAa,aAAa;AAAA,GAC3C;AAEA,EAAO,OAAA;AAAA,IACL,WAAA;AAAA,IACA,cAAA;AAAA,IACA;AAAA,GACF;AACF;;;;"}

package/cjs/drag-drop/useDragDisplacers.js.map

@@ -1 +1 @@
-{"version":3,"file":"useDragDisplacers.js","sources":["../../src/drag-drop/useDragDisplacers.ts"],"sourcesContent":["import type { orientationType } from \"@vuu-ui/vuu-utils\";\nimport { useCallback, useMemo, useRef } from \"react\";\nimport { Direction } from \"./dragDropTypes\";\nimport { createDragSpacer as createDragDisplacer } from \"./Draggable\";\nimport {\n  MeasuredDropTarget,\n  mutateDropTargetsSwitchDropTargetPosition,\n} from \"./drop-target-utils\";\n\nexport type DragDisplacersHookResult = {\n  displaceItem: (\n    dropTargets: MeasuredDropTarget[],\n    dropTarget: MeasuredDropTarget,\n    size: number,\n    useTransition?: boolean,\n    direction?: Direction | \"static\",\n    orientation?: \"horizontal\" | \"vertical\",\n  ) => number;\n  displaceLastItem: (\n    dropTargets: MeasuredDropTarget[],\n    dropTarget: MeasuredDropTarget,\n    size: number,\n    useTransition?: boolean,\n    direction?: Direction | \"static\",\n    orientation?: \"horizontal\" | \"vertical\",\n  ) => number;\n  clearSpacers: (useAnimation?: boolean) => void;\n  /** Insert the sized spacer at start or end of collection */\n  setTerminalSpacer: (\n    container: HTMLElement,\n    position: \"start\" | \"end\",\n    size: number,\n  ) => void;\n};\n\nexport type DragDisplacersHook = (\n  orientation: orientationType,\n) => DragDisplacersHookResult;\n/**\n * Manage a pair of displacer elements to smoothly display a moving gap between\n * list items of any kind. Designed to be used in a drag drop operation. The 'static'\n * direction option should be used at drag start or following scroll.\n */\nexport const useDragDisplacers: DragDisplacersHook = (\n  orientation = \"horizontal\",\n) => {\n  const animationFrame = useRef(0);\n  const transitioning = useRef(false);\n\n  const spacers = useMemo(\n    // We only need to listen for transition end on one of the spacers\n    () => [createDragDisplacer(transitioning), createDragDisplacer()],\n    [],\n  );\n\n  const animateTransition = useCallback(\n    (size: number, propertyName = \"width\") => {\n      const [spacer1, spacer2] = spacers;\n      animationFrame.current = requestAnimationFrame(() => {\n        transitioning.current = true;\n        spacer1.style.cssText = `${propertyName}: 0px`;\n        spacer2.style.cssText = `${propertyName}: ${size}px`;\n        spacers[0] = spacer2;\n        spacers[1] = spacer1;\n      });\n    },\n    [spacers],\n  );\n\n  const clearSpacers = useCallback(\n    (useTransition = false) => {\n      if (useTransition === true) {\n        const [spacer] = spacers;\n        const cleanup = () => {\n          spacer.removeEventListener(\"transitionend\", cleanup);\n          clearSpacers();\n        };\n        const propertyName = orientation === \"horizontal\" ? \"width\" : \"height\";\n        spacer.addEventListener(\"transitionend\", cleanup);\n        animateTransition(0, propertyName);\n      } else {\n        spacers.forEach((spacer) => spacer.remove());\n      }\n    },\n    [animateTransition, orientation, spacers],\n  );\n\n  const setTerminalSpacer = useCallback(\n    (container: HTMLElement, position: \"start\" | \"end\", size: number) => {\n      clearSpacers();\n\n      const propertyName = orientation === \"horizontal\" ? \"width\" : \"height\";\n      const [spacer] = spacers;\n      spacer.style.cssText = `${propertyName}: ${size}px`;\n\n      if (position === \"start\") {\n        container.firstChild?.before(spacer);\n      } else {\n        container.lastChild?.after(spacer);\n      }\n    },\n    [clearSpacers, orientation, spacers],\n  );\n\n  const cancelAnyPendingAnimation = useCallback(() => {\n    if (animationFrame.current) {\n      cancelAnimationFrame(animationFrame.current);\n      animationFrame.current = 0;\n    }\n  }, []);\n\n  const displaceItem = useCallback(\n    (\n      dropTargets: MeasuredDropTarget[],\n      dropTarget: MeasuredDropTarget,\n      size: number,\n      useTransition = false,\n      direction: Direction | \"static\" = \"static\",\n    ): number => {\n      if (dropTarget) {\n        const propertyName = orientation === \"horizontal\" ? \"width\" : \"height\";\n        const [spacer1, spacer2] = spacers;\n        cancelAnyPendingAnimation();\n        if (useTransition) {\n          if (transitioning.current) {\n            clearSpacers();\n            spacer1.style.cssText = `${propertyName}: ${size}px`;\n            spacer2.style.cssText = `${propertyName}: 0px`;\n            if (direction === \"fwd\") {\n              dropTarget.element.before(spacer1);\n              dropTarget.element.after(spacer2);\n            } else {\n              dropTarget.element.after(spacer1);\n              dropTarget.element.before(spacer2);\n            }\n          } else {\n            if (direction === \"fwd\") {\n              dropTarget.element.after(spacer2);\n            } else {\n              dropTarget.element.before(spacer2);\n            }\n          }\n          animateTransition(size, propertyName);\n        } else if (direction === \"static\") {\n          spacer1.style.cssText = `${propertyName}: ${size}px`;\n          dropTarget.element.before(spacer1);\n        } else {\n          throw Error(\n            \"useDragDisplacers currently only supports noTransition for static displacement\",\n          );\n        }\n        if (direction !== \"static\") {\n          mutateDropTargetsSwitchDropTargetPosition(dropTargets, direction);\n        }\n        return direction === \"bwd\" ? dropTarget.index : dropTarget.index + 1;\n      }\n      return -1;\n    },\n    [\n      animateTransition,\n      cancelAnyPendingAnimation,\n      clearSpacers,\n      orientation,\n      spacers,\n    ],\n  );\n  const displaceLastItem = useCallback(\n    (\n      dropTargets: MeasuredDropTarget[],\n      dropTarget: MeasuredDropTarget,\n      size: number,\n      useTransition = false,\n      direction: Direction | \"static\" = \"static\",\n    ): number => {\n      const propertyName = orientation === \"horizontal\" ? \"width\" : \"height\";\n      const [spacer1, spacer2] = spacers;\n\n      cancelAnyPendingAnimation();\n\n      if (useTransition) {\n        if (transitioning.current) {\n          clearSpacers();\n          spacer1.style.cssText = `${propertyName}: ${size}px`;\n          spacer2.style.cssText = `${propertyName}: 0px`;\n          dropTarget.element.before(spacer1);\n          dropTarget.element.after(spacer2);\n        } else {\n          if (direction === \"fwd\") {\n            dropTarget.element.after(spacer2);\n          } else {\n            dropTarget.element.before(spacer2);\n          }\n        }\n        animateTransition(size, propertyName);\n      } else {\n        spacer1.style.cssText = `${propertyName}: ${size}px`;\n        dropTarget.element.after(spacer1);\n      }\n\n      if (direction !== \"static\") {\n        mutateDropTargetsSwitchDropTargetPosition(dropTargets, direction);\n      }\n\n      return dropTarget.index;\n    },\n    [\n      animateTransition,\n      cancelAnyPendingAnimation,\n      clearSpacers,\n      orientation,\n      spacers,\n    ],\n  );\n\n  return {\n    displaceItem,\n    displaceLastItem,\n    clearSpacers,\n    setTerminalSpacer,\n  };\n};\n"],"names":["useRef","useMemo","createDragDisplacer","useCallback","mutateDropTargetsSwitchDropTargetPosition"],"mappings":";;;;;;AA2Ca,MAAA,iBAAA,GAAwC,CACnD,WAAA,GAAc,YACX,KAAA;AACH,EAAM,MAAA,cAAA,GAAiBA,aAAO,CAAC,CAAA;AAC/B,EAAM,MAAA,aAAA,GAAgBA,aAAO,KAAK,CAAA;AAElC,EAAA,MAAM,OAAU,GAAAC,aAAA;AAAA;AAAA,IAEd,MAAM,CAACC,0BAAA,CAAoB,aAAa,CAAA,EAAGA,4BAAqB,CAAA;AAAA,IAChE;AAAC,GACH;AAEA,EAAA,MAAM,iBAAoB,GAAAC,iBAAA;AAAA,IACxB,CAAC,IAAc,EAAA,YAAA,GAAe,OAAY,KAAA;AACxC,MAAM,MAAA,CAAC,OAAS,EAAA,OAAO,CAAI,GAAA,OAAA;AAC3B,MAAe,cAAA,CAAA,OAAA,GAAU,sBAAsB,MAAM;AACnD,QAAA,aAAA,CAAc,OAAU,GAAA,IAAA;AACxB,QAAQ,OAAA,CAAA,KAAA,CAAM,OAAU,GAAA,CAAA,EAAG,YAAY,CAAA,KAAA,CAAA;AACvC,QAAA,OAAA,CAAQ,KAAM,CAAA,OAAA,GAAU,CAAG,EAAA,YAAY,KAAK,IAAI,CAAA,EAAA,CAAA;AAChD,QAAA,OAAA,CAAQ,CAAC,CAAI,GAAA,OAAA;AACb,QAAA,OAAA,CAAQ,CAAC,CAAI,GAAA,OAAA;AAAA,OACd,CAAA;AAAA,KACH;AAAA,IACA,CAAC,OAAO;AAAA,GACV;AAEA,EAAA,MAAM,YAAe,GAAAA,iBAAA;AAAA,IACnB,CAAC,gBAAgB,KAAU,KAAA;AACzB,MAAA,IAAI,kBAAkB,IAAM,EAAA;AAC1B,QAAM,MAAA,CAAC,MAAM,CAAI,GAAA,OAAA;AACjB,QAAA,MAAM,UAAU,MAAM;AACpB,UAAO,MAAA,CAAA,mBAAA,CAAoB,iBAAiB,OAAO,CAAA;AACnD,UAAa,YAAA,EAAA;AAAA,SACf;AACA,QAAM,MAAA,YAAA,GAAe,WAAgB,KAAA,YAAA,GAAe,OAAU,GAAA,QAAA;AAC9D,QAAO,MAAA,CAAA,gBAAA,CAAiB,iBAAiB,OAAO,CAAA;AAChD,QAAA,iBAAA,CAAkB,GAAG,YAAY,CAAA;AAAA,OAC5B,MAAA;AACL,QAAA,OAAA,CAAQ,OAAQ,CAAA,CAAC,MAAW,KAAA,MAAA,CAAO,QAAQ,CAAA;AAAA;AAC7C,KACF;AAAA,IACA,CAAC,iBAAmB,EAAA,WAAA,EAAa,OAAO;AAAA,GAC1C;AAEA,EAAA,MAAM,iBAAoB,GAAAA,iBAAA;AAAA,IACxB,CAAC,SAAwB,EAAA,QAAA,EAA2B,IAAiB,KAAA;AACnE,MAAa,YAAA,EAAA;AAEb,MAAM,MAAA,YAAA,GAAe,WAAgB,KAAA,YAAA,GAAe,OAAU,GAAA,QAAA;AAC9D,MAAM,MAAA,CAAC,MAAM,CAAI,GAAA,OAAA;AACjB,MAAA,MAAA,CAAO,KAAM,CAAA,OAAA,GAAU,CAAG,EAAA,YAAY,KAAK,IAAI,CAAA,EAAA,CAAA;AAE/C,MAAA,IAAI,aAAa,OAAS,EAAA;AACxB,QAAU,SAAA,CAAA,UAAA,EAAY,OAAO,MAAM,CAAA;AAAA,OAC9B,MAAA;AACL,QAAU,SAAA,CAAA,SAAA,EAAW,MAAM,MAAM,CAAA;AAAA;AACnC,KACF;AAAA,IACA,CAAC,YAAc,EAAA,WAAA,EAAa,OAAO;AAAA,GACrC;AAEA,EAAM,MAAA,yBAAA,GAA4BA,kBAAY,MAAM;AAClD,IAAA,IAAI,eAAe,OAAS,EAAA;AAC1B,MAAA,oBAAA,CAAqB,eAAe,OAAO,CAAA;AAC3C,MAAA,cAAA,CAAe,OAAU,GAAA,CAAA;AAAA;AAC3B,GACF,EAAG,EAAE,CAAA;AAEL,EAAA,MAAM,YAAe,GAAAA,iBAAA;AAAA,IACnB,CACE,WACA,EAAA,UAAA,EACA,MACA,aAAgB,GAAA,KAAA,EAChB,YAAkC,QACvB,KAAA;AACX,MAAA,IAAI,UAAY,EAAA;AACd,QAAM,MAAA,YAAA,GAAe,WAAgB,KAAA,YAAA,GAAe,OAAU,GAAA,QAAA;AAC9D,QAAM,MAAA,CAAC,OAAS,EAAA,OAAO,CAAI,GAAA,OAAA;AAC3B,QAA0B,yBAAA,EAAA;AAC1B,QAAA,IAAI,aAAe,EAAA;AACjB,UAAA,IAAI,cAAc,OAAS,EAAA;AACzB,YAAa,YAAA,EAAA;AACb,YAAA,OAAA,CAAQ,KAAM,CAAA,OAAA,GAAU,CAAG,EAAA,YAAY,KAAK,IAAI,CAAA,EAAA,CAAA;AAChD,YAAQ,OAAA,CAAA,KAAA,CAAM,OAAU,GAAA,CAAA,EAAG,YAAY,CAAA,KAAA,CAAA;AACvC,YAAA,IAAI,cAAc,KAAO,EAAA;AACvB,cAAW,UAAA,CAAA,OAAA,CAAQ,OAAO,OAAO,CAAA;AACjC,cAAW,UAAA,CAAA,OAAA,CAAQ,MAAM,OAAO,CAAA;AAAA,aAC3B,MAAA;AACL,cAAW,UAAA,CAAA,OAAA,CAAQ,MAAM,OAAO,CAAA;AAChC,cAAW,UAAA,CAAA,OAAA,CAAQ,OAAO,OAAO,CAAA;AAAA;AACnC,WACK,MAAA;AACL,YAAA,IAAI,cAAc,KAAO,EAAA;AACvB,cAAW,UAAA,CAAA,OAAA,CAAQ,MAAM,OAAO,CAAA;AAAA,aAC3B,MAAA;AACL,cAAW,UAAA,CAAA,OAAA,CAAQ,OAAO,OAAO,CAAA;AAAA;AACnC;AAEF,UAAA,iBAAA,CAAkB,MAAM,YAAY,CAAA;AAAA,SACtC,MAAA,IAAW,cAAc,QAAU,EAAA;AACjC,UAAA,OAAA,CAAQ,KAAM,CAAA,OAAA,GAAU,CAAG,EAAA,YAAY,KAAK,IAAI,CAAA,EAAA,CAAA;AAChD,UAAW,UAAA,CAAA,OAAA,CAAQ,OAAO,OAAO,CAAA;AAAA,SAC5B,MAAA;AACL,UAAM,MAAA,KAAA;AAAA,YACJ;AAAA,WACF;AAAA;AAEF,QAAA,IAAI,cAAc,QAAU,EAAA;AAC1B,UAAAC,yDAAA,CAA0C,aAAa,SAAS,CAAA;AAAA;AAElE,QAAA,OAAO,SAAc,KAAA,KAAA,GAAQ,UAAW,CAAA,KAAA,GAAQ,WAAW,KAAQ,GAAA,CAAA;AAAA;AAErE,MAAO,OAAA,CAAA,CAAA;AAAA,KACT;AAAA,IACA;AAAA,MACE,iBAAA;AAAA,MACA,yBAAA;AAAA,MACA,YAAA;AAAA,MACA,WAAA;AAAA,MACA;AAAA;AACF,GACF;AACA,EAAA,MAAM,gBAAmB,GAAAD,iBAAA;AAAA,IACvB,CACE,WACA,EAAA,UAAA,EACA,MACA,aAAgB,GAAA,KAAA,EAChB,YAAkC,QACvB,KAAA;AACX,MAAM,MAAA,YAAA,GAAe,WAAgB,KAAA,YAAA,GAAe,OAAU,GAAA,QAAA;AAC9D,MAAM,MAAA,CAAC,OAAS,EAAA,OAAO,CAAI,GAAA,OAAA;AAE3B,MAA0B,yBAAA,EAAA;AAE1B,MAAA,IAAI,aAAe,EAAA;AACjB,QAAA,IAAI,cAAc,OAAS,EAAA;AACzB,UAAa,YAAA,EAAA;AACb,UAAA,OAAA,CAAQ,KAAM,CAAA,OAAA,GAAU,CAAG,EAAA,YAAY,KAAK,IAAI,CAAA,EAAA,CAAA;AAChD,UAAQ,OAAA,CAAA,KAAA,CAAM,OAAU,GAAA,CAAA,EAAG,YAAY,CAAA,KAAA,CAAA;AACvC,UAAW,UAAA,CAAA,OAAA,CAAQ,OAAO,OAAO,CAAA;AACjC,UAAW,UAAA,CAAA,OAAA,CAAQ,MAAM,OAAO,CAAA;AAAA,SAC3B,MAAA;AACL,UAAA,IAAI,cAAc,KAAO,EAAA;AACvB,YAAW,UAAA,CAAA,OAAA,CAAQ,MAAM,OAAO,CAAA;AAAA,WAC3B,MAAA;AACL,YAAW,UAAA,CAAA,OAAA,CAAQ,OAAO,OAAO,CAAA;AAAA;AACnC;AAEF,QAAA,iBAAA,CAAkB,MAAM,YAAY,CAAA;AAAA,OAC/B,MAAA;AACL,QAAA,OAAA,CAAQ,KAAM,CAAA,OAAA,GAAU,CAAG,EAAA,YAAY,KAAK,IAAI,CAAA,EAAA,CAAA;AAChD,QAAW,UAAA,CAAA,OAAA,CAAQ,MAAM,OAAO,CAAA;AAAA;AAGlC,MAAA,IAAI,cAAc,QAAU,EAAA;AAC1B,QAAAC,yDAAA,CAA0C,aAAa,SAAS,CAAA;AAAA;AAGlE,MAAA,OAAO,UAAW,CAAA,KAAA;AAAA,KACpB;AAAA,IACA;AAAA,MACE,iBAAA;AAAA,MACA,yBAAA;AAAA,MACA,YAAA;AAAA,MACA,WAAA;AAAA,MACA;AAAA;AACF,GACF;AAEA,EAAO,OAAA;AAAA,IACL,YAAA;AAAA,IACA,gBAAA;AAAA,IACA,YAAA;AAAA,IACA;AAAA,GACF;AACF;;;;"}
+{"version":3,"file":"useDragDisplacers.js","sources":["../../../../packages/vuu-ui-controls/src/drag-drop/useDragDisplacers.ts"],"sourcesContent":["import type { orientationType } from \"@vuu-ui/vuu-utils\";\nimport { useCallback, useMemo, useRef } from \"react\";\nimport { Direction } from \"./dragDropTypes\";\nimport { createDragSpacer as createDragDisplacer } from \"./Draggable\";\nimport {\n  MeasuredDropTarget,\n  mutateDropTargetsSwitchDropTargetPosition,\n} from \"./drop-target-utils\";\n\nexport type DragDisplacersHookResult = {\n  displaceItem: (\n    dropTargets: MeasuredDropTarget[],\n    dropTarget: MeasuredDropTarget,\n    size: number,\n    useTransition?: boolean,\n    direction?: Direction | \"static\",\n    orientation?: \"horizontal\" | \"vertical\",\n  ) => number;\n  displaceLastItem: (\n    dropTargets: MeasuredDropTarget[],\n    dropTarget: MeasuredDropTarget,\n    size: number,\n    useTransition?: boolean,\n    direction?: Direction | \"static\",\n    orientation?: \"horizontal\" | \"vertical\",\n  ) => number;\n  clearSpacers: (useAnimation?: boolean) => void;\n  /** Insert the sized spacer at start or end of collection */\n  setTerminalSpacer: (\n    container: HTMLElement,\n    position: \"start\" | \"end\",\n    size: number,\n  ) => void;\n};\n\nexport type DragDisplacersHook = (\n  orientation: orientationType,\n) => DragDisplacersHookResult;\n/**\n * Manage a pair of displacer elements to smoothly display a moving gap between\n * list items of any kind. Designed to be used in a drag drop operation. The 'static'\n * direction option should be used at drag start or following scroll.\n */\nexport const useDragDisplacers: DragDisplacersHook = (\n  orientation = \"horizontal\",\n) => {\n  const animationFrame = useRef(0);\n  const transitioning = useRef(false);\n\n  const spacers = useMemo(\n    // We only need to listen for transition end on one of the spacers\n    () => [createDragDisplacer(transitioning), createDragDisplacer()],\n    [],\n  );\n\n  const animateTransition = useCallback(\n    (size: number, propertyName = \"width\") => {\n      const [spacer1, spacer2] = spacers;\n      animationFrame.current = requestAnimationFrame(() => {\n        transitioning.current = true;\n        spacer1.style.cssText = `${propertyName}: 0px`;\n        spacer2.style.cssText = `${propertyName}: ${size}px`;\n        spacers[0] = spacer2;\n        spacers[1] = spacer1;\n      });\n    },\n    [spacers],\n  );\n\n  const clearSpacers = useCallback(\n    (useTransition = false) => {\n      if (useTransition === true) {\n        const [spacer] = spacers;\n        const cleanup = () => {\n          spacer.removeEventListener(\"transitionend\", cleanup);\n          clearSpacers();\n        };\n        const propertyName = orientation === \"horizontal\" ? \"width\" : \"height\";\n        spacer.addEventListener(\"transitionend\", cleanup);\n        animateTransition(0, propertyName);\n      } else {\n        spacers.forEach((spacer) => spacer.remove());\n      }\n    },\n    [animateTransition, orientation, spacers],\n  );\n\n  const setTerminalSpacer = useCallback(\n    (container: HTMLElement, position: \"start\" | \"end\", size: number) => {\n      clearSpacers();\n\n      const propertyName = orientation === \"horizontal\" ? \"width\" : \"height\";\n      const [spacer] = spacers;\n      spacer.style.cssText = `${propertyName}: ${size}px`;\n\n      if (position === \"start\") {\n        container.firstChild?.before(spacer);\n      } else {\n        container.lastChild?.after(spacer);\n      }\n    },\n    [clearSpacers, orientation, spacers],\n  );\n\n  const cancelAnyPendingAnimation = useCallback(() => {\n    if (animationFrame.current) {\n      cancelAnimationFrame(animationFrame.current);\n      animationFrame.current = 0;\n    }\n  }, []);\n\n  const displaceItem = useCallback(\n    (\n      dropTargets: MeasuredDropTarget[],\n      dropTarget: MeasuredDropTarget,\n      size: number,\n      useTransition = false,\n      direction: Direction | \"static\" = \"static\",\n    ): number => {\n      if (dropTarget) {\n        const propertyName = orientation === \"horizontal\" ? \"width\" : \"height\";\n        const [spacer1, spacer2] = spacers;\n        cancelAnyPendingAnimation();\n        if (useTransition) {\n          if (transitioning.current) {\n            clearSpacers();\n            spacer1.style.cssText = `${propertyName}: ${size}px`;\n            spacer2.style.cssText = `${propertyName}: 0px`;\n            if (direction === \"fwd\") {\n              dropTarget.element.before(spacer1);\n              dropTarget.element.after(spacer2);\n            } else {\n              dropTarget.element.after(spacer1);\n              dropTarget.element.before(spacer2);\n            }\n          } else {\n            if (direction === \"fwd\") {\n              dropTarget.element.after(spacer2);\n            } else {\n              dropTarget.element.before(spacer2);\n            }\n          }\n          animateTransition(size, propertyName);\n        } else if (direction === \"static\") {\n          spacer1.style.cssText = `${propertyName}: ${size}px`;\n          dropTarget.element.before(spacer1);\n        } else {\n          throw Error(\n            \"useDragDisplacers currently only supports noTransition for static displacement\",\n          );\n        }\n        if (direction !== \"static\") {\n          mutateDropTargetsSwitchDropTargetPosition(dropTargets, direction);\n        }\n        return direction === \"bwd\" ? dropTarget.index : dropTarget.index + 1;\n      }\n      return -1;\n    },\n    [\n      animateTransition,\n      cancelAnyPendingAnimation,\n      clearSpacers,\n      orientation,\n      spacers,\n    ],\n  );\n  const displaceLastItem = useCallback(\n    (\n      dropTargets: MeasuredDropTarget[],\n      dropTarget: MeasuredDropTarget,\n      size: number,\n      useTransition = false,\n      direction: Direction | \"static\" = \"static\",\n    ): number => {\n      const propertyName = orientation === \"horizontal\" ? \"width\" : \"height\";\n      const [spacer1, spacer2] = spacers;\n\n      cancelAnyPendingAnimation();\n\n      if (useTransition) {\n        if (transitioning.current) {\n          clearSpacers();\n          spacer1.style.cssText = `${propertyName}: ${size}px`;\n          spacer2.style.cssText = `${propertyName}: 0px`;\n          dropTarget.element.before(spacer1);\n          dropTarget.element.after(spacer2);\n        } else {\n          if (direction === \"fwd\") {\n            dropTarget.element.after(spacer2);\n          } else {\n            dropTarget.element.before(spacer2);\n          }\n        }\n        animateTransition(size, propertyName);\n      } else {\n        spacer1.style.cssText = `${propertyName}: ${size}px`;\n        dropTarget.element.after(spacer1);\n      }\n\n      if (direction !== \"static\") {\n        mutateDropTargetsSwitchDropTargetPosition(dropTargets, direction);\n      }\n\n      return dropTarget.index;\n    },\n    [\n      animateTransition,\n      cancelAnyPendingAnimation,\n      clearSpacers,\n      orientation,\n      spacers,\n    ],\n  );\n\n  return {\n    displaceItem,\n    displaceLastItem,\n    clearSpacers,\n    setTerminalSpacer,\n  };\n};\n"],"names":["useRef","useMemo","createDragDisplacer","useCallback","mutateDropTargetsSwitchDropTargetPosition"],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"useDragDrop.js","sources":["../../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":["NULL_DROP_OPTIONS","NOT_OVERFLOWED","isOverflowElement","useRef","useState","useDragDropProvider","useCallback","dimensions","settlingItem","dispatchCustomEvent","useDragDropNaturalMovement","useDragDropIndicator","useDragDropCopy","useAutoScroll","getScrollableContainer","isContainerScrollable","DragDropState","jsx","Draggable","cloneElement","constrainRect","useLayoutEffect","useEffect"],"mappings":"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"}
+{"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":["NULL_DROP_OPTIONS","NOT_OVERFLOWED","isOverflowElement","useRef","useState","useDragDropProvider","useCallback","dimensions","settlingItem","dispatchCustomEvent","useDragDropNaturalMovement","useDragDropIndicator","useDragDropCopy","useAutoScroll","getScrollableContainer","isContainerScrollable","DragDropState","jsx","Draggable","cloneElement","constrainRect","useLayoutEffect","useEffect"],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"useDragDropCopy.js","sources":["../../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":["useRef","useCallback"],"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,GAAWA,aAAsB,KAAS,CAAA,CAAA;AAChD,EAAA,QAAA,CAAS,OAAU,GAAA,aAAA;AAEnB,EAAA,MAAM,SAAY,GAAAC,iBAAA;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,GAAAA,iBAAA,CAAY,MAAM,KAAA,CAAA,EAAW,EAAE,CAAA;AAC5C,EAAA,MAAM,IAAO,GAAAA,iBAAA,CAAY,MAAM,iBAAA,EAAmB,EAAE,CAAA;AAEpD,EAAO,OAAA;AAAA,IACL,SAAA;AAAA,IACA,IAAA;AAAA,IACA;AAAA,GACF;AACF;;;;;"}
+{"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":["useRef","useCallback"],"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,GAAWA,aAAsB,KAAS,CAAA,CAAA;AAChD,EAAA,QAAA,CAAS,OAAU,GAAA,aAAA;AAEnB,EAAA,MAAM,SAAY,GAAAC,iBAAA;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,GAAAA,iBAAA,CAAY,MAAM,KAAA,CAAA,EAAW,EAAE,CAAA;AAC5C,EAAA,MAAM,IAAO,GAAAA,iBAAA,CAAY,MAAM,iBAAA,EAAmB,EAAE,CAAA;AAEpD,EAAO,OAAA;AAAA,IACL,SAAA;AAAA,IACA,IAAA;AAAA,IACA;AAAA,GACF;AACF;;;;;"}

package/cjs/drag-drop/useDragDropIndicator.js.map

@@ -1 +1 @@
-{"version":3,"file":"useDragDropIndicator.js","sources":["../../src/drag-drop/useDragDropIndicator.tsx"],"sourcesContent":["import { ReactElement, useCallback, useRef, useState } from \"react\";\n\nimport {\n  InternalDragDropProps,\n  InternalDragHookResult,\n  Direction,\n  ViewportRange,\n  DropOptions,\n} from \"./dragDropTypes\";\nimport { useDropIndicator } from \"./useDropIndicator\";\n\nimport {\n  dimensions,\n  getItemById,\n  MeasuredDropTarget,\n  measureDropTargets,\n  getNextDropTarget,\n  dropZone,\n  removeDraggedItem,\n} from \"./drop-target-utils\";\n\nimport { createDropIndicator, Draggable } from \"./Draggable\";\n\nconst NOT_OVERFLOWED = ':not([data-overflowed=\"true\"])';\nconst NOT_HIDDEN = ':not([aria-hidden=\"true\"])';\n\nexport const useDragDropIndicator = ({\n  orientation = \"horizontal\",\n  containerRef,\n  itemQuery = \"*\",\n  selected,\n  viewportRange,\n}: InternalDragDropProps): InternalDragHookResult => {\n  const dragDirectionRef = useRef<Direction | undefined>(undefined);\n  const dropIndicatorRef = useRef<HTMLDivElement>(null);\n  const dropTargetRef = useRef<MeasuredDropTarget | null>(null);\n  const dropZoneRef = useRef<dropZone | \"\">(\"\");\n  const isScrollable = useRef(false);\n  /** current position of dragged element */\n  const dragPosRef = useRef<number>(-1);\n  const measuredDropTargets = useRef<MeasuredDropTarget[]>([]);\n  const overflowMenuShowingRef = useRef(false);\n\n  const [showOverflow, setShowOverflow] = useState(false);\n  const [dropIndicator, setDropIndicator] = useState<\n    ReactElement | undefined\n  >();\n\n  const { clearSpacer, positionDropIndicator } = useDropIndicator();\n\n  const draggedItemRef = useRef<MeasuredDropTarget>(undefined);\n  const fullItemQuery = `:is(${itemQuery}${NOT_OVERFLOWED}${NOT_HIDDEN},[data-overflow-indicator])`;\n\n  // const { setMeasurements: setVizData } = useListViz();\n\n  const indexOf = (dropTarget: MeasuredDropTarget) =>\n    measuredDropTargets.current.findIndex((d) => d.id === dropTarget.id);\n\n  const reposition = (\n    dropTarget: MeasuredDropTarget,\n    distance: number,\n    indexShift?: number,\n  ) => {\n    dropTarget.start += distance;\n    dropTarget.mid += distance;\n    dropTarget.end += distance;\n    if (typeof indexShift === \"number\") {\n      dropTarget.currentIndex += indexShift;\n    }\n  };\n\n  // Shouldn't need this - but viewportRange is always stale in stopScrolling. Checked all dependencies\n  // look ok. Something to do with setTimeout / scrollHandler ?\n  const rangeRef = useRef<ViewportRange>(undefined);\n  rangeRef.current = viewportRange;\n\n  const handleScrollStart = useCallback(() => {\n    clearSpacer();\n  }, [clearSpacer]);\n\n  const handleScrollStop = useCallback(\n    (scrollDirection: \"fwd\" | \"bwd\", _scrollPos: number, atEnd: boolean) => {\n      const { current: container } = containerRef;\n      const { current: draggedItem } = draggedItemRef;\n      if (container && draggedItem) {\n        measuredDropTargets.current = measureDropTargets(\n          container,\n          orientation,\n          fullItemQuery,\n          rangeRef.current,\n        );\n        // setVizData(measuredDropTargets.current);\n\n        const { size } = draggedItem;\n        const dragPos = dragPosRef.current;\n        const midPos = dragPos + size / 2;\n        const { current: dropTargets } = measuredDropTargets;\n        const nextDropTarget = getNextDropTarget(\n          dropTargets,\n          midPos,\n          size,\n          \"fwd\",\n        );\n        if (nextDropTarget) {\n          if (atEnd && scrollDirection === \"fwd\") {\n            positionDropIndicator(dropTargets[dropTargets.length - 1], \"start\");\n          } else {\n            positionDropIndicator(nextDropTarget, \"start\");\n          }\n        }\n\n        // setVizData(measuredDropTargets.current, nextDropTarget);\n      }\n    },\n    [\n      containerRef,\n      positionDropIndicator,\n      fullItemQuery,\n      orientation,\n      // setVizData,\n    ],\n  );\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      const { current: container } = containerRef;\n      if (container && dragElement) {\n        const { SCROLL_SIZE, CLIENT_SIZE } = dimensions(orientation);\n        const { id: draggedItemId } = dragElement;\n\n        const { [SCROLL_SIZE]: scrollSize, [CLIENT_SIZE]: clientSize } =\n          container;\n        isScrollable.current = scrollSize > clientSize;\n\n        const dropTargets = (measuredDropTargets.current = measureDropTargets(\n          container,\n          orientation,\n          fullItemQuery,\n          viewportRange,\n        ));\n\n        const draggedItem = getItemById(dropTargets, draggedItemId);\n\n        if (draggedItem && container) {\n          const targetIndex = indexOf(draggedItem);\n          removeDraggedItem(dropTargets, targetIndex);\n          draggedItemRef.current = draggedItem;\n\n          // This begins to deviate from NaturalMovement here -----------\n          const { current: range } = rangeRef;\n          //TODO when our viewport is the last 'page' of a scrolling viewport\n          // the viewport will scoll up by one row when we remove an item, so\n          // the position of each item will move down.\n          if (range?.atEnd) {\n            for (let i = 0; i < dropTargets.length; i++) {\n              reposition(dropTargets[i], draggedItem.size);\n            }\n          }\n          for (let i = targetIndex; i < dropTargets.length; i++) {\n            reposition(dropTargets[i], -draggedItem.size, -1);\n          }\n\n          const [dropTarget, dropZone] = draggedItem.isLast\n            ? [dropTargets[dropTargets.length - 1], \"end\"]\n            : [dropTargets[targetIndex], \"start\"];\n\n          dropTargetRef.current = dropTarget;\n          dropZoneRef.current = dropZone as dropZone;\n\n          // setVizData(dropTargets, dropTarget, dropZone);\n\n          const dropIndicatorPosition = positionDropIndicator(\n            dropTarget,\n            dropZone as dropZone,\n          );\n\n          const { top, left, width } =\n            dropIndicatorPosition.getBoundingClientRect();\n          // Next render will remove the dragged item, that will offset our initial\n          // dropIndicatorPosition\n          const dropIndicatorRect = {\n            top: draggedItem.isLast\n              ? range?.atEnd && !range.atStart\n                ? top + draggedItem.size - 2\n                : top - 2\n              : top - draggedItem.size - 2,\n            left,\n            width,\n            height: 2,\n          };\n\n          setDropIndicator(\n            <Draggable\n              wrapperClassName=\"dropIndicatorContainer\"\n              style={dropIndicatorRect}\n              ref={dropIndicatorRef}\n              element={createDropIndicator()}\n            />,\n          );\n        }\n      }\n    },\n    [\n      selected,\n      containerRef,\n      orientation,\n      fullItemQuery,\n      viewportRange,\n      positionDropIndicator,\n    ],\n  );\n\n  const drag = useCallback(\n    (dragPos: number, mouseMoveDirection: \"fwd\" | \"bwd\") => {\n      const { current: currentDropTarget } = dropTargetRef;\n      const { current: draggedItem } = draggedItemRef;\n\n      if (draggedItem) {\n        if (containerRef.current) {\n          const START = orientation === \"horizontal\" ? \"left\" : \"top\";\n          dragPosRef.current = dragPos;\n\n          const { current: dropTargets } = measuredDropTargets;\n          const nextDropTarget = getNextDropTarget(\n            dropTargets,\n            dragPos,\n            draggedItem.size,\n            mouseMoveDirection,\n          );\n\n          if (\n            nextDropTarget &&\n            nextDropTarget.index !== currentDropTarget?.index\n            // mouseMoveDirection !== dragDirectionRef.current\n          ) {\n            if (nextDropTarget.isOverflowIndicator) {\n              // Does this belong in here or can we abstract it out\n              setShowOverflow((overflowMenuShowingRef.current = true));\n            } else if (dropIndicatorRef.current) {\n              const targetIndex = indexOf(nextDropTarget);\n              if (targetIndex === dropTargets.length - 1) {\n                // because we maintain at least one out-of-viewport row in\n                // the dropTargets, this means we are at the very last item.\n                const dropTarget = dropTargets[dropTargets.length - 1];\n                const dropIndicatorPosition = positionDropIndicator(\n                  dropTarget,\n                  \"start\",\n                );\n                const dropIndicatorRect =\n                  dropIndicatorPosition.getBoundingClientRect();\n                dropIndicatorRef.current.style[START] =\n                  `${dropIndicatorRect.top}px`;\n              } else {\n                const dropIndicatorPosition = positionDropIndicator(\n                  nextDropTarget,\n                  \"start\",\n                ) as unknown as HTMLElement;\n                const dropIndicatorRect =\n                  dropIndicatorPosition.getBoundingClientRect();\n                dropIndicatorRef.current.style[START] =\n                  `${dropIndicatorRect.top}px`;\n              }\n              // setVizData(dropTargets, nextDropTarget, nextDropZone);\n\n              setShowOverflow((overflowMenuShowingRef.current = false));\n            }\n\n            dropTargetRef.current = nextDropTarget;\n            dragDirectionRef.current = mouseMoveDirection;\n          }\n        }\n      }\n    },\n    [containerRef, orientation, positionDropIndicator],\n  );\n\n  const drop = useCallback((): DropOptions => {\n    clearSpacer();\n    const { current: draggedItem } = draggedItemRef;\n    const { current: dropTarget } = dropTargetRef;\n    const { current: dropZone } = dropZoneRef;\n    const { current: range } = rangeRef;\n\n    if (draggedItem && range && dropTarget) {\n      const { index: fromIndex } = draggedItem;\n\n      const dropBefore = dropZone === \"start\";\n      const {\n        index: originalDropTargetIndex,\n        currentIndex: currentDropTargetIndex,\n      } = dropTarget;\n\n      dropTargetRef.current = null;\n      dragDirectionRef.current = undefined;\n\n      setDropIndicator(undefined);\n      setShowOverflow(false);\n\n      //TODO why is this different from Natural Movement ?\n      if (overflowMenuShowingRef.current) {\n        return {\n          fromIndex,\n          toIndex: -1,\n        };\n      } else {\n        if (fromIndex < originalDropTargetIndex) {\n          return {\n            fromIndex,\n            toIndex: dropBefore\n              ? currentDropTargetIndex\n              : currentDropTargetIndex + 1,\n          };\n        } else {\n          return {\n            fromIndex,\n            toIndex: dropBefore\n              ? originalDropTargetIndex\n              : originalDropTargetIndex + 1,\n          };\n        }\n      }\n    } else {\n      throw Error(`useDragDropIndicator drop error`);\n    }\n  }, [clearSpacer]);\n\n  const releaseDrag = useCallback(() => {\n    // TODO\n  }, []);\n\n  return {\n    beginDrag,\n    drag,\n    drop,\n    dropIndicator,\n    handleScrollStart,\n    handleScrollStop,\n    releaseDrag,\n    revealOverflowedItems: showOverflow,\n  };\n};\n"],"names":["useRef","useState","useDropIndicator","useCallback","measureDropTargets","getNextDropTarget","dimensions","getItemById","removeDraggedItem","dropZone","jsx","Draggable","createDropIndicator"],"mappings":"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"}
+{"version":3,"file":"useDragDropIndicator.js","sources":["../../../../packages/vuu-ui-controls/src/drag-drop/useDragDropIndicator.tsx"],"sourcesContent":["import { ReactElement, useCallback, useRef, useState } from \"react\";\n\nimport {\n  InternalDragDropProps,\n  InternalDragHookResult,\n  Direction,\n  ViewportRange,\n  DropOptions,\n} from \"./dragDropTypes\";\nimport { useDropIndicator } from \"./useDropIndicator\";\n\nimport {\n  dimensions,\n  getItemById,\n  MeasuredDropTarget,\n  measureDropTargets,\n  getNextDropTarget,\n  dropZone,\n  removeDraggedItem,\n} from \"./drop-target-utils\";\n\nimport { createDropIndicator, Draggable } from \"./Draggable\";\n\nconst NOT_OVERFLOWED = ':not([data-overflowed=\"true\"])';\nconst NOT_HIDDEN = ':not([aria-hidden=\"true\"])';\n\nexport const useDragDropIndicator = ({\n  orientation = \"horizontal\",\n  containerRef,\n  itemQuery = \"*\",\n  selected,\n  viewportRange,\n}: InternalDragDropProps): InternalDragHookResult => {\n  const dragDirectionRef = useRef<Direction | undefined>(undefined);\n  const dropIndicatorRef = useRef<HTMLDivElement>(null);\n  const dropTargetRef = useRef<MeasuredDropTarget | null>(null);\n  const dropZoneRef = useRef<dropZone | \"\">(\"\");\n  const isScrollable = useRef(false);\n  /** current position of dragged element */\n  const dragPosRef = useRef<number>(-1);\n  const measuredDropTargets = useRef<MeasuredDropTarget[]>([]);\n  const overflowMenuShowingRef = useRef(false);\n\n  const [showOverflow, setShowOverflow] = useState(false);\n  const [dropIndicator, setDropIndicator] = useState<\n    ReactElement | undefined\n  >();\n\n  const { clearSpacer, positionDropIndicator } = useDropIndicator();\n\n  const draggedItemRef = useRef<MeasuredDropTarget>(undefined);\n  const fullItemQuery = `:is(${itemQuery}${NOT_OVERFLOWED}${NOT_HIDDEN},[data-overflow-indicator])`;\n\n  // const { setMeasurements: setVizData } = useListViz();\n\n  const indexOf = (dropTarget: MeasuredDropTarget) =>\n    measuredDropTargets.current.findIndex((d) => d.id === dropTarget.id);\n\n  const reposition = (\n    dropTarget: MeasuredDropTarget,\n    distance: number,\n    indexShift?: number,\n  ) => {\n    dropTarget.start += distance;\n    dropTarget.mid += distance;\n    dropTarget.end += distance;\n    if (typeof indexShift === \"number\") {\n      dropTarget.currentIndex += indexShift;\n    }\n  };\n\n  // Shouldn't need this - but viewportRange is always stale in stopScrolling. Checked all dependencies\n  // look ok. Something to do with setTimeout / scrollHandler ?\n  const rangeRef = useRef<ViewportRange>(undefined);\n  rangeRef.current = viewportRange;\n\n  const handleScrollStart = useCallback(() => {\n    clearSpacer();\n  }, [clearSpacer]);\n\n  const handleScrollStop = useCallback(\n    (scrollDirection: \"fwd\" | \"bwd\", _scrollPos: number, atEnd: boolean) => {\n      const { current: container } = containerRef;\n      const { current: draggedItem } = draggedItemRef;\n      if (container && draggedItem) {\n        measuredDropTargets.current = measureDropTargets(\n          container,\n          orientation,\n          fullItemQuery,\n          rangeRef.current,\n        );\n        // setVizData(measuredDropTargets.current);\n\n        const { size } = draggedItem;\n        const dragPos = dragPosRef.current;\n        const midPos = dragPos + size / 2;\n        const { current: dropTargets } = measuredDropTargets;\n        const nextDropTarget = getNextDropTarget(\n          dropTargets,\n          midPos,\n          size,\n          \"fwd\",\n        );\n        if (nextDropTarget) {\n          if (atEnd && scrollDirection === \"fwd\") {\n            positionDropIndicator(dropTargets[dropTargets.length - 1], \"start\");\n          } else {\n            positionDropIndicator(nextDropTarget, \"start\");\n          }\n        }\n\n        // setVizData(measuredDropTargets.current, nextDropTarget);\n      }\n    },\n    [\n      containerRef,\n      positionDropIndicator,\n      fullItemQuery,\n      orientation,\n      // setVizData,\n    ],\n  );\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      const { current: container } = containerRef;\n      if (container && dragElement) {\n        const { SCROLL_SIZE, CLIENT_SIZE } = dimensions(orientation);\n        const { id: draggedItemId } = dragElement;\n\n        const { [SCROLL_SIZE]: scrollSize, [CLIENT_SIZE]: clientSize } =\n          container;\n        isScrollable.current = scrollSize > clientSize;\n\n        const dropTargets = (measuredDropTargets.current = measureDropTargets(\n          container,\n          orientation,\n          fullItemQuery,\n          viewportRange,\n        ));\n\n        const draggedItem = getItemById(dropTargets, draggedItemId);\n\n        if (draggedItem && container) {\n          const targetIndex = indexOf(draggedItem);\n          removeDraggedItem(dropTargets, targetIndex);\n          draggedItemRef.current = draggedItem;\n\n          // This begins to deviate from NaturalMovement here -----------\n          const { current: range } = rangeRef;\n          //TODO when our viewport is the last 'page' of a scrolling viewport\n          // the viewport will scoll up by one row when we remove an item, so\n          // the position of each item will move down.\n          if (range?.atEnd) {\n            for (let i = 0; i < dropTargets.length; i++) {\n              reposition(dropTargets[i], draggedItem.size);\n            }\n          }\n          for (let i = targetIndex; i < dropTargets.length; i++) {\n            reposition(dropTargets[i], -draggedItem.size, -1);\n          }\n\n          const [dropTarget, dropZone] = draggedItem.isLast\n            ? [dropTargets[dropTargets.length - 1], \"end\"]\n            : [dropTargets[targetIndex], \"start\"];\n\n          dropTargetRef.current = dropTarget;\n          dropZoneRef.current = dropZone as dropZone;\n\n          // setVizData(dropTargets, dropTarget, dropZone);\n\n          const dropIndicatorPosition = positionDropIndicator(\n            dropTarget,\n            dropZone as dropZone,\n          );\n\n          const { top, left, width } =\n            dropIndicatorPosition.getBoundingClientRect();\n          // Next render will remove the dragged item, that will offset our initial\n          // dropIndicatorPosition\n          const dropIndicatorRect = {\n            top: draggedItem.isLast\n              ? range?.atEnd && !range.atStart\n                ? top + draggedItem.size - 2\n                : top - 2\n              : top - draggedItem.size - 2,\n            left,\n            width,\n            height: 2,\n          };\n\n          setDropIndicator(\n            <Draggable\n              wrapperClassName=\"dropIndicatorContainer\"\n              style={dropIndicatorRect}\n              ref={dropIndicatorRef}\n              element={createDropIndicator()}\n            />,\n          );\n        }\n      }\n    },\n    [\n      selected,\n      containerRef,\n      orientation,\n      fullItemQuery,\n      viewportRange,\n      positionDropIndicator,\n    ],\n  );\n\n  const drag = useCallback(\n    (dragPos: number, mouseMoveDirection: \"fwd\" | \"bwd\") => {\n      const { current: currentDropTarget } = dropTargetRef;\n      const { current: draggedItem } = draggedItemRef;\n\n      if (draggedItem) {\n        if (containerRef.current) {\n          const START = orientation === \"horizontal\" ? \"left\" : \"top\";\n          dragPosRef.current = dragPos;\n\n          const { current: dropTargets } = measuredDropTargets;\n          const nextDropTarget = getNextDropTarget(\n            dropTargets,\n            dragPos,\n            draggedItem.size,\n            mouseMoveDirection,\n          );\n\n          if (\n            nextDropTarget &&\n            nextDropTarget.index !== currentDropTarget?.index\n            // mouseMoveDirection !== dragDirectionRef.current\n          ) {\n            if (nextDropTarget.isOverflowIndicator) {\n              // Does this belong in here or can we abstract it out\n              setShowOverflow((overflowMenuShowingRef.current = true));\n            } else if (dropIndicatorRef.current) {\n              const targetIndex = indexOf(nextDropTarget);\n              if (targetIndex === dropTargets.length - 1) {\n                // because we maintain at least one out-of-viewport row in\n                // the dropTargets, this means we are at the very last item.\n                const dropTarget = dropTargets[dropTargets.length - 1];\n                const dropIndicatorPosition = positionDropIndicator(\n                  dropTarget,\n                  \"start\",\n                );\n                const dropIndicatorRect =\n                  dropIndicatorPosition.getBoundingClientRect();\n                dropIndicatorRef.current.style[START] =\n                  `${dropIndicatorRect.top}px`;\n              } else {\n                const dropIndicatorPosition = positionDropIndicator(\n                  nextDropTarget,\n                  \"start\",\n                ) as unknown as HTMLElement;\n                const dropIndicatorRect =\n                  dropIndicatorPosition.getBoundingClientRect();\n                dropIndicatorRef.current.style[START] =\n                  `${dropIndicatorRect.top}px`;\n              }\n              // setVizData(dropTargets, nextDropTarget, nextDropZone);\n\n              setShowOverflow((overflowMenuShowingRef.current = false));\n            }\n\n            dropTargetRef.current = nextDropTarget;\n            dragDirectionRef.current = mouseMoveDirection;\n          }\n        }\n      }\n    },\n    [containerRef, orientation, positionDropIndicator],\n  );\n\n  const drop = useCallback((): DropOptions => {\n    clearSpacer();\n    const { current: draggedItem } = draggedItemRef;\n    const { current: dropTarget } = dropTargetRef;\n    const { current: dropZone } = dropZoneRef;\n    const { current: range } = rangeRef;\n\n    if (draggedItem && range && dropTarget) {\n      const { index: fromIndex } = draggedItem;\n\n      const dropBefore = dropZone === \"start\";\n      const {\n        index: originalDropTargetIndex,\n        currentIndex: currentDropTargetIndex,\n      } = dropTarget;\n\n      dropTargetRef.current = null;\n      dragDirectionRef.current = undefined;\n\n      setDropIndicator(undefined);\n      setShowOverflow(false);\n\n      //TODO why is this different from Natural Movement ?\n      if (overflowMenuShowingRef.current) {\n        return {\n          fromIndex,\n          toIndex: -1,\n        };\n      } else {\n        if (fromIndex < originalDropTargetIndex) {\n          return {\n            fromIndex,\n            toIndex: dropBefore\n              ? currentDropTargetIndex\n              : currentDropTargetIndex + 1,\n          };\n        } else {\n          return {\n            fromIndex,\n            toIndex: dropBefore\n              ? originalDropTargetIndex\n              : originalDropTargetIndex + 1,\n          };\n        }\n      }\n    } else {\n      throw Error(`useDragDropIndicator drop error`);\n    }\n  }, [clearSpacer]);\n\n  const releaseDrag = useCallback(() => {\n    // TODO\n  }, []);\n\n  return {\n    beginDrag,\n    drag,\n    drop,\n    dropIndicator,\n    handleScrollStart,\n    handleScrollStop,\n    releaseDrag,\n    revealOverflowedItems: showOverflow,\n  };\n};\n"],"names":["useRef","useState","useDropIndicator","useCallback","measureDropTargets","getNextDropTarget","dimensions","getItemById","removeDraggedItem","dropZone","jsx","Draggable","createDropIndicator"],"mappings":"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"}

package/cjs/drag-drop/useDragDropNaturalMovement.js.map

@@ -1 +1 @@
-{"version":3,"file":"useDragDropNaturalMovement.js","sources":["../../src/drag-drop/useDragDropNaturalMovement.tsx"],"sourcesContent":["import { useCallback, useMemo, useRef, useState } from \"react\";\n\nimport {\n  Direction,\n  DropOptions,\n  InternalDragDropProps,\n  InternalDragHookResult,\n  ViewportRange,\n} from \"./dragDropTypes\";\nimport { useDragDisplacers } from \"./useDragDisplacers\";\nimport { dispatchMouseEvent } from \"@vuu-ui/vuu-utils\";\nimport {\n  dimensions,\n  getIndexOfDraggedItem,\n  getItemParentContainer,\n  getNextDropTarget,\n  MeasuredDropTarget,\n  measureDropTargets,\n  NOT_HIDDEN,\n  NOT_OVERFLOWED,\n} from \"./drop-target-utils\";\n\ntype DragPosition = {\n  direction?: Direction;\n  insertionPosition: number;\n};\n\nexport const useDragDropNaturalMovement = ({\n  containerRef,\n  orientation = \"horizontal\",\n  itemQuery = \"*\",\n  selected,\n  viewportRange,\n}: InternalDragDropProps): InternalDragHookResult => {\n  const dragPositionRef = useRef<DragPosition>({\n    direction: undefined,\n    insertionPosition: -1,\n  });\n  const isScrollable = useRef(false);\n  /** current position of dragged element */\n  const dragPosRef = useRef<number>(-1);\n  const measuredDropTargets = useRef<MeasuredDropTarget[]>([]);\n  const overflowMenuShowingRef = useRef(false);\n\n  const [showOverflow, setShowOverflow] = useState(false);\n\n  const { clearSpacers, displaceItem, displaceLastItem, setTerminalSpacer } =\n    useDragDisplacers(orientation);\n\n  const draggedItemRef = useRef<MeasuredDropTarget>(undefined);\n  const fullItemQuery = `:is(${itemQuery}${NOT_OVERFLOWED}${NOT_HIDDEN},.vuuOverflowContainer-OverflowIndicator)`;\n\n  const indexOf = (dropTarget: MeasuredDropTarget) =>\n    measuredDropTargets.current.findIndex((d) => d.id === dropTarget.id);\n\n  // Shouldn't need this - but viewportRange is always stale in stopScrolling. Checked all dependencies\n  // look ok. Something to do with setTimeout / scrollHandler ?\n  const rangeRef = useRef<ViewportRange>(undefined);\n  rangeRef.current = viewportRange;\n\n  const handleScrollStart = useCallback(\n    (scrollDirection: \"fwd\" | \"bwd\") => {\n      const itemContainer = getItemParentContainer(\n        containerRef.current,\n        itemQuery,\n      );\n      const { current: draggedItem } = draggedItemRef;\n\n      // When we start scrolling, insert a spacer at the start of end of the collection.\n      // This is what we will need if user scrolls right to end and it will give the correct\n      // scrollHeight. Ig user stops scrolling before start/end we will reposition the\n      // spacer(s) appropriately\n      if (itemContainer && draggedItem) {\n        setTerminalSpacer(\n          itemContainer,\n          scrollDirection === \"fwd\" ? \"end\" : \"start\",\n          draggedItem.size,\n        );\n      }\n    },\n    [containerRef, itemQuery, setTerminalSpacer],\n  );\n\n  const handleScrollStop = useCallback(\n    (scrollDirection: \"fwd\" | \"bwd\") => {\n      const { current: container } = containerRef;\n      const { current: draggedItem } = draggedItemRef;\n      const { current: dragPosition } = dragPositionRef;\n      if (container && draggedItem) {\n        const dropTargets = (measuredDropTargets.current = measureDropTargets(\n          container,\n          orientation,\n          fullItemQuery,\n          rangeRef.current,\n        ));\n\n        const dropTargetAtBoundary =\n          scrollDirection === \"fwd\" ? dropTargets.at(-1) : dropTargets.at(0);\n\n        if (dropTargetAtBoundary) {\n          const { mid, end, size, start } = dropTargetAtBoundary;\n          if (scrollDirection === \"fwd\") {\n            const draggedDropTarget = {\n              ...draggedItem,\n              start: Math.round(start + size),\n              mid: Math.round(mid + size),\n              end: Math.round(end + size),\n            };\n            dropTargets.push(draggedDropTarget);\n            dragPosition.insertionPosition = dropTargetAtBoundary.index + 1;\n          } else {\n            const draggedDropTarget = {\n              ...draggedItem,\n              start: Math.round(start - size),\n              mid: Math.round(mid - size),\n              end: Math.round(end - size),\n            };\n            dropTargets.unshift(draggedDropTarget);\n            dragPosition.insertionPosition = 0;\n          }\n        }\n      }\n    },\n    [containerRef, fullItemQuery, orientation],\n  );\n\n  const beginDrag = useCallback(\n    (dragElement: HTMLElement) => {\n      if (\n        //TODO need a different check for selected\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      const { current: container } = containerRef;\n      const { current: dragPosition } = dragPositionRef;\n\n      if (container && dragElement) {\n        const internalDrag = container.contains(dragElement);\n        const { SCROLL_SIZE, CLIENT_SIZE } = dimensions(orientation);\n        const { id: draggedItemId } = dragElement;\n        const { [SCROLL_SIZE]: scrollSize, [CLIENT_SIZE]: clientSize } =\n          container;\n        isScrollable.current = scrollSize > clientSize;\n        const dropTargets = (measuredDropTargets.current = measureDropTargets(\n          container,\n          orientation,\n          fullItemQuery,\n          viewportRange,\n          draggedItemId,\n        ));\n\n        if (internalDrag) {\n          const indexOfDraggedItem = getIndexOfDraggedItem(dropTargets);\n          const draggedItem = dropTargets[indexOfDraggedItem];\n          if (draggedItem && container) {\n            draggedItemRef.current = draggedItem;\n            const displaceFunction = draggedItem.isLast\n              ? displaceLastItem\n              : displaceItem;\n\n            // This should return the insertion position of dragged item\n            // which depends on both dro[Target and direction]\n            dragPosition.insertionPosition = displaceFunction(\n              dropTargets,\n              draggedItem,\n              draggedItem.size,\n              false,\n              \"static\",\n            );\n          }\n        } else {\n          // prettier-ignore\n          const { top: dragPos, height: size } = dragElement.getBoundingClientRect();\n          // prettier-ignore\n          const dropTarget = getNextDropTarget( dropTargets, dragPos, size, \"fwd\");\n          const index = dropTargets.indexOf(dropTarget);\n          const { start, end, mid } = dropTarget;\n\n          // need to compute the correct position of this\n          // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n          // @ts-ignore\n          const draggedItem = (draggedItemRef.current = {\n            end,\n            mid,\n            start,\n            isDraggedItem: true,\n            isExternal: true,\n            size,\n          });\n\n          const indexOfDropTarget = dropTargets.indexOf(dropTarget);\n          // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n          // @ts-ignore\n          dropTargets.splice(indexOfDropTarget, 0, draggedItem);\n          for (let i = index + 1; i < dropTargets.length; i++) {\n            const target = dropTargets[i];\n            target.mid += size;\n            target.end += size;\n            target.start += size;\n          }\n\n          const displaceFunction = dropTarget.isLast\n            ? displaceLastItem\n            : displaceItem;\n\n          displaceFunction(\n            dropTargets,\n            dropTarget,\n            dropTarget.size,\n            true,\n            \"static\",\n          );\n        }\n      }\n    },\n    [\n      containerRef,\n      displaceItem,\n      displaceLastItem,\n      fullItemQuery,\n      orientation,\n      selected,\n      viewportRange,\n    ],\n  );\n\n  const [showPopup, hidePopup] = useMemo(() => {\n    let popupShowing = false;\n    const show = (dropTarget: MeasuredDropTarget) => {\n      if (!popupShowing) {\n        popupShowing = true;\n        const button = dropTarget.element.querySelector(\n          \".vuuPopupMenu\",\n        ) as HTMLElement;\n        if (button) {\n          dispatchMouseEvent(button, \"click\");\n        }\n      }\n    };\n\n    const hide = (dropTarget: MeasuredDropTarget) => {\n      if (popupShowing) {\n        popupShowing = false;\n        const button = dropTarget.element.querySelector(\n          \".vuuPopupMenu\",\n        ) as HTMLElement;\n        if (button) {\n          dispatchMouseEvent(button, \"click\");\n        }\n      }\n    };\n\n    return [show, hide];\n  }, []);\n\n  const drag = useCallback(\n    (dragPos: number, mouseMoveDirection: \"fwd\" | \"bwd\") => {\n      const { current: draggedItem } = draggedItemRef;\n      const { current: dragPosition } = dragPositionRef;\n\n      if (draggedItem) {\n        if (containerRef.current) {\n          dragPosRef.current = dragPos;\n\n          const { current: dropTargets } = measuredDropTargets;\n          const nextDropTarget = getNextDropTarget(\n            dropTargets,\n            dragPos,\n            draggedItem.size,\n            mouseMoveDirection,\n          );\n\n          if (nextDropTarget && !nextDropTarget.isDraggedItem) {\n            if (nextDropTarget.isOverflowIndicator) {\n              // Does this belong in here or can we abstract it out\n              setShowOverflow((overflowMenuShowingRef.current = true));\n              showPopup(nextDropTarget);\n            } else {\n              const { size } = draggedItem;\n              const targetIndex = indexOf(nextDropTarget);\n\n              const displaceFunc =\n                targetIndex === dropTargets.length - 1\n                  ? displaceLastItem\n                  : displaceItem;\n\n              dragPosition.insertionPosition = displaceFunc(\n                dropTargets,\n                nextDropTarget,\n                size,\n                true,\n                mouseMoveDirection,\n              );\n\n              const overflowIndicator = dropTargets.at(\n                -1,\n              ) as MeasuredDropTarget;\n              hidePopup(overflowIndicator);\n              setShowOverflow((overflowMenuShowingRef.current = false));\n            }\n          }\n          dragPosition.direction = mouseMoveDirection;\n        }\n      }\n    },\n    [containerRef, displaceItem, displaceLastItem, hidePopup, showPopup],\n  );\n\n  const drop = useCallback((): DropOptions => {\n    clearSpacers();\n    const { current: dropTargets } = measuredDropTargets;\n    const { current: dragPosition } = dragPositionRef;\n    const indexOfDraggedItem = getIndexOfDraggedItem(dropTargets);\n    const draggedItem = dropTargets[indexOfDraggedItem];\n    const { insertionPosition } = dragPosition;\n    const { index: fromIndex, isExternal } = draggedItem;\n\n    if (overflowMenuShowingRef.current) {\n      setShowOverflow(false);\n    }\n\n    dragPosition.direction = undefined;\n    dragPosition.insertionPosition = -1;\n\n    const isLastItem = indexOfDraggedItem === dropTargets.length - 1;\n    const toIndex = overflowMenuShowingRef.current\n      ? -1\n      : fromIndex < insertionPosition && !isLastItem\n        ? insertionPosition - 1\n        : insertionPosition;\n\n    return { fromIndex, toIndex, isExternal };\n  }, [clearSpacers]);\n\n  const releaseDrag = useCallback(() => {\n    clearSpacers(true);\n  }, [clearSpacers]);\n\n  return {\n    beginDrag,\n    drag,\n    drop,\n    handleScrollStart,\n    handleScrollStop,\n    releaseDrag,\n    revealOverflowedItems: showOverflow,\n  };\n};\n"],"names":["useRef","useState","useDragDisplacers","NOT_OVERFLOWED","NOT_HIDDEN","useCallback","getItemParentContainer","measureDropTargets","dimensions","getIndexOfDraggedItem","getNextDropTarget","useMemo","dispatchMouseEvent"],"mappings":"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"}
+{"version":3,"file":"useDragDropNaturalMovement.js","sources":["../../../../packages/vuu-ui-controls/src/drag-drop/useDragDropNaturalMovement.tsx"],"sourcesContent":["import { useCallback, useMemo, useRef, useState } from \"react\";\n\nimport {\n  Direction,\n  DropOptions,\n  InternalDragDropProps,\n  InternalDragHookResult,\n  ViewportRange,\n} from \"./dragDropTypes\";\nimport { useDragDisplacers } from \"./useDragDisplacers\";\nimport { dispatchMouseEvent } from \"@vuu-ui/vuu-utils\";\nimport {\n  dimensions,\n  getIndexOfDraggedItem,\n  getItemParentContainer,\n  getNextDropTarget,\n  MeasuredDropTarget,\n  measureDropTargets,\n  NOT_HIDDEN,\n  NOT_OVERFLOWED,\n} from \"./drop-target-utils\";\n\ntype DragPosition = {\n  direction?: Direction;\n  insertionPosition: number;\n};\n\nexport const useDragDropNaturalMovement = ({\n  containerRef,\n  orientation = \"horizontal\",\n  itemQuery = \"*\",\n  selected,\n  viewportRange,\n}: InternalDragDropProps): InternalDragHookResult => {\n  const dragPositionRef = useRef<DragPosition>({\n    direction: undefined,\n    insertionPosition: -1,\n  });\n  const isScrollable = useRef(false);\n  /** current position of dragged element */\n  const dragPosRef = useRef<number>(-1);\n  const measuredDropTargets = useRef<MeasuredDropTarget[]>([]);\n  const overflowMenuShowingRef = useRef(false);\n\n  const [showOverflow, setShowOverflow] = useState(false);\n\n  const { clearSpacers, displaceItem, displaceLastItem, setTerminalSpacer } =\n    useDragDisplacers(orientation);\n\n  const draggedItemRef = useRef<MeasuredDropTarget>(undefined);\n  const fullItemQuery = `:is(${itemQuery}${NOT_OVERFLOWED}${NOT_HIDDEN},.vuuOverflowContainer-OverflowIndicator)`;\n\n  const indexOf = (dropTarget: MeasuredDropTarget) =>\n    measuredDropTargets.current.findIndex((d) => d.id === dropTarget.id);\n\n  // Shouldn't need this - but viewportRange is always stale in stopScrolling. Checked all dependencies\n  // look ok. Something to do with setTimeout / scrollHandler ?\n  const rangeRef = useRef<ViewportRange>(undefined);\n  rangeRef.current = viewportRange;\n\n  const handleScrollStart = useCallback(\n    (scrollDirection: \"fwd\" | \"bwd\") => {\n      const itemContainer = getItemParentContainer(\n        containerRef.current,\n        itemQuery,\n      );\n      const { current: draggedItem } = draggedItemRef;\n\n      // When we start scrolling, insert a spacer at the start of end of the collection.\n      // This is what we will need if user scrolls right to end and it will give the correct\n      // scrollHeight. Ig user stops scrolling before start/end we will reposition the\n      // spacer(s) appropriately\n      if (itemContainer && draggedItem) {\n        setTerminalSpacer(\n          itemContainer,\n          scrollDirection === \"fwd\" ? \"end\" : \"start\",\n          draggedItem.size,\n        );\n      }\n    },\n    [containerRef, itemQuery, setTerminalSpacer],\n  );\n\n  const handleScrollStop = useCallback(\n    (scrollDirection: \"fwd\" | \"bwd\") => {\n      const { current: container } = containerRef;\n      const { current: draggedItem } = draggedItemRef;\n      const { current: dragPosition } = dragPositionRef;\n      if (container && draggedItem) {\n        const dropTargets = (measuredDropTargets.current = measureDropTargets(\n          container,\n          orientation,\n          fullItemQuery,\n          rangeRef.current,\n        ));\n\n        const dropTargetAtBoundary =\n          scrollDirection === \"fwd\" ? dropTargets.at(-1) : dropTargets.at(0);\n\n        if (dropTargetAtBoundary) {\n          const { mid, end, size, start } = dropTargetAtBoundary;\n          if (scrollDirection === \"fwd\") {\n            const draggedDropTarget = {\n              ...draggedItem,\n              start: Math.round(start + size),\n              mid: Math.round(mid + size),\n              end: Math.round(end + size),\n            };\n            dropTargets.push(draggedDropTarget);\n            dragPosition.insertionPosition = dropTargetAtBoundary.index + 1;\n          } else {\n            const draggedDropTarget = {\n              ...draggedItem,\n              start: Math.round(start - size),\n              mid: Math.round(mid - size),\n              end: Math.round(end - size),\n            };\n            dropTargets.unshift(draggedDropTarget);\n            dragPosition.insertionPosition = 0;\n          }\n        }\n      }\n    },\n    [containerRef, fullItemQuery, orientation],\n  );\n\n  const beginDrag = useCallback(\n    (dragElement: HTMLElement) => {\n      if (\n        //TODO need a different check for selected\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      const { current: container } = containerRef;\n      const { current: dragPosition } = dragPositionRef;\n\n      if (container && dragElement) {\n        const internalDrag = container.contains(dragElement);\n        const { SCROLL_SIZE, CLIENT_SIZE } = dimensions(orientation);\n        const { id: draggedItemId } = dragElement;\n        const { [SCROLL_SIZE]: scrollSize, [CLIENT_SIZE]: clientSize } =\n          container;\n        isScrollable.current = scrollSize > clientSize;\n        const dropTargets = (measuredDropTargets.current = measureDropTargets(\n          container,\n          orientation,\n          fullItemQuery,\n          viewportRange,\n          draggedItemId,\n        ));\n\n        if (internalDrag) {\n          const indexOfDraggedItem = getIndexOfDraggedItem(dropTargets);\n          const draggedItem = dropTargets[indexOfDraggedItem];\n          if (draggedItem && container) {\n            draggedItemRef.current = draggedItem;\n            const displaceFunction = draggedItem.isLast\n              ? displaceLastItem\n              : displaceItem;\n\n            // This should return the insertion position of dragged item\n            // which depends on both dro[Target and direction]\n            dragPosition.insertionPosition = displaceFunction(\n              dropTargets,\n              draggedItem,\n              draggedItem.size,\n              false,\n              \"static\",\n            );\n          }\n        } else {\n          // prettier-ignore\n          const { top: dragPos, height: size } = dragElement.getBoundingClientRect();\n          // prettier-ignore\n          const dropTarget = getNextDropTarget( dropTargets, dragPos, size, \"fwd\");\n          const index = dropTargets.indexOf(dropTarget);\n          const { start, end, mid } = dropTarget;\n\n          // need to compute the correct position of this\n          // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n          // @ts-ignore\n          const draggedItem = (draggedItemRef.current = {\n            end,\n            mid,\n            start,\n            isDraggedItem: true,\n            isExternal: true,\n            size,\n          });\n\n          const indexOfDropTarget = dropTargets.indexOf(dropTarget);\n          // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n          // @ts-ignore\n          dropTargets.splice(indexOfDropTarget, 0, draggedItem);\n          for (let i = index + 1; i < dropTargets.length; i++) {\n            const target = dropTargets[i];\n            target.mid += size;\n            target.end += size;\n            target.start += size;\n          }\n\n          const displaceFunction = dropTarget.isLast\n            ? displaceLastItem\n            : displaceItem;\n\n          displaceFunction(\n            dropTargets,\n            dropTarget,\n            dropTarget.size,\n            true,\n            \"static\",\n          );\n        }\n      }\n    },\n    [\n      containerRef,\n      displaceItem,\n      displaceLastItem,\n      fullItemQuery,\n      orientation,\n      selected,\n      viewportRange,\n    ],\n  );\n\n  const [showPopup, hidePopup] = useMemo(() => {\n    let popupShowing = false;\n    const show = (dropTarget: MeasuredDropTarget) => {\n      if (!popupShowing) {\n        popupShowing = true;\n        const button = dropTarget.element.querySelector(\n          \".vuuPopupMenu\",\n        ) as HTMLElement;\n        if (button) {\n          dispatchMouseEvent(button, \"click\");\n        }\n      }\n    };\n\n    const hide = (dropTarget: MeasuredDropTarget) => {\n      if (popupShowing) {\n        popupShowing = false;\n        const button = dropTarget.element.querySelector(\n          \".vuuPopupMenu\",\n        ) as HTMLElement;\n        if (button) {\n          dispatchMouseEvent(button, \"click\");\n        }\n      }\n    };\n\n    return [show, hide];\n  }, []);\n\n  const drag = useCallback(\n    (dragPos: number, mouseMoveDirection: \"fwd\" | \"bwd\") => {\n      const { current: draggedItem } = draggedItemRef;\n      const { current: dragPosition } = dragPositionRef;\n\n      if (draggedItem) {\n        if (containerRef.current) {\n          dragPosRef.current = dragPos;\n\n          const { current: dropTargets } = measuredDropTargets;\n          const nextDropTarget = getNextDropTarget(\n            dropTargets,\n            dragPos,\n            draggedItem.size,\n            mouseMoveDirection,\n          );\n\n          if (nextDropTarget && !nextDropTarget.isDraggedItem) {\n            if (nextDropTarget.isOverflowIndicator) {\n              // Does this belong in here or can we abstract it out\n              setShowOverflow((overflowMenuShowingRef.current = true));\n              showPopup(nextDropTarget);\n            } else {\n              const { size } = draggedItem;\n              const targetIndex = indexOf(nextDropTarget);\n\n              const displaceFunc =\n                targetIndex === dropTargets.length - 1\n                  ? displaceLastItem\n                  : displaceItem;\n\n              dragPosition.insertionPosition = displaceFunc(\n                dropTargets,\n                nextDropTarget,\n                size,\n                true,\n                mouseMoveDirection,\n              );\n\n              const overflowIndicator = dropTargets.at(\n                -1,\n              ) as MeasuredDropTarget;\n              hidePopup(overflowIndicator);\n              setShowOverflow((overflowMenuShowingRef.current = false));\n            }\n          }\n          dragPosition.direction = mouseMoveDirection;\n        }\n      }\n    },\n    [containerRef, displaceItem, displaceLastItem, hidePopup, showPopup],\n  );\n\n  const drop = useCallback((): DropOptions => {\n    clearSpacers();\n    const { current: dropTargets } = measuredDropTargets;\n    const { current: dragPosition } = dragPositionRef;\n    const indexOfDraggedItem = getIndexOfDraggedItem(dropTargets);\n    const draggedItem = dropTargets[indexOfDraggedItem];\n    const { insertionPosition } = dragPosition;\n    const { index: fromIndex, isExternal } = draggedItem;\n\n    if (overflowMenuShowingRef.current) {\n      setShowOverflow(false);\n    }\n\n    dragPosition.direction = undefined;\n    dragPosition.insertionPosition = -1;\n\n    const isLastItem = indexOfDraggedItem === dropTargets.length - 1;\n    const toIndex = overflowMenuShowingRef.current\n      ? -1\n      : fromIndex < insertionPosition && !isLastItem\n        ? insertionPosition - 1\n        : insertionPosition;\n\n    return { fromIndex, toIndex, isExternal };\n  }, [clearSpacers]);\n\n  const releaseDrag = useCallback(() => {\n    clearSpacers(true);\n  }, [clearSpacers]);\n\n  return {\n    beginDrag,\n    drag,\n    drop,\n    handleScrollStart,\n    handleScrollStop,\n    releaseDrag,\n    revealOverflowedItems: showOverflow,\n  };\n};\n"],"names":["useRef","useState","useDragDisplacers","NOT_OVERFLOWED","NOT_HIDDEN","useCallback","getItemParentContainer","measureDropTargets","dimensions","getIndexOfDraggedItem","getNextDropTarget","useMemo","dispatchMouseEvent"],"mappings":"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"}