@abidibo/react-cam-roi 0.2.3 → 0.2.4

package/dist/Components/RoiEditor/index.js

@@ -1,99 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import React, { useCallback, useContext, useEffect, useRef, useState } from 'react';
-import EditorProvider from '../../Providers/EditorProvider';
-import { UiContext } from '../../Providers/UiProvider';
-import { css, log } from '../../Utils';
-import { Loader } from '../Loader';
-import Canvas from './Canvas';
-import Header from './Header';
-import { useCanvasSize } from './Hooks';
-import styles from './RoiEditor.module.css';
-import ShapesList from './ShapesList';
-import Toolbar from './Toolbar';
-import { fabricShapeToOutputShape, validate } from './Utils';
-import TopBar from './TopBar';
-// https://github.com/n-mazaheri/image-editor
-const RoiEditor = ({ imageUrl, configuration, onSubmit, onUpdate, initialData, editorId, }) => {
-    var _a, _b, _c;
-    log('info', true, 'react-cam-roi', 'React', React);
-    const firstUpdate = useRef(true);
-    log('info', true, 'react-cam-roi', 'After first useRef');
-    const { themeMode, enableLogs, pickerColors, strings, notify } = useContext(UiContext);
-    const { imageSize, canvasSize, wrapperRef, isReady } = useCanvasSize(imageUrl);
-    const [activeTool, setActiveTool] = useState("pointer" /* ToolEnum.Pointer */);
-    const [activeColor, setActiveColor] = useState(pickerColors[0]);
-    // metadata
-    const [metadata, setMetadata] = useState({
-        parameters: [
-            ...((_a = configuration.parameters.map((p) => {
-                var _a;
-                const initial = (_a = initialData === null || initialData === void 0 ? void 0 : initialData.parameters) === null || _a === void 0 ? void 0 : _a.find((initP) => initP.codename === p.codename);
-                return {
-                    codename: p.codename,
-                    value: initial ? initial.value : p.value,
-                };
-            })) !== null && _a !== void 0 ? _a : []),
-        ],
-        rois: [],
-    });
-    // fabric shapes
-    const [shapes, setShapes] = useState({});
-    const addShape = useCallback((id, type, shape) => setShapes(Object.assign(Object.assign({}, shapes), { [id]: { type, shape } })), [shapes]);
-    const addShapes = useCallback((s) => setShapes(Object.assign(Object.assign({}, shapes), s.reduce((r, s) => (Object.assign(Object.assign({}, r), { [s.id]: s })), {}))), [shapes]);
-    const removeShape = useCallback((id) => {
-        const newShapes = Object.assign({}, shapes);
-        delete newShapes[id];
-        setShapes(newShapes);
-        setMetadata(Object.assign(Object.assign({}, metadata), { rois: metadata.rois.filter((r) => r.id !== id) }));
-    }, [shapes, metadata]);
-    const prepareOutput = useCallback((metadata, shapes) => {
-        var _a, _b;
-        return {
-            parameters: (_b = (_a = metadata.parameters) === null || _a === void 0 ? void 0 : _a.map((p) => ({ codename: p.codename, value: p.value }))) !== null && _b !== void 0 ? _b : [],
-            rois: Object.keys(shapes).map((shapeId) => {
-                var _a, _b, _c, _d, _e, _f, _g;
-                return ({
-                    parameters: (_c = (_b = (_a = metadata.rois
-                        .find((r) => r.id === shapeId)) === null || _a === void 0 ? void 0 : _a.parameters) === null || _b === void 0 ? void 0 : _b.map((p) => ({ codename: p.codename, value: p.value }))) !== null && _c !== void 0 ? _c : [],
-                    name: (_e = (_d = metadata.rois.find((r) => r.id === shapeId)) === null || _d === void 0 ? void 0 : _d.name) !== null && _e !== void 0 ? _e : '',
-                    role: (_g = (_f = metadata.rois.find((r) => r.id === shapeId)) === null || _f === void 0 ? void 0 : _f.role) !== null && _g !== void 0 ? _g : '',
-                    type: shapes[shapeId].type,
-                    id: shapeId,
-                    shape: fabricShapeToOutputShape(shapes[shapeId].shape, shapes[shapeId].shape.type, imageSize),
-                });
-            }),
-        };
-    }, [imageSize.width, imageSize.height]); // eslint-disable-line
-    useEffect(() => {
-        // do not run on first update
-        if (firstUpdate.current) {
-            firstUpdate.current = false;
-            return;
-        }
-        else if (onUpdate) {
-            // notify every update
-            onUpdate(prepareOutput(metadata, shapes));
-        }
-    }, [metadata, shapes, onUpdate, prepareOutput]);
-    const handleSubmit = useCallback(() => {
-        const [isValid, errors] = validate(configuration, shapes, metadata, strings);
-        if (isValid) {
-            onSubmit(prepareOutput(metadata, shapes));
-        }
-        else {
-            notify.error(strings.invalidSubmission + '\n' + errors.map((e) => `- ${e}`).join('\n'));
-        }
-    }, [onSubmit, configuration, shapes, metadata, prepareOutput, strings, notify]);
-    log('info', enableLogs, 'react-cam-roi', 'active tool', activeTool);
-    log('info', enableLogs, 'react-cam-roi', 'canvas size', canvasSize);
-    log('info', enableLogs, 'react-cam-roi', 'metadata', metadata);
-    if (!isReady) {
-        return _jsx(Loader, {});
-    }
-    return (_jsx(EditorProvider, { editorId: editorId, hideForbiddenTools: (_c = (_b = configuration.options) === null || _b === void 0 ? void 0 : _b.hideForbiddenTools) !== null && _c !== void 0 ? _c : false, activeTool: activeTool, setActiveTool: setActiveTool, activeColor: activeColor, setActiveColor: setActiveColor, shapes: shapes, addShape: addShape, addShapes: addShapes, removeShape: removeShape, configuration: configuration, metadata: metadata, setMetadata: setMetadata, onSubmit: handleSubmit, children: _jsxs("div", { style: { maxWidth: '100%', width: `${imageSize.width}px` }, ref: wrapperRef, children: [_jsx(TopBar, {}), _jsx(Header, {}), _jsx(Toolbar, {}), _jsx("div", { className: css('canvas-wrapper', styles, themeMode), style: {
-                        width: `${canvasSize.width}px`,
-                        height: `${canvasSize.height}px`,
-                        backgroundImage: `url(${imageUrl})`,
-                    }, children: _jsx(Canvas, { imageSize: imageSize, canvasSize: canvasSize, initialData: initialData }) }), _jsx(ShapesList, {})] }) }));
-};
-export default RoiEditor;

package/dist/Components/RoleField.js

@@ -1,49 +0,0 @@
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-import { jsx as _jsx } from "react/jsx-runtime";
-import { useContext, useEffect } from 'react';
-import { useEditorContext } from '../Providers/EditorProvider';
-import { UiContext } from '../Providers/UiProvider';
-import { humanize } from '../Utils';
-import { OperatorEnum } from './RoiEditor/Types';
-const isAllowed = (role, multiplicity, metadata) => {
-    switch (multiplicity.operator) {
-        case OperatorEnum.Eq:
-        case OperatorEnum.Lte:
-            return metadata.rois.filter((m) => m.role === role).length < multiplicity.threshold;
-        case OperatorEnum.Lt:
-            return metadata.rois.filter((m) => m.role === role).length < multiplicity.threshold - 1;
-        default:
-            return true;
-    }
-};
-const RoleField = (_a) => {
-    var { onChange, value, required, shapeType } = _a, props = __rest(_a, ["onChange", "value", "required", "shapeType"]);
-    const { strings, EnumField } = useContext(UiContext);
-    const { configuration, metadata } = useEditorContext();
-    const options = [];
-    const rois = configuration.rois || [];
-    rois
-        .filter((r) => r.type === shapeType)
-        .forEach((r) => {
-        if (!options.includes(r.role) && (!r.multiplicity || isAllowed(r.role, r.multiplicity, metadata))) {
-            options.push(r.role);
-        }
-    });
-    useEffect(() => {
-        if (required) {
-            onChange(options[0]);
-        }
-    }, []); // eslint-disable-line react-hooks/exhaustive-deps
-    return (_jsx(EnumField, Object.assign({ required: required, label: strings.role, value: value, onChange: (value) => onChange(value), options: options.map((o) => ({ value: o, label: humanize(o) })) }, props)));
-};
-export default RoleField;

package/dist/Components/TextField/index.js

@@ -1,13 +0,0 @@
-import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
-import { useContext } from 'react';
-import { UiContext } from '../../Providers/UiProvider';
-import { css } from '../../Utils';
-import styles from './TextField.module.css';
-const TextField = ({ onChange, type = 'text', value, label, helperText, error, required = false, readOnly = false, disabled = false, }) => {
-    const { themeMode, Typography } = useContext(UiContext);
-    const handleChange = (e) => {
-        onChange(e.target.value);
-    };
-    return (_jsxs("div", { className: css('text-field-wrapper', styles, themeMode), children: [_jsx("label", { className: `${css('text-field-label', styles, themeMode)} ${error ? css('text-field-label-error', styles, null) : ''}`, children: _jsxs(Typography, { children: [label, required && ' *'] }) }), _jsx("input", { type: type, className: `${css('text-field', styles, themeMode)} ${error ? css('text-field-error', styles, null) : ''}`, onChange: handleChange, value: value, readOnly: readOnly, disabled: disabled }), helperText && (_jsx(Typography, { component: 'div', className: `${css('text-field-helper-text', styles, themeMode)} ${error ? css('text-field-helper-text-error', styles, null) : ''}`, children: helperText }))] }));
-};
-export default TextField;

package/dist/Components/Typography/index.js

@@ -1,6 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-const Typography = ({ children, style = {}, className = '', component = 'span' }) => {
-    const Tag = component;
-    return _jsx(Tag, { className: className, style: style, children: children });
-};
-export default Typography;

package/dist/Icons/AnnotateIcon.js

@@ -1,5 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-const AnnotateIcon = ({ color = 'black', style = {} }) => {
-    return (_jsx("svg", { xmlns: "http://www.w3.org/2000/svg", height: "24px", viewBox: "0 -960 960 960", width: "24px", style: style, children: _jsx("path", { fill: color, d: "M280-280h84l240-238-86-86-238 238v86Zm352-266 42-44q6-6 6-14t-6-14l-56-56q-6-6-14-6t-14 6l-44 42 86 86ZM200-120q-33 0-56.5-23.5T120-200v-560q0-33 23.5-56.5T200-840h168q13-36 43.5-58t68.5-22q38 0 68.5 22t43.5 58h168q33 0 56.5 23.5T840-760v560q0 33-23.5 56.5T760-120H200Zm0-80h560v-560H200v560Zm280-590q13 0 21.5-8.5T510-820q0-13-8.5-21.5T480-850q-13 0-21.5 8.5T450-820q0 13 8.5 21.5T480-790ZM200-200v-560 560Z" }) }));
-};
-export default AnnotateIcon;

package/dist/Icons/CloseIcon.js

@@ -1,5 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-const CloseIcon = ({ color = 'black', style = {} }) => {
-    return (_jsx("svg", { xmlns: "http://www.w3.org/2000/svg", height: "24px", viewBox: "0 -960 960 960", width: "24px", style: style, children: _jsx("path", { fill: color, d: "m256-200-56-56 224-224-224-224 56-56 224 224 224-224 56 56-224 224 224 224-56 56-224-224-224 224Z" }) }));
-};
-export default CloseIcon;

package/dist/Icons/CopyIcon.js

@@ -1,5 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-const CopyIcon = ({ color = 'black', style = {} }) => {
-    return (_jsx("svg", { xmlns: "http://www.w3.org/2000/svg", height: "24px", width: "24px", viewBox: "0 -960 960 960", style: style, children: _jsx("path", { fill: color, d: "M360-240q-33 0-56.5-23.5T280-320v-480q0-33 23.5-56.5T360-880h360q33 0 56.5 23.5T800-800v480q0 33-23.5 56.5T720-240H360Zm0-80h360v-480H360v480ZM200-80q-33 0-56.5-23.5T120-160v-560h80v560h440v80H200Zm160-240v-480 480Z" }) }));
-};
-export default CopyIcon;

package/dist/Icons/DeleteIcon.js

@@ -1,5 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-const DeleteIcon = ({ color = 'black', style = {} }) => {
-    return (_jsx("svg", { xmlns: "http://www.w3.org/2000/svg", height: "24px", viewBox: "0 -960 960 960", width: "24px", style: style, children: _jsx("path", { fill: color, d: "M280-120q-33 0-56.5-23.5T200-200v-520h-40v-80h200v-40h240v40h200v80h-40v520q0 33-23.5 56.5T680-120H280Zm400-600H280v520h400v-520ZM360-280h80v-360h-80v360Zm160 0h80v-360h-80v360ZM280-720v520-520Z" }) }));
-};
-export default DeleteIcon;

package/dist/Icons/EditIcon.js

@@ -1,5 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-const EditIcon = ({ color = 'black', style = {} }) => {
-    return (_jsx("svg", { xmlns: "http://www.w3.org/2000/svg", height: "24px", viewBox: "0 -960 960 960", width: "24px", style: style, children: _jsx("path", { fill: color, d: "M200-200h57l391-391-57-57-391 391v57Zm-80 80v-170l528-527q12-11 26.5-17t30.5-6q16 0 31 6t26 18l55 56q12 11 17.5 26t5.5 30q0 16-5.5 30.5T817-647L290-120H120Zm640-584-56-56 56 56Zm-141 85-28-29 57 57-29-28Z" }) }));
-};
-export default EditIcon;

package/dist/Icons/PointerIcon.js

@@ -1,5 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-const PointerIcon = ({ color = 'black', style = { height: '32px' } }) => {
-    return (_jsx("svg", { style: style, xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 25 25", children: _jsx("path", { fill: color, d: "M13.3891,20.923l-3.1995-6.8869-3.47,4.8454V4.077l11.5606,9.0859h-5.9695l3.1679,6.7828-2.0893.9773h-.0002Z" }) }));
-};
-export default PointerIcon;

package/dist/Icons/PolygonIcon.js

@@ -1,5 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-const PolygonIcon = ({ color = 'black', style = { height: '32px' } }) => {
-    return (_jsx("svg", { style: style, xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 25 25", children: _jsx("path", { fill: color, d: "M17.3836,17.058v-2.9301h2.1705v4.341l-9.7673,4.341-7.5967-7.5968L6.5311,5.4459h4.341v2.1705h-2.9301l-3.1472,7.1627,5.4263,5.4263,7.1627-3.1472M22.8099,5.4459v2.1705h-3.2558v3.2558h-2.1705v-3.2558h-3.2558v-2.1705h3.2558v-3.2558h2.1705v3.2558h3.2558Z" }) }));
-};
-export default PolygonIcon;

package/dist/Icons/PolylineIcon.js

@@ -1,5 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-const PolylineIcon = ({ color = 'black', style = { height: '32px' } }) => {
-    return (_jsxs("svg", { style: style, xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 25 25", children: [_jsx("polygon", { fill: color, points: "20.5216 8.6492 20.5216 5.4658 18.3992 5.4658 18.3992 8.6492 15.2159 8.6492 15.2159 10.7715 18.3992 10.7715 18.3992 13.955 20.5216 13.955 20.5216 10.7715 23.705 10.7715 23.705 8.6492 20.5216 8.6492" }), _jsx("polygon", { fill: color, points: "12.3027 17.2 7.011 14.4951 7.011 11.5067 8.9251 9.2929 13.103 9.2929 13.103 3.577 7.3871 3.577 7.3871 7.7797 4.7908 10.7826 1.295 10.7826 1.295 16.4985 6.2004 16.4985 12.3027 19.6175 12.3027 21.423 18.0186 21.423 18.0186 15.7071 12.3027 15.7071 12.3027 17.2" })] }));
-};
-export default PolylineIcon;

package/dist/Icons/RectangleIcon.js

@@ -1,5 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-const RectangleIcon = ({ color = 'black', style = { height: '32px' } }) => {
-    return (_jsx("svg", { style: style, xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 25 25", children: _jsx("path", { fill: color, d: "M19.5541,7.0738h3.2558v2.1705h-3.2558v3.2558h-2.1705v-3.2558h-3.2558v-2.1705h3.2558v-3.2558h2.1705v3.2558M17.3836,19.0115v-3.2558h2.1705v5.4263H2.1901V7.0738h8.682v2.1705h-6.5115v9.7673h13.023,0Z" }) }));
-};
-export default RectangleIcon;

package/dist/Icons/SaveIcon.js

@@ -1,5 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-const SaveIcon = ({ color = 'black', style = {} }) => {
-    return (_jsx("svg", { xmlns: "http://www.w3.org/2000/svg", height: "24px", viewBox: "0 -960 960 960", width: "24px", style: style, children: _jsx("path", { fill: color, d: "M840-680v480q0 33-23.5 56.5T760-120H200q-33 0-56.5-23.5T120-200v-560q0-33 23.5-56.5T200-840h480l160 160Zm-80 34L646-760H200v560h560v-446ZM480-240q50 0 85-35t35-85q0-50-35-85t-85-35q-50 0-85 35t-35 85q0 50 35 85t85 35ZM240-560h360v-160H240v160Zm-40-86v446-560 114Z" }) }));
-};
-export default SaveIcon;

package/dist/Providers/EditorProvider.js

@@ -1,29 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { createContext, useContext } from 'react';
-export const EditorContext = createContext(undefined); // eslint-disable-line
-export function useEditorContext() {
-    const context = useContext(EditorContext);
-    if (context === undefined) {
-        throw new Error('useEditorContext must be within a EditorProvider');
-    }
-    return context;
-}
-const EditorProvider = ({ children, editorId, hideForbiddenTools, activeTool, setActiveTool, activeColor, setActiveColor, shapes, addShape, addShapes, removeShape, configuration, metadata, setMetadata, onSubmit, }) => {
-    return (_jsx(EditorContext.Provider, { value: {
-            editorId,
-            hideForbiddenTools,
-            activeTool,
-            setActiveTool,
-            activeColor,
-            setActiveColor,
-            shapes,
-            addShape,
-            addShapes,
-            removeShape,
-            configuration,
-            metadata,
-            setMetadata,
-            onSubmit,
-        }, children: children }));
-};
-export default EditorProvider;

package/dist/Providers/UiProvider.js

@@ -1,104 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { createContext } from 'react';
-import Typography from '../Components/Typography';
-import IconButton from '../Components/IconButton';
-import DeleteIcon from '../Icons/DeleteIcon';
-import EditIcon from '../Icons/EditIcon';
-import { notify } from '../Components/RoiEditor/Utils';
-import CopyIcon from '../Icons/CopyIcon';
-import AnnotateIcon from '../Icons/AnnotateIcon';
-import Modal from '../Components/Modal';
-import CloseIcon from '../Icons/CloseIcon';
-import TextField from '../Components/TextField';
-import NumberField from '../Components/NumberField';
-import BoolField from '../Components/BoolField';
-import EnumField from '../Components/EnumField';
-import Button from '../Components/Button';
-import SaveIcon from '../Icons/SaveIcon';
-export const DefaultUiContext = {
-    enableLogs: true,
-    themeMode: 'light',
-    primaryColor: '#1976d2',
-    primaryFgColor: '#fff',
-    Typography,
-    IconButton,
-    Modal,
-    DeleteIcon,
-    EditIcon,
-    CopyIcon,
-    AnnotateIcon,
-    SaveIcon,
-    CloseIcon,
-    TextField,
-    NumberField,
-    BoolField,
-    EnumField,
-    Button,
-    pickerColors: ['#ffffff', '#000000', '#ff9900', '#0099ff'],
-    notify,
-    strings: {
-        cancel: 'Cancel',
-        cannotDrawMorePolygons: 'You cannot draw more polygons',
-        cannotDrawMorePolylines: 'You cannot draw more polylines',
-        cannotDrawMoreRectangles: 'You cannot draw more rectangles',
-        id: 'ID',
-        invalidSubmission: 'Invalid submission',
-        mainParametersMetadata: 'Main parameters',
-        missingRequiredValuesInMainParameters: 'Missing required values in main parameters',
-        missingRequiredValuesInShapeParameters: 'Missing required values in shape {id} parameters',
-        name: 'Name',
-        polygon: 'Polygon',
-        polygonHelpText: 'click to draw all the polygon points, double click on the last point to close the polygon',
-        polyline: 'Polyline',
-        polylineHelpText: 'click to draw all the polyline points, double click on the last point to stop drawing',
-        rect: 'Rectangle',
-        rectHelpText: 'click and drag to draw the rectangle',
-        pointer: 'Selection',
-        pointerHelpText: 'click a shape to select it',
-        requiredField: 'This field is required',
-        roiMultiplicityEqRule: 'a number of {role} ({type}) equal to {threshold}',
-        roiMultiplicityGtRule: 'a number of {role} ({type}) greater than {threshold}',
-        roiMultiplicityGteRule: 'a number of {role} ({type}) greater than or equal to {threshold}',
-        roiMultiplicityLtRule: 'a number of {role} ({type}) less than {threshold}',
-        roiMultiplicityLteRule: 'a number of {role} ({type}) less than or equal to {threshold}',
-        roiMultiplicityNoRule: 'a number of {role} ({type})',
-        roisToBeDrawn: 'ROIs to be drawn',
-        role: 'Role',
-        save: 'Save',
-        shapeParametersMetadata: 'Shape parameters',
-        shapesOfRoleShouldBeEqualToThreshold: 'Shapes of role {role} should be equal to {threshold}',
-        shapesOfRoleShouldBeGreaterThanThreshold: 'Shapes of role {role} should be greater than {threshold}',
-        shapesOfRoleShouldBeGreaterThanOrEqualToThreshold: 'Shapes of role {role} should be greater than or equal to {threshold}',
-        shapesOfRoleShouldBeLessThanThreshold: 'Shapes of role {role} should be less than {threshold}',
-        shapesOfRoleShouldBeLessThanOrEqualToThreshold: 'Shapes of role {role} should be less than or equal to {threshold}',
-        type: 'Type',
-    },
-};
-export const UiContext = createContext(DefaultUiContext);
-const UiProvider = ({ children, enableLogs, themeMode, primaryColor, primaryFgColor, Typography, Modal, IconButton, DeleteIcon, EditIcon, CopyIcon, AnnotateIcon, SaveIcon, CloseIcon, TextField, NumberField, BoolField, EnumField, Button, pickerColors, notify, strings, }) => {
-    const ctx = {
-        enableLogs: enableLogs !== null && enableLogs !== void 0 ? enableLogs : DefaultUiContext.enableLogs,
-        Typography: Typography !== null && Typography !== void 0 ? Typography : DefaultUiContext.Typography,
-        Modal: Modal !== null && Modal !== void 0 ? Modal : DefaultUiContext.Modal,
-        IconButton: IconButton !== null && IconButton !== void 0 ? IconButton : DefaultUiContext.IconButton,
-        DeleteIcon: DeleteIcon !== null && DeleteIcon !== void 0 ? DeleteIcon : DefaultUiContext.DeleteIcon,
-        EditIcon: EditIcon !== null && EditIcon !== void 0 ? EditIcon : DefaultUiContext.EditIcon,
-        CopyIcon: CopyIcon !== null && CopyIcon !== void 0 ? CopyIcon : DefaultUiContext.CopyIcon,
-        AnnotateIcon: AnnotateIcon !== null && AnnotateIcon !== void 0 ? AnnotateIcon : DefaultUiContext.AnnotateIcon,
-        SaveIcon: SaveIcon !== null && SaveIcon !== void 0 ? SaveIcon : DefaultUiContext.SaveIcon,
-        CloseIcon: CloseIcon !== null && CloseIcon !== void 0 ? CloseIcon : DefaultUiContext.CloseIcon,
-        TextField: TextField !== null && TextField !== void 0 ? TextField : DefaultUiContext.TextField,
-        NumberField: NumberField !== null && NumberField !== void 0 ? NumberField : DefaultUiContext.NumberField,
-        BoolField: BoolField !== null && BoolField !== void 0 ? BoolField : DefaultUiContext.BoolField,
-        EnumField: EnumField !== null && EnumField !== void 0 ? EnumField : DefaultUiContext.EnumField,
-        Button: Button !== null && Button !== void 0 ? Button : DefaultUiContext.Button,
-        themeMode: themeMode !== null && themeMode !== void 0 ? themeMode : DefaultUiContext.themeMode,
-        primaryColor: primaryColor !== null && primaryColor !== void 0 ? primaryColor : DefaultUiContext.primaryColor,
-        primaryFgColor: primaryFgColor !== null && primaryFgColor !== void 0 ? primaryFgColor : DefaultUiContext.primaryFgColor,
-        pickerColors: pickerColors !== null && pickerColors !== void 0 ? pickerColors : DefaultUiContext.pickerColors,
-        notify: notify !== null && notify !== void 0 ? notify : DefaultUiContext.notify,
-        strings: strings ? Object.assign(Object.assign({}, DefaultUiContext.strings), strings) : DefaultUiContext.strings,
-    };
-    return _jsx(UiContext.Provider, { value: ctx, children: children });
-};
-export default UiProvider;

package/dist/Types.js

@@ -1 +0,0 @@
-export {};

package/dist/Utils/Dispatcher.js

@@ -1,65 +0,0 @@
-/**
- * Event Dispatcher
- *
- * Implementation of an event dispatcher following the Mediator pattern
- * @namespace
- */
-const Dispatcher = {
-    _prefix: 'on_',
-    _listeners: {},
-    /**
-     * Adds a prefix to the event name
-     *
-     * Assures that event name doesn't match a standard Object property name
-     */
-    evtName: function (evtName) {
-        return this._prefix + evtName;
-    },
-    /**
-     * Registers a callback to an event
-     */
-    register: function (evtName, callback, bind) {
-        const _evtName = this.evtName(evtName);
-        if (typeof this._listeners[_evtName] === 'undefined') {
-            this._listeners[_evtName] = [];
-        }
-        this._listeners[_evtName].push([!bind ? this : bind, callback]);
-    },
-    /**
-     * Unregisters one or all callbacks binded to the given event
-     *
-     * @param {String} evtName name of the event
-     * @param {Function} callback function to unregister. All callbacks if empty
-     * @return void
-     */
-    unregister: function (evtName, callback) {
-        const _evtName = this.evtName(evtName);
-        if (typeof callback === 'undefined') {
-            delete this._listeners[_evtName];
-        }
-        else {
-            // splice re-indexes the array, so I'm not declaring `var len`
-            // but array length is re-computed at every loop cycle
-            for (let i = 0; i < this._listeners[_evtName].length; i++) {
-                const listener = this._listeners[_evtName][i];
-                if (listener[1] === callback) {
-                    this._listeners[_evtName].splice(i, 1);
-                }
-            }
-        }
-    },
-    /**
-     * Emits an event, all registered callbacks are called
-     */
-    emit: function (evtName, ...params) {
-        const _evtName = this.evtName(evtName);
-        if (typeof this._listeners[_evtName] !== 'undefined') {
-            for (let i = 0, l = this._listeners[_evtName].length; i < l; i++) {
-                const l = this._listeners[_evtName][i];
-                // @ts-expect-error but it works
-                l[1].call(this._listeners[_evtName][i][0], evtName, ...params);
-            }
-        }
-    }
-};
-export default Dispatcher;

package/dist/Utils/index.js

@@ -1,16 +0,0 @@
-export const log = (level, enable, ...args) => enable && console[level](...args);
-export const css = (name, styles, themeMode) => `${styles[name]} ${styles[`${name}-${themeMode}`]} react-cam-roi-${name}${themeMode ? `react-cam-roi-${name}-${themeMode}` : ''}`;
-export const humanize = (str) => {
-    return str
-        .replace(/([A-Z])/g, ' $1')
-        .replace('_', ' ')
-        .replace(/^./, (str) => str.toUpperCase());
-};
-export const formatString = (str, placeholders) => {
-    Object.keys(placeholders).forEach((key) => {
-        str = str.replace(`{${key}}`, placeholders[key].toString());
-    });
-    return str;
-};
-export const abs2Perc = (value, ref) => Math.round((value / ref) * 100 * 100) / 100;
-export const perc2Abs = (value, ref) => Math.round(ref * value * 100 / 100) / 100;

package/dist/index.js

@@ -1,4 +0,0 @@
-import RoiEditor from "./Components/RoiEditor";
-import UiProvider, { UiContext, DefaultUiContext } from "./Providers/UiProvider";
-import * as Types from "./Components/RoiEditor/Types";
-export { RoiEditor, UiProvider, UiContext, DefaultUiContext, Types };