@nivo/heatmap
Advanced tools
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", |
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
38665
954
+ Added@nivo/core@0.42.0(transitive)
- Removed@nivo/core@0.36.0(transitive)
Updated@nivo/core@0.42.0