sag_components 2.0.0-beta76 → 2.0.0-beta77

package/dist/index.esm.js

@@ -23995,21 +23995,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("");
@@ -30348,6 +30349,13 @@ const BubbleChart = _ref => {
       const distance = Math.max(Math.abs(max - median), Math.abs(min - median));
       return [median - distance, median + distance];
     };
+
+    // const calculateDomainBasedOnMedian = (min, max, median) => {
+    //     // Always include all data points, and add a small padding
+    //     const padding = (max - min) * 0.1 || 1; // fallback to 1 if min==max
+    //     return [min - padding, max + padding];
+    // };
+
     const xDom = calculateDomainBasedOnMedian(minX, maxX, medianX);
     const yDom = calculateDomainBasedOnMedian(minY, maxY, medianY);
 
@@ -30789,10 +30797,10 @@ const BubbleChart = _ref => {
     onMouseMove: handleChartMouseMove,
     cursor: curosrMouse,
     margin: {
-      top: 100,
+      top: 80,
       right: 190,
-      bottom: 50,
-      left: 180
+      bottom: 80,
+      left: 190
     },
     "data-testid": "scatter-chart"
   }, renderGradients(), /*#__PURE__*/React$1.createElement(XAxis, {
@@ -30848,7 +30856,7 @@ const BubbleChart = _ref => {
     label: xMedian >= viewDomain.x[0] && xMedian <= viewDomain.x[1] ? {
       value: topHeader,
       position: "top",
-      offset: 40,
+      offset: 60,
       fill: '#484A4C',
       fontSize: 16,
       fontWeight: 500
@@ -30874,7 +30882,7 @@ const BubbleChart = _ref => {
     label: xMedian >= viewDomain.x[0] && xMedian <= viewDomain.x[1] ? {
       value: bottomHeader,
       position: "bottom",
-      offset: 30,
+      offset: 60,
       fill: '#484A4C',
       fontSize: 16,
       fontWeight: 500
@@ -30987,6 +30995,25 @@ const BubbleChart = _ref => {
       // Calculate the exact position of the median point in the SVG
       const xPos = viewBox.x + (xMedian - viewDomain.x[0]) / (viewDomain.x[1] - viewDomain.x[0]) * viewBox.width;
       const yPos = viewBox.y + (1 - (yMedian - viewDomain.y[0]) / (viewDomain.y[1] - viewDomain.y[0])) * viewBox.height;
+
+      // Calculate normalized position of median in domain
+      // const xNorm = (xMedian - viewDomain.x[0]) / (viewDomain.x[1] - viewDomain.x[0]);
+      // const yNorm = (yMedian - viewDomain.y[0]) / (viewDomain.y[1] - viewDomain.y[0]);
+
+      // // If median is within 2% of the edge, center the label
+      // const isXEdge = xNorm < 0.02 || xNorm > 0.98;
+      // const isYEdge = yNorm < 0.02 || yNorm > 0.98;
+
+      // let xPos, yPos;
+      // if (isXEdge || isYEdge) {
+      //     // Center of SVG
+      //     xPos = viewBox.x + viewBox.width / 2;
+      //     yPos = viewBox.y + viewBox.height / 2;
+      // } else {
+      //     // Median's data position
+      //     xPos = viewBox.x + xNorm * viewBox.width;
+      //     yPos = viewBox.y + (1 - yNorm) * viewBox.height;
+      // }
       return /*#__PURE__*/React$1.createElement("text", {
         x: xPos,
         y: yPos,