@agilemotion/oui-react-js 1.5.9 → 1.6.1

package/dist/InteractionPortalAppHome.js

@@ -19,6 +19,8 @@ var _Utils = _interopRequireDefault(require("./Utils"));
 
 var _reactPromiseTracker = require("react-promise-tracker");
 
+var _reactRouterDom = require("react-router-dom");
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 const location = window.location.protocol + "//" + window.location.hostname;
@@ -44,10 +46,14 @@ const InteractionPortalAppHome = /*#__PURE__*/_react.default.memo( /*#__PURE__*/
 
   const [loadingColor, setLoadingColor] = _react.default.useState(null);
 
+  const [loading, setLoading] = _react.default.useState(true);
+
   const [hasClientError, setHasClientError] = _react.default.useState(false);
 
   const [avatarUrl, setAvatarUrl] = _react.default.useState(location + props.contextRoot + props.implConfig.authUrl + "/user/avatar?" + "access_token=" + sessionStorage.getItem("accessToken") + "&idToken=" + sessionStorage.getItem("idToken"));
 
+  const navigate = (0, _reactRouterDom.useNavigate)();
+
   _react.default.useEffect(() => {
     _ApplicationManager.default.setServiceApiPath(props.implConfig.serviceApiPath);
 
@@ -56,6 +62,12 @@ const InteractionPortalAppHome = /*#__PURE__*/_react.default.memo( /*#__PURE__*/
     _ApplicationManager.default.setContextRoot(props.contextRoot);
 
     _ApplicationManager.default.setFilesApiPath(props.implConfig.filesApiPath);
+
+    _ApplicationManager.default.setNavigator(path => {
+      navigate(path);
+    });
+
+    setLoading(false);
   }, []);
 
   _react.default.useEffect(() => {
@@ -91,7 +103,7 @@ const InteractionPortalAppHome = /*#__PURE__*/_react.default.memo( /*#__PURE__*/
     className: "main w-100 h-100 d-inline-block"
   }, /*#__PURE__*/_react.default.createElement("div", {
     className: "w-100 h-100"
-  }, dashboardSettings !== null && !hasClientError ? /*#__PURE__*/_react.default.createElement(_BusinessPortalAppDashboard.default, {
+  }, !loading && !_Utils.default.isNull(dashboardSettings) && !hasClientError ? /*#__PURE__*/_react.default.createElement(_BusinessPortalAppDashboard.default, {
     logoutCallBack: () => {
       logout();
     },

package/dist/components/DocumentTemplateDesignerComponent.css

@@ -1,167 +0,0 @@
-@import '../../../node_modules/@syncfusion/ej2-base/styles/material.css';
-@import '../../../node_modules/@syncfusion/ej2-icons/styles/material.css';
-@import '../../../node_modules/@syncfusion/ej2-buttons/styles/material.css';
-@import '../../../node_modules/@syncfusion/ej2-splitbuttons/styles/material.css';
-@import '../../../node_modules/@syncfusion/ej2-inputs/styles/material.css';
-@import '../../../node_modules/@syncfusion/ej2-lists/styles/material.css';
-@import '../../../node_modules/@syncfusion/ej2-navigations/styles/material.css';
-@import '../../../node_modules/@syncfusion/ej2-popups/styles/material.css';
-@import '../../../node_modules/@syncfusion/ej2-richtexteditor/styles/material.css';
-
-/* csslint ignore:start */
-.e-rte-custom-tbar-section #special_char,
-.e-rte-custom-tbar-section .char_block {
-    display: inline-block;
-}
-
-#custom_tbar,
-#custom_tbar div {
-    cursor: pointer;
-}
-
-#rteSpecial_char {
-    padding: 15px 0 15px 0;
-}
-
-.material .e-rte-custom-tbar-section .char_block.e-active {
-    outline: 1px solid #e3165b;
-    border-color: #e3165b;
-}
-
-.fabric .e-rte-custom-tbar-section .char_block.e-active {
-    outline: 1px solid #0078d6;
-    border-color: #0078d6;
-}
-
-.bootstrap .e-rte-custom-tbar-section .char_block.e-active {
-    outline: 1px solid #317ab9;
-    border-color: #317ab9;
-}
-
-.highcontrast .e-rte-custom-tbar-section .char_block.e-active {
-    outline: 1px solid #ffd939;
-    border-color: #ffd939;
-}
-
-.fabric.e-bigger .e-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn .e-tbar-btn-text,
-.highcontrast.e-bigger .e-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn .e-tbar-btn-text {
-    padding-right: 10px;
-}
-
-.bootstrap.e-bigger .e-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn .e-tbar-btn-text,
-.bootstrap .e-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn .e-tbar-btn-text {
-    padding-right: 6px;
-}
-
-.fabric .e-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn .e-tbar-btn-text,
-.highcontrast .e-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn .e-tbar-btn-text {
-    padding-right: 8px;
-}
-
-/*.e-rte-custom-tbar-section .char_block {*/
-/*    height: 30px;*/
-/*    margin: 0 5px 5px 0;*/
-/*    padding: 4px;*/
-/*    text-align: center;*/
-/*    vertical-align: middle;*/
-/*    border: 1px solid #DDDDDD;*/
-/*    font-size: 16px;*/
-/*    cursor: pointer;*/
-/*    user-select: none;*/
-/*}*/
-
-.e-rte-custom-tbar-section .char_block {
-    display: flex;
-    align-items: center;
-    background-color: white;
-    padding: 20px;
-    border-radius: 8px;
-    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
-    cursor: pointer;
-    margin: 0 5px 5px 0;
-
-    &.e-active {
-        outline: 1px solid #e3165b;
-        border-color: #e3165b;
-    }
-}
-
-.char_block .e-active {
-    outline: 1px solid #e3165b;
-    border-color: #e3165b;
-}
-
-.icon {
-    font-size: 2rem;
-    color: #007BFF;
-    margin-right: 20px;
-}
-
-.text-container {
-    display: flex;
-    flex-direction: column;
-}
-
-.title {
-    margin: 0;
-    font-size: 1rem;
-    color: #333;
-}
-
-.subtitle {
-    margin: 0;
-    font-size: 0.5rem;
-    color: #777;
-}
-
-#rteSection {
-    height: 500px;
-}
-
-#rteCustomTool .e-richtexteditor .e-rte-content .e-content {
-    float: left;
-    width: 100%;
-}
-
-#rteCustomTool {
-    overflow: hidden;
-}
-
-#rteCustomTool .content-wrapper {
-    width: auto;
-    margin: 0;
-}
-
-#custom_tbar div {
-    font-size: 16px;
-}
-
-.e-bigger #custom_tbar div {
-    font-size: 18px;
-}
-
-@media (min-width: 320px) and (max-width: 480px) {
-    .fabric.e-bigger #customTbarDlg {
-        min-width: 281px;
-    }
-    .fabric #customTbarDlg {
-        min-width: 241px;
-    }
-    .bootstrap.e-bigger #customTbarDlg,
-    .bootstrap #customTbarDlg {
-        min-width: 223px;
-    }
-    .highcontrast.e-bigger #customTbarDlg {
-        min-width: 283px;
-    }
-    .highcontrast #customTbarDlg {
-        min-width: 243px;
-    }
-    .material #customTbarDlg {
-        min-width: 224px;
-    }
-    .material.e-bigger #customTbarDlg {
-        min-width: 236px;
-    }
-}
-/* csslint ignore:end */

package/dist/components/DocumentTemplateDesignerComponent.js

@@ -9,8 +9,6 @@ var _ej2ReactRichtexteditor = require("@syncfusion/ej2-react-richtexteditor");
 
 var React = _interopRequireWildcard(require("react"));
 
-require("./DocumentTemplateDesignerComponent.css");
-
 var _DocumentTemplatePlaceholderDialog = _interopRequireDefault(require("./DocumentTemplatePlaceholderDialog"));
 
 var _mammoth = _interopRequireDefault(require("mammoth"));

package/dist/components/Portlet.js

@@ -16,7 +16,7 @@ require("./Portlet.css");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 const Portlet = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.default.forwardRef((props, ref) => {
-  var _props$config$attribu;
+  var _props$config$attribu, _props$config$attribu2;
 
   const [url, setUrl] = _react.default.useState(null);
 
@@ -96,7 +96,8 @@ const Portlet = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.default.fo
     src: url,
     title: "eProcurement",
     className: 'portlet-iframe',
-    allow: (_props$config$attribu = props.config.attributes) === null || _props$config$attribu === void 0 ? void 0 : _props$config$attribu.allow,
+    sandbox: (_props$config$attribu = props.config.attributes) === null || _props$config$attribu === void 0 ? void 0 : _props$config$attribu.sandbox,
+    allow: (_props$config$attribu2 = props.config.attributes) === null || _props$config$attribu2 === void 0 ? void 0 : _props$config$attribu2.allow,
     id: props.config.id
   }));
 }));

package/dist/components/dashboard/BusinessPortalAppDashboard.js

@@ -17,10 +17,6 @@ require("./BusinessPortalAppDashboard.css");
 
 var _Workspace = _interopRequireDefault(require("./components/portal/Workspace"));
 
-var _Observable = _interopRequireDefault(require("../../event/Observable"));
-
-var _RestUtils = require("../../RestUtils");
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 let ps;
@@ -32,62 +28,6 @@ const BusinessPortalAppDashboard = /*#__PURE__*/_react.default.memo(props => {
 
   const [logo, setLogo] = _react.default.useState("data:image/png;base64," + props.logo);
 
-  const getItems = (items, level) => {
-    let newItems = [];
-
-    for (let i = 0; i < items.length; i++) {
-      _Observable.default.clearComponentEventListeners(items[i].id);
-
-      let createItem = {};
-      createItem.name = items[i].attributes.label;
-      createItem.mini = "SS";
-      createItem.layout = "/admin";
-      createItem.item = items[i];
-      createItem.level = level;
-
-      if (!_Utils.default.isNull(items[i].subMenu)) {
-        createItem.collapse = true;
-        createItem.state = items[i].id + "SubMenuCollapse";
-        createItem.views = getItems(items[i].subMenu.items, level + 1);
-      }
-
-      newItems.push(createItem);
-    }
-
-    return newItems;
-  };
-
-  const getMenu = path => {
-    return new Promise(resolve => {
-      let service = {
-        url: '/ui/api/v1/menu/get',
-        parameters: [{
-          name: 'id',
-          value: path,
-          httpParameterType: 'QUERY_PARAMETER'
-        }, {
-          name: 'version',
-          value: 1.0,
-          httpParameterType: 'QUERY_PARAMETER'
-        }],
-        contentType: 'application/json'
-      };
-      (0, _RestUtils.invokeRest)(service, {
-        api: {
-          get id() {
-            return 'portal-dashboard';
-          }
-
-        }
-      }, 'portal-dashboard', result => {
-        resolve(result.menus);
-      }, e => {
-        console.error(e);
-        resolve(null);
-      }, null);
-    });
-  };
-
   _react.default.useEffect(() => {
     document.body.classList.add("white-content");
 
@@ -98,13 +38,34 @@ const BusinessPortalAppDashboard = /*#__PURE__*/_react.default.memo(props => {
 
     window.removeEventListener("scroll", showNavbarButton); //dispatch(actionCreators.setSecondaryThemeColor(props.settings.systemProfileDto.secondCorporateBrandColor));
 
+    let newRoutes = [];
+
+    if (!_Utils.default.isNull(props.settings.modules)) {
+      for (let i = 0; i < props.settings.modules.length; i++) {
+        let module = props.settings.modules[i];
+        let route = {};
+        route.name = module.label;
+        route.icon = module.icon;
+        route.menu = module.menu;
+        route.layout = '/admin';
+        route.level = 0;
+
+        if (module.menu) {
+          route.collapse = true;
+          route.state = module.name + 'Collapse';
+        }
+
+        newRoutes.push(route);
+      }
+    }
+
+    setRoutes(newRoutes);
+
     if (!_Utils.default.isNull(props.settings)) {
       setCurrentModule("home");
     }
   }, [props.settings]);
 
-  const handleMiniClick = () => {};
-
   const showNavbarButton = () => {
     if (document.documentElement.scrollTop > 50 || document.scrollingElement.scrollTop > 50) {//setOpacity(1);
     } else if (document.documentElement.scrollTop <= 50 || document.scrollingElement.scrollTop <= 50) {//setOpacity(0);

package/dist/view/PortalDashboard.js

@@ -26,7 +26,7 @@ const PortalDashboard = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.de
     style: {
       margin: '4px 0 0 0'
     }
-  }, "PORTAL DASHBOARD");
+  });
 }));
 
 var _default = PortalDashboard;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@agilemotion/oui-react-js",
-  "version": "1.5.9",
+  "version": "1.6.1",
   "babel": {
     "presets": [
       "@babel/preset-env",