@mui/x-charts-pro 7.0.0-alpha.3 → 7.0.0-beta.1

package/LineChartPro/LineChartPro.js

@@ -1,5 +1,7 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
+'use client';
+
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
+import _extends from "@babel/runtime/helpers/esm/extends";
 const _excluded = ["zoom", "onZoomChange"];
 import * as React from 'react';
 import PropTypes from 'prop-types';
@@ -14,10 +16,34 @@ import { ChartsLegend } from '@mui/x-charts/ChartsLegend';
 import { ChartsTooltip } from '@mui/x-charts/ChartsTooltip';
 import { ChartsClipPath } from '@mui/x-charts/ChartsClipPath';
 import { useLineChartProps } from '@mui/x-charts/internals';
-import { ResponsiveChartContainerPro } from '../ResponsiveChartContainerPro';
-import { ZoomSetup } from '../context/ZoomProvider/ZoomSetup';
-import { useZoom } from '../context/ZoomProvider/useZoom';
+import { ResponsiveChartContainerPro } from "../ResponsiveChartContainerPro/index.js";
+import { ZoomSetup } from "../context/ZoomProvider/ZoomSetup.js";
+import { useZoom } from "../context/ZoomProvider/useZoom.js";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+function AreaPlotZoom(props) {
+  const {
+    isInteracting
+  } = useZoom();
+  return /*#__PURE__*/_jsx(AreaPlot, _extends({}, props, {
+    skipAnimation: isInteracting ? true : props.skipAnimation
+  }));
+}
+function LinePlotZoom(props) {
+  const {
+    isInteracting
+  } = useZoom();
+  return /*#__PURE__*/_jsx(LinePlot, _extends({}, props, {
+    skipAnimation: isInteracting ? true : props.skipAnimation
+  }));
+}
+function MarkPlotZoom(props) {
+  const {
+    isInteracting
+  } = useZoom();
+  return /*#__PURE__*/_jsx(MarkPlot, _extends({}, props, {
+    skipAnimation: isInteracting ? true : props.skipAnimation
+  }));
+}
 /**
  * Demos:
  *
@@ -60,7 +86,7 @@ const LineChartPro = /*#__PURE__*/React.forwardRef(function LineChartPro(inProps
   }, chartContainerProps, {
     zoom: zoom,
     onZoomChange: onZoomChange,
-    children: [props.onAxisClick && /*#__PURE__*/_jsx(ChartsOnAxisClickHandler, _extends({}, axisClickHandlerProps)), props.grid && /*#__PURE__*/_jsx(ChartsGrid, _extends({}, gridProps)), /*#__PURE__*/_jsxs("g", _extends({}, clipPathGroupProps, {
+    children: [props.onAxisClick && /*#__PURE__*/_jsx(ChartsOnAxisClickHandler, _extends({}, axisClickHandlerProps)), /*#__PURE__*/_jsx(ChartsGrid, _extends({}, gridProps)), /*#__PURE__*/_jsxs("g", _extends({}, clipPathGroupProps, {
       children: [/*#__PURE__*/_jsx(AreaPlotZoom, _extends({}, areaPlotProps)), /*#__PURE__*/_jsx(LinePlotZoom, _extends({}, linePlotProps)), /*#__PURE__*/_jsx(ChartsOverlay, _extends({}, overlayProps)), /*#__PURE__*/_jsx(ChartsAxisHighlight, _extends({}, axisHighlightProps))]
     })), /*#__PURE__*/_jsx(ChartsAxis, _extends({}, chartsAxisProps)), /*#__PURE__*/_jsx("g", {
       "data-drawing-container": true,
@@ -110,6 +136,10 @@ process.env.NODE_ENV !== "production" ? LineChartPro.propTypes = {
    * If `true`, render the line highlight item.
    */
   disableLineItemHighlight: PropTypes.bool,
+  /**
+   * If `true` marks will render `<circle />` instead of `<path />` and drop theme override for faster rendering.
+   */
+  experimentalMarkRendering: PropTypes.bool,
   /**
    * Option to display a cartesian grid in the background.
    */
@@ -141,6 +171,18 @@ process.env.NODE_ENV !== "production" ? LineChartPro.propTypes = {
     classes: PropTypes.object,
     direction: PropTypes.oneOf(['column', 'row']),
     hidden: PropTypes.bool,
+    itemGap: PropTypes.number,
+    itemMarkHeight: PropTypes.number,
+    itemMarkWidth: PropTypes.number,
+    labelStyle: PropTypes.object,
+    markGap: PropTypes.number,
+    onItemClick: PropTypes.func,
+    padding: PropTypes.oneOfType([PropTypes.number, PropTypes.shape({
+      bottom: PropTypes.number,
+      left: PropTypes.number,
+      right: PropTypes.number,
+      top: PropTypes.number
+    })]),
     position: PropTypes.shape({
       horizontal: PropTypes.oneOf(['left', 'middle', 'right']).isRequired,
       vertical: PropTypes.oneOf(['bottom', 'middle', 'top']).isRequired
@@ -190,6 +232,12 @@ process.env.NODE_ENV !== "production" ? LineChartPro.propTypes = {
    * Callback fired when a mark element is clicked.
    */
   onMarkClick: PropTypes.func,
+  /**
+   * Callback fired when the zoom has changed.
+   *
+   * @param {ZoomData[]} zoomData Updated zoom data.
+   */
+  onZoomChange: PropTypes.func,
   /**
    * Indicate which axis to display the right of the charts.
    * Can be a string (the id of the axis) or an object `ChartsYAxisProps`.
@@ -253,7 +301,6 @@ process.env.NODE_ENV !== "production" ? LineChartPro.propTypes = {
    * An array of [[AxisConfig]] objects.
    */
   xAxis: PropTypes.arrayOf(PropTypes.shape({
-    axisId: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
     classes: PropTypes.object,
     colorMap: PropTypes.oneOfType([PropTypes.shape({
       colors: PropTypes.arrayOf(PropTypes.string).isRequired,
@@ -288,6 +335,7 @@ process.env.NODE_ENV !== "production" ? LineChartPro.propTypes = {
     slotProps: PropTypes.object,
     slots: PropTypes.object,
     stroke: PropTypes.string,
+    sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.bool])), PropTypes.func, PropTypes.object]),
     tickFontSize: PropTypes.number,
     tickInterval: PropTypes.oneOfType([PropTypes.oneOf(['auto']), PropTypes.array, PropTypes.func]),
     tickLabelInterval: PropTypes.oneOfType([PropTypes.oneOf(['auto']), PropTypes.func]),
@@ -300,6 +348,7 @@ process.env.NODE_ENV !== "production" ? LineChartPro.propTypes = {
     tickSize: PropTypes.number,
     valueFormatter: PropTypes.func,
     zoom: PropTypes.oneOfType([PropTypes.shape({
+      filterMode: PropTypes.oneOf(['discard', 'keep']),
       maxEnd: PropTypes.number,
       maxSpan: PropTypes.number,
       minSpan: PropTypes.number,
@@ -314,7 +363,6 @@ process.env.NODE_ENV !== "production" ? LineChartPro.propTypes = {
    * An array of [[AxisConfig]] objects.
    */
   yAxis: PropTypes.arrayOf(PropTypes.shape({
-    axisId: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
     classes: PropTypes.object,
     colorMap: PropTypes.oneOfType([PropTypes.shape({
       colors: PropTypes.arrayOf(PropTypes.string).isRequired,
@@ -349,6 +397,7 @@ process.env.NODE_ENV !== "production" ? LineChartPro.propTypes = {
     slotProps: PropTypes.object,
     slots: PropTypes.object,
     stroke: PropTypes.string,
+    sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.bool])), PropTypes.func, PropTypes.object]),
     tickFontSize: PropTypes.number,
     tickInterval: PropTypes.oneOfType([PropTypes.oneOf(['auto']), PropTypes.array, PropTypes.func]),
     tickLabelInterval: PropTypes.oneOfType([PropTypes.oneOf(['auto']), PropTypes.func]),
@@ -361,6 +410,7 @@ process.env.NODE_ENV !== "production" ? LineChartPro.propTypes = {
     tickSize: PropTypes.number,
     valueFormatter: PropTypes.func,
     zoom: PropTypes.oneOfType([PropTypes.shape({
+      filterMode: PropTypes.oneOf(['discard', 'keep']),
       maxEnd: PropTypes.number,
       maxSpan: PropTypes.number,
       minSpan: PropTypes.number,
@@ -368,111 +418,14 @@ process.env.NODE_ENV !== "production" ? LineChartPro.propTypes = {
       panning: PropTypes.bool,
       step: PropTypes.number
     }), PropTypes.bool])
-  }))
-} : void 0;
-function MarkPlotZoom(props) {
-  const {
-    isInteracting
-  } = useZoom();
-  return /*#__PURE__*/_jsx(MarkPlot, _extends({}, props, {
-    skipAnimation: isInteracting ? true : props.skipAnimation
-  }));
-}
-process.env.NODE_ENV !== "production" ? MarkPlotZoom.propTypes = {
-  // ----------------------------- Warning --------------------------------
-  // | These PropTypes are generated from the TypeScript type definitions |
-  // | To update them edit the TypeScript types and run "pnpm proptypes"  |
-  // ----------------------------------------------------------------------
-  /**
-   * Callback fired when a line mark item is clicked.
-   * @param {React.MouseEvent<SVGPathElement, MouseEvent>} event The event source of the callback.
-   * @param {LineItemIdentifier} lineItemIdentifier The line mark item identifier.
-   */
-  onItemClick: PropTypes.func,
-  /**
-   * If `true`, animations are skipped.
-   * @default false
-   */
-  skipAnimation: PropTypes.bool,
-  /**
-   * The props used for each component slot.
-   * @default {}
-   */
-  slotProps: PropTypes.object,
-  /**
-   * Overridable component slots.
-   * @default {}
-   */
-  slots: PropTypes.object
-} : void 0;
-function LinePlotZoom(props) {
-  const {
-    isInteracting
-  } = useZoom();
-  return /*#__PURE__*/_jsx(LinePlot, _extends({}, props, {
-    skipAnimation: isInteracting ? true : props.skipAnimation
-  }));
-}
-process.env.NODE_ENV !== "production" ? LinePlotZoom.propTypes = {
-  // ----------------------------- Warning --------------------------------
-  // | These PropTypes are generated from the TypeScript type definitions |
-  // | To update them edit the TypeScript types and run "pnpm proptypes"  |
-  // ----------------------------------------------------------------------
-  /**
-   * Callback fired when a line item is clicked.
-   * @param {React.MouseEvent<SVGPathElement, MouseEvent>} event The event source of the callback.
-   * @param {LineItemIdentifier} lineItemIdentifier The line item identifier.
-   */
-  onItemClick: PropTypes.func,
-  /**
-   * If `true`, animations are skipped.
-   * @default false
-   */
-  skipAnimation: PropTypes.bool,
-  /**
-   * The props used for each component slot.
-   * @default {}
-   */
-  slotProps: PropTypes.object,
-  /**
-   * Overridable component slots.
-   * @default {}
-   */
-  slots: PropTypes.object
-} : void 0;
-function AreaPlotZoom(props) {
-  const {
-    isInteracting
-  } = useZoom();
-  return /*#__PURE__*/_jsx(AreaPlot, _extends({}, props, {
-    skipAnimation: isInteracting ? true : props.skipAnimation
-  }));
-}
-process.env.NODE_ENV !== "production" ? AreaPlotZoom.propTypes = {
-  // ----------------------------- Warning --------------------------------
-  // | These PropTypes are generated from the TypeScript type definitions |
-  // | To update them edit the TypeScript types and run "pnpm proptypes"  |
-  // ----------------------------------------------------------------------
-  /**
-   * Callback fired when a line area item is clicked.
-   * @param {React.MouseEvent<SVGPathElement, MouseEvent>} event The event source of the callback.
-   * @param {LineItemIdentifier} lineItemIdentifier The line item identifier.
-   */
-  onItemClick: PropTypes.func,
-  /**
-   * If `true`, animations are skipped.
-   * @default false
-   */
-  skipAnimation: PropTypes.bool,
-  /**
-   * The props used for each component slot.
-   * @default {}
-   */
-  slotProps: PropTypes.object,
+  })),
   /**
-   * Overridable component slots.
-   * @default {}
+   * The list of zoom data related to each axis.
    */
-  slots: PropTypes.object
+  zoom: PropTypes.arrayOf(PropTypes.shape({
+    axisId: PropTypes.oneOfType([PropTypes.number, PropTypes.string]).isRequired,
+    end: PropTypes.number.isRequired,
+    start: PropTypes.number.isRequired
+  }))
 } : void 0;
 export { LineChartPro };

package/LineChartPro/index.js

@@ -1 +1 @@
-export * from './LineChartPro';
+export * from "./LineChartPro.js";

package/ResponsiveChartContainerPro/ResponsiveChartContainerPro.js

@@ -1,11 +1,13 @@
+'use client';
+
 import _extends from "@babel/runtime/helpers/esm/extends";
 import * as React from 'react';
 import PropTypes from 'prop-types';
 import { Watermark } from '@mui/x-license/Watermark';
 import { ResizableContainer } from '@mui/x-charts/internals';
-import { getReleaseInfo } from '../internals/utils/releaseInfo';
-import { ChartContainerPro } from '../ChartContainerPro';
-import { useResponsiveChartContainerProProps } from './useResponsiveChartContainerProProps';
+import { getReleaseInfo } from "../internals/utils/releaseInfo.js";
+import { ChartContainerPro } from "../ChartContainerPro/index.js";
+import { useResponsiveChartContainerProProps } from "./useResponsiveChartContainerProProps.js";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const releaseInfo = getReleaseInfo();
 const ResponsiveChartContainerPro = /*#__PURE__*/React.forwardRef(function ResponsiveChartContainerPro(props, ref) {

package/ResponsiveChartContainerPro/index.js

@@ -1 +1 @@
-export * from './ResponsiveChartContainerPro';
+export * from "./ResponsiveChartContainerPro.js";

package/ResponsiveChartContainerPro/useResponsiveChartContainerProProps.js

@@ -1,3 +1,5 @@
+'use client';
+
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
 const _excluded = ["zoom", "onZoomChange"];

package/ScatterChartPro/ScatterChartPro.js

@@ -1,3 +1,5 @@
+'use client';
+
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
 const _excluded = ["zoom", "onZoomChange"];
@@ -14,8 +16,8 @@ import { ChartsLegend } from '@mui/x-charts/ChartsLegend';
 import { ChartsAxisHighlight } from '@mui/x-charts/ChartsAxisHighlight';
 import { ChartsTooltip } from '@mui/x-charts/ChartsTooltip';
 import { useScatterChartProps } from '@mui/x-charts/internals';
-import { ResponsiveChartContainerPro } from '../ResponsiveChartContainerPro';
-import { ZoomSetup } from '../context/ZoomProvider/ZoomSetup';
+import { ResponsiveChartContainerPro } from "../ResponsiveChartContainerPro/index.js";
+import { ZoomSetup } from "../context/ZoomProvider/ZoomSetup.js";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 /**
  * Demos:
@@ -56,7 +58,7 @@ const ScatterChartPro = /*#__PURE__*/React.forwardRef(function ScatterChartPro(i
     zoom: zoom,
     onZoomChange: onZoomChange,
     children: /*#__PURE__*/_jsxs(ZAxisContextProvider, _extends({}, zAxisProps, {
-      children: [!props.disableVoronoi && /*#__PURE__*/_jsx(ChartsVoronoiHandler, _extends({}, voronoiHandlerProps)), /*#__PURE__*/_jsx(ChartsAxis, _extends({}, chartsAxisProps)), props.grid && /*#__PURE__*/_jsx(ChartsGrid, _extends({}, gridProps)), /*#__PURE__*/_jsx("g", {
+      children: [!props.disableVoronoi && /*#__PURE__*/_jsx(ChartsVoronoiHandler, _extends({}, voronoiHandlerProps)), /*#__PURE__*/_jsx(ChartsAxis, _extends({}, chartsAxisProps)), /*#__PURE__*/_jsx(ChartsGrid, _extends({}, gridProps)), /*#__PURE__*/_jsx("g", {
         "data-drawing-container": true,
         children: /*#__PURE__*/_jsx(ScatterPlot, _extends({}, scatterPlotProps))
       }), /*#__PURE__*/_jsx(ChartsOverlay, _extends({}, overlayProps)), /*#__PURE__*/_jsx(ChartsLegend, _extends({}, legendProps)), /*#__PURE__*/_jsx(ChartsAxisHighlight, _extends({}, axisHighlightProps)), !props.loading && /*#__PURE__*/_jsx(ChartsTooltip, _extends({}, tooltipProps)), /*#__PURE__*/_jsx(ZoomSetup, {}), children]
@@ -137,6 +139,18 @@ process.env.NODE_ENV !== "production" ? ScatterChartPro.propTypes = {
     classes: PropTypes.object,
     direction: PropTypes.oneOf(['column', 'row']),
     hidden: PropTypes.bool,
+    itemGap: PropTypes.number,
+    itemMarkHeight: PropTypes.number,
+    itemMarkWidth: PropTypes.number,
+    labelStyle: PropTypes.object,
+    markGap: PropTypes.number,
+    onItemClick: PropTypes.func,
+    padding: PropTypes.oneOfType([PropTypes.number, PropTypes.shape({
+      bottom: PropTypes.number,
+      left: PropTypes.number,
+      right: PropTypes.number,
+      top: PropTypes.number
+    })]),
     position: PropTypes.shape({
       horizontal: PropTypes.oneOf(['left', 'middle', 'right']).isRequired,
       vertical: PropTypes.oneOf(['bottom', 'middle', 'top']).isRequired

package/ScatterChartPro/index.js

@@ -1 +1 @@
-export * from './ScatterChartPro';
+export * from "./ScatterChartPro.js";

package/context/CartesianProviderPro/CartesianProviderPro.js

@@ -1,8 +1,10 @@
+'use client';
+
 import _extends from "@babel/runtime/helpers/esm/extends";
 import * as React from 'react';
 import { useDrawingArea, useSeries, CartesianContext, cartesianProviderUtils, useXExtremumGetter, useYExtremumGetter } from '@mui/x-charts/internals';
-import { useZoom } from '../ZoomProvider/useZoom';
-import { createAxisFilterMapper, createGetAxisFilters } from './createAxisFilterMapper';
+import { useZoom } from "../ZoomProvider/useZoom.js";
+import { createAxisFilterMapper, createGetAxisFilters } from "./createAxisFilterMapper.js";
 import { jsx as _jsx } from "react/jsx-runtime";
 const {
   computeValue

package/context/CartesianProviderPro/index.js

@@ -1 +1 @@
-export * from './CartesianProviderPro';
+export * from "./CartesianProviderPro.js";

package/context/ZoomProvider/ZoomProvider.js

@@ -1,8 +1,10 @@
+'use client';
+
 import * as React from 'react';
 import useControlled from '@mui/utils/useControlled';
-import { ZoomContext } from './ZoomContext';
-import { defaultizeZoom } from './defaultizeZoom';
-import { initializeZoomData } from './initializeZoomData';
+import { ZoomContext } from "./ZoomContext.js";
+import { defaultizeZoom } from "./defaultizeZoom.js";
+import { initializeZoomData } from "./initializeZoomData.js";
 import { jsx as _jsx } from "react/jsx-runtime";
 export function ZoomProvider({
   children,

package/context/ZoomProvider/ZoomSetup.js

@@ -1,5 +1,5 @@
-import { useSetupPan } from './useSetupPan';
-import { useSetupZoom } from './useSetupZoom';
+import { useSetupPan } from "./useSetupPan.js";
+import { useSetupZoom } from "./useSetupZoom.js";
 
 /**
  * Sets up the zoom functionality if using composition or a custom chart.

package/context/ZoomProvider/index.js

@@ -1,3 +1,3 @@
-export * from './ZoomContext';
-export * from './ZoomProvider';
-export * from './Zoom.types';
+export * from "./ZoomContext.js";
+export * from "./ZoomProvider.js";
+export * from "./Zoom.types.js";

package/context/ZoomProvider/useSetupPan.js

@@ -1,8 +1,10 @@
+'use client';
+
 import _extends from "@babel/runtime/helpers/esm/extends";
 import * as React from 'react';
 import { useDrawingArea, useSvgRef } from '@mui/x-charts/hooks';
 import { getSVGPoint } from '@mui/x-charts/internals';
-import { useZoom } from './useZoom';
+import { useZoom } from "./useZoom.js";
 export const useSetupPan = () => {
   const {
     zoomData,

package/context/ZoomProvider/useSetupZoom.js

@@ -1,7 +1,9 @@
+'use client';
+
 import * as React from 'react';
 import { useDrawingArea, useSvgRef } from '@mui/x-charts/hooks';
 import { getSVGPoint } from '@mui/x-charts/internals';
-import { useZoom } from './useZoom';
+import { useZoom } from "./useZoom.js";
 /**
  * Helper to get the range (in percents of a reference range) corresponding to a given scale.
  * @param centerRatio {number} The ratio of the point that should not move between the previous and next range.

package/context/ZoomProvider/useZoom.js

@@ -1,5 +1,7 @@
+'use client';
+
 import * as React from 'react';
-import { ZoomContext } from './ZoomContext';
+import { ZoomContext } from "./ZoomContext.js";
 /**
  * Get access to the zoom state.
  *

package/context/index.js

@@ -1,5 +1,5 @@
 // # Zoom & Pan
 
-export * from './ZoomProvider/useZoom';
-export * from './ZoomProvider/ZoomSetup';
+export * from "./ZoomProvider/useZoom.js";
+export * from "./ZoomProvider/ZoomSetup.js";
 export {};

package/hooks/index.js

@@ -1 +1 @@
-export { useHeatmapSeries as unstable_useHeatmapSeries } from './useSeries';
+export { useHeatmapSeries as unstable_useHeatmapSeries } from "./useSeries.js";

package/hooks/useSeries.js

@@ -1,3 +1,5 @@
+'use client';
+
 import * as React from 'react';
 import { useSeries } from '@mui/x-charts/internals';
 

package/index.js

@@ -1,11 +1,11 @@
 /**
- * @mui/x-charts-pro v7.0.0-alpha.3
+ * @mui/x-charts-pro v7.0.0-beta.1
  *
  * @license MUI X Commercial
  * This source code is licensed under the commercial license found in the
  * LICENSE file in the root directory of this source tree.
  */
-import './typeOverloads/modules';
+import "./typeOverloads/modules.js";
 
 // exports from MIT package
 export * from '@mui/x-charts/constants';
@@ -34,12 +34,12 @@ export * from '@mui/x-charts/Gauge';
 export * from '@mui/x-charts/ChartsSurface';
 
 // Pro components
-export * from './Heatmap';
-export * from './ResponsiveChartContainerPro';
-export * from './ChartContainerPro';
-export * from './ScatterChartPro';
-export * from './BarChartPro';
-export * from './LineChartPro';
+export * from "./Heatmap/index.js";
+export * from "./ResponsiveChartContainerPro/index.js";
+export * from "./ChartContainerPro/index.js";
+export * from "./ScatterChartPro/index.js";
+export * from "./BarChartPro/index.js";
+export * from "./LineChartPro/index.js";
 
 // Pro context
-export * from './context';
+export * from "./context/index.js";

package/internals/utils/releaseInfo.js

@@ -1,6 +1,6 @@
 import { ponyfillGlobal } from '@mui/utils';
 export const getReleaseInfo = () => {
-  const releaseInfo = "MTcyNDg4MjQwMDAwMA==";
+  const releaseInfo = "MTcyNjE5NjQwMDAwMA==";
   if (process.env.NODE_ENV !== 'production') {
     // A simple hack to set the value in the test environment (has no build step).
     // eslint-disable-next-line no-useless-concat

package/models/index.js

@@ -1 +1 @@
-export * from './seriesType';
+export * from "./seriesType/index.js";

package/models/seriesType/index.js

@@ -1 +1 @@
-export * from './heatmap';
+export * from "./heatmap.js";