@arquimedes.co/eureka-forms 1.9.118-test → 1.9.119-test

package/dist/FormComponents/Step/StepFunctions.js

@@ -1,4 +1,4 @@
-import Types, { ClassifierOptionTypes, EntityValueOptionTypes, OptionTypes, } from '../../constants/FormStepTypes';
+import Types, { ApiSelectorOptionTypes, ClassifierOptionTypes, EntityValueOptionTypes, OptionTypes, } from '../../constants/FormStepTypes';
 export function calcFillerSize(step, steps, values, size) {
     var _a;
     var maxSize = (_a = step.maxSize) !== null && _a !== void 0 ? _a : size.blockNum;
@@ -43,7 +43,7 @@ export function recursivelyCheckOpenSize(idStep, steps, values) {
         }
         return size;
     }
-    if (step.type === Types.ENTITYVALUEPICKER) {
+    else if (step.type === Types.ENTITYVALUEPICKER) {
         var size = step.size;
         if (value) {
             var currentOption = step.options[value];
@@ -58,12 +58,27 @@ export function recursivelyCheckOpenSize(idStep, steps, values) {
         }
         return size;
     }
+    else if (step.type === Types.API_SELECTOR) {
+        var size = step.size;
+        if (value) {
+            var currentOption = step.options[value];
+            if ((currentOption === null || currentOption === void 0 ? void 0 : currentOption.type) === ApiSelectorOptionTypes.NESTED) {
+                var optionSize = 0;
+                for (var _f = 0, _g = currentOption.steps; _f < _g.length; _f++) {
+                    var pStepId = _g[_f];
+                    optionSize += recursivelyCheckOpenSize(pStepId, steps, values);
+                }
+                size += optionSize;
+            }
+        }
+        return size;
+    }
     if (step.type === Types.CHECKBOX) {
         var size = step.size;
         var stepSteps = value ? step.steps : step.uncheckedSteps;
         var optionSize = 0;
-        for (var _f = 0, _g = stepSteps !== null && stepSteps !== void 0 ? stepSteps : []; _f < _g.length; _f++) {
-            var pStepId = _g[_f];
+        for (var _h = 0, _j = stepSteps !== null && stepSteps !== void 0 ? stepSteps : []; _h < _j.length; _h++) {
+            var pStepId = _j[_h];
             optionSize += recursivelyCheckOpenSize(pStepId, steps, values);
         }
         size += optionSize;

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

@@ -62,7 +62,10 @@ function TextInputStep(_a) {
                             setTimer(setTimeout(function () {
                                 setDependencyStore(function (deps) {
                                     var _a;
-                                    return (__assign(__assign({}, deps), (_a = {}, _a[step.id] = value, _a)));
+                                    return (__assign(__assign({}, deps), (_a = {}, _a[step.id] = {
+                                        type: step.type,
+                                        value: value,
+                                    }, _a)));
                                 });
                                 setTimer(null);
                             }, 1000));

package/dist/constants/FormStepTypes.d.ts

@@ -18,7 +18,8 @@ export declare enum StepTypes {
     CLASSIFIER_SELECTOR = "CLASSIFIER_SELECTOR",
     COLLAPSIBLE = "COLLAPSIBLE",
     MAPPER = "MAPPER",
-    ENTITYVALUEPICKER = "ENTITYVALUEPICKER"
+    ENTITYVALUEPICKER = "ENTITYVALUEPICKER",
+    API_SELECTOR = "API_SELECTOR"
 }
 export declare enum OptionTypes {
     DEFAULT = "DEFAULT",
@@ -33,6 +34,10 @@ export declare enum EntityValueOptionTypes {
     HIDE = "ENTITY_VALUE_HIDE",
     NESTED = "ENTITY_VALUE_NESTED"
 }
+export declare enum ApiSelectorOptionTypes {
+    HIDE = "API_SELECTOR_HIDE",
+    NESTED = "API_SELECTOR_NESTED"
+}
 export declare enum RatingTypes {
     SCALE = "SCALE",
     SATISFACTION = "SATISFACTION",
@@ -48,3 +53,7 @@ export declare enum EntityValueDataTypes {
     STEP = "STEP",
     VALUE = "VALUE"
 }
+export declare enum ApiSelectorParamTypes {
+    STEP = "STEP",
+    VALUE = "VALUE"
+}

package/dist/constants/FormStepTypes.js

@@ -22,6 +22,7 @@ export var StepTypes;
     StepTypes["COLLAPSIBLE"] = "COLLAPSIBLE";
     StepTypes["MAPPER"] = "MAPPER";
     StepTypes["ENTITYVALUEPICKER"] = "ENTITYVALUEPICKER";
+    StepTypes["API_SELECTOR"] = "API_SELECTOR";
 })(StepTypes || (StepTypes = {}));
 export var OptionTypes;
 (function (OptionTypes) {
@@ -39,6 +40,11 @@ export var EntityValueOptionTypes;
     EntityValueOptionTypes["HIDE"] = "ENTITY_VALUE_HIDE";
     EntityValueOptionTypes["NESTED"] = "ENTITY_VALUE_NESTED";
 })(EntityValueOptionTypes || (EntityValueOptionTypes = {}));
+export var ApiSelectorOptionTypes;
+(function (ApiSelectorOptionTypes) {
+    ApiSelectorOptionTypes["HIDE"] = "API_SELECTOR_HIDE";
+    ApiSelectorOptionTypes["NESTED"] = "API_SELECTOR_NESTED";
+})(ApiSelectorOptionTypes || (ApiSelectorOptionTypes = {}));
 export var RatingTypes;
 (function (RatingTypes) {
     RatingTypes["SCALE"] = "SCALE";
@@ -57,3 +63,8 @@ export var EntityValueDataTypes;
     EntityValueDataTypes["STEP"] = "STEP";
     EntityValueDataTypes["VALUE"] = "VALUE";
 })(EntityValueDataTypes || (EntityValueDataTypes = {}));
+export var ApiSelectorParamTypes;
+(function (ApiSelectorParamTypes) {
+    ApiSelectorParamTypes["STEP"] = "STEP";
+    ApiSelectorParamTypes["VALUE"] = "VALUE";
+})(ApiSelectorParamTypes || (ApiSelectorParamTypes = {}));

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

@@ -27,6 +27,8 @@ interface StyleProps {
     helperTextColor?: string;
     /** If custom icon exists and should be displayed */
     showIcon?: boolean;
+    /** If the selector is completely hidden */
+    hidden?: boolean;
 }
 export interface RoundedSmartSelectProps extends Omit<TextFieldProps, 'color' | 'onFocus'>, StyleProps {
     /** Currently selected value */
@@ -62,5 +64,5 @@ export interface RoundedSmartSelectProps extends Omit<TextFieldProps, 'color' |
     changeListener?: (value: any) => void;
     onFocus?: any;
 }
-export default function RoundedSmartSelect({ options, value, handleUpdate, label, getValueString, color, errorColor, focusColor, helperTextColor, outlineColor, backgroundColor, cantEdit, loading, height, fontSize, required, changeListener, error, getOptionSelected, helperText, readOnly, borderRadius, fontWeight, icon, searchable, containerMargin, showIcon, inputRef, disabled, creatable, onBlur, name, onFocus, }: RoundedSmartSelectProps): JSX.Element;
+export default function RoundedSmartSelect({ options, value, handleUpdate, label, getValueString, color, errorColor, focusColor, helperTextColor, outlineColor, backgroundColor, cantEdit, loading, height, fontSize, required, changeListener, error, getOptionSelected, helperText, readOnly, borderRadius, fontWeight, icon, searchable, containerMargin, showIcon, inputRef, disabled, hidden, creatable, onBlur, name, onFocus, }: RoundedSmartSelectProps): JSX.Element;
 export {};

package/dist/shared/RoundedSmartSelect/RoundedSmartSelect.js

@@ -34,9 +34,10 @@ var useTextfieldStyles = function (props) {
         var _a, _b, _c;
         return ({
             root: {
+                opacity: props.hidden ? 0.5 : 1,
                 borderRadius: props.borderRadius,
                 '& input, textarea': {
-                    cursor: props.cantEdit ? 'default' : 'text',
+                    cursor: props.cantEdit || props.hidden ? 'default' : 'text',
                     fontWeight: props.fontWeight,
                     color: props.color,
                     fontSize: props.fontSize,
@@ -95,7 +96,7 @@ var useTextfieldStyles = function (props) {
                     },
                 },
                 '& .EF-MuiOutlinedInput-root:hover .EF-MuiOutlinedInput-notchedOutline': {
-                    borderColor: props.cantEdit
+                    borderColor: props.cantEdit || props.hidden
                         ? props.outlineColor
                         : props.focusColor,
                 },
@@ -141,7 +142,7 @@ var useTextfieldStyles = function (props) {
 };
 export default function RoundedSmartSelect(_a) {
     var _b;
-    var options = _a.options, _c = _a.value, value = _c === void 0 ? '' : _c, handleUpdate = _a.handleUpdate, label = _a.label, _d = _a.getValueString, getValueString = _d === void 0 ? function (value) { return value.value; } : _d, _e = _a.color, color = _e === void 0 ? '#293241' : _e, _f = _a.errorColor, errorColor = _f === void 0 ? '#cc2936' : _f, _g = _a.focusColor, focusColor = _g === void 0 ? '#3d5a7f' : _g, _h = _a.helperTextColor, helperTextColor = _h === void 0 ? '#989898' : _h, _j = _a.outlineColor, outlineColor = _j === void 0 ? '#b8b8b8' : _j, _k = _a.backgroundColor, backgroundColor = _k === void 0 ? '#ffffff' : _k, _l = _a.cantEdit, cantEdit = _l === void 0 ? false : _l, _m = _a.loading, loading = _m === void 0 ? false : _m, _o = _a.height, height = _o === void 0 ? '31px' : _o, _p = _a.fontSize, fontSize = _p === void 0 ? '1rem' : _p, required = _a.required, changeListener = _a.changeListener, error = _a.error, getOptionSelected = _a.getOptionSelected, helperText = _a.helperText, _q = _a.readOnly, readOnly = _q === void 0 ? false : _q, _r = _a.borderRadius, borderRadius = _r === void 0 ? 10 : _r, _s = _a.fontWeight, fontWeight = _s === void 0 ? '400' : _s, icon = _a.icon, _t = _a.searchable, searchable = _t === void 0 ? false : _t, _u = _a.containerMargin, containerMargin = _u === void 0 ? '0px' : _u, _v = _a.showIcon, showIcon = _v === void 0 ? true : _v, inputRef = _a.inputRef, disabled = _a.disabled, _w = _a.creatable, creatable = _w === void 0 ? false : _w, onBlur = _a.onBlur, name = _a.name, onFocus = _a.onFocus;
+    var options = _a.options, _c = _a.value, value = _c === void 0 ? '' : _c, handleUpdate = _a.handleUpdate, label = _a.label, _d = _a.getValueString, getValueString = _d === void 0 ? function (value) { return value.value; } : _d, _e = _a.color, color = _e === void 0 ? '#293241' : _e, _f = _a.errorColor, errorColor = _f === void 0 ? '#cc2936' : _f, _g = _a.focusColor, focusColor = _g === void 0 ? '#3d5a7f' : _g, _h = _a.helperTextColor, helperTextColor = _h === void 0 ? '#989898' : _h, _j = _a.outlineColor, outlineColor = _j === void 0 ? '#b8b8b8' : _j, _k = _a.backgroundColor, backgroundColor = _k === void 0 ? '#ffffff' : _k, _l = _a.cantEdit, cantEdit = _l === void 0 ? false : _l, _m = _a.loading, loading = _m === void 0 ? false : _m, _o = _a.height, height = _o === void 0 ? '31px' : _o, _p = _a.fontSize, fontSize = _p === void 0 ? '1rem' : _p, required = _a.required, changeListener = _a.changeListener, error = _a.error, getOptionSelected = _a.getOptionSelected, helperText = _a.helperText, _q = _a.readOnly, readOnly = _q === void 0 ? false : _q, _r = _a.borderRadius, borderRadius = _r === void 0 ? 10 : _r, _s = _a.fontWeight, fontWeight = _s === void 0 ? '400' : _s, icon = _a.icon, _t = _a.searchable, searchable = _t === void 0 ? false : _t, _u = _a.containerMargin, containerMargin = _u === void 0 ? '0px' : _u, _v = _a.showIcon, showIcon = _v === void 0 ? true : _v, inputRef = _a.inputRef, disabled = _a.disabled, _w = _a.hidden, hidden = _w === void 0 ? false : _w, _x = _a.creatable, creatable = _x === void 0 ? false : _x, onBlur = _a.onBlur, name = _a.name, onFocus = _a.onFocus;
     var props = {
         color: color,
         height: height,
@@ -154,6 +155,7 @@ export default function RoundedSmartSelect(_a) {
         readOnly: readOnly,
         fontSize: fontSize,
         fontWeight: fontWeight,
+        hidden: hidden,
         cantEdit: cantEdit,
         showIcon: showIcon && icon !== undefined,
     };
@@ -211,7 +213,7 @@ export default function RoundedSmartSelect(_a) {
                 }
             }, renderOption: function (option) {
                 return typeof option === 'string' ? option : 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 }))); }, noOptionsText: "No hay opciones" }));
+            }, renderInput: function (params) { return (_jsx(TextField, __assign({ classes: textFieldClasses }, params, { inputRef: inputRef, onBlur: onBlur, name: name, variant: "outlined", label: label, required: required, error: !hidden && error, helperText: hidden ? undefined : helperText }))); }, noOptionsText: "No hay opciones" }));
     }
     else {
         return (_jsxs(RoundedSelect, __assign({ onBlur: onBlur, onFocus: onFocus, inputRef: inputRef, name: name, fullWidth: true, handleUpdate: function (event) {
@@ -220,7 +222,7 @@ 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, cantEdit: cantEdit, disabled: cantEdit || disabled, label: label, required: required, readOnly: readOnly, helperText: helperText, containerMargin: containerMargin, height: height, fontSize: fontSize, error: error, iconComponent: loading
+            }, value: getValueString(value), color: color, errorColor: errorColor, focusColor: focusColor, helperTextColor: helperTextColor, backgroundColor: backgroundColor, outlineColor: outlineColor, cantEdit: cantEdit, disabled: cantEdit || disabled, label: label, required: required, readOnly: readOnly, helperText: hidden ? undefined : helperText, containerMargin: containerMargin, height: height, fontSize: fontSize, error: !hidden && error, iconComponent: loading
                 ? function () { return (_jsx("div", __assign({ style: {
                         marginTop: 3,
                         marginRight: 8,
@@ -231,6 +233,6 @@ export default function RoundedSmartSelect(_a) {
                     ? function (props) {
                         return cloneElement(icon, props);
                     }
-                    : undefined, showIcon: showIcon }, { children: [_jsx(MenuItem, __assign({ value: '', style: { whiteSpace: 'normal' } }, { children: _jsx("em", { children: options ? 'Sin Seleccionar' : 'Cargando...' }) }), 'EMPTY'), options === null || options === void 0 ? void 0 : options.map(function (option) { return (_jsx(MenuItem, __assign({ value: getValueString(option), style: { whiteSpace: 'normal' } }, { children: option.label }), getValueString(option))); }), options === undefined && value !== undefined && (_jsx(MenuItem, __assign({ value: getValueString(value), style: { whiteSpace: 'normal' } }, { children: (_b = value.label) !== null && _b !== void 0 ? _b : '' }), getValueString(value)))] })));
+                    : undefined, showIcon: showIcon }, { children: [_jsx(MenuItem, __assign({ value: '', style: { whiteSpace: 'normal' } }, { children: _jsx("em", { children: options ? 'Sin Seleccionar' : 'Cargando...' }) }), 'EMPTY'), options === null || options === void 0 ? void 0 : options.map(function (option) { return (_jsx(MenuItem, __assign({ value: getValueString(option), style: { whiteSpace: 'normal' } }, { children: option.label }), getValueString(option))); }), options === undefined && value && (_jsx(MenuItem, __assign({ value: getValueString(value), style: { whiteSpace: 'normal' } }, { children: (_b = value.label) !== null && _b !== void 0 ? _b : '' }), getValueString(value)))] })));
     }
 }

package/package.json

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