@agilemotion/oui-react-js 1.2.6 → 1.2.8

package/dist/components/navbars/AuthNavbar.js

@@ -47,33 +47,33 @@ function _nonIterableRest() { throw new TypeError("Invalid attempt to destructur
 
 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 _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 useStyles = (0, _styles.makeStyles)(_authNavbarStyle.default);
+const useStyles = (0, _styles.makeStyles)(_authNavbarStyle.default);
 
 function AuthNavbar(props) {
-  var _React$useState = _react.default.useState(false),
-      _React$useState2 = _slicedToArray(_React$useState, 2),
-      open = _React$useState2[0],
-      setOpen = _React$useState2[1];
+  const _React$useState = _react.default.useState(false),
+        _React$useState2 = _slicedToArray(_React$useState, 2),
+        open = _React$useState2[0],
+        setOpen = _React$useState2[1];
 
-  var handleDrawerToggle = function handleDrawerToggle() {
+  const handleDrawerToggle = () => {
     setOpen(!open);
   }; // verifies if routeName is the one active (in browser input)
 
 
-  var activeRoute = function activeRoute(routeName) {
+  const activeRoute = routeName => {
     return window.location.href.indexOf(routeName) > -1 ? true : false;
   };
 
-  var classes = useStyles();
-  var color = props.color,
-      brandText = props.brandText;
-  var appBarClasses = (0, _classnames.default)({
+  const classes = useStyles();
+  const color = props.color,
+        brandText = props.brandText;
+  const appBarClasses = (0, _classnames.default)({
     [" " + classes[color]]: color
   });
 

package/dist/components/navbars/HomeNavbar.js

@@ -35,271 +35,224 @@ function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj;
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: 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); 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 } }); if (superClass) _setPrototypeOf(subClass, superClass); }
-
-function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || 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; } 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 { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
-
-function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
-
 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; }
 
-var propHandler = function propHandler(state) {
-  var activeRouteMenu = state.dashboard.activeRouteMenu;
+const propHandler = state => {
+  let activeRouteMenu = state.dashboard.activeRouteMenu;
   return {
     activeRouteMenu: activeRouteMenu
   };
 };
 
-var HomeNavbar = /*#__PURE__*/function (_React$Component) {
-  _inherits(HomeNavbar, _React$Component);
+class HomeNavbar extends _react.default.Component {
+  constructor(props) {
+    super(props);
 
-  var _super = _createSuper(HomeNavbar);
-
-  function HomeNavbar(props) {
-    var _this;
-
-    _classCallCheck(this, HomeNavbar);
-
-    _this = _super.call(this, props);
-
-    _defineProperty(_assertThisInitialized(_this), "styles", {
+    _defineProperty(this, "styles", {
       header: {
-        backgroundColor: _this.props.color
+        backgroundColor: this.props.color
       }
     });
 
-    _defineProperty(_assertThisInitialized(_this), "updateColor", function () {
-      if (window.innerWidth < 993 && _this.state.collapseOpen) {
-        _this.setState({
+    _defineProperty(this, "updateColor", () => {
+      if (window.innerWidth < 993 && this.state.collapseOpen) {
+        this.setState({
           color: "bg-white"
         });
       } else {
-        _this.setState({
+        this.setState({
           color: "navbar-transparent"
         });
       }
     });
 
-    _defineProperty(_assertThisInitialized(_this), "toggleCollapse", function () {
-      if (_this.state.collapseOpen) {
-        _this.setState({
+    _defineProperty(this, "toggleCollapse", () => {
+      if (this.state.collapseOpen) {
+        this.setState({
           color: "navbar-transparent"
         });
       } else {
-        _this.setState({
+        this.setState({
           color: "bg-white"
         });
       }
 
-      _this.setState({
-        collapseOpen: !_this.state.collapseOpen
+      this.setState({
+        collapseOpen: !this.state.collapseOpen
       });
     });
 
-    _defineProperty(_assertThisInitialized(_this), "toggleModalSearch", function () {
-      _this.setState({
-        modalSearch: !_this.state.modalSearch
+    _defineProperty(this, "toggleModalSearch", () => {
+      this.setState({
+        modalSearch: !this.state.modalSearch
       });
     });
 
-    _this.state = {
+    this.state = {
       collapseOpen: false,
       color: "navbar-transparent",
       modalSearch: false,
-      avatar: _Utils.default.isNull(_this.props.avatar) ? require("./default-avatar.png") : _this.props.avatar
+      avatar: _Utils.default.isNull(this.props.avatar) ? require("./default-avatar.png") : this.props.avatar
     };
-    return _this;
   }
 
-  _createClass(HomeNavbar, [{
-    key: "componentDidMount",
-    value: function componentDidMount() {
-      window.addEventListener("resize", this.updateColor);
-    }
-  }, {
-    key: "componentWillUnmount",
-    value: function componentWillUnmount() {
-      window.removeEventListener("resize", this.updateColor);
-    }
-  }, {
-    key: "componentDidUpdate",
-    value: function 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)
+  componentDidMount() {
+    window.addEventListener("resize", this.updateColor);
+  }
 
-  }, {
-    key: "launchView",
-    value: function launchView(path) {
-      var actionConfig = {};
-      actionConfig.actionType = 'route';
-      actionConfig.path = path;
-      actionConfig.parent = true;
+  componentWillUnmount() {
+    window.removeEventListener("resize", this.updateColor);
+  }
 
-      _ActionHandlers.default.invokeHandler(actionConfig);
-    }
-  }, {
-    key: "render",
-    value: function render() {
-      var _this2 = this;
-
-      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: function onClick(e) {
-          return 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: function onClick(e) {
-          return 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: function onClick() {
-          return _this2.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"
-      })), " "), " "), " ");
+  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"
+    })), " "), " "), " ");
+  }
 
-  return HomeNavbar;
-}(_react.default.Component);
+}
 
-var _default = (0, _reactRouterDom.withRouter)((0, _reactRedux.connect)(propHandler, function (dispatch) {
-  return (0, _redux.bindActionCreators)(_DashboardStore.actionCreators, dispatch);
-})(HomeNavbar));
+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

@@ -53,21 +53,21 @@ function _nonIterableRest() { throw new TypeError("Invalid attempt to destructur
 
 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 _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 useStyles = (0, _styles.makeStyles)(_navbarLinksStyle.default);
+const useStyles = (0, _styles.makeStyles)(_navbarLinksStyle.default);
 
 function HeaderLinks(props) {
-  var _React$useState = _react.default.useState(null),
-      _React$useState2 = _slicedToArray(_React$useState, 2),
-      openNotification = _React$useState2[0],
-      setOpenNotification = _React$useState2[1];
+  const _React$useState = _react.default.useState(null),
+        _React$useState2 = _slicedToArray(_React$useState, 2),
+        openNotification = _React$useState2[0],
+        setOpenNotification = _React$useState2[1];
 
-  var handleClickNotification = function handleClickNotification(event) {
+  const handleClickNotification = event => {
     if (openNotification && openNotification.contains(event.target)) {
       setOpenNotification(null);
     } else {
@@ -75,16 +75,16 @@ function HeaderLinks(props) {
     }
   };
 
-  var handleCloseNotification = function handleCloseNotification() {
+  const handleCloseNotification = () => {
     setOpenNotification(null);
   };
 
-  var _React$useState3 = _react.default.useState(null),
-      _React$useState4 = _slicedToArray(_React$useState3, 2),
-      openProfile = _React$useState4[0],
-      setOpenProfile = _React$useState4[1];
+  const _React$useState3 = _react.default.useState(null),
+        _React$useState4 = _slicedToArray(_React$useState3, 2),
+        openProfile = _React$useState4[0],
+        setOpenProfile = _React$useState4[1];
 
-  var handleClickProfile = function handleClickProfile(event) {
+  const handleClickProfile = event => {
     if (openProfile && openProfile.contains(event.target)) {
       setOpenProfile(null);
     } else {
@@ -92,22 +92,22 @@ function HeaderLinks(props) {
     }
   };
 
-  var handleCloseProfile = function handleCloseProfile() {
+  const handleCloseProfile = () => {
     setOpenProfile(null);
   };
 
-  var classes = useStyles();
-  var rtlActive = props.rtlActive;
-  var searchButton = classes.top + " " + classes.searchButton + " " + (0, _classnames.default)({
+  const classes = useStyles();
+  const rtlActive = props.rtlActive;
+  const searchButton = classes.top + " " + classes.searchButton + " " + (0, _classnames.default)({
     [classes.searchRTL]: rtlActive
   });
-  var dropdownItem = (0, _classnames.default)(classes.dropdownItem, classes.primaryHover, {
+  const dropdownItem = (0, _classnames.default)(classes.dropdownItem, classes.primaryHover, {
     [classes.dropdownItemRTL]: rtlActive
   });
-  var wrapper = (0, _classnames.default)({
+  const wrapper = (0, _classnames.default)({
     [classes.wrapperRTL]: rtlActive
   });
-  var managerClasses = (0, _classnames.default)({
+  const managerClasses = (0, _classnames.default)({
     [classes.managerClasses]: true
   });
   return /*#__PURE__*/_react.default.createElement("div", {
@@ -180,32 +180,31 @@ function HeaderLinks(props) {
       [classes.popperResponsive]: true,
       [classes.popperNav]: true
     })
-  }, function (_ref) {
-    var TransitionProps = _ref.TransitionProps;
-    return /*#__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", " "), " "), " "), " "), " ");
-  }, " "), " "), " ");
+  }, ({
+    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 = {

package/dist/components/typography/Danger.js

@@ -16,11 +16,11 @@ var _typographyStyle = _interopRequireDefault(require("../../assets/jss/componen
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 // @material-ui/core components
-var useStyles = (0, _styles.makeStyles)(_typographyStyle.default);
+const useStyles = (0, _styles.makeStyles)(_typographyStyle.default);
 
 function Danger(props) {
-  var classes = useStyles();
-  var children = props.children;
+  const classes = useStyles();
+  const children = props.children;
   return /*#__PURE__*/_react.default.createElement("div", {
     className: classes.defaultFontStyle + " " + classes.dangerText
   }, children);