@copart/ops-tool-kit 1.12.1-alpha.16 → 1.12.1-alpha.18

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.16";
+const version$7 = "1.12.1-alpha.18";
 const main$1 = "dist/ops-tool-kit.js";
 const style = "dist/ops-tool-kit.css";
 const files = [
@@ -23419,7 +23419,7 @@ var formatOptions = function formatOptions(options) {
     };
   });
 };
-var LanguageMenu = function LanguageMenu(props) {
+var LanguageMenu$1 = function LanguageMenu(props) {
   // TODO: Get stack from env tool. No props required.
   var languageOptions = getLanguages(props.selectedCountry, props.stack);
   return /*#__PURE__*/React__default["default"].createElement("div", {
@@ -23457,7 +23457,7 @@ var filterRoles$4 = function filterRoles(roles) {
   var byCountry = descend$1(prop$1('countryCode'));
   return sort$1(byCountry, filtered);
 };
-var RoleSelector$1 = function RoleSelector(_ref) {
+var RoleSelector$2 = function RoleSelector(_ref) {
   var handleChange = _ref.handleChange,
     value = _ref.value,
     roles = _ref.roles,
@@ -24142,7 +24142,7 @@ var SettingsView$2 = /*#__PURE__*/function (_React$Component) {
       }), /*#__PURE__*/React__default["default"].createElement("p", null, "Settings")), /*#__PURE__*/React__default["default"].createElement("div", {
         className: "col-1-1 utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--inputRow",
         "data-e2e": "LocationAndLanguageRow"
-      }, /*#__PURE__*/React__default["default"].createElement(LanguageMenu, {
+      }, /*#__PURE__*/React__default["default"].createElement(LanguageMenu$1, {
         value: this.state.selectedLanguage,
         handleChange: this.handleInputChange.selectedLanguage,
         selectedCountry: this.state.selectedCountry
@@ -24151,7 +24151,7 @@ var SettingsView$2 = /*#__PURE__*/function (_React$Component) {
         selectedYard: this.state.selectedYardNumber,
         handleChange: this.handleInputChange.selectedYardNumber,
         selectedCountry: this.state.selectedCountry
-      }), /*#__PURE__*/React__default["default"].createElement(RoleSelector$1, {
+      }), /*#__PURE__*/React__default["default"].createElement(RoleSelector$2, {
         roles: this.state.roles,
         value: this.state.selectedRole,
         handleChange: this.handleInputChange.selectedRole,
@@ -24192,7 +24192,7 @@ var filterRoles$2 = function filterRoles(roles) {
     return role.roleName;
   });
 };
-var RoleSelector = function RoleSelector(_ref) {
+var RoleSelector$1 = function RoleSelector(_ref) {
   var handleChange = _ref.handleChange,
     value = _ref.value,
     roles = _ref.roles,
@@ -24867,7 +24867,7 @@ var SettingsView$1 = /*#__PURE__*/function (_React$Component) {
       }), /*#__PURE__*/React__default["default"].createElement("p", null, "Settings")), /*#__PURE__*/React__default["default"].createElement("div", {
         className: "col-1-1 utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--inputRow",
         "data-e2e": "LocationAndLanguageRow"
-      }, /*#__PURE__*/React__default["default"].createElement(RoleSelector, {
+      }, /*#__PURE__*/React__default["default"].createElement(RoleSelector$1, {
         roles: roles,
         value: selectedRole,
         selectedCountryA3code: this.state.selectedCountryA3code,
@@ -25250,22 +25250,25 @@ var SettingsView = /*#__PURE__*/function (_React$Component) {
       };
     });
     return _this;
-  } // componentWillMount() {
-  //   this.fetchRoles(this.state.selectedCountryA3code)
-  //   getRCExtensionStatus().then((response) => {
-  //     response && resetPhoneSettingsBasedOnRCStatus(response)
-  //     this.setState({
-  //       ringCentralEnabled: ringCentralEnabled(),
-  //       phoneNumber: activePhoneNumber(),
-  //     })
-  //   })
-  //   this.getActivePrinters(
-  //     this.state.selectedYardNumber,
-  //     true,
-  //     this.state.selectedCountryA3code,
-  //   )
-  // }
+  }
   _createClass$2(SettingsView, [{
+    key: "componentWillMount",
+    value: function componentWillMount() {
+      this.fetchRoles(this.state.selectedCountryA3code);
+      // getRCExtensionStatus().then((response) => {
+      //   response && resetPhoneSettingsBasedOnRCStatus(response)
+      //   this.setState({
+      //     ringCentralEnabled: ringCentralEnabled(),
+      //     phoneNumber: activePhoneNumber(),
+      //   })
+      // })
+      // this.getActivePrinters(
+      //   this.state.selectedYardNumber,
+      //   true,
+      //   this.state.selectedCountryA3code,
+      // )
+    }
+  }, {
     key: "activePrinters",
     get: function get() {
       return {
@@ -25283,7 +25286,48 @@ var SettingsView = /*#__PURE__*/function (_React$Component) {
         className: "utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--settingsForm"
       }, this.props.width > 760 && /*#__PURE__*/React__default["default"].createElement(ProfileDetails, {
         logout: this.props.onLogoutItemClicked
-      }));
+      }), /*#__PURE__*/React__default["default"].createElement("form", null, /*#__PURE__*/React__default["default"].createElement("div", {
+        className: "utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--settingsHeader"
+      }, /*#__PURE__*/React__default["default"].createElement(coreComponents.IconV2, {
+        name: "gear",
+        variant: "solid"
+      }), /*#__PURE__*/React__default["default"].createElement("p", null, "Settings")), /*#__PURE__*/React__default["default"].createElement("div", {
+        className: "col-1-1 utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--inputRow",
+        "data-e2e": "LocationAndLanguageRow"
+      }, /*#__PURE__*/React__default["default"].createElement(LanguageMenu, {
+        value: this.state.selectedLanguage,
+        handleChange: this.handleInputChange.selectedLanguage,
+        selectedCountry: this.state.selectedCountry
+      }), /*#__PURE__*/React__default["default"].createElement(YardMenuContainer, {
+        history: this.yardsHistory,
+        selectedYard: this.state.selectedYardNumber,
+        handleChange: this.handleInputChange.selectedYardNumber,
+        selectedCountry: this.state.selectedCountry
+      }), /*#__PURE__*/React__default["default"].createElement(RoleSelector, {
+        roles: this.state.roles,
+        value: this.state.selectedRole,
+        handleChange: this.handleInputChange.selectedRole,
+        selectedYard: this.state.selectedYardNumber,
+        required: false
+      }))), /*#__PURE__*/React__default["default"].createElement("hr", {
+        className: "utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--settings-hr"
+      }), /*#__PURE__*/React__default["default"].createElement("div", {
+        className: "utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--buttonBox",
+        "data-e2e": "saveButton"
+      }, /*#__PURE__*/React__default["default"].createElement(coreComponents.Button, {
+        primary: true,
+        type: "submit",
+        onClick: this.saveSettings
+      }, /*#__PURE__*/React__default["default"].createElement(coreComponents.IconV2, {
+        name: "floppy-disk",
+        variant: "regular"
+      }), /*#__PURE__*/React__default["default"].createElement("span", {
+        className: "utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--saveTxt"
+      }, "Save"))), this.state.showLoading && /*#__PURE__*/React__default["default"].createElement("div", {
+        className: "utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--spinner"
+      }, /*#__PURE__*/React__default["default"].createElement(coreComponents.Spinner, {
+        size: "60px"
+      })));
     }
   }]);
   return SettingsView;
@@ -32695,22 +32739,16 @@ var AppBar$1 = function AppBar(props) {
     (mobileNotificationsTopContainerRef === null || mobileNotificationsTopContainerRef === void 0 ? void 0 : mobileNotificationsTopContainerRef.current) && setSideBarTopValue((mobileNotificationsTopContainerRef === null || mobileNotificationsTopContainerRef === void 0 ? void 0 : (_mobileNotificationsT = mobileNotificationsTopContainerRef.current) === null || _mobileNotificationsT === void 0 ? void 0 : _mobileNotificationsT.offsetHeight) + 48);
   }, [notificationHeightFlag]);
   React.useEffect(function () {
-    // const handleResize = () => {
-    //   if (ideaNoteVisible) {
-    //     document.body.style.overflow = 'hidden'
-    //   } else {
-    //     document.body.style.overflow = ''
-    //   }
-    // }
-    // window.addEventListener('resize', handleResize)
-
-    if (ideaNoteVisible) {
-      document.body.style.overflow = 'hidden';
-    } else {
-      document.body.style.overflow = '';
-    }
+    var handleResize = function handleResize() {
+      if (ideaNoteVisible) {
+        document.body.style.overflow = 'hidden';
+      } else {
+        document.body.style.overflow = '';
+      }
+    };
+    window.addEventListener('resize', handleResize);
     return function () {
-      // window.removeEventListener('resize', handleResize)
+      window.removeEventListener('resize', handleResize);
       document.body.style.overflow = '';
     };
   }, [ideaNoteVisible]);
@@ -47044,18 +47082,20 @@ var NavigationMenuLevel2 = function NavigationMenuLevel2(_ref5) {
     enter: {
       animation: 'slideDown',
       duration: 200,
-      display: 'flex'
-    },
-    leave: {
-      animation: 'slideUp',
-      duration: 200
+      display: 'flex',
+      complete: function complete(elements) {
+        elements.forEach(function (el) {
+          el.style.removeProperty("height");
+        });
+      }
     },
     style: {
       marginLeft: '10px',
       marginTop: '3px',
       padding: '0 2px',
       backgroundColor: '#232932',
-      borderLeft: '1px solid #8A8886'
+      borderLeft: '1px solid #8A8886',
+      overflow: 'hidden'
     }
   }, hasSubMenuItems && isMenuExpanded ? navItem.subMenuItems.filter(function (item) {
     return typeof item.hidden === 'function' ? !item.hidden() : !item.hidden;