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

package/dist/index.modern.js

@@ -6,7 +6,7 @@ import ReactDOM from 'react-dom';
 import 'react-toastify/dist/ReactToastify.css';
 import { debounce } from 'lodash-es';
 import parseTime from 'time-autocomplete/src/core/AMPMParser';
-import { Link as Link$1 } from 'react-router-dom';
+import { Link as Link$1, useResolvedPath, useMatch } from 'react-router-dom';
 import ReactModal from 'react-modal';
 import { DayPicker } from 'react-day-picker';
 import dateFnsFormat from 'date-fns/format';
@@ -8289,13 +8289,18 @@ const Page = ({
   }, title), actions), subtitle && React__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"};
 
 const MenuItem = ({
   menu
 }) => {
+  const resolved = useResolvedPath(menu.to);
+  const match = useMatch({
+    path: resolved.pathname,
+    end: true
+  });
   if (menu.reloadDocument) {
     return React__default.createElement("li", {
       className: classnames(styles$T['menu-item'], {
@@ -8307,7 +8312,7 @@ const MenuItem = ({
   }
   return React__default.createElement("li", {
     className: classnames(styles$T['menu-item'], {
-      [styles$T['menu-item--active']]: menu.isActive
+      [styles$T['menu-item--active']]: menu.isActive || !!match
     })
   }, React__default.createElement(Link$1, {
     to: menu.to
@@ -8317,7 +8322,8 @@ const MenuItem = ({
 const PageLayout = ({
   title,
   children,
-  menu
+  menu,
+  sideNavContent
 }) => {
   return React__default.createElement("div", {
     className: styles$U['page-layout']
@@ -8326,13 +8332,16 @@ const PageLayout = ({
   }, React__default.createElement(Stack, {
     space: 12
   }, React__default.createElement(Text, {
-    as: "h3"
+    as: "h5",
+    textWrap: "wrap"
   }, title), React__default.createElement("ul", {
     className: styles$U['page-layout__nav-list']
-  }, menu.map((menuItem, index) => React__default.createElement(MenuItem, {
+  }, menu.filter(menu => !('isVisible' in menu) || (menu == null ? void 0 : menu.isVisible) === true).map((menuItem, index) => React__default.createElement(MenuItem, {
     key: index,
     menu: menuItem
-  }))))), React__default.createElement("div", {
+  }))), sideNavContent && React__default.createElement("div", {
+    className: styles$U['page-layout__side-nav-content']
+  }, sideNavContent))), React__default.createElement("div", {
     className: styles$U['page-layout__content']
   }, children));
 };