@servicetitan/dte-pdf-editor 1.90.0 → 1.92.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/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 +2 -0
- 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 +9 -15
- package/dist/components/pdf-canvas/canvas-controls.d.ts.map +1 -1
- package/dist/components/pdf-canvas/canvas-controls.js +4 -14
- package/dist/components/pdf-canvas/canvas-controls.js.map +1 -1
- package/dist/components/pdf-canvas/pdf-canvas.d.ts +6 -2
- package/dist/components/pdf-canvas/pdf-canvas.d.ts.map +1 -1
- package/dist/components/pdf-canvas/pdf-canvas.js +11 -5
- package/dist/components/pdf-canvas/pdf-canvas.js.map +1 -1
- package/dist/components/pdf-editor/pdf-editor.d.ts +2 -0
- 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 +4 -1
- 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 +3 -2
- 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 +4 -2
- 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 +3 -2
- 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 +10 -3
- 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 +5 -0
- package/dist/components/pdf-view/pdf-view.d.ts.map +1 -1
- package/dist/components/pdf-view/pdf-view.js +51 -24
- 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 +27 -6
- package/dist/constants/field.constants.js.map +1 -1
- 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/usePinchZoom.d.ts +14 -0
- package/dist/hooks/usePinchZoom.d.ts.map +1 -0
- package/dist/hooks/usePinchZoom.js +58 -0
- package/dist/hooks/usePinchZoom.js.map +1 -0
- package/dist/hooks/useZoom.d.ts +2 -0
- package/dist/hooks/useZoom.d.ts.map +1 -1
- package/dist/hooks/useZoom.js +18 -6
- package/dist/hooks/useZoom.js.map +1 -1
- package/dist/interface/types.d.ts +2 -0
- package/dist/interface/types.d.ts.map +1 -1
- package/dist/interface/types.js.map +1 -1
- package/dist/styles/pdf-canvas.css +91 -15
- package/dist/styles/pdf-editor.css +1 -0
- package/dist/styles/pdf-field-overlay.css +109 -78
- package/dist/styles/variables.css +3 -0
- package/dist/utils/field/get-field-type-option.utils.d.ts +3 -0
- package/dist/utils/field/get-field-type-option.utils.d.ts.map +1 -0
- package/dist/utils/field/get-field-type-option.utils.js +10 -0
- package/dist/utils/field/get-field-type-option.utils.js.map +1 -0
- 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 +1 -0
- package/dist/utils/field/index.d.ts.map +1 -1
- package/dist/utils/field/index.js +1 -0
- package/dist/utils/field/index.js.map +1 -1
- package/dist/utils/pdf/index.d.ts +1 -0
- package/dist/utils/pdf/index.d.ts.map +1 -1
- package/dist/utils/pdf/index.js +1 -0
- package/dist/utils/pdf/index.js.map +1 -1
- package/dist/utils/pdf/pinch-zoom.utils.d.ts +6 -0
- package/dist/utils/pdf/pinch-zoom.utils.d.ts.map +1 -0
- package/dist/utils/pdf/pinch-zoom.utils.js +18 -0
- package/dist/utils/pdf/pinch-zoom.utils.js.map +1 -0
- package/package.json +1 -1
- package/src/components/field-sidebar/calculated-field-type-list.tsx +1 -0
- package/src/components/field-sidebar/e-sign-field-type-list.tsx +1 -0
- package/src/components/field-sidebar/field-type.tsx +13 -3
- package/src/components/field-sidebar/fillable-field-type-list.tsx +1 -0
- package/src/components/field-sidebar/generic-field-type-list.tsx +1 -0
- package/src/components/pdf-canvas/canvas-controls.tsx +30 -128
- package/src/components/pdf-canvas/pdf-canvas.tsx +18 -8
- package/src/components/pdf-editor/pdf-editor.tsx +4 -1
- package/src/components/pdf-fields-overlay/pdf-fields-overlay.tsx +1 -1
- package/src/components/pdf-fields-overlay/pdf-overlay-field-e-sign.tsx +8 -6
- package/src/components/pdf-fields-overlay/pdf-overlay-field.tsx +17 -1
- package/src/components/pdf-view/pdf-view-e-sign.tsx +8 -6
- package/src/components/pdf-view/pdf-view-field-container.tsx +21 -1
- package/src/components/pdf-view/pdf-view-fillable.tsx +1 -1
- package/src/components/pdf-view/pdf-view.tsx +156 -95
- package/src/constants/field.constants.ts +28 -6
- package/src/hooks/index.ts +1 -0
- package/src/hooks/usePinchZoom.ts +86 -0
- package/src/hooks/useZoom.ts +20 -8
- package/src/interface/types.ts +3 -0
- package/src/styles/pdf-canvas.css +91 -15
- package/src/styles/pdf-editor.css +1 -0
- package/src/styles/pdf-field-overlay.css +109 -78
- package/src/styles/variables.css +3 -0
- package/src/utils/field/__tests__/get-field-type-option.utils.test.ts +53 -0
- package/src/utils/field/get-field-type-option.utils.ts +16 -0
- package/src/utils/field/get-navigable-fields.utils.ts +1 -1
- package/src/utils/field/index.ts +1 -0
- package/src/utils/pdf/__tests__/pinch-zoom.utils.test.ts +58 -0
- package/src/utils/pdf/index.ts +1 -0
- package/src/utils/pdf/pinch-zoom.utils.ts +30 -0
|
@@ -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,CAoBpE,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, { label: fieldOption.label, onDragEnd: onDragEnd, onDragStart: () => onDragStart(fieldOption) }, key));
|
|
9
|
+
return (_jsx(FieldType, { icon: fieldOption.icon, 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,KAAK,EAAE,WAAW,CAAC,KAAK,EACxB,SAAS,EAAE,SAAS,EACpB,WAAW,EAAE,GAAG,EAAE,CAAC,WAAW,CAAC,WAAW,CAAC,
|
|
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,IAAI,EAAE,WAAW,CAAC,IAAI,EACtB,KAAK,EAAE,WAAW,CAAC,KAAK,EACxB,SAAS,EAAE,SAAS,EACpB,WAAW,EAAE,GAAG,EAAE,CAAC,WAAW,CAAC,WAAW,CAAC,IAJtC,GAAG,CAKV,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,CAc1D,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, { label: fieldOption.label, onDragEnd: onDragEnd, onDragStart: () => onDragStart(fieldOption) }, fieldOption.subType))) }));
|
|
5
|
+
return (_jsx("div", { className: "dte-field-type-items-wrapper", children: E_SIGN_FIELD_TYPES.map(fieldOption => (_jsx(FieldType, { icon: fieldOption.icon, 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,IACN,IAAI,EAAE,WAAW,CAAC,IAAI,EAEtB,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":"AAAA,OAAO,EAAc,GAAG,EAAQ,MAAM,sBAAsB,CAAC;AAE7D,OAAO,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAE3B,UAAU,cAAc;IACpB,IAAI,CAAC,EAAE,GAAG,CAAC;IACX,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,CAsCxC,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 = ({ label, onDragEnd, onDragStart, sampleData }) => {
|
|
4
|
+
export const FieldType = ({ icon, 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: [_jsx(Text, { size: "small", children: label }), sampleData && (_jsxs(Text, { size: "small", subdued: true, style: { fontSize: '12px', marginTop: '-2px' }, className: "ellipsis", children: ["e.g. ", sampleData] }))] })] }));
|
|
10
|
+
}, onDragEnd: onDragEnd, className: "dte-field-type-item", children: [_jsx(Icon, { svg: IconDragIndicator, size: "medium" }), _jsxs(Flex, { direction: "column", style: { overflow: 'hidden' }, children: [_jsxs(Flex, { alignItems: "center", gap: "2", children: [icon && _jsx(Icon, { svg: icon, size: "medium" }), _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,EAAO,IAAI,EAAE,MAAM,sBAAsB,CAAC;AAC7D,OAAO,iBAAiB,MAAM,qEAAqE,CAAC;AAWpG,MAAM,CAAC,MAAM,SAAS,GAAuB,CAAC,EAC1C,IAAI,EACJ,KAAK,EACL,SAAS,EACT,WAAW,EACX,UAAU,GACb,EAAE,EAAE;IACD,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,MAAC,IAAI,IAAC,UAAU,EAAC,QAAQ,EAAC,GAAG,EAAC,GAAG,aAC5B,IAAI,IAAI,KAAC,IAAI,IAAC,GAAG,EAAE,IAAI,EAAE,IAAI,EAAC,QAAQ,GAAG,EAC1C,KAAC,IAAI,IAAC,IAAI,EAAC,OAAO,YAAE,KAAK,GAAQ,IAC9B,EACN,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,CAsChE,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, { label: fieldOption.label, onDragEnd: onDragEnd, onDragStart: () => onDragStart(fieldOption) }, fieldOption.subType));
|
|
16
|
+
return (_jsx(FieldType, { icon: fieldOption.icon, 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,IACN,IAAI,EAAE,WAAW,CAAC,IAAI,EAEtB,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,CAiB9D,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, { label: fieldOption.label, onDragEnd: onDragEnd, onDragStart: () => onDragStart(fieldOption) }, key));
|
|
9
|
+
return (_jsx(FieldType, { icon: fieldOption.icon, 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,KAAK,EAAE,WAAW,CAAC,KAAK,EACxB,SAAS,EAAE,SAAS,EACpB,WAAW,EAAE,GAAG,EAAE,CAAC,WAAW,CAAC,WAAW,CAAC,
|
|
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,IAAI,EAAE,WAAW,CAAC,IAAI,EACtB,KAAK,EAAE,WAAW,CAAC,KAAK,EACxB,SAAS,EAAE,SAAS,EACpB,WAAW,EAAE,GAAG,EAAE,CAAC,WAAW,CAAC,WAAW,CAAC,IAJtC,GAAG,CAKV,CACL,CAAC;QACN,CAAC,CAAC,GACK,CACd,CAAC;AACN,CAAC,CAAC"}
|
|
@@ -1,24 +1,18 @@
|
|
|
1
1
|
import { FC } from 'react';
|
|
2
|
-
interface ZoomControlsProps {
|
|
2
|
+
export interface ZoomControlsProps {
|
|
3
3
|
zoom: number;
|
|
4
|
+
vertical?: boolean;
|
|
5
|
+
position?: 'right-center' | 'right-bottom';
|
|
4
6
|
onZoomIn(): void;
|
|
5
7
|
onZoomOut(): void;
|
|
6
8
|
onResetZoom(): void;
|
|
7
9
|
}
|
|
8
|
-
export
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
disabledNext?: boolean;
|
|
14
|
-
disabledPrev?: boolean;
|
|
15
|
-
disabledOnFirstField?: boolean;
|
|
16
|
-
disabledOnLastField?: boolean;
|
|
17
|
-
onNextField?(): void;
|
|
18
|
-
onPrevField?(): void;
|
|
19
|
-
onFirstField?(): void;
|
|
20
|
-
onLastField?(): void;
|
|
10
|
+
export declare const ZoomControls: FC<ZoomControlsProps>;
|
|
11
|
+
interface FieldNavigationControlsProps {
|
|
12
|
+
isStarted: boolean;
|
|
13
|
+
disabled?: boolean;
|
|
14
|
+
onNextField(): void;
|
|
21
15
|
}
|
|
22
|
-
export declare const
|
|
16
|
+
export declare const FieldNavigationControls: FC<FieldNavigationControlsProps>;
|
|
23
17
|
export {};
|
|
24
18
|
//# 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":"AAGA,OAAO,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAG3B,MAAM,WAAW,iBAAiB;IAC9B,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,cAAc,GAAG,cAAc,CAAC;IAC3C,QAAQ,IAAI,IAAI,CAAC;IACjB,SAAS,IAAI,IAAI,CAAC;IAClB,WAAW,IAAI,IAAI,CAAC;CACvB;AAED,eAAO,MAAM,YAAY,EAAE,EAAE,CAAC,iBAAiB,CA+C9C,CAAC;AAEF,UAAU,4BAA4B;IAClC,SAAS,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,WAAW,IAAI,IAAI,CAAC;CACvB;AAED,eAAO,MAAM,uBAAuB,EAAE,EAAE,CAAC,4BAA4B,CAcpE,CAAC"}
|
|
@@ -1,22 +1,12 @@
|
|
|
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';
|
|
7
3
|
import IconZoomIn from '@servicetitan/anvil2/assets/icons/material/round/zoom_in.svg';
|
|
8
4
|
import IconZoomOut from '@servicetitan/anvil2/assets/icons/material/round/zoom_out.svg';
|
|
9
5
|
import { ZOOM_MAX, ZOOM_MIN } from '../../constants';
|
|
10
|
-
const ZoomControls = ({ onResetZoom, onZoomIn, onZoomOut, zoom }) => {
|
|
11
|
-
return (_jsxs(Flex, { alignItems: "center", gap: 1, className:
|
|
6
|
+
export const ZoomControls = ({ onResetZoom, onZoomIn, onZoomOut, position = 'right-center', vertical, zoom, }) => {
|
|
7
|
+
return (_jsxs(Flex, { alignItems: "center", gap: 1, className: `dte-pdf-zoom-controls ${vertical ? '--vertical' : '--horizontal'} --${position}`, 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" }) }), _jsx(Divider, { vertical: !vertical, style: vertical ? { width: 20 } : { height: 20 } }), _jsxs(Text, { variant: "body", size: "small", className: "dte-pdf-zoom-controls-value", onClick: onResetZoom, title: "Reset zoom", children: [Math.round(zoom * 100), "%"] }), _jsx(Divider, { vertical: !vertical, style: vertical ? { width: 20 } : { height: 20 } }), _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" }) })] }));
|
|
12
8
|
};
|
|
13
|
-
const FieldNavigationControls = ({
|
|
14
|
-
return (
|
|
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 }))] }));
|
|
9
|
+
export const FieldNavigationControls = ({ disabled, isStarted, onNextField, }) => {
|
|
10
|
+
return (_jsx("div", { className: `dte-pdf-field-next-controls-button ${disabled && '--disabled'} ${isStarted && '--started'}`, role: "button", onClick: onNextField, children: _jsx("span", { children: isStarted ? 'Next' : 'Start' }) }));
|
|
21
11
|
};
|
|
22
12
|
//# 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,
|
|
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;AAWrD,MAAM,CAAC,MAAM,YAAY,GAA0B,CAAC,EAChD,WAAW,EACX,QAAQ,EACR,SAAS,EACT,QAAQ,GAAG,cAAc,EACzB,QAAQ,EACR,IAAI,GACP,EAAE,EAAE;IACD,OAAO,CACH,MAAC,IAAI,IACD,UAAU,EAAC,QAAQ,EACnB,GAAG,EAAE,CAAC,EACN,SAAS,EAAE,yBAAyB,QAAQ,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,cAAc,MAAM,QAAQ,EAAE,aAE5F,KAAC,MAAM,IACH,IAAI,EAAC,QAAQ,EACb,UAAU,EAAC,OAAO,EAClB,OAAO,EAAE,SAAS,EAClB,QAAQ,EAAE,IAAI,IAAI,QAAQ,gBACf,UAAU,EACrB,KAAK,EAAC,UAAU,YAEhB,KAAC,IAAI,IAAC,GAAG,EAAE,WAAW,EAAE,IAAI,EAAC,QAAQ,GAAG,GACnC,EACT,KAAC,OAAO,IAAC,QAAQ,EAAE,CAAC,QAAQ,EAAE,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAAC,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,GAAI,EAClF,MAAC,IAAI,IACD,OAAO,EAAC,MAAM,EACd,IAAI,EAAC,OAAO,EACZ,SAAS,EAAC,6BAA6B,EACvC,OAAO,EAAE,WAAW,EACpB,KAAK,EAAC,YAAY,aAEjB,IAAI,CAAC,KAAK,CAAC,IAAI,GAAG,GAAG,CAAC,SACpB,EACP,KAAC,OAAO,IAAC,QAAQ,EAAE,CAAC,QAAQ,EAAE,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAAC,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,GAAI,EAClF,KAAC,MAAM,IACH,IAAI,EAAC,QAAQ,EACb,UAAU,EAAC,OAAO,EAClB,OAAO,EAAE,QAAQ,EACjB,QAAQ,EAAE,IAAI,IAAI,QAAQ,gBACf,SAAS,EACpB,KAAK,EAAC,SAAS,YAEf,KAAC,IAAI,IAAC,GAAG,EAAE,UAAU,EAAE,IAAI,EAAC,QAAQ,GAAG,GAClC,IACN,CACV,CAAC;AACN,CAAC,CAAC;AAQF,MAAM,CAAC,MAAM,uBAAuB,GAAqC,CAAC,EACtE,QAAQ,EACR,SAAS,EACT,WAAW,GACd,EAAE,EAAE;IACD,OAAO,CACH,cACI,SAAS,EAAE,sCAAsC,QAAQ,IAAI,YAAY,IAAI,SAAS,IAAI,WAAW,EAAE,EACvG,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,WAAW,YAEpB,yBAAO,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,GAAQ,GACzC,CACT,CAAC;AACN,CAAC,CAAC"}
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import { DragEvent, FC, MouseEvent, ReactNode, RefObject } from 'react';
|
|
2
2
|
import { type PdfField } from '../../interface/types';
|
|
3
|
-
|
|
3
|
+
import { ZoomControlsProps } from './canvas-controls';
|
|
4
|
+
export interface PdfCanvasProps {
|
|
4
5
|
pdfUrl: string;
|
|
5
6
|
zoomable: boolean;
|
|
6
7
|
errorPlaceholder?: ReactNode;
|
|
@@ -13,6 +14,10 @@ interface PdfCanvasProps {
|
|
|
13
14
|
pdfWrapperRef: RefObject<HTMLDivElement>;
|
|
14
15
|
recipientsColors: Record<string, string>;
|
|
15
16
|
fieldWrapperClassNames?: string;
|
|
17
|
+
zoomProps?: {
|
|
18
|
+
vertical: ZoomControlsProps['vertical'];
|
|
19
|
+
position: ZoomControlsProps['position'];
|
|
20
|
+
};
|
|
16
21
|
onLoadSuccess?(pageNums: number): void;
|
|
17
22
|
handleAddNewField(field: PdfField): void;
|
|
18
23
|
onDragOver(e: DragEvent<HTMLDivElement>): void;
|
|
@@ -24,5 +29,4 @@ interface PdfCanvasProps {
|
|
|
24
29
|
onFieldConfigChange(updates: Partial<PdfField>): void;
|
|
25
30
|
}
|
|
26
31
|
export declare const PdfCanvas: FC<PdfCanvasProps>;
|
|
27
|
-
export {};
|
|
28
32
|
//# 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;AAEtD,OAAO,EAAgB,iBAAiB,EAAE,MAAM,mBAAmB,CAAC;AAGpE,MAAM,WAAW,cAAc;IAC3B,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,SAAS,CAAC,EAAE;QACR,QAAQ,EAAE,iBAAiB,CAAC,UAAU,CAAC,CAAC;QACxC,QAAQ,EAAE,iBAAiB,CAAC,UAAU,CAAC,CAAC;KAC3C,CAAC;IACF,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,CA8FxC,CAAC"}
|
|
@@ -2,13 +2,19 @@ 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 { useZoom } from '../../hooks';
|
|
5
|
+
import { usePinchZoom, useZoom } from '../../hooks';
|
|
6
6
|
import { PdfFieldsOverlay } from '../pdf-fields-overlay/pdf-fields-overlay';
|
|
7
|
-
import {
|
|
7
|
+
import { ZoomControls } 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, zoomable, }) => {
|
|
9
|
+
export const PdfCanvas = ({ errorPlaceholder, errors = {}, fieldWrapperClassNames, fields, handleAddNewField, loading, loadingPlaceholder, onDeselectField, onDragOver, onDrop, onFieldClick, onFieldConfigChange, onFieldMove, onFieldResize, onLoadSuccess, pdfContainerRef, pdfUrl, pdfWrapperRef, recipientsColors, selectedField, zoomProps, zoomable, }) => {
|
|
10
10
|
const [isPdfLoaded, setIsPdfLoaded] = useState(false);
|
|
11
|
-
const { resetZoom, zoom, zoomIn, zoomOut } = useZoom();
|
|
11
|
+
const { resetZoom, setZoomValue, zoom, zoomByFactor, zoomIn, zoomOut } = useZoom();
|
|
12
|
+
usePinchZoom(pdfContainerRef, {
|
|
13
|
+
enabled: zoomable,
|
|
14
|
+
setZoomValue,
|
|
15
|
+
zoom,
|
|
16
|
+
zoomByFactor,
|
|
17
|
+
});
|
|
12
18
|
const onDocumentLoadSuccess = (pageNum) => {
|
|
13
19
|
setIsPdfLoaded(true);
|
|
14
20
|
onLoadSuccess === null || onLoadSuccess === void 0 ? void 0 : onLoadSuccess(pageNum);
|
|
@@ -16,6 +22,6 @@ export const PdfCanvas = ({ errorPlaceholder, errors = {}, fieldWrapperClassName
|
|
|
16
22
|
useEffect(() => {
|
|
17
23
|
setIsPdfLoaded(false);
|
|
18
24
|
}, [pdfUrl]);
|
|
19
|
-
return (_jsxs(Fragment, { children: [isPdfLoaded && (_jsx(
|
|
25
|
+
return (_jsxs(Fragment, { children: [isPdfLoaded && zoomable && (_jsx(ZoomControls, { ...zoomProps, 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 }))] }) })] }));
|
|
20
26
|
};
|
|
21
27
|
//# 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,OAAO,EAAE,MAAM,aAAa,CAAC;
|
|
1
|
+
{"version":3,"file":"pdf-canvas.js","sourceRoot":"","sources":["../../../src/components/pdf-canvas/pdf-canvas.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,5 +1,6 @@
|
|
|
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';
|
|
3
4
|
import '../../styles/index.css';
|
|
4
5
|
export interface PdfEditorProps {
|
|
5
6
|
pdfUrl: string;
|
|
@@ -14,6 +15,7 @@ export interface PdfEditorProps {
|
|
|
14
15
|
hideFields?: FieldTypeEnum[];
|
|
15
16
|
hideConditionalLogic?: boolean;
|
|
16
17
|
forms?: FormInfo[];
|
|
18
|
+
zoomProps?: PdfCanvasProps['zoomProps'];
|
|
17
19
|
onFormSelect?: (formIds: number[], sendFormFields: (formFieldsByFormId: FormFieldsByFormIdI) => void) => void;
|
|
18
20
|
onLoadSuccess?(numPages: number): void;
|
|
19
21
|
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;AAI/B,OAAO,EAAa,cAAc,EAAE,MAAM,0BAA0B,CAAC;AAErE,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,SAAS,CAAC,EAAE,cAAc,CAAC,WAAW,CAAC,CAAC;IACxC,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,CA+GxC,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 = [], zoomable = true, }) => {
|
|
10
|
+
export const PdfEditor = ({ dataModel, errorPlaceholder, errors = {}, fields = [], forms, hideConditionalLogic, hideFields, loading = false, loadingPlaceholder, onFieldsChange, onFormSelect, onLoadSuccess, pdfUrl, recipients = [], zoomProps, zoomable = true, }) => {
|
|
11
11
|
const pdfContainerRef = useRef(null);
|
|
12
12
|
const pdfWrapperRef = useRef(null);
|
|
13
13
|
const pdfFieldSelection = usePdfFieldSelection(fields, onFieldsChange);
|
|
@@ -22,6 +22,6 @@ export const PdfEditor = ({ dataModel, errorPlaceholder, errors = {}, fields = [
|
|
|
22
22
|
const dataModelGroups = useMemo(() => (dataModel ? extractGroupedFieldsFromDataModel(dataModel) : []), [dataModel]);
|
|
23
23
|
const handleAddNewField = useCallback((field) => onFieldsChange([...fields, field]), [fields, onFieldsChange]);
|
|
24
24
|
const recipientsColors = mapColorsToRecipients(recipients);
|
|
25
|
-
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: forms !== null && forms !== void 0 ? forms : [], 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: forms, 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 }) })] }));
|
|
25
|
+
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: forms !== null && forms !== void 0 ? forms : [], 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: forms, 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, { zoomProps: zoomProps, 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 }) })] }));
|
|
26
26
|
};
|
|
27
27
|
//# 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,6 +11,9 @@ 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 =>
|
|
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
|
+
}) }));
|
|
15
18
|
};
|
|
16
19
|
//# 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;;YAAC,OAAA,CACjB,KAAC,eAAe,IAEZ,KAAK,EAAE,KAAK,EACZ,sBAAsB,EAAE,sBAAsB,EAC9C,mBAAmB,EAAE,mBAAmB,EACxC,KAAK,EAAE,MAAA,MAAM,CAAC,KAAK,CAAC,EAAE,CAAC,mCAAI,MAAM,CAAC,MAAA,KAAK,CAAC,IAAI,mCAAI,EAAE,CAAC,EACnD,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,CAAA;SAAA,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":"AACA,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,CAU9D,CAAC"}
|
|
@@ -1,5 +1,6 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { Flex } from '@servicetitan/anvil2';
|
|
2
3
|
export const PdfOverlayFieldESign = ({ field }) => {
|
|
3
|
-
return (_jsxs(
|
|
4
|
+
return (_jsxs(Flex, { alignItems: "center", className: "dte-pdf-field-value", style: { fontSize: '8px', height: '100%' }, children: [field.path, " ", field.required ? '*' : ''] }));
|
|
4
5
|
};
|
|
5
6
|
//# 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":";AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAC;AAQ5C,MAAM,CAAC,MAAM,oBAAoB,GAAkC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE;IAC7E,OAAO,CACH,MAAC,IAAI,IACD,UAAU,EAAC,QAAQ,EACnB,SAAS,EAAC,qBAAqB,EAC/B,KAAK,EAAE,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,aAEzC,KAAK,CAAC,IAAI,OAAG,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,IACpC,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":"AACA,OAAO,EAAE,EAAE,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGlD,OAAO,EAAiB,KAAK,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAcrE,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,CAkGpD,CAAC"}
|
|
@@ -1,8 +1,9 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { Icon } from '@servicetitan/anvil2';
|
|
2
3
|
import { DISABLE_FIELD_RESIZE } from '../../constants';
|
|
3
4
|
import { useFieldDrag, useFieldResize } from '../../hooks';
|
|
4
5
|
import { FieldTypeEnum } from '../../interface/types';
|
|
5
|
-
import { getFieldBackgroundColor, getFieldBoundsStyle, getPagePosition } from '../../utils';
|
|
6
|
+
import { getFieldBackgroundColor, getFieldBoundsStyle, getFieldTypeOption, getPagePosition, } from '../../utils';
|
|
6
7
|
import { PdfOverlayFieldCalculated } from './pdf-overlay-field-calculated';
|
|
7
8
|
import { PdfOverlayFieldDataModel } from './pdf-overlay-field-data-model';
|
|
8
9
|
import { PdfOverlayFieldESign } from './pdf-overlay-field-e-sign';
|
|
@@ -44,6 +45,7 @@ export const PdfOverlayField = ({ error, field, fieldWrapperClassNames = '', han
|
|
|
44
45
|
]
|
|
45
46
|
.filter(Boolean)
|
|
46
47
|
.join(' ');
|
|
47
|
-
|
|
48
|
+
const fieldTypeOption = getFieldTypeOption(field);
|
|
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 })] }));
|
|
48
50
|
};
|
|
49
51
|
//# 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":"AACA,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,CAU9C,CAAC"}
|
|
@@ -1,5 +1,6 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { Flex } from '@servicetitan/anvil2';
|
|
2
3
|
export const PdfViewESign = ({ field }) => {
|
|
3
|
-
return (_jsxs(
|
|
4
|
+
return (_jsxs(Flex, { alignItems: "center", className: "dte-pdf-field-value", style: { fontSize: '8px', height: '100%' }, children: [field.path, " ", field.required ? '*' : ''] }));
|
|
4
5
|
};
|
|
5
6
|
//# 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":";AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAC;AAQ5C,MAAM,CAAC,MAAM,YAAY,GAA0B,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE;IAC7D,OAAO,CACH,MAAC,IAAI,IACD,UAAU,EAAC,QAAQ,EACnB,SAAS,EAAC,qBAAqB,EAC/B,KAAK,EAAE,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,aAEzC,KAAK,CAAC,IAAI,OAAG,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,IACpC,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":"AACA,OAAO,EAAE,EAAE,EAAY,iBAAiB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACnE,OAAO,EAAE,KAAK,eAAe,EAAE,KAAK,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAS5E,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,CAoE9E,CAAC"}
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { Icon } from '@servicetitan/anvil2';
|
|
2
3
|
import { Fragment } from 'react';
|
|
3
|
-
import { evaluateDisplayCondition, getFieldBackgroundColor, getFieldBoundsStyle, getPagePosition, } from '../../utils';
|
|
4
|
+
import { evaluateDisplayCondition, getFieldBackgroundColor, getFieldBoundsStyle, getFieldTypeOption, getPagePosition, } from '../../utils';
|
|
4
5
|
export const PdfViewFieldContainer = ({ children, data, error, field, onFocus, pdfWrapperRef, recipientsColors, zoom = 1, }) => {
|
|
5
6
|
const visible = !field.displayCondition || evaluateDisplayCondition(field.displayCondition, data);
|
|
6
7
|
if (!visible) {
|
|
@@ -8,16 +9,22 @@ export const PdfViewFieldContainer = ({ children, data, error, field, onFocus, p
|
|
|
8
9
|
}
|
|
9
10
|
const pagePos = getPagePosition(field.page, pdfWrapperRef);
|
|
10
11
|
const bgColor = getFieldBackgroundColor(field.recipient, recipientsColors);
|
|
12
|
+
const fieldTypeOption = getFieldTypeOption(field);
|
|
11
13
|
return (_jsxs(Fragment, { children: [_jsx("div", { id: `dte-pdf-field-${field.id}`, className: `dte-pdf-field-view --${field.type}`, tabIndex: -1, style: getFieldBoundsStyle(field, {
|
|
12
14
|
pageOffset: pagePos,
|
|
13
15
|
backgroundColor: bgColor,
|
|
14
|
-
borderColor: error ? 'red' :
|
|
16
|
+
borderColor: error ? 'red' : bgColor.replace('1f', '7d'),
|
|
15
17
|
zoom,
|
|
16
|
-
}), onFocus: () => onFocus === null || onFocus === void 0 ? void 0 : onFocus(field.id), children: children }),
|
|
18
|
+
}), onFocus: () => onFocus === null || onFocus === void 0 ? void 0 : onFocus(field.id), children: children }), fieldTypeOption && (_jsxs("div", { className: "dte-pdf-field-label", style: {
|
|
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: {
|
|
17
23
|
color: 'red',
|
|
18
24
|
top: pagePos.top + (field.y + field.height) * zoom + 8,
|
|
19
25
|
left: pagePos.left + field.x * zoom,
|
|
20
26
|
minWidth: '100px',
|
|
27
|
+
fontSize: '10px',
|
|
21
28
|
position: 'absolute',
|
|
22
29
|
}, children: error }))] }));
|
|
23
30
|
};
|