@mui/x-charts/hooks/useItemHighlighted.js

The community edition of MUI X Charts components.

"use strict";
'use client';

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.useItemHighlighted = useItemHighlighted;
var _useStore = require("../internals/store/useStore");
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.
 *
 * If you need fine control over the state, use the `useItemHighlightedGetter` hook instead.
 *
 * @param {HighlightItemData | null} item is the item to check
 * @returns {UseItemHighlightedReturnType} the state of the item
 */
function useItemHighlighted(item) {
  const store = (0, _useStore.useStore)();
  const isHighlighted = store.use(_useChartHighlight.selectorChartsIsHighlighted, item);
  const isFaded = store.use(_useChartHighlight.selectorChartsIsFaded, item);
  return {
    isHighlighted,
    isFaded: !isHighlighted && isFaded
  };
}