@agilemotion/oui-react-js 1.7.1 → 1.7.3

package/dist/components/WordDocumentViewer.js

@@ -0,0 +1,167 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _reactPromiseTracker = require("react-promise-tracker");
+var _Utils = _interopRequireDefault(require("../Utils"));
+var _ej2ReactDocumenteditor = require("@syncfusion/ej2-react-documenteditor");
+require("./DocumentTemplateDesignerComponent.css");
+var _ApplicationManager = _interopRequireDefault(require("../ApplicationManager"));
+var _ej2Base = require("@syncfusion/ej2-base");
+var _Alert = _interopRequireDefault(require("react-bootstrap/Alert"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+(0, _ej2Base.registerLicense)('ORg4AjUWIQA/Gnt2U1hhQlJBfV5AQmBIYVp/TGpJfl96cVxMZVVBJAtUQF1hTX5adkJiWHtWdXBXT2Je');
+_ej2ReactDocumenteditor.DocumentEditorContainerComponent.Inject(_ej2ReactDocumenteditor.Toolbar);
+const WordDocumentViewer = props => {
+  const [container, setContainer] = _react.default.useState(null);
+  const [json, setJson] = _react.default.useState(null);
+  const [errorMessage, setErrorMessage] = _react.default.useState(null);
+  let items = ["Undo", "Redo", "Separator", {
+    tooltipText: 'Bold',
+    prefixIcon: 'e-icons e-bold',
+    command: 'Bold'
+  }, {
+    tooltipText: 'Italic',
+    prefixIcon: 'e-icons e-italic',
+    command: 'Italic'
+  }, "Separator", "Image", "Table", "Separator", "Header", "Footer", "PageSetup", "PageNumber", "Break", "InsertFootnote", "Separator", "Find", "Separator", "Comments"];
+
+  /*let items = ['Bold', 'Italic', 'Underline', '|', 'Formats', '|', 'CreateLink', '|',
+      {
+          template: '' +
+              '<button class="e-tbar-btn e-btn" tabindex="-1" id="custom_tbar"  style="width:100%"><div class="e-tbar-btn-text" style="font-weight: normal; font-size: inherit;"> Placeholders</div></button>',
+          undo: true,
+          click: onClick.bind(this),
+          tooltipText: 'Insert Placeholders'
+      }, '|', 'Undo', 'Redo'
+  ];*/
+
+  const api = () => {
+    return {
+      getValue: () => {
+        return saveAsBase64();
+      }
+    };
+  };
+  _react.default.useEffect(() => {
+    props.valueHandler.api = api();
+  });
+  _react.default.useEffect(() => {
+    if (props.file.base64) {
+      let base64 = props.file.base64;
+      const arrayBuffer = _Utils.default.base64ToArrayBuffer(base64);
+      const file = new Blob([arrayBuffer], {
+        type: props.file.type
+      });
+      const formData = new FormData();
+      formData.append('files', file, 'document.docx');
+      (0, _reactPromiseTracker.trackPromise)(fetch('https://ej2services.syncfusion.com/production/web-services/api/documenteditor/Import', {
+        method: 'POST',
+        body: formData
+      }).then(response => {
+        (0, _reactPromiseTracker.trackPromise)(response.json().then(json => {
+          setJson(json);
+        }));
+      }));
+    }
+  }, [props.file]);
+  function setupContainer() {
+    container.documentEditor.currentUser = _ApplicationManager.default.getUserDetails().name + " " + _ApplicationManager.default.getUserDetails().surname;
+  }
+  const saveAsBase64 = async () => {
+    if (props.allowUnresolvedChanges === false && container.documentEditor.revisions.length > 0) {
+      setErrorMessage("Please accept or reject all suggested changes");
+      return null;
+    }
+    if (container) {
+      container.documentEditor.editor.stopProtection("password");
+      let blob = await container.documentEditor.saveAsBlob('Docx');
+      if (props.commentsOnly) {
+        container.documentEditor.editor.enforceProtection('password', 'CommentsOnly');
+      }
+      return new File([blob], props.file?.name ? props.file.name : 'document.docx', {
+        type: props.file?.type ? props.file.type : 'application/vnd.openxmlformats-officedocument.wordprocessingml.document'
+      });
+    }
+  };
+  _react.default.useEffect(() => {
+    if (container) {
+      setupContainer();
+      //autoSave();
+    }
+  }, [container]);
+  _react.default.useEffect(() => {
+    if (container && json) {
+      container.documentEditor.documentChange = () => {
+        container.documentEditor.enableTrackChanges = true;
+        if (props.commentsOnly) {
+          container.documentEditor.editor.enforceProtection('password', 'CommentsOnly');
+        } else if (props.readOnly) {
+          container.documentEditor.isReadOnly = props.readOnly;
+        }
+      };
+      container.documentEditor.addEventListener('contentChange', e => {
+        if (props.disableAcceptChanges) {
+          let acceptButtons = document.getElementsByClassName("e-de-track-accept-button");
+          for (const acceptButton of acceptButtons) {
+            acceptButton.parentElement.removeChild(acceptButton);
+          }
+        }
+        if (props.disableRejectChanges) {
+          let rejectButtons = document.getElementsByClassName("e-de-track-reject-button");
+          for (const rejectButton of rejectButtons) {
+            rejectButton.parentElement.removeChild(rejectButton);
+          }
+        }
+      });
+      container.documentEditor.open(json);
+      container.documentEditor.enableTrackChanges = true;
+      //container.documentEditor.isReadOnly = (props.readOnly || props.commentsOnly);
+    }
+  }, [json, container]);
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: 'col no-margin no-padding',
+    style: {
+      height: '100%'
+    },
+    id: 'parent-container'
+  }, errorMessage && /*#__PURE__*/_react.default.createElement("div", {
+    style: {
+      padding: '0 32px 0 32px',
+      maxHeight: '64px'
+    }
+  }, /*#__PURE__*/_react.default.createElement(_Alert.default, {
+    variant: 'danger',
+    show: !_Utils.default.isNull(errorMessage),
+    onClose: () => setErrorMessage(null),
+    dismissible: true,
+    style: {
+      with: '100%'
+    }
+  }, /*#__PURE__*/_react.default.createElement("p", {
+    style: {
+      color: 'rgba(255, 255, 255, 0.8)'
+    }
+  }, errorMessage))), /*#__PURE__*/_react.default.createElement(_ej2ReactDocumenteditor.DocumentEditorContainerComponent, {
+    id: "container",
+    height: '690px',
+    ref: scope => {
+      setContainer(scope);
+    },
+    created: () => {
+      if (container) {
+        container.resize();
+        container.documentEditor.resize();
+      }
+    },
+    toolbarItems: items,
+    showPropertiesPane: false,
+    enableTrackChanges: true,
+    serviceUrl: "https://services.syncfusion.com/react/production/api/documenteditor/",
+    enableToolbar: !(props.readOnly || props.commentsOnly)
+  }));
+};
+var _default = exports.default = WordDocumentViewer;

package/dist/components/dashboard/SideMenuModuleDashboard.js

@@ -11,12 +11,10 @@ var _Utils = _interopRequireDefault(require("../../Utils"));
 var _ViewPort = _interopRequireDefault(require("../layout/ViewPort"));
 var _reactRouterDom = require("react-router-dom");
 var _perfectScrollbar = _interopRequireDefault(require("perfect-scrollbar"));
-var _FoldingTabSidebar = _interopRequireDefault(require("./components/blackDashboard/sidebar/FoldingTabSidebar"));
 var _HomeNavbar = _interopRequireDefault(require("../navbars/HomeNavbar"));
 var _reactRedux = require("react-redux");
 var _DashboardStore = require("../../redux/store/DashboardStore");
 var _ApplicationManager = _interopRequireDefault(require("../../ApplicationManager"));
-var _SocketManager = _interopRequireDefault(require("../SocketManager"));
 var _WindowViewPort = _interopRequireDefault(require("../layout/WindowViewPort"));
 require("./SideMenuModuleDashboard.css");
 var _ModuleMenuSidebar = _interopRequireDefault(require("./components/blackDashboard/sidebar/ModuleMenuSidebar"));
@@ -229,7 +227,7 @@ const SideMenuModuleDashboard = props => {
     _ApplicationManager.default.navigate('/view/dashboard');
   }
   return loading ? /*#__PURE__*/_react.default.createElement("div", null, "Loading...") : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
-    className: "wrapper",
+    className: "wrapper side-menu-module-dashboard",
     style: {
       height: '100%',
       overflow: 'hidden'

package/dist/components/dashboard/components/blackDashboard/sidebar/ModuleMenuSidebar.css

@@ -18,6 +18,10 @@
     margin-left: 0 !important;
 }
 
+.module-menu-sidebar .nav i, .off-canvas-sidebar .nav i {
+    margin-right: unset !important;
+}
+
 .module-menu-sidebar .module-tab-selected,
 .module-menu-sidebar .module-tab {
     display: flex;