sag_components 2.0.0-beta303 → 2.0.0-beta305

package/dist/index.esm.js

@@ -24185,9 +24185,9 @@ const OptionItem$1 = styled.li`
   font-size: 14px;
   font-weight: 400;
   transition: background-color 0.3s;
-  background-color: ${props => props.selected ? '#C7E4FF' : '#fff'};
+  background-color: ${props => props.selected ? props.selectedOptionColor : '#fff'};
   &:hover {
-    background-color: #edf6ff;
+    background-color: ${props => props.optionHoverColor};
   }
   .highlight {
     color: #229e38;
@@ -24214,6 +24214,8 @@ const QuickFilterDropdownSingle = _ref => {
     options,
     selectedValue,
     placeHolder,
+    optionHoverColor = '#edf6ff',
+    selectedOptionColor = "#C7E4FF",
     onChange,
     disabled,
     width,
@@ -24399,7 +24401,9 @@ const QuickFilterDropdownSingle = _ref => {
     className: "OptionItem",
     key: option.value,
     onClick: () => toggleOption(option),
-    selected: isDropdowned(option)
+    selected: isDropdowned(option),
+    selectedOptionColor: selectedOptionColor,
+    optionHoverColor: optionHoverColor
   }, highlightText(option.label, inputValue))))));
 };
 QuickFilterDropdownSingle.propTypes = {
@@ -24407,6 +24411,8 @@ QuickFilterDropdownSingle.propTypes = {
   label: PropTypes.string,
   labelColor: PropTypes.string,
   hoverColor: PropTypes.string,
+  optionHoverColor: PropTypes.string,
+  selectedOptionColor: PropTypes.string,
   width: PropTypes.string,
   disabled: PropTypes.bool,
   error: PropTypes.bool,
@@ -24428,6 +24434,8 @@ QuickFilterDropdownSingle.defaultProps = {
   label: "Label",
   labelColor: "#066768",
   hoverColor: "#066768",
+  optionHoverColor: '#edf6ff',
+  selectedOptionColor: "#C7E4FF",
   width: "auto",
   disabled: false,
   error: false,
@@ -24612,7 +24620,7 @@ const OptionItem = styled.li`
   transition: background-color 0.3s;
 
   &:hover {
-    background-color: #EDF6FF;
+    background-color: ${props => props.optionHoverColor};
   }
 `;
 const ErrorMessage$1 = styled.div`
@@ -24689,6 +24697,7 @@ const QuickFilterDropdownMultiSelection = _ref => {
     error,
     errorMessage,
     labelColor,
+    optionHoverColor = '#edf6ff',
     xIconShow,
     checkBoxColor,
     showLabelOnTop,
@@ -24943,7 +24952,8 @@ const QuickFilterDropdownMultiSelection = _ref => {
     className: "OptionItem",
     key: option.value,
     onClick: () => toggleOption(option),
-    selected: isDropdowned(option)
+    selected: isDropdowned(option),
+    optionHoverColor: optionHoverColor
   }, /*#__PURE__*/React$1.createElement(IconContainer$2, {
     className: "IconContainer"
   }, selectedOptions.find(itemSelectedOptions => option.value === itemSelectedOptions.value) ? /*#__PURE__*/React$1.createElement(CheckBoxCheckedIcon, {
@@ -25026,6 +25036,8 @@ const QuickFilter = _ref => {
     label = "Unit Type:",
     labelColor = "#066768",
     placeHolder = "Select From List",
+    optionHoverColor = '#edf6ff',
+    selectedOptionColor = "#C7E4FF",
     width = "auto",
     height = "38px",
     checkBoxColor = "#229E38",
@@ -25043,6 +25055,7 @@ const QuickFilter = _ref => {
     label: label,
     labelColor: labelColor,
     checkBoxColor: checkBoxColor,
+    optionHoverColor: optionHoverColor,
     options: options,
     width: width,
     height: height,
@@ -25057,6 +25070,8 @@ const QuickFilter = _ref => {
     placeHolder: placeHolder,
     label: label,
     labelColor: labelColor,
+    optionHoverColor: optionHoverColor,
+    selectedOptionColor: selectedOptionColor,
     checkBoxColor: checkBoxColor,
     options: options,
     width: width,
@@ -35742,7 +35757,7 @@ const Label$3 = styled.label`
   if (props.isFocused || props.hasValue) {
     return '0px';
   }
-  return props.size === 'medium' ? '26px' : '17px';
+  return props.size === 'medium' ? '50%' : '17px';
 }};
   left: ${props => {
   if (props.multiline) {
@@ -43395,7 +43410,9 @@ const TableBody = /*#__PURE__*/forwardRef(({
           }
         case "status":
           try {
-            const statusObj = statuses.find(status => status && status.status === value) || {};
+            // Treat "Submitted" like "Received"
+            const normalizedStatus = value === "Submitted" ? "Received" : value;
+            const statusObj = statuses.find(status => status && status.status === normalizedStatus) || {};
             const palette = statusObj.palette || ["#F3F4F6", "#374151"];
             const [palette0, palette1] = palette;
             return /*#__PURE__*/React$1.createElement(StatusCell$1, {