@copart/ops-tool-kit 1.9.0-alpha.8 → 1.9.0-alpha.9

package/dist/ops-tool-kit.js

@@ -33,7 +33,7 @@ var ReactDOM__default = /*#__PURE__*/_interopDefaultLegacy(ReactDOM);
 var ReactDOM__namespace = /*#__PURE__*/_interopNamespace(ReactDOM);
 
 const name$e = "@copart/ops-tool-kit";
-const version$3 = "1.9.0-alpha.8";
+const version$3 = "1.9.0-alpha.9";
 const main = "dist/ops-tool-kit.js";
 const style = "dist/ops-tool-kit.css";
 const files = [
@@ -67,9 +67,9 @@ const devDependencies = {
   "@babel/runtime": "7.0.0",
   "@rollup/plugin-babel": "^5.0.3",
   "@rollup/plugin-commonjs": "^13.0.0",
-  "@rollup/plugin-node-resolve": "^8.4.0",
-  "@rollup/plugin-json": "^4.1.0",
   "@rollup/plugin-image": "2.0.5",
+  "@rollup/plugin-json": "^4.1.0",
+  "@rollup/plugin-node-resolve": "^8.4.0",
   autoprefixer: "9.4.2",
   "babel-jest": "23.6.0",
   "babel-loader": "8.0.4",
@@ -89,8 +89,8 @@ const devDependencies = {
   "rollup-plugin-postcss": "^3.1.3"
 };
 const peerDependencies = {
-  react: "*",
-  "@copart/core-components": "^2.2.5"
+  "@copart/core-components": "^2.2.5",
+  react: "*"
 };
 const dependencies = {
   "@reacting/purist": "0.1.0",
@@ -106,8 +106,8 @@ const dependencies = {
   "office-ui-fabric-react": "7.105.5",
   querystringify: "^2.0.0",
   ramda: "0.26.1",
-  "react-portal": "^4.2.0",
   "react-modal": "3.11.2",
+  "react-portal": "^4.2.0",
   "set-value": "^3.0.0",
   "storage-changed": "^2.0.0",
   "velocity-react": "1.4.3",
@@ -36699,7 +36699,7 @@ var formatNumber = function formatNumber(number) {
   return sign * Math.abs(number) + unitlist[unit];
 };
 
-var css_248z$1 = ".utilities_ops-app-frame_NavigationBar_NavigationBar--NavBarContainer {\n  display: flex;\n  flex-direction: column;\n  position: absolute;\n  background: #3A4454;\n  min-width: 65px;\n  max-width: 65px;\n  height: 100%;\n  color: #ffffff;\n  font-size: 16px;\n  z-index: 101;\n  transition: all 0.5s ease-in-out;\n}\n\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavBarContainer.utilities_ops-app-frame_NavigationBar_NavigationBar--withCounts {\n  min-width: 100px;\n  max-width: 100px;\n}\n\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavBarContainer:hover {\n  max-width: 500px;\n}\n\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavMenu {\n  flex: 1;\n  overflow-y: auto;\n  -ms-overflow-style: none;\n  scrollbar-width: none;\n}\n\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavMenu::-webkit-scrollbar { \n  display: none;\n}\n\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavItem {\n  display: flex;\n  width: 100%;\n  padding: 6px 0px 6px 12px;\n  border-radius: 5px;\n}\n\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavItemSelected {\n  color: #323130;\n  background-color: #fff;\n}\n\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavItem .utilities_ops-app-frame_NavigationBar_NavigationBar--expandButton {\n  margin-left: auto;\n  margin-right: 10px;\n  min-width: none;\n  transition: all 0.5s ease-in-out;\n}\n\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavBarContainer.utilities_ops-app-frame_NavigationBar_NavigationBar--withCounts:hover .utilities_ops-app-frame_NavigationBar_NavigationBar--NavItem .utilities_ops-app-frame_NavigationBar_NavigationBar--expandButton {\n  min-width: 70px;\n  text-align: right;\n}\n\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavItem.utilities_ops-app-frame_NavigationBar_NavigationBar--expandedMenu {\n  background-color: #73A6FF;\n  transition: background-color 0.5s ease-in-out;\n}\n\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavItem .utilities_ops-app-frame_NavigationBar_NavigationBar--expandButton i {\n  margin-left: auto;\n  font-size: 12px;\n  color: #fff;\n}\n\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavItem.utilities_ops-app-frame_NavigationBar_NavigationBar--selected .utilities_ops-app-frame_NavigationBar_NavigationBar--expandButton i{\n  color: #323130;\n}\n\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavItem .utilities_ops-app-frame_NavigationBar_NavigationBar--NavItemCount {\n  flex: 1;\n  margin: 0 10px 0;\n  text-align: right;\n}\n\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavItem .utilities_ops-app-frame_NavigationBar_NavigationBar--NavItemIcon {\n  \n}\n\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavItem .utilities_ops-app-frame_NavigationBar_NavigationBar--NavItemIcon i {\n  width: 20px;\n  color: #fff;\n}\n\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavItemSelected .utilities_ops-app-frame_NavigationBar_NavigationBar--NavItemIcon i{\n  color: #323130;\n}\n\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavItemSelected .utilities_ops-app-frame_NavigationBar_NavigationBar--expandButton i{\n  color: #323130;\n}\n\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavBarContainer .utilities_ops-app-frame_NavigationBar_NavigationBar--NavItem .utilities_ops-app-frame_NavigationBar_NavigationBar--NavItemName {\n  max-width: 0;\n  overflow: hidden;\n  white-space: nowrap;\n  margin-left: 10px;\n  font-weight: 100;\n  cursor: pointer;\n  transition: all 0.5s ease-in-out;\n}\n\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavBarContainer:hover .utilities_ops-app-frame_NavigationBar_NavigationBar--NavItem .utilities_ops-app-frame_NavigationBar_NavigationBar--NavItemName {\n  max-width: 100%;\n  margin: 0 10px;\n}\n\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavMenuLevel1 > .utilities_ops-app-frame_NavigationBar_NavigationBar--NavItem .utilities_ops-app-frame_NavigationBar_NavigationBar--NavItemName {\n  max-width: 100%;\n  margin: 0 5px 0 0;\n  font-weight: 600;\n  margin-left: 0px;\n  cursor: auto;\n  cursor: initial;\n}\n\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavBarContainer:hover .utilities_ops-app-frame_NavigationBar_NavigationBar--NavMenuLevel1 > .utilities_ops-app-frame_NavigationBar_NavigationBar--NavItem .utilities_ops-app-frame_NavigationBar_NavigationBar--NavItemName {\n  margin: 0;\n}\n\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavMenuLevel1 > .utilities_ops-app-frame_NavigationBar_NavigationBar--NavItem .utilities_ops-app-frame_NavigationBar_NavigationBar--NavItemIcon {\n  margin-right: 0px;\n}\n\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavMenuLevel1 > .utilities_ops-app-frame_NavigationBar_NavigationBar--NavItem {\n  padding-left: 12px;\n}\n\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavMenuLevel1 > .utilities_ops-app-frame_NavigationBar_NavigationBar--NavItem .utilities_ops-app-frame_NavigationBar_NavigationBar--NavItemName > span {\n  display: inline;\n  display: initial;\n}\n\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavMenuLevel2 {\n}\n\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavMenuLevel3 {\n  display: flex;\n  position: relative;\n}\n\n.utilities_ops-app-frame_NavigationBar_NavigationBar--statusColor {\n  position: absolute;\n  width: 10px;\n  height: 95%;\n  left: -13px;\n}";
+var css_248z$1 = ".utilities_ops-app-frame_NavigationBar_NavigationBar--NavBarContainer {\n  display: flex;\n  flex-direction: column;\n  position: absolute;\n  background: #3A4454;\n  min-width: 65px;\n  max-width: 65px;\n  height: 100%;\n  color: #ffffff;\n  font-size: 16px;\n  z-index: 101;\n  transition: all 0.5s ease-in-out;\n}\n\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavBarContainer.utilities_ops-app-frame_NavigationBar_NavigationBar--withCounts {\n  min-width: 100px;\n  max-width: 100px;\n}\n\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavBarContainer:hover {\n  max-width: 500px;\n}\n\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavMenu {\n  flex: 1;\n  overflow-y: auto;\n  -ms-overflow-style: none;\n  scrollbar-width: none;\n}\n\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavMenu::-webkit-scrollbar { \n  display: none;\n}\n\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavItem {\n  display: flex;\n  width: 100%;\n  padding: 6px 0px 6px 12px;\n  border-radius: 5px;\n  cursor: pointer;\n}\n\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavItem.utilities_ops-app-frame_NavigationBar_NavigationBar--disabled {\n  cursor: default;\n}\n\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavItemSelected {\n  color: #323130;\n  background-color: #fff;\n}\n\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavItem .utilities_ops-app-frame_NavigationBar_NavigationBar--expandButton {\n  margin-left: auto;\n  margin-right: 10px;\n  min-width: none;\n  transition: all 0.5s ease-in-out;\n}\n\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavBarContainer.utilities_ops-app-frame_NavigationBar_NavigationBar--withCounts:hover .utilities_ops-app-frame_NavigationBar_NavigationBar--NavItem .utilities_ops-app-frame_NavigationBar_NavigationBar--expandButton {\n  min-width: 70px;\n  text-align: right;\n}\n\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavItem.utilities_ops-app-frame_NavigationBar_NavigationBar--expandedMenu {\n  background-color: #73A6FF;\n  transition: background-color 0.5s ease-in-out;\n}\n\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavItem .utilities_ops-app-frame_NavigationBar_NavigationBar--expandButton i {\n  margin-left: auto;\n  font-size: 12px;\n  color: #fff;\n}\n\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavItem.utilities_ops-app-frame_NavigationBar_NavigationBar--selected .utilities_ops-app-frame_NavigationBar_NavigationBar--expandButton i{\n  color: #323130;\n}\n\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavItem .utilities_ops-app-frame_NavigationBar_NavigationBar--NavItemCount {\n  flex: 1;\n  margin: 0 10px 0;\n  text-align: right;\n}\n\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavItem .utilities_ops-app-frame_NavigationBar_NavigationBar--NavItemIcon {\n  \n}\n\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavItem .utilities_ops-app-frame_NavigationBar_NavigationBar--NavItemIcon i {\n  width: 20px;\n  color: #fff;\n}\n\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavItem.utilities_ops-app-frame_NavigationBar_NavigationBar--disabled .utilities_ops-app-frame_NavigationBar_NavigationBar--NavItemIcon i {\n  color: #A19F9D;\n}\n\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavItemSelected .utilities_ops-app-frame_NavigationBar_NavigationBar--NavItemIcon i{\n  color: #323130;\n}\n\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavItemSelected .utilities_ops-app-frame_NavigationBar_NavigationBar--expandButton i{\n  color: #323130;\n}\n\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavItem.utilities_ops-app-frame_NavigationBar_NavigationBar--disabled .utilities_ops-app-frame_NavigationBar_NavigationBar--expandButton i {\n  color: #A19F9D;\n}\n\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavBarContainer .utilities_ops-app-frame_NavigationBar_NavigationBar--NavItem .utilities_ops-app-frame_NavigationBar_NavigationBar--NavItemName {\n  max-width: 0;\n  overflow: hidden;\n  white-space: nowrap;\n  margin-left: 10px;\n  font-weight: 100;\n  transition: all 0.5s ease-in-out;\n}\n\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavBarContainer:hover .utilities_ops-app-frame_NavigationBar_NavigationBar--NavItem .utilities_ops-app-frame_NavigationBar_NavigationBar--NavItemName {\n  max-width: 100%;\n  margin: 0 10px;\n}\n\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavBarContainer .utilities_ops-app-frame_NavigationBar_NavigationBar--NavItem.utilities_ops-app-frame_NavigationBar_NavigationBar--disabled .utilities_ops-app-frame_NavigationBar_NavigationBar--NavItemName {\n  color: #A19F9D;\n}\n\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavMenuLevel1 > .utilities_ops-app-frame_NavigationBar_NavigationBar--NavItem .utilities_ops-app-frame_NavigationBar_NavigationBar--NavItemName {\n  max-width: 100%;\n  margin: 0 5px 0 0;\n  font-weight: 600;\n  margin-left: 0px;\n  cursor: auto;\n  cursor: initial;\n}\n\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavBarContainer:hover .utilities_ops-app-frame_NavigationBar_NavigationBar--NavMenuLevel1 > .utilities_ops-app-frame_NavigationBar_NavigationBar--NavItem .utilities_ops-app-frame_NavigationBar_NavigationBar--NavItemName {\n  margin: 0;\n}\n\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavMenuLevel1 > .utilities_ops-app-frame_NavigationBar_NavigationBar--NavItem .utilities_ops-app-frame_NavigationBar_NavigationBar--NavItemIcon {\n  margin-right: 0px;\n}\n\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavMenuLevel1 > .utilities_ops-app-frame_NavigationBar_NavigationBar--NavItem {\n  padding-left: 12px;\n}\n\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavMenuLevel1 > .utilities_ops-app-frame_NavigationBar_NavigationBar--NavItem .utilities_ops-app-frame_NavigationBar_NavigationBar--NavItemName > span {\n  display: inline;\n  display: initial;\n}\n\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavMenuLevel2 {\n}\n\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavMenuLevel3 {\n  display: flex;\n  position: relative;\n}\n\n.utilities_ops-app-frame_NavigationBar_NavigationBar--statusColor {\n  position: absolute;\n  width: 10px;\n  height: 95%;\n  left: -13px;\n}";
 styleInject(css_248z$1);
 
 var _styleModuleImportMap = {
@@ -36708,6 +36708,7 @@ var _styleModuleImportMap = {
     "withCounts": "utilities_ops-app-frame_NavigationBar_NavigationBar--withCounts",
     "NavMenu": "utilities_ops-app-frame_NavigationBar_NavigationBar--NavMenu",
     "NavItem": "utilities_ops-app-frame_NavigationBar_NavigationBar--NavItem",
+    "disabled": "utilities_ops-app-frame_NavigationBar_NavigationBar--disabled",
     "NavItemSelected": "utilities_ops-app-frame_NavigationBar_NavigationBar--NavItemSelected",
     "expandButton": "utilities_ops-app-frame_NavigationBar_NavigationBar--expandButton",
     "expandedMenu": "utilities_ops-app-frame_NavigationBar_NavigationBar--expandedMenu",
@@ -36721,6 +36722,15 @@ var _styleModuleImportMap = {
     "statusColor": "utilities_ops-app-frame_NavigationBar_NavigationBar--statusColor"
   }
 };
+var dotIcon = /*#__PURE__*/React__default["default"].createElement(coreComponents.IconV2, {
+  name: "circle",
+  variant: "solid",
+  style: {
+    color: '#fff',
+    fontSize: '6px',
+    marginLeft: '5px'
+  }
+});
 var NavIcon = function NavIcon(_ref) {
   var icon = _ref.icon;
   return typeof icon === 'string' ? /*#__PURE__*/React__default["default"].createElement(coreComponents.IconV2, {
@@ -36934,7 +36944,7 @@ var NavigationMenu = function NavigationMenu(_ref3) {
   }));
 };
 var NavigationMenuLevel1 = function NavigationMenuLevel1(_ref4) {
-  var _navItem$name, _navItem$shortName;
+  var _navItem$name;
   var navItem = _ref4.navItem,
     isHover = _ref4.isHover,
     activeSubmenu = _ref4.activeSubmenu,
@@ -36944,7 +36954,8 @@ var NavigationMenuLevel1 = function NavigationMenuLevel1(_ref4) {
     setSelected = _ref4.setSelected,
     getCounts = _ref4.getCounts;
   var hasSubMenuItems = navItem.subMenuItems && navItem.subMenuItems.length > 0;
-  var nameText = isHover ? (_navItem$name = navItem.name) === null || _navItem$name === void 0 ? void 0 : _navItem$name.toUpperCase() : (_navItem$shortName = navItem.shortName) === null || _navItem$shortName === void 0 ? void 0 : _navItem$shortName.toUpperCase();
+  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;
   return /*#__PURE__*/React__default["default"].createElement("div", {
     className: "utilities_ops-app-frame_NavigationBar_NavigationBar--NavMenuLevel1"
   }, /*#__PURE__*/React__default["default"].createElement("div", {
@@ -36991,6 +37002,7 @@ var NavigationMenuLevel2 = function NavigationMenuLevel2(_ref5) {
     countsLoading = _useState16[0],
     setCountsLoading = _useState16[1];
   var hasSubMenuItems = navItem.subMenuItems && navItem.subMenuItems.length > 0;
+  var isDisabled = navItem.disabled;
   React.useEffect(function () {
     if (showCounts) {
       setCountsLoading(true);
@@ -37010,6 +37022,7 @@ var NavigationMenuLevel2 = function NavigationMenuLevel2(_ref5) {
     navigateFunction(item.fullRoute);
   };
   var handleItemClick = function handleItemClick() {
+    if (isDisabled) return;
     if (hasSubMenuItems) {
       setActiveSubmenu(isMenuExpanded ? null : navItem.fullRoute);
       if (!isMenuExpanded) {
@@ -37024,7 +37037,7 @@ var NavigationMenuLevel2 = function NavigationMenuLevel2(_ref5) {
     animate: isMenuExpanded ? 'open' : 'closed'
   }, /*#__PURE__*/React__default["default"].createElement("div", {
     onClick: handleItemClick,
-    className: _getClassName("NavItem ".concat(isMenuExpanded ? "expandedMenu" : "", " ").concat(selected === navItem.fullRoute ? "NavItemSelected" : ""), _styleModuleImportMap, {
+    className: _getClassName("NavItem ".concat(isMenuExpanded ? "expandedMenu" : "", " ").concat(selected === navItem.fullRoute ? "NavItemSelected" : "", " ").concat(isDisabled ? 'disabled' : ''), _styleModuleImportMap, {
       "handleMissingStyleName": "warn"
     })
   }, /*#__PURE__*/React__default["default"].createElement("div", {
@@ -37086,6 +37099,7 @@ var NavigationMenuLevel3 = function NavigationMenuLevel3(_ref6) {
     status = navItem.getStatus(count);
     statusColor = statusColors[status];
   }
+  var isDisabled = navItem.disabled;
   return /*#__PURE__*/React__default["default"].createElement("div", {
     className: "utilities_ops-app-frame_NavigationBar_NavigationBar--NavMenuLevel3"
   }, /*#__PURE__*/React__default["default"].createElement("div", {
@@ -37095,9 +37109,9 @@ var NavigationMenuLevel3 = function NavigationMenuLevel3(_ref6) {
     }
   }), /*#__PURE__*/React__default["default"].createElement("div", {
     onClick: function onClick() {
-      return navigateToItem(navItem);
+      return !isDisabled && navigateToItem(navItem);
     },
-    className: _getClassName("NavItem ".concat(selected === navItem.fullRoute ? "NavItemSelected" : ""), _styleModuleImportMap, {
+    className: _getClassName("NavItem ".concat(selected === navItem.fullRoute ? "NavItemSelected" : "", " ").concat(isDisabled ? 'disabled' : ''), _styleModuleImportMap, {
       "handleMissingStyleName": "warn"
     })
   }, /*#__PURE__*/React__default["default"].createElement("div", {
@@ -50780,162 +50794,6 @@ function withFirebaseConfigCheck (Comp) {
 
 var Notifications = withFirebaseConfigCheck(Notifications$2);
 
-var navItems3Level = [{
-  name: "Home",
-  icon: "house",
-  isLandingPage: true
-}, {
-  name: "Dispatch",
-  shortName: "D",
-  icon: null,
-  route: 'dispatch',
-  subMenuItems: [{
-    name: "Lots",
-    route: "lots",
-    icon: "car",
-    subMenuItems: [{
-      name: "All",
-      route: "all",
-      icon: "house"
-    }, {
-      name: "Pending Trip Build",
-      route: 'pendingtripsbuild',
-      icon: "car",
-      getStatus: function getStatus(count) {
-        if (count > 1000) return 1;
-        if (count > 500) return 2;
-        if (count > 0) return 3;
-      }
-    }, {
-      name: "Pending Processing",
-      route: 'dispatch',
-      icon: "car",
-      getStatus: function getStatus(count) {
-        if (count > 300) return 1;
-        if (count > 50) return 2;
-        if (count > 0) return 3;
-      }
-    }, {
-      name: "Pending Paperwork Verification",
-      route: 'pendingprocessing',
-      icon: "car",
-      getStatus: function getStatus(count) {
-        if (count > 100) return 1;
-        if (count > 50) return 2;
-        if (count > 0) return 3;
-      }
-    }, {
-      name: "Partial Paperwork Verified",
-      route: 'partialpaperwork',
-      icon: "car"
-    }, {
-      name: "Awaiting Dispatch",
-      route: 'awaitingdispatch',
-      icon: "car"
-    }, {
-      name: "Overdue and Due Today",
-      route: 'overdue',
-      icon: "car"
-    }, {
-      name: "Issue Queue",
-      route: 'issuequeue',
-      icon: "car"
-    }]
-  }, {
-    name: "Tow Providers",
-    route: 'towproviders',
-    icon: "truck-tow",
-    subMenuItems: [{
-      name: "All",
-      route: 'all',
-      icon: "car"
-    }]
-  }, {
-    name: "Drivers",
-    route: 'drivers',
-    icon: "steering-wheel",
-    subMenuItems: [{
-      name: "All",
-      icon: "car",
-      route: 'all'
-    }]
-  }, {
-    name: "Work Requests",
-    route: 'workrequests',
-    icon: "handshake",
-    subMenuItems: [{
-      name: "All",
-      route: 'all',
-      icon: "car"
-    }]
-  }, {
-    name: "Advanced Charge Discrepancy",
-    route: 'advanced',
-    icon: "file-invoice-dollar",
-    subMenuItems: [{
-      name: "All",
-      route: 'all',
-      icon: "car"
-    }]
-  }, {
-    name: "One Time Rate Request Change",
-    route: 'onetime',
-    icon: "dollar-sign",
-    subMenuItems: [{
-      name: "All",
-      route: 'all',
-      icon: "car"
-    }]
-  }]
-}, {
-  name: "Yard To Yard",
-  shortName: "Y2Y",
-  route: 'y2y',
-  icon: null,
-  subMenuItems: [{
-    name: "Y2Y Trips",
-    route: 'trips',
-    icon: "truck-container-empty",
-    subMenuItems: [{
-      name: "All",
-      route: 'all',
-      icon: "car"
-    }]
-  }, {
-    name: "Y2Y Requests",
-    route: 'requests',
-    icon: "memo-circle-check",
-    subMenuItems: [{
-      name: "All",
-      route: 'all',
-      icon: "car"
-    }]
-  }]
-}];
-var navItemCounts = {
-  lots: {
-    all: 3000,
-    pendingtripsbuild: 400,
-    dispatch: 234,
-    pendingprocessing: 125,
-    partialpaperwork: 658,
-    awaitingdispatch: 1002,
-    overdue: 376,
-    issuequeue: 765
-  },
-  towproviders: {
-    all: 298
-  }
-};
-var getNavItemCounts = function getNavItemCounts(menuItemName) {
-  return new Promise(function (resolve, reject) {
-    setTimeout(function () {
-      var counts = navItemCounts[menuItemName] || {};
-      resolve(counts);
-    }, 2000);
-  });
-};
-
 var css_248z = ".utilities_ops-app-frame_AppFrame_AppFrame--AppFrame {\n  background: var(--paleGray);\n  background: var(--paleGray);\n  height: 100vh;\n  max-height: 100vh;\n  display: flex;\n  flex-direction: column;\n  flex-basis: 0;\n}\n\n.utilities_ops-app-frame_AppFrame_AppFrame--header {\n  flex: 0 1 auto;\n  display: flex;\n  flex-direction: column;\n}\n\n/* Wrapper that contains the app being developed. */\n\n.utilities_ops-app-frame_AppFrame_AppFrame--AppContainer {\n  flex: 1 1 auto;\n}\n";
 styleInject(css_248z);
 
@@ -51012,9 +50870,8 @@ var AppFrame = function AppFrame(props) {
 };
 AppFrame.defaultProps = {
   handleScrolling: true,
-  showNavigation: true,
-  navItems: navItems3Level,
-  getCounts: getNavItemCounts
+  showNavigation: false,
+  navItems: []
 };
 
 var _excluded = ["fromPhone", "toPhone", "appCode", "entityType", "lotAttributes"];