@agilemotion/oui-react-js 1.8.78 → 2.0.1

package/README.TXT

@@ -1 +1,11 @@
 export NODE_OPTIONS=--openssl-legacy-provider
+To deploy UI
+
+1. Update the version in package.json
+2. Push to master
+3. Git lab pipeline will deploy run
+4. When finished, run the manual step to push to NPM
+5. Got to the apps(BA and Portal), and update the version
+6. run npm install locally
+7. Run deployment manual steps for the Apps to deploy
+8. Push the updated package.json and lock file

package/dist/ApplicationManager.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = exports.TEMPLATE_TOKEN_REGEX = exports.SYSTEM_EVENT = exports.SOCKET_VARIABLE = exports.LEGEND_ARROW_ICON = exports.AVATAR_LISTENER_TYPE = exports.APP_VARIABLE = void 0;
+exports.default = exports.TEMPLATE_TOKEN_REGEX = exports.SYSTEM_EVENT = exports.SOCKET_VARIABLE = exports.DASHBOARD_STATE = exports.AVATAR_LISTENER_TYPE = exports.APP_VARIABLE = void 0;
 var _Observable = _interopRequireDefault(require("./event/Observable"));
 var _Event = _interopRequireDefault(require("./event/Event"));
 var _EventType = _interopRequireDefault(require("./event/EventType"));
@@ -12,6 +12,7 @@ var _DynamicJS = _interopRequireWildcard(require("./DynamicJS"));
 var _TypedValue = _interopRequireDefault(require("./TypedValue"));
 var _SocketManager = _interopRequireDefault(require("./components/SocketManager"));
 var _ViewContext = require("./ViewContext");
+var _helpers = require("rrule/dist/esm/helpers");
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
@@ -20,9 +21,9 @@ function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e =
 const APP_VARIABLE = exports.APP_VARIABLE = '__APPLICATION_OUI_SYS_VAR__';
 const SOCKET_VARIABLE = exports.SOCKET_VARIABLE = '__SOCKET_VARIABLE_OUI_SYS_VAR__';
 const AVATAR_LISTENER_TYPE = exports.AVATAR_LISTENER_TYPE = 'AVATAR_LISTENER';
+const DASHBOARD_STATE = exports.DASHBOARD_STATE = 'DASHBOARD_STATE';
 const SYSTEM_EVENT = exports.SYSTEM_EVENT = 'SYSTEM_EVENT';
 const TEMPLATE_TOKEN_REGEX = exports.TEMPLATE_TOKEN_REGEX = new RegExp('(([$]{1}[{]{1})(([a-zA-Z0-9_$.@#{}[\\]]*)+){1}([}]{1}))+', 'g');
-const LEGEND_ARROW_ICON = exports.LEGEND_ARROW_ICON = " <i class=\"fa fa-arrow-right fa-xs\" aria-hidden=\"true\" style='color:__COLOR__'></i> ";
 const applicationContext = {};
 class ApplicationManager {
   constructor() {
@@ -395,8 +396,18 @@ class ApplicationManager {
       let isEvent = expression.startsWith('$event.data');
       if (isEvent) {
         let value = eventData;
+        if (Array.isArray(value) && expression.includes('[')) {
+          let valueIndex = expression.substring(expression.indexOf('[') + 1, expression.indexOf(']'));
+          value = value[valueIndex];
+        }
+
+        // This checks if there is a reference to some data property
         let expressionClosure = 'data.';
         let index = expression.indexOf(expressionClosure);
+        if (index < 0) {
+          expressionClosure = "].";
+          index = expression.indexOf(expressionClosure);
+        }
         if (index > 0) {
           let propertyChain = expression.substring(index + expressionClosure.length);
           let props = propertyChain.split('.');
@@ -527,6 +538,12 @@ class ApplicationManager {
         },
         getUniqueOrgForRole(role) {
           return instance.getUniqueOrgForRole(role);
+        },
+        setDashboardState(dashboardState) {
+          instance.setDashboardState(dashboardState);
+        },
+        getDashboardState() {
+          return instance.getDashboardState();
         }
       };
       if (!Array.isArray) {
@@ -553,6 +570,15 @@ class ApplicationManager {
   setDashboardSettings(dashboardSettings) {
     this.props.dashboardSettings = dashboardSettings;
   }
+  setDashboardState(state) {
+    this.props.dashboardState = state;
+    for (const listener of this.listeners) {
+      console.log(listener);
+      if (listener.type === DASHBOARD_STATE) {
+        listener.handler(state);
+      }
+    }
+  }
   getDashboardSettings() {
     return this.props.dashboardSettings;
   }
@@ -604,6 +630,17 @@ class ApplicationManager {
   addApplicationListener(listener) {
     this.listeners.push(listener);
   }
+  removeApplicationListener(id) {
+    if (!this.listeners) return;
+    // Reverse-iterate + splice — handles duplicate ids without index
+    // drift, and mutates the existing array (the singleton is
+    // Object.freeze'd, so we can't reassign this.listeners).
+    for (let i = this.listeners.length - 1; i >= 0; i--) {
+      if (this.listeners[i].id === id) {
+        this.listeners.splice(i, 1);
+      }
+    }
+  }
   alert(viewId, message, messageType) {
     let event = new _Event.default(this, this.getView(viewId).config.id, {
       messageType: messageType,

package/dist/BasicAppHome.js

@@ -52,6 +52,9 @@ const BasicAppHome = props => {
       console.log("ERROR USER DETAILS");
       console.log(e);
     });
+    return () => {
+      _ApplicationManager.default.removeApplicationListener('basicAppHomeAvatarListener');
+    };
   }, []);
   _react.default.useEffect(() => {
     setDashboardSettings(props.dashboardSettings);
@@ -64,6 +67,7 @@ const BasicAppHome = props => {
         setAvatarUrl(avatarUrl);
       }
       let avatarListener = {};
+      avatarListener.id = "basicAppHomeAvatarListener";
       avatarListener.type = _ApplicationManager.AVATAR_LISTENER_TYPE;
       avatarListener.handler = avatar => {
         setAvatarUrl(avatarUrl);

package/dist/RestService.js

@@ -73,10 +73,19 @@ class RestService {
           }
           if (httpParameterType === 'PATH_VARIABLE') {
             if (!_Utils.default.isNull(parameterValue)) {
+              let resolvedValue;
               if (parameter.encode) {
-                pathParameters += '/' + (typeof parameterValue.value === 'object' ? encodeURIComponent(JSON.stringify(parameterValue.value)) : parameterValue.instanceType === 'TypedValue' ? encodeURIComponent(parameterValue.value) : encodeURIComponent(parameterValue));
+                resolvedValue = typeof parameterValue.value === 'object' ? encodeURIComponent(JSON.stringify(parameterValue.value)) : parameterValue.instanceType === 'TypedValue' ? encodeURIComponent(parameterValue.value) : encodeURIComponent(parameterValue);
               } else {
-                pathParameters += '/' + (typeof parameterValue.value === 'object' ? JSON.stringify(parameterValue.value) : parameterValue.instanceType === 'TypedValue' ? parameterValue.value : parameterValue);
+                resolvedValue = typeof parameterValue.value === 'object' ? JSON.stringify(parameterValue.value) : parameterValue.instanceType === 'TypedValue' ? parameterValue.value : parameterValue;
+              }
+
+              // If the parameter has a name and the URL contains {name}, replace the placeholder
+              if (!_Utils.default.isNull(parameter.name) && url.indexOf('{' + parameter.name + '}') >= 0) {
+                url = url.replace('{' + parameter.name + '}', resolvedValue);
+              } else {
+                // Backward compatibility: append to end of URL
+                pathParameters += '/' + resolvedValue;
               }
             }
           }

package/dist/RestUtils.js

@@ -70,10 +70,19 @@ class RestUtils {
         }
         if (httpParameterType === 'PATH_VARIABLE') {
           if (!_Utils.default.isNull(parameterValue)) {
+            let resolvedValue;
             if (parameter.encode) {
-              pathParameters += '/' + (typeof parameterValue.value === 'object' ? encodeURIComponent(JSON.stringify(parameterValue.value)) : parameterValue.instanceType === 'TypedValue' ? encodeURIComponent(parameterValue.value) : encodeURIComponent(parameterValue));
+              resolvedValue = typeof parameterValue.value === 'object' ? encodeURIComponent(JSON.stringify(parameterValue.value)) : parameterValue.instanceType === 'TypedValue' ? encodeURIComponent(parameterValue.value) : encodeURIComponent(parameterValue);
             } else {
-              pathParameters += '/' + (typeof parameterValue.value === 'object' ? JSON.stringify(parameterValue.value) : parameterValue.instanceType === 'TypedValue' ? parameterValue.value : parameterValue);
+              resolvedValue = typeof parameterValue.value === 'object' ? JSON.stringify(parameterValue.value) : parameterValue.instanceType === 'TypedValue' ? parameterValue.value : parameterValue;
+            }
+
+            // If the parameter has a name and the URL contains {name}, replace the placeholder
+            if (!_Utils.default.isNull(parameter.name) && url.indexOf('{' + parameter.name + '}') >= 0) {
+              url = url.replace('{' + parameter.name + '}', resolvedValue);
+            } else {
+              // Backward compatibility: append to end of URL
+              pathParameters += '/' + resolvedValue;
             }
           }
         }

package/dist/assets/jss/views/loginBasicStyle.js

@@ -47,11 +47,11 @@ const styles = {
   },
   loginBtn: {
     float: 'right',
-    background: '#003A8F',
-    color: '#ffffff'
+    background: window.location.hostname.includes('csir') ? '#003A8F' : '#FCB614',
+    color: window.location.hostname.includes('csir') ? '#ffffff' : '#000000'
   },
   btn: {
-    background: '#003A8F',
+    background: window.location.hostname.includes('csir') ? '#003A8F' : '#FCB614',
     color: _colors.white,
     padding: 7,
     borderRadius: 2,
@@ -59,10 +59,10 @@ const styles = {
     fontSize: 13
   },
   btnFacebook: {
-    background: '#003A8F'
+    background: window.location.hostname.includes('csir') ? '#003A8F' : '#FCB614'
   },
   btnGoogle: {
-    background: '#e14441'
+    background: '#003A8F'
   },
   btnSpan: {
     marginLeft: 5

package/dist/assets/jss/views/loginBasicStyle.jsx

@@ -42,11 +42,11 @@ const styles = {
     },
     loginBtn: {
         float: 'right',
-        background: '#003A8F',
-        color: '#ffffff'
+        background: window.location.hostname.includes('csir') ? '#003A8F' : '#FCB614',
+        color: window.location.hostname.includes('csir') ? '#ffffff' : '#000000'
     },
     btn: {
-        background: '#003A8F',
+        background: window.location.hostname.includes('csir') ? '#003A8F' : '#FCB614',
         color: white,
         padding: 7,
         borderRadius: 2,
@@ -54,10 +54,10 @@ const styles = {
         fontSize: 13
     },
     btnFacebook: {
-        background: '#003A8F'
+        background: window.location.hostname.includes('csir') ? '#003A8F' : '#FCB614'
     },
     btnGoogle: {
-        background: '#e14441'
+        background: '#003A8F'
     },
     btnSpan: {
         marginLeft: 5

package/dist/components/Button.js

@@ -10,6 +10,7 @@ var _Observable = _interopRequireDefault(require("../event/Observable"));
 var _Utils = _interopRequireDefault(require("../Utils"));
 var _IconButton = _interopRequireDefault(require("@mui/material/IconButton"));
 var _Icon = _interopRequireDefault(require("./Icon"));
+var _Tooltip = _interopRequireDefault(require("@mui/material/Tooltip"));
 var _styles = require("@mui/styles");
 var _Event = _interopRequireDefault(require("../event/Event"));
 var _EventType = _interopRequireDefault(require("../event/EventType"));
@@ -34,7 +35,7 @@ const useStyles = (0, _styles.makeStyles)(theme => ({
   }
 }));
 const Button = props => {
-  var _props$attributes, _props$config$attribu, _props$config$attribu2, _props$config$attribu3, _props$config$attribu4, _props$config$attribu5;
+  var _props$attributes;
   const classes = useStyles();
   const [disabled, setDisabled] = _react.default.useState(false);
   const [visible, setVisible] = _react.default.useState(false);
@@ -101,6 +102,47 @@ const Button = props => {
       }
     };
   };
+  const tooltipText = _Utils.default.getComponentAttribute(props.config, 'toolTip', '');
+  const renderButton = () => {
+    var _props$config$attribu5;
+    if (!_Utils.default.isNull(props.config.icon) && !_Utils.default.isNull(label)) {
+      var _props$config$attribu;
+      return /*#__PURE__*/_react.default.createElement(_Button.default, {
+        variant: color === 'secondary' || color === 'primary' ? 'contained' : 'text',
+        size: "large",
+        color: !_Utils.default.isNull(color) ? color : null,
+        style: (_props$config$attribu = props.config.attributes) === null || _props$config$attribu === void 0 ? void 0 : _props$config$attribu.style,
+        disabled: disabled,
+        onClick: handleClick,
+        startIcon: /*#__PURE__*/_react.default.createElement(_Icon.default, {
+          id: props.config.icon
+        })
+      }, label);
+    }
+    if (!_Utils.default.isNull(props.config.icon)) {
+      var _props$config$attribu2, _props$config$attribu3, _props$config$attribu4;
+      return /*#__PURE__*/_react.default.createElement(_IconButton.default, {
+        color: !_Utils.default.isNull(color) ? color : null,
+        "aria-controls": "menu-list-grow",
+        disabled: disabled,
+        style: (_props$config$attribu2 = props.config.attributes) === null || _props$config$attribu2 === void 0 ? void 0 : _props$config$attribu2.style,
+        "aria-haspopup": "true",
+        onClick: handleClick
+      }, /*#__PURE__*/_react.default.createElement(_Icon.default, {
+        id: props.config.icon,
+        color: (_props$config$attribu3 = props.config.attributes) !== null && _props$config$attribu3 !== void 0 && (_props$config$attribu3 = _props$config$attribu3.style) !== null && _props$config$attribu3 !== void 0 && _props$config$attribu3.color ? (_props$config$attribu4 = props.config.attributes) === null || _props$config$attribu4 === void 0 || (_props$config$attribu4 = _props$config$attribu4.style) === null || _props$config$attribu4 === void 0 ? void 0 : _props$config$attribu4.color : _ApplicationManager.default.getApplicationSecondaryColor()
+      }));
+    }
+    return /*#__PURE__*/_react.default.createElement(_Button.default, {
+      variant: color === 'secondary' || color === 'primary' ? 'contained' : 'text',
+      "aria-controls": "menu-list-grow",
+      color: color,
+      style: (_props$config$attribu5 = props.config.attributes) === null || _props$config$attribu5 === void 0 ? void 0 : _props$config$attribu5.style,
+      disabled: disabled,
+      onClick: handleClick,
+      "aria-haspopup": "true"
+    }, label);
+  };
   return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
     className: "".concat(classes.root, " oui button"),
     style: {
@@ -109,33 +151,9 @@ const Button = props => {
     }
   }, /*#__PURE__*/_react.default.createElement("div", {
     className: classes.wrapper
-  }, !_Utils.default.isNull(props.config.icon) && !_Utils.default.isNull(label) ? /*#__PURE__*/_react.default.createElement(_Button.default, {
-    variant: color === 'secondary' || color === 'primary' ? 'contained' : 'text',
-    size: "large",
-    color: !_Utils.default.isNull(color) ? color : null,
-    style: (_props$config$attribu = props.config.attributes) === null || _props$config$attribu === void 0 ? void 0 : _props$config$attribu.style,
-    disabled: disabled,
-    onClick: handleClick,
-    startIcon: /*#__PURE__*/_react.default.createElement(_Icon.default, {
-      id: props.config.icon
-    })
-  }, label) : !_Utils.default.isNull(props.config.icon) ? /*#__PURE__*/_react.default.createElement(_IconButton.default, {
-    "aria-controls": "menu-list-grow",
-    disabled: disabled,
-    style: (_props$config$attribu2 = props.config.attributes) === null || _props$config$attribu2 === void 0 ? void 0 : _props$config$attribu2.style,
-    "aria-haspopup": "true",
-    onClick: handleClick
-  }, /*#__PURE__*/_react.default.createElement(_Icon.default, {
-    id: props.config.icon,
-    color: (_props$config$attribu3 = props.config.attributes) !== null && _props$config$attribu3 !== void 0 && (_props$config$attribu3 = _props$config$attribu3.style) !== null && _props$config$attribu3 !== void 0 && _props$config$attribu3.color ? (_props$config$attribu4 = props.config.attributes) === null || _props$config$attribu4 === void 0 || (_props$config$attribu4 = _props$config$attribu4.style) === null || _props$config$attribu4 === void 0 ? void 0 : _props$config$attribu4.color : _ApplicationManager.default.getApplicationSecondaryColor()
-  })) : /*#__PURE__*/_react.default.createElement(_Button.default, {
-    variant: color === 'secondary' || color === 'primary' ? 'contained' : 'text',
-    "aria-controls": "menu-list-grow",
-    color: color,
-    style: (_props$config$attribu5 = props.config.attributes) === null || _props$config$attribu5 === void 0 ? void 0 : _props$config$attribu5.style,
-    disabled: disabled,
-    onClick: handleClick,
-    "aria-haspopup": "true"
-  }, label))));
+  }, !_Utils.default.isNull(tooltipText) ? /*#__PURE__*/_react.default.createElement(_Tooltip.default, {
+    title: tooltipText,
+    arrow: true
+  }, /*#__PURE__*/_react.default.createElement("span", null, renderButton())) : renderButton())));
 };
 var _default = exports.default = Button;

package/dist/components/DocumentViewer.js

@@ -24,6 +24,7 @@ const DocumentViewer = /*#__PURE__*/_react.default.memo(props => {
   const [label, setLabel] = _react.default.useState(null);
   const [hasLoadingError, setHasLoadingError] = _react.default.useState(false);
   const [value, setValue] = _react.default.useState(null);
+  const [fileType, setFileType] = _react.default.useState(null);
   const [visible, setVisible] = _react.default.useState(false);
   const wordEditorValueHandler = {};
   _react.default.useEffect(() => {
@@ -41,8 +42,30 @@ const DocumentViewer = /*#__PURE__*/_react.default.memo(props => {
     if (((_props$config$attribu = props.config.attributes) === null || _props$config$attribu === void 0 ? void 0 : _props$config$attribu.autoLoadData) === false) {
       setLoading(false);
     }
+    let fileTypeFromConfig = _Utils.default.prop(props.config.fileType);
+    if (fileTypeFromConfig) {
+      setFileType(fileTypeFromConfig);
+    }
     refresh();
   }, []);
+  function processFileData(data, fileType) {
+    let file = {};
+    if (data.payloadBase64) {
+      file.base64 = data.payloadBase64;
+    } else if (data.url) {
+      file.base64 = data.url.replace('data:application/pdf;base64,', '').replace('data:application/vnd.openxmlformats-officedocument.wordprocessingml.document;base64,', '');
+    } else if (data.payload && typeof data.payload === 'string') {
+      file.base64 = data.payload.replace('data:application/pdf;base64,', '').replace('data:application/vnd.openxmlformats-officedocument.wordprocessingml.document;base64,', '');
+    }
+    file.name = data.name;
+    file.type = fileType;
+    if (fileType) {
+      setFileType(fileType);
+    }
+    setValue(file);
+    setHasLoadingError(false);
+    setLoading(false);
+  }
   function doLoadData(actionConfig) {
     let parsedConfig = _Utils.default.parseConfig(props.config, props.viewId);
     if (!_Utils.default.isNull(actionConfig) && !_Utils.default.isNull(actionConfig.value)) {
@@ -64,17 +87,7 @@ const DocumentViewer = /*#__PURE__*/_react.default.memo(props => {
           actionConfig.service = service;
           // TODO : Implement the invalid parameter callback
           _ServiceCallActionHandler.default.execute(actionConfig, null, null, props.viewId, data => {
-            let file = {};
-            if (data.payloadBase64) {
-              file.base64 = data.payloadBase64;
-            } else if (data.url) {
-              file.base64 = data.url.replace('data:application/pdf;base64,', '').replace('data:application/vnd.openxmlformats-officedocument.wordprocessingml.document;base64,', '');
-            }
-            file.name = data.name;
-            file.type = _Utils.default.prop(parsedConfig.fileType);
-            setValue(file);
-            setHasLoadingError(false);
-            setLoading(false);
+            processFileData(data, data.type);
             let event = new _Event.default(props.handle, props.viewId, null);
             _Observable.default.fireEvent(_EventType.default.DATA_ARRIVED, event);
           }, e => {
@@ -122,10 +135,10 @@ const DocumentViewer = /*#__PURE__*/_react.default.memo(props => {
         setLabel(label);
       },
       refresh() {
-        refresh(props, setVisible);
+        refresh();
       },
       setValue(newValue) {
-        setValue(newValue);
+        processFileData(newValue, newValue.type);
       },
       getValue() {
         return value;
@@ -142,8 +155,8 @@ const DocumentViewer = /*#__PURE__*/_react.default.memo(props => {
        *   @#{this}.insertReadonlyAnchor(...)
        */
       insertReadonlyAnchor: (value, dropPosition) => {
-        if (_Utils.default.prop(parsedConfig.fileType) === 'application/pdf') {
-          alert('Anchor insertion is not yet supported for PDF files');
+        if (fileType === 'application/pdf') {
+          console.log('Anchor insertion is not yet supported for PDF files');
         } else {
           wordEditorValueHandler.api.insertReadonlyAnchor(value, dropPosition);
         }
@@ -151,7 +164,7 @@ const DocumentViewer = /*#__PURE__*/_react.default.memo(props => {
     };
   };
   let parsedConfig = _Utils.default.parseConfig(props.config, props.viewId);
-  return visible && /*#__PURE__*/_react.default.createElement("div", {
+  return !_Utils.default.isNull(fileType) && visible && /*#__PURE__*/_react.default.createElement("div", {
     style: _Utils.default.mergeStyles({}, props.config)
   }, ((_props$config$attribu2 = props.config.attributes) === null || _props$config$attribu2 === void 0 ? void 0 : _props$config$attribu2.label) && /*#__PURE__*/_react.default.createElement("div", {
     style: _Utils.default.mergeObjects({
@@ -167,15 +180,15 @@ const DocumentViewer = /*#__PURE__*/_react.default.memo(props => {
       marginTop: '16px',
       color: 'red'
     }
-  }, "Error loading document"), !loading && !hasLoadingError && _Utils.default.prop(parsedConfig.fileType) === 'application/pdf' && !props.designMode && !_Utils.default.isNull(value) && /*#__PURE__*/_react.default.createElement(_PDFViewer.default, {
+  }, "Error loading document"), !loading && !hasLoadingError && fileType === 'application/pdf' && !props.designMode && !_Utils.default.isNull(value) && /*#__PURE__*/_react.default.createElement(_PDFViewer.default, {
     file: value,
     onDocumentLoadSuccess: () => {}
-  }), !loading && !hasLoadingError && _Utils.default.prop(parsedConfig.fileType) === 'application/pdf' && props.designMode && /*#__PURE__*/_react.default.createElement(_PDFDesignerComponent.default, {
+  }), !loading && !hasLoadingError && fileType === 'application/pdf' && props.designMode && /*#__PURE__*/_react.default.createElement(_PDFDesignerComponent.default, {
     file: value,
     onDocumentLoadSuccess: () => {},
     valueHandler: () => {},
     valueChangeHandler: file => {}
-  }), !loading && !hasLoadingError && _Utils.default.prop(parsedConfig.fileType) === 'application/vnd.openxmlformats-officedocument.wordprocessingml.document' && (!_Utils.default.isNull(value) || props.config.enableUpload) && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_WordDocumentViewer.default, {
+  }), !loading && !hasLoadingError && fileType === 'application/vnd.openxmlformats-officedocument.wordprocessingml.document' && (!_Utils.default.isNull(value) || props.config.enableUpload) && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_WordDocumentViewer.default, {
     file: value,
     onDocumentLoadSuccess: () => {},
     valueHandler: wordEditorValueHandler,

package/dist/components/Icon.js

@@ -163,10 +163,7 @@ class Icon extends _react.Component {
       return /*#__PURE__*/_react.default.createElement(_AttachFile.default, null);
     } else if (this.props.id === 'INITIAL') {
       return /*#__PURE__*/_react.default.createElement("i", {
-        className: "fas fa-signature",
-        style: {
-          color: this.props.color
-        }
+        className: "fas fa-signature"
       });
     } else if (this.props.id === 'FOLDER') {
       return /*#__PURE__*/_react.default.createElement(_Folder.default, null);
@@ -237,11 +234,7 @@ class Icon extends _react.Component {
         }
       });
     } else if (this.props.id === 'VIEW') {
-      return /*#__PURE__*/_react.default.createElement(_Visibility.default, {
-        style: {
-          color: this.props.color
-        }
-      });
+      return /*#__PURE__*/_react.default.createElement(_Visibility.default, null);
     } else if (this.props.id === 'DONE') {
       return /*#__PURE__*/_react.default.createElement(_Done.default, {
         style: {
@@ -261,11 +254,7 @@ class Icon extends _react.Component {
         }
       });
     } else if (this.props.id === 'MINUTES') {
-      return /*#__PURE__*/_react.default.createElement(_iconsMaterial.EditNote, {
-        style: {
-          color: '#2e7d32'
-        }
-      });
+      return /*#__PURE__*/_react.default.createElement(_iconsMaterial.EditNote, null);
     }
     return null;
   }

package/dist/components/Toolbar.js

@@ -277,7 +277,7 @@ const Toolbar = props => {
       }, renderSection(section, counter++));
     })), /*#__PURE__*/_react.default.createElement("div", {
       style: {
-        width: '32px',
+        width: '1px',
         height: '44px',
         display: 'flex',
         alignItems: 'center',
@@ -290,7 +290,7 @@ const Toolbar = props => {
       endIcon: /*#__PURE__*/_react.default.createElement(_MoreVert.default, {
         fontSize: "small"
       })
-    }, "More")), anchorRef.current && /*#__PURE__*/_react.default.createElement(_Popper.default, {
+    })), anchorRef.current && /*#__PURE__*/_react.default.createElement(_Popper.default, {
       open: open,
       anchorEl: anchorRef.current,
       placement: "bottom-end",