@rolster/react-components 18.23.4 → 18.23.5

package/dist/cjs/index.js

@@ -3546,7 +3546,6 @@ function useImageEditorController(options) {
     require$$0.useEffect(() => {
         refInput.current = document.createElement('input');
         refInput.current.type = 'file';
-        refInput.current.disabled = true;
         refInput.current.onchange = () => {
             if (refInput.current.files &&
                 MIME_TYPE_SUPPORTS.includes(refInput.current.files[0].type)) {
@@ -3566,7 +3565,7 @@ function useImageEditorController(options) {
     const onCancel = require$$0.useCallback(() => {
         setSrcEditor(undefined);
     }, []);
-    const component = require$$0.useMemo(() => {
+    const RlsImageEditorChooser = require$$0.useMemo(() => {
         return (srcEditor && (jsxRuntimeExports.jsx(RlsImageEditorModal, { src: srcEditor, formControl: options.formControl, imgWidth: options.imgWidth, imgQuality: options.imgQuality, onValue: onEditorValue, visible: true, children: jsxRuntimeExports.jsx(RlsButton, { type: "flat", rlsTheme: "danger", onClick: onCancel, disabled: options.disabled, children: labels.actionCancel }) })));
     }, [
         srcEditor,
@@ -3579,9 +3578,9 @@ function useImageEditorController(options) {
         onCancel
     ]);
     const onImageChooser = require$$0.useCallback(() => {
-        refInput.current.click();
-    }, []);
-    return { RlsImageEditorChooser: component, onImageChooser };
+        !options.disabled && refInput.current.click();
+    }, [options.disabled]);
+    return { onImageChooser, RlsImageEditorChooser };
 }
 
 function RlsImageChooser(props) {