Function handleDrag

app/components/Resizable.tsx:28–53

(e: MouseEvent)

  };

  const handleDrag = (e: MouseEvent) => {
    if (previousDragPosition.current == null) {
      return;
    }

    e.preventDefault();

    let offset = 0;
    if (isHorizontal) {
      offset = e.clientX - previousDragPosition.current.x;
    } else {
      offset = e.clientY - previousDragPosition.current.y;
    }
    let newValue = dimension - offset;
    if (minimumSize != null) {
      newValue = Math.max(minimumSize, newValue);
    }
    if (maximumSize != null) {
      newValue = Math.min(maximumSize, newValue);
    }
    setDimension(newValue);
    previousDragPosition.current = {
      x: e.clientX,
      y: e.clientY,
    };
  };

  const handleDragEnd = () => {
    previousDragPosition.current = null;