@arquimedes.co/eureka-forms 1.9.70-test → 1.9.71-test

package/dist/@Types/FormStep.d.ts

@@ -1,4 +1,4 @@
-import Types, { ClassifierOptionTypes, OptionTypes, RatingTypes, MapperStyleTypes } from '../constants/FormStepTypes';
+import Types, { ClassifierOptionTypes, OptionTypes, RatingTypes, MapperStyleTypes, EntityValueOptionTypes } from '../constants/FormStepTypes';
 import * as GSteps from './GenericFormSteps';
 export type FormStep = Title | Rating | CheckBox | TextArea | TextInput | DatePicker | FileUpload | Separator | FormSelector | ClassifierSelector | Collapsible | EntityValuePicker | Mapper;
 export interface Title extends GSteps.GBaseStep {
@@ -101,6 +101,23 @@ export interface EntityValuePicker extends GSteps.GSmartSelect {
         value?: string;
         required?: boolean;
     }[];
+    path: {
+        idEntity: string;
+        idStep?: string;
+        idEntityValue?: string;
+    }[];
+    options: Record<string, FormEntityValuePickerOption>;
+    maxSize: number;
+}
+export type FormEntityValuePickerOption = NestedEntityValuePickerOption | HideFormEntityValuePickerOption;
+interface NestedEntityValuePickerOption {
+    type: EntityValueOptionTypes.NESTED;
+    idEntityValue: string;
+    steps: string[];
+}
+interface HideFormEntityValuePickerOption {
+    type: EntityValueOptionTypes.HIDE;
+    idEntityValue: String;
 }
 export interface Mapper extends GSteps.GBaseStep {
     type: Types.MAPPER;

package/dist/@Types/Organization.d.ts

@@ -12,5 +12,6 @@ export interface Organization {
         primaryColor: string;
         secondaryColor: string;
         contrastColor: string;
+        navbarColor?: string;
     };
 }

package/dist/FormComponents/Form/Form.js

@@ -48,10 +48,10 @@ export var getLocale = function () {
             navigator.browserLanguage]) !== null && _a !== void 0 ? _a : localeMap.es);
 };
 function FormComponent(_a) {
-    var _b, _c, _d, _e, _f, _g, _h, _j;
+    var _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o;
     var form = _a.form, isWidget = _a.isWidget, internal = _a.internal, postview = _a.postview, organization = _a.organization, containerRef = _a.containerRef, others = __rest(_a, ["form", "isWidget", "internal", "postview", "organization", "containerRef"]);
-    var _k = useState(false), loaded = _k[0], setLoaded = _k[1];
-    var _l = useState(undefined), widthStats = _l[0], setWidthStats = _l[1];
+    var _p = useState(false), loaded = _p[0], setLoaded = _p[1];
+    var _q = useState(undefined), widthStats = _q[0], setWidthStats = _q[1];
     /** Calcs the currentBreakPoint and if is mobile */
     var handleResize = function () {
         var _a;
@@ -88,26 +88,26 @@ function FormComponent(_a) {
     if ((postview || internal || !form.isStandAlone) &&
         widthStats !== undefined) {
         return (_jsx("div", __assign({ style: {
-                backgroundColor: internal || !form.style
-                    ? InternalFormStyle.backgroundColor
-                    : form.style.backgroundColor,
+                backgroundColor: internal
+                    ? 'transparent'
+                    : (_d = (_c = form.style) === null || _c === void 0 ? void 0 : _c.backgroundColor) !== null && _d !== void 0 ? _d : InternalFormStyle.backgroundColor,
                 minHeight: form.isStandAlone && !isWidget ? '100vh' : '100%',
             } }, { children: _jsx("div", __assign({ className: styles.widgetFormContainer, ref: containerRef }, { children: _jsx(FormTypeComponent, __assign({}, others, { handleLoaded: function () {
                         setLoaded(true);
                     }, widthStats: widthStats, form: form, internal: internal, postview: postview, organization: organization, formStyle: internal
                         ? InternalFormStyle
-                        : __assign(__assign({}, InternalFormStyle), ((_c = form.style) !== null && _c !== void 0 ? _c : {})) })) })) })));
+                        : __assign(__assign({}, InternalFormStyle), ((_e = form.style) !== null && _e !== void 0 ? _e : {})) })) })) })));
     }
     else if (organization && widthStats !== undefined) {
         //Standalone cant have widget
-        return (_jsxs(React.Fragment, { children: [_jsx(Navbar, { logo: organization.logoUrl, color: (_d = organization.styles) === null || _d === void 0 ? void 0 : _d.primaryColor }), _jsx("div", __assign({ className: styles.standAloneFormContainer, ref: containerRef, style: {
-                        background: (_f = (_e = form.style) === null || _e === void 0 ? void 0 : _e.standAloneBackgroundColor) !== null && _f !== void 0 ? _f : '#ffffff',
+        return (_jsxs(React.Fragment, { children: [_jsx(Navbar, { logo: organization.logoUrl, color: (_g = (_f = organization.styles) === null || _f === void 0 ? void 0 : _f.navbarColor) !== null && _g !== void 0 ? _g : (_h = organization.styles) === null || _h === void 0 ? void 0 : _h.primaryColor }), _jsx("div", __assign({ className: styles.standAloneFormContainer, ref: containerRef, style: {
+                        background: (_k = (_j = form.style) === null || _j === void 0 ? void 0 : _j.standAloneBackgroundColor) !== null && _k !== void 0 ? _k : '#ffffff',
                     } }, { children: _jsx("div", __assign({ className: widthStats.isResponsive
                             ? styles.fullScreenStandAloneForm
                             : styles.standAloneFormCard, style: {
-                            backgroundColor: (_h = (_g = form.style) === null || _g === void 0 ? void 0 : _g.backgroundColor) !== null && _h !== void 0 ? _h : InternalFormStyle.backgroundColor,
+                            backgroundColor: (_m = (_l = form.style) === null || _l === void 0 ? void 0 : _l.backgroundColor) !== null && _m !== void 0 ? _m : InternalFormStyle.backgroundColor,
                             visibility: loaded ? 'visible' : 'hidden',
-                        } }, { children: _jsx(FormTypeComponent, __assign({}, others, { internal: internal, postview: postview, widthStats: widthStats, form: form, formStyle: (_j = form.style) !== null && _j !== void 0 ? _j : InternalFormStyle, organization: organization, handleLoaded: function () {
+                        } }, { children: _jsx(FormTypeComponent, __assign({}, others, { internal: internal, postview: postview, widthStats: widthStats, form: form, formStyle: (_o = form.style) !== null && _o !== void 0 ? _o : InternalFormStyle, organization: organization, handleLoaded: function () {
                                 setLoaded(true);
                             } })) })) }))] }));
     }

package/dist/FormComponents/Step/EntityValueStep/{EntityValueStep.d.ts → EntityValuePickerStep.d.ts}

@@ -11,5 +11,5 @@ export interface EntityValuePickerStepProps extends StepProps {
     /** Default value to display */
     defaultValue?: Date | null;
 }
-declare function EntityValuePickerStep({ step, ...props }: EntityValuePickerStepProps): JSX.Element;
+declare function EntityValuePickerStep({ ...props }: EntityValuePickerStepProps): JSX.Element;
 export default EntityValuePickerStep;

package/dist/FormComponents/Step/EntityValueStep/EntityValuePickerStep.js

@@ -0,0 +1,35 @@
+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 { FormStyleTypes } from '../../../constants/FormStepTypes';
+import MaterialEntityValuePickerStep from './MaterialEntityValuePickerStep/MaterialEntityValuePickerStep';
+function EntityValuePickerStep(_a) {
+    var props = __rest(_a, []);
+    switch (props.formStyle.type) {
+        case FormStyleTypes.MATERIAL:
+        default: {
+            return _jsx(MaterialEntityValuePickerStep, __assign({}, props));
+        }
+    }
+}
+export default EntityValuePickerStep;

package/dist/FormComponents/Step/EntityValueStep/MaterialEntityValuePickerStep/MaterialEntityValuePickerStep.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { EntityValuePickerStepProps } from '../EntityValuePickerStep';
+export default EntityValuePickerStep;
+declare function EntityValuePickerStep(props: EntityValuePickerStepProps): JSX.Element;

package/dist/FormComponents/Step/EntityValueStep/MaterialEntityValuePickerStep/MaterialEntityValuePickerStep.js

@@ -0,0 +1,203 @@
+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 (g && (g = 0, op[0] && (_ = 0)), _) 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 { createElement as _createElement } from "react";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React, { useEffect, useState } from 'react';
+import FormStepTypes, { EntityValueOptionTypes, } from '../../../../constants/FormStepTypes';
+import styles from './MaterialEntityValuePickerStep.module.css';
+import StepComponent from '../../Step';
+import { Controller } from 'react-hook-form';
+import { calcFillerSize, calcStepWidth } from '../../StepFunctions';
+import { SmartSelect } from '../../SmartSelectStep/MaterialSmartSelectStep/MaterialSmartSelectStep';
+import widgetInstance from '../../../../AxiosWidget';
+import axiosInstance from '../../../../AxiosAPI';
+import InputIcon from '../../../../shared/InputIcon/InputIcon';
+function EntityValuePicker(_a) {
+    var _this = this;
+    var step = _a.step, form = _a.form, level = _a.level, value = _a.value, control = _a.control, editable = _a.editable, postview = _a.postview, inputRef = _a.inputRef, getValues = _a.getValues, widthStats = _a.widthStats, handleSizeChange = _a.handleSizeChange, others = __rest(_a, ["step", "form", "level", "value", "control", "editable", "postview", "inputRef", "getValues", "widthStats", "handleSizeChange"]);
+    var _b = useState(level === 0
+        ? calcFillerSize(step, form.steps, getValues(), form.size)
+        : 0), fillerSize = _b[0], setFillerSize = _b[1];
+    useEffect(function () {
+        if (!others.originalValues[step.id] && others.defaultValue) {
+            others.setDependencyStore(function (deps) {
+                var _a;
+                return (__assign(__assign({}, deps), (_a = {}, _a[step.id] = others.defaultValue, _a)));
+            });
+        }
+    }, []);
+    var getEntityValueOptions = function (_a, _step, dependencyStore, domain) {
+        var idOrganization = _a.idOrganization;
+        return __awaiter(_this, void 0, void 0, function () {
+            var params, _i, _b, filter, value_1, currentValue, url, response;
+            var _c;
+            return __generator(this, function (_d) {
+                switch (_d.label) {
+                    case 0:
+                        params = new URLSearchParams({});
+                        for (_i = 0, _b = step.filters; _i < _b.length; _i++) {
+                            filter = _b[_i];
+                            value_1 = filter.value;
+                            if (filter.idStep) {
+                                currentValue = dependencyStore[filter.idStep];
+                                if (currentValue) {
+                                    if (typeof currentValue === 'string')
+                                        value_1 = currentValue;
+                                    else
+                                        value_1 = (_c = currentValue._id) !== null && _c !== void 0 ? _c : currentValue.id;
+                                    //TODO: Manejo de multiple!
+                                }
+                                else if (filter.required) {
+                                    return [2 /*return*/, null];
+                                }
+                            }
+                            if (value_1)
+                                params.set(filter.idProperty, value_1);
+                        }
+                        url = "".concat(domain !== null && domain !== void 0 ? domain : idOrganization, "/entities/").concat(step.idEntity).concat(step.path.map(function (path) {
+                            var _a;
+                            var idEntityValue = path.idEntityValue;
+                            if (path.idStep) {
+                                var currentValue = dependencyStore[path.idStep];
+                                if (currentValue) {
+                                    if (typeof currentValue === 'string')
+                                        idEntityValue = currentValue;
+                                    else
+                                        idEntityValue = (_a = currentValue._id) !== null && _a !== void 0 ? _a : currentValue.id;
+                                }
+                            }
+                            return ('/' + path.idEntity + (idEntityValue ? '/' + idEntityValue : ''));
+                        }), "?").concat(params.toString());
+                        return [4 /*yield*/, (domain
+                                ? widgetInstance.get(url)
+                                : axiosInstance.get(url))];
+                    case 1:
+                        response = _d.sent();
+                        return [2 /*return*/, response.data.filter(function (option) {
+                                return step.options[option._id].type !== EntityValueOptionTypes.HIDE;
+                            })];
+                }
+            });
+        });
+    };
+    var sizeChange = function () {
+        handleSizeChange === null || handleSizeChange === void 0 ? void 0 : handleSizeChange();
+        if (level === 0) {
+            setFillerSize(calcFillerSize(step, form.steps, getValues(), form.size));
+        }
+    };
+    var renderSelect = function () {
+        return (_jsx("div", __assign({ className: styles.container, style: {
+                width: widthStats.currentBreakPoint <= step.size
+                    ? '100%'
+                    : calcStepWidth(step.size, form.size),
+                minHeight: step.description ||
+                    (!postview && editable && step.required)
+                    ? '55px'
+                    : '43px',
+            } }, { children: _jsx(SmartSelect, __assign({}, others, { form: form, level: level, control: control, postview: postview, getValues: getValues, widthStats: widthStats, value: value, inputRef: inputRef, editable: editable, step: step, icon: step.icon ? _jsx(InputIcon, { icon: step.icon }) : undefined, getOptions: getEntityValueOptions, getOptionSelected: function (option, value) {
+                    return option._id === value._id;
+                }, calcDepError: function (steps) {
+                    for (var _i = 0, steps_1 = steps; _i < steps_1.length; _i++) {
+                        var step_1 = steps_1[_i];
+                        if (step_1.type === FormStepTypes.ENTITYVALUEPICKER) {
+                            return 'Selecciona un ' + step_1.label;
+                        }
+                    }
+                    return undefined;
+                }, getValueString: function (value) { return value === null || value === void 0 ? void 0 : value._id; } })) }), step.id));
+    };
+    var mapNestedOption = function () {
+        if (value) {
+            var currentOption = step.options[value._id];
+            if ((currentOption === null || currentOption === void 0 ? void 0 : currentOption.type) === EntityValueOptionTypes.NESTED) {
+                return (_jsx(React.Fragment, { children: currentOption.steps.map(function (idStep) {
+                        var subStep = form.steps[idStep];
+                        return (_createElement(StepComponent, __assign({}, others, { postview: postview, editable: editable, widthStats: widthStats, getValues: getValues, form: form, control: control, step: subStep, key: idStep, level: level + 1, handleSizeChange: function () {
+                                sizeChange();
+                            } })));
+                    }) }));
+            }
+        }
+    };
+    if (level === 0 && step.maxSize < form.size.blockNum) {
+        return (_jsxs("div", __assign({ className: styles.firstLvlContainer, style: {
+                width: widthStats.currentBreakPoint <= step.size
+                    ? '100%'
+                    : 'fit-content',
+            } }, { children: [renderSelect(), mapNestedOption(), level === 0 && step.maxSize < form.size.blockNum && (_jsx("div", { className: styles.smallSeparator, style: {
+                        width: fillerSize,
+                    } }, "SEPARATOR"))] })));
+    }
+    else {
+        return (_jsxs(React.Fragment, { children: [renderSelect(), mapNestedOption(), level === 0 && _jsx("div", { className: styles.separator })] }));
+    }
+}
+export default EntityValuePickerStep;
+function EntityValuePickerStep(props) {
+    var _a, _b;
+    return (_jsx(Controller, { name: props.step.id, control: props.control, defaultValue: (_b = (_a = props.originalValues[props.step.id]) !== null && _a !== void 0 ? _a : props.defaultValue) !== null && _b !== void 0 ? _b : null, rules: {
+            required: props.step.required
+                ? 'Este campo es obligatorio'
+                : undefined,
+        }, shouldUnregister: true, render: function (_a) {
+            var _b = _a.field, ref = _b.ref, field = __rest(_b, ["ref"]);
+            return (_jsx(EntityValuePicker, __assign({}, props, field, { inputRef: ref })));
+        } }));
+}

package/dist/FormComponents/Step/EntityValueStep/MaterialEntityValuePickerStep/MaterialEntityValuePickerStep.module.css

@@ -0,0 +1,25 @@
+.container {
+    width: fit-content;
+    max-width: calc(100% - 20px);
+    display: flex;
+    padding: 10px;
+    padding-bottom: 0px;
+    padding-top: 5px;
+    margin-bottom: 0px;
+}
+.separator {
+    flex-basis: 100%;
+    height: 0;
+}
+
+.firstLvlContainer {
+    max-width: 100%;
+    display: flex;
+    flex-flow: row wrap;
+}
+
+.smallSeparator {
+    height: 0;
+    max-width: 100%;
+    flex-basis: 0;
+}

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

@@ -1,4 +1,10 @@
 /// <reference types="react" />
 import { SmartSelectStepProps } from '../SmartSelectStep';
+export declare function SmartSelect({ icon, step, form, value, onBlur, errors, setFocus, children, editable, onChange, inputRef, postview, formStyle, getOptions, widthStats, organization, calcDepError, valueOverwrite, getValueString, originalValues, changeListener, dependencyStore, calcInvalidDeps, getValueWarning, getOptionSelected, setDependencyStore, ...others }: SmartSelectStepProps & {
+    onChange: Function;
+    onBlur: (event: any) => void;
+    value: any;
+    inputRef: any;
+}): JSX.Element;
 declare function SmartSelectStep(props: SmartSelectStepProps): JSX.Element;
 export default SmartSelectStep;

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

@@ -63,7 +63,7 @@ import { calcStepWidth } from '../../StepFunctions';
 import RoundedSmartSelect from '../../../../shared/RoundedSmartSelect/RoundedSmartSelect';
 import { cloneElement, useEffect, useState } from 'react';
 import React from 'react';
-function SmartSelect(_a) {
+export function SmartSelect(_a) {
     var _this = this;
     var _b, _c, _d, _e;
     var icon = _a.icon, step = _a.step, form = _a.form, value = _a.value, onBlur = _a.onBlur, errors = _a.errors, setFocus = _a.setFocus, children = _a.children, editable = _a.editable, onChange = _a.onChange, inputRef = _a.inputRef, postview = _a.postview, formStyle = _a.formStyle, getOptions = _a.getOptions, widthStats = _a.widthStats, organization = _a.organization, calcDepError = _a.calcDepError, valueOverwrite = _a.valueOverwrite, getValueString = _a.getValueString, originalValues = _a.originalValues, changeListener = _a.changeListener, dependencyStore = _a.dependencyStore, _f = _a.calcInvalidDeps, calcInvalidDeps = _f === void 0 ? function (step, depStore) {
@@ -221,6 +221,7 @@ function SmartSelect(_a) {
 function SmartSelectStep(props) {
     var _a, _b;
     useEffect(function () {
+        /** Al modificar tambien modificar en EntityValues */
         if (!props.originalValues[props.step.id] && props.defaultValue) {
             props.setDependencyStore(function (deps) {
                 var _a;

package/dist/FormComponents/Step/Step.js

@@ -34,7 +34,7 @@ import CheckBoxStep from './CheckBoxStep/MaterialCheckBoxStep/MaterialCheckBoxSt
 import CBRStepMapper from './CBRStepMapper';
 import RatingStep from './RatingStep/RatingStep';
 import AYFStepMapper from './AYFStepMapper';
-import EntityValuePickerStep from './EntityValueStep/EntityValueStep';
+import EntityValuePickerStep from './EntityValueStep/EntityValuePickerStep';
 import MapperStep from './MapperStep/MapperStep';
 import CollapsibleStep from './CollapsibleStep/CollapsibleStep';
 function StepComponent(_a) {

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

@@ -1,5 +1,5 @@
 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>, size: FormSize): number;
+import { ClassifierSelector, EntityValuePicker, FormSelector, FormStep } from '../../@Types/FormStep';
+export declare function calcFillerSize(step: FormSelector | ClassifierSelector | EntityValuePicker, 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, size: FormSize) => number;

package/dist/FormComponents/Step/StepFunctions.js

@@ -1,4 +1,4 @@
-import Types, { ClassifierOptionTypes, OptionTypes, } from '../../constants/FormStepTypes';
+import Types, { ClassifierOptionTypes, EntityValueOptionTypes, OptionTypes, } from '../../constants/FormStepTypes';
 export function calcFillerSize(step, steps, values, size) {
     if (step.maxSize < size.blockNum) {
         var stepSize = step.maxSize - recursivelyCheckOpenSize(step.id, steps, values);
@@ -26,7 +26,7 @@ export function recursivelyCheckOpenSize(idStep, steps, values) {
         }
         return size;
     }
-    if (step.type === Types.CLASSIFIER_SELECTOR) {
+    else if (step.type === Types.CLASSIFIER_SELECTOR) {
         var size = step.size;
         if (value) {
             var currentOption = step.options[value];
@@ -41,6 +41,21 @@ export function recursivelyCheckOpenSize(idStep, steps, values) {
         }
         return size;
     }
+    if (step.type === Types.ENTITYVALUEPICKER) {
+        var size = step.size;
+        if (value) {
+            var currentOption = step.options[value];
+            if ((currentOption === null || currentOption === void 0 ? void 0 : currentOption.type) === EntityValueOptionTypes.NESTED) {
+                var optionSize = 0;
+                for (var _d = 0, _e = currentOption.steps; _d < _e.length; _d++) {
+                    var pStepId = _e[_d];
+                    optionSize += recursivelyCheckOpenSize(pStepId, steps, values);
+                }
+                size += optionSize;
+            }
+        }
+        return size;
+    }
     else {
         return 4;
     }

package/dist/constants/FormStepTypes.d.ts

@@ -29,6 +29,10 @@ export declare enum ClassifierOptionTypes {
     HIDE = "CLASSIFIER_HIDE",
     NESTED = "CLASSIFIER_NESTED"
 }
+export declare enum EntityValueOptionTypes {
+    HIDE = "ENTITY_VALUE_HIDE",
+    NESTED = "ENTITY_VALUE_NESTED"
+}
 export declare enum RatingTypes {
     SCALE = "SCALE",
     SATISFACTION = "SATISFACTION",

package/dist/constants/FormStepTypes.js

@@ -34,6 +34,11 @@ export var ClassifierOptionTypes;
     ClassifierOptionTypes["HIDE"] = "CLASSIFIER_HIDE";
     ClassifierOptionTypes["NESTED"] = "CLASSIFIER_NESTED";
 })(ClassifierOptionTypes || (ClassifierOptionTypes = {}));
+export var EntityValueOptionTypes;
+(function (EntityValueOptionTypes) {
+    EntityValueOptionTypes["HIDE"] = "ENTITY_VALUE_HIDE";
+    EntityValueOptionTypes["NESTED"] = "ENTITY_VALUE_NESTED";
+})(EntityValueOptionTypes || (EntityValueOptionTypes = {}));
 export var RatingTypes;
 (function (RatingTypes) {
     RatingTypes["SCALE"] = "SCALE";

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

@@ -27,6 +27,8 @@ interface StyleProps {
     borderRadius?: number;
     /** The padding to the left of the input */
     paddingLeft?: number;
+    /** The padding to the right of the input */
+    paddingRight?: number;
     /** If custom icon exists and should be displayed */
     showIcon?: boolean;
 }

package/dist/shared/RoundedSelect/RoundedSelect.js

@@ -57,6 +57,7 @@ var useStyles = makeStyles(function (theme) { return ({
     },
 }); });
 var useOutlinedInputStyles = function (props) {
+    var _a;
     return makeStyles({
         root: {
             cursor: props.cantEdit ? 'default' : 'default',
@@ -91,12 +92,15 @@ var useOutlinedInputStyles = function (props) {
             },
             '& .EF-MuiSelect-root': {
                 paddingLeft: props.paddingLeft,
+                paddingRight: props.paddingRight,
             },
             '&$focused $notchedOutline': {
                 borderColor: props.focusColor,
             },
             '& .EF-MuiSelect-icon': {
-                color: props.color + '8a',
+                color: ((_a = props.color) === null || _a === void 0 ? void 0 : _a.startsWith('#'))
+                    ? props.color + '8a'
+                    : props.color,
             },
             '& .EF-MuiSelect-icon.Mui-disabled': {
                 color: props.outlineColor,
@@ -114,30 +118,35 @@ var useOutlinedInputStyles = function (props) {
     });
 };
 var useLabelInputStyles = function (props) {
-    return makeStyles(function () { return ({
-        focused: {
-            color: props.focusColor + ' !important',
-        },
-        root: {
-            color: props.color + '8a',
-            fontWeight: props.fontWeight,
-            whiteSpace: 'nowrap',
-            overflow: 'hidden',
-            maxWidth: 'calc(100% - 45px)',
-            textOverflow: 'ellipsis',
-            marginTop: props.height != '40px' ? '-4px' : '0px',
-            '&.EF-MuiInputLabel-shrink': {
-                marginTop: '0px',
-                maxWidth: 'calc(100% - 5px)',
-            },
-            '& .Mui-error': {
-                color: props.errorColor,
-            },
-            '&.Mui-error': {
-                color: props.errorColor,
+    return makeStyles(function () {
+        var _a;
+        return ({
+            focused: {
+                color: props.focusColor + ' !important',
+            },
+            root: {
+                color: ((_a = props.color) === null || _a === void 0 ? void 0 : _a.startsWith('#'))
+                    ? props.color + '8a'
+                    : props.color,
+                fontWeight: props.fontWeight,
+                whiteSpace: 'nowrap',
+                overflow: 'hidden',
+                maxWidth: 'calc(100% - 45px)',
+                textOverflow: 'ellipsis',
+                marginTop: props.height != '40px' ? '-4px' : '0px',
+                '&.EF-MuiInputLabel-shrink': {
+                    marginTop: '0px',
+                    maxWidth: 'calc(100% - 5px)',
+                },
+                '& .Mui-error': {
+                    color: props.errorColor,
+                },
+                '&.Mui-error': {
+                    color: props.errorColor,
+                },
             },
-        },
-    }); });
+        });
+    });
 };
 var useHelperTextStyles = function (props) {
     return makeStyles(function () { return ({
@@ -150,7 +159,7 @@ var useHelperTextStyles = function (props) {
     }); });
 };
 function CustomSelect(_a) {
-    var children = _a.children, _b = _a.value, value = _b === void 0 ? '' : _b, handleUpdate = _a.handleUpdate, label = _a.label, minWidth = _a.minWidth, helperText = _a.helperText, _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.outlineColor, outlineColor = _f === void 0 ? '#0000003b' : _f, _g = _a.helperTextColor, helperTextColor = _g === void 0 ? '#989898' : _g, _h = _a.backgroundColor, backgroundColor = _h === void 0 ? '#ffffff' : _h, _j = _a.readOnly, readOnly = _j === void 0 ? false : _j, _k = _a.borderRadius, borderRadius = _k === void 0 ? 10 : _k, _l = _a.paddingLeft, paddingLeft = _l === void 0 ? 14 : _l, _m = _a.cantEdit, cantEdit = _m === void 0 ? false : _m, _o = _a.showIcon, showIcon = _o === void 0 ? true : _o, _p = _a.containerMargin, containerMargin = _p === void 0 ? '8px' : _p, _q = _a.height, height = _q === void 0 ? '40px' : _q, _r = _a.fontSize, fontSize = _r === void 0 ? '1rem' : _r, required = _a.required, iconComponent = _a.iconComponent, error = _a.error, others = __rest(_a, ["children", "value", "handleUpdate", "label", "minWidth", "helperText", "color", "errorColor", "focusColor", "outlineColor", "helperTextColor", "backgroundColor", "readOnly", "borderRadius", "paddingLeft", "cantEdit", "showIcon", "containerMargin", "height", "fontSize", "required", "iconComponent", "error"]);
+    var children = _a.children, _b = _a.value, value = _b === void 0 ? '' : _b, handleUpdate = _a.handleUpdate, label = _a.label, minWidth = _a.minWidth, helperText = _a.helperText, _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.outlineColor, outlineColor = _f === void 0 ? '#0000003b' : _f, _g = _a.helperTextColor, helperTextColor = _g === void 0 ? '#989898' : _g, _h = _a.backgroundColor, backgroundColor = _h === void 0 ? '#ffffff' : _h, _j = _a.readOnly, readOnly = _j === void 0 ? false : _j, _k = _a.borderRadius, borderRadius = _k === void 0 ? 10 : _k, _l = _a.paddingLeft, paddingLeft = _l === void 0 ? 14 : _l, _m = _a.paddingRight, paddingRight = _m === void 0 ? 32 : _m, _o = _a.cantEdit, cantEdit = _o === void 0 ? false : _o, _p = _a.showIcon, showIcon = _p === void 0 ? true : _p, _q = _a.containerMargin, containerMargin = _q === void 0 ? '8px' : _q, _r = _a.height, height = _r === void 0 ? '40px' : _r, _s = _a.fontSize, fontSize = _s === void 0 ? '1rem' : _s, required = _a.required, iconComponent = _a.iconComponent, error = _a.error, others = __rest(_a, ["children", "value", "handleUpdate", "label", "minWidth", "helperText", "color", "errorColor", "focusColor", "outlineColor", "helperTextColor", "backgroundColor", "readOnly", "borderRadius", "paddingLeft", "paddingRight", "cantEdit", "showIcon", "containerMargin", "height", "fontSize", "required", "iconComponent", "error"]);
     var styleProps = {
         color: color,
         height: height,
@@ -160,6 +169,7 @@ function CustomSelect(_a) {
         errorColor: errorColor,
         focusColor: focusColor,
         paddingLeft: paddingLeft,
+        paddingRight: paddingRight,
         outlineColor: outlineColor,
         borderRadius: borderRadius,
         helperTextColor: helperTextColor,
@@ -170,7 +180,7 @@ 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];
+    var _t = useState(false), open = _t[0], setOpen = _t[1];
     return (_jsxs(FormControl, __assign({ variant: "outlined", className: classes.formControl, size: "small", style: minWidth !== undefined
             ? { minWidth: minWidth, outlineColor: outlineColor, margin: containerMargin }
             : {

package/dist/shared/RoundedSmartSelect/RoundedSmartSelect.js

@@ -30,104 +30,113 @@ import RoundedSelect from '../RoundedSelect/RoundedSelect';
 import CircularProgress from '@material-ui/core/CircularProgress';
 var filter = createFilterOptions();
 var useTextfieldStyles = function (props) {
-    return makeStyles(function () { return ({
-        root: {
-            borderRadius: props.borderRadius,
-            '& input, textarea': {
-                cursor: props.cantEdit ? 'default' : 'text',
-                fontWeight: props.fontWeight,
-                color: props.color,
-                fontSize: props.fontSize,
-                '&::placeholder': {
+    return makeStyles(function () {
+        var _a, _b, _c;
+        return ({
+            root: {
+                borderRadius: props.borderRadius,
+                '& input, textarea': {
+                    cursor: props.cantEdit ? 'default' : 'text',
+                    fontWeight: props.fontWeight,
+                    color: props.color,
                     fontSize: props.fontSize,
+                    '&::placeholder': {
+                        fontSize: props.fontSize,
+                    },
+                    backgroundColor: props.backgroundColor,
+                    borderRadius: props.borderRadius,
+                    height: props.height,
+                    marginTop: '0px !important',
+                    padding: '0px 38px 0px 12px !important',
                 },
-                backgroundColor: props.backgroundColor,
-                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',
-                fontSize: props.fontSize,
-                color: props.color + '8a',
-                whiteSpace: 'nowrap',
-                overflow: 'hidden',
-                textOverflow: 'ellipsis',
-                maxWidth: 'calc(100% - 22px)',
-            },
-            '& label.EF-MuiInputLabel-shrink': {
-                marginTop: '0px',
-                maxWidth: 'calc(100% - 5px)',
-            },
-            '& input + fieldset': {
-                borderRadius: props.borderRadius,
-            },
-            '& .EF-MuiInput-underline:after': {
-                borderBottomColor: props.outlineColor,
-            },
-            '& .EF-MuiOutlinedInput-root': {
-                borderRadius: props.borderRadius,
-                '&.Mui-focused fieldset': {
-                    borderColor: props.focusColor,
-                    borderWidth: props.readOnly ? 1 : 2,
+                '& .EF-MuiInputBase-root': {
+                    padding: '0px !important',
+                    pointerEvents: 'all',
                 },
-                '& .EF-MuiOutlinedInput-notchedOutline': {
-                    borderColor: props.outlineColor,
+                '& label': {
+                    marginTop: '-4px',
+                    fontSize: props.fontSize,
+                    color: ((_a = props.color) === null || _a === void 0 ? void 0 : _a.startsWith('#'))
+                        ? props.color + '8a'
+                        : props.color,
+                    whiteSpace: 'nowrap',
+                    overflow: 'hidden',
+                    textOverflow: 'ellipsis',
+                    maxWidth: 'calc(100% - 22px)',
+                },
+                '& label.EF-MuiInputLabel-shrink': {
+                    marginTop: '0px',
+                    maxWidth: 'calc(100% - 5px)',
+                },
+                '& input + fieldset': {
+                    borderRadius: props.borderRadius,
                 },
-                height: props.height,
-                '& .EF-MuiAutocomplete-input': {
+                '& .EF-MuiInput-underline:after': {
+                    borderBottomColor: props.outlineColor,
+                },
+                '& .EF-MuiOutlinedInput-root': {
+                    borderRadius: props.borderRadius,
+                    '&.Mui-focused fieldset': {
+                        borderColor: props.focusColor,
+                        borderWidth: props.readOnly ? 1 : 2,
+                    },
+                    '& .EF-MuiOutlinedInput-notchedOutline': {
+                        borderColor: props.outlineColor,
+                    },
                     height: props.height,
-                    marginTop: -10,
+                    '& .EF-MuiAutocomplete-input': {
+                        height: props.height,
+                        marginTop: -10,
+                    },
+                    '& .EF-MuiAutocomplete-input::placeholder': {
+                        color: '#787878',
+                        opacity: 1,
+                    },
                 },
-                '& .EF-MuiAutocomplete-input::placeholder': {
-                    color: '#787878',
-                    opacity: 1,
+                '& .EF-MuiOutlinedInput-root:hover .EF-MuiOutlinedInput-notchedOutline': {
+                    borderColor: props.cantEdit
+                        ? props.outlineColor
+                        : props.focusColor,
+                },
+                '& label.Mui-focused': {
+                    color: props.focusColor,
+                },
+                '& .Mui-error': {
+                    color: props.errorColor + ' !important',
+                },
+                '& .EF-MuiFormHelperText-root': {
+                    color: props.helperTextColor,
+                },
+                '& .EF-MuiFormHelperText-root.Mui-error': {
+                    color: props.errorColor + ' !important',
+                },
+                '& .EF-MuiFormLabel-root.Mui-disabled': {
+                    color: '#0000008a',
+                },
+                '& .EF-MuiOutlinedInput-notchedOutline': {
+                    borderColor: '#0000003b',
+                },
+                '& .EF-MuiAutocomplete-popupIndicator': {
+                    padding: 0,
+                    color: ((_b = props.color) === null || _b === void 0 ? void 0 : _b.startsWith('#'))
+                        ? props.color + '8a'
+                        : props.color,
+                },
+                '& .EF-MuiAutocomplete-popupIndicatorOpen': {
+                    transform: props.showIcon ? 'none' : 'rotate(180deg)',
+                },
+                '& .EF-MuiAutocomplete-clearIndicator': {
+                    display: 'none',
+                },
+                '& .EF-MuiAutocomplete-endAdornment': {
+                    top: 'calc(50% - 13px)',
+                    color: ((_c = props.color) === null || _c === void 0 ? void 0 : _c.startsWith('#'))
+                        ? props.color + '8a'
+                        : props.color,
                 },
             },
-            '& .EF-MuiOutlinedInput-root:hover .EF-MuiOutlinedInput-notchedOutline': {
-                borderColor: props.cantEdit
-                    ? props.outlineColor
-                    : props.focusColor,
-            },
-            '& label.Mui-focused': {
-                color: props.focusColor,
-            },
-            '& .Mui-error': {
-                color: props.errorColor + ' !important',
-            },
-            '& .EF-MuiFormHelperText-root': {
-                color: props.helperTextColor,
-            },
-            '& .EF-MuiFormHelperText-root.Mui-error': {
-                color: props.errorColor + ' !important',
-            },
-            '& .EF-MuiFormLabel-root.Mui-disabled': {
-                color: '#0000008a',
-            },
-            '& .EF-MuiOutlinedInput-notchedOutline': {
-                borderColor: '#0000003b',
-            },
-            '& .EF-MuiAutocomplete-popupIndicator': {
-                padding: 0,
-                color: props.color + '8a',
-            },
-            '& .EF-MuiAutocomplete-popupIndicatorOpen': {
-                transform: props.showIcon ? 'none' : 'rotate(180deg)',
-            },
-            '& .EF-MuiAutocomplete-clearIndicator': {
-                display: 'none',
-            },
-            '& .EF-MuiAutocomplete-endAdornment': {
-                top: 'calc(50% - 13px)',
-                color: props.color + '8a',
-            },
-        },
-    }); });
+        });
+    });
 };
 export default function RoundedSmartSelect(_a) {
     var options = _a.options, _b = _a.value, value = _b === void 0 ? '' : _b, handleUpdate = _a.handleUpdate, label = _a.label, _c = _a.getValueString, getValueString = _c === void 0 ? function (value) { return value.value; } : _c, _d = _a.color, color = _d === void 0 ? '#293241' : _d, _e = _a.errorColor, errorColor = _e === void 0 ? '#cc2936' : _e, _f = _a.focusColor, focusColor = _f === void 0 ? '#3d5a7f' : _f, _g = _a.helperTextColor, helperTextColor = _g === void 0 ? '#989898' : _g, _h = _a.outlineColor, outlineColor = _h === void 0 ? '#b8b8b8' : _h, _j = _a.backgroundColor, backgroundColor = _j === void 0 ? '#ffffff' : _j, _k = _a.cantEdit, cantEdit = _k === void 0 ? false : _k, _l = _a.loading, loading = _l === void 0 ? false : _l, _m = _a.height, height = _m === void 0 ? '31px' : _m, _o = _a.fontSize, fontSize = _o === void 0 ? '1rem' : _o, required = _a.required, changeListener = _a.changeListener, error = _a.error, getOptionSelected = _a.getOptionSelected, helperText = _a.helperText, _p = _a.readOnly, readOnly = _p === void 0 ? false : _p, _q = _a.borderRadius, borderRadius = _q === void 0 ? 10 : _q, _r = _a.fontWeight, fontWeight = _r === void 0 ? '400' : _r, icon = _a.icon, _s = _a.searchable, searchable = _s === void 0 ? false : _s, _t = _a.containerMargin, containerMargin = _t === void 0 ? '0px' : _t, _u = _a.showIcon, showIcon = _u === void 0 ? true : _u, inputRef = _a.inputRef, disabled = _a.disabled, _v = _a.creatable, creatable = _v === void 0 ? false : _v, onBlur = _a.onBlur, name = _a.name, onFocus = _a.onFocus;

package/package.json

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

package/dist/FormComponents/Step/EntityValueStep/EntityValueStep.js

@@ -1,129 +0,0 @@
-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 (g && (g = 0, op[0] && (_ = 0)), _) 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 } from "react/jsx-runtime";
-import FormStepTypes, { FormStyleTypes, } from '../../../constants/FormStepTypes';
-import InputIcon from '../../../shared/InputIcon/InputIcon';
-import SmartSelectStep from '../SmartSelectStep/SmartSelectStep';
-import widgetInstance from '../../../AxiosWidget';
-import axiosInstance from '../../../AxiosAPI';
-function EntityValuePickerStep(_a) {
-    var _this = this;
-    var step = _a.step, props = __rest(_a, ["step"]);
-    var getEntityValueOptions = function (_a, _step, dependencyStore, domain) {
-        var idOrganization = _a.idOrganization;
-        return __awaiter(_this, void 0, void 0, function () {
-            var params, _i, _b, filter, value, currentValue, url, response;
-            var _c;
-            return __generator(this, function (_d) {
-                switch (_d.label) {
-                    case 0:
-                        params = new URLSearchParams({
-                            idOrganization: idOrganization,
-                        });
-                        if (domain) {
-                            params.set('idOrganization', domain);
-                        }
-                        for (_i = 0, _b = step.filters; _i < _b.length; _i++) {
-                            filter = _b[_i];
-                            value = filter.value;
-                            if (filter.idStep) {
-                                currentValue = dependencyStore[filter.idStep];
-                                if (currentValue) {
-                                    if (typeof currentValue === 'string')
-                                        value = currentValue;
-                                    else
-                                        value = (_c = currentValue._id) !== null && _c !== void 0 ? _c : currentValue.id;
-                                    //TODO: Manejo de multiple!
-                                }
-                                else if (filter.required) {
-                                    return [2 /*return*/, null];
-                                }
-                            }
-                            if (value)
-                                params.set(filter.idProperty, value);
-                        }
-                        url = "/entities/".concat(step.idEntity, "/values?").concat(params.toString());
-                        return [4 /*yield*/, (domain
-                                ? widgetInstance.get(url)
-                                : axiosInstance.get(url))];
-                    case 1:
-                        response = _d.sent();
-                        return [2 /*return*/, response.data];
-                }
-            });
-        });
-    };
-    switch (props.formStyle.type) {
-        case FormStyleTypes.MATERIAL:
-        default: {
-            return (_jsx(SmartSelectStep, __assign({}, props, { step: step, icon: step.icon ? _jsx(InputIcon, { icon: step.icon }) : undefined, getOptions: getEntityValueOptions, getOptionSelected: function (option, value) {
-                    return option._id === value._id;
-                }, calcDepError: function (steps) {
-                    for (var _i = 0, steps_1 = steps; _i < steps_1.length; _i++) {
-                        var step_1 = steps_1[_i];
-                        if (step_1.type === FormStepTypes.ENTITYVALUEPICKER) {
-                            return 'Selecciona un ' + step_1.label;
-                        }
-                    }
-                    return undefined;
-                }, getValueString: function (value) { return value === null || value === void 0 ? void 0 : value._id; } })));
-        }
-    }
-}
-export default EntityValuePickerStep;