@7shifts/sous-chef 3.76.0-beta.2 → 3.76.0-beta.4

package/dist/index.js

@@ -8121,13 +8121,18 @@ var Page = function Page(_ref) {
   }, title), actions), subtitle && React__default["default"].createElement(Text, null, subtitle)), banner, filterBar)), children));
 };
 
-var styles$U = {"page-layout":"_Scw7-","page-layout__nav-container":"_v--DF","page-layout__nav-list":"_dJeZe","page-layout__content":"_hHi70"};
+var styles$U = {"page-layout":"_Scw7-","page-layout__nav-container":"_v--DF","page-layout__nav-list":"_dJeZe","page-layout__content":"_hHi70","page-layout__side-nav-content":"_vTMjp"};
 
 var styles$T = {"menu-item":"_SebbU","menu-item--active":"_CDEVl"};
 
 var MenuItem = function MenuItem(_ref) {
   var _classNames2;
   var menu = _ref.menu;
+  var resolved = reactRouterDom.useResolvedPath(menu.to);
+  var match = reactRouterDom.useMatch({
+    path: resolved.pathname,
+    end: true
+  });
   if (menu.reloadDocument) {
     var _classNames;
     return React__default["default"].createElement("li", {
@@ -8137,7 +8142,7 @@ var MenuItem = function MenuItem(_ref) {
     }, menu.label));
   }
   return React__default["default"].createElement("li", {
-    className: classnames__default["default"](styles$T['menu-item'], (_classNames2 = {}, _classNames2[styles$T['menu-item--active']] = menu.isActive, _classNames2))
+    className: classnames__default["default"](styles$T['menu-item'], (_classNames2 = {}, _classNames2[styles$T['menu-item--active']] = menu.isActive || !!match, _classNames2))
   }, React__default["default"].createElement(reactRouterDom.Link, {
     to: menu.to
   }, menu.label));
@@ -8146,7 +8151,8 @@ var MenuItem = function MenuItem(_ref) {
 var PageLayout = function PageLayout(_ref) {
   var title = _ref.title,
     children = _ref.children,
-    menu = _ref.menu;
+    menu = _ref.menu,
+    sideNavContent = _ref.sideNavContent;
   return React__default["default"].createElement("div", {
     className: styles$U['page-layout']
   }, React__default["default"].createElement("div", {
@@ -8154,15 +8160,20 @@ var PageLayout = function PageLayout(_ref) {
   }, React__default["default"].createElement(Stack, {
     space: 12
   }, React__default["default"].createElement(Text, {
-    as: "h3"
+    as: "h5",
+    textWrap: "wrap"
   }, title), React__default["default"].createElement("ul", {
     className: styles$U['page-layout__nav-list']
-  }, menu.map(function (menuItem, index) {
+  }, menu.filter(function (menu) {
+    return !('isVisible' in menu) || (menu == null ? void 0 : menu.isVisible) === true;
+  }).map(function (menuItem, index) {
     return React__default["default"].createElement(MenuItem, {
       key: index,
       menu: menuItem
     });
-  })))), React__default["default"].createElement("div", {
+  })), sideNavContent && React__default["default"].createElement("div", {
+    className: styles$U['page-layout__side-nav-content']
+  }, sideNavContent))), React__default["default"].createElement("div", {
     className: styles$U['page-layout__content']
   }, children));
 };