@abidibo/react-cam-roi 0.2.3 → 0.2.4

package/dist/Components/RoiEditor/Polygon.js

@@ -1,77 +0,0 @@
-import * as fabric from 'fabric';
-import { v4 as uuidv4 } from 'uuid';
-import Dispatcher from '../../Utils/Dispatcher';
-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 = (editorId, canvas, activeColor, setIsDrawing, points, setPoints, lines, setLines) => {
-    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);
-        Dispatcher.emit(`canvas:${editorId}:shapeAdded`, { id, type: "polygon" /* ToolEnum.Polygon */, shape: polygon });
-        setPoints([]);
-        for (const line of lines) {
-            canvas.remove(line); // Remove temporary lines
-        }
-        setLines([]);
-        setIsDrawing(false);
-    }
-};
-export const copyPolygon = (editorId, canvas, polygon) => {
-    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);
-    Dispatcher.emit(`canvas:${editorId}:shapeAdded`, { id, type: "polygon" /* ToolEnum.Polygon */, shape: copy });
-    return copy;
-};

package/dist/Components/RoiEditor/Polyline.js

@@ -1,75 +0,0 @@
-import * as fabric from 'fabric';
-import { v4 as uuidv4 } from 'uuid';
-import Dispatcher from '../../Utils/Dispatcher';
-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 = (editorId, canvas, activeColor, setIsDrawing, points, setPoints, lines, setLines) => {
-    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);
-        Dispatcher.emit(`canvas:${editorId}:shapeAdded`, { id, type: "polyline" /* ToolEnum.Polyline */, shape: polyline });
-        setPoints([]);
-        for (const line of lines) {
-            canvas.remove(line); // Remove temporary lines
-        }
-        setLines([]);
-        setIsDrawing(false);
-    }
-};
-export const copyPolyline = (editorId, canvas, polyline) => {
-    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);
-    Dispatcher.emit(`canvas:${editorId}:shapeAdded`, { id, type: "polyline" /* ToolEnum.Polyline */, shape: copy });
-    return copy;
-};

package/dist/Components/RoiEditor/Rectangle.js

@@ -1,73 +0,0 @@
-import * as fabric from 'fabric';
-import { v4 as uuidv4 } from 'uuid';
-import Dispatcher from '../../Utils/Dispatcher';
-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 = (editorId, canvas, setIsDrawing, shape, setShape) => {
-    setIsDrawing(false);
-    shape.setCoords();
-    Dispatcher.emit(`canvas:${editorId}:shapeAdded`, { id: shape.id, type: "rect" /* ToolEnum.Rectangle */, shape });
-    setShape(null);
-    canvas.defaultCursor = 'default';
-};
-export const copyRectangle = (editorId, canvas, rectangle) => {
-    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);
-    Dispatcher.emit(`canvas:${editorId}:shapeAdded`, { id, type: "rect" /* ToolEnum.Rectangle */, shape: copy });
-    return copy;
-};

package/dist/Components/RoiEditor/RoisInfo.js

@@ -1,43 +0,0 @@
-import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
-import { useContext } from 'react';
-import { useEditorContext } from '../../Providers/EditorProvider';
-import { UiContext } from '../../Providers/UiProvider';
-import { formatString } from '../../Utils';
-import { OperatorEnum } from './Types';
-const RoisInfo = () => {
-    var _a;
-    const { strings, Typography } = useContext(UiContext);
-    const { configuration } = useEditorContext();
-    if (!((_a = configuration.rois) === null || _a === void 0 ? void 0 : _a.length))
-        return null;
-    return (_jsxs("div", { children: [_jsxs(Typography, { component: "div", children: [strings.roisToBeDrawn, ":"] }), _jsx("ul", { children: configuration.rois.map((r) => {
-                    var _a, _b;
-                    let rule;
-                    const data = {
-                        role: r.label,
-                        type: r.type,
-                        threshold: (_a = r.multiplicity) === null || _a === void 0 ? void 0 : _a.threshold,
-                    };
-                    switch ((_b = r.multiplicity) === null || _b === void 0 ? void 0 : _b.operator) {
-                        case OperatorEnum.Eq:
-                            rule = formatString(strings.roiMultiplicityEqRule, data);
-                            break;
-                        case OperatorEnum.Lt:
-                            rule = formatString(strings.roiMultiplicityLtRule, data);
-                            break;
-                        case OperatorEnum.Lte:
-                            rule = formatString(strings.roiMultiplicityLteRule, data);
-                            break;
-                        case OperatorEnum.Gt:
-                            rule = formatString(strings.roiMultiplicityGtRule, data);
-                            break;
-                        case OperatorEnum.Gte:
-                            rule = formatString(strings.roiMultiplicityGteRule, data);
-                            break;
-                        default:
-                            rule = formatString(strings.roiMultiplicityNoRule, data);
-                    }
-                    return (_jsx("li", { children: _jsx(Typography, { children: rule }) }, r.role));
-                }) })] }));
-};
-export default RoisInfo;

package/dist/Components/RoiEditor/ShapesList.js

@@ -1,77 +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, _g, _h, _j, _k;
-    const { strings, Typography, IconButton, DeleteIcon, AnnotateIcon, CopyIcon, themeMode } = useContext(UiContext);
-    const { shapes, removeShape, configuration, metadata, setMetadata, addShape, editorId } = useEditorContext();
-    const [selected, setSelected] = useState([]);
-    const [form, setForm] = useState({
-        isOpen: false,
-        shapeId: '',
-        type: null,
-        shape: null,
-    });
-    // open metadata form immediately after drawing the shape
-    useEffect(() => {
-        const openForm = (_, { id, type, shape }) => {
-            setForm({ isOpen: true, shapeId: id, type, shape });
-        };
-        Dispatcher.register(`canvas:${editorId}:shapeAdded`, openForm);
-        return () => {
-            Dispatcher.unregister(`canvas:${editorId}:shapeAdded`, openForm);
-        };
-    }, [editorId]);
-    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:${editorId}:shapeSelected`, setSelectedShapes);
-        return () => {
-            Dispatcher.unregister(`canvas:${editorId}:shapeSelected`, setSelectedShapes);
-        };
-    }, [shapes, editorId]);
-    const handleCopyShape = (id) => (evt) => {
-        evt.stopPropagation();
-        Dispatcher.emit(`canvas:${editorId}:copyShape`, id);
-    };
-    const handleRemoveShape = (id) => () => {
-        Dispatcher.emit(`canvas:${editorId}:removeShape`, id);
-        removeShape(id);
-    };
-    const handleSelectShape = (id) => () => {
-        Dispatcher.emit(`canvas:${editorId}:selectShape`, id);
-    };
-    const handleEditShapeMetadata = (id) => () => {
-        setForm({ isOpen: true, shapeId: id, type: null, shape: null });
-    };
-    const handleSubmitMetadata = (shapeId) => (data, properties) => {
-        // if in creation mode, add the shape
-        if (form.type !== null) {
-            addShape(shapeId, form.type, form.shape);
-        }
-        setMetadata(Object.assign(Object.assign({}, metadata), { rois: [...metadata.rois.filter((r) => r.id !== shapeId), Object.assign({ id: shapeId, parameters: data }, properties)] }));
-        setForm({ isOpen: false, shapeId: '', type: null, shape: null });
-    };
-    const handleCloseMetadataForm = () => {
-        // if in creation mode do not add shape and delete shape from canvas
-        if (form.type !== null) {
-            Dispatcher.emit(`canvas:${editorId}:removeShape`, form.shapeId);
-        }
-        setForm({ isOpen: false, shapeId: '', type: null, shape: null });
-    };
-    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.name }) }), _jsx("th", { children: _jsx(Typography, { style: { fontWeight: 'bold' }, children: strings.role }) }), _jsx("th", { children: _jsx(Typography, { style: { fontWeight: 'bold' }, children: strings.type }) }), _jsx("th", {})] }) })), _jsx("tbody", { children: Object.keys(shapes).map((id, idx) => {
-                            var _a;
-                            const m = metadata.rois.find((roi) => roi.id === id);
-                            return (_jsxs("tr", { onClick: handleSelectShape(id), className: selected.indexOf(id) > -1
-                                    ? css('shapes-row-selected', styles, themeMode)
-                                    : idx % 2 === 0
-                                        ? css('shapes-row-even', styles, themeMode)
-                                        : css('shapes-row-odd', styles, themeMode), children: [_jsx("td", { children: _jsxs("div", { className: styles.shapesTableName, children: [_jsx("div", { className: styles.shapesTableColor, style: { backgroundColor: shapes[id].shape.stroke } }), _jsx(Typography, { children: m === null || m === void 0 ? void 0 : m.name })] }) }), _jsx("td", { children: _jsx(Typography, { children: (_a = configuration.rois.find(r => r.role === (m === null || m === void 0 ? void 0 : m.role))) === null || _a === void 0 ? void 0 : _a.label }) }), _jsx("td", { children: _jsx(Typography, { children: strings[shapes[id].type] }) }), _jsxs("td", { children: [_jsx(IconButton, { onClick: handleCopyShape(id), children: _jsx(CopyIcon, { color: iconColor }) }), _jsx(IconButton, { onClick: handleEditShapeMetadata(id), children: _jsx(AnnotateIcon, { color: iconColor }) }), _jsx(IconButton, { onClick: handleRemoveShape(id), children: _jsx(DeleteIcon, { color: iconColor }) })] })] }, id));
-                        }) })] }), form.isOpen && (_jsx(ParametersModalForm, { shapeType: form.type || shapes[form.shapeId].type, shapeName: (_b = (_a = metadata.rois.find((roi) => roi.id === form.shapeId)) === null || _a === void 0 ? void 0 : _a.name) !== null && _b !== void 0 ? _b : '', shapeRole: (_d = (_c = metadata.rois.find((roi) => roi.id === form.shapeId)) === null || _c === void 0 ? void 0 : _c.role) !== null && _d !== void 0 ? _d : '', shapeId: form.shapeId, parameters: (_f = (_e = configuration.rois.find((roi) => roi.type === (form.type || shapes[form.shapeId].type))) === null || _e === void 0 ? void 0 : _e.parameters) !== null && _f !== void 0 ? _f : [], data: (_k = (_h = (_g = metadata.rois.find((roi) => roi.id === form.shapeId)) === null || _g === void 0 ? void 0 : _g.parameters) !== null && _h !== void 0 ? _h : (_j = configuration.rois.find((roi) => roi.type === (form.type || shapes[form.shapeId].type))) === null || _j === void 0 ? void 0 : _j.parameters) !== null && _k !== void 0 ? _k : [], title: strings.shapeParametersMetadata, onClose: handleCloseMetadataForm, onSubmit: handleSubmitMetadata(form.shapeId) }))] }));
-};
-export default ShapesList;

package/dist/Components/RoiEditor/Toolbar.js

@@ -1,27 +0,0 @@
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-import { useContext } from 'react';
-import PointerIcon from '../../Icons/PointerIcon';
-import PolygonIcon from '../../Icons/PolygonIcon';
-import PolylineIcon from '../../Icons/PolylineIcon';
-import RectangleIcon from '../../Icons/RectangleIcon';
-import { useEditorContext } from '../../Providers/EditorProvider';
-import { UiContext } from '../../Providers/UiProvider';
-import { css } from '../../Utils';
-import ColorPicker from './ColorPicker';
-import styles from './Toolbar.module.css';
-import { canDrawShape, enableRois } from './Utils';
-const Toolbar = () => {
-    var _a;
-    const { IconButton, themeMode, primaryColor, Typography, strings } = useContext(UiContext);
-    const { activeTool, setActiveTool, configuration, shapes } = useEditorContext();
-    const iconColor = (tool) => (tool === activeTool ? primaryColor : themeMode === 'light' ? 'black' : 'white');
-    const setTool = (tool) => () => setActiveTool(tool);
-    const hideForbiddenTools = (_a = configuration.options) === null || _a === void 0 ? void 0 : _a.hideForbiddenTools;
-    const polylineEnabled = configuration.rois.find((r) => r.type === "polyline" /* ToolEnum.Polyline */) &&
-        canDrawShape(configuration, "polyline" /* ToolEnum.Polyline */, shapes);
-    const polygonEnabled = configuration.rois.find((r) => r.type === "polygon" /* ToolEnum.Polygon */) && canDrawShape(configuration, "polygon" /* ToolEnum.Polygon */, shapes);
-    const rectangleEnabled = configuration.rois.find((r) => r.type === "rect" /* ToolEnum.Rectangle */) &&
-        canDrawShape(configuration, "rect" /* ToolEnum.Rectangle */, shapes);
-    return (_jsxs(_Fragment, { children: [_jsx("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) && (_jsx("div", { className: css('toolbar-helper', styles, themeMode), children: _jsxs(Typography, { children: [strings[activeTool], ": ", strings[`${activeTool}HelpText`]] }) }))] }));
-};
-export default Toolbar;

package/dist/Components/RoiEditor/TopBar.js

@@ -1,21 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useContext, useState } from 'react';
-import { useEditorContext } from '../../Providers/EditorProvider';
-import { UiContext } from '../../Providers/UiProvider';
-import { css } from '../../Utils';
-import { enableMainMetadata } from './Utils';
-import SaveIcon from '../../Icons/SaveIcon';
-import ParametersModalForm from './ParametersModalForm';
-import styles from './TopBar.module.css';
-const TopBar = () => {
-    const { themeMode, AnnotateIcon, Button, primaryFgColor, strings } = useContext(UiContext);
-    const { configuration, onSubmit, metadata, setMetadata } = useEditorContext();
-    const [form, setForm] = useState({ isOpen: false });
-    const iconColor = themeMode === 'light' ? 'black' : 'white';
-    const handleSubmitMetadata = (data) => {
-        setMetadata(Object.assign(Object.assign({}, metadata), { parameters: data }));
-        setForm({ isOpen: false });
-    };
-    return (_jsxs("div", { className: css('top-bar', styles, themeMode), children: [enableMainMetadata(configuration) && (_jsxs(Button, { onClick: () => setForm({ isOpen: true }), children: [_jsx(AnnotateIcon, { color: iconColor }), " ", strings.mainParametersMetadata] })), _jsxs(Button, { primary: true, onClick: onSubmit, children: [_jsx(SaveIcon, { color: primaryFgColor }), " ", strings.save] }), form.isOpen && (_jsx(ParametersModalForm, { parameters: configuration.parameters, data: metadata.parameters, title: strings.mainParametersMetadata, onClose: () => setForm({ isOpen: false }), onSubmit: handleSubmitMetadata }))] }));
-};
-export default TopBar;

package/dist/Components/RoiEditor/Types.js

@@ -1,23 +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 = {}));
-export var UpdateEventType;
-(function (UpdateEventType) {
-    UpdateEventType["AddRoi"] = "AddRoi";
-    UpdateEventType["RemoveRoi"] = "RemoveRoi";
-    UpdateEventType["UpdateRoi"] = "UpdateRoi";
-    UpdateEventType["UpdateRoiParameters"] = "UpdateRoiParameters";
-    UpdateEventType["UpdateMainParameters"] = "UpdateMainParameters";
-})(UpdateEventType || (UpdateEventType = {}));

package/dist/Components/RoiEditor/Utils.js

@@ -1,161 +0,0 @@
-import { abs2Perc, formatString } from '../../Utils';
-import { OperatorEnum, } from './Types';
-export const notify = {
-    info: (message) => alert(`Info: ${message}`),
-    warn: (message) => alert(`Warning: ${message}`),
-    error: (message) => alert(`Error: ${message}`),
-    success: (message) => alert(`Success: ${message}`),
-};
-export const enableRois = (configuration) => {
-    return configuration.rois.length > 0;
-};
-export const enableMainMetadata = (configuration) => {
-    return configuration.parameters.length > 0;
-};
-export const canDrawShape = (configuration, shapeType, shapes, notify, message) => {
-    const rules = configuration.rois.filter((roi) => roi.type === shapeType);
-    let currentShapeCount = Object.values(shapes).filter((s) => s.type === shapeType).length;
-    for (let i = 0; i < rules.length; i++) {
-        const rule = rules[i];
-        if (rule.multiplicity) {
-            switch (rule.multiplicity.operator) {
-                case OperatorEnum.Eq:
-                case OperatorEnum.Lte:
-                    if (currentShapeCount < rule.multiplicity.threshold) {
-                        return true;
-                    }
-                    currentShapeCount -= rule.multiplicity.threshold;
-                    break;
-                case OperatorEnum.Lt:
-                    if (currentShapeCount < rule.multiplicity.threshold - 1) {
-                        return true;
-                    }
-                    currentShapeCount -= rule.multiplicity.threshold;
-                    break;
-                default:
-                    return true;
-            }
-        }
-    }
-    if (notify) {
-        notify.warn(message || '');
-    }
-    return false;
-};
-export const validateParametersForm = (parameters, fields, setErrors) => {
-    const err = {};
-    parameters.forEach((p) => {
-        if (p.required && isEmpty(fields[p.codename])) {
-            err[p.codename] = 'requiredField';
-        }
-    });
-    if (Object.keys(err).length > 0) {
-        setErrors(err);
-        return false;
-    }
-    return true;
-};
-const isEmpty = (v) => {
-    if (typeof v === 'string') {
-        return v.length === 0;
-    }
-    if (Array.isArray(v)) {
-        return v.length === 0;
-    }
-    return v === null || v === undefined;
-};
-export const validate = (configuration, shapes, metadata, strings) => {
-    const errors = [];
-    // check main parameters
-    if (configuration.parameters.length) {
-        if (metadata.parameters.find((p) => { var _a; return ((_a = configuration.parameters.find((p2) => p2.codename === p.codename)) === null || _a === void 0 ? void 0 : _a.required) && isEmpty(p.value); })) {
-            errors.push(strings.missingRequiredValuesInMainParameters);
-        }
-    }
-    // check rois number
-    configuration.rois.forEach((roi) => {
-        // check multiplicity
-        if (roi.multiplicity) {
-            switch (roi.multiplicity.operator) {
-                case OperatorEnum.Eq:
-                    if ((metadata.rois || []).filter((m) => m.role === roi.role).length !== roi.multiplicity.threshold) {
-                        errors.push(formatString(strings.shapesOfRoleShouldBeEqualToThreshold, {
-                            role: String(roi.role),
-                            threshold: roi.multiplicity.threshold,
-                        }));
-                    }
-                    break;
-                case OperatorEnum.Lt:
-                    if ((metadata.rois || []).filter((m) => m.role === roi.role).length >= roi.multiplicity.threshold) {
-                        errors.push(formatString(strings.shapesOfRoleShouldBeLessThanThreshold, {
-                            role: String(roi.role),
-                            threshold: roi.multiplicity.threshold,
-                        }));
-                    }
-                    break;
-                case OperatorEnum.Lte:
-                    if ((metadata.rois || []).filter((m) => m.role === roi.role).length > roi.multiplicity.threshold) {
-                        errors.push(formatString(strings.shapesOfRoleShouldBeLessThanOrEqualToThreshold, {
-                            role: String(roi.role),
-                            threshold: roi.multiplicity.threshold,
-                        }));
-                    }
-                    break;
-                case OperatorEnum.Gt:
-                    if ((metadata.rois || []).filter((m) => m.role === roi.role).length <= roi.multiplicity.threshold) {
-                        errors.push(formatString(strings.shapesOfRoleShouldBeGreaterThanThreshold, {
-                            role: String(roi.role),
-                            threshold: roi.multiplicity.threshold,
-                        }));
-                    }
-                    break;
-                case OperatorEnum.Gte:
-                    if ((metadata.rois || []).filter((m) => m.role === roi.role).length < roi.multiplicity.threshold) {
-                        errors.push(formatString(strings.shapesOfRoleShouldBeGreaterThanOrEqualToThreshold, {
-                            role: String(roi.role),
-                            threshold: roi.multiplicity.threshold,
-                        }));
-                    }
-            }
-        }
-    });
-    // check rois metadata
-    Object.keys(shapes).forEach((shapeId) => {
-        var _a, _b;
-        const type = shapes[shapeId].type;
-        const confParameters = (_b = (_a = configuration.rois.find((r) => r.type === type)) === null || _a === void 0 ? void 0 : _a.parameters) !== null && _b !== void 0 ? _b : [];
-        confParameters.forEach((p) => {
-            var _a, _b;
-            if (p.required &&
-                isEmpty((_b = (_a = metadata.rois.find((r) => r.id === shapeId)) === null || _a === void 0 ? void 0 : _a.parameters.find((p) => p.codename === p.codename)) === null || _b === void 0 ? void 0 : _b.value)) {
-                errors.push(strings.missingRequiredValuesInShapeParameters.replace('{id}', shapeId));
-            }
-        });
-    });
-    return [errors.length === 0, errors];
-};
-export const fabricShapeToOutputShape = (shape, type, imageSize) => {
-    switch (type) {
-        case "rect" /* ToolEnum.Rectangle */:
-            return {
-                top: abs2Perc(shape.top, imageSize.height),
-                left: abs2Perc(shape.left, imageSize.width),
-                width: abs2Perc(shape.width, imageSize.width),
-                height: abs2Perc(shape.height, imageSize.height),
-                color: shape.stroke,
-            };
-        case "polygon" /* ToolEnum.Polygon */:
-        case "polyline" /* ToolEnum.Polyline */:
-            return {
-                points: shape
-                    .get('points')
-                    .map(({ x, y }) => ({
-                    x: abs2Perc(x, imageSize.width),
-                    y: abs2Perc(y, imageSize.height),
-                })),
-                top: abs2Perc(shape.top, imageSize.height),
-                left: abs2Perc(shape.left, imageSize.width),
-                color: shape.stroke,
-            };
-    }
-};