@servicetitan/dte-pdf-editor 1.92.0 → 1.92.2

package/src/hooks/usePinchZoom.ts

@@ -1,86 +0,0 @@
-import { RefObject, useEffect, useRef } from 'react';
-import {
-    clampZoom,
-    getPinchZoomValue,
-    getTouchDistance,
-    getWheelZoomFactor,
-} from '../utils';
-
-interface UsePinchZoomOptions {
-    enabled: boolean;
-    zoom: number;
-    setZoomValue(value: number): void;
-    zoomByFactor(factor: number): void;
-}
-
-/**
- * Trackpad pinch (wheel + ctrlKey) and two-finger mobile pinch on `containerRef`.
- * Regular two-finger trackpad scroll is left alone so the page can still pan.
- */
-export const usePinchZoom = (
-    containerRef: RefObject<HTMLElement | null>,
-    { enabled, setZoomValue, zoom, zoomByFactor }: UsePinchZoomOptions,
-) => {
-    const zoomRef = useRef(zoom);
-    zoomRef.current = zoom;
-
-    useEffect(() => {
-        const container = containerRef.current;
-        if (!container || !enabled) {
-            return;
-        }
-
-        let pinchStartDistance = 0;
-        let pinchStartZoom = zoomRef.current;
-
-        const handleWheel = (event: WheelEvent) => {
-            if (!event.ctrlKey) {
-                return;
-            }
-
-            event.preventDefault();
-            zoomByFactor(getWheelZoomFactor(event.deltaY));
-        };
-
-        const handleTouchStart = (event: TouchEvent) => {
-            if (event.touches.length !== 2) {
-                return;
-            }
-
-            pinchStartDistance = getTouchDistance(event.touches[0], event.touches[1]);
-            pinchStartZoom = zoomRef.current;
-        };
-
-        const handleTouchMove = (event: TouchEvent) => {
-            if (event.touches.length !== 2 || pinchStartDistance <= 0) {
-                return;
-            }
-
-            event.preventDefault();
-            const currentDistance = getTouchDistance(event.touches[0], event.touches[1]);
-            setZoomValue(
-                clampZoom(getPinchZoomValue(pinchStartZoom, pinchStartDistance, currentDistance)),
-            );
-        };
-
-        const handleTouchEnd = (event: TouchEvent) => {
-            if (event.touches.length < 2) {
-                pinchStartDistance = 0;
-            }
-        };
-
-        container.addEventListener('wheel', handleWheel, { passive: false });
-        container.addEventListener('touchstart', handleTouchStart, { passive: true });
-        container.addEventListener('touchmove', handleTouchMove, { passive: false });
-        container.addEventListener('touchend', handleTouchEnd);
-        container.addEventListener('touchcancel', handleTouchEnd);
-
-        return () => {
-            container.removeEventListener('wheel', handleWheel);
-            container.removeEventListener('touchstart', handleTouchStart);
-            container.removeEventListener('touchmove', handleTouchMove);
-            container.removeEventListener('touchend', handleTouchEnd);
-            container.removeEventListener('touchcancel', handleTouchEnd);
-        };
-    }, [containerRef, enabled, setZoomValue, zoomByFactor]);
-};

package/src/utils/field/__tests__/get-field-type-option.utils.test.ts

@@ -1,53 +0,0 @@
-import { E_SIGN_FIELD_TYPES, FILLABLE_FIELD_TYPES } from '../../../constants';
-import { ESignFieldType, FieldTypeEnum, type PdfField } from '../../../interface/types';
-import { getFieldTypeOption } from '../get-field-type-option.utils';
-
-const buildField = (overrides: Partial<PdfField> = {}): PdfField => ({
-    id: 'field-1',
-    type: FieldTypeEnum.fillable,
-    subType: 'text',
-    x: 0,
-    y: 0,
-    page: 1,
-    label: 'Label',
-    width: 200,
-    height: 25,
-    ...overrides,
-});
-
-describe('getFieldTypeOption', () => {
-    const subject = (field: Pick<PdfField, 'type' | 'subType'>) => getFieldTypeOption(field);
-
-    test.each(
-        [...FILLABLE_FIELD_TYPES, ...E_SIGN_FIELD_TYPES].filter(
-            option => option.subType !== 'checkbox' && option.subType !== 'radio',
-        ),
-    )('returns $label for $type $subType', option => {
-        expect(subject(buildField({ type: option.type, subType: option.subType }))).toBe(option);
-    });
-
-    test.each(['checkbox', 'radio'] as const)('returns undefined for fillable %s', subType => {
-        expect(subject(buildField({ type: FieldTypeEnum.fillable, subType }))).toBeUndefined();
-    });
-
-    test.each([
-        FieldTypeEnum.calculated,
-        FieldTypeEnum.generic,
-        FieldTypeEnum.dataModel,
-        FieldTypeEnum.forms,
-    ])('returns undefined for %s fields', type => {
-        const subType = type === FieldTypeEnum.generic ? 'text' : undefined;
-        expect(subject(buildField({ type, subType }))).toBeUndefined();
-    });
-
-    test('returns undefined for unknown e-sign subtype', () => {
-        expect(
-            subject(
-                buildField({
-                    type: FieldTypeEnum.eSign,
-                    subType: 'unknown' as ESignFieldType,
-                }),
-            ),
-        ).toBeUndefined();
-    });
-});

package/src/utils/field/get-field-type-option.utils.ts

@@ -1,16 +0,0 @@
-import { E_SIGN_FIELD_TYPES, FILLABLE_FIELD_TYPES } from '../../constants';
-import { type PdfField } from '../../interface/types';
-
-const HIDDEN_OVERLAY_LABEL_SUBTYPES = new Set(['checkbox', 'radio']);
-
-const FIELD_TYPE_OPTIONS = [...FILLABLE_FIELD_TYPES, ...E_SIGN_FIELD_TYPES];
-
-export const getFieldTypeOption = (field: Pick<PdfField, 'type' | 'subType'>) => {
-    if (field.subType && HIDDEN_OVERLAY_LABEL_SUBTYPES.has(field.subType)) {
-        return undefined;
-    }
-
-    return FIELD_TYPE_OPTIONS.find(
-        option => option.type === field.type && option.subType === field.subType,
-    );
-};

package/src/utils/pdf/__tests__/pinch-zoom.utils.test.ts

@@ -1,58 +0,0 @@
-import { ZOOM_MAX, ZOOM_MIN } from '../../../constants';
-import {
-    clampZoom,
-    getPinchZoomValue,
-    getTouchDistance,
-    getWheelZoomFactor,
-} from '../pinch-zoom.utils';
-
-describe('clampZoom', () => {
-    const subject = (value: number) => clampZoom(value);
-
-    test('returns the value when inside the range', () => {
-        expect(subject(1)).toBe(1);
-        expect(subject(1.25)).toBe(1.25);
-    });
-
-    test('clamps to the minimum and maximum', () => {
-        expect(subject(ZOOM_MIN - 0.5)).toBe(ZOOM_MIN);
-        expect(subject(ZOOM_MAX + 0.5)).toBe(ZOOM_MAX);
-    });
-});
-
-describe('getWheelZoomFactor', () => {
-    const subject = (deltaY: number) => getWheelZoomFactor(deltaY);
-
-    test('zooms out for a positive delta', () => {
-        expect(subject(20)).toBeLessThan(1);
-    });
-
-    test('zooms in for a negative delta', () => {
-        expect(subject(-20)).toBeGreaterThan(1);
-    });
-});
-
-describe('getTouchDistance', () => {
-    const subject = (
-        first: Pick<Touch, 'clientX' | 'clientY'>,
-        second: Pick<Touch, 'clientX' | 'clientY'>,
-    ) => getTouchDistance(first, second);
-
-    test('returns the distance between two points', () => {
-        expect(subject({ clientX: 0, clientY: 0 }, { clientX: 3, clientY: 4 })).toBe(5);
-    });
-});
-
-describe('getPinchZoomValue', () => {
-    const subject = (startZoom: number, startDistance: number, currentDistance: number) =>
-        getPinchZoomValue(startZoom, startDistance, currentDistance);
-
-    test('scales zoom by the pinch distance ratio', () => {
-        expect(subject(1, 100, 150)).toBe(1.5);
-        expect(subject(1, 100, 50)).toBe(0.5);
-    });
-
-    test('returns the start zoom when the start distance is invalid', () => {
-        expect(subject(1.2, 0, 80)).toBe(1.2);
-    });
-});

package/src/utils/pdf/pinch-zoom.utils.ts

@@ -1,30 +0,0 @@
-import { ZOOM_MAX, ZOOM_MIN } from '../../constants';
-
-export const WHEEL_ZOOM_SENSITIVITY = 0.01;
-
-export const clampZoom = (value: number) => {
-    return Math.min(ZOOM_MAX, Math.max(ZOOM_MIN, Math.round(value * 100) / 100));
-};
-
-export const getWheelZoomFactor = (deltaY: number) => {
-    return Math.exp(-deltaY * WHEEL_ZOOM_SENSITIVITY);
-};
-
-export const getTouchDistance = (
-    first: Pick<Touch, 'clientX' | 'clientY'>,
-    second: Pick<Touch, 'clientX' | 'clientY'>,
-) => {
-    return Math.hypot(first.clientX - second.clientX, first.clientY - second.clientY);
-};
-
-export const getPinchZoomValue = (
-    startZoom: number,
-    startDistance: number,
-    currentDistance: number,
-) => {
-    if (startDistance <= 0) {
-        return startZoom;
-    }
-
-    return startZoom * (currentDistance / startDistance);
-};