@mui/x-charts 8.0.0-alpha.10 → 8.0.0-alpha.12

package/hooks/useBarSeries.d.ts

@@ -0,0 +1,36 @@
+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 UseBarSeriesReturnValue = ChartSeriesDefaultized<'bar'>;
+export type UseBarSeriesContextReturnValue = ProcessedSeries['bar'];
+/**
+ * Get access to the internal state of bar series.
+ *
+ * @param {SeriesId} seriesId The id of the series to get.
+ * @returns {UseBarSeriesReturnValue} the bar series
+ */
+export declare function useBarSeries(seriesId: SeriesId): UseBarSeriesReturnValue | undefined;
+/**
+ * Get access to the internal state of bar series.
+ *
+ * When called without arguments, it returns all bar series.
+ *
+ * @returns {UseBarSeriesReturnValue[]} the bar series
+ */
+export declare function useBarSeries(): UseBarSeriesReturnValue[];
+/**
+ * Get access to the internal state of bar series.
+ *
+ * @param {SeriesId[]} seriesIds The ids of the series to get. Order is preserved.
+ * @returns {UseBarSeriesReturnValue[]} the bar series
+ */
+export declare function useBarSeries(seriesIds: SeriesId[]): UseBarSeriesReturnValue[];
+/**
+ * Get access to the internal state of bar 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 bar series
+ */
+export declare function useBarSeriesContext(): UseBarSeriesContextReturnValue;

package/hooks/useBarSeries.js

@@ -0,0 +1,49 @@
+"use strict";
+'use client';
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useBarSeries = useBarSeries;
+exports.useBarSeriesContext = useBarSeriesContext;
+var _createSeriesSelectorOfType = require("../internals/createSeriesSelectorOfType");
+const useSelectorSeries = (0, _createSeriesSelectorOfType.createSeriesSelectorsOfType)('bar');
+const useSelectorSeriesContext = (0, _createSeriesSelectorOfType.createAllSeriesSelectorOfType)('bar');
+
+/**
+ * Get access to the internal state of bar series.
+ *
+ * @param {SeriesId} seriesId The id of the series to get.
+ * @returns {UseBarSeriesReturnValue} the bar series
+ */
+
+/**
+ * Get access to the internal state of bar series.
+ *
+ * When called without arguments, it returns all bar series.
+ *
+ * @returns {UseBarSeriesReturnValue[]} the bar series
+ */
+
+/**
+ * Get access to the internal state of bar series.
+ *
+ * @param {SeriesId[]} seriesIds The ids of the series to get. Order is preserved.
+ * @returns {UseBarSeriesReturnValue[]} the bar series
+ */
+
+function useBarSeries(seriesIds) {
+  return useSelectorSeries(seriesIds);
+}
+
+/**
+ * Get access to the internal state of bar 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 bar series
+ */
+function useBarSeriesContext() {
+  return useSelectorSeriesContext();
+}

package/hooks/useChartGradientId.d.ts

@@ -1,4 +1,4 @@
-import { AxisId } from '../models/axis';
+import { AxisId } from "../models/axis.js";
 /**
  * Returns a function that generates a gradient id for the given axis id.
  */
@@ -28,4 +28,4 @@ export declare function useChartGradientId(axisId: AxisId): string;
  * @param axisId the axis id
  * @returns the gradient id
  */
-export declare function useChartGradientIdObjectBound(axisId: AxisId): string;
+export declare function useChartGradientIdObjectBound(axisId: AxisId): string;

package/hooks/useChartGradientId.js

@@ -1,20 +1,29 @@
+"use strict";
 'use client';
 
-import * as React from 'react';
-import { useChartId } from "./useChartId.js";
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useChartGradientId = useChartGradientId;
+exports.useChartGradientIdBuilder = useChartGradientIdBuilder;
+exports.useChartGradientIdObjectBound = useChartGradientIdObjectBound;
+exports.useChartGradientIdObjectBoundBuilder = useChartGradientIdObjectBoundBuilder;
+var React = _interopRequireWildcard(require("react"));
+var _useChartId = require("./useChartId");
 /**
  * Returns a function that generates a gradient id for the given axis id.
  */
-export function useChartGradientIdBuilder() {
-  const chartId = useChartId();
+function useChartGradientIdBuilder() {
+  const chartId = (0, _useChartId.useChartId)();
   return React.useCallback(axisId => `${chartId}-gradient-${axisId}`, [chartId]);
 }
 
 /**
  * Returns a function that generates a gradient id for the given axis id.
  */
-export function useChartGradientIdObjectBoundBuilder() {
-  const chartId = useChartId();
+function useChartGradientIdObjectBoundBuilder() {
+  const chartId = (0, _useChartId.useChartId)();
   return React.useCallback(axisId => `${chartId}-gradient-${axisId}-object-bound`, [chartId]);
 }
 
@@ -28,7 +37,7 @@ export function useChartGradientIdObjectBoundBuilder() {
  * @param axisId the axis id
  * @returns the gradient id
  */
-export function useChartGradientId(axisId) {
+function useChartGradientId(axisId) {
   return useChartGradientIdBuilder()(axisId);
 }
 
@@ -42,6 +51,6 @@ export function useChartGradientId(axisId) {
  * @param axisId the axis id
  * @returns the gradient id
  */
-export function useChartGradientIdObjectBound(axisId) {
+function useChartGradientIdObjectBound(axisId) {
   return useChartGradientIdObjectBoundBuilder()(axisId);
 }

package/hooks/useChartId.d.ts

@@ -1 +1,5 @@
-export declare function useChartId(): string | undefined;
+/**
+ * Get the unique identifier of the chart.
+ * @returns chartId if it exists.
+ */
+export declare function useChartId(): string | undefined;

package/hooks/useChartId.js

@@ -1,9 +1,18 @@
+"use strict";
 'use client';
 
-import { useStore } from "../internals/store/useStore.js";
-import { useSelector } from "../internals/store/useSelector.js";
-import { selectorChartId } from "../internals/plugins/corePlugins/useChartId/useChartId.selectors.js";
-export function useChartId() {
-  const store = useStore();
-  return useSelector(store, selectorChartId);
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useChartId = useChartId;
+var _useStore = require("../internals/store/useStore");
+var _useSelector = require("../internals/store/useSelector");
+var _useChartId = require("../internals/plugins/corePlugins/useChartId/useChartId.selectors");
+/**
+ * Get the unique identifier of the chart.
+ * @returns chartId if it exists.
+ */
+function useChartId() {
+  const store = (0, _useStore.useStore)();
+  return (0, _useSelector.useSelector)(store, _useChartId.selectorChartId);
 }

package/hooks/useColorScale.d.ts

@@ -1,4 +1,22 @@
-import { AxisScaleComputedConfig, ScaleName } from '../models/axis';
-export declare function useXColorScale<S extends ScaleName>(identifier?: number | string): AxisScaleComputedConfig[S]['colorScale'] | undefined;
-export declare function useYColorScale<S extends ScaleName>(identifier?: number | string): AxisScaleComputedConfig[S]['colorScale'] | undefined;
-export declare function useZColorScale<S extends ScaleName>(identifier?: number | string): AxisScaleComputedConfig[S]['colorScale'] | undefined;
+import { AxisId, AxisScaleComputedConfig, ScaleName } from "../models/axis.js";
+/**
+ * Get the X axis color scale.
+ *
+ * @param {AxisId | undefined} axisId - If provided returns color scale for axisId, else returns the values for the default axis.
+ * @returns {AxisScaleComputedConfig[S]['colorScale'] | undefined} The color scale for the specified X axis, or undefined if not found.
+ */
+export declare function useXColorScale<S extends ScaleName>(axisId?: AxisId): AxisScaleComputedConfig[S]['colorScale'] | undefined;
+/**
+ * Get the Y axis color scale.
+ *
+ * @param {AxisId | undefined} axisId - If provided returns color scale for axisId, else returns the values for the default axis.
+ * @returns {AxisScaleComputedConfig[S]['colorScale'] | undefined} The color scale for the specified Y axis, or undefined if not found.
+ */
+export declare function useYColorScale<S extends ScaleName>(axisId?: AxisId): AxisScaleComputedConfig[S]['colorScale'] | undefined;
+/**
+ * Get the Z axis color scale.
+ *
+ * @param {AxisId | undefined} axisId - If provided returns color scale for axisId, else returns the values for the default axis.
+ * @returns {AxisScaleComputedConfig[S]['colorScale'] | undefined} The color scale for the specified Z axis, or undefined if not found.
+ */
+export declare function useZColorScale<S extends ScaleName>(axisId?: AxisId): AxisScaleComputedConfig[S]['colorScale'] | undefined;

package/hooks/useColorScale.js

@@ -1,28 +1,43 @@
+"use strict";
 'use client';
 
-import { useXAxes, useYAxes } from "./useAxis.js";
-import { useZAxes } from "./useZAxis.js";
-export function useXColorScale(identifier) {
-  const {
-    xAxis,
-    xAxisIds
-  } = useXAxes();
-  const id = typeof identifier === 'string' ? identifier : xAxisIds[identifier ?? 0];
-  return xAxis[id].colorScale;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useXColorScale = useXColorScale;
+exports.useYColorScale = useYColorScale;
+exports.useZColorScale = useZColorScale;
+var _useAxis = require("./useAxis");
+var _useZAxis = require("./useZAxis");
+/**
+ * Get the X axis color scale.
+ *
+ * @param {AxisId | undefined} axisId - If provided returns color scale for axisId, else returns the values for the default axis.
+ * @returns {AxisScaleComputedConfig[S]['colorScale'] | undefined} The color scale for the specified X axis, or undefined if not found.
+ */
+function useXColorScale(axisId) {
+  const axis = (0, _useAxis.useXAxis)(axisId);
+  return axis.colorScale;
 }
-export function useYColorScale(identifier) {
-  const {
-    yAxis,
-    yAxisIds
-  } = useYAxes();
-  const id = typeof identifier === 'string' ? identifier : yAxisIds[identifier ?? 0];
-  return yAxis[id].colorScale;
+
+/**
+ * Get the Y axis color scale.
+ *
+ * @param {AxisId | undefined} axisId - If provided returns color scale for axisId, else returns the values for the default axis.
+ * @returns {AxisScaleComputedConfig[S]['colorScale'] | undefined} The color scale for the specified Y axis, or undefined if not found.
+ */
+function useYColorScale(axisId) {
+  const axis = (0, _useAxis.useYAxis)(axisId);
+  return axis.colorScale;
 }
-export function useZColorScale(identifier) {
-  const {
-    zAxis,
-    zAxisIds
-  } = useZAxes();
-  const id = typeof identifier === 'string' ? identifier : zAxisIds[identifier ?? 0];
-  return zAxis[id]?.colorScale;
+
+/**
+ * Get the Z axis color scale.
+ *
+ * @param {AxisId | undefined} axisId - If provided returns color scale for axisId, else returns the values for the default axis.
+ * @returns {AxisScaleComputedConfig[S]['colorScale'] | undefined} The color scale for the specified Z axis, or undefined if not found.
+ */
+function useZColorScale(axisId) {
+  const axis = (0, _useZAxis.useZAxis)(axisId);
+  return axis.colorScale;
 }

package/hooks/useDrawingArea.d.ts

@@ -1,16 +1,16 @@
 export type ChartDrawingArea = {
-    top: number;
-    left: number;
-    right: number;
-    bottom: number;
-    width: number;
-    height: number;
-};
-export declare function useDrawingArea(): {
-    width: number;
-    left: number;
-    right: number;
-    height: number;
-    top: number;
-    bottom: number;
+  top: number;
+  left: number;
+  right: number;
+  bottom: number;
+  width: number;
+  height: number;
 };
+/**
+ * Get the drawing area dimensions and coordinates. The drawing area is the area where the chart is rendered.
+ *
+ * It includes the left, top, width, height, bottom, and right dimensions.
+ *
+ * @returns The drawing area dimensions.
+ */
+export declare function useDrawingArea(): ChartDrawingArea;

package/hooks/useDrawingArea.js

@@ -1,9 +1,21 @@
+"use strict";
 'use client';
 
-import { useStore } from "../internals/store/useStore.js";
-import { useSelector } from "../internals/store/useSelector.js";
-import { selectorChartDrawingArea } from "../internals/plugins/corePlugins/useChartDimensions/useChartDimensions.selectors.js";
-export function useDrawingArea() {
-  const store = useStore();
-  return useSelector(store, selectorChartDrawingArea);
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useDrawingArea = useDrawingArea;
+var _useStore = require("../internals/store/useStore");
+var _useSelector = require("../internals/store/useSelector");
+var _useChartDimensions = require("../internals/plugins/corePlugins/useChartDimensions/useChartDimensions.selectors");
+/**
+ * Get the drawing area dimensions and coordinates. The drawing area is the area where the chart is rendered.
+ *
+ * It includes the left, top, width, height, bottom, and right dimensions.
+ *
+ * @returns The drawing area dimensions.
+ */
+function useDrawingArea() {
+  const store = (0, _useStore.useStore)();
+  return (0, _useSelector.useSelector)(store, _useChartDimensions.selectorChartDrawingArea);
 }

package/hooks/useInteractionItemProps.d.ts

@@ -1,7 +1,7 @@
 import * as React from 'react';
-import { SeriesItemIdentifier } from '../models';
+import { SeriesItemIdentifier } from "../models/index.js";
 export declare const useInteractionItemProps: (skip?: boolean) => (() => {}) | ((data: SeriesItemIdentifier) => {
-    onPointerEnter: () => void;
-    onPointerLeave: (event: React.PointerEvent) => void;
-    onPointerDown: (event: React.PointerEvent) => void;
-});
+  onPointerEnter: () => void;
+  onPointerLeave: (event: React.PointerEvent) => void;
+  onPointerDown: (event: React.PointerEvent) => void;
+});

package/hooks/useInteractionItemProps.js

@@ -1,10 +1,15 @@
+"use strict";
 'use client';
 
-import { useChartContext } from "../context/ChartProvider/index.js";
-export const useInteractionItemProps = skip => {
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useInteractionItemProps = void 0;
+var _ChartProvider = require("../context/ChartProvider");
+const useInteractionItemProps = skip => {
   const {
     instance
-  } = useChartContext();
+  } = (0, _ChartProvider.useChartContext)();
   if (skip) {
     return () => ({});
   }
@@ -35,4 +40,5 @@ export const useInteractionItemProps = skip => {
     };
   };
   return getInteractionItemProps;
-};
+};
+exports.useInteractionItemProps = useInteractionItemProps;

package/hooks/useItemHighlighted.d.ts

@@ -1,13 +1,13 @@
-import { HighlightItemData } from '../internals/plugins/featurePlugins/useChartHighlight/useChartHighlight.types';
+import { HighlightItemData } from "../internals/plugins/featurePlugins/useChartHighlight/useChartHighlight.types.js";
 type UseItemHighlightedReturnType = {
-    /**
-     * Whether the item is highlighted.
-     */
-    isHighlighted: boolean;
-    /**
-     * Whether the item is faded.
-     */
-    isFaded: boolean;
+  /**
+   * Whether the item is highlighted.
+   */
+  isHighlighted: boolean;
+  /**
+   * Whether the item is faded.
+   */
+  isFaded: boolean;
 };
 type UseItemHighlightedParams = HighlightItemData | null;
 /**
@@ -20,4 +20,4 @@ type UseItemHighlightedParams = HighlightItemData | null;
  * @returns {UseItemHighlightedReturnType} the state of the item
  */
 export declare function useItemHighlighted(item: UseItemHighlightedParams): UseItemHighlightedReturnType;
-export {};
+export {};

package/hooks/useItemHighlighted.js

@@ -1,8 +1,13 @@
+"use strict";
 'use client';
 
-import { useStore } from "../internals/store/useStore.js";
-import { useSelector } from "../internals/store/useSelector.js";
-import { selectorChartsIsFaded, selectorChartsIsHighlighted } from "../internals/plugins/featurePlugins/useChartHighlight/index.js";
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useItemHighlighted = useItemHighlighted;
+var _useStore = require("../internals/store/useStore");
+var _useSelector = require("../internals/store/useSelector");
+var _useChartHighlight = require("../internals/plugins/featurePlugins/useChartHighlight");
 /**
  * A hook to check the highlighted state of the item.
  * This function already calculates that an item is not faded if it is highlighted.
@@ -12,10 +17,10 @@ import { selectorChartsIsFaded, selectorChartsIsHighlighted } from "../internals
  * @param {HighlightItemData | null} item is the item to check
  * @returns {UseItemHighlightedReturnType} the state of the item
  */
-export function useItemHighlighted(item) {
-  const store = useStore();
-  const isHighlighted = useSelector(store, selectorChartsIsHighlighted, item);
-  const isFaded = useSelector(store, selectorChartsIsFaded, item);
+function useItemHighlighted(item) {
+  const store = (0, _useStore.useStore)();
+  const isHighlighted = (0, _useSelector.useSelector)(store, _useChartHighlight.selectorChartsIsHighlighted, item);
+  const isFaded = (0, _useSelector.useSelector)(store, _useChartHighlight.selectorChartsIsFaded, item);
   return {
     isHighlighted,
     isFaded: !isHighlighted && isFaded

package/hooks/useItemHighlightedGetter.d.ts

@@ -7,6 +7,6 @@
  * @returns {{ isHighlighted, isFaded }} callbacks to get the state of the item.
  */
 export declare function useItemHighlightedGetter(): {
-    isHighlighted: (item: import("..").HighlightItemData | null) => boolean;
-    isFaded: (item: import("..").HighlightItemData | null) => boolean;
-};
+  isHighlighted: (item: import("..").HighlightItemData | null) => boolean;
+  isFaded: (item: import("..").HighlightItemData | null) => boolean;
+};

package/hooks/useItemHighlightedGetter.js

@@ -1,9 +1,13 @@
+"use strict";
 'use client';
 
-import { useSelector } from "../internals/store/useSelector.js";
-import { useStore } from "../internals/store/useStore.js";
-import { selectorChartsIsFadedCallback, selectorChartsIsHighlightedCallback } from "../internals/plugins/featurePlugins/useChartHighlight/useChartHighlight.selectors.js";
-
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useItemHighlightedGetter = useItemHighlightedGetter;
+var _useSelector = require("../internals/store/useSelector");
+var _useStore = require("../internals/store/useStore");
+var _useChartHighlight = require("../internals/plugins/featurePlugins/useChartHighlight/useChartHighlight.selectors");
 /**
  * A hook to check the highlighted state of multiple items.
  * If you're interested by a single one, consider using `useItemHighlighted`.
@@ -12,10 +16,10 @@ import { selectorChartsIsFadedCallback, selectorChartsIsHighlightedCallback } fr
  * We recommend to first test if item is highlighted: `const faded = !highlighted && isFaded(item)`
  * @returns {{ isHighlighted, isFaded }} callbacks to get the state of the item.
  */
-export function useItemHighlightedGetter() {
-  const store = useStore();
-  const isHighlighted = useSelector(store, selectorChartsIsHighlightedCallback);
-  const isFaded = useSelector(store, selectorChartsIsFadedCallback);
+function useItemHighlightedGetter() {
+  const store = (0, _useStore.useStore)();
+  const isHighlighted = (0, _useSelector.useSelector)(store, _useChartHighlight.selectorChartsIsHighlightedCallback);
+  const isFaded = (0, _useSelector.useSelector)(store, _useChartHighlight.selectorChartsIsFadedCallback);
   return {
     isHighlighted,
     isFaded

package/hooks/useLegend.d.ts

@@ -9,5 +9,5 @@ import type { LegendItemParams } from '../ChartsLegend';
  * @returns legend data
  */
 export declare function useLegend(): {
-    items: LegendItemParams[];
-};
+  items: LegendItemParams[];
+};

package/hooks/useLegend.js

@@ -1,9 +1,14 @@
+"use strict";
 'use client';
 
-import { selectorChartSeriesConfig } from "../internals/plugins/corePlugins/useChartSeries/index.js";
-import { useSeries } from "./useSeries.js";
-import { useStore } from "../internals/store/useStore.js";
-import { useSelector } from "../internals/store/useSelector.js";
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useLegend = useLegend;
+var _useChartSeries = require("../internals/plugins/corePlugins/useChartSeries");
+var _useSeries = require("./useSeries");
+var _useStore = require("../internals/store/useStore");
+var _useSelector = require("../internals/store/useSelector");
 function getSeriesToDisplay(series, seriesConfig) {
   return Object.keys(series).flatMap(seriesType => {
     const getter = seriesConfig[seriesType].legendGetter;
@@ -20,10 +25,10 @@ function getSeriesToDisplay(series, seriesConfig) {
  *
  * @returns legend data
  */
-export function useLegend() {
-  const series = useSeries();
-  const store = useStore();
-  const seriesConfig = useSelector(store, selectorChartSeriesConfig);
+function useLegend() {
+  const series = (0, _useSeries.useSeries)();
+  const store = (0, _useStore.useStore)();
+  const seriesConfig = (0, _useSelector.useSelector)(store, _useChartSeries.selectorChartSeriesConfig);
   return {
     items: getSeriesToDisplay(series, seriesConfig)
   };

package/hooks/useLineSeries.d.ts

@@ -0,0 +1,36 @@
+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/hooks/useLineSeries.js

@@ -0,0 +1,49 @@
+"use strict";
+'use client';
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useLineSeries = useLineSeries;
+exports.useLineSeriesContext = useLineSeriesContext;
+var _createSeriesSelectorOfType = require("../internals/createSeriesSelectorOfType");
+const useSelectorSeries = (0, _createSeriesSelectorOfType.createSeriesSelectorsOfType)('line');
+const useSelectorSeriesContext = (0, _createSeriesSelectorOfType.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
+ */
+
+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
+ */
+function useLineSeriesContext() {
+  return useSelectorSeriesContext();
+}

package/hooks/useMounted.d.ts

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

package/hooks/useMounted.js

@@ -1,10 +1,17 @@
+"use strict";
 'use client';
 
-import * as React from 'react';
-import useEnhancedEffect from '@mui/utils/useEnhancedEffect';
-export function useMounted(defer = false) {
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useMounted = useMounted;
+var React = _interopRequireWildcard(require("react"));
+var _useEnhancedEffect = _interopRequireDefault(require("@mui/utils/useEnhancedEffect"));
+function useMounted(defer = false) {
   const [mountedState, setMountedState] = React.useState(false);
-  useEnhancedEffect(() => {
+  (0, _useEnhancedEffect.default)(() => {
     if (!defer) {
       setMountedState(true);
     }