@ahrowe/ui 0.12.0 → 0.14.0

package/dist/esm/common/virtualList/useRowDrag.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"useRowDrag.mjs","names":[],"sources":["../../../../package/common/virtualList/useRowDrag.ts"],"sourcesContent":["import React, { useState, useRef, useEffect, useLayoutEffect, useCallback } from 'react';\n\nimport styles from './virtualList.module.pcss';\nimport { resolveReorderTarget, resolveTreeDropTarget, lastDescendantIndex } from './virtualList.utils';\nimport type { TreeDropPosition, TreeDropTarget } from './virtualList.types';\n\ninterface UseRowDragArgs {\n  reorderable: boolean;\n  treeReorder: boolean;\n  onReorder?: (fromIndex: number, toIndex: number) => void;\n  onTreeDrop?: (dragKey: string | number, target: TreeDropTarget) => void;\n  longPressDelay: number;\n  dragHandle: boolean;\n  treeIndentPx: number;\n  /** Current flat ordering and depth tags (mouse handlers read these directly). */\n  keys: (string | number)[];\n  depths: number[];\n  isGroupAt: (index: number) => boolean;\n  rootRef: React.RefObject<HTMLDivElement | null>;\n  /** Latest keys for async (touch / rAF) consumers — owned by useVirtualWindow. */\n  keysRef: React.RefObject<(string | number)[]>;\n}\n\n/** The drag-related props the parent spreads onto a given row. */\nexport interface RowDragProps {\n  reorderable: boolean;\n  draggable: boolean | undefined;\n  isDragging: boolean;\n  onMouseDown: ((e: React.MouseEvent<HTMLDivElement>) => void) | undefined;\n  onDragStart: ((e: React.DragEvent<HTMLDivElement>) => void) | undefined;\n  onDragOver: ((e: React.DragEvent<HTMLDivElement>) => void) | undefined;\n  onDragEnd: (() => void) | undefined;\n  onDrop: ((e: React.DragEvent<HTMLDivElement>) => void) | undefined;\n  onTouchStart: ((e: React.TouchEvent<HTMLDivElement>) => void) | undefined;\n  dropPosition: TreeDropPosition | undefined;\n  dropIndentPx: number | undefined;\n}\n\ninterface UseRowDragResult {\n  /** True while a row is being dragged (for the root reordering style). */\n  draggingKey: string | number | null;\n  /** Whether either drag mode is active. */\n  dragEnabled: boolean;\n  /** Drag props for the row at `index` / `key`. */\n  getRowDragProps: (index: number, key: string | number) => RowDragProps;\n  /** Returns true (and resets) if the next click should be swallowed (post-drag). */\n  consumeSuppressedClick: () => boolean;\n}\n\n/**\n * Row drag-and-drop for both modes:\n * - `reorderable` (flat): native HTML5 drag on desktop; rows move live via\n *   `onReorder` with midpoint hysteresis.\n * - `treeReorder`: a drop indicator (before/after/inside) is shown during the\n *   drag and `onTreeDrop` fires once on release; dropping onto the dragged\n *   node's own subtree is forbidden.\n * Touch uses a long-press → lifted-clone → pointer-move path with edge\n * auto-scroll. `dragHandle` restricts initiation to `[data-drag-handle]`.\n */\nexport function useRowDrag({\n  reorderable,\n  treeReorder,\n  onReorder,\n  onTreeDrop,\n  longPressDelay,\n  dragHandle,\n  treeIndentPx,\n  keys,\n  depths,\n  isGroupAt,\n  rootRef,\n  keysRef,\n}: UseRowDragArgs): UseRowDragResult {\n  // The dragged item is tracked by its stable key (indices shift after each\n  // live reorder); the ref drives the logic, the state drives the row's style.\n  const dragKeyRef = useRef<string | number | null>(null);\n  const [draggingKey, setDraggingKey] = useState<string | number | null>(null);\n  // Tree-reorder drop indicator. Unlike flat reorder (which moves rows live),\n  // tree mode shows where the drop will land and commits once on release.\n  const [dropTarget, setDropTarget] = useState<TreeDropTarget | null>(null);\n  const dropTargetRef = useRef<TreeDropTarget | null>(null);\n  const onReorderRef = useRef(onReorder);\n  const onTreeDropRef = useRef(onTreeDrop);\n  const treeModeRef = useRef(treeReorder);\n  const depthsRef = useRef<number[]>(depths);\n  const isGroupAtRef = useRef<(i: number) => boolean>(isGroupAt);\n  // When `dragHandle` is on, a mousedown sets this to whether it landed on a\n  // `[data-drag-handle]` element, gating whether the ensuing dragstart is honoured.\n  const dragFromHandleRef = useRef(true);\n  const longPressRef = useRef<number | null>(null);\n  const touchActiveRef = useRef(false);\n  const touchStartYRef = useRef<number | null>(null);\n  const pointerXRef = useRef(0);\n  const pointerYRef = useRef(0);\n  const autoScrollRef = useRef<number | null>(null);\n  const suppressNextClickRef = useRef(false);\n  // Floating clone that follows the finger during a touch drag.\n  const dragCloneRef = useRef<HTMLElement | null>(null);\n  const grabOffsetYRef = useRef(0);\n  const cloneLeftRef = useRef(0);\n  const dragHeightRef = useRef(0);\n  // The native `draggable` attribute (mouse DnD) makes a long-press start the\n  // browser's own drag on touch devices, which hijacks our touch handlers. So\n  // expose it only where the primary pointer is fine (mouse/trackpad); touch\n  // devices use the touch handlers below instead.\n  const [isCoarsePointer] = useState(() =>\n    typeof window !== 'undefined' && typeof window.matchMedia === 'function'\n      ? window.matchMedia('(pointer: coarse)').matches\n      : false,\n  );\n\n  useLayoutEffect(() => {\n    onReorderRef.current = onReorder;\n    onTreeDropRef.current = onTreeDrop;\n    treeModeRef.current = treeReorder;\n    depthsRef.current = depths;\n    dropTargetRef.current = dropTarget;\n    isGroupAtRef.current = isGroupAt;\n  });\n\n  // ── Mouse / shared start ──────────────────────────────────────────────────\n\n  // With `dragHandle`, remember on mousedown whether the press landed on a\n  // handle, so the dragstart that follows can be ignored if it didn't.\n  function handleRowMouseDown(e: React.MouseEvent<HTMLDivElement>) {\n    dragFromHandleRef.current = !!(e.target as HTMLElement).closest('[data-drag-handle]');\n  }\n\n  function handleReorderStart(key: string | number, e: React.DragEvent<HTMLDivElement>) {\n    if (dragHandle && !dragFromHandleRef.current) {\n      e.preventDefault(); // not started from a handle — let the row stay put\n      return;\n    }\n    dragKeyRef.current = key;\n    setDraggingKey(key);\n    if (treeReorder) setDropTarget(null);\n  }\n\n  // ── Tree mode ─────────────────────────────────────────────────────────────\n\n  /** Resolve the tree drop target for the row at `overIndex` under pointer `y`. */\n  function computeTreeDrop(overIndex: number, y: number, rect: DOMRect): TreeDropTarget | null {\n    const dragKey = dragKeyRef.current;\n    if (dragKey == null) return null;\n    const fromIndex = keys.indexOf(dragKey);\n    // Forbid dropping onto the dragged node or anything in its own subtree.\n    if (fromIndex !== -1 && overIndex >= fromIndex && overIndex <= lastDescendantIndex(fromIndex, depths)) {\n      return null;\n    }\n    const position = resolveTreeDropTarget(y, rect.top, rect.height, isGroupAt(overIndex));\n    return { key: keys[overIndex], position };\n  }\n\n  function handleTreeDragOver(overIndex: number, e: React.DragEvent<HTMLDivElement>) {\n    e.preventDefault(); // allow the drop\n    const rect = e.currentTarget.getBoundingClientRect();\n    const next = computeTreeDrop(overIndex, e.clientY, rect);\n    setDropTarget((prev) =>\n      prev?.key === next?.key && prev?.position === next?.position ? prev : next,\n    );\n  }\n\n  function commitTreeDrop() {\n    const dragKey = dragKeyRef.current;\n    const target = dropTargetRef.current;\n    if (dragKey != null && target && target.key !== dragKey) onTreeDrop?.(dragKey, target);\n  }\n\n  function handleTreeDrop(e: React.DragEvent<HTMLDivElement>) {\n    e.preventDefault();\n    commitTreeDrop();\n    setDropTarget(null);\n    dragKeyRef.current = null;\n    setDraggingKey(null);\n  }\n\n  function handleTreeDragEnd() {\n    // Fires after `drop` (or on its own when released off a valid target).\n    setDropTarget(null);\n    dragKeyRef.current = null;\n    setDraggingKey(null);\n  }\n\n  // ── Flat mode ─────────────────────────────────────────────────────────────\n\n  function handleReorderOver(overIndex: number, e: React.DragEvent<HTMLDivElement>) {\n    e.preventDefault(); // allow the drop\n    const dragKey = dragKeyRef.current;\n    if (dragKey == null) return;\n    const fromIndex = keys.indexOf(dragKey);\n    // Midpoint hysteresis (see resolveReorderTarget): a move only happens once\n    // the pointer crosses the centre of the row it's over. After a swap the\n    // dragged row sits under the cursor, so moving again needs real pointer\n    // travel — this stops the oscillation that made dragging feel jumpy.\n    const rect = e.currentTarget.getBoundingClientRect();\n    const target = resolveReorderTarget(fromIndex, overIndex, e.clientY, rect.top, rect.height);\n    if (target != null) onReorder?.(fromIndex, target);\n  }\n\n  function handleReorderEnd() {\n    dragKeyRef.current = null;\n    setDraggingKey(null);\n  }\n\n  // ── Touch reordering (long-press to arm, then drag) ──────────────────────────\n  // These handlers run from window listeners during a touch drag, so they read\n  // mutable state from refs and are stable across renders.\n\n  const reorderAtPoint = useCallback((x: number) => {\n    const dragKey = dragKeyRef.current;\n    const root = rootRef.current;\n    if (dragKey == null || !root) return;\n    // Reorder against the centre of the lifted clone, not the raw finger — the\n    // finger sits below the clone's top by the grab offset, so using it would\n    // make the top (and bottom) rows unreachable. The clone is what the user\n    // aims with, so match it.\n    const y = dragCloneRef.current\n      ? pointerYRef.current - grabOffsetYRef.current + dragHeightRef.current / 2\n      : pointerYRef.current;\n    const el = document.elementFromPoint(x, y) as HTMLElement | null;\n    const rowEl = el && root.contains(el) ? el.closest<HTMLElement>('[data-index]') : null;\n    if (!rowEl) return;\n    const overIndex = Number(rowEl.dataset.index);\n    if (Number.isNaN(overIndex)) return;\n    const fromIndex = keysRef.current.indexOf(dragKey);\n    const rect = rowEl.getBoundingClientRect();\n    if (treeModeRef.current) {\n      // Tree mode: don't move live — just track where the drop will land.\n      const ks = keysRef.current;\n      const ds = depthsRef.current;\n      if (fromIndex !== -1 && overIndex >= fromIndex && overIndex <= lastDescendantIndex(fromIndex, ds)) {\n        setDropTarget(null);\n        return;\n      }\n      const position = resolveTreeDropTarget(y, rect.top, rect.height, isGroupAtRef.current(overIndex));\n      const next: TreeDropTarget = { key: ks[overIndex], position };\n      setDropTarget((prev) => (prev?.key === next.key && prev?.position === next.position ? prev : next));\n      return;\n    }\n    const target = resolveReorderTarget(fromIndex, overIndex, y, rect.top, rect.height);\n    if (target != null) onReorderRef.current?.(fromIndex, target);\n  }, [rootRef, keysRef]);\n\n  // Keep the floating clone glued under the finger (same grab point).\n  const positionDragClone = useCallback(() => {\n    const clone = dragCloneRef.current;\n    if (!clone) return;\n    clone.style.transform = `translate(${cloneLeftRef.current}px, ${pointerYRef.current - grabOffsetYRef.current}px)`;\n  }, []);\n\n  // While the finger sits near a top/bottom edge (and within the list's width),\n  // scroll the list and keep reordering against the rows now passing under it.\n  const autoScrollTick = useCallback(() => {\n    const root = rootRef.current;\n    if (!root || !touchActiveRef.current) { autoScrollRef.current = null; return; }\n    const rect = root.getBoundingClientRect();\n    const x = pointerXRef.current;\n    const y = pointerYRef.current;\n    const EDGE = 48;\n    let dy = 0;\n    // Only auto-scroll while the finger is actually over the list — moving it\n    // outside (any direction) stops the scroll instead of running away; pinning\n    // the dragged row keeps touch events alive so it resumes when you come back.\n    const inside = x >= rect.left && x <= rect.right && y >= rect.top && y <= rect.bottom;\n    if (inside) {\n      if (y < rect.top + EDGE) dy = -Math.min(18, Math.ceil((rect.top + EDGE - y) / 3));\n      else if (y > rect.bottom - EDGE) dy = Math.min(18, Math.ceil((y - (rect.bottom - EDGE)) / 3));\n    }\n    if (dy !== 0) {\n      root.scrollTop += dy;\n      reorderAtPoint(x);\n    }\n    autoScrollRef.current = requestAnimationFrame(autoScrollTick);\n  }, [reorderAtPoint, rootRef]);\n\n  const endTouchDrag = useCallback(() => {\n    if (longPressRef.current != null) { clearTimeout(longPressRef.current); longPressRef.current = null; }\n    window.removeEventListener('touchmove', handleTouchMove);\n    window.removeEventListener('touchend', endTouchDrag);\n    window.removeEventListener('touchcancel', endTouchDrag);\n    if (autoScrollRef.current != null) { cancelAnimationFrame(autoScrollRef.current); autoScrollRef.current = null; }\n    if (dragCloneRef.current) { dragCloneRef.current.remove(); dragCloneRef.current = null; }\n    // Restore native scrolling that was locked for the duration of the drag.\n    document.body.style.touchAction = '';\n    document.body.style.overscrollBehavior = '';\n    if (touchActiveRef.current) {\n      // A real drag happened — swallow the click the browser fires afterwards\n      // so it doesn't, e.g., toggle row selection.\n      suppressNextClickRef.current = true;\n      setTimeout(() => { suppressNextClickRef.current = false; }, 350);\n      // Tree mode commits the pending drop on release (flat mode already moved\n      // rows live during the drag, so there's nothing to commit here).\n      if (treeModeRef.current) {\n        const dk = dragKeyRef.current;\n        const target = dropTargetRef.current;\n        if (dk != null && target && target.key !== dk) onTreeDropRef.current?.(dk, target);\n      }\n    }\n    setDropTarget(null);\n    touchActiveRef.current = false;\n    touchStartYRef.current = null;\n    dragKeyRef.current = null;\n    setDraggingKey(null);\n  }, []);\n\n  const handleTouchMove = useCallback((e: TouchEvent) => {\n    const t = e.touches[0];\n    if (!t) return;\n    pointerXRef.current = t.clientX;\n    pointerYRef.current = t.clientY;\n    if (!touchActiveRef.current) {\n      // Before the long-press fires: if the finger travels, the user means to\n      // scroll, so disarm and let the browser handle it (we don't preventDefault).\n      const sy = touchStartYRef.current;\n      if (sy != null && Math.abs(t.clientY - sy) > 10 && longPressRef.current != null) {\n        clearTimeout(longPressRef.current);\n        longPressRef.current = null;\n      }\n      return;\n    }\n    // Non-passive listener: preventDefault cancels the native scroll for this\n    // gesture — the only reliable way once touch-action has been latched at\n    // touchstart. This is what makes the drag actually move on touch devices.\n    if (e.cancelable) e.preventDefault();\n    positionDragClone();\n    reorderAtPoint(t.clientX);\n  }, [reorderAtPoint, positionDragClone]);\n\n  function handleRowTouchStart(key: string | number, e: React.TouchEvent<HTMLDivElement>) {\n    if (!reorderable && !treeReorder) return;\n    // With a drag handle, only a press that starts on it arms the drag, so the\n    // rest of the row stays free for tapping/typing into inputs.\n    if (dragHandle && !(e.target as HTMLElement).closest('[data-drag-handle]')) return;\n    if (longPressRef.current != null || touchActiveRef.current) return; // ignore extra fingers\n    const t = e.touches[0];\n    if (!t) return;\n    touchStartYRef.current = t.clientY;\n    pointerXRef.current = t.clientX;\n    pointerYRef.current = t.clientY;\n    window.addEventListener('touchmove', handleTouchMove, { passive: false });\n    window.addEventListener('touchend', endTouchDrag);\n    window.addEventListener('touchcancel', endTouchDrag);\n    longPressRef.current = window.setTimeout(() => {\n      longPressRef.current = null;\n      touchActiveRef.current = true;\n      dragKeyRef.current = key;\n      setDraggingKey(key);\n      navigator.vibrate?.(10);\n      // Lock native scrolling for the whole gesture — relying on per-move\n      // preventDefault isn't enough once the finger leaves and re-enters the\n      // list (the browser commits to a scroll and ignores it). We do all the\n      // scrolling ourselves via autoScrollTick.\n      document.body.style.touchAction = 'none';\n      document.body.style.overscrollBehavior = 'none';\n      createDragClone(key);\n      if (autoScrollRef.current == null) autoScrollRef.current = requestAnimationFrame(autoScrollTick);\n    }, longPressDelay);\n  }\n\n  // Build a floating copy of the picked-up row that tracks the finger, so the\n  // drag has a visible \"lifted\" element (the original row stays dimmed in place\n  // as a drop placeholder).\n  function createDragClone(key: string | number) {\n    const root = rootRef.current;\n    if (!root) return;\n    const idx = keysRef.current.indexOf(key);\n    const src = root.querySelector<HTMLElement>(`[data-index=\"${idx}\"]`);\n    if (!src) return;\n    const r = src.getBoundingClientRect();\n    grabOffsetYRef.current = pointerYRef.current - r.top;\n    cloneLeftRef.current = r.left;\n    dragHeightRef.current = r.height;\n    const clone = src.cloneNode(true) as HTMLElement;\n    clone.removeAttribute('data-index');\n    clone.setAttribute('data-drag-clone', 'true');\n    clone.setAttribute('aria-hidden', 'true');\n    clone.classList.add(styles.virtualListDragClone);\n    Object.assign(clone.style, {\n      position: 'fixed',\n      left: '0',\n      top: '0',\n      width: `${r.width}px`,\n      height: `${r.height}px`,\n      margin: '0',\n      opacity: '1',\n      pointerEvents: 'none',\n      // Above the sticky header (z-index 2) and any focused row (z-index 1).\n      zIndex: '3',\n      background: 'var(--background)',\n      boxShadow: 'var(--card-shadow)',\n      borderRadius: 'var(--default-border-radius)',\n    } as Partial<CSSStyleDeclaration>);\n    // Appended inside the list so it inherits the active theme's CSS variables;\n    // position:fixed keeps it in viewport coordinates regardless.\n    root.appendChild(clone);\n    dragCloneRef.current = clone;\n    positionDragClone();\n  }\n\n  // Tear down any in-flight touch drag if the component unmounts mid-gesture.\n  useEffect(() => endTouchDrag, [endTouchDrag]);\n\n  // Either drag mode arms the same row gestures; the handlers above branch on\n  // `treeReorder` for the differing target resolution / commit behaviour.\n  const dragEnabled = reorderable || treeReorder;\n\n  function getRowDragProps(index: number, key: string | number): RowDragProps {\n    // The drop indicator only renders on the row currently targeted. `before`/\n    // `after` lines indent to the target's depth so they sit under where the\n    // dropped content will start; `inside` highlights the whole row instead.\n    const rowDrop = treeReorder && dropTarget?.key === key ? dropTarget.position : undefined;\n    return {\n      // Drives the row-wide grab cursor. With `dragHandle`, only the handle\n      // initiates a drag, so the cursor belongs on the handle (styled by the\n      // consumer), not across the whole row.\n      reorderable: dragEnabled && !dragHandle,\n      draggable: (dragEnabled && !isCoarsePointer) || undefined,\n      isDragging: dragEnabled && key === draggingKey,\n      onMouseDown: dragEnabled && dragHandle ? handleRowMouseDown : undefined,\n      onDragStart: dragEnabled ? (e) => handleReorderStart(key, e) : undefined,\n      onDragOver:\n        treeReorder ? (e) => handleTreeDragOver(index, e)\n          : reorderable ? (e) => handleReorderOver(index, e)\n          : undefined,\n      onDragEnd: treeReorder ? handleTreeDragEnd : reorderable ? handleReorderEnd : undefined,\n      onDrop: treeReorder ? handleTreeDrop : undefined,\n      onTouchStart: dragEnabled ? (e) => handleRowTouchStart(key, e) : undefined,\n      dropPosition: rowDrop,\n      dropIndentPx: rowDrop ? (depths[index] ?? 0) * treeIndentPx : undefined,\n    };\n  }\n\n  function consumeSuppressedClick(): boolean {\n    if (suppressNextClickRef.current) { suppressNextClickRef.current = false; return true; }\n    return false;\n  }\n\n  return { draggingKey, dragEnabled, getRowDragProps, consumeSuppressedClick };\n}\n"],"mappings":"6PA2DA,SAAgB,EAAW,CACzB,cACA,cACA,YACA,aACA,iBACA,aACA,gBACA,OACA,SACA,YACA,UACA,WACmC,CAGnC,IAAM,EAAa,EAA+B,IAAI,EAChD,CAAC,EAAa,GAAkB,EAAiC,IAAI,EAGrE,CAAC,EAAY,GAAiB,EAAgC,IAAI,EAClE,EAAgB,EAA8B,IAAI,EAClD,EAAe,EAAO,CAAS,EAC/B,EAAgB,EAAO,CAAU,EACjC,EAAc,EAAO,CAAW,EAChC,EAAY,EAAiB,CAAM,EACnC,EAAe,EAA+B,CAAS,EAGvD,EAAoB,EAAO,EAAI,EAC/B,EAAe,EAAsB,IAAI,EACzC,EAAiB,EAAO,EAAK,EAC7B,EAAiB,EAAsB,IAAI,EAC3C,EAAc,EAAO,CAAC,EACtB,EAAc,EAAO,CAAC,EACtB,EAAgB,EAAsB,IAAI,EAC1C,EAAuB,EAAO,EAAK,EAEnC,EAAe,EAA2B,IAAI,EAC9C,EAAiB,EAAO,CAAC,EACzB,EAAe,EAAO,CAAC,EACvB,EAAgB,EAAO,CAAC,EAKxB,CAAC,GAAmB,MACxB,OAAO,OAAW,KAAe,OAAO,OAAO,YAAe,WAC1D,OAAO,WAAW,mBAAmB,EAAE,QACvC,EACN,EAEA,MAAsB,CACpB,EAAa,QAAU,EACvB,EAAc,QAAU,EACxB,EAAY,QAAU,EACtB,EAAU,QAAU,EACpB,EAAc,QAAU,EACxB,EAAa,QAAU,CACzB,CAAC,EAMD,SAAS,EAAmB,EAAqC,CAC/D,EAAkB,QAAU,CAAC,CAAE,EAAE,OAAuB,QAAQ,oBAAoB,CACtF,CAEA,SAAS,EAAmB,EAAsB,EAAoC,CACpF,GAAI,GAAc,CAAC,EAAkB,QAAS,CAC5C,EAAE,eAAe,EACjB,MACF,CACA,EAAW,QAAU,EACrB,EAAe,CAAG,EACd,GAAa,EAAc,IAAI,CACrC,CAKA,SAAS,EAAgB,EAAmB,EAAW,EAAsC,CAC3F,IAAM,EAAU,EAAW,QAC3B,GAAI,GAAW,KAAM,OAAO,KAC5B,IAAM,EAAY,EAAK,QAAQ,CAAO,EAEtC,GAAI,IAAc,IAAM,GAAa,GAAa,GAAa,EAAoB,EAAW,CAAM,EAClG,OAAO,KAET,IAAM,EAAW,EAAsB,EAAG,EAAK,IAAK,EAAK,OAAQ,EAAU,CAAS,CAAC,EACrF,MAAO,CAAE,IAAK,EAAK,GAAY,UAAS,CAC1C,CAEA,SAAS,EAAmB,EAAmB,EAAoC,CACjF,EAAE,eAAe,EACjB,IAAM,EAAO,EAAE,cAAc,sBAAsB,EAC7C,EAAO,EAAgB,EAAW,EAAE,QAAS,CAAI,EACvD,EAAe,GACb,GAAM,MAAQ,GAAM,KAAO,GAAM,WAAa,GAAM,SAAW,EAAO,CACxE,CACF,CAEA,SAAS,IAAiB,CACxB,IAAM,EAAU,EAAW,QACrB,EAAS,EAAc,QACzB,GAAW,MAAQ,GAAU,EAAO,MAAQ,GAAS,IAAa,EAAS,CAAM,CACvF,CAEA,SAAS,GAAe,EAAoC,CAC1D,EAAE,eAAe,EACjB,GAAe,EACf,EAAc,IAAI,EAClB,EAAW,QAAU,KACrB,EAAe,IAAI,CACrB,CAEA,SAAS,IAAoB,CAE3B,EAAc,IAAI,EAClB,EAAW,QAAU,KACrB,EAAe,IAAI,CACrB,CAIA,SAAS,GAAkB,EAAmB,EAAoC,CAChF,EAAE,eAAe,EACjB,IAAM,EAAU,EAAW,QAC3B,GAAI,GAAW,KAAM,OACrB,IAAM,EAAY,EAAK,QAAQ,CAAO,EAKhC,EAAO,EAAE,cAAc,sBAAsB,EAC7C,EAAS,EAAqB,EAAW,EAAW,EAAE,QAAS,EAAK,IAAK,EAAK,MAAM,EACtF,GAAU,MAAM,IAAY,EAAW,CAAM,CACnD,CAEA,SAAS,IAAmB,CAC1B,EAAW,QAAU,KACrB,EAAe,IAAI,CACrB,CAMA,IAAM,EAAiB,EAAa,GAAc,CAChD,IAAM,EAAU,EAAW,QACrB,EAAO,EAAQ,QACrB,GAAI,GAAW,MAAQ,CAAC,EAAM,OAK9B,IAAM,EAAI,EAAa,QACnB,EAAY,QAAU,EAAe,QAAU,EAAc,QAAU,EACvE,EAAY,QACV,EAAK,SAAS,iBAAiB,EAAG,CAAC,EACnC,EAAQ,GAAM,EAAK,SAAS,CAAE,EAAI,EAAG,QAAqB,cAAc,EAAI,KAClF,GAAI,CAAC,EAAO,OACZ,IAAM,EAAY,OAAO,EAAM,QAAQ,KAAK,EAC5C,GAAI,OAAO,MAAM,CAAS,EAAG,OAC7B,IAAM,EAAY,EAAQ,QAAQ,QAAQ,CAAO,EAC3C,EAAO,EAAM,sBAAsB,EACzC,GAAI,EAAY,QAAS,CAEvB,IAAM,EAAK,EAAQ,QACb,EAAK,EAAU,QACrB,GAAI,IAAc,IAAM,GAAa,GAAa,GAAa,EAAoB,EAAW,CAAE,EAAG,CACjG,EAAc,IAAI,EAClB,MACF,CACA,IAAM,EAAW,EAAsB,EAAG,EAAK,IAAK,EAAK,OAAQ,EAAa,QAAQ,CAAS,CAAC,EAC1F,EAAuB,CAAE,IAAK,EAAG,GAAY,UAAS,EAC5D,EAAe,GAAU,GAAM,MAAQ,EAAK,KAAO,GAAM,WAAa,EAAK,SAAW,EAAO,CAAK,EAClG,MACF,CACA,IAAM,EAAS,EAAqB,EAAW,EAAW,EAAG,EAAK,IAAK,EAAK,MAAM,EAC9E,GAAU,MAAM,EAAa,UAAU,EAAW,CAAM,CAC9D,EAAG,CAAC,EAAS,CAAO,CAAC,EAGf,EAAoB,MAAkB,CAC1C,IAAM,EAAQ,EAAa,QACtB,IACL,EAAM,MAAM,UAAY,aAAa,EAAa,QAAQ,MAAM,EAAY,QAAU,EAAe,QAAQ,KAC/G,EAAG,CAAC,CAAC,EAIC,EAAiB,MAAkB,CACvC,IAAM,EAAO,EAAQ,QACrB,GAAI,CAAC,GAAQ,CAAC,EAAe,QAAS,CAAE,EAAc,QAAU,KAAM,MAAQ,CAC9E,IAAM,EAAO,EAAK,sBAAsB,EAClC,EAAI,EAAY,QAChB,EAAI,EAAY,QAElB,EAAK,EAIM,GAAK,EAAK,MAAQ,GAAK,EAAK,OAAS,GAAK,EAAK,KAAO,GAAK,EAAK,SAEzE,EAAI,EAAK,IAAM,GAAM,EAAK,CAAC,KAAK,IAAI,GAAI,KAAK,MAAM,EAAK,IAAM,GAAO,GAAK,CAAC,CAAC,EACvE,EAAI,EAAK,OAAS,KAAM,EAAK,KAAK,IAAI,GAAI,KAAK,MAAM,GAAK,EAAK,OAAS,KAAS,CAAC,CAAC,IAE1F,IAAO,IACT,EAAK,WAAa,EAClB,EAAe,CAAC,GAElB,EAAc,QAAU,sBAAsB,CAAc,CAC9D,EAAG,CAAC,EAAgB,CAAO,CAAC,EAEtB,EAAe,MAAkB,CAUrC,GATI,EAAa,SAAW,OAAQ,aAAa,EAAa,OAAO,EAAG,EAAa,QAAU,MAC/F,OAAO,oBAAoB,YAAa,CAAe,EACvD,OAAO,oBAAoB,WAAY,CAAY,EACnD,OAAO,oBAAoB,cAAe,CAAY,EAClD,EAAc,SAAW,OAAQ,qBAAqB,EAAc,OAAO,EAAG,EAAc,QAAU,MAC1G,AAA2D,EAAa,WAA5C,EAAa,QAAQ,OAAO,EAA0B,MAElF,SAAS,KAAK,MAAM,YAAc,GAClC,SAAS,KAAK,MAAM,mBAAqB,GACrC,EAAe,UAGjB,EAAqB,QAAU,GAC/B,eAAiB,CAAE,EAAqB,QAAU,EAAO,EAAG,GAAG,EAG3D,EAAY,SAAS,CACvB,IAAM,EAAK,EAAW,QAChB,EAAS,EAAc,QACzB,GAAM,MAAQ,GAAU,EAAO,MAAQ,GAAI,EAAc,UAAU,EAAI,CAAM,CACnF,CAEF,EAAc,IAAI,EAClB,EAAe,QAAU,GACzB,EAAe,QAAU,KACzB,EAAW,QAAU,KACrB,EAAe,IAAI,CACrB,EAAG,CAAC,CAAC,EAEC,EAAkB,EAAa,GAAkB,CACrD,IAAM,EAAI,EAAE,QAAQ,GACf,KAGL,IAFA,EAAY,QAAU,EAAE,QACxB,EAAY,QAAU,EAAE,QACpB,CAAC,EAAe,QAAS,CAG3B,IAAM,EAAK,EAAe,QACtB,GAAM,MAAQ,KAAK,IAAI,EAAE,QAAU,CAAE,EAAI,IAAM,EAAa,SAAW,OACzE,aAAa,EAAa,OAAO,EACjC,EAAa,QAAU,MAEzB,MACF,CAII,EAAE,YAAY,EAAE,eAAe,EACnC,EAAkB,EAClB,EAAe,EAAE,OAAO,CANxB,CAOF,EAAG,CAAC,EAAgB,CAAiB,CAAC,EAEtC,SAAS,GAAoB,EAAsB,EAAqC,CAKtF,GAJI,CAAC,GAAe,CAAC,GAGjB,GAAc,CAAE,EAAE,OAAuB,QAAQ,oBAAoB,GACrE,EAAa,SAAW,MAAQ,EAAe,QAAS,OAC5D,IAAM,EAAI,EAAE,QAAQ,GACf,IACL,EAAe,QAAU,EAAE,QAC3B,EAAY,QAAU,EAAE,QACxB,EAAY,QAAU,EAAE,QACxB,OAAO,iBAAiB,YAAa,EAAiB,CAAE,QAAS,EAAM,CAAC,EACxE,OAAO,iBAAiB,WAAY,CAAY,EAChD,OAAO,iBAAiB,cAAe,CAAY,EACnD,EAAa,QAAU,OAAO,eAAiB,CAC7C,EAAa,QAAU,KACvB,EAAe,QAAU,GACzB,EAAW,QAAU,EACrB,EAAe,CAAG,EAClB,UAAU,UAAU,EAAE,EAKtB,SAAS,KAAK,MAAM,YAAc,OAClC,SAAS,KAAK,MAAM,mBAAqB,OACzC,GAAgB,CAAG,EACnB,AAAmC,EAAc,UAAU,sBAAsB,CAAc,CACjG,EAAG,CAAc,EACnB,CAKA,SAAS,GAAgB,EAAsB,CAC7C,IAAM,EAAO,EAAQ,QACrB,GAAI,CAAC,EAAM,OACX,IAAM,EAAM,EAAQ,QAAQ,QAAQ,CAAG,EACjC,EAAM,EAAK,cAA2B,gBAAgB,EAAI,GAAG,EACnE,GAAI,CAAC,EAAK,OACV,IAAM,EAAI,EAAI,sBAAsB,EACpC,EAAe,QAAU,EAAY,QAAU,EAAE,IACjD,EAAa,QAAU,EAAE,KACzB,EAAc,QAAU,EAAE,OAC1B,IAAM,EAAQ,EAAI,UAAU,EAAI,EAChC,EAAM,gBAAgB,YAAY,EAClC,EAAM,aAAa,kBAAmB,MAAM,EAC5C,EAAM,aAAa,cAAe,MAAM,EACxC,EAAM,UAAU,IAAI,EAAO,oBAAoB,EAC/C,OAAO,OAAO,EAAM,MAAO,CACzB,SAAU,QACV,KAAM,IACN,IAAK,IACL,MAAO,GAAG,EAAE,MAAM,IAClB,OAAQ,GAAG,EAAE,OAAO,IACpB,OAAQ,IACR,QAAS,IACT,cAAe,OAEf,OAAQ,IACR,WAAY,oBACZ,UAAW,qBACX,aAAc,8BAChB,CAAiC,EAGjC,EAAK,YAAY,CAAK,EACtB,EAAa,QAAU,EACvB,EAAkB,CACpB,CAGA,MAAgB,EAAc,CAAC,CAAY,CAAC,EAI5C,IAAM,EAAc,GAAe,EAEnC,SAAS,GAAgB,EAAe,EAAoC,CAI1E,IAAM,EAAU,GAAe,GAAY,MAAQ,EAAM,EAAW,SAAW,IAAA,GAC/E,MAAO,CAIL,YAAa,GAAe,CAAC,EAC7B,UAAY,GAAe,CAAC,GAAoB,IAAA,GAChD,WAAY,GAAe,IAAQ,EACnC,YAAa,GAAe,EAAa,EAAqB,IAAA,GAC9D,YAAa,EAAe,GAAM,EAAmB,EAAK,CAAC,EAAI,IAAA,GAC/D,WACE,EAAe,GAAM,EAAmB,EAAO,CAAC,EAC5C,EAAe,GAAM,GAAkB,EAAO,CAAC,EAC/C,IAAA,GACN,UAAW,EAAc,GAAoB,EAAc,GAAmB,IAAA,GAC9E,OAAQ,EAAc,GAAiB,IAAA,GACvC,aAAc,EAAe,GAAM,GAAoB,EAAK,CAAC,EAAI,IAAA,GACjE,aAAc,EACd,aAAc,GAAW,EAAO,IAAU,GAAK,GAAe,IAAA,EAChE,CACF,CAEA,SAAS,IAAkC,CAEzC,OADI,EAAqB,SAAW,EAAqB,QAAU,GAAc,IAC1E,EACT,CAEA,MAAO,CAAE,cAAa,cAAa,mBAAiB,yBAAuB,CAC7E"}
+{"version":3,"file":"useRowDrag.mjs","names":[],"sources":["../../../../package/common/virtualList/useRowDrag.ts"],"sourcesContent":["import React, { useState, useRef, useEffect, useLayoutEffect, useCallback } from 'react';\n\nimport styles from './virtualList.module.pcss';\nimport { resolveReorderTarget, resolveTreeDropTarget, lastDescendantIndex } from './virtualList.utils';\nimport type { TreeDropPosition, TreeDropTarget } from './virtualList.types';\n\ninterface UseRowDragArgs {\n  reorderable: boolean;\n  treeReorder: boolean;\n  onReorder?: (fromIndex: number, toIndex: number) => void;\n  onTreeDrop?: (dragKey: string | number, target: TreeDropTarget) => void;\n  longPressDelay: number;\n  dragHandle: boolean;\n  treeIndentPx: number;\n  /** Current flat ordering and depth tags (mouse handlers read these directly). */\n  keys: (string | number)[];\n  depths: number[];\n  isGroupAt: (index: number) => boolean;\n  rootRef: React.RefObject<HTMLDivElement | null>;\n  /** Latest keys for async (touch / rAF) consumers — owned by useVirtualWindow. */\n  keysRef: React.RefObject<(string | number)[]>;\n}\n\n/** The drag-related props the parent spreads onto a given row. */\nexport interface RowDragProps {\n  reorderable: boolean;\n  /** Native mouse DnD is active for the list (independent of which row is armed). */\n  mouseDragEnabled: boolean;\n  draggable: boolean | undefined;\n  isDragging: boolean;\n  onMouseDown: ((e: React.MouseEvent<HTMLDivElement>) => void) | undefined;\n  onMouseOver: ((e: React.MouseEvent<HTMLDivElement>) => void) | undefined;\n  onMouseLeave: ((e: React.MouseEvent<HTMLDivElement>) => void) | undefined;\n  onDragStart: ((e: React.DragEvent<HTMLDivElement>) => void) | undefined;\n  onDragOver: ((e: React.DragEvent<HTMLDivElement>) => void) | undefined;\n  onDragEnd: (() => void) | undefined;\n  onDrop: ((e: React.DragEvent<HTMLDivElement>) => void) | undefined;\n  onTouchStart: ((e: React.TouchEvent<HTMLDivElement>) => void) | undefined;\n  dropPosition: TreeDropPosition | undefined;\n  dropIndentPx: number | undefined;\n}\n\ninterface UseRowDragResult {\n  /** True while a row is being dragged (for the root reordering style). */\n  draggingKey: string | number | null;\n  /** Whether either drag mode is active. */\n  dragEnabled: boolean;\n  /** Drag props for the row at `index` / `key`. */\n  getRowDragProps: (index: number, key: string | number) => RowDragProps;\n  /** Returns true (and resets) if the next click should be swallowed (post-drag). */\n  consumeSuppressedClick: () => boolean;\n}\n\n/**\n * Row drag-and-drop for both modes:\n * - `reorderable` (flat): native HTML5 drag on desktop; rows move live via\n *   `onReorder` with midpoint hysteresis.\n * - `treeReorder`: a drop indicator (before/after/inside) is shown during the\n *   drag and `onTreeDrop` fires once on release; dropping onto the dragged\n *   node's own subtree is forbidden.\n * Touch uses a long-press → lifted-clone → pointer-move path with edge\n * auto-scroll. `dragHandle` restricts initiation to `[data-drag-handle]`.\n */\nexport function useRowDrag({\n  reorderable,\n  treeReorder,\n  onReorder,\n  onTreeDrop,\n  longPressDelay,\n  dragHandle,\n  treeIndentPx,\n  keys,\n  depths,\n  isGroupAt,\n  rootRef,\n  keysRef,\n}: UseRowDragArgs): UseRowDragResult {\n  // The dragged item is tracked by its stable key (indices shift after each\n  // live reorder); the ref drives the logic, the state drives the row's style.\n  const dragKeyRef = useRef<string | number | null>(null);\n  const [draggingKey, setDraggingKey] = useState<string | number | null>(null);\n  // Tree-reorder drop indicator. Unlike flat reorder (which moves rows live),\n  // tree mode shows where the drop will land and commits once on release.\n  const [dropTarget, setDropTarget] = useState<TreeDropTarget | null>(null);\n  const dropTargetRef = useRef<TreeDropTarget | null>(null);\n  const onReorderRef = useRef(onReorder);\n  const onTreeDropRef = useRef(onTreeDrop);\n  const treeModeRef = useRef(treeReorder);\n  const depthsRef = useRef<number[]>(depths);\n  const isGroupAtRef = useRef<(i: number) => boolean>(isGroupAt);\n  // When `dragHandle` is on, a mousedown sets this to whether it landed on a\n  // `[data-drag-handle]` element, gating whether the ensuing dragstart is honoured.\n  const dragFromHandleRef = useRef(true);\n  // In `dragHandle` mode the `draggable` attribute is only on the row whose\n  // handle the pointer is currently over (\"armed\"). A permanently `draggable`\n  // row breaks mouse text selection (caret placement, double-click word select,\n  // drag select) inside any child input in Firefox — see Mozilla bugs 739071 /\n  // 800050 / 1189486. Arming on hover rather than on mousedown means the\n  // attribute is already in place before the press, so the browser never has to\n  // notice it appearing mid-gesture, and any pointer move re-derives it.\n  const armedKeyRef = useRef<string | number | null>(null);\n  const [armedKey, setArmedKeyState] = useState<string | number | null>(null);\n  const longPressRef = useRef<number | null>(null);\n  const touchActiveRef = useRef(false);\n  const touchStartYRef = useRef<number | null>(null);\n  const pointerXRef = useRef(0);\n  const pointerYRef = useRef(0);\n  const autoScrollRef = useRef<number | null>(null);\n  const suppressNextClickRef = useRef(false);\n  // Floating clone that follows the finger during a touch drag.\n  const dragCloneRef = useRef<HTMLElement | null>(null);\n  const grabOffsetYRef = useRef(0);\n  const cloneLeftRef = useRef(0);\n  const dragHeightRef = useRef(0);\n  // The native `draggable` attribute (mouse DnD) makes a long-press start the\n  // browser's own drag on touch devices, which hijacks our touch handlers. So\n  // expose it only where the primary pointer is fine (mouse/trackpad); touch\n  // devices use the touch handlers below instead.\n  const [isCoarsePointer] = useState(() =>\n    typeof window !== 'undefined' && typeof window.matchMedia === 'function'\n      ? window.matchMedia('(pointer: coarse)').matches\n      : false,\n  );\n\n  useLayoutEffect(() => {\n    onReorderRef.current = onReorder;\n    onTreeDropRef.current = onTreeDrop;\n    treeModeRef.current = treeReorder;\n    depthsRef.current = depths;\n    dropTargetRef.current = dropTarget;\n    isGroupAtRef.current = isGroupAt;\n  });\n\n  // ── Mouse / shared start ──────────────────────────────────────────────────\n\n  /** Move the `draggable` attribute to `next` (or off entirely for `null`). */\n  function arm(next: string | number | null) {\n    // Arming exists purely to place the native `draggable` attribute, which is\n    // never set on a coarse pointer (touch uses the handlers below instead). A\n    // tap still synthesises mouseover/mousedown, so without this a touch device\n    // would re-render the list on every handle tap to no effect whatsoever.\n    if (isCoarsePointer) return;\n    if (armedKeyRef.current === next) return; // mouseover fires constantly — no-op\n    armedKeyRef.current = next;\n    setArmedKeyState(next);\n  }\n\n  // Arm while the pointer rests on this row's handle, disarm as it moves off.\n  // `buttons !== 0` means a press is already in progress: the pointer can drift\n  // off the handle before the browser reaches its drag threshold, so hover is\n  // ignored until release rather than disarming a drag that is about to start.\n  function handleRowMouseOver(key: string | number, e: React.MouseEvent<HTMLDivElement>) {\n    if (e.buttons !== 0) return;\n    arm((e.target as HTMLElement).closest('[data-drag-handle]') ? key : null);\n  }\n\n  function handleRowMouseLeave(e: React.MouseEvent<HTMLDivElement>) {\n    if (e.buttons !== 0) return;\n    arm(null);\n  }\n\n  // With `dragHandle`, remember on mousedown whether the press landed on a\n  // handle, so the dragstart that follows can be ignored if it didn't. Arming\n  // here too covers a handle that came to sit under an already-stationary cursor\n  // (the list scrolled), which produces no mouseover.\n  function handleRowMouseDown(key: string | number, e: React.MouseEvent<HTMLDivElement>) {\n    if (e.button !== 0) return; // only a primary press can begin a drag\n    const fromHandle = !!(e.target as HTMLElement).closest('[data-drag-handle]');\n    dragFromHandleRef.current = fromHandle;\n    if (fromHandle) arm(key);\n  }\n\n  function handleReorderStart(key: string | number, e: React.DragEvent<HTMLDivElement>) {\n    if (dragHandle && !dragFromHandleRef.current) {\n      e.preventDefault(); // not started from a handle — let the row stay put\n      return;\n    }\n    dragKeyRef.current = key;\n    setDraggingKey(key);\n    if (treeReorder) setDropTarget(null);\n  }\n\n  // ── Tree mode ─────────────────────────────────────────────────────────────\n\n  /** Resolve the tree drop target for the row at `overIndex` under pointer `y`. */\n  function computeTreeDrop(overIndex: number, y: number, rect: DOMRect): TreeDropTarget | null {\n    const dragKey = dragKeyRef.current;\n    if (dragKey == null) return null;\n    const fromIndex = keys.indexOf(dragKey);\n    // Forbid dropping onto the dragged node or anything in its own subtree.\n    if (fromIndex !== -1 && overIndex >= fromIndex && overIndex <= lastDescendantIndex(fromIndex, depths)) {\n      return null;\n    }\n    const position = resolveTreeDropTarget(y, rect.top, rect.height, isGroupAt(overIndex));\n    return { key: keys[overIndex], position };\n  }\n\n  function handleTreeDragOver(overIndex: number, e: React.DragEvent<HTMLDivElement>) {\n    e.preventDefault(); // allow the drop\n    const rect = e.currentTarget.getBoundingClientRect();\n    const next = computeTreeDrop(overIndex, e.clientY, rect);\n    setDropTarget((prev) =>\n      prev?.key === next?.key && prev?.position === next?.position ? prev : next,\n    );\n  }\n\n  function commitTreeDrop() {\n    const dragKey = dragKeyRef.current;\n    const target = dropTargetRef.current;\n    if (dragKey != null && target && target.key !== dragKey) onTreeDrop?.(dragKey, target);\n  }\n\n  function handleTreeDrop(e: React.DragEvent<HTMLDivElement>) {\n    e.preventDefault();\n    commitTreeDrop();\n    setDropTarget(null);\n    dragKeyRef.current = null;\n    setDraggingKey(null);\n    arm(null);\n  }\n\n  function handleTreeDragEnd() {\n    // Fires after `drop` (or on its own when released off a valid target).\n    setDropTarget(null);\n    dragKeyRef.current = null;\n    setDraggingKey(null);\n    arm(null);\n  }\n\n  // ── Flat mode ─────────────────────────────────────────────────────────────\n\n  function handleReorderOver(overIndex: number, e: React.DragEvent<HTMLDivElement>) {\n    e.preventDefault(); // allow the drop\n    const dragKey = dragKeyRef.current;\n    if (dragKey == null) return;\n    const fromIndex = keys.indexOf(dragKey);\n    // Midpoint hysteresis (see resolveReorderTarget): a move only happens once\n    // the pointer crosses the centre of the row it's over. After a swap the\n    // dragged row sits under the cursor, so moving again needs real pointer\n    // travel — this stops the oscillation that made dragging feel jumpy.\n    const rect = e.currentTarget.getBoundingClientRect();\n    const target = resolveReorderTarget(fromIndex, overIndex, e.clientY, rect.top, rect.height);\n    if (target != null) onReorder?.(fromIndex, target);\n  }\n\n  function handleReorderEnd() {\n    dragKeyRef.current = null;\n    setDraggingKey(null);\n    arm(null);\n  }\n\n  // ── Touch reordering (long-press to arm, then drag) ──────────────────────────\n  // These handlers run from window listeners during a touch drag, so they read\n  // mutable state from refs and are stable across renders.\n\n  const reorderAtPoint = useCallback((x: number) => {\n    const dragKey = dragKeyRef.current;\n    const root = rootRef.current;\n    if (dragKey == null || !root) return;\n    // Reorder against the centre of the lifted clone, not the raw finger — the\n    // finger sits below the clone's top by the grab offset, so using it would\n    // make the top (and bottom) rows unreachable. The clone is what the user\n    // aims with, so match it.\n    const y = dragCloneRef.current\n      ? pointerYRef.current - grabOffsetYRef.current + dragHeightRef.current / 2\n      : pointerYRef.current;\n    const el = document.elementFromPoint(x, y) as HTMLElement | null;\n    const rowEl = el && root.contains(el) ? el.closest<HTMLElement>('[data-index]') : null;\n    if (!rowEl) return;\n    const overIndex = Number(rowEl.dataset.index);\n    if (Number.isNaN(overIndex)) return;\n    const fromIndex = keysRef.current.indexOf(dragKey);\n    const rect = rowEl.getBoundingClientRect();\n    if (treeModeRef.current) {\n      // Tree mode: don't move live — just track where the drop will land.\n      const ks = keysRef.current;\n      const ds = depthsRef.current;\n      if (fromIndex !== -1 && overIndex >= fromIndex && overIndex <= lastDescendantIndex(fromIndex, ds)) {\n        setDropTarget(null);\n        return;\n      }\n      const position = resolveTreeDropTarget(y, rect.top, rect.height, isGroupAtRef.current(overIndex));\n      const next: TreeDropTarget = { key: ks[overIndex], position };\n      setDropTarget((prev) => (prev?.key === next.key && prev?.position === next.position ? prev : next));\n      return;\n    }\n    const target = resolveReorderTarget(fromIndex, overIndex, y, rect.top, rect.height);\n    if (target != null) onReorderRef.current?.(fromIndex, target);\n  }, [rootRef, keysRef]);\n\n  // Keep the floating clone glued under the finger (same grab point).\n  const positionDragClone = useCallback(() => {\n    const clone = dragCloneRef.current;\n    if (!clone) return;\n    clone.style.transform = `translate(${cloneLeftRef.current}px, ${pointerYRef.current - grabOffsetYRef.current}px)`;\n  }, []);\n\n  // While the finger sits near a top/bottom edge (and within the list's width),\n  // scroll the list and keep reordering against the rows now passing under it.\n  const autoScrollTick = useCallback(() => {\n    const root = rootRef.current;\n    if (!root || !touchActiveRef.current) { autoScrollRef.current = null; return; }\n    const rect = root.getBoundingClientRect();\n    const x = pointerXRef.current;\n    const y = pointerYRef.current;\n    const EDGE = 48;\n    let dy = 0;\n    // Only auto-scroll while the finger is actually over the list — moving it\n    // outside (any direction) stops the scroll instead of running away; pinning\n    // the dragged row keeps touch events alive so it resumes when you come back.\n    const inside = x >= rect.left && x <= rect.right && y >= rect.top && y <= rect.bottom;\n    if (inside) {\n      if (y < rect.top + EDGE) dy = -Math.min(18, Math.ceil((rect.top + EDGE - y) / 3));\n      else if (y > rect.bottom - EDGE) dy = Math.min(18, Math.ceil((y - (rect.bottom - EDGE)) / 3));\n    }\n    if (dy !== 0) {\n      root.scrollTop += dy;\n      reorderAtPoint(x);\n    }\n    autoScrollRef.current = requestAnimationFrame(autoScrollTick);\n  }, [reorderAtPoint, rootRef]);\n\n  const endTouchDrag = useCallback(() => {\n    if (longPressRef.current != null) { clearTimeout(longPressRef.current); longPressRef.current = null; }\n    window.removeEventListener('touchmove', handleTouchMove);\n    window.removeEventListener('touchend', endTouchDrag);\n    window.removeEventListener('touchcancel', endTouchDrag);\n    if (autoScrollRef.current != null) { cancelAnimationFrame(autoScrollRef.current); autoScrollRef.current = null; }\n    if (dragCloneRef.current) { dragCloneRef.current.remove(); dragCloneRef.current = null; }\n    // Restore native scrolling that was locked for the duration of the drag.\n    document.body.style.touchAction = '';\n    document.body.style.overscrollBehavior = '';\n    if (touchActiveRef.current) {\n      // A real drag happened — swallow the click the browser fires afterwards\n      // so it doesn't, e.g., toggle row selection.\n      suppressNextClickRef.current = true;\n      setTimeout(() => { suppressNextClickRef.current = false; }, 350);\n      // Tree mode commits the pending drop on release (flat mode already moved\n      // rows live during the drag, so there's nothing to commit here).\n      if (treeModeRef.current) {\n        const dk = dragKeyRef.current;\n        const target = dropTargetRef.current;\n        if (dk != null && target && target.key !== dk) onTreeDropRef.current?.(dk, target);\n      }\n    }\n    setDropTarget(null);\n    touchActiveRef.current = false;\n    touchStartYRef.current = null;\n    dragKeyRef.current = null;\n    setDraggingKey(null);\n  }, []);\n\n  const handleTouchMove = useCallback((e: TouchEvent) => {\n    const t = e.touches[0];\n    if (!t) return;\n    pointerXRef.current = t.clientX;\n    pointerYRef.current = t.clientY;\n    if (!touchActiveRef.current) {\n      // Before the long-press fires: if the finger travels, the user means to\n      // scroll, so disarm and let the browser handle it (we don't preventDefault).\n      const sy = touchStartYRef.current;\n      if (sy != null && Math.abs(t.clientY - sy) > 10 && longPressRef.current != null) {\n        clearTimeout(longPressRef.current);\n        longPressRef.current = null;\n      }\n      return;\n    }\n    // Non-passive listener: preventDefault cancels the native scroll for this\n    // gesture — the only reliable way once touch-action has been latched at\n    // touchstart. This is what makes the drag actually move on touch devices.\n    if (e.cancelable) e.preventDefault();\n    positionDragClone();\n    reorderAtPoint(t.clientX);\n  }, [reorderAtPoint, positionDragClone]);\n\n  function handleRowTouchStart(key: string | number, e: React.TouchEvent<HTMLDivElement>) {\n    if (!reorderable && !treeReorder) return;\n    // With a drag handle, only a press that starts on it arms the drag, so the\n    // rest of the row stays free for tapping/typing into inputs.\n    if (dragHandle && !(e.target as HTMLElement).closest('[data-drag-handle]')) return;\n    if (longPressRef.current != null || touchActiveRef.current) return; // ignore extra fingers\n    const t = e.touches[0];\n    if (!t) return;\n    touchStartYRef.current = t.clientY;\n    pointerXRef.current = t.clientX;\n    pointerYRef.current = t.clientY;\n    window.addEventListener('touchmove', handleTouchMove, { passive: false });\n    window.addEventListener('touchend', endTouchDrag);\n    window.addEventListener('touchcancel', endTouchDrag);\n    longPressRef.current = window.setTimeout(() => {\n      longPressRef.current = null;\n      touchActiveRef.current = true;\n      dragKeyRef.current = key;\n      setDraggingKey(key);\n      navigator.vibrate?.(10);\n      // Lock native scrolling for the whole gesture — relying on per-move\n      // preventDefault isn't enough once the finger leaves and re-enters the\n      // list (the browser commits to a scroll and ignores it). We do all the\n      // scrolling ourselves via autoScrollTick.\n      document.body.style.touchAction = 'none';\n      document.body.style.overscrollBehavior = 'none';\n      createDragClone(key);\n      if (autoScrollRef.current == null) autoScrollRef.current = requestAnimationFrame(autoScrollTick);\n    }, longPressDelay);\n  }\n\n  // Build a floating copy of the picked-up row that tracks the finger, so the\n  // drag has a visible \"lifted\" element (the original row stays dimmed in place\n  // as a drop placeholder).\n  function createDragClone(key: string | number) {\n    const root = rootRef.current;\n    if (!root) return;\n    const idx = keysRef.current.indexOf(key);\n    const src = root.querySelector<HTMLElement>(`[data-index=\"${idx}\"]`);\n    if (!src) return;\n    const r = src.getBoundingClientRect();\n    grabOffsetYRef.current = pointerYRef.current - r.top;\n    cloneLeftRef.current = r.left;\n    dragHeightRef.current = r.height;\n    const clone = src.cloneNode(true) as HTMLElement;\n    clone.removeAttribute('data-index');\n    clone.setAttribute('data-drag-clone', 'true');\n    clone.setAttribute('aria-hidden', 'true');\n    clone.classList.add(styles.virtualListDragClone);\n    Object.assign(clone.style, {\n      position: 'fixed',\n      left: '0',\n      top: '0',\n      width: `${r.width}px`,\n      height: `${r.height}px`,\n      margin: '0',\n      opacity: '1',\n      pointerEvents: 'none',\n      // Above the sticky header (z-index 2) and any focused row (z-index 1).\n      zIndex: '3',\n      background: 'var(--background)',\n      boxShadow: 'var(--card-shadow)',\n      borderRadius: 'var(--default-border-radius)',\n    } as Partial<CSSStyleDeclaration>);\n    // Appended inside the list so it inherits the active theme's CSS variables;\n    // position:fixed keeps it in viewport coordinates regardless.\n    root.appendChild(clone);\n    dragCloneRef.current = clone;\n    positionDragClone();\n  }\n\n  // Tear down any in-flight touch drag if the component unmounts mid-gesture.\n  useEffect(() => endTouchDrag, [endTouchDrag]);\n\n  // Either drag mode arms the same row gestures; the handlers above branch on\n  // `treeReorder` for the differing target resolution / commit behaviour.\n  const dragEnabled = reorderable || treeReorder;\n  // Native mouse DnD is in play for this list. Row-level fallbacks that must\n  // cover *every* row — swallowing the browser's own drop and context menu —\n  // key off this, not off `draggable`, which in `dragHandle` mode is only ever\n  // on the single armed row.\n  const mouseDragEnabled = dragEnabled && !isCoarsePointer;\n\n  function getRowDragProps(index: number, key: string | number): RowDragProps {\n    // The drop indicator only renders on the row currently targeted. `before`/\n    // `after` lines indent to the target's depth so they sit under where the\n    // dropped content will start; `inside` highlights the whole row instead.\n    const rowDrop = treeReorder && dropTarget?.key === key ? dropTarget.position : undefined;\n    return {\n      // Drives the row-wide grab cursor. With `dragHandle`, only the handle\n      // initiates a drag, so the cursor belongs on the handle (styled by the\n      // consumer), not across the whole row.\n      reorderable: dragEnabled && !dragHandle,\n      mouseDragEnabled,\n      // In `dragHandle` mode the attribute only goes on the row the pointer has\n      // armed, so rows stay text-selectable in Firefox the rest of the time.\n      draggable: (mouseDragEnabled && (!dragHandle || key === armedKey)) || undefined,\n      isDragging: dragEnabled && key === draggingKey,\n      onMouseDown: dragEnabled && dragHandle ? (e) => handleRowMouseDown(key, e) : undefined,\n      onMouseOver: dragEnabled && dragHandle ? (e) => handleRowMouseOver(key, e) : undefined,\n      onMouseLeave: dragEnabled && dragHandle ? handleRowMouseLeave : undefined,\n      onDragStart: dragEnabled ? (e) => handleReorderStart(key, e) : undefined,\n      onDragOver:\n        treeReorder ? (e) => handleTreeDragOver(index, e)\n          : reorderable ? (e) => handleReorderOver(index, e)\n          : undefined,\n      onDragEnd: treeReorder ? handleTreeDragEnd : reorderable ? handleReorderEnd : undefined,\n      onDrop: treeReorder ? handleTreeDrop : undefined,\n      onTouchStart: dragEnabled ? (e) => handleRowTouchStart(key, e) : undefined,\n      dropPosition: rowDrop,\n      dropIndentPx: rowDrop ? (depths[index] ?? 0) * treeIndentPx : undefined,\n    };\n  }\n\n  function consumeSuppressedClick(): boolean {\n    if (suppressNextClickRef.current) { suppressNextClickRef.current = false; return true; }\n    return false;\n  }\n\n  return { draggingKey, dragEnabled, getRowDragProps, consumeSuppressedClick };\n}\n"],"mappings":"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"}

package/dist/esm/common/virtualList/useVirtualWindow.mjs

@@ -1,2 +1,2 @@
-import{buildOffsets as e,findStartIndex as t,getVisibleRange as n}from"./virtualList.utils.mjs";import{useCallback as r,useEffect as i,useLayoutEffect as a,useMemo as o,useRef as s,useState as c}from"react";function l(e,t){if(typeof e==`number`)return e;let n=e.trim();if(n===``)return 0;let r=Number(n);if(!Number.isNaN(r))return r;let i=/^(-?\d*\.?\d+)px$/.exec(n);if(i)return parseFloat(i[1]);if(typeof document>`u`||!t)return 0;let a=document.createElement(`div`);a.style.cssText=`position:absolute;visibility:hidden;height:${n};`,t.appendChild(a);let o=a.getBoundingClientRect().height;return t.removeChild(a),Number.isFinite(o)?o:0}function u({items:u,keys:d,getItemKey:f,estimatedRowHeight:p,rowGap:m,overscan:h,onLoadMore:g,loadMoreThreshold:_}){let[v,y]=c(0),[b,x]=c(0),[S,C]=c(0),[w,T]=c(()=>l(m,null)),[E,D]=c(new Map),[O,k]=c(!1),A=s(!1),j=s(null),M=s(null),N=s([]),P=s(null),F=s(0),I=s([]),[L]=c(()=>typeof ResizeObserver>`u`?null:new ResizeObserver(e=>{D(t=>{let n=null;for(let r of e){let e=r.target,i=Number(e.dataset.index);if(Number.isNaN(i))continue;let a=I.current[i];if(a===void 0)continue;let o=r.borderBoxSize?.[0],s=o?Math.round(o.blockSize):e.offsetHeight;t.get(a)!==s&&(n||=new Map(t),n.set(a,s))}return n??t})}));i(()=>()=>L?.disconnect(),[L]),a(()=>{let e=j.current;if(!e)return;x(e.clientHeight),C(e.clientWidth);let t=new ResizeObserver(()=>{x(e.clientHeight),C(e.clientWidth)});return t.observe(e),()=>t.disconnect()},[]);let R=r(e=>{let t=e.currentTarget;F.current=t.scrollTop,P.current??=requestAnimationFrame(()=>{P.current=null,y(F.current)}),g&&!A.current&&t.scrollTop+t.clientHeight>=t.scrollHeight-_&&(A.current=!0,k(!0),g().finally(()=>{A.current=!1,k(!1)}))},[g,_]);i(()=>()=>{P.current!=null&&cancelAnimationFrame(P.current)},[]),a(()=>{I.current=d}),a(()=>{let e=l(m,j.current);T(t=>t===e?t:e)},[m,S,b]);let{offsets:z,totalHeight:B}=o(()=>e(d,E,p,w),[d,E,p,w]);a(()=>{let e=j.current,n=N.current;if(N.current=z,!e||n.length===0)return;let r=e.scrollTop;if(r<=0)return;let i=t(n,r,n.length-1);if(i>=u.length)return;let a=r-n[i],o=z[i]+a;Math.abs(o-r)>.5&&(e.scrollTop=o,F.current=o,y(o))},[z,u.length]);let V=o(()=>{function e(e,t){let n=j.current;if(!n)return;let r=Math.max(0,e);typeof n.scrollTo==`function`?n.scrollTo({top:r,behavior:t??`auto`}):n.scrollTop=r}function t(t,n){let r=j.current;if(!r||u.length===0)return;let i=Math.max(0,Math.min(t,u.length-1)),a=z[i]??0,o=(z[i+1]??a)-a,s=M.current?.offsetHeight??0,c=Math.max(0,r.clientHeight-s),l=n?.align??`start`,d=a-s;l===`center`?d-=(c-o)/2:l===`end`&&(d-=c-o),e(d,n?.behavior)}return{scrollToIndex:t,scrollToKey(e,n){let r=u.findIndex((t,n)=>(f?f(t,n):n)===e);r>=0&&t(r,n)},scrollToTop(t){e(0,t?.behavior)},getScrollElement:()=>j.current}},[u,z,f]),{startIndex:H,endIndex:U}=o(()=>n(z,v,b,h,u.length),[z,v,b,h,u.length]);return{rootRef:j,headerRef:M,rowObserver:L,keysRef:I,offsets:z,totalHeight:B,containerHeight:b,containerWidth:S,startIndex:H,endIndex:U,handleScroll:R,showLoadMoreSpinner:O,scrollApi:V}}export{u as useVirtualWindow};
+import{buildOffsets as e,findStartIndex as t,getVisibleRange as n}from"./virtualList.utils.mjs";import{useCallback as r,useEffect as i,useLayoutEffect as a,useMemo as o,useRef as s,useState as c}from"react";function l(e,t){if(typeof e==`number`)return e;let n=e.trim();if(n===``)return 0;let r=Number(n);if(!Number.isNaN(r))return r;let i=/^(-?\d*\.?\d+)px$/.exec(n);if(i)return parseFloat(i[1]);if(typeof document>`u`||!t)return 0;let a=document.createElement(`div`);a.style.cssText=`position:absolute;visibility:hidden;height:${n};`,t.appendChild(a);let o=a.getBoundingClientRect().height;return t.removeChild(a),Number.isFinite(o)?o:0}function u({items:u,keys:d,getItemKey:f,estimatedRowHeight:p,rowGap:m,overscan:h,onLoadMore:g,loadMoreThreshold:_,isLoading:v}){let[y,b]=c(0),[x,S]=c(0),[C,w]=c(0),[T,E]=c(()=>l(m,null)),[D,O]=c(new Map),[k,A]=c(!1),j=s(!1),M=s(null),N=s(null),P=s([]),F=s(null),I=s(0),L=s([]),[R]=c(()=>typeof ResizeObserver>`u`?null:new ResizeObserver(e=>{O(t=>{let n=null;for(let r of e){let e=r.target,i=Number(e.dataset.index);if(Number.isNaN(i))continue;let a=L.current[i];if(a===void 0)continue;let o=r.borderBoxSize?.[0],s=o?Math.round(o.blockSize):e.offsetHeight;t.get(a)!==s&&(n||=new Map(t),n.set(a,s))}return n??t})}));i(()=>()=>R?.disconnect(),[R]),a(()=>{let e=M.current;if(!e)return;S(e.clientHeight),w(e.clientWidth);let t=new ResizeObserver(()=>{S(e.clientHeight),w(e.clientWidth)});return t.observe(e),()=>t.disconnect()},[]);let z=s(g);a(()=>{z.current=g});let B=r(()=>{let e=z.current;!e||j.current||(j.current=!0,A(!0),e().finally(()=>{j.current=!1,A(!1)}))},[]),V=r(e=>{let t=e.currentTarget;I.current=t.scrollTop,F.current??=requestAnimationFrame(()=>{F.current=null,b(I.current)}),t.scrollTop+t.clientHeight>=t.scrollHeight-_&&B()},[_,B]);i(()=>()=>{F.current!=null&&cancelAnimationFrame(F.current)},[]),a(()=>{L.current=d}),a(()=>{let e=l(m,M.current);E(t=>t===e?t:e)},[m,C,x]);let{offsets:H,totalHeight:U}=o(()=>e(d,D,p,T),[d,D,p,T]),W=s(``);i(()=>{if(!g||v||k||x===0||U>=x-(N.current?.offsetHeight??0))return;let e=`${u.length}:${x}`;W.current!==e&&(W.current=e,B())},[g,v,k,u.length,U,x,B]),a(()=>{let e=M.current,n=P.current;if(P.current=H,!e||n.length===0)return;let r=e.scrollTop;if(r<=0)return;let i=t(n,r,n.length-1);if(i>=u.length)return;let a=r-n[i],o=H[i]+a;Math.abs(o-r)>.5&&(e.scrollTop=o,I.current=o,b(o))},[H,u.length]);let G=o(()=>{function e(e,t){let n=M.current;if(!n)return;let r=Math.max(0,e);typeof n.scrollTo==`function`?n.scrollTo({top:r,behavior:t??`auto`}):n.scrollTop=r}function t(t,n){let r=M.current;if(!r||u.length===0)return;let i=Math.max(0,Math.min(t,u.length-1)),a=H[i]??0,o=(H[i+1]??a)-a,s=N.current?.offsetHeight??0,c=Math.max(0,r.clientHeight-s),l=n?.align??`start`,d=a-s;l===`center`?d-=(c-o)/2:l===`end`&&(d-=c-o),e(d,n?.behavior)}return{scrollToIndex:t,scrollToKey(e,n){let r=u.findIndex((t,n)=>(f?f(t,n):n)===e);r>=0&&t(r,n)},scrollToTop(t){e(0,t?.behavior)},getScrollElement:()=>M.current}},[u,H,f]),{startIndex:K,endIndex:q}=o(()=>n(H,y,x,h,u.length),[H,y,x,h,u.length]);return{rootRef:M,headerRef:N,rowObserver:R,keysRef:L,offsets:H,totalHeight:U,containerHeight:x,containerWidth:C,startIndex:K,endIndex:q,handleScroll:V,showLoadMoreSpinner:k,scrollApi:G}}export{u as useVirtualWindow};
 //# sourceMappingURL=useVirtualWindow.mjs.map

package/dist/esm/common/virtualList/useVirtualWindow.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"useVirtualWindow.mjs","names":[],"sources":["../../../../package/common/virtualList/useVirtualWindow.ts"],"sourcesContent":["import React, { useState, useRef, useEffect, useLayoutEffect, useMemo, useCallback } from 'react';\n\nimport { buildOffsets, findStartIndex, getVisibleRange } from './virtualList.utils';\nimport type { VirtualListHandle, VirtualListScrollOptions } from './virtualList.types';\n\n/**\n * Resolve a `rowGap` value to pixels for the offset math. Numbers and plain\n * `px`/numeric strings parse directly (no DOM, SSR/test-safe); any other CSS\n * length (`em`, `rem`, `%`, `var(...)`) is resolved via a hidden probe appended\n * to `contextEl` so it inherits the list's font-size and custom properties.\n */\nfunction resolveCssLength(value: number | string, contextEl: HTMLElement | null): number {\n  if (typeof value === 'number') return value;\n  const trimmed = value.trim();\n  if (trimmed === '') return 0;\n  const asNumber = Number(trimmed);\n  if (!Number.isNaN(asNumber)) return asNumber; // \"8\" → 8\n  const pxMatch = /^(-?\\d*\\.?\\d+)px$/.exec(trimmed);\n  if (pxMatch) return parseFloat(pxMatch[1]); // \"8px\" → 8\n  if (typeof document === 'undefined' || !contextEl) return 0;\n  const probe = document.createElement('div');\n  probe.style.cssText = `position:absolute;visibility:hidden;height:${trimmed};`;\n  contextEl.appendChild(probe);\n  const px = probe.getBoundingClientRect().height;\n  contextEl.removeChild(probe);\n  return Number.isFinite(px) ? px : 0;\n}\n\ninterface UseVirtualWindowArgs<T> {\n  items: T[];\n  /** Stable key per row (already derived by the caller). */\n  keys: (string | number)[];\n  getItemKey?: (item: T, index: number) => string | number;\n  estimatedRowHeight: number;\n  rowGap: number | string;\n  overscan: number;\n  onLoadMore?: () => Promise<void>;\n  loadMoreThreshold: number;\n}\n\ninterface UseVirtualWindowResult {\n  rootRef: React.RefObject<HTMLDivElement | null>;\n  headerRef: React.RefObject<HTMLDivElement | null>;\n  /** Shared by every row to measure its height (read back via `data-index`). */\n  rowObserver: ResizeObserver | null;\n  /** Latest index → key mapping, for async consumers (e.g. the drag hook). */\n  keysRef: React.RefObject<(string | number)[]>;\n  offsets: number[];\n  totalHeight: number;\n  containerHeight: number;\n  containerWidth: number;\n  startIndex: number;\n  endIndex: number;\n  handleScroll: (e: React.UIEvent<HTMLDivElement>) => void;\n  showLoadMoreSpinner: boolean;\n  /** The scroll-related imperative methods, for the component to compose into\n   *  the forwarded handle alongside column controls. */\n  scrollApi: Omit<VirtualListHandle, 'recalculateColumns'>;\n}\n\n/**\n * The generic virtualization engine: viewport measurement, per-row height\n * caching, offset/visible-range computation, scroll coalescing, scroll\n * anchoring on height changes, infinite-load triggering, and the imperative\n * scroll handle. Mode-agnostic — knows nothing about columns, selection or\n * dragging.\n */\nexport function useVirtualWindow<T>({\n  items,\n  keys,\n  getItemKey,\n  estimatedRowHeight,\n  rowGap,\n  overscan,\n  onLoadMore,\n  loadMoreThreshold,\n}: UseVirtualWindowArgs<T>): UseVirtualWindowResult {\n  const [scrollTop, setScrollTop] = useState(0);\n  const [containerHeight, setContainerHeight] = useState(0);\n  const [containerWidth, setContainerWidth] = useState(0);\n  // rowGap may be any CSS length; resolve it to px for the offset math. Seed with\n  // the synchronous fast path (number / px), then refine before paint for units\n  // that need the DOM (em/rem/%/var).\n  const [resolvedRowGap, setResolvedRowGap] = useState<number>(() => resolveCssLength(rowGap, null));\n  const [heightsMap, setHeightsMap] = useState<Map<string | number, number>>(new Map());\n  const [showLoadMoreSpinner, setShowLoadMoreSpinner] = useState(false);\n  const isLoadingMoreRef = useRef(false);\n\n  const rootRef = useRef<HTMLDivElement>(null);\n  const headerRef = useRef<HTMLDivElement>(null);\n  const prevOffsetsRef = useRef<number[]>([]);\n  const scrollRafRef = useRef<number | null>(null);\n  const pendingScrollTopRef = useRef(0);\n  const keysRef = useRef<(string | number)[]>([]);\n\n  // One ResizeObserver shared by every row, created once via a lazy state\n  // initializer so rows mounting in the same commit can register in their\n  // layout effect. Batching all entries into a single setState avoids a\n  // re-render per row when many rows enter the viewport at once (the main\n  // source of scroll jank). The row index is read back from `data-index`.\n  const [rowObserver] = useState<ResizeObserver | null>(() => {\n    if (typeof ResizeObserver === 'undefined') return null;\n    return new ResizeObserver((entries) => {\n      setHeightsMap((prev) => {\n        let next: Map<string | number, number> | null = null;\n        for (const entry of entries) {\n          const el = entry.target as HTMLElement;\n          const idx = Number(el.dataset.index);\n          if (Number.isNaN(idx)) continue;\n          // Resolve the row's stable key so the cache survives reorders/filters.\n          const key = keysRef.current[idx];\n          if (key === undefined) continue;\n          // Prefer the size the observer already computed — reading offsetHeight\n          // here would force a synchronous reflow on every measurement batch.\n          const box = entry.borderBoxSize?.[0];\n          const h = box ? Math.round(box.blockSize) : el.offsetHeight;\n          if (prev.get(key) === h) continue;\n          if (!next) next = new Map(prev);\n          next.set(key, h);\n        }\n        return next ?? prev;\n      });\n    });\n  });\n  useEffect(() => () => rowObserver?.disconnect(), [rowObserver]);\n\n  useLayoutEffect(() => {\n    const el = rootRef.current;\n    if (!el) return;\n    // Measure synchronously before the first paint so the initial render fills\n    // the viewport, instead of painting a few overscan rows and re-rendering.\n    setContainerHeight(el.clientHeight);\n    setContainerWidth(el.clientWidth);\n    // Track width too: `fit` columns are measured against this box and capped at\n    // its width, so when the container settles to its real width after a route\n    // transition / async layout, that change has to re-trigger the measure —\n    // otherwise an early measure against a 0/tiny width gets pinned and sticks.\n    const observer = new ResizeObserver(() => {\n      setContainerHeight(el.clientHeight);\n      setContainerWidth(el.clientWidth);\n    });\n    observer.observe(el);\n    return () => observer.disconnect();\n  }, []);\n\n  const handleScroll = useCallback((e: React.UIEvent<HTMLDivElement>) => {\n    const el = e.currentTarget;\n    // Coalesce scroll-driven re-renders to at most one per animation frame.\n    // Scroll events can fire several times per frame (especially while dragging\n    // the scrollbar thumb); rendering the visible window once per frame keeps\n    // the content in step with the cursor instead of lagging behind.\n    pendingScrollTopRef.current = el.scrollTop;\n    if (scrollRafRef.current == null) {\n      scrollRafRef.current = requestAnimationFrame(() => {\n        scrollRafRef.current = null;\n        setScrollTop(pendingScrollTopRef.current);\n      });\n    }\n\n    if (onLoadMore && !isLoadingMoreRef.current) {\n      if (el.scrollTop + el.clientHeight >= el.scrollHeight - loadMoreThreshold) {\n        isLoadingMoreRef.current = true;\n        setShowLoadMoreSpinner(true);\n        onLoadMore().finally(() => {\n          isLoadingMoreRef.current = false;\n          setShowLoadMoreSpinner(false);\n        });\n      }\n    }\n  }, [onLoadMore, loadMoreThreshold]);\n\n  useEffect(() => () => {\n    if (scrollRafRef.current != null) cancelAnimationFrame(scrollRafRef.current);\n  }, []);\n\n  useLayoutEffect(() => {\n    keysRef.current = keys;\n  });\n\n  // Resolve the gap to px before paint, re-running when the value or the\n  // container's layout changes (a theme/font change that alters em/var is caught\n  // by the container ResizeObserver feeding containerWidth/Height).\n  useLayoutEffect(() => {\n    const px = resolveCssLength(rowGap, rootRef.current);\n    setResolvedRowGap((prev) => (prev === px ? prev : px));\n  }, [rowGap, containerWidth, containerHeight]);\n\n  const { offsets, totalHeight } = useMemo(\n    () => buildOffsets(keys, heightsMap, estimatedRowHeight, resolvedRowGap),\n    [keys, heightsMap, estimatedRowHeight, resolvedRowGap],\n  );\n\n  useLayoutEffect(() => {\n    const el = rootRef.current;\n    const prevOffsets = prevOffsetsRef.current;\n    prevOffsetsRef.current = offsets;\n\n    // Nothing to anchor against on the first pass or when pinned at the top.\n    if (!el || prevOffsets.length === 0) return;\n    const curScrollTop = el.scrollTop;\n    if (curScrollTop <= 0) return;\n\n    // Scroll anchoring: pin the row at the top of the viewport. Find it under\n    // the *previous* offsets, then re-derive scrollTop from its *new* offset so\n    // it stays visually fixed when rows above it are measured or resized. This\n    // is more robust than summing per-row height deltas — it can't drift, and\n    // one correction covers any number of simultaneous changes above the fold.\n    const prevCount = prevOffsets.length - 1;\n    const anchor = findStartIndex(prevOffsets, curScrollTop, prevCount);\n    if (anchor >= items.length) return;\n    const within = curScrollTop - prevOffsets[anchor];\n    const target = offsets[anchor] + within;\n    if (Math.abs(target - curScrollTop) > 0.5) {\n      el.scrollTop = target;\n      pendingScrollTopRef.current = target;\n      setScrollTop(target);\n    }\n  }, [offsets, items.length]);\n\n  const scrollApi = useMemo<Omit<VirtualListHandle, 'recalculateColumns'>>(() => {\n    function scrollToOffset(top: number, behavior?: ScrollBehavior) {\n      const el = rootRef.current;\n      if (!el) return;\n      const clamped = Math.max(0, top);\n      if (typeof el.scrollTo === 'function') el.scrollTo({ top: clamped, behavior: behavior ?? 'auto' });\n      else el.scrollTop = clamped;\n    }\n    function scrollToIndex(index: number, options?: VirtualListScrollOptions) {\n      const el = rootRef.current;\n      if (!el || items.length === 0) return;\n      const i = Math.max(0, Math.min(index, items.length - 1));\n      const rowTop = offsets[i] ?? 0;\n      const rowHeight = (offsets[i + 1] ?? rowTop) - rowTop;\n      // The sticky header overlaps the top of the scroll area, so the usable\n      // viewport starts below it — account for that when aligning.\n      const headerH = headerRef.current?.offsetHeight ?? 0;\n      const usable = Math.max(0, el.clientHeight - headerH);\n      const align = options?.align ?? 'start';\n      let top = rowTop - headerH;\n      if (align === 'center') top -= (usable - rowHeight) / 2;\n      else if (align === 'end') top -= usable - rowHeight;\n      scrollToOffset(top, options?.behavior);\n    }\n    return {\n      scrollToIndex,\n      scrollToKey(key, options) {\n        const i = items.findIndex((item, idx) => (getItemKey ? getItemKey(item, idx) : idx) === key);\n        if (i >= 0) scrollToIndex(i, options);\n      },\n      scrollToTop(options) {\n        scrollToOffset(0, options?.behavior);\n      },\n      getScrollElement: () => rootRef.current,\n    };\n  }, [items, offsets, getItemKey]);\n\n  const { startIndex, endIndex } = useMemo(\n    () => getVisibleRange(offsets, scrollTop, containerHeight, overscan, items.length),\n    [offsets, scrollTop, containerHeight, overscan, items.length],\n  );\n\n  return {\n    rootRef,\n    headerRef,\n    rowObserver,\n    keysRef,\n    offsets,\n    totalHeight,\n    containerHeight,\n    containerWidth,\n    startIndex,\n    endIndex,\n    handleScroll,\n    showLoadMoreSpinner,\n    scrollApi,\n  };\n}\n"],"mappings":"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"}
+{"version":3,"file":"useVirtualWindow.mjs","names":[],"sources":["../../../../package/common/virtualList/useVirtualWindow.ts"],"sourcesContent":["import React, { useState, useRef, useEffect, useLayoutEffect, useMemo, useCallback } from 'react';\n\nimport { buildOffsets, findStartIndex, getVisibleRange } from './virtualList.utils';\nimport type { VirtualListHandle, VirtualListScrollOptions } from './virtualList.types';\n\n/**\n * Resolve a `rowGap` value to pixels for the offset math. Numbers and plain\n * `px`/numeric strings parse directly (no DOM, SSR/test-safe); any other CSS\n * length (`em`, `rem`, `%`, `var(...)`) is resolved via a hidden probe appended\n * to `contextEl` so it inherits the list's font-size and custom properties.\n */\nfunction resolveCssLength(value: number | string, contextEl: HTMLElement | null): number {\n  if (typeof value === 'number') return value;\n  const trimmed = value.trim();\n  if (trimmed === '') return 0;\n  const asNumber = Number(trimmed);\n  if (!Number.isNaN(asNumber)) return asNumber; // \"8\" → 8\n  const pxMatch = /^(-?\\d*\\.?\\d+)px$/.exec(trimmed);\n  if (pxMatch) return parseFloat(pxMatch[1]); // \"8px\" → 8\n  if (typeof document === 'undefined' || !contextEl) return 0;\n  const probe = document.createElement('div');\n  probe.style.cssText = `position:absolute;visibility:hidden;height:${trimmed};`;\n  contextEl.appendChild(probe);\n  const px = probe.getBoundingClientRect().height;\n  contextEl.removeChild(probe);\n  return Number.isFinite(px) ? px : 0;\n}\n\ninterface UseVirtualWindowArgs<T> {\n  items: T[];\n  /** Stable key per row (already derived by the caller). */\n  keys: (string | number)[];\n  getItemKey?: (item: T, index: number) => string | number;\n  estimatedRowHeight: number;\n  rowGap: number | string;\n  overscan: number;\n  onLoadMore?: () => Promise<void>;\n  loadMoreThreshold: number;\n  /** Initial/filter load in progress — the body is replaced by a spinner. */\n  isLoading: boolean;\n}\n\ninterface UseVirtualWindowResult {\n  rootRef: React.RefObject<HTMLDivElement | null>;\n  headerRef: React.RefObject<HTMLDivElement | null>;\n  /** Shared by every row to measure its height (read back via `data-index`). */\n  rowObserver: ResizeObserver | null;\n  /** Latest index → key mapping, for async consumers (e.g. the drag hook). */\n  keysRef: React.RefObject<(string | number)[]>;\n  offsets: number[];\n  totalHeight: number;\n  containerHeight: number;\n  containerWidth: number;\n  startIndex: number;\n  endIndex: number;\n  handleScroll: (e: React.UIEvent<HTMLDivElement>) => void;\n  showLoadMoreSpinner: boolean;\n  /** The scroll-related imperative methods, for the component to compose into\n   *  the forwarded handle alongside column controls. */\n  scrollApi: Omit<VirtualListHandle, 'recalculateColumns'>;\n}\n\n/**\n * The generic virtualization engine: viewport measurement, per-row height\n * caching, offset/visible-range computation, scroll coalescing, scroll\n * anchoring on height changes, infinite-load triggering, and the imperative\n * scroll handle. Mode-agnostic — knows nothing about columns, selection or\n * dragging.\n */\nexport function useVirtualWindow<T>({\n  items,\n  keys,\n  getItemKey,\n  estimatedRowHeight,\n  rowGap,\n  overscan,\n  onLoadMore,\n  loadMoreThreshold,\n  isLoading,\n}: UseVirtualWindowArgs<T>): UseVirtualWindowResult {\n  const [scrollTop, setScrollTop] = useState(0);\n  const [containerHeight, setContainerHeight] = useState(0);\n  const [containerWidth, setContainerWidth] = useState(0);\n  // rowGap may be any CSS length; resolve it to px for the offset math. Seed with\n  // the synchronous fast path (number / px), then refine before paint for units\n  // that need the DOM (em/rem/%/var).\n  const [resolvedRowGap, setResolvedRowGap] = useState<number>(() => resolveCssLength(rowGap, null));\n  const [heightsMap, setHeightsMap] = useState<Map<string | number, number>>(new Map());\n  const [showLoadMoreSpinner, setShowLoadMoreSpinner] = useState(false);\n  const isLoadingMoreRef = useRef(false);\n\n  const rootRef = useRef<HTMLDivElement>(null);\n  const headerRef = useRef<HTMLDivElement>(null);\n  const prevOffsetsRef = useRef<number[]>([]);\n  const scrollRafRef = useRef<number | null>(null);\n  const pendingScrollTopRef = useRef(0);\n  const keysRef = useRef<(string | number)[]>([]);\n\n  // One ResizeObserver shared by every row, created once via a lazy state\n  // initializer so rows mounting in the same commit can register in their\n  // layout effect. Batching all entries into a single setState avoids a\n  // re-render per row when many rows enter the viewport at once (the main\n  // source of scroll jank). The row index is read back from `data-index`.\n  const [rowObserver] = useState<ResizeObserver | null>(() => {\n    if (typeof ResizeObserver === 'undefined') return null;\n    return new ResizeObserver((entries) => {\n      setHeightsMap((prev) => {\n        let next: Map<string | number, number> | null = null;\n        for (const entry of entries) {\n          const el = entry.target as HTMLElement;\n          const idx = Number(el.dataset.index);\n          if (Number.isNaN(idx)) continue;\n          // Resolve the row's stable key so the cache survives reorders/filters.\n          const key = keysRef.current[idx];\n          if (key === undefined) continue;\n          // Prefer the size the observer already computed — reading offsetHeight\n          // here would force a synchronous reflow on every measurement batch.\n          const box = entry.borderBoxSize?.[0];\n          const h = box ? Math.round(box.blockSize) : el.offsetHeight;\n          if (prev.get(key) === h) continue;\n          if (!next) next = new Map(prev);\n          next.set(key, h);\n        }\n        return next ?? prev;\n      });\n    });\n  });\n  useEffect(() => () => rowObserver?.disconnect(), [rowObserver]);\n\n  useLayoutEffect(() => {\n    const el = rootRef.current;\n    if (!el) return;\n    // Measure synchronously before the first paint so the initial render fills\n    // the viewport, instead of painting a few overscan rows and re-rendering.\n    setContainerHeight(el.clientHeight);\n    setContainerWidth(el.clientWidth);\n    // Track width too: `fit` columns are measured against this box and capped at\n    // its width, so when the container settles to its real width after a route\n    // transition / async layout, that change has to re-trigger the measure —\n    // otherwise an early measure against a 0/tiny width gets pinned and sticks.\n    const observer = new ResizeObserver(() => {\n      setContainerHeight(el.clientHeight);\n      setContainerWidth(el.clientWidth);\n    });\n    observer.observe(el);\n    return () => observer.disconnect();\n  }, []);\n\n  // Read through a ref so the trigger below stays stable even when the consumer\n  // passes a fresh `onLoadMore` closure on every render.\n  const onLoadMoreRef = useRef(onLoadMore);\n  useLayoutEffect(() => {\n    onLoadMoreRef.current = onLoadMore;\n  });\n\n  /** Start a load unless one is already in flight (and drive the bottom spinner). */\n  const triggerLoadMore = useCallback(() => {\n    const load = onLoadMoreRef.current;\n    if (!load || isLoadingMoreRef.current) return;\n    isLoadingMoreRef.current = true;\n    setShowLoadMoreSpinner(true);\n    load().finally(() => {\n      isLoadingMoreRef.current = false;\n      setShowLoadMoreSpinner(false);\n    });\n  }, []);\n\n  const handleScroll = useCallback((e: React.UIEvent<HTMLDivElement>) => {\n    const el = e.currentTarget;\n    // Coalesce scroll-driven re-renders to at most one per animation frame.\n    // Scroll events can fire several times per frame (especially while dragging\n    // the scrollbar thumb); rendering the visible window once per frame keeps\n    // the content in step with the cursor instead of lagging behind.\n    pendingScrollTopRef.current = el.scrollTop;\n    if (scrollRafRef.current == null) {\n      scrollRafRef.current = requestAnimationFrame(() => {\n        scrollRafRef.current = null;\n        setScrollTop(pendingScrollTopRef.current);\n      });\n    }\n\n    if (el.scrollTop + el.clientHeight >= el.scrollHeight - loadMoreThreshold) triggerLoadMore();\n  }, [loadMoreThreshold, triggerLoadMore]);\n\n  useEffect(() => () => {\n    if (scrollRafRef.current != null) cancelAnimationFrame(scrollRafRef.current);\n  }, []);\n\n  useLayoutEffect(() => {\n    keysRef.current = keys;\n  });\n\n  // Resolve the gap to px before paint, re-running when the value or the\n  // container's layout changes (a theme/font change that alters em/var is caught\n  // by the container ResizeObserver feeding containerWidth/Height).\n  useLayoutEffect(() => {\n    const px = resolveCssLength(rowGap, rootRef.current);\n    setResolvedRowGap((prev) => (prev === px ? prev : px));\n  }, [rowGap, containerWidth, containerHeight]);\n\n  const { offsets, totalHeight } = useMemo(\n    () => buildOffsets(keys, heightsMap, estimatedRowHeight, resolvedRowGap),\n    [keys, heightsMap, estimatedRowHeight, resolvedRowGap],\n  );\n\n  // The scroll trigger above can only fire on a list that actually scrolls. When\n  // a batch is smaller than the viewport there is no overflow, so no scroll event\n  // ever happens and lazy loading dead-ends after the first batch. Keep asking\n  // for more until the content overflows; the consumer ends the loop by appending\n  // nothing (or by dropping `onLoadMore` once its source is exhausted).\n  //\n  // Each (row count, viewport height) pair is probed at most once, so rows\n  // settling to their measured heights can't re-ask a source that already ran\n  // dry, and progress depends entirely on the consumer appending rows.\n  const fillProbeRef = useRef('');\n  useEffect(() => {\n    if (!onLoadMore || isLoading || showLoadMoreSpinner) return;\n    // 0 while the list is unmeasured or `display: none` — nothing to fill yet.\n    if (containerHeight === 0) return;\n    // The sticky header eats into the scroll area, so it isn't usable space.\n    const headerH = headerRef.current?.offsetHeight ?? 0;\n    if (totalHeight >= containerHeight - headerH) return; // already scrollable\n    const probe = `${items.length}:${containerHeight}`;\n    if (fillProbeRef.current === probe) return;\n    fillProbeRef.current = probe;\n    triggerLoadMore();\n  }, [\n    onLoadMore, isLoading, showLoadMoreSpinner,\n    items.length, totalHeight, containerHeight, triggerLoadMore,\n  ]);\n\n  useLayoutEffect(() => {\n    const el = rootRef.current;\n    const prevOffsets = prevOffsetsRef.current;\n    prevOffsetsRef.current = offsets;\n\n    // Nothing to anchor against on the first pass or when pinned at the top.\n    if (!el || prevOffsets.length === 0) return;\n    const curScrollTop = el.scrollTop;\n    if (curScrollTop <= 0) return;\n\n    // Scroll anchoring: pin the row at the top of the viewport. Find it under\n    // the *previous* offsets, then re-derive scrollTop from its *new* offset so\n    // it stays visually fixed when rows above it are measured or resized. This\n    // is more robust than summing per-row height deltas — it can't drift, and\n    // one correction covers any number of simultaneous changes above the fold.\n    const prevCount = prevOffsets.length - 1;\n    const anchor = findStartIndex(prevOffsets, curScrollTop, prevCount);\n    if (anchor >= items.length) return;\n    const within = curScrollTop - prevOffsets[anchor];\n    const target = offsets[anchor] + within;\n    if (Math.abs(target - curScrollTop) > 0.5) {\n      el.scrollTop = target;\n      pendingScrollTopRef.current = target;\n      setScrollTop(target);\n    }\n  }, [offsets, items.length]);\n\n  const scrollApi = useMemo<Omit<VirtualListHandle, 'recalculateColumns'>>(() => {\n    function scrollToOffset(top: number, behavior?: ScrollBehavior) {\n      const el = rootRef.current;\n      if (!el) return;\n      const clamped = Math.max(0, top);\n      if (typeof el.scrollTo === 'function') el.scrollTo({ top: clamped, behavior: behavior ?? 'auto' });\n      else el.scrollTop = clamped;\n    }\n    function scrollToIndex(index: number, options?: VirtualListScrollOptions) {\n      const el = rootRef.current;\n      if (!el || items.length === 0) return;\n      const i = Math.max(0, Math.min(index, items.length - 1));\n      const rowTop = offsets[i] ?? 0;\n      const rowHeight = (offsets[i + 1] ?? rowTop) - rowTop;\n      // The sticky header overlaps the top of the scroll area, so the usable\n      // viewport starts below it — account for that when aligning.\n      const headerH = headerRef.current?.offsetHeight ?? 0;\n      const usable = Math.max(0, el.clientHeight - headerH);\n      const align = options?.align ?? 'start';\n      let top = rowTop - headerH;\n      if (align === 'center') top -= (usable - rowHeight) / 2;\n      else if (align === 'end') top -= usable - rowHeight;\n      scrollToOffset(top, options?.behavior);\n    }\n    return {\n      scrollToIndex,\n      scrollToKey(key, options) {\n        const i = items.findIndex((item, idx) => (getItemKey ? getItemKey(item, idx) : idx) === key);\n        if (i >= 0) scrollToIndex(i, options);\n      },\n      scrollToTop(options) {\n        scrollToOffset(0, options?.behavior);\n      },\n      getScrollElement: () => rootRef.current,\n    };\n  }, [items, offsets, getItemKey]);\n\n  const { startIndex, endIndex } = useMemo(\n    () => getVisibleRange(offsets, scrollTop, containerHeight, overscan, items.length),\n    [offsets, scrollTop, containerHeight, overscan, items.length],\n  );\n\n  return {\n    rootRef,\n    headerRef,\n    rowObserver,\n    keysRef,\n    offsets,\n    totalHeight,\n    containerHeight,\n    containerWidth,\n    startIndex,\n    endIndex,\n    handleScroll,\n    showLoadMoreSpinner,\n    scrollApi,\n  };\n}\n"],"mappings":"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"}

package/dist/esm/common/virtualList/virtualList.mjs

@@ -1,2 +1,2 @@
-import e from"../loading/spinnerLoading/index.mjs";import t from"../checkbox/checkbox.mjs";import{Align as n}from"../floatingMenu/floatingMenu.types.mjs";import r from"../floatingMenu/floatingMenu.mjs";import i from"./virtualList.module.mjs";import ee from"./virtualRow.mjs";import"./virtualList.utils.mjs";import{useVirtualWindow as a}from"./useVirtualWindow.mjs";import{useSelection as o}from"./useSelection.mjs";import{useColumns as s}from"./useColumns.mjs";import{useRowDrag as c}from"./useRowDrag.mjs";import l,{useCallback as u,useImperativeHandle as te,useMemo as d}from"react";import f from"classnames";import{FontAwesomeIcon as ne}from"@fortawesome/react-fontawesome";import{faGear as re}from"@fortawesome/free-solid-svg-icons";import{Fragment as p,jsx as m,jsxs as h}from"react/jsx-runtime";function g({items:l,renderRow:g,columns:_,height:ie=`100%`,estimatedRowHeight:ae=40,overscan:oe=3,rowGap:v=0,rowPadding:y,selectedKey:b,getItemKey:x,onRowClick:se,visibleColumnKeys:ce,onVisibleColumnsChange:le,persistColumnsKey:ue,showColumnToggle:de,onLoadMore:fe,loadMoreThreshold:pe=100,isLoading:me=!1,multiSelect:S=!1,selectedKeys:he,onSelectionChange:ge,reorderable:_e=!1,onReorder:ve,longPressDelay:ye=400,treeReorder:C=!1,getItemDepth:w,isGroup:T,onTreeDrop:E,treeIndentPx:D=24,dragHandle:O=!1,showDivider:k=!0,rowHover:A=!0,className:j,style:M,classNames:N,styles:P,...F},be){let I=u((e,t)=>x?x(e,t):t,[x]),L=d(()=>l.map((e,t)=>I(e,t)),[l,I]),xe=d(()=>w?l.map((e,t)=>w(e,t)):[],[l,w]),Se=u(e=>T?T(l[e],e):!1,[T,l]),R=a({items:l,keys:L,getItemKey:x,estimatedRowHeight:ae,rowGap:v,overscan:oe,onLoadMore:fe,loadMoreThreshold:pe}),{rootRef:z,headerRef:Ce,rowObserver:we,keysRef:Te,offsets:Ee,totalHeight:De,startIndex:B,endIndex:V}=R,H=o({items:l,getKey:I,multiSelect:S,selectedKeys:he,onSelectionChange:ge}),{effectiveSelectedKeys:U}=H,{hasColumns:W,visibleColumns:G,columnTemplate:K,shouldShowToggle:q,effectiveVisible:Oe,manuallyHiddenCount:J,toggleOpen:ke,setToggleOpen:Ae,handleToggleColumn:je,recalculateColumns:Y}=s({columns:_,items:l,multiSelect:S,visibleColumnKeys:ce,onVisibleColumnsChange:le,persistColumnsKey:ue,showColumnToggle:de,rootRef:z,startIndex:B,endIndex:V,containerHeight:R.containerHeight,containerWidth:R.containerWidth});te(be,()=>({...R.scrollApi,recalculateColumns:Y}),[R.scrollApi,Y]);let X=c({reorderable:_e,treeReorder:C,onReorder:ve,onTreeDrop:E,longPressDelay:ye,dragHandle:O,treeIndentPx:D,keys:L,depths:xe,isGroupAt:Se,rootRef:z,keysRef:Te}),Me=typeof y==`number`?`${y}px`:y,Z=e=>{let n=l[e],r=I(n,e),a=b!=null&&r===b||U.has(r),o=X.getRowDragProps(e,r);return m(ee,{index:e,top:Ee[e],padding:Me,columnTemplate:K,isSelected:a,showDivider:k,hover:A,onClick:()=>{X.consumeSuppressedClick()||se?.(n,e)},observer:we,ariaRowIndex:W?e+2:void 0,ariaPosInSet:W?void 0:e+1,ariaSetSize:W?void 0:l.length,rowRole:W?`row`:`listitem`,reserveToggleGutter:q,...o,dropIndicatorClassName:N?.dropIndicator,dropIndicatorStyle:P?.dropIndicator,rowClassName:N?.row,rowStyle:P?.row,children:W?h(p,{children:[S&&m(`div`,{className:f(i.virtualListSelectCell,N?.selectCell),style:P?.selectCell,role:`gridcell`,onClick:e=>e.stopPropagation(),children:m(t,{selected:U.has(r),onToggle:()=>H.handleRowSelect(r),"aria-label":`Select row`})}),G.map(t=>m(`div`,{className:f(i.virtualListCell,N?.cell),style:P?.cell,role:`gridcell`,"data-fit-key":t.width.type===`fit`?t.key:void 0,children:t.renderCell(n,e)},t.key))]}):g?.(n,e)},r)},Q=[];for(let e=B;e<=V;e++)Q.push(Z(e));let $=X.draggingKey==null?-1:L.indexOf(X.draggingKey);return $>=0&&($<B||$>V)&&Q.push(Z($)),h(`div`,{...F,ref:z,className:f(i.virtualList,X.draggingKey!=null&&i.virtualListReordering,j,N?.root),style:{height:ie,...M,...P?.root},onScroll:R.handleScroll,role:W?`grid`:`list`,"aria-rowcount":W?l.length+1:void 0,children:[W&&h(`div`,{ref:Ce,className:f(i.virtualListHeader,N?.header),style:{gridTemplateColumns:K,...q?{paddingRight:32}:{},...P?.header},role:`row`,"aria-rowindex":1,children:[S&&m(`div`,{className:f(i.virtualListSelectCell,N?.selectCell),style:P?.selectCell,role:`columnheader`,children:m(t,{selected:H.allSelected||H.someSelected,onToggle:H.handleSelectAll,"aria-label":`Select all rows`})}),G.map(e=>m(`div`,{className:f(i.virtualListHeaderCell,N?.headerCell),style:P?.headerCell,role:`columnheader`,"data-fit-key":e.width.type===`fit`?e.key:void 0,children:e.label},e.key)),q&&h(`div`,{className:i.virtualListToggleWrapper,children:[m(r,{isOpen:ke,onOpenChange:Ae,align:n.Right,content:m(`div`,{className:f(i.virtualListTogglePopover,N?.togglePopover),style:P?.togglePopover,children:_.filter(e=>!e.hideFromToggle).map(e=>m(t,{className:f(i.virtualListToggleItem,N?.toggleItem),style:P?.toggleItem,selected:Oe.has(e.key),onToggle:()=>je(e.key),disabled:e.lockVisible,cursorDefault:!1,children:e.toggleLabel??e.label},e.key))}),children:m(`button`,{type:`button`,className:f(i.virtualListHeaderToggle,N?.headerToggle),style:P?.headerToggle,"aria-label":`Toggle column visibility`,children:m(ne,{icon:re,style:P?.headerToggle})})}),J>0&&m(`span`,{className:f(i.virtualListColumnChip,N?.columnChip),style:P?.columnChip,"data-column-hidden-count":J,"aria-label":`${J} columns hidden`,children:J})]})]}),me?m(`div`,{className:i.virtualListLoadingFull,children:m(e,{className:i.virtualListSpinner})}):m(`div`,{className:f(i.virtualListBody,N?.body),style:{height:De,...P?.body},children:Q}),R.showLoadMoreSpinner&&m(`div`,{className:f(i.virtualListLoadingIndicator,N?.loadingIndicator),style:P?.loadingIndicator,children:m(e,{className:i.virtualListSpinner})})]})}var _=l.forwardRef(g);export{_ as default};
+import e from"../loading/spinnerLoading/index.mjs";import{Align as t}from"../floatingMenu/floatingMenu.types.mjs";import n from"../floatingMenu/floatingMenu.mjs";import r from"../checkbox/checkbox.mjs";import i from"./virtualList.module.mjs";import ee from"./virtualRow.mjs";import"./virtualList.utils.mjs";import{useVirtualWindow as a}from"./useVirtualWindow.mjs";import{useSelection as o}from"./useSelection.mjs";import{useColumns as s}from"./useColumns.mjs";import{useRowDrag as te}from"./useRowDrag.mjs";import c,{useCallback as l,useImperativeHandle as ne,useMemo as u}from"react";import d from"classnames";import{FontAwesomeIcon as re}from"@fortawesome/react-fontawesome";import{faGear as ie}from"@fortawesome/free-solid-svg-icons";import{Fragment as f,jsx as p,jsxs as m}from"react/jsx-runtime";function h({items:c,renderRow:h,columns:g,height:_=`100%`,estimatedRowHeight:ae=40,overscan:oe=3,rowGap:se=0,rowPadding:v,selectedKey:y,getItemKey:b,onRowClick:ce,visibleColumnKeys:le,onVisibleColumnsChange:ue,persistColumnsKey:de,showColumnToggle:fe,onLoadMore:pe,loadMoreThreshold:x=100,isLoading:S=!1,multiSelect:C=!1,selectedKeys:me,onSelectionChange:he,reorderable:ge=!1,onReorder:_e,longPressDelay:ve=400,treeReorder:ye=!1,getItemDepth:w,isGroup:T,onTreeDrop:E,treeIndentPx:D=24,dragHandle:O=!1,showDivider:k=!0,rowHover:A=!0,className:j,style:M,classNames:N,styles:P,...be},xe){let F=l((e,t)=>b?b(e,t):t,[b]),I=u(()=>c.map((e,t)=>F(e,t)),[c,F]),L=u(()=>w?c.map((e,t)=>w(e,t)):[],[c,w]),Se=l(e=>T?T(c[e],e):!1,[T,c]),R=a({items:c,keys:I,getItemKey:b,estimatedRowHeight:ae,rowGap:se,overscan:oe,onLoadMore:pe,loadMoreThreshold:x,isLoading:S}),{rootRef:z,headerRef:Ce,rowObserver:we,keysRef:Te,offsets:Ee,totalHeight:De,startIndex:B,endIndex:V}=R,H=o({items:c,getKey:F,multiSelect:C,selectedKeys:me,onSelectionChange:he}),{effectiveSelectedKeys:U}=H,{hasColumns:W,visibleColumns:G,columnTemplate:K,shouldShowToggle:q,effectiveVisible:Oe,manuallyHiddenCount:J,toggleOpen:ke,setToggleOpen:Ae,handleToggleColumn:je,recalculateColumns:Y}=s({columns:g,items:c,multiSelect:C,visibleColumnKeys:le,onVisibleColumnsChange:ue,persistColumnsKey:de,showColumnToggle:fe,rootRef:z,startIndex:B,endIndex:V,containerHeight:R.containerHeight,containerWidth:R.containerWidth});ne(xe,()=>({...R.scrollApi,recalculateColumns:Y}),[R.scrollApi,Y]);let X=te({reorderable:ge,treeReorder:ye,onReorder:_e,onTreeDrop:E,longPressDelay:ve,dragHandle:O,treeIndentPx:D,keys:I,depths:L,isGroupAt:Se,rootRef:z,keysRef:Te}),Me=typeof v==`number`?`${v}px`:v,Z=e=>{let t=c[e],n=F(t,e),a=y!=null&&n===y||U.has(n),o=X.getRowDragProps(e,n);return p(ee,{index:e,top:Ee[e],padding:Me,columnTemplate:K,isSelected:a,showDivider:k,hover:A,onClick:()=>{X.consumeSuppressedClick()||ce?.(t,e)},observer:we,ariaRowIndex:W?e+2:void 0,ariaPosInSet:W?void 0:e+1,ariaSetSize:W?void 0:c.length,rowRole:W?`row`:`listitem`,reserveToggleGutter:q,...o,dropIndicatorClassName:N?.dropIndicator,dropIndicatorStyle:P?.dropIndicator,rowClassName:N?.row,rowStyle:P?.row,children:W?m(f,{children:[C&&p(`div`,{className:d(i.virtualListSelectCell,N?.selectCell),style:P?.selectCell,role:`gridcell`,onClick:e=>e.stopPropagation(),children:p(r,{selected:U.has(n),onToggle:()=>H.handleRowSelect(n),"aria-label":`Select row`})}),G.map(n=>p(`div`,{className:d(i.virtualListCell,N?.cell),style:P?.cell,role:`gridcell`,"data-fit-key":n.width.type===`fit`?n.key:void 0,children:n.renderCell(t,e)},n.key))]}):h?.(t,e)},n)},Q=[];for(let e=B;e<=V;e++)Q.push(Z(e));let $=X.draggingKey==null?-1:I.indexOf(X.draggingKey);return $>=0&&($<B||$>V)&&Q.push(Z($)),m(`div`,{...be,ref:z,className:d(i.virtualList,X.draggingKey!=null&&i.virtualListReordering,j,N?.root),style:{height:_,...M,...P?.root},onScroll:R.handleScroll,role:W?`grid`:`list`,"aria-rowcount":W?c.length+1:void 0,children:[W&&m(`div`,{ref:Ce,className:d(i.virtualListHeader,N?.header),style:{gridTemplateColumns:K,...q?{paddingRight:32}:{},...P?.header},role:`row`,"aria-rowindex":1,children:[C&&p(`div`,{className:d(i.virtualListSelectCell,N?.selectCell),style:P?.selectCell,role:`columnheader`,children:p(r,{selected:H.allSelected||H.someSelected,onToggle:H.handleSelectAll,"aria-label":`Select all rows`})}),G.map(e=>p(`div`,{className:d(i.virtualListHeaderCell,N?.headerCell),style:P?.headerCell,role:`columnheader`,"data-fit-key":e.width.type===`fit`?e.key:void 0,children:e.label},e.key)),q&&m(`div`,{className:i.virtualListToggleWrapper,children:[p(n,{isOpen:ke,onOpenChange:Ae,align:t.Right,dontCloseOnChildClick:!0,content:p(`div`,{className:d(i.virtualListTogglePopover,N?.togglePopover),style:P?.togglePopover,children:g.filter(e=>!e.hideFromToggle).map(e=>p(r,{className:d(i.virtualListToggleItem,N?.toggleItem),style:P?.toggleItem,selected:Oe.has(e.key),onToggle:()=>je(e.key),disabled:e.lockVisible,cursorDefault:!1,children:e.toggleLabel??e.label},e.key))}),children:p(`button`,{type:`button`,className:d(i.virtualListHeaderToggle,N?.headerToggle),style:P?.headerToggle,"aria-label":`Toggle column visibility`,children:p(re,{icon:ie,style:P?.headerToggle})})}),J>0&&p(`span`,{className:d(i.virtualListColumnChip,N?.columnChip),style:P?.columnChip,"data-column-hidden-count":J,"aria-label":`${J} columns hidden`,children:J})]})]}),S?p(`div`,{className:i.virtualListLoadingFull,children:p(e,{className:i.virtualListSpinner})}):p(`div`,{className:d(i.virtualListBody,N?.body),style:{height:De,...P?.body},children:Q}),R.showLoadMoreSpinner&&p(`div`,{className:d(i.virtualListLoadingIndicator,N?.loadingIndicator),style:P?.loadingIndicator,children:p(e,{className:i.virtualListSpinner})})]})}var g=c.forwardRef(h);export{g as default};
 //# sourceMappingURL=virtualList.mjs.map

package/dist/esm/common/virtualList/virtualList.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"virtualList.mjs","names":[],"sources":["../../../../package/common/virtualList/virtualList.tsx"],"sourcesContent":["import React, { useMemo, useCallback, useImperativeHandle } from 'react';\nimport cx from 'classnames';\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome';\nimport { faGear } from '@fortawesome/free-solid-svg-icons';\n\nimport styles from './virtualList.module.pcss';\nimport SpinnerLoading from '../loading/spinnerLoading';\nimport Checkbox from '../checkbox';\nimport FloatingMenu, { Align } from '../floatingMenu';\nimport VirtualRow from './virtualRow';\nimport { useVirtualWindow } from './useVirtualWindow';\nimport { useSelection } from './useSelection';\nimport { useColumns } from './useColumns';\nimport { useRowDrag } from './useRowDrag';\nimport type { VirtualListProps, VirtualListHandle } from './virtualList.types';\n\n// Pure helpers live in ./virtualList.utils; re-exported here so existing\n// imports (and unit tests) keep working against the component entry point.\nexport {\n  buildOffsets,\n  findStartIndex,\n  getVisibleRange,\n  resolveReorderTarget,\n  resolveTreeDropTarget,\n  lastDescendantIndex,\n  buildColumnTemplate,\n} from './virtualList.utils';\n\n// ─── Orchestrator ─────────────────────────────────────────────────────────────\n// VirtualListInner wires four focused hooks together and renders. Each concern\n// lives in its own module:\n//   useVirtualWindow — generic scroll / measurement / windowing (all modes)\n//   useSelection     — multi-row selection\n//   useColumns       — table mode: columns, visibility, persistence, fit widths\n//   useRowDrag       — reorder + tree drag-and-drop (mouse + touch)\n\nfunction VirtualListInner<T>({\n  items,\n  renderRow,\n  columns,\n  height = '100%',\n  estimatedRowHeight = 40,\n  overscan = 3,\n  rowGap = 0,\n  rowPadding,\n  selectedKey,\n  getItemKey,\n  onRowClick,\n  visibleColumnKeys,\n  onVisibleColumnsChange,\n  persistColumnsKey,\n  showColumnToggle,\n  onLoadMore,\n  loadMoreThreshold = 100,\n  isLoading = false,\n  multiSelect = false,\n  selectedKeys,\n  onSelectionChange,\n  reorderable = false,\n  onReorder,\n  longPressDelay = 400,\n  treeReorder = false,\n  getItemDepth,\n  isGroup,\n  onTreeDrop,\n  treeIndentPx = 24,\n  dragHandle = false,\n  showDivider = true,\n  rowHover = true,\n  className,\n  style,\n  classNames,\n  styles: slotStyles,\n  ...rest\n}: VirtualListProps<T>, ref: React.ForwardedRef<VirtualListHandle>) {\n  const getKey = useCallback(\n    (item: T, index: number): string | number => (getItemKey ? getItemKey(item, index) : index),\n    [getItemKey],\n  );\n  const keys = useMemo(() => items.map((item, i) => getKey(item, i)), [items, getKey]);\n  const depths = useMemo(\n    () => (getItemDepth ? items.map((item, i) => getItemDepth(item, i)) : []),\n    [items, getItemDepth],\n  );\n  const isGroupAt = useCallback(\n    (i: number) => (isGroup ? isGroup(items[i], i) : false),\n    [isGroup, items],\n  );\n\n  const win = useVirtualWindow<T>({\n    items, keys, getItemKey, estimatedRowHeight, rowGap, overscan,\n    onLoadMore, loadMoreThreshold,\n  });\n  const { rootRef, headerRef, rowObserver, keysRef, offsets, totalHeight, startIndex, endIndex } = win;\n\n  const selection = useSelection<T>({ items, getKey, multiSelect, selectedKeys, onSelectionChange });\n  const { effectiveSelectedKeys } = selection;\n\n  const cols = useColumns<T>({\n    columns, items, multiSelect, visibleColumnKeys, onVisibleColumnsChange, persistColumnsKey,\n    showColumnToggle, rootRef, startIndex, endIndex,\n    containerHeight: win.containerHeight, containerWidth: win.containerWidth,\n  });\n  const {\n    hasColumns, visibleColumns, columnTemplate, shouldShowToggle, effectiveVisible, manuallyHiddenCount,\n    toggleOpen, setToggleOpen, handleToggleColumn, recalculateColumns,\n  } = cols;\n\n  // Compose the forwarded handle from both hooks: scroll methods come from the\n  // windowing engine, column controls from the column hook.\n  useImperativeHandle(\n    ref,\n    () => ({ ...win.scrollApi, recalculateColumns }),\n    [win.scrollApi, recalculateColumns],\n  );\n\n  const drag = useRowDrag({\n    reorderable, treeReorder, onReorder, onTreeDrop, longPressDelay, dragHandle, treeIndentPx,\n    keys, depths, isGroupAt, rootRef, keysRef,\n  });\n\n  const rowPaddingValue = typeof rowPadding === 'number' ? `${rowPadding}px` : rowPadding;\n\n  const renderRowAt = (i: number) => {\n    const item = items[i];\n    const key = getKey(item, i);\n    const isSelected = (selectedKey != null && key === selectedKey) || effectiveSelectedKeys.has(key);\n    const dragProps = drag.getRowDragProps(i, key);\n\n    return (\n      <VirtualRow\n        key={key}\n        index={i}\n        top={offsets[i]}\n        padding={rowPaddingValue}\n        columnTemplate={columnTemplate}\n        isSelected={isSelected}\n        showDivider={showDivider}\n        hover={rowHover}\n        onClick={() => {\n          if (drag.consumeSuppressedClick()) return;\n          onRowClick?.(item, i);\n        }}\n        observer={rowObserver}\n        ariaRowIndex={hasColumns ? i + 2 : undefined}\n        ariaPosInSet={hasColumns ? undefined : i + 1}\n        ariaSetSize={hasColumns ? undefined : items.length}\n        rowRole={hasColumns ? 'row' : 'listitem'}\n        reserveToggleGutter={shouldShowToggle}\n        {...dragProps}\n        dropIndicatorClassName={classNames?.dropIndicator}\n        dropIndicatorStyle={slotStyles?.dropIndicator}\n        rowClassName={classNames?.row}\n        rowStyle={slotStyles?.row}\n      >\n        {hasColumns\n          ? <>\n              {multiSelect && (\n                <div\n                  className={cx(styles.virtualListSelectCell, classNames?.selectCell)}\n                  style={slotStyles?.selectCell}\n                  role=\"gridcell\"\n                  onClick={(e) => e.stopPropagation()}\n                >\n                  <Checkbox\n                    selected={effectiveSelectedKeys.has(key)}\n                    onToggle={() => selection.handleRowSelect(key)}\n                    aria-label=\"Select row\"\n                  />\n                </div>\n              )}\n              {visibleColumns.map((col) => (\n                <div\n                  key={col.key}\n                  className={cx(styles.virtualListCell, classNames?.cell)}\n                  style={slotStyles?.cell}\n                  role=\"gridcell\"\n                  data-fit-key={col.width.type === 'fit' ? col.key : undefined}\n                >\n                  {col.renderCell(item, i)}\n                </div>\n              ))}\n            </>\n          : renderRow?.(item, i)}\n      </VirtualRow>\n    );\n  };\n\n  const visibleRows: React.ReactNode[] = [];\n  for (let i = startIndex; i <= endIndex; i++) visibleRows.push(renderRowAt(i));\n\n  // Keep the row being touch-dragged mounted even if it scrolls out of the\n  // window. Touch events are dispatched to the element under the finger at\n  // touchstart; if that row unmounts, the browser stops delivering touchmove\n  // and the drag freezes. Pinning its DOM node keeps the gesture alive.\n  const draggedIndex = drag.draggingKey != null ? keys.indexOf(drag.draggingKey) : -1;\n  if (draggedIndex >= 0 && (draggedIndex < startIndex || draggedIndex > endIndex)) {\n    visibleRows.push(renderRowAt(draggedIndex));\n  }\n\n  return (\n    <div\n      {...rest}\n      ref={rootRef}\n      className={cx(styles.virtualList, drag.draggingKey != null && styles.virtualListReordering, className, classNames?.root)}\n      style={{ height, ...style, ...slotStyles?.root }}\n      onScroll={win.handleScroll}\n      role={hasColumns ? 'grid' : 'list'}\n      aria-rowcount={hasColumns ? items.length + 1 : undefined}\n    >\n      {hasColumns && (\n        <div\n          ref={headerRef}\n          className={cx(styles.virtualListHeader, classNames?.header)}\n          style={{ gridTemplateColumns: columnTemplate, ...(shouldShowToggle ? { paddingRight: 32 } : {}), ...slotStyles?.header }}\n          role=\"row\"\n          aria-rowindex={1}\n        >\n          {multiSelect && (\n            <div\n              className={cx(styles.virtualListSelectCell, classNames?.selectCell)}\n              style={slotStyles?.selectCell}\n              role=\"columnheader\"\n            >\n              <Checkbox\n                selected={selection.allSelected || selection.someSelected}\n                onToggle={selection.handleSelectAll}\n                aria-label=\"Select all rows\"\n              />\n            </div>\n          )}\n          {visibleColumns.map((col) => (\n            <div\n              key={col.key}\n              className={cx(styles.virtualListHeaderCell, classNames?.headerCell)}\n              style={slotStyles?.headerCell}\n              role=\"columnheader\"\n              data-fit-key={col.width.type === 'fit' ? col.key : undefined}\n            >\n              {col.label}\n            </div>\n          ))}\n          {shouldShowToggle && (\n            <div className={styles.virtualListToggleWrapper}>\n              <FloatingMenu\n                isOpen={toggleOpen}\n                onOpenChange={setToggleOpen}\n                align={Align.Right}\n                content={\n                  <div\n                    className={cx(styles.virtualListTogglePopover, classNames?.togglePopover)}\n                    style={slotStyles?.togglePopover}\n                  >\n                    {columns!.filter((col) => !col.hideFromToggle).map((col) => (\n                      <Checkbox\n                        key={col.key}\n                        className={cx(styles.virtualListToggleItem, classNames?.toggleItem)}\n                        style={slotStyles?.toggleItem}\n                        selected={effectiveVisible.has(col.key)}\n                        onToggle={() => handleToggleColumn(col.key)}\n                        disabled={col.lockVisible}\n                        cursorDefault={false}\n                      >\n                        {col.toggleLabel ?? col.label}\n                      </Checkbox>\n                    ))}\n                  </div>\n                }\n              >\n                <button\n                  type=\"button\"\n                  className={cx(styles.virtualListHeaderToggle, classNames?.headerToggle)}\n                  style={slotStyles?.headerToggle}\n                  aria-label=\"Toggle column visibility\"\n                >\n                  <FontAwesomeIcon\n                    icon={faGear}\n                    style={slotStyles?.headerToggle as React.CSSProperties & Record<`--fa-font-${string}`, string>}\n                  />\n                </button>\n              </FloatingMenu>\n              {manuallyHiddenCount > 0 && (\n                <span\n                  className={cx(styles.virtualListColumnChip, classNames?.columnChip)}\n                  style={slotStyles?.columnChip}\n                  data-column-hidden-count={manuallyHiddenCount}\n                  aria-label={`${manuallyHiddenCount} columns hidden`}\n                >\n                  {manuallyHiddenCount}\n                </span>\n              )}\n            </div>\n          )}\n        </div>\n      )}\n      {isLoading ? (\n        <div className={styles.virtualListLoadingFull}>\n          <SpinnerLoading className={styles.virtualListSpinner} />\n        </div>\n      ) : (\n        <div\n          className={cx(styles.virtualListBody, classNames?.body)}\n          style={{ height: totalHeight, ...slotStyles?.body }}\n        >\n          {visibleRows}\n        </div>\n      )}\n      {win.showLoadMoreSpinner && (\n        <div\n          className={cx(styles.virtualListLoadingIndicator, classNames?.loadingIndicator)}\n          style={slotStyles?.loadingIndicator}\n        >\n          <SpinnerLoading className={styles.virtualListSpinner} />\n        </div>\n      )}\n    </div>\n  );\n}\n\n// forwardRef erases the generic, so cast back to a generic-preserving signature.\nconst VirtualList = React.forwardRef(VirtualListInner) as <T>(\n  props: VirtualListProps<T> & { ref?: React.Ref<VirtualListHandle> },\n) => React.ReactElement | null;\n\nexport default VirtualList;\n"],"mappings":"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"}
+{"version":3,"file":"virtualList.mjs","names":[],"sources":["../../../../package/common/virtualList/virtualList.tsx"],"sourcesContent":["import React, { useMemo, useCallback, useImperativeHandle } from 'react';\nimport cx from 'classnames';\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome';\nimport { faGear } from '@fortawesome/free-solid-svg-icons';\n\nimport styles from './virtualList.module.pcss';\nimport SpinnerLoading from '../loading/spinnerLoading';\nimport Checkbox from '../checkbox';\nimport FloatingMenu, { Align } from '../floatingMenu';\nimport VirtualRow from './virtualRow';\nimport { useVirtualWindow } from './useVirtualWindow';\nimport { useSelection } from './useSelection';\nimport { useColumns } from './useColumns';\nimport { useRowDrag } from './useRowDrag';\nimport type { VirtualListProps, VirtualListHandle } from './virtualList.types';\n\n// Pure helpers live in ./virtualList.utils; re-exported here so existing\n// imports (and unit tests) keep working against the component entry point.\nexport {\n  buildOffsets,\n  findStartIndex,\n  getVisibleRange,\n  resolveReorderTarget,\n  resolveTreeDropTarget,\n  lastDescendantIndex,\n  buildColumnTemplate,\n} from './virtualList.utils';\n\n// ─── Orchestrator ─────────────────────────────────────────────────────────────\n// VirtualListInner wires four focused hooks together and renders. Each concern\n// lives in its own module:\n//   useVirtualWindow — generic scroll / measurement / windowing (all modes)\n//   useSelection     — multi-row selection\n//   useColumns       — table mode: columns, visibility, persistence, fit widths\n//   useRowDrag       — reorder + tree drag-and-drop (mouse + touch)\n\nfunction VirtualListInner<T>({\n  items,\n  renderRow,\n  columns,\n  height = '100%',\n  estimatedRowHeight = 40,\n  overscan = 3,\n  rowGap = 0,\n  rowPadding,\n  selectedKey,\n  getItemKey,\n  onRowClick,\n  visibleColumnKeys,\n  onVisibleColumnsChange,\n  persistColumnsKey,\n  showColumnToggle,\n  onLoadMore,\n  loadMoreThreshold = 100,\n  isLoading = false,\n  multiSelect = false,\n  selectedKeys,\n  onSelectionChange,\n  reorderable = false,\n  onReorder,\n  longPressDelay = 400,\n  treeReorder = false,\n  getItemDepth,\n  isGroup,\n  onTreeDrop,\n  treeIndentPx = 24,\n  dragHandle = false,\n  showDivider = true,\n  rowHover = true,\n  className,\n  style,\n  classNames,\n  styles: slotStyles,\n  ...rest\n}: VirtualListProps<T>, ref: React.ForwardedRef<VirtualListHandle>) {\n  const getKey = useCallback(\n    (item: T, index: number): string | number => (getItemKey ? getItemKey(item, index) : index),\n    [getItemKey],\n  );\n  const keys = useMemo(() => items.map((item, i) => getKey(item, i)), [items, getKey]);\n  const depths = useMemo(\n    () => (getItemDepth ? items.map((item, i) => getItemDepth(item, i)) : []),\n    [items, getItemDepth],\n  );\n  const isGroupAt = useCallback(\n    (i: number) => (isGroup ? isGroup(items[i], i) : false),\n    [isGroup, items],\n  );\n\n  const win = useVirtualWindow<T>({\n    items, keys, getItemKey, estimatedRowHeight, rowGap, overscan,\n    onLoadMore, loadMoreThreshold, isLoading,\n  });\n  const { rootRef, headerRef, rowObserver, keysRef, offsets, totalHeight, startIndex, endIndex } = win;\n\n  const selection = useSelection<T>({ items, getKey, multiSelect, selectedKeys, onSelectionChange });\n  const { effectiveSelectedKeys } = selection;\n\n  const cols = useColumns<T>({\n    columns, items, multiSelect, visibleColumnKeys, onVisibleColumnsChange, persistColumnsKey,\n    showColumnToggle, rootRef, startIndex, endIndex,\n    containerHeight: win.containerHeight, containerWidth: win.containerWidth,\n  });\n  const {\n    hasColumns, visibleColumns, columnTemplate, shouldShowToggle, effectiveVisible, manuallyHiddenCount,\n    toggleOpen, setToggleOpen, handleToggleColumn, recalculateColumns,\n  } = cols;\n\n  // Compose the forwarded handle from both hooks: scroll methods come from the\n  // windowing engine, column controls from the column hook.\n  useImperativeHandle(\n    ref,\n    () => ({ ...win.scrollApi, recalculateColumns }),\n    [win.scrollApi, recalculateColumns],\n  );\n\n  const drag = useRowDrag({\n    reorderable, treeReorder, onReorder, onTreeDrop, longPressDelay, dragHandle, treeIndentPx,\n    keys, depths, isGroupAt, rootRef, keysRef,\n  });\n\n  const rowPaddingValue = typeof rowPadding === 'number' ? `${rowPadding}px` : rowPadding;\n\n  const renderRowAt = (i: number) => {\n    const item = items[i];\n    const key = getKey(item, i);\n    const isSelected = (selectedKey != null && key === selectedKey) || effectiveSelectedKeys.has(key);\n    const dragProps = drag.getRowDragProps(i, key);\n\n    return (\n      <VirtualRow\n        key={key}\n        index={i}\n        top={offsets[i]}\n        padding={rowPaddingValue}\n        columnTemplate={columnTemplate}\n        isSelected={isSelected}\n        showDivider={showDivider}\n        hover={rowHover}\n        onClick={() => {\n          if (drag.consumeSuppressedClick()) return;\n          onRowClick?.(item, i);\n        }}\n        observer={rowObserver}\n        ariaRowIndex={hasColumns ? i + 2 : undefined}\n        ariaPosInSet={hasColumns ? undefined : i + 1}\n        ariaSetSize={hasColumns ? undefined : items.length}\n        rowRole={hasColumns ? 'row' : 'listitem'}\n        reserveToggleGutter={shouldShowToggle}\n        {...dragProps}\n        dropIndicatorClassName={classNames?.dropIndicator}\n        dropIndicatorStyle={slotStyles?.dropIndicator}\n        rowClassName={classNames?.row}\n        rowStyle={slotStyles?.row}\n      >\n        {hasColumns\n          ? <>\n              {multiSelect && (\n                <div\n                  className={cx(styles.virtualListSelectCell, classNames?.selectCell)}\n                  style={slotStyles?.selectCell}\n                  role=\"gridcell\"\n                  onClick={(e) => e.stopPropagation()}\n                >\n                  <Checkbox\n                    selected={effectiveSelectedKeys.has(key)}\n                    onToggle={() => selection.handleRowSelect(key)}\n                    aria-label=\"Select row\"\n                  />\n                </div>\n              )}\n              {visibleColumns.map((col) => (\n                <div\n                  key={col.key}\n                  className={cx(styles.virtualListCell, classNames?.cell)}\n                  style={slotStyles?.cell}\n                  role=\"gridcell\"\n                  data-fit-key={col.width.type === 'fit' ? col.key : undefined}\n                >\n                  {col.renderCell(item, i)}\n                </div>\n              ))}\n            </>\n          : renderRow?.(item, i)}\n      </VirtualRow>\n    );\n  };\n\n  const visibleRows: React.ReactNode[] = [];\n  for (let i = startIndex; i <= endIndex; i++) visibleRows.push(renderRowAt(i));\n\n  // Keep the row being touch-dragged mounted even if it scrolls out of the\n  // window. Touch events are dispatched to the element under the finger at\n  // touchstart; if that row unmounts, the browser stops delivering touchmove\n  // and the drag freezes. Pinning its DOM node keeps the gesture alive.\n  const draggedIndex = drag.draggingKey != null ? keys.indexOf(drag.draggingKey) : -1;\n  if (draggedIndex >= 0 && (draggedIndex < startIndex || draggedIndex > endIndex)) {\n    visibleRows.push(renderRowAt(draggedIndex));\n  }\n\n  return (\n    <div\n      {...rest}\n      ref={rootRef}\n      className={cx(styles.virtualList, drag.draggingKey != null && styles.virtualListReordering, className, classNames?.root)}\n      style={{ height, ...style, ...slotStyles?.root }}\n      onScroll={win.handleScroll}\n      role={hasColumns ? 'grid' : 'list'}\n      aria-rowcount={hasColumns ? items.length + 1 : undefined}\n    >\n      {hasColumns && (\n        <div\n          ref={headerRef}\n          className={cx(styles.virtualListHeader, classNames?.header)}\n          style={{ gridTemplateColumns: columnTemplate, ...(shouldShowToggle ? { paddingRight: 32 } : {}), ...slotStyles?.header }}\n          role=\"row\"\n          aria-rowindex={1}\n        >\n          {multiSelect && (\n            <div\n              className={cx(styles.virtualListSelectCell, classNames?.selectCell)}\n              style={slotStyles?.selectCell}\n              role=\"columnheader\"\n            >\n              <Checkbox\n                selected={selection.allSelected || selection.someSelected}\n                onToggle={selection.handleSelectAll}\n                aria-label=\"Select all rows\"\n              />\n            </div>\n          )}\n          {visibleColumns.map((col) => (\n            <div\n              key={col.key}\n              className={cx(styles.virtualListHeaderCell, classNames?.headerCell)}\n              style={slotStyles?.headerCell}\n              role=\"columnheader\"\n              data-fit-key={col.width.type === 'fit' ? col.key : undefined}\n            >\n              {col.label}\n            </div>\n          ))}\n          {shouldShowToggle && (\n            <div className={styles.virtualListToggleWrapper}>\n              <FloatingMenu\n                isOpen={toggleOpen}\n                onOpenChange={setToggleOpen}\n                align={Align.Right}\n                dontCloseOnChildClick\n                content={\n                  <div\n                    className={cx(styles.virtualListTogglePopover, classNames?.togglePopover)}\n                    style={slotStyles?.togglePopover}\n                  >\n                    {columns!.filter((col) => !col.hideFromToggle).map((col) => (\n                      <Checkbox\n                        key={col.key}\n                        className={cx(styles.virtualListToggleItem, classNames?.toggleItem)}\n                        style={slotStyles?.toggleItem}\n                        selected={effectiveVisible.has(col.key)}\n                        onToggle={() => handleToggleColumn(col.key)}\n                        disabled={col.lockVisible}\n                        cursorDefault={false}\n                      >\n                        {col.toggleLabel ?? col.label}\n                      </Checkbox>\n                    ))}\n                  </div>\n                }\n              >\n                <button\n                  type=\"button\"\n                  className={cx(styles.virtualListHeaderToggle, classNames?.headerToggle)}\n                  style={slotStyles?.headerToggle}\n                  aria-label=\"Toggle column visibility\"\n                >\n                  <FontAwesomeIcon\n                    icon={faGear}\n                    style={slotStyles?.headerToggle as React.CSSProperties & Record<`--fa-font-${string}`, string>}\n                  />\n                </button>\n              </FloatingMenu>\n              {manuallyHiddenCount > 0 && (\n                <span\n                  className={cx(styles.virtualListColumnChip, classNames?.columnChip)}\n                  style={slotStyles?.columnChip}\n                  data-column-hidden-count={manuallyHiddenCount}\n                  aria-label={`${manuallyHiddenCount} columns hidden`}\n                >\n                  {manuallyHiddenCount}\n                </span>\n              )}\n            </div>\n          )}\n        </div>\n      )}\n      {isLoading ? (\n        <div className={styles.virtualListLoadingFull}>\n          <SpinnerLoading className={styles.virtualListSpinner} />\n        </div>\n      ) : (\n        <div\n          className={cx(styles.virtualListBody, classNames?.body)}\n          style={{ height: totalHeight, ...slotStyles?.body }}\n        >\n          {visibleRows}\n        </div>\n      )}\n      {win.showLoadMoreSpinner && (\n        <div\n          className={cx(styles.virtualListLoadingIndicator, classNames?.loadingIndicator)}\n          style={slotStyles?.loadingIndicator}\n        >\n          <SpinnerLoading className={styles.virtualListSpinner} />\n        </div>\n      )}\n    </div>\n  );\n}\n\n// forwardRef erases the generic, so cast back to a generic-preserving signature.\nconst VirtualList = React.forwardRef(VirtualListInner) as <T>(\n  props: VirtualListProps<T> & { ref?: React.Ref<VirtualListHandle> },\n) => React.ReactElement | null;\n\nexport default VirtualList;\n"],"mappings":"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"}

package/dist/esm/common/virtualList/virtualRow.mjs

@@ -1,2 +1,2 @@
-import e from"./virtualList.module.mjs";import{useLayoutEffect as t,useRef as n}from"react";import r from"classnames";import{jsx as i,jsxs as a}from"react/jsx-runtime";function o({index:o,top:s,padding:c,columnTemplate:l,isSelected:u,showDivider:d,hover:f,onClick:p,observer:m,ariaRowIndex:h,ariaPosInSet:g,ariaSetSize:_,rowRole:v,reorderable:y,draggable:b,isDragging:x,reserveToggleGutter:S,onMouseDown:C,onDragStart:w,onDragOver:T,onDragEnd:E,onDrop:D,onTouchStart:O,dropPosition:k,dropIndentPx:A,dropIndicatorClassName:j,dropIndicatorStyle:M,rowClassName:N,rowStyle:P,children:F}){let I=n(null);return t(()=>{let e=I.current;if(!(!e||!m))return m.observe(e),()=>m.unobserve(e)},[m]),a(`div`,{ref:I,"data-index":o,className:r(e.virtualListRow,u&&e.virtualListRowSelected,!d&&e.virtualListRowNoDivider,!f&&e.virtualListRowNoHover,y&&e.virtualListRowDraggable,x&&e.virtualListRowDragging,k===`inside`&&e.virtualListRowDropInside,N),style:{position:`absolute`,top:0,left:0,right:0,transform:`translateY(${s}px)`,...c==null?{}:{padding:c},...l?{display:`grid`,gridTemplateColumns:l}:{},...S?{paddingRight:32}:{},...P},onClick:p,draggable:b,onMouseDown:C,onDragStart:w,onDragOver:T,onDragEnd:E,onDrop:D??(b?e=>e.preventDefault():void 0),onTouchStart:O,onContextMenu:b?e=>e.preventDefault():void 0,"aria-selected":u,"aria-rowindex":h,"aria-posinset":g,"aria-setsize":_,role:v,children:[(k===`before`||k===`after`)&&i(`div`,{"data-drop-line":k,"aria-hidden":!0,className:r(e.virtualListDropLine,k===`before`?e.virtualListDropLineBefore:e.virtualListDropLineAfter,j),style:{left:A??0,...M}}),F]})}export{o as default};
+import e from"./virtualList.module.mjs";import{useLayoutEffect as t,useRef as n}from"react";import r from"classnames";import{jsx as i,jsxs as a}from"react/jsx-runtime";function o({index:o,top:s,padding:c,columnTemplate:l,isSelected:u,showDivider:d,hover:f,onClick:p,observer:m,ariaRowIndex:h,ariaPosInSet:g,ariaSetSize:_,rowRole:v,reorderable:y,mouseDragEnabled:b,draggable:x,isDragging:S,reserveToggleGutter:C,onMouseDown:w,onMouseOver:T,onMouseLeave:E,onDragStart:D,onDragOver:O,onDragEnd:k,onDrop:A,onTouchStart:j,dropPosition:M,dropIndentPx:N,dropIndicatorClassName:P,dropIndicatorStyle:F,rowClassName:I,rowStyle:L,children:R}){let z=n(null);return t(()=>{let e=z.current;if(!(!e||!m))return m.observe(e),()=>m.unobserve(e)},[m]),a(`div`,{ref:z,"data-index":o,className:r(e.virtualListRow,u&&e.virtualListRowSelected,!d&&e.virtualListRowNoDivider,!f&&e.virtualListRowNoHover,y&&e.virtualListRowDraggable,S&&e.virtualListRowDragging,M===`inside`&&e.virtualListRowDropInside,I),style:{position:`absolute`,top:0,left:0,right:0,transform:`translateY(${s}px)`,...c==null?{}:{padding:c},...l?{display:`grid`,gridTemplateColumns:l}:{},...C?{paddingRight:32}:{},...L},onClick:p,draggable:x,onMouseDown:w,onMouseOver:T,onMouseLeave:E,onDragStart:D,onDragOver:O,onDragEnd:k,onDrop:A??(b?e=>e.preventDefault():void 0),onTouchStart:j,onContextMenu:b?e=>e.preventDefault():void 0,"aria-selected":u,"aria-rowindex":h,"aria-posinset":g,"aria-setsize":_,role:v,children:[(M===`before`||M===`after`)&&i(`div`,{"data-drop-line":M,"aria-hidden":!0,className:r(e.virtualListDropLine,M===`before`?e.virtualListDropLineBefore:e.virtualListDropLineAfter,P),style:{left:N??0,...F}}),R]})}export{o as default};
 //# sourceMappingURL=virtualRow.mjs.map

package/dist/esm/common/virtualList/virtualRow.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"virtualRow.mjs","names":[],"sources":["../../../../package/common/virtualList/virtualRow.tsx"],"sourcesContent":["import React, { useRef, useLayoutEffect } from 'react';\nimport cx from 'classnames';\n\nimport styles from './virtualList.module.pcss';\nimport type { TreeDropPosition } from './virtualList.types';\n\nexport interface VirtualRowProps {\n  index: number;\n  top: number;\n  /** Padding applied to the row (already normalised to a CSS string). */\n  padding?: string;\n  columnTemplate: string | undefined;\n  isSelected: boolean;\n  showDivider: boolean;\n  hover: boolean;\n  onClick: () => void;\n  observer: ResizeObserver | null;\n  ariaRowIndex?: number;\n  ariaPosInSet?: number;\n  ariaSetSize?: number;\n  rowRole: 'row' | 'listitem';\n  reorderable?: boolean;\n  draggable?: boolean;\n  isDragging?: boolean;\n  reserveToggleGutter?: boolean;\n  onMouseDown?: (e: React.MouseEvent<HTMLDivElement>) => void;\n  onDragStart?: (e: React.DragEvent<HTMLDivElement>) => void;\n  onDragOver?: (e: React.DragEvent<HTMLDivElement>) => void;\n  onDragEnd?: () => void;\n  onDrop?: (e: React.DragEvent<HTMLDivElement>) => void;\n  onTouchStart?: (e: React.TouchEvent<HTMLDivElement>) => void;\n  dropPosition?: TreeDropPosition;\n  dropIndentPx?: number;\n  dropIndicatorClassName?: string;\n  dropIndicatorStyle?: React.CSSProperties;\n  rowClassName?: string;\n  rowStyle?: React.CSSProperties;\n  children: React.ReactNode;\n}\n\n/**\n * A single virtualized row: absolutely positioned at its `top`, optionally a\n * grid (table mode), registering itself with the shared ResizeObserver and\n * carrying all the drag / drop-indicator wiring the parent assigns it.\n */\nfunction VirtualRow({\n  index,\n  top,\n  padding,\n  columnTemplate,\n  isSelected,\n  showDivider,\n  hover,\n  onClick,\n  observer,\n  ariaRowIndex,\n  ariaPosInSet,\n  ariaSetSize,\n  rowRole,\n  reorderable,\n  draggable,\n  isDragging,\n  reserveToggleGutter,\n  onMouseDown,\n  onDragStart,\n  onDragOver,\n  onDragEnd,\n  onDrop,\n  onTouchStart,\n  dropPosition,\n  dropIndentPx,\n  dropIndicatorClassName,\n  dropIndicatorStyle,\n  rowClassName,\n  rowStyle,\n  children,\n}: VirtualRowProps) {\n  const ref = useRef<HTMLDivElement>(null);\n\n  // A single observer is shared across all rows (created by the parent); each\n  // row just registers/unregisters its element. The parent reads the row index\n  // back from the `data-index` attribute when the observer fires.\n  useLayoutEffect(() => {\n    const el = ref.current;\n    if (!el || !observer) return;\n    observer.observe(el);\n    return () => observer.unobserve(el);\n  }, [observer]);\n\n  return (\n    <div\n      ref={ref}\n      data-index={index}\n      className={cx(\n        styles.virtualListRow,\n        isSelected && styles.virtualListRowSelected,\n        !showDivider && styles.virtualListRowNoDivider,\n        !hover && styles.virtualListRowNoHover,\n        reorderable && styles.virtualListRowDraggable,\n        isDragging && styles.virtualListRowDragging,\n        dropPosition === 'inside' && styles.virtualListRowDropInside,\n        rowClassName,\n      )}\n      style={{\n        position: 'absolute',\n        top: 0,\n        left: 0,\n        right: 0,\n        transform: `translateY(${top}px)`,\n        ...(padding != null ? { padding } : {}),\n        ...(columnTemplate ? { display: 'grid', gridTemplateColumns: columnTemplate } : {}),\n        // Match the header's reserved gutter for the column-toggle cog so row\n        // cells line up with their header cells instead of drifting under it.\n        // Applied after `padding` so the alignment gutter always wins on the right.\n        ...(reserveToggleGutter ? { paddingRight: 32 } : {}),\n        ...rowStyle,\n      }}\n      onClick={onClick}\n      draggable={draggable}\n      onMouseDown={onMouseDown}\n      onDragStart={onDragStart}\n      onDragOver={onDragOver}\n      onDragEnd={onDragEnd}\n      onDrop={onDrop ?? (draggable ? (e) => e.preventDefault() : undefined)}\n      onTouchStart={onTouchStart}\n      onContextMenu={draggable ? (e) => e.preventDefault() : undefined}\n      aria-selected={isSelected}\n      aria-rowindex={ariaRowIndex}\n      aria-posinset={ariaPosInSet}\n      aria-setsize={ariaSetSize}\n      role={rowRole}\n    >\n      {(dropPosition === 'before' || dropPosition === 'after') && (\n        <div\n          data-drop-line={dropPosition}\n          aria-hidden\n          className={cx(\n            styles.virtualListDropLine,\n            dropPosition === 'before' ? styles.virtualListDropLineBefore : styles.virtualListDropLineAfter,\n            dropIndicatorClassName,\n          )}\n          style={{ left: dropIndentPx ?? 0, ...dropIndicatorStyle }}\n        />\n      )}\n      {children}\n    </div>\n  );\n}\n\nexport default VirtualRow;\n"],"mappings":"wKA6CA,SAAS,EAAW,CAClB,QACA,MACA,UACA,iBACA,aACA,cACA,QACA,UACA,WACA,eACA,eACA,cACA,UACA,cACA,YACA,aACA,sBACA,cACA,cACA,aACA,YACA,SACA,eACA,eACA,eACA,yBACA,qBACA,eACA,WACA,YACkB,CAClB,IAAM,EAAM,EAAuB,IAAI,EAYvC,OAPA,MAAsB,CACpB,IAAM,EAAK,EAAI,QACX,MAAC,GAAM,CAAC,GAEZ,OADA,EAAS,QAAQ,CAAE,MACN,EAAS,UAAU,CAAE,CACpC,EAAG,CAAC,CAAQ,CAAC,EAGX,EAAC,MAAD,CACO,MACL,aAAY,EACZ,UAAW,EACT,EAAO,eACP,GAAc,EAAO,uBACrB,CAAC,GAAe,EAAO,wBACvB,CAAC,GAAS,EAAO,sBACjB,GAAe,EAAO,wBACtB,GAAc,EAAO,uBACrB,IAAiB,UAAY,EAAO,yBACpC,CACF,EACA,MAAO,CACL,SAAU,WACV,IAAK,EACL,KAAM,EACN,MAAO,EACP,UAAW,cAAc,EAAI,KAC7B,GAAI,GAAW,KAAqB,CAAC,EAAf,CAAE,SAAQ,EAChC,GAAI,EAAiB,CAAE,QAAS,OAAQ,oBAAqB,CAAe,EAAI,CAAC,EAIjF,GAAI,EAAsB,CAAE,aAAc,EAAG,EAAI,CAAC,EAClD,GAAG,CACL,EACS,UACE,YACE,cACA,cACD,aACD,YACX,OAAQ,IAAW,EAAa,GAAM,EAAE,eAAe,EAAI,IAAA,IAC7C,eACd,cAAe,EAAa,GAAM,EAAE,eAAe,EAAI,IAAA,GACvD,gBAAe,EACf,gBAAe,EACf,gBAAe,EACf,eAAc,EACd,KAAM,WAxCR,EA0CI,IAAiB,UAAY,IAAiB,UAC9C,EAAC,MAAD,CACE,iBAAgB,EAChB,cAAA,GACA,UAAW,EACT,EAAO,oBACP,IAAiB,SAAW,EAAO,0BAA4B,EAAO,yBACtE,CACF,EACA,MAAO,CAAE,KAAM,GAAgB,EAAG,GAAG,CAAmB,CACzD,CAAA,EAEF,CACE,GAET"}
+{"version":3,"file":"virtualRow.mjs","names":[],"sources":["../../../../package/common/virtualList/virtualRow.tsx"],"sourcesContent":["import React, { useRef, useLayoutEffect } from 'react';\nimport cx from 'classnames';\n\nimport styles from './virtualList.module.pcss';\nimport type { TreeDropPosition } from './virtualList.types';\n\nexport interface VirtualRowProps {\n  index: number;\n  top: number;\n  /** Padding applied to the row (already normalised to a CSS string). */\n  padding?: string;\n  columnTemplate: string | undefined;\n  isSelected: boolean;\n  showDivider: boolean;\n  hover: boolean;\n  onClick: () => void;\n  observer: ResizeObserver | null;\n  ariaRowIndex?: number;\n  ariaPosInSet?: number;\n  ariaSetSize?: number;\n  rowRole: 'row' | 'listitem';\n  reorderable?: boolean;\n  /**\n   * Native mouse DnD is active for the list. Distinct from `draggable`, which in\n   * `dragHandle` mode is only set on the row the pointer has armed.\n   */\n  mouseDragEnabled?: boolean;\n  draggable?: boolean;\n  isDragging?: boolean;\n  reserveToggleGutter?: boolean;\n  onMouseDown?: (e: React.MouseEvent<HTMLDivElement>) => void;\n  onMouseOver?: (e: React.MouseEvent<HTMLDivElement>) => void;\n  onMouseLeave?: (e: React.MouseEvent<HTMLDivElement>) => void;\n  onDragStart?: (e: React.DragEvent<HTMLDivElement>) => void;\n  onDragOver?: (e: React.DragEvent<HTMLDivElement>) => void;\n  onDragEnd?: () => void;\n  onDrop?: (e: React.DragEvent<HTMLDivElement>) => void;\n  onTouchStart?: (e: React.TouchEvent<HTMLDivElement>) => void;\n  dropPosition?: TreeDropPosition;\n  dropIndentPx?: number;\n  dropIndicatorClassName?: string;\n  dropIndicatorStyle?: React.CSSProperties;\n  rowClassName?: string;\n  rowStyle?: React.CSSProperties;\n  children: React.ReactNode;\n}\n\n/**\n * A single virtualized row: absolutely positioned at its `top`, optionally a\n * grid (table mode), registering itself with the shared ResizeObserver and\n * carrying all the drag / drop-indicator wiring the parent assigns it.\n */\nfunction VirtualRow({\n  index,\n  top,\n  padding,\n  columnTemplate,\n  isSelected,\n  showDivider,\n  hover,\n  onClick,\n  observer,\n  ariaRowIndex,\n  ariaPosInSet,\n  ariaSetSize,\n  rowRole,\n  reorderable,\n  mouseDragEnabled,\n  draggable,\n  isDragging,\n  reserveToggleGutter,\n  onMouseDown,\n  onMouseOver,\n  onMouseLeave,\n  onDragStart,\n  onDragOver,\n  onDragEnd,\n  onDrop,\n  onTouchStart,\n  dropPosition,\n  dropIndentPx,\n  dropIndicatorClassName,\n  dropIndicatorStyle,\n  rowClassName,\n  rowStyle,\n  children,\n}: VirtualRowProps) {\n  const ref = useRef<HTMLDivElement>(null);\n\n  // A single observer is shared across all rows (created by the parent); each\n  // row just registers/unregisters its element. The parent reads the row index\n  // back from the `data-index` attribute when the observer fires.\n  useLayoutEffect(() => {\n    const el = ref.current;\n    if (!el || !observer) return;\n    observer.observe(el);\n    return () => observer.unobserve(el);\n  }, [observer]);\n\n  return (\n    <div\n      ref={ref}\n      data-index={index}\n      className={cx(\n        styles.virtualListRow,\n        isSelected && styles.virtualListRowSelected,\n        !showDivider && styles.virtualListRowNoDivider,\n        !hover && styles.virtualListRowNoHover,\n        reorderable && styles.virtualListRowDraggable,\n        isDragging && styles.virtualListRowDragging,\n        dropPosition === 'inside' && styles.virtualListRowDropInside,\n        rowClassName,\n      )}\n      style={{\n        position: 'absolute',\n        top: 0,\n        left: 0,\n        right: 0,\n        transform: `translateY(${top}px)`,\n        ...(padding != null ? { padding } : {}),\n        ...(columnTemplate ? { display: 'grid', gridTemplateColumns: columnTemplate } : {}),\n        // Match the header's reserved gutter for the column-toggle cog so row\n        // cells line up with their header cells instead of drifting under it.\n        // Applied after `padding` so the alignment gutter always wins on the right.\n        ...(reserveToggleGutter ? { paddingRight: 32 } : {}),\n        ...rowStyle,\n      }}\n      onClick={onClick}\n      draggable={draggable}\n      onMouseDown={onMouseDown}\n      onMouseOver={onMouseOver}\n      onMouseLeave={onMouseLeave}\n      onDragStart={onDragStart}\n      onDragOver={onDragOver}\n      onDragEnd={onDragEnd}\n      onDrop={onDrop ?? (mouseDragEnabled ? (e) => e.preventDefault() : undefined)}\n      onTouchStart={onTouchStart}\n      onContextMenu={mouseDragEnabled ? (e) => e.preventDefault() : undefined}\n      aria-selected={isSelected}\n      aria-rowindex={ariaRowIndex}\n      aria-posinset={ariaPosInSet}\n      aria-setsize={ariaSetSize}\n      role={rowRole}\n    >\n      {(dropPosition === 'before' || dropPosition === 'after') && (\n        <div\n          data-drop-line={dropPosition}\n          aria-hidden\n          className={cx(\n            styles.virtualListDropLine,\n            dropPosition === 'before' ? styles.virtualListDropLineBefore : styles.virtualListDropLineAfter,\n            dropIndicatorClassName,\n          )}\n          style={{ left: dropIndentPx ?? 0, ...dropIndicatorStyle }}\n        />\n      )}\n      {children}\n    </div>\n  );\n}\n\nexport default VirtualRow;\n"],"mappings":"wKAoDA,SAAS,EAAW,CAClB,QACA,MACA,UACA,iBACA,aACA,cACA,QACA,UACA,WACA,eACA,eACA,cACA,UACA,cACA,mBACA,YACA,aACA,sBACA,cACA,cACA,eACA,cACA,aACA,YACA,SACA,eACA,eACA,eACA,yBACA,qBACA,eACA,WACA,YACkB,CAClB,IAAM,EAAM,EAAuB,IAAI,EAYvC,OAPA,MAAsB,CACpB,IAAM,EAAK,EAAI,QACX,MAAC,GAAM,CAAC,GAEZ,OADA,EAAS,QAAQ,CAAE,MACN,EAAS,UAAU,CAAE,CACpC,EAAG,CAAC,CAAQ,CAAC,EAGX,EAAC,MAAD,CACO,MACL,aAAY,EACZ,UAAW,EACT,EAAO,eACP,GAAc,EAAO,uBACrB,CAAC,GAAe,EAAO,wBACvB,CAAC,GAAS,EAAO,sBACjB,GAAe,EAAO,wBACtB,GAAc,EAAO,uBACrB,IAAiB,UAAY,EAAO,yBACpC,CACF,EACA,MAAO,CACL,SAAU,WACV,IAAK,EACL,KAAM,EACN,MAAO,EACP,UAAW,cAAc,EAAI,KAC7B,GAAI,GAAW,KAAqB,CAAC,EAAf,CAAE,SAAQ,EAChC,GAAI,EAAiB,CAAE,QAAS,OAAQ,oBAAqB,CAAe,EAAI,CAAC,EAIjF,GAAI,EAAsB,CAAE,aAAc,EAAG,EAAI,CAAC,EAClD,GAAG,CACL,EACS,UACE,YACE,cACA,cACC,eACD,cACD,aACD,YACX,OAAQ,IAAW,EAAoB,GAAM,EAAE,eAAe,EAAI,IAAA,IACpD,eACd,cAAe,EAAoB,GAAM,EAAE,eAAe,EAAI,IAAA,GAC9D,gBAAe,EACf,gBAAe,EACf,gBAAe,EACf,eAAc,EACd,KAAM,WA1CR,EA4CI,IAAiB,UAAY,IAAiB,UAC9C,EAAC,MAAD,CACE,iBAAgB,EAChB,cAAA,GACA,UAAW,EACT,EAAO,oBACP,IAAiB,SAAW,EAAO,0BAA4B,EAAO,yBACtE,CACF,EACA,MAAO,CAAE,KAAM,GAAgB,EAAG,GAAG,CAAmB,CACzD,CAAA,EAEF,CACE,GAET"}

package/dist/esm/index.mjs

@@ -1 +1 @@
-import{AccordionStyleType as e}from"./common/accordion/accordion.types.mjs";import t from"./common/configProvider/configProvider.mjs";import{useComponentDefaults as n}from"./common/configProvider/useComponentDefaults.mjs";import r from"./common/accordion/accordion.mjs";import i from"./common/loading/spinnerLoading/index.mjs";import{ButtonSize as a,ButtonStyleType as o,ButtonType as s}from"./common/button/button.types.mjs";import c from"./common/ripple/ripple.mjs";import l from"./common/button/button.mjs";import u from"./common/actionButtons/actionButtons.mjs";import d from"./common/interactableDiv/index.mjs";import f from"./common/actionIcon/actionIcon.mjs";import p from"./common/animatedLogo/animatedLogo.mjs";import{AnimatedTextUnit as m,AnimatedTextVariant as h}from"./common/animatedText/animatedText.types.mjs";import g from"./common/animatedText/animatedText.mjs";import{BadgePosition as _,BadgeStyleType as v}from"./common/badge/badge.types.mjs";import y from"./common/badge/badge.mjs";import b from"./common/avatar/avatar.mjs";import x from"./common/avatar/avatarGroup.mjs";import S from"./common/bodyEnd/bodyEnd.mjs";import{CardStyleType as C}from"./common/card/card.types.mjs";import w from"./common/card/Card.mjs";import T from"./common/card/CardHeader.mjs";import E from"./common/card/CardMedia.mjs";import D from"./common/card/CardContent.mjs";import O from"./common/card/CardActions.mjs";import k from"./common/checkbox/checkbox.mjs";import{ChipStyleType as A}from"./common/chip/chip.types.mjs";import j from"./common/chip/chip.mjs";import M from"./common/chip/chipContainer.mjs";import{Align as N}from"./common/floatingMenu/floatingMenu.types.mjs";import P from"./common/floatingMenu/floatingMenu.mjs";import F from"./common/tooltip/tooltip.mjs";import{InputType as I}from"./common/input/input.types.mjs";import L from"./common/input/input.mjs";import R from"./common/colorPicker/colorPicker.mjs";import z from"./common/modal/modal.mjs";import B from"./common/confirmModal/confirmModal.mjs";import{getLocale as V,mapLocale as H,setLocale as U}from"./services/localization.mjs";import W from"./common/infiniteBlock/infiniteBlock.mjs";import G from"./common/dropdown/dropdown.mjs";import K from"./common/datePicker/datePicker.mjs";import{DividerTextPosition as q}from"./common/divider/divider.types.mjs";import J from"./common/divider/divider.mjs";import Y from"./common/drawer/drawer.mjs";import{DropZoneReturnType as X,DropZoneStatus as Z}from"./common/dropZone/dropZone.types.mjs";import Q from"./common/dropZone/dropZone.mjs";import $ from"./common/emptyState/emptyState.mjs";import ee from"./common/fab/fab.mjs";import te from"./common/iconPicker/iconPicker.mjs";import ne from"./common/idleManager/idleManager.mjs";import re from"./common/inputDropdown/inputDropdown.mjs";import ie from"./common/kanbanBoard/KanbanColumn.mjs";import ae from"./common/kanbanBoard/KanbanBoard.mjs";import oe from"./common/searchInput/searchInput.mjs";import se from"./common/klipyPicker/klipyPicker.mjs";import ce from"./common/loading/iconLoading/index.mjs";import le from"./common/numberInput/index.mjs";import ue from"./common/optionPicker/optionPicker.mjs";import de from"./common/overscroll/overscroll.mjs";import{PopoverAlign as fe,PopoverPlacement as pe,PopoverTrigger as me}from"./common/popover/popover.types.mjs";import he from"./common/popover/popover.mjs";import ge from"./common/progressBar/progressBar.mjs";import{RadioGroupOrientation as _e}from"./common/radioGroup/radioGroup.types.mjs";import ve from"./common/radioGroup/radioGroup.mjs";import ye from"./common/roomDrawer/roomDrawer.mjs";import be from"./common/roomViewer/roomViewer.mjs";import xe from"./common/scrollbarProvider/index.mjs";import{SectionHeaderSize as Se}from"./common/sectionHeader/sectionHeader.types.mjs";import Ce from"./common/sectionHeader/sectionHeader.mjs";import{SkeletonAnimation as we,SkeletonVariant as Te}from"./common/skeleton/skeleton.types.mjs";import Ee from"./common/skeleton/skeleton.mjs";import De from"./common/slider/slider.mjs";import{StepperAlignment as Oe,StepperCollapse as ke,StepperLabelPlacement as Ae,StepperStyleType as je}from"./common/stepper/stepper.types.mjs";import Me from"./common/stepper/stepper.mjs";import Ne from"./common/sticky/sticky.mjs";import Pe from"./common/switch/switch.mjs";import Fe from"./common/tabHeader/tabHeader.mjs";import Ie from"./common/textarea/textarea.mjs";import{defaultTheme as Le}from"./common/themeProvider/defaultTheme.mjs";import Re from"./common/themeProvider/themeProvider.mjs";import{useTheme as ze}from"./common/themeProvider/useTheme.mjs";import Be from"./common/timeInput/timeInput.mjs";import{showToast as Ve}from"./common/toast/toastService.mjs";import He from"./common/toast/toastProvider.mjs";import Ue from"./common/virtualList/virtualList.mjs";import We from"./common/wizard/wizard.mjs";import Ge from"./services/formValidation/FormValidatorGroupWithForm.mjs";import Ke from"./services/formValidation/validatableComponent.mjs";import{useFormValidatorGroup as qe}from"./services/formValidation/useFormValidatorGroup.mjs";import{FormValidator as Je,Validators as Ye,useFormValidator as Xe}from"./services/formValidation/index.mjs";import{hasEightPasswordChars as Ze,hasOnePasswordDigit as Qe,hasOnePasswordLetter as $e,isBic as et,isDate as tt,isEmail as nt,isISODate as rt,isNumber as it,isPassword as at,isURL as ot}from"@ahrowe/form-validation";export{r as Accordion,e as AccordionStyleType,u as ActionButtons,f as ActionIcon,N as Align,p as AnimatedLogo,g as AnimatedText,m as AnimatedTextUnit,h as AnimatedTextVariant,b as Avatar,x as AvatarGroup,y as Badge,_ as BadgePosition,v as BadgeStyleType,S as BodyEnd,l as Button,a as ButtonSize,o as ButtonStyleType,s as ButtonType,w as Card,O as CardActions,D as CardContent,T as CardHeader,E as CardMedia,C as CardStyleType,k as Checkbox,j as Chip,M as ChipContainer,A as ChipStyleType,R as ColorPicker,t as ConfigProvider,B as ConfirmModal,K as DatePicker,J as Divider,q as DividerTextPosition,Y as Drawer,Q as DropZone,X as DropZoneReturnType,Z as DropZoneStatus,G as Dropdown,$ as EmptyState,ee as Fab,P as FloatingMenu,Je as FormValidator,Ge as FormValidatorGroup,ce as IconLoading,te as IconPicker,ne as IdleManager,W as InfiniteBlock,L as Input,re as InputDropdown,I as InputType,d as InteractableDiv,ae as KanbanBoard,ie as KanbanColumn,se as KlipyPicker,z as Modal,le as NumberInput,ue as OptionPicker,de as Overscroll,he as Popover,fe as PopoverAlign,pe as PopoverPlacement,me as PopoverTrigger,ge as ProgressBar,ve as RadioGroup,_e as RadioGroupOrientation,c as Ripple,ye as RoomDrawer,be as RoomViewer,xe as ScrollbarProvider,oe as SearchInput,Ce as SectionHeader,Se as SectionHeaderSize,Ee as Skeleton,we as SkeletonAnimation,Te as SkeletonVariant,De as Slider,i as SpinnerLoading,Me as Stepper,Oe as StepperAlignment,ke as StepperCollapse,Ae as StepperLabelPlacement,je as StepperStyleType,Ne as Sticky,Pe as Switch,Fe as TabHeader,Ie as Textarea,Re as ThemeProvider,Be as TimeInput,He as ToastProvider,F as Tooltip,Ke as ValidatableComponent,Ye as Validators,Ue as VirtualList,We as Wizard,Le as defaultTheme,V as getLocale,Ze as hasEightPasswordChars,Qe as hasOnePasswordDigit,$e as hasOnePasswordLetter,et as isBic,tt as isDate,nt as isEmail,rt as isISODate,it as isNumber,at as isPassword,ot as isURL,H as mapLocale,U as setLocale,Ve as showToast,n as useComponentDefaults,Xe as useFormValidator,qe as useFormValidatorGroup,ze as useTheme};
+import{AccordionStyleType as e}from"./common/accordion/accordion.types.mjs";import t from"./common/configProvider/configProvider.mjs";import{useComponentDefaults as n}from"./common/configProvider/useComponentDefaults.mjs";import r from"./common/accordion/accordion.mjs";import i from"./common/loading/spinnerLoading/index.mjs";import{ButtonSize as a,ButtonStyleType as o,ButtonType as s}from"./common/button/button.types.mjs";import c from"./common/ripple/ripple.mjs";import l from"./common/button/button.mjs";import u from"./common/actionButtons/actionButtons.mjs";import d from"./common/interactableDiv/index.mjs";import f from"./common/actionIcon/actionIcon.mjs";import{AlertStyleType as p}from"./common/alert/alert.types.mjs";import m from"./common/alert/alert.mjs";import h from"./common/animatedLogo/animatedLogo.mjs";import{AnimatedTextUnit as g,AnimatedTextVariant as _}from"./common/animatedText/animatedText.types.mjs";import v from"./common/animatedText/animatedText.mjs";import{BadgePosition as y,BadgeStyleType as b}from"./common/badge/badge.types.mjs";import x from"./common/badge/badge.mjs";import S from"./common/avatar/avatar.mjs";import C from"./common/avatar/avatarGroup.mjs";import w from"./common/bodyEnd/bodyEnd.mjs";import{Align as T}from"./common/floatingMenu/floatingMenu.types.mjs";import E from"./common/floatingMenu/floatingMenu.mjs";import D from"./common/breadcrumb/breadcrumb.mjs";import{ButtonGroupOrientation as O}from"./common/buttonGroup/buttonGroup.types.mjs";import k from"./common/buttonGroup/buttonGroup.mjs";import{CardStyleType as A}from"./common/card/card.types.mjs";import j from"./common/card/Card.mjs";import M from"./common/card/CardHeader.mjs";import N from"./common/card/CardMedia.mjs";import P from"./common/card/CardContent.mjs";import F from"./common/card/CardActions.mjs";import I from"./common/carousel/carousel.mjs";import L from"./common/checkbox/checkbox.mjs";import{ChipStyleType as R}from"./common/chip/chip.types.mjs";import z from"./common/chip/chip.mjs";import B from"./common/chip/chipContainer.mjs";import V from"./common/tooltip/tooltip.mjs";import{InputIconPosition as H,InputType as U}from"./common/input/input.types.mjs";import W from"./common/input/input.mjs";import G from"./common/colorPicker/colorPicker.mjs";import K from"./common/modal/modal.mjs";import q from"./common/confirmModal/confirmModal.mjs";import{getLocale as J,mapLocale as Y,setLocale as X}from"./services/localization.mjs";import Z from"./common/infiniteBlock/infiniteBlock.mjs";import Q from"./common/dropdown/dropdown.mjs";import $ from"./common/datePicker/datePicker.mjs";import{DividerOrientation as ee,DividerTextPosition as te}from"./common/divider/divider.types.mjs";import ne from"./common/divider/divider.mjs";import re from"./common/drawer/drawer.mjs";import{DropZoneReturnType as ie,DropZoneStatus as ae}from"./common/dropZone/dropZone.types.mjs";import oe from"./common/dropZone/dropZone.mjs";import se from"./common/emptyState/emptyState.mjs";import ce from"./common/fab/fab.mjs";import le from"./common/iconPicker/iconPicker.mjs";import ue from"./common/idleManager/idleManager.mjs";import de from"./common/inputDropdown/inputDropdown.mjs";import fe from"./common/kanbanBoard/KanbanColumn.mjs";import pe from"./common/kanbanBoard/KanbanBoard.mjs";import me from"./common/searchInput/searchInput.mjs";import he from"./common/klipyPicker/klipyPicker.mjs";import ge from"./common/loading/iconLoading/index.mjs";import _e from"./common/numberInput/index.mjs";import ve from"./common/optionPicker/optionPicker.mjs";import ye from"./common/overscroll/overscroll.mjs";import{PopoverAlign as be,PopoverPlacement as xe,PopoverTrigger as Se}from"./common/popover/popover.types.mjs";import Ce from"./common/popover/popover.mjs";import we from"./common/progressBar/progressBar.mjs";import{RadioGroupOrientation as Te}from"./common/radioGroup/radioGroup.types.mjs";import Ee from"./common/radioGroup/radioGroup.mjs";import De from"./common/rating/rating.mjs";import Oe from"./common/roomDrawer/roomDrawer.mjs";import ke from"./common/roomViewer/roomViewer.mjs";import Ae from"./common/scrollbarProvider/index.mjs";import{SectionHeaderSize as je}from"./common/sectionHeader/sectionHeader.types.mjs";import Me from"./common/sectionHeader/sectionHeader.mjs";import{SkeletonAnimation as Ne,SkeletonVariant as Pe}from"./common/skeleton/skeleton.types.mjs";import Fe from"./common/skeleton/skeleton.mjs";import Ie from"./common/slider/slider.mjs";import Le from"./common/splitButton/splitButton.mjs";import{StepperAlignment as Re,StepperCollapse as ze,StepperLabelPlacement as Be,StepperStyleType as Ve}from"./common/stepper/stepper.types.mjs";import He from"./common/stepper/stepper.mjs";import Ue from"./common/sticky/sticky.mjs";import We from"./common/switch/switch.mjs";import Ge from"./common/tabHeader/tabHeader.mjs";import Ke from"./common/textarea/textarea.mjs";import{defaultTheme as qe}from"./common/themeProvider/defaultTheme.mjs";import Je from"./common/themeProvider/themeProvider.mjs";import{useTheme as Ye}from"./common/themeProvider/useTheme.mjs";import Xe from"./common/timeInput/timeInput.mjs";import{showToast as Ze}from"./common/toast/toastService.mjs";import Qe from"./common/toast/toastProvider.mjs";import $e from"./common/virtualList/virtualList.mjs";import et from"./common/wizard/wizard.mjs";import tt from"./services/formValidation/FormValidatorGroupWithForm.mjs";import nt from"./services/formValidation/validatableComponent.mjs";import{useFormValidatorGroup as rt}from"./services/formValidation/useFormValidatorGroup.mjs";import{FormValidator as it,Validators as at,useFormValidator as ot}from"./services/formValidation/index.mjs";import{hasEightPasswordChars as st,hasOnePasswordDigit as ct,hasOnePasswordLetter as lt,isBic as ut,isDate as dt,isEmail as ft,isISODate as pt,isNumber as mt,isPassword as ht,isURL as gt}from"@ahrowe/form-validation";export{r as Accordion,e as AccordionStyleType,u as ActionButtons,f as ActionIcon,m as Alert,p as AlertStyleType,T as Align,h as AnimatedLogo,v as AnimatedText,g as AnimatedTextUnit,_ as AnimatedTextVariant,S as Avatar,C as AvatarGroup,x as Badge,y as BadgePosition,b as BadgeStyleType,w as BodyEnd,D as Breadcrumb,l as Button,k as ButtonGroup,O as ButtonGroupOrientation,a as ButtonSize,o as ButtonStyleType,s as ButtonType,j as Card,F as CardActions,P as CardContent,M as CardHeader,N as CardMedia,A as CardStyleType,I as Carousel,L as Checkbox,z as Chip,B as ChipContainer,R as ChipStyleType,G as ColorPicker,t as ConfigProvider,q as ConfirmModal,$ as DatePicker,ne as Divider,ee as DividerOrientation,te as DividerTextPosition,re as Drawer,oe as DropZone,ie as DropZoneReturnType,ae as DropZoneStatus,Q as Dropdown,se as EmptyState,ce as Fab,E as FloatingMenu,it as FormValidator,tt as FormValidatorGroup,ge as IconLoading,le as IconPicker,ue as IdleManager,Z as InfiniteBlock,W as Input,de as InputDropdown,H as InputIconPosition,U as InputType,d as InteractableDiv,pe as KanbanBoard,fe as KanbanColumn,he as KlipyPicker,K as Modal,_e as NumberInput,ve as OptionPicker,ye as Overscroll,Ce as Popover,be as PopoverAlign,xe as PopoverPlacement,Se as PopoverTrigger,we as ProgressBar,Ee as RadioGroup,Te as RadioGroupOrientation,De as Rating,c as Ripple,Oe as RoomDrawer,ke as RoomViewer,Ae as ScrollbarProvider,me as SearchInput,Me as SectionHeader,je as SectionHeaderSize,Fe as Skeleton,Ne as SkeletonAnimation,Pe as SkeletonVariant,Ie as Slider,i as SpinnerLoading,Le as SplitButton,He as Stepper,Re as StepperAlignment,ze as StepperCollapse,Be as StepperLabelPlacement,Ve as StepperStyleType,Ue as Sticky,We as Switch,Ge as TabHeader,Ke as Textarea,Je as ThemeProvider,Xe as TimeInput,Qe as ToastProvider,V as Tooltip,nt as ValidatableComponent,at as Validators,$e as VirtualList,et as Wizard,qe as defaultTheme,J as getLocale,st as hasEightPasswordChars,ct as hasOnePasswordDigit,lt as hasOnePasswordLetter,ut as isBic,dt as isDate,ft as isEmail,pt as isISODate,mt as isNumber,ht as isPassword,gt as isURL,Y as mapLocale,X as setLocale,Ze as showToast,n as useComponentDefaults,ot as useFormValidator,rt as useFormValidatorGroup,Ye as useTheme};