@oliasoft-open-source/charts-library 2.5.6 → 2.5.7

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@oliasoft-open-source/charts-library",
-  "version": "2.5.6",
+  "version": "2.5.7",
   "description": "React Chart Library (based on Chart.js and react-chart-js-2)",
   "main": "index.js",
   "files": [

package/release-notes.md

@@ -1,5 +1,9 @@
 # Charts Library Release Notes
 
+## 2.5.7
+
+- Allow stretchy headerComponent in controls
+
 ## 2.5.6
 
 - Removed resizeDelay, fixed double data labels set position

package/src/components/controls/controls.jsx

@@ -37,7 +37,7 @@ const Controls = ({
   return (
     <>
       <div className={styles.controls}>
-        <div>{headerComponent || <Text bold>{chart.options.title}</Text>}</div>
+        {headerComponent || <Text bold>{chart.options.title}</Text>}
         <div className={styles.buttons}>
           {!showTable && (
             <>

package/src/components/line-chart/line-chart.stories.jsx

@@ -522,6 +522,15 @@ export const HeaderComponent = (args) => {
   );
 };
 
+export const HeaderComponentFullWidth = Template.bind({});
+HeaderComponentFullWidth.args = {
+  headerComponent: (
+    <div style={{ flexGrow: 1, minWidth: 150 }}>
+      <Slider max={100} min={0} onChange={() => {}} showArrows value={50} />
+    </div>
+  ),
+};
+
 export const SubheaderComponent = Template.bind({});
 SubheaderComponent.args = {
   subheaderComponent: (