@copart/ops-tool-kit 1.12.7 → 1.12.8

package/changelog.md

@@ -1,3 +1,9 @@
+### 1.12.8
+
+- Added user availability status circle indicator to LogOutMenu component (similar to Teams availability status display).
+- Enhanced ProfileDetails to automatically add missing currentUserStatus to availableStatuses with color #BC2F32 and disabled flag when status is not in the available list.
+- Status circle indicator only displays when status system is active (availableStatuses has items).
+
 ### 0.5.44
 
 - Fixed missing yardNumber in AppBar.

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.7";
+const version$8 = "1.12.8";
 const main$1 = "dist/ops-tool-kit.js";
 const style = "dist/ops-tool-kit.css";
 const files = [
@@ -21390,7 +21390,21 @@ styleInject(css_248z$m);
 
 var LogOutMenu = function LogOutMenu(_ref) {
   _ref.items;
-    var onItemClick = _ref.onItemClick;
+    var onItemClick = _ref.onItemClick,
+    _ref$availableStatuse = _ref.availableStatuses,
+    availableStatuses = _ref$availableStatuse === void 0 ? [] : _ref$availableStatuse,
+    currentUserStatus = _ref.currentUserStatus;
+  var getStatusColor = function getStatusColor() {
+    if (!currentUserStatus || !Array.isArray(availableStatuses)) {
+      return '#9A9B98'; // Default color
+    }
+    var statusObj = availableStatuses.find(function (status) {
+      return status.status === currentUserStatus;
+    });
+    return (statusObj === null || statusObj === void 0 ? void 0 : statusObj.colour) || '#BC2F32';
+  };
+  var statusColor = getStatusColor();
+
   // useEffect(()=>{
   //   const iconEl=document.querySelector(".ms-Icon.root-37.ms-Icon-placeHolder.placeholder-38.ms-Button-menuIcon.menuIcon-95")
   //   if(iconEl){
@@ -21405,10 +21419,26 @@ var LogOutMenu = function LogOutMenu(_ref) {
     "data-testid": "Logout",
     className: "utilities_ops-app-frame_AppBarComponent_AppBar--item",
     "data-e2e": "userMenu",
-    onClick: onItemClick
+    onClick: onItemClick,
+    style: {
+      position: 'relative'
+    }
   }, /*#__PURE__*/React__default["default"].createElement(coreComponents.IconV2, {
     name: "user-circle",
     variant: "solid"
+  }), currentUserStatus && availableStatuses && availableStatuses.length > 0 && /*#__PURE__*/React__default["default"].createElement("span", {
+    style: {
+      position: 'absolute',
+      bottom: '0',
+      right: '0',
+      width: '10px',
+      height: '10px',
+      borderRadius: '50%',
+      backgroundColor: statusColor,
+      display: 'inline-block',
+      border: '2px solid white',
+      boxSizing: 'border-box'
+    }
   }));
 };
 
@@ -21423,6 +21453,24 @@ var ProfileDetails = function ProfileDetails(_ref) {
     _ref$currentUserStatu = _ref.currentUserStatus,
     currentUserStatus = _ref$currentUserStatu === void 0 ? null : _ref$currentUserStatu,
     onUserStatusUpdate = _ref.onUserStatusUpdate;
+  // Check if currentUserStatus exists and is not in availableStatuses
+  var getEnhancedStatuses = function getEnhancedStatuses() {
+    if (!currentUserStatus || !Array.isArray(availableStatuses)) {
+      return availableStatuses;
+    }
+    var statusExists = availableStatuses.some(function (status) {
+      return status.status === currentUserStatus;
+    });
+    if (!statusExists) {
+      return [].concat(_toConsumableArray(availableStatuses), [{
+        status: currentUserStatus,
+        colour: '#BC2F32',
+        disabled: true
+      }]);
+    }
+    return availableStatuses;
+  };
+  var enhancedStatuses = getEnhancedStatuses();
   var formatStatusOptions = function formatStatusOptions(statuses) {
     if (!Array.isArray(statuses)) {
       return [];
@@ -21431,13 +21479,14 @@ var ProfileDetails = function ProfileDetails(_ref) {
       return {
         key: statusObj.status,
         text: statusObj.status,
+        disabled: statusObj.disabled !== undefined ? statusObj.disabled : false,
         data: {
           colour: statusObj.colour
         }
       };
     });
   };
-  var statusOptions = formatStatusOptions(availableStatuses);
+  var statusOptions = formatStatusOptions(enhancedStatuses);
   var handleStatusChange = function handleStatusChange(e, option) {
     if (onUserStatusUpdate && option !== null && option !== void 0 && option.key) {
       onUserStatusUpdate(option.key);
@@ -21488,7 +21537,7 @@ var ProfileDetails = function ProfileDetails(_ref) {
     className: "utilities_ops-app-frame_AppBarComponent_Settings_ProfileDetails_ProfileDetails--profileDetails"
   }, /*#__PURE__*/React__default["default"].createElement("div", {
     className: "utilities_ops-app-frame_AppBarComponent_Settings_ProfileDetails_ProfileDetails--details"
-  }, /*#__PURE__*/React__default["default"].createElement("h3", null, storage$1.userName), /*#__PURE__*/React__default["default"].createElement("p", null, storage$1.userEmail), Array.isArray(availableStatuses) && availableStatuses.length > 0 && !isUserStatusHidden && /*#__PURE__*/React__default["default"].createElement("div", {
+  }, /*#__PURE__*/React__default["default"].createElement("h3", null, storage$1.userName), /*#__PURE__*/React__default["default"].createElement("p", null, storage$1.userEmail), Array.isArray(enhancedStatuses) && enhancedStatuses.length > 0 && !isUserStatusHidden && /*#__PURE__*/React__default["default"].createElement("div", {
     className: "utilities_ops-app-frame_AppBarComponent_Settings_ProfileDetails_ProfileDetails--statusSelector"
   }, /*#__PURE__*/React__default["default"].createElement(coreComponents.Select, {
     id: "user-status-select",
@@ -33015,7 +33064,9 @@ var generateAppBarElements = function generateAppBarElements(props, showCallout)
         onItemClick: function onItemClick() {
           return handleIconClick(ICONS.SETTINGS);
         },
-        settingsVisible: settingsVisible
+        settingsVisible: settingsVisible,
+        availableStatuses: props.availableStatuses,
+        currentUserStatus: props.currentUserStatus
       }), settingsVisible && /*#__PURE__*/React__default["default"].createElement("div", {
         className: "utilities_ops-app-frame_AppBarComponent_AppBar--arrowTipContainer"
       }));