@servicetitan/dte-pdf-editor 1.92.3 → 1.92.4
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/field-sidebar/calculated-field-type-list.d.ts.map +1 -1
- package/dist/components/field-sidebar/calculated-field-type-list.js +1 -1
- package/dist/components/field-sidebar/calculated-field-type-list.js.map +1 -1
- package/dist/components/field-sidebar/e-sign-field-type-list.d.ts.map +1 -1
- package/dist/components/field-sidebar/e-sign-field-type-list.js +1 -1
- package/dist/components/field-sidebar/e-sign-field-type-list.js.map +1 -1
- package/dist/components/field-sidebar/field-type.d.ts +0 -2
- package/dist/components/field-sidebar/field-type.d.ts.map +1 -1
- package/dist/components/field-sidebar/field-type.js +2 -2
- package/dist/components/field-sidebar/field-type.js.map +1 -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 +1 -1
- package/dist/components/field-sidebar/fillable-field-type-list.js.map +1 -1
- package/dist/components/field-sidebar/generic-field-type-list.d.ts.map +1 -1
- package/dist/components/field-sidebar/generic-field-type-list.js +1 -1
- package/dist/components/field-sidebar/generic-field-type-list.js.map +1 -1
- package/dist/components/pdf-canvas/canvas-controls.d.ts +15 -9
- package/dist/components/pdf-canvas/canvas-controls.d.ts.map +1 -1
- package/dist/components/pdf-canvas/canvas-controls.js +14 -4
- package/dist/components/pdf-canvas/canvas-controls.js.map +1 -1
- package/dist/components/pdf-canvas/pdf-canvas.d.ts +2 -6
- package/dist/components/pdf-canvas/pdf-canvas.d.ts.map +1 -1
- package/dist/components/pdf-canvas/pdf-canvas.js +5 -11
- package/dist/components/pdf-canvas/pdf-canvas.js.map +1 -1
- package/dist/components/pdf-editor/pdf-editor.d.ts +0 -2
- package/dist/components/pdf-editor/pdf-editor.d.ts.map +1 -1
- package/dist/components/pdf-editor/pdf-editor.js +2 -2
- package/dist/components/pdf-editor/pdf-editor.js.map +1 -1
- package/dist/components/pdf-fields-overlay/pdf-fields-overlay.js +1 -4
- package/dist/components/pdf-fields-overlay/pdf-fields-overlay.js.map +1 -1
- package/dist/components/pdf-fields-overlay/pdf-overlay-field-e-sign.d.ts.map +1 -1
- package/dist/components/pdf-fields-overlay/pdf-overlay-field-e-sign.js +2 -3
- package/dist/components/pdf-fields-overlay/pdf-overlay-field-e-sign.js.map +1 -1
- package/dist/components/pdf-fields-overlay/pdf-overlay-field.d.ts.map +1 -1
- package/dist/components/pdf-fields-overlay/pdf-overlay-field.js +2 -4
- package/dist/components/pdf-fields-overlay/pdf-overlay-field.js.map +1 -1
- package/dist/components/pdf-view/pdf-view-e-sign.d.ts.map +1 -1
- package/dist/components/pdf-view/pdf-view-e-sign.js +2 -3
- package/dist/components/pdf-view/pdf-view-e-sign.js.map +1 -1
- package/dist/components/pdf-view/pdf-view-field-container.d.ts.map +1 -1
- package/dist/components/pdf-view/pdf-view-field-container.js +3 -10
- package/dist/components/pdf-view/pdf-view-field-container.js.map +1 -1
- package/dist/components/pdf-view/pdf-view-fillable.js +1 -1
- package/dist/components/pdf-view/pdf-view-fillable.js.map +1 -1
- package/dist/components/pdf-view/pdf-view.d.ts +0 -5
- package/dist/components/pdf-view/pdf-view.d.ts.map +1 -1
- package/dist/components/pdf-view/pdf-view.js +24 -51
- package/dist/components/pdf-view/pdf-view.js.map +1 -1
- package/dist/constants/field.constants.d.ts.map +1 -1
- package/dist/constants/field.constants.js +6 -27
- package/dist/constants/field.constants.js.map +1 -1
- package/dist/hooks/index.d.ts +0 -1
- package/dist/hooks/index.d.ts.map +1 -1
- package/dist/hooks/index.js +0 -1
- package/dist/hooks/index.js.map +1 -1
- package/dist/hooks/useZoom.d.ts +0 -2
- package/dist/hooks/useZoom.d.ts.map +1 -1
- package/dist/hooks/useZoom.js +6 -18
- package/dist/hooks/useZoom.js.map +1 -1
- package/dist/interface/types.d.ts +0 -2
- package/dist/interface/types.d.ts.map +1 -1
- package/dist/interface/types.js.map +1 -1
- package/dist/styles/pdf-canvas.css +15 -91
- package/dist/styles/pdf-editor.css +0 -1
- package/dist/styles/pdf-field-overlay.css +78 -109
- package/dist/styles/variables.css +0 -3
- package/dist/utils/field/get-navigable-fields.utils.js +1 -1
- package/dist/utils/field/get-navigable-fields.utils.js.map +1 -1
- package/dist/utils/field/index.d.ts +0 -1
- package/dist/utils/field/index.d.ts.map +1 -1
- package/dist/utils/field/index.js +0 -1
- package/dist/utils/field/index.js.map +1 -1
- package/dist/utils/pdf/index.d.ts +0 -1
- package/dist/utils/pdf/index.d.ts.map +1 -1
- package/dist/utils/pdf/index.js +0 -1
- package/dist/utils/pdf/index.js.map +1 -1
- package/package.json +1 -1
- package/src/components/field-sidebar/calculated-field-type-list.tsx +0 -1
- package/src/components/field-sidebar/e-sign-field-type-list.tsx +0 -1
- package/src/components/field-sidebar/field-type.tsx +3 -13
- package/src/components/field-sidebar/fillable-field-type-list.tsx +0 -1
- package/src/components/field-sidebar/generic-field-type-list.tsx +0 -1
- package/src/components/pdf-canvas/canvas-controls.tsx +128 -30
- package/src/components/pdf-canvas/pdf-canvas.tsx +8 -18
- package/src/components/pdf-editor/pdf-editor.tsx +1 -4
- package/src/components/pdf-fields-overlay/pdf-fields-overlay.tsx +1 -1
- package/src/components/pdf-fields-overlay/pdf-overlay-field-e-sign.tsx +6 -8
- package/src/components/pdf-fields-overlay/pdf-overlay-field.tsx +1 -17
- package/src/components/pdf-view/pdf-view-e-sign.tsx +6 -8
- package/src/components/pdf-view/pdf-view-field-container.tsx +1 -21
- package/src/components/pdf-view/pdf-view-fillable.tsx +1 -1
- package/src/components/pdf-view/pdf-view.tsx +95 -156
- package/src/constants/field.constants.ts +6 -28
- package/src/hooks/index.ts +0 -1
- package/src/hooks/useZoom.ts +8 -20
- package/src/interface/types.ts +0 -3
- package/src/styles/pdf-canvas.css +15 -91
- package/src/styles/pdf-editor.css +0 -1
- package/src/styles/pdf-field-overlay.css +78 -109
- package/src/styles/variables.css +0 -3
- package/src/utils/field/get-navigable-fields.utils.ts +1 -1
- package/src/utils/field/index.ts +0 -1
- package/src/utils/pdf/index.ts +0 -1
- package/dist/hooks/usePinchZoom.d.ts +0 -14
- package/dist/hooks/usePinchZoom.d.ts.map +0 -1
- package/dist/hooks/usePinchZoom.js +0 -58
- package/dist/hooks/usePinchZoom.js.map +0 -1
- package/dist/utils/field/get-field-type-option.utils.d.ts +0 -3
- package/dist/utils/field/get-field-type-option.utils.d.ts.map +0 -1
- package/dist/utils/field/get-field-type-option.utils.js +0 -10
- package/dist/utils/field/get-field-type-option.utils.js.map +0 -1
- package/dist/utils/pdf/pinch-zoom.utils.d.ts +0 -6
- package/dist/utils/pdf/pinch-zoom.utils.d.ts.map +0 -1
- package/dist/utils/pdf/pinch-zoom.utils.js +0 -18
- package/dist/utils/pdf/pinch-zoom.utils.js.map +0 -1
- package/src/hooks/usePinchZoom.ts +0 -86
- package/src/utils/field/__tests__/get-field-type-option.utils.test.ts +0 -53
- package/src/utils/field/get-field-type-option.utils.ts +0 -16
- package/src/utils/pdf/__tests__/pinch-zoom.utils.test.ts +0 -58
- package/src/utils/pdf/pinch-zoom.utils.ts +0 -30
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"calculated-field-type-list.d.ts","sourceRoot":"","sources":["../../../src/components/field-sidebar/calculated-field-type-list.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAY,MAAM,OAAO,CAAC;AAErC,OAAO,EAAE,KAAK,eAAe,EAAE,MAAM,uBAAuB,CAAC;AAG7D,UAAU,4BAA4B;IAClC,WAAW,CAAC,WAAW,EAAE,eAAe,GAAG,IAAI,CAAC;IAChD,SAAS,IAAI,IAAI,CAAC;CACrB;AACD,eAAO,MAAM,uBAAuB,EAAE,EAAE,CAAC,4BAA4B,
|
|
1
|
+
{"version":3,"file":"calculated-field-type-list.d.ts","sourceRoot":"","sources":["../../../src/components/field-sidebar/calculated-field-type-list.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAY,MAAM,OAAO,CAAC;AAErC,OAAO,EAAE,KAAK,eAAe,EAAE,MAAM,uBAAuB,CAAC;AAG7D,UAAU,4BAA4B;IAClC,WAAW,CAAC,WAAW,EAAE,eAAe,GAAG,IAAI,CAAC;IAChD,SAAS,IAAI,IAAI,CAAC;CACrB;AACD,eAAO,MAAM,uBAAuB,EAAE,EAAE,CAAC,4BAA4B,CAmBpE,CAAC"}
|
|
@@ -6,7 +6,7 @@ export const CalculatedFieldTypeList = ({ onDragEnd, onDragStart, }) => {
|
|
|
6
6
|
return (_jsx(Fragment, { children: CALCULATED_FIELD_TYPES.map(fieldOption => {
|
|
7
7
|
var _a;
|
|
8
8
|
const key = `${fieldOption.type}-${(_a = fieldOption.path) !== null && _a !== void 0 ? _a : fieldOption.label}`;
|
|
9
|
-
return (_jsx(FieldType, {
|
|
9
|
+
return (_jsx(FieldType, { label: fieldOption.label, onDragEnd: onDragEnd, onDragStart: () => onDragStart(fieldOption) }, key));
|
|
10
10
|
}) }));
|
|
11
11
|
};
|
|
12
12
|
//# sourceMappingURL=calculated-field-type-list.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"calculated-field-type-list.js","sourceRoot":"","sources":["../../../src/components/field-sidebar/calculated-field-type-list.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAM,QAAQ,EAAE,MAAM,OAAO,CAAC;AACrC,OAAO,EAAE,sBAAsB,EAAE,MAAM,iBAAiB,CAAC;AAEzD,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAMzC,MAAM,CAAC,MAAM,uBAAuB,GAAqC,CAAC,EACtE,SAAS,EACT,WAAW,GACd,EAAE,EAAE;IACD,OAAO,CACH,KAAC,QAAQ,cACJ,sBAAsB,CAAC,GAAG,CAAC,WAAW,CAAC,EAAE;;YACtC,MAAM,GAAG,GAAG,GAAG,WAAW,CAAC,IAAI,IAAI,MAAA,WAAW,CAAC,IAAI,mCAAI,WAAW,CAAC,KAAK,EAAE,CAAC;YAC3E,OAAO,CACH,KAAC,SAAS,IAEN,
|
|
1
|
+
{"version":3,"file":"calculated-field-type-list.js","sourceRoot":"","sources":["../../../src/components/field-sidebar/calculated-field-type-list.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAM,QAAQ,EAAE,MAAM,OAAO,CAAC;AACrC,OAAO,EAAE,sBAAsB,EAAE,MAAM,iBAAiB,CAAC;AAEzD,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAMzC,MAAM,CAAC,MAAM,uBAAuB,GAAqC,CAAC,EACtE,SAAS,EACT,WAAW,GACd,EAAE,EAAE;IACD,OAAO,CACH,KAAC,QAAQ,cACJ,sBAAsB,CAAC,GAAG,CAAC,WAAW,CAAC,EAAE;;YACtC,MAAM,GAAG,GAAG,GAAG,WAAW,CAAC,IAAI,IAAI,MAAA,WAAW,CAAC,IAAI,mCAAI,WAAW,CAAC,KAAK,EAAE,CAAC;YAC3E,OAAO,CACH,KAAC,SAAS,IAEN,KAAK,EAAE,WAAW,CAAC,KAAK,EACxB,SAAS,EAAE,SAAS,EACpB,WAAW,EAAE,GAAG,EAAE,CAAC,WAAW,CAAC,WAAW,CAAC,IAHtC,GAAG,CAIV,CACL,CAAC;QACN,CAAC,CAAC,GACK,CACd,CAAC;AACN,CAAC,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"e-sign-field-type-list.d.ts","sourceRoot":"","sources":["../../../src/components/field-sidebar/e-sign-field-type-list.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAE3B,OAAO,EAAE,KAAK,eAAe,EAAE,MAAM,uBAAuB,CAAC;AAG7D,UAAU,uBAAuB;IAC7B,WAAW,CAAC,WAAW,EAAE,eAAe,GAAG,IAAI,CAAC;IAChD,SAAS,IAAI,IAAI,CAAC;CACrB;AAED,eAAO,MAAM,kBAAkB,EAAE,EAAE,CAAC,uBAAuB,
|
|
1
|
+
{"version":3,"file":"e-sign-field-type-list.d.ts","sourceRoot":"","sources":["../../../src/components/field-sidebar/e-sign-field-type-list.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAE3B,OAAO,EAAE,KAAK,eAAe,EAAE,MAAM,uBAAuB,CAAC;AAG7D,UAAU,uBAAuB;IAC7B,WAAW,CAAC,WAAW,EAAE,eAAe,GAAG,IAAI,CAAC;IAChD,SAAS,IAAI,IAAI,CAAC;CACrB;AAED,eAAO,MAAM,kBAAkB,EAAE,EAAE,CAAC,uBAAuB,CAa1D,CAAC"}
|
|
@@ -2,6 +2,6 @@ import { jsx as _jsx } from "react/jsx-runtime";
|
|
|
2
2
|
import { E_SIGN_FIELD_TYPES } from '../../constants';
|
|
3
3
|
import { FieldType } from './field-type';
|
|
4
4
|
export const ESignFieldTypeList = ({ onDragEnd, onDragStart }) => {
|
|
5
|
-
return (_jsx("div", { className: "dte-field-type-items-wrapper", children: E_SIGN_FIELD_TYPES.map(fieldOption => (_jsx(FieldType, {
|
|
5
|
+
return (_jsx("div", { className: "dte-field-type-items-wrapper", children: E_SIGN_FIELD_TYPES.map(fieldOption => (_jsx(FieldType, { label: fieldOption.label, onDragEnd: onDragEnd, onDragStart: () => onDragStart(fieldOption) }, fieldOption.subType))) }));
|
|
6
6
|
};
|
|
7
7
|
//# sourceMappingURL=e-sign-field-type-list.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"e-sign-field-type-list.js","sourceRoot":"","sources":["../../../src/components/field-sidebar/e-sign-field-type-list.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,kBAAkB,EAAE,MAAM,iBAAiB,CAAC;AAErD,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAOzC,MAAM,CAAC,MAAM,kBAAkB,GAAgC,CAAC,EAAE,SAAS,EAAE,WAAW,EAAE,EAAE,EAAE;IAC1F,OAAO,CACH,cAAK,SAAS,EAAC,8BAA8B,YACxC,kBAAkB,CAAC,GAAG,CAAC,WAAW,CAAC,EAAE,CAAC,CACnC,KAAC,SAAS,
|
|
1
|
+
{"version":3,"file":"e-sign-field-type-list.js","sourceRoot":"","sources":["../../../src/components/field-sidebar/e-sign-field-type-list.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,kBAAkB,EAAE,MAAM,iBAAiB,CAAC;AAErD,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAOzC,MAAM,CAAC,MAAM,kBAAkB,GAAgC,CAAC,EAAE,SAAS,EAAE,WAAW,EAAE,EAAE,EAAE;IAC1F,OAAO,CACH,cAAK,SAAS,EAAC,8BAA8B,YACxC,kBAAkB,CAAC,GAAG,CAAC,WAAW,CAAC,EAAE,CAAC,CACnC,KAAC,SAAS,IAEN,KAAK,EAAE,WAAW,CAAC,KAAK,EACxB,SAAS,EAAE,SAAS,EACpB,WAAW,EAAE,GAAG,EAAE,CAAC,WAAW,CAAC,WAAW,CAAC,IAHtC,WAAW,CAAC,OAAO,CAI1B,CACL,CAAC,GACA,CACT,CAAC;AACN,CAAC,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"field-type.d.ts","sourceRoot":"","sources":["../../../src/components/field-sidebar/field-type.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"field-type.d.ts","sourceRoot":"","sources":["../../../src/components/field-sidebar/field-type.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAE3B,UAAU,cAAc;IACpB,KAAK,EAAE,MAAM,CAAC;IACd,UAAU,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,IAAI,CAAC;IACpC,SAAS,IAAI,IAAI,CAAC;IAClB,WAAW,IAAI,IAAI,CAAC;CACvB;AAED,eAAO,MAAM,SAAS,EAAE,EAAE,CAAC,cAAc,CA6BxC,CAAC"}
|
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
2
|
import { Flex, Icon, Text } from '@servicetitan/anvil2';
|
|
3
3
|
import IconDragIndicator from '@servicetitan/anvil2/assets/icons/material/round/drag_indicator.svg';
|
|
4
|
-
export const FieldType = ({
|
|
4
|
+
export const FieldType = ({ label, onDragEnd, onDragStart, sampleData }) => {
|
|
5
5
|
return (_jsxs("div", { draggable: true, onDragStart: e => {
|
|
6
6
|
onDragStart();
|
|
7
7
|
// Mark that we're dragging a new field type, not an existing field
|
|
8
8
|
e.dataTransfer.effectAllowed = 'copy';
|
|
9
9
|
e.dataTransfer.setData('text/plain', 'new-field-type');
|
|
10
|
-
}, onDragEnd: onDragEnd, className: "dte-field-type-item", children: [_jsx(Icon, { svg: IconDragIndicator, size: "medium" }), _jsxs(Flex, { direction: "column", style: { overflow: 'hidden' }, children: [
|
|
10
|
+
}, onDragEnd: onDragEnd, className: "dte-field-type-item", children: [_jsx(Icon, { svg: IconDragIndicator, size: "medium" }), _jsxs(Flex, { direction: "column", style: { overflow: 'hidden' }, children: [_jsx(Text, { size: "small", children: label }), sampleData && (_jsxs(Text, { size: "small", subdued: true, style: { fontSize: '12px', marginTop: '-2px' }, className: "ellipsis", children: ["e.g. ", sampleData] }))] })] }));
|
|
11
11
|
};
|
|
12
12
|
//# sourceMappingURL=field-type.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"field-type.js","sourceRoot":"","sources":["../../../src/components/field-sidebar/field-type.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,IAAI,
|
|
1
|
+
{"version":3,"file":"field-type.js","sourceRoot":"","sources":["../../../src/components/field-sidebar/field-type.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAC;AACxD,OAAO,iBAAiB,MAAM,qEAAqE,CAAC;AAUpG,MAAM,CAAC,MAAM,SAAS,GAAuB,CAAC,EAAE,KAAK,EAAE,SAAS,EAAE,WAAW,EAAE,UAAU,EAAE,EAAE,EAAE;IAC3F,OAAO,CACH,eACI,SAAS,QACT,WAAW,EAAE,CAAC,CAAC,EAAE;YACb,WAAW,EAAE,CAAC;YACd,mEAAmE;YACnE,CAAC,CAAC,YAAY,CAAC,aAAa,GAAG,MAAM,CAAC;YACtC,CAAC,CAAC,YAAY,CAAC,OAAO,CAAC,YAAY,EAAE,gBAAgB,CAAC,CAAC;QAC3D,CAAC,EACD,SAAS,EAAE,SAAS,EACpB,SAAS,EAAC,qBAAqB,aAE/B,KAAC,IAAI,IAAC,GAAG,EAAE,iBAAiB,EAAE,IAAI,EAAC,QAAQ,GAAG,EAC9C,MAAC,IAAI,IAAC,SAAS,EAAC,QAAQ,EAAC,KAAK,EAAE,EAAE,QAAQ,EAAE,QAAQ,EAAE,aAClD,KAAC,IAAI,IAAC,IAAI,EAAC,OAAO,YAAE,KAAK,GAAQ,EAChC,UAAU,IAAI,CACX,MAAC,IAAI,IACD,IAAI,EAAC,OAAO,EACZ,OAAO,QACP,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,EAAE,EAC9C,SAAS,EAAC,UAAU,sBAEd,UAAU,IACb,CACV,IACE,IACL,CACT,CAAC;AACN,CAAC,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"fillable-field-type-list.d.ts","sourceRoot":"","sources":["../../../src/components/field-sidebar/fillable-field-type-list.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,EAAE,EAA+B,MAAM,OAAO,CAAC;AAExD,OAAO,EAAE,KAAK,eAAe,EAAE,MAAM,uBAAuB,CAAC;AAG7D,UAAU,0BAA0B;IAChC,WAAW,CAAC,WAAW,EAAE,eAAe,GAAG,IAAI,CAAC;IAChD,SAAS,IAAI,IAAI,CAAC;CACrB;AAED,eAAO,MAAM,qBAAqB,EAAE,EAAE,CAAC,0BAA0B,
|
|
1
|
+
{"version":3,"file":"fillable-field-type-list.d.ts","sourceRoot":"","sources":["../../../src/components/field-sidebar/fillable-field-type-list.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,EAAE,EAA+B,MAAM,OAAO,CAAC;AAExD,OAAO,EAAE,KAAK,eAAe,EAAE,MAAM,uBAAuB,CAAC;AAG7D,UAAU,0BAA0B;IAChC,WAAW,CAAC,WAAW,EAAE,eAAe,GAAG,IAAI,CAAC;IAChD,SAAS,IAAI,IAAI,CAAC;CACrB;AAED,eAAO,MAAM,qBAAqB,EAAE,EAAE,CAAC,0BAA0B,CAqChE,CAAC"}
|
|
@@ -13,7 +13,7 @@ export const FillableFieldTypeList = ({ onDragEnd, onDragStart, }) => {
|
|
|
13
13
|
return FILLABLE_FIELD_TYPES.filter(({ label }) => label.toLowerCase().includes(searchLower));
|
|
14
14
|
}, [searchText]);
|
|
15
15
|
return (_jsxs(Fragment, { children: [_jsx(SearchField, { placeholder: "Search", size: "small", className: "dte-field-sidebar-search", onChange: e => { var _a; return setSearchText((_a = e.target.value) !== null && _a !== void 0 ? _a : ''); } }), searchedFieldTypes.map(fieldOption => {
|
|
16
|
-
return (_jsx(FieldType, {
|
|
16
|
+
return (_jsx(FieldType, { label: fieldOption.label, onDragEnd: onDragEnd, onDragStart: () => onDragStart(fieldOption) }, fieldOption.subType));
|
|
17
17
|
})] }));
|
|
18
18
|
};
|
|
19
19
|
//# sourceMappingURL=fillable-field-type-list.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"fillable-field-type-list.js","sourceRoot":"","sources":["../../../src/components/field-sidebar/fillable-field-type-list.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AACnD,OAAO,EAAM,QAAQ,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACxD,OAAO,EAAE,oBAAoB,EAAE,MAAM,iBAAiB,CAAC;AAEvD,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAOzC,MAAM,CAAC,MAAM,qBAAqB,GAAmC,CAAC,EAClE,SAAS,EACT,WAAW,GACd,EAAE,EAAE;IACD,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAC;IAEjD,MAAM,kBAAkB,GAAG,OAAO,CAAC,GAAG,EAAE;QACpC,IAAI,CAAC,UAAU,EAAE,CAAC;YACd,OAAO,oBAAoB,CAAC;QAChC,CAAC;QAED,MAAM,WAAW,GAAG,UAAU,CAAC,WAAW,EAAE,CAAC;QAC7C,OAAO,oBAAoB,CAAC,MAAM,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAC7C,KAAK,CAAC,WAAW,EAAE,CAAC,QAAQ,CAAC,WAAW,CAAC,CAC5C,CAAC;IACN,CAAC,EAAE,CAAC,UAAU,CAAC,CAAC,CAAC;IAEjB,OAAO,CACH,MAAC,QAAQ,eACL,KAAC,WAAW,IACR,WAAW,EAAC,QAAQ,EACpB,IAAI,EAAC,OAAO,EACZ,SAAS,EAAC,0BAA0B,EACpC,QAAQ,EAAE,CAAC,CAAC,EAAE,WAAC,OAAA,aAAa,CAAC,MAAA,CAAC,CAAC,MAAM,CAAC,KAAK,mCAAI,EAAE,CAAC,CAAA,EAAA,GACpD,EACD,kBAAkB,CAAC,GAAG,CAAC,WAAW,CAAC,EAAE;gBAClC,OAAO,CACH,KAAC,SAAS,
|
|
1
|
+
{"version":3,"file":"fillable-field-type-list.js","sourceRoot":"","sources":["../../../src/components/field-sidebar/fillable-field-type-list.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AACnD,OAAO,EAAM,QAAQ,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACxD,OAAO,EAAE,oBAAoB,EAAE,MAAM,iBAAiB,CAAC;AAEvD,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAOzC,MAAM,CAAC,MAAM,qBAAqB,GAAmC,CAAC,EAClE,SAAS,EACT,WAAW,GACd,EAAE,EAAE;IACD,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAC;IAEjD,MAAM,kBAAkB,GAAG,OAAO,CAAC,GAAG,EAAE;QACpC,IAAI,CAAC,UAAU,EAAE,CAAC;YACd,OAAO,oBAAoB,CAAC;QAChC,CAAC;QAED,MAAM,WAAW,GAAG,UAAU,CAAC,WAAW,EAAE,CAAC;QAC7C,OAAO,oBAAoB,CAAC,MAAM,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAC7C,KAAK,CAAC,WAAW,EAAE,CAAC,QAAQ,CAAC,WAAW,CAAC,CAC5C,CAAC;IACN,CAAC,EAAE,CAAC,UAAU,CAAC,CAAC,CAAC;IAEjB,OAAO,CACH,MAAC,QAAQ,eACL,KAAC,WAAW,IACR,WAAW,EAAC,QAAQ,EACpB,IAAI,EAAC,OAAO,EACZ,SAAS,EAAC,0BAA0B,EACpC,QAAQ,EAAE,CAAC,CAAC,EAAE,WAAC,OAAA,aAAa,CAAC,MAAA,CAAC,CAAC,MAAM,CAAC,KAAK,mCAAI,EAAE,CAAC,CAAA,EAAA,GACpD,EACD,kBAAkB,CAAC,GAAG,CAAC,WAAW,CAAC,EAAE;gBAClC,OAAO,CACH,KAAC,SAAS,IAEN,KAAK,EAAE,WAAW,CAAC,KAAK,EACxB,SAAS,EAAE,SAAS,EACpB,WAAW,EAAE,GAAG,EAAE,CAAC,WAAW,CAAC,WAAW,CAAC,IAHtC,WAAW,CAAC,OAAO,CAI1B,CACL,CAAC;YACN,CAAC,CAAC,IACK,CACd,CAAC;AACN,CAAC,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"generic-field-type-list.d.ts","sourceRoot":"","sources":["../../../src/components/field-sidebar/generic-field-type-list.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAY,MAAM,OAAO,CAAC;AAErC,OAAO,EAAE,KAAK,eAAe,EAAE,MAAM,uBAAuB,CAAC;AAG7D,UAAU,yBAAyB;IAC/B,WAAW,CAAC,WAAW,EAAE,eAAe,GAAG,IAAI,CAAC;IAChD,SAAS,IAAI,IAAI,CAAC;CACrB;AAED,eAAO,MAAM,oBAAoB,EAAE,EAAE,CAAC,yBAAyB,
|
|
1
|
+
{"version":3,"file":"generic-field-type-list.d.ts","sourceRoot":"","sources":["../../../src/components/field-sidebar/generic-field-type-list.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAY,MAAM,OAAO,CAAC;AAErC,OAAO,EAAE,KAAK,eAAe,EAAE,MAAM,uBAAuB,CAAC;AAG7D,UAAU,yBAAyB;IAC/B,WAAW,CAAC,WAAW,EAAE,eAAe,GAAG,IAAI,CAAC;IAChD,SAAS,IAAI,IAAI,CAAC;CACrB;AAED,eAAO,MAAM,oBAAoB,EAAE,EAAE,CAAC,yBAAyB,CAgB9D,CAAC"}
|
|
@@ -6,7 +6,7 @@ export const GenericFieldTypeList = ({ onDragEnd, onDragStart }) => {
|
|
|
6
6
|
return (_jsx(Fragment, { children: GENERIC_FIELD_TYPES.map(fieldOption => {
|
|
7
7
|
var _a;
|
|
8
8
|
const key = `${fieldOption.type}-${(_a = fieldOption.path) !== null && _a !== void 0 ? _a : fieldOption.label}`;
|
|
9
|
-
return (_jsx(FieldType, {
|
|
9
|
+
return (_jsx(FieldType, { label: fieldOption.label, onDragEnd: onDragEnd, onDragStart: () => onDragStart(fieldOption) }, key));
|
|
10
10
|
}) }));
|
|
11
11
|
};
|
|
12
12
|
//# sourceMappingURL=generic-field-type-list.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"generic-field-type-list.js","sourceRoot":"","sources":["../../../src/components/field-sidebar/generic-field-type-list.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAM,QAAQ,EAAE,MAAM,OAAO,CAAC;AACrC,OAAO,EAAE,mBAAmB,EAAE,MAAM,iBAAiB,CAAC;AAEtD,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAOzC,MAAM,CAAC,MAAM,oBAAoB,GAAkC,CAAC,EAAE,SAAS,EAAE,WAAW,EAAE,EAAE,EAAE;IAC9F,OAAO,CACH,KAAC,QAAQ,cACJ,mBAAmB,CAAC,GAAG,CAAC,WAAW,CAAC,EAAE;;YACnC,MAAM,GAAG,GAAG,GAAG,WAAW,CAAC,IAAI,IAAI,MAAA,WAAW,CAAC,IAAI,mCAAI,WAAW,CAAC,KAAK,EAAE,CAAC;YAC3E,OAAO,CACH,KAAC,SAAS,IAEN,
|
|
1
|
+
{"version":3,"file":"generic-field-type-list.js","sourceRoot":"","sources":["../../../src/components/field-sidebar/generic-field-type-list.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAM,QAAQ,EAAE,MAAM,OAAO,CAAC;AACrC,OAAO,EAAE,mBAAmB,EAAE,MAAM,iBAAiB,CAAC;AAEtD,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAOzC,MAAM,CAAC,MAAM,oBAAoB,GAAkC,CAAC,EAAE,SAAS,EAAE,WAAW,EAAE,EAAE,EAAE;IAC9F,OAAO,CACH,KAAC,QAAQ,cACJ,mBAAmB,CAAC,GAAG,CAAC,WAAW,CAAC,EAAE;;YACnC,MAAM,GAAG,GAAG,GAAG,WAAW,CAAC,IAAI,IAAI,MAAA,WAAW,CAAC,IAAI,mCAAI,WAAW,CAAC,KAAK,EAAE,CAAC;YAC3E,OAAO,CACH,KAAC,SAAS,IAEN,KAAK,EAAE,WAAW,CAAC,KAAK,EACxB,SAAS,EAAE,SAAS,EACpB,WAAW,EAAE,GAAG,EAAE,CAAC,WAAW,CAAC,WAAW,CAAC,IAHtC,GAAG,CAIV,CACL,CAAC;QACN,CAAC,CAAC,GACK,CACd,CAAC;AACN,CAAC,CAAC"}
|
|
@@ -1,18 +1,24 @@
|
|
|
1
1
|
import { FC } from 'react';
|
|
2
|
-
|
|
2
|
+
interface ZoomControlsProps {
|
|
3
3
|
zoom: number;
|
|
4
|
-
vertical?: boolean;
|
|
5
|
-
position?: 'right-center' | 'right-bottom';
|
|
6
4
|
onZoomIn(): void;
|
|
7
5
|
onZoomOut(): void;
|
|
8
6
|
onResetZoom(): void;
|
|
9
7
|
}
|
|
10
|
-
export
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
8
|
+
export interface CanvasControlsProps extends ZoomControlsProps {
|
|
9
|
+
/** Show the zoom in/out/reset controls. */
|
|
10
|
+
zoomable?: boolean;
|
|
11
|
+
/** Show the previous/next fillable-field navigation controls. */
|
|
12
|
+
enableInputNavigation?: boolean;
|
|
13
|
+
disabledNext?: boolean;
|
|
14
|
+
disabledPrev?: boolean;
|
|
15
|
+
disabledOnFirstField?: boolean;
|
|
16
|
+
disabledOnLastField?: boolean;
|
|
17
|
+
onNextField?(): void;
|
|
18
|
+
onPrevField?(): void;
|
|
19
|
+
onFirstField?(): void;
|
|
20
|
+
onLastField?(): void;
|
|
15
21
|
}
|
|
16
|
-
export declare const
|
|
22
|
+
export declare const CanvasControls: FC<CanvasControlsProps>;
|
|
17
23
|
export {};
|
|
18
24
|
//# sourceMappingURL=canvas-controls.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"canvas-controls.d.ts","sourceRoot":"","sources":["../../../src/components/pdf-canvas/canvas-controls.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"canvas-controls.d.ts","sourceRoot":"","sources":["../../../src/components/pdf-canvas/canvas-controls.tsx"],"names":[],"mappings":"AAOA,OAAO,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAG3B,UAAU,iBAAiB;IACvB,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,IAAI,IAAI,CAAC;IACjB,SAAS,IAAI,IAAI,CAAC;IAClB,WAAW,IAAI,IAAI,CAAC;CACvB;AA4GD,MAAM,WAAW,mBAAoB,SAAQ,iBAAiB;IAC1D,2CAA2C;IAC3C,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,iEAAiE;IACjE,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAChC,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,WAAW,CAAC,IAAI,IAAI,CAAC;IACrB,WAAW,CAAC,IAAI,IAAI,CAAC;IACrB,YAAY,CAAC,IAAI,IAAI,CAAC;IACtB,WAAW,CAAC,IAAI,IAAI,CAAC;CACxB;AAED,eAAO,MAAM,cAAc,EAAE,EAAE,CAAC,mBAAmB,CA4ClD,CAAC"}
|
|
@@ -1,12 +1,22 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
2
|
import { Button, Divider, Flex, Icon, Text } from '@servicetitan/anvil2';
|
|
3
|
+
import IconNavigateDown from '@servicetitan/anvil2/assets/icons/material/round/arrow_downward.svg';
|
|
4
|
+
import IconNavigateUp from '@servicetitan/anvil2/assets/icons/material/round/arrow_upward.svg';
|
|
5
|
+
import IconNavigateBefore from '@servicetitan/anvil2/assets/icons/material/round/navigate_before.svg';
|
|
6
|
+
import IconNavigateNext from '@servicetitan/anvil2/assets/icons/material/round/navigate_next.svg';
|
|
3
7
|
import IconZoomIn from '@servicetitan/anvil2/assets/icons/material/round/zoom_in.svg';
|
|
4
8
|
import IconZoomOut from '@servicetitan/anvil2/assets/icons/material/round/zoom_out.svg';
|
|
5
9
|
import { ZOOM_MAX, ZOOM_MIN } from '../../constants';
|
|
6
|
-
|
|
7
|
-
return (_jsxs(Flex, { alignItems: "center", gap: 1, className:
|
|
10
|
+
const ZoomControls = ({ onResetZoom, onZoomIn, onZoomOut, zoom }) => {
|
|
11
|
+
return (_jsxs(Flex, { alignItems: "center", gap: 1, className: "dte-pdf-zoom-controls", children: [_jsx(Button, { size: "xsmall", appearance: "ghost", onClick: onZoomOut, disabled: zoom <= ZOOM_MIN, "aria-label": "Zoom out", title: "Zoom out", children: _jsx(Icon, { svg: IconZoomOut, size: "medium" }) }), _jsxs(Text, { variant: "body", size: "small", className: "dte-pdf-zoom-controls-value", onClick: onResetZoom, title: "Reset zoom", children: [Math.round(zoom * 100), "%"] }), _jsx(Button, { size: "xsmall", appearance: "ghost", onClick: onZoomIn, disabled: zoom >= ZOOM_MAX, "aria-label": "Zoom in", title: "Zoom in", children: _jsx(Icon, { svg: IconZoomIn, size: "medium" }) })] }));
|
|
8
12
|
};
|
|
9
|
-
|
|
10
|
-
return (
|
|
13
|
+
const FieldNavigationControls = ({ disabledNext, disabledOnFirstField, disabledOnLastField, disabledPrev, onFirstField, onLastField, onNextField, onPrevField, }) => {
|
|
14
|
+
return (_jsxs(Flex, { alignItems: "center", gap: "2", className: "dte-pdf-field-navigation-controls", children: [_jsx(Button, { size: "xsmall", appearance: "ghost", onClick: onPrevField, disabled: disabledPrev, "aria-label": "Go to previous field", title: "Go to previous field", children: _jsx(Icon, { svg: IconNavigateBefore, size: "medium" }) }), _jsx(Button, { size: "xsmall", appearance: "ghost", onClick: onNextField, disabled: disabledNext, "aria-label": "Go to next field", title: "Go to next field", children: _jsx(Icon, { svg: IconNavigateNext, size: "medium" }) }), _jsx(Divider, { vertical: true, style: { height: '100%' } }), _jsx(Button, { size: "xsmall", appearance: "ghost", onClick: onFirstField, disabled: disabledOnFirstField, "aria-label": "Go to first field", title: "Go to first field", children: _jsx(Icon, { svg: IconNavigateUp, size: "medium" }) }), _jsx(Button, { size: "xsmall", appearance: "ghost", onClick: onLastField, disabled: disabledOnLastField, "aria-label": "Go to last field", title: "Go to last field", children: _jsx(Icon, { svg: IconNavigateDown, size: "medium" }) })] }));
|
|
15
|
+
};
|
|
16
|
+
export const CanvasControls = ({ disabledNext = false, disabledOnFirstField = false, disabledOnLastField = false, disabledPrev = false, enableInputNavigation = false, onFirstField = () => { }, onLastField = () => { }, onNextField = () => { }, onPrevField = () => { }, onResetZoom, onZoomIn, onZoomOut, zoom, zoomable = false, }) => {
|
|
17
|
+
if (!zoomable && !enableInputNavigation) {
|
|
18
|
+
return null;
|
|
19
|
+
}
|
|
20
|
+
return (_jsxs(Flex, { justifyContent: "center", gap: 2, className: "dte-pdf-canvas-controls", children: [zoomable && (_jsx(ZoomControls, { zoom: zoom, onZoomIn: onZoomIn, onZoomOut: onZoomOut, onResetZoom: onResetZoom })), enableInputNavigation && (_jsx(FieldNavigationControls, { disabledOnFirstField: disabledOnFirstField, disabledOnLastField: disabledOnLastField, onFirstField: onFirstField, onLastField: onLastField, disabledNext: disabledNext, disabledPrev: disabledPrev, onNextField: onNextField, onPrevField: onPrevField }))] }));
|
|
11
21
|
};
|
|
12
22
|
//# sourceMappingURL=canvas-controls.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"canvas-controls.js","sourceRoot":"","sources":["../../../src/components/pdf-canvas/canvas-controls.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAC;AACzE,OAAO,UAAU,MAAM,8DAA8D,CAAC;AACtF,OAAO,WAAW,MAAM,+DAA+D,CAAC;AAExF,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;
|
|
1
|
+
{"version":3,"file":"canvas-controls.js","sourceRoot":"","sources":["../../../src/components/pdf-canvas/canvas-controls.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,7 +1,6 @@
|
|
|
1
1
|
import { DragEvent, FC, MouseEvent, ReactNode, RefObject } from 'react';
|
|
2
2
|
import { type PdfField } from '../../interface/types';
|
|
3
|
-
|
|
4
|
-
export interface PdfCanvasProps {
|
|
3
|
+
interface PdfCanvasProps {
|
|
5
4
|
pdfUrl: string;
|
|
6
5
|
zoomable: boolean;
|
|
7
6
|
errorPlaceholder?: ReactNode;
|
|
@@ -14,10 +13,6 @@ export interface PdfCanvasProps {
|
|
|
14
13
|
pdfWrapperRef: RefObject<HTMLDivElement>;
|
|
15
14
|
recipientsColors: Record<string, string>;
|
|
16
15
|
fieldWrapperClassNames?: string;
|
|
17
|
-
zoomProps?: {
|
|
18
|
-
vertical: ZoomControlsProps['vertical'];
|
|
19
|
-
position: ZoomControlsProps['position'];
|
|
20
|
-
};
|
|
21
16
|
onLoadSuccess?(pageNums: number): void;
|
|
22
17
|
handleAddNewField(field: PdfField): void;
|
|
23
18
|
onDragOver(e: DragEvent<HTMLDivElement>): void;
|
|
@@ -29,4 +24,5 @@ export interface PdfCanvasProps {
|
|
|
29
24
|
onFieldConfigChange(updates: Partial<PdfField>): void;
|
|
30
25
|
}
|
|
31
26
|
export declare const PdfCanvas: FC<PdfCanvasProps>;
|
|
27
|
+
export {};
|
|
32
28
|
//# sourceMappingURL=pdf-canvas.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"pdf-canvas.d.ts","sourceRoot":"","sources":["../../../src/components/pdf-canvas/pdf-canvas.tsx"],"names":[],"mappings":"AACA,OAAO,EACH,SAAS,EACT,EAAE,EAEF,UAAU,EACV,SAAS,EACT,SAAS,EAGZ,MAAM,OAAO,CAAC;AAGf,OAAO,EAAE,KAAK,QAAQ,EAAE,MAAM,uBAAuB,CAAC;
|
|
1
|
+
{"version":3,"file":"pdf-canvas.d.ts","sourceRoot":"","sources":["../../../src/components/pdf-canvas/pdf-canvas.tsx"],"names":[],"mappings":"AACA,OAAO,EACH,SAAS,EACT,EAAE,EAEF,UAAU,EACV,SAAS,EACT,SAAS,EAGZ,MAAM,OAAO,CAAC;AAGf,OAAO,EAAE,KAAK,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAKtD,UAAU,cAAc;IACpB,MAAM,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,OAAO,CAAC;IAClB,gBAAgB,CAAC,EAAE,SAAS,CAAC;IAC7B,kBAAkB,CAAC,EAAE,SAAS,CAAC;IAC/B,MAAM,EAAE,QAAQ,EAAE,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAChC,OAAO,EAAE,OAAO,CAAC;IACjB,aAAa,EAAE,QAAQ,GAAG,IAAI,CAAC;IAC/B,eAAe,EAAE,SAAS,CAAC,cAAc,CAAC,CAAC;IAC3C,aAAa,EAAE,SAAS,CAAC,cAAc,CAAC,CAAC;IACzC,gBAAgB,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IACzC,sBAAsB,CAAC,EAAE,MAAM,CAAC;IAChC,aAAa,CAAC,CAAC,QAAQ,EAAE,MAAM,GAAG,IAAI,CAAC;IACvC,iBAAiB,CAAC,KAAK,EAAE,QAAQ,GAAG,IAAI,CAAC;IACzC,UAAU,CAAC,CAAC,EAAE,SAAS,CAAC,cAAc,CAAC,GAAG,IAAI,CAAC;IAC/C,MAAM,CAAC,CAAC,EAAE,SAAS,CAAC,cAAc,CAAC,EAAE,UAAU,EAAE,MAAM,GAAG,IAAI,CAAC;IAC/D,YAAY,CAAC,OAAO,EAAE,MAAM,EAAE,CAAC,EAAE,UAAU,GAAG,IAAI,CAAC;IACnD,WAAW,CAAC,OAAO,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,GAAG,IAAI,CAAC;IACnF,aAAa,CAAC,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,GAAG,IAAI,CAAC;IAC9F,eAAe,IAAI,IAAI,CAAC;IACxB,mBAAmB,CAAC,OAAO,EAAE,OAAO,CAAC,QAAQ,CAAC,GAAG,IAAI,CAAC;CACzD;AAED,eAAO,MAAM,SAAS,EAAE,EAAE,CAAC,cAAc,CAwFxC,CAAC"}
|
|
@@ -2,19 +2,13 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
|
2
2
|
import { Flex } from '@servicetitan/anvil2';
|
|
3
3
|
import { Fragment, useEffect, useState, } from 'react';
|
|
4
4
|
import { BASE_PAGE_WIDTH } from '../../constants';
|
|
5
|
-
import {
|
|
5
|
+
import { useZoom } from '../../hooks';
|
|
6
6
|
import { PdfFieldsOverlay } from '../pdf-fields-overlay/pdf-fields-overlay';
|
|
7
|
-
import {
|
|
7
|
+
import { CanvasControls } from './canvas-controls';
|
|
8
8
|
import { PdfDocumentRenderer } from './pdf-document-renderer';
|
|
9
|
-
export const PdfCanvas = ({ errorPlaceholder, errors = {}, fieldWrapperClassNames, fields, handleAddNewField, loading, loadingPlaceholder, onDeselectField, onDragOver, onDrop, onFieldClick, onFieldConfigChange, onFieldMove, onFieldResize, onLoadSuccess, pdfContainerRef, pdfUrl, pdfWrapperRef, recipientsColors, selectedField,
|
|
9
|
+
export const PdfCanvas = ({ errorPlaceholder, errors = {}, fieldWrapperClassNames, fields, handleAddNewField, loading, loadingPlaceholder, onDeselectField, onDragOver, onDrop, onFieldClick, onFieldConfigChange, onFieldMove, onFieldResize, onLoadSuccess, pdfContainerRef, pdfUrl, pdfWrapperRef, recipientsColors, selectedField, zoomable, }) => {
|
|
10
10
|
const [isPdfLoaded, setIsPdfLoaded] = useState(false);
|
|
11
|
-
const { resetZoom,
|
|
12
|
-
usePinchZoom(pdfContainerRef, {
|
|
13
|
-
enabled: zoomable,
|
|
14
|
-
setZoomValue,
|
|
15
|
-
zoom,
|
|
16
|
-
zoomByFactor,
|
|
17
|
-
});
|
|
11
|
+
const { resetZoom, zoom, zoomIn, zoomOut } = useZoom();
|
|
18
12
|
const onDocumentLoadSuccess = (pageNum) => {
|
|
19
13
|
setIsPdfLoaded(true);
|
|
20
14
|
onLoadSuccess === null || onLoadSuccess === void 0 ? void 0 : onLoadSuccess(pageNum);
|
|
@@ -22,6 +16,6 @@ export const PdfCanvas = ({ errorPlaceholder, errors = {}, fieldWrapperClassName
|
|
|
22
16
|
useEffect(() => {
|
|
23
17
|
setIsPdfLoaded(false);
|
|
24
18
|
}, [pdfUrl]);
|
|
25
|
-
return (_jsxs(Fragment, { children: [isPdfLoaded &&
|
|
19
|
+
return (_jsxs(Fragment, { children: [isPdfLoaded && (_jsx(CanvasControls, { enableInputNavigation: false, zoomable: zoomable, zoom: zoom, onZoomIn: zoomIn, onZoomOut: zoomOut, onResetZoom: resetZoom })), _jsx(Flex, { flex: 1, ref: pdfContainerRef, className: "dte-pdf-canvas-container", onClick: onDeselectField, children: _jsxs("div", { ref: pdfWrapperRef, className: "dte-pdf-wrapper", style: { width: BASE_PAGE_WIDTH * zoom }, children: [_jsx(PdfDocumentRenderer, { pdfUrl: pdfUrl, onDrop: onDrop, loading: loading, onDragOver: onDragOver, pageWidth: BASE_PAGE_WIDTH * zoom, errorPlaceholder: errorPlaceholder, loadingPlaceholder: loadingPlaceholder, onDocumentLoadSuccess: onDocumentLoadSuccess }), isPdfLoaded && (_jsx(PdfFieldsOverlay, { fields: fields, errors: errors, onFieldConfigChange: onFieldConfigChange, handleAddNewField: handleAddNewField, pdfWrapperRef: pdfWrapperRef, recipientsColors: recipientsColors, selectedField: selectedField !== null && selectedField !== void 0 ? selectedField : null, onFieldClick: onFieldClick, onFieldMove: onFieldMove, onFieldResize: onFieldResize, fieldWrapperClassNames: fieldWrapperClassNames, zoom: zoom }))] }) })] }));
|
|
26
20
|
};
|
|
27
21
|
//# sourceMappingURL=pdf-canvas.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"pdf-canvas.js","sourceRoot":"","sources":["../../../src/components/pdf-canvas/pdf-canvas.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAC;AAC5C,OAAO,EAGH,QAAQ,EAIR,SAAS,EACT,QAAQ,GACX,MAAM,OAAO,CAAC;AACf,OAAO,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC;AAClD,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"pdf-canvas.js","sourceRoot":"","sources":["../../../src/components/pdf-canvas/pdf-canvas.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAC;AAC5C,OAAO,EAGH,QAAQ,EAIR,SAAS,EACT,QAAQ,GACX,MAAM,OAAO,CAAC;AACf,OAAO,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC;AAClD,OAAO,EAAE,OAAO,EAAE,MAAM,aAAa,CAAC;AAEtC,OAAO,EAAE,gBAAgB,EAAE,MAAM,0CAA0C,CAAC;AAC5E,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AACnD,OAAO,EAAE,mBAAmB,EAAE,MAAM,yBAAyB,CAAC;AA0B9D,MAAM,CAAC,MAAM,SAAS,GAAuB,CAAC,EAC1C,gBAAgB,EAChB,MAAM,GAAG,EAAE,EACX,sBAAsB,EACtB,MAAM,EACN,iBAAiB,EACjB,OAAO,EACP,kBAAkB,EAClB,eAAe,EACf,UAAU,EACV,MAAM,EACN,YAAY,EACZ,mBAAmB,EACnB,WAAW,EACX,aAAa,EACb,aAAa,EACb,eAAe,EACf,MAAM,EACN,aAAa,EACb,gBAAgB,EAChB,aAAa,EACb,QAAQ,GACX,EAAE,EAAE;IACD,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,QAAQ,CAAU,KAAK,CAAC,CAAC;IAC/D,MAAM,EAAE,SAAS,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,GAAG,OAAO,EAAE,CAAC;IAEvD,MAAM,qBAAqB,GAAG,CAAC,OAAe,EAAE,EAAE;QAC9C,cAAc,CAAC,IAAI,CAAC,CAAC;QACrB,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAG,OAAO,CAAC,CAAC;IAC7B,CAAC,CAAC;IAEF,SAAS,CAAC,GAAG,EAAE;QACX,cAAc,CAAC,KAAK,CAAC,CAAC;IAC1B,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC;IAEb,OAAO,CACH,MAAC,QAAQ,eACJ,WAAW,IAAI,CACZ,KAAC,cAAc,IACX,qBAAqB,EAAE,KAAK,EAC5B,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,MAAM,EAChB,SAAS,EAAE,OAAO,EAClB,WAAW,EAAE,SAAS,GACxB,CACL,EACD,KAAC,IAAI,IACD,IAAI,EAAE,CAAC,EACP,GAAG,EAAE,eAAe,EACpB,SAAS,EAAC,0BAA0B,EACpC,OAAO,EAAE,eAAe,YAExB,eACI,GAAG,EAAE,aAAa,EAClB,SAAS,EAAC,iBAAiB,EAC3B,KAAK,EAAE,EAAE,KAAK,EAAE,eAAe,GAAG,IAAI,EAAE,aAExC,KAAC,mBAAmB,IAChB,MAAM,EAAE,MAAM,EACd,MAAM,EAAE,MAAM,EACd,OAAO,EAAE,OAAO,EAChB,UAAU,EAAE,UAAU,EACtB,SAAS,EAAE,eAAe,GAAG,IAAI,EACjC,gBAAgB,EAAE,gBAAgB,EAClC,kBAAkB,EAAE,kBAAkB,EACtC,qBAAqB,EAAE,qBAAqB,GAC9C,EACD,WAAW,IAAI,CACZ,KAAC,gBAAgB,IACb,MAAM,EAAE,MAAM,EACd,MAAM,EAAE,MAAM,EACd,mBAAmB,EAAE,mBAAmB,EACxC,iBAAiB,EAAE,iBAAiB,EACpC,aAAa,EAAE,aAAa,EAC5B,gBAAgB,EAAE,gBAAgB,EAClC,aAAa,EAAE,aAAa,aAAb,aAAa,cAAb,aAAa,GAAI,IAAI,EACpC,YAAY,EAAE,YAAY,EAC1B,WAAW,EAAE,WAAW,EACxB,aAAa,EAAE,aAAa,EAC5B,sBAAsB,EAAE,sBAAsB,EAC9C,IAAI,EAAE,IAAI,GACZ,CACL,IACC,GACH,IACA,CACd,CAAC;AACN,CAAC,CAAC"}
|
|
@@ -1,6 +1,5 @@
|
|
|
1
1
|
import { FC, ReactNode } from 'react';
|
|
2
2
|
import { FieldTypeEnum, type FormFieldsByFormIdI, type FormInfo, type PdfField, type RecipientInfo, type SchemaObject } from '../../interface/types';
|
|
3
|
-
import { PdfCanvasProps } from '../pdf-canvas/pdf-canvas';
|
|
4
3
|
import '../../styles/index.css';
|
|
5
4
|
export interface PdfEditorProps {
|
|
6
5
|
pdfUrl: string;
|
|
@@ -15,7 +14,6 @@ export interface PdfEditorProps {
|
|
|
15
14
|
hideFields?: FieldTypeEnum[];
|
|
16
15
|
hideConditionalLogic?: boolean;
|
|
17
16
|
forms?: FormInfo[];
|
|
18
|
-
zoomProps?: PdfCanvasProps['zoomProps'];
|
|
19
17
|
onFormSelect?: (formIds: number[], sendFormFields: (formFieldsByFormId: FormFieldsByFormIdI) => void) => void;
|
|
20
18
|
onLoadSuccess?(numPages: number): void;
|
|
21
19
|
onFieldsChange(fields: PdfField[]): void;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"pdf-editor.d.ts","sourceRoot":"","sources":["../../../src/components/pdf-editor/pdf-editor.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,EAAE,EAAE,SAAS,EAAgC,MAAM,OAAO,CAAC;AAEpE,OAAO,EACH,aAAa,EACb,KAAK,mBAAmB,EACxB,KAAK,QAAQ,EACb,KAAK,QAAQ,EACb,KAAK,aAAa,EAClB,KAAK,YAAY,EACpB,MAAM,uBAAuB,CAAC;
|
|
1
|
+
{"version":3,"file":"pdf-editor.d.ts","sourceRoot":"","sources":["../../../src/components/pdf-editor/pdf-editor.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,EAAE,EAAE,SAAS,EAAgC,MAAM,OAAO,CAAC;AAEpE,OAAO,EACH,aAAa,EACb,KAAK,mBAAmB,EACxB,KAAK,QAAQ,EACb,KAAK,QAAQ,EACb,KAAK,aAAa,EAClB,KAAK,YAAY,EACpB,MAAM,uBAAuB,CAAC;AAM/B,OAAO,wBAAwB,CAAC;AAEhC,MAAM,WAAW,cAAc;IAC3B,MAAM,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAChC,kBAAkB,CAAC,EAAE,SAAS,CAAC;IAC/B,gBAAgB,CAAC,EAAE,SAAS,CAAC;IAC7B,SAAS,CAAC,EAAE,YAAY,CAAC;IACzB,UAAU,CAAC,EAAE,aAAa,EAAE,CAAC;IAC7B,MAAM,CAAC,EAAE,QAAQ,EAAE,CAAC;IACpB,UAAU,CAAC,EAAE,aAAa,EAAE,CAAC;IAC7B,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,KAAK,CAAC,EAAE,QAAQ,EAAE,CAAC;IACnB,YAAY,CAAC,EAAE,CACX,OAAO,EAAE,MAAM,EAAE,EACjB,cAAc,EAAE,CAAC,kBAAkB,EAAE,mBAAmB,KAAK,IAAI,KAChE,IAAI,CAAC;IACV,aAAa,CAAC,CAAC,QAAQ,EAAE,MAAM,GAAG,IAAI,CAAC;IACvC,cAAc,CAAC,MAAM,EAAE,QAAQ,EAAE,GAAG,IAAI,CAAC;CAC5C;AAED,eAAO,MAAM,SAAS,EAAE,EAAE,CAAC,cAAc,CA8GxC,CAAC"}
|
|
@@ -7,7 +7,7 @@ import { FieldConfigPanelOverlay } from '../field-config-panel/field-config-pane
|
|
|
7
7
|
import { FieldSidebar } from '../field-sidebar/field-sidebar';
|
|
8
8
|
import { PdfCanvas } from '../pdf-canvas/pdf-canvas';
|
|
9
9
|
import '../../styles/index.css';
|
|
10
|
-
export const PdfEditor = ({ dataModel, errorPlaceholder, errors = {}, fields = [], forms, hideConditionalLogic, hideFields, loading = false, loadingPlaceholder, onFieldsChange, onFormSelect, onLoadSuccess, pdfUrl, recipients = [],
|
|
10
|
+
export const PdfEditor = ({ dataModel, errorPlaceholder, errors = {}, fields = [], forms, hideConditionalLogic, hideFields, loading = false, loadingPlaceholder, onFieldsChange, onFormSelect, onLoadSuccess, pdfUrl, recipients = [], zoomable = true, }) => {
|
|
11
11
|
var _a;
|
|
12
12
|
const pdfContainerRef = useRef(null);
|
|
13
13
|
const pdfWrapperRef = useRef(null);
|
|
@@ -23,6 +23,6 @@ export const PdfEditor = ({ dataModel, errorPlaceholder, errors = {}, fields = [
|
|
|
23
23
|
const dataModelGroups = useMemo(() => (dataModel ? extractGroupedFieldsFromDataModel(dataModel) : []), [dataModel]);
|
|
24
24
|
const handleAddNewField = useCallback((field) => onFieldsChange([...fields, field]), [fields, onFieldsChange]);
|
|
25
25
|
const recipientsColors = mapColorsToRecipients(recipients);
|
|
26
|
-
return (_jsxs(Flex, { flex: 1, className: `dte-pdf-editor-theme dte-pdf-editor ${loading ? 'skeleton' : ''}`, children: [pdfFieldSelection.selectedField && (_jsx(FieldConfigPanelOverlay, { dataModel: dataModel, documentFields: fields, formFieldsByFormId: formFields.formFieldsByFormId, forms: formFields.formsWithFields, formulaLoadingFormId: formFields.formulaLoadingFormId, selectedField: pdfFieldSelection.selectedField, onFieldConfigChange: pdfFieldSelection.updateField, onMatchingFieldsConfigChange: pdfFieldSelection.updateMatchingFields, onDeleteField: pdfFieldSelection.deleteSelectedField, recipients: recipients, onDeselectField: pdfFieldSelection.deselectField, hideConditionalLogic: hideConditionalLogic, onRequestFormFields: formFields.requestFormFieldsById })), _jsx(Flex, { className: "dte-pdf-editor-sidebar-container", children: _jsx(FieldSidebar, { hideFields: hideFields, dataModelGroups: dataModelGroups, formFieldOptions: formFields.formFieldOptions, forms: formFields.formsWithFields, loadingFormsCount: formFields.isLoadingForms ? ((_a = forms === null || forms === void 0 ? void 0 : forms.length) !== null && _a !== void 0 ? _a : 0) : 0, isLoadingFormFields: formFields.isLoading, onDragStart: pdfFieldDnd.handleDragStart, onDragEnd: pdfFieldDnd.handleDragEnd, onSelectForm: formFields.handleSelectForm, selectedForm: formFields.selectedForm }) }), _jsx(Flex, { direction: "column", flex: 1, className: "dte-pdf-editor-content-container skeleton-item", children: _jsx(PdfCanvas, {
|
|
26
|
+
return (_jsxs(Flex, { flex: 1, className: `dte-pdf-editor-theme dte-pdf-editor ${loading ? 'skeleton' : ''}`, children: [pdfFieldSelection.selectedField && (_jsx(FieldConfigPanelOverlay, { dataModel: dataModel, documentFields: fields, formFieldsByFormId: formFields.formFieldsByFormId, forms: formFields.formsWithFields, formulaLoadingFormId: formFields.formulaLoadingFormId, selectedField: pdfFieldSelection.selectedField, onFieldConfigChange: pdfFieldSelection.updateField, onMatchingFieldsConfigChange: pdfFieldSelection.updateMatchingFields, onDeleteField: pdfFieldSelection.deleteSelectedField, recipients: recipients, onDeselectField: pdfFieldSelection.deselectField, hideConditionalLogic: hideConditionalLogic, onRequestFormFields: formFields.requestFormFieldsById })), _jsx(Flex, { className: "dte-pdf-editor-sidebar-container", children: _jsx(FieldSidebar, { hideFields: hideFields, dataModelGroups: dataModelGroups, formFieldOptions: formFields.formFieldOptions, forms: formFields.formsWithFields, loadingFormsCount: formFields.isLoadingForms ? ((_a = forms === null || forms === void 0 ? void 0 : forms.length) !== null && _a !== void 0 ? _a : 0) : 0, isLoadingFormFields: formFields.isLoading, onDragStart: pdfFieldDnd.handleDragStart, onDragEnd: pdfFieldDnd.handleDragEnd, onSelectForm: formFields.handleSelectForm, selectedForm: formFields.selectedForm }) }), _jsx(Flex, { direction: "column", flex: 1, className: "dte-pdf-editor-content-container skeleton-item", children: _jsx(PdfCanvas, { zoomable: zoomable, pdfUrl: pdfUrl, fields: fields, loading: loading, errors: errors, onLoadSuccess: onLoadSuccess, recipientsColors: recipientsColors, fieldWrapperClassNames: "--edit-mode", selectedField: pdfFieldSelection.selectedField, pdfContainerRef: pdfContainerRef, pdfWrapperRef: pdfWrapperRef, errorPlaceholder: errorPlaceholder, loadingPlaceholder: loadingPlaceholder, handleAddNewField: handleAddNewField, onDrop: pdfFieldDnd.handleDrop, onDragOver: pdfFieldDnd.handleDragOver, onFieldClick: pdfFieldSelection.selectField, onFieldMove: pdfFieldSelection.moveField, onFieldResize: pdfFieldSelection.resizeField, onDeselectField: pdfFieldSelection.deselectField, onFieldConfigChange: pdfFieldSelection.updateField }) })] }));
|
|
27
27
|
};
|
|
28
28
|
//# sourceMappingURL=pdf-editor.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"pdf-editor.js","sourceRoot":"","sources":["../../../src/components/pdf-editor/pdf-editor.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAC;AAC5C,OAAO,EAAiB,WAAW,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AACpE,OAAO,EAAE,aAAa,EAAE,cAAc,EAAE,oBAAoB,EAAE,MAAM,aAAa,CAAC;AASlF,OAAO,EAAE,iCAAiC,EAAE,qBAAqB,EAAE,MAAM,aAAa,CAAC;AACvF,OAAO,EAAE,uBAAuB,EAAE,MAAM,kDAAkD,CAAC;AAC3F,OAAO,EAAE,YAAY,EAAE,MAAM,gCAAgC,CAAC;AAC9D,OAAO,EAAE,SAAS,
|
|
1
|
+
{"version":3,"file":"pdf-editor.js","sourceRoot":"","sources":["../../../src/components/pdf-editor/pdf-editor.tsx"],"names":[],"mappings":"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"}
|
|
@@ -11,9 +11,6 @@ export const PdfFieldsOverlay = ({ errors, fieldWrapperClassNames, fields, handl
|
|
|
11
11
|
}
|
|
12
12
|
return map;
|
|
13
13
|
}, [fields]);
|
|
14
|
-
return (_jsx("div", { className: "dte-pdf-field-overlay skeleton-item", children: fields.map(field => {
|
|
15
|
-
var _a, _b;
|
|
16
|
-
return (_jsx(PdfOverlayField, { field: field, fieldWrapperClassNames: fieldWrapperClassNames, onFieldConfigChange: onFieldConfigChange, error: (_a = errors[field.id]) !== null && _a !== void 0 ? _a : errors[(_b = field.path) !== null && _b !== void 0 ? _b : ''], handleAddNewField: handleAddNewField, onFieldMove: onFieldMove, onFieldClick: onFieldClick, pdfWrapperRef: pdfWrapperRef, onFieldResize: onFieldResize, isSelected: (selectedField === null || selectedField === void 0 ? void 0 : selectedField.id) === field.id, recipientsColors: recipientsColors, isSameGroup: (selectedField === null || selectedField === void 0 ? void 0 : selectedField.path) === field.path, pathToLabel: pathToLabel, zoom: zoom }, field.id));
|
|
17
|
-
}) }));
|
|
14
|
+
return (_jsx("div", { className: "dte-pdf-field-overlay skeleton-item", children: fields.map(field => (_jsx(PdfOverlayField, { field: field, fieldWrapperClassNames: fieldWrapperClassNames, onFieldConfigChange: onFieldConfigChange, error: errors[field.id], handleAddNewField: handleAddNewField, onFieldMove: onFieldMove, onFieldClick: onFieldClick, pdfWrapperRef: pdfWrapperRef, onFieldResize: onFieldResize, isSelected: (selectedField === null || selectedField === void 0 ? void 0 : selectedField.id) === field.id, recipientsColors: recipientsColors, isSameGroup: (selectedField === null || selectedField === void 0 ? void 0 : selectedField.path) === field.path, pathToLabel: pathToLabel, zoom: zoom }, field.id))) }));
|
|
18
15
|
};
|
|
19
16
|
//# sourceMappingURL=pdf-fields-overlay.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"pdf-fields-overlay.js","sourceRoot":"","sources":["../../../src/components/pdf-fields-overlay/pdf-fields-overlay.tsx"],"names":[],"mappings":";AAAA,OAAO,EAA6B,OAAO,EAAE,MAAM,OAAO,CAAC;AAE3D,OAAO,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AAiBtD,MAAM,CAAC,MAAM,gBAAgB,GAA8B,CAAC,EACxD,MAAM,EACN,sBAAsB,EACtB,MAAM,EACN,iBAAiB,EACjB,YAAY,EACZ,mBAAmB,EACnB,WAAW,EACX,aAAa,EACb,aAAa,EACb,gBAAgB,EAChB,aAAa,EACb,IAAI,GAAG,CAAC,GACX,EAAE,EAAE;IACD,MAAM,WAAW,GAAG,OAAO,CAAC,GAAG,EAAE;QAC7B,MAAM,GAAG,GAAG,IAAI,GAAG,EAAkB,CAAC;QACtC,KAAK,MAAM,CAAC,IAAI,MAAM,EAAE,CAAC;YACrB,IAAI,CAAC,CAAC,IAAI,IAAI,CAAC,CAAC,KAAK,EAAE,CAAC;gBACpB,GAAG,CAAC,GAAG,CAAC,CAAC,CAAC,IAAI,EAAE,CAAC,CAAC,KAAK,CAAC,CAAC;YAC7B,CAAC;QACL,CAAC;QACD,OAAO,GAAG,CAAC;IACf,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC;IAEb,OAAO,CACH,cAAK,SAAS,EAAC,qCAAqC,YAC/C,MAAM,CAAC,GAAG,CAAC,KAAK,CAAC,EAAE
|
|
1
|
+
{"version":3,"file":"pdf-fields-overlay.js","sourceRoot":"","sources":["../../../src/components/pdf-fields-overlay/pdf-fields-overlay.tsx"],"names":[],"mappings":";AAAA,OAAO,EAA6B,OAAO,EAAE,MAAM,OAAO,CAAC;AAE3D,OAAO,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AAiBtD,MAAM,CAAC,MAAM,gBAAgB,GAA8B,CAAC,EACxD,MAAM,EACN,sBAAsB,EACtB,MAAM,EACN,iBAAiB,EACjB,YAAY,EACZ,mBAAmB,EACnB,WAAW,EACX,aAAa,EACb,aAAa,EACb,gBAAgB,EAChB,aAAa,EACb,IAAI,GAAG,CAAC,GACX,EAAE,EAAE;IACD,MAAM,WAAW,GAAG,OAAO,CAAC,GAAG,EAAE;QAC7B,MAAM,GAAG,GAAG,IAAI,GAAG,EAAkB,CAAC;QACtC,KAAK,MAAM,CAAC,IAAI,MAAM,EAAE,CAAC;YACrB,IAAI,CAAC,CAAC,IAAI,IAAI,CAAC,CAAC,KAAK,EAAE,CAAC;gBACpB,GAAG,CAAC,GAAG,CAAC,CAAC,CAAC,IAAI,EAAE,CAAC,CAAC,KAAK,CAAC,CAAC;YAC7B,CAAC;QACL,CAAC;QACD,OAAO,GAAG,CAAC;IACf,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC;IAEb,OAAO,CACH,cAAK,SAAS,EAAC,qCAAqC,YAC/C,MAAM,CAAC,GAAG,CAAC,KAAK,CAAC,EAAE,CAAC,CACjB,KAAC,eAAe,IAEZ,KAAK,EAAE,KAAK,EACZ,sBAAsB,EAAE,sBAAsB,EAC9C,mBAAmB,EAAE,mBAAmB,EACxC,KAAK,EAAE,MAAM,CAAC,KAAK,CAAC,EAAE,CAAC,EACvB,iBAAiB,EAAE,iBAAiB,EACpC,WAAW,EAAE,WAAW,EACxB,YAAY,EAAE,YAAY,EAC1B,aAAa,EAAE,aAAa,EAC5B,aAAa,EAAE,aAAa,EAC5B,UAAU,EAAE,CAAA,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,EAAE,MAAK,KAAK,CAAC,EAAE,EAC1C,gBAAgB,EAAE,gBAAgB,EAClC,WAAW,EAAE,CAAA,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,IAAI,MAAK,KAAK,CAAC,IAAI,EAC/C,WAAW,EAAE,WAAW,EACxB,IAAI,EAAE,IAAI,IAdL,KAAK,CAAC,EAAE,CAef,CACL,CAAC,GACA,CACT,CAAC;AACN,CAAC,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"pdf-overlay-field-e-sign.d.ts","sourceRoot":"","sources":["../../../src/components/pdf-fields-overlay/pdf-overlay-field-e-sign.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"pdf-overlay-field-e-sign.d.ts","sourceRoot":"","sources":["../../../src/components/pdf-fields-overlay/pdf-overlay-field-e-sign.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAC3B,OAAO,EAAE,KAAK,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAEtD,UAAU,yBAAyB;IAC/B,KAAK,EAAE,QAAQ,CAAC;CACnB;AAED,eAAO,MAAM,oBAAoB,EAAE,EAAE,CAAC,yBAAyB,CAS9D,CAAC"}
|
|
@@ -1,6 +1,5 @@
|
|
|
1
|
-
import { jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
import { Flex } from '@servicetitan/anvil2';
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
3
2
|
export const PdfOverlayFieldESign = ({ field }) => {
|
|
4
|
-
return (_jsxs(
|
|
3
|
+
return (_jsxs("span", { children: [field.label, " ", field.required ? '*' : '', _jsx("div", { className: "dte-pdf-field-value", style: { fontSize: '8px' }, children: field.path })] }));
|
|
5
4
|
};
|
|
6
5
|
//# sourceMappingURL=pdf-overlay-field-e-sign.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"pdf-overlay-field-e-sign.js","sourceRoot":"","sources":["../../../src/components/pdf-fields-overlay/pdf-overlay-field-e-sign.tsx"],"names":[],"mappings":";
|
|
1
|
+
{"version":3,"file":"pdf-overlay-field-e-sign.js","sourceRoot":"","sources":["../../../src/components/pdf-fields-overlay/pdf-overlay-field-e-sign.tsx"],"names":[],"mappings":";AAOA,MAAM,CAAC,MAAM,oBAAoB,GAAkC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE;IAC7E,OAAO,CACH,2BACK,KAAK,CAAC,KAAK,OAAG,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EACxC,cAAK,SAAS,EAAC,qBAAqB,EAAC,KAAK,EAAE,EAAE,QAAQ,EAAE,KAAK,EAAE,YAC1D,KAAK,CAAC,IAAI,GACT,IACH,CACV,CAAC;AACN,CAAC,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"pdf-overlay-field.d.ts","sourceRoot":"","sources":["../../../src/components/pdf-fields-overlay/pdf-overlay-field.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"pdf-overlay-field.d.ts","sourceRoot":"","sources":["../../../src/components/pdf-fields-overlay/pdf-overlay-field.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGlD,OAAO,EAAiB,KAAK,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AASrE,UAAU,oBAAoB;IAC1B,KAAK,EAAE,QAAQ,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,UAAU,EAAE,OAAO,CAAC;IACpB,WAAW,EAAE,OAAO,CAAC;IACrB,gBAAgB,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IACzC,aAAa,EAAE,SAAS,CAAC,cAAc,CAAC,CAAC;IACzC,WAAW,CAAC,EAAE,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAClC,sBAAsB,CAAC,EAAE,MAAM,CAAC;IAChC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,mBAAmB,CAAC,OAAO,EAAE,OAAO,CAAC,QAAQ,CAAC,GAAG,IAAI,CAAC;IACtD,iBAAiB,CAAC,KAAK,EAAE,QAAQ,GAAG,IAAI,CAAC;IACzC,YAAY,CAAC,OAAO,EAAE,MAAM,EAAE,CAAC,EAAE,UAAU,GAAG,IAAI,CAAC;IACnD,WAAW,CAAC,OAAO,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,GAAG,IAAI,CAAC;IACnF,aAAa,CAAC,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,GAAG,IAAI,CAAC;CACjG;AAED,eAAO,MAAM,eAAe,EAAE,EAAE,CAAC,oBAAoB,CAwFpD,CAAC"}
|
|
@@ -1,9 +1,8 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
import { Icon } from '@servicetitan/anvil2';
|
|
3
2
|
import { DISABLE_FIELD_RESIZE } from '../../constants';
|
|
4
3
|
import { useFieldDrag, useFieldResize } from '../../hooks';
|
|
5
4
|
import { FieldTypeEnum } from '../../interface/types';
|
|
6
|
-
import { getFieldBackgroundColor, getFieldBoundsStyle,
|
|
5
|
+
import { getFieldBackgroundColor, getFieldBoundsStyle, getPagePosition } from '../../utils';
|
|
7
6
|
import { PdfOverlayFieldCalculated } from './pdf-overlay-field-calculated';
|
|
8
7
|
import { PdfOverlayFieldDataModel } from './pdf-overlay-field-data-model';
|
|
9
8
|
import { PdfOverlayFieldESign } from './pdf-overlay-field-e-sign';
|
|
@@ -45,7 +44,6 @@ export const PdfOverlayField = ({ error, field, fieldWrapperClassNames = '', han
|
|
|
45
44
|
]
|
|
46
45
|
.filter(Boolean)
|
|
47
46
|
.join(' ');
|
|
48
|
-
|
|
49
|
-
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: className, style: style, children: [fieldTypeOption && (_jsxs("div", { className: "dte-pdf-field-label", children: [fieldTypeOption.icon && (_jsx(Icon, { svg: fieldTypeOption.icon, size: "small", color: "inherit" })), fieldTypeOption.label] })), field.type === FieldTypeEnum.calculated && (_jsx(PdfOverlayFieldCalculated, { field: field, pathToLabel: pathToLabel })), field.type === FieldTypeEnum.eSign && _jsx(PdfOverlayFieldESign, { field: field }), (field.type === FieldTypeEnum.dataModel || field.type === FieldTypeEnum.forms) && (_jsx(PdfOverlayFieldDataModel, { field: field })), field.type === FieldTypeEnum.fillable && (_jsx(PdfOverlayFieldFillable, { field: field, handleAddNewField: handleAddNewField })), field.type === FieldTypeEnum.generic && (_jsx(PdfOverlayFieldGeneric, { field: field, onFieldConfigChange: onFieldConfigChange })), isSelected && !hideResizeHandle && (_jsx(ResizeHandle, { handleResizeStart: e => handleResizeStart(e, field) })), error && _jsx("span", { className: "dte-pdf-field-error-message", children: error })] }));
|
|
47
|
+
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: className, style: style, children: [field.type === FieldTypeEnum.calculated && (_jsx(PdfOverlayFieldCalculated, { field: field, pathToLabel: pathToLabel })), field.type === FieldTypeEnum.eSign && _jsx(PdfOverlayFieldESign, { field: field }), (field.type === FieldTypeEnum.dataModel || field.type === FieldTypeEnum.forms) && (_jsx(PdfOverlayFieldDataModel, { field: field })), field.type === FieldTypeEnum.fillable && (_jsx(PdfOverlayFieldFillable, { field: field, handleAddNewField: handleAddNewField })), field.type === FieldTypeEnum.generic && (_jsx(PdfOverlayFieldGeneric, { field: field, onFieldConfigChange: onFieldConfigChange })), isSelected && !hideResizeHandle && (_jsx(ResizeHandle, { handleResizeStart: e => handleResizeStart(e, field) })), error && _jsx("span", { className: "dte-pdf-field-error-message", children: error })] }));
|
|
50
48
|
};
|
|
51
49
|
//# sourceMappingURL=pdf-overlay-field.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"pdf-overlay-field.js","sourceRoot":"","sources":["../../../src/components/pdf-fields-overlay/pdf-overlay-field.tsx"],"names":[],"mappings":";
|
|
1
|
+
{"version":3,"file":"pdf-overlay-field.js","sourceRoot":"","sources":["../../../src/components/pdf-fields-overlay/pdf-overlay-field.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"pdf-view-e-sign.d.ts","sourceRoot":"","sources":["../../../src/components/pdf-view/pdf-view-e-sign.tsx"],"names":[],"mappings":"
|
|
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,KAAK,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAEtD,UAAU,iBAAiB;IACvB,KAAK,EAAE,QAAQ,CAAC;CACnB;AAED,eAAO,MAAM,YAAY,EAAE,EAAE,CAAC,iBAAiB,CAS9C,CAAC"}
|
|
@@ -1,6 +1,5 @@
|
|
|
1
|
-
import { jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
import { Flex } from '@servicetitan/anvil2';
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
3
2
|
export const PdfViewESign = ({ field }) => {
|
|
4
|
-
return (_jsxs(
|
|
3
|
+
return (_jsxs("span", { children: [field.label, " ", field.required ? '*' : '', _jsx("div", { className: "dte-pdf-field-value", style: { fontSize: '8px' }, children: field.path })] }));
|
|
5
4
|
};
|
|
6
5
|
//# sourceMappingURL=pdf-view-e-sign.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"pdf-view-e-sign.js","sourceRoot":"","sources":["../../../src/components/pdf-view/pdf-view-e-sign.tsx"],"names":[],"mappings":";
|
|
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,cAAK,SAAS,EAAC,qBAAqB,EAAC,KAAK,EAAE,EAAE,QAAQ,EAAE,KAAK,EAAE,YAC1D,KAAK,CAAC,IAAI,GACT,IACH,CACV,CAAC;AACN,CAAC,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"pdf-view-field-container.d.ts","sourceRoot":"","sources":["../../../src/components/pdf-view/pdf-view-field-container.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"pdf-view-field-container.d.ts","sourceRoot":"","sources":["../../../src/components/pdf-view/pdf-view-field-container.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAY,iBAAiB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACnE,OAAO,EAAE,KAAK,eAAe,EAAE,KAAK,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAQ5E,UAAU,qBAAqB;IAC3B,aAAa,EAAE,SAAS,CAAC,cAAc,CAAC,CAAC;IACzC,IAAI,CAAC,EAAE,eAAe,CAAC;IACvB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,QAAQ,CAAC;IAChB,gBAAgB,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IACzC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;CACvC;AAED,eAAO,MAAM,qBAAqB,EAAE,EAAE,CAAC,iBAAiB,CAAC,qBAAqB,CAAC,CAkD9E,CAAC"}
|
|
@@ -1,7 +1,6 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
import { Icon } from '@servicetitan/anvil2';
|
|
3
2
|
import { Fragment } from 'react';
|
|
4
|
-
import { evaluateDisplayCondition, getFieldBackgroundColor, getFieldBoundsStyle,
|
|
3
|
+
import { evaluateDisplayCondition, getFieldBackgroundColor, getFieldBoundsStyle, getPagePosition, } from '../../utils';
|
|
5
4
|
export const PdfViewFieldContainer = ({ children, data, error, field, onFocus, pdfWrapperRef, recipientsColors, zoom = 1, }) => {
|
|
6
5
|
const visible = !field.displayCondition || evaluateDisplayCondition(field.displayCondition, data);
|
|
7
6
|
if (!visible) {
|
|
@@ -9,22 +8,16 @@ export const PdfViewFieldContainer = ({ children, data, error, field, onFocus, p
|
|
|
9
8
|
}
|
|
10
9
|
const pagePos = getPagePosition(field.page, pdfWrapperRef);
|
|
11
10
|
const bgColor = getFieldBackgroundColor(field.recipient, recipientsColors);
|
|
12
|
-
const fieldTypeOption = getFieldTypeOption(field);
|
|
13
11
|
return (_jsxs(Fragment, { children: [_jsx("div", { id: `dte-pdf-field-${field.id}`, className: `dte-pdf-field-view --${field.type}`, tabIndex: -1, style: getFieldBoundsStyle(field, {
|
|
14
12
|
pageOffset: pagePos,
|
|
15
13
|
backgroundColor: bgColor,
|
|
16
|
-
borderColor: error ? 'red' :
|
|
14
|
+
borderColor: error ? 'red' : undefined,
|
|
17
15
|
zoom,
|
|
18
|
-
}), onFocus: () => onFocus === null || onFocus === void 0 ? void 0 : onFocus(field.id), children: children }),
|
|
19
|
-
top: pagePos.top + field.y * zoom - 10,
|
|
20
|
-
left: pagePos.left + field.x * zoom + 3,
|
|
21
|
-
position: 'absolute',
|
|
22
|
-
}, children: [fieldTypeOption.icon && (_jsx(Icon, { svg: fieldTypeOption.icon, size: "small", color: "inherit" })), fieldTypeOption.label] })), error && (_jsx("span", { style: {
|
|
16
|
+
}), onFocus: () => onFocus === null || onFocus === void 0 ? void 0 : onFocus(field.id), children: children }), error && (_jsx("span", { style: {
|
|
23
17
|
color: 'red',
|
|
24
18
|
top: pagePos.top + (field.y + field.height) * zoom + 8,
|
|
25
19
|
left: pagePos.left + field.x * zoom,
|
|
26
20
|
minWidth: '100px',
|
|
27
|
-
fontSize: '10px',
|
|
28
21
|
position: 'absolute',
|
|
29
22
|
}, children: error }))] }));
|
|
30
23
|
};
|