sag_components 2.0.0-beta142 → 2.0.0-beta143

package/dist/index.js

@@ -38317,6 +38317,21 @@ const DisabledTrashIconWrapper = styled__default["default"].div`
     color: #d9d9d9;
   }
 `;
+const StatusCell = styled__default["default"].div`
+    font-size: 12px;
+    font-weight: 500;
+    display: flex;
+    align-items: center;
+    gap: 6px;
+    color: ${props => props.color || "#000"};
+`;
+const StatusCellCircle = styled__default["default"].div`
+    width: 8px;
+    height: 8px;
+    border-radius: 50%;
+    border: 1px solid white;
+    background-color: ${props => props.backgroundColor};
+`;
 
 // CommentModal.styles.js
 const ModalOverlay$1 = styled__default["default"].div`
@@ -38690,6 +38705,19 @@ const TableBody = ({
   resetFocus = false,
   onFocusChange,
   indexToShimmer = 0,
+  statuses = [{
+    status: 'Pending',
+    palette: ['#F5C9A7', '#8B4513']
+  }, {
+    status: 'Received',
+    palette: ['#B9D5D5', '#2F4F4F']
+  }, {
+    status: 'Approved',
+    palette: ['#BEDDC3', '#2D5016']
+  }, {
+    status: 'Cancelled',
+    palette: ['#EBA6AF', '#8B1538']
+  }],
   onCommentSave = () => {},
   ref = null
 }) => {
@@ -38875,6 +38903,14 @@ const TableBody = ({
           }), /*#__PURE__*/React__default["default"].createElement("span", null, "All Sent"));
         }
         return value;
+      case 'status':
+        const statusObj = statuses.find(status => status.status === value) || {};
+        const [palette0, palette1] = statusObj.palette;
+        return /*#__PURE__*/React__default["default"].createElement(StatusCell, {
+          color: palette1
+        }, /*#__PURE__*/React__default["default"].createElement(StatusCellCircle, {
+          backgroundColor: palette0
+        }), /*#__PURE__*/React__default["default"].createElement("span", null, value));
       case 'comments':
         const commentText = value || '';
         const hasComments = commentText.trim().length > 0;