@servicetitan/dte-pdf-editor 1.92.3 → 1.92.4

package/src/styles/pdf-field-overlay.css

@@ -5,10 +5,10 @@
     width: 100%;
     height: 100%;
     pointer-events: none;
+}
 
-    &.--view-mode {
-        pointer-events: auto;
-    }
+.dte-pdf-field-overlay.--view-mode {
+    pointer-events: auto;
 }
 
 /* Editor-only chrome. Layout metrics come from getFieldBoundsStyle. */
@@ -17,34 +17,33 @@
     outline-offset: 0;
     border: none;
     pointer-events: auto;
-    border-radius: 4px;
+}
 
-    &.--edit-mode {
-        overflow: unset !important;
-    }
+.dte-pdf-field-editor.fillable-radio.--edit-mode {
+    overflow: unset !important;
+}
 
-    &.--selected {
-        outline: 2px solid var(--border-color-active);
-        cursor: move;
-    }
+.dte-pdf-field-editor.--selected {
+    outline: 2px solid var(--border-color-active);
+    cursor: move;
+}
 
-    &.--unselected {
-        cursor: pointer;
-    }
+.dte-pdf-field-editor.--unselected {
+    cursor: pointer;
+}
 
-    &.--dragging {
-        opacity: 0.5;
-    }
+.dte-pdf-field-editor.--dragging {
+    opacity: 0.5;
+}
 
-    &.--colored:not(.--selected) {
-        outline-color: var(--border-color-active) !important;
-        box-shadow: 0 0 2px 0 var(--border-color-active);
-    }
+.dte-pdf-field-editor.--colored:not(.--selected) {
+    outline-color: var(--border-color-active) !important;
+    box-shadow: 0 0 2px 0 var(--border-color-active);
+}
 
-    &.--error {
-        outline-color: var(--danger) !important;
-        box-shadow: 0 0 4px 0 var(--danger);
-    }
+.dte-pdf-field-editor.--error {
+    outline-color: var(--danger) !important;
+    box-shadow: 0 0 4px 0 var(--danger);
 }
 
 .dte-pdf-field-error-message {
@@ -53,26 +52,7 @@
     position: absolute;
     margin-top: var(--spacing-half, 4px);
     color: var(--danger);
-    font-size: var(--typescale-small, 10px);
-}
-
-.dte-pdf-field-label {
-    position: absolute;
-    display: flex;
-    align-items: center;
-    gap: var(--spacing-half, 4px);
-    background-color: var(--color-neutral-0, #ffffff);
-    border-radius: 4px;
-    padding: 1px var(--spacing-half, 4px);
-    top: -10px;
-    left: 3px;
-    font-size: var(--typescale-small, 10px);
-    line-height: 1;
-    white-space: nowrap;
-    color: var(--menu-active-color, #2270ee);
-    border-width: 1px;
-    border-style: solid;
-    border-color: inherit;
+    font-size: var(--typescale-1, 12px);
 }
 
 .dte-pdf-field-resize-handle {
@@ -85,10 +65,10 @@
     cursor: nwse-resize;
     z-index: 10;
     box-sizing: border-box;
+}
 
-    &:hover {
-        border-color: var(--border-color-active);
-    }
+.dte-pdf-field-resize-handle:hover {
+    border-color: var(--border-color-active);
 }
 
 .dte-add-field-button {
@@ -100,10 +80,10 @@
     padding: var(--spacing-0, 0);
     width: 20px;
     height: 20px;
+}
 
-    .dte-pdf-field-editor:hover & {
-        display: block;
-    }
+.dte-pdf-field-editor:hover .dte-add-field-button {
+    display: block;
 }
 
 .dte-pdf-field-view {
@@ -111,17 +91,6 @@
     outline: none;
     cursor: default;
     pointer-events: auto;
-
-    &.--fillable,
-    &.--eSign {
-        border-style: dashed;
-        border-width: 1px;
-        border-radius: 4px;
-
-        &:focus {
-            outline: 2px solid var(--border-color-active);
-        }
-    }
 }
 
 .dte-pdf-field-content {
@@ -130,15 +99,15 @@
     min-height: 0;
     overflow: hidden;
     line-height: 1;
+}
 
-    input[type='checkbox']:focus,
-    input[type='checkbox']:active,
-    input[type='radio']:active,
-    input[type='radio']:focus {
-        box-shadow:
-            0 0 0 2px var(--border-color-active, #2270ee) inset,
-            0 0 0 3px var(--color-neutral-0, #ffffff) inset;
-    }
+.dte-pdf-field-content input[type='checkbox']:focus,
+.dte-pdf-field-content input[type='checkbox']:active,
+.dte-pdf-field-content input[type='radio']:active,
+.dte-pdf-field-content input[type='radio']:focus {
+    box-shadow:
+        0 0 0 2px var(--border-color-active, #2270ee) inset,
+        0 0 0 3px var(--color-neutral-0, #ffffff) inset;
 }
 
 /*
@@ -181,37 +150,37 @@
     min-width: 0;
     min-height: 0;
     box-sizing: border-box;
-    background: transparent;
+    background: inherit;
     border: none;
     padding: var(--spacing-0);
     margin: var(--spacing-0);
     line-height: 1;
     font-size: inherit;
+}
 
-    &.dte-pdf-field-text--single-line {
-        white-space: nowrap;
-        overflow: hidden;
-    }
+.dte-pdf-field-editor .dte-pdf-field-fillable {
+    pointer-events: none;
+}
 
-    &.dte-pdf-field-text--multiline {
-        white-space: pre-wrap;
-        overflow-wrap: break-word;
-        overflow: hidden;
-        resize: none;
-    }
+.dte-pdf-field-view .dte-pdf-field-fillable {
+    pointer-events: auto;
+}
 
-    &:focus {
-        outline: 2px solid var(--border-color-active, #2270ee);
-        outline-offset: 2px;
-    }
+.dte-pdf-field-fillable.dte-pdf-field-text--single-line {
+    white-space: nowrap;
+    overflow: hidden;
+}
 
-    .dte-pdf-field-editor & {
-        pointer-events: none;
-    }
+.dte-pdf-field-fillable.dte-pdf-field-text--multiline {
+    white-space: pre-wrap;
+    overflow-wrap: break-word;
+    overflow: hidden;
+    resize: none;
+}
 
-    .dte-pdf-field-view & {
-        pointer-events: auto;
-    }
+.dte-pdf-field-fillable:focus {
+    outline: 2px solid var(--border-color-active, #2270ee);
+    outline-offset: 2px;
 }
 
 .dte-pdf-field-generic-table {
@@ -220,27 +189,27 @@
     border-spacing: var(--spacing-0, 0);
     width: 100%;
     table-layout: fixed;
+}
 
-    td {
-        border-top: 1px solid var(--border-color);
-        border-left: 1px solid var(--border-color);
-        padding-inline: var(--spacing-1, 8px);
-    }
+.dte-pdf-field-generic-table td {
+    border-top: 1px solid var(--border-color);
+    border-left: 1px solid var(--border-color);
+    padding-inline: var(--spacing-1, 8px);
+}
 
-    .dte-pdf-field-generic-table-header td {
-        background-color: var(--bg-color);
-        font-weight: bold;
-    }
+.dte-pdf-field-generic-table .dte-pdf-field-generic-table-header td {
+    background-color: var(--bg-color);
+    font-weight: bold;
+}
 
-    tr:not(.dte-pdf-field-generic-table-header) td {
-        background-color: var(--bg-color-light);
-    }
+.dte-pdf-field-generic-table tr:not(.dte-pdf-field-generic-table-header) td {
+    background-color: var(--bg-color-light);
+}
 
-    tr:last-child td {
-        border-bottom: 1px solid var(--border-color);
-    }
+.dte-pdf-field-generic-table tr:last-child td {
+    border-bottom: 1px solid var(--border-color);
+}
 
-    tr td:last-child {
-        border-right: 1px solid var(--border-color);
-    }
+.dte-pdf-field-generic-table tr td:last-child {
+    border-right: 1px solid var(--border-color);
 }

package/src/styles/variables.css

@@ -6,7 +6,6 @@
     --menu-hover-color: var(--color-neutral-100, #606162);
 
     /* Typography */
-    --typescale-small: 10px;
     --typescale-0: var(--typescale-1, 12px);
     --typescale-1: var(--typescale-1, 14px);
 
@@ -21,7 +20,6 @@
     --radius-0: 0;
     --radius-1: 4px;
     --radius-2: 8px;
-    --radius-3: 16px;
 
     /* Colors - Neutral */
     --color-neutral-0: var(--color-neutral-0, #ffffff);
@@ -33,7 +31,6 @@
     --color-blue-100: var(--color-blue-100, #fafcff);
 
     /* Background colors */
-    --bg-color-highlited: var(--color-blue-400);
     --bg-color-light: var(--color-neutral-0, #ffffff);
     --bg-color-main: var(--color-neutral-20, #fafafa);
     --bg-color-secondary: var(--color-neutral-50, #eeeeee);

package/src/utils/field/get-navigable-fields.utils.ts

@@ -1,7 +1,7 @@
 import { type DataModelValues, FieldTypeEnum, PdfField } from '../../interface/types';
 import { evaluateDisplayCondition } from '../conditions';
 
-const navigableFields = [FieldTypeEnum.fillable];
+const navigableFields = [FieldTypeEnum.fillable, FieldTypeEnum.eSign];
 
 export const getNavigableFieldsUtils = (
     fields: PdfField[],

package/src/utils/field/index.ts

@@ -8,6 +8,5 @@ export * from './field-resize.utils';
 export * from './get-field-bounds-style.utils';
 export * from './get-field-font-size.utils';
 export * from './get-field-text-clip.utils';
-export * from './get-field-type-option.utils';
 export * from './get-field-typography.utils';
 export * from './get-navigable-fields.utils';

package/src/utils/pdf/index.ts

@@ -1,3 +1,2 @@
 export * from './pdf-rendering.utils';
-export * from './pinch-zoom.utils';
 export * from './unit-conversion.utils';

package/dist/hooks/usePinchZoom.d.ts

@@ -1,14 +0,0 @@
-import { RefObject } from 'react';
-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 declare const usePinchZoom: (containerRef: RefObject<HTMLElement | null>, { enabled, setZoomValue, zoom, zoomByFactor }: UsePinchZoomOptions) => void;
-export {};
-//# sourceMappingURL=usePinchZoom.d.ts.map

package/dist/hooks/usePinchZoom.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"usePinchZoom.d.ts","sourceRoot":"","sources":["../../src/hooks/usePinchZoom.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAqB,MAAM,OAAO,CAAC;AAQrD,UAAU,mBAAmB;IACzB,OAAO,EAAE,OAAO,CAAC;IACjB,IAAI,EAAE,MAAM,CAAC;IACb,YAAY,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IAClC,YAAY,CAAC,MAAM,EAAE,MAAM,GAAG,IAAI,CAAC;CACtC;AAED;;;GAGG;AACH,eAAO,MAAM,YAAY,GACrB,cAAc,SAAS,CAAC,WAAW,GAAG,IAAI,CAAC,EAC3C,+CAA+C,mBAAmB,SAgErE,CAAC"}

package/dist/hooks/usePinchZoom.js

@@ -1,58 +0,0 @@
-import { useEffect, useRef } from 'react';
-import { clampZoom, getPinchZoomValue, getTouchDistance, getWheelZoomFactor, } from '../utils';
-/**
- * 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, { enabled, setZoomValue, zoom, zoomByFactor }) => {
-    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) => {
-            if (!event.ctrlKey) {
-                return;
-            }
-            event.preventDefault();
-            zoomByFactor(getWheelZoomFactor(event.deltaY));
-        };
-        const handleTouchStart = (event) => {
-            if (event.touches.length !== 2) {
-                return;
-            }
-            pinchStartDistance = getTouchDistance(event.touches[0], event.touches[1]);
-            pinchStartZoom = zoomRef.current;
-        };
-        const handleTouchMove = (event) => {
-            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) => {
-            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]);
-};
-//# sourceMappingURL=usePinchZoom.js.map

package/dist/hooks/usePinchZoom.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"usePinchZoom.js","sourceRoot":"","sources":["../../src/hooks/usePinchZoom.ts"],"names":[],"mappings":"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"}

package/dist/utils/field/get-field-type-option.utils.d.ts

@@ -1,3 +0,0 @@
-import { type PdfField } from '../../interface/types';
-export declare const getFieldTypeOption: (field: Pick<PdfField, "type" | "subType">) => import("../..").FieldTypeOption | undefined;
-//# sourceMappingURL=get-field-type-option.utils.d.ts.map

package/dist/utils/field/get-field-type-option.utils.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"get-field-type-option.utils.d.ts","sourceRoot":"","sources":["../../../src/utils/field/get-field-type-option.utils.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAMtD,eAAO,MAAM,kBAAkB,GAAI,OAAO,IAAI,CAAC,QAAQ,EAAE,MAAM,GAAG,SAAS,CAAC,gDAQ3E,CAAC"}

package/dist/utils/field/get-field-type-option.utils.js

@@ -1,10 +0,0 @@
-import { E_SIGN_FIELD_TYPES, FILLABLE_FIELD_TYPES } from '../../constants';
-const HIDDEN_OVERLAY_LABEL_SUBTYPES = new Set(['checkbox', 'radio']);
-const FIELD_TYPE_OPTIONS = [...FILLABLE_FIELD_TYPES, ...E_SIGN_FIELD_TYPES];
-export const getFieldTypeOption = (field) => {
-    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);
-};
-//# sourceMappingURL=get-field-type-option.utils.js.map

package/dist/utils/field/get-field-type-option.utils.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"get-field-type-option.utils.js","sourceRoot":"","sources":["../../../src/utils/field/get-field-type-option.utils.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,oBAAoB,EAAE,MAAM,iBAAiB,CAAC;AAG3E,MAAM,6BAA6B,GAAG,IAAI,GAAG,CAAC,CAAC,UAAU,EAAE,OAAO,CAAC,CAAC,CAAC;AAErE,MAAM,kBAAkB,GAAG,CAAC,GAAG,oBAAoB,EAAE,GAAG,kBAAkB,CAAC,CAAC;AAE5E,MAAM,CAAC,MAAM,kBAAkB,GAAG,CAAC,KAAyC,EAAE,EAAE;IAC5E,IAAI,KAAK,CAAC,OAAO,IAAI,6BAA6B,CAAC,GAAG,CAAC,KAAK,CAAC,OAAO,CAAC,EAAE,CAAC;QACpE,OAAO,SAAS,CAAC;IACrB,CAAC;IAED,OAAO,kBAAkB,CAAC,IAAI,CAC1B,MAAM,CAAC,EAAE,CAAC,MAAM,CAAC,IAAI,KAAK,KAAK,CAAC,IAAI,IAAI,MAAM,CAAC,OAAO,KAAK,KAAK,CAAC,OAAO,CAC3E,CAAC;AACN,CAAC,CAAC"}

package/dist/utils/pdf/pinch-zoom.utils.d.ts

@@ -1,6 +0,0 @@
-export declare const WHEEL_ZOOM_SENSITIVITY = 0.01;
-export declare const clampZoom: (value: number) => number;
-export declare const getWheelZoomFactor: (deltaY: number) => number;
-export declare const getTouchDistance: (first: Pick<Touch, "clientX" | "clientY">, second: Pick<Touch, "clientX" | "clientY">) => number;
-export declare const getPinchZoomValue: (startZoom: number, startDistance: number, currentDistance: number) => number;
-//# sourceMappingURL=pinch-zoom.utils.d.ts.map

package/dist/utils/pdf/pinch-zoom.utils.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"pinch-zoom.utils.d.ts","sourceRoot":"","sources":["../../../src/utils/pdf/pinch-zoom.utils.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,sBAAsB,OAAO,CAAC;AAE3C,eAAO,MAAM,SAAS,GAAI,OAAO,MAAM,WAEtC,CAAC;AAEF,eAAO,MAAM,kBAAkB,GAAI,QAAQ,MAAM,WAEhD,CAAC;AAEF,eAAO,MAAM,gBAAgB,GACzB,OAAO,IAAI,CAAC,KAAK,EAAE,SAAS,GAAG,SAAS,CAAC,EACzC,QAAQ,IAAI,CAAC,KAAK,EAAE,SAAS,GAAG,SAAS,CAAC,WAG7C,CAAC;AAEF,eAAO,MAAM,iBAAiB,GAC1B,WAAW,MAAM,EACjB,eAAe,MAAM,EACrB,iBAAiB,MAAM,WAO1B,CAAC"}

package/dist/utils/pdf/pinch-zoom.utils.js

@@ -1,18 +0,0 @@
-import { ZOOM_MAX, ZOOM_MIN } from '../../constants';
-export const WHEEL_ZOOM_SENSITIVITY = 0.01;
-export const clampZoom = (value) => {
-    return Math.min(ZOOM_MAX, Math.max(ZOOM_MIN, Math.round(value * 100) / 100));
-};
-export const getWheelZoomFactor = (deltaY) => {
-    return Math.exp(-deltaY * WHEEL_ZOOM_SENSITIVITY);
-};
-export const getTouchDistance = (first, second) => {
-    return Math.hypot(first.clientX - second.clientX, first.clientY - second.clientY);
-};
-export const getPinchZoomValue = (startZoom, startDistance, currentDistance) => {
-    if (startDistance <= 0) {
-        return startZoom;
-    }
-    return startZoom * (currentDistance / startDistance);
-};
-//# sourceMappingURL=pinch-zoom.utils.js.map

package/dist/utils/pdf/pinch-zoom.utils.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"pinch-zoom.utils.js","sourceRoot":"","sources":["../../../src/utils/pdf/pinch-zoom.utils.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAErD,MAAM,CAAC,MAAM,sBAAsB,GAAG,IAAI,CAAC;AAE3C,MAAM,CAAC,MAAM,SAAS,GAAG,CAAC,KAAa,EAAE,EAAE;IACvC,OAAO,IAAI,CAAC,GAAG,CAAC,QAAQ,EAAE,IAAI,CAAC,GAAG,CAAC,QAAQ,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,GAAG,GAAG,CAAC,GAAG,GAAG,CAAC,CAAC,CAAC;AACjF,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,kBAAkB,GAAG,CAAC,MAAc,EAAE,EAAE;IACjD,OAAO,IAAI,CAAC,GAAG,CAAC,CAAC,MAAM,GAAG,sBAAsB,CAAC,CAAC;AACtD,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAC5B,KAAyC,EACzC,MAA0C,EAC5C,EAAE;IACA,OAAO,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,OAAO,GAAG,MAAM,CAAC,OAAO,EAAE,KAAK,CAAC,OAAO,GAAG,MAAM,CAAC,OAAO,CAAC,CAAC;AACtF,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,iBAAiB,GAAG,CAC7B,SAAiB,EACjB,aAAqB,EACrB,eAAuB,EACzB,EAAE;IACA,IAAI,aAAa,IAAI,CAAC,EAAE,CAAC;QACrB,OAAO,SAAS,CAAC;IACrB,CAAC;IAED,OAAO,SAAS,GAAG,CAAC,eAAe,GAAG,aAAa,CAAC,CAAC;AACzD,CAAC,CAAC"}

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,
-    );
-};