feat: Implement showDatumInTooltip in TooltipOptions to allow hiding …

…certain datums in regular TooltipRenderer. (#360)

* Implement showDatumInTooltip in TooltipOptions to allow hiding certain datums in regular TooltipRenderer.

* Run format over code.

src/components/Tooltip.tsx

@@ -41,6 +41,7 @@ export function defaultTooltip<TDatum>(
  arrowPadding: options.arrowPadding ?? 7,
  // anchor: options.anchor ?? 'closest',
  render: options.render ?? TooltipRenderer,
+ showDatumInTooltip: options.showDatumInTooltip ?? (() => true),
  }
 }
 

src/components/TooltipRenderer.tsx

@@ -54,7 +54,9 @@ function TooltipRenderer<TDatum>(props: TooltipRendererProps<TDatum>) {
 
  const { tooltip, dark } = props.getOptions()
 
- const groupDatums = props.focusedDatum?.tooltipGroup ?? []
+ const groupDatums = (props.focusedDatum?.tooltipGroup ?? []).filter(
+ datum => tooltip.showDatumInTooltip?.(datum) ?? true
+ )
 
  const resolvedShowCount = showCount % 2 === 0 ? showCount : showCount + 1
  const length = groupDatums.length

src/types.ts

@@ -124,7 +124,8 @@ export type TooltipOptions<TDatum> = {
  render?: (props: TooltipRendererProps<TDatum>) => React.ReactNode
  // formatSecondary?: (d: unknown) => string | number
  // formatTertiary?: (d: unknown) => string | number
- invert?: boolean
+ invert?: boolean,
+ showDatumInTooltip?: (datum: Datum<TDatum>) => boolean
 }
 
 export type ResolvedTooltipOptions<TDatum> = TSTB.Object.Required<