28 lines
1.1 KiB
JavaScript
28 lines
1.1 KiB
JavaScript
"use strict";
|
|
'use client';
|
|
|
|
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.
|
|
*
|
|
* 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 = (0, _useSelector.useSelector)(store, _useChartHighlight.selectorChartsIsHighlighted, [item]);
|
|
const isFaded = (0, _useSelector.useSelector)(store, _useChartHighlight.selectorChartsIsFaded, [item]);
|
|
return {
|
|
isHighlighted,
|
|
isFaded: !isHighlighted && isFaded
|
|
};
|
|
} |