@servicetitan/dte-pdf-editor 1.8.0 → 1.10.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/dist/components/pdf-canvas/pdf-canvas.js +1 -1
- package/dist/components/pdf-canvas/pdf-canvas.js.map +1 -1
- package/dist/components/pdf-canvas/pdf-document-renderer.d.ts.map +1 -1
- package/dist/components/pdf-canvas/pdf-document-renderer.js +6 -3
- package/dist/components/pdf-canvas/pdf-document-renderer.js.map +1 -1
- package/dist/components/pdf-fields-overlay/pdf-overlay-field.d.ts.map +1 -1
- package/dist/components/pdf-fields-overlay/pdf-overlay-field.js +8 -23
- package/dist/components/pdf-fields-overlay/pdf-overlay-field.js.map +1 -1
- package/dist/components/pdf-view/pdf-view.js +1 -1
- package/dist/components/pdf-view/pdf-view.js.map +1 -1
- package/dist/hooks/usePdfDocumentRenderer.d.ts +1 -0
- package/dist/hooks/usePdfDocumentRenderer.d.ts.map +1 -1
- package/dist/hooks/usePdfDocumentRenderer.js +1 -0
- package/dist/hooks/usePdfDocumentRenderer.js.map +1 -1
- package/package.json +1 -15
- package/src/components/pdf-canvas/pdf-canvas.tsx +1 -1
- package/src/components/pdf-canvas/pdf-document-renderer.tsx +11 -2
- package/src/components/pdf-fields-overlay/pdf-overlay-field.tsx +9 -23
- package/src/components/pdf-view/pdf-view.tsx +1 -1
- package/src/hooks/usePdfDocumentRenderer.ts +2 -0
|
@@ -9,6 +9,6 @@ export const PdfCanvas = ({ errorPlaceholder, fields, handleAddNewField, loading
|
|
|
9
9
|
const onDocumentLoadSuccess = (_) => {
|
|
10
10
|
setIsPdfLoaded(true);
|
|
11
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", style: { width: BASE_PAGE_WIDTH }, children: [_jsx(PdfDocumentRenderer, { pdfUrl: pdfUrl, onDrop: onDrop, loading: loading, onDragOver: onDragOver, pageWidth: BASE_PAGE_WIDTH, errorPlaceholder: errorPlaceholder, loadingPlaceholder: loadingPlaceholder, onDocumentLoadSuccess: onDocumentLoadSuccess }), isPdfLoaded &&
|
|
12
|
+
return (_jsx(Flex, { flex: 1, ref: pdfContainerRef, className: "dte-pdf-canvas-container", onClick: onDeselectField, children: _jsxs("div", { ref: pdfWrapperRef, className: "dte-pdf-wrapper", style: { width: BASE_PAGE_WIDTH }, children: [_jsx(PdfDocumentRenderer, { pdfUrl: pdfUrl, onDrop: onDrop, loading: loading, onDragOver: onDragOver, pageWidth: BASE_PAGE_WIDTH, errorPlaceholder: errorPlaceholder, loadingPlaceholder: loadingPlaceholder, onDocumentLoadSuccess: onDocumentLoadSuccess }), isPdfLoaded && (_jsx(PdfFieldsOverlay, { fields: fields, handleAddNewField: handleAddNewField, pdfWrapperRef: pdfWrapperRef, recipientsColors: recipientsColors, selectedField: selectedField !== null && selectedField !== void 0 ? selectedField : null, onFieldClick: onFieldClick, onFieldMove: onFieldMove, onFieldResize: onFieldResize }))] }) }));
|
|
13
13
|
};
|
|
14
14
|
//# sourceMappingURL=pdf-canvas.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"pdf-canvas.js","sourceRoot":"","sources":["../../../src/components/pdf-canvas/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,iBAAiB,CAAC;AAElD,OAAO,EAAE,gBAAgB,EAAE,MAAM,0CAA0C,CAAC;AAC5E,OAAO,EAAE,mBAAmB,EAAE,MAAM,yBAAyB,CAAC;AAqB9D,MAAM,CAAC,MAAM,SAAS,GAAuB,CAAC,EAC1C,gBAAgB,EAChB,MAAM,EACN,iBAAiB,EACjB,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,EAAC,KAAK,EAAE,EAAE,KAAK,EAAE,eAAe,EAAE,aAClF,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,
|
|
1
|
+
{"version":3,"file":"pdf-canvas.js","sourceRoot":"","sources":["../../../src/components/pdf-canvas/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,iBAAiB,CAAC;AAElD,OAAO,EAAE,gBAAgB,EAAE,MAAM,0CAA0C,CAAC;AAC5E,OAAO,EAAE,mBAAmB,EAAE,MAAM,yBAAyB,CAAC;AAqB9D,MAAM,CAAC,MAAM,SAAS,GAAuB,CAAC,EAC1C,gBAAgB,EAChB,MAAM,EACN,iBAAiB,EACjB,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,EAAC,KAAK,EAAE,EAAE,KAAK,EAAE,eAAe,EAAE,aAClF,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,CACZ,KAAC,gBAAgB,IACb,MAAM,EAAE,MAAM,EACd,iBAAiB,EAAE,iBAAiB,EACpC,aAAa,EAAE,aAAa,EAC5B,gBAAgB,EAAE,gBAAgB,EAClC,aAAa,EAAE,aAAa,aAAb,aAAa,cAAb,aAAa,GAAI,IAAI,EACpC,YAAY,EAAE,YAAY,EAC1B,WAAW,EAAE,WAAW,EACxB,aAAa,EAAE,aAAa,GAC9B,CACL,IACC,GACH,CACV,CAAC;AACN,CAAC,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"pdf-document-renderer.d.ts","sourceRoot":"","sources":["../../../src/components/pdf-canvas/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;AAG3C,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,
|
|
1
|
+
{"version":3,"file":"pdf-document-renderer.d.ts","sourceRoot":"","sources":["../../../src/components/pdf-canvas/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;AAG3C,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,CAoE5D,CAAC"}
|
|
@@ -5,10 +5,9 @@ import 'react-pdf/dist/Page/TextLayer.css';
|
|
|
5
5
|
import { useInitializePdfJsWorker, usePdfDocumentRenderer } from '../../hooks';
|
|
6
6
|
export const PdfDocumentRenderer = ({ errorPlaceholder, loading, loadingPlaceholder, onDocumentLoadSuccess, onDragOver, onDrop, pageWidth, pdfUrl, }) => {
|
|
7
7
|
useInitializePdfJsWorker();
|
|
8
|
-
const { handleDocumentLoadSuccess: handleLoadSuccess, pages } = usePdfDocumentRenderer();
|
|
8
|
+
const { handleDocumentLoadSuccess: handleLoadSuccess, numPages, pages, } = usePdfDocumentRenderer();
|
|
9
9
|
const handleDocumentLoadSuccess = ({ numPages }) => {
|
|
10
10
|
handleLoadSuccess({ numPages });
|
|
11
|
-
onDocumentLoadSuccess === null || onDocumentLoadSuccess === void 0 ? void 0 : onDocumentLoadSuccess(numPages);
|
|
12
11
|
};
|
|
13
12
|
const handlePageDrop = (e, pageNumber) => {
|
|
14
13
|
e.preventDefault();
|
|
@@ -21,7 +20,11 @@ export const PdfDocumentRenderer = ({ errorPlaceholder, loading, loadingPlacehol
|
|
|
21
20
|
onDragOver === null || onDragOver === void 0 ? void 0 : onDragOver(e);
|
|
22
21
|
};
|
|
23
22
|
return (_jsx(Document, { file: pdfUrl, error: errorPlaceholder, loading: loadingPlaceholder, onLoadSuccess: handleDocumentLoadSuccess, noData: loading ? loadingPlaceholder : undefined, children: pages.map(pageNumber => {
|
|
24
|
-
return (_jsx("div", { "data-page-number": pageNumber, className: "dte-pdf-document-renderer-page", onDragOver: handlePageDragOver, onDrop: e => handlePageDrop(e, pageNumber), children: _jsx(Page, {
|
|
23
|
+
return (_jsx("div", { "data-page-number": pageNumber, className: "dte-pdf-document-renderer-page", onDragOver: handlePageDragOver, onDrop: e => handlePageDrop(e, pageNumber), children: _jsx(Page, { loading: loadingPlaceholder, onLoadSuccess: e => {
|
|
24
|
+
if (e._pageIndex + 1 === numPages) {
|
|
25
|
+
onDocumentLoadSuccess === null || onDocumentLoadSuccess === void 0 ? void 0 : onDocumentLoadSuccess(numPages);
|
|
26
|
+
}
|
|
27
|
+
}, pageNumber: pageNumber, width: pageWidth, renderTextLayer: false, renderAnnotationLayer: false }) }, `page_${pageNumber}`));
|
|
25
28
|
}) }));
|
|
26
29
|
};
|
|
27
30
|
//# sourceMappingURL=pdf-document-renderer.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"pdf-document-renderer.js","sourceRoot":"","sources":["../../../src/components/pdf-canvas/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,wBAAwB,EAAE,sBAAsB,EAAE,MAAM,aAAa,CAAC;AAa/E,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,wBAAwB,EAAE,CAAC;IAE3B,MAAM,
|
|
1
|
+
{"version":3,"file":"pdf-document-renderer.js","sourceRoot":"","sources":["../../../src/components/pdf-canvas/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,wBAAwB,EAAE,sBAAsB,EAAE,MAAM,aAAa,CAAC;AAa/E,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,wBAAwB,EAAE,CAAC;IAE3B,MAAM,EACF,yBAAyB,EAAE,iBAAiB,EAC5C,QAAQ,EACR,KAAK,GACR,GAAG,sBAAsB,EAAE,CAAC;IAE7B,MAAM,yBAAyB,GAAG,CAAC,EAAE,QAAQ,EAAwB,EAAE,EAAE;QACrE,iBAAiB,CAAC,EAAE,QAAQ,EAAE,CAAC,CAAC;IACpC,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,OAAO,EAAE,kBAAkB,EAC3B,aAAa,EAAE,CAAC,CAAC,EAAE;wBACf,IAAI,CAAC,CAAC,UAAU,GAAG,CAAC,KAAK,QAAQ,EAAE,CAAC;4BAChC,qBAAqB,aAArB,qBAAqB,uBAArB,qBAAqB,CAAG,QAAQ,CAAC,CAAC;wBACtC,CAAC;oBACL,CAAC,EACD,UAAU,EAAE,UAAU,EACtB,KAAK,EAAE,SAAS,EAChB,eAAe,EAAE,KAAK,EACtB,qBAAqB,EAAE,KAAK,GAC9B,IAjBG,QAAQ,UAAU,EAAE,CAkBvB,CACT,CAAC;QACN,CAAC,CAAC,GACK,CACd,CAAC;AACN,CAAC,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"pdf-overlay-field.d.ts","sourceRoot":"","sources":["../../../src/components/pdf-fields-overlay/pdf-overlay-field.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAE,UAAU,EAAE,SAAS,
|
|
1
|
+
{"version":3,"file":"pdf-overlay-field.d.ts","sourceRoot":"","sources":["../../../src/components/pdf-fields-overlay/pdf-overlay-field.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAElD,OAAO,EAAiB,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAOhE,UAAU,oBAAoB;IAC1B,KAAK,EAAE,QAAQ,CAAC;IAChB,UAAU,EAAE,OAAO,CAAC;IACpB,WAAW,EAAE,OAAO,CAAC;IACrB,gBAAgB,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IACzC,aAAa,EAAE,SAAS,CAAC,cAAc,CAAC,CAAC;IACzC,iBAAiB,CAAC,KAAK,EAAE,QAAQ,GAAG,IAAI,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,CAmDpD,CAAC"}
|
|
@@ -1,5 +1,4 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
import { useMemo } from 'react';
|
|
3
2
|
import { useFieldDrag, useFieldResize } from '../../hooks';
|
|
4
3
|
import { FieldTypeEnum } from '../../interface/types';
|
|
5
4
|
import { getFieldBackgroundColor, getPagePosition } from '../../utils';
|
|
@@ -17,28 +16,14 @@ export const PdfOverlayField = ({ field, handleAddNewField, isSameGroup, isSelec
|
|
|
17
16
|
pdfWrapperRef,
|
|
18
17
|
onFieldResize,
|
|
19
18
|
});
|
|
20
|
-
const pagePos =
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
width: field.width,
|
|
29
|
-
height: field.height,
|
|
30
|
-
backgroundColor: bgColor,
|
|
31
|
-
};
|
|
32
|
-
}, [
|
|
33
|
-
field.recipient,
|
|
34
|
-
field.x,
|
|
35
|
-
field.y,
|
|
36
|
-
field.width,
|
|
37
|
-
field.height,
|
|
38
|
-
recipientsColors,
|
|
39
|
-
pagePos.left,
|
|
40
|
-
pagePos.top,
|
|
41
|
-
]);
|
|
19
|
+
const pagePos = getPagePosition(field.page, pdfWrapperRef);
|
|
20
|
+
const style = {
|
|
21
|
+
left: pagePos.left + field.x,
|
|
22
|
+
top: pagePos.top + field.y,
|
|
23
|
+
width: field.width,
|
|
24
|
+
height: field.height,
|
|
25
|
+
backgroundColor: getFieldBackgroundColor(field.recipient, recipientsColors),
|
|
26
|
+
};
|
|
42
27
|
return (_jsxs("div", { title: field.description, 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 ? '--selected' : '--unselected'} ${isDragging ? '--dragging' : ''} ${isSameGroup ? '--colored' : ''}`, style: style, children: [field.type === FieldTypeEnum.eSign && _jsx(PdfOverlayFieldESign, { field: field }), field.type === FieldTypeEnum.dataModel && _jsx(PdfOverlayFieldDataModel, { field: field }), field.type === FieldTypeEnum.fillable && (_jsx(PdfOverlayFieldFillable, { field: field, handleAddNewField: handleAddNewField })), isSelected && _jsx(ResizeHandle, { handleResizeStart: e => handleResizeStart(e, field) })] }));
|
|
43
28
|
};
|
|
44
29
|
//# sourceMappingURL=pdf-overlay-field.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"pdf-overlay-field.js","sourceRoot":"","sources":["../../../src/components/pdf-fields-overlay/pdf-overlay-field.tsx"],"names":[],"mappings":";
|
|
1
|
+
{"version":3,"file":"pdf-overlay-field.js","sourceRoot":"","sources":["../../../src/components/pdf-fields-overlay/pdf-overlay-field.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,YAAY,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAC3D,OAAO,EAAE,aAAa,EAAY,MAAM,uBAAuB,CAAC;AAChE,OAAO,EAAE,uBAAuB,EAAE,eAAe,EAAE,MAAM,aAAa,CAAC;AACvE,OAAO,EAAE,wBAAwB,EAAE,MAAM,gCAAgC,CAAC;AAC1E,OAAO,EAAE,oBAAoB,EAAE,MAAM,4BAA4B,CAAC;AAClE,OAAO,EAAE,uBAAuB,EAAE,MAAM,8BAA8B,CAAC;AACvE,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAc/C,MAAM,CAAC,MAAM,eAAe,GAA6B,CAAC,EACtD,KAAK,EACL,iBAAiB,EACjB,WAAW,EACX,UAAU,EACV,YAAY,EACZ,WAAW,EACX,aAAa,EACb,aAAa,EACb,gBAAgB,GACnB,EAAE,EAAE;IACD,MAAM,EAAE,kBAAkB,EAAE,UAAU,EAAE,aAAa,EAAE,eAAe,EAAE,GAAG,YAAY,CAAC;QACpF,aAAa;QACb,WAAW;KACd,CAAC,CAAC;IACH,MAAM,UAAU,GAAG,kBAAkB,CAAC,OAAO,KAAK,KAAK,CAAC,EAAE,CAAC;IAE3D,MAAM,EAAE,iBAAiB,EAAE,GAAG,cAAc,CAAC;QACzC,aAAa;QACb,aAAa;KAChB,CAAC,CAAC;IAEH,MAAM,OAAO,GAAG,eAAe,CAAC,KAAK,CAAC,IAAI,EAAE,aAAa,CAAC,CAAC;IAE3D,MAAM,KAAK,GAAG;QACV,IAAI,EAAE,OAAO,CAAC,IAAI,GAAG,KAAK,CAAC,CAAC;QAC5B,GAAG,EAAE,OAAO,CAAC,GAAG,GAAG,KAAK,CAAC,CAAC;QAC1B,KAAK,EAAE,KAAK,CAAC,KAAK;QAClB,MAAM,EAAE,KAAK,CAAC,MAAM;QACpB,eAAe,EAAE,uBAAuB,CAAC,KAAK,CAAC,SAAS,EAAE,gBAAgB,CAAC;KAC9E,CAAC;IAEF,OAAO,CACH,eACI,KAAK,EAAE,KAAK,CAAC,WAAW,EACxB,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,YAAY,CAAC,CAAC,CAAC,cAAc,IAAI,UAAU,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,EAAE,IAAI,WAAW,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,EAAE,EAAE,EAC5I,KAAK,EAAE,KAAK,aAEX,KAAK,CAAC,IAAI,KAAK,aAAa,CAAC,KAAK,IAAI,KAAC,oBAAoB,IAAC,KAAK,EAAE,KAAK,GAAI,EAC5E,KAAK,CAAC,IAAI,KAAK,aAAa,CAAC,SAAS,IAAI,KAAC,wBAAwB,IAAC,KAAK,EAAE,KAAK,GAAI,EACpF,KAAK,CAAC,IAAI,KAAK,aAAa,CAAC,QAAQ,IAAI,CACtC,KAAC,uBAAuB,IAAC,KAAK,EAAE,KAAK,EAAE,iBAAiB,EAAE,iBAAiB,GAAI,CAClF,EACA,UAAU,IAAI,KAAC,YAAY,IAAC,iBAAiB,EAAE,CAAC,CAAC,EAAE,CAAC,iBAAiB,CAAC,CAAC,EAAE,KAAK,CAAC,GAAI,IAClF,CACT,CAAC;AACN,CAAC,CAAC"}
|
|
@@ -15,7 +15,7 @@ export const PdfView = ({ data, errorPlaceholder, fields, fillingBy, loading = f
|
|
|
15
15
|
setIsPdfLoaded(true);
|
|
16
16
|
};
|
|
17
17
|
const recipientsColors = mapColorsToRecipients(recipients);
|
|
18
|
-
return (_jsx(Flex, { flex: 1, className: "dte-pdf-view-container", style: { maxWidth: BASE_PAGE_WIDTH }, children: _jsxs("div", { ref: pdfWrapperRef, className: "dte-pdf-wrapper", children: [_jsx(PdfDocumentRenderer, { pdfUrl: pdfUrl, loading: loading, pageWidth: BASE_PAGE_WIDTH, errorPlaceholder: errorPlaceholder, loadingPlaceholder: loadingPlaceholder, onDocumentLoadSuccess: onDocumentLoadSuccess }), isPdfLoaded &&
|
|
18
|
+
return (_jsx(Flex, { flex: 1, className: "dte-pdf-view-container", style: { maxWidth: BASE_PAGE_WIDTH }, children: _jsxs("div", { ref: pdfWrapperRef, className: "dte-pdf-wrapper", children: [_jsx(PdfDocumentRenderer, { pdfUrl: pdfUrl, loading: loading, pageWidth: BASE_PAGE_WIDTH, errorPlaceholder: errorPlaceholder, loadingPlaceholder: loadingPlaceholder, onDocumentLoadSuccess: onDocumentLoadSuccess }), isPdfLoaded && (_jsx("div", { className: "dte-pdf-field-overlay --view-mode", children: fields.map(field => {
|
|
19
19
|
const pagePos = getPagePosition(field.page, pdfWrapperRef);
|
|
20
20
|
const bgColor = getFieldBackgroundColor(field.recipient, recipientsColors);
|
|
21
21
|
return (_jsxs("div", { style: {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"pdf-view.js","sourceRoot":"","sources":["../../../src/components/pdf-view/pdf-view.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAC;AAC5C,OAAO,EAAiB,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACxD,OAAO,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC;AAClD,OAAO,EAAmB,aAAa,EAA2B,MAAM,uBAAuB,CAAC;AAChG,OAAO,EAAE,uBAAuB,EAAE,eAAe,EAAE,qBAAqB,EAAE,MAAM,aAAa,CAAC;AAC9F,OAAO,EAAE,mBAAmB,EAAE,MAAM,qCAAqC,CAAC;AAC1E,OAAO,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AACzD,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AACjD,OAAO,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AActD,MAAM,CAAC,MAAM,OAAO,GAAqB,CAAC,EACtC,IAAI,EACJ,gBAAgB,EAChB,MAAM,EACN,SAAS,EACT,OAAO,GAAG,KAAK,EACf,kBAAkB,EAClB,YAAY,EACZ,MAAM,EACN,UAAU,GACb,EAAE,EAAE;IACD,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,QAAQ,CAAU,KAAK,CAAC,CAAC;IAC/D,MAAM,aAAa,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;IAEnD,MAAM,qBAAqB,GAAG,CAAC,CAAS,EAAE,EAAE;QACxC,cAAc,CAAC,IAAI,CAAC,CAAC;IACzB,CAAC,CAAC;IAEF,MAAM,gBAAgB,GAAG,qBAAqB,CAAC,UAAU,CAAC,CAAC;IAE3D,OAAO,CACH,KAAC,IAAI,IAAC,IAAI,EAAE,CAAC,EAAE,SAAS,EAAC,wBAAwB,EAAC,KAAK,EAAE,EAAE,QAAQ,EAAE,eAAe,EAAE,YAClF,eAAK,GAAG,EAAE,aAAa,EAAE,SAAS,EAAC,iBAAiB,aAChD,KAAC,mBAAmB,IAChB,MAAM,EAAE,MAAM,EACd,OAAO,EAAE,OAAO,EAChB,SAAS,EAAE,eAAe,EAC1B,gBAAgB,EAAE,gBAAgB,EAClC,kBAAkB,EAAE,kBAAkB,EACtC,qBAAqB,EAAE,qBAAqB,GAC9C,EACD,WAAW,IAAI,
|
|
1
|
+
{"version":3,"file":"pdf-view.js","sourceRoot":"","sources":["../../../src/components/pdf-view/pdf-view.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"usePdfDocumentRenderer.d.ts","sourceRoot":"","sources":["../../src/hooks/usePdfDocumentRenderer.ts"],"names":[],"mappings":"AAEA,UAAU,4BAA4B;IAClC,KAAK,EAAE,MAAM,EAAE,CAAC;IAChB,yBAAyB,EAAE,CAAC,IAAI,EAAE;QAAE,QAAQ,EAAE,MAAM,CAAA;KAAE,KAAK,IAAI,CAAC;CACnE;AAED,eAAO,MAAM,sBAAsB,QAAO,
|
|
1
|
+
{"version":3,"file":"usePdfDocumentRenderer.d.ts","sourceRoot":"","sources":["../../src/hooks/usePdfDocumentRenderer.ts"],"names":[],"mappings":"AAEA,UAAU,4BAA4B;IAClC,QAAQ,EAAE,MAAM,CAAC;IACjB,KAAK,EAAE,MAAM,EAAE,CAAC;IAChB,yBAAyB,EAAE,CAAC,IAAI,EAAE;QAAE,QAAQ,EAAE,MAAM,CAAA;KAAE,KAAK,IAAI,CAAC;CACnE;AAED,eAAO,MAAM,sBAAsB,QAAO,4BAczC,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"usePdfDocumentRenderer.js","sourceRoot":"","sources":["../../src/hooks/usePdfDocumentRenderer.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"usePdfDocumentRenderer.js","sourceRoot":"","sources":["../../src/hooks/usePdfDocumentRenderer.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAQ1C,MAAM,CAAC,MAAM,sBAAsB,GAAG,GAAiC,EAAE;IACrE,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,QAAQ,CAAS,CAAC,CAAC,CAAC;IAEpD,MAAM,yBAAyB,GAAG,CAAC,EAAE,QAAQ,EAAwB,EAAE,EAAE;QACrE,WAAW,CAAC,QAAQ,CAAC,CAAC;IAC1B,CAAC,CAAC;IAEF,MAAM,KAAK,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,KAAK,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,QAAQ,EAAE,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC;IAE3F,OAAO;QACH,QAAQ;QACR,KAAK;QACL,yBAAyB;KAC5B,CAAC;AACN,CAAC,CAAC"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@servicetitan/dte-pdf-editor",
|
|
3
|
-
"version": "1.
|
|
3
|
+
"version": "1.10.0",
|
|
4
4
|
"description": "",
|
|
5
5
|
"main": "./dist/index.js",
|
|
6
6
|
"typings": "./dist/index.d.ts",
|
|
@@ -12,23 +12,9 @@
|
|
|
12
12
|
"access": "public",
|
|
13
13
|
"registry": "https://registry.npmjs.org"
|
|
14
14
|
},
|
|
15
|
-
"scripts": {
|
|
16
|
-
"postbuild": "node copy-css.js",
|
|
17
|
-
"build:webpack": "webpack --mode production",
|
|
18
|
-
"build:webpack:dev": "webpack --mode development"
|
|
19
|
-
},
|
|
20
15
|
"cli": {
|
|
21
16
|
"webpack": false
|
|
22
17
|
},
|
|
23
|
-
"devDependencies": {
|
|
24
|
-
"css-loader": "^7.1.2",
|
|
25
|
-
"css-minimizer-webpack-plugin": "^7.0.0",
|
|
26
|
-
"file-loader": "^6.2.0",
|
|
27
|
-
"mini-css-extract-plugin": "^2.9.0",
|
|
28
|
-
"ts-loader": "^9.5.1",
|
|
29
|
-
"webpack": "^5.102.1",
|
|
30
|
-
"webpack-cli": "^6.0.1"
|
|
31
|
-
},
|
|
32
18
|
"dependencies": {
|
|
33
19
|
"pdfjs-dist": "^3.11.0",
|
|
34
20
|
"react-pdf": "^7.5.0",
|
|
@@ -66,7 +66,7 @@ export const PdfCanvas: FC<PdfCanvasProps> = ({
|
|
|
66
66
|
loadingPlaceholder={loadingPlaceholder}
|
|
67
67
|
onDocumentLoadSuccess={onDocumentLoadSuccess}
|
|
68
68
|
/>
|
|
69
|
-
{isPdfLoaded &&
|
|
69
|
+
{isPdfLoaded && (
|
|
70
70
|
<PdfFieldsOverlay
|
|
71
71
|
fields={fields}
|
|
72
72
|
handleAddNewField={handleAddNewField}
|
|
@@ -27,11 +27,14 @@ export const PdfDocumentRenderer: FC<PdfDocumentRendererProps> = ({
|
|
|
27
27
|
}) => {
|
|
28
28
|
useInitializePdfJsWorker();
|
|
29
29
|
|
|
30
|
-
const {
|
|
30
|
+
const {
|
|
31
|
+
handleDocumentLoadSuccess: handleLoadSuccess,
|
|
32
|
+
numPages,
|
|
33
|
+
pages,
|
|
34
|
+
} = usePdfDocumentRenderer();
|
|
31
35
|
|
|
32
36
|
const handleDocumentLoadSuccess = ({ numPages }: { numPages: number }) => {
|
|
33
37
|
handleLoadSuccess({ numPages });
|
|
34
|
-
onDocumentLoadSuccess?.(numPages);
|
|
35
38
|
};
|
|
36
39
|
|
|
37
40
|
const handlePageDrop = (e: DragEvent<HTMLDivElement>, pageNumber: number) => {
|
|
@@ -64,6 +67,12 @@ export const PdfDocumentRenderer: FC<PdfDocumentRendererProps> = ({
|
|
|
64
67
|
onDrop={e => handlePageDrop(e, pageNumber)}
|
|
65
68
|
>
|
|
66
69
|
<Page
|
|
70
|
+
loading={loadingPlaceholder}
|
|
71
|
+
onLoadSuccess={e => {
|
|
72
|
+
if (e._pageIndex + 1 === numPages) {
|
|
73
|
+
onDocumentLoadSuccess?.(numPages);
|
|
74
|
+
}
|
|
75
|
+
}}
|
|
67
76
|
pageNumber={pageNumber}
|
|
68
77
|
width={pageWidth}
|
|
69
78
|
renderTextLayer={false}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { FC, MouseEvent, RefObject
|
|
1
|
+
import { FC, MouseEvent, RefObject } from 'react';
|
|
2
2
|
import { useFieldDrag, useFieldResize } from '../../hooks';
|
|
3
3
|
import { FieldTypeEnum, PdfField } from '../../interface/types';
|
|
4
4
|
import { getFieldBackgroundColor, getPagePosition } from '../../utils';
|
|
@@ -41,29 +41,15 @@ export const PdfOverlayField: FC<PdfOverlayFieldProps> = ({
|
|
|
41
41
|
onFieldResize,
|
|
42
42
|
});
|
|
43
43
|
|
|
44
|
-
const pagePos =
|
|
45
|
-
return getPagePosition(field.page, pdfWrapperRef);
|
|
46
|
-
}, [field.page, pdfWrapperRef]);
|
|
44
|
+
const pagePos = getPagePosition(field.page, pdfWrapperRef);
|
|
47
45
|
|
|
48
|
-
const style =
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
backgroundColor: bgColor,
|
|
56
|
-
};
|
|
57
|
-
}, [
|
|
58
|
-
field.recipient,
|
|
59
|
-
field.x,
|
|
60
|
-
field.y,
|
|
61
|
-
field.width,
|
|
62
|
-
field.height,
|
|
63
|
-
recipientsColors,
|
|
64
|
-
pagePos.left,
|
|
65
|
-
pagePos.top,
|
|
66
|
-
]);
|
|
46
|
+
const style = {
|
|
47
|
+
left: pagePos.left + field.x,
|
|
48
|
+
top: pagePos.top + field.y,
|
|
49
|
+
width: field.width,
|
|
50
|
+
height: field.height,
|
|
51
|
+
backgroundColor: getFieldBackgroundColor(field.recipient, recipientsColors),
|
|
52
|
+
};
|
|
67
53
|
|
|
68
54
|
return (
|
|
69
55
|
<div
|
|
@@ -51,7 +51,7 @@ export const PdfView: FC<PdfViewProps> = ({
|
|
|
51
51
|
loadingPlaceholder={loadingPlaceholder}
|
|
52
52
|
onDocumentLoadSuccess={onDocumentLoadSuccess}
|
|
53
53
|
/>
|
|
54
|
-
{isPdfLoaded &&
|
|
54
|
+
{isPdfLoaded && (
|
|
55
55
|
<div className="dte-pdf-field-overlay --view-mode">
|
|
56
56
|
{fields.map(field => {
|
|
57
57
|
const pagePos = getPagePosition(field.page, pdfWrapperRef);
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import { useMemo, useState } from 'react';
|
|
2
2
|
|
|
3
3
|
interface UsePdfDocumentRendererReturn {
|
|
4
|
+
numPages: number;
|
|
4
5
|
pages: number[];
|
|
5
6
|
handleDocumentLoadSuccess: (data: { numPages: number }) => void;
|
|
6
7
|
}
|
|
@@ -15,6 +16,7 @@ export const usePdfDocumentRenderer = (): UsePdfDocumentRendererReturn => {
|
|
|
15
16
|
const pages = useMemo(() => Array.from({ length: numPages }, (_, i) => i + 1), [numPages]);
|
|
16
17
|
|
|
17
18
|
return {
|
|
19
|
+
numPages,
|
|
18
20
|
pages,
|
|
19
21
|
handleDocumentLoadSuccess,
|
|
20
22
|
};
|