@connectif/ui-components 2.0.10 → 2.0.11

package/dist/components/chart/LineChart.d.ts

@@ -92,10 +92,6 @@ export type LineChartProps = CategorizedChartProps & {
      * Option to disable split lines on X axe.
      */
     disableSplitLine?: boolean;
-    /**
-     * Option to enable full grid on the chart.
-     */
-    fullGrid?: boolean;
     /**
      * Font size to format the label of the Y axis.
      */
@@ -116,10 +112,19 @@ export type LineChartProps = CategorizedChartProps & {
      * Reference to chart component
      */
     chartRef?: React.RefObject<ReactEChartsCore>;
+    /**
+     * Set grid internal margin
+     */
+    gridMargin?: {
+        left?: number;
+        top?: number;
+        bottom?: number;
+        right?: number;
+    };
 };
 /**
  * A line chart component to display numeric data grouped by categories and series.
  * Commonly, categories use to be sorted dates.
  */
-declare const LineChart: ({ style, isLoading, series, categories, yAxisLabelFormatter, ySecondaryAxisLabelFormatter, onClick, disableSeriesNames, disableAxes, disableSplitLine, fullGrid, axisFontSize, axisFontColor, yAxisPosition, xAxisMargin, chartRef }: LineChartProps) => import("react/jsx-runtime").JSX.Element;
+declare const LineChart: ({ style, isLoading, series, categories, yAxisLabelFormatter, ySecondaryAxisLabelFormatter, onClick, disableSeriesNames, disableAxes, disableSplitLine, axisFontSize, axisFontColor, yAxisPosition, xAxisMargin, chartRef, gridMargin }: LineChartProps) => import("react/jsx-runtime").JSX.Element;
 export default LineChart;

package/dist/index.js

@@ -12302,12 +12302,12 @@ var LineChart2 = ({
   disableSeriesNames = false,
   disableAxes = false,
   disableSplitLine = false,
-  fullGrid = false,
   axisFontSize = "11px",
   axisFontColor = grey400,
   yAxisPosition = "right",
   xAxisMargin,
-  chartRef
+  chartRef,
+  gridMargin
 }) => {
   const theme2 = useTheme3();
   const cursor2 = onClick ? "pointer" : "default";
@@ -12470,10 +12470,10 @@ var LineChart2 = ({
       formatter: tooltipFormatter
     },
     grid: {
-      left: 0,
-      right: 0,
-      top: fullGrid ? 0 : 16,
-      bottom: 0,
+      left: gridMargin?.left || 0,
+      right: gridMargin?.right || 0,
+      top: gridMargin?.top || 16,
+      bottom: gridMargin?.bottom || 0,
       containLabel: true
     },
     xAxis: {
@@ -24233,6 +24233,8 @@ var Loader_default = Loader;
 import ReactMarkdown from "react-markdown";
 import remarkGfm from "remark-gfm";
 import { styled as styled8 } from "@mui/material/styles";
+import remarkMath from "remark-math";
+import rehypeKatex from "rehype-katex";
 import { jsx as jsx136 } from "react/jsx-runtime";
 var MarkdownContainer = styled8("div")(
   ({ color: color2, backgroundColor: backgroundColor2 = "transparent", variant }) => ({
@@ -24291,13 +24293,24 @@ var MarkdownContainer = styled8("div")(
     },
     "& a:hover": {
       textDecoration: "underline"
+    },
+    "& .katex .katex-html": {
+      display: "none"
     }
   })
 );
 var MarkdownRenderer = ({
   text,
   ...rest
-}) => /* @__PURE__ */ jsx136(MarkdownContainer, { ...rest, children: /* @__PURE__ */ jsx136(ReactMarkdown, { remarkPlugins: [remarkGfm], skipHtml: true, children: text }) });
+}) => /* @__PURE__ */ jsx136(MarkdownContainer, { ...rest, children: /* @__PURE__ */ jsx136(
+  ReactMarkdown,
+  {
+    remarkPlugins: [remarkGfm, remarkMath],
+    rehypePlugins: [rehypeKatex],
+    skipHtml: true,
+    children: text
+  }
+) });
 var MarkdownRenderer_default = MarkdownRenderer;
 
 // src/components/navbar/Navbar.tsx
@@ -26378,7 +26391,7 @@ react-is/cjs/react-is.development.js:
 
 @mui/styled-engine/esm/index.js:
   (**
-   * @mui/styled-engine v7.2.0
+   * @mui/styled-engine v7.3.0
    *
    * @license MIT
    * This source code is licensed under the MIT license found in the
@@ -26387,7 +26400,7 @@ react-is/cjs/react-is.development.js:
 
 @mui/system/esm/index.js:
   (**
-   * @mui/system v7.2.0
+   * @mui/system v7.3.0
    *
    * @license MIT
    * This source code is licensed under the MIT license found in the