@arquimedes.co/eureka-forms 3.0.36 → 3.0.37-test

package/dist/FormSteps/DatePickerStep/DatePickerStep.js

@@ -1,24 +1,13 @@
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
 import { jsx as _jsx } from "react/jsx-runtime";
 import { FormStyleTypes } from '../../constants/FormStepTypes';
 import MaterialDatePickerStep from './MaterialDatePickerStep/MaterialDatePickerStep';
 import { useAppSelector } from '../../hooks';
 function DatePickerStep(props) {
-    var formStyle = useAppSelector(function (state) { return state.global; }).formStyle;
+    const { formStyle } = useAppSelector((state) => state.global);
     switch (formStyle.type) {
         case FormStyleTypes.MATERIAL:
         default: {
-            return _jsx(MaterialDatePickerStep, __assign({}, props));
+            return _jsx(MaterialDatePickerStep, { ...props });
         }
     }
 }

package/dist/FormSteps/DatePickerStep/MaterialDatePickerStep/MaterialDatePickerStep.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { DatePickerStepProps } from '../DatePickerStep';
-declare function DatePickerStep({ step, editable, defaultValue, }: DatePickerStepProps): JSX.Element;
+declare function DatePickerStep({ step, editable, defaultValue }: DatePickerStepProps): JSX.Element;
 export default DatePickerStep;

package/dist/FormSteps/DatePickerStep/MaterialDatePickerStep/MaterialDatePickerStep.js

@@ -1,29 +1,18 @@
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
 import { jsx as _jsx } from "react/jsx-runtime";
-import RoundedDatePicker from '../../../Shared/RoundedDatePicker/RoundedDatePicker';
+import ErkDatePicker from '../../../Shared/ErkDatePicker/ErkDatePicker';
 import { useAppSelector } from '../../../hooks';
 import { useFormStep } from '../../StepHooks';
 import MaterialInputContainer from '../../Utils/MaterialInputContainer/MaterialInputContainer';
-function DatePickerStep(_a) {
-    var _b;
-    var step = _a.step, editable = _a.editable, defaultValue = _a.defaultValue;
-    var _c = useAppSelector(function (state) { return state.global; }), formStyle = _c.formStyle, postview = _c.postview;
-    var _d = useFormStep(step, {
-        defaultValue: defaultValue,
+import { useCallback } from 'react';
+function DatePickerStep({ 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,
         },
-    }), ref = _d.ref, value = _d.value, onChange = _d.onChange, error = _d.error, field = _d.field;
-    return (_jsx(MaterialInputContainer, __assign({ step: step, editable: editable }, { children: _jsx(RoundedDatePicker, __assign({}, field, { value: value, onChange: onChange, pickTime: step.pickTime, clearable: !step.required, clearLabel: "Borrar", inputRef: ref, cantEdit: !editable || postview, secondaryColor: formStyle.secondaryColor, contrastColor: formStyle.secondaryContrastColor, accentColor: formStyle.textColor, focusColor: formStyle.primaryColor, outlineColor: formStyle.outlineColor, textColor: formStyle.textColor, errorColor: formStyle.errorColor, helperTextColor: formStyle.descriptionTextColor, fontWeight: 400, label: step.label, helperText: (_b = error === null || error === void 0 ? void 0 : error.message) !== null && _b !== void 0 ? _b : step.description, error: !!error, required: step.required })) })));
+    });
+    const handleChange = useCallback((date) => onChange(date?.toISOString() ?? null), [onChange]);
+    return (_jsx(MaterialInputContainer, { step: step, editable: editable, children: _jsx(ErkDatePicker, { ...field, value: value ? new Date(value) : null, inputRef: ref, error: !!error, labelMargin: 0, label: step.label, onChange: handleChange, pickTime: step.pickTime, required: step.required, readOnly: !editable || postview, helperText: error?.message ?? step.description }) }));
 }
 export default DatePickerStep;

package/dist/FormSteps/EntityValueStep/EntityValuePickerStep.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { EntityValuePicker } from '../../@Types/FormStep';
 import { StepProps } from '../Step';
 export interface StepOption {

package/dist/FormSteps/EntityValueStep/EntityValuePickerStep.js

@@ -1,24 +1,13 @@
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
 import { jsx as _jsx } from "react/jsx-runtime";
 import { useAppSelector } from '../../hooks';
 import { FormStyleTypes } from '../../constants/FormStepTypes';
 import MaterialEntityValuePickerStep from './MaterialEntityValuePickerStep/MaterialEntityValuePickerStep';
 function EntityValuePickerStep(props) {
-    var formStyle = useAppSelector(function (state) { return state.global; }).formStyle;
+    const { formStyle } = useAppSelector((state) => state.global);
     switch (formStyle.type) {
         case FormStyleTypes.MATERIAL:
         default: {
-            return _jsx(MaterialEntityValuePickerStep, __assign({}, props));
+            return _jsx(MaterialEntityValuePickerStep, { ...props });
         }
     }
 }

package/dist/FormSteps/EntityValueStep/MaterialEntityValuePickerStep/MaterialEntityValueDialog/MaterialEntityValueDialog.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { EurekaDraft } from '../../../../@Types/Draft/Draft';
 import { Entity } from '../../../../@Types/Entity';
 interface EntityValueDialogProps {

package/dist/FormSteps/EntityValueStep/MaterialEntityValuePickerStep/MaterialEntityValueDialog/MaterialEntityValueDialog.js

@@ -1,47 +1,31 @@
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Dialog } from '@material-ui/core';
-import CloseRoundedIcon from '@material-ui/icons/CloseRounded';
-import WarningRoundedIcon from '@material-ui/icons/WarningRounded';
-import InfoRoundedIcon from '@material-ui/icons/InfoRounded';
 import styles from './MaterialEntityValueDialog.module.css';
-import RoundedButton from '../../../../Shared/RoundedButton/RoundedButton';
+import ErkButton from '../../../../Shared/ErkButton/ErkButton';
 import { useAppSelector } from '../../../../hooks';
 import { EditorState, convertFromRaw } from 'draft-js';
 import { useContext, useMemo } from 'react';
 import { mapDraftEntities } from '../../../../Utils/DraftFunctions';
 import { Editor } from 'react-draft-wysiwyg';
 import FormContext from '../../../../Contexts/FormContext';
-function MaterialEntityValueDialog(_a) {
-    var type = _a.type, entity = _a.entity, message = _a.message, entityValue = _a.entityValue, handleClose = _a.handleClose;
-    var formStyle = useAppSelector(function (state) { return state.global.formStyle; });
-    var form = useContext(FormContext);
-    var dependencies = useAppSelector(function (state) { return state.site.dependencies; });
-    var editorState = useMemo(function () {
-        return EditorState.createWithContent(convertFromRaw(mapDraftEntities({ form: form, dependencies: dependencies, entity: entity, entityValue: entityValue }, message)));
-    }, [message, dependencies]);
-    return (_jsx(Dialog, __assign({ PaperProps: {
+import { Dialog } from '@mui/material';
+import CloseIcon from '../../../../Icons/CloseIcon';
+import InfoIcon from '../../../../Icons/InfoIcon';
+import WarningIcon from '../../../../Icons/WarningIcon';
+function MaterialEntityValueDialog({ type, entity, message, entityValue, handleClose, }) {
+    const formStyle = useAppSelector((state) => state.global.formStyle);
+    const form = useContext(FormContext);
+    const dependencies = useAppSelector((state) => state.site.dependencies);
+    const editorState = useMemo(() => {
+        return EditorState.createWithContent(convertFromRaw(mapDraftEntities({ form, dependencies, entity, entityValue }, message)));
+    }, [form, message, dependencies, entity, entityValue]);
+    return (_jsx(Dialog, { PaperProps: {
             style: {
                 borderRadius: '20px',
                 maxWidth: '100vw',
                 boxSizing: 'content-box',
             },
-        }, open: true }, { children: _jsxs("div", __assign({ className: styles.confirmationContainer, style: { color: formStyle.textColor } }, { children: [_jsx("div", __assign({ className: styles.closeIcon, onClick: function () { return handleClose(); } }, { children: _jsx(CloseRoundedIcon, { fontSize: "inherit" }) })), _jsxs("div", __assign({ className: styles.container }, { children: [_jsxs("div", __assign({ className: styles.contentContainer }, { children: [_jsx("div", __assign({ className: styles.warningContainer, style: {
-                                        color: type === 'INFO'
-                                            ? formStyle.primaryColor
-                                            : formStyle.errorColor,
-                                    } }, { children: type === 'INFO' ? (_jsx(InfoRoundedIcon, { fontSize: "inherit", style: { fontSize: '160px' } })) : (_jsx(WarningRoundedIcon, { fontSize: "inherit", style: { fontSize: '160px' } })) })), _jsx("div", __assign({ className: styles.messageContainer }, { children: _jsx(Editor, { editorClassName: 'Erk-Forms-Dialog', editorState: editorState, readOnly: true, toolbarHidden: true }) }))] })), _jsx("div", __assign({ className: styles.btnContainer }, { children: _jsx(RoundedButton, { text: 'Continuar', color: formStyle.primaryContrastColor, backgroundColor: type === 'INFO'
-                                    ? formStyle.primaryColor
-                                    : formStyle.errorColor, fontSize: '1.2rem', height: undefined, padding: '16px 20px', onClick: function () { return handleClose(); } }) }))] }))] })) })));
+        }, open: true, children: _jsxs("div", { className: styles.confirmationContainer, style: { color: formStyle.textColor }, children: [_jsx("div", { className: styles.closeIcon, onClick: () => handleClose(), children: _jsx(CloseIcon, { style: { fontSize: 'inherit' } }) }), _jsxs("div", { className: styles.container, children: [_jsxs("div", { className: styles.contentContainer, children: [_jsx("div", { className: styles.warningContainer, style: {
+                                        color: type === 'INFO' ? formStyle.primaryColor : formStyle.errorColor,
+                                    }, children: type === 'INFO' ? (_jsx(InfoIcon, { style: { fontSize: '160px' } })) : (_jsx(WarningIcon, { style: { fontSize: '160px' } })) }), _jsx("div", { className: styles.messageContainer, children: _jsx(Editor, { editorClassName: 'Erk-Forms-Dialog', editorState: editorState, readOnly: true, toolbarHidden: true }) })] }), _jsx("div", { className: styles.btnContainer, children: _jsx(ErkButton, { text: 'Continuar', onClick: () => handleClose(), sx: { padding: '16px 20px', fontSize: '1.2rem' } }) })] })] }) }));
 }
 export default MaterialEntityValueDialog;

package/dist/FormSteps/EntityValueStep/MaterialEntityValuePickerStep/MaterialEntityValuePickerStep.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { EntityValuePickerStepProps } from '../EntityValuePickerStep';
-declare function EntityValuePickerStep({ step, editable, }: EntityValuePickerStepProps): JSX.Element;
+declare function EntityValuePickerStep({ step, editable }: EntityValuePickerStepProps): JSX.Element;
 export default EntityValuePickerStep;