@arquimedes.co/eureka-forms 0.2.33-test → 0.2.34-test

package/dist/App.d.ts

@@ -21,12 +21,14 @@ export interface AppProps {
     customSteps?: Record<string, CustomStep>;
     /** Function to call on postview to fetch the download url of a file */
     fetchDownloadUrl?: (S3Key: string, fileName: string) => Promise<string>;
+    /** Function to call after the confimation dialog has been closed */
+    handleConfirmed?: Function;
 }
 export interface CustomStep {
     component: ReactNode;
     updateValue: (idStep: string, values: Record<string, any>, form: Form) => void;
 }
-declare function App({ apiKey, domain, preview, formData, postview, isWidget, internal, valuesData, customSteps, ...others }: AppProps): JSX.Element;
+declare function App({ apiKey, domain, preview, formData, postview, isWidget, internal, valuesData, customSteps, handleConfirmed, ...others }: AppProps): JSX.Element;
 export default App;
 export declare enum SIZES {
     SMALL = "SMALL",

package/dist/App.js

@@ -67,7 +67,7 @@ import StepTypes from './constants/FormStepTypes';
 import axiosInstance from './AxiosAPI';
 function App(_a) {
     var _this = this;
-    var apiKey = _a.apiKey, domain = _a.domain, preview = _a.preview, formData = _a.formData, postview = _a.postview, isWidget = _a.isWidget, internal = _a.internal, valuesData = _a.valuesData, customSteps = _a.customSteps, others = __rest(_a, ["apiKey", "domain", "preview", "formData", "postview", "isWidget", "internal", "valuesData", "customSteps"]);
+    var apiKey = _a.apiKey, domain = _a.domain, preview = _a.preview, formData = _a.formData, postview = _a.postview, isWidget = _a.isWidget, internal = _a.internal, valuesData = _a.valuesData, customSteps = _a.customSteps, handleConfirmed = _a.handleConfirmed, others = __rest(_a, ["apiKey", "domain", "preview", "formData", "postview", "isWidget", "internal", "valuesData", "customSteps", "handleConfirmed"]);
     var _b = useState(undefined), form = _b[0], setForm = _b[1];
     var _c = useState({}), originalValues = _c[0], setOriginalValues = _c[1];
     var _d = useState(undefined), organizationInfo = _d[0], setOrganizationInfo = _d[1];
@@ -211,6 +211,9 @@ function App(_a) {
                     setTimeout(function () {
                         setForm(tempForm);
                     }, 100);
+                    if (handleConfirmed) {
+                        handleConfirmed();
+                    }
                 }, postview: postview === true, internal: internal === true, apiKey: apiKey, domain: domain, originalValues: originalValues, containerRef: containerRef, organization: organizationInfo, customSteps: customSteps !== null && customSteps !== void 0 ? customSteps : {} }), void 0) }), void 0));
     }
 }

package/dist/FormComponents/Form/ConfirmationDialog/ConfirmationDialog.js

@@ -19,7 +19,7 @@ function ConfirmationDialog(_a) {
     return (_jsx(Dialog, __assign({ PaperProps: {
             style: {
                 borderRadius: '20px',
-                maxWidth: '60vw',
+                maxWidth: '100vw',
             },
         }, onClose: function () {
             onClose();

package/dist/FormComponents/Form/Form.js

@@ -32,6 +32,21 @@ import DateFnsUtils from '@date-io/date-fns';
 import { createGenerateClassName, createTheme, StylesProvider, ThemeProvider, } from '@material-ui/core';
 import { SEED } from '../../constants/MaterialClassNameSeed';
 import InternalFormStyle from '../../constants/InternalFormStyle';
+import enLocale from 'date-fns/locale/en-US';
+import esLocale from 'date-fns/locale/es';
+var localeMap = {
+    en: enLocale,
+    'en-US': enLocale,
+    es: esLocale,
+};
+var getNavigatorLanguage = function () {
+    return navigator.languages && navigator.languages.length
+        ? navigator.languages[0]
+        : navigator.userLanguage ||
+            navigator.language ||
+            navigator.browserLanguage ||
+            'es';
+};
 var blockSize = 210;
 var spacingSize = 20;
 var blockNum = 4;
@@ -93,6 +108,7 @@ var generateClassName = createGenerateClassName({
     productionPrefix: 'efjss',
 });
 function FormTypeComponent(_a) {
+    var _b;
     var props = __rest(_a, []);
     var renderTypes = function () {
         switch (props.form.type) {
@@ -109,7 +125,7 @@ function FormTypeComponent(_a) {
     };
     switch (props.formStyle.type) {
         case FormStyleTypes.MATERIAL:
-            return (_jsx(StylesProvider, __assign({ generateClassName: generateClassName }, { children: _jsx(ThemeProvider, __assign({ theme: muiTheme }, { children: _jsx(MuiPickersUtilsProvider, __assign({ utils: DateFnsUtils }, { children: renderTypes() }), void 0) }), void 0) }), void 0));
+            return (_jsx(StylesProvider, __assign({ generateClassName: generateClassName }, { children: _jsx(ThemeProvider, __assign({ theme: muiTheme }, { children: _jsx(MuiPickersUtilsProvider, __assign({ utils: DateFnsUtils, locale: (_b = localeMap[getNavigatorLanguage()]) !== null && _b !== void 0 ? _b : localeMap.es }, { children: renderTypes() }), void 0) }), void 0) }), void 0));
         default:
             return renderTypes();
     }

package/dist/shared/RoundedDatePicker/RoundedDatePicker.js

@@ -36,7 +36,7 @@ var __rest = (this && this.__rest) || function (s, e) {
     return t;
 };
 import { jsx as _jsx } from "react/jsx-runtime";
-import React from 'react';
+import React, { cloneElement } from 'react';
 import { makeStyles } from '@material-ui/core/styles';
 import CalendarTodayRoundedIcon from '@material-ui/icons/CalendarTodayRounded';
 import { KeyboardDatePicker, } from '@material-ui/pickers';
@@ -158,7 +158,7 @@ var useDatePickerDialogStyles = function (props) {
     }); });
 };
 function CustomDatePicker(_a) {
-    var _b = _a.focusColor, focusColor = _b === void 0 ? '#3d5a7f' : _b, _c = _a.outlineColor, outlineColor = _c === void 0 ? '#0000003b' : _c, _d = _a.backgroundColor, backgroundColor = _d === void 0 ? 'white' : _d, innerBackgroundColor = _a.innerBackgroundColor, _e = _a.textColor, textColor = _e === void 0 ? '#293241' : _e, _f = _a.errorColor, errorColor = _f === void 0 ? '#cc2936' : _f, _g = _a.borderRadius, borderRadius = _g === void 0 ? 10 : _g, _h = _a.padding, padding = _h === void 0 ? '6px 12px' : _h, _j = _a.fontSize, fontSize = _j === void 0 ? '1rem' : _j, _k = _a.shrunkenFontSize, shrunkenFontSize = _k === void 0 ? '1rem' : _k, _l = _a.fontWeight, fontWeight = _l === void 0 ? '300' : _l, _m = _a.showIcon, showIcon = _m === void 0 ? true : _m, _o = _a.cantEdit, cantEdit = _o === void 0 ? false : _o, required = _a.required, others = __rest(_a, ["focusColor", "outlineColor", "backgroundColor", "innerBackgroundColor", "textColor", "errorColor", "borderRadius", "padding", "fontSize", "shrunkenFontSize", "fontWeight", "showIcon", "cantEdit", "required"]);
+    var _b = _a.focusColor, focusColor = _b === void 0 ? '#3d5a7f' : _b, _c = _a.outlineColor, outlineColor = _c === void 0 ? '#0000003b' : _c, _d = _a.backgroundColor, backgroundColor = _d === void 0 ? 'white' : _d, innerBackgroundColor = _a.innerBackgroundColor, _e = _a.textColor, textColor = _e === void 0 ? '#293241' : _e, _f = _a.errorColor, errorColor = _f === void 0 ? '#cc2936' : _f, _g = _a.borderRadius, borderRadius = _g === void 0 ? 10 : _g, _h = _a.padding, padding = _h === void 0 ? '6px 12px' : _h, _j = _a.fontSize, fontSize = _j === void 0 ? '1rem' : _j, _k = _a.shrunkenFontSize, shrunkenFontSize = _k === void 0 ? '1rem' : _k, _l = _a.fontWeight, fontWeight = _l === void 0 ? '300' : _l, _m = _a.showIcon, showIcon = _m === void 0 ? true : _m, _o = _a.cantEdit, cantEdit = _o === void 0 ? false : _o, onChange = _a.onChange, required = _a.required, others = __rest(_a, ["focusColor", "outlineColor", "backgroundColor", "innerBackgroundColor", "textColor", "errorColor", "borderRadius", "padding", "fontSize", "shrunkenFontSize", "fontWeight", "showIcon", "cantEdit", "onChange", "required"]);
     var classes = useDatePickerStyles({
         padding: padding,
         cantEdit: cantEdit,
@@ -217,10 +217,10 @@ function CustomDatePicker(_a) {
         shrunkenFontSize: shrunkenFontSize,
         fontWeight: fontWeight,
     })();
-    return (_jsx(KeyboardDatePicker, __assign({}, others, { inputVariant: "outlined", size: "small", disabled: cantEdit, fullWidth: true, placeholder: "dd/MM/yyyy", format: "dd/MM/yyyy", required: required, keyboardIcon: showIcon ? (_jsx(CalendarTodayRoundedIcon, { fontSize: "inherit" }, void 0)) : null, InputLabelProps: { classes: labelClasses }, DialogProps: {
+    return (_jsx(KeyboardDatePicker, __assign({}, others, { inputVariant: "outlined", size: "small", disabled: cantEdit, fullWidth: true, onChange: onChange, placeholder: "PPP", format: "PPP", required: required, keyboardIcon: showIcon ? (_jsx(CalendarTodayRoundedIcon, { fontSize: "inherit" }, void 0)) : null, InputLabelProps: { classes: labelClasses }, DialogProps: {
             disableEnforceFocus: true,
             className: datePicker,
-            cancelLabel: 'Cancelar',
+            cancelLabel: '',
         } //Fixes the typescript declaration of the library: https://material-ui-pickers.dev/api/KeyboardDatePicker
         , InputProps: {
             required: required,
@@ -228,6 +228,13 @@ function CustomDatePicker(_a) {
             disabled: cantEdit,
         }, FormHelperTextProps: {
             classes: helperTextStyles,
+        }, renderDay: function (day, selectedDate, dayInCurrentMonth, dayComponent) {
+            if (!day) {
+                return dayComponent;
+            }
+            return (_jsx("div", __assign({ onClick: function () {
+                    onChange(day);
+                } }, { children: cloneElement(dayComponent) }), void 0));
         }, variant: "dialog" }), void 0));
 }
 /**

package/package.json

@@ -1,7 +1,7 @@
 {
     "name": "@arquimedes.co/eureka-forms",
     "repository": "git://github.com/Arquimede5/Eureka-Forms.git",
-    "version": "0.2.33-test",
+    "version": "0.2.34-test",
     "scripts": {
         "start": "react-scripts start",
         "build": "react-scripts build",