@arquimedes.co/eureka-forms 3.0.66 → 3.0.68-test

package/dist/FormSteps/EntityValueStep/entityValuePickerWatchedSteps.js

@@ -1,64 +0,0 @@
-import { EntityValueDataTypes } from '../../constants/FormStepTypes';
-const push = (step, idStep, into) => {
-    if (!idStep)
-        return;
-    /**
-     * A draft can point a filter or a path hop at the picker that holds it (the editor lists the
-     * step among the pickable ones before the form is saved and the backend rejects it). A step is
-     * never its own dependency, and watching itself would close a cycle in the dependency walk.
-     */
-    if (idStep === step.id)
-        return;
-    if (step.dependencies?.includes(idStep))
-        return;
-    if (!into.includes(idStep))
-        into.push(idStep);
-};
-/**
- * The steps an entity picker reads a value from that `step.dependencies` does not already list:
- * the STEP hops of `step.path` and every STEP filter, required or not.
- *
- * `step.dependencies` is recomputed server-side only when the form is saved
- * (`FormDependencyFunctions.calcStepDependencies`), so it describes the form as it was at the last
- * save. In the editor's live preview of an unsaved draft — and in any form whose stored
- * dependencies went stale — a path hop or a filter added since then is missing from it, and the
- * renderer would never watch the step it points at. The picker refetches its options when a watched
- * value changes, so a filter the picker does not watch never triggers the fetch that would honour
- * it: a required one leaves the select stuck with no options at all, an optional one leaves it
- * showing options the filter should have narrowed.
- *
- * The `required` flag is deliberately not consulted: required or not, the filter's value is what
- * has to trigger the refetch. Steps the last save already registered are skipped because the
- * renderer watches `step.dependencies` anyway.
- */
-export function entityValuePickerWatchedSteps(step) {
-    const watched = [];
-    for (const path of step.path) {
-        if (path.type === EntityValueDataTypes.STEP)
-            push(step, path.idStep, watched);
-    }
-    for (const filter of step.filters) {
-        if (filter.type === EntityValueDataTypes.STEP)
-            push(step, filter.idStep, watched);
-    }
-    return watched;
-}
-/**
- * The subset of `entityValuePickerWatchedSteps` whose value the picker cannot do without: every
- * STEP hop of the path, and the STEP filters flagged `required`. Those are exactly the cases where
- * `getEntityValueOptions` gives up and answers `null` — its "dependency not met" contract — so
- * while they hold no value the select has to read as a missing dependency rather than as a failed
- * load.
- */
-export function entityValuePickerBlockingSteps(step) {
-    const blocking = [];
-    for (const path of step.path) {
-        if (path.type === EntityValueDataTypes.STEP)
-            push(step, path.idStep, blocking);
-    }
-    for (const filter of step.filters) {
-        if (filter.type === EntityValueDataTypes.STEP && filter.required)
-            push(step, filter.idStep, blocking);
-    }
-    return blocking;
-}

package/dist/FormSteps/EntityValueStep/entityValuePickerWatchedSteps.test.d.ts

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

package/dist/FormSteps/EntityValueStep/entityValuePickerWatchedSteps.test.js

@@ -1,95 +0,0 @@
-import { describe, expect, test } from 'vitest';
-import FormStepTypes, { EntityValueDataTypes } from '../../constants/FormStepTypes';
-import { entityValuePickerBlockingSteps, entityValuePickerWatchedSteps } from './entityValuePickerWatchedSteps';
-const picker = (picker) => ({
-    id: 'picker',
-    idSection: 'section',
-    type: FormStepTypes.ENTITYVALUEPICKER,
-    idEntity: 'entity',
-    path: [],
-    filters: [],
-    options: {},
-    ...picker,
-});
-const stepFilter = (idStep, required) => ({
-    idProperty: 'prop-' + idStep,
-    type: EntityValueDataTypes.STEP,
-    idStep,
-    any: false,
-    required,
-});
-const stepPath = (idStep) => ({
-    idEntity: 'parent',
-    type: EntityValueDataTypes.STEP,
-    idStep,
-    any: false,
-});
-describe('entityValuePickerWatchedSteps', () => {
-    test('watches a STEP filter the saved dependencies do not list, required or not', () => {
-        const step = picker({ filters: [stepFilter('required', true), stepFilter('optional', false)] });
-        expect(entityValuePickerWatchedSteps(step)).toEqual(['required', 'optional']);
-    });
-    test('skips the steps the last save already registered', () => {
-        const step = picker({
-            dependencies: ['required'],
-            filters: [stepFilter('required', true), stepFilter('optional', false)],
-        });
-        expect(entityValuePickerWatchedSteps(step)).toEqual(['optional']);
-    });
-    test('watches the STEP hops of an unsaved path', () => {
-        const step = picker({
-            dependencies: ['saved'],
-            path: [stepPath('saved'), stepPath('added'), { idEntity: 'e', type: EntityValueDataTypes.VALUE }],
-        });
-        expect(entityValuePickerWatchedSteps(step)).toEqual(['added']);
-    });
-    test('ignores filters that read no step, and a path hop with no step picked yet', () => {
-        const step = picker({
-            path: [{ idEntity: 'e', type: EntityValueDataTypes.STEP, any: true }],
-            filters: [
-                { idProperty: 'a', type: EntityValueDataTypes.VALUE, value: 'x' },
-                { idProperty: 'b', type: EntityValueDataTypes.CURRENT_AGENT },
-                { idProperty: 'c', type: EntityValueDataTypes.INTEGRATION, idIntegration: 'i', values: {} },
-            ],
-        });
-        expect(entityValuePickerWatchedSteps(step)).toEqual([]);
-    });
-    test('never repeats a step read twice', () => {
-        const step = picker({
-            path: [stepPath('shared')],
-            filters: [stepFilter('shared', true)],
-        });
-        expect(entityValuePickerWatchedSteps(step)).toEqual(['shared']);
-    });
-    test('ignores a draft filter or path hop pointing back at the picker itself', () => {
-        const step = picker({
-            path: [stepPath('picker'), stepPath('hop')],
-            filters: [stepFilter('picker', true), stepFilter('picker', false), stepFilter('other', false)],
-        });
-        expect(entityValuePickerWatchedSteps(step)).toEqual(['hop', 'other']);
-    });
-});
-describe('entityValuePickerBlockingSteps', () => {
-    test('only the path hops and the required filters block the fetch', () => {
-        const step = picker({
-            path: [stepPath('hop')],
-            filters: [stepFilter('required', true), stepFilter('optional', false)],
-        });
-        expect(entityValuePickerBlockingSteps(step)).toEqual(['hop', 'required']);
-    });
-    test('a saved dependency is already watched deeply, so it is not repeated', () => {
-        const step = picker({
-            dependencies: ['hop', 'required'],
-            path: [stepPath('hop')],
-            filters: [stepFilter('required', true)],
-        });
-        expect(entityValuePickerBlockingSteps(step)).toEqual([]);
-    });
-    test('ignores a draft filter or path hop pointing back at the picker itself', () => {
-        const step = picker({
-            path: [stepPath('picker')],
-            filters: [stepFilter('picker', true)],
-        });
-        expect(entityValuePickerBlockingSteps(step)).toEqual([]);
-    });
-});

package/dist/FormSteps/LocationStep/LocationStep.d.ts

@@ -1,10 +0,0 @@
-import { LocationStep } from '../../@Types/LocationFormStep';
-import { StepProps } from '../Step';
-export interface LocationStepProps extends StepProps {
-    /** The LocationStep to display */
-    step: LocationStep;
-    /** The icon to display */
-    IconComponent?: React.ElementType;
-}
-declare function LocationStepComponent(props: LocationStepProps): JSX.Element;
-export default LocationStepComponent;

package/dist/FormSteps/LocationStep/LocationStep.js

@@ -1,14 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { FormStyleTypes } from '../../constants/FormStepTypes';
-import MaterialLocationStep from './MaterialLocationStep/MaterialLocationStep';
-import { useAppSelector } from '../../hooks';
-function LocationStepComponent(props) {
-    const { formStyle } = useAppSelector((state) => state.global);
-    switch (formStyle.type) {
-        case FormStyleTypes.MATERIAL:
-        default: {
-            return _jsx(MaterialLocationStep, { ...props });
-        }
-    }
-}
-export default LocationStepComponent;

package/dist/FormSteps/LocationStep/MaterialLocationStep/MaterialLocationStep.d.ts

@@ -1,3 +0,0 @@
-import { LocationStepProps } from '../LocationStep';
-declare function MaterialLocationStep({ step, editable }: LocationStepProps): JSX.Element;
-export default MaterialLocationStep;

package/dist/FormSteps/LocationStep/MaterialLocationStep/MaterialLocationStep.js

@@ -1,54 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useContext } from 'react';
-import { AddressFieldMode, LocationInputMode } from '../../../@Types/LocationFormStep';
-import { useFormStep } from '../../StepHooks';
-import FormContext from '../../../Contexts/FormContext';
-import { selectBreakPoint, useAppSelector } from '../../../hooks';
-import { calcStepWidth } from '../../StepFunctions';
-import ErkLocationField from '../../../Shared/ErkLocationField/ErkLocationField';
-import { fieldConfig } from '../../../Shared/ErkLocationField/addressFields';
-import { validateRestrictions } from '../../../Shared/ErkLocationField/locationRestrictions';
-import styles from './MaterialLocationStep.module.css';
-function MaterialLocationStep({ step, editable }) {
-    const currentBreakPoint = useAppSelector(selectBreakPoint);
-    const { postview, formStyle } = useAppSelector((state) => state.global);
-    const form = useContext(FormContext);
-    const isReadOnly = !editable || postview;
-    const widthStyle = currentBreakPoint <= step.size ? '100%' : calcStepWidth(step.size, form.size);
-    const { ref, value, onChange, error } = useFormStep(step, {
-        defaultValue: step.defaultValue ?? null,
-        rules: {
-            required: step.required ? 'La ubicación es obligatoria' : undefined,
-            validate: (val) => {
-                if (!val)
-                    return step.required ? 'La ubicación es obligatoria' : true;
-                if (val.source === LocationInputMode.MANUAL) {
-                    // Un campo es obligatorio en manual solo si no está omitido (FIXED lo llena solo).
-                    const detail = val.addressDetail;
-                    const isRequired = (key) => fieldConfig(step.addressFields, key).mode !== AddressFieldMode.OMIT;
-                    if (step.required && isRequired('street') && !detail?.street)
-                        return 'Por favor completa la calle en el formulario manual.';
-                    if (step.required && isRequired('city') && !detail?.city)
-                        return 'Por favor completa la ciudad en el formulario manual.';
-                    if (step.required && isRequired('country') && !detail?.country)
-                        return 'Por favor completa el país en el formulario manual.';
-                    return true;
-                }
-                if (val.latitude === undefined || val.longitude === undefined) {
-                    return step.required ? 'Coordenadas geográficas no capturadas.' : true;
-                }
-                // Restricciones geográficas (radio / geofence).
-                return validateRestrictions(val.latitude, val.longitude, step.restrictions) ?? true;
-            },
-        },
-    });
-    return (_jsxs("div", { className: styles.container, style: {
-            width: widthStyle,
-            '--eureka-outline': formStyle.outlineColor,
-            '--eureka-primary': formStyle.primaryColor,
-            '--eureka-text': formStyle.textColor,
-            '--eureka-error': formStyle.errorColor,
-            '--eureka-bg': formStyle.standAloneBackgroundColor ?? '#fff',
-        }, children: [step.label && (_jsxs("div", { className: styles.label, children: [step.label, step.required && _jsx("span", { className: styles.required, children: " *" })] })), _jsx(ErkLocationField, { value: value, onChange: onChange, allowedModes: step.allowedModes, defaultMode: step.defaultMode, addressFields: step.addressFields, helperText: error?.message ?? step.description, required: step.required, error: !!error, readOnly: isReadOnly, inputRef: ref })] }));
-}
-export default MaterialLocationStep;

package/dist/FormSteps/LocationStep/MaterialLocationStep/MaterialLocationStep.module.css

@@ -1,18 +0,0 @@
-.container {
-    max-width: 100%;
-    display: flex;
-    flex-direction: column;
-    gap: 6px;
-    padding: 5px 10px 0;
-    box-sizing: border-box;
-}
-
-.label {
-    font-size: 14px;
-    font-weight: 500;
-    color: var(--eureka-text, #333);
-}
-
-.required {
-    color: var(--eureka-error, #e53935);
-}

package/dist/FormSteps/NumberStep/MaterialNumberStep/MaterialNumberStep.d.ts

@@ -1,3 +0,0 @@
-import { NumberStepProps } from '../NumberStep';
-declare function MaterialNumberStep({ step, editable }: NumberStepProps): JSX.Element;
-export default MaterialNumberStep;

package/dist/FormSteps/NumberStep/MaterialNumberStep/MaterialNumberStep.js

@@ -1,170 +0,0 @@
-import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useContext, useState, useEffect } from 'react';
-import { NumberStepType, } from '../../../@Types/NumericFormSteps';
-import { useFormStep } from '../../StepHooks';
-import FormContext from '../../../Contexts/FormContext';
-import { selectBreakPoint, useAppSelector } from '../../../hooks';
-import { calcStepWidth } from '../../StepFunctions';
-import ErkNumberField from '../../../Shared/ErkNumberField/ErkNumberField';
-import ErkSelect from '../../../Shared/ErkSelect/ErkSelect';
-import ErkMenuItem from '../../../Shared/ErkMenuItem';
-import styles from './MaterialNumberStep.module.css';
-const DEFAULT_CURRENCIES = ['COP', 'USD', 'EUR', 'MXN', 'CLP', 'BRL'];
-const DEFAULT_UNITS = ['unidades', 'kg', 'g', 'm', 'cm', 'l', 'ml', 'hrs', 'mes', 'año'];
-// ---------------------------------------------------------------------------
-// Helpers
-// ---------------------------------------------------------------------------
-function getNumericValue(value) {
-    if (value === null || value === undefined)
-        return null;
-    if (typeof value === 'number')
-        return value;
-    return value.value;
-}
-// ---------------------------------------------------------------------------
-// Component
-// ---------------------------------------------------------------------------
-function MaterialNumberStep({ step, editable }) {
-    const currentBreakPoint = useAppSelector(selectBreakPoint);
-    const { postview, formStyle } = useAppSelector((state) => state.global);
-    const form = useContext(FormContext);
-    const isReadOnly = !editable || postview;
-    const widthStyle = currentBreakPoint <= step.size ? '100%' : calcStepWidth(step.size, form.size);
-    const isComposite = step.numberType === NumberStepType.MONEY ||
-        step.numberType === NumberStepType.MEASURE ||
-        step.numberType === NumberStepType.UNIT_PRICE;
-    // Narrowed views — only used after the corresponding numberType check
-    const asMoney = step;
-    const asMeasure = step;
-    const asUnitPrice = step;
-    const { ref, value, onChange, error } = useFormStep(step, {
-        defaultValue: step.defaultValue ?? null,
-        rules: {
-            required: step.required ? 'Este campo es obligatorio' : undefined,
-            validate: (val) => {
-                if (!step.required && (val === null || val === undefined || val === ''))
-                    return true;
-                if (step.required && (val === null || val === undefined || val === ''))
-                    return 'Este campo es obligatorio';
-                const numVal = getNumericValue(val);
-                if (numVal === null)
-                    return 'Formato numérico inválido';
-                if (step.min !== undefined && numVal < step.min)
-                    return `El valor mínimo es ${step.min}`;
-                if (step.max !== undefined && numVal > step.max)
-                    return `El valor máximo es ${step.max}`;
-                return true;
-            },
-        },
-    });
-    // Currency/unit selectors
-    const [selectedCurrency, setSelectedCurrency] = useState(() => {
-        const v = value;
-        return v?.currency ?? asMoney.currency ?? asUnitPrice.currency ?? 'COP';
-    });
-    const [selectedUnit, setSelectedUnit] = useState(() => {
-        const v = value;
-        return v?.unit ?? asMeasure.unit ?? asUnitPrice.unit ?? 'unidades';
-    });
-    // Sync when value changes externally
-    useEffect(() => {
-        if (value && typeof value === 'object') {
-            if ('currency' in value && value.currency && value.currency !== selectedCurrency) {
-                void Promise.resolve().then(() => setSelectedCurrency(value.currency));
-            }
-            if ('unit' in value && value.unit && value.unit !== selectedUnit) {
-                void Promise.resolve().then(() => setSelectedUnit(value.unit));
-            }
-        }
-    }, [value, selectedCurrency, selectedUnit]);
-    // ---------------------------------------------------------------------------
-    // Handlers: wrap ErkNumberField's (number | null) into the step value shape
-    // ---------------------------------------------------------------------------
-    const handleNumberChange = (num) => {
-        if (num === null) {
-            onChange(null);
-            return;
-        }
-        if (step.numberType === NumberStepType.MONEY) {
-            onChange({ value: num, currency: selectedCurrency });
-        }
-        else if (step.numberType === NumberStepType.MEASURE) {
-            onChange({ value: num, unit: selectedUnit });
-        }
-        else if (step.numberType === NumberStepType.UNIT_PRICE) {
-            onChange({ value: num, currency: selectedCurrency, unit: selectedUnit });
-        }
-        else {
-            onChange(num);
-        }
-    };
-    const handleCurrencyChange = (curr) => {
-        const next = curr ?? 'USD';
-        setSelectedCurrency(next);
-        const num = getNumericValue(value);
-        if (num !== null) {
-            onChange(step.numberType === NumberStepType.UNIT_PRICE
-                ? { value: num, currency: next, unit: selectedUnit }
-                : { value: num, currency: next });
-        }
-    };
-    const handleUnitChange = (u) => {
-        const next = u ?? 'unidades';
-        setSelectedUnit(next);
-        const num = getNumericValue(value);
-        if (num !== null) {
-            onChange(step.numberType === NumberStepType.UNIT_PRICE
-                ? { value: num, currency: selectedCurrency, unit: next }
-                : { value: num, unit: next });
-        }
-    };
-    // ---------------------------------------------------------------------------
-    // Static suffix text shown inside ErkNumberField
-    // ---------------------------------------------------------------------------
-    const staticSuffix = () => {
-        if (step.numberType === NumberStepType.PERCENTAGE)
-            return '%';
-        if (step.numberType === NumberStepType.MONEY && !asMoney.allowCurrencyChange)
-            return asMoney.currency ?? 'USD';
-        if (step.numberType === NumberStepType.MEASURE && !asMeasure.allowUnitChange)
-            return asMeasure.unit ?? 'unidades';
-        // UNIT_PRICE renders its adornment fully inside the field only when neither part is editable.
-        if (step.numberType === NumberStepType.UNIT_PRICE &&
-            !asUnitPrice.allowCurrencyChange &&
-            !asUnitPrice.allowUnitChange)
-            return `${asUnitPrice.currency ?? 'USD'} / ${asUnitPrice.unit ?? 'unidades'}`;
-        if (!isComposite && step.suffix)
-            return step.suffix;
-        return undefined;
-    };
-    // ---------------------------------------------------------------------------
-    // Resolved selector lists
-    // ---------------------------------------------------------------------------
-    const currenciesList = step.numberType === NumberStepType.MONEY || step.numberType === NumberStepType.UNIT_PRICE
-        ? (step.availableCurrencies ?? DEFAULT_CURRENCIES)
-        : [];
-    const unitsList = step.numberType === NumberStepType.MEASURE || step.numberType === NumberStepType.UNIT_PRICE
-        ? (step.availableUnits ?? DEFAULT_UNITS)
-        : [];
-    const isMoneyDynamic = step.numberType === NumberStepType.MONEY && asMoney.allowCurrencyChange;
-    const isMeasureDynamic = step.numberType === NumberStepType.MEASURE && asMeasure.allowUnitChange;
-    // UNIT_PRICE has two independent toggles: currency and unit can each be fixed or selectable.
-    const isUnitPriceCurrencyDynamic = step.numberType === NumberStepType.UNIT_PRICE && !!asUnitPrice.allowCurrencyChange;
-    const isUnitPriceUnitDynamic = step.numberType === NumberStepType.UNIT_PRICE && !!asUnitPrice.allowUnitChange;
-    const isUnitPriceDynamic = isUnitPriceCurrencyDynamic || isUnitPriceUnitDynamic;
-    // ---------------------------------------------------------------------------
-    // Shared CSS vars
-    // ---------------------------------------------------------------------------
-    const cssVars = {
-        width: widthStyle,
-        '--eureka-outline': formStyle.outlineColor,
-        '--eureka-primary': formStyle.primaryColor,
-        '--eureka-text': formStyle.textColor,
-        '--eureka-bg': formStyle.standAloneBackgroundColor ?? '#fff',
-    };
-    // ---------------------------------------------------------------------------
-    // Read-only view
-    // ---------------------------------------------------------------------------
-    return (_jsx("div", { className: styles.container, style: cssVars, children: _jsxs("div", { className: styles.inputRow, children: [_jsx("div", { style: { flex: 1 }, children: _jsx(ErkNumberField, { label: step.label, value: getNumericValue(value), onChange: handleNumberChange, error: !!error, errorBorder: true, required: step.required, helperText: error?.message ?? step.description ?? undefined, inputRef: ref, min: step.min, max: step.max, decimals: step.numberType === NumberStepType.INTEGER ? 0 : (step.decimals ?? 2), suffix: staticSuffix(), readOnly: isReadOnly, spinner: step.spinner, step: step.step, placeholder: step.placeholder }) }), isMoneyDynamic && (_jsx("div", { className: styles.selectWrapper, children: _jsx(ErkSelect, { value: selectedCurrency, onChange: handleCurrencyChange, clearable: false, children: currenciesList.map((c) => (_jsx(ErkMenuItem, { value: c, children: c }, c))) }) })), isMeasureDynamic && (_jsx("div", { className: styles.selectWrapper, children: _jsx(ErkSelect, { value: selectedUnit, onChange: handleUnitChange, clearable: false, children: unitsList.map((u) => (_jsx(ErkMenuItem, { value: u, children: u }, u))) }) })), isUnitPriceDynamic && (_jsxs(_Fragment, { children: [isUnitPriceCurrencyDynamic ? (_jsx("div", { className: styles.selectWrapper, children: _jsx(ErkSelect, { value: selectedCurrency, onChange: handleCurrencyChange, clearable: false, children: currenciesList.map((c) => (_jsx(ErkMenuItem, { value: c, children: c }, c))) }) })) : (_jsx("span", { className: styles.suffixText, children: asUnitPrice.currency ?? 'USD' })), _jsx("span", { className: styles.dividerSlash, children: "/" }), isUnitPriceUnitDynamic ? (_jsx("div", { className: styles.selectWrapper, children: _jsx(ErkSelect, { value: selectedUnit, onChange: handleUnitChange, clearable: false, children: unitsList.map((u) => (_jsx(ErkMenuItem, { value: u, children: u }, u))) }) })) : (_jsx("span", { className: styles.suffixText, children: asUnitPrice.unit ?? 'unidades' }))] }))] }) }));
-}
-export default MaterialNumberStep;

package/dist/FormSteps/NumberStep/MaterialNumberStep/MaterialNumberStep.module.css

@@ -1,96 +0,0 @@
-.container {
-    display: flex;
-    flex-direction: column;
-    width: 100%;
-}
-
-.inputRow {
-    display: flex;
-    align-items: flex-start;
-    gap: 12px;
-    width: 100%;
-}
-
-.selectWrapper {
-    width: 100px;
-    min-width: 90px;
-}
-
-.dividerSlash {
-    align-self: flex-start;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    height: 40px;
-    font-size: 20px;
-    font-weight: bold;
-    color: var(--eureka-text, #333);
-    opacity: 0.6;
-    margin-left: 2px;
-    margin-right: 2px;
-}
-
-.suffixText {
-    align-self: flex-start;
-    display: flex;
-    align-items: center;
-    height: 40px;
-    font-size: 14px;
-    font-weight: 600;
-    color: var(--eureka-primary, #1976d2);
-    padding: 0 4px;
-    user-select: none;
-}
-
-/* Read-Only Styles */
-.readOnlyContainer {
-    width: 100%;
-    margin-bottom: 8px;
-}
-
-.readOnlyCard {
-    display: flex;
-    align-items: center;
-    padding: 12px 16px;
-    border: 1px solid var(--eureka-outline, #e0e0e0);
-    border-radius: 12px;
-    background-color: var(--eureka-bg, #ffffff);
-    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
-    transition:
-        box-shadow 0.2s ease,
-        border-color 0.2s ease;
-}
-
-.readOnlyCard:hover {
-    border-color: var(--eureka-primary, #1976d2);
-    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
-}
-
-.readOnlyDetails {
-    display: flex;
-    flex-direction: column;
-    gap: 2px;
-    width: 100%;
-}
-
-.readOnlyLabel {
-    font-size: 11px !important;
-    text-transform: uppercase;
-    letter-spacing: 0.5px;
-    color: var(--eureka-text, #333) !important;
-    opacity: 0.6;
-    font-weight: 600 !important;
-}
-
-.readOnlyValue {
-    font-size: 16px !important;
-    font-weight: 600 !important;
-    color: var(--eureka-primary, #1976d2) !important;
-}
-
-.readOnlyDesc {
-    font-size: 12px !important;
-    color: var(--eureka-text, #333) !important;
-    opacity: 0.5;
-    margin-top: 2px !important;
-}

package/dist/FormSteps/NumberStep/NumberStep.d.ts

@@ -1,10 +0,0 @@
-import { NumberStep } from '../../@Types/FormStep';
-import { StepProps } from '../Step';
-export interface NumberStepProps extends StepProps {
-    /** The NumberStep to display */
-    step: NumberStep;
-    /** The icon to display */
-    IconComponent?: React.ElementType;
-}
-declare function NumberStepComponent(props: NumberStepProps): JSX.Element;
-export default NumberStepComponent;

package/dist/FormSteps/NumberStep/NumberStep.js

@@ -1,14 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { FormStyleTypes } from '../../constants/FormStepTypes';
-import MaterialNumberStep from './MaterialNumberStep/MaterialNumberStep';
-import { useAppSelector } from '../../hooks';
-function NumberStepComponent(props) {
-    const { formStyle } = useAppSelector((state) => state.global);
-    switch (formStyle.type) {
-        case FormStyleTypes.MATERIAL:
-        default: {
-            return _jsx(MaterialNumberStep, { ...props });
-        }
-    }
-}
-export default NumberStepComponent;

package/dist/FormSteps/StepHooks.test.d.ts

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

package/dist/FormSteps/StepHooks.test.js

@@ -1,92 +0,0 @@
-import { describe, expect, test } from 'vitest';
-import FormStepTypes, { EntityValueDataTypes } from '../constants/FormStepTypes';
-import { calcDeepDependencies } from './StepHooks';
-const form = (steps) => ({
-    steps: Object.entries(steps).reduce((acc, [id, step]) => ({
-        ...acc,
-        [id]: { id, idSection: 'section', type: FormStepTypes.TEXTINPUT, ...step },
-    }), {}),
-});
-const picker = (step) => ({
-    type: FormStepTypes.ENTITYVALUEPICKER,
-    idEntity: 'entity',
-    path: [],
-    filters: [],
-    options: {},
-    ...step,
-});
-const stepFilter = (idStep, required) => ({
-    idProperty: 'prop-' + idStep,
-    type: EntityValueDataTypes.STEP,
-    idStep,
-    any: false,
-    required,
-});
-describe('calcDeepDependencies', () => {
-    test('walks a linear chain deepest first, listing each id once', () => {
-        const deps = calcDeepDependencies('a', form({
-            a: { dependencies: ['b'] },
-            b: { dependencies: ['c'] },
-            c: {},
-        }));
-        expect(deps).toEqual(['c', 'b']);
-    });
-    test('lists a dependency shared by two branches once', () => {
-        const deps = calcDeepDependencies('a', form({
-            a: { dependencies: ['b', 'c'] },
-            b: { dependencies: ['d'] },
-            c: { dependencies: ['d'] },
-            d: {},
-        }));
-        expect(deps).toEqual(['d', 'b', 'c']);
-    });
-    test('terminates on an A -> B -> A cycle without listing the step itself', () => {
-        const deps = calcDeepDependencies('a', form({
-            a: { dependencies: ['b'] },
-            b: { dependencies: ['a'] },
-        }));
-        expect(deps).toEqual(['b']);
-    });
-    test('terminates on a cycle reached deeper in the walk', () => {
-        const deps = calcDeepDependencies('a', form({
-            a: { dependencies: ['b'] },
-            b: { dependencies: ['c'] },
-            c: { dependencies: ['b'] },
-        }));
-        expect(deps).toEqual(['c', 'b']);
-    });
-    test('terminates on a step that depends on itself', () => {
-        const deps = calcDeepDependencies('a', form({
-            a: { dependencies: ['b'] },
-            b: { dependencies: ['b'] },
-        }));
-        expect(deps).toEqual(['b']);
-    });
-    /**
-     * A draft an entity picker points back at itself with a required STEP filter: the filter is not
-     * in the saved `dependencies` yet, so it only reaches the walk through
-     * `entityValuePickerBlockingSteps`.
-     */
-    test('terminates on a self reference through a required STEP filter of an entity picker', () => {
-        const deps = calcDeepDependencies('a', form({
-            a: { dependencies: ['picker'] },
-            picker: picker({ filters: [stepFilter('picker', true)] }),
-        }));
-        expect(deps).toEqual(['picker']);
-    });
-    test('terminates on a cycle closed by a required STEP filter of an entity picker', () => {
-        const deps = calcDeepDependencies('a', form({
-            a: { dependencies: ['picker'] },
-            picker: picker({ filters: [stepFilter('other', true)] }),
-            other: { dependencies: ['picker'] },
-        }));
-        expect(deps).toEqual(['other', 'picker']);
-    });
-    test('keeps a dependency whose step the draft has already deleted', () => {
-        const deps = calcDeepDependencies('a', form({ a: { dependencies: ['gone'] } }));
-        expect(deps).toEqual(['gone']);
-    });
-    test('answers nothing for a step the form does not hold', () => {
-        expect(calcDeepDependencies('missing', form({}))).toEqual([]);
-    });
-});