@arquimedes.co/eureka-forms 1.9.19-test → 1.9.20

package/dist/Widget.js

@@ -1,45 +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);
+};
+var _a;
 import { jsx as _jsx } from "react/jsx-runtime";
 import ReactDOM from 'react-dom';
 import App from './App';
-const WIDGET_ID = 'widget:eureka';
-const element = document.getElementById(WIDGET_ID);
-const props = {};
+var WIDGET_ID = 'widget:eureka';
+var element = document.getElementById(WIDGET_ID);
+var props = {};
 if (element) {
-    const url = element.getAttribute('data-formurl');
+    var url = element.getAttribute('data-formurl');
     if (url) {
-        const splitUrl = url.split('/');
+        var splitUrl = url.split('/');
         if (splitUrl.length > 0) {
             props.apiKey = splitUrl[splitUrl.length - 1];
         }
-        const domain = /:\/\/([^\/]+)/.exec(url)?.[1];
+        var domain = (_a = /:\/\/([^\/]+)/.exec(url)) === null || _a === void 0 ? void 0 : _a[1];
         if (domain) {
-            const splitDomain = domain.split('.');
+            var splitDomain = domain.split('.');
             if (splitDomain.length > 0 && splitDomain[0] !== 'forms') {
                 props.domain = splitDomain[0];
             }
         }
     }
-    const formDataString = element.getAttribute('data-formdata');
+    var formDataString = element.getAttribute('data-formdata');
     if (formDataString) {
         props.formData = JSON.parse(formDataString);
     }
-    const valuesString = element.getAttribute('data-values');
+    var valuesString = element.getAttribute('data-values');
     if (valuesString) {
         props.valuesData = JSON.parse(valuesString);
     }
-    const internal = element.getAttribute('data-internal');
+    var internal = element.getAttribute('data-internal');
     if (internal) {
         props.internal = true;
     }
-    const postview = element.getAttribute('data-postview');
+    var postview = element.getAttribute('data-postview');
     if (postview) {
         props.postview = true;
     }
-    const preview = element.getAttribute('data-preview');
+    var preview = element.getAttribute('data-preview');
     if (preview) {
         props.preview = true;
     }
+    var partial = element.getAttribute('data-partial');
+    if (partial) {
+        props.partial = true;
+    }
     // eslint-disable-next-line no-console
     console.log(props);
 }
-ReactDOM.render(_jsx(App, { isWidget: true, ...props }), document.getElementById(WIDGET_ID));
+ReactDOM.render(_jsx(App, __assign({ isWidget: true }, props)), document.getElementById(WIDGET_ID));

package/dist/constants/Files/FileExtensions.js

@@ -1,9 +1,9 @@
-export const getAcceptedExtensions = () => {
-    let extensionString = extensions.reduce((acc, current) => acc + ',.' + current);
+export var getAcceptedExtensions = function () {
+    var extensionString = extensions.reduce(function (acc, current) { return acc + ',.' + current; });
     extensionString = '.' + extensionString;
     return extensionString;
 };
-const extensions = [
+var extensions = [
     'aif',
     'cda',
     'mid',

package/dist/constants/Files/FileMaxSize.js

@@ -1,2 +1,2 @@
-const maxSize = 31457280;
+var maxSize = 31457280;
 export default maxSize;

package/dist/constants/InternalFormStyle.js

@@ -1,5 +1,5 @@
 import { FormStyleTypes } from './FormStepTypes';
-const InternalFormStyle = {
+var InternalFormStyle = {
     type: FormStyleTypes.MATERIAL,
     backgroundColor: '#ffffff',
     stepBackgroundColor: '#ffffff',

package/dist/constants/MaterialClassNameSeed.js

@@ -1 +1 @@
-export const SEED = 'EF';
+export var SEED = 'EF';

package/dist/controllers/FileService.js

@@ -1,35 +1,92 @@
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __generator = (this && this.__generator) || function (thisArg, body) {
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
+    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    function verb(n) { return function (v) { return step([n, v]); }; }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while (g && (g = 0, op[0] && (_ = 0)), _) try {
+            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+            if (y = 0, t) op = [op[0] & 2, t.value];
+            switch (op[0]) {
+                case 0: case 1: t = op; break;
+                case 4: _.label++; return { value: op[1], done: false };
+                case 5: _.label++; y = op[1]; op = [0]; continue;
+                case 7: op = _.ops.pop(); _.trys.pop(); continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
+                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
+                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
+                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop(); continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
+        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
+    }
+};
 import axios from 'axios';
 import axiosInstance from '../AxiosAPI';
 import widgetInstance from '../AxiosWidget';
-export async function getUploadUrls(files, domain) {
-    const filesArray = files.map((file) => ({
-        publicFile: false,
-        extension: file.name.split('.').pop(),
-    }));
-    let response;
-    if (domain) {
-        response = await widgetInstance.post(`/uploadfile?idOrganization=${domain}`, filesArray);
-    }
-    else {
-        response = await axiosInstance.post('/uploadfile', filesArray);
-    }
-    return response.data ?? undefined;
-}
-export async function postFile(file, postInfo) {
-    const formData = new FormData();
-    Object.keys(postInfo.postInfo.fields).forEach((key) => {
-        formData.append(key, postInfo.postInfo.fields[key]);
+export function getUploadUrls(files, domain) {
+    var _a;
+    return __awaiter(this, void 0, void 0, function () {
+        var filesArray, response;
+        return __generator(this, function (_b) {
+            switch (_b.label) {
+                case 0:
+                    filesArray = files.map(function (file) { return ({
+                        publicFile: false,
+                        extension: file.name.split('.').pop(),
+                    }); });
+                    if (!domain) return [3 /*break*/, 2];
+                    return [4 /*yield*/, widgetInstance.post("/uploadfile?idOrganization=".concat(domain), filesArray)];
+                case 1:
+                    response = _b.sent();
+                    return [3 /*break*/, 4];
+                case 2: return [4 /*yield*/, axiosInstance.post('/uploadfile', filesArray)];
+                case 3:
+                    response = _b.sent();
+                    _b.label = 4;
+                case 4: return [2 /*return*/, (_a = response.data) !== null && _a !== void 0 ? _a : undefined];
+            }
+        });
     });
-    // Actual file has to be appended last.
-    formData.append('file', file);
-    await axios.post(postInfo.postInfo.url, formData, {
-        timeout: 300000,
-        headers: {
-            'Content-Type': 'multipart/form-data',
-        },
+}
+export function postFile(file, postInfo) {
+    return __awaiter(this, void 0, void 0, function () {
+        var formData;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    formData = new FormData();
+                    Object.keys(postInfo.postInfo.fields).forEach(function (key) {
+                        formData.append(key, postInfo.postInfo.fields[key]);
+                    });
+                    // Actual file has to be appended last.
+                    formData.append('file', file);
+                    return [4 /*yield*/, axios.post(postInfo.postInfo.url, formData, {
+                            timeout: 300000,
+                            headers: {
+                                'Content-Type': 'multipart/form-data',
+                            },
+                        })];
+                case 1:
+                    _a.sent();
+                    return [2 /*return*/, {
+                            fileName: file.name,
+                            S3Key: postInfo.S3Key,
+                        }];
+            }
+        });
     });
-    return {
-        fileName: file.name,
-        S3Key: postInfo.S3Key,
-    };
 }

package/dist/index.js

@@ -1,10 +1,21 @@
+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 * as ReactDOM from 'react-dom';
 import App from './App';
 import styles from './index.module.css';
-const urlParams = new URLSearchParams(window.location.search);
-const values = urlParams.get('data-values');
-let dataValues = undefined;
+var urlParams = new URLSearchParams(window.location.search);
+var values = urlParams.get('data-values');
+var dataValues = undefined;
 if (values) {
     try {
         dataValues = JSON.parse(decodeURIComponent(values));
@@ -15,4 +26,4 @@ if (values) {
         console.error('Invalid data-values JSON', error);
     }
 }
-ReactDOM.render(_jsx("div", { className: styles.eurekaForm, children: _jsx(App, { isWidget: false, apiKey: window.location.pathname.replace('/', ''), valuesData: dataValues }) }), document.getElementById('eureka-root'));
+ReactDOM.render(_jsx("div", __assign({ className: styles.eurekaForm }, { children: _jsx(App, { isWidget: false, apiKey: window.location.pathname.replace('/', ''), valuesData: dataValues }) })), document.getElementById('eureka-root'));

package/dist/shared/Loader/Loader.js

@@ -1,14 +1,26 @@
+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 CircularProgress from '@material-ui/core/CircularProgress';
 import styles from './Loader.module.css';
 /**
  * Generic Loader Component with optional curtain.
  */
-function Loader({ color = '#3d5a7f', curtain = false, zIndex = 20, size = 40, position = 'absolute', }) {
-    return (_jsx("div", { className: styles.loaderContainer + ' flexbox', style: {
+function Loader(_a) {
+    var _b = _a.color, color = _b === void 0 ? '#3d5a7f' : _b, _c = _a.curtain, curtain = _c === void 0 ? false : _c, _d = _a.zIndex, zIndex = _d === void 0 ? 20 : _d, _e = _a.size, size = _e === void 0 ? 40 : _e, _f = _a.position, position = _f === void 0 ? 'absolute' : _f;
+    return (_jsx("div", __assign({ className: styles.loaderContainer + ' flexbox', style: {
             backgroundColor: curtain ? 'rgb(0, 0, 0, 0.4)' : '',
-            zIndex,
-            position,
-        }, children: _jsx("div", { className: styles.loader, children: _jsx(CircularProgress, { size: size, style: { color } }) }) }));
+            zIndex: zIndex,
+            position: position,
+        } }, { children: _jsx("div", __assign({ className: styles.loader }, { children: _jsx(CircularProgress, { size: size, style: { color: color } }) })) })));
 }
 export default Loader;

package/dist/shared/Navbar/Navbar.js

@@ -1,6 +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({ logo, color }) {
-    return (_jsx("div", { className: styles.navContainer, style: { backgroundColor: color }, children: _jsx("img", { src: logo, alt: "Organization Logo", className: styles.navImage }) }));
+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/shared/Rating/Rating.js

@@ -1,16 +1,39 @@
+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({ type, ...others }) {
+function Rating(_a) {
+    var type = _a.type, others = __rest(_a, ["type"]);
     switch (type) {
         case RatingTypes.LIKE:
-            return _jsx(LikeRating, { ...others });
+            return _jsx(LikeRating, __assign({}, others));
         case RatingTypes.SATISFACTION:
-            return _jsx(SatisfactionRating, { ...others });
+            return _jsx(SatisfactionRating, __assign({}, others));
         case RatingTypes.SCALE:
-            return _jsx(ScaleRating, { ...others });
+            return _jsx(ScaleRating, __assign({}, others));
         default:
             return _jsx("div", {});
     }

package/dist/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: styles.hiddenInput }), _jsx("div", { className: disabled
+        } }, { children: [_jsx("input", { ref: inputRef, className: styles.hiddenInput }), _jsx("div", __assign({ className: disabled
                     ? styles.disabledLikeContainer
-                    : styles.likeContainer, onClick: () => {
+                    : styles.likeContainer, 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.disabledLikeContainer
-                    : styles.likeContainer, onClick: () => {
+                    : styles.likeContainer, 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

@@ -1,49 +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({ value, inputRef, disabled, onChange, focusColor, unSelectedColor, }) {
-    return (_jsxs("div", { className: styles.ratingContainer, style: {
+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: styles.hiddenInput }), _jsx("div", { className: disabled
+        } }, { children: [_jsx("input", { ref: inputRef, className: styles.hiddenInput }), _jsx("div", __assign({ className: disabled
                     ? styles.disabledSentimentContainer
-                    : styles.sentimentContainer, onClick: () => {
+                    : styles.sentimentContainer, onClick: function () {
                     if (!disabled)
                         onChange(value === 1 ? null : 1);
-                }, children: _jsx(SentimentVeryDissatisfiedIcon, { fontSize: "inherit", style: value === 1
+                } }, { children: _jsx(SentimentVeryDissatisfiedIcon, { fontSize: "inherit", style: value === 1
                         ? {
                             color: focusColor,
                         }
-                        : {} }) }), _jsx("div", { className: disabled
+                        : {} }) })), _jsx("div", __assign({ className: disabled
                     ? styles.disabledSentimentContainer
-                    : styles.sentimentContainer, onClick: () => {
+                    : styles.sentimentContainer, onClick: function () {
                     if (!disabled)
                         onChange(value === 2 ? null : 2);
-                }, children: _jsx(SentimentDissatisfiedIcon, { fontSize: "inherit", style: value === 2
+                } }, { children: _jsx(SentimentDissatisfiedIcon, { fontSize: "inherit", style: value === 2
                         ? {
                             color: focusColor,
                         }
-                        : {} }) }), _jsx("div", { className: disabled
+                        : {} }) })), _jsx("div", __assign({ className: disabled
                     ? styles.disabledSentimentContainer
-                    : styles.sentimentContainer, onClick: () => {
+                    : styles.sentimentContainer, onClick: function () {
                     if (!disabled)
                         onChange(value === 3 ? null : 3);
-                }, children: _jsx(SentimentSatisfiedAltIcon, { fontSize: "inherit", style: value === 3
+                } }, { children: _jsx(SentimentSatisfiedAltIcon, { fontSize: "inherit", style: value === 3
                         ? {
                             color: focusColor,
                         }
-                        : {} }) }), _jsx("div", { className: disabled
+                        : {} }) })), _jsx("div", __assign({ className: disabled
                     ? styles.disabledSentimentContainer
-                    : styles.sentimentContainer, onClick: () => {
+                    : styles.sentimentContainer, onClick: function () {
                     if (!disabled)
                         onChange(value === 4 ? null : 4);
-                }, children: _jsx(SentimentVerySatisfiedIcon, { fontSize: "inherit", style: value === 4
+                } }, { children: _jsx(SentimentVerySatisfiedIcon, { fontSize: "inherit", style: value === 4
                         ? {
                             color: focusColor,
                         }
-                        : {} }) })] }));
+                        : {} }) }))] })));
 }
 export default SatisfactionRating;

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

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

@@ -1,33 +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({ text, backgroundColor = '#3d5a7f', color = '#ffffff', onClick, disabled, fontSize = '1rem', padding = '0 13px 0 13px', borderRadius = 10, height = 28, bold = false, width = 'fit-content', }) {
-    const CustomButton = withStyles({
+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: width,
             textTransform: 'none',
             fontFamily: 'inherit',
-            fontSize,
-            borderRadius,
-            padding,
+            fontSize: fontSize,
+            borderRadius: borderRadius,
+            padding: padding,
             height: height,
             boxShadow: 'none',
-            backgroundColor,
-            color,
+            backgroundColor: backgroundColor,
+            color: color,
             '&:hover': {
                 boxShadow: 'none',
-                backgroundColor,
+                backgroundColor: backgroundColor,
             },
             '&:disabled': {
-                backgroundColor,
-                color,
+                backgroundColor: backgroundColor,
+                color: color,
                 opacity: 0.5,
             },
             fontWeight: bold ? 'bold' : 'normal',
         },
     })(Button);
-    return (_jsx(CustomButton, { variant: "contained", onMouseDown: onClick, disabled: disabled, children: text }));
+    return (_jsx(CustomButton, __assign({ variant: "contained", onMouseDown: onClick, disabled: disabled }, { children: text })));
 }
 export default RoundedButton;