@servicetitan/dte-pdf-editor 1.16.0 → 1.18.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 +35 -7
- package/dist/components/field-config-panel/advanced-settings.d.ts +9 -0
- package/dist/components/field-config-panel/advanced-settings.d.ts.map +1 -0
- package/dist/components/field-config-panel/advanced-settings.js +17 -0
- package/dist/components/field-config-panel/advanced-settings.js.map +1 -0
- package/dist/components/field-config-panel/field-config-panel-overlay.d.ts +4 -1
- package/dist/components/field-config-panel/field-config-panel-overlay.d.ts.map +1 -1
- package/dist/components/field-config-panel/field-config-panel-overlay.js +2 -2
- package/dist/components/field-config-panel/field-config-panel-overlay.js.map +1 -1
- package/dist/components/field-config-panel/field-config-panel.d.ts +4 -1
- package/dist/components/field-config-panel/field-config-panel.d.ts.map +1 -1
- package/dist/components/field-config-panel/field-config-panel.js +11 -5
- package/dist/components/field-config-panel/field-config-panel.js.map +1 -1
- package/dist/components/field-config-panel/field-sidebar.d.ts +13 -0
- package/dist/components/field-config-panel/field-sidebar.d.ts.map +1 -0
- package/dist/components/field-config-panel/field-sidebar.js +20 -0
- package/dist/components/field-config-panel/field-sidebar.js.map +1 -0
- package/dist/components/field-config-panel/formula-generator.d.ts +11 -0
- package/dist/components/field-config-panel/formula-generator.d.ts.map +1 -0
- package/dist/components/field-config-panel/formula-generator.js +51 -0
- package/dist/components/field-config-panel/formula-generator.js.map +1 -0
- package/dist/components/field-config-panel/formula-modal.d.ts +12 -0
- package/dist/components/field-config-panel/formula-modal.d.ts.map +1 -0
- package/dist/components/field-config-panel/formula-modal.js +99 -0
- package/dist/components/field-config-panel/formula-modal.js.map +1 -0
- package/dist/components/field-config-panel/formula-workspace.d.ts +23 -0
- package/dist/components/field-config-panel/formula-workspace.d.ts.map +1 -0
- package/dist/components/field-config-panel/formula-workspace.js +28 -0
- package/dist/components/field-config-panel/formula-workspace.js.map +1 -0
- package/dist/components/field-config-panel/result-type-selector.d.ts +9 -0
- package/dist/components/field-config-panel/result-type-selector.d.ts.map +1 -0
- package/dist/components/field-config-panel/result-type-selector.js +10 -0
- package/dist/components/field-config-panel/result-type-selector.js.map +1 -0
- package/dist/components/field-sidebar/calculated-field-type-list.d.ts +9 -0
- package/dist/components/field-sidebar/calculated-field-type-list.d.ts.map +1 -0
- package/dist/components/field-sidebar/calculated-field-type-list.js +12 -0
- package/dist/components/field-sidebar/calculated-field-type-list.js.map +1 -0
- package/dist/components/field-sidebar/data-model-field-type-list.d.ts +0 -1
- package/dist/components/field-sidebar/data-model-field-type-list.d.ts.map +1 -1
- package/dist/components/field-sidebar/data-model-field-type-list.js +8 -7
- package/dist/components/field-sidebar/data-model-field-type-list.js.map +1 -1
- package/dist/components/field-sidebar/field-menu-group.d.ts +11 -0
- package/dist/components/field-sidebar/field-menu-group.d.ts.map +1 -0
- package/dist/components/field-sidebar/field-menu-group.js +6 -0
- package/dist/components/field-sidebar/field-menu-group.js.map +1 -0
- package/dist/components/field-sidebar/field-sidebar.d.ts.map +1 -1
- package/dist/components/field-sidebar/field-sidebar.js +6 -15
- package/dist/components/field-sidebar/field-sidebar.js.map +1 -1
- package/dist/components/field-sidebar/fillable-field-type-list.d.ts +0 -1
- package/dist/components/field-sidebar/fillable-field-type-list.d.ts.map +1 -1
- package/dist/components/field-sidebar/fillable-field-type-list.js +8 -9
- package/dist/components/field-sidebar/fillable-field-type-list.js.map +1 -1
- package/dist/components/pdf-editor/pdf-editor.d.ts.map +1 -1
- package/dist/components/pdf-editor/pdf-editor.js +1 -1
- package/dist/components/pdf-editor/pdf-editor.js.map +1 -1
- package/dist/components/pdf-fields-overlay/pdf-overlay-field-calculated.d.ts +8 -0
- package/dist/components/pdf-fields-overlay/pdf-overlay-field-calculated.d.ts.map +1 -0
- package/dist/components/pdf-fields-overlay/pdf-overlay-field-calculated.js +5 -0
- package/dist/components/pdf-fields-overlay/pdf-overlay-field-calculated.js.map +1 -0
- package/dist/components/pdf-fields-overlay/pdf-overlay-field.d.ts.map +1 -1
- package/dist/components/pdf-fields-overlay/pdf-overlay-field.js +11 -6
- package/dist/components/pdf-fields-overlay/pdf-overlay-field.js.map +1 -1
- package/dist/components/pdf-view/pdf-view-calculated.d.ts +9 -0
- package/dist/components/pdf-view/pdf-view-calculated.d.ts.map +1 -0
- package/dist/components/pdf-view/pdf-view-calculated.js +18 -0
- package/dist/components/pdf-view/pdf-view-calculated.js.map +1 -0
- package/dist/components/pdf-view/pdf-view.d.ts.map +1 -1
- package/dist/components/pdf-view/pdf-view.js +2 -1
- package/dist/components/pdf-view/pdf-view.js.map +1 -1
- package/dist/constants/field.constants.d.ts +3 -2
- package/dist/constants/field.constants.d.ts.map +1 -1
- package/dist/constants/field.constants.js +6 -0
- package/dist/constants/field.constants.js.map +1 -1
- package/dist/constants/menu-group.d.ts +8 -0
- package/dist/constants/menu-group.d.ts.map +1 -0
- package/dist/constants/menu-group.js +20 -0
- package/dist/constants/menu-group.js.map +1 -0
- package/dist/hooks/index.d.ts +1 -0
- package/dist/hooks/index.d.ts.map +1 -1
- package/dist/hooks/index.js +1 -0
- package/dist/hooks/index.js.map +1 -1
- package/dist/hooks/useFieldDrag.d.ts +9 -2
- package/dist/hooks/useFieldDrag.d.ts.map +1 -1
- package/dist/hooks/useFieldDrag.js +60 -8
- package/dist/hooks/useFieldDrag.js.map +1 -1
- package/dist/hooks/useFormulaEditor.d.ts +22 -0
- package/dist/hooks/useFormulaEditor.d.ts.map +1 -0
- package/dist/hooks/useFormulaEditor.js +290 -0
- package/dist/hooks/useFormulaEditor.js.map +1 -0
- package/dist/hooks/usePdfFieldDnD.d.ts.map +1 -1
- package/dist/hooks/usePdfFieldDnD.js +19 -3
- package/dist/hooks/usePdfFieldDnD.js.map +1 -1
- package/dist/interface/types.d.ts +45 -3
- package/dist/interface/types.d.ts.map +1 -1
- package/dist/interface/types.js +3 -0
- package/dist/interface/types.js.map +1 -1
- package/dist/utils/data-model/extract-fields.utils.d.ts +5 -5
- package/dist/utils/data-model/extract-fields.utils.d.ts.map +1 -1
- package/dist/utils/data-model/extract-fields.utils.js +42 -8
- package/dist/utils/data-model/extract-fields.utils.js.map +1 -1
- package/dist/utils/formula/caret.utils.d.ts +3 -0
- package/dist/utils/formula/caret.utils.d.ts.map +1 -0
- package/dist/utils/formula/caret.utils.js +123 -0
- package/dist/utils/formula/caret.utils.js.map +1 -0
- package/dist/utils/formula/dom.utils.d.ts +4 -0
- package/dist/utils/formula/dom.utils.d.ts.map +1 -0
- package/dist/utils/formula/dom.utils.js +34 -0
- package/dist/utils/formula/dom.utils.js.map +1 -0
- package/dist/utils/formula/evaluate-formula.utils.d.ts +13 -0
- package/dist/utils/formula/evaluate-formula.utils.d.ts.map +1 -0
- package/dist/utils/formula/evaluate-formula.utils.js +134 -0
- package/dist/utils/formula/evaluate-formula.utils.js.map +1 -0
- package/dist/utils/formula/expression.utils.d.ts +18 -0
- package/dist/utils/formula/expression.utils.d.ts.map +1 -0
- package/dist/utils/formula/expression.utils.js +84 -0
- package/dist/utils/formula/expression.utils.js.map +1 -0
- package/dist/utils/formula/format-calculated-result.utils.d.ts +7 -0
- package/dist/utils/formula/format-calculated-result.utils.d.ts.map +1 -0
- package/dist/utils/formula/format-calculated-result.utils.js +50 -0
- package/dist/utils/formula/format-calculated-result.utils.js.map +1 -0
- package/dist/utils/formula/formula-types.d.ts +3 -0
- package/dist/utils/formula/formula-types.d.ts.map +1 -0
- package/dist/utils/formula/formula-types.js +2 -0
- package/dist/utils/formula/formula-types.js.map +1 -0
- package/dist/utils/formula/index.d.ts +11 -0
- package/dist/utils/formula/index.d.ts.map +1 -0
- package/dist/utils/formula/index.js +11 -0
- package/dist/utils/formula/index.js.map +1 -0
- package/dist/utils/formula/referenced-paths.utils.d.ts +7 -0
- package/dist/utils/formula/referenced-paths.utils.d.ts.map +1 -0
- package/dist/utils/formula/referenced-paths.utils.js +18 -0
- package/dist/utils/formula/referenced-paths.utils.js.map +1 -0
- package/dist/utils/formula/render-formula.utils.d.ts +8 -0
- package/dist/utils/formula/render-formula.utils.d.ts.map +1 -0
- package/dist/utils/formula/render-formula.utils.js +39 -0
- package/dist/utils/formula/render-formula.utils.js.map +1 -0
- package/dist/utils/formula/serialize-formula.utils.d.ts +14 -0
- package/dist/utils/formula/serialize-formula.utils.d.ts.map +1 -0
- package/dist/utils/formula/serialize-formula.utils.js +33 -0
- package/dist/utils/formula/serialize-formula.utils.js.map +1 -0
- package/dist/utils/formula/validate-formula.utils.d.ts +11 -0
- package/dist/utils/formula/validate-formula.utils.d.ts.map +1 -0
- package/dist/utils/formula/validate-formula.utils.js +79 -0
- package/dist/utils/formula/validate-formula.utils.js.map +1 -0
- package/dist/utils/index.d.ts +1 -0
- package/dist/utils/index.d.ts.map +1 -1
- package/dist/utils/index.js +1 -0
- package/dist/utils/index.js.map +1 -1
- package/package.json +2 -2
- package/src/components/field-config-panel/advanced-settings.tsx +113 -0
- package/src/components/field-config-panel/field-config-panel-overlay.tsx +8 -1
- package/src/components/field-config-panel/field-config-panel.tsx +43 -15
- package/src/components/field-config-panel/field-sidebar.tsx +91 -0
- package/src/components/field-config-panel/formula-generator.tsx +122 -0
- package/src/components/field-config-panel/formula-modal.tsx +229 -0
- package/src/components/field-config-panel/formula-workspace.tsx +116 -0
- package/src/components/field-config-panel/result-type-selector.tsx +34 -0
- package/src/components/field-sidebar/calculated-field-type-list.tsx +29 -0
- package/src/components/field-sidebar/data-model-field-type-list.tsx +10 -4
- package/src/components/field-sidebar/field-menu-group.tsx +36 -0
- package/src/components/field-sidebar/field-sidebar.tsx +14 -55
- package/src/components/field-sidebar/fillable-field-type-list.tsx +11 -9
- package/src/components/pdf-editor/pdf-editor.tsx +2 -0
- package/src/components/pdf-fields-overlay/pdf-overlay-field-calculated.tsx +15 -0
- package/src/components/pdf-fields-overlay/pdf-overlay-field.tsx +10 -5
- package/src/components/pdf-view/pdf-view-calculated.tsx +23 -0
- package/src/components/pdf-view/pdf-view.tsx +4 -0
- package/src/constants/field.constants.ts +9 -2
- package/src/constants/menu-group.ts +26 -0
- package/src/hooks/index.ts +1 -0
- package/src/hooks/useFieldDrag.ts +84 -8
- package/src/hooks/useFormulaEditor.ts +336 -0
- package/src/hooks/usePdfFieldDnD.ts +36 -14
- package/src/interface/types.ts +38 -2
- package/src/styles/formula-modal.css +307 -0
- package/src/styles/index.css +1 -0
- package/src/styles/pdf-field-overlay.css +1 -0
- package/src/utils/data-model/extract-fields.utils.ts +65 -7
- package/src/utils/formula/caret.utils.ts +125 -0
- package/src/utils/formula/dom.utils.ts +35 -0
- package/src/utils/formula/evaluate-formula.utils.ts +159 -0
- package/src/utils/formula/expression.utils.ts +99 -0
- package/src/utils/formula/format-calculated-result.utils.ts +79 -0
- package/src/utils/formula/formula-types.ts +2 -0
- package/src/utils/formula/index.ts +10 -0
- package/src/utils/formula/referenced-paths.utils.ts +18 -0
- package/src/utils/formula/render-formula.utils.ts +40 -0
- package/src/utils/formula/serialize-formula.utils.ts +40 -0
- package/src/utils/formula/validate-formula.utils.ts +94 -0
- package/src/utils/index.ts +1 -0
package/dist/hooks/index.d.ts
CHANGED
|
@@ -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;AACzC,cAAc,kBAAkB,CAAC;AACjC,cAAc,wBAAwB,CAAC;AACvC,cAAc,aAAa,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,oBAAoB,CAAC;AACnC,cAAc,0BAA0B,CAAC;AACzC,cAAc,kBAAkB,CAAC;AACjC,cAAc,wBAAwB,CAAC;AACvC,cAAc,aAAa,CAAC"}
|
package/dist/hooks/index.js
CHANGED
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;AACzC,cAAc,kBAAkB,CAAC;AACjC,cAAc,wBAAwB,CAAC;AACvC,cAAc,aAAa,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,oBAAoB,CAAC;AACnC,cAAc,0BAA0B,CAAC;AACzC,cAAc,kBAAkB,CAAC;AACjC,cAAc,wBAAwB,CAAC;AACvC,cAAc,aAAa,CAAC"}
|
|
@@ -1,5 +1,10 @@
|
|
|
1
1
|
import { DragEvent, MutableRefObject, RefObject } from 'react';
|
|
2
2
|
import { PdfField } from '../interface/types';
|
|
3
|
+
export interface DragVisualPosition {
|
|
4
|
+
x: number;
|
|
5
|
+
y: number;
|
|
6
|
+
page: number;
|
|
7
|
+
}
|
|
3
8
|
interface UseFieldDragOptions {
|
|
4
9
|
pdfWrapperRef: RefObject<HTMLDivElement>;
|
|
5
10
|
onFieldMove: (fieldId: string, newX: number, newY: number, pageNumber: number) => void;
|
|
@@ -11,13 +16,15 @@ interface UseFieldDragReturn {
|
|
|
11
16
|
page: number;
|
|
12
17
|
} | null>;
|
|
13
18
|
draggingFieldIdRef: MutableRefObject<string | null>;
|
|
19
|
+
dragVisualPosition: DragVisualPosition | null;
|
|
14
20
|
handleDragStart: (e: DragEvent<HTMLDivElement>, field: PdfField) => void;
|
|
15
21
|
handleDrag: (e: DragEvent<HTMLDivElement>, field: PdfField) => void;
|
|
16
22
|
handleDragEnd: () => void;
|
|
17
23
|
}
|
|
18
24
|
/**
|
|
19
|
-
* Custom hook for handling field drag operations
|
|
20
|
-
*
|
|
25
|
+
* Custom hook for handling field drag operations.
|
|
26
|
+
* During drag, position is kept in local state (dragVisualPosition) so the rest of the tree
|
|
27
|
+
* (config panel, other fields) does not re-render. onFieldMove is called only once on drag end.
|
|
21
28
|
*/
|
|
22
29
|
export declare const useFieldDrag: ({ onFieldMove, pdfWrapperRef, }: UseFieldDragOptions) => UseFieldDragReturn;
|
|
23
30
|
export {};
|
|
@@ -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,
|
|
1
|
+
{"version":3,"file":"useFieldDrag.d.ts","sourceRoot":"","sources":["../../src/hooks/useFieldDrag.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,gBAAgB,EAAE,SAAS,EAAiC,MAAM,OAAO,CAAC;AAC9F,OAAO,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAC;AAQ9C,MAAM,WAAW,kBAAkB;IAC/B,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;IACV,IAAI,EAAE,MAAM,CAAC;CAChB;AAED,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,kBAAkB,EAAE,kBAAkB,GAAG,IAAI,CAAC;IAC9C,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;AAQD;;;;GAIG;AACH,eAAO,MAAM,YAAY,GAAI,iCAG1B,mBAAmB,KAAG,kBAwFxB,CAAC"}
|
|
@@ -1,31 +1,83 @@
|
|
|
1
|
-
import { useRef } from 'react';
|
|
2
|
-
import {
|
|
1
|
+
import { useCallback, useRef, useState } from 'react';
|
|
2
|
+
import { getPageDimensions, getPageNumberFromClientY, getPagePosition, handleFieldDragStart, } from '../utils';
|
|
3
3
|
/**
|
|
4
|
-
* Custom hook for handling field drag operations
|
|
5
|
-
*
|
|
4
|
+
* Custom hook for handling field drag operations.
|
|
5
|
+
* During drag, position is kept in local state (dragVisualPosition) so the rest of the tree
|
|
6
|
+
* (config panel, other fields) does not re-render. onFieldMove is called only once on drag end.
|
|
6
7
|
*/
|
|
7
8
|
export const useFieldDrag = ({ onFieldMove, pdfWrapperRef, }) => {
|
|
8
9
|
const dragOffsetRef = useRef(null);
|
|
9
10
|
const draggingFieldIdRef = useRef(null);
|
|
11
|
+
const pendingMoveRef = useRef(null);
|
|
12
|
+
const rafIdRef = useRef(null);
|
|
13
|
+
const fieldIdRef = useRef(null);
|
|
14
|
+
const [dragVisualPosition, setDragVisualPosition] = useState(null);
|
|
15
|
+
const flushPendingVisualUpdate = useCallback(() => {
|
|
16
|
+
if (pendingMoveRef.current) {
|
|
17
|
+
setDragVisualPosition({ ...pendingMoveRef.current });
|
|
18
|
+
pendingMoveRef.current = null;
|
|
19
|
+
}
|
|
20
|
+
rafIdRef.current = null;
|
|
21
|
+
}, []);
|
|
10
22
|
const handleDragStart = (e, field) => {
|
|
11
23
|
draggingFieldIdRef.current = field.id;
|
|
24
|
+
fieldIdRef.current = field.id;
|
|
25
|
+
pendingMoveRef.current = null;
|
|
26
|
+
if (rafIdRef.current !== null) {
|
|
27
|
+
cancelAnimationFrame(rafIdRef.current);
|
|
28
|
+
rafIdRef.current = null;
|
|
29
|
+
}
|
|
30
|
+
setDragVisualPosition({ x: field.x, y: field.y, page: field.page });
|
|
12
31
|
const dragOffset = handleFieldDragStart(e, field, pdfWrapperRef);
|
|
13
32
|
if (dragOffset) {
|
|
14
33
|
dragOffsetRef.current = dragOffset;
|
|
15
34
|
}
|
|
16
35
|
};
|
|
17
36
|
const handleDrag = (e, field) => {
|
|
18
|
-
|
|
19
|
-
|
|
37
|
+
var _a;
|
|
38
|
+
if (!dragOffsetRef.current) {
|
|
39
|
+
return;
|
|
40
|
+
}
|
|
41
|
+
if (!pdfWrapperRef.current || e.clientX === 0 || e.clientY === 0) {
|
|
42
|
+
return;
|
|
20
43
|
}
|
|
44
|
+
const currentPage = getPageNumberFromClientY(e.clientY, pdfWrapperRef);
|
|
45
|
+
const currentPagePos = getPagePosition(currentPage, pdfWrapperRef);
|
|
46
|
+
const wrapperRect = pdfWrapperRef.current.getBoundingClientRect();
|
|
47
|
+
const pageDimensions = getPageDimensions(currentPage, pdfWrapperRef);
|
|
48
|
+
const x = e.clientX - wrapperRect.left - currentPagePos.left - dragOffsetRef.current.x;
|
|
49
|
+
const y = e.clientY - wrapperRect.top - currentPagePos.top - dragOffsetRef.current.y;
|
|
50
|
+
const minX = 0;
|
|
51
|
+
const minY = 0;
|
|
52
|
+
const maxX = Math.max(0, pageDimensions.width - field.width);
|
|
53
|
+
const maxY = Math.max(0, pageDimensions.height - field.height);
|
|
54
|
+
const clampedX = Math.max(minX, Math.min(maxX, x));
|
|
55
|
+
const clampedY = Math.max(minY, Math.min(maxY, y));
|
|
56
|
+
pendingMoveRef.current = { x: clampedX, y: clampedY, page: currentPage };
|
|
57
|
+
(_a = rafIdRef.current) !== null && _a !== void 0 ? _a : (rafIdRef.current = requestAnimationFrame(flushPendingVisualUpdate));
|
|
21
58
|
};
|
|
22
|
-
const handleDragEnd = () => {
|
|
59
|
+
const handleDragEnd = useCallback(() => {
|
|
60
|
+
var _a;
|
|
61
|
+
if (rafIdRef.current !== null) {
|
|
62
|
+
cancelAnimationFrame(rafIdRef.current);
|
|
63
|
+
rafIdRef.current = null;
|
|
64
|
+
}
|
|
65
|
+
// Prefer pending (latest) position; fallback to current visual state
|
|
66
|
+
const final = (_a = pendingMoveRef.current) !== null && _a !== void 0 ? _a : dragVisualPosition;
|
|
67
|
+
const fid = fieldIdRef.current;
|
|
68
|
+
pendingMoveRef.current = null;
|
|
69
|
+
setDragVisualPosition(null);
|
|
23
70
|
dragOffsetRef.current = null;
|
|
24
71
|
draggingFieldIdRef.current = null;
|
|
25
|
-
|
|
72
|
+
fieldIdRef.current = null;
|
|
73
|
+
if (fid && final) {
|
|
74
|
+
onFieldMove(fid, final.x, final.y, final.page);
|
|
75
|
+
}
|
|
76
|
+
}, [onFieldMove, dragVisualPosition]);
|
|
26
77
|
return {
|
|
27
78
|
dragOffsetRef,
|
|
28
79
|
draggingFieldIdRef,
|
|
80
|
+
dragVisualPosition,
|
|
29
81
|
handleDragStart,
|
|
30
82
|
handleDrag,
|
|
31
83
|
handleDragEnd,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useFieldDrag.js","sourceRoot":"","sources":["../../src/hooks/useFieldDrag.ts"],"names":[],"mappings":"AAAA,OAAO,EAA0C,MAAM,EAAE,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"useFieldDrag.js","sourceRoot":"","sources":["../../src/hooks/useFieldDrag.ts"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
import { KeyboardEvent as ReactKeyboardEvent } from 'react';
|
|
2
|
+
export declare const useFormulaEditor: (params: {
|
|
3
|
+
currentExpression: string;
|
|
4
|
+
opened: boolean;
|
|
5
|
+
pathToLabel: Map<string, string>;
|
|
6
|
+
}) => {
|
|
7
|
+
draftExpression: string;
|
|
8
|
+
editorRef: import("react").MutableRefObject<HTMLDivElement | null>;
|
|
9
|
+
isDirty: boolean;
|
|
10
|
+
canUndo: boolean;
|
|
11
|
+
canRedo: boolean;
|
|
12
|
+
undo: () => void;
|
|
13
|
+
redo: () => void;
|
|
14
|
+
handleEditorInput: () => void;
|
|
15
|
+
handleKeyDown: (e: ReactKeyboardEvent<HTMLDivElement>) => void;
|
|
16
|
+
handlePaste: (text: string) => void;
|
|
17
|
+
insertField: (path: string) => void;
|
|
18
|
+
insertOperator: (op: string) => void;
|
|
19
|
+
removeFieldAtIndex: (fieldIndex: number) => void;
|
|
20
|
+
selectedFieldPaths: Set<string>;
|
|
21
|
+
};
|
|
22
|
+
//# sourceMappingURL=useFormulaEditor.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"useFormulaEditor.d.ts","sourceRoot":"","sources":["../../src/hooks/useFormulaEditor.ts"],"names":[],"mappings":"AAAA,OAAO,EACH,aAAa,IAAI,kBAAkB,EAMtC,MAAM,OAAO,CAAC;AAUf,eAAO,MAAM,gBAAgB,GAAI,QAAQ;IACrC,iBAAiB,EAAE,MAAM,CAAC;IAC1B,MAAM,EAAE,OAAO,CAAC;IAChB,WAAW,EAAE,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;CACpC;;;;;;;;;uBAiLyC,kBAAkB,CAAC,cAAc,CAAC;wBAiE7D,MAAM;wBA3IN,MAAM;yBAiBR,MAAM;qCAiBE,MAAM;;CAiL1B,CAAC"}
|
|
@@ -0,0 +1,290 @@
|
|
|
1
|
+
import { useCallback, useEffect, useMemo, useRef, useState, } from 'react';
|
|
2
|
+
import { getCaretExpressionIndex, placeCaretAtEnd, readExpressionFromEditor, renderFormulaHtml, setCaretByExpressionIndex, tokenizeExpression, } from '../utils';
|
|
3
|
+
export const useFormulaEditor = (params) => {
|
|
4
|
+
const { currentExpression, opened, pathToLabel } = params;
|
|
5
|
+
const [draftExpression, setDraftExpression] = useState(currentExpression);
|
|
6
|
+
const [history, setHistory] = useState([currentExpression]);
|
|
7
|
+
const [historyIndex, setHistoryIndex] = useState(0);
|
|
8
|
+
const [isDirty, setIsDirty] = useState(false);
|
|
9
|
+
const editorRef = useRef(null);
|
|
10
|
+
const updateSourceRef = useRef(null);
|
|
11
|
+
const pendingCaretRef = useRef(null);
|
|
12
|
+
const lastCaretRef = useRef(0);
|
|
13
|
+
const historyIndexRef = useRef(0);
|
|
14
|
+
const historyRef = useRef([currentExpression]);
|
|
15
|
+
useEffect(() => {
|
|
16
|
+
if (opened) {
|
|
17
|
+
setDraftExpression(currentExpression);
|
|
18
|
+
setIsDirty(false);
|
|
19
|
+
setHistory([currentExpression]);
|
|
20
|
+
setHistoryIndex(0);
|
|
21
|
+
historyIndexRef.current = 0;
|
|
22
|
+
historyRef.current = [currentExpression];
|
|
23
|
+
const editor = editorRef.current;
|
|
24
|
+
if (editor) {
|
|
25
|
+
editor.innerHTML = renderFormulaHtml(currentExpression, pathToLabel);
|
|
26
|
+
placeCaretAtEnd(editor);
|
|
27
|
+
}
|
|
28
|
+
}
|
|
29
|
+
}, [opened, currentExpression, pathToLabel]);
|
|
30
|
+
useEffect(() => {
|
|
31
|
+
const editor = editorRef.current;
|
|
32
|
+
if (!editor) {
|
|
33
|
+
return;
|
|
34
|
+
}
|
|
35
|
+
if (updateSourceRef.current === 'editor') {
|
|
36
|
+
updateSourceRef.current = null;
|
|
37
|
+
return;
|
|
38
|
+
}
|
|
39
|
+
editor.innerHTML = renderFormulaHtml(draftExpression, pathToLabel);
|
|
40
|
+
if (pendingCaretRef.current !== null) {
|
|
41
|
+
setCaretByExpressionIndex(editor, pendingCaretRef.current);
|
|
42
|
+
pendingCaretRef.current = null;
|
|
43
|
+
}
|
|
44
|
+
else {
|
|
45
|
+
placeCaretAtEnd(editor);
|
|
46
|
+
}
|
|
47
|
+
}, [draftExpression, pathToLabel]);
|
|
48
|
+
useEffect(() => {
|
|
49
|
+
historyIndexRef.current = historyIndex;
|
|
50
|
+
historyRef.current = history;
|
|
51
|
+
}, [historyIndex, history]);
|
|
52
|
+
const handleEditorInput = useCallback(() => {
|
|
53
|
+
const editor = editorRef.current;
|
|
54
|
+
if (!editor) {
|
|
55
|
+
return;
|
|
56
|
+
}
|
|
57
|
+
const nextValue = readExpressionFromEditor(editor);
|
|
58
|
+
const caretIndex = getCaretExpressionIndex(editor);
|
|
59
|
+
pendingCaretRef.current = caretIndex;
|
|
60
|
+
lastCaretRef.current = caretIndex;
|
|
61
|
+
updateSourceRef.current = 'editor';
|
|
62
|
+
setDraftExpression(nextValue);
|
|
63
|
+
setIsDirty(true);
|
|
64
|
+
const cur = historyIndexRef.current;
|
|
65
|
+
const hist = historyRef.current;
|
|
66
|
+
const base = hist.slice(0, cur + 1);
|
|
67
|
+
if (base[base.length - 1] !== nextValue) {
|
|
68
|
+
setHistory([...base, nextValue]);
|
|
69
|
+
setHistoryIndex(base.length);
|
|
70
|
+
}
|
|
71
|
+
}, []);
|
|
72
|
+
const getCaretIndexForInsert = useCallback(() => {
|
|
73
|
+
const editor = editorRef.current;
|
|
74
|
+
if (!editor) {
|
|
75
|
+
return draftExpression.length;
|
|
76
|
+
}
|
|
77
|
+
const sel = window.getSelection();
|
|
78
|
+
if ((sel === null || sel === void 0 ? void 0 : sel.rangeCount) && editor.contains(sel.getRangeAt(0).startContainer)) {
|
|
79
|
+
const idx = getCaretExpressionIndex(editor);
|
|
80
|
+
lastCaretRef.current = idx;
|
|
81
|
+
return idx;
|
|
82
|
+
}
|
|
83
|
+
return lastCaretRef.current;
|
|
84
|
+
}, [draftExpression.length]);
|
|
85
|
+
const pushHistory = useCallback((nextValue, nextCaret) => {
|
|
86
|
+
pendingCaretRef.current = nextCaret;
|
|
87
|
+
lastCaretRef.current = nextCaret;
|
|
88
|
+
setDraftExpression(nextValue);
|
|
89
|
+
setIsDirty(true);
|
|
90
|
+
const cur = historyIndexRef.current;
|
|
91
|
+
const hist = historyRef.current;
|
|
92
|
+
const base = hist.slice(0, cur + 1);
|
|
93
|
+
if (base[base.length - 1] !== nextValue) {
|
|
94
|
+
setHistory([...base, nextValue]);
|
|
95
|
+
setHistoryIndex(base.length);
|
|
96
|
+
}
|
|
97
|
+
requestAnimationFrame(() => { var _a; return (_a = editorRef.current) === null || _a === void 0 ? void 0 : _a.focus(); });
|
|
98
|
+
}, []);
|
|
99
|
+
const insertField = useCallback((path) => {
|
|
100
|
+
const editor = editorRef.current;
|
|
101
|
+
if (!editor) {
|
|
102
|
+
return;
|
|
103
|
+
}
|
|
104
|
+
const inserted = `${path} `;
|
|
105
|
+
const caretIndex = getCaretIndexForInsert();
|
|
106
|
+
const before = draftExpression.slice(0, caretIndex);
|
|
107
|
+
const after = draftExpression.slice(caretIndex);
|
|
108
|
+
const nextValue = `${before}${inserted}${after}`;
|
|
109
|
+
updateSourceRef.current = 'state';
|
|
110
|
+
pushHistory(nextValue, caretIndex + inserted.length);
|
|
111
|
+
}, [draftExpression, getCaretIndexForInsert, pushHistory]);
|
|
112
|
+
const insertOperator = useCallback((op) => {
|
|
113
|
+
const editor = editorRef.current;
|
|
114
|
+
if (!editor) {
|
|
115
|
+
return;
|
|
116
|
+
}
|
|
117
|
+
const caretIndex = getCaretIndexForInsert();
|
|
118
|
+
const before = draftExpression.slice(0, caretIndex);
|
|
119
|
+
const after = draftExpression.slice(caretIndex);
|
|
120
|
+
const inserted = ` ${op} `;
|
|
121
|
+
const nextValue = `${before}${inserted}${after}`;
|
|
122
|
+
updateSourceRef.current = 'state';
|
|
123
|
+
pushHistory(nextValue, caretIndex + inserted.length);
|
|
124
|
+
}, [draftExpression, getCaretIndexForInsert, pushHistory]);
|
|
125
|
+
const removeFieldAtIndex = useCallback((fieldIndex) => {
|
|
126
|
+
const parts = tokenizeExpression(draftExpression);
|
|
127
|
+
let currentFieldIndex = -1;
|
|
128
|
+
let index = 0;
|
|
129
|
+
let removed = false;
|
|
130
|
+
const nextValue = parts
|
|
131
|
+
.map(part => {
|
|
132
|
+
if (part.type === 'field') {
|
|
133
|
+
currentFieldIndex += 1;
|
|
134
|
+
if (currentFieldIndex === fieldIndex) {
|
|
135
|
+
removed = true;
|
|
136
|
+
index += part.value.length;
|
|
137
|
+
return '';
|
|
138
|
+
}
|
|
139
|
+
}
|
|
140
|
+
index += part.value.length;
|
|
141
|
+
return part.value;
|
|
142
|
+
})
|
|
143
|
+
.join('');
|
|
144
|
+
if (!removed) {
|
|
145
|
+
return;
|
|
146
|
+
}
|
|
147
|
+
updateSourceRef.current = 'state';
|
|
148
|
+
const nextCaret = Math.min(index, nextValue.length);
|
|
149
|
+
pendingCaretRef.current = nextCaret;
|
|
150
|
+
lastCaretRef.current = nextCaret;
|
|
151
|
+
setDraftExpression(nextValue);
|
|
152
|
+
setIsDirty(true);
|
|
153
|
+
const cur = historyIndexRef.current;
|
|
154
|
+
const hist = historyRef.current;
|
|
155
|
+
const base = hist.slice(0, cur + 1);
|
|
156
|
+
if (base[base.length - 1] !== nextValue) {
|
|
157
|
+
setHistory([...base, nextValue]);
|
|
158
|
+
setHistoryIndex(base.length);
|
|
159
|
+
}
|
|
160
|
+
requestAnimationFrame(() => { var _a; return (_a = editorRef.current) === null || _a === void 0 ? void 0 : _a.focus(); });
|
|
161
|
+
}, [draftExpression]);
|
|
162
|
+
const handleKeyDown = useCallback((e) => {
|
|
163
|
+
if (e.ctrlKey || e.metaKey) {
|
|
164
|
+
const key = e.key.toLowerCase();
|
|
165
|
+
if (key === 'z') {
|
|
166
|
+
e.preventDefault();
|
|
167
|
+
if (historyIndexRef.current > 0) {
|
|
168
|
+
const next = historyRef.current[historyIndexRef.current - 1];
|
|
169
|
+
updateSourceRef.current = 'state';
|
|
170
|
+
pendingCaretRef.current = next.length;
|
|
171
|
+
setDraftExpression(next);
|
|
172
|
+
setHistoryIndex(historyIndexRef.current - 1);
|
|
173
|
+
setIsDirty(true);
|
|
174
|
+
}
|
|
175
|
+
return;
|
|
176
|
+
}
|
|
177
|
+
if (key === 'y' || (e.shiftKey && key === 'z')) {
|
|
178
|
+
e.preventDefault();
|
|
179
|
+
const cur = historyIndexRef.current;
|
|
180
|
+
const hist = historyRef.current;
|
|
181
|
+
if (cur < hist.length - 1) {
|
|
182
|
+
const next = hist[cur + 1];
|
|
183
|
+
updateSourceRef.current = 'state';
|
|
184
|
+
pendingCaretRef.current = next.length;
|
|
185
|
+
setDraftExpression(next);
|
|
186
|
+
setHistoryIndex(cur + 1);
|
|
187
|
+
setIsDirty(true);
|
|
188
|
+
}
|
|
189
|
+
return;
|
|
190
|
+
}
|
|
191
|
+
}
|
|
192
|
+
const allowed = new Set([
|
|
193
|
+
'+',
|
|
194
|
+
'-',
|
|
195
|
+
'*',
|
|
196
|
+
'/',
|
|
197
|
+
'(',
|
|
198
|
+
')',
|
|
199
|
+
'0',
|
|
200
|
+
'1',
|
|
201
|
+
'2',
|
|
202
|
+
'3',
|
|
203
|
+
'4',
|
|
204
|
+
'5',
|
|
205
|
+
'6',
|
|
206
|
+
'7',
|
|
207
|
+
'8',
|
|
208
|
+
'9',
|
|
209
|
+
'.',
|
|
210
|
+
'Backspace',
|
|
211
|
+
'Delete',
|
|
212
|
+
'ArrowLeft',
|
|
213
|
+
'ArrowRight',
|
|
214
|
+
'ArrowUp',
|
|
215
|
+
'ArrowDown',
|
|
216
|
+
'Home',
|
|
217
|
+
'End',
|
|
218
|
+
'Tab',
|
|
219
|
+
' ',
|
|
220
|
+
]);
|
|
221
|
+
if (!allowed.has(e.key)) {
|
|
222
|
+
e.preventDefault();
|
|
223
|
+
}
|
|
224
|
+
}, []);
|
|
225
|
+
const handlePaste = useCallback((text) => {
|
|
226
|
+
if (!(text === null || text === void 0 ? void 0 : text.trim())) {
|
|
227
|
+
return;
|
|
228
|
+
}
|
|
229
|
+
const parts = tokenizeExpression(text).filter(p => p.type !== 'text' || p.value.trim() !== '');
|
|
230
|
+
const sanitized = parts.map(p => p.value).join('');
|
|
231
|
+
if (!sanitized) {
|
|
232
|
+
return;
|
|
233
|
+
}
|
|
234
|
+
const editor = editorRef.current;
|
|
235
|
+
if (!editor) {
|
|
236
|
+
return;
|
|
237
|
+
}
|
|
238
|
+
const caretIndex = getCaretIndexForInsert();
|
|
239
|
+
const before = draftExpression.slice(0, caretIndex);
|
|
240
|
+
const after = draftExpression.slice(caretIndex);
|
|
241
|
+
const nextValue = `${before}${sanitized}${after}`;
|
|
242
|
+
updateSourceRef.current = 'state';
|
|
243
|
+
pushHistory(nextValue, caretIndex + sanitized.length);
|
|
244
|
+
}, [draftExpression, getCaretIndexForInsert, pushHistory]);
|
|
245
|
+
const undo = useCallback(() => {
|
|
246
|
+
if (historyIndexRef.current > 0) {
|
|
247
|
+
const next = historyRef.current[historyIndexRef.current - 1];
|
|
248
|
+
updateSourceRef.current = 'state';
|
|
249
|
+
pendingCaretRef.current = next.length;
|
|
250
|
+
setDraftExpression(next);
|
|
251
|
+
setHistoryIndex(historyIndexRef.current - 1);
|
|
252
|
+
setIsDirty(true);
|
|
253
|
+
requestAnimationFrame(() => { var _a; return (_a = editorRef.current) === null || _a === void 0 ? void 0 : _a.focus(); });
|
|
254
|
+
}
|
|
255
|
+
}, []);
|
|
256
|
+
const redo = useCallback(() => {
|
|
257
|
+
const cur = historyIndexRef.current;
|
|
258
|
+
const hist = historyRef.current;
|
|
259
|
+
if (cur < hist.length - 1) {
|
|
260
|
+
const next = hist[cur + 1];
|
|
261
|
+
updateSourceRef.current = 'state';
|
|
262
|
+
pendingCaretRef.current = next.length;
|
|
263
|
+
setDraftExpression(next);
|
|
264
|
+
setHistoryIndex(cur + 1);
|
|
265
|
+
setIsDirty(true);
|
|
266
|
+
requestAnimationFrame(() => { var _a; return (_a = editorRef.current) === null || _a === void 0 ? void 0 : _a.focus(); });
|
|
267
|
+
}
|
|
268
|
+
}, []);
|
|
269
|
+
const selectedFieldPaths = useMemo(() => {
|
|
270
|
+
const parts = tokenizeExpression(draftExpression);
|
|
271
|
+
return new Set(parts.filter(p => p.type === 'field').map(p => p.value));
|
|
272
|
+
}, [draftExpression]);
|
|
273
|
+
return {
|
|
274
|
+
draftExpression,
|
|
275
|
+
editorRef,
|
|
276
|
+
isDirty,
|
|
277
|
+
canUndo: historyIndex > 0,
|
|
278
|
+
canRedo: historyIndex < history.length - 1,
|
|
279
|
+
undo,
|
|
280
|
+
redo,
|
|
281
|
+
handleEditorInput,
|
|
282
|
+
handleKeyDown,
|
|
283
|
+
handlePaste,
|
|
284
|
+
insertField,
|
|
285
|
+
insertOperator,
|
|
286
|
+
removeFieldAtIndex,
|
|
287
|
+
selectedFieldPaths,
|
|
288
|
+
};
|
|
289
|
+
};
|
|
290
|
+
//# sourceMappingURL=useFormulaEditor.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"useFormulaEditor.js","sourceRoot":"","sources":["../../src/hooks/useFormulaEditor.ts"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"usePdfFieldDnD.d.ts","sourceRoot":"","sources":["../../src/hooks/usePdfFieldDnD.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,SAAS,
|
|
1
|
+
{"version":3,"file":"usePdfFieldDnD.d.ts","sourceRoot":"","sources":["../../src/hooks/usePdfFieldDnD.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,SAAS,EAAiC,MAAM,OAAO,CAAC;AAG5E,OAAO,EAGH,eAAe,EACf,QAAQ,EACR,aAAa,EAChB,MAAM,oBAAoB,CAAC;AAU5B,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;mCAKoB,eAAe;;wBAU7C,SAAS,CAAC,cAAc,CAAC;oBA2BV,SAAS,CAAC,cAAc,CAAC,cAAc,MAAM;CAgEvE,CAAC"}
|
|
@@ -1,30 +1,43 @@
|
|
|
1
|
-
import { useState } from 'react';
|
|
1
|
+
import { useCallback, useRef, useState } from 'react';
|
|
2
2
|
import { v4 as uuidv4 } from 'uuid';
|
|
3
3
|
import { FIELD_CONSTANTS, FILLABLE_FIELD_DEFAULT_SIZES } from '../constants';
|
|
4
4
|
import { FieldTypeEnum, } from '../interface/types';
|
|
5
5
|
import { calculateDropCoordinates, generateESignPath, generateFillablePath, isDragOverCanvas, } from '../utils';
|
|
6
|
+
const DRAG_OVER_THROTTLE_MS = 32; // ~30fps for drop effect updates
|
|
6
7
|
export const usePdfFieldDnD = ({ fields, onFieldsChange, onSelectField, pdfWrapperRef, recipients, }) => {
|
|
7
8
|
const [draggedFieldOption, setDraggedFieldOption] = useState(null);
|
|
9
|
+
const lastDragOverTimeRef = useRef(0);
|
|
10
|
+
const lastDropEffectRef = useRef('none');
|
|
8
11
|
const handleDragStart = (fieldOption) => {
|
|
9
12
|
setDraggedFieldOption(fieldOption);
|
|
13
|
+
lastDragOverTimeRef.current = 0;
|
|
10
14
|
};
|
|
11
15
|
const handleDragEnd = () => {
|
|
12
16
|
setDraggedFieldOption(null);
|
|
13
17
|
};
|
|
14
|
-
const handleDragOver = (e) => {
|
|
18
|
+
const handleDragOver = useCallback((e) => {
|
|
15
19
|
if (!draggedFieldOption) {
|
|
16
20
|
e.dataTransfer.dropEffect = 'none';
|
|
17
21
|
return;
|
|
18
22
|
}
|
|
23
|
+
const now = Date.now();
|
|
24
|
+
if (now - lastDragOverTimeRef.current < DRAG_OVER_THROTTLE_MS) {
|
|
25
|
+
e.preventDefault();
|
|
26
|
+
e.dataTransfer.dropEffect = lastDropEffectRef.current;
|
|
27
|
+
return;
|
|
28
|
+
}
|
|
29
|
+
lastDragOverTimeRef.current = now;
|
|
19
30
|
if (isDragOverCanvas(e, pdfWrapperRef)) {
|
|
20
31
|
e.preventDefault();
|
|
21
32
|
e.stopPropagation();
|
|
22
33
|
e.dataTransfer.dropEffect = 'copy';
|
|
34
|
+
lastDropEffectRef.current = 'copy';
|
|
23
35
|
}
|
|
24
36
|
else {
|
|
25
37
|
e.dataTransfer.dropEffect = 'none';
|
|
38
|
+
lastDropEffectRef.current = 'none';
|
|
26
39
|
}
|
|
27
|
-
};
|
|
40
|
+
}, [draggedFieldOption, pdfWrapperRef]);
|
|
28
41
|
const handleDrop = (e, pageNumber) => {
|
|
29
42
|
var _a, _b;
|
|
30
43
|
e.preventDefault();
|
|
@@ -64,6 +77,9 @@ export const usePdfFieldDnD = ({ fields, onFieldsChange, onSelectField, pdfWrapp
|
|
|
64
77
|
newField.height = defaultSize.height;
|
|
65
78
|
}
|
|
66
79
|
}
|
|
80
|
+
if (newField.type === FieldTypeEnum.calculated) {
|
|
81
|
+
newField.path = newField.id;
|
|
82
|
+
}
|
|
67
83
|
onFieldsChange([...fields, newField]);
|
|
68
84
|
onSelectField(newField.id);
|
|
69
85
|
setDraggedFieldOption(null);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"usePdfFieldDnD.js","sourceRoot":"","sources":["../../src/hooks/usePdfFieldDnD.ts"],"names":[],"mappings":"AAAA,OAAO,EAAwB,QAAQ,EAAE,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"usePdfFieldDnD.js","sourceRoot":"","sources":["../../src/hooks/usePdfFieldDnD.ts"],"names":[],"mappings":"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"}
|