@arquimedes.co/eureka-forms 3.0.31 → 3.0.32

package/dist/App/AppHooks.test.js

@@ -1,154 +0,0 @@
-/* eslint-disable @typescript-eslint/require-await */
-import { useSetupApp } from './AppHooks';
-import { renderHookWithProviders } from '../Utils/TestUtils';
-import { act, waitFor } from '@testing-library/react';
-import { afterEach, describe, expect, test, vi } from 'vitest';
-const mocks = vi.hoisted(() => ({
-    get: vi.fn(),
-    post: vi.fn(),
-}));
-vi.mock('axios', async (importActual) => {
-    const actual = await importActual();
-    const mockAxios = {
-        default: {
-            ...actual.default,
-            create: vi.fn(() => ({
-                ...actual.default.create(),
-                get: mocks.get,
-                post: mocks.post,
-            })),
-        },
-    };
-    return mockAxios;
-});
-const BaseForm = {
-    isStandAlone: true,
-    sections: {
-        FIRST: {
-            id: 'FIRST',
-            name: 'FIRST',
-            nextSection: null,
-            steps: [],
-        },
-    },
-    steps: {},
-    size: {
-        blockNum: 4,
-        blockSize: 210,
-        spacingSize: 20,
-    },
-    firstSection: 'FIRST',
-};
-describe('AppHooks', function () {
-    afterEach(() => {
-        mocks.get.mockReset();
-        mocks.post.mockReset();
-    });
-    describe('useSetupApp', function () {
-        test('Empty App', async () => {
-            const { result: { current }, } = renderHookWithProviders(() => useSetupApp(false, {}));
-            await waitFor(() => current.form !== undefined);
-            expect(current.form).toBeNull();
-            expect(current.organization).toBeNull();
-            expect(current.branding).toBeUndefined();
-        });
-        test('Standalone Preview', async () => {
-            mocks.get.mockImplementation(() => {
-                return Promise.resolve({
-                    data: {
-                        idOrganization: 'capta',
-                    },
-                });
-            });
-            let result;
-            await act(async () => {
-                result = renderHookWithProviders(() => useSetupApp(false, {
-                    formData: BaseForm,
-                    preview: true,
-                })).result;
-            });
-            await vi.waitUntil(() => result.current?.form !== undefined);
-            expect(mocks.get).toHaveBeenCalledWith('/organization');
-            expect(result.current?.form).toBeTruthy();
-            expect(result.current.organization?.idOrganization).toBe('capta');
-        });
-        test('Embedded Form', async () => {
-            const { result } = renderHookWithProviders(() => useSetupApp(false, {
-                formData: BaseForm,
-            }));
-            await waitFor(() => result.current.form !== undefined);
-            expect(result.current.form).toBeTruthy();
-            expect(result.current.organization).toBeNull();
-            expect(result.current.branding).toBeUndefined();
-        });
-        test('Apikey Default', async () => {
-            mocks.get.mockImplementation((a) => {
-                if (a === '/organization') {
-                    return Promise.resolve({
-                        data: {
-                            idOrganization: 'capta',
-                            branding: {
-                                name: 'Branding',
-                            },
-                        },
-                    });
-                }
-                else if (a === '/form/123') {
-                    return Promise.resolve({
-                        data: BaseForm,
-                    });
-                }
-                else {
-                    throw new Error('Invalid URL');
-                }
-            });
-            let result;
-            await act(async () => {
-                result = renderHookWithProviders(() => useSetupApp(false, {
-                    apiKey: '123',
-                })).result;
-            });
-            await waitFor(() => result.current.form !== undefined);
-            expect(mocks.get).toHaveBeenCalledWith('/organization');
-            expect(result.current.form).toBeTruthy();
-            expect(result.current.organization?.idOrganization).toBe('capta');
-            expect(result.current.branding?.name).toBe('Branding');
-        });
-        test('Apikey With Custom Branding', async () => {
-            mocks.get.mockImplementation((a) => {
-                if (a === '/organization') {
-                    return Promise.resolve({
-                        data: {
-                            idOrganization: 'capta',
-                            customBrandings: true,
-                        },
-                    });
-                }
-                else if (a === '/form/123') {
-                    return Promise.resolve({
-                        data: {
-                            ...BaseForm,
-                            branding: {
-                                name: 'Custom Branding',
-                            },
-                        },
-                    });
-                }
-                else {
-                    throw new Error('Invalid URL');
-                }
-            });
-            let result;
-            await act(async () => {
-                result = renderHookWithProviders(() => useSetupApp(false, {
-                    apiKey: '123',
-                })).result;
-            });
-            await vi.waitFor(() => result.current.form !== undefined);
-            expect(mocks.get).toHaveBeenCalledWith('/organization');
-            expect(result.current.form).toBeTruthy();
-            expect(result.current.organization?.idOrganization).toBe('capta');
-            expect(result.current.branding?.name).toBe('Custom Branding');
-        });
-    });
-});

package/dist/Form/FormFunctions.test.js

@@ -1,458 +0,0 @@
-/* eslint-disable @typescript-eslint/require-await */
-import { ContentState, EditorState } from 'draft-js';
-import FormStepTypes, { EntityValueDataTypes } from '../constants/FormStepTypes';
-import { calcDependencies, calcValue } from './FormFunctions';
-import { stringToDraft } from '../Utils/DraftFunctions';
-import { describe, expect, test } from 'vitest';
-describe('FormFunctions', function () {
-    describe('calcValue', function () {
-        test('Empty', async () => {
-            const value = calcValue('idStep', {}, {}, {}, [], undefined);
-            expect(value).toBeUndefined();
-        });
-        test('Custom Step', async () => {
-            const value = calcValue('idStep', {
-                idStep: {
-                    id: 'idStep',
-                    type: 'CUSTOM',
-                },
-            }, {}, {
-                CUSTOM: {
-                    calcValue: () => 'custom',
-                },
-            }, [], undefined);
-            expect(value).toBe('custom');
-            const value2 = calcValue('idStep', {
-                idStep: {
-                    id: 'idStep',
-                    type: 'CUSTOM',
-                },
-            }, {}, {
-                CUSTOM: {},
-            }, [], undefined);
-            expect(value2).toBeUndefined();
-        });
-        test('Base Step', async () => {
-            const value = calcValue('idStep', {
-                idStep: {
-                    id: 'idStep',
-                    type: FormStepTypes.TEXTINPUT,
-                    label: '',
-                    description: '',
-                    idSection: 'idSection',
-                    required: false,
-                    size: 1,
-                    stepPath: [],
-                },
-            }, {}, {}, [], 'Value');
-            expect(value).toBe('Value');
-        });
-        test('Textarea without editor', async () => {
-            const value = calcValue('idStep', {
-                idStep: {
-                    id: 'idStep',
-                    type: FormStepTypes.TEXTAREA,
-                    label: '',
-                    description: '',
-                    idSection: 'idSection',
-                    required: false,
-                    hasTextEditor: false,
-                    stepPath: [],
-                },
-            }, {}, {}, [], 'Value');
-            expect(value.value).toBe('Value');
-            expect(value.draft.blocks[0].text).toBe('Value');
-        });
-        test('Textarea with editor', async () => {
-            const value = calcValue('idStep', {
-                idStep: {
-                    id: 'idStep',
-                    type: FormStepTypes.TEXTAREA,
-                    label: '',
-                    description: '',
-                    idSection: 'idSection',
-                    required: false,
-                    hasTextEditor: true,
-                    stepPath: [],
-                },
-            }, {}, {}, [], EditorState.createWithContent(ContentState.createFromText('Value')));
-            expect(value.value).toBe('Value');
-            expect(value.draft.blocks[0].text).toBe('Value');
-        });
-        test('FileUpload', async () => {
-            const value = calcValue('idStep', {
-                idStep: {
-                    id: 'idStep',
-                    type: FormStepTypes.FILEUPLOAD,
-                    label: '',
-                    description: '',
-                    idSection: 'idSection',
-                    required: false,
-                    stepPath: [],
-                },
-            }, {}, {}, [], [
-                {
-                    S3Key: 'S3Key',
-                    fileName: 'fileName',
-                    extra: 'extra',
-                },
-            ]);
-            expect(value[0].S3Key).toBe('S3Key');
-            expect(value[0].extra).toBeUndefined();
-        });
-        test('ClassifierSelector', async () => {
-            const value = calcValue('idStep', {
-                idStep: {
-                    id: 'idStep',
-                    type: FormStepTypes.CLASSIFIER_SELECTOR,
-                },
-            }, {}, {}, [], {
-                value: 'value',
-                label: 'Label',
-            });
-            expect(value).toBe('value');
-        });
-        test('Selector', async () => {
-            const value = calcValue('idStep', {
-                idStep: {
-                    id: 'idStep',
-                    type: FormStepTypes.SELECTOR,
-                },
-            }, {}, {}, [], {
-                value: 'value',
-                label: 'Label',
-            });
-            expect(value).toBe('value');
-        });
-        test('TimePicker', async () => {
-            const value = calcValue('idStep', {
-                idStep: {
-                    id: 'idStep',
-                    type: FormStepTypes.TIMEPICKER,
-                },
-            }, {}, {}, [], {
-                days: 0,
-                hours: 0,
-                minutes: 0,
-                working: true,
-            });
-            expect(value.days).toBe(0);
-            expect(value.hours).toBe(0);
-            expect(value.minutes).toBe(0);
-            expect(value.working).toBe(true);
-        });
-        test('Title', async () => {
-            const deleteIds = [];
-            const value = calcValue('idStep', {
-                idStep: {
-                    id: 'idStep',
-                    type: FormStepTypes.TITLE,
-                },
-            }, {}, {}, deleteIds, null);
-            expect(value).toBeUndefined();
-        });
-        test('Collapsible', async () => {
-            const deleteIds = [];
-            const value = calcValue('idStep', {
-                idStep: {
-                    id: 'idStep',
-                    type: FormStepTypes.COLLAPSIBLE,
-                },
-            }, {}, {}, deleteIds, null);
-            expect(deleteIds[0]).toBe('idStep');
-            expect(value).toBeUndefined();
-        });
-        test('Mapper with deleted', async () => {
-            const value = calcValue('idStep', {
-                idStep: {
-                    id: 'idStep',
-                    type: FormStepTypes.MAPPER,
-                },
-            }, {}, {}, [], { elements: [{ deleted: true }], page: 0 });
-            expect(value.length).toBe(0);
-        });
-        test('Mapper', async () => {
-            const deleteIds = [];
-            const value = calcValue('idStep', {
-                idStep: {
-                    id: 'idStep',
-                    type: FormStepTypes.MAPPER,
-                    steps: {
-                        idSubStep: {
-                            id: 'idSubStep',
-                            type: FormStepTypes.TEXTINPUT,
-                        },
-                    },
-                },
-            }, {
-                mappedIdSubStep: 'subValue',
-            }, {}, deleteIds, {
-                elements: [
-                    {
-                        id: 'idElement',
-                        ids: {
-                            idSubStep: 'mappedIdSubStep',
-                        },
-                        originalValues: {
-                            original: 'Original',
-                        },
-                        value: 'value',
-                    },
-                ],
-                page: 0,
-            });
-            expect(value[0].id).toBe('idElement');
-            expect(value[0].original).toBe('Original');
-            expect(value[0].value).toBe('value');
-            expect(value[0].idSubStep).toBe('subValue');
-        });
-    });
-    describe('calcDependencies', function () {
-        test('Empty', async () => {
-            const dependencyStore = calcDependencies({}, {}, {});
-            expect(Object.keys(dependencyStore).length).toBe(0);
-        });
-        test('Basic Dependency', async () => {
-            const allSteps = {
-                idStep: {
-                    id: 'idStep',
-                    type: FormStepTypes.TEXTINPUT,
-                },
-                idStep2: {
-                    id: 'idStep2',
-                    type: FormStepTypes.TEXTINPUT,
-                    dependencies: ['idStep'],
-                },
-            };
-            const dependencyStore = calcDependencies(allSteps, {}, allSteps);
-            expect(Object.keys(dependencyStore).length).toBe(1);
-            expect(dependencyStore.idStep.value).toBeNull();
-            expect(dependencyStore.idStep.dependents.length).toBe(1);
-            expect(dependencyStore.idStep.type).toBe(FormStepTypes.TEXTINPUT);
-        });
-        test('Basic Dependency with originalValue', async () => {
-            const allSteps = {
-                idStep: {
-                    id: 'idStep',
-                    type: FormStepTypes.TEXTINPUT,
-                    idSection: 'FIRST',
-                },
-                idStep2: {
-                    id: 'idStep2',
-                    type: FormStepTypes.TEXTINPUT,
-                    dependencies: ['idStep'],
-                },
-            };
-            const dependencyStore = calcDependencies(allSteps, {}, allSteps, {}, {
-                sections: {
-                    FIRST: {
-                        idStep: 'Original',
-                    },
-                },
-                global: {},
-            });
-            expect(Object.keys(dependencyStore).length).toBe(1);
-            expect(dependencyStore.idStep.value).toBe('Original');
-            expect(dependencyStore.idStep.dependents.length).toBe(1);
-            expect(dependencyStore.idStep.type).toBe(FormStepTypes.TEXTINPUT);
-        });
-        test('Basic TextArea Dependency with originalValue with editor', async () => {
-            const allSteps = {
-                idStep: {
-                    id: 'idStep',
-                    type: FormStepTypes.TEXTAREA,
-                    idSection: 'FIRST',
-                    hasTextEditor: true,
-                },
-                idStep2: {
-                    id: 'idStep2',
-                    type: FormStepTypes.TEXTINPUT,
-                    dependencies: ['idStep'],
-                },
-            };
-            const dependencyStore = calcDependencies(allSteps, {}, allSteps, {}, {
-                sections: {
-                    FIRST: {
-                        idStep: stringToDraft('Original'),
-                    },
-                },
-                global: {},
-            });
-            expect(Object.keys(dependencyStore).length).toBe(1);
-            expect(dependencyStore.idStep.value).toBe('Original');
-            expect(dependencyStore.idStep.dependents.length).toBe(1);
-            expect(dependencyStore.idStep.type).toBe(FormStepTypes.TEXTAREA);
-        });
-        test('Basic TextArea Dependency with originalValue without editor', async () => {
-            const allSteps = {
-                idStep: {
-                    id: 'idStep',
-                    type: FormStepTypes.TEXTAREA,
-                    idSection: 'FIRST',
-                    hasTextEditor: false,
-                },
-                idStep2: {
-                    id: 'idStep2',
-                    type: FormStepTypes.TEXTINPUT,
-                    dependencies: ['idStep'],
-                },
-            };
-            const dependencyStore = calcDependencies(allSteps, {}, allSteps, {}, {
-                sections: {
-                    FIRST: {
-                        idStep: 'Original',
-                    },
-                },
-                global: {},
-            });
-            expect(Object.keys(dependencyStore).length).toBe(1);
-            expect(dependencyStore.idStep.value).toBe('Original');
-            expect(dependencyStore.idStep.dependents.length).toBe(1);
-            expect(dependencyStore.idStep.type).toBe(FormStepTypes.TEXTAREA);
-        });
-        test('Basic Dependency with missing originalValue', async () => {
-            const allSteps = {
-                idStep: {
-                    id: 'idStep',
-                    type: FormStepTypes.TEXTINPUT,
-                    dependencies: ['idOriginal'],
-                },
-            };
-            const dependencyStore = calcDependencies(allSteps, {}, allSteps, {}, {
-                sections: {},
-                global: { idOriginal: 'Original' },
-            });
-            expect(Object.keys(dependencyStore).length).toBe(1);
-            expect(dependencyStore.idOriginal.value).toBe('Original');
-            expect(dependencyStore.idOriginal.dependents.length).toBe(1);
-            expect(dependencyStore.idOriginal.type).toBe('ORIGINAL');
-        });
-        test('Missing Dependency', async () => {
-            const dependencyStore = calcDependencies({
-                idStep: {
-                    id: 'idStep',
-                    type: FormStepTypes.TEXTINPUT,
-                    dependencies: ['idMissingStep'],
-                },
-            }, {}, {});
-            expect(Object.keys(dependencyStore).length).toBe(1);
-            expect(dependencyStore.idMissingStep.value).toBeNull();
-            expect(dependencyStore.idMissingStep.dependents.length).toBe(1);
-            expect(dependencyStore.idMissingStep.type).toBe('MISSING');
-        });
-        test('Basic Dependency without dependents', async () => {
-            const allSteps = {
-                idStep: {
-                    id: 'idStep',
-                    type: FormStepTypes.TEXTINPUT,
-                },
-                idStep2: {
-                    id: 'idStep2',
-                    type: FormStepTypes.TEXTINPUT,
-                    dependencies: ['idStep'],
-                },
-            };
-            const dependencyStore = calcDependencies(allSteps, {}, allSteps, {}, { global: {}, sections: {} }, false);
-            expect(Object.keys(dependencyStore).length).toBe(1);
-            expect(dependencyStore.idStep.value).toBeNull();
-        });
-        test('Double Basic Dependency', async () => {
-            const dependencyStore = calcDependencies({
-                idStep: {
-                    id: 'idStep',
-                    type: FormStepTypes.TEXTINPUT,
-                },
-                idStep2: {
-                    id: 'idStep2',
-                    type: FormStepTypes.TEXTINPUT,
-                    dependencies: ['idStep'],
-                },
-                idStep3: {
-                    id: 'idStep3',
-                    type: FormStepTypes.TEXTINPUT,
-                    dependencies: ['idStep'],
-                },
-            }, {}, {});
-            expect(Object.keys(dependencyStore).length).toBe(1);
-            expect(dependencyStore.idStep.value).toBeNull();
-            expect(dependencyStore.idStep.dependents.length).toBe(2);
-        });
-        test('EntityValue Dependencies', async () => {
-            const allSteps = {
-                idStep: {
-                    id: 'idStep',
-                    type: FormStepTypes.TEXTINPUT,
-                },
-                idStep2: {
-                    id: 'idStep2',
-                    type: FormStepTypes.ENTITYVALUEPICKER,
-                    path: [
-                        {
-                            type: EntityValueDataTypes.STEP,
-                            idStep: 'idStep',
-                        },
-                        {
-                            type: EntityValueDataTypes.VALUE,
-                        },
-                    ],
-                    filters: [
-                        {
-                            type: EntityValueDataTypes.STEP,
-                            idStep: 'idMissingStep',
-                        },
-                    ],
-                    dependencies: ['idMissingStep'],
-                    options: {},
-                },
-            };
-            const dependencyStore = calcDependencies(allSteps, {}, allSteps);
-            expect(Object.keys(dependencyStore).length).toBe(2);
-            expect(dependencyStore.idStep.value).toBeNull();
-            expect(dependencyStore.idStep.dependents.length).toBe(1);
-        });
-        test('Mapper Dependencies', async () => {
-            const allSteps = {
-                idStep: {
-                    id: 'idStep',
-                    type: FormStepTypes.TEXTINPUT,
-                    idSection: 'FIRST',
-                },
-                idStep2: {
-                    id: 'idStep2',
-                    type: FormStepTypes.MAPPER,
-                    idSection: 'FIRST',
-                    steps: {
-                        idSubStep: {
-                            id: 'idSubStep',
-                            type: FormStepTypes.TEXTINPUT,
-                            idSection: 'FIRST',
-                            dependencies: ['idStep'],
-                        },
-                    },
-                },
-            };
-            const dependencyStore = calcDependencies(allSteps, {}, allSteps, {}, {
-                sections: {
-                    FIRST: {
-                        idStep2: {
-                            elements: [
-                                {
-                                    id: 'idElement',
-                                    ids: {
-                                        idSubStep: 'mappedIdSubStep',
-                                    },
-                                },
-                            ],
-                            page: 0,
-                        },
-                        mappedIdSubStep: 'Original',
-                    },
-                },
-                global: {},
-            });
-            expect(Object.keys(dependencyStore).length).toBe(1);
-            expect(dependencyStore.idStep.value).toBeNull();
-            expect(dependencyStore.idStep.dependents.length).toBe(1);
-        });
-    });
-});

package/dist/FormSteps/DatePickerRangeStep/DatePickerRangeStep.d.ts

@@ -1,10 +0,0 @@
-import { DatePickerRange } from '../../@Types/FormStep';
-import { StepProps } from '../Step';
-export interface DatePickerRangeStepProps extends StepProps {
-    /** The DatePickerRangeStep to display */
-    step: DatePickerRange;
-    /** Default value to display */
-    defaultValue?: string[] | null;
-}
-declare function DatePickerRangeStep(props: DatePickerRangeStepProps): JSX.Element;
-export default DatePickerRangeStep;

package/dist/FormSteps/DatePickerRangeStep/DatePickerRangeStep.js

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

package/dist/FormSteps/DatePickerRangeStep/MaterialDatePickerRangeStep/MaterialDatePickerRangeStep.d.ts

@@ -1,3 +0,0 @@
-import { DatePickerRangeStepProps } from '../DatePickerRangeStep';
-declare function MaterialDatePickerRangeStep({ step, editable, defaultValue }: DatePickerRangeStepProps): JSX.Element;
-export default MaterialDatePickerRangeStep;

package/dist/FormSteps/DatePickerRangeStep/MaterialDatePickerRangeStep/MaterialDatePickerRangeStep.js

@@ -1,27 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { useCallback } from 'react';
-import ErkDatePickerRange from '../../../Shared/ErkDatePickerRange/ErkDatePickerRange';
-import { useAppSelector } from '../../../hooks';
-import { useFormStep } from '../../StepHooks';
-import MaterialInputContainer from '../../Utils/MaterialInputContainer/MaterialInputContainer';
-function MaterialDatePickerRangeStep({ step, editable, defaultValue }) {
-    const postview = useAppSelector((state) => state.global.postview);
-    const { ref, value, onChange, error, field } = useFormStep(step, {
-        defaultValue,
-        rules: {
-            required: step.required ? 'Este campo es obligatorio' : undefined,
-        },
-    });
-    const handleChange = useCallback((dateRange) => {
-        const [start, end] = dateRange;
-        if (start && end) {
-            onChange([start.toISOString(), end.toISOString()]);
-        }
-        else {
-            onChange(null);
-        }
-    }, [onChange]);
-    const dateRangeValue = value && value.length === 2 ? [new Date(value[0]), new Date(value[1])] : [null, null];
-    return (_jsx(MaterialInputContainer, { step: step, editable: editable, children: _jsx(ErkDatePickerRange, { ...field, value: dateRangeValue, inputRef: ref, error: !!error, labelMargin: 0, onChange: handleChange, required: step.required, readOnly: !editable || postview, helperText: error?.message ?? step.description }) }));
-}
-export default MaterialDatePickerRangeStep;

package/dist/FormSteps/FileUploadStep/MaterialFileUploadStep/FileFunctions.d.ts

@@ -1,2 +0,0 @@
-import { UploadedFileObject, FileObject } from './MaterialFileUploadStep';
-export declare function isUploadedFileObject(file: UploadedFileObject | FileObject): file is UploadedFileObject;

package/dist/FormSteps/FileUploadStep/MaterialFileUploadStep/FileFunctions.js

@@ -1,3 +0,0 @@
-export function isUploadedFileObject(file) {
-    return file.state === undefined && file.S3Key !== undefined;
-}