@servicetitan/dte-pdf-editor 1.91.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.
Files changed (140) hide show
  1. package/dist/components/field-sidebar/calculated-field-type-list.d.ts.map +1 -1
  2. package/dist/components/field-sidebar/calculated-field-type-list.js +1 -1
  3. package/dist/components/field-sidebar/calculated-field-type-list.js.map +1 -1
  4. package/dist/components/field-sidebar/data-model-field-type-list.d.ts +1 -12
  5. package/dist/components/field-sidebar/data-model-field-type-list.d.ts.map +1 -1
  6. package/dist/components/field-sidebar/data-model-field-type-list.js +9 -29
  7. package/dist/components/field-sidebar/data-model-field-type-list.js.map +1 -1
  8. package/dist/components/field-sidebar/e-sign-field-type-list.d.ts.map +1 -1
  9. package/dist/components/field-sidebar/e-sign-field-type-list.js +1 -1
  10. package/dist/components/field-sidebar/e-sign-field-type-list.js.map +1 -1
  11. package/dist/components/field-sidebar/field-sidebar.d.ts +0 -5
  12. package/dist/components/field-sidebar/field-sidebar.d.ts.map +1 -1
  13. package/dist/components/field-sidebar/field-sidebar.js +10 -7
  14. package/dist/components/field-sidebar/field-sidebar.js.map +1 -1
  15. package/dist/components/field-sidebar/field-type.d.ts +2 -0
  16. package/dist/components/field-sidebar/field-type.d.ts.map +1 -1
  17. package/dist/components/field-sidebar/field-type.js +2 -2
  18. package/dist/components/field-sidebar/field-type.js.map +1 -1
  19. package/dist/components/field-sidebar/fillable-field-type-list.d.ts.map +1 -1
  20. package/dist/components/field-sidebar/fillable-field-type-list.js +1 -1
  21. package/dist/components/field-sidebar/fillable-field-type-list.js.map +1 -1
  22. package/dist/components/field-sidebar/form-fields-type-list.d.ts +5 -23
  23. package/dist/components/field-sidebar/form-fields-type-list.d.ts.map +1 -1
  24. package/dist/components/field-sidebar/form-fields-type-list.js +5 -20
  25. package/dist/components/field-sidebar/form-fields-type-list.js.map +1 -1
  26. package/dist/components/field-sidebar/generic-field-type-list.d.ts.map +1 -1
  27. package/dist/components/field-sidebar/generic-field-type-list.js +1 -1
  28. package/dist/components/field-sidebar/generic-field-type-list.js.map +1 -1
  29. package/dist/components/pdf-canvas/canvas-controls.d.ts +9 -15
  30. package/dist/components/pdf-canvas/canvas-controls.d.ts.map +1 -1
  31. package/dist/components/pdf-canvas/canvas-controls.js +4 -14
  32. package/dist/components/pdf-canvas/canvas-controls.js.map +1 -1
  33. package/dist/components/pdf-canvas/pdf-canvas.d.ts +6 -2
  34. package/dist/components/pdf-canvas/pdf-canvas.d.ts.map +1 -1
  35. package/dist/components/pdf-canvas/pdf-canvas.js +11 -5
  36. package/dist/components/pdf-canvas/pdf-canvas.js.map +1 -1
  37. package/dist/components/pdf-editor/pdf-editor.d.ts +2 -0
  38. package/dist/components/pdf-editor/pdf-editor.d.ts.map +1 -1
  39. package/dist/components/pdf-editor/pdf-editor.js +2 -2
  40. package/dist/components/pdf-editor/pdf-editor.js.map +1 -1
  41. package/dist/components/pdf-fields-overlay/pdf-fields-overlay.js +4 -1
  42. package/dist/components/pdf-fields-overlay/pdf-fields-overlay.js.map +1 -1
  43. package/dist/components/pdf-fields-overlay/pdf-overlay-field-e-sign.d.ts.map +1 -1
  44. package/dist/components/pdf-fields-overlay/pdf-overlay-field-e-sign.js +3 -2
  45. package/dist/components/pdf-fields-overlay/pdf-overlay-field-e-sign.js.map +1 -1
  46. package/dist/components/pdf-fields-overlay/pdf-overlay-field.d.ts.map +1 -1
  47. package/dist/components/pdf-fields-overlay/pdf-overlay-field.js +4 -2
  48. package/dist/components/pdf-fields-overlay/pdf-overlay-field.js.map +1 -1
  49. package/dist/components/pdf-view/pdf-view-e-sign.d.ts.map +1 -1
  50. package/dist/components/pdf-view/pdf-view-e-sign.js +3 -2
  51. package/dist/components/pdf-view/pdf-view-e-sign.js.map +1 -1
  52. package/dist/components/pdf-view/pdf-view-field-container.d.ts.map +1 -1
  53. package/dist/components/pdf-view/pdf-view-field-container.js +10 -3
  54. package/dist/components/pdf-view/pdf-view-field-container.js.map +1 -1
  55. package/dist/components/pdf-view/pdf-view-fillable.js +1 -1
  56. package/dist/components/pdf-view/pdf-view-fillable.js.map +1 -1
  57. package/dist/components/pdf-view/pdf-view.d.ts +5 -0
  58. package/dist/components/pdf-view/pdf-view.d.ts.map +1 -1
  59. package/dist/components/pdf-view/pdf-view.js +51 -24
  60. package/dist/components/pdf-view/pdf-view.js.map +1 -1
  61. package/dist/constants/field.constants.d.ts.map +1 -1
  62. package/dist/constants/field.constants.js +27 -6
  63. package/dist/constants/field.constants.js.map +1 -1
  64. package/dist/constants/menu-group.d.ts +0 -5
  65. package/dist/constants/menu-group.d.ts.map +1 -1
  66. package/dist/constants/menu-group.js +2 -5
  67. package/dist/constants/menu-group.js.map +1 -1
  68. package/dist/hooks/index.d.ts +1 -0
  69. package/dist/hooks/index.d.ts.map +1 -1
  70. package/dist/hooks/index.js +1 -0
  71. package/dist/hooks/index.js.map +1 -1
  72. package/dist/hooks/usePinchZoom.d.ts +14 -0
  73. package/dist/hooks/usePinchZoom.d.ts.map +1 -0
  74. package/dist/hooks/usePinchZoom.js +58 -0
  75. package/dist/hooks/usePinchZoom.js.map +1 -0
  76. package/dist/hooks/useZoom.d.ts +2 -0
  77. package/dist/hooks/useZoom.d.ts.map +1 -1
  78. package/dist/hooks/useZoom.js +18 -6
  79. package/dist/hooks/useZoom.js.map +1 -1
  80. package/dist/interface/types.d.ts +2 -0
  81. package/dist/interface/types.d.ts.map +1 -1
  82. package/dist/interface/types.js.map +1 -1
  83. package/dist/styles/pdf-canvas.css +91 -15
  84. package/dist/styles/pdf-editor.css +1 -0
  85. package/dist/styles/pdf-field-overlay.css +109 -78
  86. package/dist/styles/variables.css +3 -0
  87. package/dist/utils/field/get-field-type-option.utils.d.ts +3 -0
  88. package/dist/utils/field/get-field-type-option.utils.d.ts.map +1 -0
  89. package/dist/utils/field/get-field-type-option.utils.js +10 -0
  90. package/dist/utils/field/get-field-type-option.utils.js.map +1 -0
  91. package/dist/utils/field/get-navigable-fields.utils.js +1 -1
  92. package/dist/utils/field/get-navigable-fields.utils.js.map +1 -1
  93. package/dist/utils/field/index.d.ts +1 -0
  94. package/dist/utils/field/index.d.ts.map +1 -1
  95. package/dist/utils/field/index.js +1 -0
  96. package/dist/utils/field/index.js.map +1 -1
  97. package/dist/utils/pdf/index.d.ts +1 -0
  98. package/dist/utils/pdf/index.d.ts.map +1 -1
  99. package/dist/utils/pdf/index.js +1 -0
  100. package/dist/utils/pdf/index.js.map +1 -1
  101. package/dist/utils/pdf/pinch-zoom.utils.d.ts +6 -0
  102. package/dist/utils/pdf/pinch-zoom.utils.d.ts.map +1 -0
  103. package/dist/utils/pdf/pinch-zoom.utils.js +18 -0
  104. package/dist/utils/pdf/pinch-zoom.utils.js.map +1 -0
  105. package/package.json +1 -1
  106. package/src/components/field-sidebar/calculated-field-type-list.tsx +1 -0
  107. package/src/components/field-sidebar/data-model-field-type-list.tsx +28 -103
  108. package/src/components/field-sidebar/e-sign-field-type-list.tsx +1 -0
  109. package/src/components/field-sidebar/field-sidebar.tsx +18 -15
  110. package/src/components/field-sidebar/field-type.tsx +13 -3
  111. package/src/components/field-sidebar/fillable-field-type-list.tsx +1 -0
  112. package/src/components/field-sidebar/form-fields-type-list.tsx +94 -109
  113. package/src/components/field-sidebar/generic-field-type-list.tsx +1 -0
  114. package/src/components/pdf-canvas/canvas-controls.tsx +30 -128
  115. package/src/components/pdf-canvas/pdf-canvas.tsx +18 -8
  116. package/src/components/pdf-editor/pdf-editor.tsx +4 -1
  117. package/src/components/pdf-fields-overlay/pdf-fields-overlay.tsx +1 -1
  118. package/src/components/pdf-fields-overlay/pdf-overlay-field-e-sign.tsx +8 -6
  119. package/src/components/pdf-fields-overlay/pdf-overlay-field.tsx +17 -1
  120. package/src/components/pdf-view/pdf-view-e-sign.tsx +8 -6
  121. package/src/components/pdf-view/pdf-view-field-container.tsx +21 -1
  122. package/src/components/pdf-view/pdf-view-fillable.tsx +1 -1
  123. package/src/components/pdf-view/pdf-view.tsx +156 -95
  124. package/src/constants/field.constants.ts +28 -6
  125. package/src/constants/menu-group.ts +2 -5
  126. package/src/hooks/index.ts +1 -0
  127. package/src/hooks/usePinchZoom.ts +86 -0
  128. package/src/hooks/useZoom.ts +20 -8
  129. package/src/interface/types.ts +3 -0
  130. package/src/styles/pdf-canvas.css +91 -15
  131. package/src/styles/pdf-editor.css +1 -0
  132. package/src/styles/pdf-field-overlay.css +109 -78
  133. package/src/styles/variables.css +3 -0
  134. package/src/utils/field/__tests__/get-field-type-option.utils.test.ts +53 -0
  135. package/src/utils/field/get-field-type-option.utils.ts +16 -0
  136. package/src/utils/field/get-navigable-fields.utils.ts +1 -1
  137. package/src/utils/field/index.ts +1 -0
  138. package/src/utils/pdf/__tests__/pinch-zoom.utils.test.ts +58 -0
  139. package/src/utils/pdf/index.ts +1 -0
  140. 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,CAmBpE,CAAC"}
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,IAHtC,GAAG,CAIV,CACL,CAAC;QACN,CAAC,CAAC,GACK,CACd,CAAC;AACN,CAAC,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,18 +1,7 @@
1
1
  import { FC } from 'react';
2
- import { type DataModelFieldGroup, type FieldTypeOption, type FormInfo } from '../../interface/types';
2
+ import { type DataModelFieldGroup, type FieldTypeOption } from '../../interface/types';
3
3
  interface DataModelFieldTypeListProps {
4
4
  dataModelGroups?: DataModelFieldGroup[];
5
- /**
6
- * Forms offered as a group after the data model groups. Omitted (or empty) hides the group;
7
- * `onSelectForm` must be provided for the group to render.
8
- */
9
- forms?: FormInfo[];
10
- /** The form whose fields are shown in place of the group list; null shows the group list. */
11
- selectedForm?: FormInfo | null;
12
- /** Draggable options for `selectedForm`. */
13
- formFieldOptions?: FieldTypeOption[];
14
- isLoadingFormFields?: boolean;
15
- onSelectForm?(form: FormInfo | null): void;
16
5
  onDragStart(fieldOption: FieldTypeOption): void;
17
6
  onDragEnd(): void;
18
7
  }
@@ -1 +1 @@
1
- {"version":3,"file":"data-model-field-type-list.d.ts","sourceRoot":"","sources":["../../../src/components/field-sidebar/data-model-field-type-list.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,EAAE,EAA+B,MAAM,OAAO,CAAC;AACxD,OAAO,EACH,KAAK,mBAAmB,EACxB,KAAK,eAAe,EACpB,KAAK,QAAQ,EAChB,MAAM,uBAAuB,CAAC;AAK/B,UAAU,2BAA2B;IACjC,eAAe,CAAC,EAAE,mBAAmB,EAAE,CAAC;IACxC;;;OAGG;IACH,KAAK,CAAC,EAAE,QAAQ,EAAE,CAAC;IACnB,6FAA6F;IAC7F,YAAY,CAAC,EAAE,QAAQ,GAAG,IAAI,CAAC;IAC/B,4CAA4C;IAC5C,gBAAgB,CAAC,EAAE,eAAe,EAAE,CAAC;IACrC,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,YAAY,CAAC,CAAC,IAAI,EAAE,QAAQ,GAAG,IAAI,GAAG,IAAI,CAAC;IAC3C,WAAW,CAAC,WAAW,EAAE,eAAe,GAAG,IAAI,CAAC;IAChD,SAAS,IAAI,IAAI,CAAC;CACrB;AAKD,eAAO,MAAM,sBAAsB,EAAE,EAAE,CAAC,2BAA2B,CAgHlE,CAAC"}
1
+ {"version":3,"file":"data-model-field-type-list.d.ts","sourceRoot":"","sources":["../../../src/components/field-sidebar/data-model-field-type-list.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,EAAE,EAA+B,MAAM,OAAO,CAAC;AACxD,OAAO,EAAE,KAAK,mBAAmB,EAAE,KAAK,eAAe,EAAE,MAAM,uBAAuB,CAAC;AAIvF,UAAU,2BAA2B;IACjC,eAAe,CAAC,EAAE,mBAAmB,EAAE,CAAC;IACxC,WAAW,CAAC,WAAW,EAAE,eAAe,GAAG,IAAI,CAAC;IAChD,SAAS,IAAI,IAAI,CAAC;CACrB;AAED,eAAO,MAAM,sBAAsB,EAAE,EAAE,CAAC,2BAA2B,CAwDlE,CAAC"}
@@ -3,43 +3,23 @@ import { Flex, SearchField, Text } from '@servicetitan/anvil2';
3
3
  import { Fragment, useMemo, useState } from 'react';
4
4
  import { getFieldSampleData } from '../../utils';
5
5
  import { FieldType } from './field-type';
6
- import { FormFieldsPanel, FormsList } from './form-fields-type-list';
7
- const matchesSearch = (label, searchLower) => label.toLowerCase().includes(searchLower);
8
- export const DataModelFieldTypeList = ({ dataModelGroups = [], formFieldOptions = [], forms, isLoadingFormFields = false, onDragEnd, onDragStart, onSelectForm, selectedForm = null, }) => {
6
+ export const DataModelFieldTypeList = ({ dataModelGroups = [], onDragEnd, onDragStart, }) => {
9
7
  const [searchText, setSearchText] = useState('');
10
- const searchLower = searchText.trim().toLowerCase();
11
- const showForms = !!(forms === null || forms === void 0 ? void 0 : forms.length) && !!onSelectForm;
12
8
  const searchedFieldGroups = useMemo(() => {
13
- if (!searchLower) {
9
+ if (!searchText) {
14
10
  return dataModelGroups;
15
11
  }
12
+ const searchLower = searchText.toLowerCase();
16
13
  return dataModelGroups
17
14
  .map(group => ({
18
15
  ...group,
19
- fields: group.fields.filter(({ label }) => matchesSearch(label, searchLower)),
16
+ fields: group.fields.filter(({ label }) => label.toLowerCase().includes(searchLower)),
20
17
  }))
21
18
  .filter(group => group.fields.length > 0);
22
- }, [dataModelGroups, searchLower]);
23
- const searchedForms = useMemo(() => {
24
- if (!(forms === null || forms === void 0 ? void 0 : forms.length)) {
25
- return [];
26
- }
27
- if (!searchLower) {
28
- return forms;
29
- }
30
- return forms.filter(form => matchesSearch(form.name, searchLower));
31
- }, [forms, searchLower]);
32
- const searchedFormFieldOptions = useMemo(() => {
33
- if (!searchLower) {
34
- return formFieldOptions;
35
- }
36
- return formFieldOptions.filter(option => matchesSearch(option.label, searchLower));
37
- }, [formFieldOptions, searchLower]);
38
- const isFormDetail = showForms && !!selectedForm;
39
- 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 : ''); } }), _jsx("div", { className: "dte-formula-sidebar-slide-outer", children: _jsxs("div", { className: `dte-formula-sidebar-slide-track${isFormDetail ? ' --detail' : ''}`, children: [_jsxs("div", { className: "dte-formula-sidebar-slide-panel", children: [searchedFieldGroups.map(group => (_jsxs("div", { className: "dte-field-type-group", children: [_jsx(Flex, { alignItems: "center", gap: 1, className: "dte-field-type-group-header", children: _jsx(Text, { variant: "headline", el: "h6", size: "small", children: group.groupName }) }), group.fields.map(fieldOption => {
40
- const key = `${fieldOption.type}-${group.groupName}-${fieldOption.path}`;
41
- return (_jsx(FieldType, { onDragEnd: onDragEnd, onDragStart: () => onDragStart(fieldOption), label: fieldOption.label, sampleData: getFieldSampleData(fieldOption.sampleData, fieldOption.fieldType) }, key));
42
- })] }, group.groupName))), showForms && (searchedForms.length > 0 || !searchLower) && (_jsx(FormsList, { forms: searchedForms, onSelectForm: onSelectForm }))] }), _jsx("div", { className: "dte-formula-sidebar-slide-panel --form-fields", children: isFormDetail && (_jsx(FormFieldsPanel, { form: selectedForm, fieldOptions: searchedFormFieldOptions, hasHiddenFields: formFieldOptions.length > 0 &&
43
- searchedFormFieldOptions.length === 0, isLoading: isLoadingFormFields, onBack: () => onSelectForm(null), onDragEnd: onDragEnd, onDragStart: onDragStart })) })] }) })] }));
19
+ }, [dataModelGroups, searchText]);
20
+ 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 : ''); } }), searchedFieldGroups.map(group => (_jsxs("div", { className: "dte-field-type-group", children: [_jsx(Flex, { alignItems: "center", gap: 1, className: "dte-field-type-group-header", children: _jsx(Text, { variant: "headline", el: "h6", size: "small", children: group.groupName }) }), group.fields.map(fieldOption => {
21
+ const key = `${fieldOption.type}-${group.groupName}-${fieldOption.path}`;
22
+ return (_jsx(FieldType, { onDragEnd: onDragEnd, onDragStart: () => onDragStart(fieldOption), label: fieldOption.label, sampleData: getFieldSampleData(fieldOption.sampleData, fieldOption.fieldType) }, key));
23
+ })] }, group.groupName)))] }));
44
24
  };
45
25
  //# sourceMappingURL=data-model-field-type-list.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"data-model-field-type-list.js","sourceRoot":"","sources":["../../../src/components/field-sidebar/data-model-field-type-list.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"data-model-field-type-list.js","sourceRoot":"","sources":["../../../src/components/field-sidebar/data-model-field-type-list.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,WAAW,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAC;AAC/D,OAAO,EAAM,QAAQ,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAExD,OAAO,EAAE,kBAAkB,EAAE,MAAM,aAAa,CAAC;AACjD,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAQzC,MAAM,CAAC,MAAM,sBAAsB,GAAoC,CAAC,EACpE,eAAe,GAAG,EAAE,EACpB,SAAS,EACT,WAAW,GACd,EAAE,EAAE;IACD,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAC;IAEjD,MAAM,mBAAmB,GAAG,OAAO,CAAC,GAAG,EAAE;QACrC,IAAI,CAAC,UAAU,EAAE,CAAC;YACd,OAAO,eAAe,CAAC;QAC3B,CAAC;QAED,MAAM,WAAW,GAAG,UAAU,CAAC,WAAW,EAAE,CAAC;QAC7C,OAAO,eAAe;aACjB,GAAG,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC;YACX,GAAG,KAAK;YACR,MAAM,EAAE,KAAK,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CACtC,KAAK,CAAC,WAAW,EAAE,CAAC,QAAQ,CAAC,WAAW,CAAC,CAC5C;SACJ,CAAC,CAAC;aACF,MAAM,CAAC,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,MAAM,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC;IAClD,CAAC,EAAE,CAAC,eAAe,EAAE,UAAU,CAAC,CAAC,CAAC;IAClC,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,mBAAmB,CAAC,GAAG,CAAC,KAAK,CAAC,EAAE,CAAC,CAC9B,eAA2B,SAAS,EAAC,sBAAsB,aACvD,KAAC,IAAI,IAAC,UAAU,EAAC,QAAQ,EAAC,GAAG,EAAE,CAAC,EAAE,SAAS,EAAC,6BAA6B,YACrE,KAAC,IAAI,IAAC,OAAO,EAAC,UAAU,EAAC,EAAE,EAAC,IAAI,EAAC,IAAI,EAAC,OAAO,YACxC,KAAK,CAAC,SAAS,GACb,GACJ,EACN,KAAK,CAAC,MAAM,CAAC,GAAG,CAAC,WAAW,CAAC,EAAE;wBAC5B,MAAM,GAAG,GAAG,GAAG,WAAW,CAAC,IAAI,IAAI,KAAK,CAAC,SAAS,IAAI,WAAW,CAAC,IAAI,EAAE,CAAC;wBACzE,OAAO,CACH,KAAC,SAAS,IAEN,SAAS,EAAE,SAAS,EACpB,WAAW,EAAE,GAAG,EAAE,CAAC,WAAW,CAAC,WAAW,CAAC,EAC3C,KAAK,EAAE,WAAW,CAAC,KAAK,EACxB,UAAU,EAAE,kBAAkB,CAC1B,WAAW,CAAC,UAAU,EACtB,WAAW,CAAC,SAAS,CACxB,IAPI,GAAG,CAQV,CACL,CAAC;oBACN,CAAC,CAAC,KApBI,KAAK,CAAC,SAAS,CAqBnB,CACT,CAAC,IACK,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,CAa1D,CAAC"}
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,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
+ {"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"}
@@ -2,11 +2,6 @@ import { FC } from 'react';
2
2
  import { type DataModelFieldGroup, FieldTypeEnum, type FieldTypeOption, type FormInfo } from '../../interface/types';
3
3
  interface FieldSidebarProps {
4
4
  dataModelGroups?: DataModelFieldGroup[];
5
- /**
6
- * Forms listed as a group inside the Merge Tags tab (alongside the data model groups).
7
- * Hidden when empty, when `onSelectForm` is missing, or when `hideFields` names
8
- * `FieldTypeEnum.forms`.
9
- */
10
5
  forms?: FormInfo[];
11
6
  formFieldOptions?: FieldTypeOption[];
12
7
  hideFields?: FieldTypeEnum[];
@@ -1 +1 @@
1
- {"version":3,"file":"field-sidebar.d.ts","sourceRoot":"","sources":["../../../src/components/field-sidebar/field-sidebar.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,EAAE,EAAqB,MAAM,OAAO,CAAC;AAG9C,OAAO,EACH,KAAK,mBAAmB,EACxB,aAAa,EACb,KAAK,eAAe,EACpB,KAAK,QAAQ,EAChB,MAAM,uBAAuB,CAAC;AAQ/B,UAAU,iBAAiB;IACvB,eAAe,CAAC,EAAE,mBAAmB,EAAE,CAAC;IACxC;;;;OAIG;IACH,KAAK,CAAC,EAAE,QAAQ,EAAE,CAAC;IACnB,gBAAgB,CAAC,EAAE,eAAe,EAAE,CAAC;IACrC,UAAU,CAAC,EAAE,aAAa,EAAE,CAAC;IAC7B,YAAY,CAAC,EAAE,QAAQ,GAAG,IAAI,CAAC;IAC/B,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,SAAS,IAAI,IAAI,CAAC;IAClB,WAAW,CAAC,WAAW,EAAE,eAAe,GAAG,IAAI,CAAC;IAChD,YAAY,CAAC,CAAC,IAAI,EAAE,QAAQ,GAAG,IAAI,GAAG,IAAI,CAAC;CAC9C;AAED,eAAO,MAAM,YAAY,EAAE,EAAE,CAAC,iBAAiB,CAkF9C,CAAC"}
1
+ {"version":3,"file":"field-sidebar.d.ts","sourceRoot":"","sources":["../../../src/components/field-sidebar/field-sidebar.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,EAAE,EAAqB,MAAM,OAAO,CAAC;AAG9C,OAAO,EACH,KAAK,mBAAmB,EACxB,aAAa,EACb,KAAK,eAAe,EACpB,KAAK,QAAQ,EAChB,MAAM,uBAAuB,CAAC;AAS/B,UAAU,iBAAiB;IACvB,eAAe,CAAC,EAAE,mBAAmB,EAAE,CAAC;IACxC,KAAK,CAAC,EAAE,QAAQ,EAAE,CAAC;IACnB,gBAAgB,CAAC,EAAE,eAAe,EAAE,CAAC;IACrC,UAAU,CAAC,EAAE,aAAa,EAAE,CAAC;IAC7B,YAAY,CAAC,EAAE,QAAQ,GAAG,IAAI,CAAC;IAC/B,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,SAAS,IAAI,IAAI,CAAC;IAClB,WAAW,CAAC,WAAW,EAAE,eAAe,GAAG,IAAI,CAAC;IAChD,YAAY,CAAC,CAAC,IAAI,EAAE,QAAQ,GAAG,IAAI,GAAG,IAAI,CAAC;CAC9C;AAED,eAAO,MAAM,YAAY,EAAE,EAAE,CAAC,iBAAiB,CAyF9C,CAAC"}
@@ -10,6 +10,7 @@ import { DataModelFieldTypeList } from './data-model-field-type-list';
10
10
  import { ESignFieldTypeList } from './e-sign-field-type-list';
11
11
  import { FieldMenuGroup } from './field-menu-group';
12
12
  import { FillableFieldTypeList } from './fillable-field-type-list';
13
+ import { FormFieldsTypeList } from './form-fields-type-list';
13
14
  import { GenericFieldTypeList } from './generic-field-type-list';
14
15
  export const FieldSidebar = ({ dataModelGroups = [], formFieldOptions = [], forms, hideFields, isLoadingFormFields = false, onDragEnd, onDragStart, onSelectForm, selectedForm = null, }) => {
15
16
  var _a;
@@ -20,13 +21,15 @@ export const FieldSidebar = ({ dataModelGroups = [], formFieldOptions = [], form
20
21
  open();
21
22
  };
22
23
  const filteredMenuGroups = useMemo(() => {
23
- if (!(hideFields === null || hideFields === void 0 ? void 0 : hideFields.length)) {
24
- return menuGroups;
24
+ let groups = menuGroups;
25
+ if (hideFields === null || hideFields === void 0 ? void 0 : hideFields.length) {
26
+ groups = groups.filter(menuGroup => !hideFields.includes(menuGroup.key));
25
27
  }
26
- return menuGroups.filter(menuGroup => !hideFields.includes(menuGroup.key));
27
- }, [hideFields]);
28
- // The list itself hides the group when there are no forms or no selection handler.
29
- const visibleForms = (hideFields === null || hideFields === void 0 ? void 0 : hideFields.includes(FieldTypeEnum.forms)) ? undefined : forms;
30
- return (_jsxs(Flex, { className: "dte-field-sidebar-container skeleton-item", children: [_jsx(FieldMenuGroup, { menuGroups: filteredMenuGroups, onClickMenu: handleActiveFieldTypeChange, activeFieldKey: activeFieldType }), _jsx(Flex, { className: `dte-field-sidebar-content skeleton-item ${isOpen ? '--open' : ''}`, shrink: 0, children: _jsxs(Flex, { className: "dte-field-sidebar-content-inner", children: [_jsx(Text, { variant: "headline", el: "h1", size: "medium", children: (_a = menuGroups.find(group => group.key === activeFieldType)) === null || _a === void 0 ? void 0 : _a.label }), activeFieldType === FieldTypeEnum.fillable && (_jsx(FillableFieldTypeList, { onDragStart: onDragStart, onDragEnd: onDragEnd })), activeFieldType === FieldTypeEnum.eSign && (_jsx(ESignFieldTypeList, { onDragEnd: onDragEnd, onDragStart: onDragStart })), activeFieldType === FieldTypeEnum.dataModel && (_jsx(DataModelFieldTypeList, { dataModelGroups: dataModelGroups, forms: visibleForms, formFieldOptions: formFieldOptions, isLoadingFormFields: isLoadingFormFields, onDragStart: onDragStart, onDragEnd: onDragEnd, onSelectForm: onSelectForm, selectedForm: selectedForm })), activeFieldType === FieldTypeEnum.calculated && (_jsx(CalculatedFieldTypeList, { onDragStart: onDragStart, onDragEnd: onDragEnd })), activeFieldType === FieldTypeEnum.generic && (_jsx(GenericFieldTypeList, { onDragStart: onDragStart, onDragEnd: onDragEnd }))] }) }), _jsx(Button, { size: "small", appearance: "ghost", onClick: toggle, className: "dte-field-sidebar-toggler", children: _jsx(Icon, { svg: IconMenuOpen, size: "medium" }) })] }));
28
+ if (!(forms === null || forms === void 0 ? void 0 : forms.length) || !onSelectForm) {
29
+ groups = groups.filter(menuGroup => menuGroup.key !== FieldTypeEnum.forms);
30
+ }
31
+ return groups;
32
+ }, [forms === null || forms === void 0 ? void 0 : forms.length, hideFields, onSelectForm]);
33
+ return (_jsxs(Flex, { className: "dte-field-sidebar-container skeleton-item", children: [_jsx(FieldMenuGroup, { menuGroups: filteredMenuGroups, onClickMenu: handleActiveFieldTypeChange, activeFieldKey: activeFieldType }), _jsx(Flex, { className: `dte-field-sidebar-content skeleton-item ${isOpen ? '--open' : ''}`, shrink: 0, children: _jsxs(Flex, { className: "dte-field-sidebar-content-inner", children: [_jsx(Text, { variant: "headline", el: "h1", size: "medium", children: (_a = menuGroups.find(group => group.key === activeFieldType)) === null || _a === void 0 ? void 0 : _a.label }), activeFieldType === FieldTypeEnum.fillable && (_jsx(FillableFieldTypeList, { onDragStart: onDragStart, onDragEnd: onDragEnd })), activeFieldType === FieldTypeEnum.eSign && (_jsx(ESignFieldTypeList, { onDragEnd: onDragEnd, onDragStart: onDragStart })), activeFieldType === FieldTypeEnum.dataModel && (_jsx(DataModelFieldTypeList, { dataModelGroups: dataModelGroups, onDragStart: onDragStart, onDragEnd: onDragEnd })), activeFieldType === FieldTypeEnum.forms && forms && onSelectForm && (_jsx(FormFieldsTypeList, { fieldOptions: formFieldOptions, forms: forms, isLoadingFormFields: isLoadingFormFields, onDragEnd: onDragEnd, onDragStart: onDragStart, onSelectForm: onSelectForm, selectedForm: selectedForm })), activeFieldType === FieldTypeEnum.calculated && (_jsx(CalculatedFieldTypeList, { onDragStart: onDragStart, onDragEnd: onDragEnd })), activeFieldType === FieldTypeEnum.generic && (_jsx(GenericFieldTypeList, { onDragStart: onDragStart, onDragEnd: onDragEnd }))] }) }), _jsx(Button, { size: "small", appearance: "ghost", onClick: toggle, className: "dte-field-sidebar-toggler", children: _jsx(Icon, { svg: IconMenuOpen, size: "medium" }) })] }));
31
34
  };
32
35
  //# sourceMappingURL=field-sidebar.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"field-sidebar.js","sourceRoot":"","sources":["../../../src/components/field-sidebar/field-sidebar.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"field-sidebar.js","sourceRoot":"","sources":["../../../src/components/field-sidebar/field-sidebar.tsx"],"names":[],"mappings":"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"}
@@ -1,5 +1,7 @@
1
+ import { Svg } from '@servicetitan/anvil2';
1
2
  import { FC } from 'react';
2
3
  interface FieldTypeProps {
4
+ icon?: Svg;
3
5
  label: string;
4
6
  sampleData?: string | number | null;
5
7
  onDragEnd(): void;
@@ -1 +1 @@
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
+ {"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,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
+ {"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,CAqChE,CAAC"}
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,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
+ {"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,31 +1,13 @@
1
1
  import { FC } from 'react';
2
2
  import { type FieldTypeOption, type FormInfo } from '../../interface/types';
3
- /** Heading of the Forms group inside the Merge Tags tab. */
4
- export declare const FORMS_GROUP_NAME = "Forms";
5
- export interface FormsListProps {
3
+ export interface FormFieldsTypeListProps {
6
4
  forms: FormInfo[];
7
- /** Rendered when the (possibly search-filtered) list is empty. */
8
- emptyText?: string;
9
- onSelectForm(form: FormInfo): void;
10
- }
11
- /**
12
- * Root level of the Forms group: one clickable row per form. Selecting a form hands off to
13
- * `FormFieldsPanel`, which lists that form's draggable fields.
14
- */
15
- export declare const FormsList: FC<FormsListProps>;
16
- export interface FormFieldsPanelProps {
17
- form: FormInfo;
5
+ selectedForm: FormInfo | null;
18
6
  fieldOptions: FieldTypeOption[];
19
- isLoading?: boolean;
20
- /** Rendered when the form has fields but none match the current search. */
21
- hasHiddenFields?: boolean;
22
- onBack(): void;
7
+ isLoadingFormFields?: boolean;
8
+ onSelectForm(form: FormInfo | null): void;
23
9
  onDragEnd(): void;
24
10
  onDragStart(fieldOption: FieldTypeOption): void;
25
11
  }
26
- /**
27
- * Detail level of the Forms group: a back button naming the form, then its fields as the same
28
- * draggable rows the data model groups use, so a form field drops onto the PDF like any merge tag.
29
- */
30
- export declare const FormFieldsPanel: FC<FormFieldsPanelProps>;
12
+ export declare const FormFieldsTypeList: FC<FormFieldsTypeListProps>;
31
13
  //# sourceMappingURL=form-fields-type-list.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"form-fields-type-list.d.ts","sourceRoot":"","sources":["../../../src/components/field-sidebar/form-fields-type-list.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,EAAE,EAAY,MAAM,OAAO,CAAC;AACrC,OAAO,EAAE,KAAK,eAAe,EAAE,KAAK,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAI5E,4DAA4D;AAC5D,eAAO,MAAM,gBAAgB,UAAU,CAAC;AAExC,MAAM,WAAW,cAAc;IAC3B,KAAK,EAAE,QAAQ,EAAE,CAAC;IAClB,kEAAkE;IAClE,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,YAAY,CAAC,IAAI,EAAE,QAAQ,GAAG,IAAI,CAAC;CACtC;AAED;;;GAGG;AACH,eAAO,MAAM,SAAS,EAAE,EAAE,CAAC,cAAc,CAwCxC,CAAC;AAEF,MAAM,WAAW,oBAAoB;IACjC,IAAI,EAAE,QAAQ,CAAC;IACf,YAAY,EAAE,eAAe,EAAE,CAAC;IAChC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,2EAA2E;IAC3E,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,MAAM,IAAI,IAAI,CAAC;IACf,SAAS,IAAI,IAAI,CAAC;IAClB,WAAW,CAAC,WAAW,EAAE,eAAe,GAAG,IAAI,CAAC;CACnD;AAED;;;GAGG;AACH,eAAO,MAAM,eAAe,EAAE,EAAE,CAAC,oBAAoB,CAoDpD,CAAC"}
1
+ {"version":3,"file":"form-fields-type-list.d.ts","sourceRoot":"","sources":["../../../src/components/field-sidebar/form-fields-type-list.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,EAAE,EAAY,MAAM,OAAO,CAAC;AACrC,OAAO,EAAE,KAAK,eAAe,EAAE,KAAK,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAI5E,MAAM,WAAW,uBAAuB;IACpC,KAAK,EAAE,QAAQ,EAAE,CAAC;IAClB,YAAY,EAAE,QAAQ,GAAG,IAAI,CAAC;IAC9B,YAAY,EAAE,eAAe,EAAE,CAAC;IAChC,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,YAAY,CAAC,IAAI,EAAE,QAAQ,GAAG,IAAI,GAAG,IAAI,CAAC;IAC1C,SAAS,IAAI,IAAI,CAAC;IAClB,WAAW,CAAC,WAAW,EAAE,eAAe,GAAG,IAAI,CAAC;CACnD;AAED,eAAO,MAAM,kBAAkB,EAAE,EAAE,CAAC,uBAAuB,CAkG1D,CAAC"}
@@ -5,25 +5,10 @@ import IconArrowForward from '@servicetitan/anvil2/assets/icons/material/round/k
5
5
  import { Fragment } from 'react';
6
6
  import { getFieldSampleData } from '../../utils';
7
7
  import { FieldType } from './field-type';
8
- /** Heading of the Forms group inside the Merge Tags tab. */
9
- export const FORMS_GROUP_NAME = 'Forms';
10
- /**
11
- * Root level of the Forms group: one clickable row per form. Selecting a form hands off to
12
- * `FormFieldsPanel`, which lists that form's draggable fields.
13
- */
14
- export const FormsList = ({ emptyText = 'No forms configured.', forms, onSelectForm, }) => {
15
- return (_jsxs("div", { className: "dte-field-type-group", children: [_jsx(Flex, { alignItems: "center", gap: 1, className: "dte-field-type-group-header", children: _jsx(Text, { variant: "headline", el: "h6", size: "small", children: FORMS_GROUP_NAME }) }), forms.length > 0 ? (_jsx("ul", { className: "dte-formula-field-list", role: "listbox", "aria-label": FORMS_GROUP_NAME, children: forms.map(form => (_jsx("li", { role: "option", className: "dte-formula-field-list-item", onMouseDown: e => {
16
- e.preventDefault();
17
- onSelectForm(form);
18
- }, children: _jsxs(Flex, { justifyContent: "space-between", alignItems: "center", children: [_jsx("span", { className: "dte-text-ellipsis", title: form.name, children: form.name }), _jsx(IconArrowForward, {})] }) }, form.id))) })) : (_jsx(Text, { size: "small", subdued: true, variant: "body", children: emptyText }))] }));
19
- };
20
- /**
21
- * Detail level of the Forms group: a back button naming the form, then its fields as the same
22
- * draggable rows the data model groups use, so a form field drops onto the PDF like any merge tag.
23
- */
24
- export const FormFieldsPanel = ({ fieldOptions, form, hasHiddenFields = false, isLoading = false, onBack, onDragEnd, onDragStart, }) => {
25
- return (_jsxs(Fragment, { children: [_jsx(Button, { style: { width: '100%' }, appearance: "ghost", size: "small", icon: IconArrowBack, title: form.name, onClick: onBack, children: _jsx(Text, { size: "medium", className: "dte-text-ellipsis", style: { fontWeight: 'bold', width: '100%' }, children: form.name }) }), _jsx("div", { className: "dte-field-type-group", children: isLoading ? (_jsx(Text, { size: "small", subdued: true, variant: "body", children: "Loading fields\u2026" })) : fieldOptions.length === 0 ? (_jsx(Text, { size: "small", subdued: true, variant: "body", children: hasHiddenFields
26
- ? 'No fields match the search.'
27
- : 'No fields on this form.' })) : (fieldOptions.map(option => (_jsx(FieldType, { label: option.label, sampleData: getFieldSampleData(option.sampleData, option.fieldType), onDragEnd: onDragEnd, onDragStart: () => onDragStart(option) }, option.path)))) })] }));
8
+ export const FormFieldsTypeList = ({ fieldOptions, forms, isLoadingFormFields = false, onDragEnd, onDragStart, onSelectForm, selectedForm, }) => {
9
+ return (_jsx(Flex, { direction: "column", gap: 3, flex: 1, style: { minHeight: 0 }, children: _jsx("div", { className: "dte-formula-sidebar-slide-outer", children: _jsxs("div", { className: `dte-formula-sidebar-slide-track${selectedForm ? ' --detail' : ''}`, children: [_jsx("div", { className: "dte-formula-sidebar-slide-panel", children: forms.length > 0 ? (_jsx("ul", { className: "dte-formula-field-list", role: "listbox", "aria-label": "Forms", children: forms.map(form => (_jsx("li", { role: "option", className: "dte-formula-field-list-item", onMouseDown: e => {
10
+ e.preventDefault();
11
+ onSelectForm(form);
12
+ }, children: _jsxs(Flex, { justifyContent: "space-between", alignItems: "center", children: [_jsx("span", { className: "dte-text-ellipsis", title: form.name, children: form.name }), _jsx(IconArrowForward, {})] }) }, form.id))) })) : (_jsx(Text, { size: "small", subdued: true, variant: "body", children: "No forms configured." })) }), _jsx("div", { className: "dte-formula-sidebar-slide-panel --form-fields", children: selectedForm ? (_jsxs(Fragment, { children: [_jsx(Button, { style: { width: '100%' }, appearance: "ghost", size: "small", icon: IconArrowBack, title: selectedForm.name, onClick: () => onSelectForm(null), children: _jsx(Text, { size: "medium", className: "dte-text-ellipsis", style: { fontWeight: 'bold', width: '100%' }, children: selectedForm.name }) }), _jsx("div", { className: "dte-field-type-group", children: isLoadingFormFields ? (_jsx(Text, { size: "small", subdued: true, variant: "body", children: "Loading fields\u2026" })) : fieldOptions.length === 0 ? (_jsx(Text, { size: "small", subdued: true, variant: "body", children: "No fields on this form." })) : (fieldOptions.map(option => (_jsx(FieldType, { label: option.label, sampleData: getFieldSampleData(option.sampleData, option.fieldType), onDragEnd: onDragEnd, onDragStart: () => onDragStart(option) }, option.path)))) })] })) : null })] }) }) }));
28
13
  };
29
14
  //# sourceMappingURL=form-fields-type-list.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"form-fields-type-list.js","sourceRoot":"","sources":["../../../src/components/field-sidebar/form-fields-type-list.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"form-fields-type-list.js","sourceRoot":"","sources":["../../../src/components/field-sidebar/form-fields-type-list.tsx"],"names":[],"mappings":"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"}
@@ -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,CAgB9D,CAAC"}
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,IAHtC,GAAG,CAIV,CACL,CAAC;QACN,CAAC,CAAC,GACK,CACd,CAAC;AACN,CAAC,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 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;
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 CanvasControls: FC<CanvasControlsProps>;
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":"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
+ {"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: "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" }) })] }));
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 = ({ 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 }))] }));
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":"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"}
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
- interface PdfCanvasProps {
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;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"}
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"}