@arquimedes.co/eureka-forms 0.2.38-test → 0.2.38

package/dist/@Types/Form.d.ts

@@ -52,7 +52,6 @@ export interface MaterialStyle {
     textColor: string;
     outlineColor: string;
     stepBackgroundColor: string;
-    descriptionTextColor: string;
 }
 export interface Section {
     _id: string;

package/dist/@Types/FormStep.d.ts

@@ -1,19 +1,11 @@
 import Types, { ClassifierOptionTypes, ClientInfoTypes, OptionTypes } from '../constants/FormStepTypes';
-export declare type FormStep = Title | CheckBox | TextArea | TextInput | DatePicker | FileUpload | Separator | FormSelector | ClassifierSelector;
+export declare type FormStep = Title | TextArea | TextInput | DatePicker | FileUpload | Separator | FormSelector | ClassifierSelector;
 export interface Title {
     id: string;
     type: Types.TITLE;
     title: string;
     description: string | null;
 }
-export interface CheckBox {
-    label: string;
-    description: string | null;
-    id: string;
-    type: Types.CHECKBOX;
-    required: boolean;
-    size: 1 | 2 | 3 | 4;
-}
 export interface FileUpload {
     id: string;
     type: Types.FILEUPLOAD;

package/dist/App.js

@@ -74,7 +74,7 @@ function App(_a) {
     //
     function fetchOrgData(domain) {
         return __awaiter(this, void 0, void 0, function () {
-            var response, _a, currentOrg, favicon;
+            var response, _a, currentOrg;
             return __generator(this, function (_b) {
                 switch (_b.label) {
                     case 0:
@@ -91,8 +91,11 @@ function App(_a) {
                         response = _a;
                         if (response === null || response === void 0 ? void 0 : response.data) {
                             currentOrg = response.data;
-                            favicon = document.getElementById('favicon');
-                            favicon.href = currentOrg.partialLogoUrl;
+                            // document.title = currentOrg.name;
+                            // const favicon: any = document.getElementById('favicon');
+                            // if (favicon !== undefined) {
+                            //     favicon.href = currentOrg.partialLogoUrl;
+                            // }
                             return [2 /*return*/, currentOrg];
                         }
                         return [2 /*return*/];
@@ -109,7 +112,6 @@ function App(_a) {
                     case 1:
                         response = _a.sent();
                         if (response.data) {
-                            console.log('ORGANIZATON', response);
                             setOrganizationInfo(response.data);
                             setForm(migrateFormData(formData));
                         }
@@ -140,6 +142,7 @@ function App(_a) {
             loadInfo(apiKey, domain);
         }
         else {
+            console.log('ERROREMBED');
             //Error in embed
             setForm(null);
             setOrganizationInfo(null);
@@ -190,7 +193,9 @@ function App(_a) {
         return (_jsx("div", __assign({ className: styles.curtain }, { children: _jsx(Loader, { size: 50 }, void 0) }), void 0));
     }
     else if (form === null) {
+        console.log('FORM IS NULL');
         if (organizationInfo === null) {
+            console.log('ORG IS NULL');
             if (isWidget) {
                 return (_jsx("div", __assign({ className: styles.widgetContainer }, { children: _jsx("div", __assign({ className: styles.curtain }, { children: "Error" }), void 0) }), void 0));
             }

package/dist/App.module.css

@@ -19,3 +19,11 @@
     max-width: 100%;
     height: 100%;
 }
+
+.container *,
+.container *::after,
+.container *::before {
+    -webkit-box-sizing: content-box;
+    -moz-box-sizing: content-box;
+    box-sizing: content-box;
+}

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

@@ -20,6 +20,7 @@ function ConfirmationDialog(_a) {
             style: {
                 borderRadius: '20px',
                 maxWidth: '100vw',
+                boxSizing: 'content-box',
             },
         }, onClose: function () {
             onClose();

package/dist/FormComponents/Form/ConfirmationDialog/ConfirmationDialog.module.css

@@ -7,6 +7,15 @@
     position: relative;
 }
 
+.confirmationContainer,
+.confirmationContainer *,
+.confirmationContainer *::after,
+.confirmationContainer *::before {
+    -webkit-box-sizing: content-box;
+    -moz-box-sizing: content-box;
+    box-sizing: content-box;
+}
+
 .checkContainer {
     margin-left: auto;
     margin-right: auto;

package/dist/FormComponents/Form/Form.d.ts

@@ -2,7 +2,6 @@
 import { Organization } from '../../@Types/@Types';
 import { Form, FormStyle } from '../../@Types/Form';
 import { CustomStep } from '../../App';
-export declare const getLocale: () => any;
 export interface WidthStats {
     currentBreakPoint: number;
     isMobile: boolean;

package/dist/FormComponents/Form/Form.js

@@ -39,13 +39,13 @@ var localeMap = {
     'en-US': enLocale,
     es: esLocale,
 };
-export var getLocale = function () {
-    var _a;
-    return ((_a = localeMap[navigator.languages && navigator.languages.length
+var getNavigatorLanguage = function () {
+    return navigator.languages && navigator.languages.length
         ? navigator.languages[0]
         : navigator.userLanguage ||
             navigator.language ||
-            navigator.browserLanguage]) !== null && _a !== void 0 ? _a : localeMap.es);
+            navigator.browserLanguage ||
+            'es';
 };
 var blockSize = 210;
 var spacingSize = 20;
@@ -108,6 +108,7 @@ var generateClassName = createGenerateClassName({
     productionPrefix: 'efjss',
 });
 function FormTypeComponent(_a) {
+    var _b;
     var props = __rest(_a, []);
     var renderTypes = function () {
         switch (props.form.type) {
@@ -124,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, locale: getLocale() }, { 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/FormComponents/Step/SelectorStep/MaterialSelectorStep/MaterialSelectorStep.module.css

@@ -1,6 +1,6 @@
 .container {
     width: fit-content;
-    max-width: 100%;
+    max-width: calc(100% - 20px);
     display: flex;
     padding: 10px;
     padding-bottom: 0px;

package/dist/FormComponents/Step/Step.js

@@ -30,7 +30,6 @@ import ClassifierSelectorStep from './ClassifierSelectorStep/ClassifierSelectorS
 import TextAreaStep from './TextAreaStep/TextAreaStep';
 import DatePickerStep from './DatePickerStep/DatePickerStep';
 import FileUploadStep from './FileUploadStep/FileUploadStep';
-import CheckBoxStep from './CheckBoxStep/MaterialCheckBoxStep/MaterialCheckBoxStep';
 function StepComponent(_a) {
     var step = _a.step, props = __rest(_a, ["step"]);
     switch (step.type) {
@@ -40,9 +39,6 @@ function StepComponent(_a) {
         case Types.SELECTOR: {
             return _jsx(SelectorStep, __assign({ step: step }, props), void 0);
         }
-        case Types.CHECKBOX: {
-            return _jsx(CheckBoxStep, __assign({ step: step }, props), void 0);
-        }
         case Types.CLASSIFIER_SELECTOR: {
             return (_jsx(ClassifierSelectorStep, __assign({ step: step }, props), void 0));
         }

package/dist/FormComponents/Step/TextAreaStep/MaterialTextAreaStep/DraftEditor.css

@@ -32,11 +32,4 @@
 
 .EF-DraftContainer .rdw-editor-main {
     cursor: text;
-    padding-top: 1em;
-    padding-bottom: 1em;
-    margin-right: 0px;
-}
-
-.EF-DraftContainer .public-DraftStyleDefault-block {
-    margin: 0px 0;
 }

package/dist/FormComponents/Step/TextAreaStep/MaterialTextAreaStep/MaterialTextAreaStep.js

@@ -36,10 +36,7 @@ function TextAreaStep(_a) {
             return { border: '1px solid ' + formStyle.primaryColor };
         }
         else {
-            return {
-                border: '1px solid ' + formStyle.outlineColor,
-                pointerEvents: postview ? 'none' : 'all',
-            };
+            return { border: '1px solid ' + formStyle.outlineColor };
         }
     };
     if (step.hasTextEditor) {
@@ -54,7 +51,7 @@ function TextAreaStep(_a) {
                         if (!postview) {
                             setFocus(false);
                         }
-                    } }, { children: _jsx("div", __assign({ className: styles.textContainer + ' EF-DraftContainer', style: calcStyle(), onMouseEnter: function () {
+                    } }, { children: _jsxs("div", __assign({ className: styles.textContainer + ' EF-DraftContainer', style: calcStyle(), onMouseEnter: function () {
                             if (!postview) {
                                 setHovering(true);
                             }
@@ -66,36 +63,36 @@ function TextAreaStep(_a) {
                             if (!postview) {
                                 setFocus(true);
                             }
-                        } }, { children: _jsx(Controller, { name: step.id, control: control, defaultValue: originalValues[step.id]
-                                ? EditorState.createWithContent(convertFromRaw(getRawText(originalValues[step.id].draft, originalValues[step.id].text)))
-                                : EditorState.createEmpty(), rules: step.required
-                                ? {
-                                    validate: function (editorState) {
-                                        return editorState
-                                            .getCurrentContent()
-                                            .hasText();
-                                    },
-                                }
-                                : {}, shouldUnregister: true, render: function (_a) {
-                                var _b;
-                                var field = _a.field;
-                                return (_jsx(Editor, { editorRef: field.ref, onFocus: function () {
-                                        setFocus(true);
-                                    }, readOnly: postview, onBlur: field.onBlur, editorState: field.value, onEditorStateChange: field.onChange, toolbarClassName: styles.toolbar, editorClassName: styles.editor, wrapperClassName: styles.wrapper, placeholder: (_b = step.description) !== null && _b !== void 0 ? _b : '', toolbar: {
-                                        options: ['inline', 'list', 'history'],
-                                        inline: {
-                                            options: [
-                                                'bold',
-                                                'italic',
-                                                'underline',
-                                                'strikethrough',
-                                            ],
-                                        },
-                                        list: {
-                                            options: ['unordered'],
+                        } }, { children: [postview && (_jsx("div", { className: styles.disabledCurtain }, void 0)), _jsx(Controller, { name: step.id, control: control, defaultValue: originalValues[step.id]
+                                    ? EditorState.createWithContent(convertFromRaw(getRawText(originalValues[step.id].draft, originalValues[step.id].text)))
+                                    : EditorState.createEmpty(), rules: step.required
+                                    ? {
+                                        validate: function (editorState) {
+                                            return editorState
+                                                .getCurrentContent()
+                                                .hasText();
                                         },
-                                    } }, void 0));
-                            } }, void 0) }), void 0) }), void 0), _jsx("div", __assign({ className: styles.errorMsg, style: {
+                                    }
+                                    : {}, shouldUnregister: true, render: function (_a) {
+                                    var _b;
+                                    var field = _a.field;
+                                    return (_jsx(Editor, { editorRef: field.ref, onFocus: function () {
+                                            setFocus(true);
+                                        }, onBlur: field.onBlur, editorState: field.value, onEditorStateChange: field.onChange, toolbarClassName: styles.toolbar, editorClassName: styles.editor, wrapperClassName: styles.wrapper, editorStyle: { lineHeight: '85%' }, placeholder: (_b = step.description) !== null && _b !== void 0 ? _b : '', toolbar: {
+                                            options: ['inline', 'list', 'history'],
+                                            inline: {
+                                                options: [
+                                                    'bold',
+                                                    'italic',
+                                                    'underline',
+                                                    'strikethrough',
+                                                ],
+                                            },
+                                            list: {
+                                                options: ['unordered'],
+                                            },
+                                        } }, void 0));
+                                } }, void 0)] }), void 0) }), void 0), _jsx("div", __assign({ className: styles.errorMsg, style: {
                         color: formStyle.errorColor,
                     } }, { children: !!errors[step.id] && 'Este campo es obligatorio' }), void 0)] }), void 0));
     }

package/dist/FormComponents/Step/TextAreaStep/MaterialTextAreaStep/MaterialTextAreaStep.module.css

@@ -22,7 +22,6 @@
     width: 100%;
     position: relative;
     margin-bottom: 1px;
-    overflow: hidden;
 }
 
 .editor {

package/dist/FormComponents/Step/TitleStep/MaterialTitleStep/MaterialTitleStep.module.css

@@ -2,6 +2,7 @@
     display: flex;
     flex-direction: column;
     width: 900px;
+    max-width: 100%;
     margin-bottom: 10px;
     padding: 10px;
     padding-bottom: 0px;

package/dist/FormComponents/Term/MaterialTerm/MaterialTerm.module.css

@@ -29,6 +29,16 @@
     align-items: center;
     position: relative;
 }
+
+.dialogContainer,
+.dialogContainer *,
+.dialogContainer *::after,
+.dialogContainer *::before {
+    -webkit-box-sizing: content-box;
+    -moz-box-sizing: content-box;
+    box-sizing: content-box;
+}
+
 .closeIcon {
     right: 15px;
     top: 10px;

package/dist/constants/FormStepTypes.d.ts

@@ -7,7 +7,6 @@ export declare enum FormStyleTypes {
 }
 declare enum TYPES {
     TITLE = "TITLE",
-    CHECKBOX = "CHECKBOX",
     TEXTAREA = "TEXTAREA",
     DATEPICKER = "DATEPICKER",
     FILEUPLOAD = "FILEUPLOAD",

package/dist/constants/FormStepTypes.js

@@ -10,7 +10,6 @@ export var FormStyleTypes;
 var TYPES;
 (function (TYPES) {
     TYPES["TITLE"] = "TITLE";
-    TYPES["CHECKBOX"] = "CHECKBOX";
     TYPES["TEXTAREA"] = "TEXTAREA";
     TYPES["DATEPICKER"] = "DATEPICKER";
     TYPES["FILEUPLOAD"] = "FILEUPLOAD";

package/dist/constants/InternalFormStyle.js

@@ -8,6 +8,5 @@ var InternalFormStyle = {
     errorColor: '#cc2936',
     textColor: '#293241',
     outlineColor: '#b8b8b8',
-    descriptionTextColor: '#AFADAD',
 };
 export default InternalFormStyle;

package/dist/shared/RoundedDatePicker/RoundedDatePicker.js

@@ -40,8 +40,6 @@ 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';
-import { getLocale } from '../../FormComponents/Form/Form';
-import { format } from 'date-fns';
 var useDatePickerStyles = function (props) {
     return makeStyles(function () { return ({
         root: {
@@ -219,7 +217,7 @@ function CustomDatePicker(_a) {
         shrunkenFontSize: shrunkenFontSize,
         fontWeight: fontWeight,
     })();
-    return (_jsx(KeyboardDatePicker, __assign({}, others, { inputVariant: "outlined", size: "small", disabled: cantEdit, fullWidth: true, onChange: onChange, placeholder: format(new Date(), 'P', { locale: getLocale() }), format: "P", 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: '',

package/package.json

@@ -1,7 +1,7 @@
 {
     "name": "@arquimedes.co/eureka-forms",
     "repository": "git://github.com/Arquimede5/Eureka-Forms.git",
-    "version": "0.2.38-test",
+    "version": "0.2.38",
     "scripts": {
         "start": "react-scripts start",
         "build": "react-scripts build",
@@ -21,7 +21,7 @@
         "date-fns": "^2.23.0",
         "draft-js": "^0.11.7",
         "react-draft-wysiwyg": "^1.14.7",
-        "react-hook-form": "^7.6.4",
+        "react-hook-form": "7.18.1",
         "react-router-dom": "^5.2.0",
         "react-scripts": "5.0.0-next.37",
         "typescript": "^4.4.3"
@@ -66,7 +66,13 @@
     },
     "peerDependencies": {
         "react": "^17.x.x",
-        "react-dom": "^17.x.x"
+        "react-dom": "^17.x.x",
+        "axios": "^0.21.x",
+        "date-fns": "^2.23.x",
+        "draft-js": "^0.11.x",
+        "react-draft-wysiwyg": "^1.14.x",
+        "react-hook-form": "^7.6.4",
+        "react-router-dom": "^5.2.0"
     },
     "publishConfig": {
         "access": "public"

package/dist/FormComponents/Step/CheckBoxStep/CheckBoxStep.d.ts

@@ -1,9 +0,0 @@
-/// <reference types="react" />
-import { CheckBox } from '../../../@Types/FormStep';
-import { StepProps } from '../Step';
-export interface CheckBoxStepProps extends StepProps {
-    /** The CheckboxStep to display */
-    step: CheckBox;
-}
-declare function CheckboxStep({ formStyle, ...others }: CheckBoxStepProps): JSX.Element;
-export default CheckboxStep;

package/dist/FormComponents/Step/CheckBoxStep/CheckBoxStep.js

@@ -1,37 +0,0 @@
-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);
-};
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-import { jsx as _jsx } from "react/jsx-runtime";
-import { FormStyleTypes } from '../../../constants/FormStepTypes';
-import MaterialCheckBoxStep from './MaterialCheckBoxStep/MaterialCheckBoxStep';
-function CheckboxStep(_a) {
-    var formStyle = _a.formStyle, others = __rest(_a, ["formStyle"]);
-    switch (formStyle.type) {
-        case FormStyleTypes.MATERIAL: {
-            return _jsx(MaterialCheckBoxStep, __assign({ formStyle: formStyle }, others), void 0);
-        }
-        default: {
-            return _jsx(MaterialCheckBoxStep, __assign({ formStyle: formStyle }, others), void 0);
-        }
-    }
-}
-export default CheckboxStep;

package/dist/FormComponents/Step/CheckBoxStep/MaterialCheckBoxStep/MaterialCheckBoxStep.d.ts

@@ -1,4 +0,0 @@
-/// <reference types="react" />
-import { CheckBoxStepProps } from '../CheckBoxStep';
-declare function CheckBoxStep({ step, form, errors, control, postview, formStyle, widthStats, }: CheckBoxStepProps): JSX.Element;
-export default CheckBoxStep;

package/dist/FormComponents/Step/CheckBoxStep/MaterialCheckBoxStep/MaterialCheckBoxStep.js

@@ -1,40 +0,0 @@
-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 { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
-import styles from './MaterialCheckBoxStep.module.css';
-import { calcStepWidth } from '../../StepFunctions';
-import RoundedCheckBox from '../../../../shared/RoundedCheckBox/RoundedCheckBox';
-import { Controller } from 'react-hook-form';
-function CheckBoxStep(_a) {
-    var step = _a.step, form = _a.form, errors = _a.errors, control = _a.control, postview = _a.postview, formStyle = _a.formStyle, widthStats = _a.widthStats;
-    return (_jsxs("div", __assign({ className: styles.container, style: {
-            width: widthStats.currentBreakPoint <= step.size
-                ? '100%'
-                : calcStepWidth(step.size, form),
-            maxWidth: '100%',
-            minHeight: step.description || step.required ? '55px' : '43px',
-        } }, { children: [_jsxs("div", __assign({ className: styles.labelCheckBoxContainer }, { children: [_jsxs("div", __assign({ className: styles.checkboxLbl }, { children: [step.label, step.required ? ' *' : '', ":"] }), void 0), _jsx(Controller, { name: step.id, control: control, defaultValue: false, rules: {
-                            required: step.required
-                                ? 'Este campo es obligatorio'
-                                : undefined,
-                        }, shouldUnregister: true, render: function (_a) {
-                            var field = _a.field;
-                            return (_jsx(RoundedCheckBox, __assign({}, field, { inputRef: field.ref, padding: "0px", size: "1.6rem", cantEdit: postview, checkedColor: formStyle.primaryColor, uncheckedColor: formStyle.descriptionTextColor, checked: field.value }), void 0));
-                        } }, void 0)] }), void 0), (step.description || !!errors[step.id]) && (_jsx("div", __assign({ className: styles.descriptionPar, style: {
-                    color: !!errors[step.id]
-                        ? formStyle.errorColor
-                        : formStyle.descriptionTextColor,
-                } }, { children: !!errors[step.id]
-                    ? 'Este campo es obligatorio'
-                    : step.description }), void 0))] }), void 0));
-}
-export default CheckBoxStep;

package/dist/FormComponents/Step/CheckBoxStep/MaterialCheckBoxStep/MaterialCheckBoxStep.module.css

@@ -1,34 +0,0 @@
-.container {
-    width: fit-content;
-    max-width: 100%;
-    display: flex;
-    padding: 10px;
-    padding-bottom: 0px;
-    padding-top: 5px;
-    margin-bottom: 0px;
-    flex-direction: column;
-}
-
-.checkboxLbl {
-    font-size: 18px;
-    margin-right: 10px;
-    margin-left: 10px;
-    white-space: nowrap;
-    overflow: hidden;
-    text-overflow: ellipsis;
-}
-.labelCheckBoxContainer {
-    display: flex;
-    align-items: center;
-    flex-direction: row;
-    align-items: center;
-    height: 31px;
-}
-
-.descriptionPar {
-    font-size: 0.75rem;
-    margin-left: 14px;
-    margin-top: -6px;
-    font-weight: 400;
-    line-height: 1.66;
-}