@mui/x-charts 7.14.0 → 7.16.0

package/{esm → node}/ChartsTooltip/utils.js

@@ -1,7 +1,18 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
-import * as React from 'react';
-import { useSvgRef } from '../hooks';
-export function generateVirtualElement(mousePosition) {
+"use strict";
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.generateVirtualElement = generateVirtualElement;
+exports.getTooltipHasData = getTooltipHasData;
+exports.useMouseTracker = useMouseTracker;
+exports.utcFormatter = utcFormatter;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var React = _interopRequireWildcard(require("react"));
+var _hooks = require("../hooks");
+function generateVirtualElement(mousePosition) {
   if (mousePosition === null) {
     return {
       getBoundingClientRect: () => ({
@@ -32,13 +43,13 @@ export function generateVirtualElement(mousePosition) {
     left: x
   };
   return {
-    getBoundingClientRect: () => _extends({}, boundingBox, {
+    getBoundingClientRect: () => (0, _extends2.default)({}, boundingBox, {
       toJSON: () => JSON.stringify(boundingBox)
     })
   };
 }
-export function useMouseTracker() {
-  const svgRef = useSvgRef();
+function useMouseTracker() {
+  const svgRef = (0, _hooks.useSvgRef)();
 
   // Use a ref to avoid rerendering on every mousemove event.
   const [mousePosition, setMousePosition] = React.useState(null);
@@ -71,7 +82,7 @@ export function useMouseTracker() {
   }, [svgRef]);
   return mousePosition;
 }
-export function getTooltipHasData(trigger, displayedData) {
+function getTooltipHasData(trigger, displayedData) {
   if (trigger === 'item') {
     return displayedData !== null;
   }
@@ -79,7 +90,7 @@ export function getTooltipHasData(trigger, displayedData) {
   const hasAxisYData = displayedData.y !== null;
   return hasAxisXData || hasAxisYData;
 }
-export function utcFormatter(v) {
+function utcFormatter(v) {
   if (v instanceof Date) {
     return v.toUTCString();
   }

package/{esm → node}/ChartsVoronoiHandler/ChartsVoronoiHandler.js

@@ -1,45 +1,53 @@
-import * as React from 'react';
-import PropTypes from 'prop-types';
-import { Delaunay } from '@mui/x-charts-vendor/d3-delaunay';
-import useEnhancedEffect from '@mui/utils/useEnhancedEffect';
-import { InteractionContext } from '../context/InteractionProvider';
-import { useCartesianContext } from '../context/CartesianProvider';
-import { getValueToPositionMapper } from '../hooks/useScale';
-import { getSVGPoint } from '../internals/getSVGPoint';
-import { useDrawingArea, useSvgRef } from '../hooks';
-import { useHighlighted } from '../context';
-import { useScatterSeries } from '../hooks/useSeries';
-import { jsx as _jsx } from "react/jsx-runtime";
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ChartsVoronoiHandler = ChartsVoronoiHandler;
+var React = _interopRequireWildcard(require("react"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _d3Delaunay = require("@mui/x-charts-vendor/d3-delaunay");
+var _useEnhancedEffect = _interopRequireDefault(require("@mui/utils/useEnhancedEffect"));
+var _InteractionProvider = require("../context/InteractionProvider");
+var _CartesianProvider = require("../context/CartesianProvider");
+var _useScale = require("../hooks/useScale");
+var _getSVGPoint = require("../internals/getSVGPoint");
+var _hooks = require("../hooks");
+var _context = require("../context");
+var _useSeries = require("../hooks/useSeries");
+var _jsxRuntime = require("react/jsx-runtime");
 function ChartsVoronoiHandler(props) {
   const {
     voronoiMaxRadius,
     onItemClick
   } = props;
-  const svgRef = useSvgRef();
-  const drawingArea = useDrawingArea();
+  const svgRef = (0, _hooks.useSvgRef)();
+  const drawingArea = (0, _hooks.useDrawingArea)();
   const {
     xAxis,
     yAxis,
     xAxisIds,
     yAxisIds
-  } = useCartesianContext();
+  } = (0, _CartesianProvider.useCartesianContext)();
   const {
     dispatch
-  } = React.useContext(InteractionContext);
+  } = React.useContext(_InteractionProvider.InteractionContext);
   const {
     series,
     seriesOrder
-  } = useScatterSeries() ?? {};
+  } = (0, _useSeries.useScatterSeries)() ?? {};
   const voronoiRef = React.useRef({});
   const delauneyRef = React.useRef(undefined);
   const lastFind = React.useRef(undefined);
   const {
     setHighlighted,
     clearHighlighted
-  } = useHighlighted();
+  } = (0, _context.useHighlighted)();
   const defaultXAxisId = xAxisIds[0];
   const defaultYAxisId = yAxisIds[0];
-  useEnhancedEffect(() => {
+  (0, _useEnhancedEffect.default)(() => {
     dispatch({
       type: 'updateVoronoiUsage',
       useVoronoiInteraction: true
@@ -51,7 +59,7 @@ function ChartsVoronoiHandler(props) {
       });
     };
   }, [dispatch]);
-  useEnhancedEffect(() => {
+  (0, _useEnhancedEffect.default)(() => {
     // This effect generate and store the Delaunay object that's used to map coordinate to closest point.
 
     if (seriesOrder === undefined || series === undefined) {
@@ -70,8 +78,8 @@ function ChartsVoronoiHandler(props) {
       } = series[seriesId];
       const xScale = xAxis[xAxisId ?? xAxisKey ?? defaultXAxisId].scale;
       const yScale = yAxis[yAxisId ?? yAxisKey ?? defaultYAxisId].scale;
-      const getXPosition = getValueToPositionMapper(xScale);
-      const getYPosition = getValueToPositionMapper(yScale);
+      const getXPosition = (0, _useScale.getValueToPositionMapper)(xScale);
+      const getYPosition = (0, _useScale.getValueToPositionMapper)(yScale);
       const seriesPoints = data.flatMap(({
         x,
         y
@@ -96,7 +104,7 @@ function ChartsVoronoiHandler(props) {
       };
       points = points.concat(seriesPoints);
     });
-    delauneyRef.current = new Delaunay(points);
+    delauneyRef.current = new _d3Delaunay.Delaunay(points);
     lastFind.current = undefined;
   }, [defaultXAxisId, defaultYAxisId, series, seriesOrder, xAxis, yAxis, drawingArea]);
   React.useEffect(() => {
@@ -106,7 +114,7 @@ function ChartsVoronoiHandler(props) {
     }
     function getClosestPoint(event) {
       // Get mouse coordinate in global SVG space
-      const svgPoint = getSVGPoint(element, event);
+      const svgPoint = (0, _getSVGPoint.getSVGPoint)(element, event);
       if (!drawingArea.isPointInside(svgPoint)) {
         lastFind.current = undefined;
         return 'outside-chart';
@@ -212,7 +220,7 @@ function ChartsVoronoiHandler(props) {
   }, [svgRef, dispatch, yAxis, xAxis, voronoiMaxRadius, onItemClick, setHighlighted, clearHighlighted, drawingArea]);
 
   // eslint-disable-next-line react/jsx-no-useless-fragment
-  return /*#__PURE__*/_jsx(React.Fragment, {});
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(React.Fragment, {});
 }
 process.env.NODE_ENV !== "production" ? ChartsVoronoiHandler.propTypes = {
   // ----------------------------- Warning --------------------------------
@@ -224,11 +232,10 @@ process.env.NODE_ENV !== "production" ? ChartsVoronoiHandler.propTypes = {
    * @param {MouseEvent} event Mouse event caught at the svg level
    * @param {ScatterItemIdentifier} scatterItemIdentifier Identify which item got clicked
    */
-  onItemClick: PropTypes.func,
+  onItemClick: _propTypes.default.func,
   /**
    * Defines the maximal distance between a scatter point and the pointer that triggers the interaction.
    * If `undefined`, the radius is assumed to be infinite.
    */
-  voronoiMaxRadius: PropTypes.number
-} : void 0;
-export { ChartsVoronoiHandler };
+  voronoiMaxRadius: _propTypes.default.number
+} : void 0;

package/node/ChartsVoronoiHandler/index.js

@@ -0,0 +1,16 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _ChartsVoronoiHandler = require("./ChartsVoronoiHandler");
+Object.keys(_ChartsVoronoiHandler).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _ChartsVoronoiHandler[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _ChartsVoronoiHandler[key];
+    }
+  });
+});

package/{esm → node}/ChartsXAxis/ChartsXAxis.js

@@ -1,23 +1,31 @@
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
-import _extends from "@babel/runtime/helpers/esm/extends";
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ChartsXAxis = ChartsXAxis;
+var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var React = _interopRequireWildcard(require("react"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _useSlotProps = _interopRequireDefault(require("@mui/utils/useSlotProps"));
+var _composeClasses = _interopRequireDefault(require("@mui/utils/composeClasses"));
+var _styles = require("@mui/material/styles");
+var _CartesianProvider = require("../context/CartesianProvider");
+var _useTicks = require("../hooks/useTicks");
+var _axisClasses = require("../ChartsAxis/axisClasses");
+var _AxisSharedComponents = require("../internals/components/AxisSharedComponents");
+var _ChartsText = require("../ChartsText");
+var _geometry = require("../internals/geometry");
+var _useMounted = require("../hooks/useMounted");
+var _useDrawingArea = require("../hooks/useDrawingArea");
+var _getWordsByLines = require("../internals/getWordsByLines");
+var _isInfinity = require("../internals/isInfinity");
+var _isBandScale = require("../internals/isBandScale");
+var _jsxRuntime = require("react/jsx-runtime");
 const _excluded = ["scale", "tickNumber", "reverse"];
-import * as React from 'react';
-import PropTypes from 'prop-types';
-import useSlotProps from '@mui/utils/useSlotProps';
-import composeClasses from '@mui/utils/composeClasses';
-import { useThemeProps, useTheme } from '@mui/material/styles';
-import { useCartesianContext } from '../context/CartesianProvider';
-import { useTicks } from '../hooks/useTicks';
-import { getAxisUtilityClass } from '../ChartsAxis/axisClasses';
-import { AxisRoot } from '../internals/components/AxisSharedComponents';
-import { ChartsText } from '../ChartsText';
-import { getMinXTranslation } from '../internals/geometry';
-import { useMounted } from '../hooks/useMounted';
-import { useDrawingArea } from '../hooks/useDrawingArea';
-import { getWordsByLines } from '../internals/getWordsByLines';
-import { isInfinity } from '../internals/isInfinity';
-import { isBandScale } from '../internals/isBandScale';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const useUtilityClasses = ownerState => {
   const {
     classes,
@@ -31,7 +39,7 @@ const useUtilityClasses = ownerState => {
     tickLabel: ['tickLabel'],
     label: ['label']
   };
-  return composeClasses(slots, getAxisUtilityClass, classes);
+  return (0, _composeClasses.default)(slots, _axisClasses.getAxisUtilityClass, classes);
 };
 function addLabelDimension(xTicks, {
   tickLabelStyle: style,
@@ -41,23 +49,23 @@ function addLabelDimension(xTicks, {
 }) {
   const withDimension = xTicks.map(tick => {
     if (!isMounted || tick.formattedValue === undefined) {
-      return _extends({}, tick, {
+      return (0, _extends2.default)({}, tick, {
         width: 0,
         height: 0
       });
     }
-    const tickSizes = getWordsByLines({
+    const tickSizes = (0, _getWordsByLines.getWordsByLines)({
       style,
       needsComputation: true,
       text: tick.formattedValue
     });
-    return _extends({}, tick, {
+    return (0, _extends2.default)({}, tick, {
       width: Math.max(...tickSizes.map(size => size.width)),
       height: Math.max(tickSizes.length * tickSizes[0].height)
     });
   });
   if (typeof tickLabelInterval === 'function') {
-    return withDimension.map((item, index) => _extends({}, item, {
+    return withDimension.map((item, index) => (0, _extends2.default)({}, item, {
       skipLabel: !tickLabelInterval(item.value, index)
     }));
   }
@@ -73,7 +81,7 @@ function addLabelDimension(xTicks, {
       labelOffset,
       height
     } = item;
-    const distance = getMinXTranslation(width, height, style?.angle);
+    const distance = (0, _geometry.getMinXTranslation)(width, height, style?.angle);
     const textPosition = offset + labelOffset;
     const gapRatio = 1.2; // Ratio applied to the minimal distance to add some margin.
 
@@ -81,7 +89,7 @@ function addLabelDimension(xTicks, {
     if (labelIndex > 0 && direction * currentTextLimit < direction * previousTextLimit) {
       // Except for the first label, we skip all label that overlap with the last accepted.
       // Notice that the early return prevents `previousTextLimit` from being updated.
-      return _extends({}, item, {
+      return (0, _extends2.default)({}, item, {
         skipLabel: true
       });
     }
@@ -89,6 +97,11 @@ function addLabelDimension(xTicks, {
     return item;
   });
 }
+const XAxisRoot = (0, _styles.styled)(_AxisSharedComponents.AxisRoot, {
+  name: 'MuiChartsXAxis',
+  slot: 'Root',
+  overridesResolver: (props, styles) => styles.root
+})({});
 const defaultProps = {
   position: 'bottom',
   disableLine: false,
@@ -109,20 +122,20 @@ function ChartsXAxis(inProps) {
   const {
     xAxisIds,
     xAxis
-  } = useCartesianContext();
+  } = (0, _CartesianProvider.useCartesianContext)();
   const _xAxis = xAxis[inProps.axisId ?? xAxisIds[0]],
     {
       scale: xScale,
       tickNumber,
       reverse
     } = _xAxis,
-    settings = _objectWithoutPropertiesLoose(_xAxis, _excluded);
-  const isMounted = useMounted();
-  const themedProps = useThemeProps({
-    props: _extends({}, settings, inProps),
+    settings = (0, _objectWithoutPropertiesLoose2.default)(_xAxis, _excluded);
+  const isMounted = (0, _useMounted.useMounted)();
+  const themedProps = (0, _styles.useThemeProps)({
+    props: (0, _extends2.default)({}, settings, inProps),
     name: 'MuiChartsXAxis'
   });
-  const defaultizedProps = _extends({}, defaultProps, themedProps);
+  const defaultizedProps = (0, _extends2.default)({}, defaultProps, themedProps);
   const {
     position,
     disableLine,
@@ -142,8 +155,8 @@ function ChartsXAxis(inProps) {
     tickLabelPlacement,
     sx
   } = defaultizedProps;
-  const theme = useTheme();
-  const classes = useUtilityClasses(_extends({}, defaultizedProps, {
+  const theme = (0, _styles.useTheme)();
+  const classes = useUtilityClasses((0, _extends2.default)({}, defaultizedProps, {
     theme
   }));
   const {
@@ -152,18 +165,18 @@ function ChartsXAxis(inProps) {
     width,
     height,
     isPointInside
-  } = useDrawingArea();
+  } = (0, _useDrawingArea.useDrawingArea)();
   const tickSize = disableTicks ? 4 : tickSizeProp;
   const positionSign = position === 'bottom' ? 1 : -1;
   const Line = slots?.axisLine ?? 'line';
   const Tick = slots?.axisTick ?? 'line';
-  const TickLabel = slots?.axisTickLabel ?? ChartsText;
-  const Label = slots?.axisLabel ?? ChartsText;
-  const axisTickLabelProps = useSlotProps({
+  const TickLabel = slots?.axisTickLabel ?? _ChartsText.ChartsText;
+  const Label = slots?.axisLabel ?? _ChartsText.ChartsText;
+  const axisTickLabelProps = (0, _useSlotProps.default)({
     elementType: TickLabel,
     externalSlotProps: slotProps?.axisTickLabel,
     additionalProps: {
-      style: _extends({
+      style: (0, _extends2.default)({
         textAnchor: 'middle',
         dominantBaseline: position === 'bottom' ? 'hanging' : 'auto',
         fontSize: tickFontSize ?? 12
@@ -172,7 +185,7 @@ function ChartsXAxis(inProps) {
     className: classes.tickLabel,
     ownerState: {}
   });
-  const xTicks = useTicks({
+  const xTicks = (0, _useTicks.useTicks)({
     scale: xScale,
     tickNumber,
     valueFormatter,
@@ -190,11 +203,11 @@ function ChartsXAxis(inProps) {
     x: left + width / 2,
     y: positionSign * (tickSize + 22)
   };
-  const axisLabelProps = useSlotProps({
+  const axisLabelProps = (0, _useSlotProps.default)({
     elementType: Label,
     externalSlotProps: slotProps?.axisLabel,
     additionalProps: {
-      style: _extends({
+      style: (0, _extends2.default)({
         fontSize: labelFontSize ?? 14,
         textAnchor: 'middle',
         dominantBaseline: position === 'bottom' ? 'hanging' : 'auto'
@@ -203,18 +216,18 @@ function ChartsXAxis(inProps) {
     ownerState: {}
   });
   const domain = xScale.domain();
-  const ordinalAxis = isBandScale(xScale);
+  const ordinalAxis = (0, _isBandScale.isBandScale)(xScale);
   // Skip axis rendering if no data is available
   // - The domain is an empty array for band/point scales.
   // - The domains contains Infinity for continuous scales.
-  if (ordinalAxis && domain.length === 0 || !ordinalAxis && domain.some(isInfinity)) {
+  if (ordinalAxis && domain.length === 0 || !ordinalAxis && domain.some(_isInfinity.isInfinity)) {
     return null;
   }
-  return /*#__PURE__*/_jsxs(AxisRoot, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(XAxisRoot, {
     transform: `translate(0, ${position === 'bottom' ? top + height : top})`,
     className: classes.root,
     sx: sx,
-    children: [!disableLine && /*#__PURE__*/_jsx(Line, _extends({
+    children: [!disableLine && /*#__PURE__*/(0, _jsxRuntime.jsx)(Line, (0, _extends2.default)({
       x1: left,
       x2: left + width,
       className: classes.line
@@ -238,22 +251,22 @@ function ChartsXAxis(inProps) {
       }, {
         direction: 'x'
       });
-      return /*#__PURE__*/_jsxs("g", {
+      return /*#__PURE__*/(0, _jsxRuntime.jsxs)("g", {
         transform: `translate(${offset}, 0)`,
         className: classes.tickContainer,
-        children: [!disableTicks && showTick && /*#__PURE__*/_jsx(Tick, _extends({
+        children: [!disableTicks && showTick && /*#__PURE__*/(0, _jsxRuntime.jsx)(Tick, (0, _extends2.default)({
           y2: positionSign * tickSize,
           className: classes.tick
-        }, slotProps?.axisTick)), formattedValue !== undefined && !skipLabel && showTickLabel && /*#__PURE__*/_jsx(TickLabel, _extends({
+        }, slotProps?.axisTick)), formattedValue !== undefined && !skipLabel && showTickLabel && /*#__PURE__*/(0, _jsxRuntime.jsx)(TickLabel, (0, _extends2.default)({
           x: xTickLabel,
           y: yTickLabel
         }, axisTickLabelProps, {
           text: formattedValue.toString()
         }))]
       }, index);
-    }), label && /*#__PURE__*/_jsx("g", {
+    }), label && /*#__PURE__*/(0, _jsxRuntime.jsx)("g", {
       className: classes.label,
-      children: /*#__PURE__*/_jsx(Label, _extends({}, labelRefPoint, axisLabelProps, {
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(Label, (0, _extends2.default)({}, labelRefPoint, axisLabelProps, {
         text: label
       }))
     })]
@@ -268,66 +281,66 @@ process.env.NODE_ENV !== "production" ? ChartsXAxis.propTypes = {
    * The id of the axis to render.
    * If undefined, it will be the first defined axis.
    */
-  axisId: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
+  axisId: _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.string]),
   /**
    * Override or extend the styles applied to the component.
    */
-  classes: PropTypes.object,
+  classes: _propTypes.default.object,
   /**
    * If true, the axis line is disabled.
    * @default false
    */
-  disableLine: PropTypes.bool,
+  disableLine: _propTypes.default.bool,
   /**
    * If true, the ticks are disabled.
    * @default false
    */
-  disableTicks: PropTypes.bool,
+  disableTicks: _propTypes.default.bool,
   /**
    * The fill color of the axis text.
    * @default 'currentColor'
    */
-  fill: PropTypes.string,
+  fill: _propTypes.default.string,
   /**
    * The label of the axis.
    */
-  label: PropTypes.string,
+  label: _propTypes.default.string,
   /**
    * The font size of the axis label.
    * @default 14
    * @deprecated Consider using `labelStyle.fontSize` instead.
    */
-  labelFontSize: PropTypes.number,
+  labelFontSize: _propTypes.default.number,
   /**
    * The style applied to the axis label.
    */
-  labelStyle: PropTypes.object,
+  labelStyle: _propTypes.default.object,
   /**
    * Position of the axis.
    */
-  position: PropTypes.oneOf(['bottom', 'top']),
+  position: _propTypes.default.oneOf(['bottom', 'top']),
   /**
    * The props used for each component slot.
    * @default {}
    */
-  slotProps: PropTypes.object,
+  slotProps: _propTypes.default.object,
   /**
    * Overridable component slots.
    * @default {}
    */
-  slots: PropTypes.object,
+  slots: _propTypes.default.object,
   /**
    * The stroke color of the axis line.
    * @default 'currentColor'
    */
-  stroke: PropTypes.string,
-  sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.bool])), PropTypes.func, PropTypes.object]),
+  stroke: _propTypes.default.string,
+  sx: _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.object, _propTypes.default.bool])), _propTypes.default.func, _propTypes.default.object]),
   /**
    * The font size of the axis ticks text.
    * @default 12
    * @deprecated Consider using `tickLabelStyle.fontSize` instead.
    */
-  tickFontSize: PropTypes.number,
+  tickFontSize: _propTypes.default.number,
   /**
    * Defines which ticks are displayed.
    * Its value can be:
@@ -337,51 +350,50 @@ process.env.NODE_ENV !== "production" ? ChartsXAxis.propTypes = {
    * @see See {@link https://mui.com/x/react-charts/axis/#fixed-tick-positions}
    * @default 'auto'
    */
-  tickInterval: PropTypes.oneOfType([PropTypes.oneOf(['auto']), PropTypes.array, PropTypes.func]),
+  tickInterval: _propTypes.default.oneOfType([_propTypes.default.oneOf(['auto']), _propTypes.default.array, _propTypes.default.func]),
   /**
    * Defines which ticks get its label displayed. Its value can be:
    * - 'auto' In such case, labels are displayed if they do not overlap with the previous one.
    * - a filtering function of the form (value, index) => boolean. Warning: the index is tick index, not data ones.
    * @default 'auto'
    */
-  tickLabelInterval: PropTypes.oneOfType([PropTypes.oneOf(['auto']), PropTypes.func]),
+  tickLabelInterval: _propTypes.default.oneOfType([_propTypes.default.oneOf(['auto']), _propTypes.default.func]),
   /**
    * The placement of ticks label. Can be the middle of the band, or the tick position.
    * Only used if scale is 'band'.
    * @default 'middle'
    */
-  tickLabelPlacement: PropTypes.oneOf(['middle', 'tick']),
+  tickLabelPlacement: _propTypes.default.oneOf(['middle', 'tick']),
   /**
    * The style applied to ticks text.
    */
-  tickLabelStyle: PropTypes.object,
+  tickLabelStyle: _propTypes.default.object,
   /**
    * Maximal step between two ticks.
    * When using time data, the value is assumed to be in ms.
    * Not supported by categorical axis (band, points).
    */
-  tickMaxStep: PropTypes.number,
+  tickMaxStep: _propTypes.default.number,
   /**
    * Minimal step between two ticks.
    * When using time data, the value is assumed to be in ms.
    * Not supported by categorical axis (band, points).
    */
-  tickMinStep: PropTypes.number,
+  tickMinStep: _propTypes.default.number,
   /**
    * The number of ticks. This number is not guaranteed.
    * Not supported by categorical axis (band, points).
    */
-  tickNumber: PropTypes.number,
+  tickNumber: _propTypes.default.number,
   /**
    * The placement of ticks in regard to the band interval.
    * Only used if scale is 'band'.
    * @default 'extremities'
    */
-  tickPlacement: PropTypes.oneOf(['end', 'extremities', 'middle', 'start']),
+  tickPlacement: _propTypes.default.oneOf(['end', 'extremities', 'middle', 'start']),
   /**
    * The size of the ticks.
    * @default 6
    */
-  tickSize: PropTypes.number
-} : void 0;
-export { ChartsXAxis };
+  tickSize: _propTypes.default.number
+} : void 0;

package/node/ChartsXAxis/index.js

@@ -0,0 +1,16 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _ChartsXAxis = require("./ChartsXAxis");
+Object.keys(_ChartsXAxis).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _ChartsXAxis[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _ChartsXAxis[key];
+    }
+  });
+});