Socket
Socket
Sign inDemoInstall

@nivo/heatmap

Package Overview
Dependencies
Maintainers
1
Versions
86
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@nivo/heatmap - npm Package Compare versions

Comparing version 0.40.0 to 0.42.0

159

index.d.ts

@@ -0,99 +1,100 @@

import * as React from 'react'
import { Dimensions, Box, MotionProps, ColorProps, GetColor, Theme } from '@nivo/core'
declare module '@nivo/heatmap' {
export class ResponsiveHeatMapCanvas extends React.Component<HeatMapTypes>{
export interface HeatMapDatum {
[key: string]: string | number
}
export class HeatMapCanvas extends React.Component<HeatMapTypes & Dimensions>{
export type HeatMapDatumWithColor = HeatMapDatum & {
color: string
}
export class ResponsiveHeatMap extends React.Component<HeatMapTypes>{
export type IndexByFunc = (datum: HeatMapDatum) => string | number
}
export type ValueFormatter = (value: number) => string | number
export class HeatMap extends React.Component<HeatMapTypes & Dimensions>{
export interface HeatMapData {
data: HeatMapDatum[]
indexBy?: string | IndexByFunc
keys?: string[]
minValue?: number | 'auto'
maxValue?: number | 'auto'
}
export type HeatMapTypes = {
//data
data: Array<object>;
indexBy?: string | Function;
keys?: Array<string>;
export type HeatMapCommonProps = ColorProps<HeatMapDatum> & Partial<{
forceSquare: boolean
sizeVariation: number
margin: Box
padding: number
minValue?: number | 'auto';
maxValue?: number | 'auto';
// cells
cellShape: 'rect' | 'circle' | React.StatelessComponent<any>
cellOpacity: number
cellBorderWidth: number
cellBorderColor: string | GetColor<HeatMapDatumWithColor>
forceSquare?: boolean;
sizeVariation?: number;
padding?: number;
// axes & grid
axisTop: Axis
axisRight: Axis
axisBottom: Axis
axisLeft: Axis
enableGridX: boolean
enableGridY: boolean
//cells
cellShape?: 'rect'| 'circle' | Function;
cellOpacity?: number;
cellBorderWidth?: number;
cellBorderColor?: string | Function;
//axes & grid
axisTop?: Axis;
axisRight?: Axis;
axisBottom?: Axis;
axisLeft?: Axis;
enableGridX?: boolean;
enableGridY?: boolean;
// labels
enableLabels: boolean
labelTextColor: string | GetColor<HeatMapDatumWithColor>
//labels
enableLabels?: boolean;
labelTextColor?: string | Function;
// interactivity
isInteractive: boolean
hoverTarget: 'cell' | 'row' | 'column' | 'rowColumn'
cellHoverOpacity: number
cellHoverOthersOpacity: number
tooltipFormat: string | ValueFormatter
//theming
colors?: string | Function | Array<string>;
theme: Theme
}>
//interactivity
isInteractive?: boolean;
onClick?: Function;
hoverTarget?: 'cell' | 'row' | 'column' | 'rowColumn';
cellHoverOpacity?: number;
cellHoverOthersOpacity?: number;
tooltipFormat?: string | Function;
animate?: boolean;
motionStiffness?: number;
motionDamping?: number;
margin?: Margin;
export interface NodeData {
key: string
value: number
x: number
xKey: string | number
y: number
yKey: string | number
width: number
height: number
opacity: number
}
export type NodeData = {
key: string;
value: number;
x: number;
xKey: string | number;
y: number;
yKey: string | number;
width: number;
height: number;
opacity: number;
}
export type Axis = Partial<{
orient: string
legend: string
tickSize: number
tickPadding: number
tickRotation: number
legendOffset: number
legendPosition: string
}>
export type Axis = {
orient?: string;
legend?: string;
tickSize?: number;
tickPadding?: number;
tickRotation?: number;
legendOffset?: number;
legendPosition?: string;
}
export type HeatMapSvgProps = HeatMapData
& HeatMapCommonProps
& MotionProps
& Partial<{
onClick: (datum: NodeData, event: React.MouseEvent<SVGGElement>) => void
}>
export type Margin = {
top?: number;
right?: number;
bottom?: number;
left?: number;
}
export class HeatMap extends React.Component<HeatMapSvgProps & Dimensions> {}
export class ResponsiveHeatMap extends React.Component<HeatMapSvgProps> {}
interface Dimensions {
width: number;
height: number;
}
}
export type HeatMapCanvasProps = HeatMapData
& HeatMapCommonProps
& Partial<{
onClick: (datum: NodeData, event: React.MouseEvent<HTMLCanvasElement>) => void
pixelRatio: number
}>
export class HeatMapCanvas extends React.Component<HeatMapCanvasProps & Dimensions> {}
export class ResponsiveHeatMapCanvas extends React.Component<HeatMapCanvasProps> {}
}
{
"name": "@nivo/heatmap",
"version": "0.40.0",
"version": "0.42.0",
"license": "MIT",

@@ -13,3 +13,3 @@ "main": "./index.js",

"dependencies": {
"@nivo/core": "0.36.0",
"@nivo/core": "0.42.0",
"d3-scale": "^1.0.6",

@@ -16,0 +16,0 @@ "lodash": "^4.17.4",

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc