sag_components 2.0.0-beta86 → 2.0.0-beta87

package/dist/index.esm.js

@@ -23990,21 +23990,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("");
@@ -24402,23 +24403,24 @@ const IconContainer$2 = styled.div`
   cursor:  pointer;  
 `;
 
-const QuickFilterDropdownMultiSelection = ({
-  label,
-  labelEmptyValue,
-  options,
-  selectedValue,
-  placeHolder,
-  onChange,
-  required,
-  disabled,
-  width,
-  error,
-  errorMessage,
-  labelColor,
-  xIconShow,
-  checkBoxColor,
-  showLabelOnTop
-}) => {
+const QuickFilterDropdownMultiSelection = _ref => {
+  let {
+    label,
+    labelEmptyValue,
+    options,
+    selectedValue,
+    placeHolder,
+    onChange,
+    required,
+    disabled,
+    width,
+    error,
+    errorMessage,
+    labelColor,
+    xIconShow,
+    checkBoxColor,
+    showLabelOnTop
+  } = _ref;
   const [isFocused, setIsFocused] = useState(false);
   const [showOptions, setShowOptions] = useState(false);
   const [inputValue, setInputValue] = useState('');
@@ -30414,7 +30416,7 @@ const BubbleChart = _ref => {
         "data-testid": "tooltip-description"
       }, /*#__PURE__*/React$1.createElement("span", null, data.tooltip.description)), /*#__PURE__*/React$1.createElement(TooltipMetric, {
         "data-testid": "tooltip-cost"
-      }, /*#__PURE__*/React$1.createElement("span", null, "Total cost:"), /*#__PURE__*/React$1.createElement("span", null, formatCurrency(data.tooltip.cost))), /*#__PURE__*/React$1.createElement(TooltipMetric, {
+      }, /*#__PURE__*/React$1.createElement("span", null, "Total cost:"), /*#__PURE__*/React$1.createElement("span", null, data.tooltip.allSizesEmpty ? 'N/A' : formatCurrency(data.tooltip.cost))), /*#__PURE__*/React$1.createElement(TooltipMetric, {
         "data-testid": "tooltip-sales"
       }, /*#__PURE__*/React$1.createElement("span", null, "INC Sales:"), /*#__PURE__*/React$1.createElement("span", null, formatCurrency(data.tooltip.incSales))), /*#__PURE__*/React$1.createElement(TooltipMetric, {
         "data-testid": "tooltip-roi"
@@ -30427,6 +30429,10 @@ const BubbleChart = _ref => {
 
   // Process all chart data - use original data values
   const allChartData = useMemo(() => {
+    // Check if all size values are empty (0, null, undefined)
+    const allSizesEmpty = data.every(item => !item.size || item.size === 0);
+    const defaultSize = allSizesEmpty ? 10 : null; // Use 10 as default size when all are empty
+
     return data.map((item, index) => {
       if (item.x === undefined || item.y === undefined || item.size === undefined) {
         console.warn('Skipping data item with missing values:', item);
@@ -30439,6 +30445,7 @@ const BubbleChart = _ref => {
         units: item.units || 0,
         roi: item.x || 0,
         incSales: item.y || 0,
+        allSizesEmpty: allSizesEmpty,
         ...(item.tooltip || {})
       };
       return {
@@ -30446,8 +30453,8 @@ const BubbleChart = _ref => {
         // Use original x value
         y: item.y,
         // Use original y value
-        z: item.size,
-        // Use original size value
+        z: defaultSize || item.size,
+        // Use default size if all sizes are empty, otherwise use original
         tooltip: tooltipInfo,
         fill: getFill(item.x, item.y),
         key: `bubble-${index}` // Use index for stable keys