@arquimedes.co/eureka-forms 1.9.15 → 1.9.17-test

package/dist/Widget.js

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

package/dist/constants/Files/FileExtensions.js

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

package/dist/constants/Files/FileMaxSize.js

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

package/dist/constants/InternalFormStyle.js

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

package/dist/constants/MaterialClassNameSeed.js

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

package/dist/controllers/FileService.js

@@ -1,92 +1,35 @@
-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 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];
-            }
-        });
-    });
+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 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,
-                        }];
-            }
-        });
+export async function postFile(file, postInfo) {
+    const formData = new FormData();
+    Object.keys(postInfo.postInfo.fields).forEach((key) => {
+        formData.append(key, postInfo.postInfo.fields[key]);
+    });
+    // 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',
+        },
     });
+    return {
+        fileName: file.name,
+        S3Key: postInfo.S3Key,
+    };
 }

package/dist/index.js

@@ -1,21 +1,10 @@
-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';
-var urlParams = new URLSearchParams(window.location.search);
-var values = urlParams.get('data-values');
-var dataValues = undefined;
+const urlParams = new URLSearchParams(window.location.search);
+const values = urlParams.get('data-values');
+let dataValues = undefined;
 if (values) {
     try {
         dataValues = JSON.parse(decodeURIComponent(values));
@@ -26,4 +15,4 @@ if (values) {
         console.error('Invalid data-values JSON', error);
     }
 }
-ReactDOM.render(_jsx("div", __assign({ className: styles.eurekaForm }, { children: _jsx(App, { isWidget: false, apiKey: window.location.pathname.replace('/', ''), valuesData: dataValues }) })), document.getElementById('eureka-root'));
+ReactDOM.render(_jsx("div", { 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,26 +1,14 @@
-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(_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: {
+function Loader({ color = '#3d5a7f', curtain = false, zIndex = 20, size = 40, position = 'absolute', }) {
+    return (_jsx("div", { className: styles.loaderContainer + ' flexbox', style: {
             backgroundColor: curtain ? 'rgb(0, 0, 0, 0.4)' : '',
-            zIndex: zIndex,
-            position: position,
-        } }, { children: _jsx("div", __assign({ className: styles.loader }, { children: _jsx(CircularProgress, { size: size, style: { color: color } }) })) })));
+            zIndex,
+            position,
+        }, children: _jsx("div", { className: styles.loader, children: _jsx(CircularProgress, { size: size, style: { color } }) }) }));
 }
 export default Loader;

package/dist/shared/Navbar/Navbar.js

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

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

@@ -1,43 +1,31 @@
-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(_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: {
+function LikeRating({ disabled, inputRef, value, onChange, focusColor, unSelectedColor, }) {
+    return (_jsxs("div", { className: styles.ratingContainer, style: {
             '--eureka-primary': focusColor,
             '--eureka-outline': unSelectedColor,
-        } }, { children: [_jsx("input", { ref: inputRef, className: styles.hiddenInput }), _jsx("div", __assign({ className: disabled
+        }, children: [_jsx("input", { ref: inputRef, className: styles.hiddenInput }), _jsx("div", { className: disabled
                     ? styles.disabledLikeContainer
-                    : styles.likeContainer, onClick: function () {
+                    : styles.likeContainer, onClick: () => {
                     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", __assign({ className: disabled
+                        : {} }) }), _jsx("div", { className: disabled
                     ? styles.disabledLikeContainer
-                    : styles.likeContainer, onClick: function () {
+                    : styles.likeContainer, onClick: () => {
                     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,61 +1,49 @@
-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: {
+function SatisfactionRating({ value, inputRef, disabled, onChange, focusColor, unSelectedColor, }) {
+    return (_jsxs("div", { className: styles.ratingContainer, style: {
             '--eureka-primary': focusColor,
             '--eureka-outline': unSelectedColor,
-        } }, { children: [_jsx("input", { ref: inputRef, className: styles.hiddenInput }), _jsx("div", __assign({ className: disabled
+        }, children: [_jsx("input", { ref: inputRef, className: styles.hiddenInput }), _jsx("div", { className: disabled
                     ? styles.disabledSentimentContainer
-                    : styles.sentimentContainer, onClick: function () {
+                    : styles.sentimentContainer, onClick: () => {
                     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", __assign({ className: disabled
+                        : {} }) }), _jsx("div", { className: disabled
                     ? styles.disabledSentimentContainer
-                    : styles.sentimentContainer, onClick: function () {
+                    : styles.sentimentContainer, onClick: () => {
                     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", __assign({ className: disabled
+                        : {} }) }), _jsx("div", { className: disabled
                     ? styles.disabledSentimentContainer
-                    : styles.sentimentContainer, onClick: function () {
+                    : styles.sentimentContainer, onClick: () => {
                     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", __assign({ className: disabled
+                        : {} }) }), _jsx("div", { className: disabled
                     ? styles.disabledSentimentContainer
-                    : styles.sentimentContainer, onClick: function () {
+                    : styles.sentimentContainer, onClick: () => {
                     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,63 +1,36 @@
-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';
-var useRatingStyles = function (props) {
-    return makeStyles({
-        root: {
-            '&.Mui-disabled': {
-                opacity: 1,
-            },
-            '& .EF-MuiRating-iconFilled': {
-                color: props.focusColor,
-            },
-            '& .EF-MuiRating-iconEmpty': {
-                color: props.unSelectedColor,
-            },
+const useRatingStyles = (props) => makeStyles({
+    root: {
+        '&.Mui-disabled': {
+            opacity: 1,
         },
-    });
-};
-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,
+        '& .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,
     })();
-    return (_jsxs(React.Fragment, { children: [_jsx("input", { ref: inputRef, className: styles.hiddenInput }), _jsx(Rating, { value: value, onChange: function (_event, newValue) {
+    return (_jsxs(React.Fragment, { children: [_jsx("input", { ref: inputRef, className: styles.hiddenInput }), _jsx(Rating, { value: value, onChange: (_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 })] }));
+                }, disabled: disabled, classes: ratingClasses, name: name, size: "large", defaultValue: 0, getLabelText: (value) => 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 IconContainer({ value, ...other }) {
+    return (_jsx("span", { 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 } }) })));
+function SmallIconContainer({ value, ...other }) {
+    return (_jsx("span", { className: 'icon' + value, ...other, children: _jsx(GradeRoundedIcon, { style: { fontSize: 50 } }) }));
 }
 export default ScaleRating;

package/dist/shared/RoundedButton/RoundedButton.js

@@ -1,45 +1,33 @@
-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({
+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({
         root: {
-            width: width,
+            width,
             textTransform: 'none',
             fontFamily: 'inherit',
-            fontSize: fontSize,
-            borderRadius: borderRadius,
-            padding: padding,
+            fontSize,
+            borderRadius,
+            padding,
             height: height,
             boxShadow: 'none',
-            backgroundColor: backgroundColor,
-            color: color,
+            backgroundColor,
+            color,
             '&:hover': {
                 boxShadow: 'none',
-                backgroundColor: backgroundColor,
+                backgroundColor,
             },
             '&:disabled': {
-                backgroundColor: backgroundColor,
-                color: color,
+                backgroundColor,
+                color,
                 opacity: 0.5,
             },
             fontWeight: bold ? 'bold' : 'normal',
         },
     })(Button);
-    return (_jsx(CustomButton, __assign({ variant: "contained", onMouseDown: onClick, disabled: disabled }, { children: text })));
+    return (_jsx(CustomButton, { variant: "contained", onMouseDown: onClick, disabled: disabled, children: text }));
 }
 export default RoundedButton;