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

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

@@ -153,7 +153,9 @@ function isEdgeInterface(value: unknown): value is EdgeInterface {
 /**
  * Layout that orchestrates d3-dag operators from declarative options.
  */
-export class D3DagLayout<PropsT extends D3DagLayoutProps = D3DagLayoutProps> extends GraphLayout<PropsT> {
+export class D3DagLayout<
+  PropsT extends D3DagLayoutProps = D3DagLayoutProps
+> extends GraphLayout<PropsT> {
   static defaultProps: Readonly<Required<D3DagLayoutProps>> = {
     ...GraphLayout.defaultProps,
     layout: 'sugiyama',
@@ -213,7 +215,6 @@ export class D3DagLayout<PropsT extends D3DagLayoutProps = D3DagLayoutProps> ext
     }
   }
 
-
   initializeGraph(graph: Graph): void {
     this.updateGraph(graph);
   }
@@ -277,14 +278,12 @@ export class D3DagLayout<PropsT extends D3DagLayoutProps = D3DagLayoutProps> ext
     return this._nodePositions.get(mappedId) || null;
   }
 
-  getEdgePosition(edge: EdgeInterface):
-    | {
-        type: string;
-        sourcePosition: [number, number];
-        targetPosition: [number, number];
-        controlPoints: [number, number][];
-      }
-    | null {
+  getEdgePosition(edge: EdgeInterface): {
+    type: string;
+    sourcePosition: [number, number];
+    targetPosition: [number, number];
+    controlPoints: [number, number][];
+  } | null {
     const mappedSourceId = this._mapNodeId(edge.getSourceNodeId());
     const mappedTargetId = this._mapNodeId(edge.getTargetNodeId());
     if (mappedSourceId === mappedTargetId) {
@@ -407,7 +406,9 @@ export class D3DagLayout<PropsT extends D3DagLayoutProps = D3DagLayoutProps> ext
     const connect = graphConnect()
       .sourceId(({source}: ConnectDatum): string => source)
       .targetId(({target}: ConnectDatum): string => target)
-      .nodeDatum((id: string): NodeInterface => this._nodeLookup.get(this._fromDagId(id)) ?? new Node({id}))
+      .nodeDatum(
+        (id: string): NodeInterface => this._nodeLookup.get(this._fromDagId(id)) ?? new Node({id})
+      )
       .single(true);
 
     const edges = Array.from(this._graph.getEdges());
@@ -508,7 +509,9 @@ export class D3DagLayout<PropsT extends D3DagLayoutProps = D3DagLayoutProps> ext
       .filter((edge) => edge.isDirected() && edge.getSourceNodeId() === nodeId);
   }
 
-  private _ensureEdgeData<T>(dag: MutGraph<NodeInterface, T>): MutGraph<NodeInterface, EdgeInterface> {
+  private _ensureEdgeData<T>(
+    dag: MutGraph<NodeInterface, T>
+  ): MutGraph<NodeInterface, EdgeInterface> {
     for (const link of dag.links()) {
       if (isEdgeInterface(link.data)) {
         continue;
@@ -551,7 +554,10 @@ export class D3DagLayout<PropsT extends D3DagLayoutProps = D3DagLayoutProps> ext
         // @ts-expect-error TS2345 - Argument of type '(dagNode: MutGraphNode<NodeInterface, EdgeInterface>) => number | undefined' is not assignable to parameter of type '(dagNode: MutGraphNode<NodeInterface, EdgeInterface>) => number'.
         layeringOperator = layeringOperator.rank((dagNode) => {
           const node = dagNode.data as NodeInterface;
-          const rank = typeof nodeRank === 'function' ? nodeRank?.(node) : node?.getPropertyValue(nodeRank) || undefined;
+          const rank =
+            typeof nodeRank === 'function'
+              ? nodeRank?.(node)
+              : node?.getPropertyValue(nodeRank) || undefined;
           // if (rank !== undefined) {
           //   console.log(`Node ${node.getId()} assigned to rank ${rank}`);
           // }
@@ -644,8 +650,17 @@ export class D3DagLayout<PropsT extends D3DagLayoutProps = D3DagLayoutProps> ext
       if (!edge) {
         continue;
       }
-      const points = (link.points && link.points.length ? link.points : [[link.source.x ?? 0, link.source.y ?? 0], [link.target.x ?? 0, link.target.y ?? 0]]);
-      this._rawEdgePoints.set(edge.getId(), points.map((point) => [...point] as [number, number]));
+      const points =
+        link.points && link.points.length
+          ? link.points
+          : [
+              [link.source.x ?? 0, link.source.y ?? 0],
+              [link.target.x ?? 0, link.target.y ?? 0]
+            ];
+      this._rawEdgePoints.set(
+        edge.getId(),
+        points.map((point) => [...point] as [number, number])
+      );
     }
 
     this._updateTransformedGeometry();
@@ -687,10 +702,7 @@ export class D3DagLayout<PropsT extends D3DagLayoutProps = D3DagLayoutProps> ext
     for (const [edgeId, points] of this._rawEdgePoints) {
       const transformed = points.map(([x, y]) => transform(x, y));
       this._edgePoints.set(edgeId, transformed);
-      this._edgeControlPoints.set(
-        edgeId,
-        transformed.length > 2 ? transformed.slice(1, -1) : []
-      );
+      this._edgeControlPoints.set(edgeId, transformed.length > 2 ? transformed.slice(1, -1) : []);
     }
 
     for (const [id, position] of this._lockedNodePositions) {

package/src/layouts/experimental/radial-layout.ts

@@ -10,7 +10,10 @@ export type RadialLayoutProps = GraphLayoutProps & {
   tree?: any;
 };
 
-const getTreeNode = (nodeId: string, nodeMap: Record<string, {children?: string[]; isLeaf?: boolean}>) => {
+const getTreeNode = (
+  nodeId: string,
+  nodeMap: Record<string, {children?: string[]; isLeaf?: boolean}>
+) => {
   const node = nodeMap[nodeId];
   if (node) {
     return node;

package/src/layouts/simple-layout.ts

@@ -35,7 +35,7 @@ export class SimpleLayout extends GraphLayout<SimpleLayoutProps> {
     this._notifyLayoutComplete();
   }
 
-  stop() : void {}
+  stop(): void {}
 
   update(): void {
     this._notifyLayoutComplete();
@@ -50,7 +50,10 @@ export class SimpleLayout extends GraphLayout<SimpleLayoutProps> {
     const nodes = Array.from(graph.getNodes());
     this._nodeMap = new Map(nodes.map((node) => [node.getId(), node]));
     this._nodePositionMap = new Map(
-      nodes.map((node) => [node.getId(), this._normalizePosition(this.props.nodePositionAccessor(node))])
+      nodes.map((node) => [
+        node.getId(),
+        this._normalizePosition(this.props.nodePositionAccessor(node))
+      ])
     );
   }
 
@@ -63,7 +66,7 @@ export class SimpleLayout extends GraphLayout<SimpleLayoutProps> {
       return [0, 0] as [number, number];
     }
     const position = this._nodePositionMap.get(node.getId());
-    return position ?? [0, 0] as [number, number];
+    return position ?? ([0, 0] as [number, number]);
   };
 
   getEdgePosition = (edge: EdgeInterface) => {
@@ -91,7 +94,6 @@ export class SimpleLayout extends GraphLayout<SimpleLayoutProps> {
     this._onLayoutDone();
   }
 
-
   protected override _updateBounds(): void {
     const positions = Array.from(this._nodePositionMap.values(), (position) =>
       this._normalizePosition(position)

package/src/loaders/dot-graph-loader.ts

@@ -55,13 +55,12 @@ export type DOTGraphLoaderMetadata = {
 
 export type DOTGraphLoaderOptions = LoaderOptions & {
   dot?: {
-   version?: number;
+    version?: number;
   };
 };
 
 export type DOTGraphParserOptions = NonNullable<DOTGraphLoaderOptions['dot']>;
 
-
 export const DOTGraphLoader = {
   dataType: null as unknown as ArrowGraphData,
   batchType: null as never,
@@ -89,7 +88,6 @@ export const DOTGraphLoader = {
   }
 } as const satisfies LoaderWithParser<ArrowGraphData, never, DOTGraphLoaderOptions>;
 
-
 export function loadDOTGraph(dot: string, options: DOTGraphParserOptions = {}): ArrowGraphData {
   const parsed = parseDOT(dot);
   return buildArrowGraphData(parsed, options);
@@ -121,7 +119,9 @@ function buildArrowGraphData(
   for (const node of parsed.nodes.values()) {
     const attributes: DOTAttributeMap = {...node.attributes};
     if (node.subgraphs.size > 0) {
-      attributes.subgraphs = Array.from(node.subgraphs, (id) => describeSubgraph(id, subgraphDescriptors));
+      attributes.subgraphs = Array.from(node.subgraphs, (id) =>
+        describeSubgraph(id, subgraphDescriptors)
+      );
     }
     builder.addNode({
       id: node.id,
@@ -428,7 +428,11 @@ class DOTParser {
       graphAttributes: {}
     };
     this.scopes.push(context);
-    this.result.subgraphs.set(subgraphId, {id: subgraphId, attributes: context.graphAttributes, parentId});
+    this.result.subgraphs.set(subgraphId, {
+      id: subgraphId,
+      attributes: context.graphAttributes,
+      parentId
+    });
 
     let shouldContinue = true;
     while (shouldContinue) {
@@ -702,7 +706,10 @@ function readQuotedString(input: string, startIndex: number): {value: string; ne
   throw new Error('Unterminated string literal in DOT source.');
 }
 
-function readEscapedCharacter(input: string, startIndex: number): {value: string; nextIndex: number} {
+function readEscapedCharacter(
+  input: string,
+  startIndex: number
+): {value: string; nextIndex: number} {
   const next = input[startIndex];
   switch (next) {
     case 'n':
@@ -807,7 +814,12 @@ function isIdentifierLike(token: Token): boolean {
 }
 
 function isStructuralToken(token: Token): boolean {
-  return token.type === 'lbrace' || token.type === 'rbrace' || token.type === 'lbrack' || token.type === 'rbrack';
+  return (
+    token.type === 'lbrace' ||
+    token.type === 'rbrace' ||
+    token.type === 'lbrack' ||
+    token.type === 'rbrack'
+  );
 }
 
 function parseIdentifierValue(token: Token): string {

package/src/loaders/json-graph-loader.ts

@@ -12,8 +12,7 @@ import type {PlainGraphData} from '../graph-data/graph-data';
 const VERSION = typeof __VERSION__ !== 'undefined' ? __VERSION__ : 'latest';
 
 export type JSONGraphLoaderOptions = LoaderOptions & {
-  jsongraph?: {
-  };
+  jsongraph?: {};
 };
 
 export type JSONGraphParserOptions = NonNullable<JSONGraphLoaderOptions['jsongraph']>;
@@ -31,15 +30,14 @@ export const JSONGraphLoader = {
   mimeTypes: ['application/json'],
   text: true,
   options: {
-    'jsongraph': {
-    }
+    jsongraph: {}
   },
 
   parse: async (arrayBuffer: ArrayBuffer, options?: JSONGraphLoaderOptions) => {
     const text = new TextDecoder().decode(arrayBuffer);
     return Promise.resolve(JSONGraphLoader.parseTextSync(text, options));
   },
-  
+
   parseTextSync: (text: string, options?: JSONGraphLoaderOptions) => {
     // const parseOptions = {...JSONGraphLoader.options.jsongraph, ...options?.jsongraph};
     throw new Error('JSONGraphLoader.parseTextSync not implemented');

package/src/loaders/parsers/parse-json-graph.ts

@@ -84,7 +84,8 @@ function parseNodes(
         state: parsed.state ?? (attributes.state as NodeState | undefined),
         selectable: parsed.selectable ?? (attributes.selectable as boolean | undefined),
         highlightConnectedEdges:
-          parsed.highlightConnectedEdges ?? (attributes.highlightConnectedEdges as boolean | undefined),
+          parsed.highlightConnectedEdges ??
+          (attributes.highlightConnectedEdges as boolean | undefined),
         label: parsed.label ?? (attributes.label as string | undefined),
         weight: parsed.weight ?? (attributes.weight as number | undefined),
         attributes

package/src/style/graph-layer-stylesheet.ts

@@ -44,11 +44,13 @@ export type NormalizedGraphLayerStylesheet = {
 
 export const DEFAULT_GRAPH_LAYER_STYLESHEET_INPUT: GraphLayerStylesheet = {
   nodes: [],
-  edges: [{
-    type: 'edge',
-    stroke: 'black',
-    strokeWidth: 1
-  }]
+  edges: [
+    {
+      type: 'edge',
+      stroke: 'black',
+      strokeWidth: 1
+    }
+  ]
 };
 
 const DEFAULT_EDGE_STYLE: GraphLayerEdgeStyle = {
@@ -86,16 +88,14 @@ export function normalizeGraphLayerStylesheet({
   const edgeEntries = Array.isArray(resolvedEdgeStyles)
     ? resolvedEdgeStyles
     : resolvedEdgeStyles
-    ? [resolvedEdgeStyles]
-    : DEFAULT_GRAPH_LAYER_STYLESHEET.edges;
-
-  const edges: GraphLayerEdgeStyle[] = (edgeEntries)
-    .filter(Boolean)
-    .map((edgeStyleEntry) => ({
-      ...edgeStyleEntry,
-      type: ((edgeStyleEntry).type ?? 'edge'),
-      decorators: (edgeStyleEntry).decorators ?? []
-    })) as GraphLayerEdgeStyle[];
+      ? [resolvedEdgeStyles]
+      : DEFAULT_GRAPH_LAYER_STYLESHEET.edges;
+
+  const edges: GraphLayerEdgeStyle[] = edgeEntries.filter(Boolean).map((edgeStyleEntry) => ({
+    ...edgeStyleEntry,
+    type: edgeStyleEntry.type ?? 'edge',
+    decorators: edgeStyleEntry.decorators ?? []
+  })) as GraphLayerEdgeStyle[];
 
   return {
     nodes,

package/src/style/graph-style-engine.ts

@@ -2,7 +2,7 @@
 // SPDX-License-Identifier: MIT
 // Copyright (c) vis.gl contributors
 
-/* eslint-disable no-continue */  
+/* eslint-disable no-continue */
 
 import {ZodError, type ZodIssue} from 'zod';
 
@@ -103,7 +103,9 @@ function sanitizeStylesheet(
   }
 
   const fallbackTypeCandidate =
-    typeof (style as {type?: unknown}).type === 'string' ? (style as {type: string}).type : undefined;
+    typeof (style as {type?: unknown}).type === 'string'
+      ? (style as {type: string}).type
+      : undefined;
   const fallbackCandidates = Array.from(
     new Set(
       [fallbackTypeCandidate, 'edge'].filter(
@@ -134,7 +136,7 @@ function sanitizeStylesheet(
       if (rootKey === undefined || rootKey === 'type') {
         continue;
       }
-    
+
       if (typeof rootKey === 'string' && rootKey.startsWith(':')) {
         removeNestedProperty(sanitized, path);
         continue;
@@ -178,7 +180,10 @@ function cloneValue<T>(value: T): T {
 }
 
 // eslint-disable-next-line max-statements, complexity
-function removeNestedProperty(target: Record<string, unknown> | unknown[], path: (string | number)[]) {
+function removeNestedProperty(
+  target: Record<string, unknown> | unknown[],
+  path: (string | number)[]
+) {
   if (path.length === 0) {
     return;
   }

package/src/style/graph-stylesheet-schema.ts

@@ -71,7 +71,10 @@ export type GraphStyleScale = z.infer<typeof GraphStyleScaleSchema>;
 export const GraphStyleAttributeReferenceSchema = z.union([
   z
     .string()
-    .regex(/^@.+/, 'Attribute reference strings must start with "@" and include an attribute name.'),
+    .regex(
+      /^@.+/,
+      'Attribute reference strings must start with "@" and include an attribute name.'
+    ),
   z
     .object({
       attribute: z.string().min(1, 'Attribute name is required.'),
@@ -116,17 +119,13 @@ export const GraphStyleStateMapSchema = z.record(
 /**
  * Style value that may be either a simple leaf value or a keyed map of overrides.
  */
-export const GraphStyleValueSchema = z.union([
-  GraphStyleLeafValueSchema,
-  GraphStyleStateMapSchema
-]);
+export const GraphStyleValueSchema = z.union([GraphStyleLeafValueSchema, GraphStyleStateMapSchema]);
 
 /**
  * Parsed style property value that may include state overrides.
  */
 export type GraphStyleValue = z.infer<typeof GraphStyleValueSchema>;
 
-
 export type GraphStyleType = keyof typeof GRAPH_DECKGL_ACCESSOR_MAP;
 
 /**
@@ -136,10 +135,7 @@ export type GraphStyleSelector = `:${string}`;
 
 const GraphStyleSelectorKeySchema = z.string().regex(/^:[^\s]+/, 'Selectors must start with ":".');
 
-function createSelectorRefinement(
-  allowedKeys: readonly string[],
-  propertiesSchema: ZodTypeAny
-) {
+function createSelectorRefinement(allowedKeys: readonly string[], propertiesSchema: ZodTypeAny) {
   const allowedKeySet = new Set<string>(allowedKeys);
 
   return (value: unknown, ctx: z.RefinementCtx) => {
@@ -201,9 +197,7 @@ const CircleStylesheetSchema = z
     ...CircleShape
   })
   .catchall(z.unknown())
-  .superRefine(
-    createSelectorRefinement(Object.keys(CircleShape), CirclePropertiesSchema)
-  );
+  .superRefine(createSelectorRefinement(Object.keys(CircleShape), CirclePropertiesSchema));
 
 const RectangleShape = {
   offset: GraphStyleValueSchema.optional(),
@@ -223,12 +217,7 @@ const RectangleStylesheetSchema = z
     ...RectangleShape
   })
   .catchall(z.unknown())
-  .superRefine(
-    createSelectorRefinement(
-      Object.keys(RectangleShape),
-      RectanglePropertiesSchema
-    )
-  );
+  .superRefine(createSelectorRefinement(Object.keys(RectangleShape), RectanglePropertiesSchema));
 
 const RoundedRectangleShape = {
   offset: GraphStyleValueSchema.optional(),
@@ -242,10 +231,7 @@ const RoundedRectangleShape = {
   strokeWidth: GraphStyleValueSchema.optional()
 } as const;
 
-const RoundedRectanglePropertiesSchema = z
-  .object(RoundedRectangleShape)
-  .partial()
-  .strict();
+const RoundedRectanglePropertiesSchema = z.object(RoundedRectangleShape).partial().strict();
 
 const RoundedRectangleStylesheetSchema = z
   .object({
@@ -254,10 +240,7 @@ const RoundedRectangleStylesheetSchema = z
   })
   .catchall(z.unknown())
   .superRefine(
-    createSelectorRefinement(
-      Object.keys(RoundedRectangleShape),
-      RoundedRectanglePropertiesSchema
-    )
+    createSelectorRefinement(Object.keys(RoundedRectangleShape), RoundedRectanglePropertiesSchema)
   );
 
 const PathRoundedRectangleShape = {
@@ -271,10 +254,7 @@ const PathRoundedRectangleShape = {
   cornerRadius: GraphStyleValueSchema.optional()
 } as const;
 
-const PathRoundedRectanglePropertiesSchema = z
-  .object(PathRoundedRectangleShape)
-  .partial()
-  .strict();
+const PathRoundedRectanglePropertiesSchema = z.object(PathRoundedRectangleShape).partial().strict();
 
 const PathRoundedRectangleStylesheetSchema = z
   .object({
@@ -312,9 +292,7 @@ const LabelStylesheetSchema = z
     ...LabelShape
   })
   .catchall(z.unknown())
-  .superRefine(
-    createSelectorRefinement(Object.keys(LabelShape), LabelPropertiesSchema)
-  );
+  .superRefine(createSelectorRefinement(Object.keys(LabelShape), LabelPropertiesSchema));
 
 const MarkerShape = {
   offset: GraphStyleValueSchema.optional(),
@@ -333,9 +311,7 @@ const MarkerStylesheetSchema = z
     ...MarkerShape
   })
   .catchall(z.unknown())
-  .superRefine(
-    createSelectorRefinement(Object.keys(MarkerShape), MarkerPropertiesSchema)
-  );
+  .superRefine(createSelectorRefinement(Object.keys(MarkerShape), MarkerPropertiesSchema));
 
 const EdgeUpperShape = {
   stroke: GraphStyleValueSchema.optional(),
@@ -350,12 +326,7 @@ const EdgeUpperStylesheetSchema = z
     ...EdgeUpperShape
   })
   .catchall(z.unknown())
-  .superRefine(
-    createSelectorRefinement(
-      Object.keys(EdgeUpperShape),
-      EdgeUpperPropertiesSchema
-    )
-  );
+  .superRefine(createSelectorRefinement(Object.keys(EdgeUpperShape), EdgeUpperPropertiesSchema));
 
 const EdgeLowerShape = {
   stroke: GraphStyleValueSchema.optional(),
@@ -370,12 +341,7 @@ const EdgeLowerStylesheetSchema = z
     ...EdgeLowerShape
   })
   .catchall(z.unknown())
-  .superRefine(
-    createSelectorRefinement(
-      Object.keys(EdgeLowerShape),
-      EdgeLowerPropertiesSchema
-    )
-  );
+  .superRefine(createSelectorRefinement(Object.keys(EdgeLowerShape), EdgeLowerPropertiesSchema));
 
 const EdgeLabelShape = {
   color: GraphStyleValueSchema.optional(),
@@ -397,12 +363,7 @@ const EdgeLabelStylesheetSchema = z
     ...EdgeLabelShape
   })
   .catchall(z.unknown())
-  .superRefine(
-    createSelectorRefinement(
-      Object.keys(EdgeLabelShape),
-      EdgeLabelPropertiesSchema
-    )
-  );
+  .superRefine(createSelectorRefinement(Object.keys(EdgeLabelShape), EdgeLabelPropertiesSchema));
 
 const FlowShape = {
   color: GraphStyleValueSchema.optional(),
@@ -419,9 +380,7 @@ const FlowStylesheetSchema = z
     ...FlowShape
   })
   .catchall(z.unknown())
-  .superRefine(
-    createSelectorRefinement(Object.keys(FlowShape), FlowPropertiesSchema)
-  );
+  .superRefine(createSelectorRefinement(Object.keys(FlowShape), FlowPropertiesSchema));
 
 const ArrowShape = {
   color: GraphStyleValueSchema.optional(),
@@ -437,9 +396,7 @@ const ArrowStylesheetSchema = z
     ...ArrowShape
   })
   .catchall(z.unknown())
-  .superRefine(
-    createSelectorRefinement(Object.keys(ArrowShape), ArrowPropertiesSchema)
-  );
+  .superRefine(createSelectorRefinement(Object.keys(ArrowShape), ArrowPropertiesSchema));
 
 const GraphNodeStylesheetVariants = [
   CircleStylesheetSchema,
@@ -458,10 +415,7 @@ const GraphEdgeStylesheetVariants = [
   ArrowStylesheetSchema
 ];
 
-const GraphStyleRuleVariants = [
-  ...GraphNodeStylesheetVariants,
-  ...GraphEdgeStylesheetVariants
-];
+const GraphStyleRuleVariants = [...GraphNodeStylesheetVariants, ...GraphEdgeStylesheetVariants];
 
 type GraphStyleRuleVariantSchema = (typeof GraphStyleRuleVariants)[number];
 
@@ -470,10 +424,7 @@ type GraphStyleRuleVariantSchema = (typeof GraphStyleRuleVariants)[number];
  */
 export const GraphStyleRuleSchema = z.discriminatedUnion(
   'type',
-  GraphStyleRuleVariants as [
-    GraphStyleRuleVariantSchema,
-    ...GraphStyleRuleVariantSchema[]
-  ]
+  GraphStyleRuleVariants as [GraphStyleRuleVariantSchema, ...GraphStyleRuleVariantSchema[]]
 );
 
 /**
@@ -493,17 +444,18 @@ const GraphNodeStyleRuleSchema = z.discriminatedUnion(
   ]
 );
 
-const GraphEdgeDecoratorRuleSchema = z.discriminatedUnion(
-  'type',
-  [EdgeLabelStylesheetSchema, FlowStylesheetSchema, ArrowStylesheetSchema] as [
-    typeof EdgeLabelStylesheetSchema,
-    typeof FlowStylesheetSchema,
-    typeof ArrowStylesheetSchema,
-    ...Array<
-      typeof EdgeLabelStylesheetSchema | typeof FlowStylesheetSchema | typeof ArrowStylesheetSchema
-    >
-  ]
-);
+const GraphEdgeDecoratorRuleSchema = z.discriminatedUnion('type', [
+  EdgeLabelStylesheetSchema,
+  FlowStylesheetSchema,
+  ArrowStylesheetSchema
+] as [
+  typeof EdgeLabelStylesheetSchema,
+  typeof FlowStylesheetSchema,
+  typeof ArrowStylesheetSchema,
+  ...Array<
+    typeof EdgeLabelStylesheetSchema | typeof FlowStylesheetSchema | typeof ArrowStylesheetSchema
+  >
+]);
 
 const EdgeUpperWithDecoratorsSchema = EdgeUpperStylesheetSchema.safeExtend({
   decorators: z.array(GraphEdgeDecoratorRuleSchema).optional()

package/src/style/style-property.ts

@@ -154,7 +154,6 @@ type SupportedScale =
   | ReturnType<typeof scaleLinear>
   | ReturnType<typeof scaleLog>
   | ReturnType<typeof scalePow>
-   
   | ReturnType<typeof scaleQuantize>
   | ReturnType<typeof scaleQuantile>
   | ReturnType<typeof scaleOrdinal>;
@@ -194,10 +193,18 @@ function createScaleFromConfig(config: GraphStyleScale): SupportedScale {
   if (config.range && 'range' in scale) {
     anyScale.range(config.range as never);
   }
-  if (typeof config.clamp === 'boolean' && 'clamp' in scale && typeof anyScale.clamp === 'function') {
+  if (
+    typeof config.clamp === 'boolean' &&
+    'clamp' in scale &&
+    typeof anyScale.clamp === 'function'
+  ) {
     anyScale.clamp(config.clamp);
   }
-  if (typeof config.nice !== 'undefined' && 'nice' in scale && typeof anyScale.nice === 'function') {
+  if (
+    typeof config.nice !== 'undefined' &&
+    'nice' in scale &&
+    typeof anyScale.nice === 'function'
+  ) {
     anyScale.nice(config.nice as never);
   }
   if (
@@ -273,12 +280,22 @@ function isAttributeReference(value: unknown): value is GraphStyleAttributeRefer
   if (typeof value === 'string') {
     return value.startsWith('@');
   }
-  return Boolean(value) && typeof value === 'object' && !Array.isArray(value) && 'attribute' in (value as Record<string, unknown>);
+  return (
+    Boolean(value) &&
+    typeof value === 'object' &&
+    !Array.isArray(value) &&
+    'attribute' in (value as Record<string, unknown>)
+  );
 }
 
 /** Determine whether a style value maps interaction states. */
 function isStatefulValue(value: unknown): value is Record<string, GraphStyleLeafValue> {
-  return Boolean(value) && typeof value === 'object' && !Array.isArray(value) && !isAttributeReference(value);
+  return (
+    Boolean(value) &&
+    typeof value === 'object' &&
+    !Array.isArray(value) &&
+    !isAttributeReference(value)
+  );
 }
 
 /** Resolve an attribute from a datum or `Graph` entity. */
@@ -424,7 +441,9 @@ function createStatefulAccessor(
   }
 
   const defaultValue =
-    typeof valueMap.default !== 'undefined' ? valueMap.default : parseLeafValue(key, undefined).value;
+    typeof valueMap.default !== 'undefined'
+      ? valueMap.default
+      : parseLeafValue(key, undefined).value;
 
   const accessor = (datum: any) => {
     const stateValue = datum?.state ? valueMap[datum.state] : undefined;
@@ -460,11 +479,7 @@ export class StyleProperty {
     this._updateTrigger = false;
 
     if (isStatefulValue(value)) {
-      const {accessor, updateTrigger: triggers} = createStatefulAccessor(
-        key,
-        value,
-        updateTrigger
-      );
+      const {accessor, updateTrigger: triggers} = createStatefulAccessor(key, value, updateTrigger);
       this._value = accessor;
       this._valueType = VALUE_TYPE.ACCESSOR;
       this._updateTrigger = triggers;