blue-react 9.6.0 → 9.7.0-alpha1

package/dist/components/ActionMenu.js

@@ -11,7 +11,7 @@ var _react = _interopRequireWildcard(require("react"));
 
 var _MenuItem = _interopRequireDefault(require("./MenuItem"));
 
-var _Utilities = _interopRequireDefault(require("./Utilities"));
+var _Outside = _interopRequireDefault(require("./Outside"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
@@ -58,44 +58,24 @@ function ActionMenu(props) {
       setActionsToggledIn = _useState2[1];
 
   var toggleActions = function toggleActions() {
-    _Utilities.default.toggleActions();
-
-    initToggleStatus();
-  };
-
-  var initToggleStatus = function initToggleStatus() {
-    setActionsToggledIn(_Utilities.default.hasClass(document.querySelector(".blue-actions"), "open"));
+    return setActionsToggledIn(!actionsToggledIn);
   };
 
-  (0, _react.useEffect)(function () {
-    initToggleStatus();
-    var appWrapper = document.querySelector(".blue-wrapper");
+  var validChildren = _react.Children.toArray(children).filter(Boolean);
 
-    if (appWrapper) {
-      appWrapper.onclick = toggleActions;
+  return /*#__PURE__*/_react.default.createElement(_Outside.default, {
+    className: "blue-actions navbar ".concat(className, " navbar-expand").concat(_break !== "none" ? "-".concat(_break) : "", " ").concat(_break, " ").concat(actionsToggledIn ? "open" : ""),
+    onClickOutside: function onClickOutside() {
+      setActionsToggledIn(false);
     }
-
-    document.querySelectorAll(".blue-actions-menu .nav-link").forEach(function (link) {
-      link.addEventListener("click", function () {
-        if (actionsToggledIn) {
-          toggleActions();
-        }
-      });
-    });
-  }, []);
-  return /*#__PURE__*/_react.default.createElement("div", {
-    className: "blue-actions navbar ".concat(className, " navbar-expand").concat(_break !== "none" ? "-".concat(_break) : "", " ").concat(_break)
-  }, /*#__PURE__*/_react.default.createElement("div", {
-    className: "blue-header-wrapper",
-    onClick: _Utilities.default.scrollToTop
-  }), /*#__PURE__*/_react.default.createElement("ul", {
+  }, /*#__PURE__*/_react.default.createElement("ul", {
     className: "blue-actions-menu nav navbar-nav navbar-right"
-  }, !actionsToggledIn && !hideToggleAction ? /*#__PURE__*/_react.default.createElement(_MenuItem.default, {
+  }, validChildren.length > 0 && !actionsToggledIn && !hideToggleAction && /*#__PURE__*/_react.default.createElement(_MenuItem.default, {
     className: "blue-actions-menu-toggle",
     onClick: function onClick() {
       return toggleActions();
     },
     icon: toggleIcon,
     "aria-label": "Toggle menu"
-  }) : "", children));
+  }), children));
 }

package/dist/components/Header.js

@@ -7,8 +7,6 @@ exports.default = Header;
 
 var _react = _interopRequireDefault(require("react"));
 
-var _Utilities = _interopRequireDefault(require("./Utilities"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 /**
@@ -18,8 +16,5 @@ function Header(_ref) {
   var children = _ref.children;
   return /*#__PURE__*/_react.default.createElement("div", {
     className: "blue-header blue-header-extension"
-  }, /*#__PURE__*/_react.default.createElement("div", {
-    className: "blue-header-wrapper",
-    onClick: _Utilities.default.scrollToTop
-  }), children);
+  }, children);
 }

package/dist/components/Layout.js

@@ -275,8 +275,6 @@ var Layout = /*#__PURE__*/function (_Component) {
           _this$props$pages;
 
       return /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement("div", {
-        className: "blue-wrapper"
-      }), /*#__PURE__*/_react.default.createElement("div", {
         id: this.props.id ? this.props.id : "",
         style: this.props.style ? this.props.style : {},
         className: "blue-layout" + (this.props.className ? " " + this.props.className : "") + (this.state.sidebarIn ? " open" : "") + (this.props.hideSidebarMenu ? " hasNoSidebarMenu" : " hasSidebarMenu") + (this.state.expandSidebar ? " expandSidebar" : "") + (this.props.disableHeaders ? " disableHeaders" : "") + (this.props.hideToggleExpandSidebar ? " hideToggleExpandSidebar" : ""),

package/dist/components/MenuItem.js

@@ -99,7 +99,7 @@ function MenuItem(props) {
       props.onShowDropdown(showDropdown);
     }
   }, [props.onShowDropdown, showDropdown]);
-  var className = "blue-menu-item btn" + (props.isActive ? " active" : "") + (props.className ? " " + props.className : "") + (props.children ? " blue-menu-item-dropdown-toggle" : "") + (props.highlighted ? " highlighted" : "");
+  var className = "blue-menu-item btn" + (props.isActive ? " active" : "") + (props.className ? " " + props.className : "") + (props.children ? " blue-menu-item-dropdown-toggle w-100" : "") + (props.highlighted ? " highlighted" : "");
   var icon, iconForActive;
 
   if (typeof props.icon === "string") {

package/dist/components/SidebarToggler.js

@@ -20,7 +20,7 @@ function SidebarToggler(_ref) {
       sidebarToggleIconComponent = _ref.sidebarToggleIconComponent,
       onClick = _ref.onClick;
   return /*#__PURE__*/_react.default.createElement("div", {
-    className: "blue-sidebar-toggler blue-tooltip-end position-fixed ".concat(className),
+    className: "blue-sidebar-toggler position-fixed ".concat(className),
     "data-tooltip": (0, _shared.getPhrase)("Toggle menu")
   }, /*#__PURE__*/_react.default.createElement("button", {
     type: "button",

package/dist/components/Utilities.js

@@ -71,6 +71,10 @@ function hideSuccess() {
   ;
   document.querySelector(".blue-status-success").style.display = "";
 }
+/**
+ * @deprecated Is handled inside of `ActioMenu` component now
+ */
+
 
 function toggleActions() {
   toggleClass(document.querySelector(".blue-wrapper"), "active");