@7shifts/sous-chef 3.76.0-beta.8 → 3.76.1-beta.0

package/dist/index.js

@@ -8123,7 +8123,7 @@ var Page = function Page(_ref) {
 
 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 styles$T = {"menu-item":"_SebbU","menu-item--active":"_CDEVl","menu-item--with-badge":"_VudDE","menu-item__badge":"_vErBS"};
 
 var styles$S = {"badge":"_RXV4h","badge--warning":"_2An1I","badge--danger":"_-Bw8L","badge--success":"_RxlMz","badge--info":"_dzCH-","badge--numeric":"_Ix9tP"};
 
@@ -8860,19 +8860,27 @@ var BadgeElement = function BadgeElement(_ref, forwardedRef) {
 var Badge = React.forwardRef(BadgeElement);
 
 var MenuItem = function MenuItem(_ref) {
-  var _classNames;
+  var _classNames, _classNames2;
   var menu = _ref.menu;
   return React__default["default"].createElement("li", {
-    className: classnames__default["default"](styles$T['menu-item'])
+    className: classnames__default["default"](styles$T['menu-item'], (_classNames = {}, _classNames[styles$T['menu-item--with-badge']] = !!menu.suffix, _classNames))
   }, menu.reloadDocument ? React__default["default"].createElement("a", {
     href: menu.to,
-    className: classnames__default["default"]((_classNames = {}, _classNames[styles$T['menu-item--active']] = menu.isActive, _classNames))
-  }, menu.label, !!menu.badge && React__default["default"].createElement(Badge, null, menu.badge)) : React__default["default"].createElement(reactRouterDom.NavLink, {
+    className: classnames__default["default"]((_classNames2 = {}, _classNames2[styles$T['menu-item--active']] = menu.isActive, _classNames2))
+  }, menu.label, !!menu.suffix && React__default["default"].createElement("div", {
+    className: styles$T['menu-item__badge']
+  }, React__default["default"].createElement(Badge, null, menu.suffix))) : React__default["default"].createElement(reactRouterDom.NavLink, {
     to: menu.to,
-    // @ts-expect-error
+    // @ts-expect-error This is only available on v5
     activeClassName: styles$T['menu-item--active'],
+    className: function className(_ref2) {
+      var isActive = _ref2.isActive;
+      return isActive ? styles$T['menu-item--active'] : '';
+    },
     exact: true
-  }, menu.label, !!menu.badge && React__default["default"].createElement(Badge, null, menu.badge)));
+  }, menu.label, !!menu.suffix && React__default["default"].createElement("div", {
+    className: styles$T['menu-item__badge']
+  }, React__default["default"].createElement(Badge, null, menu.suffix))));
 };
 
 var PageLayout = function PageLayout(_ref) {
@@ -8888,14 +8896,16 @@ var PageLayout = function PageLayout(_ref) {
     space: 12
   }, React__default["default"].createElement(Text, {
     as: "h5",
-    textWrap: "wrap"
+    textWrap: "wrap",
+    ml: 20,
+    mr: 35
   }, title), React__default["default"].createElement("ul", {
     className: styles$U['page-layout__nav-list']
   }, 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,
+      key: menuItem.name || index,
       menu: menuItem
     });
   })), sideNavContent && React__default["default"].createElement("div", {
@@ -9198,6 +9208,9 @@ var DataTableEditableCellElement = function DataTableEditableCellElement(_ref, r
     _ref$type = _ref.type,
     type = _ref$type === void 0 ? 'text' : _ref$type,
     testId = _ref.testId;
+  var _useState = React.useState(false),
+    hasFocus = _useState[0],
+    setHasFocus = _useState[1];
   var _useDataTableContext = useDataTableContext(),
     columns = _useDataTableContext.columns,
     numberOfRows = _useDataTableContext.numberOfRows;
@@ -9242,9 +9255,15 @@ var DataTableEditableCellElement = function DataTableEditableCellElement(_ref, r
     disabled: disabled,
     placeholder: placeholder,
     defaultValue: defaultValue,
-    value: controllers.value,
+    value: !hasFocus && type === 'currency' ? Number(controllers.value).toFixed(2).toString() : controllers.value,
     onChange: controllers.onChange,
-    onBlur: controllers.onBlur,
+    onBlur: function onBlur(e) {
+      controllers.onBlur(e);
+      setHasFocus(false);
+    },
+    onFocus: function onFocus() {
+      return setHasFocus(true);
+    },
     ref: ref,
     onWheel: function onWheel(e) {
       e.target.blur();