@deck.gl-community/graph-layers 9.2.5 → 9.3.0-beta.1

package/README.md

@@ -1,5 +1,8 @@
 # graph-layers
 
+[![NPM Version](https://img.shields.io/npm/v/@deck.gl-community/graph-layers.svg)](https://www.npmjs.com/package/@deck.gl-community/graph-layers)
+[![NPM Downloads](https://img.shields.io/npm/dw/@deck.gl-community/graph-layers.svg)](https://www.npmjs.com/package/@deck.gl-community/graph-layers)
+
 TBD
 
 <p align="center">

package/dist/graph-style-schema.cdn.js

@@ -1,2 +1,2 @@
-export const GRAPH_STYLE_SCHEMA_CDN_URL = 'https://cdn.jsdelivr.net/npm/@deck.gl-community/graph-layers@9.2.5/dist/graph-style-schema.json';
+export const GRAPH_STYLE_SCHEMA_CDN_URL = 'https://cdn.jsdelivr.net/npm/@deck.gl-community/graph-layers@9.3.0-beta.1/dist/graph-style-schema.json';
 export default GRAPH_STYLE_SCHEMA_CDN_URL;

package/dist/graph-style-schema.json

@@ -1,6 +1,6 @@
 {
   "$schema": "http://json-schema.org/draft-07/schema#",
-  "$id": "https://cdn.jsdelivr.net/npm/@deck.gl-community/graph-layers@9.2.5/dist/graph-style-schema.json",
+  "$id": "https://cdn.jsdelivr.net/npm/@deck.gl-community/graph-layers@9.3.0-beta.1/dist/graph-style-schema.json",
   "title": "Deck.gl Graph Stylesheet",
   "description": "JSON schema describing the declarative stylesheet format supported by @deck.gl-community/graph-layers.",
   "$ref": "#/definitions/GraphStylesheet",

package/dist/index.cjs

@@ -4803,9 +4803,6 @@ var import_core4 = require("@deck.gl/core");
 var import_core3 = require("@deck.gl/core");
 var import_layers3 = require("@deck.gl/layers");
 var ZoomableTextLayer = class extends import_core3.CompositeLayer {
-  initializeState() {
-    this.state = { characterSet: [] };
-  }
   shouldUpdateState({ props, changeFlags }) {
     const { scaleWithZoom } = this.props;
     if (!scaleWithZoom) {
@@ -4813,41 +4810,35 @@ var ZoomableTextLayer = class extends import_core3.CompositeLayer {
     }
     return changeFlags.dataChanged || changeFlags.propsChanged || changeFlags.viewportChanged;
   }
-  updateState({ props, oldProps, changeFlags }) {
-    super.updateState({ props, oldProps, changeFlags });
-    if (changeFlags.propsOrDataChanged) {
-      const { getText } = props;
-      let textLabels = [];
-      if (typeof getText === "function") {
-        textLabels = props.data.map(getText);
-      } else {
-        textLabels = [getText];
-      }
-      const characterSet = new Set(textLabels.join(""));
-      const uniqueCharacters = Array.from(characterSet);
-      this.setState({ characterSet: uniqueCharacters });
-    }
-  }
+  // eslint-disable-next-line complexity
   renderLayers() {
     const { data, getPosition, getColor: getColor2, getText, getSize, getTextAnchor, getAlignmentBaseline, getAngle, scaleWithZoom, updateTriggers, fontFamily, textWordUnits, textWordBreak, textMaxWidth, textSizeMinPixels } = this.props;
     const sizeUpdateTrigger = scaleWithZoom ? [getSize, this.context.viewport.zoom] : false;
     const newGetText = typeof getText === "function" ? getText : () => getText;
+    const filteredData = data ? data.filter((d) => {
+      const t = newGetText(d);
+      return t !== null && t !== void 0 && t !== "";
+    }) : [];
+    if (filteredData.length === 0) {
+      return [];
+    }
+    const safeGetText = (d) => String(newGetText(d) ?? "") || " ";
     return [
       new import_layers3.TextLayer(this.getSubLayerProps({
         id: "__text-layer",
-        data,
+        data: filteredData,
         sizeScale: scaleWithZoom ? Math.pow(2, this.context.viewport.zoom - 1) : 1,
-        characterSet: this.state.characterSet,
+        characterSet: "auto",
         getPosition,
         getColor: getColor2,
         getSize,
         getTextAnchor,
         getAlignmentBaseline,
         getAngle,
-        getText: newGetText,
+        getText: safeGetText,
         maxWidth: textMaxWidth ?? 12,
         wordBreak: textWordBreak ?? "break-all",
-        fontFamily: fontFamily ?? "Red Hat Text",
+        fontFamily: fontFamily ?? "sans-serif",
         wordUnits: textWordUnits ?? "pixels",
         sizeMinPixels: textSizeMinPixels ?? 9,
         updateTriggers: {
@@ -6672,6 +6663,7 @@ var GridLayer = class extends import_core17.CompositeLayer {
     const textLayer = new import_layers12.TextLayer({
       id: `${this.props.id}-labels`,
       data: textData,
+      characterSet: "auto",
       getPosition: (d) => d.position,
       getText: (d) => d.text,
       getColor: getColor2 ? (d) => getColor2(d.datum) ?? color : () => color,
@@ -8208,7 +8200,7 @@ function isPlainObject(value) {
 }
 
 // dist/loaders/json-graph-loader.js
-var VERSION = true ? "9.2.5" : "latest";
+var VERSION = true ? "9.3.0-beta.1" : "latest";
 var JSONGraphLoader = {
   dataType: null,
   batchType: null,
@@ -8233,7 +8225,7 @@ var JSONGraphLoader = {
 };
 
 // dist/loaders/dot-graph-loader.js
-var VERSION2 = true ? "9.2.5" : "latest";
+var VERSION2 = true ? "9.3.0-beta.1" : "latest";
 var DOTGraphLoader = {
   dataType: null,
   batchType: null,