@deck.gl/carto 8.8.0-beta.5 → 8.8.0

package/typed/layers/spatial-index-tile-layer.js

@@ -0,0 +1,40 @@
+import { TileLayer } from '@deck.gl/geo-layers';
+function isFeatureIdDefined(value) {
+    return value !== undefined && value !== null && value !== '';
+}
+export default class SpatialIndexTileLayer extends TileLayer {
+    _updateAutoHighlight(info) {
+        const { hoveredFeatureId } = this.state;
+        const hoveredFeature = info.object;
+        let newHoveredFeatureId;
+        if (hoveredFeature) {
+            newHoveredFeatureId = hoveredFeature.id;
+        }
+        if (hoveredFeatureId !== newHoveredFeatureId) {
+            let { highlightColor } = this.props;
+            if (typeof highlightColor === 'function') {
+                highlightColor = highlightColor(info);
+            }
+            this.setState({
+                highlightColor,
+                hoveredFeatureId: newHoveredFeatureId
+            });
+        }
+    }
+    getSubLayerPropsByTile(tile) {
+        return {
+            highlightedObjectIndex: this.getHighlightedObjectIndex(tile),
+            highlightColor: this.state.highlightColor
+        };
+    }
+    getHighlightedObjectIndex(tile) {
+        const { hoveredFeatureId } = this.state;
+        const data = tile.content;
+        const isFeatureIdPresent = isFeatureIdDefined(hoveredFeatureId);
+        if (!isFeatureIdPresent || !Array.isArray(data)) {
+            return -1;
+        }
+        return data.findIndex(feature => feature.id === hoveredFeatureId);
+    }
+}
+SpatialIndexTileLayer.layerName = 'SpatialIndexTileLayer';

package/typed/style/color-bins-style.js

@@ -0,0 +1,12 @@
+import { scaleThreshold } from 'd3-scale';
+import getPalette, { DEFAULT_PALETTE, NULL_COLOR } from './palette';
+import { assert, getAttrValue } from './utils';
+export default function colorBins({ attr, domain, colors = DEFAULT_PALETTE, nullColor = NULL_COLOR }) {
+    assert(Array.isArray(domain), 'Expected "domain" to be an array of numbers');
+    const palette = typeof colors === 'string' ? getPalette(colors, domain.length + 1) : colors;
+    const color = scaleThreshold().domain(domain).range(palette);
+    return d => {
+        const value = getAttrValue(attr, d);
+        return typeof value === 'number' && Number.isFinite(value) ? color(value) : nullColor;
+    };
+}

package/typed/style/color-categories-style.js

@@ -0,0 +1,16 @@
+import getPalette, { DEFAULT_PALETTE, NULL_COLOR, OTHERS_COLOR } from './palette';
+import { assert, getAttrValue } from './utils';
+export default function colorCategories({ attr, domain, colors = DEFAULT_PALETTE, nullColor = NULL_COLOR, othersColor = OTHERS_COLOR }) {
+    assert(Array.isArray(domain), 'Expected "domain" to be an array of numbers or strings');
+    const colorsByCategory = {};
+    const palette = typeof colors === 'string' ? getPalette(colors, domain.length) : colors;
+    for (const [i, c] of domain.entries()) {
+        colorsByCategory[c] = palette[i];
+    }
+    return d => {
+        const value = getAttrValue(attr, d);
+        return (typeof value === 'number' && Number.isFinite(value)) || typeof value === 'string'
+            ? colorsByCategory[value] || othersColor
+            : nullColor;
+    };
+}

package/typed/style/color-continuous-style.js

@@ -0,0 +1,12 @@
+import { scaleLinear } from 'd3-scale';
+import getPalette, { DEFAULT_PALETTE, NULL_COLOR } from './palette';
+import { assert, getAttrValue } from './utils';
+export default function colorContinuous({ attr, domain, colors = DEFAULT_PALETTE, nullColor = NULL_COLOR }) {
+    assert(Array.isArray(domain), 'Expected "domain" to be an array of numbers');
+    const palette = typeof colors === 'string' ? getPalette(colors, domain.length) : colors;
+    const color = scaleLinear().domain(domain).range(palette);
+    return d => {
+        const value = getAttrValue(attr, d);
+        return typeof value === 'number' && Number.isFinite(value) ? color(value) : nullColor;
+    };
+}

package/typed/style/palette.js

@@ -0,0 +1,62 @@
+import * as cartoColors from 'cartocolor';
+import { assert } from './utils';
+export const DEFAULT_PALETTE = 'PurpOr';
+export const NULL_COLOR = [204, 204, 204];
+export const OTHERS_COLOR = [119, 119, 119];
+export default function getPalette(name, numCategories) {
+    const palette = cartoColors[name];
+    let paletteIndex = numCategories;
+    assert(palette, `Palette "${name}" not found. Expected a CARTOColors string`);
+    const palettesColorVariants = Object.keys(palette)
+        .filter(p => p !== 'tags')
+        .map(Number);
+    const longestPaletteIndex = Math.max(...palettesColorVariants);
+    const smallestPaletteIndex = Math.min(...palettesColorVariants);
+    if (!Number.isInteger(numCategories) || numCategories > longestPaletteIndex) {
+        paletteIndex = longestPaletteIndex;
+    }
+    else if (numCategories < smallestPaletteIndex) {
+        paletteIndex = smallestPaletteIndex;
+    }
+    let colors = palette[paletteIndex];
+    if (palette.tags && palette.tags.includes('qualitative')) {
+        colors = colors.slice(0, -1);
+    }
+    return colors.map(c => hexToRgb(c));
+}
+export function hexToRgb(hex) {
+    // Evaluate #ABC
+    let result = /^#?([a-f\d]{1})([a-f\d]{1})([a-f\d]{1})$/i.exec(hex);
+    if (result) {
+        return [
+            parseInt(result[1] + result[1], 16),
+            parseInt(result[2] + result[2], 16),
+            parseInt(result[3] + result[3], 16),
+            255
+        ];
+    }
+    // Evaluate #ABCD
+    result = /^#?([a-f\d]{1})([a-f\d]{1})([a-f\d]{1})([a-f\d]{1})$/i.exec(hex);
+    if (result) {
+        return [
+            parseInt(result[1] + result[1], 16),
+            parseInt(result[2] + result[2], 16),
+            parseInt(result[3] + result[3], 16),
+            parseInt(result[4] + result[4], 16)
+        ];
+    }
+    // Evaluate #ABCDEF
+    result = /^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(hex);
+    if (result) {
+        return [parseInt(result[1], 16), parseInt(result[2], 16), parseInt(result[3], 16), 255];
+    }
+    // Evaluate #ABCDEFAF
+    result = /^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(hex);
+    assert(result, `Hexadecimal color "${hex}" was not parsed correctly`);
+    return [
+        parseInt(result[1], 16),
+        parseInt(result[2], 16),
+        parseInt(result[3], 16),
+        parseInt(result[4], 16)
+    ];
+}

package/typed/style/utils.js

@@ -0,0 +1,15 @@
+const ALLOWED_ATTR_TYPES = Object.freeze(['function', 'string']);
+export function getAttrValue(attr, d) {
+    assert(typeof d === 'object', 'Expected "data" to be an object');
+    assert(ALLOWED_ATTR_TYPES.includes(typeof attr), 'Expected "attr" to be a function or string');
+    // Is function
+    if (typeof attr === 'function') {
+        return attr(d);
+    }
+    return d.properties[attr];
+}
+export function assert(condition, message = '') {
+    if (!condition) {
+        throw new Error(`CARTO style error: ${message}`);
+    }
+}

package/typed/utils.js

@@ -0,0 +1,4 @@
+import { log } from '@deck.gl/core';
+export function assert(condition, message) {
+    log.assert(condition, message);
+}