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

package/dist/cjs/FormSteps/DatePickerStep/DatePickerStep.js

@@ -1,19 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const jsx_runtime_1 = require("react/jsx-runtime");
-const FormStepTypes_1 = require("../../constants/FormStepTypes");
-const MaterialDatePickerStep_1 = __importDefault(require("./MaterialDatePickerStep/MaterialDatePickerStep"));
-const hooks_1 = require("../../hooks");
-function DatePickerStep(props) {
-    const { formStyle } = (0, hooks_1.useAppSelector)((state) => state.global);
-    switch (formStyle.type) {
-        case FormStepTypes_1.FormStyleTypes.MATERIAL:
-        default: {
-            return (0, jsx_runtime_1.jsx)(MaterialDatePickerStep_1.default, Object.assign({}, props));
-        }
-    }
-}
-exports.default = DatePickerStep;

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

@@ -1,22 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const jsx_runtime_1 = require("react/jsx-runtime");
-const RoundedDatePicker_1 = __importDefault(require("../../../Shared/RoundedDatePicker/RoundedDatePicker"));
-const hooks_1 = require("../../../hooks");
-const StepHooks_1 = require("../../StepHooks");
-const MaterialInputContainer_1 = __importDefault(require("../../Utils/MaterialInputContainer/MaterialInputContainer"));
-function DatePickerStep({ step, editable, defaultValue, }) {
-    var _a;
-    const { formStyle, postview } = (0, hooks_1.useAppSelector)((state) => state.global);
-    const { ref, value, onChange, error, field } = (0, StepHooks_1.useFormStep)(step, {
-        defaultValue,
-        rules: {
-            required: step.required ? 'Este campo es obligatorio' : undefined,
-        },
-    });
-    return ((0, jsx_runtime_1.jsx)(MaterialInputContainer_1.default, Object.assign({ step: step, editable: editable }, { children: (0, jsx_runtime_1.jsx)(RoundedDatePicker_1.default, Object.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: (_a = error === null || error === void 0 ? void 0 : error.message) !== null && _a !== void 0 ? _a : step.description, error: !!error, required: step.required })) })));
-}
-exports.default = DatePickerStep;

package/dist/cjs/FormSteps/EntityValueStep/EntityValuePickerStep.js

@@ -1,19 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const jsx_runtime_1 = require("react/jsx-runtime");
-const hooks_1 = require("../../hooks");
-const FormStepTypes_1 = require("../../constants/FormStepTypes");
-const MaterialEntityValuePickerStep_1 = __importDefault(require("./MaterialEntityValuePickerStep/MaterialEntityValuePickerStep"));
-function EntityValuePickerStep(props) {
-    const { formStyle } = (0, hooks_1.useAppSelector)((state) => state.global);
-    switch (formStyle.type) {
-        case FormStepTypes_1.FormStyleTypes.MATERIAL:
-        default: {
-            return (0, jsx_runtime_1.jsx)(MaterialEntityValuePickerStep_1.default, Object.assign({}, props));
-        }
-    }
-}
-exports.default = EntityValuePickerStep;

package/dist/cjs/FormSteps/EntityValueStep/MaterialEntityValuePickerStep/MaterialEntityValuePickerStep.js

@@ -1,122 +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 __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = __importStar(require("react"));
-const FormStepTypes_1 = __importStar(require("../../../constants/FormStepTypes"));
-const Step_1 = __importDefault(require("../../Step"));
-const MaterialSmartSelectStep_1 = __importDefault(require("../../SmartSelectStep/MaterialSmartSelectStep/MaterialSmartSelectStep"));
-const AxiosWidget_1 = __importDefault(require("../../../Utils/AxiosWidget"));
-const InputIcon_1 = __importDefault(require("../../../Shared/InputIcon/InputIcon"));
-const FormContext_1 = __importDefault(require("../../../Contexts/FormContext"));
-const StepFiller_1 = __importDefault(require("../../Utils/@StepFiller/StepFiller"));
-function EntityValuePickerStep({ step, editable, }) {
-    const form = (0, react_1.useContext)(FormContext_1.default);
-    return ((0, jsx_runtime_1.jsx)(StepFiller_1.default, Object.assign({ step: step }, { children: (0, jsx_runtime_1.jsx)(MaterialSmartSelectStep_1.default, { editable: editable, step: step, icon: step.icon ? (0, jsx_runtime_1.jsx)(InputIcon_1.default, { icon: step.icon }) : undefined, getOptions: getEntityValueOptions, getOptionSelected: (option, value) => option._id === value._id, calcDepError: (steps) => {
-                for (const step of steps) {
-                    if (step.type === FormStepTypes_1.default.ENTITYVALUEPICKER) {
-                        return 'Selecciona un ' + step.label;
-                    }
-                }
-                return undefined;
-            }, getValueString: (value) => value === null || value === void 0 ? void 0 : value._id, renderNestedSteps: (value) => {
-                if (!value)
-                    return (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, {});
-                const currentOption = step.options[value._id];
-                if ((currentOption === null || currentOption === void 0 ? void 0 : currentOption.type) === FormStepTypes_1.EntityValueOptionTypes.NESTED) {
-                    return ((0, jsx_runtime_1.jsx)(react_1.default.Fragment, { children: currentOption.steps.map((idStep) => {
-                            const subStep = form.steps[idStep];
-                            return ((0, jsx_runtime_1.jsx)(Step_1.default, { editable: editable, step: subStep }, idStep));
-                        }) }));
-                }
-                else
-                    return (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, {});
-            } }) })));
-}
-exports.default = EntityValuePickerStep;
-const getEntityValueOptions = (idOrganization, step, dependencyStore) => __awaiter(void 0, void 0, void 0, function* () {
-    var _a, _b, _c, _d, _e;
-    if (!idOrganization)
-        return null;
-    let urlPath = '';
-    for (const path of step.path) {
-        let idEntityValue = 'null';
-        switch (path.type) {
-            case FormStepTypes_1.EntityValueDataTypes.STEP: {
-                const currentValue = (_a = dependencyStore[path.idStep]) === null || _a === void 0 ? void 0 : _a.value;
-                if (!currentValue)
-                    return null;
-                if (typeof currentValue === 'string')
-                    idEntityValue = currentValue;
-                else
-                    idEntityValue = (_b = currentValue._id) !== null && _b !== void 0 ? _b : currentValue.id;
-                break;
-            }
-            case FormStepTypes_1.EntityValueDataTypes.VALUE:
-            default:
-                idEntityValue = (_c = path.idEntityValue) !== null && _c !== void 0 ? _c : 'null';
-                break;
-        }
-        urlPath +=
-            '/' + path.idEntity + (idEntityValue ? '/' + idEntityValue : '');
-    }
-    const params = new URLSearchParams({});
-    for (const filter of step.filters) {
-        switch (filter.type) {
-            case FormStepTypes_1.EntityValueDataTypes.STEP: {
-                const currentValue = (_d = dependencyStore[filter.idStep]) === null || _d === void 0 ? void 0 : _d.value;
-                if (currentValue) {
-                    if (typeof currentValue === 'string')
-                        params.set(filter.idProperty, currentValue);
-                    else
-                        params.set(filter.idProperty, (_e = currentValue._id) !== null && _e !== void 0 ? _e : currentValue.id);
-                }
-                else if (filter.required) {
-                    return null;
-                }
-                break;
-            }
-            case FormStepTypes_1.EntityValueDataTypes.VALUE:
-            default:
-                params.set(filter.idProperty, filter.value);
-                break;
-        }
-    }
-    const url = `${idOrganization}/entities/${step.idEntity}${urlPath}?${params.toString()}`;
-    const response = yield AxiosWidget_1.default.get(url);
-    return response.data.filter((option) => { var _a; return ((_a = step.options[option._id]) === null || _a === void 0 ? void 0 : _a.type) !== FormStepTypes_1.EntityValueOptionTypes.HIDE; });
-});

package/dist/cjs/FormSteps/FileUploadStep/FileUploadStep.js

@@ -1,19 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const jsx_runtime_1 = require("react/jsx-runtime");
-const hooks_1 = require("../../hooks");
-const FormStepTypes_1 = require("../../constants/FormStepTypes");
-const MaterialFileUploadStep_1 = __importDefault(require("./MaterialFileUploadStep/MaterialFileUploadStep"));
-function FileUploadStep(props) {
-    const { formStyle } = (0, hooks_1.useAppSelector)((state) => state.global);
-    switch (formStyle.type) {
-        case FormStepTypes_1.FormStyleTypes.MATERIAL:
-        default: {
-            return (0, jsx_runtime_1.jsx)(MaterialFileUploadStep_1.default, Object.assign({}, props));
-        }
-    }
-}
-exports.default = FileUploadStep;

package/dist/cjs/FormSteps/FileUploadStep/MaterialFileUploadStep/FileComponent/FileComponent.js

@@ -1,85 +0,0 @@
-"use strict";
-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 __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const jsx_runtime_1 = require("react/jsx-runtime");
-const MaterialFileUploadStep_1 = require("../MaterialFileUploadStep");
-const FileComponent_module_css_1 = __importDefault(require("./FileComponent.module.css"));
-const ClearRounded_1 = __importDefault(require("@material-ui/icons/ClearRounded"));
-const DescriptionRounded_1 = __importDefault(require("@material-ui/icons/DescriptionRounded"));
-const ErrorRounded_1 = __importDefault(require("@material-ui/icons/ErrorRounded"));
-const Loader_1 = __importDefault(require("../../../../Shared/Loader/Loader"));
-const react_1 = require("react");
-function FileUploadComponent({ file, formStyle, error, handleRemove, fetchDownloadUrl, }) {
-    var _a, _b;
-    const [downloading, setDownloading] = (0, react_1.useState)(false);
-    if (!file) {
-        return (0, jsx_runtime_1.jsx)("div", {});
-    }
-    const downloadFile = () => __awaiter(this, void 0, void 0, function* () {
-        if (fetchDownloadUrl && file.S3Key && file.fileName) {
-            try {
-                setDownloading(true);
-                const fileUrl = yield fetchDownloadUrl(file.S3Key, file.fileName);
-                const a = document.createElement('a');
-                a.href = fileUrl;
-                a.setAttribute('download', file.fileName);
-                a.click();
-                setDownloading(false);
-            }
-            catch (error) {
-                console.error(error);
-            }
-        }
-    });
-    const calcIcon = () => {
-        if (downloading) {
-            return ((0, jsx_runtime_1.jsx)("div", Object.assign({ className: FileComponent_module_css_1.default.loaderContainer }, { children: (0, jsx_runtime_1.jsx)(Loader_1.default, { size: 26, color: formStyle.primaryColor }) })));
-        }
-        else if (file.state !== undefined) {
-            switch (file.state) {
-                case 'STARTING':
-                case 'UPLOADING':
-                    return ((0, jsx_runtime_1.jsx)("div", Object.assign({ className: FileComponent_module_css_1.default.loaderContainer }, { children: (0, jsx_runtime_1.jsx)(Loader_1.default, { size: 26, color: formStyle.primaryColor }) })));
-                case 'DONE':
-                    return ((0, jsx_runtime_1.jsx)("div", Object.assign({ className: FileComponent_module_css_1.default.documentIcon, style: { color: formStyle.primaryColor } }, { children: (0, jsx_runtime_1.jsx)(DescriptionRounded_1.default, {}) })));
-                case 'ERROR':
-                    return ((0, jsx_runtime_1.jsx)("div", Object.assign({ className: FileComponent_module_css_1.default.documentIcon, style: { color: formStyle.errorColor } }, { children: (0, jsx_runtime_1.jsx)(ErrorRounded_1.default, {}) })));
-                default:
-                    return (0, jsx_runtime_1.jsx)("div", {});
-            }
-        }
-        else {
-            return ((0, jsx_runtime_1.jsx)("div", Object.assign({ className: FileComponent_module_css_1.default.documentIcon, style: { color: formStyle.primaryColor } }, { children: (0, jsx_runtime_1.jsx)(DescriptionRounded_1.default, {}) })));
-        }
-    };
-    return ((0, jsx_runtime_1.jsxs)("div", Object.assign({ className: FileComponent_module_css_1.default.container }, { children: [(0, jsx_runtime_1.jsx)("div", Object.assign({ className: FileComponent_module_css_1.default.iconContainer }, { children: calcIcon() })), (0, jsx_runtime_1.jsx)("div", Object.assign({ className: (fetchDownloadUrl && file.S3Key) ||
-                    file.downloadUrl
-                    ? FileComponent_module_css_1.default.downloadableLbl
-                    : FileComponent_module_css_1.default.label, style: {
-                    color: error ? formStyle.errorColor : formStyle.textColor,
-                }, onClick: () => {
-                    if ((0, MaterialFileUploadStep_1.isUploadedFileObject)(file) && file.downloadUrl) {
-                        const a = document.createElement('a');
-                        a.href = file.downloadUrl;
-                        a.setAttribute('download', file.fileName);
-                        a.click();
-                    }
-                    else if (fetchDownloadUrl !== undefined && file.S3Key) {
-                        downloadFile();
-                    }
-                } }, { children: (_b = (_a = file.file) === null || _a === void 0 ? void 0 : _a.name) !== null && _b !== void 0 ? _b : file.fileName })), (0, jsx_runtime_1.jsx)("div", Object.assign({ className: FileComponent_module_css_1.default.deletBtn, onClick: () => {
-                    handleRemove();
-                } }, { children: file.state !== undefined && ((0, jsx_runtime_1.jsx)(ClearRounded_1.default, { fontSize: "inherit" })) }))] })));
-}
-exports.default = FileUploadComponent;

package/dist/cjs/FormSteps/FileUploadStep/MaterialFileUploadStep/MaterialFileUploadStep.js

@@ -1,193 +0,0 @@
-"use strict";
-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 __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.isUploadedFileObject = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const MaterialFileUploadStep_module_css_1 = __importDefault(require("./MaterialFileUploadStep.module.css"));
-const react_hook_form_1 = require("react-hook-form");
-const RoundedButton_1 = __importDefault(require("../../../Shared/RoundedButton/RoundedButton"));
-const react_1 = require("react");
-const FileExtensions_1 = require("../../../constants/Files/FileExtensions");
-const FileService_1 = require("../../../Services/FileService");
-const FileComponent_1 = __importDefault(require("./FileComponent/FileComponent"));
-const FileMaxSize_1 = __importDefault(require("../../../constants/Files/FileMaxSize"));
-const hooks_1 = require("../../../hooks");
-const CustomContext_1 = __importDefault(require("../../../Contexts/CustomContext"));
-const StepHooks_1 = require("../../StepHooks");
-function isUploadedFileObject(file) {
-    return file.state === undefined && file.S3Key !== undefined;
-}
-exports.isUploadedFileObject = isUploadedFileObject;
-function FileUploadStep({ step, editable }) {
-    const { ref, value, onChange, error: fieldError, } = (0, StepHooks_1.useFormStep)(step, {
-        defaultValue: [],
-        rules: {
-            validate: (array) => ((step.required && array.length > 0) || !step.required) &&
-                array.find((file) => !file.S3Key) === undefined,
-        },
-    });
-    const { fetchDownloadUrl } = (0, react_1.useContext)(CustomContext_1.default);
-    const { formStyle, idOrganization, postview } = (0, hooks_1.useAppSelector)((state) => state.global);
-    const { clearErrors } = (0, react_hook_form_1.useFormContext)();
-    const [error, setError] = (0, react_1.useState)(undefined);
-    const [fileChange, setFileChange] = (0, react_1.useState)([]);
-    const inputRef = (0, react_1.useRef)();
-    (0, react_1.useEffect)(() => {
-        const filesToFetchLink = [];
-        const filesChanged = [];
-        for (const file of fileChange) {
-            if (file.state === 'STARTING') {
-                filesToFetchLink.push(file);
-            }
-            if (file.state === 'UPLOADING') {
-                uploadFile(file);
-                filesChanged.push(file);
-            }
-            if (file.state === 'DONE' ||
-                file.state === 'ERROR') {
-                filesChanged.push(file);
-            }
-            if (file.state === 'CANCEL') {
-                const newValue = [...value];
-                for (let i = 0; i < value.length; i++) {
-                    if (value[i].file === file.file) {
-                        newValue.splice(i, 1);
-                        break;
-                    }
-                }
-                onChange(newValue);
-            }
-        }
-        if (filesChanged.length > 0) {
-            const newValue = [...value];
-            for (const file of filesChanged) {
-                for (let i = 0; i < value.length; i++) {
-                    if (value[i].file === file.file) {
-                        newValue[i] = file;
-                    }
-                }
-            }
-            onChange(newValue);
-        }
-        if (filesToFetchLink.length > 0) {
-            getLinks(filesToFetchLink);
-            onChange([...value, ...filesToFetchLink]);
-        }
-    }, [fileChange]);
-    function getLinks(pFiles) {
-        return __awaiter(this, void 0, void 0, function* () {
-            try {
-                const fileLinks = yield (0, FileService_1.getUploadUrls)(pFiles.map((file) => file.file), idOrganization);
-                const errorsExt = [];
-                setFileChange(pFiles.map((file, index) => {
-                    var _a;
-                    if (fileLinks[index] === 'ERROR:INVALIDEXTENSION') {
-                        errorsExt.push((_a = file.file.name.split('.').pop()) !== null && _a !== void 0 ? _a : '');
-                        return Object.assign(Object.assign({}, file), { state: 'ERROR' });
-                    }
-                    else {
-                        return Object.assign(Object.assign({}, file), { state: 'UPLOADING', postInfo: fileLinks[index] });
-                    }
-                }));
-                if (errorsExt.length === 1) {
-                    setError('La extención .' + errorsExt[0] + ' no es válida');
-                }
-                else if (errorsExt.length > 1) {
-                    setError('Las extenciónes .' +
-                        errorsExt.join(',.') +
-                        ' no son válidas');
-                }
-            }
-            catch (error) {
-                console.error(error);
-            }
-        });
-    }
-    function uploadFile(pFile) {
-        return __awaiter(this, void 0, void 0, function* () {
-            try {
-                const resp = yield Promise.all([
-                    (0, FileService_1.postFile)(pFile.file, pFile.postInfo),
-                    new Promise((resolve) => setTimeout(resolve, 1000)),
-                ]);
-                setFileChange([Object.assign(Object.assign(Object.assign({}, pFile), { state: 'DONE' }), resp[0])]);
-            }
-            catch (error) {
-                console.error(error);
-            }
-        });
-    }
-    const calcErrorMsg = () => {
-        if (fieldError) {
-            const errNum = value.filter((val) => val.state === 'ERROR').length;
-            if (errNum === 1) {
-                return 'Este archivo no es válido';
-            }
-            else if (errNum > 1) {
-                return 'Estos archivos no son válidos';
-            }
-            else {
-                return 'Este campo es obligatorio';
-            }
-        }
-        return '';
-    };
-    return ((0, jsx_runtime_1.jsxs)("div", Object.assign({ className: MaterialFileUploadStep_module_css_1.default.container + (error || !!fieldError ? ' EF-error' : ''), style: editable === false || postview
-            ? {}
-            : {
-                minHeight: '100px',
-            }, "data-testid": step.id }, { children: [(0, jsx_runtime_1.jsx)("div", Object.assign({ className: MaterialFileUploadStep_module_css_1.default.labelLabel }, { children: step.label })), step.description && ((0, jsx_runtime_1.jsx)("div", Object.assign({ className: MaterialFileUploadStep_module_css_1.default.stepDescriptionLabel, style: { color: formStyle.descriptionTextColor } }, { children: step.description }))), (0, jsx_runtime_1.jsx)("input", { type: "file", ref: inputRef, className: MaterialFileUploadStep_module_css_1.default.filesInput, onChange: (e) => {
-                    const files = e.target.files;
-                    if (files) {
-                        const filesArray = Array.from(files);
-                        const maxFiles = filesArray.filter((file) => file.size > FileMaxSize_1.default);
-                        if (maxFiles.length > 0) {
-                            setError('El tamaño máximo de carga es de 30Mb.');
-                        }
-                        else {
-                            setFileChange(filesArray
-                                .filter((file) => value.find((val) => val.file ===
-                                file) === undefined)
-                                .map((file) => ({
-                                state: 'STARTING',
-                                file,
-                                postInfo: null,
-                            })));
-                        }
-                        inputRef.current.value = '';
-                    }
-                }, multiple: true, accept: (0, FileExtensions_1.getAcceptedExtensions)() }), (0, jsx_runtime_1.jsxs)("div", Object.assign({ className: MaterialFileUploadStep_module_css_1.default.btnContainer }, { children: [(0, jsx_runtime_1.jsx)("input", { ref: ref, className: 'hidden-input' }), (0, jsx_runtime_1.jsx)(RoundedButton_1.default, { disabled: !editable || postview, text: 'Examinar' + (step.required ? ' *' : ''), color: formStyle.primaryContrastColor, backgroundColor: formStyle.primaryColor, fontSize: '1rem', padding: '5px 15px 5px 15px', onClick: () => {
-                            if (editable && !postview) {
-                                const input = inputRef.current;
-                                if (input !== null) {
-                                    clearErrors(step.id);
-                                    setError(undefined);
-                                    input.click();
-                                }
-                            }
-                        } })] })), (0, jsx_runtime_1.jsx)("div", Object.assign({ className: MaterialFileUploadStep_module_css_1.default.filesContainer }, { children: value.map((file, index) => ((0, jsx_runtime_1.jsx)(FileComponent_1.default, { formStyle: formStyle, file: file, error: (!!fieldError &&
-                        file.state !== 'DONE') ||
-                        file.state === 'ERROR', handleRemove: () => {
-                        if (value.filter((val) => val.state === 'ERROR').length === 1) {
-                            clearErrors(step.id);
-                            setError(undefined);
-                        }
-                        if (file.state !== undefined) {
-                            setFileChange([
-                                Object.assign(Object.assign({}, file), { state: 'CANCEL' }),
-                            ]);
-                        }
-                    }, fetchDownloadUrl: fetchDownloadUrl }, index))) })), (0, jsx_runtime_1.jsx)("div", Object.assign({ className: MaterialFileUploadStep_module_css_1.default.errorMsg, style: { color: formStyle.errorColor } }, { children: error !== null && error !== void 0 ? error : calcErrorMsg() }))] })));
-}
-exports.default = FileUploadStep;

package/dist/cjs/FormSteps/MapperStep/MapperStep.js

@@ -1,19 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const jsx_runtime_1 = require("react/jsx-runtime");
-const FormStepTypes_1 = require("../../constants/FormStepTypes");
-const MaterialMapperStep_1 = __importDefault(require("./MaterialMapperStep/MaterialMapperStep"));
-const hooks_1 = require("../../hooks");
-function MapperStep(props) {
-    const { formStyle } = (0, hooks_1.useAppSelector)((state) => state.global);
-    switch (formStyle.type) {
-        case FormStepTypes_1.FormStyleTypes.MATERIAL:
-        default: {
-            return (0, jsx_runtime_1.jsx)(MaterialMapperStep_1.default, Object.assign({}, props));
-        }
-    }
-}
-exports.default = MapperStep;

package/dist/cjs/FormSteps/MapperStep/MaterialMapperStep/Element/ListMapperElement/ListMapperElement.js

@@ -1,45 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const ListMapperElement_module_css_1 = __importDefault(require("./ListMapperElement.module.css"));
-const DeleteRounded_1 = __importDefault(require("@material-ui/icons/DeleteRounded"));
-const FormContext_1 = __importDefault(require("../../../../../Contexts/FormContext"));
-const hooks_1 = require("../../../../../hooks");
-function ListMapperElement({ step, num, loading, element, children, editable, handleDelete, customElementModifiers, }) {
-    var _a, _b;
-    const { size } = (0, react_1.useContext)(FormContext_1.default);
-    const { formStyle, postview } = (0, hooks_1.useAppSelector)((state) => state.global);
-    const widthStats = (0, hooks_1.useAppSelector)((state) => state.widthStats);
-    const { calcName } = customElementModifiers !== null && customElementModifiers !== void 0 ? customElementModifiers : {};
-    const name = calcName
-        ? calcName(element)
-        : step.unitLabel
-            ? step.unitLabel + ' ' + (num + 1)
-            : '';
-    return ((0, jsx_runtime_1.jsxs)("div", Object.assign({ className: widthStats.isMobile ? ListMapperElement_module_css_1.default.mobileContainer : ListMapperElement_module_css_1.default.container }, { children: [(0, jsx_runtime_1.jsx)("div", Object.assign({ className: ListMapperElement_module_css_1.default.bulletContainer, style: {
-                    height: name ? 28 : 40,
-                } }, { children: (0, jsx_runtime_1.jsx)("div", { className: ListMapperElement_module_css_1.default.bullet, style: {
-                        backgroundColor: formStyle.outlineColor,
-                        borderColor: formStyle.descriptionTextColor,
-                    } }) })), (0, jsx_runtime_1.jsxs)("div", Object.assign({ className: ListMapperElement_module_css_1.default.contentContainer, style: {
-                    width: (size.blockSize + size.spacingSize) *
-                        ((_b = (_a = step.style) === null || _a === void 0 ? void 0 : _a.size) !== null && _b !== void 0 ? _b : size.blockNum - 1),
-                } }, { children: [name && ((0, jsx_runtime_1.jsxs)("div", Object.assign({ className: ListMapperElement_module_css_1.default.title, style: { color: formStyle.textColor } }, { children: [(name || loading) && ((0, jsx_runtime_1.jsx)("label", Object.assign({ className: ListMapperElement_module_css_1.default.titleLbl }, { children: loading ? 'Cargando...' : name + ':' }))), step.deletable !== false && ((0, jsx_runtime_1.jsx)("div", Object.assign({ className: !editable || postview
-                                    ? ListMapperElement_module_css_1.default.disabledDeleteBtn
-                                    : ListMapperElement_module_css_1.default.deleteBtn, style: { color: formStyle.textColor }, onClick: () => {
-                                    if (editable && !postview) {
-                                        handleDelete === null || handleDelete === void 0 ? void 0 : handleDelete();
-                                    }
-                                } }, { children: (0, jsx_runtime_1.jsx)(DeleteRounded_1.default, { fontSize: "inherit" }) })))] }))), children] })), !name && step.deletable !== false && ((0, jsx_runtime_1.jsx)("div", Object.assign({ className: !editable || postview
-                    ? ListMapperElement_module_css_1.default.disabledDeleteBtn
-                    : ListMapperElement_module_css_1.default.deleteBtn, style: { color: formStyle.textColor, marginTop: 7 }, onClick: () => {
-                    if (editable && !postview) {
-                        handleDelete === null || handleDelete === void 0 ? void 0 : handleDelete();
-                    }
-                } }, { children: (0, jsx_runtime_1.jsx)(DeleteRounded_1.default, { fontSize: "inherit" }) })))] })));
-}
-exports.default = ListMapperElement;

package/dist/cjs/FormSteps/MapperStep/MaterialMapperStep/Element/MapperElementComponent.js

@@ -1,68 +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 react_1 = require("react");
-const jsx_runtime_1 = require("react/jsx-runtime");
-const Step_1 = __importDefault(require("../../../Step"));
-const FormStepTypes_1 = require("../../../../constants/FormStepTypes");
-const ListMapperElement_1 = __importDefault(require("./ListMapperElement/ListMapperElement"));
-const PillMapperElement_1 = __importDefault(require("./PillMapperElement/PillMapperElement"));
-const react_2 = __importStar(require("react"));
-const FormContext_1 = __importDefault(require("../../../../Contexts/FormContext"));
-const CustomContext_1 = __importDefault(require("../../../../Contexts/CustomContext"));
-function MapperElementComponent(props) {
-    var _a;
-    const { step, element, editable } = props;
-    const customContext = (0, react_2.useContext)(CustomContext_1.default);
-    const form = (0, react_2.useContext)(FormContext_1.default);
-    if (element.deleted) {
-        return (0, jsx_runtime_1.jsx)("div", {});
-    }
-    const nestedCustomContext = (0, react_2.useMemo)(() => {
-        if (!props.calcCustomStepProps)
-            return customContext;
-        return Object.assign(Object.assign({}, customContext), { customStepProps: props.calcCustomStepProps(element, customContext.customStepProps) });
-    }, [element, customContext]);
-    const mapSubSteps = () => {
-        return ((0, jsx_runtime_1.jsx)(CustomContext_1.default.Provider, Object.assign({ value: nestedCustomContext }, { children: step.rootSteps.map((idSubStep) => {
-                var _a;
-                const subStep = form.steps[element.ids[idSubStep]];
-                return ((0, react_1.createElement)(Step_1.default, Object.assign({}, props, { editable: editable ? (_a = step.editable) !== null && _a !== void 0 ? _a : true : false, step: subStep, key: element.ids[idSubStep] })));
-            }) })));
-    };
-    switch ((_a = step.style) === null || _a === void 0 ? void 0 : _a.type) {
-        case FormStepTypes_1.MapperStyleTypes.INLINE:
-            return (0, jsx_runtime_1.jsx)(react_2.default.Fragment, { children: mapSubSteps() });
-        case FormStepTypes_1.MapperStyleTypes.LIST:
-            return ((0, jsx_runtime_1.jsx)(ListMapperElement_1.default, Object.assign({}, props, { step: step }, { children: mapSubSteps() })));
-        case FormStepTypes_1.MapperStyleTypes.PILL:
-        default:
-            return ((0, jsx_runtime_1.jsx)(PillMapperElement_1.default, Object.assign({}, props, { step: step }, { children: mapSubSteps() })));
-    }
-}
-exports.default = MapperElementComponent;