@arquimedes.co/eureka-forms 1.7.1 → 1.7.2

package/dist/FormComponents/Step/@Construction/CBRIncidentsStep/MaterialCBRIncidentsStep/MaterialCBRIncidentsStep.js

@@ -31,7 +31,7 @@ var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
 };
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 /* eslint-disable no-console */
-import { useState } from 'react';
+import { useEffect, useState } from 'react';
 import { Controller } from 'react-hook-form';
 import CBRFormStepTypes from '../../../../../constants/CBRFormStepTypes';
 import IncidentComponent from './Incident/Incident';
@@ -42,6 +42,11 @@ function Incidents(_a) {
     var step = _a.step, form = _a.form, btnRef = _a.btnRef, editable = _a.editable, postview = _a.postview, onChange = _a.onChange, incidents = _a.incidents, formStyle = _a.formStyle, dependencyStore = _a.dependencyStore, setDependencyStore = _a.setDependencyStore, others = __rest(_a, ["step", "form", "btnRef", "editable", "postview", "onChange", "incidents", "formStyle", "dependencyStore", "setDependencyStore"]);
     /** Form to pass down with aditional steps */
     var _b = useState(__assign(__assign({}, form), { steps: __assign({}, form.steps) })), localForm = _b[0], setLocalForm = _b[1];
+    useEffect(function () {
+        if (incidents.length === 0 && !postview && editable) {
+            handleAddIncident();
+        }
+    }, []);
     var handleAddIncident = function () {
         var _a, _b;
         var current = incidents.filter(function (incident) { return !incident.deleted; });

package/dist/FormComponents/Step/SmartSelectStep/MaterialSmartSelectStep/MaterialSmartSelectStep.js

@@ -80,6 +80,7 @@ function SmartSelect(_a) {
     var _g = useState(true), first = _g[0], setFirst = _g[1];
     var _h = useState(), options = _h[0], setOptions = _h[1];
     var _j = useState(), error = _j[0], setError = _j[1];
+    var _k = useState(false), loading = _k[0], setLoading = _k[1];
     var calcOptions = function (currentValue, invalidDeps) { return __awaiter(_this, void 0, void 0, function () {
         var resp, currentOption, invalids;
         var _a;
@@ -105,6 +106,7 @@ function SmartSelect(_a) {
                         }
                     }
                     setOptions(resp);
+                    setLoading(false);
                     return [2 /*return*/];
             }
         });
@@ -132,6 +134,9 @@ function SmartSelect(_a) {
                     if (invalids.length > 0) {
                         trigger(invalids, { shouldFocus: true });
                     }
+                    else {
+                        setLoading(true);
+                    }
                 }
             }
             return [2 /*return*/];
@@ -147,7 +152,7 @@ function SmartSelect(_a) {
                     if (options === null) {
                         handleMissingDep();
                     }
-                }, "data-testid": step.id }, { children: _jsx(RoundedSmartSelect, { value: value, onBlur: onBlur, disabled: options === null, loading: options === undefined, options: options !== null && options !== void 0 ? options : [], inputRef: inputRef, cantEdit: !editable || postview, fullWidth: true, backgroundColor: "transparent", innerBackgroundColor: (_d = formStyle.stepBackgroundColor) !== null && _d !== void 0 ? _d : 'white', label: step.label, required: step.required, height: '31px', searchable: step.searchable, icon: step.showIcon ? icon : undefined, iconComponent: step.showIcon ? iconComponent : undefined, helperTextColor: formStyle.descriptionTextColor, focusColor: formStyle.primaryColor, outlineColor: formStyle.outlineColor, errorColor: formStyle.errorColor, color: formStyle.textColor, containerMargin: "0px", handleUpdate: function (value) {
+                }, "data-testid": step.id }, { children: _jsx(RoundedSmartSelect, { value: value, onBlur: onBlur, disabled: options === null, loading: loading, options: options !== null && options !== void 0 ? options : [], inputRef: inputRef, cantEdit: !editable || postview, fullWidth: true, backgroundColor: "transparent", innerBackgroundColor: (_d = formStyle.stepBackgroundColor) !== null && _d !== void 0 ? _d : 'white', label: step.label, required: step.required, height: '31px', searchable: step.searchable, icon: step.showIcon ? icon : undefined, iconComponent: step.showIcon ? iconComponent : undefined, helperTextColor: formStyle.descriptionTextColor, focusColor: formStyle.primaryColor, outlineColor: formStyle.outlineColor, errorColor: formStyle.errorColor, color: formStyle.textColor, containerMargin: "0px", handleUpdate: function (value) {
                         var _a;
                         if (dependencyStore[step.id] !== undefined) {
                             setDependencyStore(__assign(__assign({}, dependencyStore), (_a = {}, _a[step.id] = value, _a)));

package/dist/shared/RoundedSmartSelect/RoundedSmartSelect.js

@@ -26,6 +26,7 @@ import { makeStyles } from '@material-ui/core/styles';
 import TextField from '@material-ui/core/TextField';
 import { MenuItem, Popper } from '@material-ui/core';
 import RoundedSelect from '../RoundedSelect/RoundedSelect';
+import CircularProgress from '@material-ui/core/CircularProgress';
 var filter = createFilterOptions();
 var useTextfieldStyles = function (props) {
     return makeStyles(function () { return ({
@@ -83,7 +84,7 @@ var useTextfieldStyles = function (props) {
                     marginTop: -10,
                 },
                 '& .EF-MuiAutocomplete-input::placeholder': {
-                    color: 'var(--greyFont)',
+                    color: '#787878',
                     opacity: 1,
                 },
             },
@@ -139,9 +140,7 @@ export default function RoundedSmartSelect(_a) {
     };
     var textFieldClasses = useTextfieldStyles(props)();
     if (searchable) {
-        return (_jsx(Autocomplete, { size: "small", fullWidth: true, openOnFocus: true, disabled: cantEdit || disabled, popupIcon: showIcon && icon ? icon : undefined, onOpen: function () {
-                //Show loading icon if loading
-            }, loading: loading, loadingText: 'Cargando...', closeIcon: false, options: options, getOptionLabel: function (option) {
+        return (_jsx(Autocomplete, { size: "small", fullWidth: true, openOnFocus: true, disabled: cantEdit || disabled, popupIcon: loading ? (_jsx(CircularProgress, { size: 22, style: { color: '#757575' } }, void 0)) : showIcon && icon ? (icon) : undefined, onOpen: function () { }, loading: loading, loadingText: 'Cargando...', closeIcon: false, options: options, getOptionLabel: function (option) {
                 var _a, _b;
                 // Value selected with enter, right from the input
                 if (typeof option === 'string') {

package/package.json

@@ -1,7 +1,7 @@
 {
     "name": "@arquimedes.co/eureka-forms",
     "repository": "git://github.com/Arquimede5/Eureka-Forms.git",
-    "version": "1.7.1",
+    "version": "1.7.2",
     "scripts": {
         "start": "react-scripts start",
         "build": "react-scripts build",