@connectif/ui-components 1.0.9 → 1.0.10

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -106,10 +106,14 @@ export type LineChartProps = CategorizedChartProps & {
106
106
  * Option to set the position of the Y axis when there is only one.
107
107
  */
108
108
  yAxisPosition?: 'left' | 'right';
109
+ /**
110
+ * Margin to add between labels and x axis. It will be in px
111
+ */
112
+ xAxisMargin?: number;
109
113
  };
110
114
  /**
111
115
  * A line chart component to display numeric data grouped by categories and series.
112
116
  * Commonly, categories use to be sorted dates.
113
117
  */
114
- declare const LineChart: ({ style, isLoading, series, categories, yAxisLabelFormatter, ySecondaryAxisLabelFormatter, onClick, disableSeriesNames, disableAxes, disableSplitLine, fullGrid, axisFontSize, axisFontColor, yAxisPosition }: LineChartProps) => import("react/jsx-runtime").JSX.Element;
118
+ declare const LineChart: ({ style, isLoading, series, categories, yAxisLabelFormatter, ySecondaryAxisLabelFormatter, onClick, disableSeriesNames, disableAxes, disableSplitLine, fullGrid, axisFontSize, axisFontColor, yAxisPosition, xAxisMargin }: LineChartProps) => import("react/jsx-runtime").JSX.Element;
115
119
  export default LineChart;
package/dist/index.js CHANGED
@@ -11842,7 +11842,8 @@ var LineChart2 = ({
11842
11842
  fullGrid = false,
11843
11843
  axisFontSize = "11px",
11844
11844
  axisFontColor = grey400,
11845
- yAxisPosition = "right"
11845
+ yAxisPosition = "right",
11846
+ xAxisMargin
11846
11847
  }) => {
11847
11848
  const theme2 = useTheme3();
11848
11849
  const cursor = onClick ? "pointer" : "default";
@@ -12020,6 +12021,7 @@ var LineChart2 = ({
12020
12021
  show: false
12021
12022
  },
12022
12023
  axisLabel: {
12024
+ ...xAxisMargin && { margin: xAxisMargin },
12023
12025
  color: axisFontColor,
12024
12026
  fontSize: axisFontSize,
12025
12027
  show: true,