@mui/x-charts 8.0.0-beta.3 → 8.1.0

package/modern/hooks/useLineSeries.d.ts

@@ -1,36 +0,0 @@
-import { ProcessedSeries } from "../internals/plugins/corePlugins/useChartSeries/useChartSeries.types.js";
-import { SeriesId } from "../models/seriesType/common.js";
-import { ChartSeriesDefaultized } from "../models/seriesType/config.js";
-export type UseLineSeriesReturnValue = ChartSeriesDefaultized<'line'>;
-export type UseLineSeriesContextReturnValue = ProcessedSeries['line'];
-/**
- * Get access to the internal state of line series.
- *
- * @param {SeriesId} seriesId The id of the series to get.
- * @returns {UseLineSeriesReturnValue} the line series
- */
-export declare function useLineSeries(seriesId: SeriesId): UseLineSeriesReturnValue | undefined;
-/**
- * Get access to the internal state of line series.
- *
- * When called without arguments, it returns all line series.
- *
- * @returns {UseLineSeriesReturnValue[]} the line series
- */
-export declare function useLineSeries(): UseLineSeriesReturnValue[];
-/**
- * Get access to the internal state of line series.
- *
- * @param {SeriesId[]} seriesIds The ids of the series to get. Order is preserved.
- * @returns {UseLineSeriesReturnValue[]} the line series
- */
-export declare function useLineSeries(seriesIds: SeriesId[]): UseLineSeriesReturnValue[];
-/**
- * Get access to the internal state of line series.
- * The returned object contains:
- * - series: a mapping from ids to series attributes.
- * - seriesOrder: the array of series ids.
- * - stackingGroups: the array of stacking groups. Each group contains the series ids stacked and the strategy to use.
- * @returns the line series
- */
-export declare function useLineSeriesContext(): UseLineSeriesContextReturnValue;

package/modern/hooks/useLineSeries.js

@@ -1,43 +0,0 @@
-'use client';
-
-import { createSeriesSelectorsOfType, createAllSeriesSelectorOfType } from "../internals/createSeriesSelectorOfType.js";
-const useSelectorSeries = createSeriesSelectorsOfType('line');
-const useSelectorSeriesContext = createAllSeriesSelectorOfType('line');
-
-/**
- * Get access to the internal state of line series.
- *
- * @param {SeriesId} seriesId The id of the series to get.
- * @returns {UseLineSeriesReturnValue} the line series
- */
-
-/**
- * Get access to the internal state of line series.
- *
- * When called without arguments, it returns all line series.
- *
- * @returns {UseLineSeriesReturnValue[]} the line series
- */
-
-/**
- * Get access to the internal state of line series.
- *
- * @param {SeriesId[]} seriesIds The ids of the series to get. Order is preserved.
- * @returns {UseLineSeriesReturnValue[]} the line series
- */
-
-export function useLineSeries(seriesIds) {
-  return useSelectorSeries(seriesIds);
-}
-
-/**
- * Get access to the internal state of line series.
- * The returned object contains:
- * - series: a mapping from ids to series attributes.
- * - seriesOrder: the array of series ids.
- * - stackingGroups: the array of stacking groups. Each group contains the series ids stacked and the strategy to use.
- * @returns the line series
- */
-export function useLineSeriesContext() {
-  return useSelectorSeriesContext();
-}

package/modern/hooks/useMounted.d.ts

@@ -1 +0,0 @@
-export declare function useMounted(defer?: boolean): boolean;

package/modern/hooks/useMounted.js

@@ -1,18 +0,0 @@
-'use client';
-
-import * as React from 'react';
-import useEnhancedEffect from '@mui/utils/useEnhancedEffect';
-export function useMounted(defer = false) {
-  const [mountedState, setMountedState] = React.useState(false);
-  useEnhancedEffect(() => {
-    if (!defer) {
-      setMountedState(true);
-    }
-  }, [defer]);
-  React.useEffect(() => {
-    if (defer) {
-      setMountedState(true);
-    }
-  }, [defer]);
-  return mountedState;
-}

package/modern/hooks/usePieSeries.d.ts

@@ -1,35 +0,0 @@
-import { ProcessedSeries } from "../internals/plugins/corePlugins/useChartSeries/useChartSeries.types.js";
-import { SeriesId } from "../models/seriesType/common.js";
-import { ChartSeriesDefaultized } from "../models/seriesType/config.js";
-export type UsePieSeriesReturnValue = ChartSeriesDefaultized<'pie'>;
-export type UsePieSeriesContextReturnValue = ProcessedSeries['pie'];
-/**
- * Get access to the internal state of pie series.
- *
- * @param {SeriesId} seriesId The id of the series to get.
- * @returns {UsePieSeriesReturnValue} the pie series
- */
-export declare function usePieSeries(seriesId: SeriesId): UsePieSeriesReturnValue | undefined;
-/**
- * Get access to the internal state of pie series.
- *
- * When called without arguments, it returns all pie series.
- *
- * @returns {UsePieSeriesReturnValue[]} the pie series
- */
-export declare function usePieSeries(): UsePieSeriesReturnValue[];
-/**
- * Get access to the internal state of pie series.
- *
- * @param {SeriesId[]} seriesIds The ids of the series to get. Order is preserved.
- * @returns {UsePieSeriesReturnValue[]} the pie series
- */
-export declare function usePieSeries(seriesIds: SeriesId[]): UsePieSeriesReturnValue[];
-/**
- * Get access to the internal state of pie series.
- * The returned object contains:
- * - series: a mapping from ids to series attributes.
- * - seriesOrder: the array of series ids.
- * @returns the pie series
- */
-export declare function usePieSeriesContext(): UsePieSeriesContextReturnValue;

package/modern/hooks/usePieSeries.js

@@ -1,42 +0,0 @@
-'use client';
-
-import { createSeriesSelectorsOfType, createAllSeriesSelectorOfType } from "../internals/createSeriesSelectorOfType.js";
-const useSelectorSeries = createSeriesSelectorsOfType('pie');
-const useSelectorSeriesContext = createAllSeriesSelectorOfType('pie');
-
-/**
- * Get access to the internal state of pie series.
- *
- * @param {SeriesId} seriesId The id of the series to get.
- * @returns {UsePieSeriesReturnValue} the pie series
- */
-
-/**
- * Get access to the internal state of pie series.
- *
- * When called without arguments, it returns all pie series.
- *
- * @returns {UsePieSeriesReturnValue[]} the pie series
- */
-
-/**
- * Get access to the internal state of pie series.
- *
- * @param {SeriesId[]} seriesIds The ids of the series to get. Order is preserved.
- * @returns {UsePieSeriesReturnValue[]} the pie series
- */
-
-export function usePieSeries(seriesIds) {
-  return useSelectorSeries(seriesIds);
-}
-
-/**
- * Get access to the internal state of pie series.
- * The returned object contains:
- * - series: a mapping from ids to series attributes.
- * - seriesOrder: the array of series ids.
- * @returns the pie series
- */
-export function usePieSeriesContext() {
-  return useSelectorSeriesContext();
-}

package/modern/hooks/useRadarSeries.d.ts

@@ -1,35 +0,0 @@
-import { ProcessedSeries } from "../internals/plugins/corePlugins/useChartSeries/useChartSeries.types.js";
-import { SeriesId } from "../models/seriesType/common.js";
-import { ChartSeriesDefaultized } from "../models/seriesType/config.js";
-export type UseRadarSeriesReturnValue = ChartSeriesDefaultized<'radar'>;
-export type UseRadarSeriesContextReturnValue = ProcessedSeries['radar'];
-/**
- * Get access to the internal state of radar series.
- *
- * @param {SeriesId} seriesId The id of the series to get.
- * @returns {UseRadarSeriesReturnValue} the radar series
- */
-export declare function useRadarSeries(seriesId: SeriesId): UseRadarSeriesReturnValue | undefined;
-/**
- * Get access to the internal state of radar series.
- *
- * When called without arguments, it returns all radar series.
- *
- * @returns {UseRadarSeriesReturnValue[]} the radar series
- */
-export declare function useRadarSeries(): UseRadarSeriesReturnValue[];
-/**
- * Get access to the internal state of radar series.
- *
- * @param {SeriesId[]} seriesIds The ids of the series to get. Order is preserved.
- * @returns {UseRadarSeriesReturnValue[]} the radar series
- */
-export declare function useRadarSeries(seriesIds?: SeriesId[]): UseRadarSeriesReturnValue[];
-/**
- * Get access to the internal state of radar series.
- * The returned object contains:
- * - series: a mapping from ids to series attributes.
- * - seriesOrder: the array of series ids.
- * @returns the radar series
- */
-export declare function useRadarSeriesContext(): UseRadarSeriesContextReturnValue;

package/modern/hooks/useRadarSeries.js

@@ -1,42 +0,0 @@
-'use client';
-
-import { createSeriesSelectorsOfType, createAllSeriesSelectorOfType } from "../internals/createSeriesSelectorOfType.js";
-const useSelectorSeries = createSeriesSelectorsOfType('radar');
-const useSelectorSeriesContext = createAllSeriesSelectorOfType('radar');
-
-/**
- * Get access to the internal state of radar series.
- *
- * @param {SeriesId} seriesId The id of the series to get.
- * @returns {UseRadarSeriesReturnValue} the radar series
- */
-
-/**
- * Get access to the internal state of radar series.
- *
- * When called without arguments, it returns all radar series.
- *
- * @returns {UseRadarSeriesReturnValue[]} the radar series
- */
-
-/**
- * Get access to the internal state of radar series.
- *
- * @param {SeriesId[]} seriesIds The ids of the series to get. Order is preserved.
- * @returns {UseRadarSeriesReturnValue[]} the radar series
- */
-
-export function useRadarSeries(seriesIds) {
-  return useSelectorSeries(seriesIds);
-}
-
-/**
- * Get access to the internal state of radar series.
- * The returned object contains:
- * - series: a mapping from ids to series attributes.
- * - seriesOrder: the array of series ids.
- * @returns the radar series
- */
-export function useRadarSeriesContext() {
-  return useSelectorSeriesContext();
-}

package/modern/hooks/useScale.d.ts

@@ -1,24 +0,0 @@
-import { AxisId, AxisScaleConfig, D3Scale, ScaleName } from "../models/axis.js";
-/**
- * For a given scale return a function that map value to their position.
- * Useful when dealing with specific scale such as band.
- * @param {D3Scale} scale The scale to use
- * @returns {(value: any) => number} A function that map value to their position
- */
-export declare function getValueToPositionMapper(scale: D3Scale): (value: any) => number;
-/**
- * Get the X scale.
- *
- * @param {AxisId | undefined} axisId - If provided returns the scale for the x axis with axisId, else returns the values for the default x axis.
- * @returns {AxisScaleConfig[S]['scale']} The scale for the specified X axis.
- */
-export declare function useXScale<S extends ScaleName>(axisId?: AxisId): AxisScaleConfig[S]['scale'];
-/**
- * Get the Y scale.
- *
- * @param {AxisId | undefined} axisId - If provided returns the scale for the y axis with axisId, else returns the values for the default y axis.
- * @returns {AxisScaleConfig[S]['scale']} The scale for the specified Y axis.
- */
-export declare function useYScale<S extends ScaleName>(axisId?: AxisId): AxisScaleConfig[S]['scale'];
-export declare function useRotationScale<S extends ScaleName>(identifier?: number | string): AxisScaleConfig[S]['scale'] | undefined;
-export declare function useRadiusScale<S extends ScaleName>(identifier?: number | string): AxisScaleConfig[S]['scale'] | undefined;

package/modern/hooks/useScale.js

@@ -1,47 +0,0 @@
-'use client';
-
-import { isBandScale } from "../internals/isBandScale.js";
-import { useRadiusAxis, useRotationAxis, useXAxis, useYAxis } from "./useAxis.js";
-
-/**
- * For a given scale return a function that map value to their position.
- * Useful when dealing with specific scale such as band.
- * @param {D3Scale} scale The scale to use
- * @returns {(value: any) => number} A function that map value to their position
- */
-export function getValueToPositionMapper(scale) {
-  if (isBandScale(scale)) {
-    return value => (scale(value) ?? 0) + scale.bandwidth() / 2;
-  }
-  return value => scale(value);
-}
-
-/**
- * Get the X scale.
- *
- * @param {AxisId | undefined} axisId - If provided returns the scale for the x axis with axisId, else returns the values for the default x axis.
- * @returns {AxisScaleConfig[S]['scale']} The scale for the specified X axis.
- */
-export function useXScale(axisId) {
-  const axis = useXAxis(axisId);
-  return axis.scale;
-}
-
-/**
- * Get the Y scale.
- *
- * @param {AxisId | undefined} axisId - If provided returns the scale for the y axis with axisId, else returns the values for the default y axis.
- * @returns {AxisScaleConfig[S]['scale']} The scale for the specified Y axis.
- */
-export function useYScale(axisId) {
-  const axis = useYAxis(axisId);
-  return axis.scale;
-}
-export function useRotationScale(identifier) {
-  const axis = useRotationAxis(identifier);
-  return axis?.scale;
-}
-export function useRadiusScale(identifier) {
-  const axis = useRadiusAxis(identifier);
-  return axis?.scale;
-}

package/modern/hooks/useScatterSeries.d.ts

@@ -1,35 +0,0 @@
-import { ProcessedSeries } from "../internals/plugins/corePlugins/useChartSeries/useChartSeries.types.js";
-import { SeriesId } from "../models/seriesType/common.js";
-import { ChartSeriesDefaultized } from "../models/seriesType/config.js";
-export type UseScatterSeriesReturnValue = ChartSeriesDefaultized<'scatter'>;
-export type UseScatterSeriesContextReturnValue = ProcessedSeries['scatter'];
-/**
- * Get access to the internal state of scatter series.
- *
- * @param {SeriesId} seriesId The id of the series to get.
- * @returns {UseScatterSeriesReturnValue} the scatter series
- */
-export declare function useScatterSeries(seriesId: SeriesId): UseScatterSeriesReturnValue | undefined;
-/**
- * Get access to the internal state of scatter series.
- *
- * When called without arguments, it returns all scatter series.
- *
- * @returns {UseScatterSeriesReturnValue[]} the scatter series
- */
-export declare function useScatterSeries(): UseScatterSeriesReturnValue[];
-/**
- * Get access to the internal state of scatter series.
- *
- * @param {SeriesId[]} seriesIds The ids of the series to get. Order is preserved.
- * @returns {UseScatterSeriesReturnValue[]} the scatter series
- */
-export declare function useScatterSeries(seriesIds: SeriesId[]): UseScatterSeriesReturnValue[];
-/**
- * Get access to the internal state of scatter series.
- * The returned object contains:
- * - series: a mapping from ids to series attributes.
- * - seriesOrder: the array of series ids.
- * @returns the scatter series
- */
-export declare function useScatterSeriesContext(): UseScatterSeriesContextReturnValue;

package/modern/hooks/useScatterSeries.js

@@ -1,42 +0,0 @@
-'use client';
-
-import { createSeriesSelectorsOfType, createAllSeriesSelectorOfType } from "../internals/createSeriesSelectorOfType.js";
-const useSelectorSeries = createSeriesSelectorsOfType('scatter');
-const useSelectorSeriesContext = createAllSeriesSelectorOfType('scatter');
-
-/**
- * Get access to the internal state of scatter series.
- *
- * @param {SeriesId} seriesId The id of the series to get.
- * @returns {UseScatterSeriesReturnValue} the scatter series
- */
-
-/**
- * Get access to the internal state of scatter series.
- *
- * When called without arguments, it returns all scatter series.
- *
- * @returns {UseScatterSeriesReturnValue[]} the scatter series
- */
-
-/**
- * Get access to the internal state of scatter series.
- *
- * @param {SeriesId[]} seriesIds The ids of the series to get. Order is preserved.
- * @returns {UseScatterSeriesReturnValue[]} the scatter series
- */
-
-export function useScatterSeries(seriesIds) {
-  return useSelectorSeries(seriesIds);
-}
-
-/**
- * Get access to the internal state of scatter series.
- * The returned object contains:
- * - series: a mapping from ids to series attributes.
- * - seriesOrder: the array of series ids.
- * @returns the scatter series
- */
-export function useScatterSeriesContext() {
-  return useSelectorSeriesContext();
-}

package/modern/hooks/useSeries.d.ts

@@ -1,7 +0,0 @@
-/**
- * Get access to the internal state of series.
- * Structured by type of series:
- * { seriesType?: { series: { id1: precessedValue, ... }, seriesOrder: [id1, ...] } }
- * @returns FormattedSeries series
- */
-export declare function useSeries(): import("../internals").ProcessedSeries<keyof import("../internals").ChartsSeriesConfig>;

package/modern/hooks/useSeries.js

@@ -1,15 +0,0 @@
-'use client';
-
-import { useStore } from "../internals/store/useStore.js";
-import { useSelector } from "../internals/store/useSelector.js";
-import { selectorChartSeriesProcessed } from "../internals/plugins/corePlugins/useChartSeries/useChartSeries.selectors.js";
-/**
- * Get access to the internal state of series.
- * Structured by type of series:
- * { seriesType?: { series: { id1: precessedValue, ... }, seriesOrder: [id1, ...] } }
- * @returns FormattedSeries series
- */
-export function useSeries() {
-  const store = useStore();
-  return useSelector(store, selectorChartSeriesProcessed);
-}

package/modern/hooks/useSvgRef.d.ts

@@ -1,6 +0,0 @@
-import * as React from 'react';
-/**
- * Get the ref for the SVG element.
- * @returns The SVG ref.
- */
-export declare function useSvgRef(): React.RefObject<SVGSVGElement | null>;

package/modern/hooks/useSvgRef.js

@@ -1,15 +0,0 @@
-'use client';
-
-import { useChartContext } from "../context/ChartProvider/index.js";
-
-/**
- * Get the ref for the SVG element.
- * @returns The SVG ref.
- */
-export function useSvgRef() {
-  const context = useChartContext();
-  if (!context) {
-    throw new Error(['MUI X: Could not find the svg ref context.', 'It looks like you rendered your component outside of a ChartContainer parent component.'].join('\n'));
-  }
-  return context.svgRef;
-}

package/modern/hooks/useTicks.d.ts

@@ -1,59 +0,0 @@
-import { AxisConfig, D3Scale } from "../models/axis.js";
-export interface TickParams {
-  /**
-   * 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?: 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?: number;
-  /**
-   * The number of ticks. This number is not guaranteed.
-   * Not supported by categorical axis (band, points).
-   */
-  tickNumber?: number;
-  /**
-   * Defines which ticks are displayed.
-   * Its value can be:
-   * - 'auto' In such case the ticks are computed based on axis scale and other parameters.
-   * - a filtering function of the form `(value, index) => boolean` which is available only if the axis has "point" scale.
-   * - an array containing the values where ticks should be displayed.
-   * @see See {@link https://mui.com/x/react-charts/axis/#fixed-tick-positions}
-   * @default 'auto'
-   */
-  tickInterval?: 'auto' | ((value: any, index: number) => boolean) | any[];
-  /**
-   * The placement of ticks in regard to the band interval.
-   * Only used if scale is 'band'.
-   * @default 'extremities'
-   */
-  tickPlacement?: 'start' | 'end' | 'middle' | 'extremities';
-  /**
-   * 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?: 'middle' | 'tick';
-}
-export declare function getTickNumber(params: TickParams & {
-  range: number[];
-  domain: any[];
-}): number;
-export type TickItemType = {
-  /**
-   * This property is undefined only if it's the tick closing the last band
-   */
-  value?: any;
-  formattedValue?: string;
-  offset: number;
-  labelOffset: number;
-};
-export declare function useTicks(options: {
-  scale: D3Scale;
-  valueFormatter?: AxisConfig['valueFormatter'];
-} & Pick<TickParams, 'tickNumber' | 'tickInterval' | 'tickPlacement' | 'tickLabelPlacement'>): TickItemType[];

package/modern/hooks/useTicks.js

@@ -1,91 +0,0 @@
-'use client';
-
-import * as React from 'react';
-import { isBandScale } from "../internals/isBandScale.js";
-import { isInfinity } from "../internals/isInfinity.js";
-export function getTickNumber(params) {
-  const {
-    tickMaxStep,
-    tickMinStep,
-    tickNumber,
-    range,
-    domain
-  } = params;
-  const maxTicks = tickMinStep === undefined ? 999 : Math.floor(Math.abs(domain[1] - domain[0]) / tickMinStep);
-  const minTicks = tickMaxStep === undefined ? 2 : Math.ceil(Math.abs(domain[1] - domain[0]) / tickMaxStep);
-  const defaultizedTickNumber = tickNumber ?? Math.floor(Math.abs(range[1] - range[0]) / 50);
-  return Math.min(maxTicks, Math.max(minTicks, defaultizedTickNumber));
-}
-const offsetRatio = {
-  start: 0,
-  extremities: 0,
-  end: 1,
-  middle: 0.5
-};
-export function useTicks(options) {
-  const {
-    scale,
-    tickNumber,
-    valueFormatter,
-    tickInterval,
-    tickPlacement = 'extremities',
-    tickLabelPlacement: tickLabelPlacementProp
-  } = options;
-  return React.useMemo(() => {
-    // band scale
-    if (isBandScale(scale)) {
-      const domain = scale.domain();
-      const tickLabelPlacement = tickLabelPlacementProp ?? 'middle';
-      if (scale.bandwidth() > 0) {
-        // scale type = 'band'
-        const filteredDomain = typeof tickInterval === 'function' && domain.filter(tickInterval) || typeof tickInterval === 'object' && tickInterval || domain;
-        return [...filteredDomain.map(value => ({
-          value,
-          formattedValue: valueFormatter?.(value, {
-            location: 'tick',
-            scale
-          }) ?? `${value}`,
-          offset: scale(value) - (scale.step() - scale.bandwidth()) / 2 + offsetRatio[tickPlacement] * scale.step(),
-          labelOffset: tickLabelPlacement === 'tick' ? 0 : scale.step() * (offsetRatio[tickLabelPlacement] - offsetRatio[tickPlacement])
-        })), ...(tickPlacement === 'extremities' ? [{
-          formattedValue: undefined,
-          offset: scale.range()[1],
-          labelOffset: 0
-        }] : [])];
-      }
-
-      // scale type = 'point'
-      const filteredDomain = typeof tickInterval === 'function' && domain.filter(tickInterval) || typeof tickInterval === 'object' && tickInterval || domain;
-      return filteredDomain.map(value => ({
-        value,
-        formattedValue: valueFormatter?.(value, {
-          location: 'tick',
-          scale
-        }) ?? `${value}`,
-        offset: scale(value),
-        labelOffset: 0
-      }));
-    }
-    const domain = scale.domain();
-    // Skip axis rendering if no data is available
-    // - The domains contains Infinity for continuous scales.
-    if (domain.some(isInfinity)) {
-      return [];
-    }
-    const tickLabelPlacement = tickLabelPlacementProp;
-    const ticks = typeof tickInterval === 'object' ? tickInterval : scale.ticks(tickNumber);
-    return ticks.map((value, i) => {
-      return {
-        value,
-        formattedValue: valueFormatter?.(value, {
-          location: 'tick',
-          scale
-        }) ?? scale.tickFormat(tickNumber)(value),
-        offset: scale(value),
-        // Allowing the label to be placed in the middle of a continuous scale is weird.
-        // But it is useful in some cases, like funnel categories with a linear scale.
-        labelOffset: tickLabelPlacement === 'middle' ? scale(ticks[i - 1] ?? 0) - (scale(value) + scale(ticks[i - 1] ?? 0)) / 2 : 0
-      };
-    });
-  }, [scale, tickInterval, tickNumber, valueFormatter, tickPlacement, tickLabelPlacementProp]);
-}

package/modern/hooks/useZAxis.d.ts

@@ -1,7 +0,0 @@
-export declare function useZAxes(): {
-  zAxis: {
-    [axisId: string]: import("../internals").ZAxisDefaultized;
-  };
-  zAxisIds: import("../internals").AxisId[];
-};
-export declare function useZAxis(identifier?: number | string): import("../internals").ZAxisDefaultized;

package/modern/hooks/useZAxis.js

@@ -1,27 +0,0 @@
-'use client';
-
-import { useStore } from "../internals/store/useStore.js";
-import { selectorChartZAxis } from "../internals/plugins/featurePlugins/useChartZAxis/index.js";
-import { useSelector } from "../internals/store/useSelector.js";
-export function useZAxes() {
-  const store = useStore();
-  const {
-    axis: zAxis,
-    axisIds: zAxisIds
-  } = useSelector(store, selectorChartZAxis) ?? {
-    axis: {},
-    axisIds: []
-  };
-  return {
-    zAxis,
-    zAxisIds
-  };
-}
-export function useZAxis(identifier) {
-  const {
-    zAxis,
-    zAxisIds
-  } = useZAxes();
-  const id = typeof identifier === 'string' ? identifier : zAxisIds[identifier ?? 0];
-  return zAxis[id];
-}