@deck.gl-community/graph-layers 9.2.0-beta.8 → 9.2.5

package/src/index.ts

@@ -4,14 +4,19 @@
 
 // Graph Data - output from loaders, input to writers
 
-export type {GraphData, PlainGraphData, ArrowGraphData /* , GraphNodeData, GraphEdgeData */} from './graph-data/graph-data';
-export type {GraphDataBuilder /* , GraphDataBuilderOptions */} from './graph-data/graph-data-builder';
+export type {
+  GraphData,
+  PlainGraphData,
+  ArrowGraphData /* , GraphNodeData, GraphEdgeData */
+} from './graph-data/graph-data';
+export type {
+  GraphDataBuilder /* , GraphDataBuilderOptions */
+} from './graph-data/graph-data-builder';
 export {
   ArrowGraphDataBuilder,
   type ArrowGraphDataBuilderOptions
 } from './graph-data/arrow-graph-data-builder';
 
-
 // core - Graph representation and layout
 export type {Graph, NodeInterface, EdgeInterface} from './graph/graph';
 export {Node} from './graph/node';
@@ -36,11 +41,7 @@ export {ArrowGraph} from './graph/arrow-graph';
 export {GraphEngine} from './core/graph-engine';
 
 // graph-layers layouts
-export type {
-  GraphLayoutProps,
-  GraphLayoutState,
-  GraphLayoutEventDetail
-} from './core/graph-layout';
+export type {GraphLayoutProps, GraphLayoutState, GraphLayoutEventDetail} from './core/graph-layout';
 export {GraphLayout} from './core/graph-layout';
 
 export {SimpleLayout} from './layouts/simple-layout';
@@ -52,13 +53,24 @@ export {RadialLayout} from './layouts/experimental/radial-layout';
 export {ForceMultiGraphLayout} from './layouts/experimental/force-multi-graph-layout';
 export {HivePlotLayout} from './layouts/experimental/hive-plot-layout';
 
-export type {Marker, NodeState, NodeType, EdgeType, EdgeDecoratorType, LayoutState} from './core/constants';
+export type {
+  Marker,
+  NodeState,
+  NodeType,
+  EdgeType,
+  EdgeDecoratorType,
+  LayoutState
+} from './core/constants';
 
 // deck.gl components
 export {GraphLayer} from './layers/graph-layer';
 export type {RankGridConfig} from './layers/graph-layer';
 export {EdgeLayer} from './layers/edge-layer';
-export {GridLayer, type GridLayerProps, type GridLineDatum} from './layers/common-layers/grid-layer/grid-layer';
+export {
+  GridLayer,
+  type GridLayerProps,
+  type GridLineDatum
+} from './layers/common-layers/grid-layer/grid-layer';
 export {StylesheetEngine} from './style/stylesheet-engine';
 export {GraphStylesheetEngine, GraphStyleEngine} from './style/graph-style-engine';
 export type {
@@ -93,16 +105,21 @@ export {
 } from './utils/rank-grid';
 
 // graph format loaders
-export {
-  JSONGraphLoader,
-  type JSONGraphLoaderOptions,
-} from './loaders/json-graph-loader';
+export {JSONGraphLoader, type JSONGraphLoaderOptions} from './loaders/json-graph-loader';
 
 export {
   DOTGraphLoader,
   type DOTGraphLoaderOptions,
-  type DOTGraphLoaderMetadata,
+  type DOTGraphLoaderMetadata
 } from './loaders/dot-graph-loader';
 
 // Deprecated exports
-export {MARKER_TYPE, NODE_STATE,EDGE_STATE,NODE_TYPE,EDGE_TYPE,EDGE_DECORATOR_TYPE,LAYOUT_STATE} from './_deprecated/old-constants';
+export {
+  MARKER_TYPE,
+  NODE_STATE,
+  EDGE_STATE,
+  NODE_TYPE,
+  EDGE_TYPE,
+  EDGE_DECORATOR_TYPE,
+  LAYOUT_STATE
+} from './_deprecated/old-constants';

package/src/layers/common-layers/grid-layer/grid-layer.ts

@@ -49,10 +49,25 @@ const DEFAULT_OFFSET: [number, number] = [8, 0];
 const DEFAULT_MIN = -1e6;
 const DEFAULT_MAX = 1e6;
 
-export class GridLayer<DatumT extends GridLineDatum = GridLineDatum> extends CompositeLayer<GridLayerProps<DatumT>> {
+export class GridLayer<DatumT extends GridLineDatum = GridLineDatum> extends CompositeLayer<
+  GridLayerProps<DatumT>
+> {
   static override layerName = 'GridLayer';
 
-  static override defaultProps: Required<Pick<GridLayerProps<GridLineDatum>, 'direction' | 'width' | 'color' | 'xMin' | 'xMax' | 'yMin' | 'yMax' | 'showLabels' | 'labelOffset'>> = {
+  static override defaultProps: Required<
+    Pick<
+      GridLayerProps<GridLineDatum>,
+      | 'direction'
+      | 'width'
+      | 'color'
+      | 'xMin'
+      | 'xMax'
+      | 'yMin'
+      | 'yMax'
+      | 'showLabels'
+      | 'labelOffset'
+    >
+  > = {
     direction: 'horizontal',
     width: DEFAULT_WIDTH,
     color: DEFAULT_COLOR,
@@ -66,7 +81,9 @@ export class GridLayer<DatumT extends GridLineDatum = GridLineDatum> extends Com
 
   override shouldUpdateState(params: UpdateParameters<this>): boolean {
     const {changeFlags} = params;
-    return Boolean(changeFlags.dataChanged || changeFlags.propsChanged || changeFlags.viewportChanged);
+    return Boolean(
+      changeFlags.dataChanged || changeFlags.propsChanged || changeFlags.viewportChanged
+    );
   }
 
   override renderLayers() {
@@ -151,21 +168,13 @@ export class GridLayer<DatumT extends GridLineDatum = GridLineDatum> extends Com
 
     const [bxMin, byMin, bxMax, byMax] = viewportBounds;
     const minX =
-      Number.isFinite(bxMin) && Number.isFinite(bxMax)
-        ? Math.min(bounds.xMin, bxMin)
-        : bounds.xMin;
+      Number.isFinite(bxMin) && Number.isFinite(bxMax) ? Math.min(bounds.xMin, bxMin) : bounds.xMin;
     const maxX =
-      Number.isFinite(bxMin) && Number.isFinite(bxMax)
-        ? Math.max(bounds.xMax, bxMax)
-        : bounds.xMax;
+      Number.isFinite(bxMin) && Number.isFinite(bxMax) ? Math.max(bounds.xMax, bxMax) : bounds.xMax;
     const minY =
-      Number.isFinite(byMin) && Number.isFinite(byMax)
-        ? Math.min(bounds.yMin, byMin)
-        : bounds.yMin;
+      Number.isFinite(byMin) && Number.isFinite(byMax) ? Math.min(bounds.yMin, byMin) : bounds.yMin;
     const maxY =
-      Number.isFinite(byMin) && Number.isFinite(byMax)
-        ? Math.max(bounds.yMax, byMax)
-        : bounds.yMax;
+      Number.isFinite(byMin) && Number.isFinite(byMax) ? Math.max(bounds.yMax, byMax) : bounds.yMax;
 
     return {minX, maxX, minY, maxY};
   }
@@ -222,12 +231,10 @@ export class GridLayer<DatumT extends GridLineDatum = GridLineDatum> extends Com
     const isHorizontal = direction === 'horizontal';
 
     for (const {datum, sourcePosition} of lines) {
-      const rawLabel = getLabel ? getLabel(datum) : datum.label ?? null;
+      const rawLabel = getLabel ? getLabel(datum) : (datum.label ?? null);
       if (rawLabel !== null && rawLabel !== undefined && rawLabel !== '') {
         const [sx, sy] = sourcePosition;
-        const position: [number, number] = isHorizontal
-          ? [bounds.minX, sy]
-          : [sx, bounds.minY];
+        const position: [number, number] = isHorizontal ? [bounds.minX, sy] : [sx, bounds.minY];
         labels.push({position, text: String(rawLabel), datum});
       }
     }

package/src/layers/edge-attachment-helper.ts

@@ -8,7 +8,11 @@ import type {NodeInterface} from '../graph/graph';
 
 import {GraphStylesheetEngine, type GraphStyleRule} from '../style/graph-style-engine';
 import type {GraphLayerNodeStyle} from '../style/graph-layer-stylesheet';
-import {getNodeBoundaryIntersection, type GeometryNodeType, type NodeGeometry} from '../utils/node-boundary';
+import {
+  getNodeBoundaryIntersection,
+  type GeometryNodeType,
+  type NodeGeometry
+} from '../utils/node-boundary';
 import {warn} from '../utils/log';
 
 type NumericAccessor = ((node: NodeInterface) => number) | number | null | undefined;
@@ -36,7 +40,10 @@ const GEOMETRY_NODE_TYPES: GeometryNodeType[] = [
   'marker'
 ];
 
-function evaluateNumericAccessor(accessor: NumericAccessor, node: NodeInterface): number | undefined {
+function evaluateNumericAccessor(
+  accessor: NumericAccessor,
+  node: NodeInterface
+): number | undefined {
   if (typeof accessor === 'function') {
     const value = accessor(node);
     return typeof value === 'number' && Number.isFinite(value) ? value : undefined;
@@ -127,12 +134,20 @@ const GEOMETRY_APPLIERS: Record<
   },
   'rounded-rectangle': (node, accessors, geometry) => {
     assignRectangleDimensions(node, accessors, geometry);
-    assignDimension(geometry, 'cornerRadius', resolveAccessorValue(accessors.getCornerRadius, node));
+    assignDimension(
+      geometry,
+      'cornerRadius',
+      resolveAccessorValue(accessors.getCornerRadius, node)
+    );
     assignDimension(geometry, 'radius', resolveAccessorValue(accessors.getRadius, node));
   },
   'path-rounded-rectangle': (node, accessors, geometry) => {
     assignRectangleDimensions(node, accessors, geometry);
-    assignDimension(geometry, 'cornerRadius', resolveAccessorValue(accessors.getCornerRadius, node));
+    assignDimension(
+      geometry,
+      'cornerRadius',
+      resolveAccessorValue(accessors.getCornerRadius, node)
+    );
   }
 };
 
@@ -163,8 +178,7 @@ export class EdgeAttachmentHelper {
         new Map<string | number, NodeInterface>()
       );
 
-    return (edge: any) =>
-      this._getAdjustedEdgeLayout(engine, nodeAccessorMap, nodeMap, edge);
+    return (edge: any) => this._getAdjustedEdgeLayout(engine, nodeAccessorMap, nodeMap, edge);
   }
 
   private _buildNodeStyleAccessorMap({
@@ -184,45 +198,43 @@ export class EdgeAttachmentHelper {
 
     const styles = Array.isArray(nodeStyle) ? nodeStyle : [nodeStyle];
 
-    styles
-      .filter(Boolean)
-      .forEach((style) => {
-        const {data = (nodes) => nodes, ...restStyle} = style;
-        const type = restStyle.type;
-
-        if (!type || !GEOMETRY_NODE_TYPES.includes(type as GeometryNodeType)) {
-          return;
-        }
-
-        let stylesheet: GraphStylesheetEngine | null = null;
-        try {
-          stylesheet = engine.createStylesheetEngine(restStyle as GraphStyleRule, {
-            stateUpdateTrigger: (interactionManager as any).getLastInteraction()
-          });
-        } catch (error) {
-          warn(
-            `GraphLayer: Failed to evaluate node stylesheet for edge attachment (${String(
-              (error as Error).message ?? error
-            )}).`
-          );
-          return;
-        }
-
-        const nodes = data(engine.getNodes());
-        if (!Array.isArray(nodes)) {
-          return;
-        }
+    styles.filter(Boolean).forEach((style) => {
+      const {data = (nodes) => nodes, ...restStyle} = style;
+      const type = restStyle.type;
 
-        const geometryType = type as GeometryNodeType;
-        const accessors = this._createAccessorsForType(geometryType, stylesheet);
+      if (!type || !GEOMETRY_NODE_TYPES.includes(type as GeometryNodeType)) {
+        return;
+      }
 
-        nodes.forEach((node: NodeInterface) => {
-          const id = node.getId();
-          if (!nodeAccessorMap.has(id)) {
-            nodeAccessorMap.set(id, accessors);
-          }
+      let stylesheet: GraphStylesheetEngine | null = null;
+      try {
+        stylesheet = engine.createStylesheetEngine(restStyle as GraphStyleRule, {
+          stateUpdateTrigger: (interactionManager as any).getLastInteraction()
         });
+      } catch (error) {
+        warn(
+          `GraphLayer: Failed to evaluate node stylesheet for edge attachment (${String(
+            (error as Error).message ?? error
+          )}).`
+        );
+        return;
+      }
+
+      const nodes = data(engine.getNodes());
+      if (!Array.isArray(nodes)) {
+        return;
+      }
+
+      const geometryType = type as GeometryNodeType;
+      const accessors = this._createAccessorsForType(geometryType, stylesheet);
+
+      nodes.forEach((node: NodeInterface) => {
+        const id = node.getId();
+        if (!nodeAccessorMap.has(id)) {
+          nodeAccessorMap.set(id, accessors);
+        }
       });
+    });
 
     return nodeAccessorMap;
   }

package/src/layers/edge-layer.ts

@@ -9,8 +9,8 @@ import {PathEdgeLayer} from './edge-layers/path-edge-layer';
 import {CurvedEdgeLayer} from './edge-layers/curved-edge-layer';
 
 const EDGE_LAYER_MAP = {
-  'line': StraightLineEdgeLayer,
-  'path': PathEdgeLayer,
+  line: StraightLineEdgeLayer,
+  path: PathEdgeLayer,
   'spline-curve': CurvedEdgeLayer
 };
 
@@ -46,8 +46,8 @@ export class EdgeLayer extends CompositeLayer {
         return res;
       },
       {
-        'line': [],
-        'path': [],
+        line: [],
+        path: [],
         'spline-curve': []
       }
     );

package/src/layers/edge-layers/arrow-2d-geometry.ts

@@ -34,14 +34,7 @@ function getArrowAttributes({length = 1, headWidth = 1}) {
 
   const normals = new Float32Array([0, 0, 1, 0, 0, 1, 0, 0, 1]);
 
-  const texCoords = new Float32Array([
-    0.5,
-    1,
-    0,
-    0,
-    1,
-    0
-  ]);
+  const texCoords = new Float32Array([0.5, 1, 0, 0, 1, 0]);
 
   return {
     positions: {size: 3, value: positions},

package/src/layers/graph-layer.ts

@@ -58,19 +58,19 @@ import {createGraphFromData} from '../graph/functions/create-graph-from-data';
 import {warn} from '../utils/log';
 
 const NODE_LAYER_MAP = {
-  'rectangle': RectangleLayer,
+  rectangle: RectangleLayer,
   'rounded-rectangle': RoundedRectangleLayer,
   'path-rounded-rectangle': PathBasedRoundedRectangleLayer,
-  'icon': ImageLayer,
-  'circle': CircleLayer,
-  'label': LabelLayer,
-  'marker': ZoomableMarkerLayer
+  icon: ImageLayer,
+  circle: CircleLayer,
+  label: LabelLayer,
+  marker: ZoomableMarkerLayer
 };
 
 const EDGE_DECORATOR_LAYER_MAP = {
   'edge-label': EdgeLabelLayer,
-  'flow': FlowLayer,
-  'arrow': EdgeArrowLayer
+  flow: FlowLayer,
+  arrow: EdgeArrowLayer
 };
 
 type GridLayerOverrides = Partial<Omit<GridLayerProps, 'id' | 'data' | 'direction'>>;
@@ -569,9 +569,7 @@ export class GraphLayer extends CompositeLayer<GraphLayerProps> {
     }
 
     const candidate = value as Graph;
-    return (
-      typeof candidate.getNodes === 'function' && typeof candidate.getEdges === 'function'
-    );
+    return typeof candidate.getNodes === 'function' && typeof candidate.getEdges === 'function';
   }
 
   private _coerceGraph(value: unknown): Graph | null {
@@ -596,7 +594,10 @@ export class GraphLayer extends CompositeLayer<GraphLayerProps> {
       try {
         return candidate.toClassicGraph() ?? null;
       } catch (error) {
-        warn('GraphLayer: failed to convert graph to ClassicGraph for layout compatibility.', error);
+        warn(
+          'GraphLayer: failed to convert graph to ClassicGraph for layout compatibility.',
+          error
+        );
       }
     }
 
@@ -725,9 +726,10 @@ export class GraphLayer extends CompositeLayer<GraphLayerProps> {
     });
   }
 
-  private _normalizeRankGridConfig(
-    value: GraphLayerProps['rankGrid']
-  ): {enabled: boolean; config?: RankGridConfig} {
+  private _normalizeRankGridConfig(value: GraphLayerProps['rankGrid']): {
+    enabled: boolean;
+    config?: RankGridConfig;
+  } {
     if (typeof value === 'boolean') {
       return {enabled: value};
     }
@@ -739,9 +741,9 @@ export class GraphLayer extends CompositeLayer<GraphLayerProps> {
     return {enabled: false};
   }
 
-  private _resolveRankGridBounds(engine: GraphEngine):
-    | {xMin: number; xMax: number; yMin: number; yMax: number}
-    | null {
+  private _resolveRankGridBounds(
+    engine: GraphEngine
+  ): {xMin: number; xMax: number; yMin: number; yMax: number} | null {
     const bounds = engine.getLayoutBounds();
     if (!bounds) {
       return null;
@@ -765,7 +767,12 @@ export class GraphLayer extends CompositeLayer<GraphLayerProps> {
     engine: GraphEngine,
     config: RankGridConfig | undefined,
     bounds: {yMin: number; yMax: number}
-  ): Array<{label: string; rank: number; originalLabel?: string | number; yPosition: number}> | null {
+  ): Array<{
+    label: string;
+    rank: number;
+    originalLabel?: string | number;
+    yPosition: number;
+  }> | null {
     const rankLabelPrefix = this._resolveRankFieldLabel(config?.rankAccessor);
     // @ts-ignore iterator type
     const rankPositions = mapRanksToYPositions(engine.getNodes(), engine.getNodePosition, {
@@ -876,66 +883,64 @@ export class GraphLayer extends CompositeLayer<GraphLayerProps> {
       nodeStyle: nodeStyles
     });
 
-    return edgeStyleArray
-      .filter(Boolean)
-      .flatMap((style, idx) => {
-        const {decorators, data = (edges) => edges, visible = true, ...restEdgeStyle} = style;
-        const stylesheet = this._createStylesheetEngine(
-          {
-            type: 'edge',
-            ...restEdgeStyle
-          } as GraphStyleRule,
-          'edge stylesheet'
-        );
-        if (!stylesheet) {
-          return [];
-        }
+    return edgeStyleArray.filter(Boolean).flatMap((style, idx) => {
+      const {decorators, data = (edges) => edges, visible = true, ...restEdgeStyle} = style;
+      const stylesheet = this._createStylesheetEngine(
+        {
+          type: 'edge',
+          ...restEdgeStyle
+        } as GraphStyleRule,
+        'edge stylesheet'
+      );
+      if (!stylesheet) {
+        return [];
+      }
 
-        const edgeLayer = new EdgeLayer({
-          ...SHARED_LAYER_PROPS,
-          id: `edge-layer-${idx}`,
-          data: data(engine.getEdges()),
-          getLayoutInfo,
-          pickable: true,
-          positionUpdateTrigger: [engine.getLayoutLastUpdate(), engine.getLayoutState()].join(),
-          stylesheet,
-          visible
-        } as any);
+      const edgeLayer = new EdgeLayer({
+        ...SHARED_LAYER_PROPS,
+        id: `edge-layer-${idx}`,
+        data: data(engine.getEdges()),
+        getLayoutInfo,
+        pickable: true,
+        positionUpdateTrigger: [engine.getLayoutLastUpdate(), engine.getLayoutState()].join(),
+        stylesheet,
+        visible
+      } as any);
+
+      if (!decorators || !Array.isArray(decorators) || decorators.length === 0) {
+        return [edgeLayer];
+      }
 
-        if (!decorators || !Array.isArray(decorators) || decorators.length === 0) {
-          return [edgeLayer];
-        }
+      const decoratorLayers = decorators
+        .filter(Boolean)
+        // @ts-ignore eslint-disable-next-line @typescript-eslint/no-unused-vars
+        .map((decoratorStyle, idx2) => {
+          const DecoratorLayer = EDGE_DECORATOR_LAYER_MAP[decoratorStyle.type];
+          if (!DecoratorLayer) {
+            warn(`GraphLayer: Invalid edge decorator type "${decoratorStyle.type}".`);
+            return null;
+          }
+          const decoratorStylesheet = this._createStylesheetEngine(
+            decoratorStyle as unknown as GraphStyleRule,
+            `edge decorator stylesheet "${decoratorStyle.type}"`
+          );
+          if (!decoratorStylesheet) {
+            return null;
+          }
+          return new DecoratorLayer({
+            ...SHARED_LAYER_PROPS,
+            id: `edge-decorator-${idx2}`,
+            data: data(engine.getEdges()),
+            getLayoutInfo,
+            pickable: true,
+            positionUpdateTrigger: [engine.getLayoutLastUpdate(), engine.getLayoutState()].join(),
+            stylesheet: decoratorStylesheet
+          } as any);
+        })
+        .filter(Boolean);
 
-        const decoratorLayers = decorators
-          .filter(Boolean)
-          // @ts-ignore eslint-disable-next-line @typescript-eslint/no-unused-vars
-          .map((decoratorStyle, idx2) => {
-            const DecoratorLayer = EDGE_DECORATOR_LAYER_MAP[decoratorStyle.type];
-            if (!DecoratorLayer) {
-              warn(`GraphLayer: Invalid edge decorator type "${decoratorStyle.type}".`);
-              return null;
-            }
-            const decoratorStylesheet = this._createStylesheetEngine(
-              decoratorStyle as unknown as GraphStyleRule,
-              `edge decorator stylesheet "${decoratorStyle.type}"`
-            );
-            if (!decoratorStylesheet) {
-              return null;
-            }
-            return new DecoratorLayer({
-              ...SHARED_LAYER_PROPS,
-              id: `edge-decorator-${idx2}`,
-              data: data(engine.getEdges()),
-              getLayoutInfo,
-              pickable: true,
-              positionUpdateTrigger: [engine.getLayoutLastUpdate(), engine.getLayoutState()].join(),
-              stylesheet: decoratorStylesheet
-            } as any);
-          })
-          .filter(Boolean);
-
-        return [edgeLayer, ...decoratorLayers];
-      });
+      return [edgeLayer, ...decoratorLayers];
+    });
   }
 
   onClick(info, event): boolean {
@@ -1105,12 +1110,11 @@ export class GraphLayer extends CompositeLayer<GraphLayerProps> {
   }
 }
 
-  function isPlainObject(value: unknown): value is Record<string | number | symbol, unknown> {
-    if (!value || typeof value !== 'object') {
-      return false;
-    }
-
-    const prototype = Object.getPrototypeOf(value);
-    return prototype === Object.prototype || prototype === null;
+function isPlainObject(value: unknown): value is Record<string | number | symbol, unknown> {
+  if (!value || typeof value !== 'object') {
+    return false;
   }
 
+  const prototype = Object.getPrototypeOf(value);
+  return prototype === Object.prototype || prototype === null;
+}

package/src/layouts/d3-dag/collapsable-d3-dag-layout.ts

@@ -19,13 +19,13 @@ type CollapsedChainDescriptor = {
 export type CollapsableD3DagLayoutProps = D3DagLayoutProps & {
   /** Whether to collapse linear chains of nodes into a single representative. */
   collapseLinearChains?: boolean;
-}
+};
 
 export class CollapsableD3DagLayout extends D3DagLayout<CollapsableD3DagLayoutProps> {
   static override defaultProps: Required<CollapsableD3DagLayoutProps> = {
     ...D3DagLayout.defaultProps,
     collapseLinearChains: false
-  }
+  };
 
   private _chainDescriptors = new Map<string, CollapsedChainDescriptor>();
   private _nodeToChainId = new Map<string | number, string>();
@@ -61,7 +61,10 @@ export class CollapsableD3DagLayout extends D3DagLayout<CollapsableD3DagLayoutPr
     }
 
     if (!this._chainDescriptors.has(chainId)) {
-      log.log(1, `CollapsableD3DagLayout: toggleCollapsedChain(${chainId}) skipped (unknown chain)`);
+      log.log(
+        1,
+        `CollapsableD3DagLayout: toggleCollapsedChain(${chainId}) skipped (unknown chain)`
+      );
       return;
     }
 
@@ -102,9 +105,14 @@ export class CollapsableD3DagLayout extends D3DagLayout<CollapsableD3DagLayoutPr
     }
 
     if (changed) {
-      log.log(0, 'CollapsableD3DagLayout: setCollapsedChains -> changes detected, rerunning layout');
+      log.log(
+        0,
+        'CollapsableD3DagLayout: setCollapsedChains -> changes detected, rerunning layout'
+      );
       // eslint-disable-next-line no-console
-      console.log('CollapsableD3DagLayout: setCollapsedChains -> changes detected, rerunning layout');
+      console.log(
+        'CollapsableD3DagLayout: setCollapsedChains -> changes detected, rerunning layout'
+      );
       this._runLayout();
     } else {
       log.log(1, 'CollapsableD3DagLayout: setCollapsedChains -> no changes');
@@ -138,8 +146,7 @@ export class CollapsableD3DagLayout extends D3DagLayout<CollapsableD3DagLayoutPr
       `CollapsableD3DagLayout: refreshing collapsed chains (previous=${previousChainCount})`
     );
 
-    const collapseDefault =
-      this.props.collapseLinearChains;
+    const collapseDefault = this.props.collapseLinearChains;
 
     const previousStates = new Map(this._collapsedChainState);