@pixerate/editor-react 0.9.4 → 0.9.5

package/dist/index.cjs

@@ -31,16 +31,16 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 var src_exports = {};
 __export(src_exports, {
   BubbleMenu: () => BubbleMenu,
-  DirtyTracker: () => import_editor9.DirtyTracker,
+  DirtyTracker: () => import_editor7.DirtyTracker,
   EditorContent: () => EditorContent,
   EditorSlotsProvider: () => EditorSlotsProvider,
-  HistoryManager: () => import_editor9.HistoryManager,
+  HistoryManager: () => import_editor7.HistoryManager,
   ImageEditor: () => ImageEditor,
   SpreadsheetEditor: () => SpreadsheetEditor,
   TemplateRenderer: () => TemplateRenderer,
-  createDirtyTracker: () => import_editor9.createDirtyTracker,
-  createHistoryManager: () => import_editor9.createHistoryManager,
-  defaultIsEqual: () => import_editor9.defaultIsEqual,
+  createDirtyTracker: () => import_editor7.createDirtyTracker,
+  createHistoryManager: () => import_editor7.createHistoryManager,
+  defaultIsEqual: () => import_editor7.defaultIsEqual,
   useDismissGuard: () => useDismissGuard,
   useEditor: () => useEditor2,
   useEditorSlots: () => useEditorSlots,
@@ -622,7 +622,7 @@ var TemplateRenderer = ({
 };
 
 // src/index.ts
-var import_editor9 = require("@pixerate/editor");
+var import_editor7 = require("@pixerate/editor");
 
 // src/spreadsheet/useSpreadsheetEditor.ts
 var import_react11 = require("react");
@@ -1254,11 +1254,11 @@ function useEditorSlots() {
 
 // src/image-editor/useImageEditor.ts
 var import_react14 = require("react");
-var import_editor7 = require("@pixerate/editor");
+var import_image_editor = require("@pixerate/editor/image-editor");
 function useImageEditor(options = {}) {
   const controllerRef = (0, import_react14.useRef)(null);
   if (!controllerRef.current) {
-    controllerRef.current = new import_editor7.ImageEditorController(options);
+    controllerRef.current = new import_image_editor.ImageEditorController(options);
   }
   const controller = controllerRef.current;
   const [state, setState] = (0, import_react14.useState)(() => controller.getState());
@@ -1380,7 +1380,7 @@ function useImageEditor(options = {}) {
 
 // src/image-editor/ImageEditor.tsx
 var import_react15 = require("react");
-var import_editor8 = require("@pixerate/editor");
+var import_image_editor2 = require("@pixerate/editor/image-editor");
 var import_jsx_runtime5 = require("react/jsx-runtime");
 var ImageEditor = ({
   editor: externalEditor,
@@ -1547,8 +1547,8 @@ var ImageEditor = ({
         width: state.imageDimensions.width,
         height: state.imageDimensions.height
       };
-      const handle = (0, import_editor8.hitTestCrop)(canvasPt, state, canvas.width, canvas.height, 14, activeCrop);
-      const startImgPt = (0, import_editor8.canvasToImagePoint)(canvasPt, state, canvas.width, canvas.height, true);
+      const handle = (0, import_image_editor2.hitTestCrop)(canvasPt, state, canvas.width, canvas.height, 14, activeCrop);
+      const startImgPt = (0, import_image_editor2.canvasToImagePoint)(canvasPt, state, canvas.width, canvas.height, true);
       if (handle) {
         cropDragInfoRef.current = {
           handle,
@@ -1567,12 +1567,12 @@ var ImageEditor = ({
       return;
     }
     if (activeTab === "annotate") {
-      const imgPt = (0, import_editor8.canvasToImagePoint)(canvasPt, state, canvas.width, canvas.height, false);
+      const imgPt = (0, import_image_editor2.canvasToImagePoint)(canvasPt, state, canvas.width, canvas.height, false);
       dragStartPointRef.current = imgPt;
       if (state.activeTool === "select") {
         for (let i = state.annotations.length - 1; i >= 0; i--) {
           const ann = state.annotations[i];
-          if ((0, import_editor8.hitTestAnnotation)(imgPt, ann)) {
+          if ((0, import_image_editor2.hitTestAnnotation)(imgPt, ann)) {
             editor.selectAnnotation(ann.id);
             annotationDragInfoRef.current = {
               annId: ann.id,
@@ -1609,7 +1609,7 @@ var ImageEditor = ({
     if (activeTab === "crop") {
       const drag = cropDragInfoRef.current;
       if (drag) {
-        const currentImgPt = (0, import_editor8.canvasToImagePoint)(canvasPt, state, canvas.width, canvas.height, true);
+        const currentImgPt = (0, import_image_editor2.canvasToImagePoint)(canvasPt, state, canvas.width, canvas.height, true);
         let newCrop;
         if (drag.handle === "new") {
           const minX = Math.max(0, Math.min(drag.startImgPt.x, currentImgPt.x));
@@ -1623,7 +1623,7 @@ var ImageEditor = ({
             height: Math.round(Math.max(20, maxY - minY))
           };
         } else {
-          newCrop = (0, import_editor8.calculateCropDrag)(
+          newCrop = (0, import_image_editor2.calculateCropDrag)(
             drag.startCrop,
             drag.handle,
             drag.startImgPt,
@@ -1642,15 +1642,15 @@ var ImageEditor = ({
           width: state.imageDimensions.width,
           height: state.imageDimensions.height
         };
-        const handle = (0, import_editor8.hitTestCrop)(canvasPt, state, canvas.width, canvas.height, 14, activeCrop);
-        canvas.style.cursor = (0, import_editor8.getCropCursor)(handle);
+        const handle = (0, import_image_editor2.hitTestCrop)(canvasPt, state, canvas.width, canvas.height, 14, activeCrop);
+        canvas.style.cursor = (0, import_image_editor2.getCropCursor)(handle);
       }
       return;
     }
     if (activeTab === "annotate") {
       if (annotationDragInfoRef.current) {
         const drag = annotationDragInfoRef.current;
-        const currentImgPt2 = (0, import_editor8.canvasToImagePoint)(canvasPt, state, canvas.width, canvas.height, false);
+        const currentImgPt2 = (0, import_image_editor2.canvasToImagePoint)(canvasPt, state, canvas.width, canvas.height, false);
         const dx = currentImgPt2.x - drag.startImgPt.x;
         const dy = currentImgPt2.y - drag.startImgPt.y;
         editor.updateAnnotation(drag.annId, {
@@ -1662,10 +1662,10 @@ var ImageEditor = ({
       const startPt = dragStartPointRef.current;
       if (!startPt) {
         if (state.activeTool === "select") {
-          const imgPt = (0, import_editor8.canvasToImagePoint)(canvasPt, state, canvas.width, canvas.height, false);
+          const imgPt = (0, import_image_editor2.canvasToImagePoint)(canvasPt, state, canvas.width, canvas.height, false);
           let hovered = false;
           for (let i = state.annotations.length - 1; i >= 0; i--) {
-            if ((0, import_editor8.hitTestAnnotation)(imgPt, state.annotations[i])) {
+            if ((0, import_image_editor2.hitTestAnnotation)(imgPt, state.annotations[i])) {
               hovered = true;
               break;
             }
@@ -1676,7 +1676,7 @@ var ImageEditor = ({
         }
         return;
       }
-      const currentImgPt = (0, import_editor8.canvasToImagePoint)(canvasPt, state, canvas.width, canvas.height, false);
+      const currentImgPt = (0, import_image_editor2.canvasToImagePoint)(canvasPt, state, canvas.width, canvas.height, false);
       if (state.activeTool === "pen" && isDrawingRef.current) {
         currentPathRef.current.push(currentImgPt);
         const draft = {
@@ -1771,7 +1771,7 @@ var ImageEditor = ({
       }
       const startPt = dragStartPointRef.current;
       if (startPt) {
-        const currentImgPt = (0, import_editor8.canvasToImagePoint)(canvasPt, state, canvas.width, canvas.height, false);
+        const currentImgPt = (0, import_image_editor2.canvasToImagePoint)(canvasPt, state, canvas.width, canvas.height, false);
         if (state.activeTool === "pen" && isDrawingRef.current) {
           if (currentPathRef.current.length > 1) {
             editor.addAnnotation({