sag_components 2.0.0-beta110 → 2.0.0-beta111

package/dist/index.esm.js

@@ -27931,7 +27931,7 @@ Heatmap.propTypes = {
   barHeight: PropTypes.string.isRequired
 };
 
-const ButtonWrapper$2 = styled.div`
+const ButtonWrapper$3 = styled.div`
   width: fit-content;
   text-align: center;
 `;
@@ -28082,7 +28082,7 @@ const IconButton$1 = props => {
   const onCancelClickHandler = event => {
     onCancelClick(event);
   };
-  return /*#__PURE__*/React$1.createElement(ButtonWrapper$2, {
+  return /*#__PURE__*/React$1.createElement(ButtonWrapper$3, {
     id: "ButtonWrapper"
   }, /*#__PURE__*/React$1.createElement(IconButtonContainer, {
     download: true,
@@ -36385,7 +36385,7 @@ const CheckboxLabel = styled.label`
     text-overflow: ellipsis;
   }
 `;
-const ButtonWrapper$1 = styled.div`
+const ButtonWrapper$2 = styled.div`
     text-align: right;
 `;
 const ResetButton$1 = styled.button`
@@ -36648,7 +36648,7 @@ const FilterPop = props => {
       } : null,
       onChange: () => handleCheckboxChange(item.value)
     }), /*#__PURE__*/React$1.createElement("span", null, item.label));
-  })), /*#__PURE__*/React$1.createElement(ButtonWrapper$1, null, /*#__PURE__*/React$1.createElement(ResetButton$1, {
+  })), /*#__PURE__*/React$1.createElement(ButtonWrapper$2, null, /*#__PURE__*/React$1.createElement(ResetButton$1, {
     onClick: handleReset,
     disabled: areAllNonAllItemsSelected() && selectedAttributes.All
   }, "Reset")));
@@ -36873,7 +36873,7 @@ const Checkmark = styled.span`
   font-weight: bold;
   font-size: 16px;
 `;
-const ButtonWrapper = styled.div`
+const ButtonWrapper$1 = styled.div`
     text-align: right;
     padding: 4px 8px;
 `;
@@ -36968,7 +36968,7 @@ const SortPop = props => {
     }
   }, /*#__PURE__*/React$1.createElement(TruncatedText$1, null, item.label), item.value === value && /*#__PURE__*/React$1.createElement(Checkmark, {
     color: color
-  }, "\u2713")))), /*#__PURE__*/React$1.createElement(ButtonWrapper, null, /*#__PURE__*/React$1.createElement(ResetButton, {
+  }, "\u2713")))), /*#__PURE__*/React$1.createElement(ButtonWrapper$1, null, /*#__PURE__*/React$1.createElement(ResetButton, {
     onClick: handleReset,
     disabled: value === null // Disable reset if no value is selected
   }, "Reset")));
@@ -37762,6 +37762,12 @@ styled.div`
     align-items: center;
     gap: 8px;
 `;
+const ButtonWrapper = styled.div`
+    display: inline-block;
+    position: relative;
+    
+    ${tooltipStyles}
+`;
 const SentStatus = styled.div`
     display: flex;
     align-items: center;
@@ -37932,7 +37938,7 @@ const TableBody = ({
       }
       return null;
     };
-    switch (column.fieldType.toLowerCase()) {
+    switch (column.fieldType?.toLowerCase()) {
       case 'currency':
         if (column.format === '$0.00') {
           return `$${parseFloat(value).toFixed(2)}`;
@@ -37961,8 +37967,28 @@ const TableBody = ({
         }
         return value;
       case 'packagestatus':
-        if (value === 'EMPTY') {
-          return /*#__PURE__*/React$1.createElement(Button$1, {
+        // Helper function to apply tooltip logic
+        const applyTooltipLogic = (element, tooltipText) => {
+          if (element && tooltipText && tooltipText.trim() !== '') {
+            const rect = element.getBoundingClientRect();
+            const {
+              offset,
+              height
+            } = calculateTooltipOffset(tooltipText);
+            element.style.setProperty('--tooltip-top', `${rect.top}px`);
+            element.style.setProperty('--tooltip-left', `${rect.left}px`);
+            element.style.setProperty('--tooltip-width', `${rect.width}px`);
+            element.style.setProperty('--tooltip-offset', `${offset}px`);
+            element.style.setProperty('--tooltip-height', `${height}px`);
+            element.setAttribute('data-tooltip', tooltipText);
+          }
+        };
+        const tooltipText = getTooltipText(value);
+        const lowerValue = value?.toLowerCase();
+        if (lowerValue === 'empty') {
+          return /*#__PURE__*/React$1.createElement(ButtonWrapper, {
+            ref: el => applyTooltipLogic(el, tooltipText)
+          }, /*#__PURE__*/React$1.createElement(Button$1, {
             leftIcon: "Fly",
             text: "Send",
             borderRadius: "8px",
@@ -37978,9 +38004,11 @@ const TableBody = ({
             width: "100px",
             height: "32px",
             disabled: true
-          });
-        } else if (value === 'DRAFT') {
-          return /*#__PURE__*/React$1.createElement(Button$1, {
+          }));
+        } else if (lowerValue === 'draft') {
+          return /*#__PURE__*/React$1.createElement(ButtonWrapper, {
+            ref: el => applyTooltipLogic(el, tooltipText)
+          }, /*#__PURE__*/React$1.createElement(Button$1, {
             leftIcon: "Fly",
             text: "Send",
             borderRadius: "8px",
@@ -37994,28 +38022,13 @@ const TableBody = ({
             width: "100px",
             height: "32px",
             onClick: e => {
-              e.stopPropagation(); // Prevent onRowClick from firing
+              e.stopPropagation();
               onSendClick && onSendClick(row);
             }
-          });
-        } else if (value === 'SENT') {
-          const tooltipText = getTooltipText(value);
+          }));
+        } else if (lowerValue === 'sent') {
           return /*#__PURE__*/React$1.createElement(SentStatus, {
-            ref: el => {
-              if (el && tooltipText) {
-                const rect = el.getBoundingClientRect();
-                const {
-                  offset,
-                  height
-                } = calculateTooltipOffset(tooltipText);
-                el.style.setProperty('--tooltip-top', `${rect.top}px`);
-                el.style.setProperty('--tooltip-left', `${rect.left}px`);
-                el.style.setProperty('--tooltip-width', `${rect.width}px`);
-                el.style.setProperty('--tooltip-offset', `${offset}px`);
-                el.style.setProperty('--tooltip-height', `${height}px`);
-                el.setAttribute('data-tooltip', tooltipText);
-              }
-            }
+            ref: el => applyTooltipLogic(el, tooltipText)
           }, /*#__PURE__*/React$1.createElement(OkIcon, {
             width: "24",
             height: "24",