@abidibo/react-cam-roi 0.0.12 → 0.1.0

package/dist/Components/NumberField/NumberField.module.css

@@ -1,60 +0,0 @@
-/*
-.number-field-wrapper {
-}
-.number-field-wrapper-light {
-}
-.number-field-wrapper-dark {
-}
-*/
-
-.number-field {
-  border-radius: 0.25rem;
-  box-sizing: border-box;
-  padding: 0.5rem;
-  width: 100%;
-}
-.number-field:focus-visible {
-  outline: none;
-  border: 1px solid #1976d2;
-}
-.number-field-light {
-  background-color: #fff;
-  color: #333;
-  border: 1px solid #ccc;
-}
-.number-field-dark {
-  background-color: #333;
-  border: 1px solid #666;
-  color: #fff;
-}
-.number-field-error {
-  border: 1px solid #d32f2f;
-}
-.number-field-label {
-  font-weight: bold;
-  display: block;
-  margin: 0 0 1rem 0;
-}
-/*
-.text-fiel-label-light {
-}
-.number-field-label-dark {
-}
-*/
-.number-field-label-error {
-  color: #d32f2f;
-}
-.number-field-helper-text {
-  font-style: italic;
-  font-size: 0.9rem;
-  padding-top: 0.5rem;
-}
-/*
-.number-field-helper-text-light {
-}
-.number-field-helper-text-dark {
-}
-*/
-.number-field-helper-text-error {
-  color: #d32f2f;
-}

package/dist/Components/NumberField/index.d.ts

@@ -1,3 +0,0 @@
-import { FieldProps } from '../../Types';
-declare const NumberField: React.FC<FieldProps<number | null>>;
-export default NumberField;

package/dist/Components/NumberField/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 './NumberField.module.css';
-const NumberField = ({ onChange, value, label, required, helperText, error }) => {
-    const { themeMode, Typography } = useContext(UiContext);
-    const handleChange = (e) => {
-        onChange(parseFloat(e.target.value));
-    };
-    return (_jsxs("div", { className: css('number-field-wrapper', styles, themeMode), children: [_jsx("label", { className: `${css('number-field-label', styles, themeMode)} ${error ? css('number-field-label-error', styles, null) : ''}`, children: _jsxs(Typography, { children: [label, required && ' *'] }) }), _jsx("input", { type: 'number', className: `${css('number-field', styles, themeMode)} ${error ? css('number-field-error', styles, null) : ''}`, onChange: handleChange, value: value !== null && value !== void 0 ? value : '' }), helperText && (_jsx(Typography, { component: 'div', className: `${css('number-field-helper-text', styles, themeMode)} ${error ? css('number-field-helper-text-error', styles, null) : ''}`, children: helperText }))] }));
-};
-export default NumberField;

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

@@ -1,10 +0,0 @@
-import { Output } from './Types';
-type CanvasProps = {
-    canvasSize: {
-        width: number;
-        height: number;
-    };
-    initialData?: Output;
-};
-declare const Canvas: React.FC<CanvasProps>;
-export default Canvas;

package/dist/Components/RoiEditor/Canvas.js

@@ -1,28 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import * as fabric from 'fabric';
-import { useRef, useEffect, useState, useContext } from 'react';
-import { useEditorContext } from '../../Providers/EditorProvider';
-import { UiContext } from '../../Providers/UiProvider';
-import { initCanvasData, useDispatcherEvents, useTool } from './Hooks';
-const Canvas = ({ canvasSize, initialData }) => {
-    const { metadata, setMetadata, addShapes, id } = useEditorContext();
-    const { enableLogs } = useContext(UiContext);
-    const [initialized, setInitialized] = useState(false);
-    const canvasRef = useRef(null);
-    useTool(canvasRef.current);
-    useDispatcherEvents(canvasRef.current);
-    useEffect(() => {
-        if (canvasSize.width !== 0 && canvasSize.height !== 0 && !initialized) {
-            canvasRef.current = new fabric.Canvas(`react-cam-roi-canvas-${id}`);
-            canvasRef.current.setDimensions({ width: canvasSize.width, height: canvasSize.height });
-            initCanvasData(canvasRef, addShapes, metadata, setMetadata, initialData, enableLogs);
-            setInitialized(true);
-        }
-        return () => {
-            var _a;
-            (_a = canvasRef.current) === null || _a === void 0 ? void 0 : _a.dispose();
-        };
-    }, [canvasSize.width, canvasSize.height]); // eslint-disable-line
-    return (_jsx("canvas", { id: `react-cam-roi-canvas-${id}`, style: { width: `${canvasSize.width}px`, height: `${canvasSize.height}px` } }));
-};
-export default Canvas;

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

@@ -1,5 +0,0 @@
-type ColorPickerProps = {
-    style?: React.CSSProperties;
-};
-declare const ColorPicker: React.FC<ColorPickerProps>;
-export default ColorPicker;

package/dist/Components/RoiEditor/ColorPicker.js

@@ -1,12 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { useContext } from 'react';
-import { useEditorContext } from '../../Providers/EditorProvider';
-import { UiContext } from '../../Providers/UiProvider';
-import { css } from '../../Utils';
-import styles from './ColorPicker.module.css';
-const ColorPicker = ({ style }) => {
-    const { pickerColors, themeMode } = useContext(UiContext);
-    const { activeColor, setActiveColor } = useEditorContext();
-    return (_jsx("div", { style: style, className: styles.colorpickerWrapper, children: pickerColors.map((color) => (_jsx("div", { onClick: () => setActiveColor(color), className: `${css('colorpicker-button', styles, themeMode)} ${activeColor === color ? css('colorpicker-button-active', styles, themeMode) : ''}`, style: { backgroundColor: color } }, color))) }));
-};
-export default ColorPicker;

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

@@ -1,17 +0,0 @@
-.colorpickerWrapper {
-  display: flex;
-  flex-wrap: nowrap;
-  gap: .2rem;
-}
-
-.colorpicker-button {
-  box-sizing: border-box;
-  width: 24px;
-  height: 24px;
-  border-radius: 50%;
-  cursor: pointer;
-}
-
-.colorpicker-button-active {
-  border: 2px solid red;
-}

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

@@ -1,35 +0,0 @@
-import * as fabric from 'fabric';
-import { Metadata, Output, OutputParameter, Shape, ShapeType } from './Types';
-export declare const useImageSize: (imageUrl: string) => {
-    imageSize: {
-        width: number;
-        height: number;
-    };
-    isReady: boolean;
-};
-export declare const useCanvasSize: (imageUrl: string) => {
-    imageSize: {
-        width: number;
-        height: number;
-    };
-    canvasSize: {
-        width: number;
-        height: number;
-    };
-    wrapperRef: import("react").RefObject<HTMLDivElement>;
-    isReady: boolean;
-};
-export declare const initCanvasData: (canvasRef: React.MutableRefObject<fabric.Canvas | null>, addShapes: (shapes: {
-    id: string;
-    type: ShapeType;
-    shape: Shape;
-}[]) => void, metadata: Metadata, setMetadata: (v: Metadata) => void, initialData?: Output, enableLogs?: boolean) => void;
-export declare const useTool: (canvas: fabric.Canvas | null) => void;
-export declare const useDispatcherEvents: (canvas: fabric.Canvas | null) => void;
-export declare const useParametersForm: (parameters: OutputParameter[]) => {
-    fields: Record<string, unknown>;
-    setField: <T>(key: string) => (value: T) => void;
-    setFields: import("react").Dispatch<import("react").SetStateAction<Record<string, unknown>>>;
-    errors: Record<string, string>;
-    setErrors: import("react").Dispatch<import("react").SetStateAction<Record<string, string>>>;
-};

package/dist/Components/RoiEditor/Hooks.js

@@ -1,320 +0,0 @@
-import * as fabric from 'fabric';
-import { useCallback, useContext, useEffect, useRef, useState } from 'react';
-import { v4 as uuidv4 } from 'uuid';
-import { useEditorContext } from '../../Providers/EditorProvider';
-import { UiContext } from '../../Providers/UiProvider';
-import { log } from '../../Utils';
-import Dispatcher from '../../Utils/Dispatcher';
-import { copyPolygon, handleDoubleClickPolygon, handleMouseDownPolygon, handleMouseMovePolygon } from './Polygon';
-import { copyPolyline, handleDoubleClickPolyline, handleMouseDownPolyline, handleMouseMovePolyline } from './Polyline';
-import { copyRectangle, handleMouseDownRect, handleMouseMoveRect, handleMouseUpRect } from './Rectangle';
-import { canDrawShape } from './Utils';
-export const useImageSize = (imageUrl) => {
-    const [imageSize, setImageSize] = useState({ width: 0, height: 0 });
-    useEffect(() => {
-        const image = new Image();
-        image.src = imageUrl;
-        image.onload = () => {
-            setImageSize({ width: image.width, height: image.height });
-        };
-    }, [imageUrl]);
-    return { imageSize, isReady: imageSize.width > 0 };
-};
-export const useCanvasSize = (imageUrl) => {
-    const wrapperRef = useRef(null);
-    const [canvasSize, setCanvasSize] = useState({ width: 0, height: 0 });
-    const { imageSize, isReady } = useImageSize(imageUrl);
-    useEffect(() => {
-        if (wrapperRef.current) {
-            const update = () => {
-                const availableWidth = wrapperRef.current.offsetWidth;
-                if (availableWidth < imageSize.width) {
-                    setCanvasSize({
-                        width: availableWidth,
-                        height: availableWidth * (imageSize.height / imageSize.width),
-                    });
-                }
-                else {
-                    setCanvasSize({
-                        width: imageSize.width,
-                        height: imageSize.height,
-                    });
-                }
-            };
-            if (imageSize.width > 0 && wrapperRef.current) {
-                update();
-            }
-        }
-    }, [imageSize, wrapperRef.current]); // eslint-disable-line
-    return { imageSize, canvasSize, wrapperRef, isReady };
-};
-export const initCanvasData = (canvasRef, addShapes, metadata, setMetadata, initialData, enableLogs) => {
-    log('info', enableLogs !== null && enableLogs !== void 0 ? enableLogs : false, 'Loading initial shapes data', initialData, canvasRef.current);
-    if (initialData === null || initialData === void 0 ? void 0 : initialData.rois) {
-        const m = [];
-        const s = [];
-        initialData.rois.forEach((r) => {
-            var _a, _b, _c;
-            log('info', enableLogs !== null && enableLogs !== void 0 ? enableLogs : false, 'Loading initial shape', r);
-            const id = uuidv4();
-            let shape;
-            switch (r.type) {
-                case "rect" /* ToolEnum.Rectangle */:
-                    shape = new fabric.Rect({
-                        left: r.shape.left,
-                        top: r.shape.top,
-                        originX: 'left',
-                        originY: 'top',
-                        width: r.shape.width,
-                        height: r.shape.height,
-                        fill: 'transparent',
-                        stroke: r.shape.color,
-                        strokeWidth: 2,
-                        strokeUniform: true,
-                        selectable: false,
-                        hasControls: true,
-                        hoverCursor: 'default',
-                        id,
-                    });
-                    (_a = canvasRef.current) === null || _a === void 0 ? void 0 : _a.add(shape);
-                    break;
-                case "polygon" /* ToolEnum.Polygon */:
-                    shape = new fabric.Polygon(r.shape.points, {
-                        top: r.shape.top + 10,
-                        left: r.shape.left + 10,
-                        fill: 'transparent',
-                        stroke: r.shape.color,
-                        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,
-                    });
-                    (_b = canvasRef.current) === null || _b === void 0 ? void 0 : _b.add(shape);
-                    break;
-                case "polyline" /* ToolEnum.Polyline */:
-                    shape = new fabric.Polyline(r.shape.points, {
-                        top: r.shape.top + 10,
-                        left: r.shape.left + 10,
-                        fill: 'transparent',
-                        stroke: r.shape.color,
-                        strokeWidth: 2,
-                        selectable: false,
-                        hasControls: true,
-                        hoverCursor: 'default',
-                        id,
-                    });
-                    (_c = canvasRef.current) === null || _c === void 0 ? void 0 : _c.add(shape);
-                    break;
-            }
-            m.push({ id, parameters: r.parameters });
-            s.push({ id, type: r.type, shape });
-        });
-        addShapes(s);
-        setMetadata(Object.assign(Object.assign({}, metadata), { rois: m }));
-    }
-};
-export const useTool = (canvas) => {
-    const { configuration, activeTool, activeColor, shapes, addShape } = useEditorContext();
-    const { notify, strings } = useContext(UiContext);
-    const [isDrawing, setIsDrawing] = useState(false);
-    const [shape, setShape] = useState(null);
-    const [originX, setOriginX] = useState(0);
-    const [originY, setOriginY] = useState(0);
-    const [startPos] = useState({ x: 0, y: 0 });
-    const [points, setPoints] = useState([]);
-    const [lines, setLines] = useState([]);
-    // Handler for object selected event to update style settings
-    const handleObjectSelected = useCallback((event) => {
-        var _a;
-        Dispatcher.emit('canvas:shapeSelected', (_a = event.selected) !== null && _a !== void 0 ? _a : null);
-    }, []);
-    // Handler for selection cleared event to reset selected shapes state
-    const handleSelectionCleared = useCallback(() => {
-        Dispatcher.emit('canvas:shapeSelected', null);
-    }, []);
-    useEffect(() => {
-        if (!canvas) {
-            return;
-        }
-        if (activeTool === "pointer" /* ToolEnum.Pointer */) {
-            // enable selection
-            canvas.selection = true;
-            canvas.getObjects().forEach((object) => {
-                object.selectable = true;
-            });
-            canvas.renderAll();
-        }
-        else {
-            // disable selection
-            canvas.selection = false;
-            canvas.discardActiveObject();
-            Dispatcher.emit('canvas:shapeSelected', null);
-            canvas.renderAll();
-        }
-        const handleMouseDown = (event) => {
-            switch (activeTool) {
-                case "rect" /* ToolEnum.Rectangle */:
-                    if (!canDrawShape(configuration, "rect" /* ToolEnum.Rectangle */, shapes, notify, strings.cannotDrawMoreRectangles))
-                        return;
-                    handleMouseDownRect(event, canvas, activeColor, setOriginX, setOriginY, setShape, setIsDrawing);
-                    break;
-                case "polygon" /* ToolEnum.Polygon */:
-                    if (!canDrawShape(configuration, "polygon" /* ToolEnum.Polygon */, shapes, notify, strings.cannotDrawMorePolygons))
-                        return;
-                    handleMouseDownPolygon(event, canvas, activeColor, setIsDrawing, points, setPoints, lines, setLines);
-                    break;
-                case "polyline" /* ToolEnum.Polyline */:
-                    if (!canDrawShape(configuration, "polyline" /* ToolEnum.Polyline */, shapes, notify, strings.cannotDrawMorePolylines))
-                        return;
-                    handleMouseDownPolyline(event, canvas, activeColor, setIsDrawing, points, setPoints, lines, setLines);
-                    break;
-                default:
-                    break;
-            }
-        };
-        const handleMouseMove = (event) => {
-            switch (activeTool) {
-                case "rect" /* ToolEnum.Rectangle */:
-                    handleMouseMoveRect(event, canvas, originX, originY, shape, isDrawing);
-                    break;
-                case "polygon" /* ToolEnum.Polygon */:
-                    handleMouseMovePolygon(event, canvas, isDrawing, lines);
-                    break;
-                case "polyline" /* ToolEnum.Polyline */:
-                    handleMouseMovePolyline(event, canvas, isDrawing, lines);
-                    break;
-                default:
-                    break;
-            }
-        };
-        const handleMouseUp = () => {
-            switch (activeTool) {
-                case "rect" /* ToolEnum.Rectangle */:
-                    handleMouseUpRect(canvas, setIsDrawing, shape, setShape, addShape);
-                    break;
-                default:
-                    break;
-            }
-        };
-        const handleDoubleClick = () => {
-            switch (activeTool) {
-                case "polygon" /* ToolEnum.Polygon */:
-                    handleDoubleClickPolygon(canvas, activeColor, setIsDrawing, points, setPoints, lines, setLines, addShape);
-                    break;
-                case "polyline" /* ToolEnum.Polyline */:
-                    handleDoubleClickPolyline(canvas, activeColor, setIsDrawing, points, setPoints, lines, setLines, addShape);
-                    break;
-                default:
-                    break;
-            }
-        };
-        canvas.on('mouse:down', handleMouseDown);
-        canvas.on('mouse:move', handleMouseMove);
-        canvas.on('mouse:up', handleMouseUp);
-        canvas.on('mouse:dblclick', handleDoubleClick);
-        canvas.on('selection:created', handleObjectSelected);
-        canvas.on('selection:updated', handleObjectSelected);
-        canvas.on('selection:cleared', handleSelectionCleared);
-        return () => {
-            canvas.off('mouse:down', handleMouseDown);
-            canvas.off('mouse:move', handleMouseMove);
-            canvas.off('mouse:up', handleMouseUp);
-            canvas.off('mouse:dblclick', handleDoubleClick);
-            canvas.off('selection:created', handleObjectSelected);
-            canvas.off('selection:updated', handleObjectSelected);
-            canvas.off('selection:cleared', handleSelectionCleared);
-        };
-    }, [
-        activeTool,
-        activeColor,
-        isDrawing,
-        shape,
-        originX,
-        originY,
-        startPos,
-        lines,
-        points,
-        canvas,
-        addShape,
-        handleObjectSelected,
-        handleSelectionCleared,
-        configuration,
-        notify,
-        strings,
-        shapes,
-    ]);
-};
-export const useDispatcherEvents = (canvas) => {
-    const { configuration, shapes, addShape, setActiveTool } = useEditorContext();
-    const { notify, strings } = useContext(UiContext);
-    useEffect(() => {
-        const removeShape = (_, id) => {
-            const obj = canvas === null || canvas === void 0 ? void 0 : canvas.getObjects().find((s) => s.id === id);
-            if (obj) {
-                canvas === null || canvas === void 0 ? void 0 : canvas.remove(obj);
-            }
-        };
-        const copyShape = (_, id) => {
-            const obj = canvas === null || canvas === void 0 ? void 0 : canvas.getObjects().find((s) => s.id === id);
-            let copy;
-            switch (obj === null || obj === void 0 ? void 0 : obj.type) {
-                case "polygon" /* ToolEnum.Polygon */:
-                    if (!canDrawShape(configuration, "polygon" /* ToolEnum.Polygon */, shapes, notify, strings.cannotDrawMorePolygons))
-                        return;
-                    copy = copyPolygon(canvas, obj, addShape);
-                    // @ts-expect-error id exists but his stupid ts does not know
-                    Dispatcher.emit('canvas:selectShape', copy.id);
-                    break;
-                case "polyline" /* ToolEnum.Polyline */:
-                    if (!canDrawShape(configuration, "polyline" /* ToolEnum.Polyline */, shapes, notify, strings.cannotDrawMorePolylines))
-                        return;
-                    copy = copyPolyline(canvas, obj, addShape);
-                    // @ts-expect-error id exists but his stupid ts does not know
-                    Dispatcher.emit('canvas:selectShape', copy.id);
-                    break;
-                case "rect" /* ToolEnum.Rectangle */:
-                    if (!canDrawShape(configuration, "rect" /* ToolEnum.Rectangle */, shapes, notify, strings.cannotDrawMoreRectangles))
-                        return;
-                    copy = copyRectangle(canvas, obj, addShape);
-                    // @ts-expect-error id exists but his stupid ts does not know
-                    Dispatcher.emit('canvas:selectShape', copy.id);
-                    break;
-                default:
-                    break;
-            }
-        };
-        const selectShape = (_, id) => {
-            const obj = canvas === null || canvas === void 0 ? void 0 : canvas.getObjects().find((s) => s.id === id);
-            if (obj) {
-                canvas === null || canvas === void 0 ? void 0 : canvas.discardActiveObject();
-                canvas === null || canvas === void 0 ? void 0 : canvas.setActiveObject(obj);
-                canvas === null || canvas === void 0 ? void 0 : canvas.requestRenderAll();
-                setActiveTool("pointer" /* ToolEnum.Pointer */);
-            }
-        };
-        Dispatcher.register('canvas:removeShape', removeShape);
-        Dispatcher.register('canvas:copyShape', copyShape);
-        Dispatcher.register('canvas:selectShape', selectShape);
-        return () => {
-            Dispatcher.unregister('canvas:removeShape', removeShape);
-            Dispatcher.unregister('canvas:copyShape', copyShape);
-            Dispatcher.unregister('canvas:selectShape', selectShape);
-        };
-    }, [setActiveTool, canvas, addShape, configuration, shapes, notify, strings]);
-};
-export const useParametersForm = (parameters) => {
-    const [errors, setErrors] = useState({});
-    const [fields, setFields] = useState(parameters.reduce((acc, p) => (Object.assign(Object.assign({}, acc), { [p.codename]: p.value })), {}));
-    const setField = (key) => (value) => {
-        setFields(Object.assign(Object.assign({}, fields), { [key]: value }));
-    };
-    return {
-        fields,
-        setField,
-        setFields,
-        errors,
-        setErrors,
-    };
-};

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

@@ -1,9 +0,0 @@
-import { ConfigurationParameter } from './Types';
-export type ParameterFieldProps<T> = {
-    value: T;
-    onChange: (value: T) => void;
-    parameter: ConfigurationParameter;
-    errors: Record<string, string>;
-};
-declare const ParameterField: <T>({ value, onChange, parameter, errors }: ParameterFieldProps<T>) => import("react/jsx-runtime").JSX.Element | null;
-export default ParameterField;

package/dist/Components/RoiEditor/ParameterField.js

@@ -1,27 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { useContext } from 'react';
-import { UiContext } from '../../Providers/UiProvider';
-const ParameterField = ({ value, onChange, parameter, errors }) => {
-    var _a, _b;
-    const { TextField, NumberField, BoolField, EnumField, strings } = useContext(UiContext);
-    const props = {
-        required: parameter.required,
-        label: `${parameter.label}${parameter.unit ? ` (${parameter.unit})` : ''}`,
-        error: !!errors[parameter.codename],
-        helperText: errors[parameter.codename]
-            ? strings[errors[parameter.codename]]
-            : parameter.description,
-    };
-    switch (parameter.type) {
-        case 'string':
-            return ((_a = parameter.options) === null || _a === void 0 ? void 0 : _a.length) ? (_jsx(EnumField, Object.assign({ value: value, onChange: (v) => onChange(v), options: parameter.options, multiple: parameter.multiple }, props))) : (_jsx(TextField, Object.assign({ type: "text", value: value, onChange: (v) => onChange(v) }, props)));
-        case 'int':
-        case 'float':
-            return ((_b = parameter.options) === null || _b === void 0 ? void 0 : _b.length) ? (_jsx(EnumField, Object.assign({ value: value, onChange: (v) => onChange(v), options: parameter.options, multiple: parameter.multiple }, props))) : (_jsx(NumberField, Object.assign({ value: value, onChange: (v) => onChange(v) }, props)));
-        case 'bool':
-            return _jsx(BoolField, Object.assign({ value: value, onChange: (v) => onChange(v) }, props));
-        default:
-            return null;
-    }
-};
-export default ParameterField;

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

@@ -1,5 +0,0 @@
-.form {
-  display: flex;
-  flex-direction: column;
-  gap: 1rem;
-}

package/dist/Components/RoiEditor/ParametersModalForm/index.d.ts

@@ -1,10 +0,0 @@
-import { ConfigurationParameter, OutputParameter } from '../Types';
-export type ParametersModalFormProps = {
-    onClose: () => void;
-    title: string;
-    parameters: ConfigurationParameter[];
-    data: OutputParameter[];
-    onSubmit: (data: OutputParameter[]) => void;
-};
-declare const ParametersModalForm: React.FC<ParametersModalFormProps>;
-export default ParametersModalForm;

package/dist/Components/RoiEditor/ParametersModalForm/index.js

@@ -1,31 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { useContext } from 'react';
-import { UiContext } from '../../../Providers/UiProvider';
-import { css } from '../../../Utils';
-import { useParametersForm } from '../Hooks';
-import ParameterField from '../ParameterField';
-import styles from './ParametersModalForm.module.css';
-import { validateParametersForm } from '../Utils';
-const ParametersModalForm = ({ title, onClose, parameters, data, onSubmit }) => {
-    const { Modal } = useContext(UiContext);
-    const { fields, setField, errors, setErrors } = useParametersForm(data);
-    const handleSubmit = () => {
-        if (validateParametersForm(parameters, fields, setErrors)) {
-            onSubmit([...parameters.map((p) => ({ codename: p.codename, value: fields[p.codename] }))]);
-        }
-    };
-    return (_jsx(Modal, { onClose: onClose, title: title, isOpen: true, maxWidth: "sm", onSubmit: handleSubmit, children: _jsx("div", { className: css('form', styles, null), children: parameters.map((parameter) => {
-                switch (parameter.type) {
-                    case 'string':
-                        return (_jsx(ParameterField, { value: String(fields[parameter.codename]), onChange: setField(parameter.codename), parameter: parameter, errors: errors }, parameter.codename));
-                    case 'int':
-                    case 'float':
-                        return (_jsx(ParameterField, { value: fields[parameter.codename], onChange: setField(parameter.codename), parameter: parameter, errors: errors }, parameter.codename));
-                    case 'bool':
-                        return (_jsx(ParameterField, { value: fields[parameter.codename], onChange: setField(parameter.codename), parameter: parameter, errors: errors }, parameter.codename));
-                    default:
-                        return null;
-                }
-            }) }) }));
-};
-export default ParametersModalForm;

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

@@ -1,18 +0,0 @@
-import * as fabric from 'fabric';
-import { FabricEvent, IAddShape } from './Types';
-export declare const handleMouseDownPolygon: (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 handleMouseMovePolygon: (event: FabricEvent, canvas: fabric.Canvas, isDrawing: boolean, lines: fabric.Line[]) => void;
-export declare const handleDoubleClickPolygon: (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: IAddShape) => void;
-export declare const copyPolygon: (canvas: fabric.Canvas, polygon: fabric.Polygon, addShape: IAddShape) => fabric.Polygon;