@arquimedes.co/eureka-forms 2.0.34-test → 2.0.36-test

package/dist/FormSteps/CBRStepMapper.js

@@ -0,0 +1,206 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+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 __generator = (this && this.__generator) || function (thisArg, body) {
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
+    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    function verb(n) { return function (v) { return step([n, v]); }; }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while (g && (g = 0, op[0] && (_ = 0)), _) try {
+            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+            if (y = 0, t) op = [op[0] & 2, t.value];
+            switch (op[0]) {
+                case 0: case 1: t = op; break;
+                case 4: _.label++; return { value: op[1], done: false };
+                case 5: _.label++; y = op[1]; op = [0]; continue;
+                case 7: op = _.ops.pop(); _.trys.pop(); continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
+                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
+                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
+                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop(); continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
+        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
+    }
+};
+import { jsx as _jsx } from "react/jsx-runtime";
+import CBRFormStepTypes from '../constants/CBRFormStepTypes';
+import PersonRoundedIcon from '@material-ui/icons/PersonRounded';
+import TextInputStep from './TextInputStep/TextInputStep';
+import SmartSelectStep from './SmartSelectStep/SmartSelectStep';
+import TextAreaStep from './TextAreaStep/TextAreaStep';
+import CBRIncidentsStep from './@Construction/CBRIncidentsStep/CBRIncidentsStep';
+import CBRElementStep from './@Construction/CBRElementStep/CBRElementStep';
+import axios from 'axios';
+import CBRPropertyStep from './@Construction/CBRPropertyStep/CBRPropertyStep';
+import InputIcon from '../Shared/InputIcon/InputIcon';
+var baseUrl = "https://integrations.".concat(process.env.REACT_APP_DOMAIN, "/sinco/cbr/");
+function CBRStepMapper(props) {
+    var _this = this;
+    var getTipoDocOptions = function (idOrganization) { return __awaiter(_this, void 0, void 0, function () {
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    if (!idOrganization)
+                        return [2 /*return*/, null];
+                    return [4 /*yield*/, axios.get(baseUrl + 'TiposDoc?idOrganization=' + idOrganization)];
+                case 1: return [2 /*return*/, (_a.sent()).data];
+            }
+        });
+    }); };
+    var getProyectoOptions = function (idOrganization, step, dependencyStore) { return __awaiter(_this, void 0, void 0, function () {
+        var idMacroProyecto, proyectos;
+        var _a, _b, _c, _d;
+        return __generator(this, function (_e) {
+            switch (_e.label) {
+                case 0:
+                    if (!idOrganization)
+                        return [2 /*return*/, null];
+                    idMacroProyecto = (_d = (_c = dependencyStore[(_b = (_a = step.dependencies) === null || _a === void 0 ? void 0 : _a[0]) !== null && _b !== void 0 ? _b : '']) === null || _c === void 0 ? void 0 : _c.value) === null || _d === void 0 ? void 0 : _d.id;
+                    return [4 /*yield*/, axios.get(baseUrl + 'Proyectos?idOrganization=' + idOrganization)];
+                case 1:
+                    proyectos = (_e.sent()).data;
+                    if (idMacroProyecto) {
+                        proyectos = proyectos.filter(function (proyecto) { return proyecto.idMacroProyecto === idMacroProyecto; });
+                    }
+                    return [2 /*return*/, proyectos];
+            }
+        });
+    }); };
+    var getMacroProyectoOptions = function (idOrganization) { return __awaiter(_this, void 0, void 0, function () {
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    if (!idOrganization)
+                        return [2 /*return*/, null];
+                    return [4 /*yield*/, axios.get(baseUrl + 'MacroProyectos?idOrganization=' + idOrganization)];
+                case 1: return [2 /*return*/, (_a.sent()).data];
+            }
+        });
+    }); };
+    var getTipoSolicitanteOptions = function (idOrganization) { return __awaiter(_this, void 0, void 0, function () {
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    if (!idOrganization)
+                        return [2 /*return*/, null];
+                    return [4 /*yield*/, axios.get(baseUrl + 'TiposSolicitante?idOrganization=' + idOrganization)];
+                case 1: return [2 /*return*/, (_a.sent()).data];
+            }
+        });
+    }); };
+    var getTipoEspaciosOptions = function (idOrganization, step, dependencyStore) { return __awaiter(_this, void 0, void 0, function () {
+        var idProyecto, params;
+        var _a, _b;
+        return __generator(this, function (_c) {
+            switch (_c.label) {
+                case 0:
+                    if (!(step.dependencies && idOrganization)) return [3 /*break*/, 2];
+                    idProyecto = (_b = (_a = dependencyStore[step.dependencies[0]]) === null || _a === void 0 ? void 0 : _a.value) === null || _b === void 0 ? void 0 : _b.id;
+                    if (!idProyecto) {
+                        return [2 /*return*/, null]; //null para indicar que falta la depedency
+                    }
+                    params = new URLSearchParams({ idProyecto: idProyecto, idOrganization: idOrganization });
+                    return [4 /*yield*/, axios.get(baseUrl + 'TiposEspacio?' + params.toString())];
+                case 1: return [2 /*return*/, (_c.sent()).data];
+                case 2: return [2 /*return*/, null];
+            }
+        });
+    }); };
+    switch (props.step.type) {
+        case CBRFormStepTypes.CBR_EMAIL:
+            return (_jsx(TextInputStep, __assign({}, props, { step: props.step, validation: {
+                    type: 'EMAIL',
+                    value: /^(([^<>()[\]\\.,;:\s@"]+(\.[^<>()[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/
+                        .source,
+                    message: 'El correo no es válido',
+                } })));
+        case CBRFormStepTypes.CBR_CEL:
+        case CBRFormStepTypes.CBR_PHONE:
+            return (_jsx(TextInputStep, __assign({}, props, { step: props.step, validation: {
+                    type: 'OTHER',
+                    value: /^(\+[0-9])|([0-9])$/.source,
+                    message: 'El teléfono no es válido',
+                } })));
+        case CBRFormStepTypes.CBR_LAST_NAME:
+        case CBRFormStepTypes.CBR_FIRST_NAME:
+        case CBRFormStepTypes.CBR_MIDDLE_NAME:
+        case CBRFormStepTypes.CBR_SECOND_LAST_NAME:
+            return _jsx(TextInputStep, __assign({}, props, { step: props.step }));
+        case CBRFormStepTypes.CBR_DOC:
+            return (_jsx(TextInputStep, __assign({}, props, { step: props.step, icon: _jsx(DocumentIconComponent, {}) })));
+        case CBRFormStepTypes.CBR_TIPO_DOC:
+            return (_jsx(SmartSelectStep, __assign({}, props, { step: __assign(__assign({}, props.step), { showIcon: false }), getOptions: getTipoDocOptions, getOptionSelected: function (option, value) {
+                    return option.id === value.id;
+                }, getValueString: function (value) { return value === null || value === void 0 ? void 0 : value.id; } })));
+        case CBRFormStepTypes.CBR_MACRO_PROYECTO:
+            return (_jsx(SmartSelectStep, __assign({}, props, { step: props.step, icon: _jsx(InputIcon, { icon: 'PROJECT' }), getOptions: getMacroProyectoOptions, getOptionSelected: function (option, value) {
+                    return option.id === value.id;
+                }, getValueString: function (value) { return value === null || value === void 0 ? void 0 : value.id; } })));
+        case CBRFormStepTypes.CBR_PROYECTO:
+            return (_jsx(SmartSelectStep, __assign({}, props, { step: props.step, icon: _jsx(InputIcon, { icon: 'PROJECT' }), getOptions: getProyectoOptions, getOptionSelected: function (option, value) {
+                    return option.id === value.id;
+                }, getValueString: function (value) { return value === null || value === void 0 ? void 0 : value.id; } })));
+        case CBRFormStepTypes.CBR_INMUEBLE:
+            return _jsx(CBRPropertyStep, __assign({}, props, { step: props.step }));
+        case CBRFormStepTypes.CBR_TIPO_SOLICITANTE:
+            return (_jsx(SmartSelectStep, __assign({}, props, { step: props.step, icon: _jsx(PersonRoundedIcon, { fill: "#757575", style: {
+                        display: 'flex',
+                        height: 23,
+                        width: 23,
+                        marginRight: 3,
+                        marginTop: 1,
+                    } }), getOptions: getTipoSolicitanteOptions, getOptionSelected: function (option, value) {
+                    return option.id === value.id;
+                }, getValueString: function (value) { return value === null || value === void 0 ? void 0 : value.id; } })));
+        case CBRFormStepTypes.CBR_TIPO_ESPACIO:
+            return (_jsx(SmartSelectStep, __assign({}, props, { step: props.step, icon: _jsx(InputIcon, { icon: 'SPACE' }), getOptions: getTipoEspaciosOptions, calcDepError: function (steps) {
+                    for (var _i = 0, steps_1 = steps; _i < steps_1.length; _i++) {
+                        var step = steps_1[_i];
+                        if (step.type ===
+                            CBRFormStepTypes.CBR_PROYECTO) {
+                            return 'Selecciona un proyecto';
+                        }
+                    }
+                    return undefined;
+                }, getOptionSelected: function (option, value) {
+                    return option.id === value.id;
+                }, getValueString: function (value) { return value === null || value === void 0 ? void 0 : value.id; } })));
+        case CBRFormStepTypes.CBR_LOCATIVAS:
+            return _jsx(CBRElementStep, __assign({}, props, { step: props.step }));
+        case CBRFormStepTypes.CBR_COMENTARIO:
+            return _jsx(TextAreaStep, __assign({}, props, { step: props.step }));
+        case CBRFormStepTypes.CBR_INCIDENCIAS:
+            return _jsx(CBRIncidentsStep, __assign({}, props, { step: props.step }));
+        default:
+            return _jsx("div", {});
+    }
+}
+export default CBRStepMapper;
+function DocumentIconComponent() {
+    return (_jsx("div", __assign({ style: {
+            marginRight: 2,
+        } }, { children: _jsx(InputIcon, { icon: 'DOCUMENT' }) })));
+}

package/dist/FormSteps/CheckBoxStep/CheckBoxStep.js

@@ -0,0 +1,25 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+import { jsx as _jsx } from "react/jsx-runtime";
+import { FormStyleTypes } from '../../constants/FormStepTypes';
+import MaterialCheckBoxStep from './MaterialCheckBoxStep/MaterialCheckBoxStep';
+import { useAppSelector } from '../../hooks';
+function CheckboxStep(props) {
+    var formStyle = useAppSelector(function (state) { return state.global; }).formStyle;
+    switch (formStyle.type) {
+        case FormStyleTypes.MATERIAL:
+        default: {
+            return _jsx(MaterialCheckBoxStep, __assign({}, props));
+        }
+    }
+}
+export default CheckboxStep;

package/dist/FormSteps/CheckBoxStep/MaterialCheckBoxStep/MaterialCheckBoxStep.js

@@ -0,0 +1,47 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import styles from './MaterialCheckBoxStep.module.css';
+import RoundedCheckBox from '../../../Shared/RoundedCheckBox/RoundedCheckBox';
+import React, { useContext } from 'react';
+import StepComponent from '../../Step';
+import FormContext from '../../../Contexts/FormContext';
+import { useAppSelector } from '../../../hooks';
+import { useFormStep } from '../../StepHooks';
+import StepFillerContainer from '../../Utils/@StepFiller/StepFiller';
+import MaterialInputContainer from '../../Utils/MaterialInputContainer/MaterialInputContainer';
+function CheckBoxStep(_a) {
+    var _b;
+    var step = _a.step, editable = _a.editable;
+    var _c = useFormStep(step, {
+        defaultValue: (_b = step.defaultValue) !== null && _b !== void 0 ? _b : false,
+        rules: {
+            required: step.required ? 'Este campo es obligatorio' : undefined,
+        },
+        sizeChange: true,
+    }), ref = _c.ref, value = _c.value, onChange = _c.onChange, error = _c.error, field = _c.field;
+    var _d = useAppSelector(function (state) { return state.global; }), formStyle = _d.formStyle, postview = _d.postview;
+    var form = useContext(FormContext);
+    var renderNested = function () {
+        var steps = value ? step.steps : step.uncheckedSteps;
+        return (_jsx(React.Fragment, { children: steps === null || steps === void 0 ? void 0 : steps.map(function (idStep) {
+                var subStep = form.steps[idStep];
+                return (_jsx(StepComponent, { editable: editable, step: subStep }, idStep));
+            }) }));
+    };
+    return (_jsxs(StepFillerContainer, __assign({ step: step }, { children: [_jsxs(MaterialInputContainer, __assign({ step: step, editable: editable }, { children: [_jsxs("div", __assign({ className: styles.labelCheckBoxContainer }, { children: [step.label && (_jsxs("div", __assign({ className: styles.checkboxLbl }, { children: [step.label, step.required ? ' *' : '', ":"] }))), _jsx(RoundedCheckBox, __assign({}, field, { inputRef: ref, onChange: onChange, "data-testid": step.id, padding: "0px", size: "1.6rem", error: !!error, cantEdit: !editable || postview, checkedColor: formStyle.primaryColor, uncheckedColor: formStyle.outlineColor, checked: value }))] })), (step.description || !!error) && (_jsx("div", __assign({ className: styles.descriptionPar, style: {
+                            color: error
+                                ? formStyle.errorColor
+                                : formStyle.descriptionTextColor,
+                        } }, { children: error ? 'Este campo es obligatorio' : step.description })))] })), renderNested()] })));
+}
+export default CheckBoxStep;

package/dist/FormSteps/ClassifierSelectorStep/ClassifierSelectorStep.js

@@ -0,0 +1,25 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+import { jsx as _jsx } from "react/jsx-runtime";
+import { FormStyleTypes } from '../../constants/FormStepTypes';
+import MaterialClassifierSelectorStep from './MaterialClassifierSelectorStep/MaterialClassifierSelectorStep';
+import { useAppSelector } from '../../hooks';
+function ClassifierSelectorStep(props) {
+    var formStyle = useAppSelector(function (state) { return state.global; }).formStyle;
+    switch (formStyle.type) {
+        case FormStyleTypes.MATERIAL:
+        default: {
+            return _jsx(MaterialClassifierSelectorStep, __assign({}, props));
+        }
+    }
+}
+export default ClassifierSelectorStep;

package/dist/FormSteps/ClassifierSelectorStep/MaterialClassifierSelectorStep/MaterialClassifierSelectorStep.js

@@ -0,0 +1,73 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React, { useContext, useMemo } from 'react';
+import { ClassifierOptionTypes } from '../../../constants/FormStepTypes';
+import StepComponent from '../../Step';
+import RoundedSmartSelect from '../../../Shared/RoundedSmartSelect/RoundedSmartSelect';
+import FormContext from '../../../Contexts/FormContext';
+import { useAppSelector } from '../../../hooks';
+import { useFormStep } from '../../StepHooks';
+import StepFillerContainer from '../../Utils/@StepFiller/StepFiller';
+import MaterialInputContainer from '../../Utils/MaterialInputContainer/MaterialInputContainer';
+import { calcDefaultValue } from '../../StepFunctions';
+function ClassifierSelectorStep(_a) {
+    var _b, _c, _d, _e;
+    var step = _a.step, editable = _a.editable;
+    var _f = useFormStep(step, {
+        defaultValue: calcDefaultValue(step),
+        sizeChange: true,
+        rules: {
+            required: step.required ? 'Este campo es obligatorio' : undefined,
+        },
+    }), ref = _f.ref, value = _f.value, onChange = _f.onChange, error = _f.error, field = _f.field;
+    var _g = useAppSelector(function (state) { return state.global; }), formStyle = _g.formStyle, postview = _g.postview, preview = _g.preview;
+    var form = useContext(FormContext);
+    if (!step.idClassifier)
+        return _jsx("div", {});
+    var classifier = (_b = form.classifiers) === null || _b === void 0 ? void 0 : _b[step.idClassifier];
+    if (!classifier)
+        return _jsx("div", {});
+    var options = useMemo(function () {
+        var _a;
+        return (_a = classifier.children) === null || _a === void 0 ? void 0 : _a.filter(function (idClassifier) {
+            var _a, _b;
+            return ((_a = step.options[idClassifier]) === null || _a === void 0 ? void 0 : _a.type) !==
+                ClassifierOptionTypes.HIDE &&
+                ((_b = form.classifiers) === null || _b === void 0 ? void 0 : _b[idClassifier]);
+        }).map(function (idClassifier) {
+            var _a, _b, _c;
+            var classifier = (_a = form.classifiers) === null || _a === void 0 ? void 0 : _a[idClassifier];
+            return {
+                value: classifier === null || classifier === void 0 ? void 0 : classifier._id,
+                label: ((_c = (_b = classifier === null || classifier === void 0 ? void 0 : classifier.clientName) === null || _b === void 0 ? void 0 : _b.trim) === null || _c === void 0 ? void 0 : _c.call(_b)) && preview
+                    ? classifier === null || classifier === void 0 ? void 0 : classifier.clientName
+                    : classifier === null || classifier === void 0 ? void 0 : classifier.name,
+            };
+        });
+    }, []);
+    var mapNestedOption = function () {
+        if (value) {
+            var currentOption = step.options[value.value];
+            if ((currentOption === null || currentOption === void 0 ? void 0 : currentOption.type) === ClassifierOptionTypes.NESTED) {
+                return (_jsx(React.Fragment, { children: currentOption.steps.map(function (idStep) {
+                        var subStep = form.steps[idStep];
+                        return (_jsx(StepComponent, { step: subStep, editable: editable }, idStep));
+                    }) }));
+            }
+        }
+    };
+    return (_jsxs(StepFillerContainer, __assign({ step: step }, { children: [_jsx(MaterialInputContainer, __assign({ step: step, editable: editable }, { children: _jsx(RoundedSmartSelect, __assign({}, field, { inputRef: ref, value: value, disabled: false, loading: false, options: options, cantEdit: !editable || postview, fullWidth: true, backgroundColor: (_c = formStyle.stepBackgroundColor) !== null && _c !== void 0 ? _c : 'white', label: step.label ? step.label : classifier.name, required: step.required, height: '31px', searchable: step.searchable, icon: undefined, helperTextColor: formStyle.descriptionTextColor, focusColor: formStyle.primaryColor, outlineColor: formStyle.outlineColor, errorColor: formStyle.errorColor, color: formStyle.textColor, containerMargin: "0px", handleUpdate: onChange, getOptionSelected: function (option, value) {
+                        return option.value === (value === null || value === void 0 ? void 0 : value.value);
+                    }, helperText: (_e = (_d = error === null || error === void 0 ? void 0 : error.message) === null || _d === void 0 ? void 0 : _d.toString()) !== null && _e !== void 0 ? _e : step.description, error: !!error })) })), mapNestedOption()] })));
+}
+export default ClassifierSelectorStep;

package/dist/FormSteps/CollapsibleStep/CollapsibleStep.js

@@ -0,0 +1,39 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+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;
+};
+import { Fragment as _Fragment, jsx as _jsx } from "react/jsx-runtime";
+import { useAppSelector } from '../../hooks';
+import { FormStyleTypes } from '../../constants/FormStepTypes';
+import MaterialCollapsibleStep from './MaterialTitleStep/MaterialCollapsibleStep';
+function CollapsibleStep(_a) {
+    var step = _a.step, others = __rest(_a, ["step"]);
+    var formStyle = useAppSelector(function (state) { return state.global; }).formStyle;
+    if (step.steps.length === 0)
+        return _jsx(_Fragment, {});
+    switch (formStyle.type) {
+        case FormStyleTypes.MATERIAL:
+        default: {
+            return _jsx(MaterialCollapsibleStep, __assign({ step: step }, others));
+        }
+    }
+}
+export default CollapsibleStep;

package/dist/FormSteps/CollapsibleStep/MaterialTitleStep/MaterialCollapsibleStep.js

@@ -0,0 +1,85 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+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;
+};
+import { createElement as _createElement } from "react";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React, { useContext, useEffect } from 'react';
+import styles from './MaterialCollapsibleStep.module.css';
+import { Controller, useFormContext } from 'react-hook-form';
+import StepComponent from '../../Step';
+import ExpandMoreRoundedIcon from '@material-ui/icons/ExpandMoreRounded';
+import ExpandLessRoundedIcon from '@material-ui/icons/ExpandLessRounded';
+import FormContext from '../../../Contexts/FormContext';
+import { useAppSelector } from '../../../hooks';
+function Collapsible(_a) {
+    var _b, _c, _d, _e;
+    var step = _a.step, open = _a.open, setOpen = _a.setOpen, others = __rest(_a, ["step", "open", "setOpen"]);
+    var formStyle = useAppSelector(function (state) { return state.global; }).formStyle;
+    var form = useContext(FormContext);
+    var errors = useFormContext().formState.errors;
+    var contentRef = React.useRef(null);
+    useEffect(function () {
+        var _a;
+        if (!open && ((_a = step.dependencies) === null || _a === void 0 ? void 0 : _a.find(function (dep) { return !!errors[dep]; }))) {
+            setOpen(true);
+        }
+    }, (_c = (_b = step.dependencies) === null || _b === void 0 ? void 0 : _b.map(function (dep) { return errors[dep]; })) !== null && _c !== void 0 ? _c : []);
+    return (_jsxs("div", __assign({ style: {
+            breakInside: 'avoid',
+        } }, { children: [_jsxs("div", __assign({ className: styles.container, style: {
+                    color: formStyle.textColor,
+                    borderColor: formStyle.primaryColor,
+                } }, { children: [_jsx("div", __assign({ className: styles.collapsibleLabel, onClick: function () {
+                            setOpen(!open);
+                        } }, { children: step.label })), _jsx("div", __assign({ className: styles.expand, onClick: function () {
+                            setOpen(!open);
+                        } }, { children: _jsx("div", __assign({ className: styles.expandIcon }, { children: open ? (_jsx(ExpandLessRoundedIcon, { fontSize: "inherit" })) : (_jsx(ExpandMoreRoundedIcon, { fontSize: "inherit" })) })) }))] })), _jsx("div", __assign({ className: styles.content, style: {
+                    height: open === 'TRUE'
+                        ? 'auto'
+                        : open
+                            ? (_e = (_d = contentRef.current) === null || _d === void 0 ? void 0 : _d.offsetHeight) !== null && _e !== void 0 ? _e : 'auto'
+                            : 0,
+                } }, { children: _jsx("div", __assign({ className: styles.contentContainer, ref: contentRef }, { children: step.steps.map(function (idSubStep) {
+                        var subStep = form.steps[idSubStep];
+                        return (_createElement(StepComponent, __assign({}, others, { step: subStep, key: idSubStep })));
+                    }) })) })), _jsx("div", { className: styles.separator, style: {
+                    backgroundColor: formStyle.primaryColor,
+                } })] })));
+}
+function CollapsibleStep(props) {
+    var _a;
+    var postview = useAppSelector(function (state) { return state.global; }).postview;
+    var _b = useFormContext(), clearErrors = _b.clearErrors, errors = _b.formState.errors;
+    return (_jsx(Controller, { name: props.step.id, defaultValue: ((_a = props.step.defaultValue) !== null && _a !== void 0 ? _a : postview) ? false : true, render: function (_a) {
+            var _b = _a.field, value = _b.value, onChange = _b.onChange;
+            return (_jsx(Collapsible, __assign({}, props, { open: value, setOpen: function (open) {
+                    var _a;
+                    if (!open) {
+                        var deps = (_a = props.step.dependencies) === null || _a === void 0 ? void 0 : _a.filter(function (dep) { return !!errors[dep]; });
+                        if (deps)
+                            clearErrors(deps);
+                    }
+                    onChange(open);
+                } })));
+        } }));
+}
+export default CollapsibleStep;

package/dist/FormSteps/CustomStep.js

@@ -0,0 +1,39 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+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;
+};
+import FormContext from '../Contexts/FormContext';
+import { useAppSelector } from '../hooks';
+import CustomStepPropsContext from '../Contexts/CustomContext';
+import { useContext } from 'react';
+import { useStepDependency } from './StepHooks';
+function CustomStepComponent(_a) {
+    var _b;
+    var customStep = _a.customStep, props = __rest(_a, ["customStep"]);
+    var form = useContext(FormContext);
+    var global = useAppSelector(function (state) { return state.global; });
+    var customStepProps = useContext(CustomStepPropsContext).customStepProps;
+    var dependencyStore = useAppSelector(function (state) { return state.site.dependencies; });
+    var widthStats = useAppSelector(function (state) { return state.widthStats; });
+    var dependencyInfo = useStepDependency(props.step, undefined);
+    return customStep.component(__assign(__assign(__assign(__assign(__assign({}, global), dependencyInfo), props), { dependencyStore: dependencyStore, widthStats: widthStats, form: form, customStepProps: customStepProps }), ((_b = customStep.componentProps) !== null && _b !== void 0 ? _b : {})));
+}
+export default CustomStepComponent;

package/dist/FormSteps/DatePickerStep/DatePickerStep.js

@@ -0,0 +1,25 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+import { jsx as _jsx } from "react/jsx-runtime";
+import { FormStyleTypes } from '../../constants/FormStepTypes';
+import MaterialDatePickerStep from './MaterialDatePickerStep/MaterialDatePickerStep';
+import { useAppSelector } from '../../hooks';
+function DatePickerStep(props) {
+    var formStyle = useAppSelector(function (state) { return state.global; }).formStyle;
+    switch (formStyle.type) {
+        case FormStyleTypes.MATERIAL:
+        default: {
+            return _jsx(MaterialDatePickerStep, __assign({}, props));
+        }
+    }
+}
+export default DatePickerStep;

package/dist/FormSteps/DatePickerStep/MaterialDatePickerStep/MaterialDatePickerStep.js

@@ -0,0 +1,29 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+import { jsx as _jsx } from "react/jsx-runtime";
+import RoundedDatePicker from '../../../Shared/RoundedDatePicker/RoundedDatePicker';
+import { useAppSelector } from '../../../hooks';
+import { useFormStep } from '../../StepHooks';
+import MaterialInputContainer from '../../Utils/MaterialInputContainer/MaterialInputContainer';
+function DatePickerStep(_a) {
+    var _b;
+    var step = _a.step, editable = _a.editable, defaultValue = _a.defaultValue;
+    var _c = useAppSelector(function (state) { return state.global; }), formStyle = _c.formStyle, postview = _c.postview;
+    var _d = useFormStep(step, {
+        defaultValue: defaultValue,
+        rules: {
+            required: step.required ? 'Este campo es obligatorio' : undefined,
+        },
+    }), ref = _d.ref, value = _d.value, onChange = _d.onChange, error = _d.error, field = _d.field;
+    return (_jsx(MaterialInputContainer, __assign({ step: step, editable: editable }, { children: _jsx(RoundedDatePicker, __assign({}, field, { value: value, onChange: onChange, pickTime: step.pickTime, clearable: !step.required, clearLabel: "Borrar", inputRef: ref, cantEdit: !editable || postview, secondaryColor: formStyle.secondaryColor, contrastColor: formStyle.secondaryContrastColor, accentColor: formStyle.textColor, focusColor: formStyle.primaryColor, outlineColor: formStyle.outlineColor, textColor: formStyle.textColor, errorColor: formStyle.errorColor, helperTextColor: formStyle.descriptionTextColor, fontWeight: 400, label: step.label, helperText: (_b = error === null || error === void 0 ? void 0 : error.message) !== null && _b !== void 0 ? _b : step.description, error: !!error, required: step.required })) })));
+}
+export default DatePickerStep;

package/dist/FormSteps/EntityValueStep/EntityValuePickerStep.js

@@ -0,0 +1,25 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useAppSelector } from '../../hooks';
+import { FormStyleTypes } from '../../constants/FormStepTypes';
+import MaterialEntityValuePickerStep from './MaterialEntityValuePickerStep/MaterialEntityValuePickerStep';
+function EntityValuePickerStep(props) {
+    var formStyle = useAppSelector(function (state) { return state.global; }).formStyle;
+    switch (formStyle.type) {
+        case FormStyleTypes.MATERIAL:
+        default: {
+            return _jsx(MaterialEntityValuePickerStep, __assign({}, props));
+        }
+    }
+}
+export default EntityValuePickerStep;