@arquimedes.co/eureka-forms 1.6.2-test → 1.6.3-test

package/dist/FormComponents/Form/ColumnForm/ColumnForm.js

@@ -95,7 +95,7 @@ function ColumnForm(_a) {
         return __generator(this, function (_c) {
             switch (_c.label) {
                 case 0:
-                    if (!(apiKey || internal)) return [3 /*break*/, 11];
+                    if (!(apiKey || internal || customSend)) return [3 /*break*/, 11];
                     return [4 /*yield*/, trigger(undefined, { shouldFocus: true })];
                 case 1:
                     valid = _c.sent();

package/dist/FormComponents/Step/RatingStep/MaterialRatingStep/MaterialRatingStep.d.ts

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

package/dist/FormComponents/Step/RatingStep/MaterialRatingStep/MaterialRatingStep.js

@@ -9,56 +9,29 @@ var __assign = (this && this.__assign) || function () {
     };
     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, jsxs as _jsxs } from "react/jsx-runtime";
 import styles from './MaterialRatingStep.module.css';
-import { RatingTypes } from '../../../../constants/FormStepTypes';
-import LikeRating from './Ratings/LikeRating';
-import ScaleRating from './Ratings/ScaleRating';
-import SatisfactionRating from './Ratings/SatisfactionRating';
 import { Controller } from 'react-hook-form';
 import React from 'react';
+import Rating from '../../../../shared/Rating/Rating';
 function MaterialRatingStep(_a) {
-    var step = _a.step, errors = _a.errors, others = __rest(_a, ["step", "errors"]);
-    var mapRating = function (field) {
-        switch (step.ratingType) {
-            case RatingTypes.LIKE:
-                return (_jsx(LikeRating, __assign({ step: step, errors: errors }, others, { inputRef: field.ref, value: field.value, onChange: field.onChange }), void 0));
-            case RatingTypes.SATISFACTION:
-                return (_jsx(SatisfactionRating, __assign({ step: step, errors: errors }, others, { inputRef: field.ref, value: field.value, onChange: field.onChange }), void 0));
-            case RatingTypes.SCALE:
-                return (_jsx(ScaleRating, __assign({ step: step, errors: errors }, others, { inputRef: field.ref, value: field.value, onChange: field.onChange }), void 0));
-            default:
-                return _jsx("div", {}, void 0);
-        }
-    };
+    var step = _a.step, errors = _a.errors, editable = _a.editable, control = _a.control, postview = _a.postview, formStyle = _a.formStyle, widthStats = _a.widthStats;
     return (_jsxs("div", __assign({ className: styles.container, style: {
             paddingBottom: step.description || step.required ? 0 : 15,
-        } }, { children: [_jsx("div", __assign({ className: styles.labelLabel }, { children: step.label + (step.required ? ' *' : '') }), void 0), _jsx(Controller, { name: step.id, control: others.control, defaultValue: 1, rules: {
+        } }, { children: [_jsx("div", __assign({ className: styles.labelLabel }, { children: step.label + (step.required ? ' *' : '') }), void 0), _jsx(Controller, { name: step.id, control: control, defaultValue: 1, rules: {
                     required: step.required
                         ? 'Este campo es obligatorio'
                         : undefined,
                 }, shouldUnregister: true, render: function (_a) {
-                    var _b, _c, _d;
+                    var _b, _c, _d, _e, _f;
                     var field = _a.field;
-                    return (_jsxs(React.Fragment, { children: [_jsx("div", __assign({ className: styles.ratingContainer }, { children: mapRating(field) }), void 0), (step.description || step.required) && (_jsx("div", __assign({ className: styles.stepDescriptionLabel, style: {
+                    return (_jsxs(React.Fragment, { children: [_jsx("div", __assign({ className: styles.ratingContainer }, { children: _jsx(Rating, { type: step.ratingType, isMobile: widthStats.isMobile, focusColor: (_b = formStyle.primaryColor) !== null && _b !== void 0 ? _b : '#3d5a7f', unSelectedColor: (_c = formStyle.outlineColor) !== null && _c !== void 0 ? _c : '#b8b8b8', disabled: !editable || postview, value: field.value, onChange: field.onChange, inputRef: field.ref }, void 0) }), void 0), (step.description || step.required) && (_jsx("div", __assign({ className: styles.stepDescriptionLabel, style: {
                                     color: !!errors[step.id] &&
                                         field.value === null
-                                        ? (_b = others.formStyle.errorColor) !== null && _b !== void 0 ? _b : '#cc2936'
-                                        : (_c = others.formStyle
-                                            .descriptionTextColor) !== null && _c !== void 0 ? _c : '#989898',
+                                        ? (_d = formStyle.errorColor) !== null && _d !== void 0 ? _d : '#cc2936'
+                                        : (_e = formStyle.descriptionTextColor) !== null && _e !== void 0 ? _e : '#989898',
                                 } }, { children: !!errors[step.id] && field.value === null
-                                    ? (_d = errors[step.id]) === null || _d === void 0 ? void 0 : _d.message
+                                    ? (_f = errors[step.id]) === null || _f === void 0 ? void 0 : _f.message
                                     : step.description }), void 0))] }, void 0));
                 } }, void 0)] }), void 0));
 }

package/dist/FormComponents/Step/RatingStep/MaterialRatingStep/MaterialRatingStep.module.css

@@ -28,28 +28,3 @@
     text-align: center;
     min-height: 20px;
 }
-.disabledSentimentContainer,
-.sentimentContainer {
-    font-size: 60px;
-    height: 60px;
-    color: var(--eureka-outline);
-}
-.disabledLikeContainer,
-.likeContainer {
-    font-size: 60px;
-    height: 75px;
-    color: var(--eureka-outline);
-}
-
-.likeContainer:hover,
-.sentimentContainer:hover {
-    transform: scale(1.2);
-    cursor: pointer;
-    color: var(--eureka-primary);
-}
-.hiddenInput {
-    height: 0;
-    width: 0;
-    padding: 0;
-    border-width: 0;
-}

package/dist/shared/Rating/Rating.d.ts

@@ -0,0 +1,15 @@
+/// <reference types="react" />
+import { RatingTypes } from '../../constants/FormStepTypes';
+export interface RatingProps {
+    disabled?: boolean;
+    isMobile?: boolean;
+    value: any;
+    onChange: Function;
+    inputRef: any;
+    focusColor: string;
+    unSelectedColor: string;
+}
+declare function Rating({ type, ...others }: RatingProps & {
+    type: RatingTypes;
+}): JSX.Element;
+export default Rating;

package/dist/shared/Rating/Rating.js

@@ -0,0 +1,41 @@
+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 LikeRating from './Ratings/LikeRating';
+import ScaleRating from './Ratings/ScaleRating';
+import SatisfactionRating from './Ratings/SatisfactionRating';
+import { RatingTypes } from '../../constants/FormStepTypes';
+function Rating(_a) {
+    var type = _a.type, others = __rest(_a, ["type"]);
+    switch (type) {
+        case RatingTypes.LIKE:
+            return _jsx(LikeRating, __assign({}, others), void 0);
+        case RatingTypes.SATISFACTION:
+            return _jsx(SatisfactionRating, __assign({}, others), void 0);
+        case RatingTypes.SCALE:
+            return _jsx(ScaleRating, __assign({}, others), void 0);
+        default:
+            return _jsx("div", {}, void 0);
+    }
+}
+export default Rating;

package/dist/shared/Rating/Rating.module.css

@@ -0,0 +1,32 @@
+.ratingContainer {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+}
+
+.disabledSentimentContainer,
+.sentimentContainer {
+    font-size: 60px;
+    height: 60px;
+    color: var(--eureka-outline);
+}
+.disabledLikeContainer,
+.likeContainer {
+    font-size: 60px;
+    height: 75px;
+    color: var(--eureka-outline);
+}
+
+.likeContainer:hover,
+.sentimentContainer:hover {
+    transform: scale(1.2);
+    cursor: pointer;
+    color: var(--eureka-primary);
+}
+
+.hiddenInput {
+    height: 0;
+    width: 0;
+    padding: 0;
+    border-width: 0;
+}

package/dist/shared/Rating/Ratings/LikeRating.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { RatingProps } from '../Rating';
+declare function LikeRating({ disabled, inputRef, value, onChange, focusColor, unSelectedColor, }: RatingProps): JSX.Element;
+export default LikeRating;

package/dist/{FormComponents/Step/RatingStep/MaterialRatingStep → shared/Rating}/Ratings/LikeRating.js

@@ -12,31 +12,29 @@ var __assign = (this && this.__assign) || function () {
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import ThumbDownRoundedIcon from '@material-ui/icons/ThumbDownRounded';
 import ThumbUpRoundedIcon from '@material-ui/icons/ThumbUpRounded';
-import styles from '../MaterialRatingStep.module.css';
+import styles from '../Rating.module.css';
 function LikeRating(_a) {
-    var _b, _c, _d, _e;
-    var value = _a.value, inputRef = _a.inputRef, editable = _a.editable, postview = _a.postview, onChange = _a.onChange, formStyle = _a.formStyle;
-    var cantEdit = !editable || postview;
+    var disabled = _a.disabled, inputRef = _a.inputRef, value = _a.value, onChange = _a.onChange, focusColor = _a.focusColor, unSelectedColor = _a.unSelectedColor;
     return (_jsxs("div", __assign({ className: styles.ratingContainer, style: {
-            '--eureka-primary': (_b = formStyle.primaryColor) !== null && _b !== void 0 ? _b : '#3d5a7f',
-            '--eureka-outline': (_c = formStyle.outlineColor) !== null && _c !== void 0 ? _c : '#b8b8b8',
-        } }, { children: [_jsx("input", { ref: inputRef, className: styles.hiddenInput }, void 0), _jsx("div", __assign({ className: cantEdit
+            '--eureka-primary': focusColor,
+            '--eureka-outline': unSelectedColor,
+        } }, { children: [_jsx("input", { ref: inputRef, className: styles.hiddenInput }, void 0), _jsx("div", __assign({ className: disabled
                     ? styles.disabledLikeContainer
                     : styles.likeContainer, onClick: function () {
-                    if (!cantEdit)
+                    if (!disabled)
                         onChange(value === 1 ? null : 1);
                 } }, { children: _jsx(ThumbUpRoundedIcon, { fontSize: "inherit", style: value === 1
                         ? {
-                            color: (_d = formStyle.primaryColor) !== null && _d !== void 0 ? _d : '#3d5a7f',
+                            color: focusColor,
                         }
-                        : {} }, void 0) }), void 0), _jsx("div", __assign({ className: cantEdit
+                        : {} }, void 0) }), void 0), _jsx("div", __assign({ className: disabled
                     ? styles.disabledLikeContainer
                     : styles.likeContainer, onClick: function () {
-                    if (!cantEdit)
+                    if (!disabled)
                         onChange(value === 0 ? null : 0);
                 } }, { children: _jsx(ThumbDownRoundedIcon, { fontSize: "inherit", style: value === 0
                         ? {
-                            color: (_e = formStyle.primaryColor) !== null && _e !== void 0 ? _e : '#3d5a7f',
+                            color: focusColor,
                             marginTop: 14,
                             marginLeft: 15,
                         }

package/dist/shared/Rating/Ratings/SatisfactionRating.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { RatingProps } from '../Rating';
+declare function SatisfactionRating({ value, inputRef, disabled, onChange, focusColor, unSelectedColor, }: RatingProps): JSX.Element;
+export default SatisfactionRating;

package/dist/{FormComponents/Step/RatingStep/MaterialRatingStep → shared/Rating}/Ratings/SatisfactionRating.js

@@ -10,53 +10,51 @@ var __assign = (this && this.__assign) || function () {
     return __assign.apply(this, arguments);
 };
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import styles from '../MaterialRatingStep.module.css';
+import styles from '../Rating.module.css';
 import SentimentVeryDissatisfiedIcon from '@material-ui/icons/SentimentVeryDissatisfied';
 import SentimentDissatisfiedIcon from '@material-ui/icons/SentimentDissatisfied';
 import SentimentSatisfiedAltIcon from '@material-ui/icons/SentimentSatisfiedAltOutlined';
 import SentimentVerySatisfiedIcon from '@material-ui/icons/SentimentVerySatisfied';
 function SatisfactionRating(_a) {
-    var _b, _c, _d, _e, _f, _g;
-    var value = _a.value, inputRef = _a.inputRef, editable = _a.editable, postview = _a.postview, onChange = _a.onChange, formStyle = _a.formStyle;
-    var cantEdit = !editable || postview;
+    var value = _a.value, inputRef = _a.inputRef, disabled = _a.disabled, onChange = _a.onChange, focusColor = _a.focusColor, unSelectedColor = _a.unSelectedColor;
     return (_jsxs("div", __assign({ className: styles.ratingContainer, style: {
-            '--eureka-primary': (_b = formStyle.primaryColor) !== null && _b !== void 0 ? _b : '#3d5a7f',
-            '--eureka-outline': (_c = formStyle.outlineColor) !== null && _c !== void 0 ? _c : '#b8b8b8',
-        } }, { children: [_jsx("input", { ref: inputRef, className: styles.hiddenInput }, void 0), _jsx("div", __assign({ className: cantEdit
+            '--eureka-primary': focusColor,
+            '--eureka-outline': unSelectedColor,
+        } }, { children: [_jsx("input", { ref: inputRef, className: styles.hiddenInput }, void 0), _jsx("div", __assign({ className: disabled
                     ? styles.disabledSentimentContainer
                     : styles.sentimentContainer, onClick: function () {
-                    if (!cantEdit)
+                    if (!disabled)
                         onChange(value === 1 ? null : 1);
                 } }, { children: _jsx(SentimentVeryDissatisfiedIcon, { fontSize: "inherit", style: value === 1
                         ? {
-                            color: (_d = formStyle.primaryColor) !== null && _d !== void 0 ? _d : '#3d5a7f',
+                            color: focusColor,
                         }
-                        : {} }, void 0) }), void 0), _jsx("div", __assign({ className: cantEdit
+                        : {} }, void 0) }), void 0), _jsx("div", __assign({ className: disabled
                     ? styles.disabledSentimentContainer
                     : styles.sentimentContainer, onClick: function () {
-                    if (!cantEdit)
+                    if (!disabled)
                         onChange(value === 2 ? null : 2);
                 } }, { children: _jsx(SentimentDissatisfiedIcon, { fontSize: "inherit", style: value === 2
                         ? {
-                            color: (_e = formStyle.primaryColor) !== null && _e !== void 0 ? _e : '#3d5a7f',
+                            color: focusColor,
                         }
-                        : {} }, void 0) }), void 0), _jsx("div", __assign({ className: cantEdit
+                        : {} }, void 0) }), void 0), _jsx("div", __assign({ className: disabled
                     ? styles.disabledSentimentContainer
                     : styles.sentimentContainer, onClick: function () {
-                    if (!cantEdit)
+                    if (!disabled)
                         onChange(value === 3 ? null : 3);
                 } }, { children: _jsx(SentimentSatisfiedAltIcon, { fontSize: "inherit", style: value === 3
                         ? {
-                            color: (_f = formStyle.primaryColor) !== null && _f !== void 0 ? _f : '#3d5a7f',
+                            color: focusColor,
                         }
-                        : {} }, void 0) }), void 0), _jsx("div", __assign({ className: cantEdit
+                        : {} }, void 0) }), void 0), _jsx("div", __assign({ className: disabled
                     ? styles.disabledSentimentContainer
                     : styles.sentimentContainer, onClick: function () {
-                    if (!cantEdit)
+                    if (!disabled)
                         onChange(value === 4 ? null : 4);
                 } }, { children: _jsx(SentimentVerySatisfiedIcon, { fontSize: "inherit", style: value === 4
                         ? {
-                            color: (_g = formStyle.primaryColor) !== null && _g !== void 0 ? _g : '#3d5a7f',
+                            color: focusColor,
                         }
                         : {} }, void 0) }), void 0)] }), void 0));
 }

package/dist/shared/Rating/Ratings/ScaleRating.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { RatingProps } from '../Rating';
+declare function ScaleRating({ value, inputRef, disabled, onChange, isMobile, focusColor, unSelectedColor, }: RatingProps): JSX.Element;
+export default ScaleRating;

package/dist/{FormComponents/Step/RatingStep/MaterialRatingStep → shared/Rating}/Ratings/ScaleRating.js

@@ -21,38 +21,36 @@ var __rest = (this && this.__rest) || function (s, e) {
     return t;
 };
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import styles from '../MaterialRatingStep.module.css';
+import styles from '../Rating.module.css';
 import { Rating } from '@material-ui/lab';
 import GradeRoundedIcon from '@material-ui/icons/GradeRounded';
 import { makeStyles } from '@material-ui/core';
 import React from 'react';
 var useRatingStyles = function (props) {
-    var _a, _b;
     return makeStyles({
         root: {
             '&.Mui-disabled': {
                 opacity: 1,
             },
             '& .EF-MuiRating-iconFilled': {
-                color: (_a = props.focusColor) !== null && _a !== void 0 ? _a : '#3d5a7f',
+                color: props.focusColor,
             },
             '& .EF-MuiRating-iconEmpty': {
-                color: (_b = props.outlineColor) !== null && _b !== void 0 ? _b : '#b8b8b8',
+                color: props.unSelectedColor,
             },
         },
     });
 };
 function ScaleRating(_a) {
-    var value = _a.value, inputRef = _a.inputRef, editable = _a.editable, postview = _a.postview, onChange = _a.onChange, widthStats = _a.widthStats, formStyle = _a.formStyle;
-    var cantEdit = !editable || postview;
+    var value = _a.value, inputRef = _a.inputRef, disabled = _a.disabled, onChange = _a.onChange, isMobile = _a.isMobile, focusColor = _a.focusColor, unSelectedColor = _a.unSelectedColor;
     var ratingClasses = useRatingStyles({
-        outlineColor: formStyle.outlineColor,
-        focusColor: formStyle.primaryColor,
+        unSelectedColor: unSelectedColor,
+        focusColor: focusColor,
     })();
     return (_jsxs(React.Fragment, { children: [_jsx("input", { ref: inputRef, className: styles.hiddenInput }, void 0), _jsx(Rating, { value: value, onChange: function (_event, newValue) {
-                    if (!cantEdit)
+                    if (!disabled)
                         onChange(newValue);
-                }, disabled: cantEdit, classes: ratingClasses, name: "customized-icons", size: "large", defaultValue: 0, getLabelText: function (value) { return value + '/5'; }, max: 5, IconContainerComponent: widthStats.isMobile ? SmallIconContainer : IconContainer }, void 0)] }, void 0));
+                }, disabled: disabled, classes: ratingClasses, name: "customized-icons", size: "large", defaultValue: 0, getLabelText: function (value) { return value + '/5'; }, max: 5, IconContainerComponent: isMobile ? SmallIconContainer : IconContainer }, void 0)] }, void 0));
 }
 function IconContainer(_a) {
     var value = _a.value, other = __rest(_a, ["value"]);

package/package.json

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

package/dist/FormComponents/Step/RatingStep/MaterialRatingStep/Ratings/LikeRating.d.ts

@@ -1,8 +0,0 @@
-/// <reference types="react" />
-import { RatingStepProps } from '../../RatingStep';
-declare function LikeRating({ value, inputRef, editable, postview, onChange, formStyle, }: RatingStepProps & {
-    value: any;
-    onChange: Function;
-    inputRef: any;
-}): JSX.Element;
-export default LikeRating;

package/dist/FormComponents/Step/RatingStep/MaterialRatingStep/Ratings/SatisfactionRating.d.ts

@@ -1,8 +0,0 @@
-/// <reference types="react" />
-import { RatingStepProps } from '../../RatingStep';
-declare function SatisfactionRating({ value, inputRef, editable, postview, onChange, formStyle, }: RatingStepProps & {
-    value: any;
-    onChange: Function;
-    inputRef: any;
-}): JSX.Element;
-export default SatisfactionRating;

package/dist/FormComponents/Step/RatingStep/MaterialRatingStep/Ratings/ScaleRating.d.ts

@@ -1,8 +0,0 @@
-/// <reference types="react" />
-import { RatingStepProps } from '../../RatingStep';
-declare function ScaleRating({ value, inputRef, editable, postview, onChange, widthStats, formStyle, }: RatingStepProps & {
-    value: any;
-    onChange: Function;
-    inputRef: any;
-}): JSX.Element;
-export default ScaleRating;