@mui/x-charts-pro 8.21.0 → 8.22.1

package/esm/ChartZoomSlider/internals/previews/AreaPreviewPlot.js

@@ -3,7 +3,7 @@ import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWith
 const _excluded = ["id", "color", "gradientId", "onClick"];
 import * as React from 'react';
 import { styled } from '@mui/material/styles';
-import { useSelector, useStore, useAreaPlotData, selectorChartPreviewComputedXAxis, selectorChartPreviewComputedYAxis } from '@mui/x-charts/internals';
+import { useStore, useAreaPlotData, selectorChartPreviewComputedXAxis, selectorChartPreviewComputedYAxis } from '@mui/x-charts/internals';
 import { jsx as _jsx } from "react/jsx-runtime";
 const AreaPlotRoot = styled('g', {
   name: 'MuiAreaPlot',
@@ -47,7 +47,7 @@ function PreviewAreaElement(_ref) {
 }
 function useAreaPreviewData(axisId) {
   const store = useStore();
-  const xAxes = useSelector(store, selectorChartPreviewComputedXAxis, axisId);
-  const yAxes = useSelector(store, selectorChartPreviewComputedYAxis, axisId);
+  const xAxes = store.use(selectorChartPreviewComputedXAxis, axisId);
+  const yAxes = store.use(selectorChartPreviewComputedYAxis, axisId);
   return useAreaPlotData(xAxes, yAxes);
 }

package/esm/ChartZoomSlider/internals/previews/BarPreviewPlot.d.ts

@@ -1,4 +1,4 @@
-import { PreviewPlotProps } from "./PreviewPlot.types.js";
+import { type PreviewPlotProps } from "./PreviewPlot.types.js";
 interface BarPreviewPlotProps extends PreviewPlotProps {
   x: number;
   y: number;

package/esm/ChartZoomSlider/internals/previews/BarPreviewPlot.js

@@ -1,4 +1,4 @@
-import { selectorChartPreviewComputedXAxis, selectorChartPreviewComputedYAxis, useBarPlotData, useSelector, useStore } from '@mui/x-charts/internals';
+import { selectorChartPreviewComputedXAxis, selectorChartPreviewComputedYAxis, useBarPlotData, useStore } from '@mui/x-charts/internals';
 import { BarElement } from '@mui/x-charts/BarChart';
 import { jsx as _jsx } from "react/jsx-runtime";
 export function BarPreviewPlot(props) {
@@ -48,7 +48,7 @@ export function BarPreviewPlot(props) {
 }
 function useBarPreviewData(axisId, drawingArea) {
   const store = useStore();
-  const xAxes = useSelector(store, selectorChartPreviewComputedXAxis, axisId);
-  const yAxes = useSelector(store, selectorChartPreviewComputedYAxis, axisId);
+  const xAxes = store.use(selectorChartPreviewComputedXAxis, axisId);
+  const yAxes = store.use(selectorChartPreviewComputedYAxis, axisId);
   return useBarPlotData(drawingArea, xAxes, yAxes);
 }

package/esm/ChartZoomSlider/internals/previews/LinePreviewPlot.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
-import { SeriesId } from '@mui/x-charts/internals';
-import { PreviewPlotProps } from "./PreviewPlot.types.js";
+import { type SeriesId } from '@mui/x-charts/internals';
+import { type PreviewPlotProps } from "./PreviewPlot.types.js";
 interface LinePreviewPlotProps extends PreviewPlotProps {}
 export declare function LinePreviewPlot({
   axisId

package/esm/ChartZoomSlider/internals/previews/LinePreviewPlot.js

@@ -2,7 +2,7 @@ import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
 const _excluded = ["id", "color", "gradientId", "onClick"];
 import * as React from 'react';
-import { useSelector, useStore, useLinePlotData, selectorChartPreviewComputedXAxis, selectorChartPreviewComputedYAxis } from '@mui/x-charts/internals';
+import { useStore, useLinePlotData, selectorChartPreviewComputedXAxis, selectorChartPreviewComputedYAxis } from '@mui/x-charts/internals';
 import { jsx as _jsx } from "react/jsx-runtime";
 export function LinePreviewPlot({
   axisId
@@ -45,7 +45,7 @@ function PreviewLineElement(_ref) {
 }
 function useLinePreviewData(axisId) {
   const store = useStore();
-  const xAxes = useSelector(store, selectorChartPreviewComputedXAxis, axisId);
-  const yAxes = useSelector(store, selectorChartPreviewComputedYAxis, axisId);
+  const xAxes = store.use(selectorChartPreviewComputedXAxis, axisId);
+  const yAxes = store.use(selectorChartPreviewComputedYAxis, axisId);
   return useLinePlotData(xAxes, yAxes);
 }

package/esm/ChartZoomSlider/internals/previews/PreviewPlot.types.d.ts

@@ -1,4 +1,4 @@
-import { AxisId } from '@mui/x-charts/internals';
+import { type AxisId } from '@mui/x-charts/internals';
 export interface PreviewPlotProps {
   axisId: AxisId;
 }

package/esm/ChartZoomSlider/internals/previews/ScatterPreviewPlot.d.ts

@@ -1,4 +1,4 @@
-import { PreviewPlotProps } from "./PreviewPlot.types.js";
+import { type PreviewPlotProps } from "./PreviewPlot.types.js";
 interface ScatterPreviewPlotProps extends PreviewPlotProps {
   x: number;
   y: number;

package/esm/ChartZoomSlider/internals/previews/ScatterPreviewPlot.js

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { useSelector, useStore, useScatterPlotData, scatterSeriesConfig, selectorChartPreviewComputedXAxis, selectorChartPreviewComputedYAxis } from '@mui/x-charts/internals';
+import { useStore, useScatterPlotData, scatterSeriesConfig, selectorChartPreviewComputedXAxis, selectorChartPreviewComputedYAxis } from '@mui/x-charts/internals';
 import { useScatterSeriesContext, useXAxes, useYAxes, useZAxes } from '@mui/x-charts/hooks';
 import { ScatterMarker } from '@mui/x-charts/ScatterChart';
 import { jsx as _jsx } from "react/jsx-runtime";
@@ -12,8 +12,8 @@ export function ScatterPreviewPlot({
 }) {
   const store = useStore();
   const seriesData = useScatterSeriesContext();
-  const xAxes = useSelector(store, selectorChartPreviewComputedXAxis, axisId);
-  const yAxes = useSelector(store, selectorChartPreviewComputedYAxis, axisId);
+  const xAxes = store.use(selectorChartPreviewComputedXAxis, axisId);
+  const yAxes = store.use(selectorChartPreviewComputedYAxis, axisId);
   const defaultXAxisId = useXAxes().xAxisIds[0];
   const defaultYAxisId = useYAxes().yAxisIds[0];
   const {

package/esm/ChartZoomSlider/internals/zoom-utils.d.ts

@@ -1,5 +1,5 @@
-import { AxisId, ChartState, DefaultedXAxis, DefaultedYAxis, DefaultizedZoomOptions, ZoomData } from '@mui/x-charts/internals';
-import { ChartDrawingArea } from '@mui/x-charts/hooks';
+import { type AxisId, type ChartState, type DefaultedXAxis, type DefaultedYAxis, type DefaultizedZoomOptions, type ZoomData } from '@mui/x-charts/internals';
+import { type ChartDrawingArea } from '@mui/x-charts/hooks';
 export declare function calculateZoomFromPoint(state: ChartState<any>, axisId: AxisId, point: DOMPoint): number | null;
 export declare function calculateZoomFromPointImpl(drawingArea: ChartDrawingArea, axis: Pick<DefaultedXAxis | DefaultedYAxis, 'position' | 'reverse'>, zoomOptions: Pick<DefaultizedZoomOptions, 'minStart' | 'maxEnd'>, point: Pick<DOMPoint, 'x' | 'y'>): number;
 export declare function calculateZoomStart(newStart: number, currentZoom: ZoomData, options: Pick<DefaultizedZoomOptions, 'minStart' | 'minSpan' | 'maxSpan'>): number;

package/esm/ChartsToolbarPro/ChartsToolbarImageExportTrigger.d.ts

@@ -1,7 +1,7 @@
 import * as React from 'react';
-import { RenderProp } from '@mui/x-internals/useComponentRenderer';
-import { ChartImageExportOptions } from "../internals/plugins/useChartProExport/index.js";
-import { ChartsSlotPropsPro } from "../internals/material/index.js";
+import { type RenderProp } from '@mui/x-internals/useComponentRenderer';
+import { type ChartImageExportOptions } from "../internals/plugins/useChartProExport/index.js";
+import { type ChartsSlotPropsPro } from "../internals/material/index.js";
 export interface ChartsToolbarImageExportOptions extends Omit<ChartImageExportOptions, 'type'>, Required<Pick<ChartImageExportOptions, 'type'>> {}
 export type ChartsToolbarImageExportTriggerProps = ChartsSlotPropsPro['baseButton'] & {
   /**

package/esm/ChartsToolbarPro/ChartsToolbarPrintExportTrigger.d.ts

@@ -1,7 +1,7 @@
 import * as React from 'react';
-import { RenderProp } from '@mui/x-internals/useComponentRenderer';
-import { ChartPrintExportOptions } from "../internals/plugins/useChartProExport/index.js";
-import { ChartsSlotPropsPro } from "../internals/material/index.js";
+import { type RenderProp } from '@mui/x-internals/useComponentRenderer';
+import { type ChartPrintExportOptions } from "../internals/plugins/useChartProExport/index.js";
+import { type ChartsSlotPropsPro } from "../internals/material/index.js";
 export interface ChartsToolbarPrintExportOptions extends ChartPrintExportOptions {
   /**
    * If `true`, this export option will be removed from the ChartsToolbarExport menu.

package/esm/ChartsToolbarPro/ChartsToolbarPro.d.ts

@@ -1,6 +1,6 @@
-import { ChartsToolbarProps } from '@mui/x-charts/Toolbar';
-import { ChartsToolbarPrintExportOptions } from "./ChartsToolbarPrintExportTrigger.js";
-import { ChartsToolbarImageExportOptions } from "./ChartsToolbarImageExportTrigger.js";
+import { type ChartsToolbarProps } from '@mui/x-charts/Toolbar';
+import { type ChartsToolbarPrintExportOptions } from "./ChartsToolbarPrintExportTrigger.js";
+import { type ChartsToolbarImageExportOptions } from "./ChartsToolbarImageExportTrigger.js";
 export interface ChartsToolbarProProps extends ChartsToolbarProps {
   printOptions?: ChartsToolbarPrintExportOptions;
   imageExportOptions?: ChartsToolbarImageExportOptions[];

package/esm/ChartsToolbarPro/ChartsToolbarPro.js

@@ -6,7 +6,7 @@ const _excluded = ["printOptions", "imageExportOptions"];
 import * as React from 'react';
 import PropTypes from 'prop-types';
 import { Toolbar, ToolbarButton } from '@mui/x-charts/Toolbar';
-import { useChartContext, useSelector, useChartsSlots } from '@mui/x-charts/internals';
+import { useChartContext, useChartsSlots } from '@mui/x-charts/internals';
 import { useChartsLocalization } from '@mui/x-charts/hooks';
 import useId from '@mui/utils/useId';
 import { ChartsToolbarDivider } from "./internals/ChartsToolbarDivider.js";
@@ -44,7 +44,7 @@ function ChartsToolbarPro(_ref) {
   const exportMenuTriggerRef = React.useRef(null);
   const exportMenuId = useId();
   const exportMenuTriggerId = useId();
-  const isZoomEnabled = useSelector(store, selectorChartZoomIsEnabled);
+  const isZoomEnabled = store.use(selectorChartZoomIsEnabled);
   const imageExportOptionList = rawImageExportOptions ?? DEFAULT_IMAGE_EXPORT_OPTIONS;
   const showExportMenu = !printOptions?.disableToolbarButton || imageExportOptionList.length > 0;
   const children = [];

package/esm/ChartsToolbarPro/ChartsToolbarZoomInTrigger.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
-import { ChartsSlotProps } from '@mui/x-charts/internals';
-import { RenderProp } from '@mui/x-internals/useComponentRenderer';
+import { type ChartsSlotProps } from '@mui/x-charts/internals';
+import { type RenderProp } from '@mui/x-internals/useComponentRenderer';
 interface ChartsToolbarZoomInTriggerProps {
   /**
    * A function to customize the rendering of the component.

package/esm/ChartsToolbarPro/ChartsToolbarZoomInTrigger.js

@@ -5,7 +5,7 @@ import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWith
 const _excluded = ["render"];
 import * as React from 'react';
 import PropTypes from 'prop-types';
-import { useChartContext, useSelector, useChartsSlots } from '@mui/x-charts/internals';
+import { useChartContext, useChartsSlots } from '@mui/x-charts/internals';
 import { useComponentRenderer } from '@mui/x-internals/useComponentRenderer';
 import { selectorChartCanZoomIn } from "../internals/plugins/useChartProZoom/index.js";
 import { jsx as _jsx } from "react/jsx-runtime";
@@ -26,7 +26,7 @@ const ChartsToolbarZoomInTrigger = /*#__PURE__*/React.forwardRef(function Charts
     instance,
     store
   } = useChartContext();
-  const disabled = useSelector(store, selectorChartCanZoomIn);
+  const disabled = store.use(selectorChartCanZoomIn);
   const element = useComponentRenderer(slots.baseButton, render, _extends({}, slotProps.baseButton, {
     onClick: () => instance.zoomIn(),
     disabled

package/esm/ChartsToolbarPro/ChartsToolbarZoomOutTrigger.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
-import { ChartsSlotProps } from '@mui/x-charts/internals';
-import { RenderProp } from '@mui/x-internals/useComponentRenderer';
+import { type ChartsSlotProps } from '@mui/x-charts/internals';
+import { type RenderProp } from '@mui/x-internals/useComponentRenderer';
 interface ChartsToolbarZoomOutTriggerProps {
   /**
    * A function to customize the rendering of the component.

package/esm/ChartsToolbarPro/ChartsToolbarZoomOutTrigger.js

@@ -5,7 +5,7 @@ import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWith
 const _excluded = ["render"];
 import * as React from 'react';
 import PropTypes from 'prop-types';
-import { useChartContext, useSelector, useChartsSlots } from '@mui/x-charts/internals';
+import { useChartContext, useChartsSlots } from '@mui/x-charts/internals';
 import { useComponentRenderer } from '@mui/x-internals/useComponentRenderer';
 import { selectorChartCanZoomOut } from "../internals/plugins/useChartProZoom/index.js";
 import { jsx as _jsx } from "react/jsx-runtime";
@@ -26,7 +26,7 @@ const ChartsToolbarZoomOutTrigger = /*#__PURE__*/React.forwardRef(function Chart
     instance,
     store
   } = useChartContext();
-  const disabled = useSelector(store, selectorChartCanZoomOut);
+  const disabled = store.use(selectorChartCanZoomOut);
   const element = useComponentRenderer(slots.baseButton, render, _extends({}, slotProps.baseButton, {
     onClick: () => instance.zoomOut(),
     disabled

package/esm/ChartsToolbarPro/Toolbar.types.d.ts

@@ -1,5 +1,5 @@
-import * as React from 'react';
-import { ChartsToolbarProProps } from "./ChartsToolbarPro.js";
+import type * as React from 'react';
+import { type ChartsToolbarProProps } from "./ChartsToolbarPro.js";
 export interface ChartsToolbarProSlots {
   /**
    * Custom component for the toolbar.

package/esm/ChartsToolbarPro/internals/ChartsMenu.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { ChartBasePopperProps, Placement } from "../../internals/slots/chartBaseSlotProps.js";
+import { type ChartBasePopperProps, type Placement } from "../../internals/slots/chartBaseSlotProps.js";
 export interface ChartsMenuProps extends Pick<ChartBasePopperProps, 'className' | 'onExited'> {
   open: boolean;
   target: HTMLElement | null;

package/esm/ChartsToolbarPro/internals/ChartsToolbarDivider.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { ChartBaseDividerProps } from "../../internals/slots/chartBaseSlotProps.js";
+import { type ChartBaseDividerProps } from "../../internals/slots/chartBaseSlotProps.js";
 export interface ChartsToolbarDividerProps extends ChartBaseDividerProps {}
 declare const ChartsToolbarDivider: React.ForwardRefExoticComponent<Omit<ChartsToolbarDividerProps, "ref"> & React.RefAttributes<HTMLHRElement>>;
 export { ChartsToolbarDivider };

package/esm/FunnelChart/FunnelChart.d.ts

@@ -1,13 +1,13 @@
 import * as React from 'react';
-import { ChartsOverlayProps } from '@mui/x-charts/ChartsOverlay';
-import { MakeOptional } from '@mui/x-internals/types';
-import { ChartsAxisHighlightProps } from '@mui/x-charts/ChartsAxisHighlight';
-import { FunnelPlotProps } from "./FunnelPlot.js";
-import { FunnelSeriesType } from "./funnel.types.js";
-import { ChartContainerProProps } from "../ChartContainerPro/index.js";
-import { FunnelChartSlotExtension } from "./funnelSlots.types.js";
-import { CategoryAxis } from "./categoryAxis.types.js";
-import { FunnelChartPluginSignatures } from "./FunnelChart.plugins.js";
+import { type ChartsOverlayProps } from '@mui/x-charts/ChartsOverlay';
+import { type MakeOptional } from '@mui/x-internals/types';
+import { type ChartsAxisHighlightProps } from '@mui/x-charts/ChartsAxisHighlight';
+import { type FunnelPlotProps } from "./FunnelPlot.js";
+import { type FunnelSeriesType } from "./funnel.types.js";
+import { type ChartContainerProProps } from "../ChartContainerPro/index.js";
+import { type FunnelChartSlotExtension } from "./funnelSlots.types.js";
+import { type CategoryAxis } from "./categoryAxis.types.js";
+import { type FunnelChartPluginSignatures } from "./FunnelChart.plugins.js";
 export type FunnelSeries = MakeOptional<FunnelSeriesType, 'type'>;
 export interface FunnelChartProps extends Omit<ChartContainerProProps<'funnel', FunnelChartPluginSignatures>, 'series' | 'plugins' | 'zAxis' | 'zoom' | 'onZoomChange' | 'dataset' | 'yAxis' | 'xAxis' | 'rotationAxis' | 'radiusAxis' | 'slots' | 'slotProps' | 'experimentalFeatures'>, Omit<FunnelPlotProps, 'slots' | 'slotProps'>, Omit<ChartsOverlayProps, 'slots' | 'slotProps'>, FunnelChartSlotExtension {
   /**

package/esm/FunnelChart/FunnelChart.plugins.d.ts

@@ -1,5 +1,5 @@
-import { ConvertSignaturesIntoPlugins, UseChartHighlightSignature, UseChartInteractionSignature } from '@mui/x-charts/internals';
-import { UseChartProExportSignature } from "../internals/plugins/useChartProExport/index.js";
-import { UseChartFunnelAxisSignature } from "./funnelAxisPlugin/useChartFunnelAxis.types.js";
-export type FunnelChartPluginSignatures = [UseChartFunnelAxisSignature, UseChartInteractionSignature, UseChartHighlightSignature, UseChartProExportSignature];
+import { type ConvertSignaturesIntoPlugins, type UseChartHighlightSignature, type UseChartTooltipSignature, type UseChartInteractionSignature } from '@mui/x-charts/internals';
+import { type UseChartProExportSignature } from "../internals/plugins/useChartProExport/index.js";
+import { type UseChartFunnelAxisSignature } from "./funnelAxisPlugin/useChartFunnelAxis.types.js";
+export type FunnelChartPluginSignatures = [UseChartFunnelAxisSignature, UseChartTooltipSignature, UseChartInteractionSignature, UseChartHighlightSignature, UseChartProExportSignature];
 export declare const FUNNEL_CHART_PLUGINS: ConvertSignaturesIntoPlugins<FunnelChartPluginSignatures>;

package/esm/FunnelChart/FunnelChart.plugins.js

@@ -1,4 +1,4 @@
-import { useChartHighlight, useChartInteraction } from '@mui/x-charts/internals';
+import { useChartHighlight, useChartTooltip, useChartInteraction } from '@mui/x-charts/internals';
 import { useChartProExport } from "../internals/plugins/useChartProExport/index.js";
 import { useChartFunnelAxis } from "./funnelAxisPlugin/useChartFunnelAxis.js";
-export const FUNNEL_CHART_PLUGINS = [useChartFunnelAxis, useChartInteraction, useChartHighlight, useChartProExport];
+export const FUNNEL_CHART_PLUGINS = [useChartFunnelAxis, useChartTooltip, useChartInteraction, useChartHighlight, useChartProExport];

package/esm/FunnelChart/FunnelPlot.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
-import { FunnelItemIdentifier } from "./funnel.types.js";
-import { FunnelPlotSlotExtension } from "./funnelPlotSlots.types.js";
+import { type FunnelItemIdentifier } from "./funnel.types.js";
+import { type FunnelPlotSlotExtension } from "./funnelPlotSlots.types.js";
 export interface FunnelPlotProps extends FunnelPlotSlotExtension {
   /**
    * Callback fired when a funnel item is clicked.

package/esm/FunnelChart/FunnelPlot.js

@@ -4,7 +4,7 @@ const _excluded = ["onItemClick"];
 import * as React from 'react';
 import PropTypes from 'prop-types';
 import { line as d3Line } from '@mui/x-charts-vendor/d3-shape';
-import { cartesianSeriesTypes, useSelector, useStore } from '@mui/x-charts/internals';
+import { cartesianSeriesTypes, useStore } from '@mui/x-charts/internals';
 import { FunnelSection } from "./FunnelSection.js";
 import { alignLabel, positionLabel } from "./labelUtils.js";
 import { useFunnelSeriesContext } from "../hooks/useFunnelSeries.js";
@@ -21,12 +21,12 @@ const useAggregatedData = () => {
   const {
     axis: xAxis,
     axisIds: xAxisIds
-  } = useSelector(store, selectorChartXAxis);
+  } = store.use(selectorChartXAxis);
   const {
     axis: yAxis,
     axisIds: yAxisIds
-  } = useSelector(store, selectorChartYAxis);
-  const gap = useSelector(store, selectorFunnelGap);
+  } = store.use(selectorChartYAxis);
+  const gap = store.use(selectorFunnelGap);
   const allData = React.useMemo(() => {
     if (seriesData === undefined) {
       return [];

package/esm/FunnelChart/FunnelSection.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
-import { SeriesId } from '@mui/x-charts/internals';
-import { FunnelSectionClasses } from "./funnelSectionClasses.js";
+import { type SeriesId } from '@mui/x-charts/internals';
+import { type FunnelSectionClasses } from "./funnelSectionClasses.js";
 export interface FunnelSectionProps extends Omit<React.SVGProps<SVGPathElement>, 'ref' | 'id'> {
   seriesId: SeriesId;
   dataIndex: number;

package/esm/FunnelChart/FunnelSectionLabel.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
-import { SeriesId } from '@mui/x-charts/internals';
-import { FunnelSectionClasses } from "./funnelSectionClasses.js";
+import { type SeriesId } from '@mui/x-charts/internals';
+import { type FunnelSectionClasses } from "./funnelSectionClasses.js";
 export interface FunnelSectionLabelConfig {
   x: number;
   y: number;

package/esm/FunnelChart/categoryAxis.types.d.ts

@@ -1,5 +1,5 @@
-import { AxisConfig, ScaleName } from '@mui/x-charts/models';
-import { MakeOptional } from '@mui/x-internals/types';
+import { type AxisConfig, type ScaleName } from '@mui/x-charts/models';
+import { type MakeOptional } from '@mui/x-internals/types';
 export type FunnelScaleName = Exclude<ScaleName, 'point'>;
 export type CategoryAxis<S extends FunnelScaleName = FunnelScaleName> = S extends FunnelScaleName ? {
   /**

package/esm/FunnelChart/coordinateMapper.d.ts

@@ -1,3 +1,3 @@
-import { D3Scale } from '@mui/x-charts/internals';
-import { PositionGetter } from "./curves/curve.types.js";
+import { type D3Scale } from '@mui/x-charts/internals';
+import { type PositionGetter } from "./curves/curve.types.js";
 export declare const createPositionGetter: (scale: D3Scale, isCategoryDirection: boolean, gap: number) => PositionGetter;

package/esm/FunnelChart/curves/borderRadiusPolygon.d.ts

@@ -1,4 +1,4 @@
-import { Point } from "./curve.types.js";
+import { type Point } from "./curve.types.js";
 /**
  * Draws a polygon with rounded corners
  * @param {CanvasRenderingContext2D} ctx The canvas context

package/esm/FunnelChart/curves/bump.d.ts

@@ -1,4 +1,4 @@
-import { FunnelCurveGenerator, CurveOptions, Point } from "./curve.types.js";
+import { type FunnelCurveGenerator, type CurveOptions, type Point } from "./curve.types.js";
 /**
  * This is a custom "bump" curve generator.
  * It draws smooth curves for the 4 provided points,

package/esm/FunnelChart/curves/curve.types.d.ts

@@ -1,4 +1,4 @@
-import { CurveGenerator } from '@mui/x-charts-vendor/d3-shape';
+import { type CurveGenerator } from '@mui/x-charts-vendor/d3-shape';
 export type CurveOptions = {
   /**
    * The gap between each segment.

package/esm/FunnelChart/curves/getFunnelCurve.d.ts

@@ -1,5 +1,5 @@
 import type { Path } from '@mui/x-charts-vendor/d3-path';
-import { CurveOptions, FunnelCurveType } from "./curve.types.js";
+import { type CurveOptions, type FunnelCurveType } from "./curve.types.js";
 import { Step } from "./step.js";
 import { Linear } from "./linear.js";
 import { Bump } from "./bump.js";

package/esm/FunnelChart/curves/linear.d.ts

@@ -1,4 +1,4 @@
-import { FunnelCurveGenerator, CurveOptions, Point } from "./curve.types.js";
+import { type FunnelCurveGenerator, type CurveOptions, type Point } from "./curve.types.js";
 /**
  * This is a custom "linear" curve generator.
  * It draws straight lines for the 4 provided points,

package/esm/FunnelChart/curves/pyramid.d.ts

@@ -1,4 +1,4 @@
-import { FunnelCurveGenerator, CurveOptions, Point } from "./curve.types.js";
+import { type FunnelCurveGenerator, type CurveOptions, type Point } from "./curve.types.js";
 /**
  * This is a custom "pyramid" curve generator.
  * It draws straight lines for the 4 provided points. The slopes are calculated

package/esm/FunnelChart/curves/step-pyramid.d.ts

@@ -1,4 +1,4 @@
-import { FunnelCurveGenerator, CurveOptions, Point } from "./curve.types.js";
+import { type FunnelCurveGenerator, type CurveOptions, type Point } from "./curve.types.js";
 /**
  * This is a custom "step-pyramid" curve generator.
  * It creates a step pyramid, which is a step-like shape with static lengths.

package/esm/FunnelChart/curves/step.d.ts

@@ -1,4 +1,4 @@
-import { FunnelCurveGenerator, CurveOptions, Point } from "./curve.types.js";
+import { type FunnelCurveGenerator, type CurveOptions, type Point } from "./curve.types.js";
 /**
  * This is a custom "step" curve generator.
  * It is used to draw "rectangles" from 4 points without having to rework the rendering logic,

package/esm/FunnelChart/funnel.types.d.ts

@@ -1,8 +1,8 @@
-import { ChartsLabelMarkProps } from '@mui/x-charts/ChartsLabel';
-import { CommonSeriesType, CartesianSeriesType, CommonDefaultizedProps, SeriesId } from '@mui/x-charts/internals';
-import { Position } from '@mui/x-charts/models';
-import { DefaultizedProps, MakeRequired } from '@mui/x-internals/types';
-import { FunnelCurveType } from "./curves/index.js";
+import { type ChartsLabelMarkProps } from '@mui/x-charts/ChartsLabel';
+import { type CommonSeriesType, type CartesianSeriesType, type CommonDefaultizedProps, type SeriesId } from '@mui/x-charts/internals';
+import { type Position } from '@mui/x-charts/models';
+import { type DefaultizedProps, type MakeRequired } from '@mui/x-internals/types';
+import { type FunnelCurveType } from "./curves/index.js";
 export type FunnelItemId = string | number;
 export type FunnelValueType = {
   /**

package/esm/FunnelChart/funnelAxisPlugin/computeAxisValue.d.ts

@@ -1,7 +1,7 @@
-import { ChartsAxisProps } from '@mui/x-charts/ChartsAxis';
-import { ChartDrawingArea } from '@mui/x-charts/hooks';
-import { ComputedAxisConfig, ChartSeriesType, ProcessedSeries, ChartSeriesConfig, DefaultedYAxis, DefaultedXAxis } from '@mui/x-charts/internals';
-import { ChartsXAxisProps, ChartsYAxisProps } from '@mui/x-charts/models';
+import { type ChartsAxisProps } from '@mui/x-charts/ChartsAxis';
+import { type ChartDrawingArea } from '@mui/x-charts/hooks';
+import { type ComputedAxisConfig, type ChartSeriesType, type ProcessedSeries, type ChartSeriesConfig, type DefaultedYAxis, type DefaultedXAxis } from '@mui/x-charts/internals';
+import { type ChartsXAxisProps, type ChartsYAxisProps } from '@mui/x-charts/models';
 export declare const xRangeGetter: (drawingArea: ChartDrawingArea, reverse?: boolean, removedSpace?: number) => [number, number];
 export declare const yRangeGetter: (drawingArea: ChartDrawingArea, reverse?: boolean, removedSpace?: number) => [number, number];
 export type ComputeResult<T extends ChartsAxisProps> = {

package/esm/FunnelChart/funnelAxisPlugin/useChartFunnelAxis.d.ts

@@ -1,3 +1,3 @@
-import { ChartPlugin } from '@mui/x-charts/internals';
-import { UseChartFunnelAxisSignature } from "./useChartFunnelAxis.types.js";
+import { type ChartPlugin } from '@mui/x-charts/internals';
+import { type UseChartFunnelAxisSignature } from "./useChartFunnelAxis.types.js";
 export declare const useChartFunnelAxis: ChartPlugin<UseChartFunnelAxisSignature>;

package/esm/FunnelChart/funnelAxisPlugin/useChartFunnelAxis.js

@@ -3,7 +3,7 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import * as React from 'react';
 import { warnOnce } from '@mui/x-internals/warning';
-import { getSVGPoint, getCartesianAxisIndex, selectorChartDrawingArea, selectorChartSeriesProcessed, selectorChartsInteractionIsInitialized, useSelector, defaultizeXAxis, defaultizeYAxis } from '@mui/x-charts/internals';
+import { getSVGPoint, getCartesianAxisIndex, selectorChartDrawingArea, selectorChartSeriesProcessed, selectorChartsInteractionIsInitialized, defaultizeXAxis, defaultizeYAxis } from '@mui/x-charts/internals';
 import { selectorChartXAxis, selectorChartYAxis } from "./useChartFunnelAxisRendering.selectors.js";
 export const useChartFunnelAxis = ({
   params,
@@ -25,8 +25,8 @@ export const useChartFunnelAxis = ({
       warnOnce([`MUI X Charts: The following axis ids are duplicated: ${Array.from(duplicates).join(', ')}.`, `Please make sure that each axis has a unique id.`].join('\n'), 'error');
     }
   }
-  const drawingArea = useSelector(store, selectorChartDrawingArea);
-  const isInteractionEnabled = useSelector(store, selectorChartsInteractionIsInitialized);
+  const drawingArea = store.use(selectorChartDrawingArea);
+  const isInteractionEnabled = store.use(selectorChartsInteractionIsInitialized);
   const isFirstRender = React.useRef(true);
   React.useEffect(() => {
     if (isFirstRender.current) {

package/esm/FunnelChart/funnelAxisPlugin/useChartFunnelAxis.types.d.ts

@@ -1,4 +1,4 @@
-import { ChartPluginSignature, UseChartCartesianAxisDefaultizedParameters, UseChartCartesianAxisParameters, UseChartCartesianAxisState, UseChartInteractionSignature, UseChartSeriesSignature, ChartsAxisData } from '@mui/x-charts/internals';
+import { type ChartPluginSignature, type UseChartCartesianAxisDefaultizedParameters, type UseChartCartesianAxisParameters, type UseChartCartesianAxisState, type UseChartInteractionSignature, type UseChartSeriesSignature, type ChartsAxisData } from '@mui/x-charts/internals';
 export type UseChartFunnelAxisSignature = ChartPluginSignature<{
   params: Omit<UseChartCartesianAxisParameters, 'onAxisClick' | 'onHighlightedAxisChange' | 'highlightedAxis'> & {
     /**

package/esm/FunnelChart/funnelAxisPlugin/useChartFunnelAxisRendering.selectors.d.ts

@@ -1,5 +1,5 @@
-import { ChartState } from '@mui/x-charts/internals';
-import { UseChartFunnelAxisSignature } from "./useChartFunnelAxis.types.js";
+import { type ChartState } from '@mui/x-charts/internals';
+import { type UseChartFunnelAxisSignature } from "./useChartFunnelAxis.types.js";
 export declare const selectorFunnel: (state: ChartState<[], [UseChartFunnelAxisSignature]>) => {
   gap: number;
 } | undefined;

package/esm/FunnelChart/funnelPlotSlots.types.d.ts

@@ -1,6 +1,6 @@
-import * as React from 'react';
+import type * as React from 'react';
 import type { FunnelSectionProps } from "./FunnelSection.js";
-import { FunnelSectionLabelProps } from "./FunnelSectionLabel.js";
+import { type FunnelSectionLabelProps } from "./FunnelSectionLabel.js";
 export interface FunnelPlotSlots {
   /**
    * Custom component for funnel section.

package/esm/FunnelChart/funnelSlots.types.d.ts

@@ -1,9 +1,9 @@
-import { ChartsOverlaySlotProps, ChartsOverlaySlots } from '@mui/x-charts/ChartsOverlay';
-import { ChartsTooltipProps, ChartsTooltipSlotProps, ChartsTooltipSlots } from '@mui/x-charts/ChartsTooltip';
-import { ChartsAxisSlotProps, ChartsAxisSlots, ChartsSlotProps, ChartsSlots } from '@mui/x-charts/internals';
-import { ChartsLegendSlotProps, ChartsLegendSlots } from '@mui/x-charts/ChartsLegend';
-import { ChartsToolbarSlotProps, ChartsToolbarSlots } from '@mui/x-charts/Toolbar';
-import { FunnelPlotSlotProps, FunnelPlotSlots } from "./funnelPlotSlots.types.js";
+import { type ChartsOverlaySlotProps, type ChartsOverlaySlots } from '@mui/x-charts/ChartsOverlay';
+import { type ChartsTooltipProps, type ChartsTooltipSlotProps, type ChartsTooltipSlots } from '@mui/x-charts/ChartsTooltip';
+import { type ChartsAxisSlotProps, type ChartsAxisSlots, type ChartsSlotProps, type ChartsSlots } from '@mui/x-charts/internals';
+import { type ChartsLegendSlotProps, type ChartsLegendSlots } from '@mui/x-charts/ChartsLegend';
+import { type ChartsToolbarSlotProps, type ChartsToolbarSlots } from '@mui/x-charts/Toolbar';
+import { type FunnelPlotSlotProps, type FunnelPlotSlots } from "./funnelPlotSlots.types.js";
 export interface FunnelChartSlots extends ChartsAxisSlots, FunnelPlotSlots, ChartsLegendSlots, ChartsTooltipSlots, ChartsOverlaySlots, ChartsAxisSlots, ChartsToolbarSlots, Partial<ChartsSlots> {}
 export interface FunnelChartSlotProps extends ChartsAxisSlotProps, FunnelPlotSlotProps, ChartsLegendSlotProps, Omit<ChartsTooltipSlotProps, 'tooltip'>, ChartsOverlaySlotProps, ChartsAxisSlotProps, ChartsToolbarSlotProps, Partial<ChartsSlotProps> {
   /**

package/esm/FunnelChart/labelUtils.d.ts

@@ -1,5 +1,5 @@
-import { FunnelLabelOptions } from "./funnel.types.js";
-import { Point } from "./curves/index.js";
+import { type FunnelLabelOptions } from "./funnel.types.js";
+import { type Point } from "./curves/index.js";
 type AlignReturnType = {
   textAnchor: FunnelLabelOptions['textAnchor'];
   dominantBaseline: Exclude<FunnelLabelOptions['dominantBaseline'], 'baseline'>;

package/esm/FunnelChart/seriesConfig/extremums.d.ts

@@ -1,3 +1,3 @@
-import { CartesianExtremumGetter } from '@mui/x-charts/internals';
+import { type CartesianExtremumGetter } from '@mui/x-charts/internals';
 export declare const getExtremumX: CartesianExtremumGetter<'funnel'>;
 export declare const getExtremumY: CartesianExtremumGetter<'funnel'>;

package/esm/FunnelChart/seriesConfig/getColor.d.ts

@@ -1,3 +1,3 @@
-import { ColorProcessor } from '@mui/x-charts/internals';
+import { type ColorProcessor } from '@mui/x-charts/internals';
 declare const getColor: ColorProcessor<'funnel'>;
 export default getColor;

package/esm/FunnelChart/seriesConfig/getSeriesWithDefaultValues.d.ts

@@ -1,3 +1,3 @@
-import { GetSeriesWithDefaultValues } from '@mui/x-charts/internals';
+import { type GetSeriesWithDefaultValues } from '@mui/x-charts/internals';
 declare const getSeriesWithDefaultValues: GetSeriesWithDefaultValues<'funnel'>;
 export default getSeriesWithDefaultValues;

package/esm/FunnelChart/seriesConfig/legend.d.ts

@@ -1,3 +1,3 @@
-import { LegendGetter } from '@mui/x-charts/internals';
+import { type LegendGetter } from '@mui/x-charts/internals';
 declare const legendGetter: LegendGetter<'funnel'>;
 export default legendGetter;

package/esm/FunnelChart/seriesConfig/seriesProcessor.d.ts

@@ -1,3 +1,3 @@
-import { SeriesProcessor } from '@mui/x-charts/internals';
+import { type SeriesProcessor } from '@mui/x-charts/internals';
 declare const seriesProcessor: SeriesProcessor<'funnel'>;
 export default seriesProcessor;

package/esm/FunnelChart/seriesConfig/tooltip.d.ts

@@ -1,3 +1,3 @@
-import { TooltipGetter } from '@mui/x-charts/internals';
+import { type TooltipGetter } from '@mui/x-charts/internals';
 declare const tooltipGetter: TooltipGetter<'funnel'>;
 export default tooltipGetter;

package/esm/FunnelChart/seriesConfig/tooltipPosition.d.ts

@@ -1,3 +1,3 @@
-import { TooltipItemPositionGetter } from '@mui/x-charts/internals';
+import { type TooltipItemPositionGetter } from '@mui/x-charts/internals';
 declare const tooltipItemPositionGetter: TooltipItemPositionGetter<'funnel'>;
 export default tooltipItemPositionGetter;