Contents

import React, { DragEvent, useEffect, useRef } from "react";

import * as Drag from "../../types/Drag";

export default function useDraggable<T = Drag.DraggableRecord>(
  draggable: Drag.Draggable<T>,
  startDrag: (evt: React.MouseEvent, draggable: Drag.Draggable<T>) => void
) {
  const ref = useRef<HTMLDivElement>(null);

  const handleDrag = (evt: DragEvent) => {
    evt.preventDefault();
    evt.stopPropagation();
    startDrag(evt, draggable);
  };

  useEffect(() => {
    draggable.ref.current = ref.current;
  }, []);

  return { ref: ref, onDragStart: handleDrag, draggable: true };
}

Version data entries

4 entries across 4 versions & 1 rubygems

Version	Path
pages_core-3.15.4	app/javascript/components/drag/useDraggable.ts
pages_core-3.15.3	app/javascript/components/drag/useDraggable.ts
pages_core-3.15.2	app/javascript/components/drag/useDraggable.ts
pages_core-3.15.1	app/javascript/components/drag/useDraggable.ts