@pdfme/ui 1.1.4 → 1.1.6

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 (266) hide show
  1. package/.eslintrc.js +2 -2
  2. package/dist/index.js +3 -0
  3. package/dist/index.js.LICENSE.txt +95 -0
  4. package/dist/index.js.map +1 -0
  5. package/dist/types/{src/Designer.d.ts → Designer.d.ts} +1 -1
  6. package/dist/types/{src/Form.d.ts → Form.d.ts} +1 -1
  7. package/dist/types/{src/Viewer.d.ts → Viewer.d.ts} +1 -1
  8. package/dist/types/{src/class.d.ts → class.d.ts} +2 -4
  9. package/dist/types/{src/components → components}/CtlBar/Pager.d.ts +0 -1
  10. package/dist/types/{src/components → components}/CtlBar/Zoom.d.ts +0 -1
  11. package/dist/types/{src/components → components}/CtlBar/index.d.ts +0 -1
  12. package/dist/types/{src/components → components}/Designer/Main/Mask.d.ts +0 -1
  13. package/dist/types/components/Designer/Main/Moveable.d.ts +32 -0
  14. package/dist/types/{src/components → components}/Designer/Main/Selecto.d.ts +0 -1
  15. package/dist/types/{src/components → components}/Designer/Sidebar/DetailView/ExampleInputEditor.d.ts +0 -1
  16. package/dist/types/{src/components → components}/Designer/Sidebar/DetailView/PositionAndSizeEditor.d.ts +1 -2
  17. package/dist/types/{src/components → components}/Designer/Sidebar/DetailView/TextPropEditor.d.ts +0 -1
  18. package/dist/types/{src/components → components}/Designer/Sidebar/DetailView/TypeAndKeyEditor.d.ts +1 -2
  19. package/dist/types/{src/components → components}/Designer/Sidebar/DetailView/index.d.ts +1 -2
  20. package/dist/types/{src/components → components}/Designer/Sidebar/ListView/SelectableSortableContainer.d.ts +1 -2
  21. package/dist/types/{src/components → components}/Designer/Sidebar/ListView/index.d.ts +1 -2
  22. package/dist/types/{src/components → components}/Designer/Sidebar/index.d.ts +0 -1
  23. package/dist/types/{src/components → components}/Designer/index.d.ts +1 -2
  24. package/dist/types/{src/components → components}/Divider.d.ts +0 -1
  25. package/dist/types/{src/components → components}/Error.d.ts +0 -1
  26. package/dist/types/{src/components → components}/Preview.d.ts +0 -1
  27. package/dist/types/{src/components → components}/Schemas/BarcodeSchema.d.ts +1 -1
  28. package/dist/types/{src/components → components}/Schemas/ImageSchema.d.ts +1 -1
  29. package/dist/types/{src/components → components}/Schemas/SchemaUI.d.ts +1 -1
  30. package/dist/types/{src/components → components}/Schemas/TextSchema.d.ts +1 -1
  31. package/dist/types/{src/components → components}/Spinner.d.ts +0 -1
  32. package/dist/types/{src/components → components}/UnitPager.d.ts +0 -1
  33. package/dist/types/{src/contexts.d.ts → contexts.d.ts} +2 -2
  34. package/dist/types/{src/helper.d.ts → helper.d.ts} +0 -1
  35. package/dist/types/index.d.ts +7 -0
  36. package/package.json +16 -23
  37. package/src/Designer.tsx +10 -8
  38. package/src/Form.tsx +9 -7
  39. package/src/Viewer.tsx +9 -7
  40. package/src/class.ts +6 -10
  41. package/src/components/CtlBar/Pager.tsx +1 -1
  42. package/src/components/CtlBar/index.tsx +2 -2
  43. package/src/components/Designer/Main/Guides.tsx +1 -1
  44. package/src/components/Designer/Main/Mask.tsx +1 -1
  45. package/src/components/Designer/Main/Moveable.tsx +27 -15
  46. package/src/components/Designer/Main/Selecto.tsx +1 -1
  47. package/src/components/Designer/Main/index.tsx +55 -38
  48. package/src/components/Designer/Sidebar/DetailView/ExampleInputEditor.tsx +5 -5
  49. package/src/components/Designer/Sidebar/DetailView/PositionAndSizeEditor.tsx +15 -2
  50. package/src/components/Designer/Sidebar/DetailView/TextPropEditor.tsx +3 -2
  51. package/src/components/Designer/Sidebar/DetailView/TypeAndKeyEditor.tsx +2 -2
  52. package/src/components/Designer/Sidebar/DetailView/index.tsx +7 -7
  53. package/src/components/Designer/Sidebar/ListView/Item.tsx +1 -1
  54. package/src/components/Designer/Sidebar/ListView/SelectableSortableContainer.tsx +55 -51
  55. package/src/components/Designer/Sidebar/ListView/SelectableSortableItem.tsx +3 -3
  56. package/src/components/Designer/Sidebar/ListView/index.tsx +5 -5
  57. package/src/components/Designer/Sidebar/index.tsx +4 -4
  58. package/src/components/Designer/index.tsx +9 -9
  59. package/src/components/Error.tsx +1 -1
  60. package/src/components/Paper.tsx +2 -2
  61. package/src/components/Preview.tsx +9 -9
  62. package/src/components/Root.tsx +14 -12
  63. package/src/components/Schemas/BarcodeSchema.tsx +2 -2
  64. package/src/components/Schemas/ImageSchema.tsx +5 -5
  65. package/src/components/Schemas/SchemaUI.tsx +5 -4
  66. package/src/components/Schemas/TextSchema.tsx +2 -2
  67. package/src/contexts.ts +2 -2
  68. package/src/helper.ts +1 -8
  69. package/src/hooks.ts +2 -2
  70. package/src/i18n.ts +1 -1
  71. package/src/index.ts +45 -6
  72. package/tsconfig.json +22 -0
  73. package/webpack.config.js +35 -0
  74. package/dist/cjs/__tests__/assets/helper.js +0 -79
  75. package/dist/cjs/__tests__/assets/helper.js.map +0 -1
  76. package/dist/cjs/__tests__/components/Designer.test.js +0 -39
  77. package/dist/cjs/__tests__/components/Designer.test.js.map +0 -1
  78. package/dist/cjs/__tests__/components/Preview.test.js +0 -51
  79. package/dist/cjs/__tests__/components/Preview.test.js.map +0 -1
  80. package/dist/cjs/__tests__/helper.test.js +0 -94
  81. package/dist/cjs/__tests__/helper.test.js.map +0 -1
  82. package/dist/cjs/src/Designer.js +0 -61
  83. package/dist/cjs/src/Designer.js.map +0 -1
  84. package/dist/cjs/src/Form.js +0 -35
  85. package/dist/cjs/src/Form.js.map +0 -1
  86. package/dist/cjs/src/Viewer.js +0 -25
  87. package/dist/cjs/src/Viewer.js.map +0 -1
  88. package/dist/cjs/src/class.js +0 -119
  89. package/dist/cjs/src/class.js.map +0 -1
  90. package/dist/cjs/src/components/CtlBar/Pager.js +0 -49
  91. package/dist/cjs/src/components/CtlBar/Pager.js.map +0 -1
  92. package/dist/cjs/src/components/CtlBar/Zoom.js +0 -31
  93. package/dist/cjs/src/components/CtlBar/Zoom.js.map +0 -1
  94. package/dist/cjs/src/components/CtlBar/index.js +0 -33
  95. package/dist/cjs/src/components/CtlBar/index.js.map +0 -1
  96. package/dist/cjs/src/components/Designer/Main/Guides.js +0 -33
  97. package/dist/cjs/src/components/Designer/Main/Guides.js.map +0 -1
  98. package/dist/cjs/src/components/Designer/Main/Mask.js +0 -18
  99. package/dist/cjs/src/components/Designer/Main/Mask.js.map +0 -1
  100. package/dist/cjs/src/components/Designer/Main/Moveable.js +0 -37
  101. package/dist/cjs/src/components/Designer/Main/Moveable.js.map +0 -1
  102. package/dist/cjs/src/components/Designer/Main/Selecto.js +0 -11
  103. package/dist/cjs/src/components/Designer/Main/Selecto.js.map +0 -1
  104. package/dist/cjs/src/components/Designer/Main/index.js +0 -224
  105. package/dist/cjs/src/components/Designer/Main/index.js.map +0 -1
  106. package/dist/cjs/src/components/Designer/Sidebar/DetailView/ExampleInputEditor.js +0 -69
  107. package/dist/cjs/src/components/Designer/Sidebar/DetailView/ExampleInputEditor.js.map +0 -1
  108. package/dist/cjs/src/components/Designer/Sidebar/DetailView/PositionAndSizeEditor.js +0 -184
  109. package/dist/cjs/src/components/Designer/Sidebar/DetailView/PositionAndSizeEditor.js.map +0 -1
  110. package/dist/cjs/src/components/Designer/Sidebar/DetailView/TextPropEditor.js +0 -116
  111. package/dist/cjs/src/components/Designer/Sidebar/DetailView/TextPropEditor.js.map +0 -1
  112. package/dist/cjs/src/components/Designer/Sidebar/DetailView/TypeAndKeyEditor.js +0 -72
  113. package/dist/cjs/src/components/Designer/Sidebar/DetailView/TypeAndKeyEditor.js.map +0 -1
  114. package/dist/cjs/src/components/Designer/Sidebar/DetailView/index.js +0 -54
  115. package/dist/cjs/src/components/Designer/Sidebar/DetailView/index.js.map +0 -1
  116. package/dist/cjs/src/components/Designer/Sidebar/ListView/Item.js +0 -76
  117. package/dist/cjs/src/components/Designer/Sidebar/ListView/Item.js.map +0 -1
  118. package/dist/cjs/src/components/Designer/Sidebar/ListView/SelectableSortableContainer.js +0 -108
  119. package/dist/cjs/src/components/Designer/Sidebar/ListView/SelectableSortableContainer.js.map +0 -1
  120. package/dist/cjs/src/components/Designer/Sidebar/ListView/SelectableSortableItem.js +0 -62
  121. package/dist/cjs/src/components/Designer/Sidebar/ListView/SelectableSortableItem.js.map +0 -1
  122. package/dist/cjs/src/components/Designer/Sidebar/ListView/index.js +0 -84
  123. package/dist/cjs/src/components/Designer/Sidebar/ListView/index.js.map +0 -1
  124. package/dist/cjs/src/components/Designer/Sidebar/index.js +0 -105
  125. package/dist/cjs/src/components/Designer/Sidebar/index.js.map +0 -1
  126. package/dist/cjs/src/components/Designer/index.js +0 -235
  127. package/dist/cjs/src/components/Designer/index.js.map +0 -1
  128. package/dist/cjs/src/components/Divider.js +0 -9
  129. package/dist/cjs/src/components/Divider.js.map +0 -1
  130. package/dist/cjs/src/components/Error.js +0 -41
  131. package/dist/cjs/src/components/Error.js.map +0 -1
  132. package/dist/cjs/src/components/Paper.js +0 -63
  133. package/dist/cjs/src/components/Paper.js.map +0 -1
  134. package/dist/cjs/src/components/Preview.js +0 -102
  135. package/dist/cjs/src/components/Preview.js.map +0 -1
  136. package/dist/cjs/src/components/Root.js +0 -52
  137. package/dist/cjs/src/components/Root.js.map +0 -1
  138. package/dist/cjs/src/components/Schemas/BarcodeSchema.js +0 -94
  139. package/dist/cjs/src/components/Schemas/BarcodeSchema.js.map +0 -1
  140. package/dist/cjs/src/components/Schemas/ImageSchema.js +0 -72
  141. package/dist/cjs/src/components/Schemas/ImageSchema.js.map +0 -1
  142. package/dist/cjs/src/components/Schemas/SchemaUI.js +0 -55
  143. package/dist/cjs/src/components/Schemas/SchemaUI.js.map +0 -1
  144. package/dist/cjs/src/components/Schemas/TextSchema.js +0 -54
  145. package/dist/cjs/src/components/Schemas/TextSchema.js.map +0 -1
  146. package/dist/cjs/src/components/Spinner.js +0 -31
  147. package/dist/cjs/src/components/Spinner.js.map +0 -1
  148. package/dist/cjs/src/components/UnitPager.js +0 -63
  149. package/dist/cjs/src/components/UnitPager.js.map +0 -1
  150. package/dist/cjs/src/constants.js +0 -10
  151. package/dist/cjs/src/constants.js.map +0 -1
  152. package/dist/cjs/src/contexts.js +0 -10
  153. package/dist/cjs/src/contexts.js.map +0 -1
  154. package/dist/cjs/src/helper.js +0 -466
  155. package/dist/cjs/src/helper.js.map +0 -1
  156. package/dist/cjs/src/hooks.js +0 -100
  157. package/dist/cjs/src/hooks.js.map +0 -1
  158. package/dist/cjs/src/i18n.js +0 -50
  159. package/dist/cjs/src/i18n.js.map +0 -1
  160. package/dist/cjs/src/index.js +0 -24
  161. package/dist/cjs/src/index.js.map +0 -1
  162. package/dist/esm/__tests__/assets/helper.js +0 -51
  163. package/dist/esm/__tests__/assets/helper.js.map +0 -1
  164. package/dist/esm/__tests__/components/Designer.test.js +0 -34
  165. package/dist/esm/__tests__/components/Designer.test.js.map +0 -1
  166. package/dist/esm/__tests__/components/Preview.test.js +0 -46
  167. package/dist/esm/__tests__/components/Preview.test.js.map +0 -1
  168. package/dist/esm/__tests__/helper.test.js +0 -92
  169. package/dist/esm/__tests__/helper.test.js.map +0 -1
  170. package/dist/esm/src/Designer.js +0 -56
  171. package/dist/esm/src/Designer.js.map +0 -1
  172. package/dist/esm/src/Form.js +0 -30
  173. package/dist/esm/src/Form.js.map +0 -1
  174. package/dist/esm/src/Viewer.js +0 -20
  175. package/dist/esm/src/Viewer.js.map +0 -1
  176. package/dist/esm/src/class.js +0 -114
  177. package/dist/esm/src/class.js.map +0 -1
  178. package/dist/esm/src/components/CtlBar/Pager.js +0 -24
  179. package/dist/esm/src/components/CtlBar/Pager.js.map +0 -1
  180. package/dist/esm/src/components/CtlBar/Zoom.js +0 -26
  181. package/dist/esm/src/components/CtlBar/Zoom.js.map +0 -1
  182. package/dist/esm/src/components/CtlBar/index.js +0 -28
  183. package/dist/esm/src/components/CtlBar/index.js.map +0 -1
  184. package/dist/esm/src/components/Designer/Main/Guides.js +0 -28
  185. package/dist/esm/src/components/Designer/Main/Guides.js.map +0 -1
  186. package/dist/esm/src/components/Designer/Main/Mask.js +0 -13
  187. package/dist/esm/src/components/Designer/Main/Mask.js.map +0 -1
  188. package/dist/esm/src/components/Designer/Main/Moveable.js +0 -9
  189. package/dist/esm/src/components/Designer/Main/Moveable.js.map +0 -1
  190. package/dist/esm/src/components/Designer/Main/Selecto.js +0 -6
  191. package/dist/esm/src/components/Designer/Main/Selecto.js.map +0 -1
  192. package/dist/esm/src/components/Designer/Main/index.js +0 -196
  193. package/dist/esm/src/components/Designer/Main/index.js.map +0 -1
  194. package/dist/esm/src/components/Designer/Sidebar/DetailView/ExampleInputEditor.js +0 -44
  195. package/dist/esm/src/components/Designer/Sidebar/DetailView/ExampleInputEditor.js.map +0 -1
  196. package/dist/esm/src/components/Designer/Sidebar/DetailView/PositionAndSizeEditor.js +0 -179
  197. package/dist/esm/src/components/Designer/Sidebar/DetailView/PositionAndSizeEditor.js.map +0 -1
  198. package/dist/esm/src/components/Designer/Sidebar/DetailView/TextPropEditor.js +0 -91
  199. package/dist/esm/src/components/Designer/Sidebar/DetailView/TextPropEditor.js.map +0 -1
  200. package/dist/esm/src/components/Designer/Sidebar/DetailView/TypeAndKeyEditor.js +0 -47
  201. package/dist/esm/src/components/Designer/Sidebar/DetailView/TypeAndKeyEditor.js.map +0 -1
  202. package/dist/esm/src/components/Designer/Sidebar/DetailView/index.js +0 -26
  203. package/dist/esm/src/components/Designer/Sidebar/DetailView/index.js.map +0 -1
  204. package/dist/esm/src/components/Designer/Sidebar/ListView/Item.js +0 -51
  205. package/dist/esm/src/components/Designer/Sidebar/ListView/Item.js.map +0 -1
  206. package/dist/esm/src/components/Designer/Sidebar/ListView/SelectableSortableContainer.js +0 -80
  207. package/dist/esm/src/components/Designer/Sidebar/ListView/SelectableSortableContainer.js.map +0 -1
  208. package/dist/esm/src/components/Designer/Sidebar/ListView/SelectableSortableItem.js +0 -34
  209. package/dist/esm/src/components/Designer/Sidebar/ListView/SelectableSortableItem.js.map +0 -1
  210. package/dist/esm/src/components/Designer/Sidebar/ListView/index.js +0 -56
  211. package/dist/esm/src/components/Designer/Sidebar/ListView/index.js.map +0 -1
  212. package/dist/esm/src/components/Designer/Sidebar/index.js +0 -77
  213. package/dist/esm/src/components/Designer/Sidebar/index.js.map +0 -1
  214. package/dist/esm/src/components/Designer/index.js +0 -207
  215. package/dist/esm/src/components/Designer/index.js.map +0 -1
  216. package/dist/esm/src/components/Divider.js +0 -4
  217. package/dist/esm/src/components/Divider.js.map +0 -1
  218. package/dist/esm/src/components/Error.js +0 -16
  219. package/dist/esm/src/components/Error.js.map +0 -1
  220. package/dist/esm/src/components/Paper.js +0 -38
  221. package/dist/esm/src/components/Paper.js.map +0 -1
  222. package/dist/esm/src/components/Preview.js +0 -74
  223. package/dist/esm/src/components/Preview.js.map +0 -1
  224. package/dist/esm/src/components/Root.js +0 -24
  225. package/dist/esm/src/components/Root.js.map +0 -1
  226. package/dist/esm/src/components/Schemas/BarcodeSchema.js +0 -69
  227. package/dist/esm/src/components/Schemas/BarcodeSchema.js.map +0 -1
  228. package/dist/esm/src/components/Schemas/ImageSchema.js +0 -47
  229. package/dist/esm/src/components/Schemas/ImageSchema.js.map +0 -1
  230. package/dist/esm/src/components/Schemas/SchemaUI.js +0 -27
  231. package/dist/esm/src/components/Schemas/SchemaUI.js.map +0 -1
  232. package/dist/esm/src/components/Schemas/TextSchema.js +0 -29
  233. package/dist/esm/src/components/Schemas/TextSchema.js.map +0 -1
  234. package/dist/esm/src/components/Spinner.js +0 -26
  235. package/dist/esm/src/components/Spinner.js.map +0 -1
  236. package/dist/esm/src/components/UnitPager.js +0 -58
  237. package/dist/esm/src/components/UnitPager.js.map +0 -1
  238. package/dist/esm/src/constants.js +0 -7
  239. package/dist/esm/src/constants.js.map +0 -1
  240. package/dist/esm/src/contexts.js +0 -7
  241. package/dist/esm/src/contexts.js.map +0 -1
  242. package/dist/esm/src/helper.js +0 -439
  243. package/dist/esm/src/helper.js.map +0 -1
  244. package/dist/esm/src/hooks.js +0 -93
  245. package/dist/esm/src/hooks.js.map +0 -1
  246. package/dist/esm/src/i18n.js +0 -46
  247. package/dist/esm/src/i18n.js.map +0 -1
  248. package/dist/esm/src/index.js +0 -6
  249. package/dist/esm/src/index.js.map +0 -1
  250. package/dist/types/__tests__/assets/helper.d.ts +0 -3
  251. package/dist/types/__tests__/components/Designer.test.d.ts +0 -1
  252. package/dist/types/__tests__/components/Preview.test.d.ts +0 -1
  253. package/dist/types/__tests__/helper.test.d.ts +0 -1
  254. package/dist/types/src/components/Designer/Main/Moveable.d.ts +0 -31
  255. package/dist/types/src/index.d.ts +0 -6
  256. package/tsconfig.cjs.json +0 -10
  257. package/tsconfig.esm.json +0 -10
  258. /package/dist/types/{src/components → components}/Designer/Main/Guides.d.ts +0 -0
  259. /package/dist/types/{src/components → components}/Designer/Main/index.d.ts +0 -0
  260. /package/dist/types/{src/components → components}/Designer/Sidebar/ListView/Item.d.ts +0 -0
  261. /package/dist/types/{src/components → components}/Designer/Sidebar/ListView/SelectableSortableItem.d.ts +0 -0
  262. /package/dist/types/{src/components → components}/Paper.d.ts +0 -0
  263. /package/dist/types/{src/components → components}/Root.d.ts +0 -0
  264. /package/dist/types/{src/constants.d.ts → constants.d.ts} +0 -0
  265. /package/dist/types/{src/hooks.d.ts → hooks.d.ts} +0 -0
  266. /package/dist/types/{src/i18n.d.ts → i18n.d.ts} +0 -0
@@ -1 +0,0 @@
1
- {"version":3,"file":"Item.js","sourceRoot":"","sources":["../../../../../../../src/components/Designer/Sidebar/ListView/Item.tsx"],"names":[],"mappings":"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"}
@@ -1,108 +0,0 @@
1
- "use strict";
2
- var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
3
- if (k2 === undefined) k2 = k;
4
- var desc = Object.getOwnPropertyDescriptor(m, k);
5
- if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
6
- desc = { enumerable: true, get: function() { return m[k]; } };
7
- }
8
- Object.defineProperty(o, k2, desc);
9
- }) : (function(o, m, k, k2) {
10
- if (k2 === undefined) k2 = k;
11
- o[k2] = m[k];
12
- }));
13
- var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
14
- Object.defineProperty(o, "default", { enumerable: true, value: v });
15
- }) : function(o, v) {
16
- o["default"] = v;
17
- });
18
- var __importStar = (this && this.__importStar) || function (mod) {
19
- if (mod && mod.__esModule) return mod;
20
- var result = {};
21
- if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
22
- __setModuleDefault(result, mod);
23
- return result;
24
- };
25
- var __importDefault = (this && this.__importDefault) || function (mod) {
26
- return (mod && mod.__esModule) ? mod : { "default": mod };
27
- };
28
- Object.defineProperty(exports, "__esModule", { value: true });
29
- const react_1 = __importStar(require("react"));
30
- const react_dom_1 = require("react-dom");
31
- const core_1 = require("@dnd-kit/core");
32
- const sortable_1 = require("@dnd-kit/sortable");
33
- const Item_js_1 = __importDefault(require("./Item.js"));
34
- const SelectableSortableItem_js_1 = __importDefault(require("./SelectableSortableItem.js"));
35
- const SelectableSortableContainer = (props) => {
36
- const { schemas, onEdit, onSortEnd, height, hoveringSchemaId, onChangeHoveringSchemaId } = props;
37
- const [selectedSchemas, setSelectedSchemas] = (0, react_1.useState)([]);
38
- const [dragOverlaydItems, setClonedItems] = (0, react_1.useState)(null);
39
- const [activeId, setActiveId] = (0, react_1.useState)(null);
40
- const sensors = (0, core_1.useSensors)((0, core_1.useSensor)(core_1.PointerSensor, { activationConstraint: { distance: 15 } }), (0, core_1.useSensor)(core_1.KeyboardSensor, { coordinateGetter: sortable_1.sortableKeyboardCoordinates }));
41
- const isItemSelected = (itemId) => selectedSchemas.map((i) => i.id).includes(itemId);
42
- const onSelectionChanged = (id, isShiftSelect) => {
43
- if (isShiftSelect) {
44
- if (isItemSelected(id)) {
45
- const newSelectedSchemas = selectedSchemas.filter((item) => item.id !== id);
46
- setSelectedSchemas(newSelectedSchemas);
47
- }
48
- else {
49
- const newSelectedItem = schemas.find((schema) => schema.id === id);
50
- const newSelectedSchemas = selectedSchemas.concat(newSelectedItem);
51
- setSelectedSchemas(newSelectedSchemas);
52
- }
53
- }
54
- else {
55
- setSelectedSchemas([]);
56
- }
57
- };
58
- return (react_1.default.createElement(core_1.DndContext, { sensors: sensors, collisionDetection: core_1.closestCorners, onDragStart: ({ active }) => {
59
- setActiveId(active.id);
60
- setClonedItems(schemas);
61
- if (!isItemSelected(active.id)) {
62
- const newSelectedSchemas = [];
63
- setSelectedSchemas(newSelectedSchemas);
64
- }
65
- else if (selectedSchemas.length > 0) {
66
- onSortEnd(selectedSchemas.reduce((ret, selectedItem) => {
67
- if (selectedItem.id === active.id) {
68
- return ret;
69
- }
70
- return ret.filter((schema) => schema !== selectedItem);
71
- }, schemas));
72
- }
73
- }, onDragEnd: ({ active, over }) => {
74
- const overId = (over === null || over === void 0 ? void 0 : over.id) || '';
75
- const activeIndex = schemas.map((i) => i.id).indexOf(active.id);
76
- const overIndex = schemas.map((i) => i.id).indexOf(overId);
77
- if (selectedSchemas.length) {
78
- let newSchemas = [...schemas];
79
- newSchemas = (0, sortable_1.arrayMove)(newSchemas, activeIndex, overIndex);
80
- newSchemas.splice(overIndex + 1, 0, ...selectedSchemas.filter((item) => item.id !== activeId));
81
- onSortEnd(newSchemas);
82
- setSelectedSchemas([]);
83
- }
84
- else if (activeIndex !== overIndex) {
85
- onSortEnd((0, sortable_1.arrayMove)(schemas, activeIndex, overIndex));
86
- }
87
- setActiveId(null);
88
- }, onDragCancel: () => {
89
- if (dragOverlaydItems) {
90
- onSortEnd(dragOverlaydItems);
91
- }
92
- setActiveId(null);
93
- setClonedItems(null);
94
- } },
95
- react_1.default.createElement("div", { style: { height, overflowY: 'auto' } },
96
- react_1.default.createElement(sortable_1.SortableContext, { items: schemas, strategy: sortable_1.verticalListSortingStrategy },
97
- react_1.default.createElement("ul", { style: { margin: 0, padding: 0, listStyle: 'none', borderRadius: 5 } }, schemas.map((schema) => (react_1.default.createElement(SelectableSortableItem_js_1.default, { key: schema.id, style: {
98
- border: `1px solid ${schema.id === hoveringSchemaId ? '#18a0fb' : 'transparent'}`,
99
- }, schema: schema, schemas: schemas, isSelected: isItemSelected(schema.id) || activeId === schema.id, onEdit: onEdit, onSelect: onSelectionChanged, onMouseEnter: () => onChangeHoveringSchemaId(schema.id), onMouseLeave: () => onChangeHoveringSchemaId(null) })))))),
100
- (0, react_dom_1.createPortal)(react_1.default.createElement(core_1.DragOverlay, { adjustScale: true }, activeId ? (react_1.default.createElement(react_1.default.Fragment, null,
101
- react_1.default.createElement("ul", { style: { margin: 0, padding: 0, listStyle: 'none' } },
102
- react_1.default.createElement(Item_js_1.default, { value: schemas.find((schema) => schema.id === activeId).key, style: { color: '#fff', background: '#18a0fb' }, dragOverlay: true })),
103
- react_1.default.createElement("ul", { style: { margin: 0, padding: 0, listStyle: 'none' } }, selectedSchemas
104
- .filter((item) => item.id !== activeId)
105
- .map((item) => (react_1.default.createElement(Item_js_1.default, { key: item.id, value: item.key, style: { color: '#fff', background: '#18a0fb' }, dragOverlay: true })))))) : null), document.body)));
106
- };
107
- exports.default = SelectableSortableContainer;
108
- //# sourceMappingURL=SelectableSortableContainer.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"SelectableSortableContainer.js","sourceRoot":"","sources":["../../../../../../../src/components/Designer/Sidebar/ListView/SelectableSortableContainer.tsx"],"names":[],"mappings":"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"}
@@ -1,62 +0,0 @@
1
- "use strict";
2
- var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
3
- if (k2 === undefined) k2 = k;
4
- var desc = Object.getOwnPropertyDescriptor(m, k);
5
- if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
6
- desc = { enumerable: true, get: function() { return m[k]; } };
7
- }
8
- Object.defineProperty(o, k2, desc);
9
- }) : (function(o, m, k, k2) {
10
- if (k2 === undefined) k2 = k;
11
- o[k2] = m[k];
12
- }));
13
- var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
14
- Object.defineProperty(o, "default", { enumerable: true, value: v });
15
- }) : function(o, v) {
16
- o["default"] = v;
17
- });
18
- var __importStar = (this && this.__importStar) || function (mod) {
19
- if (mod && mod.__esModule) return mod;
20
- var result = {};
21
- if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
22
- __setModuleDefault(result, mod);
23
- return result;
24
- };
25
- var __importDefault = (this && this.__importDefault) || function (mod) {
26
- return (mod && mod.__esModule) ? mod : { "default": mod };
27
- };
28
- Object.defineProperty(exports, "__esModule", { value: true });
29
- const react_1 = __importStar(require("react"));
30
- const sortable_1 = require("@dnd-kit/sortable");
31
- const contexts_js_1 = require("../../../../contexts.js");
32
- const Item_js_1 = __importDefault(require("./Item.js"));
33
- const hooks_js_1 = require("../../../../hooks.js");
34
- const SelectableSortableItem = ({ isSelected, style, onSelect, onEdit, schema, schemas, onMouseEnter, onMouseLeave, }) => {
35
- const i18n = (0, react_1.useContext)(contexts_js_1.I18nContext);
36
- const { setNodeRef, listeners, isDragging, isSorting, transform, transition } = (0, sortable_1.useSortable)({
37
- id: schema.id,
38
- });
39
- const mounted = (0, hooks_js_1.useMountStatus)();
40
- const mountedWhileDragging = isDragging && !mounted;
41
- const newListeners = Object.assign(Object.assign({}, listeners), { onClick: (event) => onSelect(schema.id, event.shiftKey) });
42
- let status;
43
- if (!schema.key) {
44
- status = 'is-warning';
45
- }
46
- else if (schemas.find((s) => schema.key && s.key === schema.key && s.id !== schema.id)) {
47
- status = 'is-danger';
48
- }
49
- let title = i18n('edit');
50
- if (status === 'is-warning') {
51
- title = i18n('plsInputName');
52
- }
53
- else if (status === 'is-danger') {
54
- title = i18n('fieldMustUniq');
55
- }
56
- const selectedStyle = isSelected
57
- ? { color: '#fff', background: '#18a0fb', opacity: isSorting || isDragging ? 0.5 : 1 }
58
- : {};
59
- return (react_1.default.createElement(Item_js_1.default, { ref: setNodeRef, onMouseEnter: onMouseEnter, onMouseLeave: onMouseLeave, onClick: () => onEdit(schema.id), value: schema.key, status: status, title: title, style: Object.assign(Object.assign({}, selectedStyle), style), dragging: isDragging, sorting: isSorting, transition: transition, transform: transform, fadeIn: mountedWhileDragging, listeners: newListeners }));
60
- };
61
- exports.default = SelectableSortableItem;
62
- //# sourceMappingURL=SelectableSortableItem.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"SelectableSortableItem.js","sourceRoot":"","sources":["../../../../../../../src/components/Designer/Sidebar/ListView/SelectableSortableItem.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAA0C;AAC1C,gDAAgD;AAEhD,yDAAsD;AACtD,wDAA6B;AAC7B,mDAAsD;AAYtD,MAAM,sBAAsB,GAAG,CAAC,EAC9B,UAAU,EACV,KAAK,EACL,QAAQ,EACR,MAAM,EACN,MAAM,EACN,OAAO,EACP,YAAY,EACZ,YAAY,GACN,EAAE,EAAE;IACV,MAAM,IAAI,GAAG,IAAA,kBAAU,EAAC,yBAAW,CAAC,CAAC;IACrC,MAAM,EAAE,UAAU,EAAE,SAAS,EAAE,UAAU,EAAE,SAAS,EAAE,SAAS,EAAE,UAAU,EAAE,GAAG,IAAA,sBAAW,EAAC;QAC1F,EAAE,EAAE,MAAM,CAAC,EAAE;KACd,CAAC,CAAC;IACH,MAAM,OAAO,GAAG,IAAA,yBAAc,GAAE,CAAC;IACjC,MAAM,oBAAoB,GAAG,UAAU,IAAI,CAAC,OAAO,CAAC;IAEpD,MAAM,YAAY,mCACb,SAAS,KACZ,OAAO,EAAE,CAAC,KAAU,EAAE,EAAE,CAAC,QAAQ,CAAC,MAAM,CAAC,EAAE,EAAE,KAAK,CAAC,QAAQ,CAAC,GAC7D,CAAC;IAEF,IAAI,MAA8C,CAAC;IACnD,IAAI,CAAC,MAAM,CAAC,GAAG,EAAE;QACf,MAAM,GAAG,YAAY,CAAC;KACvB;SAAM,IAAI,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,GAAG,IAAI,CAAC,CAAC,GAAG,KAAK,MAAM,CAAC,GAAG,IAAI,CAAC,CAAC,EAAE,KAAK,MAAM,CAAC,EAAE,CAAC,EAAE;QACxF,MAAM,GAAG,WAAW,CAAC;KACtB;IAED,IAAI,KAAK,GAAG,IAAI,CAAC,MAAM,CAAC,CAAC;IACzB,IAAI,MAAM,KAAK,YAAY,EAAE;QAC3B,KAAK,GAAG,IAAI,CAAC,cAAc,CAAC,CAAC;KAC9B;SAAM,IAAI,MAAM,KAAK,WAAW,EAAE;QACjC,KAAK,GAAG,IAAI,CAAC,eAAe,CAAC,CAAC;KAC/B;IAED,MAAM,aAAa,GAAG,UAAU;QAC9B,CAAC,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,UAAU,EAAE,SAAS,EAAE,OAAO,EAAE,SAAS,IAAI,UAAU,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,EAAE;QACtF,CAAC,CAAE,EAA0B,CAAC;IAEhC,OAAO,CACL,8BAAC,iBAAI,IACH,GAAG,EAAE,UAAU,EACf,YAAY,EAAE,YAAY,EAC1B,YAAY,EAAE,YAAY,EAC1B,OAAO,EAAE,GAAG,EAAE,CAAC,MAAM,CAAC,MAAM,CAAC,EAAE,CAAC,EAChC,KAAK,EAAE,MAAM,CAAC,GAAG,EACjB,MAAM,EAAE,MAAM,EACd,KAAK,EAAE,KAAK,EACZ,KAAK,kCAAO,aAAa,GAAK,KAAK,GACnC,QAAQ,EAAE,UAAU,EACpB,OAAO,EAAE,SAAS,EAClB,UAAU,EAAE,UAAU,EACtB,SAAS,EAAE,SAAS,EACpB,MAAM,EAAE,oBAAoB,EAC5B,SAAS,EAAE,YAAY,GACvB,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,sBAAsB,CAAC"}
@@ -1,84 +0,0 @@
1
- "use strict";
2
- var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
3
- if (k2 === undefined) k2 = k;
4
- var desc = Object.getOwnPropertyDescriptor(m, k);
5
- if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
6
- desc = { enumerable: true, get: function() { return m[k]; } };
7
- }
8
- Object.defineProperty(o, k2, desc);
9
- }) : (function(o, m, k, k2) {
10
- if (k2 === undefined) k2 = k;
11
- o[k2] = m[k];
12
- }));
13
- var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
14
- Object.defineProperty(o, "default", { enumerable: true, value: v });
15
- }) : function(o, v) {
16
- o["default"] = v;
17
- });
18
- var __importStar = (this && this.__importStar) || function (mod) {
19
- if (mod && mod.__esModule) return mod;
20
- var result = {};
21
- if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
22
- __setModuleDefault(result, mod);
23
- return result;
24
- };
25
- var __importDefault = (this && this.__importDefault) || function (mod) {
26
- return (mod && mod.__esModule) ? mod : { "default": mod };
27
- };
28
- Object.defineProperty(exports, "__esModule", { value: true });
29
- const react_1 = __importStar(require("react"));
30
- const constants_js_1 = require("../../../../constants.js");
31
- const contexts_js_1 = require("../../../../contexts.js");
32
- const Divider_js_1 = __importDefault(require("../../../Divider.js"));
33
- const SelectableSortableContainer_js_1 = __importDefault(require("./SelectableSortableContainer.js"));
34
- const ListView = (props) => {
35
- const { schemas, onSortEnd, onEdit, size, hoveringSchemaId, onChangeHoveringSchemaId, changeSchemas, } = props;
36
- const i18n = (0, react_1.useContext)(contexts_js_1.I18nContext);
37
- const [isBulkUpdateFieldNamesMode, setIsBulkUpdateFieldNamesMode] = (0, react_1.useState)(false);
38
- const [fieldNamesValue, setFieldNamesValue] = (0, react_1.useState)('');
39
- const height = size.height - constants_js_1.RULER_HEIGHT - constants_js_1.RULER_HEIGHT / 2 - 145;
40
- return (react_1.default.createElement("div", null,
41
- react_1.default.createElement("div", { style: { height: 40, display: 'flex', alignItems: 'center' } },
42
- react_1.default.createElement("span", { style: { textAlign: 'center', width: '100%', fontWeight: 'bold' } }, i18n('fieldsList'))),
43
- react_1.default.createElement(Divider_js_1.default, null),
44
- isBulkUpdateFieldNamesMode ? (react_1.default.createElement("div", null,
45
- react_1.default.createElement("textarea", { wrap: "off", value: fieldNamesValue, onChange: (e) => setFieldNamesValue(e.target.value), style: {
46
- height: height - 5,
47
- width: constants_js_1.SIDEBAR_WIDTH,
48
- fontSize: '1rem',
49
- lineHeight: '2.5rem',
50
- background: 'transparent',
51
- margin: 0,
52
- padding: '1rem',
53
- boxSizing: 'border-box',
54
- fontFamily: 'inherit',
55
- } }))) : (react_1.default.createElement(SelectableSortableContainer_js_1.default, { height: height, schemas: schemas, hoveringSchemaId: hoveringSchemaId, onChangeHoveringSchemaId: onChangeHoveringSchemaId, onSortEnd: onSortEnd, onEdit: onEdit })),
56
- react_1.default.createElement("div", { style: {
57
- display: 'flex',
58
- justifyContent: 'flex-end',
59
- cursor: 'pointer',
60
- fontSize: '0.75rem',
61
- } }, isBulkUpdateFieldNamesMode ? (react_1.default.createElement(react_1.default.Fragment, null,
62
- react_1.default.createElement("u", { onClick: () => {
63
- const names = fieldNamesValue.split('\n');
64
- if (names.length !== schemas.length) {
65
- alert(i18n('errorBulkUpdateFieldName'));
66
- }
67
- else {
68
- changeSchemas(names.map((value, index) => ({
69
- key: 'key',
70
- value,
71
- schemaId: schemas[index].id,
72
- })));
73
- setIsBulkUpdateFieldNamesMode(false);
74
- }
75
- } }, i18n('commitBulkUpdateFieldName')),
76
- react_1.default.createElement("span", { style: { margin: '0 1rem' } }, "/"),
77
- react_1.default.createElement("u", { onClick: () => setIsBulkUpdateFieldNamesMode(false) }, i18n('cancel')))) : (react_1.default.createElement("u", { onClick: () => {
78
- setFieldNamesValue(schemas.map((s) => s.key).join('\n'));
79
- setIsBulkUpdateFieldNamesMode(true);
80
- } }, i18n('bulkUpdateFieldName')))),
81
- react_1.default.createElement(Divider_js_1.default, null)));
82
- };
83
- exports.default = ListView;
84
- //# sourceMappingURL=index.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../src/components/Designer/Sidebar/ListView/index.tsx"],"names":[],"mappings":"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"}
@@ -1,105 +0,0 @@
1
- "use strict";
2
- var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
3
- if (k2 === undefined) k2 = k;
4
- var desc = Object.getOwnPropertyDescriptor(m, k);
5
- if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
6
- desc = { enumerable: true, get: function() { return m[k]; } };
7
- }
8
- Object.defineProperty(o, k2, desc);
9
- }) : (function(o, m, k, k2) {
10
- if (k2 === undefined) k2 = k;
11
- o[k2] = m[k];
12
- }));
13
- var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
14
- Object.defineProperty(o, "default", { enumerable: true, value: v });
15
- }) : function(o, v) {
16
- o["default"] = v;
17
- });
18
- var __importStar = (this && this.__importStar) || function (mod) {
19
- if (mod && mod.__esModule) return mod;
20
- var result = {};
21
- if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
22
- __setModuleDefault(result, mod);
23
- return result;
24
- };
25
- var __importDefault = (this && this.__importDefault) || function (mod) {
26
- return (mod && mod.__esModule) ? mod : { "default": mod };
27
- };
28
- Object.defineProperty(exports, "__esModule", { value: true });
29
- const react_1 = __importStar(require("react"));
30
- const constants_js_1 = require("../../../constants.js");
31
- const contexts_js_1 = require("../../../contexts.js");
32
- const outline_1 = require("@heroicons/react/24/outline");
33
- const index_js_1 = __importDefault(require("./ListView/index.js"));
34
- const index_js_2 = __importDefault(require("./DetailView/index.js"));
35
- const Sidebar = (props) => {
36
- const { height, size, activeElements, schemas, addSchema } = props;
37
- const i18n = (0, react_1.useContext)(contexts_js_1.I18nContext);
38
- const [open, setOpen] = (0, react_1.useState)(true);
39
- const getActiveSchemas = () => {
40
- const ids = activeElements.map((ae) => ae.id);
41
- return schemas.filter((s) => ids.includes(s.id));
42
- };
43
- const getLastActiveSchema = () => {
44
- const activeSchemas = getActiveSchemas();
45
- return activeSchemas[activeSchemas.length - 1];
46
- };
47
- return (react_1.default.createElement("div", { style: {
48
- position: 'absolute',
49
- right: 0,
50
- zIndex: 1,
51
- height: height ? height : '100%',
52
- width: open ? constants_js_1.SIDEBAR_WIDTH : 0,
53
- } },
54
- react_1.default.createElement("div", { style: { position: 'sticky', top: 0, zIndex: 1, fontSize: '1rem' } },
55
- react_1.default.createElement("button", { style: {
56
- position: 'absolute',
57
- top: '1.75rem',
58
- right: '0.5rem',
59
- zIndex: 100,
60
- border: 'none',
61
- borderRadius: 2,
62
- padding: '0.5rem',
63
- cursor: 'pointer',
64
- background: '#eee',
65
- width: 30,
66
- height: 30,
67
- }, onClick: () => setOpen(!open) }, open ? (react_1.default.createElement(outline_1.ArrowRightIcon, { width: 15, height: 15 })) : (react_1.default.createElement(outline_1.ArrowLeftIcon, { width: 15, height: 15 }))),
68
- react_1.default.createElement("div", { style: {
69
- width: constants_js_1.SIDEBAR_WIDTH,
70
- height: size.height - constants_js_1.RULER_HEIGHT - constants_js_1.RULER_HEIGHT / 2,
71
- display: open ? 'block' : 'none',
72
- top: constants_js_1.RULER_HEIGHT / 2,
73
- right: 0,
74
- position: 'absolute',
75
- background: '#ffffffed',
76
- color: '#333',
77
- border: '1px solid #eee',
78
- padding: '0.5rem',
79
- overflowY: 'auto',
80
- fontFamily: "'Open Sans', sans-serif",
81
- fontWeight: 400,
82
- textAlign: 'left',
83
- boxSizing: 'content-box',
84
- } },
85
- getActiveSchemas().length === 0 ? (react_1.default.createElement(index_js_1.default, Object.assign({}, props))) : (react_1.default.createElement(index_js_2.default, Object.assign({}, props, { activeSchema: getLastActiveSchema() }))),
86
- react_1.default.createElement("div", { style: {
87
- display: 'flex',
88
- justifyContent: 'space-around',
89
- position: 'absolute',
90
- width: '100%',
91
- left: 0,
92
- bottom: '1rem',
93
- paddingTop: '1rem',
94
- } },
95
- react_1.default.createElement("button", { style: {
96
- padding: '0.5rem',
97
- background: '#18a0fb',
98
- border: 'none',
99
- borderRadius: 2,
100
- cursor: 'pointer',
101
- }, onClick: addSchema },
102
- react_1.default.createElement("strong", { style: { color: '#fff' } }, i18n('addNewField'))))))));
103
- };
104
- exports.default = Sidebar;
105
- //# sourceMappingURL=index.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/components/Designer/Sidebar/index.tsx"],"names":[],"mappings":"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"}
@@ -1,235 +0,0 @@
1
- "use strict";
2
- var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
3
- if (k2 === undefined) k2 = k;
4
- var desc = Object.getOwnPropertyDescriptor(m, k);
5
- if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
6
- desc = { enumerable: true, get: function() { return m[k]; } };
7
- }
8
- Object.defineProperty(o, k2, desc);
9
- }) : (function(o, m, k, k2) {
10
- if (k2 === undefined) k2 = k;
11
- o[k2] = m[k];
12
- }));
13
- var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
14
- Object.defineProperty(o, "default", { enumerable: true, value: v });
15
- }) : function(o, v) {
16
- o["default"] = v;
17
- });
18
- var __importStar = (this && this.__importStar) || function (mod) {
19
- if (mod && mod.__esModule) return mod;
20
- var result = {};
21
- if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
22
- __setModuleDefault(result, mod);
23
- return result;
24
- };
25
- var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
26
- function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
27
- return new (P || (P = Promise))(function (resolve, reject) {
28
- function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
29
- function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
30
- function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
31
- step((generator = generator.apply(thisArg, _arguments || [])).next());
32
- });
33
- };
34
- var __importDefault = (this && this.__importDefault) || function (mod) {
35
- return (mod && mod.__esModule) ? mod : { "default": mod };
36
- };
37
- Object.defineProperty(exports, "__esModule", { value: true });
38
- const react_1 = __importStar(require("react"));
39
- const index_js_1 = __importDefault(require("./Sidebar/index.js"));
40
- const index_js_2 = __importDefault(require("./Main/index.js"));
41
- const constants_js_1 = require("../../constants.js");
42
- const contexts_js_1 = require("../../contexts.js");
43
- const helper_js_1 = require("../../helper.js");
44
- const hooks_js_1 = require("../../hooks.js");
45
- const Root_js_1 = __importDefault(require("../Root.js"));
46
- const Error_js_1 = __importDefault(require("../Error.js"));
47
- const index_js_3 = __importDefault(require("../CtlBar/index.js"));
48
- const TemplateEditor = ({ template, size, onSaveTemplate, onChangeTemplate, }) => {
49
- const copiedSchemas = (0, react_1.useRef)(null);
50
- const past = (0, react_1.useRef)([]);
51
- const future = (0, react_1.useRef)([]);
52
- const mainRef = (0, react_1.useRef)(null);
53
- const paperRefs = (0, react_1.useRef)([]);
54
- const i18n = (0, react_1.useContext)(contexts_js_1.I18nContext);
55
- const [hoveringSchemaId, setHoveringSchemaId] = (0, react_1.useState)(null);
56
- const [activeElements, setActiveElements] = (0, react_1.useState)([]);
57
- const [schemasList, setSchemasList] = (0, react_1.useState)([[]]);
58
- const [pageCursor, setPageCursor] = (0, react_1.useState)(0);
59
- const [zoomLevel, setZoomLevel] = (0, react_1.useState)(1);
60
- const { backgrounds, pageSizes, scale, error } = (0, hooks_js_1.useUIPreProcessor)({ template, size, zoomLevel });
61
- const onEdit = (targets) => {
62
- setActiveElements(targets);
63
- setHoveringSchemaId(null);
64
- };
65
- const onEditEnd = () => {
66
- setActiveElements([]);
67
- setHoveringSchemaId(null);
68
- };
69
- (0, hooks_js_1.useScrollPageCursor)({
70
- ref: mainRef,
71
- pageSizes,
72
- scale,
73
- pageCursor,
74
- onChangePageCursor: (p) => {
75
- setPageCursor(p);
76
- onEditEnd();
77
- },
78
- });
79
- const modifiedTemplate = (0, helper_js_1.fmtTemplate)(template, schemasList);
80
- const commitSchemas = (0, react_1.useCallback)((newSchemas) => {
81
- future.current = [];
82
- past.current.push((0, helper_js_1.cloneDeep)(schemasList[pageCursor]));
83
- const _schemasList = (0, helper_js_1.cloneDeep)(schemasList);
84
- _schemasList[pageCursor] = newSchemas;
85
- setSchemasList(_schemasList);
86
- onChangeTemplate((0, helper_js_1.fmtTemplate)(template, _schemasList));
87
- }, [template, schemasList, pageCursor, onChangeTemplate]);
88
- const removeSchemas = (0, react_1.useCallback)((ids) => {
89
- commitSchemas(schemasList[pageCursor].filter((schema) => !ids.includes(schema.id)));
90
- onEditEnd();
91
- }, [schemasList, pageCursor, commitSchemas]);
92
- const changeSchemas = (0, react_1.useCallback)((objs) => {
93
- const newSchemas = objs.reduce((acc, { key, value, schemaId }) => {
94
- const tgt = acc.find((s) => s.id === schemaId);
95
- // Assign to reference
96
- (0, helper_js_1.set)(tgt, key, value);
97
- if (key === 'type') {
98
- const type = String(value);
99
- // set default value, text or barcode
100
- (0, helper_js_1.set)(tgt, 'data', (0, helper_js_1.getSampleByType)(type));
101
- // For barcodes, adjust the height to get the correct ratio.
102
- if (value !== 'text') {
103
- (0, helper_js_1.set)(tgt, 'height', (0, helper_js_1.getKeepRatioHeightByWidth)(type, tgt.width));
104
- }
105
- }
106
- return acc;
107
- }, (0, helper_js_1.cloneDeep)(schemasList[pageCursor]));
108
- commitSchemas(newSchemas);
109
- }, [commitSchemas, pageCursor, schemasList]);
110
- const initEvents = (0, react_1.useCallback)(() => {
111
- const getActiveSchemas = () => {
112
- const ids = activeElements.map((ae) => ae.id);
113
- return schemasList[pageCursor].filter((s) => ids.includes(s.id));
114
- };
115
- const timeTravel = (mode) => {
116
- const isUndo = mode === 'undo';
117
- const stack = isUndo ? past : future;
118
- if (stack.current.length <= 0)
119
- return;
120
- (isUndo ? future : past).current.push((0, helper_js_1.cloneDeep)(schemasList[pageCursor]));
121
- const s = (0, helper_js_1.cloneDeep)(schemasList);
122
- s[pageCursor] = stack.current.pop();
123
- setSchemasList(s);
124
- };
125
- (0, helper_js_1.initShortCuts)({
126
- move: (command, isShift) => {
127
- const pageSize = pageSizes[pageCursor];
128
- const activeSchemas = getActiveSchemas();
129
- const arg = (0, helper_js_1.moveCommandToChangeSchemasArg)({ command, activeSchemas, pageSize, isShift });
130
- changeSchemas(arg);
131
- },
132
- copy: () => {
133
- const activeSchemas = getActiveSchemas();
134
- if (activeSchemas.length === 0)
135
- return;
136
- copiedSchemas.current = activeSchemas;
137
- },
138
- paste: () => {
139
- if (!copiedSchemas.current || copiedSchemas.current.length === 0)
140
- return;
141
- const schema = schemasList[pageCursor];
142
- const stackUniqSchemaKeys = [];
143
- const pasteSchemas = copiedSchemas.current.map((cs) => {
144
- const id = (0, helper_js_1.uuid)();
145
- const key = (0, helper_js_1.getUniqSchemaKey)({ copiedSchemaKey: cs.key, schema, stackUniqSchemaKeys });
146
- const { height, width, position: p } = cs;
147
- const ps = pageSizes[pageCursor];
148
- const position = {
149
- x: p.x + 10 > ps.width - width ? ps.width - width : p.x + 10,
150
- y: p.y + 10 > ps.height - height ? ps.height - height : p.y + 10,
151
- };
152
- return Object.assign((0, helper_js_1.cloneDeep)(cs), { id, key, position });
153
- });
154
- commitSchemas(schemasList[pageCursor].concat(pasteSchemas));
155
- onEdit(pasteSchemas.map((s) => document.getElementById(s.id)));
156
- copiedSchemas.current = pasteSchemas;
157
- },
158
- redo: () => timeTravel('redo'),
159
- undo: () => timeTravel('undo'),
160
- save: () => onSaveTemplate && onSaveTemplate(modifiedTemplate),
161
- remove: () => removeSchemas(getActiveSchemas().map((s) => s.id)),
162
- esc: onEditEnd,
163
- selectAll: () => onEdit(schemasList[pageCursor].map((s) => document.getElementById(s.id))),
164
- });
165
- }, [
166
- activeElements,
167
- changeSchemas,
168
- commitSchemas,
169
- modifiedTemplate,
170
- pageCursor,
171
- pageSizes,
172
- removeSchemas,
173
- onSaveTemplate,
174
- schemasList,
175
- ]);
176
- const destroyEvents = (0, react_1.useCallback)(() => {
177
- (0, helper_js_1.destroyShortCuts)();
178
- }, []);
179
- const updateTemplate = (0, react_1.useCallback)((newTemplate) => __awaiter(void 0, void 0, void 0, function* () {
180
- var _a;
181
- const sl = yield (0, helper_js_1.templateSchemas2SchemasList)(newTemplate);
182
- setSchemasList(sl);
183
- onEditEnd();
184
- setPageCursor(0);
185
- if ((_a = mainRef.current) === null || _a === void 0 ? void 0 : _a.scroll) {
186
- mainRef.current.scroll({ top: 0, behavior: 'smooth' });
187
- }
188
- }), []);
189
- (0, react_1.useEffect)(() => {
190
- updateTemplate(template);
191
- }, [template, updateTemplate]);
192
- (0, react_1.useEffect)(() => {
193
- initEvents();
194
- return destroyEvents;
195
- }, [initEvents, destroyEvents]);
196
- const addSchema = () => {
197
- const s = (0, helper_js_1.getInitialSchema)();
198
- const paper = paperRefs.current[pageCursor];
199
- const rectTop = paper ? paper.getBoundingClientRect().top : 0;
200
- s.position.y = rectTop > 0 ? 0 : pageSizes[pageCursor].height / 2;
201
- s.data = 'text';
202
- s.key = `${i18n('field')}${schemasList[pageCursor].length + 1}`;
203
- commitSchemas(schemasList[pageCursor].concat(s));
204
- setTimeout(() => onEdit([document.getElementById(s.id)]));
205
- };
206
- const onSortEnd = (sortedSchemas) => {
207
- commitSchemas(sortedSchemas);
208
- };
209
- const onChangeHoveringSchemaId = (id) => {
210
- setHoveringSchemaId(id);
211
- };
212
- if (error) {
213
- return react_1.default.createElement(Error_js_1.default, { size: size, error: error });
214
- }
215
- return (react_1.default.createElement(Root_js_1.default, { size: size, scale: scale },
216
- react_1.default.createElement(index_js_3.default, { size: size, pageCursor: pageCursor, pageNum: schemasList.length, setPageCursor: (p) => {
217
- if (!mainRef.current)
218
- return;
219
- mainRef.current.scrollTop = (0, helper_js_1.getPagesScrollTopByIndex)(pageSizes, p, scale);
220
- setPageCursor(p);
221
- onEditEnd();
222
- }, zoomLevel: zoomLevel, setZoomLevel: (zoom) => {
223
- if (mainRef.current) {
224
- mainRef.current.scrollTop = (0, helper_js_1.getPagesScrollTopByIndex)(pageSizes, pageCursor, scale);
225
- }
226
- setZoomLevel(zoom);
227
- } }),
228
- react_1.default.createElement(index_js_1.default, { hoveringSchemaId: hoveringSchemaId, onChangeHoveringSchemaId: onChangeHoveringSchemaId, height: mainRef.current ? mainRef.current.clientHeight : 0, size: size, pageSize: pageSizes[pageCursor], activeElements: activeElements, schemas: schemasList[pageCursor], changeSchemas: changeSchemas, onSortEnd: onSortEnd, onEdit: (id) => {
229
- const editingElem = document.getElementById(id);
230
- editingElem && onEdit([editingElem]);
231
- }, onEditEnd: onEditEnd, addSchema: addSchema }),
232
- react_1.default.createElement(index_js_2.default, { ref: mainRef, paperRefs: paperRefs, hoveringSchemaId: hoveringSchemaId, onChangeHoveringSchemaId: onChangeHoveringSchemaId, height: size.height - constants_js_1.RULER_HEIGHT * constants_js_1.ZOOM, pageCursor: pageCursor, scale: scale, size: size, pageSizes: pageSizes, backgrounds: backgrounds, activeElements: activeElements, schemasList: schemasList, changeSchemas: changeSchemas, removeSchemas: removeSchemas, onEdit: onEdit })));
233
- };
234
- exports.default = TemplateEditor;
235
- //# sourceMappingURL=index.js.map