@ssplib/react-components 0.0.71 → 0.0.73

package/components/form/input/FetchAutoComplete.js

@@ -57,7 +57,13 @@ function FetchAutoComplete({ name, url, title, customLoadingText, shouldRefetch
         });
     }
     return (react_1.default.createElement(material_1.Grid, Object.assign({ item: true }, { xs, sm, md }),
-        react_1.default.createElement(material_1.InputLabel, { required: required }, title),
+        title && react_1.default.createElement(material_1.InputLabel, { required: required }, title),
+        react_1.default.createElement("input", Object.assign({ type: 'text' }, context === null || context === void 0 ? void 0 : context.formRegister(name, {
+            validate: (v, f) => {
+                if (v.length <= 0 && required)
+                    return 'Este campo é obrigatório';
+            },
+        }), { hidden: true })),
         react_1.default.createElement(material_1.Autocomplete, { loading: loading, loadingText: loadingText, options: list, isOptionEqualToValue: (op, value) => op.id === value.id, onChange: (e, v) => context === null || context === void 0 ? void 0 : context.formSetValue(name, v ? v.id : ''), renderInput: (params) => react_1.default.createElement(material_1.TextField, Object.assign({}, params, { size: 'small', fullWidth: true, placeholder: title, onFocus: onFocus, required: true })), size: 'small', fullWidth: true })));
 }
 exports.default = FetchAutoComplete;

package/components/form/input/MaskInput.js

@@ -37,11 +37,12 @@ Object.defineProperty(exports, "__esModule", { value: true });
 const material_1 = require("@mui/material");
 const react_1 = __importStar(require("react"));
 const react_imask_1 = require("react-imask");
+const form_1 = require("../../../context/form");
 const TextMaskCustom = react_1.default.forwardRef(function TextMaskCustom(props, ref) {
     const { onChange, maskProps, onMask, maskValue, setMaskValue } = props, prop = __rest(props, ["onChange", "maskProps", "onMask", "maskValue", "setMaskValue"]);
     const [mask, setMask] = (0, react_1.useState)(maskProps.mask);
     delete prop.value;
-    return (react_1.default.createElement(react_imask_1.IMaskInput, Object.assign({}, prop, maskProps, { mask: mask, autoComplete: 'off', inputRef: ref, onAccept: (value) => {
+    return (react_1.default.createElement(react_imask_1.IMaskInput, Object.assign({}, prop, maskProps, { mask: mask, inputRef: ref, onAccept: (value) => {
             setMaskValue(value);
             if (!onMask)
                 return;
@@ -49,12 +50,17 @@ const TextMaskCustom = react_1.default.forwardRef(function TextMaskCustom(props,
         } })));
 });
 function MaskInput(props) {
+    const context = (0, react_1.useContext)(form_1.FormContext);
     const [inputValue, setInputValue] = react_1.default.useState('');
     const [maskValue, setMaskValue] = (0, react_1.useState)('');
     const onChangeInput = (0, react_1.useCallback)((e) => {
         setInputValue(e.target.value);
     }, []);
-    return (react_1.default.createElement(material_1.TextField, Object.assign({}, props.formConfig, { autoComplete: 'off', value: inputValue, onFocus: (e) => setMaskValue(e.target.value), onChange: onChangeInput, InputProps: {
+    return (react_1.default.createElement(material_1.TextField, Object.assign({}, props.formConfig, { value: inputValue, onInput: (e) => {
+            const name = props.formConfig.name;
+            const value = e.target.value;
+            context.formSetValue(name, value);
+        }, onFocus: (e) => setMaskValue(e.target.value), onChange: onChangeInput, InputProps: {
             inputComponent: TextMaskCustom,
             inputProps: { maskProps: props.maskProps, onMask: props.onMask, maskValue, setMaskValue },
         }, disabled: props.disabled, fullWidth: true })));

package/components/providers/FormProvider.js

@@ -42,6 +42,6 @@ function FormProvider({ children, onSubmit, formMethod = 'GET', submiting = fals
             errors: errors,
             submiting: submiting,
         } },
-        react_1.default.createElement("form", { method: formMethod, onSubmit: handleSubmit((d) => onSubmit(d, filesUid)), autoComplete: 'off' }, children)));
+        react_1.default.createElement("form", { method: formMethod, onSubmit: handleSubmit((d) => onSubmit(d, filesUid)) }, children)));
 }
 exports.default = FormProvider;

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@ssplib/react-components",
-    "version": "0.0.71",
+    "version": "0.0.73",
     "description": "SSP React Components",
     "main": "index.js",
     "author": "Pedro Henrique <sr.hudrick@gmail.com>",