@abidibo/react-cam-roi 0.2.4 → 0.2.6

package/dist/types/Components/BoolField/index.d.ts

@@ -1,5 +1,6 @@
 import { FieldProps } from "../../Types";
-declare const BoolField: React.FC<Omit<FieldProps<boolean>, 'onChange'> & {
+declare const BoolField: React.FC<Omit<FieldProps<boolean>, 'onChange' | 'value'> & {
     onChange: (value: boolean) => void;
+    checked: boolean;
 }>;
 export default BoolField;

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,14 +1,20 @@
+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;
 export declare const enableMainMetadata: (configuration: Configuration) => boolean;
 export declare const canDrawShape: (configuration: Configuration, shapeType: Omit<ToolEnum, ToolEnum.Pointer>, shapes: Shapes, notify?: INotify, message?: string) => boolean;
-export declare const validateParametersForm: (parameters: ConfigurationParameter[], fields: Record<string, unknown>, setErrors: (errors: Record<string, string>) => void) => boolean;
+export declare const validateParametersForm: (parameters: ConfigurationParameter[], fields: Record<string, unknown>, setErrors: (errors: Record<string, string>) => void, strings: Record<string, string>) => boolean;
 export declare const validate: (configuration: Configuration, shapes: Shapes, metadata: Metadata, strings: Record<string, string>) => [boolean, string[]];
 export declare const fabricShapeToOutputShape: (shape: Shape, type: ShapeType, imageSize: {
     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.6",
   "description": "A react component for drawing ROI over images and managing metadata",
   "repository": {
     "type": "git",
@@ -99,6 +99,7 @@
     "rollup-plugin-postcss": "^4.0.2",
     "semantic-release": "^24.2.2",
     "storybook": "^8.4.7",
+    "tinyglobby": "^0.2.13",
     "typescript": "^5.7.3",
     "typescript-eslint": "^8.20.0"
   },