Migrate @nivo/heatmap to TypeScript

[plouc]

⚠️ BC breaks for @nivo/heatmap:

data now takes a similar structure to AreaBump, Bump, Line and ScatterPlot :

{
    id: string
    data: {
        x: string | number
        y: number | null
    }[]
}[]

therefore, indexBy and keys have been removed.

colors behaves completely differently, and now supports sequential, diverging and quantize color scales, the best is to have a look at the interactive doc of the component and play with the various types to see how to use them.

Root properties minValue and maxValue have been removed, we can now control this where needed (colors and sizeVariation).

sizeVariation now accepts either false (to disable it) or a config object having the following structure:

interface SizeVariationConfig {
    // use auto min/max values if unspecified
    values?: [min: number, max: number]
    // expressed as a range from 0~1
    sizes: [min: number, max: number]
}

Renamed properties:

• padding → xOuterPadding, xInnerPadding, yOuterPadding, yInnerPadding
• cellBorderWidth → borderWidth
• cellBorderColor → borderColor
• cellOpacity → opacity
• cellHoverOpacity → activeOpacity
• cellHoverOthersOpacity → inactiveOpacity

---

Also, the scope of this PR became huge 😅, so here is a summary:

• @nivo/heatmap:
  • migrate to TypeScript
  • update data to use series like other charts to be able to use the same data structure for different chart types
  • add support for basic aria attributes
  • add support for layers
  • add support for annotations
  • add proper unit tests and remove snapshot based tests
• @nivo/colors:
  • add support for more versatile color scales: sequential, diverging and quantize
• @nivo/legends:
  • add support for legends based on color scales
• @nivo/core:
  • remove resize-observer-polyfill package as it should be added only if IE support is needed
• @nivo/funnel:
  • add missing license file
• website:
  • improve and reorganize control components and fix missing context
  • improve the website theming guide, add more demos, add missing properties
  • change the max length of the generated code snippets lines to be 80 instead of 120
  • add a mobile nav and improve the way the charts sitemap is defined
  • migrate all chart icons to TypeScript
  • homogenize color controls for ordinal color scales, legacy quantize scales and new continuous color scales
• misc:
  • add the nivo logo and NPM downloads badge to packages READMEs and add missing trailing slash to doc links

[codesandbox-ci]

This pull request is automatically built and testable in CodeSandbox.

To see build info of the built libraries, click here or the icon next to each commit SHA.

Latest deployment of this branch, based on commit 4dc588e:

Sandbox	Source
nivo	Configuration