@abidibo/react-cam-roi 0.0.12 → 0.1.0

package/dist/Components/RoiEditor/Polygon.js

@@ -1,76 +0,0 @@
-import * as fabric from 'fabric';
-import { v4 as uuidv4 } from 'uuid';
-const addPoint = (event, canvas, color, points, setPoints, lines, setLines) => {
-    const pointer = canvas.getScenePoint(event.e);
-    const newPoint = { x: pointer.x, y: pointer.y };
-    const newPolygonPoints = [...points, newPoint];
-    setPoints(newPolygonPoints);
-    if (newPolygonPoints.length > 0) {
-        const line = new fabric.Line([
-            newPolygonPoints[newPolygonPoints.length - 1].x,
-            newPolygonPoints[newPolygonPoints.length - 1].y,
-            pointer.x,
-            pointer.y,
-        ], {
-            stroke: color,
-            strokeWidth: 2,
-            strokeUniform: true,
-            selectable: false,
-            hasControls: false,
-        });
-        canvas.add(line);
-        setLines([...lines, line]);
-    }
-};
-export const handleMouseDownPolygon = (event, canvas, activeColor, setIsDrawing, points, setPoints, lines, setLines) => {
-    setIsDrawing(true);
-    addPoint(event, canvas, activeColor, points, setPoints, lines, setLines);
-};
-export const handleMouseMovePolygon = (event, canvas, isDrawing, lines) => {
-    if (isDrawing && lines.length > 0) {
-        const pointer = canvas.getScenePoint(event.e);
-        lines[lines.length - 1].set({ x2: pointer.x, y2: pointer.y });
-        canvas.renderAll();
-    }
-};
-export const handleDoubleClickPolygon = (canvas, activeColor, setIsDrawing, points, setPoints, lines, setLines, addShape) => {
-    if (points.length > 2) {
-        const id = uuidv4();
-        const polygon = new fabric.Polygon(points, {
-            fill: 'transparent',
-            stroke: activeColor,
-            strokeWidth: 2,
-            selectable: false,
-            hasControls: true,
-            hoverCursor: 'default',
-            // @ts-expect-error id is not included in types but the property is added and it works
-            id,
-        });
-        canvas.add(polygon);
-        addShape(polygon.id, "polygon" /* ToolEnum.Polygon */, polygon);
-        setPoints([]);
-        for (const line of lines) {
-            canvas.remove(line); // Remove temporary lines
-        }
-        setLines([]);
-        setIsDrawing(false);
-    }
-};
-export const copyPolygon = (canvas, polygon, addShape) => {
-    const id = uuidv4();
-    const copy = new fabric.Polygon(polygon.points, {
-        top: polygon.top + 10,
-        left: polygon.left + 10,
-        fill: 'transparent',
-        stroke: polygon.stroke,
-        strokeWidth: polygon.strokeWidth,
-        selectable: false,
-        hasControls: true,
-        hoverCursor: 'default',
-        // @ts-expect-error id is not included in types but the property is added and it works
-        id,
-    });
-    canvas.add(copy);
-    addShape(id, "polygon" /* ToolEnum.Polygon */, copy);
-    return copy;
-};

package/dist/Components/RoiEditor/Polyline.d.ts

@@ -1,28 +0,0 @@
-import * as fabric from 'fabric';
-import { FabricEvent, IAddShape, ShapeType } from './Types';
-export declare const handleMouseDownPolyline: (event: FabricEvent, canvas: fabric.Canvas, activeColor: string, setIsDrawing: (v: boolean) => void, points: {
-    x: number;
-    y: number;
-}[], setPoints: (v: {
-    x: number;
-    y: number;
-}[]) => void, lines: fabric.Line[], setLines: (v: fabric.Line[]) => void) => void;
-export declare const handleMouseMovePolyline: (event: FabricEvent, canvas: fabric.Canvas, isDrawing: boolean, lines: fabric.Line[]) => void;
-export declare const handleDoubleClickPolyline: (canvas: fabric.Canvas, activeColor: string, setIsDrawing: (v: boolean) => void, points: {
-    x: number;
-    y: number;
-}[], setPoints: (v: {
-    x: number;
-    y: number;
-}[]) => void, lines: fabric.Line[], setLines: (v: fabric.Line[]) => void, addShape: (id: string, type: ShapeType, shape: fabric.Polyline) => void) => void;
-export declare const copyPolyline: (canvas: fabric.Canvas, polyline: fabric.Polyline, addShape: IAddShape) => fabric.Polyline<{
-    top: number;
-    left: number;
-    fill: string;
-    stroke: string | fabric.TFiller | null;
-    strokeWidth: number;
-    selectable: false;
-    hasControls: true;
-    hoverCursor: string;
-    id: string;
-}, fabric.SerializedPolylineProps, fabric.ObjectEvents>;

package/dist/Components/RoiEditor/Polyline.js

@@ -1,74 +0,0 @@
-import * as fabric from 'fabric';
-import { v4 as uuidv4 } from 'uuid';
-const addPoint = (event, canvas, color, points, setPoints, lines, setLines) => {
-    const pointer = canvas.getScenePoint(event.e);
-    const newPoint = { x: pointer.x, y: pointer.y };
-    const newPolylinePoints = [...points, newPoint];
-    setPoints(newPolylinePoints);
-    if (newPolylinePoints.length > 0) {
-        const line = new fabric.Line([
-            newPolylinePoints[newPolylinePoints.length - 1].x,
-            newPolylinePoints[newPolylinePoints.length - 1].y,
-            pointer.x,
-            pointer.y,
-        ], {
-            stroke: color,
-            strokeWidth: 2,
-            strokeUniform: true,
-            selectable: false,
-            hasControls: false,
-        });
-        canvas.add(line);
-        setLines([...lines, line]);
-    }
-};
-export const handleMouseDownPolyline = (event, canvas, activeColor, setIsDrawing, points, setPoints, lines, setLines) => {
-    setIsDrawing(true);
-    addPoint(event, canvas, activeColor, points, setPoints, lines, setLines);
-};
-export const handleMouseMovePolyline = (event, canvas, isDrawing, lines) => {
-    if (isDrawing && lines.length > 0) {
-        const pointer = canvas.getScenePoint(event.e);
-        lines[lines.length - 1].set({ x2: pointer.x, y2: pointer.y });
-        canvas.renderAll();
-    }
-};
-export const handleDoubleClickPolyline = (canvas, activeColor, setIsDrawing, points, setPoints, lines, setLines, addShape) => {
-    if (points.length > 2) {
-        const id = uuidv4();
-        const polyline = new fabric.Polyline(points, {
-            fill: 'transparent',
-            stroke: activeColor,
-            strokeWidth: 2,
-            selectable: false,
-            hasControls: true,
-            lockRotation: false,
-            id,
-        });
-        canvas.add(polyline);
-        addShape(id, "polyline" /* ToolEnum.Polyline */, polyline);
-        setPoints([]);
-        for (const line of lines) {
-            canvas.remove(line); // Remove temporary lines
-        }
-        setLines([]);
-        setIsDrawing(false);
-    }
-};
-export const copyPolyline = (canvas, polyline, addShape) => {
-    const id = uuidv4();
-    const copy = new fabric.Polyline(polyline.points, {
-        top: polyline.top + 10,
-        left: polyline.left + 10,
-        fill: 'transparent',
-        stroke: polyline.stroke,
-        strokeWidth: polyline.strokeWidth,
-        selectable: false,
-        hasControls: true,
-        hoverCursor: 'default',
-        id,
-    });
-    canvas.add(copy);
-    addShape(id, "polyline" /* ToolEnum.Polyline */, copy);
-    return copy;
-};

package/dist/Components/RoiEditor/Rectangle.d.ts

@@ -1,21 +0,0 @@
-import * as fabric from 'fabric';
-import { FabricEvent, IAddShape, Shape, ShapeType } from './Types';
-export declare const handleMouseDownRect: (event: FabricEvent, canvas: fabric.Canvas, activeColor: string, setOriginX: (v: number) => void, setOriginY: (v: number) => void, setShape: (v: Shape) => void, setIsDrawing: (v: boolean) => void) => void;
-export declare const handleMouseMoveRect: (event: FabricEvent, canvas: fabric.Canvas, originX: number, originY: number, shape: Shape, isDrawing: boolean) => void;
-export declare const handleMouseUpRect: (canvas: fabric.Canvas, setIsDrawing: (v: boolean) => void, shape: Shape, setShape: (v: Shape | null) => void, addShape: (id: string, type: ShapeType, shape: Shape) => void) => void;
-export declare const copyRectangle: (canvas: fabric.Canvas, rectangle: fabric.Rect, addShape: IAddShape) => fabric.Rect<{
-    left: number;
-    top: number;
-    originX: "left";
-    originY: "top";
-    width: number;
-    height: number;
-    fill: string;
-    stroke: string | fabric.TFiller | null;
-    strokeWidth: number;
-    strokeUniform: true;
-    selectable: false;
-    hasControls: true;
-    hoverCursor: string;
-    id: string;
-}, fabric.SerializedRectProps, fabric.ObjectEvents>;

package/dist/Components/RoiEditor/Rectangle.js

@@ -1,72 +0,0 @@
-import * as fabric from 'fabric';
-import { v4 as uuidv4 } from 'uuid';
-export const handleMouseDownRect = (event, canvas, activeColor, setOriginX, setOriginY, setShape, setIsDrawing) => {
-    const pointer = canvas.getScenePoint(event.e);
-    setOriginX(pointer.x);
-    setOriginY(pointer.y);
-    const id = uuidv4();
-    const newRectangle = new fabric.Rect({
-        left: pointer.x,
-        top: pointer.y,
-        originX: 'left',
-        originY: 'top',
-        width: 0,
-        height: 0,
-        fill: 'transparent',
-        stroke: activeColor,
-        strokeWidth: 2,
-        strokeUniform: true,
-        selectable: false,
-        hasControls: true,
-        hoverCursor: 'default',
-        id,
-    });
-    canvas.add(newRectangle);
-    setShape(newRectangle);
-    setIsDrawing(true);
-};
-export const handleMouseMoveRect = (event, canvas, originX, originY, shape, isDrawing) => {
-    if (isDrawing && shape) {
-        const pointer = canvas.getScenePoint(event.e);
-        shape.set({
-            width: Math.abs(originX - pointer.x),
-            height: Math.abs(originY - pointer.y),
-        });
-        if (originX > pointer.x) {
-            shape.set({ left: pointer.x });
-        }
-        if (originY > pointer.y) {
-            shape.set({ top: pointer.y });
-        }
-        canvas.renderAll();
-    }
-};
-export const handleMouseUpRect = (canvas, setIsDrawing, shape, setShape, addShape) => {
-    setIsDrawing(false);
-    shape.setCoords();
-    addShape(shape.id, "rect" /* ToolEnum.Rectangle */, shape);
-    setShape(null);
-    canvas.defaultCursor = 'default';
-};
-export const copyRectangle = (canvas, rectangle, addShape) => {
-    const id = uuidv4();
-    const copy = new fabric.Rect({
-        left: rectangle.left + 10,
-        top: rectangle.top + 10,
-        originX: 'left',
-        originY: 'top',
-        width: rectangle.width,
-        height: rectangle.height,
-        fill: 'transparent',
-        stroke: rectangle.stroke,
-        strokeWidth: rectangle.strokeWidth,
-        strokeUniform: true,
-        selectable: false,
-        hasControls: true,
-        hoverCursor: 'default',
-        id,
-    });
-    canvas.add(copy);
-    addShape(id, "rect" /* ToolEnum.Rectangle */, copy);
-    return copy;
-};

package/dist/Components/RoiEditor/RoiEditor.module.css

@@ -1,5 +0,0 @@
-.canvasWrapper {
-  background-size: contain;
-  background-repeat: no-repeat;
-  position: relative;
-}

package/dist/Components/RoiEditor/ShapesList.d.ts

@@ -1,2 +0,0 @@
-declare const ShapesList: React.FC;
-export default ShapesList;

package/dist/Components/RoiEditor/ShapesList.js

@@ -1,47 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { useContext, useEffect, useState } from 'react';
-import { useEditorContext } from '../../Providers/EditorProvider';
-import { UiContext } from '../../Providers/UiProvider';
-import { css } from '../../Utils';
-import Dispatcher from '../../Utils/Dispatcher';
-import ParametersModalForm from './ParametersModalForm';
-import styles from './ShapesList.module.css';
-const ShapesList = () => {
-    var _a, _b, _c, _d, _e, _f;
-    const { strings, Typography, IconButton, DeleteIcon, AnnotateIcon, SelectIcon, CopyIcon, themeMode } = useContext(UiContext);
-    const { shapes, removeShape, configuration, metadata, setMetadata } = useEditorContext();
-    const [selected, setSelected] = useState([]);
-    const [form, setForm] = useState({ isOpen: false, shapeId: '' });
-    useEffect(() => {
-        const setSelectedShapes = (_, event) => { var _a; return setSelected((_a = event === null || event === void 0 ? void 0 : event.map((s) => s.id)) !== null && _a !== void 0 ? _a : []); };
-        Dispatcher.register('canvas:shapeSelected', setSelectedShapes);
-        return () => {
-            Dispatcher.unregister('canvas:shapeSelected', setSelectedShapes);
-        };
-    }, [shapes]);
-    const handleCopyShape = (id) => () => {
-        Dispatcher.emit('canvas:copyShape', id);
-    };
-    const handleRemoveShape = (id) => () => {
-        Dispatcher.emit('canvas:removeShape', id);
-        removeShape(id);
-    };
-    const handleSelectShape = (id) => () => {
-        Dispatcher.emit('canvas:selectShape', id);
-    };
-    const handleEditShapeMetadata = (id) => () => {
-        setForm({ isOpen: true, shapeId: id });
-    };
-    const handleSubmitMetadata = (shapeId) => (data) => {
-        setMetadata(Object.assign(Object.assign({}, metadata), { rois: [
-                ...metadata.rois.filter((r) => r.id !== shapeId),
-                { id: shapeId, parameters: data },
-            ] }));
-        setForm({ isOpen: false, shapeId: '' });
-    };
-    const iconColor = themeMode === 'light' ? 'black' : 'white';
-    return (_jsxs(_Fragment, { children: [_jsxs("table", { className: css('shapes-table', styles, themeMode), children: [Object.keys(shapes).length > 0 && (_jsx("thead", { children: _jsxs("tr", { children: [_jsx("th", { children: _jsx(Typography, { style: { fontWeight: 'bold' }, children: strings.id }) }), _jsx("th", { children: _jsx(Typography, { style: { fontWeight: 'bold' }, children: strings.type }) }), _jsx("th", {})] }) })), _jsx("tbody", { children: Object.keys(shapes).map((id) => {
-                            return (_jsxs("tr", { className: selected.indexOf(id) > -1 ? css('shapes-row-selected', styles, themeMode) : '', children: [_jsx("td", { children: _jsx("div", { children: _jsx(Typography, { children: id.substring(0, 6) }) }) }), _jsx("td", { children: _jsx(Typography, { children: strings[shapes[id].type] }) }), _jsxs("td", { children: [_jsx(IconButton, { onClick: handleSelectShape(id), children: _jsx(SelectIcon, { color: iconColor }) }), _jsx(IconButton, { onClick: handleCopyShape(id), children: _jsx(CopyIcon, { color: iconColor }) }), _jsx(IconButton, { onClick: handleEditShapeMetadata(id), disabled: !configuration.rois.find((roi) => roi.type === shapes[id].type), children: _jsx(AnnotateIcon, { color: iconColor }) }), _jsx(IconButton, { onClick: handleRemoveShape(id), children: _jsx(DeleteIcon, { color: iconColor }) })] })] }, id));
-                        }) })] }), form.isOpen && (_jsx(ParametersModalForm, { parameters: (_b = (_a = configuration.rois.find((roi) => roi.type === shapes[form.shapeId].type)) === null || _a === void 0 ? void 0 : _a.parameters) !== null && _b !== void 0 ? _b : [], data: (_f = (_d = (_c = metadata.rois.find((roi) => roi.id === form.shapeId)) === null || _c === void 0 ? void 0 : _c.parameters) !== null && _d !== void 0 ? _d : (_e = configuration.rois.find((roi) => roi.type === shapes[form.shapeId].type)) === null || _e === void 0 ? void 0 : _e.parameters) !== null && _f !== void 0 ? _f : [], title: strings.mainParametersMetadata, onClose: () => setForm({ isOpen: false, shapeId: '' }), onSubmit: handleSubmitMetadata(form.shapeId) }))] }));
-};
-export default ShapesList;

package/dist/Components/RoiEditor/ShapesList.module.css

@@ -1,36 +0,0 @@
-.shapes-table {
-  border-collapse: collapse;
-  width: 100%;
-}
-
-.shapes-table th {
-  padding: .8rem .3rem .3rem;
-  text-align: left;
-}
-
-.shapes-table td {
-  padding: 0 .3rem;
-}
-
-.shapes-table tr td:last-child,
-.shapes-table tr th:last-child {
-  text-align: right;
-}
-
-.shapes-table-light {
-  background-color: #eee;
-  color: #000;
-}
-
-.shapes-table-dark {
-  background-color: #333;
-  color: #fff;
-}
-
-.shapes-row-selected-light {
-  background-color: #ccc;
-}
-
-.shapes-row-selected-dark {
-  background-color: #666;
-}

package/dist/Components/RoiEditor/Toolbar.d.ts

@@ -1,2 +0,0 @@
-declare const Toolbar: () => import("react/jsx-runtime").JSX.Element;
-export default Toolbar;

package/dist/Components/RoiEditor/Toolbar.js

@@ -1,33 +0,0 @@
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-import { useContext, useState } from 'react';
-import AnnotateIcon from '../../Icons/AnnotateIcon';
-import PointerIcon from '../../Icons/PointerIcon';
-import PolygonIcon from '../../Icons/PolygonIcon';
-import PolylineIcon from '../../Icons/PolylineIcon';
-import RectangleIcon from '../../Icons/RectangleIcon';
-import SaveIcon from '../../Icons/SaveIcon';
-import { useEditorContext } from '../../Providers/EditorProvider';
-import { UiContext } from '../../Providers/UiProvider';
-import { css } from '../../Utils';
-import ColorPicker from './ColorPicker';
-import ParametersModalForm from './ParametersModalForm';
-import styles from './Toolbar.module.css';
-import { enableMainMetadata, enableRois } from './Utils';
-const Toolbar = () => {
-    var _a, _b;
-    const { IconButton, themeMode, primaryColor, Typography, strings } = useContext(UiContext);
-    const { activeTool, setActiveTool, configuration, metadata, setMetadata, onSubmit } = useEditorContext();
-    const [form, setForm] = useState({ isOpen: false });
-    const iconColor = (tool) => (tool === activeTool ? primaryColor : themeMode === 'light' ? 'black' : 'white');
-    const setTool = (tool) => () => setActiveTool(tool);
-    const handleSubmitMetadata = (data) => {
-        setMetadata(Object.assign(Object.assign({}, metadata), { parameters: data }));
-        setForm({ isOpen: false });
-    };
-    const hideForbiddenTools = (_a = configuration.options) === null || _a === void 0 ? void 0 : _a.hideForbiddenTools;
-    const polylineEnabled = configuration.rois.find((r) => r.type === "polyline" /* ToolEnum.Polyline */);
-    const polygonEnabled = configuration.rois.find((r) => r.type === "polygon" /* ToolEnum.Polygon */);
-    const rectangleEnabled = configuration.rois.find((r) => r.type === "rect" /* ToolEnum.Rectangle */);
-    return (_jsxs(_Fragment, { children: [((_b = configuration.options) === null || _b === void 0 ? void 0 : _b.description) && (_jsx("div", { className: css('toolbar-info', styles, themeMode), children: _jsx(Typography, { children: configuration.options.description }) })), _jsxs("div", { className: css('toolbar', styles, themeMode), children: [enableRois(configuration) && (_jsxs(_Fragment, { children: [_jsx(IconButton, { onClick: setTool("pointer" /* ToolEnum.Pointer */), children: _jsx(PointerIcon, { color: iconColor("pointer" /* ToolEnum.Pointer */) }) }), (!hideForbiddenTools || polylineEnabled) && (_jsx(IconButton, { onClick: setTool("polyline" /* ToolEnum.Polyline */), disabled: !polylineEnabled, children: _jsx(PolylineIcon, { color: iconColor("polyline" /* ToolEnum.Polyline */) }) })), (!hideForbiddenTools || polygonEnabled) && (_jsx(IconButton, { onClick: setTool("polygon" /* ToolEnum.Polygon */), disabled: !polygonEnabled, children: _jsx(PolygonIcon, { color: iconColor("polygon" /* ToolEnum.Polygon */) }) })), (!hideForbiddenTools || rectangleEnabled) && (_jsx(IconButton, { onClick: setTool("rect" /* ToolEnum.Rectangle */), disabled: !rectangleEnabled, children: _jsx(RectangleIcon, { color: iconColor("rect" /* ToolEnum.Rectangle */) }) })), _jsx(ColorPicker, { style: { marginLeft: 'auto', marginRight: '.5rem' } })] })), enableRois(configuration) && enableMainMetadata(configuration) && (_jsx("div", { className: css('toolbar-spacer', styles, themeMode) })), enableMainMetadata(configuration) && (_jsx(IconButton, { onClick: () => setForm({ isOpen: true }), children: _jsx(AnnotateIcon, { color: iconColor("rect" /* ToolEnum.Rectangle */) }) })), _jsx("div", { className: css('toolbar-spacer', styles, themeMode) }), _jsx(IconButton, { onClick: onSubmit, children: _jsx(SaveIcon, { color: iconColor("rect" /* ToolEnum.Rectangle */) }) })] }), enableRois(configuration) && (_jsx("div", { className: css('toolbar-helper', styles, themeMode), children: _jsxs(Typography, { children: [strings[activeTool], ": ", strings[`${activeTool}HelpText`]] }) })), form.isOpen && (_jsx(ParametersModalForm, { parameters: configuration.parameters, data: metadata.parameters, title: strings.mainParametersMetadata, onClose: () => setForm({ isOpen: false }), onSubmit: handleSubmitMetadata }))] }));
-};
-export default Toolbar;

package/dist/Components/RoiEditor/Toolbar.module.css

@@ -1,53 +0,0 @@
-.toolbar-info {
-  padding: .5rem;
-}
-.toolbar-info-light {
-  background-color: #ddd;;
-  color: #000;
-}
-.toolbar-info-dark {
-  background-color: #222;
-  color: #fff;
-}
-
-.toolbar {
-  align-items: center;
-  display: flex;
-  padding: .5rem;
-}
-
-.toolbar-light {
-  background-color: #eee;;
-}
-
-.toolbar-dark {
-  background-color: #333;
-}
-
-.toolbar-helper {
-  padding: .5rem;
-}
-
-.toolbar-helper-light {
-  background-color: #f7f7f7;;
-  color: #000;
-}
-
-.toolbar-helper-dark {
-  background-color: #222;
-  color: #fff;
-}
-
-.toolbar-spacer {
-  height: 20px;
-  margin: 0 .5rem;
-  width: 1px;
-}
-
-.toolbar-spacer-light {
-  background-color: #ccc;
-}
-
-.toolbar-spacer-dark {
-  background-color: #555;
-}

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

@@ -1,115 +0,0 @@
-import * as fabric from 'fabric';
-export declare const enum ToolEnum {
-    Pointer = "pointer",
-    Polyline = "polyline",
-    Polygon = "polygon",
-    Rectangle = "rect"
-}
-export type ShapeType = ToolEnum.Polyline | ToolEnum.Polygon | ToolEnum.Rectangle;
-export type Shape = (fabric.Rect | fabric.Polygon | fabric.Polyline) & {
-    id?: string;
-};
-export type Shapes = Record<string, {
-    type: ShapeType;
-    shape: Shape;
-}>;
-export type FabricEvent = fabric.TPointerEventInfo<fabric.TPointerEvent>;
-export type FabricSelectionEvent = Partial<fabric.TEvent> & {
-    selected: fabric.Object[];
-};
-export type IAddShape = (id: string, type: ShapeType, shape: Shape) => void;
-export declare enum DataTypeEnum {
-    Integer = "int",
-    Float = "float",
-    String = "string",
-    Boolean = "bool"
-}
-export declare enum OperatorEnum {
-    Lt = "lt",
-    Lte = "lte",
-    Gt = "gt",
-    Gte = "gte",
-    Eq = "eq"
-}
-export type ConfigurationParameter = {
-    codename: string;
-    label: string;
-    description: string;
-    unit: string;
-    type: DataTypeEnum;
-    options: {
-        value: number | string;
-        label: string;
-    }[];
-    multiple?: boolean;
-    required: boolean;
-    value: number | string | boolean | string[] | number[] | null;
-};
-export type RoiConfiguration = {
-    role: string;
-    type: Omit<ShapeType, 'pointer'>;
-    multiplicity: {
-        operator: OperatorEnum;
-        threshold: number;
-    };
-    parameters: ConfigurationParameter[];
-};
-export type Configuration = {
-    parameters: ConfigurationParameter[];
-    rois: RoiConfiguration[];
-    options?: {
-        hideForbiddenTools?: boolean;
-        description?: string;
-    };
-};
-export interface INotify {
-    info: (message: string) => void;
-    warn: (message: string) => void;
-    error: (message: string) => void;
-    success: (message: string) => void;
-}
-export type Metadata = {
-    parameters: OutputParameter[];
-    rois: {
-        id: string;
-        parameters: OutputParameter[];
-    }[];
-};
-export type OutputShapeRect = {
-    top: number;
-    left: number;
-    width: number;
-    height: number;
-    color: string;
-};
-export type OutputShapePolyline = {
-    points: {
-        x: number;
-        y: number;
-    }[];
-    top: number;
-    left: number;
-    color: string;
-};
-export type OutputShapePolygon = {
-    points: {
-        x: number;
-        y: number;
-    }[];
-    top: number;
-    left: number;
-    color: string;
-};
-export interface OutputParameter {
-    codename: string;
-    value: number | string | boolean | string[] | number[] | null;
-}
-export interface OutputRoi {
-    parameters: OutputParameter[];
-    type: ShapeType;
-    shape: OutputShapeRect | OutputShapePolyline | OutputShapePolygon;
-}
-export interface Output {
-    parameters: OutputParameter[];
-    rois: OutputRoi[];
-}

package/dist/Components/RoiEditor/Types.js

@@ -1,15 +0,0 @@
-export var DataTypeEnum;
-(function (DataTypeEnum) {
-    DataTypeEnum["Integer"] = "int";
-    DataTypeEnum["Float"] = "float";
-    DataTypeEnum["String"] = "string";
-    DataTypeEnum["Boolean"] = "bool";
-})(DataTypeEnum || (DataTypeEnum = {}));
-export var OperatorEnum;
-(function (OperatorEnum) {
-    OperatorEnum["Lt"] = "lt";
-    OperatorEnum["Lte"] = "lte";
-    OperatorEnum["Gt"] = "gt";
-    OperatorEnum["Gte"] = "gte";
-    OperatorEnum["Eq"] = "eq";
-})(OperatorEnum || (OperatorEnum = {}));

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

@@ -1,22 +0,0 @@
-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 validate: (configuration: Configuration, shapes: Shapes, metadata: Metadata, strings: Record<string, string>) => [boolean, string[]];
-export declare const fabricShapeToOutputShape: (shape: Shape, type: ShapeType) => {
-    top: number;
-    left: number;
-    width: number;
-    height: number;
-    color: string;
-    points?: undefined;
-} | {
-    points: any;
-    top: number;
-    left: number;
-    color: string;
-    width?: undefined;
-    height?: undefined;
-};