@arquimedes.co/eureka-forms 1.4.0-test → 1.4.4-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

@@ -13,6 +13,8 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 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 }, { children: step.description }), void 0))] }), void 0));
+    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: {
+                    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/RoundedCheckBox/RoundedCheckBox.d.ts

@@ -12,7 +12,7 @@ interface StyleProps {
     cantEdit?: boolean;
 }
 interface ComponentProps extends StyleProps {
-    onChange: Function;
+    onChange?: Function;
     checked: boolean;
 }
 /**

package/dist/shared/RoundedCheckBox/RoundedCheckBox.js

@@ -71,7 +71,7 @@ var useCheckBoxStyles = function (props) {
  * Generic rounded checkbox
  */
 function CustomCheckBox(_a) {
-    var _b = _a.padding, padding = _b === void 0 ? '9px' : _b, onChange = _a.onChange, _c = _a.error, error = _c === void 0 ? false : _c, _d = _a.size, size = _d === void 0 ? '1.5rem' : _d, _e = _a.uncheckedColor, uncheckedColor = _e === void 0 ? '#787878' : _e, _f = _a.checkedColor, checkedColor = _f === void 0 ? '#3d5a7f' : _f, _g = _a.disabledColor, disabledColor = _g === void 0 ? '#A0A0A0' : _g, _h = _a.errorColor, errorColor = _h === void 0 ? '#cc2936' : _h, _j = _a.cantEdit, cantEdit = _j === void 0 ? false : _j, checked = _a.checked, others = __rest(_a, ["padding", "onChange", "error", "size", "uncheckedColor", "checkedColor", "disabledColor", "errorColor", "cantEdit", "checked"]);
+    var _b = _a.padding, padding = _b === void 0 ? '9px' : _b, onChange = _a.onChange, _c = _a.error, error = _c === void 0 ? false : _c, _d = _a.size, size = _d === void 0 ? '1.5rem' : _d, _e = _a.checkedColor, checkedColor = _e === void 0 ? '#3d5a7f' : _e, _f = _a.uncheckedColor, uncheckedColor = _f === void 0 ? '#787878' : _f, _g = _a.disabledColor, disabledColor = _g === void 0 ? '#A0A0A0' : _g, _h = _a.errorColor, errorColor = _h === void 0 ? '#cc2936' : _h, _j = _a.cantEdit, cantEdit = _j === void 0 ? false : _j, checked = _a.checked, others = __rest(_a, ["padding", "onChange", "error", "size", "checkedColor", "uncheckedColor", "disabledColor", "errorColor", "cantEdit", "checked"]);
     var classes = useCheckBoxStyles({
         size: size,
         error: error,

package/dist/shared/RoundedDatePicker/RoundedDatePicker.js

@@ -101,8 +101,8 @@ var useDatePickerLabelStyles = function (props) {
             whiteSpace: 'nowrap',
             overflow: 'hidden',
             maxWidth: 'calc(100% - 50px)',
-            textOverflow: 'ellipsis',
             marginTop: '-4px',
+            textOverflow: 'ellipsis',
             fontSize: props.fontSize,
             '&.Mui-focused': {
                 color: props.focusColor,

package/dist/shared/RoundedSelect/RoundedSelect.d.ts

@@ -15,6 +15,8 @@ interface ColorProps {
     height?: string;
     /** The color of the text in the form */
     color?: string;
+    /** If custom iconComponent exists */
+    showIcon?: boolean;
 }
 interface RoundedSelectProps extends Omit<SelectProps, 'color'>, ColorProps {
     /** children to display in the options */
@@ -22,7 +24,7 @@ interface RoundedSelectProps extends Omit<SelectProps, 'color'>, ColorProps {
     /** Currently selected value */
     value: any;
     /** function called when value changes */
-    handleUpdate: (event: React.ChangeEvent<{
+    handleUpdate?: (event: React.ChangeEvent<{
         name?: string | undefined;
         value: any;
     }>, child?: React.ReactNode) => void;
@@ -38,6 +40,8 @@ interface RoundedSelectProps extends Omit<SelectProps, 'color'>, ColorProps {
     helperText?: string;
     /** the margin around the selector */
     containerMargin?: string;
+    /** The icon to display */
+    iconComponent?: any;
 }
 /**
  * Generic textfield with apps designs. Is class do to the use in the react-hook-forms library

package/dist/shared/RoundedSelect/RoundedSelect.js

@@ -85,6 +85,9 @@ var useOutlinedInputStyles = function (props) {
             '& .EF-MuiSelect-icon.Mui-disabled': {
                 color: props.outlineColor,
             },
+            '& .EF-MuiSelect-iconOpen': {
+                transform: props.showIcon ? 'none' : 'rotate(180deg)',
+            },
             borderRadius: 10,
             color: props.color,
         },
@@ -127,7 +130,7 @@ var useHelperTextStyles = function (props) {
     }); });
 };
 function CustomSelect(_a) {
-    var children = _a.children, value = _a.value, handleUpdate = _a.handleUpdate, label = _a.label, minWidth = _a.minWidth, helperText = _a.helperText, _b = _a.color, color = _b === void 0 ? '#293241' : _b, _c = _a.errorColor, errorColor = _c === void 0 ? '#cc2936' : _c, _d = _a.focusColor, focusColor = _d === void 0 ? '#3d5a7f' : _d, _e = _a.outlineColor, outlineColor = _e === void 0 ? '#0000003b' : _e, _f = _a.helperTextColor, helperTextColor = _f === void 0 ? '#989898' : _f, _g = _a.cantEdit, cantEdit = _g === void 0 ? false : _g, _h = _a.containerMargin, containerMargin = _h === void 0 ? '8px' : _h, _j = _a.height, height = _j === void 0 ? '40px' : _j, required = _a.required, error = _a.error, others = __rest(_a, ["children", "value", "handleUpdate", "label", "minWidth", "helperText", "color", "errorColor", "focusColor", "outlineColor", "helperTextColor", "cantEdit", "containerMargin", "height", "required", "error"]);
+    var children = _a.children, value = _a.value, handleUpdate = _a.handleUpdate, label = _a.label, minWidth = _a.minWidth, helperText = _a.helperText, _b = _a.color, color = _b === void 0 ? '#293241' : _b, _c = _a.errorColor, errorColor = _c === void 0 ? '#cc2936' : _c, _d = _a.focusColor, focusColor = _d === void 0 ? '#3d5a7f' : _d, _e = _a.outlineColor, outlineColor = _e === void 0 ? '#0000003b' : _e, _f = _a.helperTextColor, helperTextColor = _f === void 0 ? '#989898' : _f, _g = _a.cantEdit, cantEdit = _g === void 0 ? false : _g, _h = _a.showIcon, showIcon = _h === void 0 ? true : _h, _j = _a.containerMargin, containerMargin = _j === void 0 ? '8px' : _j, _k = _a.height, height = _k === void 0 ? '40px' : _k, required = _a.required, iconComponent = _a.iconComponent, error = _a.error, others = __rest(_a, ["children", "value", "handleUpdate", "label", "minWidth", "helperText", "color", "errorColor", "focusColor", "outlineColor", "helperTextColor", "cantEdit", "showIcon", "containerMargin", "height", "required", "iconComponent", "error"]);
     var classes = useStyles();
     var outlinedInputClasses = useOutlinedInputStyles({
         helperTextColor: helperTextColor,
@@ -137,6 +140,7 @@ function CustomSelect(_a) {
         cantEdit: cantEdit,
         height: height,
         color: color,
+        showIcon: showIcon && iconComponent !== undefined,
     })();
     var labelClasses = useLabelInputStyles({
         helperTextColor: helperTextColor,
@@ -160,7 +164,9 @@ function CustomSelect(_a) {
             ? { minWidth: minWidth, outlineColor: outlineColor, margin: containerMargin }
             : {
                 margin: containerMargin,
-            }, fullWidth: true, required: required, error: error }, { children: [_jsx(InputLabel, __assign({ classes: labelClasses }, { children: label }), void 0), _jsx(Select, __assign({}, others, { value: value, onChange: handleUpdate, input: _jsx(OutlinedInput, { disabled: cantEdit, name: label, label: label + (required ? ' *' : ''), classes: outlinedInputClasses }, void 0) }, { children: children }), void 0), helperText !== undefined && (_jsx(FormHelperText, __assign({ classes: helperTextClasses }, { children: helperText }), void 0))] }), void 0));
+            }, fullWidth: true, required: required, error: error }, { children: [_jsx(InputLabel, __assign({ classes: labelClasses }, { children: label }), void 0), _jsx(Select, __assign({}, others, { value: value, onChange: handleUpdate }, (showIcon && iconComponent
+                ? { IconComponent: iconComponent }
+                : {}), { input: _jsx(OutlinedInput, { disabled: cantEdit, name: label, label: label + (required ? ' *' : ''), classes: outlinedInputClasses }, void 0) }, { children: children }), void 0), helperText !== undefined && (_jsx(FormHelperText, __assign({ classes: helperTextClasses }, { children: helperText }), void 0))] }), void 0));
 }
 /**
  * Generic textfield with apps designs. Is class do to the use in the react-hook-forms library

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

@@ -0,0 +1,63 @@
+import React from 'react';
+import { TextFieldProps } from '@material-ui/core';
+interface StyleProps {
+    /** The color of the outline when selected and hovered on */
+    focusColor?: string;
+    /** The color of the outline when it is not selected */
+    outlineColor?: string;
+    /** The color of the background  */
+    backgroundColor?: string;
+    /** The color of the error to display */
+    errorColor?: string;
+    /** If the style should change on hover */
+    cantEdit?: boolean;
+    /** The hight of the container */
+    height?: string;
+    /** The color of the text in the form */
+    color?: string;
+    /** The fontsize of the content */
+    fontSize?: string;
+    /** The color of the inner input */
+    innerBackgroundColor?: string;
+    /** The borderRadius of the input */
+    borderRadius?: number;
+    /** If input is readOnly */
+    readOnly?: boolean;
+    /** The weight of the font of the value and the placeholder */
+    fontWeight?: number | string;
+    /** The color of the helper text when not error */
+    helperTextColor?: string;
+    /** If custom iconComponent exists */
+    showIcon?: boolean;
+}
+export interface RoundedSmartSelectProps extends Omit<TextFieldProps, 'color'>, StyleProps {
+    /** Currently selected value */
+    value: any;
+    /** The array of options to display */
+    options?: any[];
+    /** If the input is loading */
+    loading?: boolean;
+    /** function called when value changes */
+    handleUpdate?: (event: React.ChangeEvent<{
+        name?: string | undefined;
+        value: any;
+    }>, child?: React.ReactNode) => void;
+    /** Strig to place in the label */
+    label: string;
+    /** Minimum width in px of the component */
+    minWidth?: number;
+    /** The helper Text to display */
+    helperText?: string;
+    /** The margin around the selector */
+    containerMargin?: string;
+    /** The icon to display */
+    icon?: React.ReactNode;
+    /** The iconComponent to display in the selector */
+    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, 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 {};