@neo4j-ndl/react-graph 1.5.6 → 2.0.0

package/lib/cjs/styling/style-types.js

@@ -20,7 +20,7 @@
  *  along with this program.  If not, see <http://www.gnu.org/licenses/>.
  */
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.StyleRuleSchema = exports.StyleSchema = exports.RelWidthRangeSchema = exports.NodeSizeRangeSchema = exports.ColorRangeSchema = exports.NvlCaptionSchema = exports.CaptionVariationSchema = exports.CaptionValueSchema = exports.WhereSchema = exports.ValueSchema = exports.CypherValueSchema = exports.MatchSchema = exports.SelectorSchema = void 0;
+exports.GraphStyleRuleSchema = exports.StyleSchema = exports.UniqueColorsSchema = exports.WidthRangeSchema = exports.SizeRangeSchema = exports.ColorRangeSchema = exports.NvlCaptionSchema = exports.CaptionVariationSchema = exports.CaptionValueSchema = exports.WhereSchema = exports.ValueSchema = exports.CypherValueSchema = exports.MatchSchema = exports.SelectorSchema = void 0;
 exports.pickConsumerNodeStyles = pickConsumerNodeStyles;
 exports.pickConsumerRelationshipStyles = pickConsumerRelationshipStyles;
 const zod_1 = require("zod");
@@ -92,6 +92,12 @@ exports.NvlCaptionSchema = zod_1.z.object({
     value: exports.CaptionValueSchema.optional(),
     key: zod_1.z.string().optional(),
 });
+const CaptionsSchema = zod_1.z.object({
+    text: zod_1.z.array(exports.NvlCaptionSchema).optional(),
+    align: zod_1.z.enum(['top', 'bottom', 'center']).optional(),
+    size: zod_1.z.number().optional(),
+    isDisabled: zod_1.z.boolean().optional(),
+});
 /**
  * OverlayIcon from NVL - icon displayed on top of a graph element
  * @see @neo4j-nvl/base Node.overlayIcon
@@ -100,6 +106,7 @@ const NvlOverlayIconSchema = zod_1.z.object({
     url: zod_1.z.string(),
     position: zod_1.z.array(zod_1.z.number()).optional(),
     size: zod_1.z.number().optional(),
+    isDisabled: zod_1.z.boolean().optional(),
 });
 /**
  * Gradient coloring based on a continuous numeric property value.
@@ -115,52 +122,86 @@ exports.ColorRangeSchema = zod_1.z.object({
     maxColor: zod_1.z.string(),
     midValue: zod_1.z.number().optional(),
     midColor: zod_1.z.string().optional(),
+    isDisabled: zod_1.z.boolean().optional(),
 });
 /**
  * Size interpolation for nodes based on a continuous numeric property value.
  * Maps a property value in [minValue, maxValue] to a size in [minSize, maxSize].
- * If the property is missing or non-numeric, nodeSizeRange is silently ignored —
+ * If the property is missing or non-numeric, sizeRange is silently ignored —
  * other style properties still apply.
  */
-exports.NodeSizeRangeSchema = zod_1.z.object({
+exports.SizeRangeSchema = zod_1.z.object({
     onProperty: zod_1.z.string(),
     minValue: zod_1.z.number(),
     maxValue: zod_1.z.number(),
     minSize: zod_1.z.number(),
     maxSize: zod_1.z.number(),
+    isDisabled: zod_1.z.boolean().optional(),
 });
 /**
  * Width interpolation for relationships based on a continuous numeric property value.
  * Maps a property value in [minValue, maxValue] to a width in [minWidth, maxWidth].
- * If the property is missing or non-numeric, relWidthRange is silently ignored —
+ * If the property is missing or non-numeric, widthRange is silently ignored —
  * other style properties still apply.
  */
-exports.RelWidthRangeSchema = zod_1.z.object({
+exports.WidthRangeSchema = zod_1.z.object({
     onProperty: zod_1.z.string(),
     minValue: zod_1.z.number(),
     maxValue: zod_1.z.number(),
     minWidth: zod_1.z.number(),
     maxWidth: zod_1.z.number(),
+    isDisabled: zod_1.z.boolean().optional(),
+});
+/**
+ * Assigns a unique color per distinct value of a property.
+ * Colors are assigned in first-come, first-served order from a categorical palette.
+ * If the property is missing or null, uniqueColors is silently ignored —
+ * other style properties still apply.
+ */
+exports.UniqueColorsSchema = zod_1.z.object({
+    onProperty: zod_1.z.string(),
+    isDisabled: zod_1.z.boolean().optional(),
+});
+const ColorSchema = zod_1.z.object({
+    value: zod_1.z.string(),
+    isDisabled: zod_1.z.boolean().optional(),
+});
+const IconSchema = zod_1.z.object({
+    value: zod_1.z.string(),
+    isDisabled: zod_1.z.boolean().optional(),
+});
+const SizeSchema = zod_1.z.object({
+    value: zod_1.z.number(),
+    isDisabled: zod_1.z.boolean().optional(),
+});
+const WidthSchema = zod_1.z.object({
+    value: zod_1.z.number(),
+    isDisabled: zod_1.z.boolean().optional(),
 });
 exports.StyleSchema = zod_1.z.object({
-    captionAlign: zod_1.z.enum(['top', 'bottom', 'center']).optional(),
-    captionSize: zod_1.z.number().optional(),
-    captions: zod_1.z.array(exports.NvlCaptionSchema).optional(),
-    color: zod_1.z.string().optional(),
+    captions: CaptionsSchema.optional(),
+    color: ColorSchema.optional(),
     colorRange: exports.ColorRangeSchema.optional(),
-    icon: zod_1.z.string().optional(),
-    nodeSizeRange: exports.NodeSizeRangeSchema.optional(),
+    icon: IconSchema.optional(),
+    sizeRange: exports.SizeRangeSchema.optional(),
     overlayIcon: NvlOverlayIconSchema.optional(),
-    relWidthRange: exports.RelWidthRangeSchema.optional(),
-    size: zod_1.z.number().optional(),
-    width: zod_1.z.number().optional(),
+    widthRange: exports.WidthRangeSchema.optional(),
+    size: SizeSchema.optional(),
+    uniqueColors: exports.UniqueColorsSchema.optional(),
+    width: WidthSchema.optional(),
 });
-exports.StyleRuleSchema = zod_1.z.object({
+/**
+ * metaData is an free-form object that can be used to store additional information about a style rule.
+ * The data is not taken into account when evaluationg the rule.
+ */
+const metaDataSchema = zod_1.z.record(zod_1.z.string(), zod_1.z.unknown());
+exports.GraphStyleRuleSchema = zod_1.z.object({
     match: exports.MatchSchema,
     where: exports.WhereSchema.optional(),
     apply: exports.StyleSchema,
-    disabled: zod_1.z.boolean().optional(),
+    isDisabled: zod_1.z.boolean().optional(),
     priority: zod_1.z.number().nonnegative().optional(),
+    metaData: metaDataSchema.optional(),
 });
 const NODE_STYLE_KEYS = [
     'color',

package/lib/cjs/styling/style-types.js.map

@@ -1 +1 @@
-{"version":3,"file":"style-types.js","sourceRoot":"","sources":["../../../src/styling/style-types.ts"],"names":[],"mappings":"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","sourcesContent":["/**\n *\n *  Copyright (c) \"Neo4j\"\n *  Neo4j Sweden AB [http://neo4j.com]\n *\n *  This file is part of Neo4j.\n *\n *  Neo4j is free software: you can redistribute it and/or modify\n *  it under the terms of the GNU General Public License as published by\n *  the Free Software Foundation, either version 3 of the License, or\n *  (at your option) any later version.\n *\n *  This program is distributed in the hope that it will be useful,\n *  but WITHOUT ANY WARRANTY; without even the implied warranty of\n *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the\n *  GNU General Public License for more details.\n *\n *  You should have received a copy of the GNU General Public License\n *  along with this program.  If not, see <http://www.gnu.org/licenses/>.\n */\n\nimport { type Node, type Relationship } from '@neo4j-nvl/base';\nimport { z } from 'zod';\n\n/*\n * Style types defined in Zod, so that we can use the schemas to generate JSON Schema.\n * This is useful for generating documentation, importing and for future integration into editors.\n *\n * Some simple examples of rules:\n * - Match all nodes with label \"Person\" and apply red color\n *  { match: { label: \"Person\" }, apply: { color: \"red\" } }\n *\n * - Match all relationships with type \"KNOWS\" which have the property \"name\" equal to \"John\" and apply width 10\n *  { match: { reltype: \"KNOWS\" }, where: { equal: [{ property: \"name\" }, \"John\"] }, apply: { width: 10 } }\n */\n\n// Selector schemas. This is what can go under the `match` key.\nconst LabelSelectorSchema = z.object({\n  label: z.string().nullable(),\n});\n\nconst ReltypeSelectorSchema = z.object({\n  reltype: z.string().nullable(),\n});\n\nconst PropertySelectorSchema = z.object({\n  property: z.string(),\n});\n\nexport const SelectorSchema = z.union([\n  LabelSelectorSchema,\n  ReltypeSelectorSchema,\n  PropertySelectorSchema,\n]);\ntype Selector = z.infer<typeof SelectorSchema>;\n\nexport const MatchSchema = z.union([\n  LabelSelectorSchema,\n  ReltypeSelectorSchema,\n  PropertySelectorSchema,\n]);\n\n// Schemas for the values that can go under the `where` key. Starts with defining the literal values.\nexport const CypherValueSchema = z.union([\n  z.string(),\n  z.number(),\n  z.boolean(),\n  z.null(),\n]);\nexport type CypherValue = z.infer<typeof CypherValueSchema>;\n\nexport const ValueSchema = z\n  .union([SelectorSchema, CypherValueSchema])\n  .describe(\n    'Either a property/label/reltype selector (e.g., {property: \"name\"}) or a literal value (string, number, boolean, null).',\n  );\nexport type Value = z.infer<typeof ValueSchema>;\n\n/**\n * Where clause - recursive type for conditional expressions\n * The type is manually defined for the export, since zod doesn't support exporting inferred recursive types.\n */\n\nexport type Where =\n  // Selector is useful for finding nodes with multiple labels.\n  // for example: {match: {label: \"Person\"}, where: {label: \"Actor\"}}\n  // matches nodes with label Person AND Actor\n  | Selector\n  | { not: Where }\n  | { and: Where[] }\n  | { or: Where[] }\n  | { equal: [Value, Value] }\n  | { lessThan: [Value, Value] }\n  | { lessThanOrEqual: [Value, Value] }\n  | { greaterThan: [Value, Value] }\n  | { greaterThanOrEqual: [Value, Value] }\n  | { contains: [Value, Value] }\n  | { startsWith: [Value, Value] }\n  | { endsWith: [Value, Value] }\n\n  // Null check matching Cypher's IS NULL\n  // Returns true/false (not null), making it safe for null checking\n  // Use { not: { isNull: ... } } for IS NOT NULL\n  // @see https://neo4j.com/docs/cypher-manual/current/values-and-types/working-with-null/\n  | { isNull: Value };\n\nexport const WhereSchema: z.ZodType<Where> = z.lazy(() =>\n  z.union([\n    SelectorSchema,\n    z.object({ not: WhereSchema }),\n    z.object({ and: z.array(WhereSchema) }),\n    z.object({ or: z.array(WhereSchema) }),\n    z.object({ equal: z.tuple([ValueSchema, ValueSchema]) }),\n    z.object({ lessThan: z.tuple([ValueSchema, ValueSchema]) }),\n    z.object({ lessThanOrEqual: z.tuple([ValueSchema, ValueSchema]) }),\n    z.object({ greaterThan: z.tuple([ValueSchema, ValueSchema]) }),\n    z.object({ greaterThanOrEqual: z.tuple([ValueSchema, ValueSchema]) }),\n    z.object({ contains: z.tuple([ValueSchema, ValueSchema]) }),\n    z.object({ startsWith: z.tuple([ValueSchema, ValueSchema]) }),\n    z.object({ endsWith: z.tuple([ValueSchema, ValueSchema]) }),\n    z.object({ isNull: ValueSchema }),\n  ]),\n);\n\n// Schemas that go under the `apply` key.\nexport const CaptionValueSchema = z.union([\n  z.string(),\n  z.object({ property: z.string() }),\n  z.object({ useType: z.literal(true) }),\n]);\nexport type CaptionValue = z.infer<typeof CaptionValueSchema>;\n\nexport const CaptionVariationSchema = z.enum(['bold', 'italic', 'underline']);\nexport type CaptionVariation = z.infer<typeof CaptionVariationSchema>;\n\nexport const NvlCaptionSchema = z.object({\n  styles: z.array(z.string()).optional(),\n  value: CaptionValueSchema.optional(),\n  key: z.string().optional(),\n});\nexport type Caption = z.infer<typeof NvlCaptionSchema>;\n\n/**\n * OverlayIcon from NVL - icon displayed on top of a graph element\n * @see @neo4j-nvl/base Node.overlayIcon\n */\nconst NvlOverlayIconSchema = z.object({\n  url: z.string(),\n  position: z.array(z.number()).optional(),\n  size: z.number().optional(),\n});\n\n/**\n * Gradient coloring based on a continuous numeric property value.\n * Colors must be a standard hex string (#rrggbb).\n * If the property is missing, non-numeric, or any color is invalid, the\n * colorRange is silently ignored — other style properties still apply.\n */\nexport const ColorRangeSchema = z.object({\n  onProperty: z.string(),\n  minValue: z.number(),\n  minColor: z.string(),\n  maxValue: z.number(),\n  maxColor: z.string(),\n  midValue: z.number().optional(),\n  midColor: z.string().optional(),\n});\nexport type ColorRange = z.infer<typeof ColorRangeSchema>;\n\n/**\n * Size interpolation for nodes based on a continuous numeric property value.\n * Maps a property value in [minValue, maxValue] to a size in [minSize, maxSize].\n * If the property is missing or non-numeric, nodeSizeRange is silently ignored —\n * other style properties still apply.\n */\nexport const NodeSizeRangeSchema = z.object({\n  onProperty: z.string(),\n  minValue: z.number(),\n  maxValue: z.number(),\n  minSize: z.number(),\n  maxSize: z.number(),\n});\nexport type NodeSizeRange = z.infer<typeof NodeSizeRangeSchema>;\n\n/**\n * Width interpolation for relationships based on a continuous numeric property value.\n * Maps a property value in [minValue, maxValue] to a width in [minWidth, maxWidth].\n * If the property is missing or non-numeric, relWidthRange is silently ignored —\n * other style properties still apply.\n */\nexport const RelWidthRangeSchema = z.object({\n  onProperty: z.string(),\n  minValue: z.number(),\n  maxValue: z.number(),\n  minWidth: z.number(),\n  maxWidth: z.number(),\n});\nexport type RelWidthRange = z.infer<typeof RelWidthRangeSchema>;\n\nexport const StyleSchema = z.object({\n  captionAlign: z.enum(['top', 'bottom', 'center']).optional(),\n  captionSize: z.number().optional(),\n  captions: z.array(NvlCaptionSchema).optional(),\n  color: z.string().optional(),\n  colorRange: ColorRangeSchema.optional(),\n  icon: z.string().optional(),\n  nodeSizeRange: NodeSizeRangeSchema.optional(),\n  overlayIcon: NvlOverlayIconSchema.optional(),\n  relWidthRange: RelWidthRangeSchema.optional(),\n  size: z.number().optional(),\n  width: z.number().optional(),\n});\nexport type Style = z.infer<typeof StyleSchema>;\n\nexport const StyleRuleSchema = z.object({\n  match: MatchSchema,\n  where: WhereSchema.optional(),\n  apply: StyleSchema,\n  disabled: z.boolean().optional(),\n  priority: z.number().nonnegative().optional(),\n});\nexport type StyleRule = z.infer<typeof StyleRuleSchema>;\n\n// Evaluated style values that NVL expects\ntype NodeStyleKey =\n  | 'icon'\n  | 'overlayIcon'\n  | 'color'\n  | 'size'\n  | 'captions'\n  | 'captionSize'\n  | 'captionAlign';\n\ntype RelStyleKey =\n  | 'width'\n  | 'color'\n  | 'captions'\n  | 'captionSize'\n  | 'captionAlign'\n  | 'overlayIcon';\n\nexport type EvaluatedNvlNodeStyle = Pick<Node, NodeStyleKey>;\nexport type EvaluatedNvlRelationshipStyle = Pick<Relationship, RelStyleKey>;\n\nconst NODE_STYLE_KEYS: readonly NodeStyleKey[] = [\n  'color',\n  'size',\n  'icon',\n  'overlayIcon',\n  'captions',\n  'captionSize',\n  'captionAlign',\n];\n\nconst REL_STYLE_KEYS: readonly RelStyleKey[] = [\n  'color',\n  'width',\n  'captions',\n  'captionSize',\n  'captionAlign',\n  'overlayIcon',\n];\n\n/**\n * Extract consumer-set style properties from a node.\n * Only includes properties that are explicitly defined (not undefined),\n * so they can be spread over rule-derived styles to take precedence.\n */\nexport function pickConsumerNodeStyles(\n  node: Partial<EvaluatedNvlNodeStyle>,\n): Partial<EvaluatedNvlNodeStyle> {\n  const result: Record<string, unknown> = {};\n  for (const key of NODE_STYLE_KEYS) {\n    if (node[key] !== undefined) {\n      result[key] = node[key];\n    }\n  }\n  return result as Partial<EvaluatedNvlNodeStyle>;\n}\n\n/**\n * Extract consumer-set style properties from a relationship.\n * Only includes properties that are explicitly defined (not undefined),\n * so they can be spread over rule-derived styles to take precedence.\n */\nexport function pickConsumerRelationshipStyles(\n  rel: Partial<EvaluatedNvlRelationshipStyle>,\n): Partial<EvaluatedNvlRelationshipStyle> {\n  const result: Record<string, unknown> = {};\n  for (const key of REL_STYLE_KEYS) {\n    if (rel[key] !== undefined) {\n      result[key] = rel[key];\n    }\n  }\n  return result as Partial<EvaluatedNvlRelationshipStyle>;\n}\n"]}
+{"version":3,"file":"style-types.js","sourceRoot":"","sources":["../../../src/styling/style-types.ts"],"names":[],"mappings":"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","sourcesContent":["/**\n *\n *  Copyright (c) \"Neo4j\"\n *  Neo4j Sweden AB [http://neo4j.com]\n *\n *  This file is part of Neo4j.\n *\n *  Neo4j is free software: you can redistribute it and/or modify\n *  it under the terms of the GNU General Public License as published by\n *  the Free Software Foundation, either version 3 of the License, or\n *  (at your option) any later version.\n *\n *  This program is distributed in the hope that it will be useful,\n *  but WITHOUT ANY WARRANTY; without even the implied warranty of\n *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the\n *  GNU General Public License for more details.\n *\n *  You should have received a copy of the GNU General Public License\n *  along with this program.  If not, see <http://www.gnu.org/licenses/>.\n */\n\nimport { type Node, type Relationship } from '@neo4j-nvl/base';\nimport { z } from 'zod';\n\n/*\n * Style types defined in Zod, so that we can use the schemas to generate JSON Schema.\n * This is useful for generating documentation, importing and for future integration into editors.\n *\n * Some simple examples of rules:\n * - Match all nodes with label \"Person\" and apply red color\n *  { match: { label: \"Person\" }, apply: { color: \"red\" } }\n *\n * - Match all relationships with type \"KNOWS\" which have the property \"name\" equal to \"John\" and apply width 10\n *  { match: { reltype: \"KNOWS\" }, where: { equal: [{ property: \"name\" }, \"John\"] }, apply: { width: 10 } }\n */\n\n// Selector schemas. This is what can go under the `match` key.\nconst LabelSelectorSchema = z.object({\n  label: z.string().nullable(),\n});\n\nconst ReltypeSelectorSchema = z.object({\n  reltype: z.string().nullable(),\n});\n\nconst PropertySelectorSchema = z.object({\n  property: z.string(),\n});\n\nexport const SelectorSchema = z.union([\n  LabelSelectorSchema,\n  ReltypeSelectorSchema,\n  PropertySelectorSchema,\n]);\ntype Selector = z.infer<typeof SelectorSchema>;\n\nexport const MatchSchema = z.union([\n  LabelSelectorSchema,\n  ReltypeSelectorSchema,\n  PropertySelectorSchema,\n]);\n\n// Schemas for the values that can go under the `where` key. Starts with defining the literal values.\nexport const CypherValueSchema = z.union([\n  z.string(),\n  z.number(),\n  z.boolean(),\n  z.null(),\n]);\nexport type CypherValue = z.infer<typeof CypherValueSchema>;\n\nexport const ValueSchema = z\n  .union([SelectorSchema, CypherValueSchema])\n  .describe(\n    'Either a property/label/reltype selector (e.g., {property: \"name\"}) or a literal value (string, number, boolean, null).',\n  );\nexport type Value = z.infer<typeof ValueSchema>;\n\n/**\n * Where clause - recursive type for conditional expressions\n * The type is manually defined for the export, since zod doesn't support exporting inferred recursive types.\n */\nexport type Where =\n  // Selector is useful for finding nodes with multiple labels.\n  // for example: {match: {label: \"Person\"}, where: {label: \"Actor\"}}\n  // matches nodes with label Person AND Actor\n  | Selector\n  | { not: Where }\n  | { and: Where[] }\n  | { or: Where[] }\n  | { equal: [Value, Value] }\n  | { lessThan: [Value, Value] }\n  | { lessThanOrEqual: [Value, Value] }\n  | { greaterThan: [Value, Value] }\n  | { greaterThanOrEqual: [Value, Value] }\n  | { contains: [Value, Value] }\n  | { startsWith: [Value, Value] }\n  | { endsWith: [Value, Value] }\n\n  // Null check matching Cypher's IS NULL\n  // Returns true/false (not null), making it safe for null checking\n  // Use { not: { isNull: ... } } for IS NOT NULL\n  // @see https://neo4j.com/docs/cypher-manual/current/values-and-types/working-with-null/\n  | { isNull: Value };\n\nexport const WhereSchema: z.ZodType<Where> = z.lazy(() =>\n  z.union([\n    SelectorSchema,\n    z.object({ not: WhereSchema }),\n    z.object({ and: z.array(WhereSchema) }),\n    z.object({ or: z.array(WhereSchema) }),\n    z.object({ equal: z.tuple([ValueSchema, ValueSchema]) }),\n    z.object({ lessThan: z.tuple([ValueSchema, ValueSchema]) }),\n    z.object({ lessThanOrEqual: z.tuple([ValueSchema, ValueSchema]) }),\n    z.object({ greaterThan: z.tuple([ValueSchema, ValueSchema]) }),\n    z.object({ greaterThanOrEqual: z.tuple([ValueSchema, ValueSchema]) }),\n    z.object({ contains: z.tuple([ValueSchema, ValueSchema]) }),\n    z.object({ startsWith: z.tuple([ValueSchema, ValueSchema]) }),\n    z.object({ endsWith: z.tuple([ValueSchema, ValueSchema]) }),\n    z.object({ isNull: ValueSchema }),\n  ]),\n);\n\n// Schemas that go under the `apply` key.\nexport const CaptionValueSchema = z.union([\n  z.string(),\n  z.object({ property: z.string() }),\n  z.object({ useType: z.literal(true) }),\n]);\nexport type CaptionValue = z.infer<typeof CaptionValueSchema>;\n\nexport const CaptionVariationSchema = z.enum(['bold', 'italic', 'underline']);\nexport type CaptionVariation = z.infer<typeof CaptionVariationSchema>;\n\nexport const NvlCaptionSchema = z.object({\n  styles: z.array(z.string()).optional(),\n  value: CaptionValueSchema.optional(),\n  key: z.string().optional(),\n});\nexport type Caption = z.infer<typeof NvlCaptionSchema>;\n\nconst CaptionsSchema = z.object({\n  text: z.array(NvlCaptionSchema).optional(),\n  align: z.enum(['top', 'bottom', 'center']).optional(),\n  size: z.number().optional(),\n  isDisabled: z.boolean().optional(),\n});\n\n/**\n * OverlayIcon from NVL - icon displayed on top of a graph element\n * @see @neo4j-nvl/base Node.overlayIcon\n */\nconst NvlOverlayIconSchema = z.object({\n  url: z.string(),\n  position: z.array(z.number()).optional(),\n  size: z.number().optional(),\n  isDisabled: z.boolean().optional(),\n});\n\n/**\n * Gradient coloring based on a continuous numeric property value.\n * Colors must be a standard hex string (#rrggbb).\n * If the property is missing, non-numeric, or any color is invalid, the\n * colorRange is silently ignored — other style properties still apply.\n */\nexport const ColorRangeSchema = z.object({\n  onProperty: z.string(),\n  minValue: z.number(),\n  minColor: z.string(),\n  maxValue: z.number(),\n  maxColor: z.string(),\n  midValue: z.number().optional(),\n  midColor: z.string().optional(),\n  isDisabled: z.boolean().optional(),\n});\nexport type ColorRange = z.infer<typeof ColorRangeSchema>;\n\n/**\n * Size interpolation for nodes based on a continuous numeric property value.\n * Maps a property value in [minValue, maxValue] to a size in [minSize, maxSize].\n * If the property is missing or non-numeric, sizeRange is silently ignored —\n * other style properties still apply.\n */\nexport const SizeRangeSchema = z.object({\n  onProperty: z.string(),\n  minValue: z.number(),\n  maxValue: z.number(),\n  minSize: z.number(),\n  maxSize: z.number(),\n  isDisabled: z.boolean().optional(),\n});\nexport type SizeRange = z.infer<typeof SizeRangeSchema>;\n\n/**\n * Width interpolation for relationships based on a continuous numeric property value.\n * Maps a property value in [minValue, maxValue] to a width in [minWidth, maxWidth].\n * If the property is missing or non-numeric, widthRange is silently ignored —\n * other style properties still apply.\n */\nexport const WidthRangeSchema = z.object({\n  onProperty: z.string(),\n  minValue: z.number(),\n  maxValue: z.number(),\n  minWidth: z.number(),\n  maxWidth: z.number(),\n  isDisabled: z.boolean().optional(),\n});\nexport type WidthRange = z.infer<typeof WidthRangeSchema>;\n\n/**\n * Assigns a unique color per distinct value of a property.\n * Colors are assigned in first-come, first-served order from a categorical palette.\n * If the property is missing or null, uniqueColors is silently ignored —\n * other style properties still apply.\n */\nexport const UniqueColorsSchema = z.object({\n  onProperty: z.string(),\n  isDisabled: z.boolean().optional(),\n});\nexport type UniqueColors = z.infer<typeof UniqueColorsSchema>;\n\nconst ColorSchema = z.object({\n  value: z.string(),\n  isDisabled: z.boolean().optional(),\n});\n\nconst IconSchema = z.object({\n  value: z.string(),\n  isDisabled: z.boolean().optional(),\n});\n\nconst SizeSchema = z.object({\n  value: z.number(),\n  isDisabled: z.boolean().optional(),\n});\n\nconst WidthSchema = z.object({\n  value: z.number(),\n  isDisabled: z.boolean().optional(),\n});\n\nexport const StyleSchema = z.object({\n  captions: CaptionsSchema.optional(),\n  color: ColorSchema.optional(),\n  colorRange: ColorRangeSchema.optional(),\n  icon: IconSchema.optional(),\n  sizeRange: SizeRangeSchema.optional(),\n  overlayIcon: NvlOverlayIconSchema.optional(),\n  widthRange: WidthRangeSchema.optional(),\n  size: SizeSchema.optional(),\n  uniqueColors: UniqueColorsSchema.optional(),\n  width: WidthSchema.optional(),\n});\nexport type Style = z.infer<typeof StyleSchema>;\n\n/**\n * metaData is an free-form object that can be used to store additional information about a style rule.\n * The data is not taken into account when evaluationg the rule.\n */\nconst metaDataSchema = z.record(z.string(), z.unknown());\n\nexport const GraphStyleRuleSchema = z.object({\n  match: MatchSchema,\n  where: WhereSchema.optional(),\n  apply: StyleSchema,\n  isDisabled: z.boolean().optional(),\n  priority: z.number().nonnegative().optional(),\n  metaData: metaDataSchema.optional(),\n});\n// exporting this type with the graph prefix for clarity when used in the same context as other rules (grid, chart)\nexport type GraphStyleRule = z.infer<typeof GraphStyleRuleSchema>;\n\nexport type NonStaticStyles =\n  | 'captions'\n  | 'colorRange'\n  | 'sizeRange'\n  | 'widthRange'\n  | 'uniqueColors';\n\ntype NodeStyleKey =\n  | 'icon'\n  | 'overlayIcon'\n  | 'color'\n  | 'size'\n  | 'captions'\n  | 'captionSize'\n  | 'captionAlign';\n\ntype RelStyleKey =\n  | 'width'\n  | 'color'\n  | 'captions'\n  | 'captionSize'\n  | 'captionAlign'\n  | 'overlayIcon';\n\nexport type EvaluatedNvlNodeStyle = Pick<Node, NodeStyleKey>;\nexport type EvaluatedNvlRelationshipStyle = Pick<Relationship, RelStyleKey>;\n\nconst NODE_STYLE_KEYS: readonly NodeStyleKey[] = [\n  'color',\n  'size',\n  'icon',\n  'overlayIcon',\n  'captions',\n  'captionSize',\n  'captionAlign',\n];\n\nconst REL_STYLE_KEYS: readonly RelStyleKey[] = [\n  'color',\n  'width',\n  'captions',\n  'captionSize',\n  'captionAlign',\n  'overlayIcon',\n];\n\n/**\n * Extract consumer-set style properties from a node.\n * Only includes properties that are explicitly defined (not undefined),\n * so they can be spread over rule-derived styles to take precedence.\n */\nexport function pickConsumerNodeStyles(\n  node: Partial<EvaluatedNvlNodeStyle>,\n): Partial<EvaluatedNvlNodeStyle> {\n  const result: Record<string, unknown> = {};\n  for (const key of NODE_STYLE_KEYS) {\n    if (node[key] !== undefined) {\n      result[key] = node[key];\n    }\n  }\n  return result as Partial<EvaluatedNvlNodeStyle>;\n}\n\n/**\n * Extract consumer-set style properties from a relationship.\n * Only includes properties that are explicitly defined (not undefined),\n * so they can be spread over rule-derived styles to take precedence.\n */\nexport function pickConsumerRelationshipStyles(\n  rel: Partial<EvaluatedNvlRelationshipStyle>,\n): Partial<EvaluatedNvlRelationshipStyle> {\n  const result: Record<string, unknown> = {};\n  for (const key of REL_STYLE_KEYS) {\n    if (rel[key] !== undefined) {\n      result[key] = rel[key];\n    }\n  }\n  return result as Partial<EvaluatedNvlRelationshipStyle>;\n}\n"]}

package/lib/cjs/styling/use-graph-data.js

@@ -27,7 +27,7 @@ const create_vis_data_structures_1 = require("./create-vis-data-structures");
 function useGraphData(rawNodes, rawRels, styleRules) {
     // Compile style rules — only re-runs when styleRules changes.
     // Per-type relationship functions are built lazily on first access.
-    const compiledStyleRules = (0, react_1.useMemo)(() => (0, compile_graph_styles_1.compileStyleRules)(styleRules), [styleRules]);
+    const compiledStyleRules = (0, react_1.useMemo)(() => (0, compile_graph_styles_1.compileGraphStyleRules)(styleRules), [styleRules]);
     // Apply styles and build metadata — runs on every data change.
     const { styledGraph, metadataLookup } = (0, react_1.useMemo)(() => (0, create_vis_data_structures_1.createVisualizationDataStructures)(rawNodes, rawRels, compiledStyleRules), [rawNodes, rawRels, compiledStyleRules]);
     return { styledGraph, metadataLookup, compiledStyleRules };

package/lib/cjs/styling/use-graph-data.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-graph-data.js","sourceRoot":"","sources":["../../../src/styling/use-graph-data.ts"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;;;GAmBG;;AASH,oCAoBC;AA3BD,iCAAgC;AAGhC,iEAA2D;AAC3D,6EAAiF;AAGjF,SAAgB,YAAY,CAC1B,QAAmB,EACnB,OAAiB,EACjB,UAAwB;IAExB,8DAA8D;IAC9D,oEAAoE;IACpE,MAAM,kBAAkB,GAAG,IAAA,eAAO,EAChC,GAAG,EAAE,CAAC,IAAA,wCAAiB,EAAC,UAAU,CAAC,EACnC,CAAC,UAAU,CAAC,CACb,CAAC;IAEF,+DAA+D;IAC/D,MAAM,EAAE,WAAW,EAAE,cAAc,EAAE,GAAG,IAAA,eAAO,EAC7C,GAAG,EAAE,CACH,IAAA,8DAAiC,EAAC,QAAQ,EAAE,OAAO,EAAE,kBAAkB,CAAC,EAC1E,CAAC,QAAQ,EAAE,OAAO,EAAE,kBAAkB,CAAC,CACxC,CAAC;IAEF,OAAO,EAAE,WAAW,EAAE,cAAc,EAAE,kBAAkB,EAAE,CAAC;AAC7D,CAAC","sourcesContent":["/**\n *\n *  Copyright (c) \"Neo4j\"\n *  Neo4j Sweden AB [http://neo4j.com]\n *\n *  This file is part of Neo4j.\n *\n *  Neo4j is free software: you can redistribute it and/or modify\n *  it under the terms of the GNU General Public License as published by\n *  the Free Software Foundation, either version 3 of the License, or\n *  (at your option) any later version.\n *\n *  This program is distributed in the hope that it will be useful,\n *  but WITHOUT ANY WARRANTY; without even the implied warranty of\n *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the\n *  GNU General Public License for more details.\n *\n *  You should have received a copy of the GNU General Public License\n *  along with this program.  If not, see <http://www.gnu.org/licenses/>.\n */\n\nimport { useMemo } from 'react';\n\nimport type { NeoNode, NeoRel } from '../graph-visualization-context';\nimport { compileStyleRules } from './compile-graph-styles';\nimport { createVisualizationDataStructures } from './create-vis-data-structures';\nimport type { StyleRule } from './style-types';\n\nexport function useGraphData(\n  rawNodes: NeoNode[],\n  rawRels: NeoRel[],\n  styleRules?: StyleRule[],\n) {\n  // Compile style rules — only re-runs when styleRules changes.\n  // Per-type relationship functions are built lazily on first access.\n  const compiledStyleRules = useMemo(\n    () => compileStyleRules(styleRules),\n    [styleRules],\n  );\n\n  // Apply styles and build metadata — runs on every data change.\n  const { styledGraph, metadataLookup } = useMemo(\n    () =>\n      createVisualizationDataStructures(rawNodes, rawRels, compiledStyleRules),\n    [rawNodes, rawRels, compiledStyleRules],\n  );\n\n  return { styledGraph, metadataLookup, compiledStyleRules };\n}\n"]}
+{"version":3,"file":"use-graph-data.js","sourceRoot":"","sources":["../../../src/styling/use-graph-data.ts"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;;;GAmBG;;AASH,oCAoBC;AA3BD,iCAAgC;AAGhC,iEAAgE;AAChE,6EAAiF;AAGjF,SAAgB,YAAY,CAC1B,QAAmB,EACnB,OAAiB,EACjB,UAA6B;IAE7B,8DAA8D;IAC9D,oEAAoE;IACpE,MAAM,kBAAkB,GAAG,IAAA,eAAO,EAChC,GAAG,EAAE,CAAC,IAAA,6CAAsB,EAAC,UAAU,CAAC,EACxC,CAAC,UAAU,CAAC,CACb,CAAC;IAEF,+DAA+D;IAC/D,MAAM,EAAE,WAAW,EAAE,cAAc,EAAE,GAAG,IAAA,eAAO,EAC7C,GAAG,EAAE,CACH,IAAA,8DAAiC,EAAC,QAAQ,EAAE,OAAO,EAAE,kBAAkB,CAAC,EAC1E,CAAC,QAAQ,EAAE,OAAO,EAAE,kBAAkB,CAAC,CACxC,CAAC;IAEF,OAAO,EAAE,WAAW,EAAE,cAAc,EAAE,kBAAkB,EAAE,CAAC;AAC7D,CAAC","sourcesContent":["/**\n *\n *  Copyright (c) \"Neo4j\"\n *  Neo4j Sweden AB [http://neo4j.com]\n *\n *  This file is part of Neo4j.\n *\n *  Neo4j is free software: you can redistribute it and/or modify\n *  it under the terms of the GNU General Public License as published by\n *  the Free Software Foundation, either version 3 of the License, or\n *  (at your option) any later version.\n *\n *  This program is distributed in the hope that it will be useful,\n *  but WITHOUT ANY WARRANTY; without even the implied warranty of\n *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the\n *  GNU General Public License for more details.\n *\n *  You should have received a copy of the GNU General Public License\n *  along with this program.  If not, see <http://www.gnu.org/licenses/>.\n */\n\nimport { useMemo } from 'react';\n\nimport type { NeoNode, NeoRel } from '../graph-visualization-context';\nimport { compileGraphStyleRules } from './compile-graph-styles';\nimport { createVisualizationDataStructures } from './create-vis-data-structures';\nimport type { GraphStyleRule } from './style-types';\n\nexport function useGraphData(\n  rawNodes: NeoNode[],\n  rawRels: NeoRel[],\n  styleRules?: GraphStyleRule[],\n) {\n  // Compile style rules — only re-runs when styleRules changes.\n  // Per-type relationship functions are built lazily on first access.\n  const compiledStyleRules = useMemo(\n    () => compileGraphStyleRules(styleRules),\n    [styleRules],\n  );\n\n  // Apply styles and build metadata — runs on every data change.\n  const { styledGraph, metadataLookup } = useMemo(\n    () =>\n      createVisualizationDataStructures(rawNodes, rawRels, compiledStyleRules),\n    [rawNodes, rawRels, compiledStyleRules],\n  );\n\n  return { styledGraph, metadataLookup, compiledStyleRules };\n}\n"]}

package/lib/esm/graph-visualization-context.js.map

@@ -1 +1 @@
-{"version":3,"file":"graph-visualization-context.js","sourceRoot":"","sources":["../../src/graph-visualization-context.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAIH,OAAO,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAqFlD,MAAM,CAAC,MAAM,yBAAyB,GAAG,aAAa,CAEpD,SAAS,CAAC,CAAC;AAEb;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2BG;AACH,MAAM,CAAC,MAAM,4BAA4B,GAAG,GAAG,EAAE;IAC/C,MAAM,OAAO,GAAG,UAAU,CAAC,yBAAyB,CAAC,CAAC;IACtD,IAAI,CAAC,OAAO,EAAE,CAAC;QACb,MAAM,IAAI,KAAK,CACb,8EAA8E,CAC/E,CAAC;IACJ,CAAC;IACD,OAAO,OAAO,CAAC;AACjB,CAAC,CAAC","sourcesContent":["/**\n *\n *  Copyright (c) \"Neo4j\"\n *  Neo4j Sweden AB [http://neo4j.com]\n *\n *  This file is part of Neo4j.\n *\n *  Neo4j is free software: you can redistribute it and/or modify\n *  it under the terms of the GNU General Public License as published by\n *  the Free Software Foundation, either version 3 of the License, or\n *  (at your option) any later version.\n *\n *  This program is distributed in the hope that it will be useful,\n *  but WITHOUT ANY WARRANTY; without even the implied warranty of\n *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the\n *  GNU General Public License for more details.\n *\n *  You should have received a copy of the GNU General Public License\n *  along with this program.  If not, see <http://www.gnu.org/licenses/>.\n */\n\nimport type NVL from '@neo4j-nvl/base';\nimport { type Layout, type Node, type Relationship } from '@neo4j-nvl/base';\nimport { createContext, useContext } from 'react';\n\nimport { type CompiledStyleRules } from './styling/compile-graph-styles';\n\nexport type GraphSelection = { nodeIds: string[]; relationshipIds: string[] };\nexport type Sidepanel = {\n  children: React.ReactNode;\n  isSidePanelOpen: boolean;\n  setIsSidePanelOpen?: (isSidePanelOpen: boolean) => void;\n  sidePanelWidth?: number;\n  onSidePanelResize: (width: number) => void;\n  minWidth?: number | string;\n  maxWidth?: number | string;\n};\n\nexport type NvlGraph = {\n  nodes: Node[];\n  nodeData: Record<string, NodeData>;\n  rels: Relationship[];\n  relData: Record<string, RelData>;\n};\n\nexport type ColorCount = { color: string; count: number };\n\nexport type GraphItemMetaData = {\n  totalCount: number;\n  /** Distribution of colors across all elements with this label/type, sorted descending by count. */\n  colorDistribution: ColorCount[];\n};\n\nexport type MetadataLookupTable = {\n  labels: string[];\n  labelMetaData: Record<string, GraphItemMetaData>;\n  reltypes: string[];\n  reltypeMetaData: Record<string, GraphItemMetaData>;\n  hasMultipleColors: boolean;\n};\n\n// We use this type to avoid coupling the graph visualization component to the neo4j driver types\n// The tradeoff is that it's limited to displaying values and not manipulating them\n// and that it's harder to pass to the graph visualization component from the raw driver result\nexport type PortableProperty = { stringified: string; type: string };\n\nexport type NodeData = {\n  labelsSorted: string[];\n  properties: Record<string, PortableProperty>;\n  id: string;\n};\nexport type RelData = {\n  type: string;\n  properties: Record<string, PortableProperty>;\n  id: string;\n};\n\nexport type NeoNode = Node & {\n  properties: Record<string, PortableProperty>;\n  labels: string[];\n};\n\nexport type NeoRel = Relationship & {\n  properties: Record<string, PortableProperty>;\n  type: string;\n};\n\n/**\n * Data that is shared across the graph visualization component.\n *\n * @see {@link useGraphVisualizationContext}\n * @alpha\n */\nexport type GraphVisualizationContextData = {\n  nvlInstance: React.MutableRefObject<NVL | null>;\n  sidepanel: Sidepanel | null;\n  gesture: Gesture;\n  setGesture?: (gesture: Gesture) => void;\n  interactionMode: InteractionMode;\n  nvlGraph: NvlGraph;\n  selected: GraphSelection;\n  metadataLookup: MetadataLookupTable;\n  compiledStyleRules: CompiledStyleRules;\n  layout: Layout;\n  setLayout?: (layout: Layout) => void;\n  portalTarget?: HTMLElement | null;\n};\n\nexport const GraphVisualizationContext = createContext<\n  GraphVisualizationContextData | undefined\n>(undefined);\n\n/**\n * Hook to access the graph visualization context.\n *\n * This hook is used to implement custom UI components like buttons, panels, and controls\n * that need access to data and functionality from the graph visualization component.\n * @see {@link GraphVisualizationContextData}\n *\n * @returns The graph visualization context containing NVL instance, sidepanel, gestures, and graph data\n * @throws Error if used outside of a GraphVisualizationContext provider\n *\n * @example\n * ```tsx\n * const NodeLoggerButton = () => {\n *   const { selected } = useGraphVisualizationContext();\n *\n *   const handleClick = () => {\n *     console.log('Selected nodes:', selected.nodeIds);\n *   };\n *\n *   return (\n *     <button onClick={handleClick}>\n *       Log Selected Nodes ({selected.nodeIds.length})\n *     </button>\n *   );\n * };\n * ```\n * @alpha\n */\nexport const useGraphVisualizationContext = () => {\n  const context = useContext(GraphVisualizationContext);\n  if (!context) {\n    throw new Error(\n      'useGraphVisualizationContext must be used within a GraphVisualizationContext',\n    );\n  }\n  return context;\n};\n\nexport type Gesture = 'single' | 'box' | 'lasso';\n\nexport type InteractionMode =\n  | 'select'\n  | 'draw'\n  | 'edit-text'\n  | 'pan'\n  | 'drag'\n  | 'none';\n"]}
+{"version":3,"file":"graph-visualization-context.js","sourceRoot":"","sources":["../../src/graph-visualization-context.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAIH,OAAO,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAqFlD,MAAM,CAAC,MAAM,yBAAyB,GAAG,aAAa,CAEpD,SAAS,CAAC,CAAC;AAEb;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2BG;AACH,MAAM,CAAC,MAAM,4BAA4B,GAAG,GAAG,EAAE;IAC/C,MAAM,OAAO,GAAG,UAAU,CAAC,yBAAyB,CAAC,CAAC;IACtD,IAAI,CAAC,OAAO,EAAE,CAAC;QACb,MAAM,IAAI,KAAK,CACb,8EAA8E,CAC/E,CAAC;IACJ,CAAC;IACD,OAAO,OAAO,CAAC;AACjB,CAAC,CAAC","sourcesContent":["/**\n *\n *  Copyright (c) \"Neo4j\"\n *  Neo4j Sweden AB [http://neo4j.com]\n *\n *  This file is part of Neo4j.\n *\n *  Neo4j is free software: you can redistribute it and/or modify\n *  it under the terms of the GNU General Public License as published by\n *  the Free Software Foundation, either version 3 of the License, or\n *  (at your option) any later version.\n *\n *  This program is distributed in the hope that it will be useful,\n *  but WITHOUT ANY WARRANTY; without even the implied warranty of\n *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the\n *  GNU General Public License for more details.\n *\n *  You should have received a copy of the GNU General Public License\n *  along with this program.  If not, see <http://www.gnu.org/licenses/>.\n */\n\nimport type NVL from '@neo4j-nvl/base';\nimport { type Layout, type Node, type Relationship } from '@neo4j-nvl/base';\nimport { createContext, useContext } from 'react';\n\nimport { type CompiledGraphStyleRules } from './styling/compile-graph-styles';\n\nexport type GraphSelection = { nodeIds: string[]; relationshipIds: string[] };\nexport type Sidepanel = {\n  children: React.ReactNode;\n  isSidePanelOpen: boolean;\n  setIsSidePanelOpen?: (isSidePanelOpen: boolean) => void;\n  sidePanelWidth?: number;\n  onSidePanelResize: (width: number) => void;\n  minWidth?: number | string;\n  maxWidth?: number | string;\n};\n\nexport type NvlGraph = {\n  nodes: Node[];\n  nodeData: Record<string, NodeData>;\n  rels: Relationship[];\n  relData: Record<string, RelData>;\n};\n\nexport type ColorCount = { color: string; count: number };\n\nexport type GraphItemMetaData = {\n  totalCount: number;\n  /** Distribution of colors across all elements with this label/type, sorted descending by count. */\n  colorDistribution: ColorCount[];\n};\n\nexport type MetadataLookupTable = {\n  labels: string[];\n  labelMetaData: Record<string, GraphItemMetaData>;\n  reltypes: string[];\n  reltypeMetaData: Record<string, GraphItemMetaData>;\n  hasMultipleColors: boolean;\n};\n\n// We use this type to avoid coupling the graph visualization component to the neo4j driver types\n// The tradeoff is that it's limited to displaying values and not manipulating them\n// and that it's harder to pass to the graph visualization component from the raw driver result\nexport type PortableProperty = { stringified: string; type: string };\n\nexport type NodeData = {\n  labelsSorted: string[];\n  properties: Record<string, PortableProperty>;\n  id: string;\n};\nexport type RelData = {\n  type: string;\n  properties: Record<string, PortableProperty>;\n  id: string;\n};\n\nexport type NeoNode = Node & {\n  properties: Record<string, PortableProperty>;\n  labels: string[];\n};\n\nexport type NeoRel = Relationship & {\n  properties: Record<string, PortableProperty>;\n  type: string;\n};\n\n/**\n * Data that is shared across the graph visualization component.\n *\n * @see {@link useGraphVisualizationContext}\n * @alpha\n */\nexport type GraphVisualizationContextData = {\n  nvlInstance: React.MutableRefObject<NVL | null>;\n  sidepanel: Sidepanel | null;\n  gesture: Gesture;\n  setGesture?: (gesture: Gesture) => void;\n  interactionMode: InteractionMode;\n  nvlGraph: NvlGraph;\n  selected: GraphSelection;\n  metadataLookup: MetadataLookupTable;\n  compiledStyleRules: CompiledGraphStyleRules;\n  layout: Layout;\n  setLayout?: (layout: Layout) => void;\n  portalTarget?: HTMLElement | null;\n};\n\nexport const GraphVisualizationContext = createContext<\n  GraphVisualizationContextData | undefined\n>(undefined);\n\n/**\n * Hook to access the graph visualization context.\n *\n * This hook is used to implement custom UI components like buttons, panels, and controls\n * that need access to data and functionality from the graph visualization component.\n * @see {@link GraphVisualizationContextData}\n *\n * @returns The graph visualization context containing NVL instance, sidepanel, gestures, and graph data\n * @throws Error if used outside of a GraphVisualizationContext provider\n *\n * @example\n * ```tsx\n * const NodeLoggerButton = () => {\n *   const { selected } = useGraphVisualizationContext();\n *\n *   const handleClick = () => {\n *     console.log('Selected nodes:', selected.nodeIds);\n *   };\n *\n *   return (\n *     <button onClick={handleClick}>\n *       Log Selected Nodes ({selected.nodeIds.length})\n *     </button>\n *   );\n * };\n * ```\n * @alpha\n */\nexport const useGraphVisualizationContext = () => {\n  const context = useContext(GraphVisualizationContext);\n  if (!context) {\n    throw new Error(\n      'useGraphVisualizationContext must be used within a GraphVisualizationContext',\n    );\n  }\n  return context;\n};\n\nexport type Gesture = 'single' | 'box' | 'lasso';\n\nexport type InteractionMode =\n  | 'select'\n  | 'draw'\n  | 'edit-text'\n  | 'pan'\n  | 'drag'\n  | 'none';\n"]}

package/lib/esm/graph-visualization.js

@@ -126,7 +126,7 @@ const DEFAULT_COMPONENTS = {
  */
 export function GraphVisualization(_a) {
     var _b, _c;
-    var { nvlRef: rawNvlRef, nvlCallbacks, nvlOptions, sidepanel: rawSidepanel, nodes: rawNodes, rels: rawRels, highlightedNodeIds, highlightedRelationshipIds, topLeftIsland = DEFAULT_COMPONENTS.topLeftIsland, topRightIsland = DEFAULT_COMPONENTS.topRightIsland, bottomLeftIsland = DEFAULT_COMPONENTS.bottomLeftIsland, bottomCenterIsland = DEFAULT_COMPONENTS.bottomCenterIsland, bottomRightIsland = DEFAULT_COMPONENTS.bottomRightIsland, gesture = 'single', setGesture, layout: rawLayout, setLayout: rawSetLayout, portalTarget, selected: rawSelected, setSelected: rawSetSelected, interactionMode: rawInteractionMode, setInteractionMode: rawSetInteractionMode, mouseEventCallbacks = {}, className, style, htmlAttributes, ref, as, nvlStyleRules: styleRules } = _a, restProps = __rest(_a, ["nvlRef", "nvlCallbacks", "nvlOptions", "sidepanel", "nodes", "rels", "highlightedNodeIds", "highlightedRelationshipIds", "topLeftIsland", "topRightIsland", "bottomLeftIsland", "bottomCenterIsland", "bottomRightIsland", "gesture", "setGesture", "layout", "setLayout", "portalTarget", "selected", "setSelected", "interactionMode", "setInteractionMode", "mouseEventCallbacks", "className", "style", "htmlAttributes", "ref", "as", "nvlStyleRules"]);
+    var { nvlRef: rawNvlRef, nvlCallbacks, nvlOptions, sidepanel: rawSidepanel, nodes: rawNodes, rels: rawRels, highlightedNodeIds, highlightedRelationshipIds, topLeftIsland = DEFAULT_COMPONENTS.topLeftIsland, topRightIsland = DEFAULT_COMPONENTS.topRightIsland, bottomLeftIsland = DEFAULT_COMPONENTS.bottomLeftIsland, bottomCenterIsland = DEFAULT_COMPONENTS.bottomCenterIsland, bottomRightIsland = DEFAULT_COMPONENTS.bottomRightIsland, gesture = 'single', setGesture, layout: rawLayout, setLayout: rawSetLayout, portalTarget, selected: rawSelected, setSelected: rawSetSelected, interactionMode: rawInteractionMode, setInteractionMode: rawSetInteractionMode, mouseEventCallbacks = {}, className, style, htmlAttributes, ref, as, styleRules } = _a, restProps = __rest(_a, ["nvlRef", "nvlCallbacks", "nvlOptions", "sidepanel", "nodes", "rels", "highlightedNodeIds", "highlightedRelationshipIds", "topLeftIsland", "topRightIsland", "bottomLeftIsland", "bottomCenterIsland", "bottomRightIsland", "gesture", "setGesture", "layout", "setLayout", "portalTarget", "selected", "setSelected", "interactionMode", "setInteractionMode", "mouseEventCallbacks", "className", "style", "htmlAttributes", "ref", "as", "styleRules"]);
     const nvlRef = useMemo(() => rawNvlRef !== null && rawNvlRef !== void 0 ? rawNvlRef : React.createRef(), [rawNvlRef]);
     const instanceId = useId();
     // Respect NDL theme changes

package/lib/esm/graph-visualization.js.map

@@ -1 +1 @@
-{"version":3,"file":"graph-visualization.js","sourceRoot":"","sources":["../../src/graph-visualization.tsx"],"names":[],"mappings":"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","sourcesContent":["/**\n *\n *  Copyright (c) \"Neo4j\"\n *  Neo4j Sweden AB [http://neo4j.com]\n *\n *  This file is part of Neo4j.\n *\n *  Neo4j is free software: you can redistribute it and/or modify\n *  it under the terms of the GNU General Public License as published by\n *  the Free Software Foundation, either version 3 of the License, or\n *  (at your option) any later version.\n *\n *  This program is distributed in the hope that it will be useful,\n *  but WITHOUT ANY WARRANTY; without even the implied warranty of\n *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the\n *  GNU General Public License for more details.\n *\n *  You should have received a copy of the GNU General Public License\n *  along with this program.  If not, see <http://www.gnu.org/licenses/>.\n */\n\nimport { tokens } from '@neo4j-ndl/base';\nimport { IconButtonArray, useNeedleTheme } from '@neo4j-ndl/react';\nimport type NVL from '@neo4j-nvl/base';\nimport { type Layout } from '@neo4j-nvl/base';\nimport {\n  InteractiveNvlWrapper,\n  type InteractiveNvlWrapperProps,\n} from '@neo4j-nvl/react';\nimport { default as cx } from 'classnames';\nimport React, { useEffect, useId, useMemo, useState } from 'react';\n\nimport {\n  BoxSelectButton,\n  DownloadButton,\n  GestureSelectButton,\n  LassoSelectButton,\n  LayoutSelectButton,\n  SearchButton,\n  SingleSelectButton,\n  ToggleSidePanelButton,\n  ZoomInButton,\n  ZoomOutButton,\n  ZoomToFitButton,\n} from './graph-visualization-buttons';\nimport {\n  type Gesture,\n  type GraphSelection,\n  GraphVisualizationContext,\n  type InteractionMode,\n  type NeoNode,\n  type NeoRel,\n  type Sidepanel,\n} from './graph-visualization-context';\nimport { GraphVisualizationSidepanel } from './graph-visualization-sidepanel';\nimport { SingleSelectionSidepanelContents } from './sidepanel-components/single-selection-sidepanel-contents';\nimport { type StyleRule } from './styling/style-types';\nimport { useGraphData } from './styling/use-graph-data';\nimport { useManagedNodeState } from './use-managed-node-state';\nimport { useSemicontrolledState } from './use-semi-controlled-state';\n\ntype Placement =\n  | 'top-right'\n  | 'bottom-right'\n  | 'top-left'\n  | 'bottom-left'\n  | 'bottom-center';\n\nconst PLACEMENTS: Record<Placement, string> = {\n  'bottom-left': 'ndl-graph-visualization-interaction-island ndl-bottom-left',\n  'bottom-center':\n    'ndl-graph-visualization-interaction-island ndl-bottom-center',\n  'bottom-right': 'ndl-graph-visualization-interaction-island ndl-bottom-right',\n  'top-left': 'ndl-graph-visualization-interaction-island ndl-top-left',\n  'top-right': 'ndl-graph-visualization-interaction-island ndl-top-right',\n};\n\nconst InteractionIsland = ({\n  children,\n  className,\n  placement,\n}: {\n  children: React.ReactNode;\n  placement: Placement;\n  className?: string;\n}) => {\n  return <div className={cx(PLACEMENTS[placement], className)}>{children}</div>;\n};\n\nexport const DEFAULT_NVL_OPTIONS = {\n  disableTelemetry: true,\n  disableWebGL: true,\n  maxZoom: 3,\n  minZoom: 0.05,\n  relationshipThreshold: 0.55,\n};\n\nconst DEFAULT_COMPONENTS = {\n  bottomLeftIsland: null,\n  bottomCenterIsland: null,\n  bottomRightIsland: (\n    <IconButtonArray orientation=\"vertical\" isFloating size=\"small\">\n      <ZoomInButton /> <ZoomOutButton /> <ZoomToFitButton />\n    </IconButtonArray>\n  ),\n  topLeftIsland: null,\n  topRightIsland: (\n    <div className=\"ndl-graph-visualization-default-download-group\">\n      <DownloadButton /> <ToggleSidePanelButton />\n    </div>\n  ),\n};\n\nexport type GraphVisualizationProps<T extends React.ElementType = 'div'> = {\n  nvlRef?: React.RefObject<NVL | null>;\n  sidepanel?: Sidepanel | null;\n  bottomLeftIsland?: React.ReactNode;\n  bottomCenterIsland?: React.ReactNode;\n  bottomRightIsland?: React.ReactNode;\n  topLeftIsland?: React.ReactNode;\n  topRightIsland?: React.ReactNode;\n  className?: string;\n  style?: React.CSSProperties;\n  /**\n   * Optional style rules to apply to graph elements.\n   * Consumer-set `color` on individual `NeoNode`/`NeoRel` objects takes precedence over rules.\n   * Compared by reference — memoize the array to avoid recompiling on every render.\n   */\n  nvlStyleRules?: StyleRule[];\n\n  gesture?: Gesture;\n  setGesture?: (gesture: Gesture) => void;\n  selected?: GraphSelection;\n  setSelected?: (newSelection: GraphSelection) => void;\n  interactionMode?: InteractionMode;\n  setInteractionMode?: (interactionMode: InteractionMode) => void;\n  layout?: Layout;\n  setLayout?: (layout: Layout) => void;\n\n  portalTarget?: HTMLElement | null;\n\n  nodes: NeoNode[];\n  rels: NeoRel[];\n\n  highlightedNodeIds?: string[];\n  highlightedRelationshipIds?: string[];\n\n  as?: T;\n  ref?: React.ComponentPropsWithRef<T>['ref'];\n  htmlAttributes?: React.HTMLAttributes<T>;\n} & InteractiveNvlWrapperProps;\n\n/**\n * A comprehensive graph visualization component for rendering Neo4j-style graphs with interactive features.\n *\n * @remarks\n * This component provides a complete graph visualization solution with built-in interaction modes,\n * selection handling, zoom controls, and an optional sidepanel. It wraps the NVL (Neo4j Visualization Library)\n * with additional UI controls and state management.\n *\n * The component supports various interaction modes including single selection, box selection, and lasso selection.\n * It also provides customizable UI islands for placing controls at different corners of the visualization.\n *\n * @example\n * Basic usage:\n * ```tsx\n * <GraphVisualization\n *   nodes={nodes}\n *   rels={relationships}\n *   selected={selection}\n *   setSelected={setSelection}\n * />\n * ```\n *\n * @example\n * With custom controls:\n * ```tsx\n * <GraphVisualization\n *   nodes={nodes}\n *   rels={relationships}\n *   topRightIsland={<CustomControls />}\n *   sidepanel={{\n *     contents: <CustomSidepanel />,\n *     isSidePanelOpen: true,\n *     setIsSidePanelOpen: setSidepanelOpen\n *     sidePanelWidth: 400,\n *     onSidePanelResize: setSidepanelWidth,\n *   }}\n * />\n * ```\n *\n * @example\n * With highlighting:\n * ```tsx\n * <GraphVisualization\n *   nodes={nodes}\n *   rels={relationships}\n *   // undefined = no highlighting (default behavior)\n *   // empty array = no search matches (dims all nodes)\n *   // array with IDs = highlight only those items\n *   highlightedNodeIds={searchResults.nodeIds}\n *   highlightedRelationshipIds={searchResults.relationshipIds}\n * />\n * ```\n *\n * @param props - {@link GraphVisualizationProps}\n * @returns A React component that renders an interactive graph visualization\n *\n * @alpha\n */\nexport function GraphVisualization<T extends React.ElementType = 'div'>({\n  nvlRef: rawNvlRef,\n  nvlCallbacks,\n  nvlOptions,\n  sidepanel: rawSidepanel,\n  nodes: rawNodes,\n  rels: rawRels,\n  highlightedNodeIds,\n  highlightedRelationshipIds,\n  topLeftIsland = DEFAULT_COMPONENTS.topLeftIsland,\n  topRightIsland = DEFAULT_COMPONENTS.topRightIsland,\n  bottomLeftIsland = DEFAULT_COMPONENTS.bottomLeftIsland,\n  bottomCenterIsland = DEFAULT_COMPONENTS.bottomCenterIsland,\n  bottomRightIsland = DEFAULT_COMPONENTS.bottomRightIsland,\n  gesture = 'single',\n  setGesture,\n  layout: rawLayout,\n  setLayout: rawSetLayout,\n  portalTarget,\n  selected: rawSelected,\n  setSelected: rawSetSelected,\n  interactionMode: rawInteractionMode,\n  setInteractionMode: rawSetInteractionMode,\n  mouseEventCallbacks = {},\n  className,\n  style,\n  htmlAttributes,\n  ref,\n  as,\n  nvlStyleRules: styleRules,\n  ...restProps\n}: GraphVisualizationProps<T>) {\n  const nvlRef = useMemo(\n    () => rawNvlRef ?? React.createRef<NVL>(),\n    [rawNvlRef],\n  );\n\n  const instanceId = useId();\n\n  // Respect NDL theme changes\n  const { theme } = useNeedleTheme();\n  const { bg, border, text } = tokens.theme[theme].color.neutral;\n\n  // key required for nvl react responsiveness\n  const [key, setKey] = useState(0);\n  useEffect(() => {\n    setKey((prevKey) => prevKey + 1);\n  }, [theme]);\n\n  const { styledGraph, metadataLookup, compiledStyleRules } = useGraphData(\n    rawNodes,\n    rawRels,\n    styleRules,\n  );\n\n  // Semi-control interaction mode and selection state\n  const [interactionMode, setInteractionMode] = useSemicontrolledState({\n    isControlled: rawInteractionMode !== undefined,\n    onChange: rawSetInteractionMode,\n    state: rawInteractionMode ?? 'select',\n  });\n  const [selected, setSelected] = useSemicontrolledState({\n    isControlled: rawSelected !== undefined,\n    onChange: rawSetSelected,\n    state: rawSelected ?? { nodeIds: [], relationshipIds: [] },\n  });\n  const [layout, setLayout] = useSemicontrolledState({\n    isControlled: rawLayout !== undefined,\n    onChange: rawSetLayout,\n    state: rawLayout ?? 'd3Force',\n  });\n\n  const { nodesWithState, relsWithState, wrappedMouseEventCallbacks } =\n    useManagedNodeState({\n      gesture,\n      highlightedNodeIds,\n      highlightedRelationshipIds,\n      interactionMode,\n      mouseEventCallbacks,\n      nvlGraph: styledGraph,\n      selected,\n      setInteractionMode,\n      setSelected,\n    });\n\n  const [isSidePanelOpen, setIsSidePanelOpen] = useSemicontrolledState({\n    isControlled: rawSidepanel?.isSidePanelOpen !== undefined,\n    onChange: rawSidepanel?.setIsSidePanelOpen,\n    state: rawSidepanel?.isSidePanelOpen ?? true,\n  });\n  const [sidePanelWidth, setSidePanelWidth] = useSemicontrolledState({\n    isControlled: rawSidepanel?.sidePanelWidth !== undefined,\n    onChange: rawSidepanel?.onSidePanelResize,\n    state: rawSidepanel?.sidePanelWidth ?? 400,\n  });\n\n  const sidepanel = useMemo((): Sidepanel | null => {\n    if (rawSidepanel === undefined) {\n      return {\n        children: <GraphVisualization.SingleSelectionSidePanelContents />,\n        isSidePanelOpen,\n        onSidePanelResize: setSidePanelWidth,\n        setIsSidePanelOpen,\n        sidePanelWidth,\n      };\n    }\n    return rawSidepanel;\n  }, [\n    rawSidepanel,\n    isSidePanelOpen,\n    setIsSidePanelOpen,\n    sidePanelWidth,\n    setSidePanelWidth,\n  ]);\n\n  const Component: React.ElementType = as ?? 'div';\n  return (\n    <Component\n      ref={ref}\n      className={cx('ndl-graph-visualization-container', className)}\n      style={style}\n      {...htmlAttributes}\n    >\n      <GraphVisualizationContext.Provider\n        value={{\n          compiledStyleRules,\n          gesture,\n          interactionMode,\n          layout,\n          metadataLookup,\n          nvlGraph: styledGraph,\n          nvlInstance: nvlRef,\n          portalTarget,\n          selected,\n          setGesture,\n          setLayout,\n          sidepanel,\n        }}\n      >\n        <div className=\"ndl-graph-visualization\">\n          <InteractiveNvlWrapper\n            key={key}\n            layout={layout}\n            nodes={nodesWithState}\n            rels={relsWithState}\n            nvlOptions={{\n              ...DEFAULT_NVL_OPTIONS,\n              instanceId,\n              styling: {\n                defaultRelationshipColor: border.strongest,\n                disabledItemColor: bg.strong,\n                disabledItemFontColor: text.weakest,\n                dropShadowColor: border.weak,\n                selectedInnerBorderColor: bg.default,\n              },\n              ...nvlOptions,\n            }}\n            nvlCallbacks={{\n              onLayoutComputing(isComputing) {\n                if (!isComputing) {\n                  nvlRef.current?.fit(\n                    nvlRef.current.getNodes().map((neighbors) => neighbors.id),\n                    { noPan: true },\n                  );\n                }\n              },\n              ...nvlCallbacks,\n            }}\n            mouseEventCallbacks={wrappedMouseEventCallbacks}\n            ref={nvlRef}\n            {...restProps}\n          />\n          {topLeftIsland !== null && (\n            <InteractionIsland placement=\"top-left\">\n              {topLeftIsland}\n            </InteractionIsland>\n          )}\n\n          {topRightIsland !== null && (\n            <InteractionIsland placement=\"top-right\">\n              {topRightIsland}\n            </InteractionIsland>\n          )}\n\n          {bottomLeftIsland !== null && (\n            <InteractionIsland placement=\"bottom-left\">\n              {bottomLeftIsland}\n            </InteractionIsland>\n          )}\n\n          {bottomCenterIsland !== null && (\n            <InteractionIsland placement=\"bottom-center\">\n              {bottomCenterIsland}\n            </InteractionIsland>\n          )}\n\n          {bottomRightIsland !== null && (\n            <InteractionIsland placement=\"bottom-right\">\n              {bottomRightIsland}\n            </InteractionIsland>\n          )}\n        </div>\n        {sidepanel && <GraphVisualizationSidepanel sidepanel={sidepanel} />}\n      </GraphVisualizationContext.Provider>\n    </Component>\n  );\n}\n\n/**\n * Zoom in button for use within a GraphVisualization component.\n *\n * @remarks\n * Increases zoom level by 1.3x\n *\n * @alpha\n */\nGraphVisualization.ZoomInButton = ZoomInButton;\n\n/**\n * Zoom out button for use within a GraphVisualization component.\n *\n * @remarks\n * Decreases zoom level by 0.7x\n *\n * @alpha\n */\nGraphVisualization.ZoomOutButton = ZoomOutButton;\n\n/**\n * Zoom to fit button for use within a GraphVisualization component.\n *\n * @remarks\n * Automatically adjusts zoom and pan to show all nodes and relationships\n *\n * @alpha\n */\nGraphVisualization.ZoomToFitButton = ZoomToFitButton;\n\n/**\n * Sidepanel toggle button for use within a GraphVisualization component.\n *\n * @remarks\n * Shows or hides the sidepanel containing node and relationship details.\n * Requires a sidepanel to be configured in the GraphVisualization component.\n *\n * @throws Error when used without a configured sidepanel\n *\n * @alpha\n */\nGraphVisualization.ToggleSidePanelButton = ToggleSidePanelButton;\n\n/**\n * Download button for use within a GraphVisualization component.\n *\n * @remarks\n * Opens a dropdown menu with download options. Supports PNG and SVG formats.\n * Captures the current visualization state including zoom level.\n *\n * @alpha\n */\nGraphVisualization.DownloadButton = DownloadButton;\n\n/**\n * Box selection button for use within a GraphVisualization component.\n *\n * @remarks\n * Enables box selection mode where dragging creates a rectangular selection area.\n * Disabled unless the `setGesture` callback is passed.\n * Shows active state when enabled and supports keyboard shortcut 'B'.\n *\n * @alpha\n */\nGraphVisualization.BoxSelectButton = BoxSelectButton;\n\n/**\n * Lasso selection button for use within a GraphVisualization component.\n *\n * @remarks\n * Enables lasso selection mode where dragging creates a free-form selection area.\n * Disabled unless the `setGesture` callback is passed.\n * Shows active state when enabled and supports keyboard shortcut 'L'.\n *\n * @alpha\n */\nGraphVisualization.LassoSelectButton = LassoSelectButton;\n\n/**\n * Single node selection button for use within a GraphVisualization component.\n *\n * @remarks\n * Enables single selection mode where clicking selects individual nodes or relationships.\n * Shows active state when enabled and supports keyboard shortcut 'S'.\n *\n * @alpha\n */\nGraphVisualization.SingleSelectButton = SingleSelectButton;\n\n/**\n * Search button for use within a GraphVisualization component.\n *\n * @remarks\n * Enables search mode where clicking opens a search input for filtering nodes and relationships.\n *\n * @alpha\n */\nGraphVisualization.SearchButton = SearchButton;\n\n/**\n * Single node selection side panel for use within a GraphVisualization component.\n *\n * @remarks\n * Displays detailed information about the selected node or relationship.\n * Panel is automatically opened when a node or relationship is selected.\n * Also when user click on the show panel button in the top right corner.\n *\n * @alpha\n */\nGraphVisualization.SingleSelectionSidePanelContents =\n  SingleSelectionSidepanelContents;\n\n/**\n * Layout selection button for use within a GraphVisualization component.\n *\n * @remarks\n * Opens a menu to select different graph layout algorithms.\n *\n * By default, the menu includes the **force-based** (`d3Force`) and\n * **hierarchical** layouts. Additional layouts can be enabled via configuration.\n *\n * @see {@link LayoutSelectOption} for the full set of layout options supported by NVL.\n *\n * @alpha\n */\nGraphVisualization.LayoutSelectButton = LayoutSelectButton;\n\n/**\n * Gesture selection button for use within a GraphVisualization component.\n *\n * @remarks\n * Opens a menu to select different interaction gestures.\n *\n * By default, the menu includes **single**, **box**, and **lasso** selection gestures.\n *\n * @see {@link GestureSelectOption} for the full set of gesture options supported by NVL.\n *\n * @alpha\n */\nGraphVisualization.GestureSelectButton = GestureSelectButton;\n"]}
+{"version":3,"file":"graph-visualization.js","sourceRoot":"","sources":["../../src/graph-visualization.tsx"],"names":[],"mappings":"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","sourcesContent":["/**\n *\n *  Copyright (c) \"Neo4j\"\n *  Neo4j Sweden AB [http://neo4j.com]\n *\n *  This file is part of Neo4j.\n *\n *  Neo4j is free software: you can redistribute it and/or modify\n *  it under the terms of the GNU General Public License as published by\n *  the Free Software Foundation, either version 3 of the License, or\n *  (at your option) any later version.\n *\n *  This program is distributed in the hope that it will be useful,\n *  but WITHOUT ANY WARRANTY; without even the implied warranty of\n *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the\n *  GNU General Public License for more details.\n *\n *  You should have received a copy of the GNU General Public License\n *  along with this program.  If not, see <http://www.gnu.org/licenses/>.\n */\n\nimport { tokens } from '@neo4j-ndl/base';\nimport { IconButtonArray, useNeedleTheme } from '@neo4j-ndl/react';\nimport type NVL from '@neo4j-nvl/base';\nimport { type Layout } from '@neo4j-nvl/base';\nimport {\n  InteractiveNvlWrapper,\n  type InteractiveNvlWrapperProps,\n} from '@neo4j-nvl/react';\nimport { default as cx } from 'classnames';\nimport React, { useEffect, useId, useMemo, useState } from 'react';\n\nimport {\n  BoxSelectButton,\n  DownloadButton,\n  GestureSelectButton,\n  LassoSelectButton,\n  LayoutSelectButton,\n  SearchButton,\n  SingleSelectButton,\n  ToggleSidePanelButton,\n  ZoomInButton,\n  ZoomOutButton,\n  ZoomToFitButton,\n} from './graph-visualization-buttons';\nimport {\n  type Gesture,\n  type GraphSelection,\n  GraphVisualizationContext,\n  type InteractionMode,\n  type NeoNode,\n  type NeoRel,\n  type Sidepanel,\n} from './graph-visualization-context';\nimport { GraphVisualizationSidepanel } from './graph-visualization-sidepanel';\nimport { SingleSelectionSidepanelContents } from './sidepanel-components/single-selection-sidepanel-contents';\nimport { type GraphStyleRule } from './styling/style-types';\nimport { useGraphData } from './styling/use-graph-data';\nimport { useManagedNodeState } from './use-managed-node-state';\nimport { useSemicontrolledState } from './use-semi-controlled-state';\n\ntype Placement =\n  | 'top-right'\n  | 'bottom-right'\n  | 'top-left'\n  | 'bottom-left'\n  | 'bottom-center';\n\nconst PLACEMENTS: Record<Placement, string> = {\n  'bottom-left': 'ndl-graph-visualization-interaction-island ndl-bottom-left',\n  'bottom-center':\n    'ndl-graph-visualization-interaction-island ndl-bottom-center',\n  'bottom-right': 'ndl-graph-visualization-interaction-island ndl-bottom-right',\n  'top-left': 'ndl-graph-visualization-interaction-island ndl-top-left',\n  'top-right': 'ndl-graph-visualization-interaction-island ndl-top-right',\n};\n\nconst InteractionIsland = ({\n  children,\n  className,\n  placement,\n}: {\n  children: React.ReactNode;\n  placement: Placement;\n  className?: string;\n}) => {\n  return <div className={cx(PLACEMENTS[placement], className)}>{children}</div>;\n};\n\nexport const DEFAULT_NVL_OPTIONS = {\n  disableTelemetry: true,\n  disableWebGL: true,\n  maxZoom: 3,\n  minZoom: 0.05,\n  relationshipThreshold: 0.55,\n};\n\nconst DEFAULT_COMPONENTS = {\n  bottomLeftIsland: null,\n  bottomCenterIsland: null,\n  bottomRightIsland: (\n    <IconButtonArray orientation=\"vertical\" isFloating size=\"small\">\n      <ZoomInButton /> <ZoomOutButton /> <ZoomToFitButton />\n    </IconButtonArray>\n  ),\n  topLeftIsland: null,\n  topRightIsland: (\n    <div className=\"ndl-graph-visualization-default-download-group\">\n      <DownloadButton /> <ToggleSidePanelButton />\n    </div>\n  ),\n};\n\nexport type GraphVisualizationProps<T extends React.ElementType = 'div'> = {\n  nvlRef?: React.RefObject<NVL | null>;\n  sidepanel?: Sidepanel | null;\n  bottomLeftIsland?: React.ReactNode;\n  bottomCenterIsland?: React.ReactNode;\n  bottomRightIsland?: React.ReactNode;\n  topLeftIsland?: React.ReactNode;\n  topRightIsland?: React.ReactNode;\n  className?: string;\n  style?: React.CSSProperties;\n  /**\n   * Optional style rules to apply to graph elements.\n   * Consumer-set `color` on individual `NeoNode`/`NeoRel` objects takes precedence over rules.\n   * Compared by reference — memoize the array to avoid recompiling on every render.\n   */\n  styleRules?: GraphStyleRule[];\n\n  gesture?: Gesture;\n  setGesture?: (gesture: Gesture) => void;\n  selected?: GraphSelection;\n  setSelected?: (newSelection: GraphSelection) => void;\n  interactionMode?: InteractionMode;\n  setInteractionMode?: (interactionMode: InteractionMode) => void;\n  layout?: Layout;\n  setLayout?: (layout: Layout) => void;\n\n  portalTarget?: HTMLElement | null;\n\n  nodes: NeoNode[];\n  rels: NeoRel[];\n\n  highlightedNodeIds?: string[];\n  highlightedRelationshipIds?: string[];\n\n  as?: T;\n  ref?: React.ComponentPropsWithRef<T>['ref'];\n  htmlAttributes?: React.HTMLAttributes<T>;\n} & InteractiveNvlWrapperProps;\n\n/**\n * A comprehensive graph visualization component for rendering Neo4j-style graphs with interactive features.\n *\n * @remarks\n * This component provides a complete graph visualization solution with built-in interaction modes,\n * selection handling, zoom controls, and an optional sidepanel. It wraps the NVL (Neo4j Visualization Library)\n * with additional UI controls and state management.\n *\n * The component supports various interaction modes including single selection, box selection, and lasso selection.\n * It also provides customizable UI islands for placing controls at different corners of the visualization.\n *\n * @example\n * Basic usage:\n * ```tsx\n * <GraphVisualization\n *   nodes={nodes}\n *   rels={relationships}\n *   selected={selection}\n *   setSelected={setSelection}\n * />\n * ```\n *\n * @example\n * With custom controls:\n * ```tsx\n * <GraphVisualization\n *   nodes={nodes}\n *   rels={relationships}\n *   topRightIsland={<CustomControls />}\n *   sidepanel={{\n *     contents: <CustomSidepanel />,\n *     isSidePanelOpen: true,\n *     setIsSidePanelOpen: setSidepanelOpen\n *     sidePanelWidth: 400,\n *     onSidePanelResize: setSidepanelWidth,\n *   }}\n * />\n * ```\n *\n * @example\n * With highlighting:\n * ```tsx\n * <GraphVisualization\n *   nodes={nodes}\n *   rels={relationships}\n *   // undefined = no highlighting (default behavior)\n *   // empty array = no search matches (dims all nodes)\n *   // array with IDs = highlight only those items\n *   highlightedNodeIds={searchResults.nodeIds}\n *   highlightedRelationshipIds={searchResults.relationshipIds}\n * />\n * ```\n *\n * @param props - {@link GraphVisualizationProps}\n * @returns A React component that renders an interactive graph visualization\n *\n * @alpha\n */\nexport function GraphVisualization<T extends React.ElementType = 'div'>({\n  nvlRef: rawNvlRef,\n  nvlCallbacks,\n  nvlOptions,\n  sidepanel: rawSidepanel,\n  nodes: rawNodes,\n  rels: rawRels,\n  highlightedNodeIds,\n  highlightedRelationshipIds,\n  topLeftIsland = DEFAULT_COMPONENTS.topLeftIsland,\n  topRightIsland = DEFAULT_COMPONENTS.topRightIsland,\n  bottomLeftIsland = DEFAULT_COMPONENTS.bottomLeftIsland,\n  bottomCenterIsland = DEFAULT_COMPONENTS.bottomCenterIsland,\n  bottomRightIsland = DEFAULT_COMPONENTS.bottomRightIsland,\n  gesture = 'single',\n  setGesture,\n  layout: rawLayout,\n  setLayout: rawSetLayout,\n  portalTarget,\n  selected: rawSelected,\n  setSelected: rawSetSelected,\n  interactionMode: rawInteractionMode,\n  setInteractionMode: rawSetInteractionMode,\n  mouseEventCallbacks = {},\n  className,\n  style,\n  htmlAttributes,\n  ref,\n  as,\n  styleRules,\n  ...restProps\n}: GraphVisualizationProps<T>) {\n  const nvlRef = useMemo(\n    () => rawNvlRef ?? React.createRef<NVL>(),\n    [rawNvlRef],\n  );\n\n  const instanceId = useId();\n\n  // Respect NDL theme changes\n  const { theme } = useNeedleTheme();\n  const { bg, border, text } = tokens.theme[theme].color.neutral;\n\n  // key required for nvl react responsiveness\n  const [key, setKey] = useState(0);\n  useEffect(() => {\n    setKey((prevKey) => prevKey + 1);\n  }, [theme]);\n\n  const { styledGraph, metadataLookup, compiledStyleRules } = useGraphData(\n    rawNodes,\n    rawRels,\n    styleRules,\n  );\n\n  // Semi-control interaction mode and selection state\n  const [interactionMode, setInteractionMode] = useSemicontrolledState({\n    isControlled: rawInteractionMode !== undefined,\n    onChange: rawSetInteractionMode,\n    state: rawInteractionMode ?? 'select',\n  });\n  const [selected, setSelected] = useSemicontrolledState({\n    isControlled: rawSelected !== undefined,\n    onChange: rawSetSelected,\n    state: rawSelected ?? { nodeIds: [], relationshipIds: [] },\n  });\n  const [layout, setLayout] = useSemicontrolledState({\n    isControlled: rawLayout !== undefined,\n    onChange: rawSetLayout,\n    state: rawLayout ?? 'd3Force',\n  });\n\n  const { nodesWithState, relsWithState, wrappedMouseEventCallbacks } =\n    useManagedNodeState({\n      gesture,\n      highlightedNodeIds,\n      highlightedRelationshipIds,\n      interactionMode,\n      mouseEventCallbacks,\n      nvlGraph: styledGraph,\n      selected,\n      setInteractionMode,\n      setSelected,\n    });\n\n  const [isSidePanelOpen, setIsSidePanelOpen] = useSemicontrolledState({\n    isControlled: rawSidepanel?.isSidePanelOpen !== undefined,\n    onChange: rawSidepanel?.setIsSidePanelOpen,\n    state: rawSidepanel?.isSidePanelOpen ?? true,\n  });\n  const [sidePanelWidth, setSidePanelWidth] = useSemicontrolledState({\n    isControlled: rawSidepanel?.sidePanelWidth !== undefined,\n    onChange: rawSidepanel?.onSidePanelResize,\n    state: rawSidepanel?.sidePanelWidth ?? 400,\n  });\n\n  const sidepanel = useMemo((): Sidepanel | null => {\n    if (rawSidepanel === undefined) {\n      return {\n        children: <GraphVisualization.SingleSelectionSidePanelContents />,\n        isSidePanelOpen,\n        onSidePanelResize: setSidePanelWidth,\n        setIsSidePanelOpen,\n        sidePanelWidth,\n      };\n    }\n    return rawSidepanel;\n  }, [\n    rawSidepanel,\n    isSidePanelOpen,\n    setIsSidePanelOpen,\n    sidePanelWidth,\n    setSidePanelWidth,\n  ]);\n\n  const Component: React.ElementType = as ?? 'div';\n  return (\n    <Component\n      ref={ref}\n      className={cx('ndl-graph-visualization-container', className)}\n      style={style}\n      {...htmlAttributes}\n    >\n      <GraphVisualizationContext.Provider\n        value={{\n          compiledStyleRules,\n          gesture,\n          interactionMode,\n          layout,\n          metadataLookup,\n          nvlGraph: styledGraph,\n          nvlInstance: nvlRef,\n          portalTarget,\n          selected,\n          setGesture,\n          setLayout,\n          sidepanel,\n        }}\n      >\n        <div className=\"ndl-graph-visualization\">\n          <InteractiveNvlWrapper\n            key={key}\n            layout={layout}\n            nodes={nodesWithState}\n            rels={relsWithState}\n            nvlOptions={{\n              ...DEFAULT_NVL_OPTIONS,\n              instanceId,\n              styling: {\n                defaultRelationshipColor: border.strongest,\n                disabledItemColor: bg.strong,\n                disabledItemFontColor: text.weakest,\n                dropShadowColor: border.weak,\n                selectedInnerBorderColor: bg.default,\n              },\n              ...nvlOptions,\n            }}\n            nvlCallbacks={{\n              onLayoutComputing(isComputing) {\n                if (!isComputing) {\n                  nvlRef.current?.fit(\n                    nvlRef.current.getNodes().map((neighbors) => neighbors.id),\n                    { noPan: true },\n                  );\n                }\n              },\n              ...nvlCallbacks,\n            }}\n            mouseEventCallbacks={wrappedMouseEventCallbacks}\n            ref={nvlRef}\n            {...restProps}\n          />\n          {topLeftIsland !== null && (\n            <InteractionIsland placement=\"top-left\">\n              {topLeftIsland}\n            </InteractionIsland>\n          )}\n\n          {topRightIsland !== null && (\n            <InteractionIsland placement=\"top-right\">\n              {topRightIsland}\n            </InteractionIsland>\n          )}\n\n          {bottomLeftIsland !== null && (\n            <InteractionIsland placement=\"bottom-left\">\n              {bottomLeftIsland}\n            </InteractionIsland>\n          )}\n\n          {bottomCenterIsland !== null && (\n            <InteractionIsland placement=\"bottom-center\">\n              {bottomCenterIsland}\n            </InteractionIsland>\n          )}\n\n          {bottomRightIsland !== null && (\n            <InteractionIsland placement=\"bottom-right\">\n              {bottomRightIsland}\n            </InteractionIsland>\n          )}\n        </div>\n        {sidepanel && <GraphVisualizationSidepanel sidepanel={sidepanel} />}\n      </GraphVisualizationContext.Provider>\n    </Component>\n  );\n}\n\n/**\n * Zoom in button for use within a GraphVisualization component.\n *\n * @remarks\n * Increases zoom level by 1.3x\n *\n * @alpha\n */\nGraphVisualization.ZoomInButton = ZoomInButton;\n\n/**\n * Zoom out button for use within a GraphVisualization component.\n *\n * @remarks\n * Decreases zoom level by 0.7x\n *\n * @alpha\n */\nGraphVisualization.ZoomOutButton = ZoomOutButton;\n\n/**\n * Zoom to fit button for use within a GraphVisualization component.\n *\n * @remarks\n * Automatically adjusts zoom and pan to show all nodes and relationships\n *\n * @alpha\n */\nGraphVisualization.ZoomToFitButton = ZoomToFitButton;\n\n/**\n * Sidepanel toggle button for use within a GraphVisualization component.\n *\n * @remarks\n * Shows or hides the sidepanel containing node and relationship details.\n * Requires a sidepanel to be configured in the GraphVisualization component.\n *\n * @throws Error when used without a configured sidepanel\n *\n * @alpha\n */\nGraphVisualization.ToggleSidePanelButton = ToggleSidePanelButton;\n\n/**\n * Download button for use within a GraphVisualization component.\n *\n * @remarks\n * Opens a dropdown menu with download options. Supports PNG and SVG formats.\n * Captures the current visualization state including zoom level.\n *\n * @alpha\n */\nGraphVisualization.DownloadButton = DownloadButton;\n\n/**\n * Box selection button for use within a GraphVisualization component.\n *\n * @remarks\n * Enables box selection mode where dragging creates a rectangular selection area.\n * Disabled unless the `setGesture` callback is passed.\n * Shows active state when enabled and supports keyboard shortcut 'B'.\n *\n * @alpha\n */\nGraphVisualization.BoxSelectButton = BoxSelectButton;\n\n/**\n * Lasso selection button for use within a GraphVisualization component.\n *\n * @remarks\n * Enables lasso selection mode where dragging creates a free-form selection area.\n * Disabled unless the `setGesture` callback is passed.\n * Shows active state when enabled and supports keyboard shortcut 'L'.\n *\n * @alpha\n */\nGraphVisualization.LassoSelectButton = LassoSelectButton;\n\n/**\n * Single node selection button for use within a GraphVisualization component.\n *\n * @remarks\n * Enables single selection mode where clicking selects individual nodes or relationships.\n * Shows active state when enabled and supports keyboard shortcut 'S'.\n *\n * @alpha\n */\nGraphVisualization.SingleSelectButton = SingleSelectButton;\n\n/**\n * Search button for use within a GraphVisualization component.\n *\n * @remarks\n * Enables search mode where clicking opens a search input for filtering nodes and relationships.\n *\n * @alpha\n */\nGraphVisualization.SearchButton = SearchButton;\n\n/**\n * Single node selection side panel for use within a GraphVisualization component.\n *\n * @remarks\n * Displays detailed information about the selected node or relationship.\n * Panel is automatically opened when a node or relationship is selected.\n * Also when user click on the show panel button in the top right corner.\n *\n * @alpha\n */\nGraphVisualization.SingleSelectionSidePanelContents =\n  SingleSelectionSidepanelContents;\n\n/**\n * Layout selection button for use within a GraphVisualization component.\n *\n * @remarks\n * Opens a menu to select different graph layout algorithms.\n *\n * By default, the menu includes the **force-based** (`d3Force`) and\n * **hierarchical** layouts. Additional layouts can be enabled via configuration.\n *\n * @see {@link LayoutSelectOption} for the full set of layout options supported by NVL.\n *\n * @alpha\n */\nGraphVisualization.LayoutSelectButton = LayoutSelectButton;\n\n/**\n * Gesture selection button for use within a GraphVisualization component.\n *\n * @remarks\n * Opens a menu to select different interaction gestures.\n *\n * By default, the menu includes **single**, **box**, and **lasso** selection gestures.\n *\n * @see {@link GestureSelectOption} for the full set of gesture options supported by NVL.\n *\n * @alpha\n */\nGraphVisualization.GestureSelectButton = GestureSelectButton;\n"]}

package/lib/esm/index.js

@@ -20,4 +20,6 @@
  */
 export { GraphVisualization } from './graph-visualization';
 export { useGraphVisualizationContext, } from './graph-visualization-context';
+export { compileGraphStyleRules } from './styling/compile-graph-styles';
+export { parseStyleRules } from './styling/parse-style-rules';
 //# sourceMappingURL=index.js.map

package/lib/esm/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,OAAO,EAAE,kBAAkB,EAAE,MAAM,uBAAuB,CAAC;AAC3D,OAAO,EACL,4BAA4B,GAe7B,MAAM,+BAA+B,CAAC","sourcesContent":["/**\n *\n *  Copyright (c) \"Neo4j\"\n *  Neo4j Sweden AB [http://neo4j.com]\n *\n *  This file is part of Neo4j.\n *\n *  Neo4j is free software: you can redistribute it and/or modify\n *  it under the terms of the GNU General Public License as published by\n *  the Free Software Foundation, either version 3 of the License, or\n *  (at your option) any later version.\n *\n *  This program is distributed in the hope that it will be useful,\n *  but WITHOUT ANY WARRANTY; without even the implied warranty of\n *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the\n *  GNU General Public License for more details.\n *\n *  You should have received a copy of the GNU General Public License\n *  along with this program.  If not, see <http://www.gnu.org/licenses/>.\n */\n\nexport { GraphVisualization } from './graph-visualization';\nexport {\n  useGraphVisualizationContext,\n  type ColorCount,\n  type Gesture,\n  type GraphItemMetaData,\n  type GraphSelection,\n  type GraphVisualizationContextData,\n  type InteractionMode,\n  type MetadataLookupTable,\n  type NeoNode,\n  type NeoRel,\n  type NodeData,\n  type NvlGraph,\n  type PortableProperty,\n  type RelData,\n  type Sidepanel,\n} from './graph-visualization-context';\nexport { type StyleRule } from './styling/style-types';\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,OAAO,EAAE,kBAAkB,EAAE,MAAM,uBAAuB,CAAC;AAC3D,OAAO,EACL,4BAA4B,GAe7B,MAAM,+BAA+B,CAAC;AAEvC,OAAO,EAAE,sBAAsB,EAAE,MAAM,gCAAgC,CAAC;AACxE,OAAO,EAAE,eAAe,EAAE,MAAM,6BAA6B,CAAC","sourcesContent":["/**\n *\n *  Copyright (c) \"Neo4j\"\n *  Neo4j Sweden AB [http://neo4j.com]\n *\n *  This file is part of Neo4j.\n *\n *  Neo4j is free software: you can redistribute it and/or modify\n *  it under the terms of the GNU General Public License as published by\n *  the Free Software Foundation, either version 3 of the License, or\n *  (at your option) any later version.\n *\n *  This program is distributed in the hope that it will be useful,\n *  but WITHOUT ANY WARRANTY; without even the implied warranty of\n *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the\n *  GNU General Public License for more details.\n *\n *  You should have received a copy of the GNU General Public License\n *  along with this program.  If not, see <http://www.gnu.org/licenses/>.\n */\n\nexport { GraphVisualization } from './graph-visualization';\nexport {\n  useGraphVisualizationContext,\n  type ColorCount,\n  type Gesture,\n  type GraphItemMetaData,\n  type GraphSelection,\n  type GraphVisualizationContextData,\n  type InteractionMode,\n  type MetadataLookupTable,\n  type NeoNode,\n  type NeoRel,\n  type NodeData,\n  type NvlGraph,\n  type PortableProperty,\n  type RelData,\n  type Sidepanel,\n} from './graph-visualization-context';\nexport { type GraphStyleRule } from './styling/style-types';\nexport { compileGraphStyleRules } from './styling/compile-graph-styles';\nexport { parseStyleRules } from './styling/parse-style-rules';\n"]}

package/lib/esm/stories/graph-visualization-range-styling.story.js

@@ -34,18 +34,20 @@ const pokemonRules = [
                 maxValue: 88,
                 maxColor: '#e74c3c',
             },
-            nodeSizeRange: {
+            sizeRange: {
                 onProperty: 'level',
                 minValue: 1,
                 maxValue: 88,
                 minSize: 20,
                 maxSize: 50,
             },
-            captions: [
-                { value: { property: 'name' }, styles: ['bold'] },
-                { value: ' Lv', styles: [] },
-                { value: { property: 'level' }, styles: [] },
-            ],
+            captions: {
+                text: [
+                    { value: { property: 'name' }, styles: ['bold'] },
+                    { value: ' Lv', styles: [] },
+                    { value: { property: 'level' }, styles: [] },
+                ],
+            },
         },
     },
 ];
@@ -60,25 +62,28 @@ const caughtRelRules = [
                 maxValue: 40,
                 maxColor: '#ff2d78',
             },
-            relWidthRange: {
+            width: { value: 4 },
+            widthRange: {
                 onProperty: 'level',
                 minValue: 1,
                 maxValue: 40,
                 minWidth: 1,
                 maxWidth: 8,
             },
-            captions: [
-                { value: 'Caught @ Lv', styles: [] },
-                { value: { property: 'level' }, styles: ['bold'] },
-            ],
-            captionSize: 1.5,
+            captions: {
+                text: [
+                    { value: 'Caught @ Lv', styles: [] },
+                    { value: { property: 'level' }, styles: ['bold'] },
+                ],
+                size: 1.5,
+            },
         },
     },
 ];
 const otherNodeRules = [
-    { match: { label: 'Trainer' }, apply: { color: '#95a5a6' } },
-    { match: { label: 'Type' }, apply: { color: '#bdc3c7' } },
-    { match: { label: 'Gym' }, apply: { color: '#bdc3c7' } },
+    { match: { label: 'Trainer' }, apply: { color: { value: '#95a5a6' } } },
+    { match: { label: 'Type' }, apply: { color: { value: '#bdc3c7' } } },
+    { match: { label: 'Gym' }, apply: { color: { value: '#bdc3c7' } } },
 ];
 export const colorRangeStyleRules = [
     ...pokemonRules,
@@ -86,7 +91,7 @@ export const colorRangeStyleRules = [
     ...otherNodeRules,
 ];
 const Component = () => {
-    return (_jsx("div", { style: { height: '600px' }, children: _jsx(GraphVisualization, { nodes: advancedStoryGraph.nodes, rels: advancedStoryGraph.rels, className: containerClasses, nvlStyleRules: colorRangeStyleRules }) }));
+    return (_jsx("div", { style: { height: '600px' }, children: _jsx(GraphVisualization, { nodes: advancedStoryGraph.nodes, rels: advancedStoryGraph.rels, className: containerClasses, styleRules: colorRangeStyleRules }) }));
 };
 export default Component;
 //# sourceMappingURL=graph-visualization-range-styling.story.js.map

package/lib/esm/stories/graph-visualization-range-styling.story.js.map

@@ -1 +1 @@
-{"version":3,"file":"graph-visualization-range-styling.story.js","sourceRoot":"","sources":["../../../src/stories/graph-visualization-range-styling.story.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,OAAO,EAAE,kBAAkB,EAAE,MAAM,wBAAwB,CAAC;AAE5D,OAAO,EAAE,kBAAkB,EAAE,gBAAgB,EAAE,MAAM,cAAc,CAAC;AAEpE,MAAM,YAAY,GAAgB;IAChC;QACE,KAAK,EAAE,EAAE,KAAK,EAAE,SAAS,EAAE;QAC3B,KAAK,EAAE;YACL,UAAU,EAAE;gBACV,UAAU,EAAE,OAAO;gBACnB,QAAQ,EAAE,CAAC;gBACX,QAAQ,EAAE,SAAS;gBACnB,QAAQ,EAAE,EAAE;gBACZ,QAAQ,EAAE,SAAS;gBACnB,QAAQ,EAAE,EAAE;gBACZ,QAAQ,EAAE,SAAS;aACpB;YACD,aAAa,EAAE;gBACb,UAAU,EAAE,OAAO;gBACnB,QAAQ,EAAE,CAAC;gBACX,QAAQ,EAAE,EAAE;gBACZ,OAAO,EAAE,EAAE;gBACX,OAAO,EAAE,EAAE;aACZ;YACD,QAAQ,EAAE;gBACR,EAAE,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,EAAE,EAAE,MAAM,EAAE,CAAC,MAAM,CAAC,EAAE;gBACjD,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,EAAE,EAAE;gBAC5B,EAAE,KAAK,EAAE,EAAE,QAAQ,EAAE,OAAO,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE;aAC7C;SACF;KACF;CACF,CAAC;AAEF,MAAM,cAAc,GAAgB;IAClC;QACE,KAAK,EAAE,EAAE,OAAO,EAAE,QAAQ,EAAE;QAC5B,KAAK,EAAE;YACL,UAAU,EAAE;gBACV,UAAU,EAAE,OAAO;gBACnB,QAAQ,EAAE,CAAC;gBACX,QAAQ,EAAE,SAAS;gBACnB,QAAQ,EAAE,EAAE;gBACZ,QAAQ,EAAE,SAAS;aACpB;YACD,aAAa,EAAE;gBACb,UAAU,EAAE,OAAO;gBACnB,QAAQ,EAAE,CAAC;gBACX,QAAQ,EAAE,EAAE;gBACZ,QAAQ,EAAE,CAAC;gBACX,QAAQ,EAAE,CAAC;aACZ;YACD,QAAQ,EAAE;gBACR,EAAE,KAAK,EAAE,aAAa,EAAE,MAAM,EAAE,EAAE,EAAE;gBACpC,EAAE,KAAK,EAAE,EAAE,QAAQ,EAAE,OAAO,EAAE,EAAE,MAAM,EAAE,CAAC,MAAM,CAAC,EAAE;aACnD;YACD,WAAW,EAAE,GAAG;SACjB;KACF;CACF,CAAC;AAEF,MAAM,cAAc,GAAgB;IAClC,EAAE,KAAK,EAAE,EAAE,KAAK,EAAE,SAAS,EAAE,EAAE,KAAK,EAAE,EAAE,KAAK,EAAE,SAAS,EAAE,EAAE;IAC5D,EAAE,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,EAAE,KAAK,EAAE,EAAE,KAAK,EAAE,SAAS,EAAE,EAAE;IACzD,EAAE,KAAK,EAAE,EAAE,KAAK,EAAE,KAAK,EAAE,EAAE,KAAK,EAAE,EAAE,KAAK,EAAE,SAAS,EAAE,EAAE;CACzD,CAAC;AAEF,MAAM,CAAC,MAAM,oBAAoB,GAAgB;IAC/C,GAAG,YAAY;IACf,GAAG,cAAc;IACjB,GAAG,cAAc;CAClB,CAAC;AAEF,MAAM,SAAS,GAAG,GAAG,EAAE;IACrB,OAAO,CACL,cAAK,KAAK,EAAE,EAAE,MAAM,EAAE,OAAO,EAAE,YAC7B,KAAC,kBAAkB,IACjB,KAAK,EAAE,kBAAkB,CAAC,KAAK,EAC/B,IAAI,EAAE,kBAAkB,CAAC,IAAI,EAC7B,SAAS,EAAE,gBAAgB,EAC3B,aAAa,EAAE,oBAAoB,GACnC,GACE,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,SAAS,CAAC","sourcesContent":["/**\n *\n *  Copyright (c) \"Neo4j\"\n *  Neo4j Sweden AB [http://neo4j.com]\n *\n *  This file is part of Neo4j.\n *\n *  Neo4j is free software: you can redistribute it and/or modify\n *  it under the terms of the GNU General Public License as published by\n *  the Free Software Foundation, either version 3 of the License, or\n *  (at your option) any later version.\n *\n *  This program is distributed in the hope that it will be useful,\n *  but WITHOUT ANY WARRANTY; without even the implied warranty of\n *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the\n *  GNU General Public License for more details.\n *\n *  You should have received a copy of the GNU General Public License\n *  along with this program.  If not, see <http://www.gnu.org/licenses/>.\n */\n\nimport { GraphVisualization } from '../graph-visualization';\nimport { type StyleRule } from '../styling/style-types';\nimport { advancedStoryGraph, containerClasses } from './story-data';\n\nconst pokemonRules: StyleRule[] = [\n  {\n    match: { label: 'Pokemon' },\n    apply: {\n      colorRange: {\n        onProperty: 'level',\n        minValue: 1,\n        minColor: '#3498db',\n        midValue: 45,\n        midColor: '#f1c40f',\n        maxValue: 88,\n        maxColor: '#e74c3c',\n      },\n      nodeSizeRange: {\n        onProperty: 'level',\n        minValue: 1,\n        maxValue: 88,\n        minSize: 20,\n        maxSize: 50,\n      },\n      captions: [\n        { value: { property: 'name' }, styles: ['bold'] },\n        { value: ' Lv', styles: [] },\n        { value: { property: 'level' }, styles: [] },\n      ],\n    },\n  },\n];\n\nconst caughtRelRules: StyleRule[] = [\n  {\n    match: { reltype: 'CAUGHT' },\n    apply: {\n      colorRange: {\n        onProperty: 'level',\n        minValue: 1,\n        minColor: '#00d2ff',\n        maxValue: 40,\n        maxColor: '#ff2d78',\n      },\n      relWidthRange: {\n        onProperty: 'level',\n        minValue: 1,\n        maxValue: 40,\n        minWidth: 1,\n        maxWidth: 8,\n      },\n      captions: [\n        { value: 'Caught @ Lv', styles: [] },\n        { value: { property: 'level' }, styles: ['bold'] },\n      ],\n      captionSize: 1.5,\n    },\n  },\n];\n\nconst otherNodeRules: StyleRule[] = [\n  { match: { label: 'Trainer' }, apply: { color: '#95a5a6' } },\n  { match: { label: 'Type' }, apply: { color: '#bdc3c7' } },\n  { match: { label: 'Gym' }, apply: { color: '#bdc3c7' } },\n];\n\nexport const colorRangeStyleRules: StyleRule[] = [\n  ...pokemonRules,\n  ...caughtRelRules,\n  ...otherNodeRules,\n];\n\nconst Component = () => {\n  return (\n    <div style={{ height: '600px' }}>\n      <GraphVisualization\n        nodes={advancedStoryGraph.nodes}\n        rels={advancedStoryGraph.rels}\n        className={containerClasses}\n        nvlStyleRules={colorRangeStyleRules}\n      />\n    </div>\n  );\n};\n\nexport default Component;\n"]}
+{"version":3,"file":"graph-visualization-range-styling.story.js","sourceRoot":"","sources":["../../../src/stories/graph-visualization-range-styling.story.tsx"],"names":[],"mappings":"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","sourcesContent":["/**\n *\n *  Copyright (c) \"Neo4j\"\n *  Neo4j Sweden AB [http://neo4j.com]\n *\n *  This file is part of Neo4j.\n *\n *  Neo4j is free software: you can redistribute it and/or modify\n *  it under the terms of the GNU General Public License as published by\n *  the Free Software Foundation, either version 3 of the License, or\n *  (at your option) any later version.\n *\n *  This program is distributed in the hope that it will be useful,\n *  but WITHOUT ANY WARRANTY; without even the implied warranty of\n *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the\n *  GNU General Public License for more details.\n *\n *  You should have received a copy of the GNU General Public License\n *  along with this program.  If not, see <http://www.gnu.org/licenses/>.\n */\n\nimport { GraphVisualization } from '../graph-visualization';\nimport { type GraphStyleRule } from '../styling/style-types';\nimport { advancedStoryGraph, containerClasses } from './story-data';\n\nconst pokemonRules: GraphStyleRule[] = [\n  {\n    match: { label: 'Pokemon' },\n    apply: {\n      colorRange: {\n        onProperty: 'level',\n        minValue: 1,\n        minColor: '#3498db',\n        midValue: 45,\n        midColor: '#f1c40f',\n        maxValue: 88,\n        maxColor: '#e74c3c',\n      },\n      sizeRange: {\n        onProperty: 'level',\n        minValue: 1,\n        maxValue: 88,\n        minSize: 20,\n        maxSize: 50,\n      },\n      captions: {\n        text: [\n          { value: { property: 'name' }, styles: ['bold'] },\n          { value: ' Lv', styles: [] },\n          { value: { property: 'level' }, styles: [] },\n        ],\n      },\n    },\n  },\n];\n\nconst caughtRelRules: GraphStyleRule[] = [\n  {\n    match: { reltype: 'CAUGHT' },\n    apply: {\n      colorRange: {\n        onProperty: 'level',\n        minValue: 1,\n        minColor: '#00d2ff',\n        maxValue: 40,\n        maxColor: '#ff2d78',\n      },\n      width: { value: 4 },\n      widthRange: {\n        onProperty: 'level',\n        minValue: 1,\n        maxValue: 40,\n        minWidth: 1,\n        maxWidth: 8,\n      },\n      captions: {\n        text: [\n          { value: 'Caught @ Lv', styles: [] },\n          { value: { property: 'level' }, styles: ['bold'] },\n        ],\n        size: 1.5,\n      },\n    },\n  },\n];\n\nconst otherNodeRules: GraphStyleRule[] = [\n  { match: { label: 'Trainer' }, apply: { color: { value: '#95a5a6' } } },\n  { match: { label: 'Type' }, apply: { color: { value: '#bdc3c7' } } },\n  { match: { label: 'Gym' }, apply: { color: { value: '#bdc3c7' } } },\n];\n\nexport const colorRangeStyleRules: GraphStyleRule[] = [\n  ...pokemonRules,\n  ...caughtRelRules,\n  ...otherNodeRules,\n];\n\nconst Component = () => {\n  return (\n    <div style={{ height: '600px' }}>\n      <GraphVisualization\n        nodes={advancedStoryGraph.nodes}\n        rels={advancedStoryGraph.rels}\n        className={containerClasses}\n        styleRules={colorRangeStyleRules}\n      />\n    </div>\n  );\n};\n\nexport default Component;\n"]}