@aivenio/aquarium 1.41.0 → 1.43.0

package/dist/_variables.scss

@@ -1,6 +1,6 @@
 
 // Do not edit directly
-// Generated on Tue, 10 Oct 2023 07:53:06 GMT
+// Generated on Tue, 10 Oct 2023 12:50:02 GMT
 
 $border-radius-none: 0px !default;
 $border-radius-sm: 0.125rem !default;

package/dist/charts.cjs

@@ -55,10 +55,15 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 // src/charts/index.ts
 var charts_exports = {};
 __export(charts_exports, {
+  Area: () => Area,
+  AreaChart: () => AreaChart,
   Axis: () => Axis,
   Bar: () => Bar,
   BarChart: () => BarChart,
   CartesianGrid: () => CartesianGrid,
+  Line: () => Line,
+  LineChart: () => LineChart,
+  Reference: () => Reference,
   ResponsiveContainer: () => ResponsiveContainer,
   Tooltip: () => Tooltip,
   getDisplayName: () => getDisplayName,
@@ -136,6 +141,10 @@ __export(charts_exports, {
 });
 module.exports = __toCommonJS(charts_exports);
 
+// src/charts/AreaChart/AreaChart.tsx
+var import_react4 = __toESM(require("react"));
+var import_recharts4 = require("recharts");
+
 // src/charts/Axis/Axis.tsx
 var import_react = __toESM(require("react"));
 var import_recharts = require("recharts");
@@ -1970,10 +1979,11 @@ var getDisplayName = (Comp) => {
 };
 var isDateArray = (arr) => arr.every(import_isDate.default);
 var getXAxisTicks = ({ dataKey, ticks: ticks2 }, chartProps) => {
+  var _a;
   if (!ticks2 || (0, import_isArray.default)(ticks2)) {
     return ticks2 != null ? ticks2 : void 0;
   }
-  const xValues = chartProps.data.map(
+  const xValues = ((_a = chartProps.data) != null ? _a : []).map(
     (datum) => typeof dataKey === "function" ? dataKey(datum) : dataKey ? datum[dataKey] : void 0
   );
   if (!isDateArray(xValues)) {
@@ -2024,10 +2034,6 @@ var Axis = {
   YAxis
 };
 
-// src/charts/BarChart/BarChart.tsx
-var import_react4 = __toESM(require("react"));
-var import_recharts4 = require("recharts");
-
 // src/charts/Container/Container.tsx
 var import_react2 = __toESM(require("react"));
 var import_recharts2 = require("recharts");
@@ -2048,7 +2054,7 @@ var CartesianGrid = Object.assign(
   import_recharts3.CartesianGrid
 );
 
-// src/charts/BarChart/BarChart.tsx
+// src/charts/AreaChart/AreaChart.tsx
 var renderChildren = (props) => {
   return import_react4.default.Children.map(props.children, (child) => {
     switch (getDisplayName(child.type)) {
@@ -2067,13 +2073,12 @@ var renderChildren = (props) => {
     }
   });
 };
-var BarChart = (props) => {
+var AreaChart = (props) => {
   const { data } = props;
-  return /* @__PURE__ */ import_react4.default.createElement(ResponsiveContainer, null, /* @__PURE__ */ import_react4.default.createElement(import_recharts4.BarChart, {
+  return /* @__PURE__ */ import_react4.default.createElement(ResponsiveContainer, null, /* @__PURE__ */ import_react4.default.createElement(import_recharts4.AreaChart, {
     width: 500,
     height: 500,
     data,
-    barCategoryGap: "5%",
     style: { stroke: "#fff", strokeWidth: 1 },
     margin: {
       top: 20,
@@ -2083,26 +2088,179 @@ var BarChart = (props) => {
     }
   }, /* @__PURE__ */ import_react4.default.createElement(CartesianGrid, null), renderChildren(props)));
 };
-var Bar = Object.assign((props) => /* @__PURE__ */ import_react4.default.createElement(import_recharts4.Bar, __spreadProps(__spreadValues({}, props), {
-  isAnimationActive: false
-})), import_recharts4.Bar);
-BarChart.Bar = Bar;
+var Area = Object.assign(
+  (props) => {
+    var _a;
+    return /* @__PURE__ */ import_react4.default.createElement(import_recharts4.Area, __spreadProps(__spreadValues({
+      type: "monotone",
+      strokeWidth: 2,
+      dot: false
+    }, props), {
+      fill: (_a = props.fill) != null ? _a : props.stroke,
+      fillOpacity: 0.1,
+      isAnimationActive: false
+    }));
+  },
+  import_recharts4.Area
+);
+Area.defaultProps = Object.assign(import_recharts4.Area.defaultProps, {
+  fillOpacity: 0.1,
+  fill: void 0
+});
+AreaChart.Area = Area;
+
+// src/charts/BarChart/BarChart.tsx
+var import_react5 = __toESM(require("react"));
+var import_recharts6 = require("recharts");
 
 // src/charts/Tooltip/Tooltip.tsx
 var import_recharts5 = require("recharts");
-var Tooltip = Object.assign(import_recharts5.Tooltip, {});
-Tooltip.defaultProps = Object.assign(import_recharts5.Tooltip.defaultProps, {
+var contentStyle = {
+  boxShadow: "var(--aquarium-box-shadow-8dp)",
+  background: "#fff"
+};
+var itemStyle = {
+  display: "flex",
+  paddingTop: "2px",
+  paddingBottom: "2px"
+};
+var Tooltip = Object.assign(import_recharts5.Tooltip, {
+  DefaultContent: import_recharts5.DefaultTooltipContent
+});
+Tooltip.defaultProps = Object.assign({}, import_recharts5.Tooltip.defaultProps, {
+  separator: "",
   isAnimationActive: false,
-  contentStyle: { border: "1px solid rgb(0, 0, 0)", borderRadius: "1px", background: "#000" },
-  itemStyle: { display: "flex", paddingTop: "2px", paddingBottom: "2px" },
-  cursor: false
+  contentStyle,
+  itemStyle,
+  cursor: { stroke: "var(--aquarium-colors-grey-70)", strokeDasharray: "5" }
 });
+
+// src/charts/BarChart/BarChart.tsx
+var renderChildren2 = (props) => {
+  return import_react5.default.Children.map(props.children, (child) => {
+    switch (getDisplayName(child.type)) {
+      case Axis.XAxis.displayName: {
+        return renderXAxis(child, props);
+      }
+      case Axis.XAxis.Time.displayName: {
+        return renderXTimeAxis(child, props);
+      }
+      case Axis.YAxis.displayName: {
+        return renderYAxis(child, props);
+      }
+      case Tooltip.displayName: {
+        return /* @__PURE__ */ import_react5.default.createElement(Tooltip, __spreadProps(__spreadValues({}, child.props), {
+          cursor: false
+        }));
+      }
+      default: {
+        return child;
+      }
+    }
+  });
+};
+var BarChart = (props) => {
+  const { data } = props;
+  return /* @__PURE__ */ import_react5.default.createElement(ResponsiveContainer, null, /* @__PURE__ */ import_react5.default.createElement(import_recharts6.BarChart, {
+    width: 500,
+    height: 500,
+    data,
+    barCategoryGap: "5%",
+    style: { stroke: "#fff", strokeWidth: 1 },
+    margin: {
+      top: 20,
+      right: 30,
+      left: 20,
+      bottom: 5
+    }
+  }, /* @__PURE__ */ import_react5.default.createElement(CartesianGrid, null), renderChildren2(props)));
+};
+var Bar = Object.assign((props) => /* @__PURE__ */ import_react5.default.createElement(import_recharts6.Bar, __spreadProps(__spreadValues({}, props), {
+  isAnimationActive: false
+})), import_recharts6.Bar);
+BarChart.Bar = Bar;
+BarChart.Tooltip = Tooltip;
+
+// src/charts/LineChart/LineChart.tsx
+var import_react6 = __toESM(require("react"));
+var import_recharts7 = require("recharts");
+var renderChildren3 = (props) => {
+  return import_react6.default.Children.map(props.children, (child) => {
+    switch (getDisplayName(child.type)) {
+      case Axis.XAxis.displayName: {
+        return renderXAxis(child, props);
+      }
+      case Axis.XAxis.Time.displayName: {
+        return renderXTimeAxis(child, props);
+      }
+      case Axis.YAxis.displayName: {
+        return renderYAxis(child, props);
+      }
+      default: {
+        return child;
+      }
+    }
+  });
+};
+var LineChart = (props) => {
+  const { data } = props;
+  return /* @__PURE__ */ import_react6.default.createElement(ResponsiveContainer, null, /* @__PURE__ */ import_react6.default.createElement(import_recharts7.LineChart, {
+    width: 500,
+    height: 500,
+    data,
+    style: { stroke: "#fff", strokeWidth: 1 },
+    margin: {
+      top: 20,
+      right: 30,
+      left: 20,
+      bottom: 5
+    }
+  }, /* @__PURE__ */ import_react6.default.createElement(CartesianGrid, null), renderChildren3(props)));
+};
+var Line = Object.assign(
+  (props) => /* @__PURE__ */ import_react6.default.createElement(import_recharts7.Line, __spreadProps(__spreadValues({
+    type: "monotone"
+  }, props), {
+    strokeWidth: 2,
+    isAnimationActive: false,
+    dot: false
+  })),
+  import_recharts7.Line
+);
+LineChart.Line = Line;
+
+// src/charts/Reference/Reference.tsx
+var import_react7 = __toESM(require("react"));
+var import_recharts8 = require("recharts");
+var ReferenceLine = Object.assign(
+  (props) => /* @__PURE__ */ import_react7.default.createElement(import_recharts8.ReferenceLine, __spreadProps(__spreadValues({}, props), {
+    strokeDasharray: "9 3",
+    strokeWidth: 2
+  })),
+  import_recharts8.ReferenceLine
+);
+var ReferenceArea = Object.assign(
+  (props) => /* @__PURE__ */ import_react7.default.createElement(import_recharts8.ReferenceArea, __spreadProps(__spreadValues({}, props), {
+    strokeWidth: 0,
+    fillOpacity: 0.1
+  })),
+  import_recharts8.ReferenceLine
+);
+var Reference = {
+  Line: ReferenceLine,
+  Area: ReferenceArea
+};
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
+  Area,
+  AreaChart,
   Axis,
   Bar,
   BarChart,
   CartesianGrid,
+  Line,
+  LineChart,
+  Reference,
   ResponsiveContainer,
   Tooltip,
   getDisplayName,

package/dist/charts.mjs

@@ -30,6 +30,10 @@ var __objRest = (source, exclude) => {
   return target;
 };
 
+// src/charts/AreaChart/AreaChart.tsx
+import React4 from "react";
+import { Area as _Area, AreaChart as _AreaChart } from "recharts";
+
 // src/charts/Axis/Axis.tsx
 import React from "react";
 import { XAxis as _XAxis, YAxis as _YAxis } from "recharts";
@@ -1864,10 +1868,11 @@ var getDisplayName = (Comp) => {
 };
 var isDateArray = (arr) => arr.every(isDate);
 var getXAxisTicks = ({ dataKey, ticks: ticks2 }, chartProps) => {
+  var _a;
   if (!ticks2 || isArray(ticks2)) {
     return ticks2 != null ? ticks2 : void 0;
   }
-  const xValues = chartProps.data.map(
+  const xValues = ((_a = chartProps.data) != null ? _a : []).map(
     (datum) => typeof dataKey === "function" ? dataKey(datum) : dataKey ? datum[dataKey] : void 0
   );
   if (!isDateArray(xValues)) {
@@ -1918,10 +1923,6 @@ var Axis = {
   YAxis
 };
 
-// src/charts/BarChart/BarChart.tsx
-import React4 from "react";
-import { Bar as _Bar, BarChart as _BarChart } from "recharts";
-
 // src/charts/Container/Container.tsx
 import React2 from "react";
 import { ResponsiveContainer as _ResponsiveContainer } from "recharts";
@@ -1942,7 +1943,7 @@ var CartesianGrid = Object.assign(
   _CartesianGrid
 );
 
-// src/charts/BarChart/BarChart.tsx
+// src/charts/AreaChart/AreaChart.tsx
 var renderChildren = (props) => {
   return React4.Children.map(props.children, (child) => {
     switch (getDisplayName(child.type)) {
@@ -1961,9 +1962,95 @@ var renderChildren = (props) => {
     }
   });
 };
+var AreaChart = (props) => {
+  const { data } = props;
+  return /* @__PURE__ */ React4.createElement(ResponsiveContainer, null, /* @__PURE__ */ React4.createElement(_AreaChart, {
+    width: 500,
+    height: 500,
+    data,
+    style: { stroke: "#fff", strokeWidth: 1 },
+    margin: {
+      top: 20,
+      right: 30,
+      left: 20,
+      bottom: 5
+    }
+  }, /* @__PURE__ */ React4.createElement(CartesianGrid, null), renderChildren(props)));
+};
+var Area = Object.assign(
+  (props) => {
+    var _a;
+    return /* @__PURE__ */ React4.createElement(_Area, __spreadProps(__spreadValues({
+      type: "monotone",
+      strokeWidth: 2,
+      dot: false
+    }, props), {
+      fill: (_a = props.fill) != null ? _a : props.stroke,
+      fillOpacity: 0.1,
+      isAnimationActive: false
+    }));
+  },
+  _Area
+);
+Area.defaultProps = Object.assign(_Area.defaultProps, {
+  fillOpacity: 0.1,
+  fill: void 0
+});
+AreaChart.Area = Area;
+
+// src/charts/BarChart/BarChart.tsx
+import React5 from "react";
+import { Bar as _Bar, BarChart as _BarChart } from "recharts";
+
+// src/charts/Tooltip/Tooltip.tsx
+import { DefaultTooltipContent, Tooltip as _Tooltip } from "recharts";
+var contentStyle = {
+  boxShadow: "var(--aquarium-box-shadow-8dp)",
+  background: "#fff"
+};
+var itemStyle = {
+  display: "flex",
+  paddingTop: "2px",
+  paddingBottom: "2px"
+};
+var Tooltip = Object.assign(_Tooltip, {
+  DefaultContent: DefaultTooltipContent
+});
+Tooltip.defaultProps = Object.assign({}, _Tooltip.defaultProps, {
+  separator: "",
+  isAnimationActive: false,
+  contentStyle,
+  itemStyle,
+  cursor: { stroke: "var(--aquarium-colors-grey-70)", strokeDasharray: "5" }
+});
+
+// src/charts/BarChart/BarChart.tsx
+var renderChildren2 = (props) => {
+  return React5.Children.map(props.children, (child) => {
+    switch (getDisplayName(child.type)) {
+      case Axis.XAxis.displayName: {
+        return renderXAxis(child, props);
+      }
+      case Axis.XAxis.Time.displayName: {
+        return renderXTimeAxis(child, props);
+      }
+      case Axis.YAxis.displayName: {
+        return renderYAxis(child, props);
+      }
+      case Tooltip.displayName: {
+        return /* @__PURE__ */ React5.createElement(Tooltip, __spreadProps(__spreadValues({}, child.props), {
+          cursor: false
+        }));
+      }
+      default: {
+        return child;
+      }
+    }
+  });
+};
 var BarChart = (props) => {
   const { data } = props;
-  return /* @__PURE__ */ React4.createElement(ResponsiveContainer, null, /* @__PURE__ */ React4.createElement(_BarChart, {
+  return /* @__PURE__ */ React5.createElement(ResponsiveContainer, null, /* @__PURE__ */ React5.createElement(_BarChart, {
     width: 500,
     height: 500,
     data,
@@ -1975,27 +2062,96 @@ var BarChart = (props) => {
       left: 20,
       bottom: 5
     }
-  }, /* @__PURE__ */ React4.createElement(CartesianGrid, null), renderChildren(props)));
+  }, /* @__PURE__ */ React5.createElement(CartesianGrid, null), renderChildren2(props)));
 };
-var Bar = Object.assign((props) => /* @__PURE__ */ React4.createElement(_Bar, __spreadProps(__spreadValues({}, props), {
+var Bar = Object.assign((props) => /* @__PURE__ */ React5.createElement(_Bar, __spreadProps(__spreadValues({}, props), {
   isAnimationActive: false
 })), _Bar);
 BarChart.Bar = Bar;
+BarChart.Tooltip = Tooltip;
 
-// src/charts/Tooltip/Tooltip.tsx
-import { Tooltip as _Tooltip } from "recharts";
-var Tooltip = Object.assign(_Tooltip, {});
-Tooltip.defaultProps = Object.assign(_Tooltip.defaultProps, {
-  isAnimationActive: false,
-  contentStyle: { border: "1px solid rgb(0, 0, 0)", borderRadius: "1px", background: "#000" },
-  itemStyle: { display: "flex", paddingTop: "2px", paddingBottom: "2px" },
-  cursor: false
-});
+// src/charts/LineChart/LineChart.tsx
+import React6 from "react";
+import { Line as _Line, LineChart as _LineChart } from "recharts";
+var renderChildren3 = (props) => {
+  return React6.Children.map(props.children, (child) => {
+    switch (getDisplayName(child.type)) {
+      case Axis.XAxis.displayName: {
+        return renderXAxis(child, props);
+      }
+      case Axis.XAxis.Time.displayName: {
+        return renderXTimeAxis(child, props);
+      }
+      case Axis.YAxis.displayName: {
+        return renderYAxis(child, props);
+      }
+      default: {
+        return child;
+      }
+    }
+  });
+};
+var LineChart = (props) => {
+  const { data } = props;
+  return /* @__PURE__ */ React6.createElement(ResponsiveContainer, null, /* @__PURE__ */ React6.createElement(_LineChart, {
+    width: 500,
+    height: 500,
+    data,
+    style: { stroke: "#fff", strokeWidth: 1 },
+    margin: {
+      top: 20,
+      right: 30,
+      left: 20,
+      bottom: 5
+    }
+  }, /* @__PURE__ */ React6.createElement(CartesianGrid, null), renderChildren3(props)));
+};
+var Line = Object.assign(
+  (props) => /* @__PURE__ */ React6.createElement(_Line, __spreadProps(__spreadValues({
+    type: "monotone"
+  }, props), {
+    strokeWidth: 2,
+    isAnimationActive: false,
+    dot: false
+  })),
+  _Line
+);
+LineChart.Line = Line;
+
+// src/charts/Reference/Reference.tsx
+import React7 from "react";
+import {
+  ReferenceArea as _ReferenceArea,
+  ReferenceLine as _ReferenceLine
+} from "recharts";
+var ReferenceLine = Object.assign(
+  (props) => /* @__PURE__ */ React7.createElement(_ReferenceLine, __spreadProps(__spreadValues({}, props), {
+    strokeDasharray: "9 3",
+    strokeWidth: 2
+  })),
+  _ReferenceLine
+);
+var ReferenceArea = Object.assign(
+  (props) => /* @__PURE__ */ React7.createElement(_ReferenceArea, __spreadProps(__spreadValues({}, props), {
+    strokeWidth: 0,
+    fillOpacity: 0.1
+  })),
+  _ReferenceLine
+);
+var Reference = {
+  Line: ReferenceLine,
+  Area: ReferenceArea
+};
 export {
+  Area,
+  AreaChart,
   Axis,
   Bar,
   BarChart,
   CartesianGrid,
+  Line,
+  LineChart,
+  Reference,
   ResponsiveContainer,
   Tooltip,
   getDisplayName,

package/dist/src/charts/AreaChart/AreaChart.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+import { Area as _Area, AreaChart as _AreaChart, type AreaProps } from 'recharts';
+import { type ChartProps } from '../../../src/charts/lib/utils';
+declare type ComposedAreaChart = {
+    Area: typeof Area;
+};
+declare type AreaChartProps = ChartProps & React.ComponentProps<typeof _AreaChart> & {
+    children: React.ReactElement | React.ReactElement[];
+};
+export declare const AreaChart: ComposedAreaChart & React.FC<AreaChartProps>;
+export declare const Area: ((props: Omit<AreaProps, 'ref'>) => React.JSX.Element) & typeof _Area;
+export {};

package/dist/src/charts/AreaChart/AreaChart.js

@@ -0,0 +1,46 @@
+import React from 'react';
+import { Area as _Area, AreaChart as _AreaChart } from 'recharts';
+import { Axis, renderXAxis, renderXTimeAxis, renderYAxis } from '../../../src/charts/Axis/Axis';
+import { ResponsiveContainer } from '../../../src/charts/Container/Container';
+import { CartesianGrid } from '../../../src/charts/Grid/Grid';
+import { getDisplayName } from '../../../src/charts/lib/utils';
+const renderChildren = (props) => {
+    return React.Children.map(props.children, (child) => {
+        switch (getDisplayName(child.type)) {
+            case Axis.XAxis.displayName: {
+                return renderXAxis(child, props);
+            }
+            case Axis.XAxis.Time.displayName: {
+                return renderXTimeAxis(child, props);
+            }
+            case Axis.YAxis.displayName: {
+                return renderYAxis(child, props);
+            }
+            default: {
+                return child;
+            }
+        }
+    });
+};
+export const AreaChart = (props) => {
+    const { data } = props;
+    return (React.createElement(ResponsiveContainer, null,
+        React.createElement(_AreaChart, { width: 500, height: 500, data: data, style: { stroke: '#fff', strokeWidth: 1 }, margin: {
+                top: 20,
+                right: 30,
+                left: 20,
+                bottom: 5,
+            } },
+            React.createElement(CartesianGrid, null),
+            renderChildren(props))));
+};
+export const Area = Object.assign((props) => {
+    var _a;
+    return (React.createElement(_Area, Object.assign({ type: "monotone", strokeWidth: 2, dot: false }, props, { fill: (_a = props.fill) !== null && _a !== void 0 ? _a : props.stroke, fillOpacity: 0.1, isAnimationActive: false })));
+}, _Area);
+Area.defaultProps = Object.assign(_Area.defaultProps, {
+    fillOpacity: 0.1,
+    fill: undefined,
+});
+AreaChart.Area = Area;
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQXJlYUNoYXJ0LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL2NoYXJ0cy9BcmVhQ2hhcnQvQXJlYUNoYXJ0LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEtBQUssTUFBTSxPQUFPLENBQUM7QUFDMUIsT0FBTyxFQUFFLElBQUksSUFBSSxLQUFLLEVBQUUsU0FBUyxJQUFJLFVBQVUsRUFBa0IsTUFBTSxVQUFVLENBQUM7QUFFbEYsT0FBTyxFQUFFLElBQUksRUFBRSxXQUFXLEVBQUUsZUFBZSxFQUFFLFdBQVcsRUFBRSxNQUFNLHNCQUFzQixDQUFDO0FBQ3ZGLE9BQU8sRUFBRSxtQkFBbUIsRUFBRSxNQUFNLGdDQUFnQyxDQUFDO0FBQ3JFLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxzQkFBc0IsQ0FBQztBQUNyRCxPQUFPLEVBQW1CLGNBQWMsRUFBRSxNQUFNLHNCQUFzQixDQUFDO0FBV3ZFLE1BQU0sY0FBYyxHQUFHLENBQUMsS0FBcUIsRUFBRSxFQUFFO0lBQy9DLE9BQU8sS0FBSyxDQUFDLFFBQVEsQ0FBQyxHQUFHLENBQUMsS0FBSyxDQUFDLFFBQVEsRUFBRSxDQUFDLEtBQUssRUFBRSxFQUFFO1FBQ2xELFFBQVEsY0FBYyxDQUFDLEtBQUssQ0FBQyxJQUFJLENBQUMsRUFBRTtZQUNsQyxLQUFLLElBQUksQ0FBQyxLQUFLLENBQUMsV0FBVyxDQUFDLENBQUM7Z0JBQzNCLE9BQU8sV0FBVyxDQUFDLEtBQUssRUFBRSxLQUFLLENBQUMsQ0FBQzthQUNsQztZQUVELEtBQUssSUFBSSxDQUFDLEtBQUssQ0FBQyxJQUFJLENBQUMsV0FBVyxDQUFDLENBQUM7Z0JBQ2hDLE9BQU8sZUFBZSxDQUFDLEtBQUssRUFBRSxLQUFLLENBQUMsQ0FBQzthQUN0QztZQUVELEtBQUssSUFBSSxDQUFDLEtBQUssQ0FBQyxXQUFXLENBQUMsQ0FBQztnQkFDM0IsT0FBTyxXQUFXLENBQUMsS0FBSyxFQUFFLEtBQUssQ0FBQyxDQUFDO2FBQ2xDO1lBRUQsT0FBTyxDQUFDLENBQUM7Z0JBQ1AsT0FBTyxLQUFLLENBQUM7YUFDZDtTQUNGO0lBQ0gsQ0FBQyxDQUFDLENBQUM7QUFDTCxDQUFDLENBQUM7QUFFRixNQUFNLENBQUMsTUFBTSxTQUFTLEdBQWlELENBQUMsS0FBSyxFQUFFLEVBQUU7SUFDL0UsTUFBTSxFQUFFLElBQUksRUFBRSxHQUFHLEtBQUssQ0FBQztJQUN2QixPQUFPLENBQ0wsb0JBQUMsbUJBQW1CO1FBQ2xCLG9CQUFDLFVBQVUsSUFDVCxLQUFLLEVBQUUsR0FBRyxFQUNWLE1BQU0sRUFBRSxHQUFHLEVBQ1gsSUFBSSxFQUFFLElBQUksRUFDVixLQUFLLEVBQUUsRUFBRSxNQUFNLEVBQUUsTUFBTSxFQUFFLFdBQVcsRUFBRSxDQUFDLEVBQUUsRUFDekMsTUFBTSxFQUFFO2dCQUNOLEdBQUcsRUFBRSxFQUFFO2dCQUNQLEtBQUssRUFBRSxFQUFFO2dCQUNULElBQUksRUFBRSxFQUFFO2dCQUNSLE1BQU0sRUFBRSxDQUFDO2FBQ1Y7WUFFRCxvQkFBQyxhQUFhLE9BQUc7WUFDaEIsY0FBYyxDQUFDLEtBQUssQ0FBQyxDQUNYLENBQ08sQ0FDdkIsQ0FBQztBQUNKLENBQUMsQ0FBQztBQUVGLE1BQU0sQ0FBQyxNQUFNLElBQUksR0FBRyxNQUFNLENBQUMsTUFBTSxDQUMvQixDQUFDLEtBQTZCLEVBQUUsRUFBRTs7SUFBQyxPQUFBLENBQ2pDLG9CQUFDLEtBQUssa0JBQ0osSUFBSSxFQUFDLFVBQVUsRUFDZixXQUFXLEVBQUUsQ0FBQyxFQUNkLEdBQUcsRUFBRSxLQUFLLElBQ04sS0FBSyxJQUNULElBQUksRUFBRSxNQUFBLEtBQUssQ0FBQyxJQUFJLG1DQUFJLEtBQUssQ0FBQyxNQUFNLEVBQ2hDLFdBQVcsRUFBRSxHQUFHLEVBQ2hCLGlCQUFpQixFQUFFLEtBQUssSUFDeEIsQ0FDSCxDQUFBO0NBQUEsRUFDRCxLQUFLLENBQ04sQ0FBQztBQUVGLElBQUksQ0FBQyxZQUFZLEdBQUcsTUFBTSxDQUFDLE1BQU0sQ0FBQyxLQUFLLENBQUMsWUFBWSxFQUFFO0lBQ3BELFdBQVcsRUFBRSxHQUFHO0lBQ2hCLElBQUksRUFBRSxTQUFTO0NBQ2hCLENBQUMsQ0FBQztBQUVILFNBQVMsQ0FBQyxJQUFJLEdBQUcsSUFBSSxDQUFDIn0=

package/dist/src/charts/BarChart/BarChart.d.ts

@@ -1,8 +1,10 @@
 import React from 'react';
 import { Bar as _Bar, BarChart as _BarChart, type BarProps } from 'recharts';
 import { type ChartProps } from '../../../src/charts/lib/utils';
+import { Tooltip } from '../../../src/charts/Tooltip/Tooltip';
 declare type ComposedBarChart = {
     Bar: typeof Bar;
+    Tooltip: typeof Tooltip;
 };
 declare type BarChartProps = ChartProps & React.ComponentProps<typeof _BarChart> & {
     children: React.ReactElement | React.ReactElement[];

package/dist/src/charts/BarChart/BarChart.js

@@ -4,6 +4,7 @@ import { Axis, renderXAxis, renderXTimeAxis, renderYAxis } from '../../../src/ch
 import { ResponsiveContainer } from '../../../src/charts/Container/Container';
 import { CartesianGrid } from '../../../src/charts/Grid/Grid';
 import { getDisplayName } from '../../../src/charts/lib/utils';
+import { Tooltip } from '../../../src/charts/Tooltip/Tooltip';
 const renderChildren = (props) => {
     return React.Children.map(props.children, (child) => {
         switch (getDisplayName(child.type)) {
@@ -16,6 +17,9 @@ const renderChildren = (props) => {
             case Axis.YAxis.displayName: {
                 return renderYAxis(child, props);
             }
+            case Tooltip.displayName: {
+                return React.createElement(Tooltip, Object.assign({}, child.props, { cursor: false }));
+            }
             default: {
                 return child;
             }
@@ -36,4 +40,5 @@ export const BarChart = (props) => {
 };
 export const Bar = Object.assign((props) => React.createElement(_Bar, Object.assign({}, props, { isAnimationActive: false })), _Bar);
 BarChart.Bar = Bar;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQmFyQ2hhcnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvY2hhcnRzL0JhckNoYXJ0L0JhckNoYXJ0LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEtBQUssTUFBTSxPQUFPLENBQUM7QUFDMUIsT0FBTyxFQUFFLEdBQUcsSUFBSSxJQUFJLEVBQUUsUUFBUSxJQUFJLFNBQVMsRUFBaUIsTUFBTSxVQUFVLENBQUM7QUFFN0UsT0FBTyxFQUFFLElBQUksRUFBRSxXQUFXLEVBQUUsZUFBZSxFQUFFLFdBQVcsRUFBRSxNQUFNLHNCQUFzQixDQUFDO0FBQ3ZGLE9BQU8sRUFBRSxtQkFBbUIsRUFBRSxNQUFNLGdDQUFnQyxDQUFDO0FBQ3JFLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxzQkFBc0IsQ0FBQztBQUNyRCxPQUFPLEVBQW1CLGNBQWMsRUFBRSxNQUFNLHNCQUFzQixDQUFDO0FBV3ZFLE1BQU0sY0FBYyxHQUFHLENBQUMsS0FBb0IsRUFBRSxFQUFFO0lBQzlDLE9BQU8sS0FBSyxDQUFDLFFBQVEsQ0FBQyxHQUFHLENBQUMsS0FBSyxDQUFDLFFBQVEsRUFBRSxDQUFDLEtBQUssRUFBRSxFQUFFO1FBQ2xELFFBQVEsY0FBYyxDQUFDLEtBQUssQ0FBQyxJQUFJLENBQUMsRUFBRTtZQUNsQyxLQUFLLElBQUksQ0FBQyxLQUFLLENBQUMsV0FBVyxDQUFDLENBQUM7Z0JBQzNCLE9BQU8sV0FBVyxDQUFDLEtBQUssRUFBRSxLQUFLLENBQUMsQ0FBQzthQUNsQztZQUVELEtBQUssSUFBSSxDQUFDLEtBQUssQ0FBQyxJQUFJLENBQUMsV0FBVyxDQUFDLENBQUM7Z0JBQ2hDLE9BQU8sZUFBZSxDQUFDLEtBQUssRUFBRSxLQUFLLENBQUMsQ0FBQzthQUN0QztZQUVELEtBQUssSUFBSSxDQUFDLEtBQUssQ0FBQyxXQUFXLENBQUMsQ0FBQztnQkFDM0IsT0FBTyxXQUFXLENBQUMsS0FBSyxFQUFFLEtBQUssQ0FBQyxDQUFDO2FBQ2xDO1lBRUQsT0FBTyxDQUFDLENBQUM7Z0JBQ1AsT0FBTyxLQUFLLENBQUM7YUFDZDtTQUNGO0lBQ0gsQ0FBQyxDQUFDLENBQUM7QUFDTCxDQUFDLENBQUM7QUFFRixNQUFNLENBQUMsTUFBTSxRQUFRLEdBQStDLENBQUMsS0FBSyxFQUFFLEVBQUU7SUFDNUUsTUFBTSxFQUFFLElBQUksRUFBRSxHQUFHLEtBQUssQ0FBQztJQUN2QixPQUFPLENBQ0wsb0JBQUMsbUJBQW1CO1FBQ2xCLG9CQUFDLFNBQVMsSUFDUixLQUFLLEVBQUUsR0FBRyxFQUNWLE1BQU0sRUFBRSxHQUFHLEVBQ1gsSUFBSSxFQUFFLElBQUksRUFDVixjQUFjLEVBQUMsSUFBSSxFQUNuQixLQUFLLEVBQUUsRUFBRSxNQUFNLEVBQUUsTUFBTSxFQUFFLFdBQVcsRUFBRSxDQUFDLEVBQUUsRUFDekMsTUFBTSxFQUFFO2dCQUNOLEdBQUcsRUFBRSxFQUFFO2dCQUNQLEtBQUssRUFBRSxFQUFFO2dCQUNULElBQUksRUFBRSxFQUFFO2dCQUNSLE1BQU0sRUFBRSxDQUFDO2FBQ1Y7WUFFRCxvQkFBQyxhQUFhLE9BQUc7WUFDaEIsY0FBYyxDQUFDLEtBQUssQ0FBQyxDQUNaLENBQ1EsQ0FDdkIsQ0FBQztBQUNKLENBQUMsQ0FBQztBQUVGLE1BQU0sQ0FBQyxNQUFNLEdBQUcsR0FBRyxNQUFNLENBQUMsTUFBTSxDQUFDLENBQUMsS0FBNEIsRUFBRSxFQUFFLENBQUMsb0JBQUMsSUFBSSxvQkFBSyxLQUFLLElBQUUsaUJBQWlCLEVBQUUsS0FBSyxJQUFJLEVBQUUsSUFBSSxDQUFDLENBQUM7QUFDeEgsUUFBUSxDQUFDLEdBQUcsR0FBRyxHQUFHLENBQUMifQ==
+BarChart.Tooltip = Tooltip;
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQmFyQ2hhcnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvY2hhcnRzL0JhckNoYXJ0L0JhckNoYXJ0LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEtBQUssTUFBTSxPQUFPLENBQUM7QUFDMUIsT0FBTyxFQUFFLEdBQUcsSUFBSSxJQUFJLEVBQUUsUUFBUSxJQUFJLFNBQVMsRUFBaUIsTUFBTSxVQUFVLENBQUM7QUFFN0UsT0FBTyxFQUFFLElBQUksRUFBRSxXQUFXLEVBQUUsZUFBZSxFQUFFLFdBQVcsRUFBRSxNQUFNLHNCQUFzQixDQUFDO0FBQ3ZGLE9BQU8sRUFBRSxtQkFBbUIsRUFBRSxNQUFNLGdDQUFnQyxDQUFDO0FBQ3JFLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxzQkFBc0IsQ0FBQztBQUNyRCxPQUFPLEVBQW1CLGNBQWMsRUFBRSxNQUFNLHNCQUFzQixDQUFDO0FBQ3ZFLE9BQU8sRUFBRSxPQUFPLEVBQUUsTUFBTSw0QkFBNEIsQ0FBQztBQVlyRCxNQUFNLGNBQWMsR0FBRyxDQUFDLEtBQW9CLEVBQUUsRUFBRTtJQUM5QyxPQUFPLEtBQUssQ0FBQyxRQUFRLENBQUMsR0FBRyxDQUFDLEtBQUssQ0FBQyxRQUFRLEVBQUUsQ0FBQyxLQUF5QixFQUFFLEVBQUU7UUFDdEUsUUFBUSxjQUFjLENBQUMsS0FBSyxDQUFDLElBQUksQ0FBQyxFQUFFO1lBQ2xDLEtBQUssSUFBSSxDQUFDLEtBQUssQ0FBQyxXQUFXLENBQUMsQ0FBQztnQkFDM0IsT0FBTyxXQUFXLENBQUMsS0FBSyxFQUFFLEtBQUssQ0FBQyxDQUFDO2FBQ2xDO1lBRUQsS0FBSyxJQUFJLENBQUMsS0FBSyxDQUFDLElBQUksQ0FBQyxXQUFXLENBQUMsQ0FBQztnQkFDaEMsT0FBTyxlQUFlLENBQUMsS0FBSyxFQUFFLEtBQUssQ0FBQyxDQUFDO2FBQ3RDO1lBRUQsS0FBSyxJQUFJLENBQUMsS0FBSyxDQUFDLFdBQVcsQ0FBQyxDQUFDO2dCQUMzQixPQUFPLFdBQVcsQ0FBQyxLQUFLLEVBQUUsS0FBSyxDQUFDLENBQUM7YUFDbEM7WUFFRCxLQUFLLE9BQU8sQ0FBQyxXQUFXLENBQUMsQ0FBQztnQkFDeEIsT0FBTyxvQkFBQyxPQUFPLG9CQUFLLEtBQUssQ0FBQyxLQUFLLElBQUUsTUFBTSxFQUFFLEtBQUssSUFBSSxDQUFDO2FBQ3BEO1lBRUQsT0FBTyxDQUFDLENBQUM7Z0JBQ1AsT0FBTyxLQUFLLENBQUM7YUFDZDtTQUNGO0lBQ0gsQ0FBQyxDQUFDLENBQUM7QUFDTCxDQUFDLENBQUM7QUFFRixNQUFNLENBQUMsTUFBTSxRQUFRLEdBQStDLENBQUMsS0FBSyxFQUFFLEVBQUU7SUFDNUUsTUFBTSxFQUFFLElBQUksRUFBRSxHQUFHLEtBQUssQ0FBQztJQUN2QixPQUFPLENBQ0wsb0JBQUMsbUJBQW1CO1FBQ2xCLG9CQUFDLFNBQVMsSUFDUixLQUFLLEVBQUUsR0FBRyxFQUNWLE1BQU0sRUFBRSxHQUFHLEVBQ1gsSUFBSSxFQUFFLElBQUksRUFDVixjQUFjLEVBQUMsSUFBSSxFQUNuQixLQUFLLEVBQUUsRUFBRSxNQUFNLEVBQUUsTUFBTSxFQUFFLFdBQVcsRUFBRSxDQUFDLEVBQUUsRUFDekMsTUFBTSxFQUFFO2dCQUNOLEdBQUcsRUFBRSxFQUFFO2dCQUNQLEtBQUssRUFBRSxFQUFFO2dCQUNULElBQUksRUFBRSxFQUFFO2dCQUNSLE1BQU0sRUFBRSxDQUFDO2FBQ1Y7WUFFRCxvQkFBQyxhQUFhLE9BQUc7WUFDaEIsY0FBYyxDQUFDLEtBQUssQ0FBQyxDQUNaLENBQ1EsQ0FDdkIsQ0FBQztBQUNKLENBQUMsQ0FBQztBQUVGLE1BQU0sQ0FBQyxNQUFNLEdBQUcsR0FBRyxNQUFNLENBQUMsTUFBTSxDQUFDLENBQUMsS0FBNEIsRUFBRSxFQUFFLENBQUMsb0JBQUMsSUFBSSxvQkFBSyxLQUFLLElBQUUsaUJBQWlCLEVBQUUsS0FBSyxJQUFJLEVBQUUsSUFBSSxDQUFDLENBQUM7QUFDeEgsUUFBUSxDQUFDLEdBQUcsR0FBRyxHQUFHLENBQUM7QUFDbkIsUUFBUSxDQUFDLE9BQU8sR0FBRyxPQUFPLENBQUMifQ==

package/dist/src/charts/LineChart/LineChart.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+import { Line as _Line, LineChart as _LineChart, type LineProps } from 'recharts';
+import { type ChartProps } from '../../../src/charts/lib/utils';
+declare type ComposedLineChart = {
+    Line: typeof Line;
+};
+declare type LineChartProps = ChartProps & React.ComponentProps<typeof _LineChart> & {
+    children: React.ReactElement | React.ReactElement[];
+};
+export declare const LineChart: ComposedLineChart & React.FC<LineChartProps>;
+export declare const Line: ((props: Omit<LineProps, 'ref'>) => React.JSX.Element) & typeof _Line;
+export {};