react-aria/dist/private/interactions/useMove.cjs.map

Spectrum UI components in React

{"mappings":"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","sources":["packages/react-aria/src/interactions/useMove.ts"],"sourcesContent":["/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport {disableTextSelection, restoreTextSelection} from './textSelection';\nimport {DOMAttributes, MoveEvents, PointerType} from '@react-types/shared';\nimport {getEventTarget} from '../utils/shadowdom/DOMFunctions';\nimport {getOwnerWindow} from '../utils/domHelpers';\nimport React, {useCallback, useMemo, useRef} from 'react';\nimport {useEffectEvent} from '../utils/useEffectEvent';\nimport {useGlobalListeners} from '../utils/useGlobalListeners';\n\nexport interface MoveResult {\n  /** Props to spread on the target element. */\n  moveProps: DOMAttributes;\n}\n\ninterface EventBase {\n  shiftKey: boolean;\n  ctrlKey: boolean;\n  metaKey: boolean;\n  altKey: boolean;\n}\n\n/**\n * Handles move interactions across mouse, touch, and keyboard, including dragging with\n * the mouse or touch, and using the arrow keys. Normalizes behavior across browsers and\n * platforms, and ignores emulated mouse events on touch devices.\n */\nexport function useMove(props: MoveEvents): MoveResult {\n  let {onMoveStart, onMove, onMoveEnd} = props;\n\n  let state = useRef<{\n    didMove: boolean;\n    lastPosition: {pageX: number; pageY: number} | null;\n    id: number | null;\n  }>({didMove: false, lastPosition: null, id: null});\n\n  let {addGlobalListener, removeGlobalListener} = useGlobalListeners();\n\n  let move = useCallback(\n    (originalEvent: EventBase, pointerType: PointerType, deltaX: number, deltaY: number) => {\n      if (deltaX === 0 && deltaY === 0) {\n        return;\n      }\n\n      if (!state.current.didMove) {\n        state.current.didMove = true;\n        onMoveStart?.({\n          type: 'movestart',\n          pointerType,\n          shiftKey: originalEvent.shiftKey,\n          metaKey: originalEvent.metaKey,\n          ctrlKey: originalEvent.ctrlKey,\n          altKey: originalEvent.altKey\n        });\n      }\n      onMove?.({\n        type: 'move',\n        pointerType,\n        deltaX: deltaX,\n        deltaY: deltaY,\n        shiftKey: originalEvent.shiftKey,\n        metaKey: originalEvent.metaKey,\n        ctrlKey: originalEvent.ctrlKey,\n        altKey: originalEvent.altKey\n      });\n    },\n    [onMoveStart, onMove, state]\n  );\n  let moveEvent = useEffectEvent(move);\n\n  let end = useCallback(\n    (originalEvent: EventBase, pointerType: PointerType) => {\n      restoreTextSelection();\n      if (state.current.didMove) {\n        onMoveEnd?.({\n          type: 'moveend',\n          pointerType,\n          shiftKey: originalEvent.shiftKey,\n          metaKey: originalEvent.metaKey,\n          ctrlKey: originalEvent.ctrlKey,\n          altKey: originalEvent.altKey\n        });\n      }\n    },\n    [onMoveEnd, state]\n  );\n  let endEvent = useEffectEvent(end);\n\n  let moveProps = useMemo(() => {\n    let moveProps: DOMAttributes = {};\n\n    let start = () => {\n      disableTextSelection();\n      state.current.didMove = false;\n    };\n\n    if (typeof PointerEvent === 'undefined' && process.env.NODE_ENV === 'test') {\n      let onMouseMove = (e: MouseEvent) => {\n        if (e.button === 0) {\n          // Should be safe to use the useEffectEvent because these are equivalent https://github.com/reactjs/react.dev/issues/8075#issuecomment-3400179389\n          // However, the compiler is not smart enough to know that. As such, this whole file must be manually optimised as the compiler will bail.\n          //\n          // eslint-disable-next-line react-hooks/rules-of-hooks\n          moveEvent(\n            e,\n            'mouse',\n            e.pageX - (state.current.lastPosition?.pageX ?? 0),\n            e.pageY - (state.current.lastPosition?.pageY ?? 0)\n          );\n          state.current.lastPosition = {pageX: e.pageX, pageY: e.pageY};\n        }\n      };\n      let onMouseUp = (e: MouseEvent) => {\n        if (e.button === 0) {\n          // eslint-disable-next-line react-hooks/rules-of-hooks\n          endEvent(e, 'mouse');\n          let ownerWindow = getOwnerWindow(getEventTarget(e) as Element);\n          removeGlobalListener(ownerWindow, 'mousemove', onMouseMove, false);\n          removeGlobalListener(ownerWindow, 'mouseup', onMouseUp, false);\n        }\n      };\n      moveProps.onMouseDown = (e: React.MouseEvent) => {\n        if (e.button === 0) {\n          start();\n          e.stopPropagation();\n          e.preventDefault();\n          state.current.lastPosition = {pageX: e.pageX, pageY: e.pageY};\n          let ownerWindow = getOwnerWindow(getEventTarget(e) as Element);\n          addGlobalListener(ownerWindow, 'mousemove', onMouseMove, false);\n          addGlobalListener(ownerWindow, 'mouseup', onMouseUp, false);\n        }\n      };\n\n      let onTouchMove = (e: TouchEvent) => {\n        let touch = [...e.changedTouches].findIndex(\n          ({identifier}) => identifier === state.current.id\n        );\n        if (touch >= 0) {\n          let {pageX, pageY} = e.changedTouches[touch];\n          // eslint-disable-next-line react-hooks/rules-of-hooks\n          moveEvent(\n            e,\n            'touch',\n            pageX - (state.current.lastPosition?.pageX ?? 0),\n            pageY - (state.current.lastPosition?.pageY ?? 0)\n          );\n          state.current.lastPosition = {pageX, pageY};\n        }\n      };\n      let onTouchEnd = (e: TouchEvent) => {\n        let touch = [...e.changedTouches].findIndex(\n          ({identifier}) => identifier === state.current.id\n        );\n        if (touch >= 0) {\n          // eslint-disable-next-line react-hooks/rules-of-hooks\n          endEvent(e, 'touch');\n          state.current.id = null;\n          let ownerWindow = getOwnerWindow(getEventTarget(e) as Element);\n          removeGlobalListener(ownerWindow, 'touchmove', onTouchMove);\n          removeGlobalListener(ownerWindow, 'touchend', onTouchEnd);\n          removeGlobalListener(ownerWindow, 'touchcancel', onTouchEnd);\n        }\n      };\n      moveProps.onTouchStart = (e: React.TouchEvent) => {\n        if (e.changedTouches.length === 0 || state.current.id != null) {\n          return;\n        }\n\n        let {pageX, pageY, identifier} = e.changedTouches[0];\n        start();\n        e.stopPropagation();\n        e.preventDefault();\n        state.current.lastPosition = {pageX, pageY};\n        state.current.id = identifier;\n        let ownerWindow = getOwnerWindow(getEventTarget(e) as Element);\n        addGlobalListener(ownerWindow, 'touchmove', onTouchMove, false);\n        addGlobalListener(ownerWindow, 'touchend', onTouchEnd, false);\n        addGlobalListener(ownerWindow, 'touchcancel', onTouchEnd, false);\n      };\n    } else {\n      let onPointerMove = (e: PointerEvent) => {\n        if (e.pointerId === state.current.id) {\n          let pointerType = (e.pointerType || 'mouse') as PointerType;\n\n          // Problems with PointerEvent#movementX/movementY:\n          // 1. it is always 0 on macOS Safari.\n          // 2. On Chrome Android, it's scaled by devicePixelRatio, but not on Chrome macOS\n          // eslint-disable-next-line react-hooks/rules-of-hooks\n          moveEvent(\n            e,\n            pointerType,\n            e.pageX - (state.current.lastPosition?.pageX ?? 0),\n            e.pageY - (state.current.lastPosition?.pageY ?? 0)\n          );\n          state.current.lastPosition = {pageX: e.pageX, pageY: e.pageY};\n        }\n      };\n\n      let onPointerUp = (e: PointerEvent) => {\n        if (e.pointerId === state.current.id) {\n          let pointerType = (e.pointerType || 'mouse') as PointerType;\n          // eslint-disable-next-line react-hooks/rules-of-hooks\n          endEvent(e, pointerType);\n          state.current.id = null;\n          let ownerWindow = getOwnerWindow(getEventTarget(e) as Element);\n          removeGlobalListener(ownerWindow, 'pointermove', onPointerMove, false);\n          removeGlobalListener(ownerWindow, 'pointerup', onPointerUp, false);\n          removeGlobalListener(ownerWindow, 'pointercancel', onPointerUp, false);\n        }\n      };\n\n      moveProps.onPointerDown = (e: React.PointerEvent) => {\n        if (e.button === 0 && state.current.id == null) {\n          start();\n          e.stopPropagation();\n          e.preventDefault();\n          state.current.lastPosition = {pageX: e.pageX, pageY: e.pageY};\n          state.current.id = e.pointerId;\n          let ownerWindow = getOwnerWindow(getEventTarget(e) as Element);\n          addGlobalListener(ownerWindow, 'pointermove', onPointerMove, false);\n          addGlobalListener(ownerWindow, 'pointerup', onPointerUp, false);\n          addGlobalListener(ownerWindow, 'pointercancel', onPointerUp, false);\n        }\n      };\n    }\n\n    let triggerKeyboardMove = (e: EventBase, deltaX: number, deltaY: number) => {\n      start();\n      // eslint-disable-next-line react-hooks/rules-of-hooks\n      moveEvent(e, 'keyboard', deltaX, deltaY);\n      // eslint-disable-next-line react-hooks/rules-of-hooks\n      endEvent(e, 'keyboard');\n    };\n\n    moveProps.onKeyDown = e => {\n      switch (e.key) {\n        case 'Left':\n        case 'ArrowLeft':\n          e.preventDefault();\n          e.stopPropagation();\n          triggerKeyboardMove(e, -1, 0);\n          break;\n        case 'Right':\n        case 'ArrowRight':\n          e.preventDefault();\n          e.stopPropagation();\n          triggerKeyboardMove(e, 1, 0);\n          break;\n        case 'Up':\n        case 'ArrowUp':\n          e.preventDefault();\n          e.stopPropagation();\n          triggerKeyboardMove(e, 0, -1);\n          break;\n        case 'Down':\n        case 'ArrowDown':\n          e.preventDefault();\n          e.stopPropagation();\n          triggerKeyboardMove(e, 0, 1);\n          break;\n      }\n    };\n\n    return moveProps;\n  }, [addGlobalListener, removeGlobalListener, state]);\n\n  return {moveProps};\n}\n"],"names":[],"version":3,"file":"useMove.cjs.map"}