@agilemotion/oui-react-js 1.2.6 → 1.2.7

package/dist/components/dashboard/BasicBusinessApp.js

@@ -1,436 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-var _react = _interopRequireDefault(require("react"));
-
-var _withWidth = require("material-ui/utils/withWidth");
-
-var _propTypes = _interopRequireDefault(require("prop-types"));
-
-var _Utils = _interopRequireDefault(require("../../Utils"));
-
-var _ViewPort = _interopRequireDefault(require("../layout/ViewPort"));
-
-var _reactRouterDom = require("react-router-dom");
-
-var _perfectScrollbar = _interopRequireDefault(require("perfect-scrollbar"));
-
-var _Sidebar = _interopRequireDefault(require("./components/blackDashboard/sidebar/Sidebar"));
-
-var _HomeNavbar = _interopRequireDefault(require("../navbars/HomeNavbar"));
-
-var _reactRedux = require("react-redux");
-
-var _DashboardStore = require("../../redux/store/DashboardStore");
-
-var _ApplicationContext = _interopRequireDefault(require("../../ApplicationContext"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
-function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
-
-function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
-
-function _iterableToArrayLimit(arr, i) { if (typeof Symbol === "undefined" || !(Symbol.iterator in Object(arr))) return; var _arr = []; var _n = true; var _d = false; var _e = undefined; try { for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
-
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-
-var ps;
-
-var BasicBusinessApp = function BasicBusinessApp(props) {
-  var _React$useState = _react.default.useState(true),
-      _React$useState2 = _slicedToArray(_React$useState, 2),
-      navDrawerOpen = _React$useState2[0],
-      setNavDrawerOpen = _React$useState2[1];
-
-  var _React$useState3 = _react.default.useState(true),
-      _React$useState4 = _slicedToArray(_React$useState3, 2),
-      loading = _React$useState4[0],
-      setLoading = _React$useState4[1];
-
-  var _React$useState5 = _react.default.useState("blue"),
-      _React$useState6 = _slicedToArray(_React$useState5, 2),
-      activeColor = _React$useState6[0],
-      setActiveColor = _React$useState6[1];
-
-  var _React$useState7 = _react.default.useState(""),
-      _React$useState8 = _slicedToArray(_React$useState7, 2),
-      secondaryThemeColor = _React$useState8[0],
-      setSecondaryThemeColor = _React$useState8[1];
-
-  var _React$useState9 = _react.default.useState(""),
-      _React$useState10 = _slicedToArray(_React$useState9, 2),
-      primaryThemeColor = _React$useState10[0],
-      setPrimaryThemeColor = _React$useState10[1];
-
-  var _React$useState11 = _react.default.useState(""),
-      _React$useState12 = _slicedToArray(_React$useState11, 2),
-      themeTextColor = _React$useState12[0],
-      setThemeTextColor = _React$useState12[1];
-
-  var _React$useState13 = _react.default.useState([]),
-      _React$useState14 = _slicedToArray(_React$useState13, 2),
-      routes = _React$useState14[0],
-      setRoutes = _React$useState14[1];
-
-  var _React$useState15 = _react.default.useState("data:image/png;base64," + props.logo),
-      _React$useState16 = _slicedToArray(_React$useState15, 2),
-      logo = _React$useState16[0],
-      setLogo = _React$useState16[1];
-
-  var _React$useState17 = _react.default.useState(document.documentElement.className.indexOf("nav-open") !== -1),
-      _React$useState18 = _slicedToArray(_React$useState17, 2),
-      sidebarOpened = _React$useState18[0],
-      setSidebarOpened = _React$useState18[1];
-
-  var _React$useState19 = _react.default.useState(true),
-      _React$useState20 = _slicedToArray(_React$useState19, 2),
-      sidebarMini = _React$useState20[0],
-      setSidebarMini = _React$useState20[1];
-
-  var _React$useState21 = _react.default.useState(0),
-      _React$useState22 = _slicedToArray(_React$useState21, 2),
-      opacity = _React$useState22[0],
-      setOpacity = _React$useState22[1];
-
-  var dispatch = (0, _reactRedux.useDispatch)();
-
-  var handleChangeRequestNavDrawer = function handleChangeRequestNavDrawer() {
-    setNavDrawerOpen(!navDrawerOpen);
-  };
-
-  var handleBgClick = function handleBgClick(color) {
-    setActiveColor(color);
-  };
-
-  _react.default.useEffect(function () {
-    if (navigator.platform.indexOf("Win") > -1) {
-      document.documentElement.classList.add("perfect-scrollbar-on");
-      document.documentElement.classList.remove("perfect-scrollbar-off");
-      var tables = document.querySelectorAll(".table-responsive");
-
-      for (var i = 0; i < tables.length; i++) {
-        ps = new _perfectScrollbar.default(tables[i]);
-      }
-    }
-
-    window.addEventListener("scroll", showNavbarButton);
-  });
-
-  _react.default.useEffect(function () {
-    if (props.width !== null && typeof props.width !== 'undefined') {
-      alert(props.width);
-      setNavDrawerOpen(props.width === _withWidth.LARGE);
-    }
-  }, [props.width]);
-
-  _react.default.useEffect(function () {
-    document.body.classList.add("white-content");
-
-    if (navigator.platform.indexOf("Win") > -1) {
-      ps.destroy();
-      document.documentElement.className.add("perfect-scrollbar-off");
-      document.documentElement.classList.remove("perfect-scrollbar-on");
-    }
-
-    window.removeEventListener("scroll", showNavbarButton);
-
-    if (props.settings.systemProfileDto.organisation.code === "NYLPRO") {
-      setActiveColor("agility");
-      setSecondaryThemeColor(props.settings.systemProfileDto.secondCorporateBrandColor);
-      setPrimaryThemeColor(props.settings.systemProfileDto.firstCorporateBrandColor);
-      setThemeTextColor(props.settings.systemProfileDto.themeTextColor);
-      dispatch(_DashboardStore.actionCreators.setSecondaryThemeColor(props.settings.systemProfileDto.secondCorporateBrandColor));
-    }
-
-    if (!_Utils.default.isNull(props.settings)) {
-      var dashboardMenu = {};
-      dashboardMenu.id = 'dashboard';
-      dashboardMenu.menus = [];
-      var myDashboardMenu = {};
-      myDashboardMenu.id = 'myDashboard';
-      myDashboardMenu.items = [];
-      myDashboardMenu.attributes = {};
-      myDashboardMenu.attributes.label = 'My Dashboards';
-      dashboardMenu.menus.push(myDashboardMenu);
-
-      if (!_Utils.default.isNull(props.settings.userDashboards)) {
-        for (var i = 0; i < props.settings.userDashboards.length; i++) {
-          var userDashboard = props.settings.userDashboards[i];
-          var item = {};
-          item.id = userDashboard.id;
-          item.attributes = {};
-          item.attributes.label = userDashboard.parameters.map.dashboardName;
-          myDashboardMenu.items.push(item);
-        }
-      }
-
-      var createNewMenu = {};
-      createNewMenu.id = 'createNew';
-      createNewMenu.items = [];
-      createNewMenu.attributes = {};
-      createNewMenu.attributes.label = 'Create New';
-      dashboardMenu.menus.push(createNewMenu);
-
-      if (!_Utils.default.isNull(props.settings.systemProfileDto.modules)) {
-        for (var _i2 = 0; _i2 < props.settings.systemProfileDto.modules.length; _i2++) {
-          var module = props.settings.systemProfileDto.modules[_i2];
-
-          if (!_Utils.default.isNull(module.dashBoardMenuBar)) {
-            for (var j = 0; j < module.dashBoardMenuBar.menus.length; j++) {
-              var menu = module.dashBoardMenuBar.menus[j]; // To keep the module classification, replace the line below with createNewMenu.items.push(menu)
-
-              createNewMenu.items = createNewMenu.items.concat(menu.items);
-            }
-          }
-        }
-      }
-
-      var createNewRoutes = [];
-      var newRoute = {};
-      newRoute.name = "Dashboard";
-      newRoute.icon = "fa fa-pie-chart";
-      newRoute.layout = "/admin";
-      newRoute.level = 0;
-      newRoute.isParent = true;
-      createNewRoutes.push(newRoute);
-
-      if (!_Utils.default.isNull(props.settings.systemProfileDto.modules)) {
-        for (var _i3 = 0; _i3 < props.settings.systemProfileDto.modules.length; _i3++) {
-          var _module = props.settings.systemProfileDto.modules[_i3];
-          var createRoute = {};
-          createRoute.name = _module.label;
-          createRoute.icon = _module.icon;
-          createRoute.layout = "/admin";
-          createRoute.level = 0;
-
-          if (_module.menuBar && _module.menuBar.menus.length > 0) {
-            createRoute.collapse = true;
-            createRoute.state = _module.name + "Collapse";
-            createRoute.views = getViews(_module.menuBar.menus, 1);
-          }
-
-          createNewRoutes.push(createRoute);
-        }
-      }
-
-      newRoute = {};
-      newRoute.name = "Settings";
-      newRoute.icon = "fa fa-cog";
-      newRoute.layout = "/admin";
-      newRoute.isParent = true;
-      newRoute.collapse = true;
-      newRoute.level = 0;
-      newRoute.state = "settingsMenuCollapse";
-      newRoute.views = getViews(props.settings.settingsMenu.menus, 1);
-      createNewRoutes.push(newRoute);
-      setRoutes(createNewRoutes);
-      props.settings.dashboardMenu = createNewMenu.items.length > 0 ? dashboardMenu : null;
-      setLoading(false);
-    }
-  }, [props.settings]);
-
-  var getViews = function getViews(menus, level) {
-    var newViews = [];
-
-    for (var i = 0; i < menus.length; i++) {
-      var createView = {};
-      createView.name = menus[i].attributes.label;
-      createView.mini = "SS";
-      createView.layout = "/admin";
-      createView.level = level;
-
-      if (menus[i].items && menus[i].items.length > 0) {
-        createView.collapse = true;
-        createView.state = menus[i].id + "Collapse";
-        createView.views = getItems(menus[i].items, level + 1);
-      }
-
-      newViews.push(createView);
-    }
-
-    return newViews;
-  };
-
-  var getItems = function getItems(items, level) {
-    var newItems = [];
-
-    for (var i = 0; i < items.length; i++) {
-      var 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;
-  };
-
-  var toggleSidebar = function toggleSidebar() {
-    document.documentElement.classList.toggle("nav-open");
-    setSidebarOpened(!sidebarOpened);
-  };
-
-  var showNavbarButton = function showNavbarButton() {
-    if (document.documentElement.scrollTop > 50 || document.scrollingElement.scrollTop > 50) {
-      setOpacity(1);
-    } else if (document.documentElement.scrollTop <= 50 || document.scrollingElement.scrollTop <= 50) {
-      setOpacity(0);
-    }
-  };
-
-  var getRoutes = function getRoutes(routes) {
-    return routes.map(function (prop, key) {
-      if (prop.collapse) {
-        return getRoutes(prop.views);
-      }
-
-      if (prop.layout === "/admin") {
-        return /*#__PURE__*/_react.default.createElement(_reactRouterDom.Route, {
-          path: prop.layout + prop.path,
-          component: prop.component,
-          key: key
-        });
-      } else {
-        return null;
-      }
-    });
-  };
-
-  var getActiveRoute = function getActiveRoute(routes) {
-    var activeRoute = "Dashboard";
-
-    for (var i = 0; i < routes.length; i++) {
-      if (routes[i].collapse) {
-        var collapseActiveRoute = getActiveRoute(routes[i].views);
-
-        if (collapseActiveRoute !== activeRoute) {
-          return collapseActiveRoute;
-        }
-      } else {
-        if (window.location.href.indexOf(routes[i].layout + routes[i].path) !== -1) {
-          return routes[i].name;
-        }
-      }
-    }
-
-    return activeRoute;
-  };
-
-  var handleActiveClick = function handleActiveClick(color) {
-    setActiveColor(color);
-  };
-
-  var handleMiniClick = function handleMiniClick() {
-    var notifyMessage = "Sidebar mini ";
-
-    if (document.body.classList.contains("sidebar-mini")) {
-      setSidebarMini(false);
-      notifyMessage += "deactivated...";
-    } else {
-      setSidebarMini(true);
-      notifyMessage += "activated...";
-    }
-
-    var options = {};
-    options = {
-      place: "tr",
-      message: notifyMessage,
-      type: "primary",
-      icon: "tim-icons icon-bell-55",
-      autoDismiss: 7
-    };
-    document.body.classList.toggle("sidebar-mini");
-  };
-
-  var closeSidebar = function closeSidebar() {
-    setSidebarOpened(false);
-    document.documentElement.classList.remove("nav-open");
-  };
-
-  function launcDashboard() {
-    _ApplicationContext.default.closeCurrentView(false);
-
-    _ApplicationContext.default.getViewPortHistory().push("/switch");
-
-    _ApplicationContext.default.getViewPortHistory().push("/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",
-    style: {
-      height: '100%',
-      overflow: 'hidden'
-    }
-  }, /*#__PURE__*/_react.default.createElement("div", {
-    className: "navbar-minimize-fixed",
-    style: {
-      opacity: opacity
-    }
-  }, /*#__PURE__*/_react.default.createElement("button", {
-    className: "minimize-sidebar btn btn-link btn-just-icon",
-    onClick: handleMiniClick
-  }, /*#__PURE__*/_react.default.createElement("i", {
-    className: "tim-icons icon-align-center visible-on-sidebar-regular text-muted"
-  }), /*#__PURE__*/_react.default.createElement("i", {
-    className: "tim-icons icon-bullet-list-67 visible-on-sidebar-mini text-muted"
-  })), " "), " ", /*#__PURE__*/_react.default.createElement(_Sidebar.default, _extends({}, props, {
-    routes: routes,
-    activeColor: activeColor,
-    secondaryThemeColor: secondaryThemeColor,
-    activeRouteMenu: 'Dashboard',
-    dashboardLauncher: function dashboardLauncher() {
-      launcDashboard();
-    },
-    appLogoPath: props.appLogoPath,
-    logo: {
-      outterLink: "",
-      text: "",
-      imgSrc: logo
-    },
-    closeSidebar: closeSidebar
-  })), " ", /*#__PURE__*/_react.default.createElement("div", {
-    className: "main-panel",
-    data: activeColor
-  }, /*#__PURE__*/_react.default.createElement(_HomeNavbar.default, _extends({}, props, {
-    color: primaryThemeColor,
-    themeTextColor: themeTextColor,
-    handleMiniClick: handleMiniClick,
-    brandText: getActiveRoute(routes),
-    sidebarOpened: sidebarOpened,
-    avatar: props.avatar,
-    settingsMenu: props.settings.settingsMenu,
-    toggleSidebar: toggleSidebar,
-    logoutCallBack: props.logoutCallBack
-  })), " ", /*#__PURE__*/_react.default.createElement("div", {
-    className: "content"
-  }, /*#__PURE__*/_react.default.createElement(_ViewPort.default, {
-    settings: props.settings
-  }))), " "));
-};
-
-BasicBusinessApp.propTypes = {
-  children: _propTypes.default.element,
-  width: _propTypes.default.number
-};
-var _default = BasicBusinessApp;
-exports.default = _default;

package/dist/components/dashboard/components/Header.js

@@ -1,151 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-var _react = _interopRequireDefault(require("react"));
-
-var _AppBar = _interopRequireDefault(require("material-ui/AppBar"));
-
-var _IconButton = _interopRequireDefault(require("material-ui/IconButton"));
-
-var _IconMenu = _interopRequireDefault(require("material-ui/IconMenu"));
-
-var _MenuItem = _interopRequireDefault(require("material-ui/MenuItem"));
-
-var _menu = _interopRequireDefault(require("material-ui/svg-icons/navigation/menu"));
-
-var _colors = require("material-ui/styles/colors");
-
-var _propTypes = _interopRequireDefault(require("prop-types"));
-
-var _Avatar = _interopRequireDefault(require("material-ui/Avatar"));
-
-var _EventListener = _interopRequireDefault(require("../../../event/EventListener"));
-
-var _Observable = _interopRequireDefault(require("../../../event/Observable"));
-
-var _EventType = _interopRequireDefault(require("../../../event/EventType"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
-
-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; }
-
-function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
-
-function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
-
-function _iterableToArrayLimit(arr, i) { if (typeof Symbol === "undefined" || !(Symbol.iterator in Object(arr))) return; var _arr = []; var _n = true; var _d = false; var _e = undefined; try { for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
-
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-
-var Header = function Header(props) {
-  var styles = props.styles,
-      handleChangeRequestNavDrawer = props.handleChangeRequestNavDrawer;
-
-  var _React$useState = _react.default.useState(""),
-      _React$useState2 = _slicedToArray(_React$useState, 2),
-      title = _React$useState2[0],
-      setTitle = _React$useState2[1];
-
-  var style = {
-    appBar: {
-      position: 'fixed',
-      top: 0,
-      overflow: 'hidden',
-      maxHeight: 57
-    },
-    menuButton: {
-      marginLeft: 10
-    },
-    iconsRightContainer: {
-      marginLeft: 20
-    },
-    avatar: {
-      div: {
-        padding: '12px 32px 8px 4px',
-        height: 32,
-        color: _colors.white,
-        cursor: 'pointer'
-      },
-      icon: {
-        float: 'right',
-        display: 'block',
-        marginRight: 15,
-        outline: 'none'
-      },
-      span: {
-        float: 'left',
-        paddingTop: 0,
-        display: 'block',
-        color: 'white',
-        fontWeight: 300,
-        marginRight: '32px'
-      }
-    }
-  };
-
-  _react.default.useEffect(function () {
-    var listener = new _EventListener.default(null, "dashboard", "applicationContext", _EventType.default.APPLICATION_CONTEXT_CHANGE, null, function (e) {
-      if (e.data.property.name === 'title') {
-        setTitle(e.data.property.value);
-      }
-    });
-
-    _Observable.default.addSubscription(listener);
-  });
-
-  return /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_AppBar.default, {
-    style: _objectSpread(_objectSpread({}, styles), style.appBar),
-    title: /*#__PURE__*/_react.default.createElement("div", null, title),
-    iconElementLeft: /*#__PURE__*/_react.default.createElement(_IconButton.default, {
-      style: style.menuButton,
-      onClick: handleChangeRequestNavDrawer
-    }, /*#__PURE__*/_react.default.createElement(_menu.default, {
-      color: _colors.white
-    })),
-    iconElementRight: /*#__PURE__*/_react.default.createElement("div", {
-      style: style.iconsRightContainer
-    }, /*#__PURE__*/_react.default.createElement(_IconMenu.default, {
-      color: _colors.white,
-      iconButtonElement: /*#__PURE__*/_react.default.createElement("div", {
-        style: style.avatar.div
-      }, /*#__PURE__*/_react.default.createElement("span", {
-        style: style.avatar.span,
-        className: "content-desktop"
-      }, "Amukelani Shandlale"), /*#__PURE__*/_react.default.createElement(_Avatar.default, {
-        src: "data:image/jpeg;base64,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",
-        size: 24,
-        style: style.avatar.icon
-      })),
-      targetOrigin: {
-        horizontal: 'right',
-        vertical: 'top'
-      },
-      anchorOrigin: {
-        horizontal: 'right',
-        vertical: 'top'
-      }
-    }, /*#__PURE__*/_react.default.createElement(_MenuItem.default, {
-      primaryText: "Sign out",
-      onClick: props.logoutCallBack
-    })))
-  }));
-};
-
-Header.propTypes = {
-  styles: _propTypes.default.object,
-  handleChangeRequestNavDrawer: _propTypes.default.func
-};
-var _default = Header;
-exports.default = _default;