@arquimedes.co/eureka-forms 1.9.16-test → 1.9.17-test

package/dist/shared/RoundedTextField/RoundedTextField.js

@@ -1,146 +1,106 @@
-var __extends = (this && this.__extends) || (function () {
-    var extendStatics = function (d, b) {
-        extendStatics = Object.setPrototypeOf ||
-            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
-            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
-        return extendStatics(d, b);
-    };
-    return function (d, b) {
-        if (typeof b !== "function" && b !== null)
-            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
-        extendStatics(d, b);
-        function __() { this.constructor = d; }
-        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
-    };
-})();
-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 { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import React from 'react';
 import { makeStyles } from '@material-ui/core/styles';
 import TextField from '@material-ui/core/TextField';
-var useTextfieldStyles = function (props) {
-    return makeStyles(function () { return ({
-        root: {
-            borderRadius: props.borderRadius,
-            backgroundColor: props.backgroundColor,
-            '& input, textarea': {
-                cursor: props.cantEdit ? 'default' : 'text',
-                padding: props.multiline ? props.padding : props.padding,
-                fontWeight: props.fontWeight,
-                color: props.textColor,
+const useTextfieldStyles = (props) => makeStyles(() => ({
+    root: {
+        borderRadius: props.borderRadius,
+        backgroundColor: props.backgroundColor,
+        '& input, textarea': {
+            cursor: props.cantEdit ? 'default' : 'text',
+            padding: props.multiline ? props.padding : props.padding,
+            fontWeight: props.fontWeight,
+            color: props.textColor,
+            fontSize: props.fontSize,
+            '&::placeholder': {
                 fontSize: props.fontSize,
-                '&::placeholder': {
-                    fontSize: props.fontSize,
-                },
-                backgroundColor: props.innerBackgroundColor,
-                borderRadius: props.borderRadius,
-            },
-            '& label': {
-                marginTop: props.multiline ? '0px' : '-4px',
-                fontSize: props.fontSize,
-                whiteSpace: 'nowrap',
-                overflow: 'hidden',
-                textOverflow: 'ellipsis',
-                maxWidth: 'calc(100% - 22px)',
-            },
-            '& label.EF-MuiInputLabel-shrink': {
-                marginTop: '0px',
-                maxWidth: 'calc(100% - 5px)',
             },
-            '& input + fieldset': {
-                borderRadius: props.borderRadius,
-            },
-            '& .EF-MuiInput-underline:after': {
-                borderBottomColor: props.outlineColor,
+            backgroundColor: props.innerBackgroundColor,
+            borderRadius: props.borderRadius,
+        },
+        '& label': {
+            marginTop: props.multiline ? '0px' : '-4px',
+            fontSize: props.fontSize,
+            whiteSpace: 'nowrap',
+            overflow: 'hidden',
+            textOverflow: 'ellipsis',
+            maxWidth: 'calc(100% - 22px)',
+        },
+        '& label.EF-MuiInputLabel-shrink': {
+            marginTop: '0px',
+            maxWidth: 'calc(100% - 5px)',
+        },
+        '& input + fieldset': {
+            borderRadius: props.borderRadius,
+        },
+        '& .EF-MuiInput-underline:after': {
+            borderBottomColor: props.outlineColor,
+        },
+        '& .EF-MuiOutlinedInput-root': {
+            borderRadius: props.borderRadius,
+            '&.Mui-focused fieldset': {
+                borderColor: props.focusColor,
+                borderWidth: props.readOnly ? 1 : 2,
             },
-            '& .EF-MuiOutlinedInput-root': {
-                borderRadius: props.borderRadius,
-                '&.Mui-focused fieldset': {
-                    borderColor: props.focusColor,
-                    borderWidth: props.readOnly ? 1 : 2,
-                },
-                '& .EF-MuiOutlinedInput-notchedOutline': {
-                    borderColor: props.outlineColor,
-                    '& legend': {
-                        fontSize: 'calc(' + props.fontSize + ' * 0.75)',
-                    },
+            '& .EF-MuiOutlinedInput-notchedOutline': {
+                borderColor: props.outlineColor,
+                '& legend': {
+                    fontSize: 'calc(' + props.fontSize + ' * 0.75)',
                 },
             },
-            '& .EF-MuiOutlinedInput-root:hover .EF-MuiOutlinedInput-notchedOutline': {
-                borderColor: props.cantEdit
-                    ? props.outlineColor
-                    : props.focusColor,
-            },
-            '& label.Mui-focused': {
-                color: props.focusColor,
-            },
-            '& .Mui-error': {
-                color: props.errorColor,
-            },
-            '& .EF-MuiOutlinedInput-adornedEnd': {
-                paddingRight: '7px',
-            },
-            '& .EF-MuiFormHelperText-root': {
-                color: props.helperTextColor,
-                marginRight: props.maxLength ? 40 : 14,
-            },
-            '& .EF-MuiOutlinedInput-multiline': {
-                padding: 0,
-                backgroundColor: props.innerBackgroundColor,
-            },
         },
-    }); });
-};
-function CustomTextfield(_a) {
-    var _b = _a.focusColor, focusColor = _b === void 0 ? '#3d5a7f' : _b, _c = _a.helperTextColor, helperTextColor = _c === void 0 ? '#989898' : _c, _d = _a.outlineColor, outlineColor = _d === void 0 ? '#0000003b' : _d, _e = _a.backgroundColor, backgroundColor = _e === void 0 ? 'transparent' : _e, _f = _a.innerBackgroundColor, innerBackgroundColor = _f === void 0 ? 'white' : _f, _g = _a.textColor, textColor = _g === void 0 ? '#293241' : _g, _h = _a.readOnly, readOnly = _h === void 0 ? false : _h, _j = _a.borderRadius, borderRadius = _j === void 0 ? 10 : _j, _k = _a.padding, padding = _k === void 0 ? '6px 12px' : _k, _l = _a.fontSize, fontSize = _l === void 0 ? '1rem' : _l, _m = _a.errorColor, errorColor = _m === void 0 ? '#cc2936' : _m, _o = _a.fontWeight, fontWeight = _o === void 0 ? '300' : _o, _p = _a.multiline, multiline = _p === void 0 ? false : _p, _q = _a.cantEdit, cantEdit = _q === void 0 ? false : _q, maxLength = _a.maxLength, value = _a.value, icon = _a.icon, others = __rest(_a, ["focusColor", "helperTextColor", "outlineColor", "backgroundColor", "innerBackgroundColor", "textColor", "readOnly", "borderRadius", "padding", "fontSize", "errorColor", "fontWeight", "multiline", "cantEdit", "maxLength", "value", "icon"]);
-    var classes = useTextfieldStyles({
-        padding: padding,
-        textColor: textColor,
-        errorColor: errorColor,
-        focusColor: focusColor,
-        outlineColor: outlineColor,
-        innerBackgroundColor: innerBackgroundColor !== null && innerBackgroundColor !== void 0 ? innerBackgroundColor : backgroundColor,
-        helperTextColor: helperTextColor,
-        backgroundColor: backgroundColor,
-        borderRadius: borderRadius,
-        readOnly: readOnly,
-        fontSize: fontSize,
-        fontWeight: fontWeight,
-        multiline: multiline,
-        cantEdit: cantEdit,
-        maxLength: maxLength,
+        '& .EF-MuiOutlinedInput-root:hover .EF-MuiOutlinedInput-notchedOutline': {
+            borderColor: props.cantEdit
+                ? props.outlineColor
+                : props.focusColor,
+        },
+        '& label.Mui-focused': {
+            color: props.focusColor,
+        },
+        '& .Mui-error': {
+            color: props.errorColor,
+        },
+        '& .EF-MuiOutlinedInput-adornedEnd': {
+            paddingRight: '7px',
+        },
+        '& .EF-MuiFormHelperText-root': {
+            color: props.helperTextColor,
+            marginRight: props.maxLength ? 40 : 14,
+        },
+        '& .EF-MuiOutlinedInput-multiline': {
+            padding: 0,
+            backgroundColor: props.innerBackgroundColor,
+        },
+    },
+}));
+function CustomTextfield({ focusColor = '#3d5a7f', helperTextColor = '#989898', outlineColor = '#0000003b', backgroundColor = 'transparent', innerBackgroundColor = 'white', textColor = '#293241', readOnly = false, borderRadius = 10, padding = '6px 12px', fontSize = '1rem', errorColor = '#cc2936', fontWeight = '300', multiline = false, cantEdit = false, maxLength, value, icon, ...others }) {
+    const classes = useTextfieldStyles({
+        padding,
+        textColor,
+        errorColor,
+        focusColor,
+        outlineColor,
+        innerBackgroundColor: innerBackgroundColor ?? backgroundColor,
+        helperTextColor,
+        backgroundColor,
+        borderRadius,
+        readOnly,
+        fontSize,
+        fontWeight,
+        multiline,
+        cantEdit,
+        maxLength,
     })();
-    var length = maxLength ? value.length : null;
-    var inputProps = {
-        readOnly: readOnly,
+    const length = maxLength ? value.length : null;
+    const inputProps = {
+        readOnly,
         disabled: cantEdit,
         endAdornment: icon,
     };
     if (maxLength) {
-        inputProps.inputProps = { maxLength: maxLength };
+        inputProps.inputProps = { maxLength };
     }
-    return (_jsxs("div", __assign({ style: { position: 'relative', width: '100%', maxWidth: '100%' } }, { children: [_jsx(TextField, __assign({ classes: classes }, others, { value: value !== null && value !== void 0 ? value : '', multiline: multiline, variant: "outlined", size: "small", fullWidth: true, InputProps: inputProps })), length !== null && (_jsxs("div", __assign({ style: others.helperText
+    return (_jsxs("div", { style: { position: 'relative', width: '100%', maxWidth: '100%' }, children: [_jsx(TextField, { classes: classes, ...others, value: value ?? '', multiline: multiline, variant: "outlined", size: "small", fullWidth: true, InputProps: inputProps }), length !== null && (_jsxs("div", { style: others.helperText
                     ? {
                         position: 'absolute',
                         bottom: '3px',
@@ -155,19 +115,14 @@ function CustomTextfield(_a) {
                         paddingRight: '8px',
                         paddingTop: '2px',
                         paddingBottom: '2px',
-                    } }, { children: [length, "/", maxLength] })))] })));
+                    }, children: [length, "/", maxLength] }))] }));
 }
 /**
  * Generic textfield with apps designs. Is class do to the use in the react-hook-forms library
  */
-var RoundedTextField = /** @class */ (function (_super) {
-    __extends(RoundedTextField, _super);
-    function RoundedTextField() {
-        return _super !== null && _super.apply(this, arguments) || this;
+class RoundedTextField extends React.Component {
+    render() {
+        return _jsx(CustomTextfield, { ...this.props });
     }
-    RoundedTextField.prototype.render = function () {
-        return _jsx(CustomTextfield, __assign({}, this.props));
-    };
-    return RoundedTextField;
-}(React.Component));
+}
 export default RoundedTextField;

package/dist/utils/CbrFunctions.js

@@ -1,25 +1,11 @@
-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 CBRFormStepTypes from '../constants/CBRFormStepTypes';
-export var calcCbrForm = function (form, formValues) {
-    var _a;
-    for (var _i = 0, _b = Object.values(form.steps); _i < _b.length; _i++) {
-        var step = _b[_i];
+export const calcCbrForm = (form, formValues) => {
+    for (let step of Object.values(form.steps)) {
         if (step.type === CBRFormStepTypes.CBR_INCIDENCIAS) {
-            var incidentStep = step;
-            var incValue = formValues[(_a = incidentStep.id) !== null && _a !== void 0 ? _a : ''];
+            const incidentStep = step;
+            const incValue = formValues[incidentStep.id ?? ''];
             if (incValue) {
-                for (var _c = 0, incValue_1 = incValue; _c < incValue_1.length; _c++) {
-                    var incident = incValue_1[_c];
+                for (const incident of incValue) {
                     handleAddIncident(incident, incidentStep, form.steps, formValues);
                 }
             }
@@ -27,24 +13,38 @@ export var calcCbrForm = function (form, formValues) {
     }
     return form;
 };
-var handleAddIncident = function (incident, step, steps, formValues) {
-    var _a, _b;
-    var spaceStep = __assign(__assign({}, step.spaceStep), { id: incident.idSpaceStep, type: CBRFormStepTypes.CBR_TIPO_ESPACIO, dependencies: step.dependencies });
+const handleAddIncident = (incident, step, steps, formValues) => {
+    const spaceStep = {
+        ...step.spaceStep,
+        id: incident.idSpaceStep,
+        type: CBRFormStepTypes.CBR_TIPO_ESPACIO,
+        dependencies: step.dependencies,
+    };
     steps[incident.idSpaceStep] = spaceStep;
-    var commentStep = __assign(__assign({}, step.commentStep), { id: incident.idCommentStep, type: CBRFormStepTypes.CBR_COMENTARIO });
+    const commentStep = {
+        ...step.commentStep,
+        id: incident.idCommentStep,
+        type: CBRFormStepTypes.CBR_COMENTARIO,
+    };
     steps[incident.idCommentStep] = commentStep;
-    addRecursiveElementStep(incident.idElementStep, step.elementStep, null, steps, (_b = (_a = step.dependencies) === null || _a === void 0 ? void 0 : _a[0]) !== null && _b !== void 0 ? _b : '', formValues);
+    addRecursiveElementStep(incident.idElementStep, step.elementStep, null, steps, step.dependencies?.[0] ?? '', formValues);
 };
-var addRecursiveElementStep = function (idStep, step, idParent, steps, idProjectDep, formValues) {
-    var _a, _b, _c;
-    var idSubStep = (_a = formValues[idStep]) === null || _a === void 0 ? void 0 : _a.subStep;
-    var newSubStep = step.subStep ? __assign({}, step.subStep) : undefined;
-    var newStep = __assign(__assign({}, step), { id: idStep, type: CBRFormStepTypes.CBR_LOCATIVAS, parentStep: idParent, dependencies: [idProjectDep], subStep: null });
+const addRecursiveElementStep = (idStep, step, idParent, steps, idProjectDep, formValues) => {
+    const idSubStep = formValues[idStep]?.subStep;
+    const newSubStep = step.subStep ? { ...step.subStep } : undefined;
+    const newStep = {
+        ...step,
+        id: idStep,
+        type: CBRFormStepTypes.CBR_LOCATIVAS,
+        parentStep: idParent,
+        dependencies: [idProjectDep],
+        subStep: null,
+    };
     if (newSubStep) {
         newStep.subStep = idSubStep;
     }
     if (idParent) {
-        (_c = (_b = newStep.dependencies) === null || _b === void 0 ? void 0 : _b.push) === null || _c === void 0 ? void 0 : _c.call(_b, idParent);
+        newStep.dependencies?.push?.(idParent);
     }
     steps[idStep] = newStep;
     if (newSubStep) {

package/package.json

@@ -1,7 +1,7 @@
 {
     "name": "@arquimedes.co/eureka-forms",
     "repository": "git://github.com/Arquimede5/Eureka-Forms.git",
-    "version":"1.9.16-test",
+    "version":"1.9.17-test",
     "scripts": {
         "start": "react-scripts start",
         "build": "react-scripts build",
@@ -28,7 +28,7 @@
         "react-hook-form": "^7.6.4",
         "react-router-dom": "^5.2.0",
         "react-scripts": "5.0.1",
-        "typescript": "^4.4.3"
+        "typescript": "^4.9.5"
     },
     "eslintConfig": {
         "extends": [
@@ -58,8 +58,8 @@
         "@types/react-dom": "^17.0.9",
         "@types/react-draft-wysiwyg": "^1.13.3",
         "@types/react-router-dom": "^5.1.7",
-        "@typescript-eslint/eslint-plugin": "^4.24.0",
-        "@typescript-eslint/parser": "^4.24.0",
+        "@typescript-eslint/eslint-plugin": "^5.58.0",
+        "@typescript-eslint/parser": "^5.58.0",
         "cypress": "^9.5.2",
         "eslint": "^7.27.0",
         "eslint-config-prettier": "^8.3.0",