@datalith/gridmap
Advanced tools
Comparing version
@@ -49,3 +49,3 @@ var __extends = (this && this.__extends) || (function () { | ||
GridMap.prototype.render = function () { | ||
var _a = this.props, className = _a.className, style = _a.style, defs = _a.defs, data = _a.data, coords = _a.coords, value = _a.value, featureCollection = _a.featureCollection, projection = _a.projection, side = _a.side, fill = _a.fill, stroke = _a.stroke, tooltip = _a.tooltip, customRender = _a.customRender, _b = _a.size, width = _b.width, height = _b.height; | ||
var _a = this.props, className = _a.className, style = _a.style, additionalElements = _a.additionalElements, data = _a.data, coords = _a.coords, value = _a.value, featureCollection = _a.featureCollection, projection = _a.projection, side = _a.side, fill = _a.fill, stroke = _a.stroke, tooltip = _a.tooltip, customRender = _a.customRender, _b = _a.size, width = _b.width, height = _b.height; | ||
var gridMapData = gridMap({ | ||
@@ -68,4 +68,4 @@ width: width, | ||
return (React.createElement(React.Fragment, null, | ||
React.createElement("svg", { className: className, style: style }, | ||
defs, | ||
React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", className: className, style: style, width: width, height: height }, | ||
additionalElements, | ||
React.createElement("g", null, gridMapData.map(function (d, i) { | ||
@@ -72,0 +72,0 @@ var dimension = yScale(Math.sqrt(callOrGetValue(value, d))); |
@@ -7,5 +7,5 @@ import * as React from 'react'; | ||
export declare class GridMapUs extends React.Component<GridMapUsProps> { | ||
static defaultProps: Partial<Pick<GridMapProps, "projection" | "data" | "coords" | "value" | "side" | "stroke" | "fill" | "tooltip" | "customRender" | "className" | "style" | "defs" | "size">>; | ||
static defaultProps: Partial<Pick<GridMapProps, "projection" | "data" | "coords" | "value" | "side" | "stroke" | "fill" | "tooltip" | "customRender" | "className" | "style" | "additionalElements" | "size">>; | ||
render(): JSX.Element; | ||
} | ||
export {}; |
@@ -7,5 +7,5 @@ import * as React from 'react'; | ||
export declare class GridMapWorld extends React.Component<GridMapWorldProps> { | ||
static defaultProps: Partial<Pick<GridMapProps, "projection" | "data" | "coords" | "value" | "side" | "stroke" | "fill" | "tooltip" | "customRender" | "className" | "style" | "defs" | "size">>; | ||
static defaultProps: Partial<Pick<GridMapProps, "projection" | "data" | "coords" | "value" | "side" | "stroke" | "fill" | "tooltip" | "customRender" | "className" | "style" | "additionalElements" | "size">>; | ||
render(): JSX.Element; | ||
} | ||
export {}; |
{ | ||
"name": "@datalith/gridmap", | ||
"version": "0.7.0", | ||
"version": "0.8.0", | ||
"description": "datalith gridmap", | ||
@@ -33,3 +33,3 @@ "main": "dist/index.js", | ||
"dependencies": { | ||
"@datalith/util": "^0.7.0", | ||
"@datalith/util": "^0.8.0", | ||
"@turf/flatten": "^5.1.5", | ||
@@ -64,3 +64,3 @@ "d3-array": "^2.1.0", | ||
}, | ||
"gitHead": "8bc3b1c6da2f4e255806d43d0102623d2c329d33" | ||
"gitHead": "cd7052522b6a4c73f8d0434ddaf0385d18e55880" | ||
} |
@@ -15,3 +15,3 @@ # @datalith/gridmap | ||
| style | | `React.CSSProperties` | Custom style object to apply to the SVG | | ||
| defs | | `JSX.Element` | Optional `<defs />` element to include in the SVG | | ||
| additionalElements | | `JSX.Element` | Optional elements to add to the SVG | | ||
| size | | `{ width: number; height: number }` | Width and Height of the SVG. Default is parent node size. | | ||
@@ -28,12 +28,12 @@ | <b>data \*</b> | | `Array<Datum>` or `Array<[number, number]>` | Array of data | | ||
| Name | Default | Type | Description | | ||
| :------------ | :--------------- | :--------------------------------------------------------------------------------------------------------------- | :-------------------------------------------------------- | | ||
| className | | `string` | Custom css classes to apply to the SVG | | ||
| style | | `React.CSSProperties` | Custom style object to apply to the SVG | | ||
| defs | | `JSX.Element` | Optional `<defs />` element to include in the SVG | | ||
| size | | `{ width: number; height: number }` | Width and Height of the SVG. Default is parent node size. | | ||
| <b>data\*</b> | | `Array<Datum>` or `Array<[number, number]>` | Array of data | | ||
| projection | `geoAlbersUsa()` | `GeoProjection` | D3 GeoProjection to map coordinates | | ||
| customRender | | `(d: { x: number; y: number; i: number; j: number; value: number; datum?: Datum }, props: any, ) => JSX.Element` | Return custom element to render as data point | | ||
| side | `5` | `number` | Grid cell dimension | | ||
| Name | Default | Type | Description | | ||
| :----------------- | :--------------- | :--------------------------------------------------------------------------------------------------------------- | :-------------------------------------------------------- | | ||
| className | | `string` | Custom css classes to apply to the SVG | | ||
| style | | `React.CSSProperties` | Custom style object to apply to the SVG | | ||
| additionalElements | | `JSX.Element` | Optional elements to add to the SVG | | ||
| size | | `{ width: number; height: number }` | Width and Height of the SVG. Default is parent node size. | | ||
| <b>data\*</b> | | `Array<Datum>` or `Array<[number, number]>` | Array of data | | ||
| projection | `geoAlbersUsa()` | `GeoProjection` | D3 GeoProjection to map coordinates | | ||
| customRender | | `(d: { x: number; y: number; i: number; j: number; value: number; datum?: Datum }, props: any, ) => JSX.Element` | Return custom element to render as data point | | ||
| side | `5` | `number` | Grid cell dimension | | ||
@@ -44,13 +44,13 @@ | tooltip | | `(Datum) => string` | Return HTML or text as a string to show on element mouseover | | ||
| Name | Default | Type | Description | | ||
| :------------ | :------------------- | :--------------------------------------------------------------------------------------------------------------- | :-------------------------------------------------------- | | ||
| className | | `string` | Custom css classes to apply to the SVG | | ||
| style | | `React.CSSProperties` | Custom style object to apply to the SVG | | ||
| defs | | `JSX.Element` | Optional `<defs />` element to include in the SVG | | ||
| size | | `{ width: number; height: number }` | Width and Height of the SVG. Default is parent node size. | | ||
| <b>data\*</b> | | `Array<Datum>` or `Array<[number, number]>` | Array of data | | ||
| projection | `geoNaturalEarth1()` | `GeoProjection` | D3 GeoProjection to map coordinates | | ||
| customRender | | `(d: { x: number; y: number; i: number; j: number; value: number; datum?: Datum }, props: any, ) => JSX.Element` | Return custom element to render as data point | | ||
| side | `5` | `number` | Grid cell dimension | | ||
| Name | Default | Type | Description | | ||
| :----------------- | :------------------- | :--------------------------------------------------------------------------------------------------------------- | :-------------------------------------------------------- | | ||
| className | | `string` | Custom css classes to apply to the SVG | | ||
| style | | `React.CSSProperties` | Custom style object to apply to the SVG | | ||
| additionalElements | | `JSX.Element` | Optional elements to add to the SVG | | ||
| size | | `{ width: number; height: number }` | Width and Height of the SVG. Default is parent node size. | | ||
| <b>data\*</b> | | `Array<Datum>` or `Array<[number, number]>` | Array of data | | ||
| projection | `geoNaturalEarth1()` | `GeoProjection` | D3 GeoProjection to map coordinates | | ||
| customRender | | `(d: { x: number; y: number; i: number; j: number; value: number; datum?: Datum }, props: any, ) => JSX.Element` | Return custom element to render as data point | | ||
| side | `5` | `number` | Grid cell dimension | | ||
| tooltip | | `(Datum) => string` | Return HTML or text as a string to show on element mouseover | |
Sorry, the diff of this file is not supported yet
URL strings
Supply chain riskPackage contains fragments of external URLs or IP addresses, which the package may be accessing at runtime.
Found 1 instance in 1 package
915722
0.03%1
Infinity%+ Added
- Removed
Updated