@agilemotion/oui-react-js 1.8.2 → 1.8.4

package/dist/components/DataGridColumn.js

@@ -8,9 +8,9 @@ var _react = _interopRequireDefault(require("react"));
 var _Utils = _interopRequireDefault(require("../Utils"));
 var _Observable = _interopRequireDefault(require("../event/Observable"));
 var _reactSuperResponsiveTable = require("react-super-responsive-table");
-var _TableSortLabel = _interopRequireDefault(require("@material-ui/core/TableSortLabel"));
+var _TableSortLabel = _interopRequireDefault(require("@mui/material/TableSortLabel"));
 require("./DataGrid.css");
-var _styles = require("@material-ui/core/styles");
+var _styles = require("@mui/styles");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 const useStyles = (0, _styles.makeStyles)(theme => ({
   tableHeaderCell: {
@@ -22,7 +22,7 @@ const useStyles = (0, _styles.makeStyles)(theme => ({
     textAlign: 'right !important'
   }
 }));
-const DataGridColumn = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.default.forwardRef((props, ref) => {
+const DataGridColumn = /*#__PURE__*/_react.default.memo(/*#__PURE__*/_react.default.forwardRef((props, ref) => {
   const [config, setConfig] = _react.default.useState(props.config);
   const [label] = _react.default.useState(props.config.attributes['label']);
   const [postfix, setPostfix] = _react.default.useState('');

package/dist/components/DataGridFilter.js

@@ -10,11 +10,11 @@ var _reactSuperResponsiveTable = require("react-super-responsive-table");
 var _Form = _interopRequireDefault(require("./form/Form"));
 require("./form/Form.css");
 var _DataGrid = require("./DataGrid");
-var _Search = _interopRequireDefault(require("@material-ui/icons/Search"));
-var _IconButton = _interopRequireDefault(require("@material-ui/core/IconButton"));
+var _Search = _interopRequireDefault(require("@mui/icons-material/Search"));
+var _IconButton = _interopRequireDefault(require("@mui/material/IconButton"));
 var _ApplicationManager = _interopRequireDefault(require("../ApplicationManager"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-const DataGridFilter = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.default.forwardRef((props, ref) => {
+const DataGridFilter = /*#__PURE__*/_react.default.memo(/*#__PURE__*/_react.default.forwardRef((props, ref) => {
   const {
     onFilterSubmit,
     config
@@ -201,7 +201,6 @@ const DataGridFilter = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.def
     };
   };
   return config.gridType === 'TILE' ? /*#__PURE__*/_react.default.createElement("div", {
-    ref: ref,
     className: 'row'
   }, /*#__PURE__*/_react.default.createElement("div", {
     className: 'col'

package/dist/components/DataGridHeading.js

@@ -7,10 +7,10 @@ exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _reactSuperResponsiveTable = require("react-super-responsive-table");
 var _DataGrid = require("./DataGrid");
-var _Checkbox = _interopRequireDefault(require("@material-ui/core/Checkbox"));
+var _Checkbox = _interopRequireDefault(require("@mui/material/Checkbox"));
 var _DataGridColumn = _interopRequireDefault(require("./DataGridColumn"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
-var _styles = require("@material-ui/core/styles");
+var _styles = require("@mui/styles");
 var _Utils = _interopRequireDefault(require("../Utils"));
 var _Observable = _interopRequireDefault(require("../event/Observable"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
@@ -21,7 +21,7 @@ const useStyles = (0, _styles.makeStyles)(theme => ({
     overflow: 'inherit'
   }
 }));
-const DataGridHeading = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.default.forwardRef((props, ref) => {
+const DataGridHeading = /*#__PURE__*/_react.default.memo(/*#__PURE__*/_react.default.forwardRef((props, ref) => {
   const classes = useStyles();
   const {
     onSelectAllClick,
@@ -37,9 +37,6 @@ const DataGridHeading = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.de
   _react.default.useEffect(() => {
     props.handle.api = api();
   });
-  _react.default.useEffect(() => {
-    console.log('DATA GRID HEADING RENDERED');
-  }, []);
   const createColumnHandle = () => {
     let handle = {};
     columnHandles.push(handle);

package/dist/components/Dialog.js

@@ -8,11 +8,11 @@ var _react = _interopRequireDefault(require("react"));
 var _Utils = _interopRequireDefault(require("../Utils"));
 var _Observable = _interopRequireDefault(require("../event/Observable"));
 var _Layout = require("./layout/Layout");
-var _Dialog = _interopRequireDefault(require("@material-ui/core/Dialog"));
-var _DialogContent = _interopRequireDefault(require("@material-ui/core/DialogContent"));
-var _DialogTitle = _interopRequireDefault(require("@material-ui/core/DialogTitle"));
+var _Dialog = _interopRequireDefault(require("@mui/material/Dialog"));
+var _DialogContent = _interopRequireDefault(require("@mui/material/DialogContent"));
+var _DialogTitle = _interopRequireDefault(require("@mui/material/DialogTitle"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-const Dialog = exports.Dialog = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.default.forwardRef((props, ref) => {
+const Dialog = exports.Dialog = /*#__PURE__*/_react.default.memo(/*#__PURE__*/_react.default.forwardRef((props, ref) => {
   const [layoutHandle] = _react.default.useState({});
   const [model] = _react.default.useState({});
   const [open, setOpen] = _react.default.useState(false);

package/dist/components/DocumentTemplateDesigner.js

@@ -12,7 +12,7 @@ var _DocumentTemplateDesignerComponent = _interopRequireDefault(require("./Docum
 var _Event = _interopRequireDefault(require("../event/Event"));
 var _EventType = _interopRequireDefault(require("../event/EventType"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-const DocumentTemplateDesigner = /*#__PURE__*/_react.default.forwardRef((props, ref) => {
+const DocumentTemplateDesigner = props => {
   const [visible, setVisible] = _react.default.useState(false);
   const [loading, setLoading] = _react.default.useState(true);
   const [value, setValue] = _react.default.useState(null);
@@ -83,7 +83,6 @@ const DocumentTemplateDesigner = /*#__PURE__*/_react.default.forwardRef((props,
     setValue(newValue);
   };
   return /*#__PURE__*/_react.default.createElement("div", {
-    ref: ref,
     className: 'documentTemplateDesigner',
     style: _Utils.default.mergeStyles({
       display: visible ? 'block' : 'none',
@@ -101,5 +100,5 @@ const DocumentTemplateDesigner = /*#__PURE__*/_react.default.forwardRef((props,
     value: value,
     valueChangeHandler: onValueChange
   }));
-});
+};
 var _default = exports.default = DocumentTemplateDesigner;

package/dist/components/DocumentTemplateDesignerComponent.js

@@ -32,6 +32,7 @@ const DocumentTemplateDesignerComponent = props => {
   const model = React.useRef({});
   const [doc, setDoc] = React.useState(null);
   const [file, setFile] = React.useState(null);
+  const [documentData, setDocumentData] = React.useState(null);
   const [contentState] = React.useState({
     changed: false
   });
@@ -139,7 +140,7 @@ const DocumentTemplateDesignerComponent = props => {
           body: formData
         }).then(response => {
           (0, _reactPromiseTracker.trackPromise)(response.json().then(json => {
-            container.documentEditor.open(json);
+            setDocumentData(json);
           }));
         }));
       }
@@ -211,6 +212,11 @@ const DocumentTemplateDesignerComponent = props => {
   (0, _react.useEffect)(() => {
     setup();
   }, [doc]);
+  (0, _react.useEffect)(() => {
+    if (container && documentData) {
+      container.documentEditor.open(JSON.stringify(documentData));
+    }
+  }, [documentData]);
   const validateProps = properties => {
     let valid = properties && properties.length > 0;
     if (valid) {
@@ -392,6 +398,7 @@ const DocumentTemplateDesignerComponent = props => {
     //documentEditorSettings={searchHighlightColor}
     ,
     showPropertiesPane: false,
+    enableTrackChanges: false,
     toolbarItems: items,
     toolbarClick: onToolbarClick,
     contentChange: onContentChange,

package/dist/components/DocumentTemplatePlaceholderDialog.js

@@ -5,8 +5,8 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _react = _interopRequireWildcard(require("react"));
-var _core = require("@material-ui/core");
-var _icons = require("@material-ui/icons");
+var _material = require("@mui/material");
+var _iconsMaterial = require("@mui/icons-material");
 require("./DocumentTemplateDesignerComponent.css");
 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; }
@@ -32,7 +32,7 @@ const DocumentTemplatePlaceholderDialog = _ref => {
   }];
   const {
     palette
-  } = (0, _core.useTheme)();
+  } = (0, _material.useTheme)();
   const handleListItemClick = index => {
     setSelectedIndex(index);
   };
@@ -43,16 +43,16 @@ const DocumentTemplatePlaceholderDialog = _ref => {
     }
     onClose();
   };
-  return /*#__PURE__*/_react.default.createElement(_core.Dialog, {
+  return /*#__PURE__*/_react.default.createElement(_material.Dialog, {
     open: open,
     onClose: onClose,
     fullWidth: true,
     maxWidth: 'md'
-  }, /*#__PURE__*/_react.default.createElement(_core.DialogTitle, null, "Select a Placeholder"), /*#__PURE__*/_react.default.createElement(_core.DialogContent, null, /*#__PURE__*/_react.default.createElement("div", {
+  }, /*#__PURE__*/_react.default.createElement(_material.DialogTitle, null, "Select a Placeholder"), /*#__PURE__*/_react.default.createElement(_material.DialogContent, null, /*#__PURE__*/_react.default.createElement("div", {
     id: "customTbarDialog"
-  }, /*#__PURE__*/_react.default.createElement(_core.List, null, placeholders.map((placeholder, index) => /*#__PURE__*/_react.default.createElement(_react.default.Fragment, {
+  }, /*#__PURE__*/_react.default.createElement(_material.List, null, placeholders.map((placeholder, index) => /*#__PURE__*/_react.default.createElement(_react.default.Fragment, {
     key: index
-  }, /*#__PURE__*/_react.default.createElement(_core.ListItem, {
+  }, /*#__PURE__*/_react.default.createElement(_material.ListItem, {
     button: true,
     selected: selectedIndex === index,
     onClick: () => handleListItemClick(index)
@@ -63,13 +63,13 @@ const DocumentTemplatePlaceholderDialog = _ref => {
       margin: '4px 0',
       borderRadius: '4px'
     }
-  }, /*#__PURE__*/_react.default.createElement(_core.ListItemAvatar, null, /*#__PURE__*/_react.default.createElement(_core.Avatar, null, /*#__PURE__*/_react.default.createElement(_icons.AddCircle, null))), /*#__PURE__*/_react.default.createElement(_core.ListItemText, {
+  }, /*#__PURE__*/_react.default.createElement(_material.ListItemAvatar, null, /*#__PURE__*/_react.default.createElement(_material.Avatar, null, /*#__PURE__*/_react.default.createElement(_iconsMaterial.AddCircle, null))), /*#__PURE__*/_react.default.createElement(_material.ListItemText, {
     primary: placeholder.title,
     secondary: ''
-  })), index < placeholders.length - 1 && /*#__PURE__*/_react.default.createElement(_core.Divider, null)))))), /*#__PURE__*/_react.default.createElement(_core.DialogActions, null, /*#__PURE__*/_react.default.createElement(_core.Button, {
+  })), index < placeholders.length - 1 && /*#__PURE__*/_react.default.createElement(_material.Divider, null)))))), /*#__PURE__*/_react.default.createElement(_material.DialogActions, null, /*#__PURE__*/_react.default.createElement(_material.Button, {
     onClick: onClose,
     color: "primary"
-  }, "Cancel"), /*#__PURE__*/_react.default.createElement(_core.Button, {
+  }, "Cancel"), /*#__PURE__*/_react.default.createElement(_material.Button, {
     onClick: handleInsert,
     color: "primary",
     disabled: selectedIndex === null

package/dist/components/DocumentViewer.js

@@ -8,7 +8,7 @@ var _react = _interopRequireDefault(require("react"));
 var _Utils = _interopRequireDefault(require("../Utils"));
 var _Observable = _interopRequireDefault(require("../event/Observable"));
 var _ApplicationManager = _interopRequireDefault(require("../ApplicationManager"));
-var _RestUtils = require("../RestUtils");
+var _RestService = require("../RestService");
 var _ServiceCallActionHandler = _interopRequireDefault(require("../event/ServiceCallActionHandler"));
 var _DynamicJS = _interopRequireDefault(require("../DynamicJS"));
 require("./DocumentViewer.css");
@@ -17,7 +17,7 @@ var _WordDocumentViewer = _interopRequireDefault(require("./WordDocumentViewer")
 var _Event = _interopRequireDefault(require("../event/Event"));
 var _EventType = _interopRequireDefault(require("../event/EventType"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-const DocumentViewer = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.default.forwardRef((props, ref) => {
+const DocumentViewer = /*#__PURE__*/_react.default.memo(/*#__PURE__*/_react.default.forwardRef((props, ref) => {
   const [loading, setLoading] = _react.default.useState(true);
   const [label, setLabel] = _react.default.useState(null);
   const [hasLoadingError, setHasLoadingError] = _react.default.useState(false);
@@ -43,7 +43,11 @@ const DocumentViewer = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.def
       let service = !_Utils.default.isNull(props.config.dataService) ? props.config.dataService : actionConfig !== null ? actionConfig.dataService : null;
       if (!_Utils.default.isNull(service)) {
         if (service.type === 'rpc') {
-          (0, _RestUtils.invokeRpc)(service, props.handle, props.viewId, result => {}, e => {}, parameter => {});
+          (0, _RestService.invokeRpc)({
+            service: service,
+            component: props.handle,
+            viewId: props.viewId
+          }).then(response => {}).catch(e => {});
         } else {
           if (_Utils.default.isNull(actionConfig)) {
             actionConfig = {};
@@ -110,7 +114,6 @@ const DocumentViewer = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.def
     };
   };
   return /*#__PURE__*/_react.default.createElement("div", {
-    ref: ref,
     style: _Utils.default.mergeStyles({}, props.config)
   }, props.config.attributes?.label && /*#__PURE__*/_react.default.createElement("div", {
     style: _Utils.default.mergeObjects({
@@ -133,6 +136,10 @@ const DocumentViewer = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.def
     file: value,
     onDocumentLoadSuccess: () => {},
     valueHandler: wordEditorValueHandler,
+    valueChangeHandler: () => {
+      let event = new _Event.default(props.handle, props.viewId, null);
+      _Observable.default.fireEvent(_EventType.default.VALUE_CHANGE, event);
+    },
     allowUnresolvedChanges: props.config.allowUnresolvedChanges,
     disableRejectChanges: props.config.disableRejectChanges,
     disableAcceptChanges: props.config.disableAcceptChanges,

package/dist/components/FileThumb.js

@@ -5,8 +5,8 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _react = _interopRequireWildcard(require("react"));
-var _Button = _interopRequireDefault(require("@material-ui/core/Button"));
-var _IconButton = _interopRequireDefault(require("@material-ui/core/IconButton"));
+var _Button = _interopRequireDefault(require("@mui/material/Button"));
+var _IconButton = _interopRequireDefault(require("@mui/material/IconButton"));
 var _Icon = _interopRequireDefault(require("./Icon"));
 var _ApplicationManager = _interopRequireDefault(require("../ApplicationManager"));
 var _pdfIcon = _interopRequireDefault(require("../assets/img/pdf-icon.png"));
@@ -17,6 +17,7 @@ var _doc = _interopRequireDefault(require("../assets/img/doc.png"));
 var _excel = _interopRequireDefault(require("../assets/img/excel.png"));
 var _powerpoint = _interopRequireDefault(require("../assets/img/powerpoint.png"));
 var _defaultFileThumb = _interopRequireDefault(require("../assets/img/default-file-thumb.png"));
+var _Utils = _interopRequireDefault(require("../Utils"));
 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; }
@@ -26,7 +27,7 @@ const FileThumb = props => {
   const [downloadUrl, setDownloadUrl] = (0, _react.useState)(null);
   _react.default.useEffect(() => {
     if (file) {
-      setDownloadUrl(location + _ApplicationManager.default.getContextRoot() + '/docs/api/v1/manager/download/' + file.repositoryId + '?access_token=' + sessionStorage.getItem('accessToken') + '&idToken=' + sessionStorage.getItem('idToken'));
+      setDownloadUrl(location + _ApplicationManager.default.getContextRoot() + '/docs/api/v1/manager/download/' + file.documentRepositoryId + '?access_token=' + sessionStorage.getItem('accessToken') + '&idToken=' + sessionStorage.getItem('idToken'));
     }
   }, [file]);
   const isImage = () => {
@@ -41,8 +42,8 @@ const FileThumb = props => {
   return /*#__PURE__*/_react.default.createElement("div", {
     className: 'row',
     style: {
-      width: '128px',
-      height: '128px',
+      width: _Utils.default.isNull(props.showImage) || props.showImage ? '128px' : '100%',
+      height: _Utils.default.isNull(props.showImage) || props.showImage ? '128px' : '28px',
       display: 'flex',
       alignItems: 'center',
       justifyContent: 'center',
@@ -56,7 +57,7 @@ const FileThumb = props => {
     className: 'row',
     style: {
       width: '100%',
-      height: '20%',
+      height: _Utils.default.isNull(props.showImage) || props.showImage ? '20%' : null,
       marginLeft: '4px',
       marginRight: '4px'
     }
@@ -79,17 +80,17 @@ const FileThumb = props => {
       overflow: 'hidden',
       textOverflow: 'ellipsis',
       marginLeft: '10px',
-      marginTop: '2px',
+      marginTop: '4px',
       whiteSpace: 'nowrap'
     },
     className: 'col'
-  }, file.repositoryId ? /*#__PURE__*/_react.default.createElement("a", {
+  }, file.documentRepositoryId ? /*#__PURE__*/_react.default.createElement("a", {
     style: {
       cursor: 'pointer'
     },
     target: "_blank",
     href: `${downloadUrl}`
-  }, file.name) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, file.name))), /*#__PURE__*/_react.default.createElement("div", {
+  }, file.name) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, file.name))), (_Utils.default.isNull(props.showImage) || props.showImage) && /*#__PURE__*/_react.default.createElement("div", {
     className: 'row',
     style: {
       width: '98%',
@@ -108,7 +109,7 @@ const FileThumb = props => {
       backgroundSize: 'contain',
       backgroundPosition: 'center',
       backgroundColor: 'transparent',
-      backgroundImage: isImage() ? `url(${file.repositoryId ? downloadUrl : file.payload})` : `url(${getThumbImage()})`
+      backgroundImage: isImage() ? `url(${file.documentRepositoryId ? downloadUrl : file.payload})` : `url(${getThumbImage()})`
     }
   })));
 };

package/dist/components/Graph.js

@@ -56,6 +56,7 @@ class Graph {
     this.addNodeToPath(this.current);
     if (root.action.actionType === 'route') {
       root.action.window = this.config.isWindow;
+      root.action.graphId = this.config.id;
     }
     if (root.onStart) {
       for (const action of root.onStart.actions) {
@@ -76,6 +77,7 @@ class Graph {
             this.addNodeToPath(this.current);
             if (node.action.actionType === 'route') {
               node.action.window = this.config.isWindow;
+              node.action.graphId = this.config.id;
             }
             if (node.onStart) {
               for (const action of node.onStart.actions) {

package/dist/components/HtmlPanel.js

@@ -27,7 +27,7 @@ const json = response => {
   return response.text();
 };
 const location = window.location.protocol + '//' + window.location.hostname + ':' + window.location.port;
-const HtmlPanel = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.default.forwardRef((props, ref) => {
+const HtmlPanel = /*#__PURE__*/_react.default.memo(/*#__PURE__*/_react.default.forwardRef((props, ref) => {
   const [template, setTemplate] = _react.default.useState(null);
   const [content, setContent] = _react.default.useState(null);
   const [visible, setVisible] = _react.default.useState(false);
@@ -107,7 +107,6 @@ const HtmlPanel = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.default.
     };
   };
   return visible && /*#__PURE__*/_react.default.createElement("div", {
-    ref: ref,
     style: _Utils.default.mergeStyles({}, props.config)
   }, !_Utils.default.isNull(props.config) && content ? /*#__PURE__*/_react.default.createElement(_reactHtmlRenderer.default, {
     html: content

package/dist/components/Icon.js

@@ -4,43 +4,44 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _Add = _interopRequireDefault(require("@material-ui/icons/Add"));
-var _Remove = _interopRequireDefault(require("@material-ui/icons/Remove"));
-var _Edit = _interopRequireDefault(require("@material-ui/icons/Edit"));
-var _Save = _interopRequireDefault(require("@material-ui/icons/Save"));
-var _Info = _interopRequireDefault(require("@material-ui/icons/Info"));
-var _Delete = _interopRequireDefault(require("@material-ui/icons/Delete"));
-var _Search = _interopRequireDefault(require("@material-ui/icons/Search"));
-var _Error = _interopRequireDefault(require("@material-ui/icons/Error"));
-var _CloudDownload = _interopRequireDefault(require("@material-ui/icons/CloudDownload"));
-var _CloudUpload = _interopRequireDefault(require("@material-ui/icons/CloudUpload"));
-var _RotateLeft = _interopRequireDefault(require("@material-ui/icons/RotateLeft"));
-var _RotateRight = _interopRequireDefault(require("@material-ui/icons/RotateRight"));
-var _ZoomIn = _interopRequireDefault(require("@material-ui/icons/ZoomIn"));
-var _ZoomOut = _interopRequireDefault(require("@material-ui/icons/ZoomOut"));
-var _Clear = _interopRequireDefault(require("@material-ui/icons/Clear"));
-var _Work = _interopRequireDefault(require("@material-ui/icons/Work"));
-var _Home = _interopRequireDefault(require("@material-ui/icons/Home"));
-var _List = _interopRequireDefault(require("@material-ui/icons/List"));
-var _Notifications = _interopRequireDefault(require("@material-ui/icons/Notifications"));
-var _Person = _interopRequireDefault(require("@material-ui/icons/Person"));
-var _Refresh = _interopRequireDefault(require("@material-ui/icons/Refresh"));
-var _Folder = _interopRequireDefault(require("@material-ui/icons/Folder"));
-var _AttachFile = _interopRequireDefault(require("@material-ui/icons/AttachFile"));
-var _CalendarToday = _interopRequireDefault(require("@material-ui/icons/CalendarToday"));
+var _Add = _interopRequireDefault(require("@mui/icons-material/Add"));
+var _Remove = _interopRequireDefault(require("@mui/icons-material/Remove"));
+var _Edit = _interopRequireDefault(require("@mui/icons-material/Edit"));
+var _Save = _interopRequireDefault(require("@mui/icons-material/Save"));
+var _Info = _interopRequireDefault(require("@mui/icons-material/Info"));
+var _Delete = _interopRequireDefault(require("@mui/icons-material/Delete"));
+var _Search = _interopRequireDefault(require("@mui/icons-material/Search"));
+var _Error = _interopRequireDefault(require("@mui/icons-material/Error"));
+var _CloudDownload = _interopRequireDefault(require("@mui/icons-material/CloudDownload"));
+var _CloudUpload = _interopRequireDefault(require("@mui/icons-material/CloudUpload"));
+var _RotateLeft = _interopRequireDefault(require("@mui/icons-material/RotateLeft"));
+var _RotateRight = _interopRequireDefault(require("@mui/icons-material/RotateRight"));
+var _ZoomIn = _interopRequireDefault(require("@mui/icons-material/ZoomIn"));
+var _ZoomOut = _interopRequireDefault(require("@mui/icons-material/ZoomOut"));
+var _Clear = _interopRequireDefault(require("@mui/icons-material/Clear"));
+var _Work = _interopRequireDefault(require("@mui/icons-material/Work"));
+var _Home = _interopRequireDefault(require("@mui/icons-material/Home"));
+var _List = _interopRequireDefault(require("@mui/icons-material/List"));
+var _Notifications = _interopRequireDefault(require("@mui/icons-material/Notifications"));
+var _Person = _interopRequireDefault(require("@mui/icons-material/Person"));
+var _Refresh = _interopRequireDefault(require("@mui/icons-material/Refresh"));
+var _Folder = _interopRequireDefault(require("@mui/icons-material/Folder"));
+var _AttachFile = _interopRequireDefault(require("@mui/icons-material/AttachFile"));
+var _CalendarToday = _interopRequireDefault(require("@mui/icons-material/CalendarToday"));
 var _react = _interopRequireWildcard(require("react"));
-var _Minimize = _interopRequireDefault(require("@material-ui/icons/Minimize"));
-var _Launch = _interopRequireDefault(require("@material-ui/icons/Launch"));
-var _Close = _interopRequireDefault(require("@material-ui/icons/Close"));
-var _Videocam = _interopRequireDefault(require("@material-ui/icons/Videocam"));
-var _VideocamOff = _interopRequireDefault(require("@material-ui/icons/VideocamOff"));
-var _Mic = _interopRequireDefault(require("@material-ui/icons/Mic"));
-var _MicOff = _interopRequireDefault(require("@material-ui/icons/MicOff"));
-var _CallEnd = _interopRequireDefault(require("@material-ui/icons/CallEnd"));
-var _Dock = _interopRequireDefault(require("@material-ui/icons/Dock"));
-var _Settings = _interopRequireDefault(require("@material-ui/icons/Settings"));
-var _WarningRounded = _interopRequireDefault(require("@material-ui/icons/WarningRounded"));
-var _icons = require("@material-ui/icons");
+var _Minimize = _interopRequireDefault(require("@mui/icons-material/Minimize"));
+var _Launch = _interopRequireDefault(require("@mui/icons-material/Launch"));
+var _Close = _interopRequireDefault(require("@mui/icons-material/Close"));
+var _Videocam = _interopRequireDefault(require("@mui/icons-material/Videocam"));
+var _VideocamOff = _interopRequireDefault(require("@mui/icons-material/VideocamOff"));
+var _Mic = _interopRequireDefault(require("@mui/icons-material/Mic"));
+var _MicOff = _interopRequireDefault(require("@mui/icons-material/MicOff"));
+var _CallEnd = _interopRequireDefault(require("@mui/icons-material/CallEnd"));
+var _Dock = _interopRequireDefault(require("@mui/icons-material/Dock"));
+var _Settings = _interopRequireDefault(require("@mui/icons-material/Settings"));
+var _WarningRounded = _interopRequireDefault(require("@mui/icons-material/WarningRounded"));
+var _Help = _interopRequireDefault(require("@mui/icons-material/Help"));
+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; }
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
@@ -57,7 +58,7 @@ class Icon extends _react.Component {
     } else if (this.props.id === 'CALL_END') {
       return /*#__PURE__*/_react.default.createElement(_CallEnd.default, null);
     } else if (this.props.id === 'MORE') {
-      return /*#__PURE__*/_react.default.createElement(_icons.MoreHoriz, {
+      return /*#__PURE__*/_react.default.createElement(_iconsMaterial.MoreHoriz, {
         style: {
           color: this.props.color
         }
@@ -80,16 +81,22 @@ class Icon extends _react.Component {
           color: 'red'
         }
       });
+    } else if (this.props.id === 'HELP') {
+      return /*#__PURE__*/_react.default.createElement(_Help.default, {
+        style: {
+          color: this.props.color
+        }
+      });
     } else if (this.props.id === 'PAN_TOOL') {
-      return /*#__PURE__*/_react.default.createElement(_icons.PanTool, null);
+      return /*#__PURE__*/_react.default.createElement(_iconsMaterial.PanTool, null);
     } else if (this.props.id === 'PEOPLE') {
-      return /*#__PURE__*/_react.default.createElement(_icons.People, null);
+      return /*#__PURE__*/_react.default.createElement(_iconsMaterial.People, null);
     } else if (this.props.id === 'CANCEL_PRESENTATION') {
-      return /*#__PURE__*/_react.default.createElement(_icons.CancelPresentation, null);
+      return /*#__PURE__*/_react.default.createElement(_iconsMaterial.CancelPresentation, null);
     } else if (this.props.id === 'PRESENT_TO_ALL') {
-      return /*#__PURE__*/_react.default.createElement(_icons.PresentToAll, null);
+      return /*#__PURE__*/_react.default.createElement(_iconsMaterial.PresentToAll, null);
     } else if (this.props.id === 'CHAT_BUBBLE') {
-      return /*#__PURE__*/_react.default.createElement(_icons.ChatBubbleOutline, _extends({}, this.props, {
+      return /*#__PURE__*/_react.default.createElement(_iconsMaterial.ChatBubbleOutline, _extends({}, this.props, {
         style: {
           color: this.props.color
         }
@@ -210,11 +217,11 @@ class Icon extends _react.Component {
         }
       });
     } else if (this.props.id === 'RECORD') {
-      return /*#__PURE__*/_react.default.createElement(_icons.FiberManualRecord, null);
+      return /*#__PURE__*/_react.default.createElement(_iconsMaterial.FiberManualRecord, null);
     } else if (this.props.id === 'PLAY') {
-      return /*#__PURE__*/_react.default.createElement(_icons.PlayArrow, null);
+      return /*#__PURE__*/_react.default.createElement(_iconsMaterial.PlayArrow, null);
     } else if (this.props.id === 'STOP') {
-      return /*#__PURE__*/_react.default.createElement(_icons.Stop, {
+      return /*#__PURE__*/_react.default.createElement(_iconsMaterial.Stop, {
         style: {
           color: this.props.color
         }

package/dist/components/LoadingIndicator.js

@@ -3,13 +3,13 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = LoadingIndicator;
+exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _reactPromiseTracker = require("react-promise-tracker");
-var _reactLoaderSpinner = _interopRequireDefault(require("react-loader-spinner"));
+var _reactLoaderSpinner = require("react-loader-spinner");
 require("./loader.css");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-function LoadingIndicator(props) {
+const LoadingIndicator = props => {
   const {
     promiseInProgress
   } = (0, _reactPromiseTracker.usePromiseTracker)();
@@ -25,11 +25,14 @@ function LoadingIndicator(props) {
       justifyContent: "center",
       alignItems: "center"
     }
-  }, /*#__PURE__*/_react.default.createElement(_reactLoaderSpinner.default, {
-    type: "Oval",
-    color: props.color,
-    height: 60,
-    width: 60
+  }, /*#__PURE__*/_react.default.createElement(_reactLoaderSpinner.Oval, {
+    visible: true,
+    height: "80",
+    width: "80",
+    color: "#4fa94d",
+    ariaLabel: "oval-loading",
+    wrapperStyle: {},
+    wrapperClass: ""
   })));
-}
-;
+};
+var _default = exports.default = LoadingIndicator;

package/dist/components/PopupView.js

@@ -5,11 +5,11 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = PopupView;
 var _react = _interopRequireDefault(require("react"));
-var _Dialog = _interopRequireDefault(require("@material-ui/core/Dialog"));
-var _DialogContent = _interopRequireDefault(require("@material-ui/core/DialogContent"));
-var _DialogTitle = _interopRequireDefault(require("@material-ui/core/DialogTitle"));
+var _Dialog = _interopRequireDefault(require("@mui/material/Dialog"));
+var _DialogContent = _interopRequireDefault(require("@mui/material/DialogContent"));
+var _DialogTitle = _interopRequireDefault(require("@mui/material/DialogTitle"));
 var _Utils = _interopRequireDefault(require("../Utils"));
-var _styles = require("@material-ui/core/styles");
+var _styles = require("@mui/styles");
 var _View = require("./layout/View");
 var _DynamicJS = _interopRequireDefault(require("../DynamicJS"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
@@ -54,8 +54,8 @@ function PopupViewDialog(props) {
   })));
 }
 
-/**
- * @return {null}
+/**
+ * @return {null}
  */
 function PopupView(props) {
   const [view, setView] = _react.default.useState(null);

package/dist/components/Portlet.js

@@ -9,7 +9,7 @@ var _Utils = _interopRequireDefault(require("../Utils"));
 var _Observable = _interopRequireDefault(require("../event/Observable"));
 require("./Portlet.css");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-const Portlet = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.default.forwardRef((props, ref) => {
+const Portlet = /*#__PURE__*/_react.default.memo(/*#__PURE__*/_react.default.forwardRef((props, ref) => {
   const [url, setUrl] = _react.default.useState(null);
   const [visible, setVisible] = _react.default.useState(true);
   const urlTemp = _react.default.useRef(null);
@@ -57,7 +57,6 @@ const Portlet = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.default.fo
     };
   };
   return /*#__PURE__*/_react.default.createElement("div", {
-    ref: ref,
     className: 'iframe_container',
     style: {
       display: visible ? 'block' : 'none'