@servicetitan/dte-pdf-editor 1.5.0 → 1.6.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (76) hide show
  1. package/dist/components/field-config-panel/field-config-panel.d.ts.map +1 -1
  2. package/dist/components/field-config-panel/field-config-panel.js +7 -2
  3. package/dist/components/field-config-panel/field-config-panel.js.map +1 -1
  4. package/dist/components/field-sidebar/data-model-field-type-list.js +1 -1
  5. package/dist/components/field-sidebar/data-model-field-type-list.js.map +1 -1
  6. package/dist/components/field-sidebar/field-sidebar.d.ts.map +1 -1
  7. package/dist/components/field-sidebar/field-sidebar.js +9 -2
  8. package/dist/components/field-sidebar/field-sidebar.js.map +1 -1
  9. package/dist/components/field-sidebar/field-type.js +1 -1
  10. package/dist/components/field-sidebar/field-type.js.map +1 -1
  11. package/dist/components/pdf-canvas/pdf-canvas.js +1 -1
  12. package/dist/components/pdf-canvas/pdf-canvas.js.map +1 -1
  13. package/dist/components/pdf-editor/pdf-editor.d.ts.map +1 -1
  14. package/dist/components/pdf-editor/pdf-editor.js +16 -106
  15. package/dist/components/pdf-editor/pdf-editor.js.map +1 -1
  16. package/dist/components/pdf-fields-overlay/pdf-overlay-field-fillable.d.ts.map +1 -1
  17. package/dist/components/pdf-fields-overlay/pdf-overlay-field-fillable.js +2 -0
  18. package/dist/components/pdf-fields-overlay/pdf-overlay-field-fillable.js.map +1 -1
  19. package/dist/components/pdf-fields-overlay/pdf-overlay-field.d.ts.map +1 -1
  20. package/dist/components/pdf-fields-overlay/pdf-overlay-field.js +1 -1
  21. package/dist/components/pdf-fields-overlay/pdf-overlay-field.js.map +1 -1
  22. package/dist/components/pdf-view/pdf-view-e-sign.d.ts +1 -2
  23. package/dist/components/pdf-view/pdf-view-e-sign.d.ts.map +1 -1
  24. package/dist/components/pdf-view/pdf-view-e-sign.js +2 -4
  25. package/dist/components/pdf-view/pdf-view-e-sign.js.map +1 -1
  26. package/dist/components/pdf-view/pdf-view-fillable.d.ts.map +1 -1
  27. package/dist/components/pdf-view/pdf-view-fillable.js +9 -0
  28. package/dist/components/pdf-view/pdf-view-fillable.js.map +1 -1
  29. package/dist/components/pdf-view/pdf-view.js +1 -1
  30. package/dist/components/pdf-view/pdf-view.js.map +1 -1
  31. package/dist/constants/field.constants.d.ts.map +1 -1
  32. package/dist/constants/field.constants.js +1 -0
  33. package/dist/constants/field.constants.js.map +1 -1
  34. package/dist/hooks/index.d.ts +3 -0
  35. package/dist/hooks/index.d.ts.map +1 -1
  36. package/dist/hooks/index.js +3 -0
  37. package/dist/hooks/index.js.map +1 -1
  38. package/dist/hooks/usePdfFieldDnD.d.ts +17 -0
  39. package/dist/hooks/usePdfFieldDnD.d.ts.map +1 -0
  40. package/dist/hooks/usePdfFieldDnD.js +78 -0
  41. package/dist/hooks/usePdfFieldDnD.js.map +1 -0
  42. package/dist/hooks/usePdfFieldSelection.d.ts +13 -0
  43. package/dist/hooks/usePdfFieldSelection.d.ts.map +1 -0
  44. package/dist/hooks/usePdfFieldSelection.js +40 -0
  45. package/dist/hooks/usePdfFieldSelection.js.map +1 -0
  46. package/dist/hooks/useToggle.d.ts +8 -0
  47. package/dist/hooks/useToggle.d.ts.map +1 -0
  48. package/dist/hooks/useToggle.js +15 -0
  49. package/dist/hooks/useToggle.js.map +1 -0
  50. package/dist/interface/types.d.ts +2 -1
  51. package/dist/interface/types.d.ts.map +1 -1
  52. package/package.json +1 -1
  53. package/src/components/field-config-panel/field-config-panel.tsx +11 -1
  54. package/src/components/field-sidebar/data-model-field-type-list.tsx +1 -1
  55. package/src/components/field-sidebar/field-sidebar.tsx +60 -34
  56. package/src/components/field-sidebar/field-type.tsx +1 -1
  57. package/src/components/pdf-canvas/pdf-canvas.tsx +1 -1
  58. package/src/components/pdf-editor/pdf-editor.tsx +54 -171
  59. package/src/components/pdf-fields-overlay/pdf-overlay-field-fillable.tsx +10 -0
  60. package/src/components/pdf-fields-overlay/pdf-overlay-field.tsx +1 -0
  61. package/src/components/pdf-view/pdf-view-e-sign.tsx +6 -7
  62. package/src/components/pdf-view/pdf-view-fillable.tsx +23 -0
  63. package/src/components/pdf-view/pdf-view.tsx +1 -1
  64. package/src/constants/field.constants.ts +1 -0
  65. package/src/hooks/index.ts +3 -0
  66. package/src/hooks/usePdfFieldDnD.ts +118 -0
  67. package/src/hooks/usePdfFieldSelection.ts +55 -0
  68. package/src/hooks/useToggle.ts +26 -0
  69. package/src/interface/types.ts +2 -1
  70. package/src/styles/field-config-panel-overlay.css +3 -1
  71. package/src/styles/field-sidebar.css +36 -3
  72. package/src/styles/field-type-list.css +1 -1
  73. package/src/styles/field-type.css +7 -0
  74. package/src/styles/pdf-canvas.css +2 -0
  75. package/src/styles/pdf-editor.css +1 -0
  76. package/src/styles/variables.css +11 -1
package/src/styles/pdf-canvas.css CHANGED
@@ -6,4 +6,6 @@
6
6
  .dte-pdf-wrapper {
7
7
  position: relative;
8
8
  width: 100%;
9
+ margin-inline-start: auto;
10
+ margin-inline-end: auto;
9
11
  }
package/src/styles/pdf-editor.css CHANGED
@@ -1,5 +1,6 @@
1
1
  .dte-pdf-editor {
2
2
  max-width: 100%;
3
+ position: relative;
3
4
  border: 1px solid var(--border-color);
4
5
  }
5
6
 
package/src/styles/variables.css CHANGED
@@ -1,16 +1,22 @@
1
1
  @import '@servicetitan/tokens/dist/tokens.css';
2
2
 
3
3
  .dte-pdf-editor {
4
+ --menu-active-color: var(--color-blue-400, #2270ee);
5
+ --menu-hover-color: var(--color-neutral-100, #606162);
6
+
4
7
  /* Typography */
5
8
  --typescale-1: var(--typescale-1, 14px);
6
9
 
7
10
  /* Spacing */
8
11
  --spacing-0: 0;
9
12
  --spacing-half: 4px;
13
+ --spacing-1: 8px;
10
14
  --spacing-2: 16px;
11
15
 
12
16
  /* Colors - Neutral */
13
17
  --color-neutral-0: var(--color-neutral-0, #ffffff);
18
+ --color-neutral-200: var(--color-neutral-200, #6c6d70);
19
+ --color-neutral-300: var(--color-neutral-300, #2d2e31);
14
20
 
15
21
  /* Colors - Semantic */
16
22
  --success: #28a745;
@@ -22,5 +28,9 @@
22
28
  /* Border colors*/
23
29
  --border-color: #e0e0e0;
24
30
  --border-color-hover: #bdbdbd;
25
- --border-color-active: #007bff;
31
+ --border-color-active: var(--color-blue-400, #2270ee);
32
+
33
+ /* Layout sizes */
34
+ --layout-sidebar-menu-width: 85px;
35
+ --layout-sidebar-content-width: 305px;
26
36
  }