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

package/dist/Shared/Navbar/Navbar.js

@@ -0,0 +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 styles from './Navbar.module.css';
+function Navbar(_a) {
+    var logo = _a.logo, color = _a.color;
+    return (_jsx("div", __assign({ className: styles.navContainer, style: { backgroundColor: color } }, { children: _jsx("img", { src: logo, alt: "Organization Logo", className: styles.navImage }) })));
+}
+export default Navbar;

package/dist/{mjs/Shared → Shared}/Navbar/Navbar.stories.js

@@ -1,5 +1,5 @@
 import Navbar from './Navbar';
-const meta = {
+var meta = {
     component: Navbar,
     tags: ['autodocs'],
     args: {
@@ -8,6 +8,6 @@ const meta = {
     },
 };
 export default meta;
-export const Default = {
+export var Default = {
     args: {},
 };

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

package/dist/{mjs/Shared → Shared}/Rating/Rating.stories.js

@@ -1,12 +1,12 @@
 import Rating from './Rating';
 import { RatingTypes } from '../../constants/FormStepTypes';
-const meta = {
+var meta = {
     component: Rating,
     tags: ['autodocs'],
     args: {},
 };
 export default meta;
-export const ScaleRating = {
+export var ScaleRating = {
     args: {
         type: RatingTypes.SCALE,
         name: 'Rating',
@@ -14,7 +14,7 @@ export const ScaleRating = {
         unSelectedColor: '#d8d8d8',
     },
 };
-export const ScaleRatingWidthValue = {
+export var ScaleRatingWidthValue = {
     args: {
         type: RatingTypes.SCALE,
         name: 'Rating',
@@ -23,7 +23,7 @@ export const ScaleRatingWidthValue = {
         value: 4,
     },
 };
-export const LikeRating = {
+export var LikeRating = {
     args: {
         type: RatingTypes.LIKE,
         name: 'Rating',
@@ -31,7 +31,7 @@ export const LikeRating = {
         unSelectedColor: '#d8d8d8',
     },
 };
-export const LikeRatingWithValue = {
+export var LikeRatingWithValue = {
     args: {
         type: RatingTypes.LIKE,
         name: 'Rating',
@@ -40,7 +40,7 @@ export const LikeRatingWithValue = {
         value: 1,
     },
 };
-export const SatisfactionRating = {
+export var SatisfactionRating = {
     args: {
         type: RatingTypes.SATISFACTION,
         name: 'Rating',
@@ -48,7 +48,7 @@ export const SatisfactionRating = {
         unSelectedColor: '#d8d8d8',
     },
 };
-export const SatisfactionRatingWidthValue = {
+export var SatisfactionRatingWidthValue = {
     args: {
         type: RatingTypes.SATISFACTION,
         name: 'Rating',

package/dist/{mjs/Shared → Shared}/Rating/Ratings/LikeRating.js

@@ -1,31 +1,43 @@
+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 ThumbDownRoundedIcon from '@material-ui/icons/ThumbDownRounded';
 import ThumbUpRoundedIcon from '@material-ui/icons/ThumbUpRounded';
 import styles from '../Rating.module.css';
-function LikeRating({ disabled, inputRef, value, onChange, focusColor, unSelectedColor, }) {
-    return (_jsxs("div", { className: styles.ratingContainer, style: {
+function LikeRating(_a) {
+    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': focusColor,
             '--eureka-outline': unSelectedColor,
-        }, children: [_jsx("input", { ref: inputRef, className: 'hidden-input' }), _jsx("div", { className: disabled
+        } }, { children: [_jsx("input", { ref: inputRef, className: 'hidden-input' }), _jsx("div", __assign({ className: disabled
                     ? styles.disabledIconContainer
-                    : styles.iconContainer, style: { height: 70 }, onClick: () => {
+                    : styles.iconContainer, style: { height: 70 }, onClick: function () {
                     if (!disabled)
                         onChange(value === 1 ? null : 1);
-                }, children: _jsx(ThumbUpRoundedIcon, { fontSize: "inherit", style: value === 1
+                } }, { children: _jsx(ThumbUpRoundedIcon, { fontSize: "inherit", style: value === 1
                         ? {
                             color: focusColor,
                         }
-                        : {} }) }), _jsx("div", { className: disabled
+                        : {} }) })), _jsx("div", __assign({ className: disabled
                     ? styles.disabledIconContainer
-                    : styles.iconContainer, style: { height: 70 }, onClick: () => {
+                    : styles.iconContainer, style: { height: 70 }, onClick: function () {
                     if (!disabled)
                         onChange(value === 0 ? null : 0);
-                }, children: _jsx(ThumbDownRoundedIcon, { fontSize: "inherit", style: value === 0
+                } }, { children: _jsx(ThumbDownRoundedIcon, { fontSize: "inherit", style: value === 0
                         ? {
                             color: focusColor,
                             marginTop: 14,
                             marginLeft: 15,
                         }
-                        : { marginTop: 14, marginLeft: 15 } }) })] }));
+                        : { marginTop: 14, marginLeft: 15 } }) }))] })));
 }
 export default LikeRating;

package/dist/Shared/Rating/Ratings/SatisfactionRating.js

@@ -0,0 +1,61 @@
+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 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 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': focusColor,
+            '--eureka-outline': unSelectedColor,
+        } }, { children: [_jsx("input", { ref: inputRef, className: 'hidden-input' }), _jsx("div", __assign({ className: disabled
+                    ? styles.disabledIconContainer
+                    : styles.iconContainer, onClick: function () {
+                    if (!disabled)
+                        onChange(value === 1 ? null : 1);
+                } }, { children: _jsx(SentimentVeryDissatisfiedIcon, { fontSize: "inherit", style: value === 1
+                        ? {
+                            color: focusColor,
+                        }
+                        : {} }) })), _jsx("div", __assign({ className: disabled
+                    ? styles.disabledIconContainer
+                    : styles.iconContainer, onClick: function () {
+                    if (!disabled)
+                        onChange(value === 2 ? null : 2);
+                } }, { children: _jsx(SentimentDissatisfiedIcon, { fontSize: "inherit", style: value === 2
+                        ? {
+                            color: focusColor,
+                        }
+                        : {} }) })), _jsx("div", __assign({ className: disabled
+                    ? styles.disabledIconContainer
+                    : styles.iconContainer, onClick: function () {
+                    if (!disabled)
+                        onChange(value === 3 ? null : 3);
+                } }, { children: _jsx(SentimentSatisfiedAltIcon, { fontSize: "inherit", style: value === 3
+                        ? {
+                            color: focusColor,
+                        }
+                        : {} }) })), _jsx("div", __assign({ className: disabled
+                    ? styles.disabledIconContainer
+                    : styles.iconContainer, onClick: function () {
+                    if (!disabled)
+                        onChange(value === 4 ? null : 4);
+                } }, { children: _jsx(SentimentVerySatisfiedIcon, { fontSize: "inherit", style: value === 4
+                        ? {
+                            color: focusColor,
+                        }
+                        : {} }) }))] })));
+}
+export default SatisfactionRating;

package/dist/Shared/Rating/Ratings/ScaleRating.js

@@ -0,0 +1,62 @@
+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, jsxs as _jsxs } from "react/jsx-runtime";
+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) {
+    return makeStyles({
+        root: {
+            '&.Mui-disabled': {
+                opacity: 1,
+            },
+            '& .EF-MuiRating-iconFilled': {
+                color: props.focusColor,
+            },
+            '& .EF-MuiRating-iconEmpty': {
+                color: props.unSelectedColor,
+            },
+        },
+    });
+};
+function ScaleRating(_a) {
+    var value = _a.value, name = _a.name, inputRef = _a.inputRef, disabled = _a.disabled, onChange = _a.onChange, isMobile = _a.isMobile, focusColor = _a.focusColor, unSelectedColor = _a.unSelectedColor;
+    var ratingClasses = useRatingStyles({
+        unSelectedColor: unSelectedColor,
+        focusColor: focusColor,
+    })();
+    return (_jsxs(React.Fragment, { children: [_jsx("input", { ref: inputRef, className: 'hidden-input' }), _jsx(Rating, { value: value, onChange: function (_event, newValue) {
+                    if (!disabled)
+                        onChange(newValue);
+                }, disabled: disabled, classes: ratingClasses, name: name, size: "large", defaultValue: 0, getLabelText: function (value) { return value + '/5'; }, max: 5, IconContainerComponent: isMobile ? SmallIconContainer : IconContainer })] }));
+}
+function IconContainer(_a) {
+    var value = _a.value, other = __rest(_a, ["value"]);
+    return (_jsx("span", __assign({ className: 'icon' + value }, other, { children: _jsx(GradeRoundedIcon, { style: { fontSize: 60 } }) })));
+}
+function SmallIconContainer(_a) {
+    var value = _a.value, other = __rest(_a, ["value"]);
+    return (_jsx("span", __assign({ className: 'icon' + value }, other, { children: _jsx(GradeRoundedIcon, { style: { fontSize: 50 } }) })));
+}
+export default ScaleRating;

package/dist/Shared/RoundedButton/RoundedButton.js

@@ -0,0 +1,45 @@
+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 { Button, withStyles } from '@material-ui/core';
+/**
+ * Generic rounded button
+ */
+function RoundedButton(_a) {
+    var text = _a.text, _b = _a.backgroundColor, backgroundColor = _b === void 0 ? '#3d5a7f' : _b, _c = _a.color, color = _c === void 0 ? '#ffffff' : _c, onClick = _a.onClick, disabled = _a.disabled, _d = _a.fontSize, fontSize = _d === void 0 ? '1rem' : _d, _e = _a.padding, padding = _e === void 0 ? '0 13px 0 13px' : _e, _f = _a.borderRadius, borderRadius = _f === void 0 ? 10 : _f, _g = _a.height, height = _g === void 0 ? 28 : _g, _h = _a.bold, bold = _h === void 0 ? false : _h, _j = _a.width, width = _j === void 0 ? 'fit-content' : _j;
+    var CustomButton = withStyles({
+        root: {
+            width: width,
+            textTransform: 'none',
+            fontFamily: 'inherit',
+            fontSize: fontSize,
+            borderRadius: borderRadius,
+            padding: padding,
+            height: height,
+            boxShadow: 'none',
+            backgroundColor: backgroundColor,
+            color: color,
+            '&:hover': {
+                boxShadow: 'none',
+                backgroundColor: backgroundColor,
+            },
+            '&:disabled': {
+                backgroundColor: backgroundColor,
+                color: color,
+                opacity: 0.5,
+            },
+            fontWeight: bold ? 'bold' : 'normal',
+        },
+    })(Button);
+    return (_jsx(CustomButton, __assign({ variant: "contained", onMouseDown: onClick, disabled: disabled }, { children: text })));
+}
+export default RoundedButton;

package/dist/{mjs/Shared → Shared}/RoundedButton/RoundedButton.stories.js

@@ -1,5 +1,5 @@
 import RoundedButton from './RoundedButton';
-const meta = {
+var meta = {
     component: RoundedButton,
     tags: ['autodocs'],
     args: {
@@ -16,18 +16,18 @@ const meta = {
     },
 };
 export default meta;
-export const Default = {
+export var Default = {
     args: {
         text: 'Label',
     },
 };
-export const Disabled = {
+export var Disabled = {
     args: {
         text: 'Label',
         disabled: true,
     },
 };
-export const DifferentColors = {
+export var DifferentColors = {
     args: {
         text: 'Label',
         backgroundColor: 'red',

package/dist/Shared/RoundedCheckBox/RoundedCheckBox.js

@@ -0,0 +1,101 @@
+var __extends = (this && this.__extends) || (function () {
+    var extendStatics = function (d, b) {
+        extendStatics = Object.setPrototypeOf ||
+            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
+        return extendStatics(d, b);
+    };
+    return function (d, b) {
+        if (typeof b !== "function" && b !== null)
+            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
+        extendStatics(d, b);
+        function __() { this.constructor = d; }
+        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+    };
+})();
+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 React from 'react';
+import { Checkbox, makeStyles } from '@material-ui/core';
+import CheckBoxRoundedIcon from '@material-ui/icons/CheckBoxRounded';
+import CheckBoxOutlineBlankRoundedIcon from '@material-ui/icons/CheckBoxOutlineBlankRounded';
+var useCheckBoxStyles = function (props) {
+    return makeStyles(function () { return ({
+        root: {
+            padding: props.padding,
+            fontSize: props.size,
+            color: props.error ? props.errorColor : props.uncheckedColor,
+            '&.Mui-checked': {
+                color: props.checkedColor,
+            },
+            '&.Mui-checked:hover': {
+                backgroundColor: props.checkedHoverColor,
+            },
+            '&.Mui-disabled': {
+                cursor: 'default',
+                pointerEvents: 'all !important',
+                color: props.cantEdit
+                    ? props.disabledColor
+                    : props.checkedColor,
+            },
+            '&:hover': {
+                backgroundColor: props.cantEdit
+                    ? 'transparent'
+                    : props.checkedHoverColor,
+            },
+        },
+    }); });
+};
+/**
+ * Generic rounded checkbox
+ */
+function CustomCheckBox(_a) {
+    var _b = _a.padding, padding = _b === void 0 ? '9px' : _b, onChange = _a.onChange, _c = _a.error, error = _c === void 0 ? false : _c, _d = _a.size, size = _d === void 0 ? '1.5rem' : _d, _e = _a.checkedColor, checkedColor = _e === void 0 ? '#3d5a7f' : _e, _f = _a.uncheckedColor, uncheckedColor = _f === void 0 ? '#787878' : _f, _g = _a.disabledColor, disabledColor = _g === void 0 ? '#A0A0A0' : _g, _h = _a.errorColor, errorColor = _h === void 0 ? '#cc2936' : _h, _j = _a.cantEdit, cantEdit = _j === void 0 ? false : _j, checked = _a.checked, others = __rest(_a, ["padding", "onChange", "error", "size", "checkedColor", "uncheckedColor", "disabledColor", "errorColor", "cantEdit", "checked"]);
+    var classes = useCheckBoxStyles({
+        size: size,
+        error: error,
+        padding: padding,
+        cantEdit: cantEdit,
+        errorColor: errorColor,
+        checkedColor: checkedColor,
+        disabledColor: disabledColor,
+        uncheckedColor: uncheckedColor,
+        checkedHoverColor: checkedColor + '0a',
+    })();
+    return (_jsx(Checkbox, __assign({}, others, { disabled: cantEdit, classes: classes, checked: checked, onChange: onChange, required: true, icon: _jsx(CheckBoxOutlineBlankRoundedIcon, { fontSize: "inherit" }), checkedIcon: _jsx(CheckBoxRoundedIcon, { fontSize: "inherit" }) })));
+}
+/**
+ * Generic datepicker with apps designs. Is class do to the use in the react-hook-forms library
+ */
+var RoundedCheckBox = /** @class */ (function (_super) {
+    __extends(RoundedCheckBox, _super);
+    function RoundedCheckBox() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    RoundedCheckBox.prototype.render = function () {
+        return _jsx(CustomCheckBox, __assign({}, this.props));
+    };
+    return RoundedCheckBox;
+}(React.Component));
+export default RoundedCheckBox;

package/dist/{mjs/Shared → Shared}/RoundedCheckBox/RoundedCheckBox.stories.js

@@ -1,5 +1,5 @@
 import RoundedCheckBox from './RoundedCheckBox';
-const meta = {
+var meta = {
     component: RoundedCheckBox,
     tags: ['autodocs'],
     args: {
@@ -11,36 +11,36 @@ const meta = {
     },
 };
 export default meta;
-export const Uncheked = {
+export var Uncheked = {
     args: {
         checked: false,
     },
 };
-export const Checked = {
+export var Checked = {
     args: {
         checked: true,
     },
 };
-export const Error = {
+export var Error = {
     args: {
         checked: false,
         error: true,
     },
 };
-export const Disabled = {
+export var Disabled = {
     args: {
         checked: false,
         disabled: true,
     },
 };
-export const ErrorColor = {
+export var ErrorColor = {
     args: {
         checked: false,
         error: true,
         errorColor: 'blue',
     },
 };
-export const DifferentColors = {
+export var DifferentColors = {
     args: {
         checked: true,
         checkedColor: 'red',