@ssplib/react-components 0.0.293 → 0.0.295

package/components/form/input/GenericInput.js

@@ -1,168 +0,0 @@
-"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 });
-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 react_hook_form_1 = require("react-hook-form");
-function Input(_a) {
-    var { type = 'input', numberMask = '000000000000000', xs = 12, sm, inputMinLength = 1, inputMaxLength = 255, defaultValue = '', md, disabled = false, watchValue } = _a, props = __rest(_a, ["type", "numberMask", "xs", "sm", "inputMinLength", "inputMaxLength", "defaultValue", "md", "disabled", "watchValue"]);
-    const methods = (0, react_hook_form_1.useFormContext)();
-    (0, react_1.useEffect)(() => {
-        if (watchValue !== undefined)
-            methods.setValue(props.name, watchValue);
-    }, [watchValue]);
-    const chooseInput = () => {
-        const inputConfig = {
-            fullWidth: true,
-            size: 'small',
-            placeholder: props.customPlaceholder ? props.customPlaceholder : props.title,
-        };
-        const name = props.name;
-        const errorData = (0, lodash_get_1.default)(methods === null || methods === void 0 ? void 0 : methods.formState.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({}, methods === null || methods === void 0 ? void 0 : methods.register(name, {
-            validate: (v, f) => {
-                const value = v !== null && v !== void 0 ? v : '';
-                if (value.length <= 0 && props.required)
-                    return 'Este campo é obrigatório';
-                if (type === 'cnpj') {
-                    if (value.length < 18 && props.required)
-                        return 'O CNPJ precisa ter no mínimo 14 dígitos';
-                }
-                //
-                else if (type === 'cpf') {
-                    if (value.length < 14 && props.required)
-                        return 'O CPF precisa ter no mínimo 11 dígitos';
-                } //
-                else if (type === 'sei') {
-                    if (value.length < 22 && props.required)
-                        return 'O Número SEI precisa ter no mínimo 19 dígitos';
-                }
-                //
-                else if (type === 'cep') {
-                    if (value.length < 9 && props.required)
-                        return 'O CPF precisa ter no mínimo 8 dígitos';
-                }
-                //
-                else if (type === 'input' || type === 'password' || type === 'number') {
-                    if (value.length > inputMaxLength)
-                        return `Limite máximo de ${inputMaxLength} caracteres`;
-                    if (value.length < inputMinLength && props.required)
-                        return `Limite mínimo de ${inputMinLength} caracteres`;
-                }
-                //
-                else if (type === 'email') {
-                    if (value.length > 50)
-                        return 'Limite máximo de 50 caracteres';
-                    if (!/^[\w-\.]+@([\w-]+\.)+[\w-]{2,4}$/g.test(v) && props.required)
-                        return 'O e-mail inserido não é valido';
-                }
-                //
-                else if (type === 'cpf_cnpj') {
-                    if ((value.length < 14 || (value.length > 14 && value.length < 18)) && props.required)
-                        return 'O CPF/CNPJ precisa ter no mínimo 11/14 dígitos';
-                }
-                //
-                else if (type === 'phone') {
-                    if (value.length < 14 && props.required)
-                        return 'O número precisa ter pelo menos 10 dígitos';
-                }
-            },
-        })), { error,
-            helperText }), inputConfig), { sx: {
-                backgroundColor: 'white',
-            } });
-        switch (type) {
-            case 'input':
-            case 'email':
-                return react_1.default.createElement(material_1.TextField, Object.assign({}, formConfig, { defaultValue: defaultValue, disabled: disabled }));
-            case 'password':
-                return react_1.default.createElement(material_1.TextField, Object.assign({}, formConfig, { type: 'password', disabled: disabled }));
-            case 'number':
-                return (react_1.default.createElement(MaskInput_1.default, { formConfig: formConfig, defaultValue: defaultValue, maskProps: {
-                        mask: numberMask,
-                    }, watchValue: watchValue, disabled: disabled }));
-            case 'cep':
-                return (react_1.default.createElement(MaskInput_1.default, { formConfig: formConfig, defaultValue: defaultValue, maskProps: {
-                        mask: '00000-000',
-                    }, watchValue: watchValue, disabled: disabled }));
-            case 'phone':
-                return (react_1.default.createElement(MaskInput_1.default, { formConfig: formConfig, defaultValue: defaultValue, maskProps: {
-                        mask: '(00) [#]0000-0000',
-                        definitions: {
-                            '#': /^9$/,
-                        },
-                    }, watchValue: watchValue, disabled: disabled }));
-            case 'sei':
-                return (react_1.default.createElement(MaskInput_1.default, { formConfig: formConfig, defaultValue: defaultValue, maskProps: {
-                        mask: '00000-00000000/0000-00',
-                    }, watchValue: watchValue, disabled: disabled }));
-            case 'cpf_cnpj':
-                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)
-                            setMask('00.000.000/0000-00');
-                        else
-                            setMask('000.000.000-00[0]');
-                    }, watchValue: watchValue, disabled: disabled }));
-            case 'cpf':
-                return (react_1.default.createElement(MaskInput_1.default, { formConfig: formConfig, defaultValue: defaultValue, maskProps: {
-                        mask: '000.000.000-00',
-                    }, watchValue: watchValue, disabled: disabled }));
-            case 'cnpj':
-                return (react_1.default.createElement(MaskInput_1.default, { formConfig: formConfig, defaultValue: defaultValue, maskProps: {
-                        mask: '00.000.000/0000-00',
-                    }, watchValue: watchValue, disabled: disabled }));
-            case 'rg':
-                return (react_1.default.createElement(MaskInput_1.default, { formConfig: formConfig, defaultValue: defaultValue, maskProps: {
-                        mask: '00000[000000]',
-                    }, watchValue: watchValue, disabled: disabled }));
-        }
-    };
-    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()));
-}
-exports.Input = Input;
-exports.default = react_1.default.memo(Input);

package/components/form/input/GenericMaskInput.js

@@ -1,79 +0,0 @@
-"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 react_hook_form_1 = require("react-hook-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_hook_form_1.useFormContext)();
-    (0, react_1.useEffect)(() => {
-        if (watchValue) {
-            setMyValue(watchValue);
-        }
-    }, [watchValue]);
-    (0, react_1.useEffect)(() => {
-        context.setValue(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 GenericMaskInput(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 = GenericMaskInput;

package/components/form/input/GenericMultInput.js

@@ -1,67 +0,0 @@
-"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 react_hook_form_1 = require("react-hook-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_hook_form_1.useFormContext)();
-    (0, react_1.useEffect)(() => {
-        context.setValue(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.register(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.formState.errors, name) ? true : false, helperText: (_b = (0, lodash_get_1.default)(context.formState.errors, name)) === null || _b === void 0 ? void 0 : _b.message, sx: {
-                bgcolor: 'white',
-            }, placeholder: customPlaceholder ? customPlaceholder : title }))));
-}
-exports.default = MultInput;

package/components/form/input/Input.js

@@ -1,168 +0,0 @@
-"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 });
-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, disabled = false, watchValue } = _a, props = __rest(_a, ["type", "numberMask", "xs", "sm", "inputMinLength", "inputMaxLength", "defaultValue", "md", "disabled", "watchValue"]);
-    const context = (0, react_1.useContext)(form_1.FormContext);
-    (0, react_1.useEffect)(() => {
-        if (watchValue !== undefined)
-            context.formSetValue(props.name, watchValue);
-    }, [watchValue]);
-    const chooseInput = () => {
-        const inputConfig = {
-            fullWidth: true,
-            size: 'small',
-            placeholder: props.customPlaceholder ? props.customPlaceholder : props.title,
-        };
-        const name = 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, {
-            validate: (v, f) => {
-                const value = v !== null && v !== void 0 ? v : '';
-                if (value.length <= 0 && props.required)
-                    return 'Este campo é obrigatório';
-                if (type === 'cnpj') {
-                    if (value.length < 18 && props.required)
-                        return 'O CNPJ precisa ter no mínimo 14 dígitos';
-                }
-                //
-                else if (type === 'cpf') {
-                    if (value.length < 14 && props.required)
-                        return 'O CPF precisa ter no mínimo 11 dígitos';
-                } //
-                else if (type === 'sei') {
-                    if (value.length < 22 && props.required)
-                        return 'O Número SEI precisa ter no mínimo 19 dígitos';
-                }
-                //
-                else if (type === 'cep') {
-                    if (value.length < 9 && props.required)
-                        return 'O CPF precisa ter no mínimo 8 dígitos';
-                }
-                //
-                else if (type === 'input' || type === 'password' || type === 'number') {
-                    if (value.length > inputMaxLength)
-                        return `Limite máximo de ${inputMaxLength} caracteres`;
-                    if (value.length < inputMinLength && props.required)
-                        return `Limite mínimo de ${inputMinLength} caracteres`;
-                }
-                //
-                else if (type === 'email') {
-                    if (value.length > 50)
-                        return 'Limite máximo de 50 caracteres';
-                    if (!/^[\w-\.]+@([\w-]+\.)+[\w-]{2,4}$/g.test(v) && props.required)
-                        return 'O e-mail inserido não é valido';
-                }
-                //
-                else if (type === 'cpf_cnpj') {
-                    if ((value.length < 14 || (value.length > 14 && value.length < 18)) && props.required)
-                        return 'O CPF/CNPJ precisa ter no mínimo 11/14 dígitos';
-                }
-                //
-                else if (type === 'phone') {
-                    if (value.length < 14 && props.required)
-                        return 'O número precisa ter pelo menos 10 dígitos';
-                }
-            },
-        })), { error,
-            helperText }), inputConfig), { sx: {
-                backgroundColor: 'white',
-            } });
-        switch (type) {
-            case 'input':
-            case 'email':
-                return react_1.default.createElement(material_1.TextField, Object.assign({}, formConfig, { defaultValue: defaultValue, disabled: disabled }));
-            case 'password':
-                return react_1.default.createElement(material_1.TextField, Object.assign({}, formConfig, { type: 'password', disabled: disabled }));
-            case 'number':
-                return (react_1.default.createElement(MaskInput_1.default, { formConfig: formConfig, defaultValue: defaultValue, maskProps: {
-                        mask: numberMask,
-                    }, watchValue: watchValue, disabled: disabled }));
-            case 'cep':
-                return (react_1.default.createElement(MaskInput_1.default, { formConfig: formConfig, defaultValue: defaultValue, maskProps: {
-                        mask: '00000-000',
-                    }, watchValue: watchValue, disabled: disabled }));
-            case 'phone':
-                return (react_1.default.createElement(MaskInput_1.default, { formConfig: formConfig, defaultValue: defaultValue, maskProps: {
-                        mask: '(00) [#]0000-0000',
-                        definitions: {
-                            '#': /^9$/,
-                        },
-                    }, watchValue: watchValue, disabled: disabled }));
-            case 'sei':
-                return (react_1.default.createElement(MaskInput_1.default, { formConfig: formConfig, defaultValue: defaultValue, maskProps: {
-                        mask: '00000-00000000/0000-00',
-                    }, watchValue: watchValue, disabled: disabled }));
-            case 'cpf_cnpj':
-                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)
-                            setMask('00.000.000/0000-00');
-                        else
-                            setMask('000.000.000-00[0]');
-                    }, watchValue: watchValue, disabled: disabled }));
-            case 'cpf':
-                return (react_1.default.createElement(MaskInput_1.default, { formConfig: formConfig, defaultValue: defaultValue, maskProps: {
-                        mask: '000.000.000-00',
-                    }, watchValue: watchValue, disabled: disabled }));
-            case 'cnpj':
-                return (react_1.default.createElement(MaskInput_1.default, { formConfig: formConfig, defaultValue: defaultValue, maskProps: {
-                        mask: '00.000.000/0000-00',
-                    }, watchValue: watchValue, disabled: disabled }));
-            case 'rg':
-                return (react_1.default.createElement(MaskInput_1.default, { formConfig: formConfig, defaultValue: defaultValue, maskProps: {
-                        mask: '00000[000000]',
-                    }, watchValue: watchValue, disabled: disabled }));
-        }
-    };
-    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()));
-}
-exports.Input = Input;
-exports.default = react_1.default.memo(Input);

package/components/form/input/MaskInput.js

@@ -1,78 +0,0 @@
-"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

@@ -1,67 +0,0 @@
-"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;