@agilemotion/oui-react-js 1.8.2 → 1.8.3

package/dist/components/media/chat/ChatPoll.js

@@ -6,17 +6,17 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _reactstrap = require("reactstrap");
-var _TextField = _interopRequireDefault(require("@material-ui/core/TextField"));
+var _TextField = _interopRequireDefault(require("@mui/material/TextField"));
 var _Utils = _interopRequireDefault(require("../../../Utils"));
-var _core = require("@material-ui/core");
-var _Delete = _interopRequireDefault(require("@material-ui/icons/Delete"));
-var _Button = _interopRequireDefault(require("@material-ui/core/Button"));
+var _material = require("@mui/material");
+var _Delete = _interopRequireDefault(require("@mui/icons-material/Delete"));
+var _Button = _interopRequireDefault(require("@mui/material/Button"));
 require("./NewPoll.css");
-var _icons = require("@material-ui/icons");
-var _MenuItem = _interopRequireDefault(require("@material-ui/core/MenuItem"));
-var _FormControl = _interopRequireDefault(require("@material-ui/core/FormControl"));
-var _Select = _interopRequireDefault(require("@material-ui/core/Select"));
-var _InputLabel = _interopRequireDefault(require("@material-ui/core/InputLabel"));
+var _iconsMaterial = require("@mui/icons-material");
+var _MenuItem = _interopRequireDefault(require("@mui/material/MenuItem"));
+var _FormControl = _interopRequireDefault(require("@mui/material/FormControl"));
+var _Select = _interopRequireDefault(require("@mui/material/Select"));
+var _InputLabel = _interopRequireDefault(require("@mui/material/InputLabel"));
 var _RestUtils = require("../../../RestUtils");
 var _ApplicationManager = _interopRequireDefault(require("../../../ApplicationManager"));
 var _ChatRoom = require("./ChatRoom");
@@ -245,7 +245,7 @@ const ChatPoll = props => {
         paddingLeft: '8px',
         width: '32px'
       }
-    }, /*#__PURE__*/_react.default.createElement(_core.IconButton, {
+    }, /*#__PURE__*/_react.default.createElement(_material.IconButton, {
       onClick: () => removeOption(index)
     }, /*#__PURE__*/_react.default.createElement(_Delete.default, null)))));
   }), /*#__PURE__*/_react.default.createElement(_Button.default, {
@@ -256,7 +256,7 @@ const ChatPoll = props => {
     variant: "outlined",
     color: 'primary',
     disabled: options.length === 6,
-    startIcon: /*#__PURE__*/_react.default.createElement(_icons.Add, null)
+    startIcon: /*#__PURE__*/_react.default.createElement(_iconsMaterial.Add, null)
   }, "Add Option"), /*#__PURE__*/_react.default.createElement("div", {
     className: 'row no-margin'
   }, /*#__PURE__*/_react.default.createElement("div", {

package/dist/components/media/chat/ChatRoom.js

@@ -5,20 +5,20 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.location = exports.default = void 0;
 var _react = _interopRequireWildcard(require("react"));
-var _core = require("@material-ui/core");
-var _Send = _interopRequireDefault(require("@material-ui/icons/Send"));
-var _Tooltip = _interopRequireDefault(require("@material-ui/core/Tooltip"));
+var _material = require("@mui/material");
+var _Send = _interopRequireDefault(require("@mui/icons-material/Send"));
+var _Tooltip = _interopRequireDefault(require("@mui/material/Tooltip"));
 var _reactRouterDom = require("react-router-dom");
 require("./ChatRooms.scss");
 var _moment = _interopRequireDefault(require("moment"));
-var _InputAdornment = _interopRequireDefault(require("@material-ui/core/InputAdornment"));
+var _InputAdornment = _interopRequireDefault(require("@mui/material/InputAdornment"));
 var _Styles = _interopRequireDefault(require("./Styles"));
 var _CustomInput = _interopRequireDefault(require("../../customInput/CustomInput"));
 var _LottieIcon = _interopRequireDefault(require("../../LottieIcon"));
 var _reactFeather = require("react-feather");
 var _Utils = _interopRequireDefault(require("../../../Utils"));
 var _VCEventType = require("../VCEventType");
-var _icons = require("@material-ui/icons");
+var _iconsMaterial = require("@mui/icons-material");
 var _linkifyReact = _interopRequireDefault(require("linkify-react"));
 var _File = _interopRequireDefault(require("../../customInput/File"));
 var _ApplicationManager = _interopRequireDefault(require("../../../ApplicationManager"));
@@ -275,7 +275,7 @@ const ChatRoom = props => {
     const tokensQueryString = 'access_token=' + sessionStorage.getItem('accessToken') + '&idToken=' + sessionStorage.getItem('idToken');
     documents.forEach((doc, index) => {
       if (doc.type.includes('image')) {
-        return thumbnails.push( /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement("div", {
+        return thumbnails.push(/*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement("div", {
           key: index,
           className: 'col'
         }, /*#__PURE__*/_react.default.createElement("img", {
@@ -288,7 +288,7 @@ const ChatRoom = props => {
           }
         })), message.participant.username !== currentUser.username && /*#__PURE__*/_react.default.createElement("div", {
           className: 'row no-margin no-padding'
-        }, /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_core.IconButton, {
+        }, /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_material.IconButton, {
           component: "span",
           onClick: () => {
             onDownload(documents[index].name, `${documentDownloadUrl + '/' + doc.repositoryId + '?' + tokensQueryString}`);
@@ -304,7 +304,7 @@ const ChatRoom = props => {
         }, doc.name))));
       }
       if (doc.type.includes('pdf')) {
-        thumbnails.push( /*#__PURE__*/_react.default.createElement("div", {
+        thumbnails.push(/*#__PURE__*/_react.default.createElement("div", {
           key: index
         }, /*#__PURE__*/_react.default.createElement("div", {
           className: 'col'
@@ -318,7 +318,7 @@ const ChatRoom = props => {
           }
         })), message.participant.username !== currentUser.username && /*#__PURE__*/_react.default.createElement("div", {
           className: 'row no-margin no-padding'
-        }, /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_core.IconButton, {
+        }, /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_material.IconButton, {
           component: "span",
           onClick: () => {
             onDownload(documents[index].name, `${documentDownloadUrl + '/' + doc.repositoryId + '?' + tokensQueryString}`);
@@ -333,7 +333,7 @@ const ChatRoom = props => {
           }
         }, doc.name))));
       } else if (doc.type.includes('doc')) {
-        thumbnails.push( /*#__PURE__*/_react.default.createElement("div", {
+        thumbnails.push(/*#__PURE__*/_react.default.createElement("div", {
           key: index,
           style: {
             borderBottom: '5px solid black'
@@ -350,7 +350,7 @@ const ChatRoom = props => {
           }
         })), message.participant.username !== currentUser.username && /*#__PURE__*/_react.default.createElement("div", {
           className: 'row no-margin no-padding'
-        }, /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_core.IconButton, {
+        }, /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_material.IconButton, {
           component: "span",
           onClick: () => {
             onDownload(documents[index].name, `${documentDownloadUrl + '/' + doc.repositoryId + '?' + tokensQueryString}`);
@@ -365,7 +365,7 @@ const ChatRoom = props => {
           }
         }, doc.name))));
       } else if (doc.type.includes('word')) {
-        thumbnails.push( /*#__PURE__*/_react.default.createElement("div", {
+        thumbnails.push(/*#__PURE__*/_react.default.createElement("div", {
           key: index,
           style: {
             borderBottom: '5px solid black'
@@ -382,7 +382,7 @@ const ChatRoom = props => {
           }
         })), message.participant.username !== currentUser.username && /*#__PURE__*/_react.default.createElement("div", {
           className: 'row no-margin no-padding'
-        }, /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_core.IconButton, {
+        }, /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_material.IconButton, {
           component: "span",
           onClick: () => {
             onDownload(documents[index].name, `${documentDownloadUrl + '/' + doc.repositoryId + '?' + tokensQueryString}`);
@@ -397,7 +397,7 @@ const ChatRoom = props => {
           }
         }, doc.name))));
       } else if (doc.type.includes('xls')) {
-        thumbnails.push( /*#__PURE__*/_react.default.createElement("div", {
+        thumbnails.push(/*#__PURE__*/_react.default.createElement("div", {
           key: index,
           style: {
             borderBottom: '5px solid black'
@@ -414,7 +414,7 @@ const ChatRoom = props => {
           }
         })), message.participant.username !== currentUser.username && /*#__PURE__*/_react.default.createElement("div", {
           className: 'row no-margin no-padding'
-        }, /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_core.IconButton, {
+        }, /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_material.IconButton, {
           component: "span",
           onClick: () => {
             onDownload(documents[index].name, `${documentDownloadUrl + '/' + doc.repositoryId + '?' + tokensQueryString}`);
@@ -429,7 +429,7 @@ const ChatRoom = props => {
           }
         }, doc.name))));
       } else {
-        thumbnails.push( /*#__PURE__*/_react.default.createElement("div", {
+        thumbnails.push(/*#__PURE__*/_react.default.createElement("div", {
           key: index
         }, /*#__PURE__*/_react.default.createElement("div", {
           className: 'col',
@@ -452,7 +452,7 @@ const ChatRoom = props => {
           }
         }, documents[index].name)), /*#__PURE__*/_react.default.createElement("div", {
           className: 'row no-margin no-padding'
-        }, /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_core.IconButton, {
+        }, /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_material.IconButton, {
           component: "span",
           onClick: () => {
             onDownload(documents[index].name, `${documentDownloadUrl + '/' + doc.repositoryId + '?' + tokensQueryString}`);
@@ -507,7 +507,7 @@ const ChatRoom = props => {
         style: {
           paddingRight: '12px'
         }
-      }, /*#__PURE__*/_react.default.createElement(_core.Avatar, null, _Utils.default.getInitials(message.participant.name))), /*#__PURE__*/_react.default.createElement("div", {
+      }, /*#__PURE__*/_react.default.createElement(_material.Avatar, null, _Utils.default.getInitials(message.participant.name))), /*#__PURE__*/_react.default.createElement("div", {
         style: {
           border: message.participant.username === currentUser.username ? null : "1px solid #525f7f",
           borderRadius: message.participant.username === currentUser.username ? null : "16px",
@@ -536,7 +536,7 @@ const ChatRoom = props => {
             }
           }, /*#__PURE__*/_react.default.createElement("div", {
             className: 'col chat-time'
-          }, (0, _moment.default)(message.createdDate).format('DD/MM, HH:mm')), /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_core.IconButton, {
+          }, (0, _moment.default)(message.createdDate).format('DD/MM, HH:mm')), /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_material.IconButton, {
             component: "span",
             onClick: () => {
               deleteChatMessage(message);
@@ -552,7 +552,7 @@ const ChatRoom = props => {
           className: "chatroom__message"
         }, /*#__PURE__*/_react.default.createElement("div", {
           className: "peerchat"
-        }, /*#__PURE__*/_react.default.createElement(_core.Avatar, null, _Utils.default.getInitials(message.participant.name)), /*#__PURE__*/_react.default.createElement("div", {
+        }, /*#__PURE__*/_react.default.createElement(_material.Avatar, null, _Utils.default.getInitials(message.participant.name)), /*#__PURE__*/_react.default.createElement("div", {
           className: "peer"
         }, /*#__PURE__*/_react.default.createElement("span", null, message.participant.name), /*#__PURE__*/_react.default.createElement("span", null, (0, _moment.default)(message.createdDate).format('DD/MM, HH:mm')), /*#__PURE__*/_react.default.createElement("div", null, renderFileThumbnail(message)), /*#__PURE__*/_react.default.createElement("p", {
           key: index
@@ -571,7 +571,7 @@ const ChatRoom = props => {
             }
           }, /*#__PURE__*/_react.default.createElement("div", {
             className: 'col chat-time'
-          }, (0, _moment.default)(message.createdDate).format('DD/MM, HH:mm')), /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_core.IconButton, {
+          }, (0, _moment.default)(message.createdDate).format('DD/MM, HH:mm')), /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_material.IconButton, {
             component: "span",
             onClick: () => {
               deleteChatMessage(message);
@@ -597,7 +597,7 @@ const ChatRoom = props => {
           className: "chatroom__message"
         }, /*#__PURE__*/_react.default.createElement("div", {
           className: "peerchat"
-        }, /*#__PURE__*/_react.default.createElement(_core.Avatar, null, _Utils.default.getInitials(message.participant.name)), /*#__PURE__*/_react.default.createElement("div", {
+        }, /*#__PURE__*/_react.default.createElement(_material.Avatar, null, _Utils.default.getInitials(message.participant.name)), /*#__PURE__*/_react.default.createElement("div", {
           className: "peer"
         }, /*#__PURE__*/_react.default.createElement("span", null, message.participant.name), /*#__PURE__*/_react.default.createElement("span", null, (0, _moment.default)(message.createdDate).format('DD/MM, HH:mm')), /*#__PURE__*/_react.default.createElement(_linkifyReact.default, {
           key: index,
@@ -619,7 +619,7 @@ const ChatRoom = props => {
           className: "cv-poll-choice-details"
         }, /*#__PURE__*/_react.default.createElement("span", {
           className: "cv-choice-percentage"
-        }, /*#__PURE__*/_react.default.createElement(_icons.Info, {
+        }, /*#__PURE__*/_react.default.createElement(_iconsMaterial.Info, {
           className: "selected-choice-icon"
         })), /*#__PURE__*/_react.default.createElement("span", {
           className: "cv-choice-text"
@@ -653,7 +653,7 @@ const ChatRoom = props => {
       className: "chatroom__headerleft"
     }, /*#__PURE__*/_react.default.createElement("div", {
       className: 'chat-avatar'
-    }, /*#__PURE__*/_react.default.createElement(_core.Avatar, {
+    }, /*#__PURE__*/_react.default.createElement(_material.Avatar, {
       style: {
         backgroundColor: props.chatTab ? 'transparent' : null
       }
@@ -661,11 +661,11 @@ const ChatRoom = props => {
       className: "chatroom__headerright"
     }, !props.chatTab && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_Tooltip.default, {
       title: "Poll"
-    }, /*#__PURE__*/_react.default.createElement(_core.IconButton, {
+    }, /*#__PURE__*/_react.default.createElement(_material.IconButton, {
       onClick: e => {
         setMode('POLL');
       }
-    }, /*#__PURE__*/_react.default.createElement(_icons.Poll, {
+    }, /*#__PURE__*/_react.default.createElement(_iconsMaterial.Poll, {
       style: {
         color: props.chatTab ? 'white' : null,
         marginTop: props.chatTab ? '8px' : null
@@ -728,7 +728,7 @@ const ChatRoom = props => {
       inputProps: {
         endAdornment: /*#__PURE__*/_react.default.createElement(_InputAdornment.default, {
           position: "end"
-        }, /*#__PURE__*/_react.default.createElement(_core.IconButton, {
+        }, /*#__PURE__*/_react.default.createElement(_material.IconButton, {
           style: _Styles.default.inputAdornmentIcon,
           type: "submit",
           onClick: e => {

package/dist/components/media/chat/ChatRoomItem.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _react = _interopRequireWildcard(require("react"));
-var _core = require("@material-ui/core");
+var _material = require("@mui/material");
 var _moment = _interopRequireDefault(require("moment"));
 var _reactRouterDom = require("react-router-dom");
 var _Icon = _interopRequireDefault(require("../Icon"));
@@ -44,11 +44,11 @@ const ChatRoomItem = props => {
     onClick: () => {
       goToRoom(event.id);
     }
-  }, /*#__PURE__*/_react.default.createElement(_core.Badge, {
+  }, /*#__PURE__*/_react.default.createElement(_material.Badge, {
     color: "error",
     badgeContent: getUnreadMessagesCount(),
     max: 9
-  }, /*#__PURE__*/_react.default.createElement(_core.Avatar, null, event.type === 'CALENDAR_MEETING' || event.participants.length > 2 ? /*#__PURE__*/_react.default.createElement(_reactFeather.Calendar, null) : _Utils.default.getInitials(event.participants.find(p => p.userId !== currentUser.userId).name))), /*#__PURE__*/_react.default.createElement("div", {
+  }, /*#__PURE__*/_react.default.createElement(_material.Avatar, null, event.type === 'CALENDAR_MEETING' || event.participants.length > 2 ? /*#__PURE__*/_react.default.createElement(_reactFeather.Calendar, null) : _Utils.default.getInitials(event.participants.find(p => p.userId !== currentUser.userId).name))), /*#__PURE__*/_react.default.createElement("div", {
     className: "chatroom__info"
   }, /*#__PURE__*/_react.default.createElement("div", {
     className: "chatRoom__title"

package/dist/components/media/chat/ChatRoomList.js

@@ -7,8 +7,8 @@ exports.default = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _ChatRoomItem = _interopRequireDefault(require("./ChatRoomItem"));
 require("./ChatRooms.scss");
-var _core = require("@material-ui/core");
-var _Tooltip = _interopRequireDefault(require("@material-ui/core/Tooltip"));
+var _material = require("@mui/material");
+var _Tooltip = _interopRequireDefault(require("@mui/material/Tooltip"));
 var _SocketManager = _interopRequireDefault(require("../../service/SocketManager"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
@@ -40,7 +40,7 @@ const ChatRoomList = props => {
     className: "header__right"
   }, /*#__PURE__*/_react.default.createElement(_Tooltip.default, {
     title: "New Chat"
-  }, /*#__PURE__*/_react.default.createElement(_core.IconButton, {
+  }, /*#__PURE__*/_react.default.createElement(_material.IconButton, {
     onClick: () => {
       addChat();
     }

package/dist/components/media/chat/ChatRoomWrapper.js

@@ -14,7 +14,7 @@ var _RestUtils = require("../../../RestUtils");
 var _ApplicationManager = _interopRequireDefault(require("../../../ApplicationManager"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 const location = window.location.protocol + '//' + window.location.hostname;
-const ChatRoomWrapper = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.default.forwardRef((props, ref) => {
+const ChatRoomWrapper = /*#__PURE__*/_react.default.memo(/*#__PURE__*/_react.default.forwardRef((props, ref) => {
   const [visible, setVisible] = _react.default.useState(true);
   const [chat, setChat] = _react.default.useState(null);
   _react.default.useEffect(() => {
@@ -53,7 +53,6 @@ const ChatRoomWrapper = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.de
     };
   };
   return /*#__PURE__*/_react.default.createElement("div", {
-    ref: ref,
     style: {
       display: visible ? 'block' : 'none'
     }

package/dist/components/media/chat/PollContainer.js

@@ -6,17 +6,17 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _react = _interopRequireWildcard(require("react"));
 require("./ChatRooms.scss");
-var _core = require("@material-ui/core");
+var _material = require("@mui/material");
 var _Utils = _interopRequireDefault(require("../../../Utils"));
-var _FormControl = _interopRequireDefault(require("@material-ui/core/FormControl"));
-var _RadioGroup = _interopRequireDefault(require("@material-ui/core/RadioGroup"));
-var _Button = _interopRequireDefault(require("@material-ui/core/Button"));
+var _FormControl = _interopRequireDefault(require("@mui/material/FormControl"));
+var _RadioGroup = _interopRequireDefault(require("@mui/material/RadioGroup"));
+var _Button = _interopRequireDefault(require("@mui/material/Button"));
 var _VCEventManager = _interopRequireDefault(require("../VCEventManager"));
 var _SocketManager = _interopRequireDefault(require("../../SocketManager"));
 var _VCEventType = require("../VCEventType");
 var _PollResult = _interopRequireDefault(require("./PollResult"));
-var _FormControlLabel = _interopRequireDefault(require("@material-ui/core/FormControlLabel"));
-var _Radio = _interopRequireDefault(require("@material-ui/core/Radio"));
+var _FormControlLabel = _interopRequireDefault(require("@mui/material/FormControlLabel"));
+var _Radio = _interopRequireDefault(require("@mui/material/Radio"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
@@ -100,7 +100,7 @@ const PollContainer = props => {
       if (closed) {
         const winningOpt = winningOptions(renderedPoll.options);
         renderedPoll.options.forEach(option => {
-          pollOptionRows.push( /*#__PURE__*/_react.default.createElement(_PollResult.default, {
+          pollOptionRows.push(/*#__PURE__*/_react.default.createElement(_PollResult.default, {
             key: option.id,
             option: option,
             isWinner: winningOpt && option.id === winningOpt.id,
@@ -110,7 +110,7 @@ const PollContainer = props => {
         });
       } else {
         renderedPoll.options.forEach(option => {
-          pollOptionRows.push( /*#__PURE__*/_react.default.createElement(_FormControlLabel.default, {
+          pollOptionRows.push(/*#__PURE__*/_react.default.createElement(_FormControlLabel.default, {
             key: option.id,
             className: "poll-choice-radio",
             value: option.id,
@@ -128,7 +128,7 @@ const PollContainer = props => {
     className: "poll-header"
   }, /*#__PURE__*/_react.default.createElement("div", {
     className: "poll-creator-info"
-  }, /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_core.Avatar, {
+  }, /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_material.Avatar, {
     className: "poll-creator-avatar",
     style: {
       backgroundColor: _Utils.default.getAvatarColor(props.pollCreator.name)

package/dist/components/media/chat/PollResult.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _react = _interopRequireWildcard(require("react"));
 require("./ChatRooms.scss");
-var _icons = require("@material-ui/icons");
+var _iconsMaterial = require("@mui/icons-material");
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 const PollResult = props => {
@@ -18,7 +18,7 @@ const PollResult = props => {
     className: "cv-choice-percentage"
   }, !props.percentVote ? '0' : Math.round(props.percentVote * 100) / 100, "%"), /*#__PURE__*/_react.default.createElement("span", {
     className: "cv-choice-text"
-  }, props.option.text), props.isSelected ? /*#__PURE__*/_react.default.createElement(_icons.CheckCircle, {
+  }, props.option.text), props.isSelected ? /*#__PURE__*/_react.default.createElement(_iconsMaterial.CheckCircle, {
     className: "selected-choice-icon"
   }) : null), /*#__PURE__*/_react.default.createElement("span", {
     className: props.isWinner ? 'cv-choice-percent-chart winner' : 'cv-choice-percent-chart',

package/dist/components/menu/MenuBars.js

@@ -6,13 +6,13 @@ Object.defineProperty(exports, "__esModule", {
 exports.CollapsibleMenuBar = CollapsibleMenuBar;
 exports.PopupMenuBar = PopupMenuBar;
 var _react = _interopRequireWildcard(require("react"));
-var _List = _interopRequireDefault(require("@material-ui/core/List"));
-var _styles = require("@material-ui/core/styles");
-var _ListItem = _interopRequireDefault(require("@material-ui/core/ListItem"));
-var _ListItemText = _interopRequireDefault(require("@material-ui/core/ListItemText"));
-var _Collapse = _interopRequireDefault(require("@material-ui/core/Collapse"));
-var _ExpandLess = _interopRequireDefault(require("@material-ui/icons/ExpandLess"));
-var _ExpandMore = _interopRequireDefault(require("@material-ui/icons/ExpandMore"));
+var _List = _interopRequireDefault(require("@mui/material/List"));
+var _styles = require("@mui/styles");
+var _ListItem = _interopRequireDefault(require("@mui/material/ListItem"));
+var _ListItemText = _interopRequireDefault(require("@mui/material/ListItemText"));
+var _Collapse = _interopRequireDefault(require("@mui/material/Collapse"));
+var _ExpandLess = _interopRequireDefault(require("@mui/icons-material/ExpandLess"));
+var _ExpandMore = _interopRequireDefault(require("@mui/icons-material/ExpandMore"));
 var _Utils = _interopRequireDefault(require("../../Utils"));
 var _MenuItem = _interopRequireDefault(require("./MenuItem"));
 var _colors = require("material-ui/styles/colors");

package/dist/components/menu/MenuButton.js

@@ -5,17 +5,17 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
-var _Button = _interopRequireDefault(require("@material-ui/core/Button"));
-var _ClickAwayListener = _interopRequireDefault(require("@material-ui/core/ClickAwayListener"));
-var _Grow = _interopRequireDefault(require("@material-ui/core/Grow"));
-var _Paper = _interopRequireDefault(require("@material-ui/core/Paper"));
-var _Popper = _interopRequireDefault(require("@material-ui/core/Popper"));
+var _Button = _interopRequireDefault(require("@mui/material/Button"));
+var _ClickAwayListener = _interopRequireDefault(require("@mui/material/ClickAwayListener"));
+var _Grow = _interopRequireDefault(require("@mui/material/Grow"));
+var _Paper = _interopRequireDefault(require("@mui/material/Paper"));
+var _Popper = _interopRequireDefault(require("@mui/material/Popper"));
 var _Observable = _interopRequireDefault(require("../../event/Observable"));
 var _MenuItem = _interopRequireDefault(require("./MenuItem"));
-var _styles = require("@material-ui/core/styles");
-var _MenuList = _interopRequireDefault(require("@material-ui/core/MenuList"));
+var _styles = require("@mui/styles");
+var _MenuList = _interopRequireDefault(require("@mui/material/MenuList"));
 var _Utils = _interopRequireDefault(require("../../Utils"));
-var _IconButton = _interopRequireDefault(require("@material-ui/core/IconButton"));
+var _IconButton = _interopRequireDefault(require("@mui/material/IconButton"));
 var _Icon = _interopRequireDefault(require("../Icon"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
@@ -35,7 +35,7 @@ const useStyles = (0, _styles.makeStyles)(theme => ({
     zIndex: 2
   }
 }));
-const MenuButton = /*#__PURE__*/_react.default.forwardRef((props, ref) => {
+const MenuButton = props => {
   const classes = useStyles();
   const [open, setOpen] = _react.default.useState(false);
   const anchorRef = _react.default.useRef(null);
@@ -166,5 +166,5 @@ const MenuButton = /*#__PURE__*/_react.default.forwardRef((props, ref) => {
       handle: createItemHandle(item)
     }))))));
   })));
-});
+};
 var _default = exports.default = MenuButton;

package/dist/components/menu/MenuItem.js

@@ -5,14 +5,14 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
-var _MenuItem = _interopRequireDefault(require("material-ui/MenuItem"));
+var _MenuItem = _interopRequireDefault(require("@mui/material/MenuItem"));
 var _chevronRight = _interopRequireDefault(require("material-ui/svg-icons/navigation/chevron-right"));
 var _Utils = _interopRequireDefault(require("../../Utils"));
 var _Observable = _interopRequireDefault(require("../../event/Observable"));
 var _EventType = _interopRequireDefault(require("../../event/EventType"));
 var _Event = _interopRequireDefault(require("../../event/Event"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-const MenuItem = /*#__PURE__*/_react.default.forwardRef((props, ref) => {
+const MenuItem = props => {
   const [disabled, setDisabled] = _react.default.useState(false);
   const [visible, setVisible] = _react.default.useState(true);
   const [config, setConfig] = _react.default.useState(null);
@@ -66,13 +66,12 @@ const MenuItem = /*#__PURE__*/_react.default.forwardRef((props, ref) => {
   };
   return config && /*#__PURE__*/_react.default.createElement(_MenuItem.default, {
     onClick: e => handleClick(e),
-    ref: ref,
     disabled: disabled,
     style: {
       display: visible ? null : 'none'
     },
-    rightIcon: props.mode === 'cascaded' && !_Utils.default.isNull(props.menuItems) && props.menuItems.length > 0 ? /*#__PURE__*/_react.default.createElement(_chevronRight.default, null) : null,
-    menuItems: props.menuItems
+    righticon: props.mode === 'cascaded' && !_Utils.default.isNull(props.menuItems) && props.menuItems.length > 0 ? /*#__PURE__*/_react.default.createElement(_chevronRight.default, null) : null,
+    menuitems: props.menuItems
   }, config.attributes['label']);
-});
+};
 var _default = exports.default = MenuItem;

package/dist/components/menu/MenuLink.js

@@ -15,7 +15,7 @@ var _reactRedux = require("react-redux");
 var _DashboardStore = require("../../redux/store/DashboardStore");
 var _Icon = _interopRequireDefault(require("../Icon"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-const MenuLink = /*#__PURE__*/_react.default.forwardRef((props, ref) => {
+const MenuLink = props => {
   const dispatch = (0, _reactRedux.useDispatch)();
   _react.default.useEffect(() => {
     let parsedConfig = _Utils.default.parseConfig(props.config, props.viewId);
@@ -61,7 +61,6 @@ const MenuLink = /*#__PURE__*/_react.default.forwardRef((props, ref) => {
   };
   return /*#__PURE__*/_react.default.createElement("a", {
     onClick: e => handleClick(e),
-    ref: ref,
     style: {
       color: 'inherit',
       marginLeft: (props.level + 1) * props.tab + 'px',
@@ -72,5 +71,5 @@ const MenuLink = /*#__PURE__*/_react.default.forwardRef((props, ref) => {
   }), ' ', props.name, ' ') : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("span", {
     className: "sidebar-normal"
   }, ' ', props.name, ' '), ' '), ' ');
-});
+};
 var _default = exports.default = MenuLink;

package/dist/components/menu/PopupMenu.js

@@ -6,8 +6,8 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = PopupMenu;
 var _react = _interopRequireDefault(require("react"));
 var _MenuItem = _interopRequireDefault(require("material-ui/MenuItem"));
-var _MenuList = _interopRequireDefault(require("@material-ui/core/MenuList"));
-var _styles = require("@material-ui/core/styles");
+var _MenuList = _interopRequireDefault(require("@mui/material/MenuList"));
+var _styles = require("@mui/styles");
 var _MenuBars = require("./MenuBars");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 const useStyles = (0, _styles.makeStyles)(theme => ({

package/dist/components/navbars/AuthNavbar.js

@@ -8,16 +8,16 @@ var _react = _interopRequireDefault(require("react"));
 var _classnames = _interopRequireDefault(require("classnames"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _reactRouterDom = require("react-router-dom");
-var _styles = require("@material-ui/core/styles");
-var _AppBar = _interopRequireDefault(require("@material-ui/core/AppBar"));
-var _Toolbar = _interopRequireDefault(require("@material-ui/core/Toolbar"));
-var _Hidden = _interopRequireDefault(require("@material-ui/core/Hidden"));
-var _List = _interopRequireDefault(require("@material-ui/core/List"));
-var _ListItem = _interopRequireDefault(require("@material-ui/core/ListItem"));
-var _ListItemText = _interopRequireDefault(require("@material-ui/core/ListItemText"));
-var _Menu = _interopRequireDefault(require("@material-ui/icons/Menu"));
-var _Fingerprint = _interopRequireDefault(require("@material-ui/icons/Fingerprint"));
-var _LockOpen = _interopRequireDefault(require("@material-ui/icons/LockOpen"));
+var _styles = require("@mui/styles");
+var _AppBar = _interopRequireDefault(require("@mui/material/AppBar"));
+var _Toolbar = _interopRequireDefault(require("@mui/material/Toolbar"));
+var _Hidden = _interopRequireDefault(require("@mui/material/Hidden"));
+var _List = _interopRequireDefault(require("@mui/material/List"));
+var _ListItem = _interopRequireDefault(require("@mui/material/ListItem"));
+var _ListItemText = _interopRequireDefault(require("@mui/material/ListItemText"));
+var _Menu = _interopRequireDefault(require("@mui/icons-material/Menu"));
+var _Fingerprint = _interopRequireDefault(require("@mui/icons-material/Fingerprint"));
+var _LockOpen = _interopRequireDefault(require("@mui/icons-material/LockOpen"));
 var _CardAvatar = _interopRequireDefault(require("../card/CardAvatar"));
 var _RegularButton = _interopRequireDefault(require("../RegularButton"));
 var _authNavbarStyle = _interopRequireDefault(require("../../assets/jss/components/authNavbarStyle"));

package/dist/components/navbars/HomeNavbar.js

@@ -13,7 +13,7 @@ var _redux = require("redux");
 var _DashboardStore = require("../../redux/store/DashboardStore");
 var _Utils = _interopRequireDefault(require("../../Utils"));
 var _ActionHandlers = _interopRequireDefault(require("../../event/ActionHandlers"));
-var _IconButton = _interopRequireDefault(require("@material-ui/core/IconButton"));
+var _IconButton = _interopRequireDefault(require("@mui/material/IconButton"));
 var _colors = require("material-ui/styles/colors");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 const propHandler = state => {
@@ -126,7 +126,8 @@ class HomeNavbar extends _react.default.Component {
     })), " "), " ", /*#__PURE__*/_react.default.createElement(_reactstrap.NavbarBrand, {
       style: {
         paddingLeft: 8,
-        color: this.props.themeTextColor
+        color: this.props.themeTextColor,
+        marginTop: '64px'
       },
       href: "#pablo",
       onClick: e => e.preventDefault()
@@ -158,7 +159,9 @@ class HomeNavbar extends _react.default.Component {
     })), " ", /*#__PURE__*/_react.default.createElement("div", {
       className: "col-*-*",
       style: {
-        height: '48px'
+        height: '48px',
+        display: 'flex',
+        justifyContent: 'end'
       }
     }, /*#__PURE__*/_react.default.createElement("div", {
       style: {
@@ -202,7 +205,7 @@ class HomeNavbar extends _react.default.Component {
       className: "caret d-none d-lg-block d-xl-block"
     })), " ", /*#__PURE__*/_react.default.createElement(_reactstrap.DropdownMenu, {
       className: "dropdown-navbar",
-      right: true,
+      end: true,
       tag: "ul"
     }, /*#__PURE__*/_react.default.createElement(_reactstrap.NavLink, {
       tag: "li"

package/dist/components/navbars/PortalNavbar.js

@@ -5,8 +5,8 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
-var _IconButton = _interopRequireDefault(require("@material-ui/core/IconButton"));
-var _styles = require("@material-ui/core/styles");
+var _IconButton = _interopRequireDefault(require("@mui/material/IconButton"));
+var _styles = require("@mui/styles");
 var _Icon = _interopRequireDefault(require("./../Icon"));
 var _colors = require("material-ui/styles/colors");
 require("./PortalNavbar.css");