♻️ createField (object) to editor features

packages/features/editor/createField.ts

@@ -0,0 +1,31 @@
+import { FieldType } from "@prisma/client";
+
+export const createField = function addField(
+  e: any,
+  page: number,
+  selectedRecipient: any,
+  type: FieldType = FieldType.SIGNATURE
+): any {
+  var rect = e.target.getBoundingClientRect();
+  const fieldSize = { width: 192, height: 96 };
+  var newFieldX = e.clientX - rect.left - fieldSize.width / 2; //x position within the element.
+  var newFieldY = e.clientY - rect.top - fieldSize.height / 2; //y position within the element.
+  if (newFieldX < 0) newFieldX = 0;
+  if (newFieldY < 0) newFieldY = 0;
+
+  if (newFieldX + fieldSize.width > rect.width)
+    newFieldX = rect.width - fieldSize.width;
+  if (newFieldY + fieldSize.height > rect.height)
+    newFieldY = rect.height - fieldSize.height;
+
+  const signatureField = {
+    id: -1,
+    page: page,
+    type: type,
+    positionX: newFieldX.toFixed(0),
+    positionY: newFieldY.toFixed(0),
+    Recipient: selectedRecipient,
+  };
+
+  return signatureField;
+};

packages/features/editor/index.ts

@@ -0,0 +1 @@
+export { createField } from "./createField";