@ssplib/react-components 0.0.251 → 0.0.252

package/components/form/input/FetchAutoComplete.js

@@ -0,0 +1,132 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const material_1 = require("@mui/material");
+const lodash_get_1 = __importDefault(require("lodash.get"));
+const react_1 = __importStar(require("react"));
+const auth_1 = require("../../../context/auth");
+const form_1 = require("../../../context/form");
+let useDefault = true;
+function FetchAutoComplete({ name, url, title, customLoadingText, shouldRefetch = true, required = false, defaultValue, route = '', onChange = () => { }, xs = 12, sm, watchValue, md, }) {
+    const context = (0, react_1.useContext)(form_1.FormContext);
+    const [loading, setLoading] = (0, react_1.useState)(true);
+    const [list, setList] = (0, react_1.useState)([]);
+    const [loadingText, setLoadingText] = (0, react_1.useState)('Carregando...');
+    const [dValue, setDValue] = (0, react_1.useState)(null);
+    const [value, setValue] = (0, react_1.useState)(null);
+    const { user } = (0, react_1.useContext)(auth_1.AuthContext);
+    (0, react_1.useEffect)(() => {
+        if (defaultValue) {
+            fetch(url, {
+                method: 'GET',
+                headers: {
+                    Authorization: `Bearer ${user === null || user === void 0 ? void 0 : user.token}`,
+                },
+            }).then((res) => {
+                if (res.ok) {
+                    console.log('llll');
+                    res.json().then((j) => {
+                        let value = (0, lodash_get_1.default)(j, route, j).filter((x) => x.id === defaultValue);
+                        if (value.length > 0) {
+                            setList((0, lodash_get_1.default)(j, route, j));
+                            setLoading(false);
+                            context.formSetValue(name, defaultValue);
+                            setDValue(value[0]);
+                        }
+                        else {
+                            setLoadingText('Erro ao carregar dados. Valor inválido');
+                        }
+                    });
+                }
+                else {
+                    setLoadingText('Erro ao carregar dados');
+                }
+            });
+        }
+    }, []);
+    (0, react_1.useEffect)(() => {
+        if (watchValue && useDefault) {
+            setValue(watchValue);
+            context.formSetValue(name, watchValue.id);
+            onChange(watchValue.id);
+        }
+    }, [watchValue]);
+    function onFocus() {
+        if ((defaultValue || !shouldRefetch) && list.length > 0)
+            return;
+        setLoading(true);
+        setList([]);
+        customLoadingText && setLoadingText(customLoadingText);
+        fetch(url, {
+            method: 'GET',
+            headers: {
+                Authorization: `Bearer ${user === null || user === void 0 ? void 0 : user.token}`,
+            },
+        }).then((res) => {
+            if (res.ok) {
+                res.json().then((j) => {
+                    setList((0, lodash_get_1.default)(j, route, j));
+                    setLoading(false);
+                });
+            }
+            else {
+                setLoadingText('Erro ao carregar dados');
+            }
+        });
+    }
+    function handleAutoCompleteChange(value) {
+        useDefault = false;
+        if (value) {
+            setValue(value);
+            context.formSetValue(name, value.id);
+            onChange(value.id);
+            return;
+        }
+        setValue(null);
+        context.formSetValue(name, '');
+        onChange(undefined);
+    }
+    if (defaultValue && list.length <= 0 && !dValue)
+        return (react_1.default.createElement(material_1.Grid, Object.assign({ item: true }, { xs, sm, md }),
+            react_1.default.createElement(material_1.TextField, { size: 'small', fullWidth: true, placeholder: loadingText, disabled: true })));
+    return (react_1.default.createElement(material_1.Grid, Object.assign({ item: true }, { xs, sm, md }),
+        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, { value: value, loading: loading, loadingText: loadingText, options: list, defaultValue: dValue, getOptionDisabled: (option) => { var _a; return (_a = option === null || option === void 0 ? void 0 : option.disabled) !== null && _a !== void 0 ? _a : false; }, isOptionEqualToValue: (op, value) => op.id === value.id, onChange: (e, v) => handleAutoCompleteChange(v), renderInput: (params) => {
+                var _a;
+                return (react_1.default.createElement(material_1.TextField, Object.assign({}, params, { size: 'small', fullWidth: true, placeholder: title, onFocus: onFocus, error: (0, lodash_get_1.default)(context === null || context === void 0 ? void 0 : context.errors, name) ? true : false, helperText: (_a = (0, lodash_get_1.default)(context === null || context === void 0 ? void 0 : context.errors, name)) === null || _a === void 0 ? void 0 : _a.message })));
+            }, sx: {
+                bgcolor: 'white',
+            }, size: 'small', fullWidth: true })));
+}
+exports.default = FetchAutoComplete;

package/components/form/input/FixedAutoComplete.js

@@ -0,0 +1,76 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.FixedAutoComplete = void 0;
+const material_1 = require("@mui/material");
+const lodash_get_1 = __importDefault(require("lodash.get"));
+const react_1 = __importStar(require("react"));
+const form_1 = require("../../../context/form");
+let useDefault = true;
+function FixedAutoComplete({ name, title, required = false, list, defaultValue, onChange = () => { }, xs = 12, sm, watchValue, md, }) {
+    const context = (0, react_1.useContext)(form_1.FormContext);
+    const [value, setValue] = (0, react_1.useState)(null);
+    (0, react_1.useEffect)(() => {
+        if (defaultValue)
+            context === null || context === void 0 ? void 0 : context.formSetValue(name, defaultValue.id);
+    }, []);
+    (0, react_1.useEffect)(() => {
+        if (watchValue && useDefault) {
+            setValue(watchValue);
+            context.formSetValue(name, watchValue.id);
+            onChange(watchValue.id);
+        }
+    }, [watchValue]);
+    function handleAutoCompleteChange(value) {
+        useDefault = false;
+        if (value) {
+            setValue(value);
+            context.formSetValue(name, value.id);
+            onChange(value.id);
+            return;
+        }
+        setValue(null);
+        context.formSetValue(name, '');
+        onChange(undefined);
+    }
+    return (react_1.default.createElement(material_1.Grid, Object.assign({ item: true }, { xs, sm, md }),
+        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, { value: value, options: list, defaultValue: defaultValue, getOptionLabel: (option) => (option.label ? option.label.toString() : 'Não Encontrado'), isOptionEqualToValue: (op, value) => op.id === value.id, onChange: (e, v) => handleAutoCompleteChange(v), renderInput: (params) => {
+                var _a;
+                return (react_1.default.createElement(material_1.TextField, Object.assign({}, params, { size: 'small', fullWidth: true, placeholder: title, error: (0, lodash_get_1.default)(context === null || context === void 0 ? void 0 : context.errors, name) ? true : false, helperText: (_a = (0, lodash_get_1.default)(context === null || context === void 0 ? void 0 : context.errors, name)) === null || _a === void 0 ? void 0 : _a.message })));
+            }, size: 'small', sx: {
+                bgcolor: 'white',
+            }, fullWidth: true })));
+}
+exports.FixedAutoComplete = FixedAutoComplete;

package/{src/components → components}/form/input/Input.js

@@ -1,3 +1,27 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
 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)
@@ -9,15 +33,20 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
-import { Grid, InputLabel, TextField } from '@mui/material';
-import get from 'lodash.get';
-import React, { useContext, useEffect } from 'react';
-import MaskInput from './MaskInput';
-import { FormContext } from '../../../context/form';
-export function Input(_a) {
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Input = void 0;
+const material_1 = require("@mui/material");
+const lodash_get_1 = __importDefault(require("lodash.get"));
+const react_1 = __importStar(require("react"));
+const MaskInput_1 = __importDefault(require("./MaskInput"));
+const form_1 = require("../../../context/form");
+function Input(_a) {
     var { type = 'input', numberMask = '000000000000000', xs = 12, sm, inputMinLength = 1, inputMaxLength = 255, defaultValue = '', md, watchValue = '' } = _a, props = __rest(_a, ["type", "numberMask", "xs", "sm", "inputMinLength", "inputMaxLength", "defaultValue", "md", "watchValue"]);
-    const context = useContext(FormContext);
-    useEffect(() => {
+    const context = (0, react_1.useContext)(form_1.FormContext);
+    (0, react_1.useEffect)(() => {
         context.formSetValue(props.name, watchValue);
     }, [watchValue]);
     const chooseInput = () => {
@@ -27,7 +56,7 @@ export function Input(_a) {
             placeholder: props.customPlaceholder ? props.customPlaceholder : props.title,
         };
         const name = props.name;
-        const errorData = get(context === null || context === void 0 ? void 0 : context.errors, props.name);
+        const errorData = (0, lodash_get_1.default)(context === null || context === void 0 ? void 0 : context.errors, props.name);
         const helperText = errorData === null || errorData === void 0 ? void 0 : errorData.message;
         const error = errorData ? true : false;
         const formConfig = Object.assign(Object.assign(Object.assign(Object.assign({}, context === null || context === void 0 ? void 0 : context.formRegister(name, {
@@ -85,30 +114,30 @@ export function Input(_a) {
         switch (type) {
             case 'input':
             case 'email':
-                return React.createElement(TextField, Object.assign({}, formConfig, { defaultValue: defaultValue }));
+                return react_1.default.createElement(material_1.TextField, Object.assign({}, formConfig, { defaultValue: defaultValue }));
             case 'password':
-                return React.createElement(TextField, Object.assign({}, formConfig, { type: 'password' }));
+                return react_1.default.createElement(material_1.TextField, Object.assign({}, formConfig, { type: 'password' }));
             case 'number':
-                return (React.createElement(MaskInput, { formConfig: formConfig, defaultValue: defaultValue, maskProps: {
+                return (react_1.default.createElement(MaskInput_1.default, { formConfig: formConfig, defaultValue: defaultValue, maskProps: {
                         mask: numberMask,
                     }, watchValue: watchValue }));
             case 'cep':
-                return (React.createElement(MaskInput, { formConfig: formConfig, defaultValue: defaultValue, maskProps: {
+                return (react_1.default.createElement(MaskInput_1.default, { formConfig: formConfig, defaultValue: defaultValue, maskProps: {
                         mask: '00000-000',
                     }, watchValue: watchValue }));
             case 'phone':
-                return (React.createElement(MaskInput, { formConfig: formConfig, defaultValue: defaultValue, maskProps: {
+                return (react_1.default.createElement(MaskInput_1.default, { formConfig: formConfig, defaultValue: defaultValue, maskProps: {
                         mask: '(00) [#]0000-0000',
                         definitions: {
                             '#': /^9$/,
                         },
                     }, watchValue: watchValue }));
             case 'sei':
-                return (React.createElement(MaskInput, { formConfig: formConfig, defaultValue: defaultValue, maskProps: {
+                return (react_1.default.createElement(MaskInput_1.default, { formConfig: formConfig, defaultValue: defaultValue, maskProps: {
                         mask: '00000-00000000/0000-00',
                     }, watchValue: watchValue }));
             case 'cpf_cnpj':
-                return (React.createElement(MaskInput, { formConfig: formConfig, defaultValue: defaultValue, maskProps: {
+                return (react_1.default.createElement(MaskInput_1.default, { formConfig: formConfig, defaultValue: defaultValue, maskProps: {
                         mask: '000.000.000-00[0]',
                     }, onMask: (value, setMask) => {
                         if (value.length > 14)
@@ -117,21 +146,22 @@ export function Input(_a) {
                             setMask('000.000.000-00[0]');
                     }, watchValue: watchValue }));
             case 'cpf':
-                return (React.createElement(MaskInput, { formConfig: formConfig, defaultValue: defaultValue, maskProps: {
+                return (react_1.default.createElement(MaskInput_1.default, { formConfig: formConfig, defaultValue: defaultValue, maskProps: {
                         mask: '000.000.000-00',
                     }, watchValue: watchValue }));
             case 'cnpj':
-                return (React.createElement(MaskInput, { formConfig: formConfig, defaultValue: defaultValue, maskProps: {
+                return (react_1.default.createElement(MaskInput_1.default, { formConfig: formConfig, defaultValue: defaultValue, maskProps: {
                         mask: '00.000.000/0000-00',
                     }, watchValue: watchValue }));
             case 'rg':
-                return (React.createElement(MaskInput, { formConfig: formConfig, defaultValue: defaultValue, maskProps: {
+                return (react_1.default.createElement(MaskInput_1.default, { formConfig: formConfig, defaultValue: defaultValue, maskProps: {
                         mask: '00000[000000]',
                     }, watchValue: watchValue }));
         }
     };
-    return (React.createElement(Grid, Object.assign({ item: true }, { xs, sm, md }),
-        props.title && (React.createElement(InputLabel, { htmlFor: 'campo', required: props.required }, props.title)),
+    return (react_1.default.createElement(material_1.Grid, Object.assign({ item: true }, { xs, sm, md }),
+        props.title && (react_1.default.createElement(material_1.InputLabel, { htmlFor: 'campo', required: props.required }, props.title)),
         chooseInput()));
 }
-export default React.memo(Input);
+exports.Input = Input;
+exports.default = react_1.default.memo(Input);

package/components/form/input/MaskInput.js

@@ -0,0 +1,78 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+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;
+};
+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, watchValue } = props, prop = __rest(props, ["onChange", "maskProps", "onMask", "maskValue", "setMaskValue", "watchValue"]);
+    const [mask, setMask] = (0, react_1.useState)(maskProps.mask);
+    delete prop.value;
+    const myRef = (0, react_1.useRef)(null);
+    const [myValue, setMyValue] = (0, react_1.useState)('');
+    const context = (0, react_1.useContext)(form_1.FormContext);
+    (0, react_1.useEffect)(() => {
+        if (watchValue) {
+            setMyValue(watchValue);
+        }
+    }, [watchValue]);
+    (0, react_1.useEffect)(() => {
+        context.formSetValue(prop.name, myRef.current.element.value);
+    }, [myValue]);
+    delete prop.watchValue;
+    return (react_1.default.createElement(react_imask_1.IMaskInput, Object.assign({}, prop, maskProps, { mask: mask, value: myValue, ref: myRef, inputRef: ref, onChange: (e) => { }, onAccept: (value, mask) => {
+            setMyValue(value);
+            mask.updateValue();
+            if (!onMask)
+                return;
+            onMask(value, setMask);
+        } })));
+});
+function MaskInput(props) {
+    const context = (0, react_1.useContext)(form_1.FormContext);
+    const [maskValue, setMaskValue] = (0, react_1.useState)('');
+    return (react_1.default.createElement(react_1.default.Fragment, null,
+        react_1.default.createElement(material_1.TextField, Object.assign({}, props.formConfig, { onInput: (e) => {
+                const name = props.formConfig.name;
+                const value = e.target.value;
+                context.formSetValue(name, value);
+            }, InputProps: {
+                inputComponent: TextMaskCustom,
+                inputProps: { maskProps: props.maskProps, onMask: props.onMask, maskValue, setMaskValue, watchValue: props.watchValue },
+            }, disabled: props.disabled, fullWidth: true }))));
+}
+exports.default = MaskInput;

package/components/form/input/MultInput.js

@@ -0,0 +1,67 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+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;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const material_1 = require("@mui/material");
+const InputLabel_1 = __importDefault(require("@mui/material/InputLabel"));
+const lodash_get_1 = __importDefault(require("lodash.get"));
+const react_1 = __importStar(require("react"));
+const form_1 = require("../../../context/form");
+function MultInput(_a) {
+    var _b;
+    var { name, required = false, title, customPlaceholder, defaultValue = '', xs = 12, sm, watchValue = '', inputMinLength = 3, inputMaxLength = 255, md } = _a, props = __rest(_a, ["name", "required", "title", "customPlaceholder", "defaultValue", "xs", "sm", "watchValue", "inputMinLength", "inputMaxLength", "md"]);
+    const context = (0, react_1.useContext)(form_1.FormContext);
+    (0, react_1.useEffect)(() => {
+        context.formSetValue(name, watchValue);
+    }, [watchValue]);
+    return (react_1.default.createElement(material_1.Grid, Object.assign({ item: true }, { xs, sm, md }),
+        title && (react_1.default.createElement(InputLabel_1.default, { required: required, sx: { textTransform: 'capitalize' } }, title)),
+        react_1.default.createElement(material_1.TextField, Object.assign({ multiline: true, fullWidth: true, minRows: 3, defaultValue: defaultValue }, context.formRegister(name, {
+            validate: (v, f) => {
+                if (required && v.length <= 0)
+                    return 'Este campo é obrigatório';
+                if (v.length > inputMaxLength)
+                    return `Limite máximo de ${inputMaxLength} caracteres`;
+                if (v.length < inputMinLength && required)
+                    return `Limite mínimo de ${inputMinLength} caracteres`;
+            },
+        }), { error: (0, lodash_get_1.default)(context.errors, name) ? true : false, helperText: (_b = (0, lodash_get_1.default)(context.errors, name)) === null || _b === void 0 ? void 0 : _b.message, sx: {
+                bgcolor: 'white',
+            }, placeholder: customPlaceholder ? customPlaceholder : title }))));
+}
+exports.default = MultInput;

package/components/form/input/OtherCheckBox.js

@@ -0,0 +1,56 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const material_1 = require("@mui/material");
+const lodash_get_1 = __importDefault(require("lodash.get"));
+const react_1 = __importStar(require("react"));
+const form_1 = require("../../../context/form");
+function SSPOtherCheckBox({ name, required = false, xs = 12, sm, md }) {
+    var _a;
+    const context = (0, react_1.useContext)(form_1.FormContext);
+    const checkName = `switch-${name}`;
+    (0, react_1.useEffect)(() => {
+        const checkValue = context.formWatch(checkName);
+        if (!checkValue)
+            context.formSetValue(name, undefined);
+    }, [context]);
+    return (react_1.default.createElement(material_1.Grid, Object.assign({ item: true }, { xs, sm, md }),
+        react_1.default.createElement(material_1.Stack, { direction: 'row' },
+            react_1.default.createElement(material_1.Box, null,
+                react_1.default.createElement(material_1.Checkbox, Object.assign({ size: 'small' }, context.formRegister(checkName), { sx: { paddingLeft: 0, margin: 0 } }))),
+            context.formWatch(checkName) ? (react_1.default.createElement(material_1.TextField, Object.assign({ size: 'small' }, context.formRegister(name, {
+                validate: (v, f) => {
+                    const value = context.formWatch(checkName);
+                    if (value === true) {
+                        if (!v || (v.length <= 0 && required))
+                            return 'Este campo não pode ser vazio';
+                    }
+                },
+            }), { required: true, error: (0, lodash_get_1.default)(context.errors, name) ? true : false, helperText: (_a = (0, lodash_get_1.default)(context.errors, name)) === null || _a === void 0 ? void 0 : _a.message, placeholder: 'Outro' }))) : (react_1.default.createElement(material_1.TextField, { size: 'small', disabled: true, placeholder: 'Outro' })))));
+}
+exports.default = SSPOtherCheckBox;