@mui/x-charts 6.0.0-alpha.0

package/legacy/ChartsTooltip/ChartsItemTooltipContent.js

@@ -0,0 +1,59 @@
+import * as React from 'react';
+import { SeriesContext } from '../context/SeriesContextProvider';
+import { ChartsTooltipTable, ChartsTooltipCell, ChartsTooltipMark, ChartsTooltipPaper, ChartsTooltipRow } from './ChartsTooltipTable';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+export function DefaultChartsItemContent(props) {
+  var _series$label;
+  var series = props.series,
+    itemData = props.itemData,
+    sx = props.sx,
+    classes = props.classes;
+  if (itemData.dataIndex === undefined) {
+    return null;
+  }
+  var displayedLabel = (_series$label = series.label) != null ? _series$label : null;
+  var color = series.color;
+  // TODO: Manage to let TS understand series.data and series.valueFormatter are coherent
+  // @ts-ignore
+  var formattedValue = series.valueFormatter(series.data[itemData.dataIndex]);
+  return /*#__PURE__*/_jsx(ChartsTooltipPaper, {
+    sx: sx,
+    variant: "outlined",
+    className: classes.root,
+    children: /*#__PURE__*/_jsx(ChartsTooltipTable, {
+      children: /*#__PURE__*/_jsx("tbody", {
+        children: /*#__PURE__*/_jsxs(ChartsTooltipRow, {
+          children: [/*#__PURE__*/_jsx(ChartsTooltipCell, {
+            className: classes.markCell,
+            children: /*#__PURE__*/_jsx(ChartsTooltipMark, {
+              ownerState: {
+                color: color
+              }
+            })
+          }), /*#__PURE__*/_jsx(ChartsTooltipCell, {
+            className: classes.labelCell,
+            children: displayedLabel
+          }), /*#__PURE__*/_jsx(ChartsTooltipCell, {
+            className: classes.valueCell,
+            children: formattedValue
+          })]
+        })
+      })
+    })
+  });
+}
+export function ChartsItemTooltipContent(props) {
+  var content = props.content,
+    itemData = props.itemData,
+    sx = props.sx,
+    classes = props.classes;
+  var series = React.useContext(SeriesContext)[itemData.type].series[itemData.seriesId];
+  var Content = content != null ? content : DefaultChartsItemContent;
+  return /*#__PURE__*/_jsx(Content, {
+    itemData: itemData,
+    series: series,
+    sx: sx,
+    classes: classes
+  });
+}

package/legacy/ChartsTooltip/ChartsTooltip.js

@@ -0,0 +1,92 @@
+import * as React from 'react';
+import PropTypes from 'prop-types';
+import { unstable_composeClasses as composeClasses } from '@mui/utils';
+import Popper from '@mui/material/Popper';
+import NoSsr from '@mui/material/NoSsr';
+import { InteractionContext } from '../context/InteractionProvider';
+import { generateVirtualElement, useMouseTracker, getTootipHasData } from './utils';
+import { ChartsItemTooltipContent } from './ChartsItemTooltipContent';
+import { ChartsAxisTooltipContent } from './ChartsAxisTooltipContent';
+import { getTooltipUtilityClass } from './tooltipClasses';
+import { jsx as _jsx } from "react/jsx-runtime";
+var useUtilityClasses = function useUtilityClasses(ownerState) {
+  var classes = ownerState.classes;
+  var slots = {
+    root: ['root'],
+    markCell: ['markCell'],
+    labelCell: ['labelCell'],
+    valueCell: ['valueCell']
+  };
+  return composeClasses(slots, getTooltipUtilityClass, classes);
+};
+function ChartsTooltip(props) {
+  var _props$trigger = props.trigger,
+    trigger = _props$trigger === void 0 ? 'axis' : _props$trigger,
+    itemContent = props.itemContent,
+    axisContent = props.axisContent;
+  var mousePosition = useMouseTracker();
+  var _React$useContext = React.useContext(InteractionContext),
+    item = _React$useContext.item,
+    axis = _React$useContext.axis;
+  var displayedData = trigger === 'item' ? item : axis;
+  var tooltipHasData = getTootipHasData(trigger, displayedData);
+  var popperOpen = mousePosition !== null && tooltipHasData;
+  var classes = useUtilityClasses({
+    classes: props.classes
+  });
+  if (trigger === 'none') {
+    return null;
+  }
+  return /*#__PURE__*/_jsx(NoSsr, {
+    children: popperOpen && /*#__PURE__*/_jsx(Popper, {
+      open: popperOpen,
+      placement: "right-start",
+      anchorEl: generateVirtualElement(mousePosition),
+      style: {
+        pointerEvents: 'none'
+      },
+      children: trigger === 'item' ? /*#__PURE__*/_jsx(ChartsItemTooltipContent, {
+        itemData: displayedData,
+        content: itemContent,
+        sx: {
+          mx: 2
+        },
+        classes: classes
+      }) : /*#__PURE__*/_jsx(ChartsAxisTooltipContent, {
+        axisData: displayedData,
+        content: axisContent,
+        sx: {
+          mx: 2
+        },
+        classes: classes
+      })
+    })
+  });
+}
+process.env.NODE_ENV !== "production" ? ChartsTooltip.propTypes = {
+  // ----------------------------- Warning --------------------------------
+  // | These PropTypes are generated from the TypeScript type definitions |
+  // | To update them edit the TypeScript types and run "yarn proptypes"  |
+  // ----------------------------------------------------------------------
+  /**
+   * Component to override the tooltip content when triger is set to 'axis'.
+   */
+  axisContent: PropTypes.elementType,
+  /**
+   * Override or extend the styles applied to the component.
+   */
+  classes: PropTypes.object,
+  /**
+   * Component to override the tooltip content when triger is set to 'item'.
+   */
+  itemContent: PropTypes.elementType,
+  /**
+   * Select the kind of tooltip to display
+   * - 'item': Shows data about the item below the mouse.
+   * - 'axis': Shows values associated with the hovered x value
+   * - 'none': Does not display tooltip
+   * @default 'item'
+   */
+  trigger: PropTypes.oneOf(['axis', 'item', 'none'])
+} : void 0;
+export { ChartsTooltip };

package/legacy/ChartsTooltip/ChartsTooltipTable.js

@@ -0,0 +1,73 @@
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+import Box from '@mui/material/Box';
+import Paper from '@mui/material/Paper';
+import { styled } from '@mui/material/styles';
+import { tooltipClasses } from './tooltipClasses';
+export var ChartsTooltipPaper = styled(Paper, {
+  name: 'MuiChartsTooltip',
+  slot: 'Table'
+})({});
+export var ChartsTooltipTable = styled('table', {
+  name: 'MuiChartsTooltip',
+  slot: 'Table'
+})(function (_ref) {
+  var theme = _ref.theme;
+  return {
+    borderSpacing: 0,
+    '& thead td': {
+      borderBottom: "solid ".concat(theme.palette.divider, " 1px")
+    }
+  };
+});
+export var ChartsTooltipRow = styled('tr', {
+  name: 'MuiChartsTooltip',
+  slot: 'Row'
+})(function (_ref2) {
+  var theme = _ref2.theme;
+  return {
+    '&:first-child td': {
+      paddingTop: theme.spacing(1)
+    },
+    '&:last-child td': {
+      paddingBottom: theme.spacing(1)
+    }
+  };
+});
+export var ChartsTooltipCell = styled('td', {
+  name: 'MuiChartsTooltip',
+  slot: 'Cell'
+})(function (_ref3) {
+  var _ref4;
+  var theme = _ref3.theme;
+  return _ref4 = {
+    verticalAlign: 'middle',
+    color: theme.palette.text.secondary,
+    '&:first-child': {
+      paddingLeft: theme.spacing(2)
+    },
+    '&:last-child': {
+      paddingRight: theme.spacing(2)
+    }
+  }, _defineProperty(_ref4, "&.".concat(tooltipClasses.labelCell), {
+    paddingLeft: theme.spacing(1)
+  }), _defineProperty(_ref4, "&.".concat(tooltipClasses.valueCell), {
+    paddingLeft: theme.spacing(4),
+    color: theme.palette.text.primary
+  }), _ref4;
+});
+export var ChartsTooltipMark = styled(Box, {
+  name: 'MuiChartsTooltip',
+  slot: 'Mark'
+})(function (_ref5) {
+  var theme = _ref5.theme,
+    ownerState = _ref5.ownerState;
+  return {
+    width: theme.spacing(1),
+    height: theme.spacing(1),
+    borderRadius: '50%',
+    backgroundColor: ownerState.color,
+    borderColor: theme.palette.background.paper,
+    border: "solid ".concat(theme.palette.background.paper, " ").concat(theme.spacing(0.25)),
+    boxSizing: 'content-box'
+  };
+});

package/legacy/ChartsTooltip/index.js

@@ -0,0 +1 @@
+export * from './ChartsTooltip';

package/legacy/ChartsTooltip/tooltipClasses.js

@@ -0,0 +1,5 @@
+import { unstable_generateUtilityClass as generateUtilityClass, unstable_generateUtilityClasses as generateUtilityClasses } from '@mui/utils';
+export function getTooltipUtilityClass(slot) {
+  return generateUtilityClass('MuiChartsTooltip', slot);
+}
+export var tooltipClasses = generateUtilityClasses('MuiChartsTooltip', ['root', 'markCell', 'labelCell', 'valueCell']);

package/legacy/ChartsTooltip/utils.js

@@ -0,0 +1,91 @@
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+import * as React from 'react';
+import { SVGContext } from '../context/DrawingProvider';
+export function generateVirtualElement(mousePosition) {
+  if (mousePosition === null) {
+    return {
+      getBoundingClientRect: function getBoundingClientRect() {
+        return {
+          width: 0,
+          height: 0,
+          x: 0,
+          y: 0,
+          top: 0,
+          right: 0,
+          bottom: 0,
+          left: 0,
+          toJSON: function toJSON() {
+            return '';
+          }
+        };
+      }
+    };
+  }
+  var x = mousePosition.x,
+    y = mousePosition.y;
+  return {
+    getBoundingClientRect: function getBoundingClientRect() {
+      return {
+        width: 0,
+        height: 0,
+        x: x,
+        y: y,
+        top: y,
+        right: x,
+        bottom: y,
+        left: x,
+        toJSON: function toJSON() {
+          return JSON.stringify({
+            width: 0,
+            height: 0,
+            x: x,
+            y: y,
+            top: y,
+            right: x,
+            bottom: y,
+            left: x
+          });
+        }
+      };
+    }
+  };
+}
+export function useMouseTracker() {
+  var svgRef = React.useContext(SVGContext);
+
+  // Use a ref to avoid rerendering on every mousemove event.
+  var _React$useState = React.useState(null),
+    _React$useState2 = _slicedToArray(_React$useState, 2),
+    mousePosition = _React$useState2[0],
+    setMousePosition = _React$useState2[1];
+  React.useEffect(function () {
+    var element = svgRef.current;
+    if (element === null) {
+      return function () {};
+    }
+    var handleMouseOut = function handleMouseOut() {
+      setMousePosition(null);
+    };
+    var handleMouseMove = function handleMouseMove(event) {
+      setMousePosition({
+        x: event.clientX,
+        y: event.clientY
+      });
+    };
+    element.addEventListener('mouseout', handleMouseOut);
+    element.addEventListener('mousemove', handleMouseMove);
+    return function () {
+      element.removeEventListener('mouseout', handleMouseOut);
+      element.removeEventListener('mousemove', handleMouseMove);
+    };
+  }, [svgRef]);
+  return mousePosition;
+}
+export function getTootipHasData(trigger, displayedData) {
+  if (trigger === 'item') {
+    return displayedData !== null;
+  }
+  var hasAxisXData = displayedData.x !== null;
+  var hasAxisYData = displayedData.y !== null;
+  return hasAxisXData || hasAxisYData;
+}

package/legacy/ChartsXAxis/ChartsXAxis.js

@@ -0,0 +1,172 @@
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+import _extends from "@babel/runtime/helpers/esm/extends";
+var _excluded = ["scale", "ticksNumber"];
+import * as React from 'react';
+import PropTypes from 'prop-types';
+import { unstable_composeClasses as composeClasses } from '@mui/utils';
+import { useThemeProps, useTheme } from '@mui/material/styles';
+import { CartesianContext } from '../context/CartesianContextProvider';
+import { DrawingContext } from '../context/DrawingProvider';
+import useTicks from '../hooks/useTicks';
+import { getAxisUtilityClass } from '../ChartsAxis/axisClasses';
+import { Line, Tick, TickLabel, Label, AxisRoot } from '../internals/components/AxisSharedComponents';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+var useUtilityClasses = function useUtilityClasses(ownerState) {
+  var classes = ownerState.classes,
+    position = ownerState.position;
+  var slots = {
+    root: ['root', 'directionX', position],
+    line: ['line'],
+    tickContainer: ['tickContainer'],
+    tick: ['tick'],
+    tickLabel: ['tickLabel'],
+    label: ['label']
+  };
+  return composeClasses(slots, getAxisUtilityClass, classes);
+};
+var defaultProps = {
+  position: 'bottom',
+  disableLine: false,
+  disableTicks: false,
+  tickFontSize: 12,
+  labelFontSize: 14,
+  tickSize: 6
+};
+function ChartsXAxis(inProps) {
+  var props = useThemeProps({
+    props: _extends({}, defaultProps, inProps),
+    name: 'MuiChartsXAxis'
+  });
+  var _React$useContext = React.useContext(CartesianContext),
+    _React$useContext$xAx = _React$useContext.xAxis[props.axisId],
+    xScale = _React$useContext$xAx.scale,
+    ticksNumber = _React$useContext$xAx.ticksNumber,
+    settings = _objectWithoutProperties(_React$useContext$xAx, _excluded);
+  var defaultizedProps = _extends({}, defaultProps, settings, props);
+  var position = defaultizedProps.position,
+    disableLine = defaultizedProps.disableLine,
+    disableTicks = defaultizedProps.disableTicks,
+    tickFontSize = defaultizedProps.tickFontSize,
+    label = defaultizedProps.label,
+    labelFontSize = defaultizedProps.labelFontSize,
+    tickSizeProp = defaultizedProps.tickSize,
+    valueFormatter = defaultizedProps.valueFormatter;
+  var theme = useTheme();
+  var classes = useUtilityClasses(_extends({}, defaultizedProps, {
+    theme: theme
+  }));
+  var _React$useContext2 = React.useContext(DrawingContext),
+    left = _React$useContext2.left,
+    top = _React$useContext2.top,
+    width = _React$useContext2.width,
+    height = _React$useContext2.height;
+  var tickSize = disableTicks ? 4 : tickSizeProp;
+  var xTicks = useTicks({
+    scale: xScale,
+    ticksNumber: ticksNumber,
+    valueFormatter: valueFormatter
+  });
+  var positionSigne = position === 'bottom' ? 1 : -1;
+  var labelRefPoint = {
+    x: left + width / 2,
+    y: positionSigne * (tickFontSize + tickSize + 10)
+  };
+  return /*#__PURE__*/_jsxs(AxisRoot, {
+    transform: "translate(0, ".concat(position === 'bottom' ? top + height : top, ")"),
+    className: classes.root,
+    children: [!disableLine && /*#__PURE__*/_jsx(Line, {
+      x1: xScale.range()[0],
+      x2: xScale.range()[1],
+      className: classes.line
+    }), xTicks.map(function (_ref, index) {
+      var formattedValue = _ref.formattedValue,
+        offset = _ref.offset,
+        labelOffset = _ref.labelOffset;
+      var xTickLabel = labelOffset != null ? labelOffset : 0;
+      var yTickLabel = positionSigne * (tickSize + 3);
+      return /*#__PURE__*/_jsxs("g", {
+        transform: "translate(".concat(offset, ", 0)"),
+        className: classes.tickContainer,
+        children: [!disableTicks && /*#__PURE__*/_jsx(Tick, {
+          y2: positionSigne * tickSize,
+          className: classes.tick
+        }), formattedValue !== undefined && /*#__PURE__*/_jsx(TickLabel, {
+          x: xTickLabel,
+          y: yTickLabel,
+          "transform-origin": "".concat(xTickLabel, "px ").concat(yTickLabel, "px"),
+          sx: {
+            fontSize: tickFontSize
+          },
+          className: classes.tickLabel,
+          children: formattedValue
+        })]
+      }, index);
+    }), label && /*#__PURE__*/_jsx(Label, _extends({}, labelRefPoint, {
+      sx: {
+        fontSize: labelFontSize,
+        transformOrigin: "".concat(labelRefPoint.x, "px ").concat(labelRefPoint.y, "px")
+      },
+      className: classes.label,
+      children: label
+    }))]
+  });
+}
+process.env.NODE_ENV !== "production" ? ChartsXAxis.propTypes = {
+  // ----------------------------- Warning --------------------------------
+  // | These PropTypes are generated from the TypeScript type definitions |
+  // | To update them edit the TypeScript types and run "yarn proptypes"  |
+  // ----------------------------------------------------------------------
+  /**
+   * Id of the axis to render.
+   */
+  axisId: PropTypes.string.isRequired,
+  /**
+   * Override or extend the styles applied to the component.
+   */
+  classes: PropTypes.object,
+  /**
+   * If true, the axis line is disabled.
+   * @default false
+   */
+  disableLine: PropTypes.bool,
+  /**
+   * If true, the ticks are disabled.
+   * @default false
+   */
+  disableTicks: PropTypes.bool,
+  /**
+   * The fill color of the axis text.
+   * @default 'currentColor'
+   */
+  fill: PropTypes.string,
+  /**
+   * The label of the axis.
+   */
+  label: PropTypes.string,
+  /**
+   * The font size of the axis label.
+   * @default 14
+   */
+  labelFontSize: PropTypes.number,
+  /**
+   * Position of the axis.
+   */
+  position: PropTypes.oneOf(['bottom', 'top']),
+  /**
+   * The stroke color of the axis line.
+   * @default 'currentColor'
+   */
+  stroke: PropTypes.string,
+  /**
+   * The font size of the axis ticks text.
+   * @default 12
+   */
+  tickFontSize: PropTypes.number,
+  /**
+   * The size of the ticks.
+   * @default 6
+   */
+  tickSize: PropTypes.number
+} : void 0;
+export { ChartsXAxis };

package/legacy/ChartsXAxis/index.js

@@ -0,0 +1 @@
+export * from './ChartsXAxis';

package/legacy/ChartsYAxis/ChartsYAxis.js

@@ -0,0 +1,173 @@
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+import _extends from "@babel/runtime/helpers/esm/extends";
+var _excluded = ["scale", "ticksNumber"];
+import * as React from 'react';
+import PropTypes from 'prop-types';
+import { unstable_composeClasses as composeClasses } from '@mui/utils';
+import { useThemeProps, useTheme } from '@mui/material/styles';
+import { CartesianContext } from '../context/CartesianContextProvider';
+import { DrawingContext } from '../context/DrawingProvider';
+import useTicks from '../hooks/useTicks';
+import { Line, Tick, TickLabel, Label, AxisRoot } from '../internals/components/AxisSharedComponents';
+import { getAxisUtilityClass } from '../ChartsAxis/axisClasses';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+var useUtilityClasses = function useUtilityClasses(ownerState) {
+  var classes = ownerState.classes,
+    position = ownerState.position;
+  var slots = {
+    root: ['root', 'directionY', position],
+    line: ['line'],
+    tickContainer: ['tickContainer'],
+    tick: ['tick'],
+    tickLabel: ['tickLabel'],
+    label: ['label']
+  };
+  return composeClasses(slots, getAxisUtilityClass, classes);
+};
+var defaultProps = {
+  position: 'left',
+  disableLine: false,
+  disableTicks: false,
+  tickFontSize: 12,
+  labelFontSize: 14,
+  tickSize: 6
+};
+function ChartsYAxis(inProps) {
+  var props = useThemeProps({
+    props: _extends({}, defaultProps, inProps),
+    name: 'MuiChartsYAxis'
+  });
+  var _React$useContext = React.useContext(CartesianContext),
+    _React$useContext$yAx = _React$useContext.yAxis[props.axisId],
+    yScale = _React$useContext$yAx.scale,
+    ticksNumber = _React$useContext$yAx.ticksNumber,
+    settings = _objectWithoutProperties(_React$useContext$yAx, _excluded);
+  var defaultizedProps = _extends({}, defaultProps, settings, props);
+  var position = defaultizedProps.position,
+    disableLine = defaultizedProps.disableLine,
+    disableTicks = defaultizedProps.disableTicks,
+    tickFontSize = defaultizedProps.tickFontSize,
+    label = defaultizedProps.label,
+    labelFontSize = defaultizedProps.labelFontSize,
+    tickSizeProp = defaultizedProps.tickSize,
+    valueFormatter = defaultizedProps.valueFormatter;
+  var theme = useTheme();
+  var classes = useUtilityClasses(_extends({}, defaultizedProps, {
+    theme: theme
+  }));
+  var _React$useContext2 = React.useContext(DrawingContext),
+    left = _React$useContext2.left,
+    top = _React$useContext2.top,
+    width = _React$useContext2.width,
+    height = _React$useContext2.height;
+  var tickSize = disableTicks ? 4 : tickSizeProp;
+  var yTicks = useTicks({
+    scale: yScale,
+    ticksNumber: ticksNumber,
+    valueFormatter: valueFormatter
+  });
+  var positionSigne = position === 'right' ? 1 : -1;
+  var labelRefPoint = {
+    x: positionSigne * (tickFontSize + tickSize + 10),
+    y: top + height / 2
+  };
+  return /*#__PURE__*/_jsxs(AxisRoot, {
+    transform: "translate(".concat(position === 'right' ? left + width : left, ", 0)"),
+    className: classes.root,
+    children: [!disableLine && /*#__PURE__*/_jsx(Line, {
+      y1: yScale.range()[0],
+      y2: yScale.range()[1],
+      className: classes.line
+    }), yTicks.map(function (_ref, index) {
+      var formattedValue = _ref.formattedValue,
+        offset = _ref.offset,
+        labelOffset = _ref.labelOffset;
+      var xTickLabel = positionSigne * (tickSize + 2);
+      var yTickLabel = labelOffset;
+      return /*#__PURE__*/_jsxs("g", {
+        transform: "translate(0, ".concat(offset, ")"),
+        className: classes.tickContainer,
+        children: [!disableTicks && /*#__PURE__*/_jsx(Tick, {
+          x2: positionSigne * tickSize,
+          className: classes.tick
+        }), formattedValue !== undefined && /*#__PURE__*/_jsx(TickLabel, {
+          x: xTickLabel,
+          y: yTickLabel,
+          "transform-origin": "".concat(xTickLabel, "px ").concat(yTickLabel, "px"),
+          sx: {
+            fontSize: tickFontSize
+          },
+          className: classes.tickLabel,
+          children: formattedValue.toLocaleString()
+        })]
+      }, index);
+    }), label && /*#__PURE__*/_jsx(Label, _extends({}, labelRefPoint, {
+      sx: {
+        fontSize: labelFontSize,
+        transform: "rotate(".concat(positionSigne * 90, "deg)"),
+        transformOrigin: "".concat(labelRefPoint.x, "px ").concat(labelRefPoint.y, "px")
+      },
+      className: classes.label,
+      children: label
+    }))]
+  });
+}
+process.env.NODE_ENV !== "production" ? ChartsYAxis.propTypes = {
+  // ----------------------------- Warning --------------------------------
+  // | These PropTypes are generated from the TypeScript type definitions |
+  // | To update them edit the TypeScript types and run "yarn proptypes"  |
+  // ----------------------------------------------------------------------
+  /**
+   * Id of the axis to render.
+   */
+  axisId: PropTypes.string.isRequired,
+  /**
+   * Override or extend the styles applied to the component.
+   */
+  classes: PropTypes.object,
+  /**
+   * If true, the axis line is disabled.
+   * @default false
+   */
+  disableLine: PropTypes.bool,
+  /**
+   * If true, the ticks are disabled.
+   * @default false
+   */
+  disableTicks: PropTypes.bool,
+  /**
+   * The fill color of the axis text.
+   * @default 'currentColor'
+   */
+  fill: PropTypes.string,
+  /**
+   * The label of the axis.
+   */
+  label: PropTypes.string,
+  /**
+   * The font size of the axis label.
+   * @default 14
+   */
+  labelFontSize: PropTypes.number,
+  /**
+   * Position of the axis.
+   */
+  position: PropTypes.oneOf(['left', 'right']),
+  /**
+   * The stroke color of the axis line.
+   * @default 'currentColor'
+   */
+  stroke: PropTypes.string,
+  /**
+   * The font size of the axis ticks text.
+   * @default 12
+   */
+  tickFontSize: PropTypes.number,
+  /**
+   * The size of the ticks.
+   * @default 6
+   */
+  tickSize: PropTypes.number
+} : void 0;
+export { ChartsYAxis };

package/legacy/ChartsYAxis/index.js

@@ -0,0 +1 @@
+export * from './ChartsYAxis';