@abidibo/react-cam-roi 0.2.4 → 0.2.5

package/dist/types/Components/RoiEditor/Canvas.d.ts

@@ -1,3 +1,4 @@
+import * as fabric from 'fabric';
 import { Output } from './Types';
 type CanvasProps = {
     canvasSize: {
@@ -9,6 +10,7 @@ type CanvasProps = {
         height: number;
     };
     initialData?: Output;
+    canvasRef: React.MutableRefObject<fabric.Canvas | null>;
 };
 declare const Canvas: React.FC<CanvasProps>;
 export default Canvas;

package/dist/types/Components/RoiEditor/Types.d.ts

@@ -79,6 +79,11 @@ export type Metadata = {
     }[];
 };
 export type OutputShapeRect = {
+    angle: number;
+    scaleX: number;
+    scaleY: number;
+    skewX: number;
+    skewY: number;
     top: number;
     left: number;
     width: number;
@@ -86,6 +91,11 @@ export type OutputShapeRect = {
     color: string;
 };
 export type OutputShapePolyline = {
+    angle: number;
+    scaleX: number;
+    scaleY: number;
+    skewX: number;
+    skewY: number;
     points: {
         x: number;
         y: number;
@@ -95,6 +105,11 @@ export type OutputShapePolyline = {
     color: string;
 };
 export type OutputShapePolygon = {
+    angle: number;
+    scaleX: number;
+    scaleY: number;
+    skewX: number;
+    skewY: number;
     points: {
         x: number;
         y: number;
@@ -103,6 +118,24 @@ export type OutputShapePolygon = {
     left: number;
     color: string;
 };
+export type OutputRectCoords = {
+    points: {
+        x: number;
+        y: number;
+    }[];
+};
+export type OutputPolylineCoords = {
+    points: {
+        x: number;
+        y: number;
+    }[];
+};
+export type OutputPolygonCoords = {
+    points: {
+        x: number;
+        y: number;
+    }[];
+};
 export interface OutputParameter {
     codename: string;
     value: number | string | boolean | string[] | number[] | null;
@@ -114,6 +147,7 @@ export interface OutputRoi {
     role: string;
     id: string;
     shape: OutputShapeRect | OutputShapePolyline | OutputShapePolygon;
+    coords: OutputRectCoords | OutputPolylineCoords | OutputPolygonCoords;
 }
 export interface Output {
     parameters: OutputParameter[];

package/dist/types/Components/RoiEditor/Utils.d.ts

@@ -1,3 +1,4 @@
+import * as fabric from 'fabric';
 import { Configuration, ConfigurationParameter, INotify, Metadata, Shape, Shapes, ShapeType, ToolEnum } from './Types';
 export declare const notify: INotify;
 export declare const enableRois: (configuration: Configuration) => boolean;
@@ -9,6 +10,11 @@ export declare const fabricShapeToOutputShape: (shape: Shape, type: ShapeType, i
     width: number;
     height: number;
 }) => {
+    angle: fabric.TDegree;
+    scaleX: number;
+    scaleY: number;
+    skewX: number;
+    skewY: number;
     top: number;
     left: number;
     width: number;
@@ -20,6 +26,24 @@ export declare const fabricShapeToOutputShape: (shape: Shape, type: ShapeType, i
     top: number;
     left: number;
     color: string;
+    angle: fabric.TDegree;
+    scaleX: number;
+    scaleY: number;
+    skewX: number;
+    skewY: number;
     width?: undefined;
     height?: undefined;
 };
+export declare function getAbsoluteRectData(rect: fabric.Rect): {
+    x: number;
+    y: number;
+}[];
+export declare const fabricShapeToOutputCoords: (shape: Shape, type: ShapeType, imageSize: {
+    width: number;
+    height: number;
+}) => {
+    points: {
+        x: number;
+        y: number;
+    }[];
+};

package/dist/types/Providers/EditorProvider.d.ts

@@ -7,6 +7,7 @@ type EditorContextType = {
     activeColor: string;
     setActiveColor: (color: string) => void;
     shapes: Shapes;
+    setShapes: (shapes: Shapes) => void;
     addShape: (id: string, type: ShapeType, shape: Shape) => void;
     addShapes: (shapes: {
         id: string;
@@ -22,5 +23,5 @@ type EditorContextType = {
 };
 export declare const EditorContext: import("react").Context<EditorContextType | undefined>;
 export declare function useEditorContext(): EditorContextType;
-declare const EditorProvider: ({ children, editorId, hideForbiddenTools, activeTool, setActiveTool, activeColor, setActiveColor, shapes, addShape, addShapes, removeShape, configuration, metadata, setMetadata, onSubmit, }: PropsWithChildren<EditorContextType>) => import("react/jsx-runtime").JSX.Element;
+declare const EditorProvider: ({ children, editorId, hideForbiddenTools, activeTool, setActiveTool, activeColor, setActiveColor, shapes, setShapes, addShape, addShapes, removeShape, configuration, metadata, setMetadata, onSubmit, }: PropsWithChildren<EditorContextType>) => import("react/jsx-runtime").JSX.Element;
 export default EditorProvider;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@abidibo/react-cam-roi",
-  "version": "0.2.4",
+  "version": "0.2.5",
   "description": "A react component for drawing ROI over images and managing metadata",
   "repository": {
     "type": "git",