@arquimedes.co/eureka-forms 1.4.2-test → 1.4.5-test

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

@@ -0,0 +1,147 @@
+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 (_) 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 };
+    }
+};
+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 styles from './MaterialSmartSelectStep.module.css';
+import { Controller } from 'react-hook-form';
+import { calcStepWidth } from '../../StepFunctions';
+import RoundedSmartSelect from '../../../../shared/RoundedSmartSelect/RoundedSmartSelect';
+import { cloneElement, useEffect, useState } from 'react';
+import React from 'react';
+function SmartSelect(_a) {
+    var _this = this;
+    var _b, _c, _d;
+    var icon = _a.icon, step = _a.step, form = _a.form, value = _a.value, onBlur = _a.onBlur, errors = _a.errors, trigger = _a.trigger, children = _a.children, onChange = _a.onChange, inputRef = _a.inputRef, postview = _a.postview, formStyle = _a.formStyle, getOptions = _a.getOptions, widthStats = _a.widthStats, calcDepError = _a.calcDepError, iconComponent = _a.iconComponent, valueOverwrite = _a.valueOverwrite, dependencyStore = _a.dependencyStore, getOptionSelected = _a.getOptionSelected, setDependencyStore = _a.setDependencyStore, others = __rest(_a, ["icon", "step", "form", "value", "onBlur", "errors", "trigger", "children", "onChange", "inputRef", "postview", "formStyle", "getOptions", "widthStats", "calcDepError", "iconComponent", "valueOverwrite", "dependencyStore", "getOptionSelected", "setDependencyStore"]);
+    var _e = useState(), options = _e[0], setOptions = _e[1];
+    var _f = useState(), depError = _f[0], setDepError = _f[1];
+    var calcOptions = function () { return __awaiter(_this, void 0, void 0, function () {
+        var resp;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0: return [4 /*yield*/, (getOptions === null || getOptions === void 0 ? void 0 : getOptions(step, dependencyStore))];
+                case 1:
+                    resp = _a.sent();
+                    if (resp !== null) {
+                        setDepError(undefined);
+                    }
+                    setOptions(resp);
+                    return [2 /*return*/];
+            }
+        });
+    }); };
+    useEffect(function () {
+        if (value) {
+            onChange(null);
+        }
+        calcOptions();
+    }, (_c = (_b = step.dependencies) === null || _b === void 0 ? void 0 : _b.map(function (dep) { return dependencyStore[dep]; })) !== null && _c !== void 0 ? _c : []);
+    var handleMissingDep = function () { return __awaiter(_this, void 0, void 0, function () {
+        var missingDeps, _i, _a, idDep;
+        return __generator(this, function (_b) {
+            if (step.dependencies) {
+                missingDeps = [];
+                for (_i = 0, _a = step.dependencies; _i < _a.length; _i++) {
+                    idDep = _a[_i];
+                    if (dependencyStore[idDep] === null) {
+                        missingDeps.push(idDep);
+                    }
+                }
+                setDepError(calcDepError === null || calcDepError === void 0 ? void 0 : calcDepError(missingDeps.map(function (idDep) { var _a; return (_a = form.steps[idDep]) === null || _a === void 0 ? void 0 : _a.type; })));
+                if (missingDeps.length > 0) {
+                    trigger(missingDeps, { shouldFocus: true });
+                }
+            }
+            return [2 /*return*/];
+        });
+    }); };
+    return (_jsxs(React.Fragment, { children: [_jsx("div", __assign({ className: styles.container, style: {
+                    width: widthStats.currentBreakPoint <= step.size
+                        ? '100%'
+                        : calcStepWidth(step.size, form.size),
+                    minHeight: step.description || step.required ? '55px' : '43px',
+                }, onClick: function () {
+                    if (options === null) {
+                        handleMissingDep();
+                    }
+                } }, { children: _jsx(RoundedSmartSelect, { value: value, onBlur: onBlur, disabled: options === null, loading: options === undefined, options: options !== null && options !== void 0 ? options : [], "data-testid": step.id, inputRef: inputRef, cantEdit: 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)));
+                        }
+                        valueOverwrite
+                            ? onChange(valueOverwrite(value))
+                            : onChange(value);
+                    }, getOptionSelected: getOptionSelected, helperText: depError !== null && depError !== void 0 ? depError : (errors[step.id]
+                        ? errors[step.id].message
+                        : step.description), error: depError !== undefined || !!errors[step.id] }, void 0) }), void 0), children &&
+                cloneElement(children, {
+                    value: value,
+                    stepProps: __assign({ step: step, form: form, errors: errors, trigger: trigger, postview: postview, formStyle: formStyle, widthStats: widthStats, dependencyStore: dependencyStore, setDependencyStore: setDependencyStore }, others),
+                })] }, void 0));
+}
+function SmartSelectStep(props) {
+    return (_jsx(Controller, { name: props.step.id, control: props.control, defaultValue: null, rules: {
+            required: props.step.required
+                ? 'Este campo es obligatorio'
+                : undefined,
+        }, shouldUnregister: true, render: function (_a) {
+            var field = _a.field;
+            return (_jsx(SmartSelect, __assign({}, props, { inputRef: field.ref, value: field.value, onChange: field.onChange, onBlur: field.onBlur }), void 0));
+        } }, void 0));
+}
+export default SmartSelectStep;

package/dist/FormComponents/Step/SmartSelectStep/MaterialSmartSelectStep/MaterialSmartSelectStep.module.css

@@ -0,0 +1,9 @@
+.container {
+    width: fit-content;
+    max-width: calc(100% - 20px);
+    display: flex;
+    padding: 10px;
+    padding-bottom: 0px;
+    padding-top: 5px;
+    margin-bottom: 0px;
+}

package/dist/FormComponents/Step/SmartSelectStep/SmartSelectStep.d.ts

@@ -0,0 +1,24 @@
+/// <reference types="react" />
+import Types from '../../../constants/FormStepTypes';
+import { StepProps } from '../Step';
+import { GSmartSelect } from '../../../@Types/GenericFormSteps';
+export interface SmartSelectStepProps extends Omit<StepProps, 'step'> {
+    /** The SmartSelectStep to display */
+    step: GSmartSelect;
+    /** The icon to display */
+    icon?: React.ReactNode;
+    /** The iconComponent to display in the selector */
+    iconComponent?: any;
+    /** Function to call to get the options of the selector, return null if dependency is not met */
+    getOptions?: (step: GSmartSelect, dependencyStore: Record<string, any>) => Promise<any[] | null>;
+    /** Function to determine the currently selected option */
+    getOptionSelected?: (option: any, value: any) => boolean;
+    /** Function that returns the error message based on the types of the missing Dependencies, undefined if no error msg */
+    calcDepError?: (types: Types[]) => string | undefined;
+    /** children to render */
+    children?: React.ReactElement<any, string>;
+    /** Function that overwrites the value before setting it */
+    valueOverwrite?: (value: any) => any;
+}
+declare function SmartSelectStep(props: SmartSelectStepProps): JSX.Element;
+export default SmartSelectStep;

package/dist/FormComponents/Step/SmartSelectStep/SmartSelectStep.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 MaterialSmartSelectStep from './MaterialSmartSelectStep/MaterialSmartSelectStep';
+function SmartSelectStep(props) {
+    switch (props.formStyle.type) {
+        case FormStyleTypes.MATERIAL: {
+            return _jsx(MaterialSmartSelectStep, __assign({}, props), void 0);
+        }
+        default: {
+            return _jsx(MaterialSmartSelectStep, __assign({}, props), void 0);
+        }
+    }
+}
+export default SmartSelectStep;

package/dist/FormComponents/Step/Step.js

@@ -31,6 +31,7 @@ import TextAreaStep from './TextAreaStep/TextAreaStep';
 import DatePickerStep from './DatePickerStep/DatePickerStep';
 import FileUploadStep from './FileUploadStep/FileUploadStep';
 import CheckBoxStep from './CheckBoxStep/MaterialCheckBoxStep/MaterialCheckBoxStep';
+import CBRStepMapper from './CBRStepMapper';
 function StepComponent(_a) {
     var step = _a.step, props = __rest(_a, ["step"]);
     var customStep = props.customSteps[step.type];
@@ -66,7 +67,11 @@ function StepComponent(_a) {
             return _jsx(FileUploadStep, __assign({ step: step }, props), void 0);
         }
         default:
-            return _jsx("div", {}, void 0);
+            break;
     }
+    if (step.type.startsWith('CBR')) {
+        return _jsx(CBRStepMapper, __assign({}, props, { step: step }), void 0);
+    }
+    return _jsx("div", {}, void 0);
 }
 export default StepComponent;

package/dist/FormComponents/Step/StepFunctions.d.ts

@@ -1,5 +1,5 @@
-import { Form } from '../../@Types/Form';
+import { FormSize } from '../../@Types/Form';
 import { ClassifierSelector, FormSelector, FormStep } from '../../@Types/FormStep';
-export declare function calcFillerSize(step: FormSelector | ClassifierSelector, steps: Record<string, FormStep>, values: Record<string, unknown>, form: Form): number;
+export declare function calcFillerSize(step: FormSelector | ClassifierSelector, steps: Record<string, FormStep>, values: Record<string, unknown>, size: FormSize): number;
 export declare function recursivelyCheckOpenSize(idStep: string, steps: Record<string, FormStep>, values: Record<string, any>): number;
-export declare const calcStepWidth: (stepSize: 1 | 2 | 3 | 4, form: Form) => number;
+export declare const calcStepWidth: (stepSize: 1 | 2 | 3 | 4, size: FormSize) => number;

package/dist/FormComponents/Step/StepFunctions.js

@@ -1,8 +1,8 @@
 import Types, { ClassifierOptionTypes, OptionTypes, } from '../../constants/FormStepTypes';
-export function calcFillerSize(step, steps, values, form) {
-    if (step.maxSize < form.blockNum) {
+export function calcFillerSize(step, steps, values, size) {
+    if (step.maxSize < size.blockNum) {
         var stepSize = step.maxSize - recursivelyCheckOpenSize(step.id, steps, values);
-        return (form.blockSize * stepSize + form.spacingSize * (stepSize - 1) + 20);
+        return (size.blockSize * stepSize + size.spacingSize * (stepSize - 1) + 20);
     }
     else {
         return 0;
@@ -45,6 +45,6 @@ export function recursivelyCheckOpenSize(idStep, steps, values) {
         return 4;
     }
 }
-export var calcStepWidth = function (stepSize, form) {
-    return form.blockSize * stepSize + form.spacingSize * (stepSize - 1);
+export var calcStepWidth = function (stepSize, size) {
+    return size.blockSize * stepSize + size.spacingSize * (stepSize - 1);
 };

package/dist/FormComponents/Step/TextAreaStep/MaterialTextAreaStep/MaterialTextAreaStep.js

@@ -138,16 +138,19 @@ function TextAreaStep(_a) {
     }
     else {
         return (_jsx("div", __assign({ className: styles.container, style: {
-                paddingBottom: step.description || !!errors[step.id] ? '0px' : '23px',
+                paddingBottom: step.required || step.description || !!errors[step.id]
+                    ? '0px'
+                    : '5px',
             } }, { children: _jsx(Controller, { name: step.id, control: control, defaultValue: calcDefaultStringValue(originalValues[step.id]), rules: {
                     required: step.required
                         ? 'Este campo es obligatorio'
                         : undefined,
                 }, shouldUnregister: true, render: function (_a) {
+                    var _b;
                     var field = _a.field;
                     return (_jsx(RoundedTextField, __assign({}, field, { "data-testid": step.id, label: step.label, inputRef: field.ref, required: step.required, cantEdit: postview, fontWeight: 400, multiline: true, minRows: 4, maxRows: 6, focusColor: formStyle.primaryColor, outlineColor: formStyle.outlineColor, textColor: formStyle.textColor, errorColor: formStyle.errorColor, backgroundColor: formStyle.backgroundColor, innerBackgroundColor: formStyle.stepBackgroundColor, helperTextColor: formStyle.descriptionTextColor, helperText: errors[step.id]
                             ? errors[step.id].message
-                            : step.description, error: !!errors[step.id] }), void 0));
+                            : (_b = step.description) !== null && _b !== void 0 ? _b : (step.required ? ' ' : null), error: !!errors[step.id] }), void 0));
                 } }, void 0) }), void 0));
     }
 }

package/dist/FormComponents/Step/TextAreaStep/MaterialTextAreaStep/MaterialTextAreaStep.module.css

@@ -4,7 +4,6 @@
     max-width: calc(100% - 20px);
     display: flex;
     padding: 10px;
-    padding-bottom: 0px;
     padding-top: 5px;
     width: calc(100% - 20px);
 }

package/dist/FormComponents/Step/TextInputStep/MaterialTextInputStep/MaterialTextInputStep.d.ts

@@ -1,4 +1,4 @@
 /// <reference types="react" />
 import { TextInputStepProps } from '../TextInputStep';
-declare function TextInputStep({ step, form, postview, formStyle, widthStats, control, errors, }: TextInputStepProps): JSX.Element;
+declare function TextInputStep({ icon, step, form, postview, formStyle, widthStats, control, errors, }: TextInputStepProps): JSX.Element;
 export default TextInputStep;

package/dist/FormComponents/Step/TextInputStep/MaterialTextInputStep/MaterialTextInputStep.js

@@ -15,11 +15,11 @@ import styles from './MaterialTextInputStep.module.css';
 import { Controller } from 'react-hook-form';
 import { calcStepWidth } from '../../StepFunctions';
 function TextInputStep(_a) {
-    var step = _a.step, form = _a.form, postview = _a.postview, formStyle = _a.formStyle, widthStats = _a.widthStats, control = _a.control, errors = _a.errors;
+    var icon = _a.icon, step = _a.step, form = _a.form, postview = _a.postview, formStyle = _a.formStyle, widthStats = _a.widthStats, control = _a.control, errors = _a.errors;
     return (_jsx("div", __assign({ className: styles.container, style: {
             width: widthStats.currentBreakPoint <= step.size
                 ? '100%'
-                : calcStepWidth(step.size, form),
+                : calcStepWidth(step.size, form.size),
             minHeight: step.description || step.required || step.validation
                 ? '55px'
                 : '43px',
@@ -37,7 +37,7 @@ function TextInputStep(_a) {
                 var field = _a.field;
                 return (_jsx(RoundedTextField, __assign({}, field, { "data-testid": step.id, label: step.label, inputRef: field.ref, cantEdit: postview, required: step.required, fontWeight: 400, focusColor: formStyle.primaryColor, outlineColor: formStyle.outlineColor, textColor: formStyle.textColor, errorColor: formStyle.errorColor, backgroundColor: formStyle.backgroundColor, innerBackgroundColor: formStyle.stepBackgroundColor, helperText: errors[step.id]
                         ? errors[step.id].message
-                        : step.description, helperTextColor: formStyle.descriptionTextColor, error: !!errors[step.id] }), void 0));
+                        : step.description, helperTextColor: formStyle.descriptionTextColor, error: !!errors[step.id], icon: step.showIcon ? icon : undefined }), void 0));
             } }, void 0) }), void 0));
 }
 export default TextInputStep;

package/dist/FormComponents/Step/TextInputStep/TextInputStep.d.ts

@@ -4,6 +4,8 @@ import { StepProps } from '../Step';
 export interface TextInputStepProps extends StepProps {
     /** The TextInputStep to display */
     step: TextInput;
+    /** The icon to display */
+    icon?: React.ReactNode;
 }
 declare function TextInputStep(props: TextInputStepProps): JSX.Element;
 export default TextInputStep;

package/dist/FormComponents/Step/TitleStep/MaterialTitleStep/MaterialTitleStep.js

@@ -14,7 +14,7 @@ import styles from './MaterialTitleStep.module.css';
 function TitleStep(_a) {
     var step = _a.step, formStyle = _a.formStyle;
     return (_jsxs("div", __assign({ className: styles.container, style: { color: formStyle.textColor } }, { children: [_jsx("div", __assign({ className: styles.titleLbl }, { children: step.title }), void 0), step.description && (_jsx("p", __assign({ className: styles.descriptionPar, style: {
-                    marginTop: step.title ? '15px' : '0px',
+                    margin: step.title ? '10px 0px' : '0px 0px 5px 0px',
                 } }, { children: step.description }), void 0))] }), void 0));
 }
 export default TitleStep;

package/dist/FormComponents/Step/TitleStep/MaterialTitleStep/MaterialTitleStep.module.css

@@ -3,11 +3,7 @@
     flex-direction: column;
     width: 900px;
     max-width: 100%;
-    margin-bottom: 10px;
-    padding: 10px;
-    padding-bottom: 0px;
-    padding-top: 5px;
-    margin-bottom: 5px;
+    padding: 5px 10px;
 }
 
 .titleLbl {
@@ -21,9 +17,6 @@
 
 .descriptionPar {
     font-size: 16px;
-    margin: 0px;
     white-space: pre-wrap;
-    margin-top: 15px;
-    margin-bottom: 10px;
     cursor: default;
 }

package/dist/constants/CBRFormStepTypes.d.ts

@@ -0,0 +1,20 @@
+declare enum TYPES {
+    CBR_POSTVENTA = "CBR_POSTVENTA",
+    CBR_FIRST_NAME = "CBR_FIRST_NAME",
+    CBR_MIDDLE_NAME = "CBR_MIDDLE_NAME",
+    CBR_LAST_NAME = "CBR_LAST_NAME",
+    CBR_SECOND_LAST_NAME = "CBR_SECOND_LAST_NAME",
+    CBR_DOC = "CBR_DOC",
+    CBR_CEL = "CBR_CEL",
+    CBR_PHONE = "CBR_PHONE",
+    CBR_EMAIL = "CBR_EMAIL",
+    CBR_PROYECTO = "CBR_PROYECTO",
+    CBR_TIPO_DOC = "CBR_TIPO_DOC",
+    CBR_TIPO_SOLICITANTE = "CBR_TIPO_SOLICITANTE",
+    CBR_INMUEBLE = "CBR_INMUEBLE",
+    CBR_TIPO_ESPACIO = "CBR_TIPO_ESPACIO",
+    CBR_LOCATIVAS = "CBR_LOCATIVAS",
+    CBR_INCIDENCIAS = "CBR_INCIDENCIAS",
+    CBR_COMENTARIO = "CBR_COMENTARIO"
+}
+export default TYPES;

package/dist/constants/CBRFormStepTypes.js

@@ -0,0 +1,21 @@
+var TYPES;
+(function (TYPES) {
+    TYPES["CBR_POSTVENTA"] = "CBR_POSTVENTA";
+    TYPES["CBR_FIRST_NAME"] = "CBR_FIRST_NAME";
+    TYPES["CBR_MIDDLE_NAME"] = "CBR_MIDDLE_NAME";
+    TYPES["CBR_LAST_NAME"] = "CBR_LAST_NAME";
+    TYPES["CBR_SECOND_LAST_NAME"] = "CBR_SECOND_LAST_NAME";
+    TYPES["CBR_DOC"] = "CBR_DOC";
+    TYPES["CBR_CEL"] = "CBR_CEL";
+    TYPES["CBR_PHONE"] = "CBR_PHONE";
+    TYPES["CBR_EMAIL"] = "CBR_EMAIL";
+    TYPES["CBR_PROYECTO"] = "CBR_PROYECTO";
+    TYPES["CBR_TIPO_DOC"] = "CBR_TIPO_DOC";
+    TYPES["CBR_TIPO_SOLICITANTE"] = "CBR_TIPO_SOLICITANTE";
+    TYPES["CBR_INMUEBLE"] = "CBR_INMUEBLE";
+    TYPES["CBR_TIPO_ESPACIO"] = "CBR_TIPO_ESPACIO";
+    TYPES["CBR_LOCATIVAS"] = "CBR_LOCATIVAS";
+    TYPES["CBR_INCIDENCIAS"] = "CBR_INCIDENCIAS";
+    TYPES["CBR_COMENTARIO"] = "CBR_COMENTARIO";
+})(TYPES || (TYPES = {}));
+export default TYPES;

package/dist/shared/RoundedSmartSelect/RoundedSmartSelect.d.ts

@@ -37,8 +37,6 @@ export interface RoundedSmartSelectProps extends Omit<TextFieldProps, 'color'>,
     options?: any[];
     /** If the input is loading */
     loading?: boolean;
-    /** Function to call to fetch data if none is found */
-    fetchData?: () => Promise<void>;
     /** function called when value changes */
     handleUpdate?: (event: React.ChangeEvent<{
         name?: string | undefined;
@@ -58,6 +56,8 @@ export interface RoundedSmartSelectProps extends Omit<TextFieldProps, 'color'>,
     iconComponent?: any;
     /** If the options are searchable */
     searchable?: boolean;
+    /** Function to determine the currently selected option */
+    getOptionSelected?: (option: any, value: any) => boolean;
 }
-export default function RoundedSmartSelect({ options, value, handleUpdate, label, fetchData, color, errorColor, focusColor, helperTextColor, outlineColor, backgroundColor, cantEdit, loading, height, fontSize, required, error, innerBackgroundColor, helperText, readOnly, borderRadius, fontWeight, icon, iconComponent, searchable, containerMargin, showIcon, }: RoundedSmartSelectProps): JSX.Element;
+export default function RoundedSmartSelect({ options, value, handleUpdate, label, color, errorColor, focusColor, helperTextColor, outlineColor, backgroundColor, cantEdit, loading, height, fontSize, required, error, innerBackgroundColor, getOptionSelected, helperText, readOnly, borderRadius, fontWeight, icon, iconComponent, searchable, containerMargin, showIcon, inputRef, disabled, onBlur, name, }: RoundedSmartSelectProps): JSX.Element;
 export {};

package/dist/shared/RoundedSmartSelect/RoundedSmartSelect.js

@@ -27,13 +27,6 @@ import TextField from '@material-ui/core/TextField';
 import { Popper } from '@material-ui/core';
 import RoundedSelect from '../RoundedSelect/RoundedSelect';
 var filter = createFilterOptions();
-var useStyles = makeStyles(function (theme) { return ({
-    root: {
-        '& > * + *': {
-            marginTop: theme.spacing(3),
-        },
-    },
-}); });
 var useTextfieldStyles = function (props) {
     return makeStyles(function () { return ({
         root: {
@@ -41,7 +34,6 @@ var useTextfieldStyles = function (props) {
             backgroundColor: props.backgroundColor,
             '& input, textarea': {
                 cursor: props.cantEdit ? 'default' : 'text',
-                padding: '6px 12px',
                 fontWeight: props.fontWeight,
                 color: props.color,
                 fontSize: props.fontSize,
@@ -51,6 +43,12 @@ var useTextfieldStyles = function (props) {
                 backgroundColor: props.innerBackgroundColor,
                 borderRadius: props.borderRadius,
                 height: props.height,
+                marginTop: '0px !important',
+                padding: '0px 38px 0px 12px !important',
+            },
+            '& .EF-MuiInputBase-root': {
+                padding: '0px !important',
+                pointerEvents: 'all',
             },
             '& label': {
                 marginTop: '-4px',
@@ -98,11 +96,14 @@ var useTextfieldStyles = function (props) {
                 color: props.focusColor,
             },
             '& .Mui-error': {
-                color: props.errorColor,
+                color: props.errorColor + ' !important',
             },
             '& .EF-MuiFormHelperText-root': {
                 color: props.helperTextColor,
             },
+            '& .EF-MuiFormLabel-root.Mui-disabled': {
+                color: '#0000008a',
+            },
             '& .EF-MuiOutlinedInput-notchedOutline': {
                 borderColor: '#0000003b',
             },
@@ -116,7 +117,7 @@ var useTextfieldStyles = function (props) {
     }); });
 };
 export default function RoundedSmartSelect(_a) {
-    var _b = _a.options, options = _b === void 0 ? [] : _b, value = _a.value, handleUpdate = _a.handleUpdate, label = _a.label, fetchData = _a.fetchData, _c = _a.color, color = _c === void 0 ? '#293241' : _c, _d = _a.errorColor, errorColor = _d === void 0 ? '#cc2936' : _d, _e = _a.focusColor, focusColor = _e === void 0 ? '#3d5a7f' : _e, _f = _a.helperTextColor, helperTextColor = _f === void 0 ? '#989898' : _f, _g = _a.outlineColor, outlineColor = _g === void 0 ? '#b8b8b8' : _g, _h = _a.backgroundColor, backgroundColor = _h === void 0 ? '#ffffff' : _h, _j = _a.cantEdit, cantEdit = _j === void 0 ? false : _j, _k = _a.loading, loading = _k === void 0 ? false : _k, _l = _a.height, height = _l === void 0 ? '31px' : _l, _m = _a.fontSize, fontSize = _m === void 0 ? '1rem' : _m, required = _a.required, error = _a.error, innerBackgroundColor = _a.innerBackgroundColor, helperText = _a.helperText, _o = _a.readOnly, readOnly = _o === void 0 ? false : _o, _p = _a.borderRadius, borderRadius = _p === void 0 ? 10 : _p, _q = _a.fontWeight, fontWeight = _q === void 0 ? '400' : _q, icon = _a.icon, iconComponent = _a.iconComponent, _r = _a.searchable, searchable = _r === void 0 ? false : _r, _s = _a.containerMargin, containerMargin = _s === void 0 ? '0px' : _s, _t = _a.showIcon, showIcon = _t === void 0 ? true : _t;
+    var _b = _a.options, options = _b === void 0 ? [] : _b, value = _a.value, handleUpdate = _a.handleUpdate, label = _a.label, _c = _a.color, color = _c === void 0 ? '#293241' : _c, _d = _a.errorColor, errorColor = _d === void 0 ? '#cc2936' : _d, _e = _a.focusColor, focusColor = _e === void 0 ? '#3d5a7f' : _e, _f = _a.helperTextColor, helperTextColor = _f === void 0 ? '#989898' : _f, _g = _a.outlineColor, outlineColor = _g === void 0 ? '#b8b8b8' : _g, _h = _a.backgroundColor, backgroundColor = _h === void 0 ? '#ffffff' : _h, _j = _a.cantEdit, cantEdit = _j === void 0 ? false : _j, _k = _a.loading, loading = _k === void 0 ? false : _k, _l = _a.height, height = _l === void 0 ? '31px' : _l, _m = _a.fontSize, fontSize = _m === void 0 ? '1rem' : _m, required = _a.required, error = _a.error, innerBackgroundColor = _a.innerBackgroundColor, getOptionSelected = _a.getOptionSelected, helperText = _a.helperText, _o = _a.readOnly, readOnly = _o === void 0 ? false : _o, _p = _a.borderRadius, borderRadius = _p === void 0 ? 10 : _p, _q = _a.fontWeight, fontWeight = _q === void 0 ? '400' : _q, icon = _a.icon, iconComponent = _a.iconComponent, _r = _a.searchable, searchable = _r === void 0 ? false : _r, _s = _a.containerMargin, containerMargin = _s === void 0 ? '0px' : _s, _t = _a.showIcon, showIcon = _t === void 0 ? true : _t, inputRef = _a.inputRef, disabled = _a.disabled, onBlur = _a.onBlur, name = _a.name;
     var props = {
         color: color,
         height: height,
@@ -133,50 +134,39 @@ export default function RoundedSmartSelect(_a) {
         cantEdit: cantEdit,
         showIcon: showIcon && icon !== undefined,
     };
-    // const fetchAreas = async (): Promise<void> => {
-    //     const response = await axiosInstance.get('agents/areas');
-    //     setLoading(false);
-    //     setOptions(response.data.map((option: string) => ({ label: option })));
-    // };
-    var classes = useStyles();
     var textFieldClasses = useTextfieldStyles(props)();
     if (searchable) {
-        return (_jsx("div", __assign({ className: classes.root }, { children: _jsx(Autocomplete, { size: "small", fullWidth: true, popupIcon: showIcon && icon ? icon : undefined, onOpen: function () {
-                    if (options.length === 0 && fetchData) {
-                        fetchData();
-                    }
-                }, loading: loading, loadingText: 'Cargando...', closeIcon: false, options: options, getOptionLabel: function (option) {
-                    // Value selected with enter, right from the input
-                    if (typeof option === 'string') {
-                        return option;
-                    }
-                    else if (option.inputValue) {
-                        return option.inputValue;
-                    }
-                    else {
-                        // Regular option
-                        return option.label;
-                    }
-                }, PopperComponent: function (_a) {
-                    var style = _a.style, props = __rest(_a, ["style"]);
-                    return (_jsx(Popper, __assign({}, props, { style: __assign(__assign({}, style), { zIndex: 1305 }) }), void 0));
-                }, value: value !== null && value !== void 0 ? value : '', onChange: function (event, newValue) {
-                    if (typeof newValue === 'string') {
-                        handleUpdate === null || handleUpdate === void 0 ? void 0 : handleUpdate(newValue);
-                    }
-                    else {
-                        handleUpdate === null || handleUpdate === void 0 ? void 0 : handleUpdate(newValue === null || newValue === void 0 ? void 0 : newValue.label);
-                    }
-                }, filterOptions: function (options, params) {
-                    var filtered = filter(options, params);
-                    return filtered;
-                }, renderOption: function (option) { return option.label; }, renderInput: function (params) { return (_jsx(TextField, __assign({ classes: textFieldClasses }, params, { variant: "outlined", label: label, required: required, error: error, helperText: helperText }), void 0)); }, noOptionsText: "No hay opciones" }, void 0) }), void 0));
+        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) {
+                // Value selected with enter, right from the input
+                if (typeof option === 'string') {
+                    return option;
+                }
+                else if (option.inputValue) {
+                    return option.inputValue;
+                }
+                else {
+                    // Regular option
+                    return option.label;
+                }
+            }, getOptionSelected: getOptionSelected, PopperComponent: function (_a) {
+                var style = _a.style, props = __rest(_a, ["style"]);
+                return (_jsx(Popper, __assign({}, props, { style: __assign(__assign({}, style), { zIndex: 1305 }) }), void 0));
+            }, value: value ? value : null, onChange: function (event, newValue) {
+                handleUpdate === null || handleUpdate === void 0 ? void 0 : handleUpdate(newValue);
+            }, filterOptions: function (options, params) {
+                if (value) {
+                    return options;
+                }
+                else {
+                    return filter(options, params);
+                }
+            }, renderOption: function (option) { return option.label; }, renderInput: function (params) { return (_jsx(TextField, __assign({ classes: textFieldClasses }, params, { inputRef: inputRef, onBlur: onBlur, name: name, variant: "outlined", label: label, required: required, error: error, helperText: helperText }), void 0)); }, style: { pointerEvents: 'none' }, noOptionsText: "No hay opciones" }, void 0));
     }
     else {
-        return (_jsx(RoundedSelect, { fullWidth: true, handleUpdate: handleUpdate, onOpen: function () {
-                if (options.length === 0 && fetchData) {
-                    fetchData();
-                }
+        return (_jsx(RoundedSelect, { onBlur: onBlur, inputRef: inputRef, name: name, fullWidth: true, handleUpdate: handleUpdate, onOpen: function () {
+                //Show loading icon if loading
             }, value: value, color: color, errorColor: errorColor, focusColor: focusColor, helperTextColor: helperTextColor, outlineColor: outlineColor, cantEdit: cantEdit, label: label, required: required, readOnly: readOnly, helperText: helperText, containerMargin: containerMargin, height: height, error: error, iconComponent: iconComponent, showIcon: showIcon }, void 0));
     }
 }

package/dist/shared/RoundedTextField/RoundedTextField.d.ts

@@ -31,6 +31,8 @@ interface StyleProps {
     cantEdit?: boolean;
     /** The color of the helper text when not error */
     helperTextColor?: string;
+    /** The icon to display */
+    icon?: React.ReactNode;
 }
 interface RoundedTextFieldProps extends StyleProps {
 }

package/dist/shared/RoundedTextField/RoundedTextField.js

@@ -95,6 +95,9 @@ var useTextfieldStyles = function (props) {
             '& .Mui-error': {
                 color: props.errorColor,
             },
+            '& .EF-MuiOutlinedInput-adornedEnd': {
+                paddingRight: '7px',
+            },
             '& .EF-MuiFormHelperText-root': {
                 color: props.helperTextColor,
             },
@@ -102,7 +105,7 @@ var useTextfieldStyles = function (props) {
     }); });
 };
 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 ? 'white' : _e, innerBackgroundColor = _a.innerBackgroundColor, _f = _a.textColor, textColor = _f === void 0 ? '#293241' : _f, _g = _a.readOnly, readOnly = _g === void 0 ? false : _g, _h = _a.borderRadius, borderRadius = _h === void 0 ? 10 : _h, _j = _a.padding, padding = _j === void 0 ? '6px 12px' : _j, _k = _a.fontSize, fontSize = _k === void 0 ? '1rem' : _k, _l = _a.shrunkenFontSize, shrunkenFontSize = _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, inputProps = _a.inputProps, value = _a.value, others = __rest(_a, ["focusColor", "helperTextColor", "outlineColor", "backgroundColor", "innerBackgroundColor", "textColor", "readOnly", "borderRadius", "padding", "fontSize", "shrunkenFontSize", "errorColor", "fontWeight", "multiline", "cantEdit", "inputProps", "value"]);
+    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 ? 'white' : _e, innerBackgroundColor = _a.innerBackgroundColor, _f = _a.textColor, textColor = _f === void 0 ? '#293241' : _f, _g = _a.readOnly, readOnly = _g === void 0 ? false : _g, _h = _a.borderRadius, borderRadius = _h === void 0 ? 10 : _h, _j = _a.padding, padding = _j === void 0 ? '6px 12px' : _j, _k = _a.fontSize, fontSize = _k === void 0 ? '1rem' : _k, _l = _a.shrunkenFontSize, shrunkenFontSize = _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, inputProps = _a.inputProps, value = _a.value, icon = _a.icon, others = __rest(_a, ["focusColor", "helperTextColor", "outlineColor", "backgroundColor", "innerBackgroundColor", "textColor", "readOnly", "borderRadius", "padding", "fontSize", "shrunkenFontSize", "errorColor", "fontWeight", "multiline", "cantEdit", "inputProps", "value", "icon"]);
     var classes = useTextfieldStyles({
         padding: padding,
         textColor: textColor,
@@ -124,6 +127,7 @@ function CustomTextfield(_a) {
             readOnly: readOnly,
             disabled: cantEdit,
             inputProps: inputProps,
+            endAdornment: icon,
         } }), void 0));
 }
 /**