@arquimedes.co/eureka-forms 2.0.34-test → 2.0.36-test

package/dist/mjs/Shared/RoundedTextField/RoundedTextField.d.ts

@@ -1,45 +0,0 @@
-import React from 'react';
-import { TextFieldProps } from '@material-ui/core/TextField';
-interface StyleProps {
-    /** The color of the text */
-    textColor?: string;
-    /** The color of the outline when selected and hovered on */
-    focusColor?: string;
-    /** The color of the error to display */
-    errorColor?: string;
-    /** The color of the outline when it is not selected */
-    outlineColor?: string;
-    /** The backgroundColor of the input */
-    backgroundColor?: string;
-    /** The borderRadius of the input */
-    borderRadius?: number;
-    /** If input is readOnly */
-    readOnly?: boolean;
-    /** The padding of the input */
-    padding?: string;
-    /** The size of the font to display the input in */
-    fontSize?: number | string;
-    /** The weight of the font of the value and the placeholder */
-    fontWeight?: number | string;
-    /** If the input is multiline */
-    multiline?: boolean;
-    /** Cant edit */
-    cantEdit?: boolean;
-    /** The color of the helper text when not error */
-    helperTextColor?: string;
-    /** The icon to display */
-    icon?: React.ReactNode;
-    /** The max length of the string */
-    maxLength?: number;
-}
-interface RoundedTextFieldProps extends StyleProps {
-    /** The value of the textfield */
-    value?: string;
-}
-/**
- * Generic textfield with apps designs. Is class do to the use in the react-hook-forms library
- */
-declare class RoundedTextField extends React.Component<RoundedTextFieldProps & TextFieldProps> {
-    render(): JSX.Element;
-}
-export default RoundedTextField;

package/dist/mjs/Shared/RoundedTextField/RoundedTextField.js

@@ -1,129 +0,0 @@
-import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
-import React from 'react';
-import { makeStyles } from '@material-ui/core/styles';
-import TextField from '@material-ui/core/TextField';
-const useTextfieldStyles = (props) => makeStyles(() => ({
-    root: {
-        borderRadius: props.borderRadius,
-        '& input, textarea': {
-            cursor: props.cantEdit ? 'default' : 'text',
-            padding: props.multiline ? props.padding : props.padding,
-            fontWeight: props.fontWeight,
-            color: props.textColor,
-            fontSize: props.fontSize,
-            '&::placeholder': {
-                fontSize: props.fontSize,
-            },
-            backgroundColor: props.backgroundColor,
-            borderRadius: props.borderRadius,
-        },
-        '& label': {
-            marginTop: props.multiline ? '0px' : '-4px',
-            fontSize: props.fontSize,
-            color: props.textColor + '8a',
-            whiteSpace: 'nowrap',
-            overflow: 'hidden',
-            textOverflow: 'ellipsis',
-            maxWidth: 'calc(100% - 22px)',
-        },
-        '& label.EF-MuiInputLabel-shrink': {
-            marginTop: '0px',
-            maxWidth: 'calc(100% - 5px)',
-        },
-        '& input + fieldset': {
-            borderRadius: props.borderRadius,
-        },
-        '& .EF-MuiInput-underline:after': {
-            borderBottomColor: props.outlineColor,
-        },
-        '& .EF-MuiOutlinedInput-root': {
-            borderRadius: props.borderRadius,
-            '&.Mui-focused fieldset': {
-                borderColor: props.focusColor,
-                borderWidth: props.readOnly ? 1 : 2,
-            },
-            '& .EF-MuiOutlinedInput-notchedOutline': {
-                borderColor: props.outlineColor,
-                '& legend': {
-                    fontSize: 'calc(' + props.fontSize + ' * 0.75)',
-                },
-            },
-        },
-        '& .EF-MuiOutlinedInput-root:hover .EF-MuiOutlinedInput-notchedOutline': {
-            borderColor: props.cantEdit
-                ? props.outlineColor
-                : props.focusColor,
-        },
-        '& label.Mui-focused': {
-            color: props.focusColor,
-        },
-        '& .Mui-error': {
-            color: props.errorColor,
-        },
-        '& .EF-MuiOutlinedInput-adornedEnd': {
-            paddingRight: '7px',
-        },
-        '& .EF-MuiFormHelperText-root': {
-            color: props.helperTextColor,
-            position: 'relative',
-            marginRight: props.maxLength ? 40 : 14,
-        },
-        '& .EF-MuiFormHelperText-root.Mui-error': {
-            color: props.errorColor,
-        },
-        '& .EF-MuiOutlinedInput-multiline': {
-            padding: 0,
-            backgroundColor: props.backgroundColor,
-        },
-    },
-}));
-function CustomTextfield({ focusColor = '#3d5a7f', helperTextColor = '#989898', outlineColor = '#0000003b', backgroundColor = 'white', textColor = '#293241', readOnly = false, borderRadius = 10, padding = '6px 12px', fontSize = '1rem', errorColor = '#cc2936', fontWeight = '300', multiline = false, cantEdit = false, maxLength, value, icon, ...others }) {
-    const classes = useTextfieldStyles({
-        padding,
-        textColor,
-        errorColor,
-        focusColor,
-        outlineColor,
-        helperTextColor,
-        backgroundColor,
-        borderRadius,
-        readOnly,
-        fontSize,
-        fontWeight,
-        multiline,
-        cantEdit,
-        maxLength,
-    })();
-    const length = maxLength ? value?.length ?? null : null;
-    const inputProps = {
-        readOnly,
-        disabled: cantEdit,
-        endAdornment: icon,
-    };
-    if (maxLength) {
-        inputProps.inputProps = { maxLength };
-    }
-    return (_jsxs("div", { style: { position: 'relative', width: '100%', maxWidth: '100%' }, children: [_jsx(TextField, { classes: classes, ...others, value: value ?? '', multiline: multiline, variant: "outlined", size: "small", fullWidth: true, InputProps: inputProps, helperText: others.helperText ? (_jsxs(React.Fragment, { children: [others.helperText, length !== null && (_jsxs("label", { style: {
-                                position: 'absolute',
-                                top: '1px',
-                                right: '-32px',
-                                fontSize: '12px',
-                                color: helperTextColor,
-                            }, children: [length, "/", maxLength] }))] })) : undefined }), length !== null && !others.helperText && (_jsxs("div", { style: {
-                    fontSize: '12px',
-                    color: helperTextColor,
-                    textAlign: 'right',
-                    paddingRight: '8px',
-                    paddingTop: '2px',
-                    paddingBottom: '2px',
-                }, children: [length, "/", maxLength] }))] }));
-}
-/**
- * Generic textfield with apps designs. Is class do to the use in the react-hook-forms library
- */
-class RoundedTextField extends React.Component {
-    render() {
-        return _jsx(CustomTextfield, { ...this.props });
-    }
-}
-export default RoundedTextField;

package/dist/mjs/Shared/RoundedTextField/RoundedTextField.stories.d.ts

@@ -1,37 +0,0 @@
-import type { StoryObj } from '@storybook/react';
-import RoundedTextField from './RoundedTextField';
-declare const meta: {
-    component: typeof RoundedTextField;
-    tags: string[];
-    args: {
-        focusColor: string;
-        helperTextColor: string;
-        outlineColor: string;
-        backgroundColor: string;
-        textColor: string;
-        readOnly: false;
-        borderRadius: number;
-        padding: string;
-        fontSize: string;
-        errorColor: string;
-        fontWeight: string;
-        multiline: false;
-        cantEdit: false;
-    };
-};
-export default meta;
-type Story = StoryObj<typeof meta>;
-export declare const Empty: Story;
-export declare const EmptyLabel: Story;
-export declare const Default: Story;
-export declare const Focused: Story;
-export declare const FocusedNoLabel: Story;
-export declare const WithValue: Story;
-export declare const Multiline: Story;
-export declare const WithHelperText: Story;
-export declare const WithValueandLabel: Story;
-export declare const WithMaxLength: Story;
-export declare const Full: Story;
-export declare const Error: Story;
-export declare const ErrorColor: Story;
-export declare const DifferentColors: Story;

package/dist/mjs/Shared/RoundedTextField/RoundedTextField.stories.js

@@ -1,138 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { useArgs } from '@storybook/preview-api';
-import RoundedTextField from './RoundedTextField';
-import { within, userEvent } from '@storybook/testing-library';
-const meta = {
-    component: RoundedTextField,
-    tags: ['autodocs'],
-    args: {
-        focusColor: '#3d5a7f',
-        helperTextColor: '#989898',
-        outlineColor: '#0000003b',
-        backgroundColor: 'white',
-        textColor: '#293241',
-        readOnly: false,
-        borderRadius: 10,
-        padding: '6px 12px',
-        fontSize: '1rem',
-        errorColor: '#cc2936',
-        fontWeight: '300',
-        multiline: false,
-        cantEdit: false,
-    },
-};
-export default meta;
-export const Empty = {
-    args: {},
-};
-export const EmptyLabel = {
-    args: {
-        label: 'Label',
-    },
-};
-export const Default = {
-    args: {
-        label: 'Label',
-    },
-    play: async ({ canvasElement }) => {
-        const canvas = within(canvasElement);
-        const emailInput = canvas.getByRole('textbox');
-        await userEvent.click(emailInput);
-        await userEvent.type(emailInput, 'example-email@email.com', {
-            delay: 100,
-        });
-    },
-    render: function Component(args) {
-        const [, setArgs] = useArgs();
-        const onValueChange = (event) => {
-            const value = event.target.value;
-            args.onChange?.(event);
-            setArgs({ value });
-        };
-        return (_jsx(RoundedTextField, { ...args, ref: undefined, onChange: onValueChange }));
-    },
-};
-export const Focused = {
-    args: {
-        label: 'Label',
-    },
-    play: async ({ canvasElement }) => {
-        const canvas = within(canvasElement);
-        const emailInput = canvas.getByRole('textbox');
-        await userEvent.click(emailInput);
-    },
-};
-export const FocusedNoLabel = {
-    args: {},
-    play: async ({ canvasElement }) => {
-        const canvas = within(canvasElement);
-        const emailInput = canvas.getByRole('textbox');
-        await userEvent.click(emailInput);
-    },
-};
-export const WithValue = {
-    args: {
-        value: 'Textinput Value',
-    },
-};
-export const Multiline = {
-    args: {
-        value: 'TextArea Value',
-        multiline: true,
-        minRows: 4,
-    },
-};
-export const WithHelperText = {
-    args: {
-        helperText: 'Helper text',
-    },
-};
-export const WithValueandLabel = {
-    args: {
-        label: 'Label',
-        value: 'Textinput Value',
-    },
-};
-export const WithMaxLength = {
-    args: {
-        value: 'Value',
-        maxLength: 10,
-    },
-};
-export const Full = {
-    args: {
-        label: 'Label',
-        value: 'Value',
-        helperText: 'Helper text',
-        maxLength: 10,
-    },
-};
-export const Error = {
-    args: {
-        label: 'Label',
-        value: 'Value',
-        helperText: 'Helper text',
-        error: true,
-    },
-};
-export const ErrorColor = {
-    args: {
-        label: 'Label',
-        value: 'Value',
-        helperText: 'Helper text',
-        error: true,
-        errorColor: 'blue',
-    },
-};
-export const DifferentColors = {
-    args: {
-        label: 'Label',
-        value: 'Value',
-        helperText: 'Helper text',
-        maxLength: 10,
-        helperTextColor: 'green',
-        outlineColor: 'purple',
-        backgroundColor: 'red',
-        textColor: 'blue',
-    },
-};

package/dist/mjs/States/GlobalSlice.d.ts

@@ -1,34 +0,0 @@
-import { FormStyle } from '../@Types/Form';
-import type { PayloadAction } from '@reduxjs/toolkit';
-import { SiteState } from './SiteSlice';
-export interface GlobalState {
-    idOrganization: string;
-    formStyle: FormStyle;
-    /** If the formsteps can be edited (For internal) */
-    editable: boolean;
-    preview: boolean;
-    postview: boolean;
-    partial: boolean;
-    internal: boolean;
-    loaded: boolean;
-}
-export declare const GlobalSlice: import("@reduxjs/toolkit").Slice<GlobalState, {
-    reset: (state: import("immer/dist/internal").WritableDraft<GlobalState>, action: PayloadAction<Omit<GlobalState, 'loaded'> & SiteState>) => {
-        loaded: true;
-        editable: boolean;
-        partial: boolean;
-        postview: boolean;
-        formStyle: FormStyle;
-        preview: boolean;
-        idOrganization: string;
-        internal: boolean;
-        dependencies: import("../Form/Form").DependencyStore;
-        values: import("./SiteSlice").ValuesStore;
-        idCurrentSection: string | null;
-        previousSections: string[];
-        nextSections: string[];
-        focusStep?: string | undefined;
-    };
-}, "global">;
-export declare const reset: import("@reduxjs/toolkit").ActionCreatorWithPayload<Omit<GlobalState, "loaded"> & SiteState, "global/reset">;
-export default GlobalSlice;

package/dist/mjs/States/GlobalSlice.js

@@ -1,23 +0,0 @@
-import InternalFormStyle from '../constants/InternalFormStyle';
-import { createSlice } from '@reduxjs/toolkit';
-const initialState = {
-    idOrganization: '',
-    formStyle: InternalFormStyle,
-    editable: false,
-    preview: false,
-    postview: false,
-    partial: false,
-    internal: false,
-    loaded: false,
-};
-export const GlobalSlice = createSlice({
-    name: 'global',
-    initialState,
-    reducers: {
-        reset: (state, action) => {
-            return { ...state, ...action.payload, loaded: true };
-        },
-    },
-});
-export const { reset } = GlobalSlice.actions;
-export default GlobalSlice;

package/dist/mjs/States/SiteSlice.d.ts

@@ -1,65 +0,0 @@
-import { DependencyStore, StepDependency } from '../Form/Form';
-import { GBaseStep } from '../@Types/GenericFormSteps';
-import { FormStep } from '../@Types/FormStep';
-import { CustomStep } from '../FormSteps/CustomStep';
-import { CBRFormStep } from '../@Types/CBRFormStep';
-import type { PayloadAction } from '@reduxjs/toolkit';
-import { FieldValues } from 'react-hook-form';
-export interface SiteState {
-    dependencies: DependencyStore;
-    values: ValuesStore;
-    idCurrentSection: string | null;
-    previousSections: string[];
-    nextSections: string[];
-    focusStep?: string;
-}
-export interface ValuesStore {
-    global: Record<string, any>;
-    sections: Record<string, Record<string, any>>;
-}
-export declare const SiteSlice: import("@reduxjs/toolkit").Slice<SiteState, {
-    setStepDependency: (state: import("immer/dist/internal").WritableDraft<SiteState>, { payload: { step: { id, type, idSection }, value, }, }: {
-        payload: {
-            step: GBaseStep;
-            value: StepDependency['value'];
-        };
-        type: string;
-    }) => void;
-    clearDependency: (state: import("immer/dist/internal").WritableDraft<SiteState>, { payload: { id, idSection } }: PayloadAction<GBaseStep>) => void;
-    setEmptyDependency: (state: import("immer/dist/internal").WritableDraft<SiteState>, { payload: { step: { id }, empty, }, }: {
-        payload: {
-            step: GBaseStep;
-            empty: StepDependency['empty'];
-        };
-        type: string;
-    }) => void;
-    addStepsDependencies: (state: import("immer/dist/internal").WritableDraft<SiteState>, { payload: { steps, customSteps, allSteps }, }: {
-        payload: {
-            steps: Record<string, FormStep | CBRFormStep>;
-            customSteps: Record<string, CustomStep>;
-            allSteps: Record<string, FormStep | CBRFormStep>;
-        };
-        type: string;
-    }) => void;
-    handlePrevious: (state: import("immer/dist/internal").WritableDraft<SiteState>, { payload }: PayloadAction<Record<string, any>>) => void;
-    handleNext: (state: import("immer/dist/internal").WritableDraft<SiteState>, { payload }: PayloadAction<Record<string, any>>) => void;
-    focusStep: (state: import("immer/dist/internal").WritableDraft<SiteState>, { payload, }: PayloadAction<{
-        step: FormStep;
-        values: FieldValues;
-    } | undefined>) => void;
-}, "site">;
-export declare const focusStep: import("@reduxjs/toolkit").ActionCreatorWithOptionalPayload<{
-    step: FormStep;
-    values: FieldValues;
-} | undefined, "site/focusStep">, clearDependency: import("@reduxjs/toolkit").ActionCreatorWithPayload<GBaseStep, "site/clearDependency">, setStepDependency: import("@reduxjs/toolkit").ActionCreatorWithPayload<{
-    step: GBaseStep;
-    value: StepDependency['value'];
-}, "site/setStepDependency">, addStepsDependencies: import("@reduxjs/toolkit").ActionCreatorWithPayload<{
-    steps: Record<string, FormStep | CBRFormStep>;
-    customSteps: Record<string, CustomStep>;
-    allSteps: Record<string, FormStep | CBRFormStep>;
-}, "site/addStepsDependencies">, setEmptyDependency: import("@reduxjs/toolkit").ActionCreatorWithPayload<{
-    step: GBaseStep;
-    empty: StepDependency['empty'];
-}, "site/setEmptyDependency">, handlePrevious: import("@reduxjs/toolkit").ActionCreatorWithPayload<Record<string, any>, "site/handlePrevious">, handleNext: import("@reduxjs/toolkit").ActionCreatorWithPayload<Record<string, any>, "site/handleNext">;
-export default SiteSlice;

package/dist/mjs/States/SiteSlice.js

@@ -1,116 +0,0 @@
-import { createSlice } from '@reduxjs/toolkit';
-import { reset } from './GlobalSlice';
-import { calcDependencies } from '../Form/FormFunctions';
-import { calcDefaultValue } from '../FormSteps/StepFunctions';
-const initialState = {
-    values: {
-        global: {},
-        sections: {},
-    },
-    dependencies: {},
-    idCurrentSection: null,
-    previousSections: [],
-    nextSections: [],
-};
-export const SiteSlice = createSlice({
-    name: 'site',
-    initialState,
-    reducers: {
-        setStepDependency: (state, { payload: { step: { id, type, idSection }, value, }, }) => {
-            const old = state.dependencies[id];
-            if (old && (old.type !== type || old.value !== value)) {
-                state.dependencies[id] = {
-                    ...state.dependencies[id],
-                    type: type,
-                    value,
-                };
-                if (state.idCurrentSection !== null) {
-                    for (const dependent of old.dependents) {
-                        if (dependent.idSection !== idSection) {
-                            state.values.sections[dependent.idSection][dependent.id] = calcDefaultValue(dependent);
-                        }
-                    }
-                }
-            }
-        },
-        clearDependency: (state, { payload: { id, idSection } }) => {
-            if (state.idCurrentSection === null ||
-                state.idCurrentSection === idSection) {
-                const old = state.dependencies[id];
-                if (old && old.value !== null) {
-                    state.dependencies[id] = {
-                        ...state.dependencies[id],
-                        value: null,
-                        empty: false,
-                    };
-                    if (state.idCurrentSection !== null) {
-                        for (const dependent of old.dependents) {
-                            if (dependent.idSection !== idSection) {
-                                state.values.sections[dependent.idSection][dependent.id] = calcDefaultValue(dependent);
-                            }
-                        }
-                    }
-                }
-            }
-        },
-        setEmptyDependency: (state, { payload: { step: { id }, empty, }, }) => {
-            if (state.dependencies[id]) {
-                state.dependencies[id].empty = empty;
-            }
-        },
-        addStepsDependencies: (state, { payload: { steps, customSteps, allSteps }, }) => {
-            calcDependencies(steps, customSteps, allSteps, state.dependencies);
-        },
-        handlePrevious: (state, { payload }) => {
-            const { previousSections, nextSections, idCurrentSection } = state;
-            const idPreviousSection = previousSections.pop();
-            if (!idPreviousSection || !idCurrentSection)
-                return;
-            nextSections.unshift(idCurrentSection);
-            state.values.sections[idCurrentSection] = payload;
-            state.idCurrentSection = idPreviousSection;
-        },
-        handleNext: (state, { payload }) => {
-            const { previousSections, nextSections, idCurrentSection } = state;
-            const idNextSection = nextSections.shift();
-            if (!idNextSection || !idCurrentSection)
-                return;
-            previousSections.push(idCurrentSection);
-            state.values.sections[idCurrentSection] = payload;
-            state.idCurrentSection = idNextSection;
-        },
-        focusStep: (state, { payload, }) => {
-            const idSection = payload?.step.idSection;
-            const { previousSections, nextSections } = state;
-            let idCurrentSection = state.idCurrentSection;
-            if (idSection &&
-                idCurrentSection &&
-                previousSections.includes(idSection)) {
-                state.values.sections[idCurrentSection] = payload.values;
-                while (idCurrentSection !== idSection) {
-                    const idPreviousSection = previousSections.pop();
-                    if (!idCurrentSection)
-                        return;
-                    nextSections.unshift(idCurrentSection);
-                    idCurrentSection = idPreviousSection;
-                }
-            }
-            state.previousSections = previousSections;
-            state.idCurrentSection = idCurrentSection;
-            state.nextSections = nextSections;
-            state.focusStep = payload?.step.id;
-        },
-    },
-    extraReducers: (builder) => {
-        builder.addCase(reset, (state, action) => {
-            const payload = action.payload;
-            state.previousSections = payload.previousSections;
-            state.idCurrentSection = payload.idCurrentSection;
-            state.nextSections = payload.nextSections;
-            state.values = payload.values;
-            state.dependencies = payload.dependencies;
-        });
-    },
-});
-export const { focusStep, clearDependency, setStepDependency, addStepsDependencies, setEmptyDependency, handlePrevious, handleNext, } = SiteSlice.actions;
-export default SiteSlice;

package/dist/mjs/States/WidthStatsSlice.d.ts

@@ -1,7 +0,0 @@
-import { WidthStats } from '../Form/Form';
-import type { PayloadAction } from '@reduxjs/toolkit';
-export declare const WidthStatsSlice: import("@reduxjs/toolkit").Slice<WidthStats, {
-    updateWidthStats: (state: import("immer/dist/internal").WritableDraft<WidthStats>, { payload }: PayloadAction<WidthStats>) => WidthStats;
-}, "widthStats">;
-export declare const updateWidthStats: import("@reduxjs/toolkit").ActionCreatorWithPayload<WidthStats, "widthStats/updateWidthStats">;
-export default WidthStatsSlice;

package/dist/mjs/States/WidthStatsSlice.js

@@ -1,22 +0,0 @@
-import { createSlice } from '@reduxjs/toolkit';
-const initialState = {
-    currentBreakPoint: 0,
-    isMobile: false,
-    isResponsive: false,
-};
-export const WidthStatsSlice = createSlice({
-    name: 'widthStats',
-    initialState,
-    reducers: {
-        updateWidthStats: (state, { payload }) => {
-            if (payload.isMobile !== state?.isMobile ||
-                payload.isResponsive !== state?.isResponsive ||
-                payload.currentBreakPoint !== state?.currentBreakPoint)
-                return payload;
-            else
-                return state;
-        },
-    },
-});
-export const { updateWidthStats } = WidthStatsSlice.actions;
-export default WidthStatsSlice;

package/dist/mjs/Utils/AxiosAPI.d.ts

@@ -1,2 +0,0 @@
-declare const axiosInstance: import("axios").AxiosInstance;
-export default axiosInstance;

package/dist/mjs/Utils/AxiosWidget.d.ts

@@ -1,2 +0,0 @@
-declare const widgetInstance: import("axios").AxiosInstance;
-export default widgetInstance;

package/dist/mjs/Utils/AxiosWidget.js

@@ -1,8 +0,0 @@
-import axios from 'axios';
-const headers = {};
-const widgetInstance = axios.create({
-    baseURL: `https://api.forms.${process.env.REACT_APP_DOMAIN}/api`,
-    timeout: 30000,
-    headers,
-});
-export default widgetInstance;

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

@@ -1,8 +0,0 @@
-import { Form } from '../@Types';
-export interface Incident {
-    idSpaceStep: string;
-    idElementStep: string;
-    idCommentStep: string;
-    num: number;
-}
-export declare const calcCbrForm: (form: Form, formValues: Record<string, any>) => Form;