@servicetitan/dte-pdf-editor 1.4.0 → 1.6.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 +286 -267
- package/dist/components/{field-config-panel-overlay.d.ts → field-config-panel/field-config-panel-overlay.d.ts} +1 -2
- package/dist/components/field-config-panel/field-config-panel-overlay.d.ts.map +1 -0
- package/dist/components/field-config-panel/field-config-panel-overlay.js.map +1 -0
- package/dist/components/{field-config-panel.d.ts → field-config-panel/field-config-panel.d.ts} +1 -2
- package/dist/components/field-config-panel/field-config-panel.d.ts.map +1 -0
- package/dist/components/{field-config-panel.js → field-config-panel/field-config-panel.js} +11 -8
- package/dist/components/field-config-panel/field-config-panel.js.map +1 -0
- package/dist/components/{data-model-field-type-list.d.ts → field-sidebar/data-model-field-type-list.d.ts} +1 -1
- package/dist/components/field-sidebar/data-model-field-type-list.d.ts.map +1 -0
- package/dist/components/{data-model-field-type-list.js → field-sidebar/data-model-field-type-list.js} +3 -3
- package/dist/components/field-sidebar/data-model-field-type-list.js.map +1 -0
- package/dist/components/{e-sign-field-type-list.d.ts → field-sidebar/e-sign-field-type-list.d.ts} +1 -1
- package/dist/components/field-sidebar/e-sign-field-type-list.d.ts.map +1 -0
- package/dist/components/{e-sign-field-type-list.js → field-sidebar/e-sign-field-type-list.js} +1 -1
- package/dist/components/field-sidebar/e-sign-field-type-list.js.map +1 -0
- package/dist/components/{field-sidebar.d.ts → field-sidebar/field-sidebar.d.ts} +1 -1
- package/dist/components/field-sidebar/field-sidebar.d.ts.map +1 -0
- package/dist/components/field-sidebar/field-sidebar.js +32 -0
- package/dist/components/field-sidebar/field-sidebar.js.map +1 -0
- package/dist/components/field-sidebar/field-type.d.ts.map +1 -0
- package/dist/components/{field-type.js → field-sidebar/field-type.js} +1 -1
- package/dist/components/field-sidebar/field-type.js.map +1 -0
- package/dist/components/{fillable-field-type-list.d.ts → field-sidebar/fillable-field-type-list.d.ts} +1 -1
- package/dist/components/field-sidebar/fillable-field-type-list.d.ts.map +1 -0
- package/dist/components/{fillable-field-type-list.js → field-sidebar/fillable-field-type-list.js} +1 -1
- package/dist/components/field-sidebar/fillable-field-type-list.js.map +1 -0
- package/dist/components/index.d.ts +3 -0
- package/dist/components/index.d.ts.map +1 -0
- package/dist/components/index.js +3 -0
- package/dist/components/index.js.map +1 -0
- package/dist/components/{pdf-canvas.d.ts → pdf-canvas/pdf-canvas.d.ts} +3 -2
- package/dist/components/pdf-canvas/pdf-canvas.d.ts.map +1 -0
- package/dist/components/pdf-canvas/pdf-canvas.js +14 -0
- package/dist/components/pdf-canvas/pdf-canvas.js.map +1 -0
- package/dist/components/pdf-canvas/pdf-document-renderer.d.ts.map +1 -0
- package/dist/components/{pdf-document-renderer.js → pdf-canvas/pdf-document-renderer.js} +2 -3
- package/dist/components/pdf-canvas/pdf-document-renderer.js.map +1 -0
- package/dist/components/{pdf-editor.d.ts → pdf-editor/pdf-editor.d.ts} +2 -7
- package/dist/components/pdf-editor/pdf-editor.d.ts.map +1 -0
- package/dist/components/pdf-editor/pdf-editor.js +27 -0
- package/dist/components/pdf-editor/pdf-editor.js.map +1 -0
- package/dist/components/pdf-fields-overlay/add-handle.d.ts +7 -0
- package/dist/components/pdf-fields-overlay/add-handle.d.ts.map +1 -0
- package/dist/components/pdf-fields-overlay/add-handle.js +5 -0
- package/dist/components/pdf-fields-overlay/add-handle.js.map +1 -0
- package/dist/components/pdf-fields-overlay/pdf-fields-overlay.d.ts +15 -0
- package/dist/components/pdf-fields-overlay/pdf-fields-overlay.d.ts.map +1 -0
- package/dist/components/pdf-fields-overlay/pdf-fields-overlay.js +6 -0
- package/dist/components/pdf-fields-overlay/pdf-fields-overlay.js.map +1 -0
- package/dist/components/pdf-fields-overlay/pdf-overlay-field-data-model.d.ts +8 -0
- package/dist/components/pdf-fields-overlay/pdf-overlay-field-data-model.d.ts.map +1 -0
- package/dist/components/pdf-fields-overlay/pdf-overlay-field-data-model.js +5 -0
- package/dist/components/pdf-fields-overlay/pdf-overlay-field-data-model.js.map +1 -0
- package/dist/components/pdf-fields-overlay/pdf-overlay-field-e-sign.d.ts +8 -0
- package/dist/components/pdf-fields-overlay/pdf-overlay-field-e-sign.d.ts.map +1 -0
- package/dist/components/pdf-fields-overlay/pdf-overlay-field-e-sign.js +5 -0
- package/dist/components/pdf-fields-overlay/pdf-overlay-field-e-sign.js.map +1 -0
- package/dist/components/pdf-fields-overlay/pdf-overlay-field-fillable.d.ts +9 -0
- package/dist/components/pdf-fields-overlay/pdf-overlay-field-fillable.d.ts.map +1 -0
- package/dist/components/pdf-fields-overlay/pdf-overlay-field-fillable.js +25 -0
- package/dist/components/pdf-fields-overlay/pdf-overlay-field-fillable.js.map +1 -0
- package/dist/components/pdf-fields-overlay/pdf-overlay-field.d.ts +16 -0
- package/dist/components/pdf-fields-overlay/pdf-overlay-field.d.ts.map +1 -0
- package/dist/components/pdf-fields-overlay/pdf-overlay-field.js +44 -0
- package/dist/components/pdf-fields-overlay/pdf-overlay-field.js.map +1 -0
- package/dist/components/pdf-fields-overlay/resize-handle.d.ts.map +1 -0
- package/dist/components/pdf-fields-overlay/resize-handle.js.map +1 -0
- package/dist/components/pdf-view/pdf-view-data-model.d.ts +9 -0
- package/dist/components/pdf-view/pdf-view-data-model.d.ts.map +1 -0
- package/dist/components/pdf-view/pdf-view-data-model.js +7 -0
- package/dist/components/pdf-view/pdf-view-data-model.js.map +1 -0
- package/dist/components/pdf-view/pdf-view-e-sign.d.ts +8 -0
- package/dist/components/pdf-view/pdf-view-e-sign.d.ts.map +1 -0
- package/dist/components/pdf-view/pdf-view-e-sign.js +5 -0
- package/dist/components/pdf-view/pdf-view-e-sign.js.map +1 -0
- package/dist/components/pdf-view/pdf-view-fillable.d.ts +13 -0
- package/dist/components/pdf-view/pdf-view-fillable.d.ts.map +1 -0
- package/dist/components/{pdf-view-fields.js → pdf-view/pdf-view-fillable.js} +14 -13
- package/dist/components/pdf-view/pdf-view-fillable.js.map +1 -0
- package/dist/components/{pdf-view.d.ts → pdf-view/pdf-view.d.ts} +1 -2
- package/dist/components/pdf-view/pdf-view.d.ts.map +1 -0
- package/dist/components/{pdf-view.js → pdf-view/pdf-view.js} +8 -6
- package/dist/components/pdf-view/pdf-view.js.map +1 -0
- package/dist/constants/field.constants.d.ts +3 -3
- package/dist/constants/field.constants.d.ts.map +1 -1
- package/dist/constants/field.constants.js +4 -3
- package/dist/constants/field.constants.js.map +1 -1
- package/dist/hooks/index.d.ts +4 -0
- package/dist/hooks/index.d.ts.map +1 -1
- package/dist/hooks/index.js +4 -0
- package/dist/hooks/index.js.map +1 -1
- package/dist/hooks/useFieldDrag.d.ts +1 -1
- package/dist/hooks/useFieldDrag.d.ts.map +1 -1
- package/dist/hooks/useFieldResize.d.ts +1 -1
- package/dist/hooks/useFieldResize.d.ts.map +1 -1
- package/dist/hooks/useInitializePdfJsWorker.d.ts +2 -0
- package/dist/hooks/useInitializePdfJsWorker.d.ts.map +1 -0
- package/dist/hooks/useInitializePdfJsWorker.js +8 -0
- package/dist/hooks/useInitializePdfJsWorker.js.map +1 -0
- package/dist/hooks/usePdfFieldDnD.d.ts +17 -0
- package/dist/hooks/usePdfFieldDnD.d.ts.map +1 -0
- package/dist/hooks/usePdfFieldDnD.js +78 -0
- package/dist/hooks/usePdfFieldDnD.js.map +1 -0
- package/dist/hooks/usePdfFieldSelection.d.ts +13 -0
- package/dist/hooks/usePdfFieldSelection.d.ts.map +1 -0
- package/dist/hooks/usePdfFieldSelection.js +40 -0
- package/dist/hooks/usePdfFieldSelection.js.map +1 -0
- package/dist/hooks/useToggle.d.ts +8 -0
- package/dist/hooks/useToggle.d.ts.map +1 -0
- package/dist/hooks/useToggle.js +15 -0
- package/dist/hooks/useToggle.js.map +1 -0
- package/dist/index.d.ts +2 -3
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +1 -2
- package/dist/index.js.map +1 -1
- package/dist/interface/{pdf-editor.d.ts → types.d.ts} +8 -2
- package/dist/interface/types.d.ts.map +1 -0
- package/dist/interface/{pdf-editor.js → types.js} +1 -1
- package/dist/interface/types.js.map +1 -0
- package/dist/utils/{extract-grouped-fields-from-data-model.utils.d.ts → data-model/extract-fields.utils.d.ts} +2 -2
- package/dist/utils/data-model/extract-fields.utils.d.ts.map +1 -0
- package/dist/utils/{extract-grouped-fields-from-data-model.utils.js → data-model/extract-fields.utils.js} +2 -2
- package/dist/utils/data-model/extract-fields.utils.js.map +1 -0
- package/dist/utils/data-model/index.d.ts +3 -0
- package/dist/utils/data-model/index.d.ts.map +1 -0
- package/dist/utils/data-model/index.js +3 -0
- package/dist/utils/data-model/index.js.map +1 -0
- package/dist/utils/{resolve-pdf-data-values.d.ts → data-model/resolve-values.utils.d.ts} +2 -2
- package/dist/utils/data-model/resolve-values.utils.d.ts.map +1 -0
- package/dist/utils/{resolve-pdf-data-values.js → data-model/resolve-values.utils.js} +1 -1
- package/dist/utils/data-model/resolve-values.utils.js.map +1 -0
- package/dist/utils/{is-drag-over-canvas.utils.d.ts → field/drag-over-canvas.utils.d.ts} +1 -1
- package/dist/utils/field/drag-over-canvas.utils.d.ts.map +1 -0
- package/dist/utils/{is-drag-over-canvas.utils.js → field/drag-over-canvas.utils.js} +1 -1
- package/dist/utils/field/drag-over-canvas.utils.js.map +1 -0
- package/dist/utils/{get-field-background-color.d.ts → field/field-background-color.utils.d.ts} +1 -1
- package/dist/utils/field/field-background-color.utils.d.ts.map +1 -0
- package/dist/utils/{get-field-background-color.js → field/field-background-color.utils.js} +1 -1
- package/dist/utils/field/field-background-color.utils.js.map +1 -0
- package/dist/utils/{calculate-drop-coordinates.utils.d.ts → field/field-coordinates.utils.d.ts} +1 -1
- package/dist/utils/field/field-coordinates.utils.d.ts.map +1 -0
- package/dist/utils/{calculate-drop-coordinates.utils.js → field/field-coordinates.utils.js} +2 -2
- package/dist/utils/field/field-coordinates.utils.js.map +1 -0
- package/dist/utils/{handle-field-drag.utils.d.ts → field/field-drag.utils.d.ts} +11 -2
- package/dist/utils/field/field-drag.utils.d.ts.map +1 -0
- package/dist/utils/field/field-drag.utils.js +73 -0
- package/dist/utils/field/field-drag.utils.js.map +1 -0
- package/dist/utils/field/field-placeholder-text.utils.d.ts +3 -0
- package/dist/utils/field/field-placeholder-text.utils.d.ts.map +1 -0
- package/dist/utils/{get-field-placeholder-text.js → field/field-placeholder-text.utils.js} +1 -1
- package/dist/utils/field/field-placeholder-text.utils.js.map +1 -0
- package/dist/utils/{handle-field-resize.utils.d.ts → field/field-resize.utils.d.ts} +2 -2
- package/dist/utils/field/field-resize.utils.d.ts.map +1 -0
- package/dist/utils/{handle-field-resize.utils.js → field/field-resize.utils.js} +3 -4
- package/dist/utils/field/field-resize.utils.js.map +1 -0
- package/dist/utils/field/index.d.ts +7 -0
- package/dist/utils/field/index.d.ts.map +1 -0
- package/dist/utils/field/index.js +7 -0
- package/dist/utils/field/index.js.map +1 -0
- package/dist/utils/index.d.ts +5 -17
- package/dist/utils/index.d.ts.map +1 -1
- package/dist/utils/index.js +5 -17
- package/dist/utils/index.js.map +1 -1
- package/dist/utils/path/generate-e-sign-path.d.ts +3 -0
- package/dist/utils/path/generate-e-sign-path.d.ts.map +1 -0
- package/dist/utils/path/generate-e-sign-path.js.map +1 -0
- package/dist/utils/path/generate-fillable-path.d.ts.map +1 -0
- package/dist/utils/path/generate-fillable-path.js.map +1 -0
- package/dist/utils/path/index.d.ts +4 -0
- package/dist/utils/path/index.d.ts.map +1 -0
- package/dist/utils/path/index.js +4 -0
- package/dist/utils/path/index.js.map +1 -0
- package/dist/utils/path/parse-fillable-path.d.ts.map +1 -0
- package/dist/utils/path/parse-fillable-path.js.map +1 -0
- package/dist/utils/pdf/index.d.ts +3 -0
- package/dist/utils/pdf/index.d.ts.map +1 -0
- package/dist/utils/pdf/index.js +3 -0
- package/dist/utils/pdf/index.js.map +1 -0
- package/dist/utils/pdf/pdf-rendering.utils.d.ts +29 -0
- package/dist/utils/pdf/pdf-rendering.utils.d.ts.map +1 -0
- package/dist/utils/pdf/pdf-rendering.utils.js +75 -0
- package/dist/utils/pdf/pdf-rendering.utils.js.map +1 -0
- package/dist/utils/{pdfjs-init.d.ts → pdf/pdfjs-init.d.ts} +1 -0
- package/dist/utils/pdf/pdfjs-init.d.ts.map +1 -0
- package/dist/utils/{pdfjs-init.js → pdf/pdfjs-init.js} +1 -1
- package/dist/utils/pdf/pdfjs-init.js.map +1 -0
- package/dist/utils/recipients/index.d.ts +2 -0
- package/dist/utils/recipients/index.d.ts.map +1 -0
- package/dist/utils/recipients/index.js +2 -0
- package/dist/utils/recipients/index.js.map +1 -0
- package/dist/utils/recipients/map-colors.d.ts +3 -0
- package/dist/utils/recipients/map-colors.d.ts.map +1 -0
- package/dist/utils/{map-colors-to-recipients.js → recipients/map-colors.js} +1 -1
- package/dist/utils/recipients/map-colors.js.map +1 -0
- package/package.json +1 -1
- package/src/components/{field-config-panel-overlay.tsx → field-config-panel/field-config-panel-overlay.tsx} +1 -2
- package/src/components/{field-config-panel.tsx → field-config-panel/field-config-panel.tsx} +18 -25
- package/src/components/{data-model-field-type-list.tsx → field-sidebar/data-model-field-type-list.tsx} +4 -4
- package/src/components/{e-sign-field-type-list.tsx → field-sidebar/e-sign-field-type-list.tsx} +2 -2
- package/src/components/field-sidebar/field-sidebar.tsx +119 -0
- package/src/components/{field-type.tsx → field-sidebar/field-type.tsx} +1 -1
- package/src/components/{fillable-field-type-list.tsx → field-sidebar/fillable-field-type-list.tsx} +2 -2
- package/src/components/index.ts +2 -0
- package/src/components/{pdf-canvas.tsx → pdf-canvas/pdf-canvas.tsx} +12 -9
- package/src/components/{pdf-document-renderer.tsx → pdf-canvas/pdf-document-renderer.tsx} +3 -4
- package/src/components/pdf-editor/pdf-editor.tsx +109 -0
- package/src/components/pdf-fields-overlay/add-handle.tsx +12 -0
- package/src/components/pdf-fields-overlay/pdf-fields-overlay.tsx +44 -0
- package/src/components/pdf-fields-overlay/pdf-overlay-field-data-model.tsx +15 -0
- package/src/components/pdf-fields-overlay/pdf-overlay-field-e-sign.tsx +15 -0
- package/src/components/pdf-fields-overlay/pdf-overlay-field-fillable.tsx +68 -0
- package/src/components/pdf-fields-overlay/pdf-overlay-field.tsx +87 -0
- package/src/components/pdf-view/pdf-view-data-model.tsx +13 -0
- package/src/components/pdf-view/pdf-view-e-sign.tsx +18 -0
- package/src/components/{pdf-view-fields.tsx → pdf-view/pdf-view-fillable.tsx} +31 -26
- package/src/components/{pdf-view.tsx → pdf-view/pdf-view.tsx} +10 -9
- package/src/constants/field.constants.ts +4 -3
- package/src/hooks/index.ts +4 -0
- package/src/hooks/useFieldDrag.ts +1 -1
- package/src/hooks/useFieldResize.ts +1 -1
- package/src/hooks/useInitializePdfJsWorker.ts +8 -0
- package/src/hooks/usePdfFieldDnD.ts +118 -0
- package/src/hooks/usePdfFieldSelection.ts +55 -0
- package/src/hooks/useToggle.ts +26 -0
- package/src/index.ts +2 -3
- package/src/interface/{pdf-editor.ts → types.ts} +8 -1
- package/src/styles/field-config-panel-overlay.css +3 -1
- package/src/styles/field-sidebar.css +36 -3
- package/src/styles/field-type-list.css +1 -1
- package/src/styles/field-type.css +7 -0
- package/src/styles/pdf-canvas.css +2 -0
- package/src/styles/pdf-editor.css +1 -0
- package/src/styles/pdf-field-overlay.css +23 -3
- package/src/styles/variables.css +11 -1
- package/src/utils/{extract-grouped-fields-from-data-model.utils.ts → data-model/extract-fields.utils.ts} +1 -1
- package/src/utils/data-model/index.ts +2 -0
- package/src/utils/{resolve-pdf-data-values.ts → data-model/resolve-values.utils.ts} +1 -1
- package/src/utils/{calculate-drop-coordinates.utils.ts → field/field-coordinates.utils.ts} +1 -1
- package/src/utils/field/field-drag.utils.ts +102 -0
- package/src/utils/{get-field-placeholder-text.ts → field/field-placeholder-text.utils.ts} +1 -1
- package/src/utils/{handle-field-resize.utils.ts → field/field-resize.utils.ts} +3 -4
- package/src/utils/field/index.ts +6 -0
- package/src/utils/index.ts +5 -17
- package/src/utils/{generate-e-sign-path.ts → path/generate-e-sign-path.ts} +1 -1
- package/src/utils/path/index.ts +3 -0
- package/src/utils/pdf/index.ts +2 -0
- package/src/utils/pdf/pdf-rendering.utils.ts +98 -0
- package/src/utils/{pdfjs-init.ts → pdf/pdfjs-init.ts} +1 -2
- package/src/utils/recipients/index.ts +1 -0
- package/src/utils/{map-colors-to-recipients.ts → recipients/map-colors.ts} +1 -1
- package/dist/components/data-model-field-type-list.d.ts.map +0 -1
- package/dist/components/data-model-field-type-list.js.map +0 -1
- package/dist/components/e-sign-field-type-list.d.ts.map +0 -1
- package/dist/components/e-sign-field-type-list.js.map +0 -1
- package/dist/components/field-config-panel-overlay.d.ts.map +0 -1
- package/dist/components/field-config-panel-overlay.js.map +0 -1
- package/dist/components/field-config-panel.d.ts.map +0 -1
- package/dist/components/field-config-panel.js.map +0 -1
- package/dist/components/field-sidebar.d.ts.map +0 -1
- package/dist/components/field-sidebar.js +0 -25
- package/dist/components/field-sidebar.js.map +0 -1
- package/dist/components/field-type.d.ts.map +0 -1
- package/dist/components/field-type.js.map +0 -1
- package/dist/components/fillable-field-type-list.d.ts.map +0 -1
- package/dist/components/fillable-field-type-list.js.map +0 -1
- package/dist/components/pdf-canvas.d.ts.map +0 -1
- package/dist/components/pdf-canvas.js +0 -14
- package/dist/components/pdf-canvas.js.map +0 -1
- package/dist/components/pdf-document-renderer.d.ts.map +0 -1
- package/dist/components/pdf-document-renderer.js.map +0 -1
- package/dist/components/pdf-editor.d.ts.map +0 -1
- package/dist/components/pdf-editor.js +0 -114
- package/dist/components/pdf-editor.js.map +0 -1
- package/dist/components/pdf-field-overlay.d.ts +0 -24
- package/dist/components/pdf-field-overlay.d.ts.map +0 -1
- package/dist/components/pdf-field-overlay.js +0 -60
- package/dist/components/pdf-field-overlay.js.map +0 -1
- package/dist/components/pdf-view-fields.d.ts +0 -17
- package/dist/components/pdf-view-fields.d.ts.map +0 -1
- package/dist/components/pdf-view-fields.js.map +0 -1
- package/dist/components/pdf-view.d.ts.map +0 -1
- package/dist/components/pdf-view.js.map +0 -1
- package/dist/components/resize-handle.d.ts.map +0 -1
- package/dist/components/resize-handle.js.map +0 -1
- package/dist/interface/pdf-editor.d.ts.map +0 -1
- package/dist/interface/pdf-editor.js.map +0 -1
- package/dist/utils/calculate-drop-coordinates.utils.d.ts.map +0 -1
- package/dist/utils/calculate-drop-coordinates.utils.js.map +0 -1
- package/dist/utils/extract-grouped-fields-from-data-model.utils.d.ts.map +0 -1
- package/dist/utils/extract-grouped-fields-from-data-model.utils.js.map +0 -1
- package/dist/utils/generate-e-sign-path.d.ts +0 -3
- package/dist/utils/generate-e-sign-path.d.ts.map +0 -1
- package/dist/utils/generate-e-sign-path.js.map +0 -1
- package/dist/utils/generate-fillable-path.d.ts.map +0 -1
- package/dist/utils/generate-fillable-path.js.map +0 -1
- package/dist/utils/get-field-background-color.d.ts.map +0 -1
- package/dist/utils/get-field-background-color.js.map +0 -1
- package/dist/utils/get-field-placeholder-text.d.ts +0 -3
- package/dist/utils/get-field-placeholder-text.d.ts.map +0 -1
- package/dist/utils/get-field-placeholder-text.js.map +0 -1
- package/dist/utils/get-page-dimensions.utils.d.ts +0 -12
- package/dist/utils/get-page-dimensions.utils.d.ts.map +0 -1
- package/dist/utils/get-page-dimensions.utils.js +0 -31
- package/dist/utils/get-page-dimensions.utils.js.map +0 -1
- package/dist/utils/get-page-number-from-client-y.utils.d.ts +0 -9
- package/dist/utils/get-page-number-from-client-y.utils.d.ts.map +0 -1
- package/dist/utils/get-page-number-from-client-y.utils.js +0 -24
- package/dist/utils/get-page-number-from-client-y.utils.js.map +0 -1
- package/dist/utils/get-page-position.utils.d.ts +0 -12
- package/dist/utils/get-page-position.utils.d.ts.map +0 -1
- package/dist/utils/get-page-position.utils.js +0 -22
- package/dist/utils/get-page-position.utils.js.map +0 -1
- package/dist/utils/handle-field-drag-start.utils.d.ts +0 -16
- package/dist/utils/handle-field-drag-start.utils.d.ts.map +0 -1
- package/dist/utils/handle-field-drag-start.utils.js +0 -41
- package/dist/utils/handle-field-drag-start.utils.js.map +0 -1
- package/dist/utils/handle-field-drag.utils.d.ts.map +0 -1
- package/dist/utils/handle-field-drag.utils.js +0 -36
- package/dist/utils/handle-field-drag.utils.js.map +0 -1
- package/dist/utils/handle-field-resize.utils.d.ts.map +0 -1
- package/dist/utils/handle-field-resize.utils.js.map +0 -1
- package/dist/utils/is-drag-over-canvas.utils.d.ts.map +0 -1
- package/dist/utils/is-drag-over-canvas.utils.js.map +0 -1
- package/dist/utils/map-colors-to-recipients.d.ts +0 -3
- package/dist/utils/map-colors-to-recipients.d.ts.map +0 -1
- package/dist/utils/map-colors-to-recipients.js.map +0 -1
- package/dist/utils/parse-fillable-path.d.ts.map +0 -1
- package/dist/utils/parse-fillable-path.js.map +0 -1
- package/dist/utils/pdfjs-init.d.ts.map +0 -1
- package/dist/utils/pdfjs-init.js.map +0 -1
- package/dist/utils/resolve-pdf-data-values.d.ts.map +0 -1
- package/dist/utils/resolve-pdf-data-values.js.map +0 -1
- package/src/components/field-sidebar.tsx +0 -93
- package/src/components/pdf-editor.tsx +0 -223
- package/src/components/pdf-field-overlay.tsx +0 -182
- package/src/utils/get-page-dimensions.utils.ts +0 -39
- package/src/utils/get-page-number-from-client-y.utils.ts +0 -31
- package/src/utils/get-page-position.utils.ts +0 -30
- package/src/utils/handle-field-drag-start.utils.ts +0 -52
- package/src/utils/handle-field-drag.utils.ts +0 -55
- /package/dist/components/{field-config-panel-overlay.js → field-config-panel/field-config-panel-overlay.js} +0 -0
- /package/dist/components/{field-type.d.ts → field-sidebar/field-type.d.ts} +0 -0
- /package/dist/components/{pdf-document-renderer.d.ts → pdf-canvas/pdf-document-renderer.d.ts} +0 -0
- /package/dist/components/{resize-handle.d.ts → pdf-fields-overlay/resize-handle.d.ts} +0 -0
- /package/dist/components/{resize-handle.js → pdf-fields-overlay/resize-handle.js} +0 -0
- /package/dist/utils/{generate-e-sign-path.js → path/generate-e-sign-path.js} +0 -0
- /package/dist/utils/{generate-fillable-path.d.ts → path/generate-fillable-path.d.ts} +0 -0
- /package/dist/utils/{generate-fillable-path.js → path/generate-fillable-path.js} +0 -0
- /package/dist/utils/{parse-fillable-path.d.ts → path/parse-fillable-path.d.ts} +0 -0
- /package/dist/utils/{parse-fillable-path.js → path/parse-fillable-path.js} +0 -0
- /package/src/components/{resize-handle.tsx → pdf-fields-overlay/resize-handle.tsx} +0 -0
- /package/src/utils/{is-drag-over-canvas.utils.ts → field/drag-over-canvas.utils.ts} +0 -0
- /package/src/utils/{get-field-background-color.ts → field/field-background-color.utils.ts} +0 -0
- /package/src/utils/{generate-fillable-path.ts → path/generate-fillable-path.ts} +0 -0
- /package/src/utils/{parse-fillable-path.ts → path/parse-fillable-path.ts} +0 -0
|
@@ -0,0 +1,44 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { useMemo } from 'react';
|
|
3
|
+
import { useFieldDrag, useFieldResize } from '../../hooks';
|
|
4
|
+
import { FieldTypeEnum } from '../../interface/types';
|
|
5
|
+
import { getFieldBackgroundColor, getPagePosition } from '../../utils';
|
|
6
|
+
import { PdfOverlayFieldDataModel } from './pdf-overlay-field-data-model';
|
|
7
|
+
import { PdfOverlayFieldESign } from './pdf-overlay-field-e-sign';
|
|
8
|
+
import { PdfOverlayFieldFillable } from './pdf-overlay-field-fillable';
|
|
9
|
+
import { ResizeHandle } from './resize-handle';
|
|
10
|
+
export const PdfOverlayField = ({ field, handleAddNewField, isSameGroup, isSelected, onFieldClick, onFieldMove, onFieldResize, pdfWrapperRef, recipientsColors, }) => {
|
|
11
|
+
const { draggingFieldIdRef, handleDrag, handleDragEnd, handleDragStart } = useFieldDrag({
|
|
12
|
+
pdfWrapperRef,
|
|
13
|
+
onFieldMove,
|
|
14
|
+
});
|
|
15
|
+
const isDragging = draggingFieldIdRef.current === field.id;
|
|
16
|
+
const { handleResizeStart } = useFieldResize({
|
|
17
|
+
pdfWrapperRef,
|
|
18
|
+
onFieldResize,
|
|
19
|
+
});
|
|
20
|
+
const pagePos = useMemo(() => {
|
|
21
|
+
return getPagePosition(field.page, pdfWrapperRef);
|
|
22
|
+
}, [field.page, pdfWrapperRef]);
|
|
23
|
+
const style = useMemo(() => {
|
|
24
|
+
const bgColor = getFieldBackgroundColor(field.recipient, recipientsColors);
|
|
25
|
+
return {
|
|
26
|
+
left: pagePos.left + field.x,
|
|
27
|
+
top: pagePos.top + field.y,
|
|
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
|
+
]);
|
|
42
|
+
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
|
+
};
|
|
44
|
+
//# sourceMappingURL=pdf-overlay-field.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"pdf-overlay-field.js","sourceRoot":"","sources":["../../../src/components/pdf-fields-overlay/pdf-overlay-field.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"resize-handle.d.ts","sourceRoot":"","sources":["../../../src/components/pdf-fields-overlay/resize-handle.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAEvC,UAAU,iBAAiB;IACvB,iBAAiB,CAAC,CAAC,EAAE,UAAU,CAAC,cAAc,CAAC,GAAG,IAAI,CAAC;CAC1D;AACD,eAAO,MAAM,YAAY,EAAE,EAAE,CAAC,iBAAiB,CAE9C,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"resize-handle.js","sourceRoot":"","sources":["../../../src/components/pdf-fields-overlay/resize-handle.tsx"],"names":[],"mappings":";AAKA,MAAM,CAAC,MAAM,YAAY,GAA0B,CAAC,EAAE,iBAAiB,EAAE,EAAE,EAAE;IACzE,OAAO,cAAK,SAAS,EAAC,6BAA6B,EAAC,WAAW,EAAE,iBAAiB,GAAI,CAAC;AAC3F,CAAC,CAAC"}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import { FC } from 'react';
|
|
2
|
+
import { DataModelValues, PdfField } from '../../interface/types';
|
|
3
|
+
interface PdfViewDataModelProps {
|
|
4
|
+
field: PdfField;
|
|
5
|
+
data?: DataModelValues;
|
|
6
|
+
}
|
|
7
|
+
export declare const PdfViewDataModel: FC<PdfViewDataModelProps>;
|
|
8
|
+
export {};
|
|
9
|
+
//# sourceMappingURL=pdf-view-data-model.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"pdf-view-data-model.d.ts","sourceRoot":"","sources":["../../../src/components/pdf-view/pdf-view-data-model.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAC3B,OAAO,EAAE,eAAe,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAGlE,UAAU,qBAAqB;IAC3B,KAAK,EAAE,QAAQ,CAAC;IAChB,IAAI,CAAC,EAAE,eAAe,CAAC;CAC1B;AAED,eAAO,MAAM,gBAAgB,EAAE,EAAE,CAAC,qBAAqB,CAGtD,CAAC"}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import { resolvePdfDataValues } from '../../utils';
|
|
3
|
+
export const PdfViewDataModel = ({ data, field }) => {
|
|
4
|
+
const resolvedValue = field.path ? resolvePdfDataValues(data, field.path) : '';
|
|
5
|
+
return _jsx("div", { className: "dte-pdf-field-value", children: resolvedValue !== null && resolvedValue !== void 0 ? resolvedValue : '' });
|
|
6
|
+
};
|
|
7
|
+
//# sourceMappingURL=pdf-view-data-model.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"pdf-view-data-model.js","sourceRoot":"","sources":["../../../src/components/pdf-view/pdf-view-data-model.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,oBAAoB,EAAE,MAAM,aAAa,CAAC;AAOnD,MAAM,CAAC,MAAM,gBAAgB,GAA8B,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,EAAE,EAAE;IAC3E,MAAM,aAAa,GAAG,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,oBAAoB,CAAC,IAAI,EAAE,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC;IAC/E,OAAO,cAAK,SAAS,EAAC,qBAAqB,YAAE,aAAa,aAAb,aAAa,cAAb,aAAa,GAAI,EAAE,GAAO,CAAC;AAC5E,CAAC,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"pdf-view-e-sign.d.ts","sourceRoot":"","sources":["../../../src/components/pdf-view/pdf-view-e-sign.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAC3B,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAEjD,UAAU,iBAAiB;IACvB,KAAK,EAAE,QAAQ,CAAC;CACnB;AAED,eAAO,MAAM,YAAY,EAAE,EAAE,CAAC,iBAAiB,CAU9C,CAAC"}
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
export const PdfViewESign = ({ field }) => {
|
|
3
|
+
return (_jsxs("span", { children: [field.label, " ", field.required ? '*' : '', _jsx("div", { className: "dte-pdf-field-value", style: { opacity: 0.1, color: '#fff' }, children: `{{${field.path}}}` })] }));
|
|
4
|
+
};
|
|
5
|
+
//# sourceMappingURL=pdf-view-e-sign.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"pdf-view-e-sign.js","sourceRoot":"","sources":["../../../src/components/pdf-view/pdf-view-e-sign.tsx"],"names":[],"mappings":";AAOA,MAAM,CAAC,MAAM,YAAY,GAA0B,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE;IAC7D,OAAO,CACH,2BACK,KAAK,CAAC,KAAK,OAAG,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EACxC,cACI,SAAS,EAAC,qBAAqB,EAC/B,KAAK,EAAE,EAAE,OAAO,EAAE,GAAG,EAAE,KAAK,EAAE,MAAM,EAAE,YACxC,KAAK,KAAK,CAAC,IAAI,IAAI,GAAO,IACzB,CACV,CAAC;AACN,CAAC,CAAC"}
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import { FC } from 'react';
|
|
2
|
+
import { DataModelValues, PdfField } from '../../interface/types';
|
|
3
|
+
interface PdfViewFillableProps {
|
|
4
|
+
field: PdfField;
|
|
5
|
+
data?: DataModelValues;
|
|
6
|
+
fillingBy?: string[];
|
|
7
|
+
onDataChange?(changedData: {
|
|
8
|
+
[path: string]: string | boolean;
|
|
9
|
+
}): void;
|
|
10
|
+
}
|
|
11
|
+
export declare const PdfViewFillable: FC<PdfViewFillableProps>;
|
|
12
|
+
export {};
|
|
13
|
+
//# sourceMappingURL=pdf-view-fillable.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"pdf-view-fillable.d.ts","sourceRoot":"","sources":["../../../src/components/pdf-view/pdf-view-fillable.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAC3B,OAAO,EAAE,eAAe,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAGlE,UAAU,oBAAoB;IAC1B,KAAK,EAAE,QAAQ,CAAC;IAChB,IAAI,CAAC,EAAE,eAAe,CAAC;IACvB,SAAS,CAAC,EAAE,MAAM,EAAE,CAAC;IACrB,YAAY,CAAC,CAAC,WAAW,EAAE;QAAE,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM,GAAG,OAAO,CAAA;KAAE,GAAG,IAAI,CAAC;CAC1E;AAED,eAAO,MAAM,eAAe,EAAE,EAAE,CAAC,oBAAoB,CAmIpD,CAAC"}
|
|
@@ -1,14 +1,6 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
import { getFieldPlaceholderText
|
|
3
|
-
export const
|
|
4
|
-
const resolvedValue = field.path ? resolvePdfDataValues(data, field.path) : '';
|
|
5
|
-
return _jsx("div", { className: "dte-pdf-field-value", children: resolvedValue !== null && resolvedValue !== void 0 ? resolvedValue : '' });
|
|
6
|
-
};
|
|
7
|
-
export const ViewEsign = ({ data, field }) => {
|
|
8
|
-
const resolvedValue = field.path ? resolvePdfDataValues(data, field.path) : '';
|
|
9
|
-
return (_jsxs("span", { children: [field.label, " ", field.required ? '*' : '', _jsx("div", { className: "dte-pdf-field-value", children: resolvedValue })] }));
|
|
10
|
-
};
|
|
11
|
-
export const FillableFieldView = ({ data, field, fillingBy, onDataChange, }) => {
|
|
2
|
+
import { getFieldPlaceholderText } from '../../utils';
|
|
3
|
+
export const PdfViewFillable = ({ data, field, fillingBy, onDataChange, }) => {
|
|
12
4
|
const resolvedValue = data === null || data === void 0 ? void 0 : data[field.path];
|
|
13
5
|
const isViewByCurrentRecipient = fillingBy === null || fillingBy === void 0 ? void 0 : fillingBy.includes(field.recipient);
|
|
14
6
|
if (field.subType === 'checkbox') {
|
|
@@ -29,8 +21,8 @@ export const FillableFieldView = ({ data, field, fillingBy, onDataChange, }) =>
|
|
|
29
21
|
background: 'inherit',
|
|
30
22
|
width: 'inherit',
|
|
31
23
|
height: 'inherit',
|
|
32
|
-
}, children: [_jsx("input", { style: { width: 'inherit', height: 'inherit', margin: 0 }, type: "radio",
|
|
33
|
-
[field.path]:
|
|
24
|
+
}, children: [_jsx("input", { style: { width: 'inherit', height: 'inherit', margin: 0 }, type: "radio", value: field.id, checked: resolvedValue === field.id, disabled: !isViewByCurrentRecipient, name: field.path, onChange: () => onDataChange === null || onDataChange === void 0 ? void 0 : onDataChange({
|
|
25
|
+
[field.path]: field.id,
|
|
34
26
|
}) }), field.label] }));
|
|
35
27
|
}
|
|
36
28
|
if (field.subType === 'date') {
|
|
@@ -42,6 +34,15 @@ export const FillableFieldView = ({ data, field, fillingBy, onDataChange, }) =>
|
|
|
42
34
|
[field.path]: e.target.value,
|
|
43
35
|
}), placeholder: getFieldPlaceholderText(field, 'mm/dd/yyyy') }));
|
|
44
36
|
}
|
|
37
|
+
if (field.subType === 'number') {
|
|
38
|
+
return (_jsx("input", { type: "number", style: {
|
|
39
|
+
background: 'inherit',
|
|
40
|
+
width: 'inherit',
|
|
41
|
+
height: 'inherit',
|
|
42
|
+
}, disabled: !isViewByCurrentRecipient, id: field.path, name: field.path, value: resolvedValue !== null && resolvedValue !== void 0 ? resolvedValue : '', onChange: e => onDataChange === null || onDataChange === void 0 ? void 0 : onDataChange({
|
|
43
|
+
[field.path]: e.target.value,
|
|
44
|
+
}), placeholder: getFieldPlaceholderText(field) }));
|
|
45
|
+
}
|
|
45
46
|
return (_jsx("input", { type: "text", style: {
|
|
46
47
|
background: 'inherit',
|
|
47
48
|
width: 'inherit',
|
|
@@ -50,4 +51,4 @@ export const FillableFieldView = ({ data, field, fillingBy, onDataChange, }) =>
|
|
|
50
51
|
[field.path]: e.target.value,
|
|
51
52
|
}), placeholder: getFieldPlaceholderText(field) }));
|
|
52
53
|
};
|
|
53
|
-
//# sourceMappingURL=pdf-view-
|
|
54
|
+
//# sourceMappingURL=pdf-view-fillable.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"pdf-view-fillable.js","sourceRoot":"","sources":["../../../src/components/pdf-view/pdf-view-fillable.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,6 +1,5 @@
|
|
|
1
1
|
import { FC, ReactNode } from 'react';
|
|
2
|
-
import { DataModelValues, PdfField } from '
|
|
3
|
-
import { RecipientInfo } from './pdf-editor';
|
|
2
|
+
import { DataModelValues, PdfField, RecipientInfo } from '../../interface/types';
|
|
4
3
|
interface PdfViewProps {
|
|
5
4
|
fields: PdfField[];
|
|
6
5
|
data?: DataModelValues;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"pdf-view.d.ts","sourceRoot":"","sources":["../../../src/components/pdf-view/pdf-view.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,EAAE,EAAE,SAAS,EAAoB,MAAM,OAAO,CAAC;AAExD,OAAO,EAAE,eAAe,EAAiB,QAAQ,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AAOhG,UAAU,YAAY;IAClB,MAAM,EAAE,QAAQ,EAAE,CAAC;IACnB,IAAI,CAAC,EAAE,eAAe,CAAC;IACvB,MAAM,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,EAAE,CAAC;IACrB,kBAAkB,CAAC,EAAE,SAAS,CAAC;IAC/B,gBAAgB,CAAC,EAAE,SAAS,CAAC;IAC7B,UAAU,CAAC,EAAE,aAAa,EAAE,CAAC;IAC7B,YAAY,CAAC,CAAC,WAAW,EAAE;QAAE,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM,GAAG,OAAO,CAAA;KAAE,GAAG,IAAI,CAAC;CAC1E;AAED,eAAO,MAAM,OAAO,EAAE,EAAE,CAAC,YAAY,CA6EpC,CAAC"}
|
|
@@ -1,11 +1,13 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
2
|
import { Flex } from '@servicetitan/anvil2';
|
|
3
3
|
import { useRef, useState } from 'react';
|
|
4
|
-
import { BASE_PAGE_WIDTH } from '
|
|
5
|
-
import { FieldTypeEnum } from '
|
|
6
|
-
import { getFieldBackgroundColor, getPagePosition, mapColorsToRecipients } from '
|
|
7
|
-
import { PdfDocumentRenderer } from '
|
|
8
|
-
import {
|
|
4
|
+
import { BASE_PAGE_WIDTH } from '../../constants';
|
|
5
|
+
import { FieldTypeEnum } from '../../interface/types';
|
|
6
|
+
import { getFieldBackgroundColor, getPagePosition, mapColorsToRecipients } from '../../utils';
|
|
7
|
+
import { PdfDocumentRenderer } from '../pdf-canvas/pdf-document-renderer';
|
|
8
|
+
import { PdfViewDataModel } from './pdf-view-data-model';
|
|
9
|
+
import { PdfViewESign } from './pdf-view-e-sign';
|
|
10
|
+
import { PdfViewFillable } from './pdf-view-fillable';
|
|
9
11
|
export const PdfView = ({ data, errorPlaceholder, fields, fillingBy, loading = false, loadingPlaceholder, onDataChange, pdfUrl, recipients, }) => {
|
|
10
12
|
const [isPdfLoaded, setIsPdfLoaded] = useState(false);
|
|
11
13
|
const pdfWrapperRef = useRef(null);
|
|
@@ -26,7 +28,7 @@ export const PdfView = ({ data, errorPlaceholder, fields, fillingBy, loading = f
|
|
|
26
28
|
top: `${pagePos.top + field.y}px`,
|
|
27
29
|
width: `${field.width}px`,
|
|
28
30
|
height: `${field.height}px`,
|
|
29
|
-
}, children: [field.type === FieldTypeEnum.dataModel && (_jsx(
|
|
31
|
+
}, children: [field.type === FieldTypeEnum.dataModel && (_jsx(PdfViewDataModel, { field: field, data: data })), field.type === FieldTypeEnum.eSign && (_jsx(PdfViewESign, { field: field })), field.type === FieldTypeEnum.fillable && (_jsx(PdfViewFillable, { data: data, field: field, fillingBy: fillingBy, onDataChange: onDataChange }))] }, field.id));
|
|
30
32
|
}) }))] }) }));
|
|
31
33
|
};
|
|
32
34
|
//# sourceMappingURL=pdf-view.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"pdf-view.js","sourceRoot":"","sources":["../../../src/components/pdf-view/pdf-view.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,9 +1,9 @@
|
|
|
1
|
-
import { ESignFieldType, FieldTypeOption, FillableFieldType } from '../interface/
|
|
1
|
+
import { ESignFieldType, FieldTypeOption, FillableFieldType } from '../interface/types';
|
|
2
2
|
export declare const FIELD_CONSTANTS: {
|
|
3
3
|
readonly defaultWidth: 200;
|
|
4
4
|
readonly defaultHeight: 25;
|
|
5
|
-
readonly minWidth:
|
|
6
|
-
readonly minHeight:
|
|
5
|
+
readonly minWidth: 10;
|
|
6
|
+
readonly minHeight: 10;
|
|
7
7
|
readonly dropOffsetX: 75;
|
|
8
8
|
readonly dropOffsetY: 15;
|
|
9
9
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"field.constants.d.ts","sourceRoot":"","sources":["../../src/constants/field.constants.ts"],"names":[],"mappings":"AAAA,OAAO,EACH,cAAc,EAEd,eAAe,EACf,iBAAiB,EACpB,MAAM,
|
|
1
|
+
{"version":3,"file":"field.constants.d.ts","sourceRoot":"","sources":["../../src/constants/field.constants.ts"],"names":[],"mappings":"AAAA,OAAO,EACH,cAAc,EAEd,eAAe,EACf,iBAAiB,EACpB,MAAM,oBAAoB,CAAC;AAE5B,eAAO,MAAM,eAAe;;;;;;;CAOlB,CAAC;AAEX,eAAO,MAAM,4BAA4B,EAKpC,MAAM,CAAC,iBAAiB,GAAG,cAAc,EAAE;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,MAAM,EAAE,MAAM,CAAA;CAAE,CAAC,CAAC;AAEnF,eAAO,MAAM,yBAAyB,EAAE;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,EAAE,EAAE,cAAc,CAAA;CAAE,EAK3E,CAAC;AAEF,eAAO,MAAM,oBAAoB,EAAE,eAAe,EAMjD,CAAC;AAEF,eAAO,MAAM,kBAAkB,EAAE,eAAe,EAM/C,CAAC"}
|
|
@@ -1,9 +1,9 @@
|
|
|
1
|
-
import { ESignFieldType, FieldTypeEnum, } from '../interface/
|
|
1
|
+
import { ESignFieldType, FieldTypeEnum, } from '../interface/types';
|
|
2
2
|
export const FIELD_CONSTANTS = {
|
|
3
3
|
defaultWidth: 200,
|
|
4
4
|
defaultHeight: 25,
|
|
5
|
-
minWidth:
|
|
6
|
-
minHeight:
|
|
5
|
+
minWidth: 10,
|
|
6
|
+
minHeight: 10,
|
|
7
7
|
dropOffsetX: 75,
|
|
8
8
|
dropOffsetY: 15,
|
|
9
9
|
};
|
|
@@ -21,6 +21,7 @@ export const E_SIGN_FIELD_TYPE_OPTIONS = [
|
|
|
21
21
|
];
|
|
22
22
|
export const FILLABLE_FIELD_TYPES = [
|
|
23
23
|
{ label: 'Text Field', type: FieldTypeEnum.fillable, subType: 'text' },
|
|
24
|
+
{ label: 'Number Field', type: FieldTypeEnum.fillable, subType: 'number' },
|
|
24
25
|
{ label: 'Date Field', type: FieldTypeEnum.fillable, subType: 'date' },
|
|
25
26
|
{ label: 'Checkbox', type: FieldTypeEnum.fillable, subType: 'checkbox' },
|
|
26
27
|
{ label: 'Radio', type: FieldTypeEnum.fillable, subType: 'radio' },
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"field.constants.js","sourceRoot":"","sources":["../../src/constants/field.constants.ts"],"names":[],"mappings":"AAAA,OAAO,EACH,cAAc,EACd,aAAa,GAGhB,MAAM,
|
|
1
|
+
{"version":3,"file":"field.constants.js","sourceRoot":"","sources":["../../src/constants/field.constants.ts"],"names":[],"mappings":"AAAA,OAAO,EACH,cAAc,EACd,aAAa,GAGhB,MAAM,oBAAoB,CAAC;AAE5B,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,4BAA4B,GAAG;IACxC,IAAI,EAAE,EAAE,KAAK,EAAE,GAAG,EAAE,MAAM,EAAE,EAAE,EAAE;IAChC,IAAI,EAAE,EAAE,KAAK,EAAE,GAAG,EAAE,MAAM,EAAE,EAAE,EAAE;IAChC,KAAK,EAAE,EAAE,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE;IAChC,QAAQ,EAAE,EAAE,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE;CAC2C,CAAC;AAEnF,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,cAAc,EAAE,IAAI,EAAE,aAAa,CAAC,QAAQ,EAAE,OAAO,EAAE,QAAQ,EAAE;IAC1E,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;IACxE,EAAE,KAAK,EAAE,OAAO,EAAE,IAAI,EAAE,aAAa,CAAC,QAAQ,EAAE,OAAO,EAAE,OAAO,EAAE;CACrE,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"}
|
package/dist/hooks/index.d.ts
CHANGED
|
@@ -1,4 +1,8 @@
|
|
|
1
1
|
export * from './useFieldDrag';
|
|
2
2
|
export * from './useFieldResize';
|
|
3
|
+
export * from './useInitializePdfJsWorker';
|
|
3
4
|
export * from './usePdfDocumentRenderer';
|
|
5
|
+
export * from './usePdfFieldDnD';
|
|
6
|
+
export * from './usePdfFieldSelection';
|
|
7
|
+
export * from './useToggle';
|
|
4
8
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +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"}
|
|
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,4BAA4B,CAAC;AAC3C,cAAc,0BAA0B,CAAC;AACzC,cAAc,kBAAkB,CAAC;AACjC,cAAc,wBAAwB,CAAC;AACvC,cAAc,aAAa,CAAC"}
|
package/dist/hooks/index.js
CHANGED
|
@@ -1,4 +1,8 @@
|
|
|
1
1
|
export * from './useFieldDrag';
|
|
2
2
|
export * from './useFieldResize';
|
|
3
|
+
export * from './useInitializePdfJsWorker';
|
|
3
4
|
export * from './usePdfDocumentRenderer';
|
|
5
|
+
export * from './usePdfFieldDnD';
|
|
6
|
+
export * from './usePdfFieldSelection';
|
|
7
|
+
export * from './useToggle';
|
|
4
8
|
//# sourceMappingURL=index.js.map
|
package/dist/hooks/index.js.map
CHANGED
|
@@ -1 +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"}
|
|
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,4BAA4B,CAAC;AAC3C,cAAc,0BAA0B,CAAC;AACzC,cAAc,kBAAkB,CAAC;AACjC,cAAc,wBAAwB,CAAC;AACvC,cAAc,aAAa,CAAC"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { DragEvent, MutableRefObject, RefObject } from 'react';
|
|
2
|
-
import { PdfField } from '../interface/
|
|
2
|
+
import { PdfField } from '../interface/types';
|
|
3
3
|
interface UseFieldDragOptions {
|
|
4
4
|
pdfWrapperRef: RefObject<HTMLDivElement>;
|
|
5
5
|
onFieldMove: (fieldId: string, newX: number, newY: number, pageNumber: number) => void;
|
|
@@ -1 +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,
|
|
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,oBAAoB,CAAC;AAG9C,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"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { MouseEvent, RefObject } from 'react';
|
|
2
|
-
import { PdfField } from '../interface/
|
|
2
|
+
import { PdfField } from '../interface/types';
|
|
3
3
|
interface UseFieldResizeOptions {
|
|
4
4
|
pdfWrapperRef: RefObject<HTMLDivElement>;
|
|
5
5
|
onFieldResize: (fieldId: string, newWidth: number, newHeight: number, pageNumber: number) => void;
|
|
@@ -1 +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,
|
|
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,oBAAoB,CAAC;AAG9C,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,MAAM,WAAW,oBAAoB;IACjC,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 @@
|
|
|
1
|
+
{"version":3,"file":"useInitializePdfJsWorker.d.ts","sourceRoot":"","sources":["../../src/hooks/useInitializePdfJsWorker.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,wBAAwB,YAIpC,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"useInitializePdfJsWorker.js","sourceRoot":"","sources":["../../src/hooks/useInitializePdfJsWorker.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAClC,OAAO,EAAE,qBAAqB,EAAE,MAAM,UAAU,CAAC;AAEjD,MAAM,CAAC,MAAM,wBAAwB,GAAG,GAAG,EAAE;IACzC,SAAS,CAAC,GAAG,EAAE;QACX,qBAAqB,EAAE,CAAC;IAC5B,CAAC,EAAE,EAAE,CAAC,CAAC;AACX,CAAC,CAAC"}
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import { DragEvent, RefObject } from 'react';
|
|
2
|
+
import { FieldTypeOption, PdfField, RecipientInfo } from '../interface/types';
|
|
3
|
+
interface UsePdfFieldDnDProps {
|
|
4
|
+
fields: PdfField[];
|
|
5
|
+
recipients: RecipientInfo[];
|
|
6
|
+
onFieldsChange: (fields: PdfField[]) => void;
|
|
7
|
+
pdfWrapperRef: RefObject<HTMLDivElement>;
|
|
8
|
+
onSelectField: (id: string) => void;
|
|
9
|
+
}
|
|
10
|
+
export declare const usePdfFieldDnD: ({ fields, onFieldsChange, onSelectField, pdfWrapperRef, recipients, }: UsePdfFieldDnDProps) => {
|
|
11
|
+
handleDragStart: (fieldOption: FieldTypeOption) => void;
|
|
12
|
+
handleDragEnd: () => void;
|
|
13
|
+
handleDragOver: (e: DragEvent<HTMLDivElement>) => void;
|
|
14
|
+
handleDrop: (e: DragEvent<HTMLDivElement>, pageNumber: number) => void;
|
|
15
|
+
};
|
|
16
|
+
export {};
|
|
17
|
+
//# sourceMappingURL=usePdfFieldDnD.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"usePdfFieldDnD.d.ts","sourceRoot":"","sources":["../../src/hooks/usePdfFieldDnD.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,SAAS,EAAY,MAAM,OAAO,CAAC;AAGvD,OAAO,EAGH,eAAe,EACf,QAAQ,EACR,aAAa,EAChB,MAAM,oBAAoB,CAAC;AAQ5B,UAAU,mBAAmB;IACzB,MAAM,EAAE,QAAQ,EAAE,CAAC;IACnB,UAAU,EAAE,aAAa,EAAE,CAAC;IAC5B,cAAc,EAAE,CAAC,MAAM,EAAE,QAAQ,EAAE,KAAK,IAAI,CAAC;IAC7C,aAAa,EAAE,SAAS,CAAC,cAAc,CAAC,CAAC;IACzC,aAAa,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;CACvC;AAED,eAAO,MAAM,cAAc,GAAI,uEAM5B,mBAAmB;mCAGoB,eAAe;;wBAQ1B,SAAS,CAAC,cAAc,CAAC;oBAe7B,SAAS,CAAC,cAAc,CAAC,cAAc,MAAM;CA4DvE,CAAC"}
|
|
@@ -0,0 +1,78 @@
|
|
|
1
|
+
import { useState } from 'react';
|
|
2
|
+
import { v4 as uuidv4 } from 'uuid';
|
|
3
|
+
import { FIELD_CONSTANTS, FILLABLE_FIELD_DEFAULT_SIZES } from '../constants';
|
|
4
|
+
import { FieldTypeEnum, } from '../interface/types';
|
|
5
|
+
import { calculateDropCoordinates, generateESignPath, generateFillablePath, isDragOverCanvas, } from '../utils';
|
|
6
|
+
export const usePdfFieldDnD = ({ fields, onFieldsChange, onSelectField, pdfWrapperRef, recipients, }) => {
|
|
7
|
+
const [draggedFieldOption, setDraggedFieldOption] = useState(null);
|
|
8
|
+
const handleDragStart = (fieldOption) => {
|
|
9
|
+
setDraggedFieldOption(fieldOption);
|
|
10
|
+
};
|
|
11
|
+
const handleDragEnd = () => {
|
|
12
|
+
setDraggedFieldOption(null);
|
|
13
|
+
};
|
|
14
|
+
const handleDragOver = (e) => {
|
|
15
|
+
if (!draggedFieldOption) {
|
|
16
|
+
e.dataTransfer.dropEffect = 'none';
|
|
17
|
+
return;
|
|
18
|
+
}
|
|
19
|
+
if (isDragOverCanvas(e, pdfWrapperRef)) {
|
|
20
|
+
e.preventDefault();
|
|
21
|
+
e.stopPropagation();
|
|
22
|
+
e.dataTransfer.dropEffect = 'copy';
|
|
23
|
+
}
|
|
24
|
+
else {
|
|
25
|
+
e.dataTransfer.dropEffect = 'none';
|
|
26
|
+
}
|
|
27
|
+
};
|
|
28
|
+
const handleDrop = (e, pageNumber) => {
|
|
29
|
+
var _a, _b;
|
|
30
|
+
e.preventDefault();
|
|
31
|
+
e.stopPropagation();
|
|
32
|
+
if (e.dataTransfer.getData('text/plain') === 'existing-field' || !draggedFieldOption) {
|
|
33
|
+
return;
|
|
34
|
+
}
|
|
35
|
+
const coordinates = calculateDropCoordinates(e, pageNumber, pdfWrapperRef);
|
|
36
|
+
if (!coordinates) {
|
|
37
|
+
setDraggedFieldOption(null);
|
|
38
|
+
return;
|
|
39
|
+
}
|
|
40
|
+
const newField = {
|
|
41
|
+
id: uuidv4(),
|
|
42
|
+
type: draggedFieldOption.type,
|
|
43
|
+
subType: draggedFieldOption.subType,
|
|
44
|
+
x: coordinates.x,
|
|
45
|
+
y: coordinates.y,
|
|
46
|
+
page: pageNumber,
|
|
47
|
+
label: draggedFieldOption.label,
|
|
48
|
+
width: FIELD_CONSTANTS.defaultWidth,
|
|
49
|
+
height: FIELD_CONSTANTS.defaultHeight,
|
|
50
|
+
path: draggedFieldOption.path,
|
|
51
|
+
};
|
|
52
|
+
const recipientName = (_b = (_a = recipients[0]) === null || _a === void 0 ? void 0 : _a.name) !== null && _b !== void 0 ? _b : '';
|
|
53
|
+
if (newField.type === FieldTypeEnum.eSign) {
|
|
54
|
+
newField.recipient = recipientName;
|
|
55
|
+
newField.path = generateESignPath(recipientName, draggedFieldOption.subType);
|
|
56
|
+
}
|
|
57
|
+
if (newField.type === FieldTypeEnum.fillable) {
|
|
58
|
+
const defaultSize = FILLABLE_FIELD_DEFAULT_SIZES[newField.subType];
|
|
59
|
+
newField.recipient = recipientName;
|
|
60
|
+
newField.required = false;
|
|
61
|
+
newField.path = generateFillablePath(recipientName, uuidv4());
|
|
62
|
+
if (defaultSize) {
|
|
63
|
+
newField.width = defaultSize.width;
|
|
64
|
+
newField.height = defaultSize.height;
|
|
65
|
+
}
|
|
66
|
+
}
|
|
67
|
+
onFieldsChange([...fields, newField]);
|
|
68
|
+
onSelectField(newField.id);
|
|
69
|
+
setDraggedFieldOption(null);
|
|
70
|
+
};
|
|
71
|
+
return {
|
|
72
|
+
handleDragStart,
|
|
73
|
+
handleDragEnd,
|
|
74
|
+
handleDragOver,
|
|
75
|
+
handleDrop,
|
|
76
|
+
};
|
|
77
|
+
};
|
|
78
|
+
//# sourceMappingURL=usePdfFieldDnD.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"usePdfFieldDnD.js","sourceRoot":"","sources":["../../src/hooks/usePdfFieldDnD.ts"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import { MouseEvent } from 'react';
|
|
2
|
+
import { PdfField } from '../interface/types';
|
|
3
|
+
export declare const usePdfFieldSelection: (fields: PdfField[], onFieldsChange: (fields: PdfField[]) => void) => {
|
|
4
|
+
selectedField: PdfField | null;
|
|
5
|
+
selectField: (fieldId: string, e?: MouseEvent) => void;
|
|
6
|
+
deselectField: () => void;
|
|
7
|
+
updateField: (updates: Partial<PdfField>) => void;
|
|
8
|
+
deleteSelectedField: () => void;
|
|
9
|
+
moveField: (id: string, x: number, y: number, page: number) => void;
|
|
10
|
+
resizeField: (id: string, width: number, height: number, page: number) => void;
|
|
11
|
+
setSelectedFieldId: import("react").Dispatch<import("react").SetStateAction<string | null>>;
|
|
12
|
+
};
|
|
13
|
+
//# sourceMappingURL=usePdfFieldSelection.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"usePdfFieldSelection.d.ts","sourceRoot":"","sources":["../../src/hooks/usePdfFieldSelection.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAqB,MAAM,OAAO,CAAC;AACtD,OAAO,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAC;AAE9C,eAAO,MAAM,oBAAoB,GAC7B,QAAQ,QAAQ,EAAE,EAClB,gBAAgB,CAAC,MAAM,EAAE,QAAQ,EAAE,KAAK,IAAI;;2BASd,MAAM,MAAM,UAAU;;2BAOtB,OAAO,CAAC,QAAQ,CAAC;;oBAexB,MAAM,KAAK,MAAM,KAAK,MAAM,QAAQ,MAAM;sBAIxC,MAAM,SAAS,MAAM,UAAU,MAAM,QAAQ,MAAM;;CAc/E,CAAC"}
|
|
@@ -0,0 +1,40 @@
|
|
|
1
|
+
import { useMemo, useState } from 'react';
|
|
2
|
+
export const usePdfFieldSelection = (fields, onFieldsChange) => {
|
|
3
|
+
const [selectedFieldId, setSelectedFieldId] = useState(null);
|
|
4
|
+
const selectedField = useMemo(() => { var _a; return (_a = fields.find(f => f.id === selectedFieldId)) !== null && _a !== void 0 ? _a : null; }, [fields, selectedFieldId]);
|
|
5
|
+
const selectField = (fieldId, e) => {
|
|
6
|
+
e === null || e === void 0 ? void 0 : e.stopPropagation();
|
|
7
|
+
setSelectedFieldId(fieldId);
|
|
8
|
+
};
|
|
9
|
+
const deselectField = () => setSelectedFieldId(null);
|
|
10
|
+
const updateField = (updates) => {
|
|
11
|
+
if (!selectedFieldId) {
|
|
12
|
+
return;
|
|
13
|
+
}
|
|
14
|
+
onFieldsChange(fields.map(f => (f.id === selectedFieldId ? { ...f, ...updates } : f)));
|
|
15
|
+
};
|
|
16
|
+
const deleteSelectedField = () => {
|
|
17
|
+
if (!selectedFieldId) {
|
|
18
|
+
return;
|
|
19
|
+
}
|
|
20
|
+
onFieldsChange(fields.filter(f => f.id !== selectedFieldId));
|
|
21
|
+
setSelectedFieldId(null);
|
|
22
|
+
};
|
|
23
|
+
const moveField = (id, x, y, page) => {
|
|
24
|
+
onFieldsChange(fields.map(f => (f.id === id ? { ...f, x, y, page } : f)));
|
|
25
|
+
};
|
|
26
|
+
const resizeField = (id, width, height, page) => {
|
|
27
|
+
onFieldsChange(fields.map(f => (f.id === id ? { ...f, width, height, page } : f)));
|
|
28
|
+
};
|
|
29
|
+
return {
|
|
30
|
+
selectedField,
|
|
31
|
+
selectField,
|
|
32
|
+
deselectField,
|
|
33
|
+
updateField,
|
|
34
|
+
deleteSelectedField,
|
|
35
|
+
moveField,
|
|
36
|
+
resizeField,
|
|
37
|
+
setSelectedFieldId,
|
|
38
|
+
};
|
|
39
|
+
};
|
|
40
|
+
//# sourceMappingURL=usePdfFieldSelection.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"usePdfFieldSelection.js","sourceRoot":"","sources":["../../src/hooks/usePdfFieldSelection.ts"],"names":[],"mappings":"AAAA,OAAO,EAAc,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAGtD,MAAM,CAAC,MAAM,oBAAoB,GAAG,CAChC,MAAkB,EAClB,cAA4C,EAC9C,EAAE;IACA,MAAM,CAAC,eAAe,EAAE,kBAAkB,CAAC,GAAG,QAAQ,CAAgB,IAAI,CAAC,CAAC;IAE5E,MAAM,aAAa,GAAG,OAAO,CACzB,GAAG,EAAE,WAAC,OAAA,MAAA,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,KAAK,eAAe,CAAC,mCAAI,IAAI,CAAA,EAAA,EACxD,CAAC,MAAM,EAAE,eAAe,CAAC,CAC5B,CAAC;IAEF,MAAM,WAAW,GAAG,CAAC,OAAe,EAAE,CAAc,EAAE,EAAE;QACpD,CAAC,aAAD,CAAC,uBAAD,CAAC,CAAE,eAAe,EAAE,CAAC;QACrB,kBAAkB,CAAC,OAAO,CAAC,CAAC;IAChC,CAAC,CAAC;IAEF,MAAM,aAAa,GAAG,GAAG,EAAE,CAAC,kBAAkB,CAAC,IAAI,CAAC,CAAC;IAErD,MAAM,WAAW,GAAG,CAAC,OAA0B,EAAE,EAAE;QAC/C,IAAI,CAAC,eAAe,EAAE,CAAC;YACnB,OAAO;QACX,CAAC;QACD,cAAc,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,EAAE,KAAK,eAAe,CAAC,CAAC,CAAC,EAAE,GAAG,CAAC,EAAE,GAAG,OAAO,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;IAC3F,CAAC,CAAC;IAEF,MAAM,mBAAmB,GAAG,GAAG,EAAE;QAC7B,IAAI,CAAC,eAAe,EAAE,CAAC;YACnB,OAAO;QACX,CAAC;QACD,cAAc,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,KAAK,eAAe,CAAC,CAAC,CAAC;QAC7D,kBAAkB,CAAC,IAAI,CAAC,CAAC;IAC7B,CAAC,CAAC;IAEF,MAAM,SAAS,GAAG,CAAC,EAAU,EAAE,CAAS,EAAE,CAAS,EAAE,IAAY,EAAE,EAAE;QACjE,cAAc,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,CAAC,CAAC,CAAC,EAAE,GAAG,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;IAC9E,CAAC,CAAC;IAEF,MAAM,WAAW,GAAG,CAAC,EAAU,EAAE,KAAa,EAAE,MAAc,EAAE,IAAY,EAAE,EAAE;QAC5E,cAAc,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,CAAC,CAAC,CAAC,EAAE,GAAG,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;IACvF,CAAC,CAAC;IAEF,OAAO;QACH,aAAa;QACb,WAAW;QACX,aAAa;QACb,WAAW;QACX,mBAAmB;QACnB,SAAS;QACT,WAAW;QACX,kBAAkB;KACrB,CAAC;AACN,CAAC,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"useToggle.d.ts","sourceRoot":"","sources":["../../src/hooks/useToggle.ts"],"names":[],"mappings":"AAEA,MAAM,WAAW,eAAe;IAC5B,MAAM,EAAE,OAAO,CAAC;IAChB,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,IAAI,EAAE,MAAM,IAAI,CAAC;IACjB,KAAK,EAAE,MAAM,IAAI,CAAC;CACrB;AAED,eAAO,MAAM,SAAS,GAAI,eAAc,OAAe,KAAG,eAgBzD,CAAC"}
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import { useCallback, useState } from 'react';
|
|
2
|
+
export const useToggle = (initialValue = false) => {
|
|
3
|
+
const [isOpen, setIsOpen] = useState(initialValue);
|
|
4
|
+
const toggle = useCallback(() => {
|
|
5
|
+
setIsOpen(v => !v);
|
|
6
|
+
}, []);
|
|
7
|
+
const open = useCallback(() => {
|
|
8
|
+
setIsOpen(true);
|
|
9
|
+
}, []);
|
|
10
|
+
const close = useCallback(() => {
|
|
11
|
+
setIsOpen(false);
|
|
12
|
+
}, []);
|
|
13
|
+
return { isOpen, toggle, open, close };
|
|
14
|
+
};
|
|
15
|
+
//# sourceMappingURL=useToggle.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"useToggle.js","sourceRoot":"","sources":["../../src/hooks/useToggle.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAS9C,MAAM,CAAC,MAAM,SAAS,GAAG,CAAC,eAAwB,KAAK,EAAmB,EAAE;IACxE,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAU,YAAY,CAAC,CAAC;IAE5D,MAAM,MAAM,GAAG,WAAW,CAAC,GAAG,EAAE;QAC5B,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC;IACvB,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,IAAI,GAAG,WAAW,CAAC,GAAG,EAAE;QAC1B,SAAS,CAAC,IAAI,CAAC,CAAC;IACpB,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,KAAK,GAAG,WAAW,CAAC,GAAG,EAAE;QAC3B,SAAS,CAAC,KAAK,CAAC,CAAC;IACrB,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC;AAC3C,CAAC,CAAC"}
|
package/dist/index.d.ts
CHANGED
package/dist/index.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,mBAAmB,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,mBAAmB,mBAAmB,CAAC;AACvC,cAAc,cAAc,CAAC"}
|