@servicetitan/dte-pdf-editor 1.0.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +356 -0
- package/dist/components/data-model-field-type-list.d.ts +11 -0
- package/dist/components/data-model-field-type-list.d.ts.map +1 -0
- package/dist/components/data-model-field-type-list.js +23 -0
- package/dist/components/data-model-field-type-list.js.map +1 -0
- package/dist/components/e-sign-field-type-list.d.ts +9 -0
- package/dist/components/e-sign-field-type-list.d.ts.map +1 -0
- package/dist/components/e-sign-field-type-list.js +12 -0
- package/dist/components/e-sign-field-type-list.js.map +1 -0
- package/dist/components/field-config-panel-overlay.d.ts +13 -0
- package/dist/components/field-config-panel-overlay.d.ts.map +1 -0
- package/dist/components/field-config-panel-overlay.js +8 -0
- package/dist/components/field-config-panel-overlay.js.map +1 -0
- package/dist/components/field-config-panel.d.ts +12 -0
- package/dist/components/field-config-panel.d.ts.map +1 -0
- package/dist/components/field-config-panel.js +38 -0
- package/dist/components/field-config-panel.js.map +1 -0
- package/dist/components/field-sidebar.d.ts +10 -0
- package/dist/components/field-sidebar.d.ts.map +1 -0
- package/dist/components/field-sidebar.js +25 -0
- package/dist/components/field-sidebar.js.map +1 -0
- package/dist/components/field-type.d.ts +9 -0
- package/dist/components/field-type.d.ts.map +1 -0
- package/dist/components/field-type.js +12 -0
- package/dist/components/field-type.js.map +1 -0
- package/dist/components/fillable-field-type-list.d.ts +10 -0
- package/dist/components/fillable-field-type-list.d.ts.map +1 -0
- package/dist/components/fillable-field-type-list.js +17 -0
- package/dist/components/fillable-field-type-list.js.map +1 -0
- package/dist/components/pdf-canvas.d.ts +22 -0
- package/dist/components/pdf-canvas.d.ts.map +1 -0
- package/dist/components/pdf-canvas.js +14 -0
- package/dist/components/pdf-canvas.js.map +1 -0
- package/dist/components/pdf-document-renderer.d.ts +16 -0
- package/dist/components/pdf-document-renderer.d.ts.map +1 -0
- package/dist/components/pdf-document-renderer.js +28 -0
- package/dist/components/pdf-document-renderer.js.map +1 -0
- package/dist/components/pdf-editor.d.ts +21 -0
- package/dist/components/pdf-editor.d.ts.map +1 -0
- package/dist/components/pdf-editor.js +108 -0
- package/dist/components/pdf-editor.js.map +1 -0
- package/dist/components/pdf-field-overlay.d.ts +14 -0
- package/dist/components/pdf-field-overlay.d.ts.map +1 -0
- package/dist/components/pdf-field-overlay.js +32 -0
- package/dist/components/pdf-field-overlay.js.map +1 -0
- package/dist/constants/field.constants.d.ts +16 -0
- package/dist/constants/field.constants.d.ts.map +1 -0
- package/dist/constants/field.constants.js +28 -0
- package/dist/constants/field.constants.js.map +1 -0
- package/dist/constants/index.d.ts +3 -0
- package/dist/constants/index.d.ts.map +1 -0
- package/dist/constants/index.js +3 -0
- package/dist/constants/index.js.map +1 -0
- package/dist/constants/pdf-editor.constants.d.ts +2 -0
- package/dist/constants/pdf-editor.constants.d.ts.map +1 -0
- package/dist/constants/pdf-editor.constants.js +2 -0
- package/dist/constants/pdf-editor.constants.js.map +1 -0
- package/dist/hooks/index.d.ts +4 -0
- package/dist/hooks/index.d.ts.map +1 -0
- package/dist/hooks/index.js +4 -0
- package/dist/hooks/index.js.map +1 -0
- package/dist/hooks/useFieldDrag.d.ts +24 -0
- package/dist/hooks/useFieldDrag.d.ts.map +1 -0
- package/dist/hooks/useFieldDrag.js +34 -0
- package/dist/hooks/useFieldDrag.js.map +1 -0
- package/dist/hooks/useFieldResize.d.ts +17 -0
- package/dist/hooks/useFieldResize.d.ts.map +1 -0
- package/dist/hooks/useFieldResize.js +58 -0
- package/dist/hooks/useFieldResize.js.map +1 -0
- package/dist/hooks/usePdfDocumentRenderer.d.ts +9 -0
- package/dist/hooks/usePdfDocumentRenderer.d.ts.map +1 -0
- package/dist/hooks/usePdfDocumentRenderer.js +13 -0
- package/dist/hooks/usePdfDocumentRenderer.js.map +1 -0
- package/dist/index.d.ts +3 -0
- package/dist/index.d.ts.map +1 -0
- package/dist/index.js +2 -0
- package/dist/index.js.map +1 -0
- package/dist/interface/pdf-editor.d.ts +64 -0
- package/dist/interface/pdf-editor.d.ts.map +1 -0
- package/dist/interface/pdf-editor.js +14 -0
- package/dist/interface/pdf-editor.js.map +1 -0
- package/dist/utils/calculate-drop-coordinates.utils.d.ts +15 -0
- package/dist/utils/calculate-drop-coordinates.utils.d.ts.map +1 -0
- package/dist/utils/calculate-drop-coordinates.utils.js +48 -0
- package/dist/utils/calculate-drop-coordinates.utils.js.map +1 -0
- package/dist/utils/extract-grouped-fields-from-data-model.utils.d.ts +7 -0
- package/dist/utils/extract-grouped-fields-from-data-model.utils.d.ts.map +1 -0
- package/dist/utils/extract-grouped-fields-from-data-model.utils.js +57 -0
- package/dist/utils/extract-grouped-fields-from-data-model.utils.js.map +1 -0
- package/dist/utils/generate-e-sign-path.d.ts +3 -0
- package/dist/utils/generate-e-sign-path.d.ts.map +1 -0
- package/dist/utils/generate-e-sign-path.js +4 -0
- package/dist/utils/generate-e-sign-path.js.map +1 -0
- package/dist/utils/get-page-dimensions.utils.d.ts +12 -0
- package/dist/utils/get-page-dimensions.utils.d.ts.map +1 -0
- package/dist/utils/get-page-dimensions.utils.js +31 -0
- package/dist/utils/get-page-dimensions.utils.js.map +1 -0
- package/dist/utils/get-page-number-from-client-y.utils.d.ts +9 -0
- package/dist/utils/get-page-number-from-client-y.utils.d.ts.map +1 -0
- package/dist/utils/get-page-number-from-client-y.utils.js +24 -0
- package/dist/utils/get-page-number-from-client-y.utils.js.map +1 -0
- package/dist/utils/get-page-position.utils.d.ts +12 -0
- package/dist/utils/get-page-position.utils.d.ts.map +1 -0
- package/dist/utils/get-page-position.utils.js +22 -0
- package/dist/utils/get-page-position.utils.js.map +1 -0
- package/dist/utils/handle-field-drag-start.utils.d.ts +16 -0
- package/dist/utils/handle-field-drag-start.utils.d.ts.map +1 -0
- package/dist/utils/handle-field-drag-start.utils.js +41 -0
- package/dist/utils/handle-field-drag-start.utils.js.map +1 -0
- package/dist/utils/handle-field-drag.utils.d.ts +19 -0
- package/dist/utils/handle-field-drag.utils.d.ts.map +1 -0
- package/dist/utils/handle-field-drag.utils.js +36 -0
- package/dist/utils/handle-field-drag.utils.js.map +1 -0
- package/dist/utils/handle-field-resize.utils.d.ts +35 -0
- package/dist/utils/handle-field-resize.utils.d.ts.map +1 -0
- package/dist/utils/handle-field-resize.utils.js +66 -0
- package/dist/utils/handle-field-resize.utils.js.map +1 -0
- package/dist/utils/index.d.ts +13 -0
- package/dist/utils/index.d.ts.map +1 -0
- package/dist/utils/index.js +13 -0
- package/dist/utils/index.js.map +1 -0
- package/dist/utils/is-drag-over-canvas.utils.d.ts +9 -0
- package/dist/utils/is-drag-over-canvas.utils.d.ts.map +1 -0
- package/dist/utils/is-drag-over-canvas.utils.js +26 -0
- package/dist/utils/is-drag-over-canvas.utils.js.map +1 -0
- package/dist/utils/map-colors-to-recipients.d.ts +3 -0
- package/dist/utils/map-colors-to-recipients.d.ts.map +1 -0
- package/dist/utils/map-colors-to-recipients.js +35 -0
- package/dist/utils/map-colors-to-recipients.js.map +1 -0
- package/dist/utils/pdfjs-init.d.ts +6 -0
- package/dist/utils/pdfjs-init.d.ts.map +1 -0
- package/dist/utils/pdfjs-init.js +25 -0
- package/dist/utils/pdfjs-init.js.map +1 -0
- package/package.json +28 -0
- package/src/components/data-model-field-type-list.tsx +58 -0
- package/src/components/e-sign-field-type-list.tsx +27 -0
- package/src/components/field-config-panel-overlay.tsx +51 -0
- package/src/components/field-config-panel.tsx +142 -0
- package/src/components/field-sidebar.tsx +93 -0
- package/src/components/field-type.tsx +28 -0
- package/src/components/fillable-field-type-list.tsx +42 -0
- package/src/components/pdf-canvas.tsx +81 -0
- package/src/components/pdf-document-renderer.tsx +78 -0
- package/src/components/pdf-editor.tsx +216 -0
- package/src/components/pdf-field-overlay.tsx +83 -0
- package/src/constants/field.constants.ts +31 -0
- package/src/constants/index.ts +2 -0
- package/src/constants/pdf-editor.constants.ts +1 -0
- package/src/hooks/index.ts +3 -0
- package/src/hooks/useFieldDrag.ts +56 -0
- package/src/hooks/useFieldResize.ts +95 -0
- package/src/hooks/usePdfDocumentRenderer.ts +21 -0
- package/src/index.ts +2 -0
- package/src/interface/pdf-editor.ts +74 -0
- package/src/styles/field-config-panel-overlay.css +33 -0
- package/src/styles/field-sidebar.css +31 -0
- package/src/styles/field-type-list.css +8 -0
- package/src/styles/field-type.css +10 -0
- package/src/styles/generic.css +3 -0
- package/src/styles/index.css +10 -0
- package/src/styles/pdf-canvas.css +9 -0
- package/src/styles/pdf-document-renderer.css +4 -0
- package/src/styles/pdf-editor.css +14 -0
- package/src/styles/pdf-field-overlay.css +54 -0
- package/src/styles/variables.css +26 -0
- package/src/utils/calculate-drop-coordinates.utils.ts +68 -0
- package/src/utils/extract-grouped-fields-from-data-model.utils.ts +73 -0
- package/src/utils/generate-e-sign-path.ts +5 -0
- package/src/utils/get-page-dimensions.utils.ts +39 -0
- package/src/utils/get-page-number-from-client-y.utils.ts +31 -0
- package/src/utils/get-page-position.utils.ts +30 -0
- package/src/utils/handle-field-drag-start.utils.ts +52 -0
- package/src/utils/handle-field-drag.utils.ts +55 -0
- package/src/utils/handle-field-resize.utils.ts +102 -0
- package/src/utils/index.ts +12 -0
- package/src/utils/is-drag-over-canvas.utils.ts +35 -0
- package/src/utils/map-colors-to-recipients.ts +37 -0
- package/src/utils/pdfjs-init.ts +27 -0
- package/src/vite-env.d.ts +16 -0
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import { Fragment, useMemo } from 'react';
|
|
3
|
+
import { FILLABLE_FIELD_TYPES } from '../constants';
|
|
4
|
+
import { FieldType } from './field-type';
|
|
5
|
+
export const FillableFieldTypeList = ({ onDragEnd, onDragStart, searchText, }) => {
|
|
6
|
+
const searchedFieldTypes = useMemo(() => {
|
|
7
|
+
if (!searchText) {
|
|
8
|
+
return FILLABLE_FIELD_TYPES;
|
|
9
|
+
}
|
|
10
|
+
const searchLower = searchText.toLowerCase();
|
|
11
|
+
return FILLABLE_FIELD_TYPES.filter(({ label }) => label.toLowerCase().includes(searchLower));
|
|
12
|
+
}, [searchText]);
|
|
13
|
+
return (_jsx(Fragment, { children: searchedFieldTypes.map(fieldOption => {
|
|
14
|
+
return (_jsx(FieldType, { label: fieldOption.label, onDragEnd: onDragEnd, onDragStart: () => onDragStart(fieldOption) }, fieldOption.subType));
|
|
15
|
+
}) }));
|
|
16
|
+
};
|
|
17
|
+
//# sourceMappingURL=fillable-field-type-list.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"fillable-field-type-list.js","sourceRoot":"","sources":["../../src/components/fillable-field-type-list.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAM,QAAQ,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAC9C,OAAO,EAAE,oBAAoB,EAAE,MAAM,cAAc,CAAC;AAEpD,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAQzC,MAAM,CAAC,MAAM,qBAAqB,GAAmC,CAAC,EAClE,SAAS,EACT,WAAW,EACX,UAAU,GACb,EAAE,EAAE;IACD,MAAM,kBAAkB,GAAG,OAAO,CAAC,GAAG,EAAE;QACpC,IAAI,CAAC,UAAU,EAAE,CAAC;YACd,OAAO,oBAAoB,CAAC;QAChC,CAAC;QAED,MAAM,WAAW,GAAG,UAAU,CAAC,WAAW,EAAE,CAAC;QAC7C,OAAO,oBAAoB,CAAC,MAAM,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAC7C,KAAK,CAAC,WAAW,EAAE,CAAC,QAAQ,CAAC,WAAW,CAAC,CAC5C,CAAC;IACN,CAAC,EAAE,CAAC,UAAU,CAAC,CAAC,CAAC;IAEjB,OAAO,CACH,KAAC,QAAQ,cACJ,kBAAkB,CAAC,GAAG,CAAC,WAAW,CAAC,EAAE;YAClC,OAAO,CACH,KAAC,SAAS,IAEN,KAAK,EAAE,WAAW,CAAC,KAAK,EACxB,SAAS,EAAE,SAAS,EACpB,WAAW,EAAE,GAAG,EAAE,CAAC,WAAW,CAAC,WAAW,CAAC,IAHtC,WAAW,CAAC,OAAO,CAI1B,CACL,CAAC;QACN,CAAC,CAAC,GACK,CACd,CAAC;AACN,CAAC,CAAC"}
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
import { DragEvent, FC, MouseEvent, ReactNode, RefObject } from 'react';
|
|
2
|
+
import { PdfField } from '../interface/pdf-editor';
|
|
3
|
+
interface PdfCanvasProps {
|
|
4
|
+
pdfUrl: string;
|
|
5
|
+
errorPlaceholder?: ReactNode;
|
|
6
|
+
loadingPlaceholder?: ReactNode;
|
|
7
|
+
fields: PdfField[];
|
|
8
|
+
loading: boolean;
|
|
9
|
+
selectedField: string | null;
|
|
10
|
+
pdfContainerRef: RefObject<HTMLDivElement>;
|
|
11
|
+
pdfWrapperRef: RefObject<HTMLDivElement>;
|
|
12
|
+
recipientsColors: Record<string, string>;
|
|
13
|
+
onDragOver(e: DragEvent<HTMLDivElement>): void;
|
|
14
|
+
onDrop(e: DragEvent<HTMLDivElement>, pageNumber: number): void;
|
|
15
|
+
onFieldClick(fieldId: string, e: MouseEvent): void;
|
|
16
|
+
onFieldMove(fieldId: string, newX: number, newY: number, pageNumber: number): void;
|
|
17
|
+
onFieldResize(fieldId: string, newWidth: number, newHeight: number, pageNumber: number): void;
|
|
18
|
+
onDeselectField(): void;
|
|
19
|
+
}
|
|
20
|
+
export declare const PdfCanvas: FC<PdfCanvasProps>;
|
|
21
|
+
export {};
|
|
22
|
+
//# sourceMappingURL=pdf-canvas.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"pdf-canvas.d.ts","sourceRoot":"","sources":["../../src/components/pdf-canvas.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,EAAE,EAAE,UAAU,EAAE,SAAS,EAAE,SAAS,EAAY,MAAM,OAAO,CAAC;AAElF,OAAO,EAAE,QAAQ,EAAE,MAAM,yBAAyB,CAAC;AAInD,UAAU,cAAc;IACpB,MAAM,EAAE,MAAM,CAAC;IACf,gBAAgB,CAAC,EAAE,SAAS,CAAC;IAC7B,kBAAkB,CAAC,EAAE,SAAS,CAAC;IAC/B,MAAM,EAAE,QAAQ,EAAE,CAAC;IACnB,OAAO,EAAE,OAAO,CAAC;IACjB,aAAa,EAAE,MAAM,GAAG,IAAI,CAAC;IAC7B,eAAe,EAAE,SAAS,CAAC,cAAc,CAAC,CAAC;IAC3C,aAAa,EAAE,SAAS,CAAC,cAAc,CAAC,CAAC;IACzC,gBAAgB,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IACzC,UAAU,CAAC,CAAC,EAAE,SAAS,CAAC,cAAc,CAAC,GAAG,IAAI,CAAC;IAC/C,MAAM,CAAC,CAAC,EAAE,SAAS,CAAC,cAAc,CAAC,EAAE,UAAU,EAAE,MAAM,GAAG,IAAI,CAAC;IAC/D,YAAY,CAAC,OAAO,EAAE,MAAM,EAAE,CAAC,EAAE,UAAU,GAAG,IAAI,CAAC;IACnD,WAAW,CAAC,OAAO,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,GAAG,IAAI,CAAC;IACnF,aAAa,CAAC,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,GAAG,IAAI,CAAC;IAC9F,eAAe,IAAI,IAAI,CAAC;CAC3B;AAED,eAAO,MAAM,SAAS,EAAE,EAAE,CAAC,cAAc,CAuDxC,CAAC"}
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { Flex } from '@servicetitan/anvil2';
|
|
3
|
+
import { useState } from 'react';
|
|
4
|
+
import { BASE_PAGE_WIDTH } from '../constants';
|
|
5
|
+
import { PdfDocumentRenderer } from './pdf-document-renderer';
|
|
6
|
+
import { PdfFieldOverlay } from './pdf-field-overlay';
|
|
7
|
+
export const PdfCanvas = ({ errorPlaceholder, fields, loading, loadingPlaceholder, onDeselectField, onDragOver, onDrop, onFieldClick, onFieldMove, onFieldResize, pdfContainerRef, pdfUrl, pdfWrapperRef, recipientsColors, selectedField, }) => {
|
|
8
|
+
const [isPdfLoaded, setIsPdfLoaded] = useState(false);
|
|
9
|
+
const onDocumentLoadSuccess = (_) => {
|
|
10
|
+
setIsPdfLoaded(true);
|
|
11
|
+
};
|
|
12
|
+
return (_jsx(Flex, { flex: 1, ref: pdfContainerRef, className: "dte-pdf-canvas-container", onClick: onDeselectField, children: _jsxs("div", { ref: pdfWrapperRef, className: "dte-pdf-wrapper", children: [_jsx(PdfDocumentRenderer, { pdfUrl: pdfUrl, onDrop: onDrop, loading: loading, onDragOver: onDragOver, pageWidth: BASE_PAGE_WIDTH, errorPlaceholder: errorPlaceholder, loadingPlaceholder: loadingPlaceholder, onDocumentLoadSuccess: onDocumentLoadSuccess }), isPdfLoaded && fields && (_jsx(PdfFieldOverlay, { fields: fields, pdfWrapperRef: pdfWrapperRef, recipientsColors: recipientsColors, selectedField: selectedField !== null && selectedField !== void 0 ? selectedField : null, onFieldClick: onFieldClick !== null && onFieldClick !== void 0 ? onFieldClick : (() => { }), onFieldMove: onFieldMove !== null && onFieldMove !== void 0 ? onFieldMove : (() => { }), onFieldResize: onFieldResize !== null && onFieldResize !== void 0 ? onFieldResize : (() => { }) }))] }) }));
|
|
13
|
+
};
|
|
14
|
+
//# sourceMappingURL=pdf-canvas.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"pdf-canvas.js","sourceRoot":"","sources":["../../src/components/pdf-canvas.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAC;AAC5C,OAAO,EAAmD,QAAQ,EAAE,MAAM,OAAO,CAAC;AAClF,OAAO,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAE/C,OAAO,EAAE,mBAAmB,EAAE,MAAM,yBAAyB,CAAC;AAC9D,OAAO,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AAoBtD,MAAM,CAAC,MAAM,SAAS,GAAuB,CAAC,EAC1C,gBAAgB,EAChB,MAAM,EACN,OAAO,EACP,kBAAkB,EAClB,eAAe,EACf,UAAU,EACV,MAAM,EACN,YAAY,EACZ,WAAW,EACX,aAAa,EACb,eAAe,EACf,MAAM,EACN,aAAa,EACb,gBAAgB,EAChB,aAAa,GAChB,EAAE,EAAE;IACD,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,QAAQ,CAAU,KAAK,CAAC,CAAC;IAE/D,MAAM,qBAAqB,GAAG,CAAC,CAAS,EAAE,EAAE;QACxC,cAAc,CAAC,IAAI,CAAC,CAAC;IACzB,CAAC,CAAC;IAEF,OAAO,CACH,KAAC,IAAI,IACD,IAAI,EAAE,CAAC,EACP,GAAG,EAAE,eAAe,EACpB,SAAS,EAAC,0BAA0B,EACpC,OAAO,EAAE,eAAe,YAExB,eAAK,GAAG,EAAE,aAAa,EAAE,SAAS,EAAC,iBAAiB,aAChD,KAAC,mBAAmB,IAChB,MAAM,EAAE,MAAM,EACd,MAAM,EAAE,MAAM,EACd,OAAO,EAAE,OAAO,EAChB,UAAU,EAAE,UAAU,EACtB,SAAS,EAAE,eAAe,EAC1B,gBAAgB,EAAE,gBAAgB,EAClC,kBAAkB,EAAE,kBAAkB,EACtC,qBAAqB,EAAE,qBAAqB,GAC9C,EACD,WAAW,IAAI,MAAM,IAAI,CACtB,KAAC,eAAe,IACZ,MAAM,EAAE,MAAM,EACd,aAAa,EAAE,aAAa,EAC5B,gBAAgB,EAAE,gBAAgB,EAClC,aAAa,EAAE,aAAa,aAAb,aAAa,cAAb,aAAa,GAAI,IAAI,EACpC,YAAY,EAAE,YAAY,aAAZ,YAAY,cAAZ,YAAY,GAAI,CAAC,GAAG,EAAE,GAAE,CAAC,CAAC,EACxC,WAAW,EAAE,WAAW,aAAX,WAAW,cAAX,WAAW,GAAI,CAAC,GAAG,EAAE,GAAE,CAAC,CAAC,EACtC,aAAa,EAAE,aAAa,aAAb,aAAa,cAAb,aAAa,GAAI,CAAC,GAAG,EAAE,GAAE,CAAC,CAAC,GAC5C,CACL,IACC,GACH,CACV,CAAC;AACN,CAAC,CAAC"}
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import { DragEvent, FC, ReactNode } from 'react';
|
|
2
|
+
import 'react-pdf/dist/Page/AnnotationLayer.css';
|
|
3
|
+
import 'react-pdf/dist/Page/TextLayer.css';
|
|
4
|
+
interface PdfDocumentRendererProps {
|
|
5
|
+
pdfUrl: string;
|
|
6
|
+
pageWidth?: number;
|
|
7
|
+
loading: boolean;
|
|
8
|
+
errorPlaceholder?: ReactNode;
|
|
9
|
+
loadingPlaceholder?: ReactNode;
|
|
10
|
+
onDocumentLoadSuccess?: (numPages: number) => void;
|
|
11
|
+
onDragOver?(e: DragEvent<HTMLDivElement>): void;
|
|
12
|
+
onDrop?(e: DragEvent<HTMLDivElement>, pageNumber: number): void;
|
|
13
|
+
}
|
|
14
|
+
export declare const PdfDocumentRenderer: FC<PdfDocumentRendererProps>;
|
|
15
|
+
export {};
|
|
16
|
+
//# sourceMappingURL=pdf-document-renderer.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"pdf-document-renderer.d.ts","sourceRoot":"","sources":["../../src/components/pdf-document-renderer.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEjD,OAAO,yCAAyC,CAAC;AACjD,OAAO,mCAAmC,CAAC;AAM3C,UAAU,wBAAwB;IAC9B,MAAM,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,EAAE,OAAO,CAAC;IACjB,gBAAgB,CAAC,EAAE,SAAS,CAAC;IAC7B,kBAAkB,CAAC,EAAE,SAAS,CAAC;IAC/B,qBAAqB,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IACnD,UAAU,CAAC,CAAC,CAAC,EAAE,SAAS,CAAC,cAAc,CAAC,GAAG,IAAI,CAAC;IAChD,MAAM,CAAC,CAAC,CAAC,EAAE,SAAS,CAAC,cAAc,CAAC,EAAE,UAAU,EAAE,MAAM,GAAG,IAAI,CAAC;CACnE;AAED,eAAO,MAAM,mBAAmB,EAAE,EAAE,CAAC,wBAAwB,CAyD5D,CAAC"}
|
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import { Document, Page } from 'react-pdf';
|
|
3
|
+
import 'react-pdf/dist/Page/AnnotationLayer.css';
|
|
4
|
+
import 'react-pdf/dist/Page/TextLayer.css';
|
|
5
|
+
import { usePdfDocumentRenderer } from '../hooks';
|
|
6
|
+
import { initializePdfJsWorker } from '../utils';
|
|
7
|
+
initializePdfJsWorker();
|
|
8
|
+
export const PdfDocumentRenderer = ({ errorPlaceholder, loading, loadingPlaceholder, onDocumentLoadSuccess, onDragOver, onDrop, pageWidth, pdfUrl, }) => {
|
|
9
|
+
const { handleDocumentLoadSuccess: handleLoadSuccess, pages } = usePdfDocumentRenderer();
|
|
10
|
+
const handleDocumentLoadSuccess = ({ numPages }) => {
|
|
11
|
+
handleLoadSuccess({ numPages });
|
|
12
|
+
onDocumentLoadSuccess === null || onDocumentLoadSuccess === void 0 ? void 0 : onDocumentLoadSuccess(numPages);
|
|
13
|
+
};
|
|
14
|
+
const handlePageDrop = (e, pageNumber) => {
|
|
15
|
+
e.preventDefault();
|
|
16
|
+
e.stopPropagation();
|
|
17
|
+
onDrop === null || onDrop === void 0 ? void 0 : onDrop(e, pageNumber);
|
|
18
|
+
};
|
|
19
|
+
const handlePageDragOver = (e) => {
|
|
20
|
+
e.preventDefault();
|
|
21
|
+
e.stopPropagation();
|
|
22
|
+
onDragOver === null || onDragOver === void 0 ? void 0 : onDragOver(e);
|
|
23
|
+
};
|
|
24
|
+
return (_jsx(Document, { file: pdfUrl, error: errorPlaceholder, loading: loadingPlaceholder, onLoadSuccess: handleDocumentLoadSuccess, noData: loading ? loadingPlaceholder : undefined, children: pages.map(pageNumber => {
|
|
25
|
+
return (_jsx("div", { "data-page-number": pageNumber, className: "dte-pdf-document-renderer-page", onDragOver: handlePageDragOver, onDrop: e => handlePageDrop(e, pageNumber), children: _jsx(Page, { pageNumber: pageNumber, width: pageWidth, renderTextLayer: false, renderAnnotationLayer: false }) }, `page_${pageNumber}`));
|
|
26
|
+
}) }));
|
|
27
|
+
};
|
|
28
|
+
//# sourceMappingURL=pdf-document-renderer.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"pdf-document-renderer.js","sourceRoot":"","sources":["../../src/components/pdf-document-renderer.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,QAAQ,EAAE,IAAI,EAAE,MAAM,WAAW,CAAC;AAC3C,OAAO,yCAAyC,CAAC;AACjD,OAAO,mCAAmC,CAAC;AAC3C,OAAO,EAAE,sBAAsB,EAAE,MAAM,UAAU,CAAC;AAClD,OAAO,EAAE,qBAAqB,EAAE,MAAM,UAAU,CAAC;AAEjD,qBAAqB,EAAE,CAAC;AAaxB,MAAM,CAAC,MAAM,mBAAmB,GAAiC,CAAC,EAC9D,gBAAgB,EAChB,OAAO,EACP,kBAAkB,EAClB,qBAAqB,EACrB,UAAU,EACV,MAAM,EACN,SAAS,EACT,MAAM,GACT,EAAE,EAAE;IACD,MAAM,EAAE,yBAAyB,EAAE,iBAAiB,EAAE,KAAK,EAAE,GAAG,sBAAsB,EAAE,CAAC;IAEzF,MAAM,yBAAyB,GAAG,CAAC,EAAE,QAAQ,EAAwB,EAAE,EAAE;QACrE,iBAAiB,CAAC,EAAE,QAAQ,EAAE,CAAC,CAAC;QAChC,qBAAqB,aAArB,qBAAqB,uBAArB,qBAAqB,CAAG,QAAQ,CAAC,CAAC;IACtC,CAAC,CAAC;IAEF,MAAM,cAAc,GAAG,CAAC,CAA4B,EAAE,UAAkB,EAAE,EAAE;QACxE,CAAC,CAAC,cAAc,EAAE,CAAC;QACnB,CAAC,CAAC,eAAe,EAAE,CAAC;QACpB,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAG,CAAC,EAAE,UAAU,CAAC,CAAC;IAC5B,CAAC,CAAC;IAEF,MAAM,kBAAkB,GAAG,CAAC,CAA4B,EAAE,EAAE;QACxD,CAAC,CAAC,cAAc,EAAE,CAAC;QACnB,CAAC,CAAC,eAAe,EAAE,CAAC;QACpB,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAG,CAAC,CAAC,CAAC;IACpB,CAAC,CAAC;IAEF,OAAO,CACH,KAAC,QAAQ,IACL,IAAI,EAAE,MAAM,EACZ,KAAK,EAAE,gBAAgB,EACvB,OAAO,EAAE,kBAAkB,EAC3B,aAAa,EAAE,yBAAyB,EACxC,MAAM,EAAE,OAAO,CAAC,CAAC,CAAC,kBAAkB,CAAC,CAAC,CAAC,SAAS,YAE/C,KAAK,CAAC,GAAG,CAAC,UAAU,CAAC,EAAE;YACpB,OAAO,CACH,kCAEsB,UAAU,EAC5B,SAAS,EAAC,gCAAgC,EAC1C,UAAU,EAAE,kBAAkB,EAC9B,MAAM,EAAE,CAAC,CAAC,EAAE,CAAC,cAAc,CAAC,CAAC,EAAE,UAAU,CAAC,YAE1C,KAAC,IAAI,IACD,UAAU,EAAE,UAAU,EACtB,KAAK,EAAE,SAAS,EAChB,eAAe,EAAE,KAAK,EACtB,qBAAqB,EAAE,KAAK,GAC9B,IAXG,QAAQ,UAAU,EAAE,CAYvB,CACT,CAAC;QACN,CAAC,CAAC,GACK,CACd,CAAC;AACN,CAAC,CAAC"}
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
import { FC, ReactNode } from 'react';
|
|
2
|
+
import { PdfField, SchemaObject } from '../interface/pdf-editor';
|
|
3
|
+
import '../styles/index.css';
|
|
4
|
+
export interface RecipientInfo {
|
|
5
|
+
id: number;
|
|
6
|
+
name: string;
|
|
7
|
+
displayName: string;
|
|
8
|
+
}
|
|
9
|
+
interface PdfEditorProps {
|
|
10
|
+
pdfUrl: string;
|
|
11
|
+
loading?: boolean;
|
|
12
|
+
loadingPlaceholder?: ReactNode;
|
|
13
|
+
errorPlaceholder?: ReactNode;
|
|
14
|
+
dataModel?: SchemaObject;
|
|
15
|
+
recipients?: RecipientInfo[];
|
|
16
|
+
fields?: PdfField[];
|
|
17
|
+
onFieldsChange(fields: PdfField[]): void;
|
|
18
|
+
}
|
|
19
|
+
export declare const PdfEditor: FC<PdfEditorProps>;
|
|
20
|
+
export {};
|
|
21
|
+
//# sourceMappingURL=pdf-editor.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"pdf-editor.d.ts","sourceRoot":"","sources":["../../src/components/pdf-editor.tsx"],"names":[],"mappings":"AACA,OAAO,EAAa,EAAE,EAAc,SAAS,EAA6B,MAAM,OAAO,CAAC;AAIxF,OAAO,EAIH,QAAQ,EACR,YAAY,EACf,MAAM,yBAAyB,CAAC;AACjC,OAAO,qBAAqB,CAAC;AAe7B,MAAM,WAAW,aAAa;IAC1B,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,WAAW,EAAE,MAAM,CAAC;CACvB;AAED,UAAU,cAAc;IACpB,MAAM,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,kBAAkB,CAAC,EAAE,SAAS,CAAC;IAC/B,gBAAgB,CAAC,EAAE,SAAS,CAAC;IAC7B,SAAS,CAAC,EAAE,YAAY,CAAC;IACzB,UAAU,CAAC,EAAE,aAAa,EAAE,CAAC;IAC7B,MAAM,CAAC,EAAE,QAAQ,EAAE,CAAC;IACpB,cAAc,CAAC,MAAM,EAAE,QAAQ,EAAE,GAAG,IAAI,CAAC;CAC5C;AAED,eAAO,MAAM,SAAS,EAAE,EAAE,CAAC,cAAc,CA2KxC,CAAC"}
|
|
@@ -0,0 +1,108 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { Flex } from '@servicetitan/anvil2';
|
|
3
|
+
import { useMemo, useRef, useState } from 'react';
|
|
4
|
+
import { v4 as uuidv4 } from 'uuid';
|
|
5
|
+
import { FIELD_CONSTANTS } from '../constants';
|
|
6
|
+
import { FieldTypeEnum, } from '../interface/pdf-editor';
|
|
7
|
+
import '../styles/index.css';
|
|
8
|
+
import { calculateDropCoordinates, extractGroupedFieldsFromDataModel, generateESignPath, initializePdfJsWorker, isDragOverCanvas, mapColorsToRecipients, } from '../utils';
|
|
9
|
+
import { FieldConfigPanelOverlay } from './field-config-panel-overlay';
|
|
10
|
+
import { FieldSidebar } from './field-sidebar';
|
|
11
|
+
import { PdfCanvas } from './pdf-canvas';
|
|
12
|
+
initializePdfJsWorker();
|
|
13
|
+
export const PdfEditor = ({ dataModel, errorPlaceholder, fields = [], loading = false, loadingPlaceholder, onFieldsChange, pdfUrl, recipients = [], }) => {
|
|
14
|
+
var _a;
|
|
15
|
+
const dataModelGroups = useMemo(() => {
|
|
16
|
+
return dataModel ? extractGroupedFieldsFromDataModel(dataModel) : [];
|
|
17
|
+
}, [dataModel]);
|
|
18
|
+
const [draggedFieldOption, setDraggedFieldOption] = useState(null);
|
|
19
|
+
const [selectedField, setSelectedField] = useState(null);
|
|
20
|
+
const pdfContainerRef = useRef(null);
|
|
21
|
+
const pdfWrapperRef = useRef(null);
|
|
22
|
+
const handleDragStart = (fieldOption) => {
|
|
23
|
+
setDraggedFieldOption(fieldOption);
|
|
24
|
+
};
|
|
25
|
+
const handleDragEnd = () => {
|
|
26
|
+
setDraggedFieldOption(null);
|
|
27
|
+
};
|
|
28
|
+
const handleDrop = (e, pageNumber) => {
|
|
29
|
+
var _a, _b, _c, _d;
|
|
30
|
+
e.preventDefault();
|
|
31
|
+
e.stopPropagation();
|
|
32
|
+
const isExistingField = e.dataTransfer.getData('text/plain') === 'existing-field';
|
|
33
|
+
if (isExistingField || !draggedFieldOption) {
|
|
34
|
+
return;
|
|
35
|
+
}
|
|
36
|
+
const coordinates = calculateDropCoordinates(e, pageNumber, pdfWrapperRef);
|
|
37
|
+
if (!coordinates) {
|
|
38
|
+
setDraggedFieldOption(null);
|
|
39
|
+
return;
|
|
40
|
+
}
|
|
41
|
+
const newField = {
|
|
42
|
+
id: uuidv4(),
|
|
43
|
+
type: draggedFieldOption.type,
|
|
44
|
+
subType: draggedFieldOption.subType,
|
|
45
|
+
x: coordinates.x,
|
|
46
|
+
y: coordinates.y,
|
|
47
|
+
page: pageNumber,
|
|
48
|
+
label: draggedFieldOption.label,
|
|
49
|
+
width: FIELD_CONSTANTS.defaultWidth,
|
|
50
|
+
height: FIELD_CONSTANTS.defaultHeight,
|
|
51
|
+
path: draggedFieldOption.path,
|
|
52
|
+
};
|
|
53
|
+
if (draggedFieldOption.type === FieldTypeEnum.eSign) {
|
|
54
|
+
newField.recipient = (_b = (_a = recipients[0]) === null || _a === void 0 ? void 0 : _a.name) !== null && _b !== void 0 ? _b : '';
|
|
55
|
+
newField.path = generateESignPath(recipients[0].name, draggedFieldOption.subType);
|
|
56
|
+
}
|
|
57
|
+
if (draggedFieldOption.type === FieldTypeEnum.fillable) {
|
|
58
|
+
newField.recipient = (_d = (_c = recipients[0]) === null || _c === void 0 ? void 0 : _c.name) !== null && _d !== void 0 ? _d : '';
|
|
59
|
+
newField.required = false;
|
|
60
|
+
}
|
|
61
|
+
onFieldsChange([...fields, newField]);
|
|
62
|
+
setSelectedField(newField.id);
|
|
63
|
+
setDraggedFieldOption(null);
|
|
64
|
+
};
|
|
65
|
+
const handleDragOver = (e) => {
|
|
66
|
+
if (!draggedFieldOption) {
|
|
67
|
+
e.dataTransfer.dropEffect = 'none';
|
|
68
|
+
return;
|
|
69
|
+
}
|
|
70
|
+
const isOverCanvas = isDragOverCanvas(e, pdfWrapperRef);
|
|
71
|
+
// Only allow a drop if we're over the actual PDF canvas
|
|
72
|
+
if (isOverCanvas) {
|
|
73
|
+
e.preventDefault();
|
|
74
|
+
e.stopPropagation();
|
|
75
|
+
e.dataTransfer.dropEffect = 'copy';
|
|
76
|
+
}
|
|
77
|
+
else {
|
|
78
|
+
e.dataTransfer.dropEffect = 'none';
|
|
79
|
+
}
|
|
80
|
+
};
|
|
81
|
+
const handleFieldClick = (fieldId, e) => {
|
|
82
|
+
e.stopPropagation();
|
|
83
|
+
setSelectedField(fieldId);
|
|
84
|
+
};
|
|
85
|
+
const handleFieldMove = (fieldId, newX, newY, pageNumber) => {
|
|
86
|
+
onFieldsChange(fields.map(f => (f.id === fieldId ? { ...f, x: newX, y: newY, page: pageNumber } : f)));
|
|
87
|
+
};
|
|
88
|
+
const handleFieldResize = (fieldId, newWidth, newHeight, pageNumber) => {
|
|
89
|
+
onFieldsChange(fields.map(f => f.id === fieldId
|
|
90
|
+
? { ...f, width: newWidth, height: newHeight, page: pageNumber }
|
|
91
|
+
: f));
|
|
92
|
+
};
|
|
93
|
+
const handleDeleteField = () => {
|
|
94
|
+
if (selectedField) {
|
|
95
|
+
onFieldsChange(fields.filter(f => f.id !== selectedField));
|
|
96
|
+
setSelectedField(null);
|
|
97
|
+
}
|
|
98
|
+
};
|
|
99
|
+
const handleFieldConfigChange = (updates) => {
|
|
100
|
+
if (selectedField) {
|
|
101
|
+
onFieldsChange(fields.map(f => (f.id === selectedField ? { ...f, ...updates } : f)));
|
|
102
|
+
}
|
|
103
|
+
};
|
|
104
|
+
const selectedFieldData = (_a = fields.find(f => f.id === selectedField)) !== null && _a !== void 0 ? _a : null;
|
|
105
|
+
const recipientsColors = mapColorsToRecipients(recipients);
|
|
106
|
+
return (_jsxs(Flex, { flex: 1, className: `dte-pdf-editor ${loading ? 'skeleton' : ''}`, children: [_jsxs(Flex, { className: "dte-pdf-editor-sidebar-container ", children: [_jsx(FieldSidebar, { dataModelGroups: dataModelGroups, onDragEnd: handleDragEnd, onDragStart: handleDragStart }), selectedFieldData && (_jsx(FieldConfigPanelOverlay, { selectedField: selectedFieldData, onFieldConfigChange: handleFieldConfigChange, onDeleteField: handleDeleteField, recipients: recipients, onDeselectField: () => setSelectedField(null) }))] }), _jsx(Flex, { gap: 12, flex: 1, className: "dte-pdf-editor-content-container skeleton-item", children: _jsx(PdfCanvas, { pdfUrl: pdfUrl, fields: fields, loading: loading, recipientsColors: recipientsColors, selectedField: selectedField, pdfContainerRef: pdfContainerRef, pdfWrapperRef: pdfWrapperRef, errorPlaceholder: errorPlaceholder, loadingPlaceholder: loadingPlaceholder, onDrop: handleDrop, onDragOver: handleDragOver, onFieldClick: handleFieldClick, onFieldMove: handleFieldMove, onFieldResize: handleFieldResize, onDeselectField: () => setSelectedField(null) }) })] }));
|
|
107
|
+
};
|
|
108
|
+
//# sourceMappingURL=pdf-editor.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"pdf-editor.js","sourceRoot":"","sources":["../../src/components/pdf-editor.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import { FC, MouseEvent, RefObject } from 'react';
|
|
2
|
+
import { PdfField } from '../interface/pdf-editor';
|
|
3
|
+
interface PdfFieldOverlayProps {
|
|
4
|
+
fields: PdfField[];
|
|
5
|
+
selectedField: string | null;
|
|
6
|
+
pdfWrapperRef: RefObject<HTMLDivElement>;
|
|
7
|
+
recipientsColors: Record<string, string>;
|
|
8
|
+
onFieldClick(fieldId: string, e: MouseEvent): void;
|
|
9
|
+
onFieldMove(fieldId: string, newX: number, newY: number, pageNumber: number): void;
|
|
10
|
+
onFieldResize(fieldId: string, newWidth: number, newHeight: number, pageNumber: number): void;
|
|
11
|
+
}
|
|
12
|
+
export declare const PdfFieldOverlay: FC<PdfFieldOverlayProps>;
|
|
13
|
+
export {};
|
|
14
|
+
//# sourceMappingURL=pdf-field-overlay.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"pdf-field-overlay.d.ts","sourceRoot":"","sources":["../../src/components/pdf-field-overlay.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAElD,OAAO,EAAiB,QAAQ,EAAE,MAAM,yBAAyB,CAAC;AAGlE,UAAU,oBAAoB;IAC1B,MAAM,EAAE,QAAQ,EAAE,CAAC;IACnB,aAAa,EAAE,MAAM,GAAG,IAAI,CAAC;IAC7B,aAAa,EAAE,SAAS,CAAC,cAAc,CAAC,CAAC;IACzC,gBAAgB,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IACzC,YAAY,CAAC,OAAO,EAAE,MAAM,EAAE,CAAC,EAAE,UAAU,GAAG,IAAI,CAAC;IACnD,WAAW,CAAC,OAAO,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,GAAG,IAAI,CAAC;IACnF,aAAa,CAAC,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,GAAG,IAAI,CAAC;CACjG;AAED,eAAO,MAAM,eAAe,EAAE,EAAE,CAAC,oBAAoB,CAmEpD,CAAC"}
|
|
@@ -0,0 +1,32 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { useFieldDrag, useFieldResize } from '../hooks';
|
|
3
|
+
import { FieldTypeEnum } from '../interface/pdf-editor';
|
|
4
|
+
import { getPagePosition } from '../utils';
|
|
5
|
+
export const PdfFieldOverlay = ({ fields, onFieldClick, onFieldMove, onFieldResize, pdfWrapperRef, recipientsColors, selectedField, }) => {
|
|
6
|
+
const { draggingFieldIdRef, handleDrag, handleDragEnd, handleDragStart } = useFieldDrag({
|
|
7
|
+
pdfWrapperRef,
|
|
8
|
+
onFieldMove,
|
|
9
|
+
});
|
|
10
|
+
const { handleResizeStart } = useFieldResize({
|
|
11
|
+
pdfWrapperRef,
|
|
12
|
+
onFieldResize,
|
|
13
|
+
});
|
|
14
|
+
return (_jsx("div", { className: "dte-pdf-field-overlay skeleton-item", children: fields.map(field => {
|
|
15
|
+
const isSelected = selectedField === field.id;
|
|
16
|
+
const isDragging = draggingFieldIdRef.current === field.id;
|
|
17
|
+
const pagePos = getPagePosition(field.page, pdfWrapperRef);
|
|
18
|
+
const bgColor = field.recipient && recipientsColors[field.recipient]
|
|
19
|
+
? recipientsColors[field.recipient]
|
|
20
|
+
: 'rgba(255, 255, 255, 0.8)';
|
|
21
|
+
return (_jsxs("div", { onClick: e => onFieldClick(field.id, e), draggable: true, onDragStart: e => handleDragStart(e, field), onDrag: e => handleDrag(e, field), onDragEnd: handleDragEnd, className: `dte-pdf-field ${isSelected ? 'dte-pdf-field-selected' : 'dte-pdf-field-unselected'} ${isDragging ? 'dte-pdf-field-dragging' : ''}`, style: {
|
|
22
|
+
left: `${pagePos.left + field.x}px`,
|
|
23
|
+
top: `${pagePos.top + field.y}px`,
|
|
24
|
+
width: `${field.width}px`,
|
|
25
|
+
height: `${field.height}px`,
|
|
26
|
+
backgroundColor: bgColor,
|
|
27
|
+
}, children: [_jsxs("span", { children: [(field.type === FieldTypeEnum.eSign ||
|
|
28
|
+
field.type === FieldTypeEnum.fillable) &&
|
|
29
|
+
`${field.label} ${field.required ? '*' : ''}`, field.path && (_jsx("div", { className: "dte-pdf-field-path", children: `{{${field.path}}}` }))] }), isSelected && (_jsx("div", { className: "dte-pdf-field-resize-handle", onMouseDown: e => handleResizeStart(e, field) }))] }, field.id));
|
|
30
|
+
}) }));
|
|
31
|
+
};
|
|
32
|
+
//# sourceMappingURL=pdf-field-overlay.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"pdf-field-overlay.js","sourceRoot":"","sources":["../../src/components/pdf-field-overlay.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,YAAY,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC;AACxD,OAAO,EAAE,aAAa,EAAY,MAAM,yBAAyB,CAAC;AAClE,OAAO,EAAE,eAAe,EAAE,MAAM,UAAU,CAAC;AAY3C,MAAM,CAAC,MAAM,eAAe,GAA6B,CAAC,EACtD,MAAM,EACN,YAAY,EACZ,WAAW,EACX,aAAa,EACb,aAAa,EACb,gBAAgB,EAChB,aAAa,GAChB,EAAE,EAAE;IACD,MAAM,EAAE,kBAAkB,EAAE,UAAU,EAAE,aAAa,EAAE,eAAe,EAAE,GAAG,YAAY,CAAC;QACpF,aAAa;QACb,WAAW;KACd,CAAC,CAAC;IAEH,MAAM,EAAE,iBAAiB,EAAE,GAAG,cAAc,CAAC;QACzC,aAAa;QACb,aAAa;KAChB,CAAC,CAAC;IAEH,OAAO,CACH,cAAK,SAAS,EAAC,qCAAqC,YAC/C,MAAM,CAAC,GAAG,CAAC,KAAK,CAAC,EAAE;YAChB,MAAM,UAAU,GAAG,aAAa,KAAK,KAAK,CAAC,EAAE,CAAC;YAC9C,MAAM,UAAU,GAAG,kBAAkB,CAAC,OAAO,KAAK,KAAK,CAAC,EAAE,CAAC;YAC3D,MAAM,OAAO,GAAG,eAAe,CAAC,KAAK,CAAC,IAAI,EAAE,aAAa,CAAC,CAAC;YAC3D,MAAM,OAAO,GACT,KAAK,CAAC,SAAS,IAAI,gBAAgB,CAAC,KAAK,CAAC,SAAS,CAAC;gBAChD,CAAC,CAAC,gBAAgB,CAAC,KAAK,CAAC,SAAS,CAAC;gBACnC,CAAC,CAAC,0BAA0B,CAAC;YAErC,OAAO,CACH,eAEI,OAAO,EAAE,CAAC,CAAC,EAAE,CAAC,YAAY,CAAC,KAAK,CAAC,EAAE,EAAE,CAAC,CAAC,EACvC,SAAS,QACT,WAAW,EAAE,CAAC,CAAC,EAAE,CAAC,eAAe,CAAC,CAAC,EAAE,KAAK,CAAC,EAC3C,MAAM,EAAE,CAAC,CAAC,EAAE,CAAC,UAAU,CAAC,CAAC,EAAE,KAAK,CAAC,EACjC,SAAS,EAAE,aAAa,EACxB,SAAS,EAAE,iBAAiB,UAAU,CAAC,CAAC,CAAC,wBAAwB,CAAC,CAAC,CAAC,0BAA0B,IAAI,UAAU,CAAC,CAAC,CAAC,wBAAwB,CAAC,CAAC,CAAC,EAAE,EAAE,EAC9I,KAAK,EAAE;oBACH,IAAI,EAAE,GAAG,OAAO,CAAC,IAAI,GAAG,KAAK,CAAC,CAAC,IAAI;oBACnC,GAAG,EAAE,GAAG,OAAO,CAAC,GAAG,GAAG,KAAK,CAAC,CAAC,IAAI;oBACjC,KAAK,EAAE,GAAG,KAAK,CAAC,KAAK,IAAI;oBACzB,MAAM,EAAE,GAAG,KAAK,CAAC,MAAM,IAAI;oBAC3B,eAAe,EAAE,OAAO;iBAC3B,aAED,2BACK,CAAC,KAAK,CAAC,IAAI,KAAK,aAAa,CAAC,KAAK;gCAChC,KAAK,CAAC,IAAI,KAAK,aAAa,CAAC,QAAQ,CAAC;gCACtC,GAAG,KAAK,CAAC,KAAK,IAAI,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,EAEhD,KAAK,CAAC,IAAI,IAAI,CACX,cAAK,SAAS,EAAC,oBAAoB,YAAE,KAAK,KAAK,CAAC,IAAI,IAAI,GAAO,CAClE,IACE,EACN,UAAU,IAAI,CACX,cACI,SAAS,EAAC,6BAA6B,EACvC,WAAW,EAAE,CAAC,CAAC,EAAE,CAAC,iBAAiB,CAAC,CAAC,EAAE,KAAK,CAAC,GAC/C,CACL,KA7BI,KAAK,CAAC,EAAE,CA8BX,CACT,CAAC;QACN,CAAC,CAAC,GACA,CACT,CAAC;AACN,CAAC,CAAC"}
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import { ESignFieldType, FieldTypeOption } from '../interface/pdf-editor';
|
|
2
|
+
export declare const FIELD_CONSTANTS: {
|
|
3
|
+
readonly defaultWidth: 200;
|
|
4
|
+
readonly defaultHeight: 30;
|
|
5
|
+
readonly minWidth: 50;
|
|
6
|
+
readonly minHeight: 20;
|
|
7
|
+
readonly dropOffsetX: 75;
|
|
8
|
+
readonly dropOffsetY: 15;
|
|
9
|
+
};
|
|
10
|
+
export declare const E_SIGN_FIELD_TYPE_OPTIONS: {
|
|
11
|
+
name: string;
|
|
12
|
+
id: ESignFieldType;
|
|
13
|
+
}[];
|
|
14
|
+
export declare const FILLABLE_FIELD_TYPES: FieldTypeOption[];
|
|
15
|
+
export declare const E_SIGN_FIELD_TYPES: FieldTypeOption[];
|
|
16
|
+
//# sourceMappingURL=field.constants.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"field.constants.d.ts","sourceRoot":"","sources":["../../src/constants/field.constants.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAiB,eAAe,EAAE,MAAM,yBAAyB,CAAC;AAEzF,eAAO,MAAM,eAAe;;;;;;;CAOlB,CAAC;AAEX,eAAO,MAAM,yBAAyB,EAAE;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,EAAE,EAAE,cAAc,CAAA;CAAE,EAK3E,CAAC;AAEF,eAAO,MAAM,oBAAoB,EAAE,eAAe,EAIjD,CAAC;AAEF,eAAO,MAAM,kBAAkB,EAAE,eAAe,EAM/C,CAAC"}
|
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
import { ESignFieldType, FieldTypeEnum } from '../interface/pdf-editor';
|
|
2
|
+
export const FIELD_CONSTANTS = {
|
|
3
|
+
defaultWidth: 200,
|
|
4
|
+
defaultHeight: 30,
|
|
5
|
+
minWidth: 50,
|
|
6
|
+
minHeight: 20,
|
|
7
|
+
dropOffsetX: 75,
|
|
8
|
+
dropOffsetY: 15,
|
|
9
|
+
};
|
|
10
|
+
export const E_SIGN_FIELD_TYPE_OPTIONS = [
|
|
11
|
+
{ name: 'Signature', id: ESignFieldType.signature },
|
|
12
|
+
{ name: 'Initials', id: ESignFieldType.initials },
|
|
13
|
+
{ name: 'Date Signed', id: ESignFieldType.dateSigned },
|
|
14
|
+
{ name: 'Full Name', id: ESignFieldType.fullName },
|
|
15
|
+
];
|
|
16
|
+
export const FILLABLE_FIELD_TYPES = [
|
|
17
|
+
{ label: 'Text Field', type: FieldTypeEnum.fillable, subType: 'text' },
|
|
18
|
+
{ label: 'Date Field', type: FieldTypeEnum.fillable, subType: 'date' },
|
|
19
|
+
{ label: 'Checkbox', type: FieldTypeEnum.fillable, subType: 'checkbox' },
|
|
20
|
+
];
|
|
21
|
+
export const E_SIGN_FIELD_TYPES = [
|
|
22
|
+
{
|
|
23
|
+
label: 'E-Sign',
|
|
24
|
+
type: FieldTypeEnum.eSign,
|
|
25
|
+
subType: ESignFieldType.signature,
|
|
26
|
+
},
|
|
27
|
+
];
|
|
28
|
+
//# sourceMappingURL=field.constants.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"field.constants.js","sourceRoot":"","sources":["../../src/constants/field.constants.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,aAAa,EAAmB,MAAM,yBAAyB,CAAC;AAEzF,MAAM,CAAC,MAAM,eAAe,GAAG;IAC3B,YAAY,EAAE,GAAG;IACjB,aAAa,EAAE,EAAE;IACjB,QAAQ,EAAE,EAAE;IACZ,SAAS,EAAE,EAAE;IACb,WAAW,EAAE,EAAE;IACf,WAAW,EAAE,EAAE;CACT,CAAC;AAEX,MAAM,CAAC,MAAM,yBAAyB,GAA2C;IAC7E,EAAE,IAAI,EAAE,WAAW,EAAE,EAAE,EAAE,cAAc,CAAC,SAAS,EAAE;IACnD,EAAE,IAAI,EAAE,UAAU,EAAE,EAAE,EAAE,cAAc,CAAC,QAAQ,EAAE;IACjD,EAAE,IAAI,EAAE,aAAa,EAAE,EAAE,EAAE,cAAc,CAAC,UAAU,EAAE;IACtD,EAAE,IAAI,EAAE,WAAW,EAAE,EAAE,EAAE,cAAc,CAAC,QAAQ,EAAE;CACrD,CAAC;AAEF,MAAM,CAAC,MAAM,oBAAoB,GAAsB;IACnD,EAAE,KAAK,EAAE,YAAY,EAAE,IAAI,EAAE,aAAa,CAAC,QAAQ,EAAE,OAAO,EAAE,MAAM,EAAE;IACtE,EAAE,KAAK,EAAE,YAAY,EAAE,IAAI,EAAE,aAAa,CAAC,QAAQ,EAAE,OAAO,EAAE,MAAM,EAAE;IACtE,EAAE,KAAK,EAAE,UAAU,EAAE,IAAI,EAAE,aAAa,CAAC,QAAQ,EAAE,OAAO,EAAE,UAAU,EAAE;CAC3E,CAAC;AAEF,MAAM,CAAC,MAAM,kBAAkB,GAAsB;IACjD;QACI,KAAK,EAAE,QAAQ;QACf,IAAI,EAAE,aAAa,CAAC,KAAK;QACzB,OAAO,EAAE,cAAc,CAAC,SAAS;KACpC;CACJ,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/constants/index.ts"],"names":[],"mappings":"AAAA,cAAc,mBAAmB,CAAC;AAClC,cAAc,wBAAwB,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/constants/index.ts"],"names":[],"mappings":"AAAA,cAAc,mBAAmB,CAAC;AAClC,cAAc,wBAAwB,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"pdf-editor.constants.d.ts","sourceRoot":"","sources":["../../src/constants/pdf-editor.constants.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,eAAe,MAAM,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"pdf-editor.constants.js","sourceRoot":"","sources":["../../src/constants/pdf-editor.constants.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,eAAe,GAAG,GAAG,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/hooks/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAC;AAC/B,cAAc,kBAAkB,CAAC;AACjC,cAAc,0BAA0B,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/hooks/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAC;AAC/B,cAAc,kBAAkB,CAAC;AACjC,cAAc,0BAA0B,CAAC"}
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
import { DragEvent, MutableRefObject, RefObject } from 'react';
|
|
2
|
+
import { PdfField } from '../interface/pdf-editor';
|
|
3
|
+
interface UseFieldDragOptions {
|
|
4
|
+
pdfWrapperRef: RefObject<HTMLDivElement>;
|
|
5
|
+
onFieldMove: (fieldId: string, newX: number, newY: number, pageNumber: number) => void;
|
|
6
|
+
}
|
|
7
|
+
interface UseFieldDragReturn {
|
|
8
|
+
dragOffsetRef: MutableRefObject<{
|
|
9
|
+
x: number;
|
|
10
|
+
y: number;
|
|
11
|
+
page: number;
|
|
12
|
+
} | null>;
|
|
13
|
+
draggingFieldIdRef: MutableRefObject<string | null>;
|
|
14
|
+
handleDragStart: (e: DragEvent<HTMLDivElement>, field: PdfField) => void;
|
|
15
|
+
handleDrag: (e: DragEvent<HTMLDivElement>, field: PdfField) => void;
|
|
16
|
+
handleDragEnd: () => void;
|
|
17
|
+
}
|
|
18
|
+
/**
|
|
19
|
+
* Custom hook for handling field drag operations
|
|
20
|
+
* Manages drag state and coordinates field movement
|
|
21
|
+
*/
|
|
22
|
+
export declare const useFieldDrag: ({ onFieldMove, pdfWrapperRef, }: UseFieldDragOptions) => UseFieldDragReturn;
|
|
23
|
+
export {};
|
|
24
|
+
//# sourceMappingURL=useFieldDrag.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"useFieldDrag.d.ts","sourceRoot":"","sources":["../../src/hooks/useFieldDrag.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,gBAAgB,EAAE,SAAS,EAAU,MAAM,OAAO,CAAC;AACvE,OAAO,EAAE,QAAQ,EAAE,MAAM,yBAAyB,CAAC;AAGnD,UAAU,mBAAmB;IACzB,aAAa,EAAE,SAAS,CAAC,cAAc,CAAC,CAAC;IACzC,WAAW,EAAE,CAAC,OAAO,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,KAAK,IAAI,CAAC;CAC1F;AAED,UAAU,kBAAkB;IACxB,aAAa,EAAE,gBAAgB,CAAC;QAAE,CAAC,EAAE,MAAM,CAAC;QAAC,CAAC,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAA;KAAE,GAAG,IAAI,CAAC,CAAC;IAC/E,kBAAkB,EAAE,gBAAgB,CAAC,MAAM,GAAG,IAAI,CAAC,CAAC;IACpD,eAAe,EAAE,CAAC,CAAC,EAAE,SAAS,CAAC,cAAc,CAAC,EAAE,KAAK,EAAE,QAAQ,KAAK,IAAI,CAAC;IACzE,UAAU,EAAE,CAAC,CAAC,EAAE,SAAS,CAAC,cAAc,CAAC,EAAE,KAAK,EAAE,QAAQ,KAAK,IAAI,CAAC;IACpE,aAAa,EAAE,MAAM,IAAI,CAAC;CAC7B;AAED;;;GAGG;AACH,eAAO,MAAM,YAAY,GAAI,iCAG1B,mBAAmB,KAAG,kBA+BxB,CAAC"}
|
|
@@ -0,0 +1,34 @@
|
|
|
1
|
+
import { useRef } from 'react';
|
|
2
|
+
import { handleFieldDrag, handleFieldDragStart } from '../utils';
|
|
3
|
+
/**
|
|
4
|
+
* Custom hook for handling field drag operations
|
|
5
|
+
* Manages drag state and coordinates field movement
|
|
6
|
+
*/
|
|
7
|
+
export const useFieldDrag = ({ onFieldMove, pdfWrapperRef, }) => {
|
|
8
|
+
const dragOffsetRef = useRef(null);
|
|
9
|
+
const draggingFieldIdRef = useRef(null);
|
|
10
|
+
const handleDragStart = (e, field) => {
|
|
11
|
+
draggingFieldIdRef.current = field.id;
|
|
12
|
+
const dragOffset = handleFieldDragStart(e, field, pdfWrapperRef);
|
|
13
|
+
if (dragOffset) {
|
|
14
|
+
dragOffsetRef.current = dragOffset;
|
|
15
|
+
}
|
|
16
|
+
};
|
|
17
|
+
const handleDrag = (e, field) => {
|
|
18
|
+
if (dragOffsetRef.current) {
|
|
19
|
+
handleFieldDrag(e, field, dragOffsetRef.current, pdfWrapperRef, onFieldMove);
|
|
20
|
+
}
|
|
21
|
+
};
|
|
22
|
+
const handleDragEnd = () => {
|
|
23
|
+
dragOffsetRef.current = null;
|
|
24
|
+
draggingFieldIdRef.current = null;
|
|
25
|
+
};
|
|
26
|
+
return {
|
|
27
|
+
dragOffsetRef,
|
|
28
|
+
draggingFieldIdRef,
|
|
29
|
+
handleDragStart,
|
|
30
|
+
handleDrag,
|
|
31
|
+
handleDragEnd,
|
|
32
|
+
};
|
|
33
|
+
};
|
|
34
|
+
//# sourceMappingURL=useFieldDrag.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"useFieldDrag.js","sourceRoot":"","sources":["../../src/hooks/useFieldDrag.ts"],"names":[],"mappings":"AAAA,OAAO,EAA0C,MAAM,EAAE,MAAM,OAAO,CAAC;AAEvE,OAAO,EAAE,eAAe,EAAE,oBAAoB,EAAE,MAAM,UAAU,CAAC;AAejE;;;GAGG;AACH,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,EACzB,WAAW,EACX,aAAa,GACK,EAAsB,EAAE;IAC1C,MAAM,aAAa,GAAG,MAAM,CAAgD,IAAI,CAAC,CAAC;IAClF,MAAM,kBAAkB,GAAG,MAAM,CAAgB,IAAI,CAAC,CAAC;IAEvD,MAAM,eAAe,GAAG,CAAC,CAA4B,EAAE,KAAe,EAAE,EAAE;QACtE,kBAAkB,CAAC,OAAO,GAAG,KAAK,CAAC,EAAE,CAAC;QAEtC,MAAM,UAAU,GAAG,oBAAoB,CAAC,CAAC,EAAE,KAAK,EAAE,aAAa,CAAC,CAAC;QACjE,IAAI,UAAU,EAAE,CAAC;YACb,aAAa,CAAC,OAAO,GAAG,UAAU,CAAC;QACvC,CAAC;IACL,CAAC,CAAC;IAEF,MAAM,UAAU,GAAG,CAAC,CAA4B,EAAE,KAAe,EAAE,EAAE;QACjE,IAAI,aAAa,CAAC,OAAO,EAAE,CAAC;YACxB,eAAe,CAAC,CAAC,EAAE,KAAK,EAAE,aAAa,CAAC,OAAO,EAAE,aAAa,EAAE,WAAW,CAAC,CAAC;QACjF,CAAC;IACL,CAAC,CAAC;IAEF,MAAM,aAAa,GAAG,GAAG,EAAE;QACvB,aAAa,CAAC,OAAO,GAAG,IAAI,CAAC;QAC7B,kBAAkB,CAAC,OAAO,GAAG,IAAI,CAAC;IACtC,CAAC,CAAC;IAEF,OAAO;QACH,aAAa;QACb,kBAAkB;QAClB,eAAe;QACf,UAAU;QACV,aAAa;KAChB,CAAC;AACN,CAAC,CAAC"}
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import { MouseEvent, RefObject } from 'react';
|
|
2
|
+
import { PdfField } from '../interface/pdf-editor';
|
|
3
|
+
interface UseFieldResizeOptions {
|
|
4
|
+
pdfWrapperRef: RefObject<HTMLDivElement>;
|
|
5
|
+
onFieldResize: (fieldId: string, newWidth: number, newHeight: number, pageNumber: number) => void;
|
|
6
|
+
}
|
|
7
|
+
interface UseFieldResizeReturn {
|
|
8
|
+
isResizing: boolean;
|
|
9
|
+
handleResizeStart: (e: MouseEvent<HTMLDivElement>, field: PdfField) => void;
|
|
10
|
+
}
|
|
11
|
+
/**
|
|
12
|
+
* Custom hook for handling field resize operations
|
|
13
|
+
* Manages resize state and coordinates field resizing with proper cleanup
|
|
14
|
+
*/
|
|
15
|
+
export declare const useFieldResize: ({ onFieldResize, pdfWrapperRef, }: UseFieldResizeOptions) => UseFieldResizeReturn;
|
|
16
|
+
export {};
|
|
17
|
+
//# sourceMappingURL=useFieldResize.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"useFieldResize.d.ts","sourceRoot":"","sources":["../../src/hooks/useFieldResize.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,SAAS,EAA+B,MAAM,OAAO,CAAC;AAC3E,OAAO,EAAE,QAAQ,EAAE,MAAM,yBAAyB,CAAC;AAGnD,UAAU,qBAAqB;IAC3B,aAAa,EAAE,SAAS,CAAC,cAAc,CAAC,CAAC;IACzC,aAAa,EAAE,CACX,OAAO,EAAE,MAAM,EACf,QAAQ,EAAE,MAAM,EAChB,SAAS,EAAE,MAAM,EACjB,UAAU,EAAE,MAAM,KACjB,IAAI,CAAC;CACb;AAED,UAAU,oBAAoB;IAC1B,UAAU,EAAE,OAAO,CAAC;IACpB,iBAAiB,EAAE,CAAC,CAAC,EAAE,UAAU,CAAC,cAAc,CAAC,EAAE,KAAK,EAAE,QAAQ,KAAK,IAAI,CAAC;CAC/E;AAED;;;GAGG;AACH,eAAO,MAAM,cAAc,GAAI,mCAG5B,qBAAqB,KAAG,oBAoE1B,CAAC"}
|
|
@@ -0,0 +1,58 @@
|
|
|
1
|
+
import { useEffect, useRef, useState } from 'react';
|
|
2
|
+
import { handleFieldResize, handleFieldResizeStart } from '../utils';
|
|
3
|
+
/**
|
|
4
|
+
* Custom hook for handling field resize operations
|
|
5
|
+
* Manages resize state and coordinates field resizing with proper cleanup
|
|
6
|
+
*/
|
|
7
|
+
export const useFieldResize = ({ onFieldResize, pdfWrapperRef, }) => {
|
|
8
|
+
const resizeStartDataRef = useRef(null);
|
|
9
|
+
const onFieldResizeRef = useRef(onFieldResize);
|
|
10
|
+
const [isResizing, setIsResizing] = useState(false);
|
|
11
|
+
useEffect(() => {
|
|
12
|
+
onFieldResizeRef.current = onFieldResize;
|
|
13
|
+
}, [onFieldResize]);
|
|
14
|
+
useEffect(() => {
|
|
15
|
+
if (!isResizing) {
|
|
16
|
+
return;
|
|
17
|
+
}
|
|
18
|
+
const abortController = new AbortController();
|
|
19
|
+
const { signal } = abortController;
|
|
20
|
+
const handleMouseMove = (e) => {
|
|
21
|
+
if (!resizeStartDataRef.current || signal.aborted) {
|
|
22
|
+
return;
|
|
23
|
+
}
|
|
24
|
+
const { field, ...resizeStartData } = resizeStartDataRef.current;
|
|
25
|
+
handleFieldResize(e, field, resizeStartData, pdfWrapperRef, onFieldResizeRef.current);
|
|
26
|
+
};
|
|
27
|
+
const handleMouseUp = () => {
|
|
28
|
+
if (signal.aborted) {
|
|
29
|
+
return;
|
|
30
|
+
}
|
|
31
|
+
resizeStartDataRef.current = null;
|
|
32
|
+
setIsResizing(false);
|
|
33
|
+
abortController.abort();
|
|
34
|
+
};
|
|
35
|
+
document.addEventListener('mousemove', handleMouseMove, { signal });
|
|
36
|
+
document.addEventListener('mouseup', handleMouseUp, { signal });
|
|
37
|
+
return () => {
|
|
38
|
+
abortController.abort();
|
|
39
|
+
};
|
|
40
|
+
}, [isResizing, pdfWrapperRef]);
|
|
41
|
+
const handleResizeStart = (e, field) => {
|
|
42
|
+
e.stopPropagation();
|
|
43
|
+
e.preventDefault();
|
|
44
|
+
const resizeStartData = handleFieldResizeStart(e, field, pdfWrapperRef);
|
|
45
|
+
if (resizeStartData) {
|
|
46
|
+
resizeStartDataRef.current = {
|
|
47
|
+
field,
|
|
48
|
+
...resizeStartData,
|
|
49
|
+
};
|
|
50
|
+
setIsResizing(true);
|
|
51
|
+
}
|
|
52
|
+
};
|
|
53
|
+
return {
|
|
54
|
+
isResizing,
|
|
55
|
+
handleResizeStart,
|
|
56
|
+
};
|
|
57
|
+
};
|
|
58
|
+
//# sourceMappingURL=useFieldResize.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"useFieldResize.js","sourceRoot":"","sources":["../../src/hooks/useFieldResize.ts"],"names":[],"mappings":"AAAA,OAAO,EAAyB,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAE3E,OAAO,EAAE,iBAAiB,EAAE,sBAAsB,EAAE,MAAM,UAAU,CAAC;AAiBrE;;;GAGG;AACH,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,EAC3B,aAAa,EACb,aAAa,GACO,EAAwB,EAAE;IAC9C,MAAM,kBAAkB,GAAG,MAAM,CAOvB,IAAI,CAAC,CAAC;IAChB,MAAM,gBAAgB,GAAG,MAAM,CAAC,aAAa,CAAC,CAAC;IAC/C,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAEpD,SAAS,CAAC,GAAG,EAAE;QACX,gBAAgB,CAAC,OAAO,GAAG,aAAa,CAAC;IAC7C,CAAC,EAAE,CAAC,aAAa,CAAC,CAAC,CAAC;IAEpB,SAAS,CAAC,GAAG,EAAE;QACX,IAAI,CAAC,UAAU,EAAE,CAAC;YACd,OAAO;QACX,CAAC;QAED,MAAM,eAAe,GAAG,IAAI,eAAe,EAAE,CAAC;QAC9C,MAAM,EAAE,MAAM,EAAE,GAAG,eAAe,CAAC;QAEnC,MAAM,eAAe,GAAG,CAAC,CAAwB,EAAE,EAAE;YACjD,IAAI,CAAC,kBAAkB,CAAC,OAAO,IAAI,MAAM,CAAC,OAAO,EAAE,CAAC;gBAChD,OAAO;YACX,CAAC;YAED,MAAM,EAAE,KAAK,EAAE,GAAG,eAAe,EAAE,GAAG,kBAAkB,CAAC,OAAO,CAAC;YACjE,iBAAiB,CAAC,CAAC,EAAE,KAAK,EAAE,eAAe,EAAE,aAAa,EAAE,gBAAgB,CAAC,OAAO,CAAC,CAAC;QAC1F,CAAC,CAAC;QAEF,MAAM,aAAa,GAAG,GAAG,EAAE;YACvB,IAAI,MAAM,CAAC,OAAO,EAAE,CAAC;gBACjB,OAAO;YACX,CAAC;YACD,kBAAkB,CAAC,OAAO,GAAG,IAAI,CAAC;YAClC,aAAa,CAAC,KAAK,CAAC,CAAC;YACrB,eAAe,CAAC,KAAK,EAAE,CAAC;QAC5B,CAAC,CAAC;QAEF,QAAQ,CAAC,gBAAgB,CAAC,WAAW,EAAE,eAAe,EAAE,EAAE,MAAM,EAAE,CAAC,CAAC;QACpE,QAAQ,CAAC,gBAAgB,CAAC,SAAS,EAAE,aAAa,EAAE,EAAE,MAAM,EAAE,CAAC,CAAC;QAEhE,OAAO,GAAG,EAAE;YACR,eAAe,CAAC,KAAK,EAAE,CAAC;QAC5B,CAAC,CAAC;IACN,CAAC,EAAE,CAAC,UAAU,EAAE,aAAa,CAAC,CAAC,CAAC;IAEhC,MAAM,iBAAiB,GAAG,CAAC,CAA6B,EAAE,KAAe,EAAE,EAAE;QACzE,CAAC,CAAC,eAAe,EAAE,CAAC;QACpB,CAAC,CAAC,cAAc,EAAE,CAAC;QAEnB,MAAM,eAAe,GAAG,sBAAsB,CAAC,CAAC,EAAE,KAAK,EAAE,aAAa,CAAC,CAAC;QACxE,IAAI,eAAe,EAAE,CAAC;YAClB,kBAAkB,CAAC,OAAO,GAAG;gBACzB,KAAK;gBACL,GAAG,eAAe;aACrB,CAAC;YACF,aAAa,CAAC,IAAI,CAAC,CAAC;QACxB,CAAC;IACL,CAAC,CAAC;IAEF,OAAO;QACH,UAAU;QACV,iBAAiB;KACpB,CAAC;AACN,CAAC,CAAC"}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
interface UsePdfDocumentRendererReturn {
|
|
2
|
+
pages: number[];
|
|
3
|
+
handleDocumentLoadSuccess: (data: {
|
|
4
|
+
numPages: number;
|
|
5
|
+
}) => void;
|
|
6
|
+
}
|
|
7
|
+
export declare const usePdfDocumentRenderer: () => UsePdfDocumentRendererReturn;
|
|
8
|
+
export {};
|
|
9
|
+
//# sourceMappingURL=usePdfDocumentRenderer.d.ts.map
|