@ssplib/react-components 0.0.248 → 0.0.250

package/components/form/input/FetchAutoComplete.js

@@ -1,132 +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 __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

@@ -1,76 +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 __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/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;

package/components/form/input/OtherCheckBox.js

@@ -1,56 +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 __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;

package/components/form/stepper/Stepper.js

@@ -1,135 +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 __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-};
-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.Stepper = void 0;
-const KeyboardArrowLeft_1 = __importDefault(require("@mui/icons-material/KeyboardArrowLeft"));
-const KeyboardArrowRight_1 = __importDefault(require("@mui/icons-material/KeyboardArrowRight"));
-const Save_1 = __importDefault(require("@mui/icons-material/Save"));
-const lab_1 = require("@mui/lab");
-const material_1 = require("@mui/material");
-const react_1 = __importStar(require("react"));
-const react_toastify_1 = require("react-toastify");
-const form_1 = require("../../../context/form");
-const getKeys = (values, id) => {
-    if (!values || Object.keys(values).length <= 0)
-        return [];
-    if (!values[id])
-        return [];
-    let keys = Object.keys(values[id]).map((x) => `${id}.${x}`);
-    if (values.files)
-        keys = [...keys, ...Object.keys(values.files).map((x) => `files.${x}`)];
-    return keys;
-};
-function sleep(ms) {
-    return new Promise((resolve) => setTimeout(resolve, ms));
-}
-function Stepper(_a) {
-    var { debugLog = false, test = false, testConfig = {}, customMarginBottom = 10 } = _a, props = __rest(_a, ["debugLog", "test", "testConfig", "customMarginBottom"]);
-    props.children = Array.isArray(props.children) ? props.children.filter((x, id) => x) : props.children;
-    const length = Array.isArray(props.children) ? props.children.length : 1;
-    const context = (0, react_1.useContext)(form_1.FormContext);
-    // next button ref
-    const nRef = (0, react_1.useRef)(null);
-    const theme = (0, material_1.useTheme)();
-    const [activeStep, setActiveStep] = (0, react_1.useState)(0);
-    const blocks = Array.isArray(props.children) ? props.children : [props.children];
-    const stepperBlocks = blocks.map((x, idx) => {
-        return react_1.default.cloneElement(x, Object.assign(Object.assign({}, x.props), { prefix: idx }));
-    });
-    const maxSteps = length;
-    const handleNext = () => __awaiter(this, void 0, void 0, function* () {
-        if (debugLog)
-            console.log(context.formGetValues());
-        // console.log('valores conferidos', getKeys(context.formGetValues(), activeStep), context.formGetValues(getKeys(context.formGetValues(), activeStep)))
-        const result = yield context.formTrigger(getKeys(context.formGetValues(), activeStep));
-        if (!result) {
-            (0, react_toastify_1.toast)('Formulário incompleto! Verifique os campos marcados e tente novamente.', { type: 'warning', theme: 'light' });
-            return;
-        }
-        setActiveStep((prevActiveStep) => prevActiveStep + 1);
-    });
-    const nextCheck = (e) => __awaiter(this, void 0, void 0, function* () {
-        const result = yield context.formTrigger(getKeys(context.formGetValues(), activeStep));
-        if (!result) {
-            e.preventDefault();
-            (0, react_toastify_1.toast)('Formulário incompleto! Verifique os campos marcados e tente novamente.', { type: 'warning', theme: 'light' });
-            return;
-        }
-    });
-    const handleBack = () => {
-        setActiveStep((prevActiveStep) => prevActiveStep - 1);
-    };
-    const preencher = () => {
-        Object.keys(testConfig).forEach((id, idx) => {
-            const obj = testConfig[Number(id)];
-            Object.keys(obj).forEach((x) => {
-                context.formUnregister(`${id}.${x}`);
-                context.formSetValue(`${id}.${x}`, obj[x]);
-            });
-            if (idx < Object.keys(testConfig).length - 1) {
-                sleep(100).then(() => {
-                    var _a;
-                    const bt = nRef.current;
-                    (_a = nRef.current) === null || _a === void 0 ? void 0 : _a.click();
-                });
-            }
-        });
-    };
-    return (react_1.default.createElement(material_1.Box, null,
-        test && (react_1.default.createElement(material_1.Stack, { direction: 'row', justifyContent: 'end' },
-            react_1.default.createElement(material_1.Button, { variant: 'contained', color: 'error', onClick: preencher }, "EXCLUIR BANCO PRODU\u00C7\u00C3O"))),
-        react_1.default.createElement(material_1.Stack, { sx: { padding: 2, marginBottom: customMarginBottom } },
-            react_1.default.createElement(material_1.Box, null, stepperBlocks.map((b, index) => (react_1.default.createElement(material_1.Box, { key: 'formsB' + index, hidden: !(activeStep === index) }, stepperBlocks[index])))),
-            react_1.default.createElement(material_1.MobileStepper, { variant: 'text', steps: maxSteps, 
-                // position='bottom'
-                position: (0, material_1.useMediaQuery)(theme.breakpoints.only('xs')) ? 'bottom' : 'static', activeStep: activeStep, sx: { paddingTop: 2, paddingBottom: 4, paddingX: 0 }, backButton: react_1.default.createElement(material_1.Button, { variant: 'contained', startIcon: react_1.default.createElement(KeyboardArrowLeft_1.default, null), onClick: handleBack, disabled: activeStep === 0, sx: { textTransform: 'none' } }, "Voltar"), nextButton: activeStep < maxSteps - 1 ? (react_1.default.createElement(material_1.Button, { variant: 'contained', endIcon: react_1.default.createElement(KeyboardArrowRight_1.default, null), onClick: handleNext, sx: { textTransform: 'none' }, ref: nRef }, "Pr\u00F3ximo")) : (react_1.default.createElement(material_1.Box, null,
-                    react_1.default.createElement(lab_1.LoadingButton, { variant: 'contained', type: 'submit', loading: context.submiting, loadingPosition: 'start', startIcon: react_1.default.createElement(Save_1.default, null), onClick: (e) => nextCheck(e), sx: { textTransform: 'none', backgroundColor: '#22C55E', '&:hover': { backgroundColor: '#48cf7a' } } },
-                        react_1.default.createElement("span", null, "Salvar")))) }))));
-}
-exports.Stepper = Stepper;
-exports.default = react_1.default.memo(Stepper);

package/components/form/stepper/StepperBlock.js

@@ -1,97 +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.StepperBlock = void 0;
-const ContentPasteOutlined_1 = __importDefault(require("@mui/icons-material/ContentPasteOutlined"));
-const material_1 = require("@mui/material");
-const Typography_1 = __importDefault(require("@mui/material/Typography"));
-const react_1 = __importStar(require("react"));
-const Switch_1 = __importDefault(require("../switch/Switch"));
-const form_1 = require("../../../context/form");
-function childrenTree(component, prefix, idx) {
-    if (!component.props)
-        return component;
-    const children = component.props.children;
-    if (!children)
-        return react_1.default.cloneElement(component, Object.assign(Object.assign({}, component.props), { name: `${prefix}.${component.props.name}`, key: component.props.name ? `${prefix}.${component.props.name}` : `noListing-${idx}-${prefix}-${component.props.name}` }));
-    let newChildren;
-    if (Array.isArray(children)) {
-        let c = [];
-        children.forEach((x, cIdx) => {
-            c.push(childrenTree(x, prefix, idx + (cIdx + 1)));
-        });
-        newChildren = c;
-    }
-    //
-    else {
-        newChildren = childrenTree(children, prefix, idx + 1);
-    }
-    const newComponent = react_1.default.cloneElement(component, Object.assign(Object.assign({}, component.props), { children: newChildren, name: `${prefix}.${component.props.name}`, key: component.props.name ? `${prefix}.${component.props.name}` : `noListing-${idx}-${prefix}-${component.props.name}` }));
-    return newComponent;
-}
-function StepperBlock(_a) {
-    var { optional = false, title, prefix = 0, optionalMessage, defaultChecked } = _a, props = __rest(_a, ["optional", "title", "prefix", "optionalMessage", "defaultChecked"]);
-    const context = (0, react_1.useContext)(form_1.FormContext);
-    const switchName = `switch-${prefix}`;
-    const fields = Array.isArray(props.children) ? props.children : [props.children];
-    const cloneChildren = fields.map((x, index) => {
-        return x && childrenTree(x, prefix, index);
-    });
-    return (react_1.default.createElement(material_1.Box, null,
-        react_1.default.createElement(material_1.Grid, { item: true, xs: 12 },
-            react_1.default.createElement(material_1.Stack, { direction: 'row', justifyContent: 'space-between' },
-                react_1.default.createElement(material_1.Stack, { direction: 'row', spacing: 2 },
-                    react_1.default.createElement(material_1.Box, { sx: { marginTop: 0.6 } },
-                        react_1.default.createElement(material_1.Stack, { sx: { backgroundColor: '#E6F8EB', borderRadius: '100%', height: '35px', width: '35px' }, justifyContent: 'center', alignItems: 'center' },
-                            react_1.default.createElement(ContentPasteOutlined_1.default, { sx: { height: '18px', fill: '#01BA35' } }))),
-                    react_1.default.createElement(Typography_1.default, { variant: 'h6', fontWeight: 600, fontSize: 28, fontFamily: 'Inter', sx: {
-                            color: '#1E293B',
-                            paddingBottom: 4,
-                        } }, title)),
-                react_1.default.createElement(material_1.Box, { hidden: !optional },
-                    react_1.default.createElement(Switch_1.default, { name: switchName, defaultChecked: defaultChecked, overrideNo: props.overrideSwitchNo, overrideYes: props.overrideSwitchYes })))),
-        react_1.default.createElement(material_1.Stack, { spacing: 2 }, !optional ? (react_1.default.createElement(material_1.Grid, { container: true, spacing: 1 }, cloneChildren)) : !context.formWatch(switchName) ? (react_1.default.createElement(material_1.Stack, { justifyContent: 'center', alignItems: 'center' },
-            react_1.default.createElement(Typography_1.default, { fontFamily: 'Inter', fontSize: 22, paddingY: 8, textAlign: 'center' }, optionalMessage ? (optionalMessage) : (react_1.default.createElement(react_1.default.Fragment, null,
-                react_1.default.createElement("b", null, title),
-                " \u00E9 opcional. ",
-                react_1.default.createElement("br", null),
-                "Marque a op\u00E7\u00E3o acima caso haja necessidade."))))) : (react_1.default.createElement(material_1.Grid, { container: true, spacing: 1 }, cloneChildren)))));
-}
-exports.StepperBlock = StepperBlock;
-exports.default = react_1.default.memo(StepperBlock);