@mui/x-charts 9.14.0 → 9.15.0

package/SparkLineChart/SparkLineChart.mjs

@@ -1,8 +1,8 @@
 'use client';
 
-import _extends from "@babel/runtime/helpers/esm/extends";
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
-const _excluded = ["xAxis", "yAxis", "width", "height", "margin", "color", "baseline", "sx", "showTooltip", "showHighlight", "axisHighlight", "children", "slots", "slotProps", "data", "plotType", "valueFormatter", "area", "curve", "className", "disableClipping", "clipAreaOffset", "onHighlightChange", "onHighlightedAxisChange", "highlightedAxis", "highlightedItem"];
+import _extends from "@babel/runtime/helpers/extends";
+import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/objectWithoutPropertiesLoose";
+const _excluded = ["xAxis", "yAxis", "width", "height", "margin", "color", "baseline", "sx", "showTooltip", "showHighlight", "axisHighlight", "children", "slots", "slotProps", "data", "plotType", "valueFormatter", "area", "curve", "className", "disableClipping", "clipAreaOffset", "onHighlightedAxisChange", "disableAxisListener"];
 import * as React from 'react';
 import PropTypes from 'prop-types';
 import useId from '@mui/utils/useId';
@@ -10,6 +10,7 @@ import { ChartsClipPath } from "../ChartsClipPath/index.mjs";
 import { BarPlot } from "../BarChart/index.mjs";
 import { LinePlot, AreaPlot, LineHighlightPlot } from "../LineChart/index.mjs";
 import { ChartsDataProvider } from "../ChartsDataProvider/index.mjs";
+import { useChartsContainerProps } from "../ChartsContainer/useChartsContainerProps.mjs";
 import { ChartsSurface } from "../ChartsSurface/index.mjs";
 import { DEFAULT_X_AXIS_KEY, DEFAULT_Y_AXIS_KEY } from "../constants/index.mjs";
 import { ChartsTooltip } from "../ChartsTooltip/index.mjs";
@@ -51,10 +52,8 @@ const SparkLineChart = /*#__PURE__*/React.forwardRef(function SparkLineChart(pro
       className,
       disableClipping,
       clipAreaOffset,
-      onHighlightChange,
       onHighlightedAxisChange,
-      highlightedAxis,
-      highlightedItem
+      disableAxisListener
     } = props,
     other = _objectWithoutPropertiesLoose(props, _excluded);
   const id = useId();
@@ -103,24 +102,25 @@ const SparkLineChart = /*#__PURE__*/React.forwardRef(function SparkLineChart(pro
   }, yAxisProps, {
     position: 'none'
   })], [yAxisProps]);
-  return /*#__PURE__*/_jsxs(ChartsDataProvider, {
-    series: series,
-    width: width,
-    height: height,
-    margin: margin,
-    xAxis: xAxis,
-    yAxis: yAxis,
-    colors: colors,
-    disableAxisListener: onHighlightedAxisChange === undefined && (!showTooltip || slotProps?.tooltip?.trigger !== 'axis') && axisHighlight?.x === 'none' && axisHighlight?.y === 'none',
-    onHighlightChange: onHighlightChange,
-    onHighlightedAxisChange: onHighlightedAxisChange,
-    highlightedAxis: highlightedAxis,
-    highlightedItem: highlightedItem,
-    children: [/*#__PURE__*/_jsxs(ChartsSurface, _extends({
+  const {
+    chartsDataProviderProps,
+    chartsSurfaceProps
+  } = useChartsContainerProps(_extends({}, other, {
+    series,
+    width,
+    height,
+    margin,
+    colors,
+    xAxis,
+    yAxis,
+    onHighlightedAxisChange,
+    sx,
+    disableAxisListener: disableAxisListener ?? (onHighlightedAxisChange === undefined && (!showTooltip || (slotProps?.tooltip?.trigger ?? 'axis') !== 'axis') && !(showHighlight && plotType === 'line') && (axisHighlight?.x ?? 'none') === 'none' && (axisHighlight?.y ?? 'none') === 'none')
+  }));
+  return /*#__PURE__*/_jsxs(ChartsDataProvider, _extends({}, chartsDataProviderProps, {
+    children: [/*#__PURE__*/_jsxs(ChartsSurface, _extends({}, chartsSurfaceProps, {
       className: className,
       ref: ref,
-      sx: sx
-    }, other, {
       children: [/*#__PURE__*/_jsxs("g", {
         clipPath: `url(#${clipPathId})`,
         children: [plotType === 'bar' && /*#__PURE__*/_jsx(BarPlot, {
@@ -148,7 +148,7 @@ const SparkLineChart = /*#__PURE__*/React.forwardRef(function SparkLineChart(pro
         offset: clipPathOffset
       }), /*#__PURE__*/_jsx(ChartsAxisHighlight, _extends({}, axisHighlight)), children]
     })), showTooltip && /*#__PURE__*/_jsx(Tooltip, _extends({}, props.slotProps?.tooltip))]
-  });
+  }));
 });
 if (process.env.NODE_ENV !== "production") SparkLineChart.displayName = "SparkLineChart";
 process.env.NODE_ENV !== "production" ? SparkLineChart.propTypes /* remove-proptypes */ = {

package/Toolbar/Toolbar.mjs

@@ -1,5 +1,5 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
+import _extends from "@babel/runtime/helpers/extends";
+import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/objectWithoutPropertiesLoose";
 const _excluded = ["className", "render"];
 import * as React from 'react';
 import PropTypes from 'prop-types';

package/Toolbar/ToolbarButton.mjs

@@ -1,7 +1,7 @@
 'use client';
 
-import _extends from "@babel/runtime/helpers/esm/extends";
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
+import _extends from "@babel/runtime/helpers/extends";
+import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/objectWithoutPropertiesLoose";
 const _excluded = ["render", "onKeyDown", "onFocus", "onBlur", "disabled", "aria-disabled"],
   _excluded2 = ["tabIndex"];
 import PropTypes from 'prop-types';

package/context/ChartsProvider/ChartsProvider.types.d.mts

@@ -1,4 +1,4 @@
-import type { Store } from '@mui/x-internals/store';
+import type { Store } from '@base-ui/utils/store';
 import type { ChartAnyPluginSignature, ChartInstance, ChartPublicAPI, ChartState, ConvertSignaturesIntoPlugins, MergeSignaturesProperty } from "../../internals/plugins/models/index.mjs";
 import type { ChartCorePluginSignatures } from "../../internals/plugins/corePlugins/index.mjs";
 import type { UseChartBaseProps } from "../../internals/store/useCharts.types.mjs";

package/context/ChartsProvider/ChartsProvider.types.d.ts

@@ -1,4 +1,4 @@
-import type { Store } from '@mui/x-internals/store';
+import type { Store } from '@base-ui/utils/store';
 import type { ChartAnyPluginSignature, ChartInstance, ChartPublicAPI, ChartState, ConvertSignaturesIntoPlugins, MergeSignaturesProperty } from "../../internals/plugins/models/index.js";
 import type { ChartCorePluginSignatures } from "../../internals/plugins/corePlugins/index.js";
 import type { UseChartBaseProps } from "../../internals/store/useCharts.types.js";

package/context/ChartsSlotsContext.mjs

@@ -1,6 +1,6 @@
 'use client';
 
-import _extends from "@babel/runtime/helpers/esm/extends";
+import _extends from "@babel/runtime/helpers/extends";
 import _formatErrorMessage from "@mui/x-internals/formatErrorMessage";
 import * as React from 'react';
 import { jsx as _jsx } from "react/jsx-runtime";

package/hooks/animation/useAnimate.mjs

@@ -1,6 +1,6 @@
 'use client';
 
-import _extends from "@babel/runtime/helpers/esm/extends";
+import _extends from "@babel/runtime/helpers/extends";
 import useForkRef from '@mui/utils/useForkRef';
 import { useAnimateInternal } from "../../internals/animation/useAnimateInternal.mjs";
 /**

package/hooks/useAxisCoordinates.mjs

@@ -1,4 +1,4 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
+import _extends from "@babel/runtime/helpers/extends";
 import { useThemeProps } from '@mui/material/styles';
 import { useDrawingArea } from "./useDrawingArea.mjs";
 import { useXAxes, useYAxes } from "./useAxis.mjs";

package/hooks/useAxisTicks.mjs

@@ -1,4 +1,4 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
+import _extends from "@babel/runtime/helpers/extends";
 import { useThemeProps } from '@mui/material/styles';
 import { useXAxes, useYAxes } from "./useAxis.mjs";
 import { useTicks } from "./useTicks.mjs";

package/hooks/useIsItemFocusedGetter.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.useIsItemFocusedGetter = useIsItemFocusedGetter;
-var _fastObjectShallowCompare = require("@mui/x-internals/fastObjectShallowCompare");
+var _fastObjectShallowCompare = require("@base-ui/utils/fastObjectShallowCompare");
 var _useFocusedItem = require("./useFocusedItem");
 /**
  * A hook to check focus state of multiple items.

package/hooks/useIsItemFocusedGetter.mjs

@@ -1,6 +1,6 @@
 'use client';
 
-import { fastObjectShallowCompare } from '@mui/x-internals/fastObjectShallowCompare';
+import { fastObjectShallowCompare } from '@base-ui/utils/fastObjectShallowCompare';
 import { useFocusedItem } from "./useFocusedItem.mjs";
 
 /**

package/index.js

@@ -1,5 +1,5 @@
 /**
- * @mui/x-charts v9.14.0
+ * @mui/x-charts v9.15.0
  *
  * @license MIT
  * This source code is licensed under the MIT license found in the

package/index.mjs

@@ -1,5 +1,5 @@
 /**
- * @mui/x-charts v9.14.0
+ * @mui/x-charts v9.15.0
  *
  * @license MIT
  * This source code is licensed under the MIT license found in the

package/internals/Flatbush.js

@@ -14,6 +14,15 @@ const ARRAY_TYPES = [Int8Array, Uint8Array, Uint8ClampedArray, Int16Array, Uint1
 const VERSION = 3; // serialized format version
 
 class Flatbush {
+  _queue;
+  _boxes;
+  _indices;
+  data;
+  numItems;
+  nodeSize;
+  _levelBounds;
+  byteOffset;
+
   /**
    * Recreate a Flatbush index from raw `ArrayBuffer` or `SharedArrayBuffer` data.
    * @param {ArrayBufferLike} data

package/internals/Flatbush.mjs

@@ -6,6 +6,15 @@ const ARRAY_TYPES = [Int8Array, Uint8Array, Uint8ClampedArray, Int16Array, Uint1
 const VERSION = 3; // serialized format version
 
 export class Flatbush {
+  _queue;
+  _boxes;
+  _indices;
+  data;
+  numItems;
+  nodeSize;
+  _levelBounds;
+  byteOffset;
+
   /**
    * Recreate a Flatbush index from raw `ArrayBuffer` or `SharedArrayBuffer` data.
    * @param {ArrayBufferLike} data

package/internals/commonNextFocusItem.d.mts

@@ -44,6 +44,24 @@ allowCycles?: boolean,
  * If true (default), series max index is defined by the current series length and not all series.
  */
 useCurrentSeriesMaxLength?: boolean): (currentItem: WorkingItem | null, state: StateParameters<InSeriesType>) => ReturnedItem<OutSeriesType>;
+export declare function createGetFirstIndexFocusedItem<InSeriesType extends Exclude<ChartSeriesType, 'sankey' | 'heatmap'>, OutSeriesType extends Exclude<ChartSeriesType, 'sankey' | 'heatmap'> = InSeriesType>(
+/**
+ * The set of series types compatible with this navigation action.
+ */
+compatibleSeriesTypes: Set<OutSeriesType>,
+/**
+ * If true, series max index is defined by the current series length and not all series.
+ */
+useCurrentSeriesMaxLength?: boolean): (currentItem: WorkingItem | null, state: StateParameters<InSeriesType>) => ReturnedItem<OutSeriesType>;
+export declare function createGetLastIndexFocusedItem<InSeriesType extends Exclude<ChartSeriesType, 'sankey' | 'heatmap'>, OutSeriesType extends Exclude<ChartSeriesType, 'sankey' | 'heatmap'> = InSeriesType>(
+/**
+ * The set of series types compatible with this navigation action.
+ */
+compatibleSeriesTypes: Set<OutSeriesType>,
+/**
+ * If true, series max index is defined by the current series length and not all series.
+ */
+useCurrentSeriesMaxLength?: boolean): (currentItem: WorkingItem | null, state: StateParameters<InSeriesType>) => ReturnedItem<OutSeriesType>;
 export declare function createGetNextSeriesFocusedItem<InSeriesType extends Exclude<ChartSeriesType, 'sankey' | 'heatmap'>, OutSeriesType extends Exclude<ChartSeriesType, 'sankey' | 'heatmap'> = InSeriesType>(
 /**
  * The set of series types compatible with this navigation action.
@@ -54,4 +72,32 @@ export declare function createGetPreviousSeriesFocusedItem<InSeriesType extends
  * The set of series types compatible with this navigation action.
  */
 compatibleSeriesTypes: Set<OutSeriesType>): (currentItem: WorkingItem | null, state: StateParameters<InSeriesType>) => ReturnedItem<OutSeriesType>;
+export declare function createGetFirstSeriesFirstIndexFocusedItem<InSeriesType extends Exclude<ChartSeriesType, 'sankey' | 'heatmap'>, OutSeriesType extends Exclude<ChartSeriesType, 'sankey' | 'heatmap'> = InSeriesType>(
+/**
+ * The set of series types compatible with this navigation action.
+ */
+compatibleSeriesTypes: Set<OutSeriesType>,
+/**
+ * If true, series max index is defined by the current series length and not all series.
+ */
+useCurrentSeriesMaxLength?: boolean): (_currentItem: WorkingItem | null, state: StateParameters<InSeriesType>) => ReturnedItem<OutSeriesType>;
+export declare function createGetLastSeriesLastIndexFocusedItem<InSeriesType extends Exclude<ChartSeriesType, 'sankey' | 'heatmap'>, OutSeriesType extends Exclude<ChartSeriesType, 'sankey' | 'heatmap'> = InSeriesType>(
+/**
+ * The set of series types compatible with this navigation action.
+ */
+compatibleSeriesTypes: Set<OutSeriesType>,
+/**
+ * If true, series max index is defined by the current series length and not all series.
+ */
+useCurrentSeriesMaxLength?: boolean): (_currentItem: WorkingItem | null, state: StateParameters<InSeriesType>) => ReturnedItem<OutSeriesType>;
+export declare function createGetFirstSeriesFocusedItem<InSeriesType extends Exclude<ChartSeriesType, 'sankey' | 'heatmap'>, OutSeriesType extends Exclude<ChartSeriesType, 'sankey' | 'heatmap'> = InSeriesType>(
+/**
+ * The set of series types compatible with this navigation action.
+ */
+compatibleSeriesTypes: Set<OutSeriesType>): (currentItem: WorkingItem | null, state: StateParameters<InSeriesType>) => ReturnedItem<OutSeriesType>;
+export declare function createGetLastSeriesFocusedItem<InSeriesType extends Exclude<ChartSeriesType, 'sankey' | 'heatmap'>, OutSeriesType extends Exclude<ChartSeriesType, 'sankey' | 'heatmap'> = InSeriesType>(
+/**
+ * The set of series types compatible with this navigation action.
+ */
+compatibleSeriesTypes: Set<OutSeriesType>): (currentItem: WorkingItem | null, state: StateParameters<InSeriesType>) => ReturnedItem<OutSeriesType>;
 export {};

package/internals/commonNextFocusItem.d.ts

@@ -44,6 +44,24 @@ allowCycles?: boolean,
  * If true (default), series max index is defined by the current series length and not all series.
  */
 useCurrentSeriesMaxLength?: boolean): (currentItem: WorkingItem | null, state: StateParameters<InSeriesType>) => ReturnedItem<OutSeriesType>;
+export declare function createGetFirstIndexFocusedItem<InSeriesType extends Exclude<ChartSeriesType, 'sankey' | 'heatmap'>, OutSeriesType extends Exclude<ChartSeriesType, 'sankey' | 'heatmap'> = InSeriesType>(
+/**
+ * The set of series types compatible with this navigation action.
+ */
+compatibleSeriesTypes: Set<OutSeriesType>,
+/**
+ * If true, series max index is defined by the current series length and not all series.
+ */
+useCurrentSeriesMaxLength?: boolean): (currentItem: WorkingItem | null, state: StateParameters<InSeriesType>) => ReturnedItem<OutSeriesType>;
+export declare function createGetLastIndexFocusedItem<InSeriesType extends Exclude<ChartSeriesType, 'sankey' | 'heatmap'>, OutSeriesType extends Exclude<ChartSeriesType, 'sankey' | 'heatmap'> = InSeriesType>(
+/**
+ * The set of series types compatible with this navigation action.
+ */
+compatibleSeriesTypes: Set<OutSeriesType>,
+/**
+ * If true, series max index is defined by the current series length and not all series.
+ */
+useCurrentSeriesMaxLength?: boolean): (currentItem: WorkingItem | null, state: StateParameters<InSeriesType>) => ReturnedItem<OutSeriesType>;
 export declare function createGetNextSeriesFocusedItem<InSeriesType extends Exclude<ChartSeriesType, 'sankey' | 'heatmap'>, OutSeriesType extends Exclude<ChartSeriesType, 'sankey' | 'heatmap'> = InSeriesType>(
 /**
  * The set of series types compatible with this navigation action.
@@ -54,4 +72,32 @@ export declare function createGetPreviousSeriesFocusedItem<InSeriesType extends
  * The set of series types compatible with this navigation action.
  */
 compatibleSeriesTypes: Set<OutSeriesType>): (currentItem: WorkingItem | null, state: StateParameters<InSeriesType>) => ReturnedItem<OutSeriesType>;
+export declare function createGetFirstSeriesFirstIndexFocusedItem<InSeriesType extends Exclude<ChartSeriesType, 'sankey' | 'heatmap'>, OutSeriesType extends Exclude<ChartSeriesType, 'sankey' | 'heatmap'> = InSeriesType>(
+/**
+ * The set of series types compatible with this navigation action.
+ */
+compatibleSeriesTypes: Set<OutSeriesType>,
+/**
+ * If true, series max index is defined by the current series length and not all series.
+ */
+useCurrentSeriesMaxLength?: boolean): (_currentItem: WorkingItem | null, state: StateParameters<InSeriesType>) => ReturnedItem<OutSeriesType>;
+export declare function createGetLastSeriesLastIndexFocusedItem<InSeriesType extends Exclude<ChartSeriesType, 'sankey' | 'heatmap'>, OutSeriesType extends Exclude<ChartSeriesType, 'sankey' | 'heatmap'> = InSeriesType>(
+/**
+ * The set of series types compatible with this navigation action.
+ */
+compatibleSeriesTypes: Set<OutSeriesType>,
+/**
+ * If true, series max index is defined by the current series length and not all series.
+ */
+useCurrentSeriesMaxLength?: boolean): (_currentItem: WorkingItem | null, state: StateParameters<InSeriesType>) => ReturnedItem<OutSeriesType>;
+export declare function createGetFirstSeriesFocusedItem<InSeriesType extends Exclude<ChartSeriesType, 'sankey' | 'heatmap'>, OutSeriesType extends Exclude<ChartSeriesType, 'sankey' | 'heatmap'> = InSeriesType>(
+/**
+ * The set of series types compatible with this navigation action.
+ */
+compatibleSeriesTypes: Set<OutSeriesType>): (currentItem: WorkingItem | null, state: StateParameters<InSeriesType>) => ReturnedItem<OutSeriesType>;
+export declare function createGetLastSeriesFocusedItem<InSeriesType extends Exclude<ChartSeriesType, 'sankey' | 'heatmap'>, OutSeriesType extends Exclude<ChartSeriesType, 'sankey' | 'heatmap'> = InSeriesType>(
+/**
+ * The set of series types compatible with this navigation action.
+ */
+compatibleSeriesTypes: Set<OutSeriesType>): (currentItem: WorkingItem | null, state: StateParameters<InSeriesType>) => ReturnedItem<OutSeriesType>;
 export {};

package/internals/commonNextFocusItem.js

@@ -3,11 +3,18 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
+exports.createGetFirstIndexFocusedItem = createGetFirstIndexFocusedItem;
+exports.createGetFirstSeriesFirstIndexFocusedItem = createGetFirstSeriesFirstIndexFocusedItem;
+exports.createGetFirstSeriesFocusedItem = createGetFirstSeriesFocusedItem;
+exports.createGetLastIndexFocusedItem = createGetLastIndexFocusedItem;
+exports.createGetLastSeriesFocusedItem = createGetLastSeriesFocusedItem;
+exports.createGetLastSeriesLastIndexFocusedItem = createGetLastSeriesLastIndexFocusedItem;
 exports.createGetNextIndexFocusedItem = createGetNextIndexFocusedItem;
 exports.createGetNextSeriesFocusedItem = createGetNextSeriesFocusedItem;
 exports.createGetPreviousIndexFocusedItem = createGetPreviousIndexFocusedItem;
 exports.createGetPreviousSeriesFocusedItem = createGetPreviousSeriesFocusedItem;
 var _getPreviousNonEmptySeries = require("./plugins/featurePlugins/useChartKeyboardNavigation/utils/getPreviousNonEmptySeries");
+var _getNonEmptySeriesArray = require("./plugins/featurePlugins/useChartKeyboardNavigation/utils/getNonEmptySeriesArray");
 var _getMaxSeriesLength = require("./plugins/featurePlugins/useChartKeyboardNavigation/utils/getMaxSeriesLength");
 var _getNextNonEmptySeries = require("./plugins/featurePlugins/useChartKeyboardNavigation/utils/getNextNonEmptySeries");
 var _findVisibleDataIndex = require("./plugins/featurePlugins/useChartKeyboardNavigation/utils/findVisibleDataIndex");
@@ -125,6 +132,88 @@ useCurrentSeriesMaxLength = true) {
     };
   };
 }
+function createGetFirstIndexFocusedItem(
+/**
+ * The set of series types compatible with this navigation action.
+ */
+compatibleSeriesTypes,
+/**
+ * If true, series max index is defined by the current series length and not all series.
+ */
+useCurrentSeriesMaxLength = true) {
+  return function getFirstIndexFocusedItem(currentItem, state) {
+    const processedSeries = (0, _useChartSeries.selectorChartSeriesProcessed)(state);
+    let seriesId = currentItem?.seriesId;
+    let type = currentItem?.type;
+    if (!type || seriesId == null || !(0, _seriesHasData.seriesHasData)(processedSeries, type, seriesId) || isSeriesHidden(processedSeries, type, seriesId)) {
+      const nextSeries = (0, _getNextNonEmptySeries.getNextNonEmptySeries)(processedSeries, compatibleSeriesTypes, type, seriesId);
+      if (nextSeries === null) {
+        return null;
+      }
+      type = nextSeries.type;
+      seriesId = nextSeries.seriesId;
+    }
+    const maxLength = useCurrentSeriesMaxLength ? processedSeries[type]?.series[seriesId]?.data.length ?? 0 : (0, _getMaxSeriesLength.getMaxSeriesLength)(processedSeries, compatibleSeriesTypes);
+    const visibleDataIndex = (0, _findVisibleDataIndex.findVisibleDataIndex)({
+      processedSeries,
+      type,
+      seriesId,
+      startIndex: 0,
+      dataLength: maxLength,
+      direction: 1,
+      allowCycles: false
+    });
+    if (visibleDataIndex === null) {
+      return null;
+    }
+    return {
+      type: type,
+      seriesId,
+      dataIndex: visibleDataIndex
+    };
+  };
+}
+function createGetLastIndexFocusedItem(
+/**
+ * The set of series types compatible with this navigation action.
+ */
+compatibleSeriesTypes,
+/**
+ * If true, series max index is defined by the current series length and not all series.
+ */
+useCurrentSeriesMaxLength = true) {
+  return function getLastIndexFocusedItem(currentItem, state) {
+    const processedSeries = (0, _useChartSeries.selectorChartSeriesProcessed)(state);
+    let seriesId = currentItem?.seriesId;
+    let type = currentItem?.type;
+    if (!type || seriesId == null || !(0, _seriesHasData.seriesHasData)(processedSeries, type, seriesId) || isSeriesHidden(processedSeries, type, seriesId)) {
+      const previousSeries = (0, _getPreviousNonEmptySeries.getPreviousNonEmptySeries)(processedSeries, compatibleSeriesTypes, type, seriesId);
+      if (previousSeries === null) {
+        return null;
+      }
+      type = previousSeries.type;
+      seriesId = previousSeries.seriesId;
+    }
+    const maxLength = useCurrentSeriesMaxLength ? processedSeries[type]?.series[seriesId]?.data.length ?? 0 : (0, _getMaxSeriesLength.getMaxSeriesLength)(processedSeries, compatibleSeriesTypes);
+    const visibleDataIndex = (0, _findVisibleDataIndex.findVisibleDataIndex)({
+      processedSeries,
+      type,
+      seriesId,
+      startIndex: maxLength - 1,
+      dataLength: maxLength,
+      direction: -1,
+      allowCycles: false
+    });
+    if (visibleDataIndex === null) {
+      return null;
+    }
+    return {
+      type: type,
+      seriesId,
+      dataIndex: visibleDataIndex
+    };
+  };
+}
 function createGetNextSeriesFocusedItem(
 /**
  * The set of series types compatible with this navigation action.
@@ -196,4 +285,156 @@ compatibleSeriesTypes) {
       dataIndex: visibleDataIndex
     };
   };
+}
+function createGetFirstSeriesFirstIndexFocusedItem(
+/**
+ * The set of series types compatible with this navigation action.
+ */
+compatibleSeriesTypes,
+/**
+ * If true, series max index is defined by the current series length and not all series.
+ */
+useCurrentSeriesMaxLength = true) {
+  return function getFirstSeriesFirstIndexFocusedItem(_currentItem, state) {
+    const processedSeries = (0, _useChartSeries.selectorChartSeriesProcessed)(state);
+    const firstSeries = (0, _getNonEmptySeriesArray.getNonEmptySeriesArray)(processedSeries, compatibleSeriesTypes)[0];
+    if (firstSeries === undefined) {
+      return null;
+    }
+    const {
+      type,
+      seriesId
+    } = firstSeries;
+    const maxLength = useCurrentSeriesMaxLength ? processedSeries[type]?.series[seriesId]?.data.length ?? 0 : (0, _getMaxSeriesLength.getMaxSeriesLength)(processedSeries, compatibleSeriesTypes);
+    const visibleDataIndex = (0, _findVisibleDataIndex.findVisibleDataIndex)({
+      processedSeries,
+      type,
+      seriesId,
+      startIndex: 0,
+      dataLength: maxLength,
+      direction: 1,
+      allowCycles: false
+    });
+    if (visibleDataIndex === null) {
+      return null;
+    }
+    return {
+      type,
+      seriesId,
+      dataIndex: visibleDataIndex
+    };
+  };
+}
+function createGetLastSeriesLastIndexFocusedItem(
+/**
+ * The set of series types compatible with this navigation action.
+ */
+compatibleSeriesTypes,
+/**
+ * If true, series max index is defined by the current series length and not all series.
+ */
+useCurrentSeriesMaxLength = true) {
+  return function getLastSeriesLastIndexFocusedItem(_currentItem, state) {
+    const processedSeries = (0, _useChartSeries.selectorChartSeriesProcessed)(state);
+    const nonEmptySeries = (0, _getNonEmptySeriesArray.getNonEmptySeriesArray)(processedSeries, compatibleSeriesTypes);
+    const lastSeries = nonEmptySeries[nonEmptySeries.length - 1];
+    if (lastSeries === undefined) {
+      return null;
+    }
+    const {
+      type,
+      seriesId
+    } = lastSeries;
+    const maxLength = useCurrentSeriesMaxLength ? processedSeries[type]?.series[seriesId]?.data.length ?? 0 : (0, _getMaxSeriesLength.getMaxSeriesLength)(processedSeries, compatibleSeriesTypes);
+    const visibleDataIndex = (0, _findVisibleDataIndex.findVisibleDataIndex)({
+      processedSeries,
+      type,
+      seriesId,
+      startIndex: maxLength - 1,
+      dataLength: maxLength,
+      direction: -1,
+      allowCycles: false
+    });
+    if (visibleDataIndex === null) {
+      return null;
+    }
+    return {
+      type,
+      seriesId,
+      dataIndex: visibleDataIndex
+    };
+  };
+}
+function createGetFirstSeriesFocusedItem(
+/**
+ * The set of series types compatible with this navigation action.
+ */
+compatibleSeriesTypes) {
+  return function getFirstSeriesFocusedItem(currentItem, state) {
+    const processedSeries = (0, _useChartSeries.selectorChartSeriesProcessed)(state);
+    const firstSeries = (0, _getNonEmptySeriesArray.getNonEmptySeriesArray)(processedSeries, compatibleSeriesTypes)[0];
+    if (firstSeries === undefined) {
+      return null;
+    }
+    const {
+      type,
+      seriesId
+    } = firstSeries;
+    const data = processedSeries[type].series[seriesId].data;
+    const startIndex = currentItem?.dataIndex == null ? 0 : Math.min(currentItem.dataIndex, data.length - 1);
+    const visibleDataIndex = (0, _findVisibleDataIndex.findVisibleDataIndex)({
+      processedSeries,
+      type,
+      seriesId,
+      startIndex,
+      dataLength: data.length,
+      direction: 1,
+      allowCycles: true
+    });
+    if (visibleDataIndex === null) {
+      return null;
+    }
+    return {
+      type,
+      seriesId,
+      dataIndex: visibleDataIndex
+    };
+  };
+}
+function createGetLastSeriesFocusedItem(
+/**
+ * The set of series types compatible with this navigation action.
+ */
+compatibleSeriesTypes) {
+  return function getLastSeriesFocusedItem(currentItem, state) {
+    const processedSeries = (0, _useChartSeries.selectorChartSeriesProcessed)(state);
+    const nonEmptySeries = (0, _getNonEmptySeriesArray.getNonEmptySeriesArray)(processedSeries, compatibleSeriesTypes);
+    const lastSeries = nonEmptySeries[nonEmptySeries.length - 1];
+    if (lastSeries === undefined) {
+      return null;
+    }
+    const {
+      type,
+      seriesId
+    } = lastSeries;
+    const data = processedSeries[type].series[seriesId].data;
+    const startIndex = currentItem?.dataIndex == null ? data.length - 1 : Math.min(currentItem.dataIndex, data.length - 1);
+    const visibleDataIndex = (0, _findVisibleDataIndex.findVisibleDataIndex)({
+      processedSeries,
+      type,
+      seriesId,
+      startIndex,
+      dataLength: data.length,
+      direction: -1,
+      allowCycles: true
+    });
+    if (visibleDataIndex === null) {
+      return null;
+    }
+    return {
+      type,
+      seriesId,
+      dataIndex: visibleDataIndex
+    };
+  };
 }