feat(radar-chart): apply className to the RadarChart component

[108yen]

Description

apply className to the RadarChart component

Related Issue

#4333

Motivation and Context

Required if you want to assign className to the RadarChart component.

How Has This Been Tested?

Checked in storybook and passed existing tests.

Screenshots (if appropriate):

Types of changes

• Bug fix (non-breaking change which fixes an issue)
• New feature (non-breaking change which adds functionality)
• Breaking change (fix or feature that would cause existing functionality to change)

Checklist:

• My change requires a change to the documentation.
• I have updated the documentation accordingly.
• I have added tests to cover my changes.
• I have added a storybook story or extended an existing story to show my changes

[ckifer]

Sorry, could you pull this out into a shared typeguard utility rather than repeating it?

[108yen]

@ckifer
How about this?
PolarUtils.ts

export const getTickClassName = (
  tick?: SVGProps<SVGTextElement> | ReactElement<SVGElement> | ((props: any) => ReactElement<SVGElement>) | boolean,
) => (!isValidElement(tick) && !isFunction(tick) && typeof tick !== 'boolean' ? tick.className : '');

PolarRadiusAxis.tsx

      return (
        <Layer
          className={clsx('recharts-polar-radius-axis-tick', getTickClassName(tick))}
          key={`tick-${entry.coordinate}`}
          {...adaptEventsOfChild(this.props, entry, i)}
        >
          {PolarRadiusAxis.renderTickItem(tick, tickProps, tickFormatter ? tickFormatter(entry.value, i) : entry.value)}
        </Layer>
      );

[ckifer]

yep, looks good