@abidibo/react-cam-roi 0.14.3 → 0.15.0

package/dist/index.esm.js

@@ -1474,21 +1474,18 @@ var Canvas = function (_a) {
     var canvasRef = _a.canvasRef, canvasSize = _a.canvasSize; _a.imageSize; var initialData = _a.initialData;
     var _b = useEditorContext(), metadata = _b.metadata, setMetadata = _b.setMetadata, addShapes = _b.addShapes, editorId = _b.editorId;
     var enableLogs = useContext(UiContext).enableLogs;
-    var _c = useState(false), initialized = _c[0], setInitialized = _c[1];
+    // const [initialized, setInitialized] = useState(false)
     useTool(canvasRef.current);
     useDispatcherEvents(canvasRef.current);
     useEffect(function () {
-        if (canvasSize.width !== 0 && canvasSize.height !== 0 && !initialized) {
+        if (canvasSize.width !== 0 && canvasSize.height !== 0) {
             canvasRef.current = new xn("react-cam-roi-canvas-".concat(editorId));
             canvasRef.current.setDimensions({ width: canvasSize.width, height: canvasSize.height });
             initCanvasData(canvasRef, canvasSize, addShapes, metadata, setMetadata, initialData, enableLogs);
-            setInitialized(true);
         }
         return function () {
             var _a;
-            if (initialized) {
-                (_a = canvasRef.current) === null || _a === void 0 ? void 0 : _a.dispose();
-            }
+            (_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-".concat(editorId), style: { width: "".concat(canvasSize.width, "px"), height: "".concat(canvasSize.height, "px") } }));
@@ -1643,9 +1640,7 @@ var ParametersModalForm = function (_a) {
         }
         return acc;
     }, {});
-    var form = (jsxs("div", { className: css('form', styles$4, null), children: [shapeType && (jsxs(Fragment, { children: [jsx(TextField, { required: true, label: strings.name, type: "text", value: name, onChange: compose(setName, defaultTo('')), error: !!errors.name, helperText: errors.name, readOnly: readOnly }), jsx(RoleField, { required: true, value: role, onChange: compose(reset, setRole, defaultTo('')), error: !!errors.role, helperText: errors.role, shapeType: shapeType, readOnly: readOnly, disabled: readOnly })] })), Object.keys(groupedParameters)
-                .sort()
-                .map(function (fieldSet) { return (jsxs("div", { className: css('fieldset', styles$4, themeMode), children: [fieldSet && (jsx(Typography, { component: "div", className: css('legend', styles$4, themeMode), children: fieldSet })), groupedParameters[fieldSet].map(function (parameter) {
+    var form = (jsxs("div", { className: css('form', styles$4, null), children: [shapeType && (jsxs(Fragment, { children: [jsx(TextField, { required: true, label: strings.name, type: "text", value: name, onChange: compose(setName, defaultTo('')), error: !!errors.name, helperText: errors.name, readOnly: readOnly }), jsx(RoleField, { required: true, value: role, onChange: compose(reset, setRole, defaultTo('')), error: !!errors.role, helperText: errors.role, shapeType: shapeType, readOnly: readOnly, disabled: readOnly })] })), __spreadArray([''], Object.keys(groupedParameters).filter(function (k) { return k !== ''; }), true).map(function (fieldSet) { return (jsxs("div", { className: css('fieldset', styles$4, themeMode), children: [fieldSet && (jsx(Typography, { component: "div", className: css('legend', styles$4, themeMode), children: fieldSet })), groupedParameters[fieldSet].map(function (parameter) {
                         switch (parameter.type) {
                             case 'string':
                                 return (jsx(ParameterField, { value: String((readOnly ? readonlyFields : fields)[parameter.codename]), onChange: setField(parameter.codename), parameter: parameter, errors: errors, readOnly: readOnly }, parameter.codename));