@yamada-ui/react/dist/cjs/hooks/use-pan-event/index.cjs.map

React UI components of the Yamada, by the Yamada, for the Yamada built with React and Emotion

{"version":3,"file":"index.cjs","names":["useEnvironment","useCallbackRef","unsubscribe","mergeRefs","point","ev","rect"],"sources":["../../../../src/hooks/use-pan-event/index.ts"],"sourcesContent":["\"use client\"\n\nimport type {\n  DataAttributes,\n  HTMLAttributes,\n  RefAttributes,\n  RefObject,\n} from \"react\"\nimport type { Point } from \"../../utils\"\nimport { useCallback, useRef } from \"react\"\nimport { useEnvironment } from \"../../core\"\nimport {\n  addDomEvent,\n  getEventPoint,\n  handlerAll,\n  isMultiTouchEvent,\n  mergeRefs,\n  useCallbackRef,\n  useUnmountEffect,\n} from \"../../utils\"\n\nexport interface PanEventProps {\n  threshold?: number\n  onEnd?: (ev: PointerEvent, point: Point, rect: DOMRect) => void\n  onMove?: (ev: PointerEvent, point: Point, rect: DOMRect) => void\n  onStart?: (ev: PointerEvent, point: Point, rect: DOMRect) => void\n}\n\ninterface Props<Y extends HTMLElement>\n  extends DataAttributes,\n    HTMLAttributes<Y>,\n    RefAttributes<Y> {}\n\nexport const usePanEvent = <Y extends HTMLElement>({\n  threshold = 3,\n  ...rest\n}: PanEventProps = {}): [\n  RefObject<null | Y>,\n  (props?: Props<Y>) => Props<Y>,\n] => {\n  const { getWindow } = useEnvironment()\n  const onStart = useCallbackRef(rest.onStart)\n  const onMove = useCallbackRef(rest.onMove)\n  const onEnd = useCallbackRef(rest.onEnd)\n  const latestPoint = useRef<null | Point>(null)\n  const unsubscribe = useRef<(() => void)[]>([])\n  const ref = useRef<Y>(null)\n\n  const cleanup = useCallback(() => {\n    unsubscribe.current.forEach((unsubscribe) => unsubscribe())\n\n    latestPoint.current = null\n    unsubscribe.current = []\n  }, [])\n\n  const shouldMove = useCallback(\n    (point: Point) => {\n      if (threshold === 0) return true\n      if (!latestPoint.current) return true\n\n      const distance = Math.sqrt(\n        Math.pow(point.x - latestPoint.current.x, 2) +\n          Math.pow(point.y - latestPoint.current.y, 2),\n      )\n\n      return distance >= threshold\n    },\n    [threshold],\n  )\n\n  useUnmountEffect(() => {\n    cleanup()\n  })\n\n  const getProps = useCallback(\n    (props: Props<Y> = {}) => {\n      return {\n        ...props,\n        ref: mergeRefs(ref, props.ref),\n        onPointerDown: handlerAll(props.onPointerDown, (ev) => {\n          const win = ev.nativeEvent.view ?? getWindow()\n\n          if (!win) return\n          if (isMultiTouchEvent(ev.nativeEvent)) return\n          if (!ref.current) return\n\n          ev.preventDefault()\n\n          const point = getEventPoint(ev.nativeEvent)\n          const rect = ref.current.getBoundingClientRect()\n\n          onStart(ev.nativeEvent, point, rect)\n\n          latestPoint.current = point\n\n          unsubscribe.current.push(\n            addDomEvent(win, \"pointermove\", (ev) => {\n              if (!ref.current) return\n\n              const point = getEventPoint(ev)\n              const rect = ref.current.getBoundingClientRect()\n\n              if (!shouldMove(point)) return\n\n              latestPoint.current = point\n\n              onMove(ev, point, rect)\n            }),\n          )\n\n          unsubscribe.current.push(\n            addDomEvent(win, \"pointerup\", (ev) => {\n              if (!ref.current) return\n\n              cleanup()\n\n              const point = getEventPoint(ev)\n              const rect = ref.current.getBoundingClientRect()\n\n              onEnd(ev, point, rect)\n            }),\n          )\n\n          unsubscribe.current.push(\n            addDomEvent(win, \"pointercancel\", (ev) => {\n              if (!ref.current) return\n\n              cleanup()\n\n              const point = getEventPoint(ev)\n              const rect = ref.current.getBoundingClientRect()\n\n              onEnd(ev, point, rect)\n            }),\n          )\n        }),\n      }\n    },\n    [cleanup, getWindow, onEnd, onMove, onStart, shouldMove],\n  )\n\n  return [ref, getProps] as const\n}\n\nexport type UsePanEventReturn = ReturnType<typeof usePanEvent>\n"],"mappings":";;;;;;;;;;;;AAiCA,MAAa,eAAsC,EACjD,YAAY,EACZ,GAAG,SACc,EAAE,KAGhB;CACH,MAAM,EAAE,cAAcA,6CAAgB;CACtC,MAAM,UAAUC,2BAAe,KAAK,QAAQ;CAC5C,MAAM,SAASA,2BAAe,KAAK,OAAO;CAC1C,MAAM,QAAQA,2BAAe,KAAK,MAAM;CACxC,MAAM,gCAAmC,KAAK;CAC9C,MAAM,gCAAqC,EAAE,CAAC;CAC9C,MAAM,wBAAgB,KAAK;CAE3B,MAAM,uCAA4B;AAChC,cAAY,QAAQ,SAAS,kBAAgBC,eAAa,CAAC;AAE3D,cAAY,UAAU;AACtB,cAAY,UAAU,EAAE;IACvB,EAAE,CAAC;CAEN,MAAM,qCACH,UAAiB;AAChB,MAAI,cAAc,EAAG,QAAO;AAC5B,MAAI,CAAC,YAAY,QAAS,QAAO;AAOjC,SALiB,KAAK,KACpB,KAAK,IAAI,MAAM,IAAI,YAAY,QAAQ,GAAG,EAAE,GAC1C,KAAK,IAAI,MAAM,IAAI,YAAY,QAAQ,GAAG,EAAE,CAC/C,IAEkB;IAErB,CAAC,UAAU,CACZ;AAED,uCAAuB;AACrB,WAAS;GACT;AAqEF,QAAO,CAAC,6BAlEL,QAAkB,EAAE,KAAK;AACxB,SAAO;GACL,GAAG;GACH,KAAKC,sBAAU,KAAK,MAAM,IAAI;GAC9B,iEAA0B,MAAM,gBAAgB,OAAO;IACrD,MAAM,MAAM,GAAG,YAAY,QAAQ,WAAW;AAE9C,QAAI,CAAC,IAAK;AACV,iEAAsB,GAAG,YAAY,CAAE;AACvC,QAAI,CAAC,IAAI,QAAS;AAElB,OAAG,gBAAgB;IAEnB,MAAM,6DAAsB,GAAG,YAAY;IAC3C,MAAM,OAAO,IAAI,QAAQ,uBAAuB;AAEhD,YAAQ,GAAG,aAAa,OAAO,KAAK;AAEpC,gBAAY,UAAU;AAEtB,gBAAY,QAAQ,wDACN,KAAK,gBAAgB,SAAO;AACtC,SAAI,CAAC,IAAI,QAAS;KAElB,MAAMC,+DAAsBC,KAAG;KAC/B,MAAMC,SAAO,IAAI,QAAQ,uBAAuB;AAEhD,SAAI,CAAC,WAAWF,QAAM,CAAE;AAExB,iBAAY,UAAUA;AAEtB,YAAOC,MAAID,SAAOE,OAAK;MACvB,CACH;AAED,gBAAY,QAAQ,wDACN,KAAK,cAAc,SAAO;AACpC,SAAI,CAAC,IAAI,QAAS;AAElB,cAAS;AAKT,WAAMD,2DAHsBA,KAAG,EAClB,IAAI,QAAQ,uBAAuB,CAE1B;MACtB,CACH;AAED,gBAAY,QAAQ,wDACN,KAAK,kBAAkB,SAAO;AACxC,SAAI,CAAC,IAAI,QAAS;AAElB,cAAS;AAKT,WAAMA,2DAHsBA,KAAG,EAClB,IAAI,QAAQ,uBAAuB,CAE1B;MACtB,CACH;KACD;GACH;IAEH;EAAC;EAAS;EAAW;EAAO;EAAQ;EAAS;EAAW,CACzD,CAEqB"}