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

package/dist/mjs/FormSteps/SeparatorStep/SeparatorStep.js

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

package/dist/mjs/FormSteps/SmartSelectStep/MaterialSmartSelectStep/MaterialSmartSelectStep.d.ts

@@ -1,5 +0,0 @@
-/// <reference types="react" />
-import { SmartSelectStepProps } from '../SmartSelectStep';
-import { GSmartSelect } from '../../../@Types/GenericFormSteps';
-declare function SmartSelectStep<StepType extends GSmartSelect>({ icon, step, editable, getOptions, calcDepError, defaultValue, valueOverwrite, getValueString, changeListener, getValueWarning, getOptionSelected, renderNestedSteps, }: SmartSelectStepProps<StepType>): JSX.Element;
-export default SmartSelectStep;

package/dist/mjs/FormSteps/SmartSelectStep/MaterialSmartSelectStep/MaterialSmartSelectStep.js

@@ -1,128 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useFormContext } from 'react-hook-form';
-import RoundedSmartSelect from '../../../Shared/RoundedSmartSelect/RoundedSmartSelect';
-import { useCallback, useContext, useEffect, useMemo, useState } from 'react';
-import React from 'react';
-import FormContext from '../../../Contexts/FormContext';
-import { useAppDispatch, useAppSelector } from '../../../hooks';
-import { focusStep, setEmptyDependency } from '../../../States/SiteSlice';
-import { selectDependencies, useFormStep } from '../../StepHooks';
-import MaterialInputContainer from '../../Utils/MaterialInputContainer/MaterialInputContainer';
-function SmartSelectStep({ icon, step, editable, getOptions, calcDepError, defaultValue, valueOverwrite, getValueString, changeListener, getValueWarning, getOptionSelected, renderNestedSteps, }) {
-    const { ref, value, error, field, onChange: handleChange, } = useFormStep(step, {
-        sizeChange: true,
-        defaultValue: defaultValue ?? null,
-        rules: {
-            required: step.required ? 'Este campo es obligatorio' : undefined,
-        },
-    });
-    const onChange = useCallback((value) => handleChange(valueOverwrite ? valueOverwrite(value) : value), [handleChange, valueOverwrite]);
-    const { postview, formStyle, idOrganization } = useAppSelector((state) => state.global);
-    const form = useContext(FormContext);
-    const [options, setOptions] = useState();
-    const [loading, setLoading] = useState(false);
-    const [firstTime, setFirstTime] = useState(true);
-    const [touched, setTouched] = useState(false);
-    const dispatch = useAppDispatch();
-    const dependencyStore = useAppSelector((state) => state.site.dependencies);
-    const { emptyDep, invalids } = useAppSelector((state) => selectDependencies(state, step, form));
-    const { getValues, setFocus } = useFormContext();
-    const isEmpty = useAppSelector((state) => state.site.dependencies[step.id]?.empty);
-    const disabled = emptyDep;
-    useEffect(() => {
-        if (!postview && editable) {
-            calcOptions(firstTime);
-            if (firstTime)
-                setFirstTime(false);
-        }
-        else if (value && !step.searchable) {
-            setOptions([value]);
-        }
-    }, step.dependencies?.map((dep) => dependencyStore[dep]?.value) ?? []);
-    const calcOptions = async (firstTime) => {
-        if (!firstTime)
-            setOptions(undefined);
-        if (value && !firstTime)
-            setLoading(true);
-        try {
-            const resp = await getOptions?.(idOrganization, step, dependencyStore);
-            if (value) {
-                /** If the value is still valid select it */
-                if (resp && getValueString(value) !== undefined) {
-                    const newValue = resp.find((option) => getValueString(option) === getValueString(value));
-                    if (!firstTime)
-                        onChange(newValue ?? null);
-                }
-                else if (!firstTime)
-                    onChange(null);
-            }
-            setOptions(resp);
-            const empty = resp === null ? undefined : resp.length === 0;
-            /** Tell the dependency store this input is empty or not */
-            if (empty !== !!isEmpty) {
-                dispatch(setEmptyDependency({
-                    step,
-                    empty,
-                }));
-            }
-        }
-        catch (error) {
-            console.error(error);
-            setOptions(null);
-        }
-        setLoading(false);
-    };
-    const warning = useMemo(() => getValueWarning?.(value), [value]);
-    const onFocus = useCallback(() => {
-        if (disabled || !editable || postview)
-            return;
-        if (options === null) {
-            if (!value) {
-                if (invalids.length > 0) {
-                    const depStep = form.steps[invalids[0]];
-                    if (form.type === 'STEPPER' &&
-                        step.idSection !== depStep.idSection) {
-                        dispatch(focusStep({
-                            step: form.steps[invalids[0]],
-                            values: getValues(),
-                        }));
-                    }
-                    else {
-                        setFocus(invalids[0]);
-                    }
-                }
-                else if (value === undefined) {
-                    setLoading(true);
-                }
-            }
-        }
-        if (options === undefined) {
-            setLoading(true);
-        }
-        if (!touched)
-            setTouched(true);
-    }, [options, disabled, postview, editable, invalids, touched]);
-    const errorMsg = useMemo(() => {
-        if (postview || loading)
-            return undefined;
-        if (invalids.length > 0 && touched) {
-            return calcDepError?.(invalids.map((idDep) => form.steps[idDep]));
-        }
-        else if (value && options) {
-            const currentOption = options.find((option) => getOptionSelected(option, value));
-            if (!currentOption) {
-                return 'Este campo es obligatorio';
-            }
-        }
-        else if (options === null && invalids.length === 0) {
-            return 'Error al cargar las opciones';
-        }
-        return undefined;
-    }, [invalids, touched, value, options]);
-    return (_jsxs(React.Fragment, { children: [_jsx(MaterialInputContainer, { step: step, onClick: onFocus, editable: editable, children: _jsx(RoundedSmartSelect, { ...field, inputRef: ref, value: value, handleUpdate: onChange, onFocus: onFocus, disabled: options === null || disabled, hidden: disabled, loading: loading, options: options ?? undefined, cantEdit: !editable || postview, fullWidth: true, backgroundColor: formStyle.stepBackgroundColor ?? 'white', label: step.label, required: step.required, height: '31px', changeListener: changeListener, searchable: step.searchable, icon: step.showIcon ? icon : undefined, helperTextColor: formStyle.descriptionTextColor, focusColor: formStyle.primaryColor, outlineColor: formStyle.outlineColor, errorColor: formStyle.errorColor, color: formStyle.textColor, containerMargin: "0px", getOptionSelected: getOptionSelected, getValueString: getValueString, helperText: errorMsg ??
-                        warning ??
-                        error?.message?.toString() ??
-                        step.description ??
-                        undefined, error: !!errorMsg || !!warning || !!error }) }), renderNestedSteps?.(value)] }));
-}
-export default SmartSelectStep;

package/dist/mjs/FormSteps/SmartSelectStep/SmartSelectStep.d.ts

@@ -1,31 +0,0 @@
-/// <reference types="react" />
-import { StepProps } from '../Step';
-import { GSmartSelect } from '../../@Types/GenericFormSteps';
-import { FormStep } from '../../@Types/FormStep';
-import { DependencyStore } from '../../Form/Form';
-export interface SmartSelectStepProps<StepType extends GSmartSelect = GSmartSelect> extends Omit<StepProps, 'step'> {
-    /** The SmartSelectStep to display */
-    step: StepType;
-    /** The icon to display */
-    icon?: React.ReactNode;
-    /** Function to call to get the options of the selector, return null if dependency is not met */
-    getOptions: (idOrganization: string | undefined, step: StepType, dependencyStore: DependencyStore) => Promise<any[] | null>;
-    /** Function to determine the currently selected option */
-    getOptionSelected: (option: any, value: any) => boolean;
-    /** Function to determine the current value in string format */
-    getValueString: (value: any | undefined) => string;
-    /** Function to if currently selected option has warning */
-    getValueWarning?: (value: any | undefined) => string | null;
-    /** Function that returns the error message based on the steps of the missing Dependencies, undefined if no error msg */
-    calcDepError?: (steps: FormStep[]) => string | undefined;
-    /** Function that overwrites the value before setting it */
-    valueOverwrite?: (value: any | null) => any;
-    /** Function called on each value change */
-    changeListener?: (value: any) => void;
-    /** default Value to select */
-    defaultValue?: any;
-    /** function called to render nested elements when selected */
-    renderNestedSteps?: (value: any) => JSX.Element;
-}
-declare function SmartSelectStep(props: SmartSelectStepProps): JSX.Element;
-export default SmartSelectStep;

package/dist/mjs/FormSteps/SmartSelectStep/SmartSelectStep.js

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

package/dist/mjs/FormSteps/Step.d.ts

@@ -1,8 +0,0 @@
-/// <reference types="react" />
-import { FormStep } from '../@Types/FormStep';
-export interface StepProps {
-    step: FormStep;
-    editable: boolean;
-}
-declare function StepComponent({ step, ...props }: StepProps): JSX.Element;
-export default StepComponent;

package/dist/mjs/FormSteps/Step.js

@@ -1,96 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import Types from '../constants/FormStepTypes';
-import SelectorStep from './SelectorStep/SelectorStep';
-import SeparatorStep from './SeparatorStep/SeparatorStep';
-import TextInputStep from './TextInputStep/TextInputStep';
-import TitleStep from './TitleStep/TitleStep';
-import ClassifierSelectorStep from './ClassifierSelectorStep/ClassifierSelectorStep';
-import TextAreaStep from './TextAreaStep/TextAreaStep';
-import DatePickerStep from './DatePickerStep/DatePickerStep';
-import FileUploadStep from './FileUploadStep/FileUploadStep';
-import CheckBoxStep from './CheckBoxStep/MaterialCheckBoxStep/MaterialCheckBoxStep';
-import CBRStepMapper from './CBRStepMapper';
-import RatingStep from './RatingStep/RatingStep';
-import AYFStepMapper from './AYFStepMapper';
-import EntityValuePickerStep from './EntityValueStep/EntityValuePickerStep';
-import MapperStep from './MapperStep/MapperStep';
-import CollapsibleStep from './CollapsibleStep/CollapsibleStep';
-import ApiSelectorStep from './ApiSelectorStep/ApiSelectorStep';
-import CustomStep from './CustomStep';
-import { useAppSelector } from '../hooks';
-import { useContext } from 'react';
-import CustomContext from '../Contexts/CustomContext';
-import { selectOriginalValue } from './StepHooks';
-function StepComponent({ step, ...props }) {
-    if (!step) {
-        console.error('Step not found!', step);
-        return _jsx("div", {});
-    }
-    const { postview, partial } = useAppSelector((state) => state.global);
-    const { customSteps } = useContext(CustomContext);
-    const originalValue = useAppSelector((state) => selectOriginalValue(state, step));
-    const customStep = customSteps[step.type];
-    const editable = props.editable ? step.editable ?? true : false;
-    if ((postview || !editable) &&
-        (partial || step.partial) &&
-        originalValue === undefined) {
-        return _jsx("div", {});
-    }
-    if (customStep) {
-        return (_jsx(CustomStep, { ...props, step: step, editable: editable, customStep: customStep }));
-    }
-    switch (step.type) {
-        case Types.TITLE: {
-            return (_jsx(TitleStep, { ...props, step: step, editable: editable }));
-        }
-        case Types.SELECTOR: {
-            return (_jsx(SelectorStep, { ...props, step: step, editable: editable }));
-        }
-        case Types.CHECKBOX: {
-            return (_jsx(CheckBoxStep, { ...props, step: step, editable: editable }));
-        }
-        case Types.CLASSIFIER_SELECTOR: {
-            return (_jsx(ClassifierSelectorStep, { ...props, step: step, editable: editable }));
-        }
-        case Types.TEXTAREA: {
-            return (_jsx(TextAreaStep, { ...props, step: step, editable: editable }));
-        }
-        case Types.TEXTINPUT: {
-            return (_jsx(TextInputStep, { ...props, step: step, editable: editable }));
-        }
-        case Types.DATEPICKER: {
-            return (_jsx(DatePickerStep, { ...props, step: step, editable: editable }));
-        }
-        case Types.SEPARATOR: {
-            return (_jsx(SeparatorStep, { ...props, step: step, editable: editable }));
-        }
-        case Types.FILEUPLOAD: {
-            return (_jsx(FileUploadStep, { ...props, step: step, editable: editable }));
-        }
-        case Types.RATING: {
-            return (_jsx(RatingStep, { ...props, step: step, editable: editable }));
-        }
-        case Types.COLLAPSIBLE: {
-            return (_jsx(CollapsibleStep, { ...props, step: step, editable: editable }));
-        }
-        case Types.ENTITYVALUEPICKER: {
-            return (_jsx(EntityValuePickerStep, { ...props, step: step, editable: editable }));
-        }
-        case Types.API_SELECTOR: {
-            return (_jsx(ApiSelectorStep, { ...props, step: step, editable: editable }));
-        }
-        case Types.MAPPER: {
-            return (_jsx(MapperStep, { ...props, step: step, editable: editable }));
-        }
-        default:
-            break;
-    }
-    if (step.type.startsWith('CBR')) {
-        return (_jsx(CBRStepMapper, { ...props, step: step, editable: editable }));
-    }
-    else if (step.type.startsWith('AYF')) {
-        return (_jsx(AYFStepMapper, { ...props, step: step, editable: editable }));
-    }
-    return _jsx("div", {});
-}
-export default StepComponent;

package/dist/mjs/FormSteps/StepFunctions.d.ts

@@ -1,16 +0,0 @@
-import { FormSize } from '../@Types/Form';
-import { ApiSelector, CheckBox, ClassifierSelector, EntityValuePicker, FormSelector, FormStep } from '../@Types/FormStep';
-import { AYFFormStep } from '../@Types/AYFFormStep';
-import { CBRFormStep } from '../@Types/CBRFormStep';
-export type FillerSteps = FormSelector | ClassifierSelector | EntityValuePicker | ApiSelector | CheckBox;
-export declare function calcFillerSize(step: FillerSteps, steps: Record<string, FormStep>, values: Record<string, unknown>, size: FormSize): number;
-export declare const calcStepWidth: (stepSize: 1 | 2 | 3 | 4, size: FormSize) => number;
-export declare const calcDefaultValue: (step: FormStep | CBRFormStep) => any;
-export declare const iterateNestedSteps: (idStep: string, steps: Record<string, FormStep>, iteration: (step: FormStep) => void) => void;
-/**
- * Utility function to calc the substeps of a step
- * @param step step to calc the substeps
- * @param idModifier optional modifier for the ids of the substeps and all other properties
- * @returns list of the ids of the substeps of the step, if modifier returns modified steps
- */
-export declare const calcSubSteps: (idStep: string, allSteps: Record<string, FormStep | CBRFormStep | AYFFormStep>, idModifier?: ((idSubStep: string) => string) | undefined) => string[];

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

@@ -1,43 +0,0 @@
-import { GBaseStep } from '../@Types/GenericFormSteps';
-import { ValuesStore } from '../States/SiteSlice';
-import { RootState } from '../Utils/store';
-import { Form } from '../@Types';
-import { DependencyStore } from '../Form/Form';
-import { FieldError, RefCallBack, UseControllerProps, useController } from 'react-hook-form';
-export declare const selectOriginalValue: ((state: RootState, step: GBaseStep) => any) & import("reselect").OutputSelectorFields<(args_0: ValuesStore, args_1: GBaseStep) => any, {
-    clearCache: () => void;
-}> & {
-    clearCache: () => void;
-};
-export interface StepDependency {
-    originalValue: any;
-    isDependency: boolean;
-    handleStepDep: (value: any | undefined) => void;
-}
-export declare const useStepDependency: (step: GBaseStep, defaultValue?: any) => StepDependency;
-export declare const selectDependencies: ((state: RootState, step: GBaseStep, form: Form) => {
-    invalids: string[];
-    emptyDep: boolean;
-}) & import("reselect").OutputSelectorFields<(args_0: DependencyStore, args_1: GBaseStep, args_2: Form) => {
-    invalids: string[];
-    emptyDep: boolean;
-}, {
-    clearCache: () => void;
-}> & {
-    clearCache: () => void;
-};
-export interface UseFormStepOptions<ValueType> {
-    defaultValue: ValueType;
-    /** If true, will not trigger onChange until the user has finished typing */
-    debounce?: boolean;
-    rules?: UseControllerProps['rules'];
-    /** If the step should trigger a filler(root StepFiller) size change */
-    sizeChange?: boolean;
-}
-export declare const useFormStep: <ValueType = unknown>(step: GBaseStep, { rules, debounce, sizeChange, defaultValue }: UseFormStepOptions<ValueType>) => {
-    value: ValueType;
-    ref: RefCallBack;
-    onChange: (value: ValueType) => void;
-    error: FieldError | undefined;
-    field: Omit<ReturnType<typeof useController>['field'], 'ref' | 'value' | 'onChange'>;
-};

package/dist/mjs/FormSteps/StepHooks.js

@@ -1,114 +0,0 @@
-import { useCallback, useContext, useEffect, useState } from 'react';
-import { useAppSelector, useAppDispatch } from '../hooks';
-import { clearDependency, setStepDependency, } from '../States/SiteSlice';
-import { createSelector } from '@reduxjs/toolkit';
-import { calcDefaultValue } from './StepFunctions';
-import { useController, } from 'react-hook-form';
-import { SizeChangeContext } from './Utils/@StepFiller/StepFiller';
-const selectIsDependency = createSelector([
-    (state) => state.site.dependencies,
-    (state, step) => step,
-], (dependencies, step) => {
-    return dependencies[step.id] !== undefined;
-});
-export const selectOriginalValue = createSelector([
-    (state) => state.site.values,
-    (state, step) => step,
-], (values, step) => values.sections[step.idSection]?.[step.id]);
-export const useStepDependency = (step, defaultValue) => {
-    const isDependency = useAppSelector((state) => selectIsDependency(state, step));
-    const originalValue = useAppSelector((state) => selectOriginalValue(state, step));
-    const dispatch = useAppDispatch();
-    useEffect(() => {
-        if (isDependency && !originalValue && defaultValue) {
-            dispatch(setStepDependency({
-                step,
-                value: defaultValue,
-            }));
-        }
-        return () => {
-            dispatch(clearDependency(step));
-        };
-    }, [isDependency]);
-    const handleStepDep = useCallback((value) => {
-        if (!isDependency)
-            return;
-        dispatch(setStepDependency({
-            step,
-            value: value ?? null,
-        }));
-    }, [step.id, step.type, isDependency]);
-    return {
-        handleStepDep,
-        isDependency,
-        originalValue: originalValue ?? defaultValue ?? calcDefaultValue(step),
-    };
-};
-export const selectDependencies = createSelector([
-    (state) => state.site.dependencies,
-    (state, step) => step,
-    (state, step, form) => form,
-], (dependencies, step, form) => {
-    const invalids = [];
-    let emptyDep = false;
-    /** Show deep error changes even if not in dependencies */
-    for (const idDep of calcDeepDependencies(step.id, form)) {
-        const dependency = dependencies[idDep];
-        if (dependency?.value === null && form.steps[idDep]) {
-            invalids.push(idDep);
-        }
-        if (dependency?.empty)
-            emptyDep = true;
-    }
-    return { invalids, emptyDep };
-});
-const calcDeepDependencies = (idStep, form, deps = []) => {
-    const step = form.steps[idStep];
-    if (step?.dependencies) {
-        for (const dep of step.dependencies) {
-            if (!deps.includes(dep)) {
-                deps.push(...calcDeepDependencies(dep, form, deps), dep);
-            }
-        }
-    }
-    return deps;
-};
-export const useFormStep = (step, { rules, debounce, sizeChange, defaultValue }) => {
-    const [timer, setTimer] = useState();
-    const { isDependency, handleStepDep, originalValue } = useStepDependency(step, defaultValue);
-    const { field: { ref, value, onChange: fieldOnChange, ...field }, fieldState: { error }, } = useController({
-        name: step.id,
-        rules,
-        shouldUnregister: true,
-        defaultValue: originalValue,
-    });
-    const handleSizeChange = useContext(SizeChangeContext);
-    const onChange = useCallback((value) => {
-        if (isDependency) {
-            if (debounce) {
-                try {
-                    clearTimeout(timer);
-                    // eslint-disable-next-line no-empty
-                }
-                catch (e) { }
-                setTimer(setTimeout(() => {
-                    handleStepDep(value);
-                    setTimer(undefined);
-                }, 1000));
-            }
-            else {
-                handleStepDep(value);
-            }
-        }
-        fieldOnChange(value);
-        if (sizeChange)
-            handleSizeChange?.();
-    }, [handleStepDep, isDependency, fieldOnChange]);
-    return {
-        ref,
-        value,
-        onChange,
-        error,
-        field,
-    };
-};

package/dist/mjs/FormSteps/TextAreaStep/MaterialTextAreaStep/DraftEditor.css

@@ -1,96 +0,0 @@
-.EF-DraftContainer {
-    font: inherit;
-    font-size: 1rem;
-}
-.postview-editor {
-    cursor: default !important;
-}
-.EF-DraftContainer .DraftEditor-root {
-    height: unset;
-}
-
-.EF-DraftContainer .rdw-option-wrapper {
-    border-radius: 7px;
-    border: 1px solid var(--eureka-outline);
-    background-color: transparent;
-}
-
-.EF-DraftContainer .rdw-option-wrapper:active {
-    border: 1px solid var(--eureka-primary);
-}
-.EF-DraftContainer .rdw-option-wrapper:hover {
-    box-shadow: none;
-    border: 1px solid var(--eureka-primary);
-}
-
-.EF-DraftContainer .rdw-option-active {
-    border: 1px solid var(--eureka-primary);
-    box-shadow: none;
-}
-
-.EF-DraftContainer .rdw-editor-toolbar {
-    border-radius: 15px 15px 0 0;
-    border: none;
-    border-bottom: 1px solid var(--eureka-outline);
-    background-color: transparent;
-}
-
-.postview-editor-toolbar {
-    pointer-events: none;
-}
-
-.EF-DraftContainer .rdw-editor-main {
-    cursor: text;
-    padding-top: 12px;
-    padding-bottom: 40px;
-    margin-right: 0px;
-}
-
-.EF-DraftContainer .public-DraftStyleDefault-block {
-    margin: 0px 0;
-    max-width: 100%;
-}
-
-.EF-DraftContainer .rdw-image-imagewrapper {
-    max-width: 100%;
-    /* cursor: pointer; */
-    position: relative;
-}
-
-.EF-DraftContainer .rdw-image-alignment-editor {
-    padding-right: 10px;
-    padding-left: 5px;
-    margin-left: -5px;
-}
-.EF-DraftContainer .rdw-editing-image {
-    border: 1px solid var(--secondary);
-}
-
-.EF-DraftContainer .DraftEditor-root figure {
-    margin: 0px;
-}
-
-.EF-DraftContainer .rdw-image-alignment-option {
-    font-size: 16px !important;
-    width: 20px;
-    height: 20px;
-    margin-left: 2px;
-    border-radius: 2px;
-
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    border: 1px solid var(--light-grey);
-}
-
-.EF-DraftContainer .rdw-image-alignment-options-popup {
-    width: fit-content;
-    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.6);
-}
-
-/* Hides empty placeholder */
-.EF-DraftContainer
-    .RichEditor-hidePlaceholder
-    .public-DraftEditorPlaceholder-root {
-    display: none;
-}

package/dist/mjs/FormSteps/TextAreaStep/MaterialTextAreaStep/MaterialTextAreaEditorStep.d.ts

@@ -1,10 +0,0 @@
-/// <reference types="react" />
-import 'react-draft-wysiwyg/dist/react-draft-wysiwyg.css';
-import './DraftEditor.css';
-import { TextAreaStepProps } from '../TextAreaStep';
-export interface Payload {
-    text: string;
-    draft: any;
-}
-declare function TextAreaStep({ step, editable }: TextAreaStepProps): JSX.Element;
-export default TextAreaStep;

package/dist/mjs/FormSteps/TextAreaStep/MaterialTextAreaStep/MaterialTextAreaStep.d.ts

@@ -1,8 +0,0 @@
-/// <reference types="react" />
-import { TextAreaStepProps } from '../TextAreaStep';
-export interface Payload {
-    text: string;
-    draft: any;
-}
-declare function TextAreaStep({ step, editable, maxLength, }: TextAreaStepProps): JSX.Element;
-export default TextAreaStep;

package/dist/mjs/FormSteps/TextAreaStep/MaterialTextAreaStep/MaterialTextAreaStep.js

@@ -1,27 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import RoundedTextField from '../../../Shared/RoundedTextField/RoundedTextField';
-import styles from './MaterialTextAreaStep.module.css';
-import { useAppSelector } from '../../../hooks';
-import { useFormStep } from '../../StepHooks';
-function TextAreaStep({ step, editable, maxLength, }) {
-    const { formStyle, postview, partial } = useAppSelector((state) => state.global);
-    const { ref, value, onChange, error, field } = useFormStep(step, {
-        debounce: true,
-        defaultValue: '',
-        rules: {
-            required: step.required ? 'Este campo es obligatorio' : undefined,
-        },
-    });
-    const canEdit = editable && !postview;
-    return (_jsxs("div", { className: styles.container, style: {
-            paddingBottom: step.required || step.description || !!error
-                ? '0px'
-                : '5px',
-        }, children: [_jsx("div", { className: styles.erkTextArea, children: _jsx(RoundedTextField, { ...field, inputRef: ref, value: value, onChange: (e) => onChange(e.target.value), "data-testid": step.id, maxLength: maxLength, label: step.label, required: step.required, cantEdit: !canEdit, fontWeight: 400, multiline: true, minRows: postview && partial ? undefined : 4, focusColor: formStyle.primaryColor, outlineColor: formStyle.outlineColor, textColor: formStyle.textColor, errorColor: formStyle.errorColor, backgroundColor: formStyle.stepBackgroundColor, helperTextColor: formStyle.descriptionTextColor, helperText: error?.message ??
-                        step.description ??
-                        (step.required ? ' ' : null), error: !!error }) }), postview && (_jsxs("div", { className: styles.print, children: [_jsxs("div", { children: [step.label, ":"] }), _jsx("p", { className: styles.printContainer, style: {
-                            backgroundColor: formStyle.stepBackgroundColor,
-                            borderColor: formStyle.outlineColor,
-                        }, children: value })] }))] }));
-}
-export default TextAreaStep;