sag_components 2.0.0-beta95 → 2.0.0-beta96

package/dist/index.esm.js

@@ -28802,7 +28802,7 @@ const DoubleBarSingleLine = props => {
     width,
     height,
     title,
-    hasScroll,
+    //hasScroll,
     dataState,
     data,
     lineType,
@@ -29005,21 +29005,32 @@ const DoubleBarSingleLine = props => {
     }));
   };
   const transformedData = transformDataForLineChart(data);
+
+  // Calculate responsive width based on container size and zoom
+  const itemWidth = 178; // Base item width at 100% zoom
+  const itemsCanFit = Math.floor(containerWidth / itemWidth);
+  const needsScroll = data.length > itemsCanFit;
+  const dynamicWidth = needsScroll ? `${data.length * itemWidth}px` : '100%';
   return /*#__PURE__*/React$1.createElement(DoubleBarSingleLineContainer, {
     ref: containerRef,
     className: className,
     height: height,
     width: width,
-    hasScroll: hasScroll
+    hasScroll: needsScroll
   }, data.length === 0 ? /*#__PURE__*/React$1.createElement(NoDataFoundMessage, {
     noDataText: noDataText
   }) : /*#__PURE__*/React$1.createElement(Controls$6, {
     className: "Controls"
   }, title && title.trim() !== '' && /*#__PURE__*/React$1.createElement(Title$8, null, title), /*#__PURE__*/React$1.createElement(ChartsWrapper, {
-    width: hasScroll ? `${data.length * 178}px` : 'auto'
+    width: dynamicWidth //{hasScroll ? `${data.length * 178}px` : 'auto'}
   }, /*#__PURE__*/React$1.createElement(LineChartWrapper, null, /*#__PURE__*/React$1.createElement(ResponsiveContainer, null, /*#__PURE__*/React$1.createElement(LineChart, _extends({
     data: transformedData
-  }, syncCharts), /*#__PURE__*/React$1.createElement(XAxis, {
+  }, syncCharts, {
+    margin: {
+      ...syncCharts.margin,
+      top: 20
+    }
+  }), /*#__PURE__*/React$1.createElement(XAxis, {
     dataKey: "label",
     tick: false,
     axisLine: false,