@copart/ops-tool-kit 1.12.3-alpha.2 → 1.12.3-alpha.3

package/dist/ops-tool-kit.js

@@ -47,7 +47,7 @@ var React__namespace = /*#__PURE__*/_interopNamespace(React);
 var ReactDOM__default = /*#__PURE__*/_interopDefaultLegacy(ReactDOM);
 
 const name$r = "@copart/ops-tool-kit";
-const version$8 = "1.12.3-alpha.2";
+const version$8 = "1.12.3-alpha.3";
 const main$1 = "dist/ops-tool-kit.js";
 const style = "dist/ops-tool-kit.css";
 const files = [
@@ -68849,6 +68849,11 @@ var NavigationMenuLevel1 = function NavigationMenuLevel1(_ref4) {
     });
   }) : null));
 };
+var statusColors = {
+  1: '#C50F1F',
+  2: '#FFAA44',
+  3: '#6BB700'
+};
 var NavigationMenuLevel2 = function NavigationMenuLevel2(_ref5) {
   var navItem = _ref5.navItem,
     isHover = _ref5.isHover,
@@ -68943,11 +68948,20 @@ var NavigationMenuLevel2 = function NavigationMenuLevel2(_ref5) {
   } else if (allowMultipleNavItemsOpen) {
     highlight = selected === navItem.fullRoute;
   }
+
+  // Check if highlightMenu prop is true and highlight is false
+  var shouldShowHighlightBackground = navItem.highlightMenu === true && !highlight;
+
+  // Use highlightMenuColor if it's a string, otherwise use default red color
+  var backgroundColor = shouldShowHighlightBackground ? typeof navItem.highlightMenuColor === 'string' ? navItem.highlightMenuColor : statusColors[1] : '';
   return /*#__PURE__*/React__default["default"].createElement("div", {
     className: "utilities_ops-app-frame_NavigationBar_NavigationBar--NavMenuLevel2",
     animate: isMenuExpanded ? 'open' : 'closed'
   }, /*#__PURE__*/React__default["default"].createElement("div", {
     onClick: handleItemClick,
+    style: {
+      backgroundColor: backgroundColor
+    },
     className: _getClassName("NavItem ".concat(highlight ? 'expandedMenu' : '', " ").concat(selected === navItem.fullRoute && navItem !== null && navItem !== void 0 && navItem.subMenuItems ? 'NavItemSelected' : '', " ").concat(isDisabled ? 'disabled' : ''), _styleModuleImportMap$1, {
       "handleMissingStyleName": "warn"
     })
@@ -68974,6 +68988,15 @@ var NavigationMenuLevel2 = function NavigationMenuLevel2(_ref5) {
         });
       }
     },
+    leave: {
+      animation: 'slideUp',
+      duration: 200,
+      complete: function complete(elements) {
+        elements.forEach(function (el) {
+          el.style.removeProperty("height");
+        });
+      }
+    },
     style: {
       marginLeft: '10px',
       marginTop: '3px',
@@ -68996,11 +69019,6 @@ var NavigationMenuLevel2 = function NavigationMenuLevel2(_ref5) {
     });
   }) : null));
 };
-var statusColors = {
-  1: '#C50F1F',
-  2: '#FFAA44',
-  3: '#6BB700'
-};
 var NavigationMenuLevel3 = function NavigationMenuLevel3(_ref6) {
   var navItem = _ref6.navItem,
     count = _ref6.count,
@@ -82828,10 +82846,10 @@ var sharedStore = createCommonjsModule(function (module) {
 var SHARED = '__core-js_shared__';
 var store = module.exports = globalThis_1[SHARED] || defineGlobalProperty(SHARED, {});
 (store.versions || (store.versions = [])).push({
-  version: '3.44.0',
+  version: '3.45.1',
   mode: 'global',
   copyright: '© 2014-2025 Denis Pushkarev (zloirock.ru)',
-  license: 'https://github.com/zloirock/core-js/blob/v3.44.0/LICENSE',
+  license: 'https://github.com/zloirock/core-js/blob/v3.45.1/LICENSE',
   source: 'https://github.com/zloirock/core-js'
 });
 });