@agilemotion/oui-react-js 1.3.0 → 1.3.2

package/dist/components/form/UploadField.js

@@ -19,9 +19,11 @@ var _Utils = _interopRequireDefault(require("../../Utils"));
 
 var _ApplicationContext = _interopRequireDefault(require("./../../ApplicationContext"));
 
-var _withWidth = require("material-ui/utils/withWidth");
+var _IconButton = _interopRequireDefault(require("@material-ui/core/IconButton"));
 
-var _TextField = _interopRequireDefault(require("./TextField"));
+var _Icon = _interopRequireDefault(require("../Icon"));
+
+var _reactPromiseTracker = require("react-promise-tracker");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
@@ -50,6 +52,21 @@ const useStyles = (0, _styles.makeStyles)(theme => ({
     color: 'red'
   }
 }));
+
+const status = response => {
+  if (response.ok) {
+    return Promise.resolve(response);
+  } else {
+    let error = new Error(response.statusText);
+    error.code = response.status;
+    return Promise.reject(error);
+  }
+};
+
+const json = response => {
+  return response.text();
+};
+
 const location = window.location.protocol + "//" + window.location.hostname;
 
 const DocumentUpload = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.default.forwardRef((props, ref) => {
@@ -68,46 +85,55 @@ const DocumentUpload = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.def
         files = _React$useState6[0],
         setFiles = _React$useState6[1];
 
-  const _React$useState7 = _react.default.useState(true),
+  const _React$useState7 = _react.default.useState(!_Utils.default.isNull(props.base.value) ? props.base.value.documentRepositoryCacheId : null),
         _React$useState8 = _slicedToArray(_React$useState7, 2),
-        loading = _React$useState8[0],
-        setLoading = _React$useState8[1];
+        cacheId = _React$useState8[0],
+        setCacheId = _React$useState8[1];
+
+  const _React$useState9 = _react.default.useState(true),
+        _React$useState10 = _slicedToArray(_React$useState9, 2),
+        loading = _React$useState10[0],
+        setLoading = _React$useState10[1];
 
-  const _React$useState9 = _react.default.useState(props.multiple === true),
-        _React$useState10 = _slicedToArray(_React$useState9, 1),
-        multiple = _React$useState10[0];
+  const _React$useState11 = _react.default.useState(_Utils.default.isNull(props.config.validator) || props.config.validator.nullable === true),
+        _React$useState12 = _slicedToArray(_React$useState11, 1),
+        nullable = _React$useState12[0];
 
-  const _React$useState11 = _react.default.useState(false),
-        _React$useState12 = _slicedToArray(_React$useState11, 2),
-        show = _React$useState12[0],
-        setShow = _React$useState12[1];
+  const _React$useState13 = _react.default.useState(props.multiple === true),
+        _React$useState14 = _slicedToArray(_React$useState13, 1),
+        multiple = _React$useState14[0];
+
+  const _React$useState15 = _react.default.useState(false),
+        _React$useState16 = _slicedToArray(_React$useState15, 2),
+        show = _React$useState16[0],
+        setShow = _React$useState16[1];
 
   const classes = useStyles();
 
-  const _React$useState13 = _react.default.useState(ref ? ref : /*#__PURE__*/_react.default.createRef()),
-        _React$useState14 = _slicedToArray(_React$useState13, 2),
-        reference = _React$useState14[0],
-        setReference = _React$useState14[1];
+  const _React$useState17 = _react.default.useState(ref ? ref : /*#__PURE__*/_react.default.createRef()),
+        _React$useState18 = _slicedToArray(_React$useState17, 2),
+        reference = _React$useState18[0],
+        setReference = _React$useState18[1];
 
-  const _React$useState15 = _react.default.useState(null),
-        _React$useState16 = _slicedToArray(_React$useState15, 2),
-        hasError = _React$useState16[0],
-        setHasError = _React$useState16[1];
+  const _React$useState19 = _react.default.useState(null),
+        _React$useState20 = _slicedToArray(_React$useState19, 2),
+        hasError = _React$useState20[0],
+        setHasError = _React$useState20[1];
 
   const width = _Utils.default.getComponentAttribute(props.config, 'width', '200px');
 
   const height = _Utils.default.getComponentAttribute(props.config, 'height', '200px');
 
-  const _React$useState17 = _react.default.useState(""),
-        _React$useState18 = _slicedToArray(_React$useState17, 2),
-        errorMessage = _React$useState18[0],
-        setErrorMessage = _React$useState18[1];
+  const _React$useState21 = _react.default.useState(""),
+        _React$useState22 = _slicedToArray(_React$useState21, 2),
+        errorMessage = _React$useState22[0],
+        setErrorMessage = _React$useState22[1];
 
   const base = props.base;
 
   _react.default.useEffect(() => {
-    setViewerFile(null);
-  }, [props.clearTrigger]);
+    setCacheId();
+  });
 
   _react.default.useEffect(() => {
     if (!_Utils.default.isNull(props.valueMode)) {
@@ -132,7 +158,7 @@ const DocumentUpload = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.def
         let fileInfo = {
           name: file.name,
           type: file.type,
-          size: Math.round(file.size / 1000) + ' kB',
+          size: file.size,
           base64: reader.result,
           file: file
         };
@@ -156,6 +182,37 @@ const DocumentUpload = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.def
         }
       };
 
+      const upload = (metadata, file, uploadUrl) => {
+        const accessToken = sessionStorage.getItem("accessToken");
+        const idToken = sessionStorage.getItem("idToken");
+        let data = new FormData();
+        metadata.correlationId = props.viewId + "." + props.config.id;
+        data.append("metadata", JSON.stringify(metadata));
+        data.append("file", file);
+        let fetchConfig = {
+          method: 'POST',
+          headers: {
+            'Accept': 'application/json',
+            'Authorization': 'Bearer ' + accessToken,
+            'idToken': idToken
+          },
+          body: data
+        };
+        let url = location + _ApplicationContext.default.getBaseApiUrl() + uploadUrl;
+        (0, _reactPromiseTracker.trackPromise)(fetch(encodeURI(url), fetchConfig).then(status).then(json).then(data => {
+          metadata.documentRepositoryId = !_Utils.default.isNull(base.value) ? base.value.documentRepositoryId : null;
+          metadata.documentRepositoryCacheId = data;
+          setCacheId(data);
+          base.handleValueChange(metadata);
+        }).catch(e => {
+          if (e.code === 401) {
+            _ApplicationContext.default.clear();
+
+            _ApplicationContext.default.getApplicationHistory().push('/login');
+          }
+        }));
+      };
+
       reader.onloadend = () => {
         if (!_Utils.default.isNull(props.form)) {
           let fileMetaData = {};
@@ -169,14 +226,17 @@ const DocumentUpload = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.def
           } else {
             fileMetaData.correlationId = props.config.id;
             fileMetaData.domain = props.viewId;
-            fileMetaData.cachedFile = true;
             let file = {};
             file.correlationId = fileMetaData.correlationId;
             file.content = allFiles[0].file;
 
-            _ApplicationContext.default.addFile(props.viewId, file);
+            let uploadUrl = _Utils.default.getComponentAttribute(props.config, 'uploadUrl', null);
 
-            base.handleValueChange(fileMetaData);
+            if (uploadUrl === null) {
+              uploadUrl = "/docs/manager/upload/save";
+            }
+
+            upload(fileMetaData, allFiles[0].file, uploadUrl);
           }
         }
       };
@@ -223,7 +283,17 @@ const DocumentUpload = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.def
   }, props.config.attributes['label'] ? props.config.attributes['label'] : "Upload File")), /*#__PURE__*/_react.default.createElement("label", null, !_Utils.default.isNull(base.value) ? _Utils.default.isNull(base.value.id) || _Utils.default.isNull(props.config.dataService) ? base.value.name : /*#__PURE__*/_react.default.createElement("a", {
     href: location + _ApplicationContext.default.getBaseApiUrl() + _ApplicationContext.default.getFilesApiPath() + '/get/file?fileId=' + base.value.id + '&fileService=' + props.config.dataService.serviceId + '&access_token=' + sessionStorage.getItem("accessToken") + '&idToken=' + sessionStorage.getItem("idToken"),
     target: '_blank'
-  }, base.value.name) : null))), props.showViewer && !multiple || show ? /*#__PURE__*/_react.default.createElement(_DocumentViewer.default, {
+  }, base.value.name) : null), nullable && base.value ? /*#__PURE__*/_react.default.createElement(_IconButton.default, {
+    "aria-controls": "menu-list-grow",
+    ref: ref,
+    "aria-haspopup": "true",
+    onClick: () => {
+      base.handleValueChange(null);
+      document.getElementById('contained-button-file').value = null;
+    }
+  }, /*#__PURE__*/_react.default.createElement(_Icon.default, {
+    id: 'DELETE'
+  })) : null)), props.showViewer && !multiple || show ? /*#__PURE__*/_react.default.createElement(_DocumentViewer.default, {
     file: viewerFile,
     onDocumentLoadSuccess: handleViewerLoad
   }) : "", hasError ? /*#__PURE__*/_react.default.createElement("span", {
@@ -234,15 +304,15 @@ const DocumentUpload = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.def
 exports.DocumentUpload = DocumentUpload;
 
 const UploadField = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.default.forwardRef((props, ref) => {
-  const _React$useState19 = _react.default.useState(null),
-        _React$useState20 = _slicedToArray(_React$useState19, 2),
-        file = _React$useState20[0],
-        setFile = _React$useState20[1];
+  const _React$useState23 = _react.default.useState(null),
+        _React$useState24 = _slicedToArray(_React$useState23, 2),
+        file = _React$useState24[0],
+        setFile = _React$useState24[1];
 
-  const _React$useState21 = _react.default.useState(false),
-        _React$useState22 = _slicedToArray(_React$useState21, 2),
-        clearTrigger = _React$useState22[0],
-        setClearTrigger = _React$useState22[1];
+  const _React$useState25 = _react.default.useState(false),
+        _React$useState26 = _slicedToArray(_React$useState25, 2),
+        clearTrigger = _React$useState26[0],
+        setClearTrigger = _React$useState26[1];
 
   return /*#__PURE__*/_react.default.createElement(_BaseField.BaseField, _extends({}, props, {
     handle: props.handle,
@@ -251,14 +321,22 @@ const UploadField = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.defaul
         setClearTrigger(!clearTrigger);
 
         if (!_Utils.default.isNull(value)) {
-          let objectReference = value;
+          let val = value;
+
+          if (value.map) {
+            val = value.map;
+          }
+
           let fileMetaData = {};
-          fileMetaData.name = objectReference.label;
-          fileMetaData.id = objectReference.id;
+          fileMetaData.name = !_Utils.default.isNull(val.label) ? val.label : val.name;
+          fileMetaData.type = val.type;
+          fileMetaData.size = val.size;
+          fileMetaData.documentRepositoryId = !_Utils.default.isNull(val.key) ? val.key : val.documentRepositoryId;
+          fileMetaData.documentRepositoryCacheId = val.documentRepositoryCacheId;
 
-          if (!_Utils.default.isNull(value.url)) {
+          if (!_Utils.default.isNull(val.url)) {
             let file = {};
-            file.base64 = value.url;
+            file.base64 = val.url;
             setFile(file);
           }
 

package/dist/components/layout/Layout.js

@@ -19,18 +19,24 @@ var _DataGrid = require("../DataGrid");
 
 var _HtmlPanel = _interopRequireDefault(require("../HtmlPanel"));
 
-var _SignatureTemplateDesigner = _interopRequireDefault(require("../SignatureTemplateDesigner"));
+var _SignatureTemplateDesigner = _interopRequireDefault(require("../signatures/SignatureTemplateDesigner"));
 
 var _AlertBar = _interopRequireDefault(require("../AlertBar"));
 
 var _TitleBar = _interopRequireDefault(require("../TitleBar"));
 
+var _StepperTitleBar = _interopRequireDefault(require("../StepperTitleBar"));
+
 var _Tree = require("../Tree");
 
 var _Form = _interopRequireDefault(require("../form/Form"));
 
 var _asyncMutex = require("async-mutex");
 
+var _DocumentViewer = _interopRequireDefault(require("../DocumentViewer"));
+
+var _SignaturePanel = _interopRequireDefault(require("../SignaturePanel"));
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function _getRequireWildcardCache() { return cache; }; return cache; }
@@ -230,6 +236,12 @@ const Layout = /*#__PURE__*/_react.default.forwardRef((props, ref) => {
       ref: /*#__PURE__*/_react.default.createRef(),
       viewId: props.viewId,
       loadCompleteHandler: loadCompleteHandler
+    }) : component.type === 'stepperTitleBar' ? /*#__PURE__*/_react.default.createElement(_StepperTitleBar.default, {
+      config: component,
+      handle: createComponentHandle(component),
+      ref: /*#__PURE__*/_react.default.createRef(),
+      viewId: props.viewId,
+      loadCompleteHandler: loadCompleteHandler
     }) : component.type === 'alertBar' ? /*#__PURE__*/_react.default.createElement(_AlertBar.default, {
       config: component,
       handle: createComponentHandle(component),
@@ -242,6 +254,18 @@ const Layout = /*#__PURE__*/_react.default.forwardRef((props, ref) => {
       ref: /*#__PURE__*/_react.default.createRef(),
       viewId: props.viewId,
       loadCompleteHandler: loadCompleteHandler
+    }) : component.type === 'documentViewer' ? /*#__PURE__*/_react.default.createElement(_DocumentViewer.default, {
+      config: component,
+      handle: createComponentHandle(component),
+      ref: /*#__PURE__*/_react.default.createRef(),
+      viewId: props.viewId,
+      loadCompleteHandler: loadCompleteHandler
+    }) : component.type === 'signaturePanel' ? /*#__PURE__*/_react.default.createElement(_SignaturePanel.default, {
+      config: component,
+      handle: createComponentHandle(component),
+      ref: /*#__PURE__*/_react.default.createRef(),
+      viewId: props.viewId,
+      loadCompleteHandler: loadCompleteHandler
     }) : /*#__PURE__*/_react.default.createElement("div", null, "Unsupported component type " + component.type);
   }
 
@@ -317,6 +341,7 @@ const Layout = /*#__PURE__*/_react.default.forwardRef((props, ref) => {
       overflow: _Utils.default.getComponentAttribute(component, 'overflow', 'auto'),
       minWidth: '128px',
       height: '100%',
+      maxHeight: _Utils.default.getComponentAttribute(component, 'maxHeight', null),
       margin: _Utils.default.getComponentAttribute(component, 'margin', 0),
       padding: _Utils.default.getComponentAttribute(component, 'padding', 0)
     };
@@ -335,7 +360,7 @@ const Layout = /*#__PURE__*/_react.default.forwardRef((props, ref) => {
 
     let counter = 0;
 
-    let height = _Utils.default.getComponentAttribute(layout, 'height', '100%');
+    let height = _Utils.default.getComponentAttribute(layout, 'height', 'auto');
 
     return _Utils.default.isNull(layout.components) || layout.components.length === 0 ? /*#__PURE__*/_react.default.createElement("div", null, "I am a dum empty Layout") : layout.orientation === 'VERTICAL' ? /*#__PURE__*/_react.default.createElement("div", {
       style: {
@@ -346,14 +371,14 @@ const Layout = /*#__PURE__*/_react.default.forwardRef((props, ref) => {
       let style = _Utils.default.getComponentAttribute(component, 'style', null);
 
       return /*#__PURE__*/_react.default.createElement("div", {
-        className: "row",
+        className: "row-*-*",
         key: component.key
       }, /*#__PURE__*/_react.default.createElement("div", {
         className: "col-*-* ".concat(style),
         style: style === null || style === 'none' ? getDefaultComponentContainerStyle(component) : null
       }, renderComponent(component)));
     })) : /*#__PURE__*/_react.default.createElement("div", {
-      className: "row",
+      className: "row-*-*",
       style: {
         margin: '0',
         height: height
@@ -381,16 +406,6 @@ const Layout = /*#__PURE__*/_react.default.forwardRef((props, ref) => {
     ref: ref,
     style: getLayoutStyle(props.config, null)
   }, render(props.config)) : null);
-}); //wget --no-check-certificate -c --header "Cookie: oraclelicense=accept-securebackup-cookie" https://download.oracle.com/otn/java/jdk/14.0.2+12/205943a0976c4ed48cb16f1043c5c647/jdk-14.0.2_linux-x64_bin.rpm
-//exportPubKey -k 6 -out public.pem
-//loginHSM -u CU -s signivault_hsm_cu -p S1gn1v@ul+001
-//loginHSM CO admin S1gn1v@ul+001
-//getAttribute -o 9 -a 3 -out SigniVault-2020-10-22-1-9_attr.txt -attest
-//exportPubKey -k 6 -out SigniVault-2020-10-22-1-6_pub.pem
-//cluster-4y5dcxwurl6
-//S1gn1v@ul+001
-//keytool -genkey -keyalg RSA -keysize 2048  -keystore signivault.jks  -alias signivault -storepass S1gn1v@ul+001
-//openssl x509 -req -days 3652 -in cluster-4y5dcxwurl6_ClusterCsr.csr -CA customerCA.crt -CAkey customerCA.key -CAcreateserial -out cluster-4y5dcxwurl6_CustomerHsmCertificate.crt
-
+});
 
 exports.Layout = Layout;

package/dist/components/layout/ViewPort.js

@@ -91,13 +91,14 @@ class ViewPort extends _react.default.PureComponent {
 
     _ApplicationContext.default.setConfirmDialogHandler(this);
 
-    this.props.history.push("/view/dashboard");
+    let defaultRoute = !_Utils.default.isNull(this.props.defaultView) ? this.props.defaultView : "/view/dashboard";
+    this.props.history.push(defaultRoute);
   }
 
   render() {
     return /*#__PURE__*/_react.default.createElement("div", {
       style: {
-        height: 'calc(100vh - 90px)'
+        height: _Utils.default.isNull(this.props.height) ? 'calc(100vh - 90px)' : this.props.height
       }
     }, this.state.popupView !== null ? /*#__PURE__*/_react.default.createElement(_PopupView.default, {
       open: this.state.popupView !== null,

package/dist/components/menu/MenuLink.js

@@ -33,6 +33,13 @@ const MenuLink = /*#__PURE__*/_react.default.forwardRef((props, ref) => {
 
     if (!_Utils.default.isNull(parsedConfig)) {
       _Observable.default.addSubscriptions(parsedConfig.eventHandlingConfig, handle, props.viewId);
+
+      if (props.autoClick) {
+        dispatch(_DashboardStore.actionCreators.setActiveRoute(props.name));
+        let event = new _Event.default(handle, props.viewId);
+
+        _Observable.default.fireEvent(_EventType.default.CLICK, event);
+      }
     }
   }, [props.config]);
 

package/dist/components/navbars/HomeNavbar.js

@@ -23,16 +23,6 @@ var _Utils = _interopRequireDefault(require("../../Utils"));
 
 var _ActionHandlers = _interopRequireDefault(require("../../event/ActionHandlers"));
 
-var _withWidth = require("material-ui/utils/withWidth");
-
-var _TokenManager = _interopRequireDefault(require("../../security/TokenManager"));
-
-var _ApplicationContext = _interopRequireWildcard(require("../../ApplicationContext"));
-
-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 _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 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; }

package/dist/components/navbars/PortalNavbar.css

@@ -0,0 +1,75 @@
+.portal-navbar-container {
+    width: 100vw;
+    background-color: #ffffff;
+    height: 100%;
+    margin-left: 0 !important;
+    text-align: right;
+    border-bottom: 1px solid #e1e1e1;
+}
+
+.portal-navbar-logo {
+    margin-top: 4px;
+    width: 31%;
+    text-align: right;
+    height: 48px;
+}
+
+.portal-navbar-toolbar {
+    display: inline-block;
+    text-align: left;
+    width: 55%;
+    height: 48px;
+    margin-left: 72px;
+}
+
+.spacer {
+    width: 320px;
+}
+
+/* Smartphones (landscape); */
+@media only screen and (min-device-width: 361px) and (max-device-width: 480px) {
+    .portal-navbar-logo {
+        margin: 4px;
+        width: 48px;
+    }
+
+    .portal-navbar-toolbar {
+        width: calc(100% - 84px);
+        margin-left: 24px;
+    }
+
+    .spacer {
+        width: 144px;
+    }
+}
+
+/* Smartphones (portrait); */
+@media only screen and (min-device-width: 280px) and (max-device-width: 360px) {
+    .portal-navbar-logo {
+        margin: 4px;
+        width: 48px;
+    }
+
+    .portal-navbar-toolbar {
+        width: calc(100% - 84px);
+        margin-left: 24px;
+    }
+
+    .spacer {
+        width: 144px;
+    }
+}
+
+
+/* iPads (portrait and landscape); */
+@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
+
+}
+
+/* iPad 3 */
+@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2) {
+}
+
+@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2) {
+}
+

package/dist/components/navbars/PortalNavbar.js

@@ -0,0 +1,138 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _IconButton = _interopRequireDefault(require("@material-ui/core/IconButton"));
+
+var _styles = require("@material-ui/core/styles");
+
+var _Icon = _interopRequireDefault(require("./../Icon"));
+
+var _colors = require("material-ui/styles/colors");
+
+require("./PortalNavbar.css");
+
+var _reactstrap = require("reactstrap");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+const useStyles = (0, _styles.makeStyles)(theme => ({
+  iconButtonLabel: {
+    display: 'flex',
+    flexDirection: 'column'
+  }
+}));
+
+const PortalNavbar = props => {
+  const classes = useStyles();
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
+    className: "row portal-navbar-container"
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: "col-*-* portal-navbar-logo"
+  }, /*#__PURE__*/_react.default.createElement("img", {
+    src: props.appLogoPath,
+    alt: "...",
+    style: {
+      height: '48px'
+    }
+  })), /*#__PURE__*/_react.default.createElement("div", {
+    className: "col-*-* portal-navbar-toolbar"
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: "row"
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: "col-*-*"
+  }, /*#__PURE__*/_react.default.createElement(_IconButton.default, {
+    "aria-controls": "menu-list-grow",
+    style: {
+      width: 80,
+      height: 48,
+      borderBottom: '2px solid',
+      borderColor: _colors.grey800,
+      borderRadius: 0
+    },
+    "aria-haspopup": "true",
+    classes: {
+      label: classes.iconButtonLabel
+    },
+    onClick: () => {
+      alert('WORK CLICK FIREEEEE');
+    }
+  }, /*#__PURE__*/_react.default.createElement(_Icon.default, {
+    id: "WORK"
+  }), /*#__PURE__*/_react.default.createElement("div", {
+    style: {
+      fontSize: '14px'
+    }
+  }, "Workspace"))), /*#__PURE__*/_react.default.createElement("div", {
+    className: "col-*-* spacer"
+  }), /*#__PURE__*/_react.default.createElement("div", {
+    className: "col-*-*"
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    style: {
+      width: '80px'
+    }
+  }, /*#__PURE__*/_react.default.createElement(_reactstrap.Collapse, {
+    navbar: true,
+    isOpen: true
+  }, /*#__PURE__*/_react.default.createElement(_reactstrap.Nav, {
+    className: "ml-auto",
+    navbar: true
+  }, /*#__PURE__*/_react.default.createElement(_reactstrap.UncontrolledDropdown, {
+    nav: true
+  }, /*#__PURE__*/_react.default.createElement(_reactstrap.DropdownToggle, {
+    style: {
+      color: props.themeTextColor
+    },
+    caret: true,
+    color: "default",
+    "data-toggle": "dropdown",
+    nav: true,
+    onClick: e => e.preventDefault()
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    style: {
+      margin: '-4px'
+    }
+  }, /*#__PURE__*/_react.default.createElement(_IconButton.default, {
+    "aria-controls": "menu-list-grow",
+    style: {
+      borderColor: _colors.grey800
+    },
+    "aria-haspopup": "true",
+    classes: {
+      label: classes.iconButtonLabel
+    }
+  }, /*#__PURE__*/_react.default.createElement(_Icon.default, {
+    id: "PERSON"
+  }))), " ", /*#__PURE__*/_react.default.createElement("b", {
+    className: "caret d-none d-lg-block d-xl-block"
+  }), /*#__PURE__*/_react.default.createElement("p", {
+    className: "d-lg-none"
+  }, " Log out "), " "), " ", /*#__PURE__*/_react.default.createElement(_reactstrap.DropdownMenu, {
+    className: "dropdown-navbar",
+    right: true,
+    tag: "ul"
+  }, /*#__PURE__*/_react.default.createElement(_reactstrap.NavLink, {
+    tag: "li"
+  }, /*#__PURE__*/_react.default.createElement(_reactstrap.DropdownItem, {
+    className: "nav-item",
+    onClick: () => (void 0).launchView('system/user-profile.json')
+  }, " ", "Profile", " "), " "), " ", /*#__PURE__*/_react.default.createElement(_reactstrap.DropdownItem, {
+    divider: true,
+    tag: "li"
+  }), /*#__PURE__*/_react.default.createElement(_reactstrap.NavLink, {
+    tag: "li"
+  }, /*#__PURE__*/_react.default.createElement(_reactstrap.DropdownItem, {
+    className: "nav-item",
+    onClick: props.logoutCallBack
+  }, " ", "Log out", " "), " "), " "), " "), " ", /*#__PURE__*/_react.default.createElement("li", {
+    className: "separator d-lg-none"
+  })), " "), " "))))));
+};
+
+var _default = PortalNavbar;
+exports.default = _default;