sag_components 2.0.0-beta220 → 2.0.0-beta221

package/dist/index.esm.js

@@ -12253,16 +12253,13 @@ const Td$1 = styled.td`
 `;
 const Tr = styled.tr`
   border-bottom: 1px solid #f3f4f6;
-  ${_ref => {
-  let {
-    enableHover,
-    selectHoverColor
-  } = _ref;
-  return enableHover && `&:hover {
+  ${({
+  enableHover,
+  selectHoverColor
+}) => enableHover && `&:hover {
       background-color: ${selectHoverColor};
       cursor: pointer;
-    }`;
-}}
+    }`}
 `;
 const InfoText = styled.div`
   font-weight: 400;
@@ -24164,21 +24161,22 @@ const DeleteIcon = styled.div`
   position: absolute;
 `;
 
-const QuickFilterDropdownSingle = ({
-  label,
-  hoverColor,
-  options,
-  selectedValue,
-  placeHolder,
-  onChange,
-  disabled,
-  width,
-  error,
-  errorMessage,
-  xIconShow,
-  labelColor,
-  showLabelOnTop
-}) => {
+const QuickFilterDropdownSingle = _ref => {
+  let {
+    label,
+    hoverColor,
+    options,
+    selectedValue,
+    placeHolder,
+    onChange,
+    disabled,
+    width,
+    error,
+    errorMessage,
+    xIconShow,
+    labelColor,
+    showLabelOnTop
+  } = _ref;
   const [isFocused, setIsFocused] = useState(false);
   const [showOptions, setShowOptions] = useState(false);
   const [inputValue, setInputValue] = useState("");
@@ -24635,25 +24633,26 @@ const IconContainer$2 = styled.div`
   cursor:  pointer;  
 `;
 
-const QuickFilterDropdownMultiSelection = ({
-  label,
-  labelEmptyValue,
-  options,
-  selectedValue,
-  placeHolder,
-  onChange,
-  required,
-  disabled,
-  width,
-  height,
-  error,
-  errorMessage,
-  labelColor,
-  xIconShow,
-  checkBoxColor,
-  showLabelOnTop,
-  dropdownHeight
-}) => {
+const QuickFilterDropdownMultiSelection = _ref => {
+  let {
+    label,
+    labelEmptyValue,
+    options,
+    selectedValue,
+    placeHolder,
+    onChange,
+    required,
+    disabled,
+    width,
+    height,
+    error,
+    errorMessage,
+    labelColor,
+    xIconShow,
+    checkBoxColor,
+    showLabelOnTop,
+    dropdownHeight
+  } = _ref;
   const [isFocused, setIsFocused] = useState(false);
   const [showOptions, setShowOptions] = useState(false);
   const [inputValue, setInputValue] = useState('');
@@ -36137,9 +36136,9 @@ const ToggleSlider = styled.span`
   }
 `;
 
-/**
- * ToggleSwitch component for on/off states.
- * Supports small/large sizes and disabled state.
+/**
+ * ToggleSwitch component for on/off states.
+ * Supports small/large sizes and disabled state.
  */
 function ToggleSwitch(_ref) {
   let {
@@ -40467,6 +40466,24 @@ const TableBody = /*#__PURE__*/forwardRef(({
             console.warn('Error formatting tag:', e);
             return String(value || "");
           }
+        case "dotindicator":
+          try {
+            // Check if value is an object with show and color properties
+            if (!value || typeof value !== 'object') return null;
+            const {
+              show,
+              color
+            } = value;
+
+            // Only show the dot if show is true
+            if (!show) return null;
+            return /*#__PURE__*/React$1.createElement(StatusCellCircle, {
+              backgroundColor: color
+            });
+          } catch (e) {
+            console.warn('Error formatting dotIndicator:', e);
+            return null;
+          }
         case "packagestatus":
           try {
             const applyTooltipLogic = (element, tooltipText) => {
@@ -44370,6 +44387,7 @@ const Table = props => {
     onHeaderCheckboxClick = () => {},
     headerCheckboxStates = {},
     onHeroClick = () => {},
+    dotIndicatorColor = '#34D399',
     // Accept ref as a regular prop
     ref = null
   } = props;
@@ -44504,6 +44522,7 @@ const Table = props => {
     columns: columns,
     indexToShimmer: indexToShimmer,
     data: data,
+    dotIndicatorColor: dotIndicatorColor,
     selectedColor: selectedColor,
     onRowClick: onRowClick,
     onSendClick: onSendClick,