@arquimedes.co/eureka-forms 3.0.55-new-steps → 3.0.55

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

@@ -5,13 +5,7 @@ import { EurekaDraft } from './Draft/Draft';
 import { ErkValue } from './ErkValue';
 import * as GSteps from './GenericFormSteps';
 import { Time } from './Time';
-import { LocationStep } from './LocationFormStep';
-import { NumberStep, NumberStepType } from './NumericFormSteps';
-import { BookingStep } from './BookingFormStep';
-import { CalendarStep } from './CalendarFormStep';
-export type { LocationStep, NumberStep, BookingStep, CalendarStep };
-export { NumberStepType };
-export type FormStep = Title | TimePicker | Rating | CheckBox | TextArea | TextInput | DatePicker | FileUpload | Separator | FormSelector | ClassifierSelector | Collapsible | EntityValuePicker | ApiSelector | Mapper | DatePickerRange | LocationStep | NumberStep | BookingStep | CalendarStep;
+export type FormStep = Title | TimePicker | Rating | CheckBox | TextArea | TextInput | DatePicker | FileUpload | Separator | FormSelector | ClassifierSelector | Collapsible | EntityValuePicker | ApiSelector | Mapper | DatePickerRange;
 export interface Title extends GSteps.GBaseStep {
     type: FormStepTypes.TITLE;
     title?: EurekaDraft;
@@ -238,3 +232,4 @@ export interface Mapper extends GSteps.GBaseStep {
     deletable?: boolean;
     max?: number;
 }
+export {};

package/dist/@Types/FormStep.js

@@ -1,2 +1 @@
-import { NumberStepType } from './NumericFormSteps';
-export { NumberStepType };
+export {};

package/dist/App/App.cbr.test.js

@@ -0,0 +1,78 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { render, screen, waitFor } from '@testing-library/react';
+import { describe, expect, it } from 'vitest';
+import '@testing-library/jest-dom';
+import App from './App';
+import CBRFormStepTypes from '../constants/CBRFormStepTypes';
+const INCIDENT = {
+    idSpaceStep: 'CBR_TIPO_ESPACIO-PYDqn',
+    idElementStep: 'CBR_LOCATIVAS-fp6xL',
+    idCommentStep: 'CBR_COMENTARIO-sQjpP',
+    num: 1,
+};
+const ID_SUB_ELEMENT_STEP = 'CBR_LOCATIVAS-G4S0r';
+/** Shaped after a real posventa ticket: incidents are stored flat, keyed by generated step ids. */
+const POSVENTA_VALUES = {
+    CBR_INCIDENCIAS: [INCIDENT],
+    [INCIDENT.idSpaceStep]: { id: '35365', label: 'Zona de Oficios' },
+    [INCIDENT.idCommentStep]: 'GRAN HUMEDAD!!!',
+    [INCIDENT.idElementStep]: { id: '06', label: 'CIELOS', subStep: ID_SUB_ELEMENT_STEP },
+    [ID_SUB_ELEMENT_STEP]: { id: '0601', label: 'Cielo Falso' },
+};
+const POSVENTA_FORM = {
+    name: 'Formulario PosVenta',
+    firstSection: 'FIRST',
+    sections: {
+        FIRST: { id: 'FIRST', name: '', nextSection: null, steps: ['CBR_INCIDENCIAS'] },
+    },
+    steps: {
+        CBR_INCIDENCIAS: {
+            id: 'CBR_INCIDENCIAS',
+            type: CBRFormStepTypes.CBR_INCIDENCIAS,
+            label: 'Incidencias',
+            description: null,
+            addBtnLabel: 'Agregar Incidencia',
+            required: true,
+            unitLabel: 'Incidencia',
+            dependencies: ['CBR_PROYECTO'],
+            spaceStep: {
+                label: 'Espacio',
+                description: null,
+                size: 1,
+                required: true,
+                showIcon: true,
+                searchable: true,
+            },
+            commentStep: { label: 'Comentario', description: null, size: 1, required: true },
+            elementStep: {
+                label: 'Elemento',
+                description: null,
+                size: 1,
+                required: true,
+                showIcon: true,
+                searchable: true,
+                subStep: {
+                    label: 'Elemento Hijo',
+                    description: null,
+                    size: 1,
+                    required: true,
+                    showIcon: true,
+                    searchable: true,
+                },
+            },
+        },
+    },
+    size: { blockNum: 4, blockSize: 210, spacingSize: 20 },
+};
+describe('CBR posventa postview', () => {
+    it('renders the submitted incidents read-only', async () => {
+        const { container } = render(_jsx(App, { formData: POSVENTA_FORM, valuesData: POSVENTA_VALUES, idOrganization: 'melendez', postview: true, internal: true, isWidget: true, editable: false }));
+        await waitFor(() => {
+            expect(container.textContent).toContain('Incidencia 1');
+        });
+        expect(container.textContent).toContain('GRAN HUMEDAD!!!');
+        expect(screen.getByDisplayValue('Zona de Oficios')).toBeInTheDocument();
+        expect(screen.getByDisplayValue('CIELOS')).toBeInTheDocument();
+        expect(screen.getByDisplayValue('Cielo Falso')).toBeInTheDocument();
+    });
+});

package/dist/FormSteps/MapperStep/MaterialMapperStep/Element/MapperElementComponent.js

@@ -25,7 +25,7 @@ function MapperElementComponent(props) {
     const mapSubSteps = () => {
         return (_jsx(CustomContext.Provider, { value: nestedCustomContext, children: step.rootSteps.map((idSubStep) => {
                 const subStep = form.steps[element.ids[idSubStep]];
-                return (_createElement(StepComponent, { ...props, editable: editable ? (step.editable ?? true) : false, step: subStep, key: element.ids[idSubStep] }));
+                return (_createElement(StepComponent, { ...props, editable: editable ? (step.editable ?? true) : false, step: subStep, key: idSubStep }));
             }) }));
     };
     switch (step.style?.type) {

package/dist/FormSteps/Step.js

@@ -1,4 +1,4 @@
-import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
+import { Fragment as _Fragment, jsx as _jsx } from "react/jsx-runtime";
 import FormStepTypes from '../constants/FormStepTypes';
 import SelectorStep from './SelectorStep/SelectorStep';
 import SeparatorStep from './SeparatorStep/SeparatorStep';
@@ -24,18 +24,15 @@ import CustomContext from '../Contexts/CustomContext';
 import { selectOriginalValue, useCondition } from './StepHooks';
 import TimePickerStep from './TimePickerStep/TimePickerStep';
 import PhoneInputStep from './PhoneInputStep/PhoneInputStep';
-import LocationStepComponent from './LocationStep/LocationStep';
-import NumberStepComponent from './NumberStep/NumberStep';
-import BookingStepComponent from './BookingStep/BookingStep';
-import CalendarStepComponent from './CalendarStep/CalendarStep';
 function StepComponent({ step, ...props }) {
     const { postview, partial } = useAppSelector((state) => state.global);
     const { customSteps, customClientInfoStep } = useContext(CustomContext);
     const originalValue = useAppSelector((state) => selectOriginalValue(state, step));
-    const showStep = useCondition(step.condition);
+    const showStep = useCondition(step?.condition);
+    /** A rootSteps entry with no matching step definition must not take the whole form down with it. */
     if (!step) {
         console.error('Step not found!', step);
-        return _jsx("div", {});
+        return _jsx(_Fragment, {});
     }
     if (!showStep)
         return _jsx(_Fragment, {});
@@ -78,18 +75,6 @@ function StepComponent({ step, ...props }) {
         case FormStepTypes.DATEPICKER: {
             return _jsx(DatePickerStep, { ...props, step: step, editable: editable });
         }
-        case FormStepTypes.LOCATION: {
-            return _jsx(LocationStepComponent, { ...props, step: step, editable: editable });
-        }
-        case FormStepTypes.NUMBER: {
-            return _jsx(NumberStepComponent, { ...props, step: step, editable: editable });
-        }
-        case FormStepTypes.BOOKING: {
-            return _jsx(BookingStepComponent, { ...props, step: step, editable: editable });
-        }
-        case FormStepTypes.CALENDAR: {
-            return _jsx(CalendarStepComponent, { ...props, step: step, editable: editable });
-        }
         case FormStepTypes.DATEPICKER_RANGE: {
             return _jsx(DatePickerRangeStep, { ...props, step: step, editable: editable });
         }

package/dist/FormSteps/StepFunctions.js

@@ -1,4 +1,3 @@
-import { NumberStepType, } from '../@Types/FormStep';
 import FormStepTypes, { ApiSelectorOptionTypes, ClassifierOptionTypes, EntityValueDataTypes, EntityValueOptionTypes, OptionTypes, } from '../constants/FormStepTypes';
 import CBRFormStepTypes from '../constants/CBRFormStepTypes';
 import AYFFormStepTypes from '../constants/AYFFormStepTypes';
@@ -88,8 +87,6 @@ function recursivelyCheckOpenSize(idStep, steps, values) {
             return size;
         }
         case FormStepTypes.DATEPICKER:
-        case FormStepTypes.LOCATION:
-        case FormStepTypes.NUMBER:
         case FormStepTypes.TEXTINPUT: {
             return step.size;
         }
@@ -120,17 +117,6 @@ export const calcDefaultValue = (step) => {
                 return getRawText();
             else
                 return '';
-        case FormStepTypes.LOCATION:
-            return step.defaultValue ?? null;
-        case FormStepTypes.NUMBER: {
-            const numStep = step;
-            if (numStep.numberType === NumberStepType.MONEY ||
-                numStep.numberType === NumberStepType.MEASURE ||
-                numStep.numberType === NumberStepType.UNIT_PRICE) {
-                return numStep.defaultValue ?? null;
-            }
-            return numStep.defaultValue ?? '';
-        }
         case FormStepTypes.RATING:
         case FormStepTypes.DATEPICKER:
         case FormStepTypes.DATEPICKER_RANGE:

package/dist/FormSteps/StepFunctions.test.js

@@ -1,4 +1,3 @@
-import * as Steps from '../@Types/FormStep';
 import AYFFormStepTypes from '../constants/AYFFormStepTypes';
 import CBRFormStepTypes from '../constants/CBRFormStepTypes';
 import FormStepTypes, { ApiSelectorOptionTypes, ClassifierOptionTypes, EntityValueOptionTypes, OptionTypes, } from '../constants/FormStepTypes';
@@ -497,13 +496,6 @@ describe('StepFunctions', function () {
             const defaultValue = calcDefaultValue(step);
             expect(defaultValue).toBe(null);
         });
-        test('Location step type', async () => {
-            const step = {
-                type: FormStepTypes.LOCATION,
-            };
-            const defaultValue = calcDefaultValue(step);
-            expect(defaultValue).toBe(null);
-        });
         test('Mapper, FileUpload, CBRFormStep types', async () => {
             const step1 = {
                 type: FormStepTypes.MAPPER,
@@ -535,52 +527,6 @@ describe('StepFunctions', function () {
             const defaultValue = calcDefaultValue(step);
             expect(defaultValue).toBeUndefined();
         });
-        test('Number step type without defaultValue', async () => {
-            const step1 = {
-                type: FormStepTypes.NUMBER,
-                numberType: Steps.NumberStepType.INTEGER,
-            };
-            const step2 = {
-                type: FormStepTypes.NUMBER,
-                numberType: Steps.NumberStepType.DECIMAL,
-            };
-            const step3 = {
-                type: FormStepTypes.NUMBER,
-                numberType: Steps.NumberStepType.PERCENTAGE,
-            };
-            const step4 = {
-                type: FormStepTypes.NUMBER,
-                numberType: Steps.NumberStepType.MONEY,
-            };
-            const step5 = {
-                type: FormStepTypes.NUMBER,
-                numberType: Steps.NumberStepType.MEASURE,
-            };
-            const step6 = {
-                type: FormStepTypes.NUMBER,
-                numberType: Steps.NumberStepType.UNIT_PRICE,
-            };
-            expect(calcDefaultValue(step1)).toBe('');
-            expect(calcDefaultValue(step2)).toBe('');
-            expect(calcDefaultValue(step3)).toBe('');
-            expect(calcDefaultValue(step4)).toBe(null);
-            expect(calcDefaultValue(step5)).toBe(null);
-            expect(calcDefaultValue(step6)).toBe(null);
-        });
-        test('Number step type with defaultValue', async () => {
-            const step1 = {
-                type: FormStepTypes.NUMBER,
-                numberType: Steps.NumberStepType.INTEGER,
-                defaultValue: 42,
-            };
-            const step2 = {
-                type: FormStepTypes.NUMBER,
-                numberType: Steps.NumberStepType.MONEY,
-                defaultValue: { value: 100, currency: 'USD' },
-            };
-            expect(calcDefaultValue(step1)).toBe(42);
-            expect(calcDefaultValue(step2)).toEqual({ value: 100, currency: 'USD' });
-        });
     });
     describe('iterateNestedSteps', function () {
         test('should iterate over nested steps', async () => {

package/dist/Shared/ErkDatePicker/ErkDatePicker.js

@@ -2,9 +2,11 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import React, { useMemo } from 'react';
 import { format as dateFnsFormat, isValid } from 'date-fns';
 import { InputAdornment, styled, Dialog as MuiDialog } from '@mui/material';
-import { MobileDatePicker as MuiDatePicker, MobileDateTimePicker as MuiDateTimePicker, DatePickerToolbar as MuiDatePickerToolbar, DateTimePickerToolbar as MuiDateTimePickerToolbar, usePickerContext, PickerDay as MuiPickerDay, renderTimeViewClock, } from '@mui/x-date-pickers';
+import { MobileDatePicker as MuiDatePicker, MobileDateTimePicker as MuiDateTimePicker, DatePickerToolbar as MuiDatePickerToolbar, DateTimePickerToolbar as MuiDateTimePickerToolbar, usePickerContext, } from '@mui/x-date-pickers';
+import { PickerDay as MuiPickerDay } from '@mui/x-date-pickers/PickerDay';
 import { StyledTextField } from '../ErkTextField/ErkTextField';
 import CalendarIcon from '../../Icons/CalendarIcon';
+import { renderTimeViewClock } from '@mui/x-date-pickers/timeViewRenderers';
 const StyledDateTimePicker = styled(MuiDateTimePicker, {
     shouldForwardProp: (propName) => propName !== 'size',
 })(({ disabled, readOnly, size }) => ({
@@ -126,10 +128,10 @@ const StyledDay = styled(MuiPickerDay)(({ theme }) => ({
     fontWeight: 500,
     fontSize: '0.9rem',
     lineHeight: 'normal',
-    '&.Erk-MuiPickersDay-today': {
+    '&.Erk-MuiPickerDay-today': {
         backgroundColor: theme.palette.primary.main + '33',
     },
-    '&.Erk-MuiPickersDay-dayOutsideMonth': {
+    '&.Erk-MuiPickerDay-dayOutsideMonth': {
         color: 'rgb(0,0,0,0.4)',
         '&.Mui-selected': {
             color: theme.palette.primary.contrastText,
@@ -169,7 +171,7 @@ function CustomDatePicker({ error, required, disabled, readOnly, helperText, siz
 // eslint-disable-next-line @typescript-eslint/no-unused-vars
 orientation: _orientation, ...others }) {
     if (pickTime) {
-        return (_jsx(StyledDateTimePicker, { ampm: true, size: size, reduceAnimations: true, ...others, label: label, disabled: disabled, readOnly: readOnly, showDaysOutsideCurrentMonth: true, slotProps: {
+        return (_jsx(StyledDateTimePicker, { ampm: true, size: size, reduceAnimations: true, orientation: "portrait", ...others, label: label, disabled: disabled, readOnly: readOnly, showDaysOutsideCurrentMonth: true, slotProps: {
                 actionBar: {
                     actions: ['clear', 'accept'],
                 },
@@ -229,7 +231,7 @@ orientation: _orientation, ...others }) {
             } }));
     }
     else {
-        return (_jsx(StyledDatePicker, { ...others, label: label, size: size, reduceAnimations: true, readOnly: readOnly, disabled: disabled, showDaysOutsideCurrentMonth: true, views: ['year', 'month', 'day'], slotProps: {
+        return (_jsx(StyledDatePicker, { ...others, label: label, size: size, reduceAnimations: true, orientation: "portrait", readOnly: readOnly, disabled: disabled, showDaysOutsideCurrentMonth: true, views: ['year', 'month', 'day'], slotProps: {
                 actionBar: {
                     actions: ['clear', 'accept'],
                 },

package/dist/Shared/ErkDateRangePicker/ErkDateRangePicker.d.ts

@@ -1,6 +1,7 @@
 import React from 'react';
-import { PickersShortcutsItem } from '@mui/x-date-pickers';
-import { MobileDateRangePickerProps as MuiDateRangePickerProps, DateRange } from '@mui/x-date-pickers-pro';
+import { MobileDateRangePickerProps as MuiDateRangePickerProps } from '@mui/x-date-pickers-pro/MobileDateRangePicker';
+import { DateRange } from '@mui/x-date-pickers-pro';
+import { PickersShortcutsItem } from '@mui/x-date-pickers/PickersShortcuts';
 import { ErkTextFieldProps } from '../ErkTextField/ErkTextField';
 interface ErkDateRangePickerProps extends Omit<MuiDateRangePickerProps, 'ref' | 'onChange' | 'value' | 'slotProps'>, Pick<ErkTextFieldProps, 'error' | 'required' | 'helperText' | 'size'> {
     onChange?: (dateRange: DateRange<Date>) => void;

package/dist/Shared/ErkDateRangePicker/ErkDateRangePicker.js

@@ -2,7 +2,8 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import React, { useMemo } from 'react';
 import { InputAdornment, styled, Dialog as MuiDialog } from '@mui/material';
 import { DatePickerToolbar as MuiDatePickerToolbar, usePickerContext, } from '@mui/x-date-pickers';
-import { MobileDateRangePicker as MuiDateRangePicker, DateRangePickerDay as MuiDateRangePickerDay, } from '@mui/x-date-pickers-pro';
+import { MobileDateRangePicker as MuiDateRangePicker, } from '@mui/x-date-pickers-pro/MobileDateRangePicker';
+import { DateRangePickerDay as MuiDateRangePickerDay } from '@mui/x-date-pickers-pro';
 import { format, isValid } from 'date-fns';
 import { StyledTextField } from '../ErkTextField/ErkTextField';
 import CalendarIcon from '../../Icons/CalendarIcon';
@@ -70,10 +71,10 @@ const StyledDay = styled(MuiDateRangePickerDay)(({ theme }) => ({
     fontWeight: 500,
     fontSize: '0.9rem',
     lineHeight: 'normal',
-    '&.Erk-MuiPickersDay-today:not(.Erk-MuiDateRangePickerDay-rangeIntervalDayHighlight)': {
+    '&.Erk-MuiDateRangePickerDay-today:not(.Erk-MuiDateRangePickerDay-rangeIntervalDayHighlight)': {
         backgroundColor: theme.palette.primary.main + '33',
     },
-    '&.Erk-MuiPickersDay-dayOutsideMonth': {
+    '&.Erk-MuiDateRangePickerDay-dayOutsideMonth': {
         color: 'rgb(0,0,0,0.4)',
         '&.Mui-selected': {
             color: theme.palette.primary.contrastText,
@@ -83,7 +84,7 @@ const StyledDay = styled(MuiDateRangePickerDay)(({ theme }) => ({
         backgroundColor: theme.palette.primary.main + '1a',
     },
 }));
-const CustomRangePickerField = React.forwardRef(function CustomRangePickerField({ error, required, helperText, size = 'small', labelMargin = 5, fullWidth = true, inputRef, }, ref) {
+const CustomRangePickerField = React.forwardRef(function CustomRangePickerField({ error, required, helperText, size = 'small', labelMargin = 5, fullWidth = true, inputRef }, ref) {
     const { value, fieldFormat, setOpen, disabled, readOnly, label } = usePickerContext();
     const { displayValue, isInvalid } = useMemo(() => {
         const [startDate, endDate] = value ?? [null, null];

package/dist/Utils/CBRFunctions.js

@@ -1,17 +1,19 @@
 import CBRFormStepTypes from '../constants/CBRFormStepTypes';
 export const calcCbrForm = (form, formValues) => {
+    /** Callers pass the form straight out of `createNextState`, whose result Immer deep-freezes. */
+    const steps = { ...form.steps };
     for (const step of Object.values(form.steps)) {
         if (step.type === CBRFormStepTypes.CBR_INCIDENCIAS) {
             const incidentStep = step;
             const incValue = formValues[incidentStep.id ?? ''];
             if (incValue) {
                 for (const incident of incValue) {
-                    handleAddIncident(incident, incidentStep, form.steps, formValues);
+                    handleAddIncident(incident, incidentStep, steps, formValues);
                 }
             }
         }
     }
-    return form;
+    return { ...form, steps };
 };
 const handleAddIncident = (incident, step, steps, formValues) => {
     const spaceStep = {

package/dist/Utils/CBRFunctions.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/Utils/CBRFunctions.test.js

@@ -0,0 +1,123 @@
+import { createNextState } from '@reduxjs/toolkit';
+import { describe, expect, test } from 'vitest';
+import CBRFormStepTypes from '../constants/CBRFormStepTypes';
+import { calcCbrForm } from './CBRFunctions';
+const INCIDENT = {
+    idSpaceStep: 'CBR_TIPO_ESPACIO-space1',
+    idElementStep: 'CBR_LOCATIVAS-element1',
+    idCommentStep: 'CBR_COMENTARIO-comment1',
+    num: 1,
+};
+/** Second element level, reached through the element value's `subStep` pointer. */
+const ID_SUB_ELEMENT_STEP = 'CBR_LOCATIVAS-subElement1';
+const FORM_VALUES = {
+    CBR_INCIDENCIAS: [INCIDENT],
+    [INCIDENT.idSpaceStep]: { id: '35362', label: 'Sala' },
+    [INCIDENT.idCommentStep]: 'GRAN HUMEDAD',
+    [INCIDENT.idElementStep]: {
+        id: '06',
+        label: 'CIELOS',
+        subStep: ID_SUB_ELEMENT_STEP,
+    },
+    [ID_SUB_ELEMENT_STEP]: { id: '0601', label: 'Cielo Falso' },
+};
+function buildForm() {
+    return {
+        name: 'Formulario PosVenta',
+        firstSection: 'FIRST',
+        sections: {
+            FIRST: {
+                id: 'FIRST',
+                name: '',
+                nextSection: null,
+                steps: ['CBR_INCIDENCIAS'],
+            },
+        },
+        steps: {
+            CBR_INCIDENCIAS: {
+                id: 'CBR_INCIDENCIAS',
+                type: CBRFormStepTypes.CBR_INCIDENCIAS,
+                label: 'Incidencias',
+                description: null,
+                addBtnLabel: 'Agregar',
+                required: true,
+                unitLabel: 'Incidencia',
+                dependencies: ['CBR_PROYECTO'],
+                spaceStep: {
+                    label: 'Espacio',
+                    description: null,
+                    size: 1,
+                    required: true,
+                    showIcon: true,
+                    searchable: true,
+                },
+                commentStep: {
+                    label: 'Comentario',
+                    description: null,
+                    size: 1,
+                    required: true,
+                },
+                elementStep: {
+                    label: 'Elemento',
+                    description: null,
+                    size: 1,
+                    required: true,
+                    showIcon: true,
+                    searchable: true,
+                    subStep: {
+                        label: 'Elemento Hijo',
+                        description: null,
+                        size: 1,
+                        required: true,
+                        showIcon: true,
+                        searchable: true,
+                    },
+                },
+            },
+        },
+        size: { blockNum: 4, blockSize: 210, spacingSize: 20 },
+    };
+}
+describe('calcCbrForm', function () {
+    test('expands every incident into its own space, comment and element steps', () => {
+        const result = calcCbrForm(buildForm(), FORM_VALUES);
+        expect(result.steps[INCIDENT.idSpaceStep]).toMatchObject({
+            id: INCIDENT.idSpaceStep,
+            type: CBRFormStepTypes.CBR_TIPO_ESPACIO,
+        });
+        expect(result.steps[INCIDENT.idCommentStep]).toMatchObject({
+            id: INCIDENT.idCommentStep,
+            type: CBRFormStepTypes.CBR_COMENTARIO,
+        });
+        expect(result.steps[INCIDENT.idElementStep]).toMatchObject({
+            id: INCIDENT.idElementStep,
+            type: CBRFormStepTypes.CBR_LOCATIVAS,
+            subStep: ID_SUB_ELEMENT_STEP,
+        });
+        expect(result.steps[ID_SUB_ELEMENT_STEP]).toMatchObject({
+            id: ID_SUB_ELEMENT_STEP,
+            type: CBRFormStepTypes.CBR_LOCATIVAS,
+        });
+    });
+    test('leaves the form it was given untouched', () => {
+        const form = buildForm();
+        calcCbrForm(form, FORM_VALUES);
+        expect(Object.keys(form.steps)).toEqual(['CBR_INCIDENCIAS']);
+    });
+    /**
+     * The caller hands the form straight out of `createNextState`, whose result Immer deep-freezes, so
+     * expanding the incidents by writing into that same `steps` object throws and leaves the form stuck
+     * loading forever.
+     */
+    test('expands a form frozen by createNextState', () => {
+        const frozenForm = createNextState(buildForm(), (draft) => {
+            draft.steps.CBR_INCIDENCIAS.idSection = 'FIRST';
+        });
+        expect(Object.isFrozen(frozenForm.steps)).toBe(true);
+        const result = calcCbrForm(frozenForm, FORM_VALUES);
+        expect(result.steps[INCIDENT.idSpaceStep]).toBeDefined();
+        expect(result.steps[INCIDENT.idCommentStep]).toBeDefined();
+        expect(result.steps[INCIDENT.idElementStep]).toBeDefined();
+        expect(result.steps[ID_SUB_ELEMENT_STEP]).toBeDefined();
+    });
+});

package/dist/constants/FormStepTypes.d.ts

@@ -21,11 +21,7 @@ export declare enum FormStepTypes {
     COLLAPSIBLE = "COLLAPSIBLE",
     MAPPER = "MAPPER",
     ENTITYVALUEPICKER = "ENTITYVALUEPICKER",
-    API_SELECTOR = "API_SELECTOR",
-    LOCATION = "LOCATION",
-    NUMBER = "NUMBER",
-    CALENDAR = "CALENDAR",
-    BOOKING = "BOOKING"
+    API_SELECTOR = "API_SELECTOR"
 }
 export declare enum OptionTypes {
     DEFAULT = "DEFAULT",

package/dist/constants/FormStepTypes.js

@@ -25,10 +25,6 @@ export var FormStepTypes;
     FormStepTypes["MAPPER"] = "MAPPER";
     FormStepTypes["ENTITYVALUEPICKER"] = "ENTITYVALUEPICKER";
     FormStepTypes["API_SELECTOR"] = "API_SELECTOR";
-    FormStepTypes["LOCATION"] = "LOCATION";
-    FormStepTypes["NUMBER"] = "NUMBER";
-    FormStepTypes["CALENDAR"] = "CALENDAR";
-    FormStepTypes["BOOKING"] = "BOOKING";
 })(FormStepTypes || (FormStepTypes = {}));
 export var OptionTypes;
 (function (OptionTypes) {

package/dist/index.lib.d.ts

@@ -1,8 +1,6 @@
 import EurekaForm, { AppProps as EurekaFormProps } from './App/App';
 import { StepProps } from './FormSteps/Step';
 import * as StepFunctions from './FormSteps/StepFunctions';
-import ErkBookingPicker, { ErkBookingPickerProps } from './Shared/ErkBookingPicker/ErkBookingPicker';
-import ErkAvailabilityPicker, { ErkAvailabilityPickerProps } from './Shared/ErkAvailabilityPicker/ErkAvailabilityPicker';
-export type { StepProps, EurekaFormProps, ErkBookingPickerProps, ErkAvailabilityPickerProps };
-export { EurekaForm, StepFunctions, ErkBookingPicker, ErkAvailabilityPicker };
+export type { StepProps, EurekaFormProps };
+export { EurekaForm, StepFunctions };
 export default EurekaForm;

package/dist/index.lib.js

@@ -1,6 +1,4 @@
 import EurekaForm from './App/App';
 import * as StepFunctions from './FormSteps/StepFunctions';
-import ErkBookingPicker from './Shared/ErkBookingPicker/ErkBookingPicker';
-import ErkAvailabilityPicker from './Shared/ErkAvailabilityPicker/ErkAvailabilityPicker';
-export { EurekaForm, StepFunctions, ErkBookingPicker, ErkAvailabilityPicker };
+export { EurekaForm, StepFunctions };
 export default EurekaForm;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@arquimedes.co/eureka-forms",
   "repository": "git://github.com/Arquimede5/Eureka-Forms.git",
-  "version":"3.0.55-new-steps",
+  "version": "3.0.55",
   "scripts": {
     "watch": "tsgo --noEmit --watch --project tsconfig.app.json",
     "start": "vite",
@@ -16,7 +16,6 @@
     "build-storybook": "storybook build"
   },
   "dependencies": {
-    "@base-ui/react": "^1.6.0",
     "@reduxjs/toolkit": "2.11.2",
     "axios": "1.16.0",
     "date-fns": "4.1.0",
@@ -51,10 +50,10 @@
     "@eslint/eslintrc": "3.3.3",
     "@eslint/js": "9.39.1",
     "@faker-js/faker": "10.1.0",
-    "@mui/material": "^9.0.1",
-    "@mui/x-data-grid-pro": "^9.3.0",
-    "@mui/x-date-pickers": "^9.3.0",
-    "@mui/x-date-pickers-pro": "^9.3.0",
+    "@mui/material": "^9.2.0",
+    "@mui/x-data-grid-pro": "^9.10.1",
+    "@mui/x-date-pickers": "^9.10.1",
+    "@mui/x-date-pickers-pro": "^9.10.1",
     "@storybook/addon-docs": "^10.4.0",
     "@storybook/addon-onboarding": "^10.4.0",
     "@storybook/addon-themes": "^10.4.0",
@@ -98,8 +97,8 @@
   "peerDependencies": {
     "@emotion/react": "11.x.x",
     "@emotion/styled": "11.x.x",
-    "@mui/material": "^9.0.1",
-    "@mui/x-date-pickers": "^9.3.0",
+    "@mui/material": "^9.2.0",
+    "@mui/x-date-pickers": "^9.10.1",
     "react": "18 || 19",
     "react-dom": "18 || 19"
   },

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

@@ -1,48 +0,0 @@
-/**
- * @deprecated Renombrado a CalendarFormStep.
- * Este archivo existe solo para compatibilidad retroactiva.
- * Usar `CalendarFormStep.ts` directamente.
- */
-export type { CalendarStep as AvailabilityStep } from './CalendarFormStep';
-export type { CalendarValue as AvailabilityValue } from './CalendarFormStep';
-export { CalendarEventCategory as AvailabilityEventCategory } from './CalendarFormStep';
-export { CalendarDefaultView } from './CalendarFormStep';
-export type { CalendarEventTemplate } from './CalendarFormStep';
-export type { CalendarEvent } from './CalendarFormStep';
-export declare enum AvailabilityMode {
-    WEEKLY = "WEEKLY",
-    SPECIFIC_DATES = "SPECIFIC_DATES",
-    COMBINED = "COMBINED"
-}
-export declare enum AvailabilityDayOfWeek {
-    MONDAY = 1,
-    TUESDAY = 2,
-    WEDNESDAY = 3,
-    THURSDAY = 4,
-    FRIDAY = 5,
-    SATURDAY = 6,
-    SUNDAY = 7
-}
-export interface AvailabilitySlot {
-    start: string;
-    end: string;
-}
-export interface AvailabilityDay {
-    day: AvailabilityDayOfWeek;
-    slots: AvailabilitySlot[];
-    recurrence?: string;
-}
-export interface AvailabilitySpecificDate {
-    date: string;
-    slots: AvailabilitySlot[];
-}
-export interface AvailabilityExclusion {
-    date?: string;
-    dateRange?: {
-        start: string;
-        end: string;
-    };
-    dayOfWeek?: AvailabilityDayOfWeek;
-    slots?: AvailabilitySlot[];
-    reason?: string;
-}