Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More →
@datalith/gridmap
Advanced tools
@datalith/gridmap - npm Package Compare versions
Comparing version 0.7.0 to 0.8.0
@@ -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
New alerts
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
Fixed alerts
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
Improved metrics
- Total package byte prevSize
- increased by0.03%
915722
Dependency changes
+ Added@datalith/util@0.8.0(transitive)
- Removed@datalith/util@0.7.0(transitive)
Updated@datalith/util@^0.8.0