versacall-core-library-react 2.0.65 → 2.0.67

package/dist/components/CoreAppBar/CoreAppBar.js

@@ -4,97 +4,43 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _LocationCity = _interopRequireDefault(require("@material-ui/icons/LocationCity"));
-
 var _AccountCircle = _interopRequireDefault(require("@material-ui/icons/AccountCircle"));
-
 var _StarBorder = _interopRequireDefault(require("@material-ui/icons/StarBorder"));
-
 var _ListItemIcon = _interopRequireDefault(require("@material-ui/core/ListItemIcon"));
-
 var _ListItemText = _interopRequireDefault(require("@material-ui/core/ListItemText"));
-
 var _Settings = _interopRequireDefault(require("@material-ui/icons/Settings"));
-
 var _Typography = _interopRequireDefault(require("@material-ui/core/Typography"));
-
 var _IconButton = _interopRequireDefault(require("@material-ui/core/IconButton"));
-
 var _styles = require("@material-ui/core/styles");
-
 var _ListItem = _interopRequireDefault(require("@material-ui/core/ListItem"));
-
 var _MenuItem = _interopRequireDefault(require("@material-ui/core/MenuItem"));
-
 var _Toolbar = _interopRequireDefault(require("@material-ui/core/Toolbar"));
-
 var _Divider = _interopRequireDefault(require("@material-ui/core/Divider"));
-
 var _Menu = _interopRequireDefault(require("@material-ui/icons/Menu"));
-
 var _Star = _interopRequireDefault(require("@material-ui/icons/Star"));
-
 var _AppBar = _interopRequireDefault(require("@material-ui/core/AppBar"));
-
 var _Button = _interopRequireDefault(require("@material-ui/core/Button"));
-
 var _Avatar = _interopRequireDefault(require("@material-ui/core/Avatar"));
-
 var _reactIntl = require("react-intl");
-
 var _Menu2 = _interopRequireDefault(require("@material-ui/core/Menu"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _context = require("../../context");
-
 var _CoreAppBarDrawer = _interopRequireDefault(require("./CoreAppBarDrawer"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && 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 _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
-
-function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
-
-function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
-
-function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
-
-function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); Object.defineProperty(subClass, "prototype", { writable: false }); if (superClass) _setPrototypeOf(subClass, superClass); }
-
-function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
-
-function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
-
-function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } else if (call !== void 0) { throw new TypeError("Derived constructors may only return object or undefined"); } return _assertThisInitialized(self); }
-
-function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
-
-function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
-
-function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
-
-var namespace = 'CoreAppBar';
-
-var styles = function styles() {
-  return {
-    topPadding: {
-      minHeight: 56,
-      '@media (min-width:600px)': {
-        minHeight: 64
-      }
+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; }
+const namespace = 'CoreAppBar';
+const styles = () => ({
+  topPadding: {
+    minHeight: 56,
+    '@media (min-width:600px)': {
+      minHeight: 64
     }
-  };
-};
-
-var style = {
+  }
+});
+const style = {
   title: {
     flexGrow: 1,
     textAlign: 'left'
@@ -112,19 +58,10 @@ var style = {
     marginRight: 20
   }
 };
-
-var CoreAppBar = /*#__PURE__*/function (_Component) {
-  _inherits(CoreAppBar, _Component);
-
-  var _super = _createSuper(CoreAppBar);
-
-  function CoreAppBar() {
-    var _this;
-
-    _classCallCheck(this, CoreAppBar);
-
-    _this = _super.call(this);
-    _this.state = {
+class CoreAppBar extends _react.Component {
+  constructor() {
+    super();
+    this.state = {
       drawer: false,
       organizationAnchorEl: null,
       entityAnchorEl: null,
@@ -134,360 +71,283 @@ var CoreAppBar = /*#__PURE__*/function (_Component) {
       entities: [],
       favorites: []
     };
-    return _this;
   }
-
-  _createClass(CoreAppBar, [{
-    key: "componentDidMount",
-    value: function componentDidMount() {
+  componentDidMount() {
+    this.getOrganizations();
+  }
+  componentDidUpdate(prevProps) {
+    if (this.props.authentication.didChange(prevProps.authentication)) {
       this.getOrganizations();
     }
-  }, {
-    key: "componentDidUpdate",
-    value: function componentDidUpdate(prevProps) {
-      if (this.props.authentication.didChange(prevProps.authentication)) {
-        this.getOrganizations();
-      }
-
-      if (this.props.organization.didOrganizationChange(prevProps.organization.organization)) {
-        this.getEntities();
-      }
-
-      if (this.props.authentication.didChange(prevProps.authentication) || this.props.organization.didChange(prevProps.organization)) {
-        this.getApps();
-        this.getFavorites();
-      }
+    if (this.props.organization.didOrganizationChange(prevProps.organization.organization)) {
+      this.getEntities();
     }
-  }, {
-    key: "getOrganizations",
-    value: function getOrganizations() {
-      var _this2 = this;
-
-      var methodName = 'getOrganizations()';
+    if (this.props.authentication.didChange(prevProps.authentication) || this.props.organization.didChange(prevProps.organization)) {
+      this.getApps();
+      this.getFavorites();
+    }
+  }
+  getOrganizations() {
+    const methodName = 'getOrganizations()';
+    this.props.authentication.http({
+      method: 'get',
+      url: "".concat(this.props.core.baseUrl, "/api/administration/organizations")
+    }).then(res => {
+      if (res.data.length > 0 && typeof res.data[0] === 'object') {
+        this.setState({
+          organizations: res.data
+        });
+        if (this.props.organization.organization === null || res.data.find(x => x.id === this.props.organization.organization.id) === undefined) {
+          this.props.organization.setOrganization(res.data[0]);
+        }
+      }
+    }).catch(error => {
+      this.props.core.log('error', namespace, methodName, error);
+    });
+  }
+  getEntities() {
+    const methodName = 'getEntities()';
+    if (this.props.organization.organization !== null) {
       this.props.authentication.http({
         method: 'get',
-        url: "".concat(this.props.core.baseUrl, "/api/administration/organizations")
-      }).then(function (res) {
-        if (res.data.length > 0 && _typeof(res.data[0]) === 'object') {
-          _this2.setState({
-            organizations: res.data
+        url: "".concat(this.props.core.baseUrl, "/api/administration/entities/organization/").concat(this.props.organization.organization.key)
+      }).then(res => {
+        if (res.data.length > 0 && typeof res.data[0] === 'object') {
+          this.setState({
+            entities: res.data
           });
-
-          if (_this2.props.organization.organization === null || res.data.find(function (x) {
-            return x.id === _this2.props.organization.organization.id;
-          }) === undefined) {
-            _this2.props.organization.setOrganization(res.data[0]);
+          if (this.props.organization.entity === null || res.data.find(x => x.id === this.props.organization.entity.id) === undefined) {
+            this.props.organization.setEntity(res.data[0]);
           }
         }
-      }).catch(function (error) {
-        _this2.props.core.log('error', namespace, methodName, error);
+      }).catch(error => {
+        this.props.core.log('error', namespace, methodName, error);
       });
     }
-  }, {
-    key: "getEntities",
-    value: function getEntities() {
-      var _this3 = this;
-
-      var methodName = 'getEntities()';
-
-      if (this.props.organization.organization !== null) {
-        this.props.authentication.http({
-          method: 'get',
-          url: "".concat(this.props.core.baseUrl, "/api/administration/entities/organization/").concat(this.props.organization.organization.key)
-        }).then(function (res) {
-          if (res.data.length > 0 && _typeof(res.data[0]) === 'object') {
-            _this3.setState({
-              entities: res.data
-            });
-
-            if (_this3.props.organization.entity === null || res.data.find(function (x) {
-              return x.id === _this3.props.organization.entity.id;
-            }) === undefined) {
-              _this3.props.organization.setEntity(res.data[0]);
-            }
-          }
-        }).catch(function (error) {
-          _this3.props.core.log('error', namespace, methodName, error);
-        });
-      }
+  }
+  getApps() {
+    const methodName = 'getApps()';
+    if (this.props.organization.organization !== null && this.props.organization.entity !== null) {
+      this.props.authentication.http({
+        method: 'get',
+        url: "".concat(this.props.core.baseUrl, "/api/components/tiered"),
+        params: {
+          type: 'UI',
+          organizationId: this.props.organization.organization.id,
+          entityId: this.props.organization.entity.id
+        }
+      }).then(res => {
+        if (res.data.length > 0 && typeof res.data[0] === 'object') {
+          this.setState({
+            apps: res.data
+          });
+        }
+      }).catch(error => {
+        this.props.core.log('error', namespace, methodName, error);
+      });
     }
-  }, {
-    key: "getApps",
-    value: function getApps() {
-      var _this4 = this;
-
-      var methodName = 'getApps()';
-
-      if (this.props.organization.organization !== null && this.props.organization.entity !== null) {
-        this.props.authentication.http({
-          method: 'get',
-          url: "".concat(this.props.core.baseUrl, "/api/components/tiered"),
-          params: {
-            type: 'UI',
-            organizationId: this.props.organization.organization.id,
-            entityId: this.props.organization.entity.id
-          }
-        }).then(function (res) {
-          if (res.data.length > 0 && _typeof(res.data[0]) === 'object') {
-            _this4.setState({
-              apps: res.data
-            });
-          }
-        }).catch(function (error) {
-          _this4.props.core.log('error', namespace, methodName, error);
+  }
+  getFavorites() {
+    const methodName = 'getFavorites()';
+    if (this.props.organization.organization !== null && this.props.organization.entity !== null) {
+      this.props.authentication.http({
+        method: 'get',
+        url: "".concat(this.props.core.baseUrl, "/api/user/activity/favorites"),
+        params: {
+          type: 'App'
+        }
+      }).then(res => {
+        this.setState({
+          favorites: res.data
         });
-      }
+      }).catch(error => {
+        this.props.core.log('error', namespace, methodName, error);
+      });
     }
-  }, {
-    key: "getFavorites",
-    value: function getFavorites() {
-      var _this5 = this;
-
-      var methodName = 'getFavorites()';
-
-      if (this.props.organization.organization !== null && this.props.organization.entity !== null) {
-        this.props.authentication.http({
-          method: 'get',
-          url: "".concat(this.props.core.baseUrl, "/api/user/activity/favorites"),
-          params: {
-            type: 'App'
-          }
-        }).then(function (res) {
-          _this5.setState({
-            favorites: res.data
-          });
-        }).catch(function (error) {
-          _this5.props.core.log('error', namespace, methodName, error);
+  }
+  favoriteApp() {
+    const methodName = 'favoriteApp()';
+    if (this.props.organization.organization !== null && this.props.organization.entity !== null) {
+      this.props.authentication.http({
+        method: 'post',
+        url: "".concat(this.props.core.baseUrl, "/api/user/activity/favorite"),
+        params: {
+          type: 'App',
+          itemId: this.props.componentID,
+          favorite: !this.state.favorites.includes(this.props.componentID)
+        }
+      }).then(() => {
+        this.getFavorites();
+      }).catch(error => {
+        this.props.core.log('error', namespace, methodName, error);
+      });
+    }
+  }
+  handleMessage(channel, obj) {
+    switch (obj.what) {
+      case 'package_enabled':
+      case 'package_disabled':
+      case 'package_added':
+      case 'package_updated':
+      case 'package_deleted':
+        this.getApps();
+        break;
+      case 'entities_added':
+      case 'entities_updated':
+      case 'entities_deleted':
+        this.getEntities();
+        break;
+      default:
+        break;
+    }
+  }
+  render() {
+    const {
+      title,
+      componentID,
+      authentication,
+      organization,
+      classes
+    } = this.props;
+    return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_context.ChannelsConsumer, {
+      id: "coreappbar",
+      handler: (channel, obj) => this.handleMessage(channel, obj)
+    }), /*#__PURE__*/_react.default.createElement(_AppBar.default, null, /*#__PURE__*/_react.default.createElement(_Toolbar.default, null, /*#__PURE__*/_react.default.createElement(_IconButton.default, {
+      style: style.menuButton,
+      color: "inherit",
+      onClick: () => this.setState({
+        drawer: true
+      })
+    }, /*#__PURE__*/_react.default.createElement(_Menu.default, null)), /*#__PURE__*/_react.default.createElement(_Typography.default, {
+      style: style.title,
+      variant: "h6",
+      color: "inherit"
+    }, title), /*#__PURE__*/_react.default.createElement("div", {
+      style: style.flex
+    }, /*#__PURE__*/_react.default.createElement(_Button.default, {
+      color: "inherit",
+      style: style.titleButton,
+      variant: this.state.organizations.length > 1 ? 'outlined' : 'text',
+      onClick: e => this.setState({
+        organizationAnchorEl: e.currentTarget
+      })
+    }, /*#__PURE__*/_react.default.createElement(_Typography.default, {
+      variant: "h6",
+      color: "inherit"
+    }, organization.organization ? organization.organization.name : ''))), /*#__PURE__*/_react.default.createElement("div", {
+      style: style.flex
+    }, this.props.showEntity && /*#__PURE__*/_react.default.createElement(_Button.default, {
+      color: "inherit",
+      style: style.titleButton,
+      variant: this.state.entities.length > 1 ? 'outlined' : 'text',
+      onClick: e => this.setState({
+        entityAnchorEl: e.currentTarget
+      })
+    }, /*#__PURE__*/_react.default.createElement(_Typography.default, {
+      variant: "h6",
+      color: "inherit"
+    }, organization.entity ? organization.entity.name : ''))), componentID.length > 0 && /*#__PURE__*/_react.default.createElement(_IconButton.default, {
+      color: "inherit",
+      onClick: () => this.favoriteApp()
+    }, this.state.favorites.includes(componentID) ? /*#__PURE__*/_react.default.createElement(_Star.default, null) : /*#__PURE__*/_react.default.createElement(_StarBorder.default, null)), /*#__PURE__*/_react.default.createElement(_IconButton.default, {
+      color: "inherit",
+      onClick: e => this.setState({
+        authenticationAnchorEl: e.currentTarget
+      })
+    }, /*#__PURE__*/_react.default.createElement(_AccountCircle.default, null)))), /*#__PURE__*/_react.default.createElement("div", {
+      className: classes.topPadding
+    }), /*#__PURE__*/_react.default.createElement(_CoreAppBarDrawer.default, {
+      open: this.state.drawer,
+      onClose: () => this.setState({
+        drawer: false
+      }),
+      apps: this.state.apps
+    }), /*#__PURE__*/_react.default.createElement(_Menu2.default, {
+      open: !!this.state.organizationAnchorEl,
+      anchorEl: this.state.organizationAnchorEl,
+      anchorOrigin: {
+        vertical: 'top',
+        horizontal: 'center'
+      },
+      transformOrigin: {
+        vertical: 'top',
+        horizontal: 'center'
+      },
+      onClose: () => this.setState({
+        organizationAnchorEl: null
+      })
+    }, this.state.organizations.map(org => /*#__PURE__*/_react.default.createElement(_MenuItem.default, {
+      key: org.id,
+      onClick: () => {
+        organization.setOrganization(org);
+        this.setState({
+          organizationAnchorEl: null
         });
       }
-    }
-  }, {
-    key: "favoriteApp",
-    value: function favoriteApp() {
-      var _this6 = this;
-
-      var methodName = 'favoriteApp()';
-
-      if (this.props.organization.organization !== null && this.props.organization.entity !== null) {
-        this.props.authentication.http({
-          method: 'post',
-          url: "".concat(this.props.core.baseUrl, "/api/user/activity/favorite"),
-          params: {
-            type: 'App',
-            itemId: this.props.componentID,
-            favorite: !this.state.favorites.includes(this.props.componentID)
-          }
-        }).then(function () {
-          _this6.getFavorites();
-        }).catch(function (error) {
-          _this6.props.core.log('error', namespace, methodName, error);
+    }, /*#__PURE__*/_react.default.createElement(_ListItemIcon.default, null, /*#__PURE__*/_react.default.createElement(_LocationCity.default, null)), /*#__PURE__*/_react.default.createElement(_ListItemText.default, {
+      primary: org.name,
+      inset: true
+    })))), /*#__PURE__*/_react.default.createElement(_Menu2.default, {
+      anchorEl: this.state.entityAnchorEl,
+      anchorOrigin: {
+        vertical: 'top',
+        horizontal: 'center'
+      },
+      transformOrigin: {
+        vertical: 'top',
+        horizontal: 'center'
+      },
+      open: !!this.state.entityAnchorEl,
+      onClose: () => this.setState({
+        entityAnchorEl: null
+      })
+    }, this.state.entities.map(entity => /*#__PURE__*/_react.default.createElement(_MenuItem.default, {
+      key: entity.key,
+      onClick: () => {
+        organization.setEntity(entity);
+        this.setState({
+          entityAnchorEl: null
         });
       }
-    }
-  }, {
-    key: "handleMessage",
-    value: function handleMessage(channel, obj) {
-      switch (obj.what) {
-        case 'package_enabled':
-        case 'package_disabled':
-        case 'package_added':
-        case 'package_updated':
-        case 'package_deleted':
-          this.getApps();
-          break;
-
-        case 'entities_added':
-        case 'entities_updated':
-        case 'entities_deleted':
-          this.getEntities();
-          break;
-
-        default:
-          break;
+    }, /*#__PURE__*/_react.default.createElement(_ListItemIcon.default, null, /*#__PURE__*/_react.default.createElement(_LocationCity.default, null)), /*#__PURE__*/_react.default.createElement(_ListItemText.default, {
+      primary: entity.name,
+      inset: true
+    }))), /*#__PURE__*/_react.default.createElement(_Divider.default, null), /*#__PURE__*/_react.default.createElement("a", {
+      href: this.props.core.formatUrl('/administration#/entities'),
+      style: {
+        all: 'unset'
       }
-    }
-  }, {
-    key: "render",
-    value: function render() {
-      var _this7 = this;
-
-      var _this$props = this.props,
-          title = _this$props.title,
-          componentID = _this$props.componentID,
-          authentication = _this$props.authentication,
-          organization = _this$props.organization,
-          classes = _this$props.classes;
-      return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_context.ChannelsConsumer, {
-        id: "coreappbar",
-        handler: function handler(channel, obj) {
-          return _this7.handleMessage(channel, obj);
-        }
-      }), /*#__PURE__*/_react.default.createElement(_AppBar.default, null, /*#__PURE__*/_react.default.createElement(_Toolbar.default, null, /*#__PURE__*/_react.default.createElement(_IconButton.default, {
-        style: style.menuButton,
-        color: "inherit",
-        onClick: function onClick() {
-          return _this7.setState({
-            drawer: true
-          });
-        }
-      }, /*#__PURE__*/_react.default.createElement(_Menu.default, null)), /*#__PURE__*/_react.default.createElement(_Typography.default, {
-        style: style.title,
-        variant: "h6",
-        color: "inherit"
-      }, title), /*#__PURE__*/_react.default.createElement("div", {
-        style: style.flex
-      }, /*#__PURE__*/_react.default.createElement(_Button.default, {
-        color: "inherit",
-        style: style.titleButton,
-        variant: this.state.organizations.length > 1 ? 'outlined' : 'text',
-        onClick: function onClick(e) {
-          return _this7.setState({
-            organizationAnchorEl: e.currentTarget
-          });
-        }
-      }, /*#__PURE__*/_react.default.createElement(_Typography.default, {
-        variant: "h6",
-        color: "inherit"
-      }, organization.organization ? organization.organization.name : ''))), /*#__PURE__*/_react.default.createElement("div", {
-        style: style.flex
-      }, this.props.showEntity && /*#__PURE__*/_react.default.createElement(_Button.default, {
-        color: "inherit",
-        style: style.titleButton,
-        variant: this.state.entities.length > 1 ? 'outlined' : 'text',
-        onClick: function onClick(e) {
-          return _this7.setState({
-            entityAnchorEl: e.currentTarget
-          });
-        }
-      }, /*#__PURE__*/_react.default.createElement(_Typography.default, {
-        variant: "h6",
-        color: "inherit"
-      }, organization.entity ? organization.entity.name : ''))), componentID.length > 0 && /*#__PURE__*/_react.default.createElement(_IconButton.default, {
-        color: "inherit",
-        onClick: function onClick() {
-          return _this7.favoriteApp();
-        }
-      }, this.state.favorites.includes(componentID) ? /*#__PURE__*/_react.default.createElement(_Star.default, null) : /*#__PURE__*/_react.default.createElement(_StarBorder.default, null)), /*#__PURE__*/_react.default.createElement(_IconButton.default, {
-        color: "inherit",
-        onClick: function onClick(e) {
-          return _this7.setState({
-            authenticationAnchorEl: e.currentTarget
-          });
-        }
-      }, /*#__PURE__*/_react.default.createElement(_AccountCircle.default, null)))), /*#__PURE__*/_react.default.createElement("div", {
-        className: classes.topPadding
-      }), /*#__PURE__*/_react.default.createElement(_CoreAppBarDrawer.default, {
-        open: this.state.drawer,
-        onClose: function onClose() {
-          return _this7.setState({
-            drawer: false
-          });
-        },
-        apps: this.state.apps
-      }), /*#__PURE__*/_react.default.createElement(_Menu2.default, {
-        open: !!this.state.organizationAnchorEl,
-        anchorEl: this.state.organizationAnchorEl,
-        anchorOrigin: {
-          vertical: 'top',
-          horizontal: 'center'
-        },
-        transformOrigin: {
-          vertical: 'top',
-          horizontal: 'center'
-        },
-        onClose: function onClose() {
-          return _this7.setState({
-            organizationAnchorEl: null
-          });
-        }
-      }, this.state.organizations.map(function (org) {
-        return /*#__PURE__*/_react.default.createElement(_MenuItem.default, {
-          key: org.id,
-          onClick: function onClick() {
-            organization.setOrganization(org);
-
-            _this7.setState({
-              organizationAnchorEl: null
-            });
-          }
-        }, /*#__PURE__*/_react.default.createElement(_ListItemIcon.default, null, /*#__PURE__*/_react.default.createElement(_LocationCity.default, null)), /*#__PURE__*/_react.default.createElement(_ListItemText.default, {
-          primary: org.name,
-          inset: true
-        }));
-      })), /*#__PURE__*/_react.default.createElement(_Menu2.default, {
-        anchorEl: this.state.entityAnchorEl,
-        anchorOrigin: {
-          vertical: 'top',
-          horizontal: 'center'
-        },
-        transformOrigin: {
-          vertical: 'top',
-          horizontal: 'center'
-        },
-        open: !!this.state.entityAnchorEl,
-        onClose: function onClose() {
-          return _this7.setState({
-            entityAnchorEl: null
-          });
-        }
-      }, this.state.entities.map(function (entity) {
-        return /*#__PURE__*/_react.default.createElement(_MenuItem.default, {
-          key: entity.key,
-          onClick: function onClick() {
-            organization.setEntity(entity);
-
-            _this7.setState({
-              entityAnchorEl: null
-            });
-          }
-        }, /*#__PURE__*/_react.default.createElement(_ListItemIcon.default, null, /*#__PURE__*/_react.default.createElement(_LocationCity.default, null)), /*#__PURE__*/_react.default.createElement(_ListItemText.default, {
-          primary: entity.name,
-          inset: true
-        }));
-      }), /*#__PURE__*/_react.default.createElement(_Divider.default, null), /*#__PURE__*/_react.default.createElement("a", {
-        href: this.props.core.formatUrl('/administration#/entities'),
-        style: {
-          all: 'unset'
-        }
-      }, /*#__PURE__*/_react.default.createElement(_MenuItem.default, null, /*#__PURE__*/_react.default.createElement(_ListItemIcon.default, null, /*#__PURE__*/_react.default.createElement(_Settings.default, null)), /*#__PURE__*/_react.default.createElement(_ListItemText.default, null, /*#__PURE__*/_react.default.createElement(_reactIntl.FormattedMessage, {
-        id: "__manage"
-      }), ' ', /*#__PURE__*/_react.default.createElement(_reactIntl.FormattedMessage, {
-        id: "__entities"
-      }))))), /*#__PURE__*/_react.default.createElement(_Menu2.default, {
-        open: !!this.state.authenticationAnchorEl,
-        anchorEl: this.state.authenticationAnchorEl,
-        onClose: function onClose() {
-          return _this7.setState({
-            authenticationAnchorEl: null
-          });
-        }
-      }, /*#__PURE__*/_react.default.createElement(_ListItem.default, {
-        style: {
-          outline: 0
-        }
-      }, /*#__PURE__*/_react.default.createElement(_Avatar.default, null, "".concat(this.props.authentication.token.userInfo.firstName[0].toUpperCase()).concat(this.props.authentication.token.userInfo.lastName[0].toUpperCase())), /*#__PURE__*/_react.default.createElement(_ListItemText.default, {
-        primary: "".concat(this.props.authentication.token.userInfo.firstName, " ").concat(this.props.authentication.token.userInfo.lastName),
-        secondary: this.props.authentication.token.userInfo.emailAddress
-      })), /*#__PURE__*/_react.default.createElement(_Divider.default, null), /*#__PURE__*/_react.default.createElement("a", {
-        href: this.props.core.formatUrl('/profile'),
-        style: {
-          all: 'unset'
-        }
-      }, /*#__PURE__*/_react.default.createElement(_MenuItem.default, null, /*#__PURE__*/_react.default.createElement(_reactIntl.FormattedMessage, {
-        id: "__myProfile"
-      }))), /*#__PURE__*/_react.default.createElement(_Divider.default, null), /*#__PURE__*/_react.default.createElement(_MenuItem.default, {
-        onClick: function onClick() {
-          return authentication.logout();
-        }
-      }, /*#__PURE__*/_react.default.createElement(_reactIntl.FormattedMessage, {
-        id: "__log_out"
-      }))));
-    }
-  }]);
-
-  return CoreAppBar;
-}(_react.Component);
-
+    }, /*#__PURE__*/_react.default.createElement(_MenuItem.default, null, /*#__PURE__*/_react.default.createElement(_ListItemIcon.default, null, /*#__PURE__*/_react.default.createElement(_Settings.default, null)), /*#__PURE__*/_react.default.createElement(_ListItemText.default, null, /*#__PURE__*/_react.default.createElement(_reactIntl.FormattedMessage, {
+      id: "__manage"
+    }), ' ', /*#__PURE__*/_react.default.createElement(_reactIntl.FormattedMessage, {
+      id: "__entities"
+    }))))), /*#__PURE__*/_react.default.createElement(_Menu2.default, {
+      open: !!this.state.authenticationAnchorEl,
+      anchorEl: this.state.authenticationAnchorEl,
+      onClose: () => this.setState({
+        authenticationAnchorEl: null
+      })
+    }, /*#__PURE__*/_react.default.createElement(_ListItem.default, {
+      style: {
+        outline: 0
+      }
+    }, /*#__PURE__*/_react.default.createElement(_Avatar.default, null, "".concat(this.props.authentication.token.userInfo.firstName[0].toUpperCase()).concat(this.props.authentication.token.userInfo.lastName[0].toUpperCase())), /*#__PURE__*/_react.default.createElement(_ListItemText.default, {
+      primary: "".concat(this.props.authentication.token.userInfo.firstName, " ").concat(this.props.authentication.token.userInfo.lastName),
+      secondary: this.props.authentication.token.userInfo.emailAddress
+    })), /*#__PURE__*/_react.default.createElement(_Divider.default, null), /*#__PURE__*/_react.default.createElement("a", {
+      href: this.props.core.formatUrl('/profile'),
+      style: {
+        all: 'unset'
+      }
+    }, /*#__PURE__*/_react.default.createElement(_MenuItem.default, null, /*#__PURE__*/_react.default.createElement(_reactIntl.FormattedMessage, {
+      id: "__myProfile"
+    }))), /*#__PURE__*/_react.default.createElement(_Divider.default, null), /*#__PURE__*/_react.default.createElement(_MenuItem.default, {
+      onClick: () => authentication.logout()
+    }, /*#__PURE__*/_react.default.createElement(_reactIntl.FormattedMessage, {
+      id: "__log_out"
+    }))));
+  }
+}
 CoreAppBar.propTypes = {
   title: _propTypes.default.string,
   showEntity: _propTypes.default.bool,
@@ -502,7 +362,4 @@ CoreAppBar.defaultProps = {
   title: '',
   componentID: ''
 };
-
-var _default = (0, _context.withCore)((0, _context.withAuthentication)((0, _context.withOrganization)((0, _styles.withStyles)(styles)(CoreAppBar))));
-
-exports.default = _default;
+var _default = exports.default = (0, _context.withCore)((0, _context.withAuthentication)((0, _context.withOrganization)((0, _styles.withStyles)(styles)(CoreAppBar))));