@copart/ops-tool-kit 1.9.0-alpha.4 → 1.9.0-alpha.6

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.4";
+const version$3 = "1.9.0-alpha.6";
 const main = "dist/ops-tool-kit.js";
 const style = "dist/ops-tool-kit.css";
 const files = [
@@ -30945,12 +30945,13 @@ var GoHome = function GoHome(props) {
   }, props.reason));
 };
 
-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: 100px;\n  max-width: 100px;\n  height: 100%;\n  color: #ffffff;\n  font-size: 16px;\n  z-index: 99999;\n  transition: max-width 0.5s ease-in-out;\n}\n\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavBarContainer:hover {\n  max-width: 400px;\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}\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  margin-left: auto;\n  margin-right: 10px;\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--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: 0 5px 0 10px;\n  font-weight: 100;\n  cursor: pointer;\n  transition: max-width 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-right: 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--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  margin-left: 10px;\n  padding: 0 2px;\n  background-color: #232932;\n  border-left: 1px solid #8A8886;\n  overflow: hidden;\n  max-height: 0px;\n  transition: max-height 0.5s ease-in-out;\n}\n\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavMenuLevel3.utilities_ops-app-frame_NavigationBar_NavigationBar--expanded {\n  max-height: 500px;\n  margin-top: 3px;\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: 100px;\n  max-width: 100px;\n  height: 100%;\n  color: #ffffff;\n  font-size: 16px;\n  z-index: 99999;\n  transition: max-width 0.5s ease-in-out;\n}\n\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavBarContainer.utilities_ops-app-frame_NavigationBar_NavigationBar--noCounts {\n  min-width: 65px;\n  max-width: 65px;\n}\n\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavBarContainer:hover {\n  max-width: 400px;\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}\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  margin-left: auto;\n  margin-right: 10px;\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--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: 0 5px 0 10px;\n  font-weight: 100;\n  cursor: pointer;\n  transition: max-width 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-right: 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--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  margin-left: 10px;\n  padding: 0 2px;\n  background-color: #232932;\n  border-left: 1px solid #8A8886;\n  overflow: hidden;\n  max-height: 0px;\n  transition: max-height 0.5s ease-in-out;\n}\n\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavMenuLevel3.utilities_ops-app-frame_NavigationBar_NavigationBar--expanded {\n  max-height: 500px;\n  margin-top: 3px;\n}";
 styleInject(css_248z$1);
 
 var _styleModuleImportMap = {
   "./NavigationBar.css": {
     "NavBarContainer": "utilities_ops-app-frame_NavigationBar_NavigationBar--NavBarContainer",
+    "noCounts": "utilities_ops-app-frame_NavigationBar_NavigationBar--noCounts",
     "NavMenu": "utilities_ops-app-frame_NavigationBar_NavigationBar--NavMenu",
     "NavItem": "utilities_ops-app-frame_NavigationBar_NavigationBar--NavItem",
     "NavItemSelected": "utilities_ops-app-frame_NavigationBar_NavigationBar--NavItemSelected",
@@ -31032,6 +31033,7 @@ var NavigationBar = function NavigationBar(_ref2) {
       navigateTo = _ref2.navigateTo,
       history = _ref2.history,
       getCounts = _ref2.getCounts;
+  var withCounts = getCounts && typeof getCounts === 'function';
   var navigateFunction = navigateTo || (history === null || history === void 0 ? void 0 : history.push) || defaultRedirect;
 
   var _useState = React.useState(null),
@@ -31075,13 +31077,15 @@ var NavigationBar = function NavigationBar(_ref2) {
     }
   }, []);
   return React__default["default"].createElement("div", {
-    className: "utilities_ops-app-frame_NavigationBar_NavigationBar--NavBarContainer",
     onMouseOver: function onMouseOver() {
       return setHover(true);
     },
     onMouseLeave: function onMouseLeave() {
       return setHover(false);
-    }
+    },
+    className: _getClassName("NavBarContainer ".concat(withCounts ? '' : 'noCounts'), _styleModuleImportMap, {
+      "handleMissingStyleName": "warn"
+    })
   }, isConfigValid ? React__default["default"].createElement(NavigationMenu, {
     isHover: isHover,
     navItems: navItemsModified,
@@ -45589,6 +45593,120 @@ function withFirebaseConfigCheck (Comp) {
 
 var Notifications = withFirebaseConfigCheck(Notifications$2);
 
+var navItems = [{
+  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"
+    }, {
+      name: "Pending Processing",
+      route: 'dispatch',
+      icon: "car"
+    }, {
+      name: "Pending Paperwork Verification",
+      route: 'pendingprocessing',
+      icon: "car"
+    }, {
+      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 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);
 
@@ -45635,6 +45753,8 @@ var AppFrame = function AppFrame(props) {
     setAppBarMounted: setAppBarMounted
   });
 
+  var showNavigationCounts = props.getCounts && typeof props.getCounts === 'function';
+  var navigationWidth = showNavigationCounts ? '100px' : '65px';
   return React__default["default"].createElement("div", {
     className: "utilities_ops-app-frame_AppFrame_AppFrame--AppFrame",
     style: props.handleScrolling ? SCROLL : NO_SCROLL
@@ -45663,14 +45783,14 @@ var AppFrame = function AppFrame(props) {
     getCounts: props.getCounts
   }) : null, React__default["default"].createElement("div", {
     style: {
-      marginLeft: props.showNavigation ? '100px' : '0px'
+      marginLeft: props.showNavigation ? navigationWidth : '0px'
     }
   }, props.children)))))));
 };
 AppFrame.defaultProps = {
   handleScrolling: true,
-  showNavigation: false,
-  navItems: []
+  showNavigation: true,
+  navItems: navItems
 };
 
 var logOutboundCalls =