@agilemotion/oui-react-js 1.6.0 → 1.6.2

package/dist/components/layout/ViewPort.js

@@ -19,36 +19,51 @@ var _PopupView = _interopRequireDefault(require("../PopupView"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-const ViewPort = () => {
-  const navigate = (0, _reactRouterDom.useNavigate)();
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
 
-  const [loading, setLoading] = _react.default.useState(true);
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
 
-  const confirmationDialogController = _react.default.useRef({});
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
 
-  const popupViewController = _react.default.useRef({});
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
 
-  const openPopupView = view => {
+function _iterableToArrayLimit(arr, i) { if (typeof Symbol === "undefined" || !(Symbol.iterator in Object(arr))) return; var _arr = []; var _n = true; var _d = false; var _e = undefined; try { for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
+
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+
+var ViewPort = function ViewPort() {
+  var navigate = (0, _reactRouterDom.useNavigate)();
+
+  var _React$useState = _react.default.useState(true),
+      _React$useState2 = _slicedToArray(_React$useState, 2),
+      loading = _React$useState2[0],
+      setLoading = _React$useState2[1];
+
+  var confirmationDialogController = _react.default.useRef({});
+
+  var popupViewController = _react.default.useRef({});
+
+  var openPopupView = function openPopupView(view) {
     popupViewController.current.open(view);
   };
 
-  const closePopupView = () => {
+  var closePopupView = function closePopupView() {
     popupViewController.current.close();
   };
 
-  _react.default.useEffect(() => {
+  _react.default.useEffect(function () {
     if (loading) {
       setLoading(false);
     }
   });
 
-  _react.default.useEffect(() => {
+  _react.default.useEffect(function () {
     if (!loading) {
       navigate("/view/dashboard");
     }
   }, [loading]);
 
-  _react.default.useEffect(() => {
+  _react.default.useEffect(function () {
     confirmationDialogController.current.openPopupView = openPopupView;
     confirmationDialogController.current.closePopupView = closePopupView; //applicationManager.setViewPortHistory(props.history);
 

package/dist/components/layout/Window.js

@@ -1,5 +1,7 @@
 "use strict";
 
+function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -25,18 +27,32 @@ var _ApplicationManager = _interopRequireDefault(require("../../ApplicationManag
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function () { return cache; }; return cache; }
+function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function _getRequireWildcardCache() { return cache; }; return cache; }
+
+function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
 
-function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
+
+function _iterableToArrayLimit(arr, i) { if (typeof Symbol === "undefined" || !(Symbol.iterator in Object(arr))) return; var _arr = []; var _n = true; var _d = false; var _e = undefined; try { for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
+
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 
 function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
-const minimizeWidth = '848';
-const StyledDialog = (0, _withStyles.default)({
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+var minimizeWidth = '848';
+var StyledDialog = (0, _withStyles.default)({
   root: {
     pointerEvents: 'none'
   },
-  paper: {
+  paper: _defineProperty({
     pointerEvents: 'auto',
     width: 'calc(100% - 344px)',
     maxWidth: '100%',
@@ -46,24 +62,28 @@ const StyledDialog = (0, _withStyles.default)({
     bottom: 0,
     right: 0,
     overflow: 'hidden',
-    borderRadius: 4,
-    ['@media (max-width:991px)']: {
-      maxWidth: '100%'
-    }
-  }
-})(props => /*#__PURE__*/_react.default.createElement(_Dialog.default, _extends({
-  hideBackdrop: true
-}, props)));
+    borderRadius: 4
+  }, '@media (max-width:991px)', {
+    maxWidth: '100%'
+  })
+})(function (props) {
+  return /*#__PURE__*/_react.default.createElement(_Dialog.default, _extends({
+    hideBackdrop: true
+  }, props));
+});
 
-const PaperComponent = props => {
-  const [bounds, setBounds] = (0, _react.useState)({
+var PaperComponent = function PaperComponent(props) {
+  var _useState = (0, _react.useState)({
     left: 0,
     right: 0,
     top: 0,
     bottom: 0
-  });
+  }),
+      _useState2 = _slicedToArray(_useState, 2),
+      bounds = _useState2[0],
+      setBounds = _useState2[1];
 
-  const handleStart = (e, data) => {
+  var handleStart = function handleStart(e, data) {
     console.log("DRAG START");
 
     if (!data) {
@@ -71,8 +91,8 @@ const PaperComponent = props => {
     } //const x = data.node.offsetLeft - data.node.offsetWidth;
 
 
-    const top = -data.node.offsetTop + 64;
-    const bottom = window.innerHeight - (data.node.offsetTop + 64);
+    var top = -data.node.offsetTop + 64;
+    var bottom = window.innerHeight - (data.node.offsetTop + 64);
     setBounds({
       left: 0,
       right: 0,
@@ -90,15 +110,22 @@ const PaperComponent = props => {
   }, /*#__PURE__*/_react.default.createElement(_Paper.default, props));
 };
 
-const Window = props => {
-  const {
-    children,
-    open,
-    minimizable
-  } = props;
-  const [displayState, setDisplayState] = (0, _react.useState)(props.displayState);
-  const [windowTransformValue, setWindowTransformValue] = (0, _react.useState)(null);
-  (0, _react.useEffect)(() => {
+var Window = function Window(props) {
+  var children = props.children,
+      open = props.open,
+      minimizable = props.minimizable;
+
+  var _useState3 = (0, _react.useState)(props.displayState),
+      _useState4 = _slicedToArray(_useState3, 2),
+      displayState = _useState4[0],
+      setDisplayState = _useState4[1];
+
+  var _useState5 = (0, _react.useState)(null),
+      _useState6 = _slicedToArray(_useState5, 2),
+      windowTransformValue = _useState6[0],
+      setWindowTransformValue = _useState6[1];
+
+  (0, _react.useEffect)(function () {
     if (props.displayState) {
       setDisplayState(props.displayState);
 
@@ -107,15 +134,17 @@ const Window = props => {
       });
     }
   }, [props.displayState]);
-  (0, _react.useEffect)(() => {
+  (0, _react.useEffect)(function () {
     _ApplicationManager.default.addApplicationContextSubscription({
       handler: {
         get id() {
           return 'window';
         },
 
-        onContextChange: (context, newValues) => {
-          if (Object.keys(newValues).find(key => key === 'windowDisplayState')) {
+        onContextChange: function onContextChange(context, newValues) {
+          if (Object.keys(newValues).find(function (key) {
+            return key === 'windowDisplayState';
+          })) {
             console.log('MIN : ' + newValues.windowDisplayState);
 
             if (newValues.windowDisplayState === 'MAXIMIZED') {
@@ -128,13 +157,13 @@ const Window = props => {
           }
         }
       }
-    }).then(initialContext => {
+    }).then(function (initialContext) {
       setDisplayState(initialContext ? initialContext.windowDisplayState : 'MAXIMIZED');
     });
 
-    return () => {};
+    return function () {};
   }, []);
-  (0, _react.useEffect)(() => {
+  (0, _react.useEffect)(function () {
     if (displayState === 'MAXIMIZED') {
       maximizeView(null);
     } else if (displayState === 'MINIMIZED') {
@@ -144,7 +173,7 @@ const Window = props => {
     }
   }, [displayState]);
 
-  const getMinimizedStyle = () => {
+  var getMinimizedStyle = function getMinimizedStyle() {
     return {
       transform: 'translate(0, 0)',
       backgroundColor: '#FFFFFF',
@@ -154,7 +183,7 @@ const Window = props => {
     };
   };
 
-  const getMaximizedStyle = () => {
+  var getMaximizedStyle = function getMaximizedStyle() {
     return {
       transform: 'translate(0, 0)',
       backgroundColor: '#FFFFFF',
@@ -164,7 +193,7 @@ const Window = props => {
     };
   };
 
-  const getPinnedStyle = () => {
+  var getPinnedStyle = function getPinnedStyle() {
     return {
       transform: 'translate(0, 0)',
       backgroundColor: '#FFFFFF',
@@ -174,9 +203,11 @@ const Window = props => {
     };
   };
 
-  const pinView = (e, updateContext = true) => {
+  var pinView = function pinView(e) {
+    var updateContext = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
+
     if (props.pinnable) {
-      let paper = document.getElementById('meetingDialogPaper');
+      var paper = document.getElementById('meetingDialogPaper');
 
       if (paper) {
         if (windowTransformValue) {
@@ -186,7 +217,7 @@ const Window = props => {
         paper.style.width = '320px';
         paper.style.height = 'calc(100% - 88px)';
         paper.style.boxShadow = 'unset';
-        let header = document.getElementsByClassName('dialogHeader')[0];
+        var header = document.getElementsByClassName('dialogHeader')[0];
         header.getElementsByTagName('button')[0].style.color = '#000000';
         setDisplayState('PINNED');
 
@@ -201,9 +232,11 @@ const Window = props => {
     }
   };
 
-  const minimizeView = (e, updateContext = true) => {
+  var minimizeView = function minimizeView(e) {
+    var updateContext = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
+
     if (minimizable) {
-      let paper = document.getElementById('meetingDialogPaper');
+      var paper = document.getElementById('meetingDialogPaper');
 
       if (paper) {
         if (windowTransformValue) {
@@ -213,7 +246,7 @@ const Window = props => {
         paper.style.width = minimizeWidth + 'px';
         paper.style.height = '500px';
         paper.style.margin = '0 16px 16px 16px';
-        let header = document.getElementsByClassName('dialogHeader')[0];
+        var header = document.getElementsByClassName('dialogHeader')[0];
         header.getElementsByTagName('button')[0].style.color = '#000000';
         document.getElementById('meeting-window-header').style.cursor = 'move';
         setDisplayState('MINIMIZED');
@@ -228,23 +261,24 @@ const Window = props => {
   };
 
   function getLeftOffset() {
-    let sidebarWidth = parseInt(document.getElementsByClassName('sidebar')[0].style.width.replace('px', ''));
+    var sidebarWidth = parseInt(document.getElementsByClassName('sidebar')[0].style.width.replace('px', ''));
     return sidebarWidth + (sidebarWidth === 0 ? 16 : 36);
   }
 
-  const maximizeView = (e, updateContext = true) => {
-    let paper = document.getElementById('meetingDialogPaper');
+  var maximizeView = function maximizeView(e) {
+    var updateContext = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
+    var paper = document.getElementById('meetingDialogPaper');
 
     if (paper) {
-      let sidebar = document.getElementsByClassName('sidebar')[0];
-      let sidebarTransform = window.getComputedStyle(sidebar, null).transform;
+      var sidebar = document.getElementsByClassName('sidebar')[0];
+      var sidebarTransform = window.getComputedStyle(sidebar, null).transform;
       setWindowTransformValue(paper.style.transform);
       paper.style.transform = 'translate(0, 0)';
       paper.style.backgroundColor = '#FFFFFF';
       paper.style.width = 'calc(100% - ' + getLeftOffset() + 'px)';
       paper.style.height = 'calc(100% - 88px)';
       paper.style.margin = '8px';
-      let header = document.getElementsByClassName('dialogHeader')[0];
+      var header = document.getElementsByClassName('dialogHeader')[0];
       header.getElementsByTagName('button')[0].style.color = 'rgba(0, 0, 0, 0.54)';
       document.getElementById('meeting-window-header').style.cursor = 'default';
       setDisplayState('MAXIMIZED');
@@ -270,7 +304,7 @@ const Window = props => {
   }, /*#__PURE__*/_react.default.createElement(StyledDialog, {
     disableEnforceFocus: true,
     open: open,
-    onClose: e => {
+    onClose: function onClose(e) {
       props.onClose();
     },
     keepMounted: true,
@@ -302,7 +336,7 @@ const Window = props => {
   }, /*#__PURE__*/_react.default.createElement("div", {
     className: 'dialogHeader row'
   }, minimizable && /*#__PURE__*/_react.default.createElement("div", null, displayState === 'MAXIMIZED' ? /*#__PURE__*/_react.default.createElement(_IconButton.default, {
-    onClick: e => {
+    onClick: function onClick(e) {
       minimizeView(e);
     },
     style: {
@@ -311,7 +345,7 @@ const Window = props => {
   }, /*#__PURE__*/_react.default.createElement(_Icon.default, {
     id: 'MINIMIZE'
   })) : /*#__PURE__*/_react.default.createElement(_IconButton.default, {
-    onClick: e => {
+    onClick: function onClick(e) {
       maximizeView(e);
     },
     style: {
@@ -320,7 +354,7 @@ const Window = props => {
   }, /*#__PURE__*/_react.default.createElement(_Icon.default, {
     id: 'MAXIMIZE'
   }))), props.pinnable && /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_IconButton.default, {
-    onClick: e => {
+    onClick: function onClick(e) {
       props.onPin();
     },
     style: {

package/dist/components/layout/WindowViewPort.js

@@ -1,5 +1,7 @@
 "use strict";
 
+function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -23,18 +25,38 @@ var _IconButton = _interopRequireDefault(require("@material-ui/core/IconButton")
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function () { return cache; }; return cache; }
+function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function _getRequireWildcardCache() { return cache; }; return cache; }
+
+function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
+
+function _iterableToArrayLimit(arr, i) { if (typeof Symbol === "undefined" || !(Symbol.iterator in Object(arr))) return; var _arr = []; var _n = true; var _d = false; var _e = undefined; try { for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
 
-function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 
-const WindowViewContainer = props => {
-  const [view, setView] = _react.default.useState(null);
+var WindowViewContainer = function WindowViewContainer(props) {
+  var _React$useState = _react.default.useState(null),
+      _React$useState2 = _slicedToArray(_React$useState, 2),
+      view = _React$useState2[0],
+      setView = _React$useState2[1];
 
-  const [pinned, setPinned] = _react.default.useState(false);
+  var _React$useState3 = _react.default.useState(false),
+      _React$useState4 = _slicedToArray(_React$useState3, 2),
+      pinned = _React$useState4[0],
+      setPinned = _React$useState4[1];
 
   function loadView(context) {
     if (context) {
-      if (Object.keys(context).find(key => key === 'windowView')) {
+      if (Object.keys(context).find(function (key) {
+        return key === 'windowView';
+      })) {
         setView(null);
         setView(context.windowView);
         setPinned(false);
@@ -42,54 +64,54 @@ const WindowViewContainer = props => {
     }
   }
 
-  _react.default.useEffect(() => {
+  _react.default.useEffect(function () {
     _ApplicationManager.default.addApplicationContextSubscription({
       handler: {
         get id() {
           return 'window-view-port';
         },
 
-        onContextChange: (context, newValues) => {
+        onContextChange: function onContextChange(context, newValues) {
           loadView(newValues);
         }
       }
-    }).then(initialContext => {
+    }).then(function (initialContext) {
       loadView(initialContext);
     });
   }, []);
 
-  _react.default.useEffect(() => {
+  _react.default.useEffect(function () {
     props.stateChangeHandler({
-      pinned
+      pinned: pinned
     });
   }, [pinned]);
 
-  const renderView = () => {
+  var renderView = function renderView() {
     return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, view && /*#__PURE__*/_react.default.createElement(_Window.default, {
       pinnable: true,
       minimizable: false,
       open: true,
       displayState: 'MAXIMIZED',
-      onPinned: () => {
+      onPinned: function onPinned() {
         if (!pinned) {
           setPinned(true);
         }
       },
-      onPin: () => {
+      onPin: function onPin() {
         _ApplicationManager.default.updateContext({
           windowDisplayState: pinned ? 'MAXIMIZED' : 'PINNED'
         });
 
         setPinned(!pinned);
       },
-      onClose: () => {}
+      onClose: function onClose() {}
     }, /*#__PURE__*/_react.default.createElement(_View.View, {
       config: view.config,
       parameters: view.parameters,
       ref: /*#__PURE__*/_react.default.createRef(),
       handle: view.handle
     })), view && pinned && /*#__PURE__*/_react.default.createElement(_IconButton.default, {
-      onClick: e => {
+      onClick: function onClick(e) {
         _ApplicationManager.default.updateContext({
           windowDisplayState: 'MAXIMIZED'
         });

package/dist/components/media/ClosablePanel.js

@@ -17,12 +17,10 @@ var _Icon = _interopRequireDefault(require("../Icon"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-const ClosablePanel = props => {
-  const params = (0, _reactRouterDom.useParams)();
-  const location = (0, _reactRouterDom.useLocation)();
-  const {
-    children
-  } = props;
+var ClosablePanel = function ClosablePanel(props) {
+  var params = (0, _reactRouterDom.useParams)();
+  var location = (0, _reactRouterDom.useLocation)();
+  var children = props.children;
   return /*#__PURE__*/_react.default.createElement("div", {
     style: {
       width: '100%'
@@ -40,7 +38,9 @@ const ClosablePanel = props => {
     style: {
       marginRight: '4px'
     },
-    onClick: e => props.closeHandler(e)
+    onClick: function onClick(e) {
+      return props.closeHandler(e);
+    }
   }, /*#__PURE__*/_react.default.createElement(_Icon.default, {
     id: 'CLOSE',
     color: '#404239'

package/dist/components/media/LobbyWaitingList.js

@@ -16,13 +16,11 @@ var _IconButton = _interopRequireDefault(require("@material-ui/core/IconButton")
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 /* eslint-disable react-hooks/exhaustive-deps */
-const HOST_WAITING_MESSAGE = 'Waiting for others to join';
-const ATTENDEE_WAITING_MESSAGE = 'Waiting for the meeting host to let you in';
+var HOST_WAITING_MESSAGE = 'Waiting for others to join';
+var ATTENDEE_WAITING_MESSAGE = 'Waiting for the meeting host to let you in';
 
-const LobbyWaitingList = props => {
-  const {
-    waitingList
-  } = props;
+var LobbyWaitingList = function LobbyWaitingList(props) {
+  var waitingList = props.waitingList;
   return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, waitingList && waitingList.length > 0 && /*#__PURE__*/_react.default.createElement("div", {
     style: {
       width: '320px',
@@ -42,7 +40,7 @@ const LobbyWaitingList = props => {
       fontSize: '16px',
       margin: '16px'
     }
-  }, waitingList.map((item, index) => {
+  }, waitingList.map(function (item, index) {
     return /*#__PURE__*/_react.default.createElement("div", {
       key: index
     }, /*#__PURE__*/_react.default.createElement("div", null), /*#__PURE__*/_react.default.createElement("div", {
@@ -62,7 +60,7 @@ const LobbyWaitingList = props => {
       },
       className: 'col-*-*'
     }, /*#__PURE__*/_react.default.createElement(_IconButton.default, {
-      onClick: e => {
+      onClick: function onClick(e) {
         props.acceptUserHandler(item);
       },
       style: {
@@ -74,7 +72,7 @@ const LobbyWaitingList = props => {
     }))), /*#__PURE__*/_react.default.createElement("div", {
       className: 'col-*-*'
     }, /*#__PURE__*/_react.default.createElement(_IconButton.default, {
-      onClick: e => {
+      onClick: function onClick(e) {
         props.rejectUserHandler(item);
       },
       style: {