@arquimedes.co/eureka-forms 1.9.28-test → 1.9.30-test

package/dist/shared/InputIcon/InputIcon.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+export interface InputIconProps {
+    icon: string;
+    fill?: string;
+}
+declare function InputIcon({ icon, fill, ...others }: InputIconProps): JSX.Element;
+export default InputIcon;

package/dist/shared/InputIcon/InputIcon.js

@@ -0,0 +1,81 @@
+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 } from "react/jsx-runtime";
+import LeakIcon from '../../Icons/Construction/LeakIcon';
+import ProjectIcon from '../../Icons/Construction/ProjectIcon';
+import PropertyIcon from '../../Icons/Construction/PropertyIcon';
+import SpaceIcon from '../../Icons/Construction/SpaceIcon';
+import DocumentIcon from '../../Icons/DocumentIcon';
+import GenericEntityIcon from '../../Icons/Entities/GenericEntityIcon';
+import HandShakeIcon from '../../Icons/Entities/HandshakeIcon';
+import IconTypes from '../../constants/IconTypes';
+function InputIcon(_a) {
+    var icon = _a.icon, _b = _a.fill, fill = _b === void 0 ? '#757575' : _b, others = __rest(_a, ["icon", "fill"]);
+    switch (icon) {
+        case IconTypes.PROJECT:
+            return (_jsx(ProjectIcon, __assign({ style: {
+                    display: 'flex',
+                    height: 24,
+                    width: 24,
+                }, fill: fill }, others)));
+        case IconTypes.PROPERTY:
+            return (_jsx(PropertyIcon, __assign({ style: {
+                    display: 'flex',
+                    height: 23,
+                    width: 23,
+                }, fill: fill }, others)));
+        case IconTypes.SPACE:
+            return (_jsx(SpaceIcon, __assign({ style: {
+                    display: 'flex',
+                    height: 23,
+                    width: 23,
+                }, fill: fill }, others)));
+        case IconTypes.LEAK:
+            return (_jsx(LeakIcon, __assign({ style: {
+                    display: 'flex',
+                    height: 23,
+                    width: 23,
+                    marginTop: 2,
+                }, fill: fill }, others)));
+        case IconTypes.DOCUMENT:
+            return (_jsx(DocumentIcon, __assign({ style: {
+                    display: 'flex',
+                    height: 23,
+                    width: 23,
+                }, fill: fill }, others)));
+        case IconTypes.HANDSHAKE:
+            return (_jsx(HandShakeIcon, __assign({ style: {
+                    display: 'flex',
+                    height: 23,
+                    width: 23,
+                }, fill: fill }, others)));
+        case IconTypes.GENERIC:
+        default:
+            return (_jsx(GenericEntityIcon, __assign({ style: {
+                    display: 'flex',
+                    height: 23,
+                    width: 23,
+                }, fill: fill }, others)));
+    }
+}
+export default InputIcon;

package/dist/shared/RoundedSelect/RoundedSelect.js

@@ -36,7 +36,7 @@ var __rest = (this && this.__rest) || function (s, e) {
     return t;
 };
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import React from 'react';
+import React, { useState } from 'react';
 import { makeStyles } from '@material-ui/core/styles';
 import InputLabel from '@material-ui/core/InputLabel';
 import FormControl from '@material-ui/core/FormControl';
@@ -78,6 +78,10 @@ var useOutlinedInputStyles = function (props) {
             '& .Mui-disabled': {
                 cursor: 'default',
                 color: props.color,
+                pointerEvents: 'none',
+            },
+            '&:hover.Mui-disabled $notchedOutline': {
+                borderColor: props.errorColor,
             },
             '& .Mui-error': {
                 color: props.errorColor,
@@ -163,13 +167,23 @@ function CustomSelect(_a) {
     var outlinedInputClasses = useOutlinedInputStyles(styleProps)();
     var labelClasses = useLabelInputStyles(styleProps)();
     var helperTextClasses = useHelperTextStyles(styleProps)();
+    var _s = useState(false), open = _s[0], setOpen = _s[1];
     return (_jsxs(FormControl, __assign({ variant: "outlined", className: classes.formControl, size: "small", style: minWidth !== undefined
             ? { minWidth: minWidth, outlineColor: outlineColor, margin: containerMargin }
             : {
                 margin: containerMargin,
-            }, fullWidth: true, required: required, error: error }, { children: [label && _jsx(InputLabel, __assign({ classes: labelClasses }, { children: label })), _jsx(Select, __assign({}, others, { value: value, onChange: handleUpdate }, (showIcon && iconComponent
+            }, fullWidth: true, required: required, error: error }, { children: [label && _jsx(InputLabel, __assign({ classes: labelClasses }, { children: label })), _jsx(Select, __assign({}, others, { value: value, MenuProps: {}, onChange: handleUpdate }, (showIcon && iconComponent
                 ? { IconComponent: iconComponent }
-                : {}), { input: _jsx(OutlinedInput, { disabled: cantEdit, name: label, label: label ? label + (required ? ' *' : '') : undefined, classes: outlinedInputClasses }) }, { children: children })), helperText !== undefined && (_jsx(FormHelperText, __assign({ classes: helperTextClasses }, { children: helperText })))] })));
+                : {}), { open: open, onFocus: function (e) {
+                    var _a;
+                    if (!((_a = e.relatedTarget) === null || _a === void 0 ? void 0 : _a.closest('.EF-MuiPaper-root'))) {
+                        setOpen(true);
+                    }
+                }, onClose: function () {
+                    setOpen(false);
+                }, onOpen: function () {
+                    setOpen(true);
+                }, input: _jsx(OutlinedInput, { disabled: cantEdit, name: label, label: label ? label + (required ? ' *' : '') : undefined, classes: outlinedInputClasses }) }, { children: children })), helperText !== undefined && (_jsx(FormHelperText, __assign({ classes: helperTextClasses }, { children: helperText })))] })));
 }
 /**
  * Generic textfield with apps designs. Is class do to the use in the react-hook-forms library

package/dist/shared/RoundedSmartSelect/RoundedSmartSelect.js

@@ -205,10 +205,17 @@ export default function RoundedSmartSelect(_a) {
                 }));
             }, onOpen: function () {
                 //Show loading icon if loading
-            }, value: getValueString(value), color: color, errorColor: errorColor, focusColor: focusColor, helperTextColor: helperTextColor, backgroundColor: backgroundColor, outlineColor: outlineColor, innerBackgroundColor: innerBackgroundColor, cantEdit: cantEdit, label: label, required: required, readOnly: readOnly, helperText: helperText, containerMargin: containerMargin, height: height, fontSize: fontSize, error: error, iconComponent: icon
-                ? function (props) {
-                    return cloneElement(icon, props);
-                }
-                : undefined, showIcon: showIcon }, { children: [_jsx(MenuItem, __assign({ value: '', style: { whiteSpace: 'normal' } }, { children: _jsx("em", { children: "Sin Seleccionar" }) }), 'EMPTY'), options.map(function (option) { return (_jsx(MenuItem, __assign({ value: getValueString(option), style: { whiteSpace: 'normal' } }, { children: option.label }), getValueString(option))); })] })));
+            }, value: getValueString(value), color: color, errorColor: errorColor, focusColor: focusColor, helperTextColor: helperTextColor, backgroundColor: backgroundColor, outlineColor: outlineColor, innerBackgroundColor: innerBackgroundColor, cantEdit: cantEdit, disabled: cantEdit || disabled, label: label, required: required, readOnly: readOnly, helperText: helperText, containerMargin: containerMargin, height: height, fontSize: fontSize, error: error, iconComponent: loading
+                ? function () { return (_jsx("div", __assign({ style: {
+                        marginTop: 3,
+                        marginRight: 8,
+                    } }, { children: _jsx(CircularProgress, { size: 22, style: {
+                            color: '#757575',
+                        } }) }))); }
+                : showIcon && icon
+                    ? function (props) {
+                        return cloneElement(icon, props);
+                    }
+                    : undefined, showIcon: showIcon }, { children: [_jsx(MenuItem, __assign({ value: '', style: { whiteSpace: 'normal' } }, { children: _jsx("em", { children: "Sin Seleccionar" }) }), 'EMPTY'), options.map(function (option) { return (_jsx(MenuItem, __assign({ value: getValueString(option), style: { whiteSpace: 'normal' } }, { children: option.label }), getValueString(option))); })] })));
     }
 }

package/dist/utils/CbrFunctions.js

@@ -39,7 +39,7 @@ var addRecursiveElementStep = function (idStep, step, idParent, steps, idProject
     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 });
+    var newStep = __assign(__assign({}, step), { id: idStep, type: CBRFormStepTypes.CBR_LOCATIVAS, dependencies: [idProjectDep], subStep: null });
     if (newSubStep) {
         newStep.subStep = idSubStep;
     }

package/package.json

@@ -1,7 +1,7 @@
 {
     "name": "@arquimedes.co/eureka-forms",
     "repository": "git://github.com/Arquimede5/Eureka-Forms.git",
-    "version":"1.9.28-test",
+    "version":"1.9.30-test",
     "scripts": {
         "start": "react-scripts start",
         "build": "react-scripts build",
@@ -80,7 +80,7 @@
         "react": "^17.x.x",
         "react-dom": "^17.x.x",
         "react-draft-wysiwyg": "^1.14.x",
-        "react-hook-form": "^7.6.4"
+        "react-hook-form": "^7.45.0"
     },
     "publishConfig": {
         "access": "public"

package/dist/FormComponents/Step/@Construction/CBRLocativasStep/CBRLocativasStep.d.ts

@@ -1,8 +0,0 @@
-/// <reference types="react" />
-import { StepProps } from '../../Step';
-import { CBRElementStep } from '../../../../@Types/CBRFormStep';
-declare function CBRLocativasStep(props: LocativasSubStepRendererProps): JSX.Element;
-export default CBRLocativasStep;
-export interface LocativasSubStepRendererProps extends Omit<StepProps, 'step'> {
-    step: CBRElementStep;
-}