22 lines
739 B
JavaScript
22 lines
739 B
JavaScript
|
import * as React from 'react';
|
|||
|
|
import { useOverflowContext } from './overflowContext';
|
|||
|
|
/**
|
|||
|
|
* A hook that returns the visibility status of all items and groups.
|
|||
|
|
*
|
|||
|
|
* ⚠️ Heads up!
|
|||
|
|
*
|
|||
|
|
* This hook will cause the component it is in to re-render for every single time an item overflows or becomes
|
|||
|
|
* visible - use with caution
|
|||
|
|
* @returns visibility status of all items and groups
|
|||
|
|
*/ export function useOverflowVisibility() {
|
|||
|
|
const itemVisibility = useOverflowContext((ctx)=>ctx.itemVisibility);
|
|||
|
|
const groupVisibility = useOverflowContext((ctx)=>ctx.groupVisibility);
|
|||
|
|
return React.useMemo(()=>({
|
|||
|
|
itemVisibility,
|
|||
|
|
groupVisibility
|
|||
|
|
}), [
|
|||
|
|
itemVisibility,
|
|||
|
|
groupVisibility
|
|||
|
|
]);
|
|||
|
|
}
|