sag_components 2.0.0-beta76 → 2.0.0-beta78

package/dist/index.js

@@ -23894,7 +23894,6 @@ const Label$2 = styled__default["default"].label`
   font-size: 14px;
   font-weight: 500;
   color: ${props => props.disabled ? '#D0D0D0' : '212121'};
-  font-family: "Poppins";
   white-space: nowrap;
 `;
 const InputContainer$1 = styled__default["default"].div`
@@ -23906,7 +23905,6 @@ const InputContainer$1 = styled__default["default"].div`
   overflow: hidden;
   padding: 6px 16px;
   margin-bottom: 8px;
-  width: 256px;
   height: 24px;
   border: 1px solid
     ${props => props.disabled ? '#bdbdbd' : props.error ? 'red' : '#B1B1B1'};
@@ -23966,7 +23964,6 @@ const OptionsSubContainer$1 = styled__default["default"].ul`
   left: 0;
   z-index: 101;
   width: calc(100% - 23px);
-  font-family: "Poppins";
   border-radius: 4px;
   background-color: white;
   display: ${props => props.showoptions && props.filteredoptions?.length > 0 ? 'block' : 'none'};
@@ -23978,9 +23975,7 @@ const OptionItem$1 = styled__default["default"].li`
   padding: 10px;
   cursor: pointer;
   color: #212121;
-  font-family: "Poppins";
   font-size: 14px;
-  font-style: normal;
   font-weight: 400;
   transition: background-color 0.3s;
   background-color: ${props => props.selected ? '#C7E4FF' : '#fff'};
@@ -24005,21 +24000,22 @@ const DeleteIcon = styled__default["default"].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] = React$1.useState(false);
   const [showOptions, setShowOptions] = React$1.useState(false);
   const [inputValue, setInputValue] = React$1.useState("");
@@ -30358,6 +30354,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);
 
@@ -30799,10 +30802,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__default["default"].createElement(recharts.XAxis, {
@@ -30858,7 +30861,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
@@ -30884,7 +30887,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
@@ -30997,6 +31000,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__default["default"].createElement("text", {
         x: xPos,
         y: yPos,