@servicetitan/dte-pdf-editor 1.4.0 → 1.6.0

package/src/utils/get-page-dimensions.utils.ts

@@ -1,39 +0,0 @@
-import { RefObject } from 'react';
-
-/**
- * Gets the dimensions of a PDF page (width and height)
- * @param pageNumber - The page number to get dimensions for
- * @param pdfWrapperRef - Reference to the PDF wrapper element
- * @returns Dimensions object with width and height, or { width: 0, height: 0 } if not found
- */
-export const getPageDimensions = (
-    pageNumber: number,
-    pdfWrapperRef: RefObject<HTMLDivElement>,
-): { width: number; height: number } => {
-    if (!pdfWrapperRef.current) {
-        return { width: 0, height: 0 };
-    }
-
-    const pageElement = pdfWrapperRef.current.querySelector(`[data-page-number="${pageNumber}"]`);
-
-    if (!pageElement) {
-        return { width: 0, height: 0 };
-    }
-
-    // Get the canvas element inside the page to get actual PDF dimensions
-    const canvas = pageElement.querySelector('canvas');
-    if (canvas) {
-        const canvasRect = canvas.getBoundingClientRect();
-        return {
-            width: canvasRect.width,
-            height: canvasRect.height,
-        };
-    }
-
-    // Fallback to page element dimensions
-    const pageRect = pageElement.getBoundingClientRect();
-    return {
-        width: pageRect.width,
-        height: pageRect.height,
-    };
-};

package/src/utils/get-page-number-from-client-y.utils.ts

@@ -1,31 +0,0 @@
-import { RefObject } from 'react';
-
-/**
- * Determines which page number a client Y coordinate falls within
- * @param clientY - The client Y coordinate to check
- * @param pdfWrapperRef - Reference to the PDF wrapper element
- * @returns The page number (defaults to 1 if not found or wrapper is null)
- */
-export const getPageNumberFromClientY = (
-    clientY: number,
-    pdfWrapperRef: RefObject<HTMLDivElement>,
-): number => {
-    if (!pdfWrapperRef.current) {
-        return 1;
-    }
-
-    const pageElements = pdfWrapperRef.current.querySelectorAll('[data-page-number]');
-    let targetPage = 1;
-
-    pageElements.forEach(pageElement => {
-        const rect = pageElement.getBoundingClientRect();
-        if (clientY >= rect.top && clientY <= rect.bottom) {
-            const pageNumber = pageElement.getAttribute('data-page-number');
-            if (pageNumber) {
-                targetPage = parseInt(pageNumber, 10);
-            }
-        }
-    });
-
-    return targetPage;
-};

package/src/utils/get-page-position.utils.ts

@@ -1,30 +0,0 @@
-import { RefObject } from 'react';
-
-/**
- * Gets the position of a PDF page relative to the wrapper element
- * @param pageNumber - The page number to get the position for
- * @param pdfWrapperRef - Reference to the PDF wrapper element
- * @returns Position object with top and left coordinates, or { top: 0, left: 0 } if not found
- */
-export const getPagePosition = (
-    pageNumber: number,
-    pdfWrapperRef: RefObject<HTMLDivElement>,
-): { top: number; left: number } => {
-    if (!pdfWrapperRef.current) {
-        return { top: 0, left: 0 };
-    }
-
-    const pageElement = pdfWrapperRef.current.querySelector(`[data-page-number="${pageNumber}"]`);
-
-    if (!pageElement) {
-        return { top: 0, left: 0 };
-    }
-
-    const wrapperRect = pdfWrapperRef.current.getBoundingClientRect();
-    const pageRect = pageElement.getBoundingClientRect();
-
-    return {
-        top: pageRect.top - wrapperRect.top,
-        left: pageRect.left - wrapperRect.left,
-    };
-};

package/src/utils/handle-field-drag-start.utils.ts

@@ -1,52 +0,0 @@
-import { DragEvent, RefObject } from 'react';
-import { PdfField } from '../interface/pdf-editor';
-import { getPagePosition } from './get-page-position.utils';
-
-/**
- * Handles the drag start event for a PDF field
- * Calculates drag offset and sets up drag data transfer
- * @param e - The drag event
- * @param field - The field being dragged
- * @param pdfWrapperRef - Reference to the PDF wrapper element
- * @returns The drag offset object or null if wrapper is not available
- */
-export const handleFieldDragStart = (
-    e: DragEvent<HTMLDivElement>,
-    field: PdfField,
-    pdfWrapperRef: RefObject<HTMLDivElement>,
-): { x: number; y: number; page: number } | null => {
-    if (!pdfWrapperRef.current) {
-        return null;
-    }
-
-    /*
-     * Calculate drag offset in page-relative coordinates
-     */
-    const startPagePos = getPagePosition(field.page, pdfWrapperRef);
-    const wrapperRect = pdfWrapperRef.current.getBoundingClientRect();
-    const cursorXInPage = e.clientX - wrapperRect.left - startPagePos.left;
-    const cursorYInPage = e.clientY - wrapperRect.top - startPagePos.top;
-
-    const dragOffset = {
-        x: cursorXInPage - field.x,
-        y: cursorYInPage - field.y,
-        page: field.page,
-    };
-
-    // Mark that we're dragging an existing field, not a new field type
-    e.dataTransfer.effectAllowed = 'move';
-    e.dataTransfer.setData('text/plain', 'existing-field');
-
-    // Create a transparent drag image to hide the default browser drag image
-    const dragImage = document.createElement('div');
-    dragImage.style.position = 'absolute';
-    dragImage.style.top = '-9999px';
-    dragImage.style.width = '1px';
-    dragImage.style.height = '1px';
-    dragImage.style.opacity = '0';
-    document.body.appendChild(dragImage);
-    e.dataTransfer.setDragImage(dragImage, 0, 0);
-    setTimeout(() => document.body.removeChild(dragImage), 0);
-
-    return dragOffset;
-};

package/src/utils/handle-field-drag.utils.ts

@@ -1,55 +0,0 @@
-import { DragEvent, RefObject } from 'react';
-import { PdfField } from '../interface/pdf-editor';
-import { getPageDimensions } from './get-page-dimensions.utils';
-import { getPageNumberFromClientY } from './get-page-number-from-client-y.utils';
-import { getPagePosition } from './get-page-position.utils';
-
-interface DragOffset {
-    x: number;
-    y: number;
-    page: number;
-}
-
-/**
- * Handles the drag event for a PDF field
- * Calculates new position and clamps it to page boundaries
- * @param e - The drag event
- * @param field - The field being dragged
- * @param dragOffset - The drag offset from drag start
- * @param pdfWrapperRef - Reference to the PDF wrapper element
- * @param onFieldMove - Callback to update field position
- */
-export const handleFieldDrag = (
-    e: DragEvent<HTMLDivElement>,
-    field: PdfField,
-    dragOffset: DragOffset,
-    pdfWrapperRef: RefObject<HTMLDivElement>,
-    onFieldMove: (fieldId: string, newX: number, newY: number, pageNumber: number) => void,
-): void => {
-    if (!pdfWrapperRef.current || e.clientX === 0 || e.clientY === 0) {
-        return;
-    }
-
-    const currentPage = getPageNumberFromClientY(e.clientY, pdfWrapperRef);
-    const currentPagePos = getPagePosition(currentPage, pdfWrapperRef);
-    const wrapperRect = pdfWrapperRef.current.getBoundingClientRect();
-    const pageDimensions = getPageDimensions(currentPage, pdfWrapperRef);
-
-    // Calculate position in page coordinates
-    const x = e.clientX - wrapperRect.left - currentPagePos.left - dragOffset.x;
-    const y = e.clientY - wrapperRect.top - currentPagePos.top - dragOffset.y;
-
-    /*
-     * Clamp x and y to stay within page boundaries.
-     * Account for field width and height to prevent dragging outside.
-     */
-    const minX = 0;
-    const minY = 0;
-    const maxX = Math.max(0, pageDimensions.width - field.width);
-    const maxY = Math.max(0, pageDimensions.height - field.height);
-
-    const clampedX = Math.max(minX, Math.min(maxX, x));
-    const clampedY = Math.max(minY, Math.min(maxY, y));
-
-    onFieldMove(field.id, clampedX, clampedY, currentPage);
-};