@arquimedes.co/eureka-forms 2.0.61 → 2.0.64-test

package/dist/Shared/RoundedSelect/RoundedSelect.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import { SelectProps } from '@material-ui/core/Select';
-interface StyleProps {
+export interface SelectorStyleProps {
     /** The color of the outline when selected and hovered on */
     focusColor?: string;
     /** The color of the outline when it is not selected */
@@ -32,7 +32,7 @@ interface StyleProps {
     /** If custom icon exists and should be displayed */
     showIcon?: boolean;
 }
-interface RoundedSelectProps extends Omit<SelectProps, 'color'>, StyleProps {
+interface RoundedSelectProps extends Omit<SelectProps, 'color'>, SelectorStyleProps {
     /** children to display in the options */
     children?: any;
     /** Currently selected value */

package/dist/Shared/RoundedTimePicker/RoundedTimePicker.d.ts

@@ -0,0 +1,35 @@
+import React from 'react';
+import { SelectProps } from '@material-ui/core/Select';
+import { SelectorStyleProps } from '../RoundedSelect/RoundedSelect';
+import { Time } from '../../@Types/Time';
+interface RoundedTimePickerProps extends Omit<SelectProps, 'color' | 'onChange'>, SelectorStyleProps {
+    /** Currently selected value */
+    value: Time | undefined;
+    /** function called when value changes */
+    onChange?: (time: Time) => 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 | null;
+    /** The color of the outline when selected and hovered on */
+    focusColor?: string;
+    /** If outline should be error color */
+    highlightError?: boolean;
+    /** the margin around the selector */
+    containerMargin?: string;
+    /** The icon to display */
+    iconComponent?: any;
+    pickDays?: boolean;
+    pickHours?: boolean;
+    pickMinutes?: boolean;
+    working?: boolean;
+}
+/**
+ * Generic textfield with apps designs. Is class do to the use in the react-hook-forms library
+ */
+declare class RoundedTimePicker extends React.Component<RoundedTimePickerProps> {
+    render(): JSX.Element;
+}
+export default RoundedTimePicker;

package/dist/Shared/RoundedTimePicker/RoundedTimePicker.js

@@ -0,0 +1,293 @@
+var __extends = (this && this.__extends) || (function () {
+    var extendStatics = function (d, b) {
+        extendStatics = Object.setPrototypeOf ||
+            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
+        return extendStatics(d, b);
+    };
+    return function (d, b) {
+        if (typeof b !== "function" && b !== null)
+            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
+        extendStatics(d, b);
+        function __() { this.constructor = d; }
+        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+    };
+})();
+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, jsxs as _jsxs } from "react/jsx-runtime";
+import React, { useCallback, useState } from 'react';
+import { makeStyles } from '@material-ui/core/styles';
+import InputLabel from '@material-ui/core/InputLabel';
+import FormControl from '@material-ui/core/FormControl';
+import OutlinedInput from '@material-ui/core/OutlinedInput';
+import Select from '@material-ui/core/Select';
+import { ClickAwayListener, FormHelperText, MenuItem, Popper, } from '@material-ui/core';
+import ScheduleRoundedIcon from '@material-ui/icons/ScheduleRounded';
+import styles from './RoundedTimePicker.module.css';
+import RoundedTextField from '../RoundedTextField/RoundedTextField';
+import Toggle from '../Toggle/Toggle';
+var useStyles = makeStyles(function (theme) { return ({
+    root: {
+        display: 'flex',
+        flexWrap: 'wrap',
+    },
+    formControl: {
+        margin: theme.spacing(1),
+        minWidth: 120,
+    },
+    selectEmpty: {
+        marginTop: theme.spacing(2),
+    },
+}); });
+var useOutlinedInputStyles = function (props) {
+    var _a;
+    return makeStyles({
+        root: {
+            cursor: props.cantEdit ? 'default' : 'default',
+            height: props.height,
+            borderRadius: props.borderRadius,
+            backgroundColor: props.backgroundColor,
+            fontSize: props.fontSize,
+            '& $notchedOutline': {
+                borderColor: props.outlineColor,
+                '& legend': {
+                    fontSize: 'calc(' + props.fontSize + ' * 0.75)',
+                },
+            },
+            '&:hover $notchedOutline': {
+                borderColor: props.cantEdit
+                    ? props.outlineColor
+                    : props.focusColor,
+            },
+            '& .Mui-disabled': {
+                cursor: 'default',
+                color: props.color,
+                pointerEvents: 'none',
+            },
+            '& .Mui-error': {
+                color: props.errorColor,
+            },
+            '&.Mui-error .EF-MuiOutlinedInput-notchedOutline': {
+                borderColor: props.outlineColor,
+            },
+            '&.Mui-disabled .EF-MuiOutlinedInput-notchedOutline': {
+                borderColor: props.outlineColor,
+            },
+            '& .EF-MuiSelect-root': {
+                paddingLeft: props.paddingLeft,
+                paddingRight: props.paddingRight,
+            },
+            '&$focused $notchedOutline': {
+                borderColor: props.focusColor,
+            },
+            '& .EF-MuiSelect-icon': {
+                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,
+            },
+            '& .EF-MuiSelect-icon.iconOutlined': {
+                right: 8,
+            },
+            '& .EF-MuiSelect-iconOpen': {
+                transform: props.showIcon ? 'none' : 'rotate(180deg)',
+            },
+            color: props.color,
+        },
+        focused: {},
+        notchedOutline: {},
+    });
+};
+var useLabelInputStyles = function (props) {
+    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 ({
+        root: {
+            color: props.helperTextColor,
+            '&.Mui-error': {
+                color: props.errorColor,
+            },
+        },
+    }); });
+};
+var useMenuStyles = function () {
+    return makeStyles(function () { return ({
+        root: {
+            '& .EF-MuiPaper-root': {
+                opacity: '0 !important',
+            },
+        },
+    }); });
+};
+function CustomSelect(_a) {
+    var _b, _c, _d;
+    var value = _a.value, onChange = _a.onChange, label = _a.label, minWidth = _a.minWidth, helperText = _a.helperText, _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.outlineColor, outlineColor = _h === void 0 ? '#0000003b' : _h, _j = _a.helperTextColor, helperTextColor = _j === void 0 ? '#989898' : _j, _k = _a.backgroundColor, backgroundColor = _k === void 0 ? '#ffffff' : _k, _l = _a.readOnly, readOnly = _l === void 0 ? false : _l, _m = _a.borderRadius, borderRadius = _m === void 0 ? 10 : _m, _o = _a.paddingLeft, paddingLeft = _o === void 0 ? 14 : _o, _p = _a.paddingRight, paddingRight = _p === void 0 ? 32 : _p, _q = _a.cantEdit, cantEdit = _q === void 0 ? false : _q, _r = _a.containerMargin, containerMargin = _r === void 0 ? '8px' : _r, _s = _a.height, height = _s === void 0 ? '40px' : _s, _t = _a.fontSize, fontSize = _t === void 0 ? '1rem' : _t, required = _a.required, error = _a.error, pickDays = _a.pickDays, pickMinutes = _a.pickMinutes, pickHours = _a.pickHours, working = _a.working, others = __rest(_a, ["value", "onChange", "label", "minWidth", "helperText", "color", "errorColor", "focusColor", "outlineColor", "helperTextColor", "backgroundColor", "readOnly", "borderRadius", "paddingLeft", "paddingRight", "cantEdit", "containerMargin", "height", "fontSize", "required", "error", "pickDays", "pickMinutes", "pickHours", "working"]);
+    var StyleProps = {
+        color: color,
+        height: height,
+        readOnly: readOnly,
+        fontSize: fontSize,
+        cantEdit: cantEdit,
+        errorColor: errorColor,
+        focusColor: focusColor,
+        paddingLeft: paddingLeft,
+        paddingRight: paddingRight,
+        outlineColor: outlineColor,
+        borderRadius: borderRadius,
+        helperTextColor: helperTextColor,
+        backgroundColor: backgroundColor,
+        showIcon: true,
+    };
+    var classes = useStyles();
+    var outlinedInputClasses = useOutlinedInputStyles(StyleProps)();
+    var labelClasses = useLabelInputStyles(StyleProps)();
+    var helperTextClasses = useHelperTextStyles(StyleProps)();
+    var menuClasses = useMenuStyles()();
+    var _u = useState(false), open = _u[0], setOpen = _u[1];
+    var ref = React.useRef(null);
+    var handleChange = useCallback(function (value) {
+        if (value.days === 0) {
+            delete value.days;
+        }
+        if (value.hours === 0) {
+            delete value.hours;
+        }
+        if (value.minutes === 0) {
+            delete value.minutes;
+        }
+        if (working !== undefined) {
+            value.working = working;
+        }
+        onChange === null || onChange === void 0 ? void 0 : onChange(value);
+    }, []);
+    var calcLabel = function () {
+        var parts = [label];
+        if (working === true)
+            parts.push('(Hábil)');
+        if (required)
+            parts.push('*');
+        return parts.join(' ');
+    };
+    return (_jsxs(React.Fragment, { children: [open && (_jsx(ClickAwayListener, __assign({ mouseEvent: "onMouseDown", onClickAway: function () { return setOpen(false); } }, { children: _jsx(Popper, __assign({ open: true, anchorEl: ref.current, placement: 'bottom-start', modifiers: {
+                        preventOverflow: {
+                            enabled: true,
+                            priority: ['top', 'bottom', 'left', 'right'],
+                            boundariesElement: 'window',
+                            padding: 20,
+                        },
+                    }, style: { zIndex: 1301 } }, { children: _jsxs("div", __assign({ className: styles.container }, { children: [pickDays && (_jsx("div", __assign({ className: styles.numberPickerContainer }, { children: _jsx(RoundedTextField, { label: "D\u00EDas", type: "number", inputProps: { min: 0 }, value: ((_b = value === null || value === void 0 ? void 0 : value.days) !== null && _b !== void 0 ? _b : '0') + '', onChange: function (e) {
+                                        handleChange(__assign(__assign({}, value), { days: parseInt(e.target.value) }));
+                                    } }) }))), pickHours && (_jsx("div", __assign({ className: styles.numberPickerContainer }, { children: _jsx(RoundedTextField, { label: "Horas", type: "number", inputProps: { min: 0 }, value: ((_c = value === null || value === void 0 ? void 0 : value.hours) !== null && _c !== void 0 ? _c : '0') + '', onChange: function (e) {
+                                        handleChange(__assign(__assign({}, value), { hours: parseInt(e.target.value) }));
+                                    } }) }))), pickMinutes && (_jsx("div", __assign({ className: styles.numberPickerContainer }, { children: _jsx(RoundedTextField, { label: "Minutos", type: "number", inputProps: { min: 0 }, value: ((_d = value === null || value === void 0 ? void 0 : value.minutes) !== null && _d !== void 0 ? _d : '0') + '', onChange: function (e) {
+                                        handleChange(__assign(__assign({}, value), { minutes: parseInt(e.target.value) }));
+                                    } }) }))), working === undefined && (_jsxs("div", __assign({ className: styles.workingContainer }, { children: ["H\u00E1biles:", _jsx(Toggle, { checked: !!(value === null || value === void 0 ? void 0 : value.working), disabled: working !== undefined, onChange: function (working) {
+                                            handleChange(__assign(__assign({}, value), { working: working }));
+                                        } })] })))] })) })) }))), _jsxs(FormControl, __assign({ variant: "outlined", className: classes.formControl, size: "small", style: minWidth !== undefined
+                    ? { minWidth: minWidth, outlineColor: outlineColor, margin: containerMargin }
+                    : {
+                        margin: containerMargin,
+                    }, fullWidth: true, required: required, error: error }, { children: [label && (_jsx(InputLabel, __assign({ classes: labelClasses }, { children: label }))), _jsx(Select, __assign({}, others, { innerRef: ref, title: calcTimeString(value), value: value ? 0 : '', IconComponent: ScheduleRoundedIcon, onClose: function () {
+                            setOpen(false);
+                        }, onOpen: function () {
+                            setOpen(true);
+                        }, onFocus: function (e) {
+                            var _a;
+                            if (!((_a = e.relatedTarget) === null || _a === void 0 ? void 0 : _a.closest('.EF-MuiPaper-root'))) {
+                                setOpen(true);
+                            }
+                        }, onBlur: function () {
+                            setOpen(false);
+                        }, input: _jsx(OutlinedInput, { disabled: cantEdit, name: label, label: label ? calcLabel() : undefined, classes: outlinedInputClasses }), renderValue: function () {
+                            return calcTimeString(value);
+                        }, MenuProps: {
+                            PopoverClasses: menuClasses,
+                        } }, { children: _jsx(MenuItem, { value: 0 }) })), helperText !== undefined && (_jsx(FormHelperText, __assign({ classes: helperTextClasses }, { children: helperText })))] }))] }));
+}
+/**
+ * Generic textfield with apps designs. Is class do to the use in the react-hook-forms library
+ */
+var RoundedTimePicker = /** @class */ (function (_super) {
+    __extends(RoundedTimePicker, _super);
+    function RoundedTimePicker() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    RoundedTimePicker.prototype.render = function () {
+        return _jsx(CustomSelect, __assign({}, this.props));
+    };
+    return RoundedTimePicker;
+}(React.Component));
+export default RoundedTimePicker;
+function calcTimeString(value) {
+    if (!value)
+        return undefined;
+    var parts = [];
+    if (value.days) {
+        parts.push("".concat(value.days, " D\u00EDa").concat(value.days > 1 ? 's' : ''));
+    }
+    if (value.hours) {
+        parts.push("".concat(value.hours, " Hora").concat(value.hours > 1 ? 's' : ''));
+    }
+    if (value.minutes) {
+        parts.push("".concat(value.minutes, " Minuto").concat(value.minutes > 1 ? 's' : ''));
+    }
+    if (parts.length === 0)
+        return value.working ? 'Horario Hábil Más Cercano' : 'Inmediatamente';
+    if (value.working) {
+        var isMultiple = parts.length > 1 || parts[0].includes('s');
+        return parts.join(', ') + (isMultiple ? ' Hábiles' : ' Hábil');
+    }
+    return parts.join(', ');
+}

package/dist/Shared/RoundedTimePicker/RoundedTimePicker.module.css

@@ -0,0 +1,30 @@
+.container {
+    box-shadow:
+        0px 5px 5px -3px rgba(0, 0, 0, 0.2),
+        0px 8px 10px 1px rgba(0, 0, 0, 0.14),
+        0px 3px 14px 2px rgba(0, 0, 0, 0.12);
+    border-radius: 10px;
+    overflow: hidden;
+    position: relative;
+    background-color: white;
+    width: 130px;
+    padding: 30px 35px 30px 30px;
+    display: flex;
+    flex-direction: column;
+    row-gap: 10px;
+}
+
+.numberPickerContainer {
+    width: 130px;
+    padding-top: 5px;
+    padding-bottom: 5px;
+}
+
+.workingContainer {
+    display: flex;
+    font-size: 1.1em;
+    margin-left: 5px;
+    flex-direction: row;
+    column-gap: 5px;
+    align-items: center;
+}

package/dist/Shared/Toggle/Toggle.d.ts

@@ -0,0 +1,18 @@
+/// <reference types="react" />
+import { SwitchProps } from '@material-ui/core';
+interface StyleProps {
+    /** The color of the toggle */
+    color?: string;
+    /** The color of the toggle when unchecked */
+    baseColor?: string;
+}
+interface RoundedToggleProps extends Omit<SwitchProps, 'color' | 'onChange'>, StyleProps {
+    /** If the toggle is checked */
+    checked?: boolean;
+    /** Function to call when the toggle is clicked on */
+    onChange: (checked: boolean) => void;
+    /** If the Toggle is disabled */
+    disabled?: boolean;
+}
+declare function RoundedToggle({ color, baseColor, checked, onChange, disabled, size, }: RoundedToggleProps): JSX.Element;
+export default RoundedToggle;

package/dist/Shared/Toggle/Toggle.js

@@ -0,0 +1,31 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { makeStyles, Switch } from '@material-ui/core';
+var useStyles = function (props) {
+    var _a;
+    return makeStyles({
+        switchBase: {
+            color: props.baseColor + ' !important',
+            '&$checked': {
+                color: props.color + ' !important',
+            },
+            '&$checked + $track': {
+                backgroundColor: props.color + ' !important',
+            },
+            '&:hover': {
+                backgroundColor: ((_a = props.color) === null || _a === void 0 ? void 0 : _a.startsWith('#'))
+                    ? props.color + '40'
+                    : props.color,
+            },
+        },
+        checked: {},
+        track: {},
+    });
+};
+function RoundedToggle(_a) {
+    var _b = _a.color, color = _b === void 0 ? '#3d5a7f' : _b, _c = _a.baseColor, baseColor = _c === void 0 ? '#b8b8b8' : _c, _d = _a.checked, checked = _d === void 0 ? true : _d, onChange = _a.onChange, _e = _a.disabled, disabled = _e === void 0 ? false : _e, _f = _a.size, size = _f === void 0 ? 'medium' : _f;
+    var classes = useStyles({ color: color, baseColor: baseColor })();
+    return (_jsx(Switch, { size: size, classes: classes, checked: checked, disabled: disabled, onChange: function (event) {
+            onChange(event.target.checked);
+        } }));
+}
+export default RoundedToggle;

package/dist/Utils/FormStepFunctions.d.ts

@@ -0,0 +1,15 @@
+import { AYFFormStep } from '../@Types/AYFFormStep';
+import { CBRFormStep } from '../@Types/CBRFormStep';
+import { Condition } from '../@Types/Condition';
+import { FormStep } from '../@Types/FormStep';
+import { MapperElement } from '../@Types/MapperElement';
+import { CustomStep } from '../FormSteps/CustomStep';
+export declare function calcRecursiveData<Type>(element: Readonly<MapperElement<Type>>, newSteps: Record<string, FormStep>, customSteps: Record<string, CustomStep>): void;
+export declare const calcRecursiveCondition: (condition: Condition, ids: Record<string, string>) => void;
+/**
+ * Utility function to calc the substeps of a step
+ * @param step step to calc the substeps
+ * @param idModifier optional modifier for the ids of the substeps and all other properties
+ * @returns list of the ids of the substeps of the step, if modifier returns modified steps
+ */
+export declare const calcSubSteps: (idStep: string, allSteps: Record<string, FormStep | CBRFormStep | AYFFormStep>, idModifier?: ((idSubStep: string) => string) | undefined) => string[];

package/dist/Utils/FormStepFunctions.js

@@ -0,0 +1,166 @@
+var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
+    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
+        if (ar || !(i in from)) {
+            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+            ar[i] = from[i];
+        }
+    }
+    return to.concat(ar || Array.prototype.slice.call(from));
+};
+import AYFFormStepTypes from '../constants/AYFFormStepTypes';
+import CBRFormStepTypes from '../constants/CBRFormStepTypes';
+import ConditionTypes from '../constants/ConditionTypes';
+import FormStepTypes, { ClassifierOptionTypes, EntityValueDataTypes, EntityValueOptionTypes, OptionTypes, } from '../constants/FormStepTypes';
+export function calcRecursiveData(element, newSteps, customSteps) {
+    if (!newSteps)
+        return;
+    for (var _i = 0, _a = Object.entries(newSteps); _i < _a.length; _i++) {
+        var _b = _a[_i], idStep = _b[0], step = _b[1];
+        step.id = idStep;
+        if (step.dependencies) {
+            for (var i = 0; i < step.dependencies.length; i++) {
+                var idDep = step.dependencies[i];
+                var newId = element.ids[idDep];
+                if (newId) {
+                    step.dependencies[i] = newId;
+                }
+            }
+        }
+        var custom = customSteps[step === null || step === void 0 ? void 0 : step.type];
+        if (custom === null || custom === void 0 ? void 0 : custom.calcRecursiveData) {
+            custom.calcRecursiveData(step, element.ids);
+        }
+        if (step.condition) {
+            calcRecursiveCondition(step.condition, element.ids);
+        }
+        // calcSubSteps(
+        //     step.id,
+        //     newSteps,
+        //     (idStep: string): string => element.ids[idStep] ?? idStep
+        // );
+    }
+}
+export var calcRecursiveCondition = function (condition, ids) {
+    switch (condition.type) {
+        case ConditionTypes.EXPRESSION:
+            for (var _i = 0, _a = condition.conditions; _i < _a.length; _i++) {
+                var subCondition = _a[_i];
+                calcRecursiveCondition(subCondition, ids);
+            }
+            break;
+        case ConditionTypes.FORM_STEP: {
+            var newId = ids[condition.idStep];
+            if (newId) {
+                condition.idStep = newId;
+            }
+            break;
+        }
+        default:
+            break;
+    }
+};
+/**
+ * Utility function to calc the substeps of a step
+ * @param step step to calc the substeps
+ * @param idModifier optional modifier for the ids of the substeps and all other properties
+ * @returns list of the ids of the substeps of the step, if modifier returns modified steps
+ */
+export var calcSubSteps = function (idStep, allSteps, idModifier) {
+    var _a;
+    var step = allSteps[idStep];
+    var subSteps = [];
+    if (!step)
+        return [];
+    var handleSteps = function (steps) {
+        for (var i = 0; i < steps.length; i++) {
+            var idSubStep = steps[i];
+            if (idModifier)
+                steps[i] = idModifier(steps[i]);
+            subSteps.push.apply(subSteps, __spreadArray([idSubStep], calcSubSteps(idSubStep, allSteps, idModifier), false));
+        }
+    };
+    switch (step.type) {
+        case FormStepTypes.SELECTOR: {
+            for (var _i = 0, _b = step.options; _i < _b.length; _i++) {
+                var option = _b[_i];
+                if (option.type === OptionTypes.NESTED) {
+                    handleSteps(option.steps);
+                }
+            }
+            break;
+        }
+        case FormStepTypes.CLASSIFIER_SELECTOR:
+            for (var _c = 0, _d = Object.keys(step.options); _c < _d.length; _c++) {
+                var idOption = _d[_c];
+                var option = step.options[idOption];
+                if (option.type === ClassifierOptionTypes.NESTED) {
+                    handleSteps(option.steps);
+                }
+            }
+            break;
+        case FormStepTypes.RATING:
+            if (step.nestedSteps) {
+                for (var _e = 0, _f = step.nestedSteps; _e < _f.length; _e++) {
+                    var steps = _f[_e];
+                    handleSteps(steps);
+                }
+            }
+            break;
+        case FormStepTypes.COLLAPSIBLE: {
+            handleSteps(step.steps);
+            break;
+        }
+        case FormStepTypes.CHECKBOX: {
+            if (step.steps)
+                handleSteps(step.steps);
+            if (step.uncheckedSteps)
+                handleSteps(step.uncheckedSteps);
+            break;
+        }
+        case FormStepTypes.ENTITYVALUEPICKER:
+            if (idModifier) {
+                for (var _g = 0, _h = step.path; _g < _h.length; _g++) {
+                    var path = _h[_g];
+                    if (path.type === EntityValueDataTypes.STEP) {
+                        path.idStep = idModifier(path.idStep);
+                    }
+                }
+                for (var _j = 0, _k = step.filters; _j < _k.length; _j++) {
+                    var filter = _k[_j];
+                    if (filter.type === EntityValueDataTypes.STEP) {
+                        filter.idStep = idModifier(filter.idStep);
+                    }
+                }
+            }
+            for (var _l = 0, _m = Object.keys((_a = step.options) !== null && _a !== void 0 ? _a : {}); _l < _m.length; _l++) {
+                var idOption = _m[_l];
+                var option = step.options[idOption];
+                if (option.type === EntityValueOptionTypes.NESTED) {
+                    handleSteps(option.steps);
+                }
+            }
+            break;
+        case CBRFormStepTypes.CBR_LOCATIVAS:
+            {
+                var elementStep = step;
+                if (elementStep.subStep) {
+                    if (idModifier)
+                        elementStep.subStep = idModifier(elementStep.subStep);
+                    subSteps.push(elementStep.subStep);
+                }
+            }
+            break;
+        case AYFFormStepTypes.AYF_ICA_CITY: {
+            var cityStep = step;
+            if (cityStep.idNitStep) {
+                if (idModifier)
+                    cityStep.idNitStep = idModifier(cityStep.idNitStep);
+                subSteps.push(cityStep.idNitStep);
+            }
+            break;
+        }
+        default:
+            break;
+    }
+    return subSteps;
+};

package/dist/constants/EntityPropertyTypes.d.ts

@@ -2,6 +2,7 @@ export declare enum EntityPropertyTypes {
     NAME = "NAME",
     TEXTAREA = "TEXTAREA",
     DATEPICKER = "DATEPICKER",
+    TIMEPICKER = "TIMEPICKER",
     TEXTINPUT = "TEXTINPUT",
     SELECTOR = "SELECTOR",
     CHECKBOX = "CHECKBOX"

package/dist/constants/EntityPropertyTypes.js

@@ -3,6 +3,7 @@ export var EntityPropertyTypes;
     EntityPropertyTypes["NAME"] = "NAME";
     EntityPropertyTypes["TEXTAREA"] = "TEXTAREA";
     EntityPropertyTypes["DATEPICKER"] = "DATEPICKER";
+    EntityPropertyTypes["TIMEPICKER"] = "TIMEPICKER";
     EntityPropertyTypes["TEXTINPUT"] = "TEXTINPUT";
     EntityPropertyTypes["SELECTOR"] = "SELECTOR";
     EntityPropertyTypes["CHECKBOX"] = "CHECKBOX";

package/dist/constants/FormStepTypes.d.ts

@@ -5,7 +5,8 @@ export declare enum FormTypes {
 export declare enum FormStyleTypes {
     MATERIAL = "MATERIAL"
 }
-export declare enum StepTypes {
+export declare enum FormStepTypes {
+    TIMEPICKER = "TIMEPICKER",
     TITLE = "TITLE",
     RATING = "RATING",
     CHECKBOX = "CHECKBOX",
@@ -46,7 +47,7 @@ export declare enum RatingTypes {
     SATISFACTION = "SATISFACTION",
     LIKE = "LIKE"
 }
-export default StepTypes;
+export default FormStepTypes;
 export declare enum MapperStyleTypes {
     PILL = "PILL",
     LIST = "LIST",