@agilemotion/oui-react-js 1.2.7 → 1.2.9

package/dist/components/navbars/AuthNavbar.js

@@ -0,0 +1,152 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = AuthNavbar;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _classnames = _interopRequireDefault(require("classnames"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _reactRouterDom = require("react-router-dom");
+
+var _styles = require("@material-ui/core/styles");
+
+var _AppBar = _interopRequireDefault(require("@material-ui/core/AppBar"));
+
+var _Toolbar = _interopRequireDefault(require("@material-ui/core/Toolbar"));
+
+var _Hidden = _interopRequireDefault(require("@material-ui/core/Hidden"));
+
+var _List = _interopRequireDefault(require("@material-ui/core/List"));
+
+var _ListItem = _interopRequireDefault(require("@material-ui/core/ListItem"));
+
+var _ListItemText = _interopRequireDefault(require("@material-ui/core/ListItemText"));
+
+var _Menu = _interopRequireDefault(require("@material-ui/icons/Menu"));
+
+var _Fingerprint = _interopRequireDefault(require("@material-ui/icons/Fingerprint"));
+
+var _LockOpen = _interopRequireDefault(require("@material-ui/icons/LockOpen"));
+
+var _CardAvatar = _interopRequireDefault(require("../card/CardAvatar"));
+
+var _RegularButton = _interopRequireDefault(require("../RegularButton"));
+
+var _authNavbarStyle = _interopRequireDefault(require("../../assets/jss/components/authNavbarStyle"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: 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; }
+
+const useStyles = (0, _styles.makeStyles)(_authNavbarStyle.default);
+
+function AuthNavbar(props) {
+  const _React$useState = _react.default.useState(false),
+        _React$useState2 = _slicedToArray(_React$useState, 2),
+        open = _React$useState2[0],
+        setOpen = _React$useState2[1];
+
+  const handleDrawerToggle = () => {
+    setOpen(!open);
+  }; // verifies if routeName is the one active (in browser input)
+
+
+  const activeRoute = routeName => {
+    return window.location.href.indexOf(routeName) > -1 ? true : false;
+  };
+
+  const classes = useStyles();
+  const color = props.color,
+        brandText = props.brandText;
+  const appBarClasses = (0, _classnames.default)({
+    [" " + classes[color]]: color
+  });
+
+  var list = /*#__PURE__*/_react.default.createElement(_List.default, {
+    className: classes.list
+  }, /*#__PURE__*/_react.default.createElement(_ListItem.default, {
+    className: classes.listItem
+  }, /*#__PURE__*/_react.default.createElement(_reactRouterDom.NavLink, {
+    to: "/login",
+    className: (0, _classnames.default)(classes.navLink, {
+      [classes.navLinkActive]: activeRoute("/login")
+    })
+  }, /*#__PURE__*/_react.default.createElement(_Fingerprint.default, {
+    className: classes.listItemIcon
+  }), /*#__PURE__*/_react.default.createElement(_ListItemText.default, {
+    primary: "Login",
+    disableTypography: true,
+    className: classes.listItemText
+  }))), /*#__PURE__*/_react.default.createElement(_ListItem.default, {
+    className: classes.listItem
+  }, /*#__PURE__*/_react.default.createElement(_reactRouterDom.NavLink, {
+    to: "/forgot-password",
+    className: (0, _classnames.default)(classes.navLink, {
+      [classes.navLinkActive]: activeRoute("/forgot-password")
+    })
+  }, /*#__PURE__*/_react.default.createElement(_LockOpen.default, {
+    className: classes.listItemIcon
+  }), /*#__PURE__*/_react.default.createElement(_ListItemText.default, {
+    primary: "Forgot Password",
+    disableTypography: true,
+    className: classes.listItemText
+  }))));
+
+  return /*#__PURE__*/_react.default.createElement(_AppBar.default, {
+    position: "static",
+    className: classes.appBar + appBarClasses
+  }, /*#__PURE__*/_react.default.createElement(_Toolbar.default, {
+    className: classes.container
+  }, /*#__PURE__*/_react.default.createElement(_Hidden.default, {
+    smDown: true
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: classes.flex
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: "row"
+  }, /*#__PURE__*/_react.default.createElement(_CardAvatar.default, {
+    plain: true
+  }, /*#__PURE__*/_react.default.createElement("img", {
+    src: require(props.appLogoUrl),
+    alt: "..."
+  })), /*#__PURE__*/_react.default.createElement(_RegularButton.default, {
+    href: "#",
+    className: classes.title,
+    color: "transparent"
+  }, brandText)))), /*#__PURE__*/_react.default.createElement(_Hidden.default, {
+    mdUp: true
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: classes.flex
+  }, /*#__PURE__*/_react.default.createElement(_RegularButton.default, {
+    href: "#",
+    className: classes.title,
+    color: "transparent"
+  }, "Business Agility"))), /*#__PURE__*/_react.default.createElement(_Hidden.default, {
+    mdUp: true
+  }, /*#__PURE__*/_react.default.createElement(_RegularButton.default, {
+    className: classes.sidebarButton,
+    color: "transparent",
+    justIcon: true,
+    "aria-label": "open drawer",
+    onClick: handleDrawerToggle
+  }, /*#__PURE__*/_react.default.createElement(_Menu.default, null)))));
+}
+
+AuthNavbar.propTypes = {
+  color: _propTypes.default.oneOf(["primary", "info", "success", "warning", "danger"]),
+  brandText: _propTypes.default.string
+};

package/dist/components/navbars/HomeNavbar.js

@@ -0,0 +1,258 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _classnames = _interopRequireDefault(require("classnames"));
+
+var _reactstrap = require("reactstrap");
+
+var _reactRouterDom = require("react-router-dom");
+
+var _reactRedux = require("react-redux");
+
+var _redux = require("redux");
+
+var _DashboardStore = require("../../redux/store/DashboardStore");
+
+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; }
+
+const propHandler = state => {
+  let activeRouteMenu = state.dashboard.activeRouteMenu;
+  return {
+    activeRouteMenu: activeRouteMenu
+  };
+};
+
+class HomeNavbar extends _react.default.Component {
+  constructor(props) {
+    super(props);
+
+    _defineProperty(this, "styles", {
+      header: {
+        backgroundColor: this.props.color
+      }
+    });
+
+    _defineProperty(this, "updateColor", () => {
+      if (window.innerWidth < 993 && this.state.collapseOpen) {
+        this.setState({
+          color: "bg-white"
+        });
+      } else {
+        this.setState({
+          color: "navbar-transparent"
+        });
+      }
+    });
+
+    _defineProperty(this, "toggleCollapse", () => {
+      if (this.state.collapseOpen) {
+        this.setState({
+          color: "navbar-transparent"
+        });
+      } else {
+        this.setState({
+          color: "bg-white"
+        });
+      }
+
+      this.setState({
+        collapseOpen: !this.state.collapseOpen
+      });
+    });
+
+    _defineProperty(this, "toggleModalSearch", () => {
+      this.setState({
+        modalSearch: !this.state.modalSearch
+      });
+    });
+
+    this.state = {
+      collapseOpen: false,
+      color: "navbar-transparent",
+      modalSearch: false,
+      avatar: _Utils.default.isNull(this.props.avatar) ? require("./default-avatar.png") : this.props.avatar
+    };
+  }
+
+  componentDidMount() {
+    window.addEventListener("resize", this.updateColor);
+  }
+
+  componentWillUnmount() {
+    window.removeEventListener("resize", this.updateColor);
+  }
+
+  componentDidUpdate(prevProps) {
+    if (prevProps.avatar !== this.props.avatar) {
+      this.setState({
+        avatar: this.props.avatar
+      });
+    }
+  } // function that adds color white/transparent to the navbar on resize (this is for the collapse)
+
+
+  launchView(path) {
+    let actionConfig = {};
+    actionConfig.actionType = 'route';
+    actionConfig.path = path;
+    actionConfig.parent = true;
+
+    _ActionHandlers.default.invokeHandler(actionConfig);
+  }
+
+  render() {
+    return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_reactstrap.Navbar, {
+      style: this.styles.header,
+      className: (0, _classnames.default)("navbar-absolute"),
+      expand: "lg"
+    }, /*#__PURE__*/_react.default.createElement(_reactstrap.Container, {
+      fluid: true
+    }, /*#__PURE__*/_react.default.createElement("div", {
+      className: "navbar-wrapper"
+    }, /*#__PURE__*/_react.default.createElement("div", {
+      className: (0, _classnames.default)("navbar-toggle d-inline", {
+        toggled: this.props.sidebarOpened
+      })
+    }, /*#__PURE__*/_react.default.createElement("button", {
+      className: "navbar-toggler",
+      type: "button",
+      onClick: this.props.toggleSidebar
+    }, /*#__PURE__*/_react.default.createElement("span", {
+      className: "navbar-toggler-bar bar1",
+      style: {
+        background: this.props.themeTextColor
+      }
+    }), /*#__PURE__*/_react.default.createElement("span", {
+      className: "navbar-toggler-bar bar2",
+      style: {
+        background: this.props.themeTextColor
+      }
+    }), /*#__PURE__*/_react.default.createElement("span", {
+      className: "navbar-toggler-bar bar3",
+      style: {
+        background: this.props.themeTextColor
+      }
+    })), " "), " ", /*#__PURE__*/_react.default.createElement(_reactstrap.NavbarBrand, {
+      style: {
+        paddingLeft: 8,
+        color: this.props.themeTextColor
+      },
+      href: "#pablo",
+      onClick: e => e.preventDefault()
+    }, " ", this.props.activeRouteMenu ? this.props.activeRouteMenu : "Dashboard" // this.props.activeRouteMenu
+    , " "), " "), " ", /*#__PURE__*/_react.default.createElement("button", {
+      className: "navbar-toggler",
+      type: "button",
+      "data-toggle": "collapse",
+      "data-target": "#navigation",
+      "aria-expanded": "false",
+      "aria-label": "Toggle navigation",
+      onClick: this.toggleCollapse
+    }, /*#__PURE__*/_react.default.createElement("span", {
+      className: "navbar-toggler-bar navbar-kebab",
+      style: {
+        background: this.props.themeTextColor
+      }
+    }), /*#__PURE__*/_react.default.createElement("span", {
+      className: "navbar-toggler-bar navbar-kebab",
+      style: {
+        background: this.props.themeTextColor
+      }
+    }), /*#__PURE__*/_react.default.createElement("span", {
+      className: "navbar-toggler-bar navbar-kebab",
+      style: {
+        background: this.props.themeTextColor
+      }
+    })), " ", /*#__PURE__*/_react.default.createElement(_reactstrap.Collapse, {
+      navbar: true,
+      isOpen: this.state.collapseOpen
+    }, /*#__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: this.props.themeTextColor
+      },
+      caret: true,
+      color: "default",
+      "data-toggle": "dropdown",
+      nav: true,
+      onClick: e => e.preventDefault()
+    }, /*#__PURE__*/_react.default.createElement("div", {
+      className: "photo"
+    }, /*#__PURE__*/_react.default.createElement("img", {
+      alt: "...",
+      src: this.state.avatar
+    }), " "), " ", /*#__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: () => this.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: this.props.logoutCallBack
+    }, " ", "Log out", " "), " "), " "), " "), " ", /*#__PURE__*/_react.default.createElement("li", {
+      className: "separator d-lg-none"
+    })), " "), " "), " "), " ", /*#__PURE__*/_react.default.createElement(_reactstrap.Modal, {
+      modalClassName: "modal-search",
+      isOpen: this.state.modalSearch,
+      toggle: this.toggleModalSearch
+    }, /*#__PURE__*/_react.default.createElement("div", {
+      className: "modal-header"
+    }, /*#__PURE__*/_react.default.createElement(_reactstrap.Input, {
+      id: "inlineFormInputGroup",
+      placeholder: "SEARCH",
+      type: "text"
+    }), /*#__PURE__*/_react.default.createElement("button", {
+      "aria-label": "Close",
+      className: "close",
+      "data-dismiss": "modal",
+      type: "button",
+      onClick: this.toggleModalSearch
+    }, /*#__PURE__*/_react.default.createElement("i", {
+      className: "tim-icons icon-simple-remove"
+    })), " "), " "), " ");
+  }
+
+}
+
+var _default = (0, _reactRouterDom.withRouter)((0, _reactRedux.connect)(propHandler, dispatch => (0, _redux.bindActionCreators)(_DashboardStore.actionCreators, dispatch))(HomeNavbar));
+
+exports.default = _default;

package/dist/components/navbars/NavbarLinks.js

@@ -0,0 +1,212 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = HeaderLinks;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _classnames = _interopRequireDefault(require("classnames"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _styles = require("@material-ui/core/styles");
+
+var _MenuItem = _interopRequireDefault(require("@material-ui/core/MenuItem"));
+
+var _MenuList = _interopRequireDefault(require("@material-ui/core/MenuList"));
+
+var _ClickAwayListener = _interopRequireDefault(require("@material-ui/core/ClickAwayListener"));
+
+var _Paper = _interopRequireDefault(require("@material-ui/core/Paper"));
+
+var _Grow = _interopRequireDefault(require("@material-ui/core/Grow"));
+
+var _Hidden = _interopRequireDefault(require("@material-ui/core/Hidden"));
+
+var _Popper = _interopRequireDefault(require("@material-ui/core/Popper"));
+
+var _Divider = _interopRequireDefault(require("@material-ui/core/Divider"));
+
+var _Person = _interopRequireDefault(require("@material-ui/icons/Person"));
+
+var _Notifications = _interopRequireDefault(require("@material-ui/icons/Notifications"));
+
+var _Dashboard = _interopRequireDefault(require("@material-ui/icons/Dashboard"));
+
+var _Search = _interopRequireDefault(require("@material-ui/icons/Search"));
+
+var _CustomInput = _interopRequireDefault(require("../customInput/CustomInput"));
+
+var _Button = _interopRequireDefault(require("../customButtons/Button"));
+
+var _navbarLinksStyle = _interopRequireDefault(require("../../assets/jss/components/navbarLinksStyle"));
+
+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; }
+
+const useStyles = (0, _styles.makeStyles)(_navbarLinksStyle.default);
+
+function HeaderLinks(props) {
+  const _React$useState = _react.default.useState(null),
+        _React$useState2 = _slicedToArray(_React$useState, 2),
+        openNotification = _React$useState2[0],
+        setOpenNotification = _React$useState2[1];
+
+  const handleClickNotification = event => {
+    if (openNotification && openNotification.contains(event.target)) {
+      setOpenNotification(null);
+    } else {
+      setOpenNotification(event.currentTarget);
+    }
+  };
+
+  const handleCloseNotification = () => {
+    setOpenNotification(null);
+  };
+
+  const _React$useState3 = _react.default.useState(null),
+        _React$useState4 = _slicedToArray(_React$useState3, 2),
+        openProfile = _React$useState4[0],
+        setOpenProfile = _React$useState4[1];
+
+  const handleClickProfile = event => {
+    if (openProfile && openProfile.contains(event.target)) {
+      setOpenProfile(null);
+    } else {
+      setOpenProfile(event.currentTarget);
+    }
+  };
+
+  const handleCloseProfile = () => {
+    setOpenProfile(null);
+  };
+
+  const classes = useStyles();
+  const rtlActive = props.rtlActive;
+  const searchButton = classes.top + " " + classes.searchButton + " " + (0, _classnames.default)({
+    [classes.searchRTL]: rtlActive
+  });
+  const dropdownItem = (0, _classnames.default)(classes.dropdownItem, classes.primaryHover, {
+    [classes.dropdownItemRTL]: rtlActive
+  });
+  const wrapper = (0, _classnames.default)({
+    [classes.wrapperRTL]: rtlActive
+  });
+  const managerClasses = (0, _classnames.default)({
+    [classes.managerClasses]: true
+  });
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: wrapper
+  }, /*#__PURE__*/_react.default.createElement(_CustomInput.default, {
+    rtlActive: rtlActive,
+    formControlProps: {
+      className: classes.top + " " + classes.search
+    },
+    inputProps: {
+      placeholder: rtlActive ? "بحث" : "Search",
+      inputProps: {
+        "aria-label": rtlActive ? "بحث" : "Search",
+        className: classes.searchInput
+      }
+    }
+  }), " ", /*#__PURE__*/_react.default.createElement(_Button.default, {
+    color: "white",
+    "aria-label": "edit",
+    justIcon: true,
+    round: true,
+    className: searchButton
+  }, /*#__PURE__*/_react.default.createElement(_Search.default, {
+    className: classes.headerLinksSvg + " " + classes.searchIcon
+  }), " "), " ", /*#__PURE__*/_react.default.createElement(_Button.default, {
+    color: "transparent",
+    simple: true,
+    "aria-label": "Dashboard",
+    justIcon: true,
+    className: rtlActive ? classes.buttonLinkRTL : classes.buttonLink,
+    muiClasses: {
+      label: rtlActive ? classes.labelRTL : ""
+    }
+  }, /*#__PURE__*/_react.default.createElement(_Dashboard.default, {
+    className: classes.headerLinksSvg + " " + (rtlActive ? classes.links + " " + classes.linksRTL : classes.links)
+  }), " ", /*#__PURE__*/_react.default.createElement(_Hidden.default, {
+    mdUp: true,
+    implementation: "css"
+  }, /*#__PURE__*/_react.default.createElement("span", {
+    className: classes.linkText
+  }, " ", rtlActive ? "لوحة القيادة" : "Dashboard", " "), " "), " "), " ", /*#__PURE__*/_react.default.createElement("div", {
+    className: managerClasses
+  }, /*#__PURE__*/_react.default.createElement(_Button.default, {
+    color: "transparent",
+    "aria-label": "Person",
+    justIcon: true,
+    "aria-owns": openProfile ? "profile-menu-list" : null,
+    "aria-haspopup": "true",
+    onClick: handleClickProfile,
+    className: rtlActive ? classes.buttonLinkRTL : classes.buttonLink,
+    muiClasses: {
+      label: rtlActive ? classes.labelRTL : ""
+    }
+  }, /*#__PURE__*/_react.default.createElement(_Person.default, {
+    className: classes.headerLinksSvg + " " + (rtlActive ? classes.links + " " + classes.linksRTL : classes.links)
+  }), " ", /*#__PURE__*/_react.default.createElement(_Hidden.default, {
+    mdUp: true,
+    implementation: "css"
+  }, /*#__PURE__*/_react.default.createElement("span", {
+    onClick: handleClickProfile,
+    className: classes.linkText
+  }, " ", rtlActive ? "الملف الشخصي" : "Profile", " "), " "), " "), " ", /*#__PURE__*/_react.default.createElement(_Popper.default, {
+    open: Boolean(openProfile),
+    anchorEl: openProfile,
+    transition: true,
+    disablePortal: true,
+    placement: "bottom",
+    className: (0, _classnames.default)({
+      [classes.popperClose]: !openProfile,
+      [classes.popperResponsive]: true,
+      [classes.popperNav]: true
+    })
+  }, ({
+    TransitionProps
+  }) => /*#__PURE__*/_react.default.createElement(_Grow.default, _extends({}, TransitionProps, {
+    id: "profile-menu-list",
+    style: {
+      transformOrigin: "0 0 0"
+    }
+  }), /*#__PURE__*/_react.default.createElement(_Paper.default, {
+    className: classes.dropdown
+  }, /*#__PURE__*/_react.default.createElement(_ClickAwayListener.default, {
+    onClickAway: handleCloseProfile
+  }, /*#__PURE__*/_react.default.createElement(_MenuList.default, {
+    role: "menu"
+  }, /*#__PURE__*/_react.default.createElement(_MenuItem.default, {
+    onClick: handleCloseProfile,
+    className: dropdownItem
+  }, rtlActive ? "الملف الشخصي" : "Profile", " "), " ", /*#__PURE__*/_react.default.createElement(_MenuItem.default, {
+    onClick: handleCloseProfile,
+    className: dropdownItem
+  }, rtlActive ? "الإعدادات" : "Settings", " "), " ", /*#__PURE__*/_react.default.createElement(_Divider.default, {
+    light: true
+  }), /*#__PURE__*/_react.default.createElement(_MenuItem.default, {
+    onClick: handleCloseProfile,
+    className: dropdownItem
+  }, rtlActive ? "الخروج" : "Log out", " "), " "), " "), " "), " "), " "), " "), " ");
+}
+
+HeaderLinks.propTypes = {
+  rtlActive: _propTypes.default.bool
+};

package/dist/components/typography/Danger.js

@@ -0,0 +1,31 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = Danger;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _styles = require("@material-ui/core/styles");
+
+var _typographyStyle = _interopRequireDefault(require("../../assets/jss/components/typographyStyle"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+// @material-ui/core components
+const useStyles = (0, _styles.makeStyles)(_typographyStyle.default);
+
+function Danger(props) {
+  const classes = useStyles();
+  const children = props.children;
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: classes.defaultFontStyle + " " + classes.dangerText
+  }, children);
+}
+
+Danger.propTypes = {
+  children: _propTypes.default.node
+};