@copart/ops-tool-kit 1.12.1-alpha.32 → 1.12.1-alpha.34

package/dist/ops-tool-kit.js

@@ -32,7 +32,7 @@ var React__namespace = /*#__PURE__*/_interopNamespace(React);
 var ReactDOM__default = /*#__PURE__*/_interopDefaultLegacy(ReactDOM);
 
 const name$r = "@copart/ops-tool-kit";
-const version$7 = "1.12.1-alpha.32";
+const version$7 = "1.12.1-alpha.34";
 const main$1 = "dist/ops-tool-kit.js";
 const style = "dist/ops-tool-kit.css";
 const files = [
@@ -47259,7 +47259,9 @@ var NavigationBar = function NavigationBar(_ref2) {
     setActiveSubmenu = _ref2.setActiveSubmenu,
     allowMultipleNavItemsOpen = _ref2.allowMultipleNavItemsOpen,
     setShowNavigationCounts = _ref2.setShowNavigationCounts,
-    countsRef = _ref2.countsRef;
+    countsRef = _ref2.countsRef,
+    countAutoReloadDisabled = _ref2.countAutoReloadDisabled,
+    onNavSectionToggle = _ref2.onNavSectionToggle;
   // const withCounts = getCounts && typeof getCounts === 'function'
   var navigateFunction = navigateTo || (history === null || history === void 0 ? void 0 : history.push) || defaultRedirect;
   var _useState = React.useState(null),
@@ -47336,7 +47338,9 @@ var NavigationBar = function NavigationBar(_ref2) {
     getCounts: getCounts,
     setWithCounts: setWithCounts,
     withCounts: withCounts,
-    countsRef: countsRef
+    countsRef: countsRef,
+    countAutoReloadDisabled: countAutoReloadDisabled,
+    onNavSectionToggle: onNavSectionToggle
   }) : null, isConfigValid === false ? /*#__PURE__*/React__default["default"].createElement("div", null, "Please check your navigation config") : null);
 };
 var NavigationMenu = function NavigationMenu(_ref3) {
@@ -47352,8 +47356,15 @@ var NavigationMenu = function NavigationMenu(_ref3) {
     getCounts = _ref3.getCounts,
     setWithCounts = _ref3.setWithCounts,
     withCounts = _ref3.withCounts,
-    countsRef = _ref3.countsRef;
+    countsRef = _ref3.countsRef,
+    countAutoReloadDisabled = _ref3.countAutoReloadDisabled,
+    onNavSectionToggle = _ref3.onNavSectionToggle;
   var redirectUrl = window.location.pathname;
+  var _useState13 = React.useState(null),
+    _useState14 = _slicedToArray(_useState13, 2),
+    counts = _useState14[0],
+    setCounts = _useState14[1];
+  var countLoadAttemptsRef = React.useRef(0);
   React.useEffect(function () {
     if (redirectUrl != '/') {
       var splitUrl = redirectUrl.split('/');
@@ -47412,7 +47423,12 @@ var NavigationMenu = function NavigationMenu(_ref3) {
       getCounts: getCounts,
       setWithCounts: setWithCounts,
       withCounts: withCounts,
-      countsRef: countsRef
+      countsRef: countsRef,
+      countAutoReloadDisabled: countAutoReloadDisabled,
+      onNavSectionToggle: onNavSectionToggle,
+      counts: counts,
+      setCounts: setCounts,
+      countLoadAttemptsRef: countLoadAttemptsRef
     });
   }));
 };
@@ -47429,7 +47445,12 @@ var NavigationMenuLevel1 = function NavigationMenuLevel1(_ref4) {
     getCounts = _ref4.getCounts,
     setWithCounts = _ref4.setWithCounts,
     withCounts = _ref4.withCounts,
-    countsRef = _ref4.countsRef;
+    countsRef = _ref4.countsRef,
+    countAutoReloadDisabled = _ref4.countAutoReloadDisabled,
+    onNavSectionToggle = _ref4.onNavSectionToggle,
+    counts = _ref4.counts,
+    setCounts = _ref4.setCounts,
+    countLoadAttemptsRef = _ref4.countLoadAttemptsRef;
   var hasSubMenuItems = navItem.subMenuItems && navItem.subMenuItems.length > 0;
   var shortName = navItem.shortName ? navItem.shortName.toUpperCase() : dotIcon;
   var nameText = isHover ? (_navItem$name = navItem.name) === null || _navItem$name === void 0 ? void 0 : _navItem$name.toUpperCase() : shortName;
@@ -47461,7 +47482,12 @@ var NavigationMenuLevel1 = function NavigationMenuLevel1(_ref4) {
       getCounts: getCounts,
       setWithCounts: setWithCounts,
       withCounts: withCounts,
-      countsRef: countsRef
+      countsRef: countsRef,
+      countAutoReloadDisabled: countAutoReloadDisabled,
+      onNavSectionToggle: onNavSectionToggle,
+      counts: counts,
+      setCounts: setCounts,
+      countLoadAttemptsRef: countLoadAttemptsRef
     });
   }) : null));
 };
@@ -47477,14 +47503,16 @@ var NavigationMenuLevel2 = function NavigationMenuLevel2(_ref5) {
     getCounts = _ref5.getCounts,
     setWithCounts = _ref5.setWithCounts,
     withCounts = _ref5.withCounts,
-    countsRef = _ref5.countsRef;
+    countsRef = _ref5.countsRef,
+    countAutoReloadDisabled = _ref5.countAutoReloadDisabled,
+    _ref5$onNavSectionTog = _ref5.onNavSectionToggle,
+    onNavSectionToggle = _ref5$onNavSectionTog === void 0 ? function () {} : _ref5$onNavSectionTog,
+    counts = _ref5.counts,
+    setCounts = _ref5.setCounts,
+    countLoadAttemptsRef = _ref5.countLoadAttemptsRef;
   // const isMenuExpanded = activeSubmenu === navItem.fullRoute
   var isMenuExpanded = activeSubmenu.includes(navItem.fullRoute);
   var showCounts = isMenuExpanded && getCounts && typeof getCounts === 'function';
-  var _useState13 = React.useState(null),
-    _useState14 = _slicedToArray(_useState13, 2),
-    counts = _useState14[0],
-    setCounts = _useState14[1];
   var _useState15 = React.useState(false),
     _useState16 = _slicedToArray(_useState15, 2),
     countsLoading = _useState16[0],
@@ -47495,8 +47523,11 @@ var NavigationMenuLevel2 = function NavigationMenuLevel2(_ref5) {
 
   React.useEffect(function () {
     if (showCounts) {
-      setCountsLoading(true);
-      reloadCounts(navItem.route);
+      if (!countAutoReloadDisabled || (countLoadAttemptsRef === null || countLoadAttemptsRef === void 0 ? void 0 : countLoadAttemptsRef.current) === 0) {
+        countLoadAttemptsRef.current++;
+        setCountsLoading(true);
+        reloadCounts(navItem.route);
+      }
       if (countsRef && _typeof(countsRef) === 'object') {
         countsRef.current = {
           refreshCounts: function refreshCounts() {
@@ -47526,15 +47557,17 @@ var NavigationMenuLevel2 = function NavigationMenuLevel2(_ref5) {
         setActiveSubmenu(function (menuItems) {
           return allowMultipleNavItemsOpen ? [].concat(_toConsumableArray(menuItems), [navItem.fullRoute]) : [navItem.fullRoute];
         });
+        onNavSectionToggle(navItem.route, true);
       } else {
         setActiveSubmenu(function (menuItems) {
           return _toConsumableArray(menuItems).filter(function (item) {
             return item !== navItem.fullRoute;
           });
         });
+        onNavSectionToggle(navItem.route, false);
       }
       // setActiveSubmenu(isMenuExpanded ? null : navItem.fullRoute)
-      if (!isMenuExpanded && showCounts) {
+      if (!isMenuExpanded && showCounts && !countAutoReloadDisabled) {
         reloadCounts();
       }
     } else {
@@ -47804,7 +47837,9 @@ var AppFrame = function AppFrame(props) {
     setActiveSubmenu: setActiveSubmenu,
     allowMultipleNavItemsOpen: props.allowMultipleNavItemsOpen,
     setShowNavigationCounts: setShowNavigationCounts,
-    countsRef: props.countsRef
+    countsRef: props.countsRef,
+    countAutoReloadDisabled: props.countAutoReloadDisabled,
+    onNavSectionToggle: props.onNavSectionToggle
   }) : null, /*#__PURE__*/React__default["default"].createElement("div", {
     style: {
       marginLeft: props.showNavigation ? navigationWidth : '0px',