@neo4j-ndl/react-graph 2.0.22 → 2.0.23

package/lib/esm/_generated/style-rules/numeric-utils.js

@@ -0,0 +1,155 @@
+/**
+ *
+ *  Copyright (c) "Neo4j"
+ *  Neo4j Sweden AB [http://neo4j.com]
+ *
+ *  This file is part of Neo4j.
+ *
+ *  Neo4j is free software: you can redistribute it and/or modify
+ *  it under the terms of the GNU General Public License as published by
+ *  the Free Software Foundation, either version 3 of the License, or
+ *  (at your option) any later version.
+ *
+ *  This program is distributed in the hope that it will be useful,
+ *  but WITHOUT ANY WARRANTY; without even the implied warranty of
+ *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ *  GNU General Public License for more details.
+ *
+ *  You should have received a copy of the GNU General Public License
+ *  along with this program.  If not, see <http://www.gnu.org/licenses/>.
+ */
+
+/*
+ * AUTO-GENERATED FILE — DO NOT EDIT.
+ * Source of truth: packages/style-rules/src/
+ * Regenerate with `pnpm generate:shared` (runs automatically at build/dev/install).
+ */
+const BIGINT_ZERO = BigInt(0);
+const BIGINT_ONE = BigInt(1);
+const BIGINT_TWO = BigInt(2);
+const BIGINT_RATIO_SCALE = BigInt('1000000000000000000');
+function bigintPowerOfTen(exponent) {
+    return BigInt(`1${'0'.repeat(exponent)}`);
+}
+/** Resolves a native or JSON-safe numeric literal without reducing bigints. */
+export function resolveNumericLiteral(value) {
+    return typeof value === 'object' ? BigInt(value.bigint) : value;
+}
+/** Returns whether a value is the JSON-safe bigint literal shape. */
+export function isBigintLiteral(value) {
+    return (typeof value === 'object' &&
+        value !== null &&
+        'bigint' in value &&
+        typeof value.bigint === 'string' &&
+        /^[+-]?\d+$/.test(value.bigint));
+}
+/**
+ * Compares numeric values without coercing bigint operands to number.
+ * Returns null for NaN, otherwise -1, 0, or 1.
+ */
+export function compareNumericValues(left, right) {
+    if ((typeof left === 'number' && Number.isNaN(left)) ||
+        (typeof right === 'number' && Number.isNaN(right))) {
+        return null;
+    }
+    if (left < right) {
+        return -1;
+    }
+    if (left > right) {
+        return 1;
+    }
+    return 0;
+}
+/** Numeric equality that treats equivalent number and bigint values as equal. */
+export function numericValuesEqual(left, right) {
+    return compareNumericValues(left, right) === 0;
+}
+/**
+ * Clamps a numeric value between two endpoints. Inverted endpoints are
+ * supported, and the original number/bigint representation is retained.
+ */
+export function clampNumericValue(value, firstBound, secondBound) {
+    const boundsOrder = compareNumericValues(firstBound, secondBound);
+    if (boundsOrder === null) {
+        return null;
+    }
+    const min = boundsOrder <= 0 ? firstBound : secondBound;
+    const max = boundsOrder <= 0 ? secondBound : firstBound;
+    const minOrder = compareNumericValues(value, min);
+    const maxOrder = compareNumericValues(value, max);
+    if (minOrder === null || maxOrder === null) {
+        return null;
+    }
+    if (minOrder < 0) {
+        return min;
+    }
+    if (maxOrder > 0) {
+        return max;
+    }
+    return value;
+}
+function numberToRational(value) {
+    if (!Number.isFinite(value)) {
+        return null;
+    }
+    const match = /^([+-]?)(\d+)(?:\.(\d+))?(?:e([+-]?\d+))?$/i.exec(value.toString());
+    if (!match) {
+        return null;
+    }
+    const [, sign, integer, fraction = '', exponentText = '0'] = match;
+    const exponent = Number(exponentText) - fraction.length;
+    const digits = BigInt(`${sign}${integer}${fraction}`);
+    if (exponent >= 0) {
+        return {
+            denominator: BIGINT_ONE,
+            numerator: digits * bigintPowerOfTen(exponent),
+        };
+    }
+    return {
+        denominator: bigintPowerOfTen(-exponent),
+        numerator: digits,
+    };
+}
+function toRational(value) {
+    return typeof value === 'bigint'
+        ? { denominator: BIGINT_ONE, numerator: value }
+        : numberToRational(value);
+}
+function divideBigints(numerator, denominator) {
+    if (denominator === BIGINT_ZERO) {
+        return null;
+    }
+    const isNegative = numerator < BIGINT_ZERO !== denominator < BIGINT_ZERO;
+    const absoluteNumerator = numerator < BIGINT_ZERO ? -numerator : numerator;
+    const absoluteDenominator = denominator < BIGINT_ZERO ? -denominator : denominator;
+    const integer = absoluteNumerator / absoluteDenominator;
+    const remainder = absoluteNumerator % absoluteDenominator;
+    const fraction = (remainder * BIGINT_RATIO_SCALE + absoluteDenominator / BIGINT_TWO) /
+        absoluteDenominator;
+    const result = Number(integer) + Number(fraction) / Number(BIGINT_RATIO_SCALE);
+    return isNegative ? -result : result;
+}
+/**
+ * Computes `(value - startValue) / (endValue - startValue)` while retaining
+ * bigint precision. Only the final dimensionless interpolation weight is
+ * converted to number.
+ */
+export function getNumericWeight(startValue, endValue, value) {
+    if (typeof startValue === 'number' &&
+        typeof endValue === 'number' &&
+        typeof value === 'number') {
+        const weight = (value - startValue) / (endValue - startValue);
+        return Number.isNaN(weight) ? null : weight;
+    }
+    const start = toRational(startValue);
+    const end = toRational(endValue);
+    const current = toRational(value);
+    if (start === null || end === null || current === null) {
+        return null;
+    }
+    const valueDelta = current.numerator * start.denominator -
+        start.numerator * current.denominator;
+    const rangeDelta = end.numerator * start.denominator - start.numerator * end.denominator;
+    return divideBigints(valueDelta * end.denominator, current.denominator * rangeDelta);
+}
+//# sourceMappingURL=numeric-utils.js.map

package/lib/esm/_generated/style-rules/numeric-utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"numeric-utils.js","sourceRoot":"","sources":["../../../../src/_generated/style-rules/numeric-utils.ts"],"names":[],"mappings":"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","sourcesContent":["/*\n * AUTO-GENERATED FILE — DO NOT EDIT.\n * Source of truth: packages/style-rules/src/\n * Regenerate with `pnpm generate:shared` (runs automatically at build/dev/install).\n */\n\n/**\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 { BigintLiteral, NumericLiteral } from './literal-schemas';\n\nexport type NumericValue = number | bigint;\n\ntype Rational = {\n  denominator: bigint;\n  numerator: bigint;\n};\n\nconst BIGINT_ZERO = BigInt(0);\nconst BIGINT_ONE = BigInt(1);\nconst BIGINT_TWO = BigInt(2);\nconst BIGINT_RATIO_SCALE = BigInt('1000000000000000000');\n\nfunction bigintPowerOfTen(exponent: number): bigint {\n  return BigInt(`1${'0'.repeat(exponent)}`);\n}\n\n/** Resolves a native or JSON-safe numeric literal without reducing bigints. */\nexport function resolveNumericLiteral(value: NumericLiteral): NumericValue {\n  return typeof value === 'object' ? BigInt(value.bigint) : value;\n}\n\n/** Returns whether a value is the JSON-safe bigint literal shape. */\nexport function isBigintLiteral(value: unknown): value is BigintLiteral {\n  return (\n    typeof value === 'object' &&\n    value !== null &&\n    'bigint' in value &&\n    typeof value.bigint === 'string' &&\n    /^[+-]?\\d+$/.test(value.bigint)\n  );\n}\n\n/**\n * Compares numeric values without coercing bigint operands to number.\n * Returns null for NaN, otherwise -1, 0, or 1.\n */\nexport function compareNumericValues(\n  left: NumericValue,\n  right: NumericValue,\n): -1 | 0 | 1 | null {\n  if (\n    (typeof left === 'number' && Number.isNaN(left)) ||\n    (typeof right === 'number' && Number.isNaN(right))\n  ) {\n    return null;\n  }\n  if (left < right) {\n    return -1;\n  }\n  if (left > right) {\n    return 1;\n  }\n  return 0;\n}\n\n/** Numeric equality that treats equivalent number and bigint values as equal. */\nexport function numericValuesEqual(\n  left: NumericValue,\n  right: NumericValue,\n): boolean {\n  return compareNumericValues(left, right) === 0;\n}\n\n/**\n * Clamps a numeric value between two endpoints. Inverted endpoints are\n * supported, and the original number/bigint representation is retained.\n */\nexport function clampNumericValue(\n  value: NumericValue,\n  firstBound: NumericValue,\n  secondBound: NumericValue,\n): NumericValue | null {\n  const boundsOrder = compareNumericValues(firstBound, secondBound);\n  if (boundsOrder === null) {\n    return null;\n  }\n  const min = boundsOrder <= 0 ? firstBound : secondBound;\n  const max = boundsOrder <= 0 ? secondBound : firstBound;\n  const minOrder = compareNumericValues(value, min);\n  const maxOrder = compareNumericValues(value, max);\n  if (minOrder === null || maxOrder === null) {\n    return null;\n  }\n  if (minOrder < 0) {\n    return min;\n  }\n  if (maxOrder > 0) {\n    return max;\n  }\n  return value;\n}\n\nfunction numberToRational(value: number): Rational | null {\n  if (!Number.isFinite(value)) {\n    return null;\n  }\n\n  const match = /^([+-]?)(\\d+)(?:\\.(\\d+))?(?:e([+-]?\\d+))?$/i.exec(\n    value.toString(),\n  );\n  if (!match) {\n    return null;\n  }\n\n  const [, sign, integer, fraction = '', exponentText = '0'] = match;\n  const exponent = Number(exponentText) - fraction.length;\n  const digits = BigInt(`${sign}${integer}${fraction}`);\n  if (exponent >= 0) {\n    return {\n      denominator: BIGINT_ONE,\n      numerator: digits * bigintPowerOfTen(exponent),\n    };\n  }\n  return {\n    denominator: bigintPowerOfTen(-exponent),\n    numerator: digits,\n  };\n}\n\nfunction toRational(value: NumericValue): Rational | null {\n  return typeof value === 'bigint'\n    ? { denominator: BIGINT_ONE, numerator: value }\n    : numberToRational(value);\n}\n\nfunction divideBigints(numerator: bigint, denominator: bigint): number | null {\n  if (denominator === BIGINT_ZERO) {\n    return null;\n  }\n\n  const isNegative = numerator < BIGINT_ZERO !== denominator < BIGINT_ZERO;\n  const absoluteNumerator = numerator < BIGINT_ZERO ? -numerator : numerator;\n  const absoluteDenominator =\n    denominator < BIGINT_ZERO ? -denominator : denominator;\n  const integer = absoluteNumerator / absoluteDenominator;\n  const remainder = absoluteNumerator % absoluteDenominator;\n  const fraction =\n    (remainder * BIGINT_RATIO_SCALE + absoluteDenominator / BIGINT_TWO) /\n    absoluteDenominator;\n  const result =\n    Number(integer) + Number(fraction) / Number(BIGINT_RATIO_SCALE);\n\n  return isNegative ? -result : result;\n}\n\n/**\n * Computes `(value - startValue) / (endValue - startValue)` while retaining\n * bigint precision. Only the final dimensionless interpolation weight is\n * converted to number.\n */\nexport function getNumericWeight(\n  startValue: NumericValue,\n  endValue: NumericValue,\n  value: NumericValue,\n): number | null {\n  if (\n    typeof startValue === 'number' &&\n    typeof endValue === 'number' &&\n    typeof value === 'number'\n  ) {\n    const weight = (value - startValue) / (endValue - startValue);\n    return Number.isNaN(weight) ? null : weight;\n  }\n\n  const start = toRational(startValue);\n  const end = toRational(endValue);\n  const current = toRational(value);\n  if (start === null || end === null || current === null) {\n    return null;\n  }\n\n  const valueDelta =\n    current.numerator * start.denominator -\n    start.numerator * current.denominator;\n  const rangeDelta =\n    end.numerator * start.denominator - start.numerator * end.denominator;\n\n  return divideBigints(\n    valueDelta * end.denominator,\n    current.denominator * rangeDelta,\n  );\n}\n"]}

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;AACvC,OAAO,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AAkBzD,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 { isGraphStyleRule } from './styling/style-types';\nexport type {\n  GraphStyleRule,\n  Style as GraphStyle,\n  Where as GraphWhere,\n  Value as GraphValue,\n  CypherValue as GraphCypherValue,\n  Caption as GraphCaption,\n  CaptionValue as GraphCaptionValue,\n  CaptionVariation as GraphCaptionVariation,\n  ColorRange as GraphColorRange,\n  SizeRange as GraphSizeRange,\n  WidthRange as GraphWidthRange,\n  UniqueColors as GraphUniqueColors,\n  DatetimeLiteral as GraphDatetimeLiteral,\n  LocalDatetimeLiteral as GraphLocalDatetimeLiteral,\n  TimeLiteral as GraphTimeLiteral,\n} from './styling/style-types';\nexport { compileGraphStyleRules } from './styling/compile-graph-styles';\nexport { parseStyleRules } from './styling/parse-style-rules';\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;AACvC,OAAO,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AAoBzD,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 { isGraphStyleRule } from './styling/style-types';\nexport type {\n  GraphStyleRule,\n  GraphBigintLiteral,\n  GraphNumericLiteral,\n  Style as GraphStyle,\n  Where as GraphWhere,\n  Value as GraphValue,\n  CypherValue as GraphCypherValue,\n  Caption as GraphCaption,\n  CaptionValue as GraphCaptionValue,\n  CaptionVariation as GraphCaptionVariation,\n  ColorRange as GraphColorRange,\n  SizeRange as GraphSizeRange,\n  WidthRange as GraphWidthRange,\n  UniqueColors as GraphUniqueColors,\n  DatetimeLiteral as GraphDatetimeLiteral,\n  LocalDatetimeLiteral as GraphLocalDatetimeLiteral,\n  TimeLiteral as GraphTimeLiteral,\n} 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

@@ -23,67 +23,67 @@ import { GraphVisualization } from '../graph-visualization';
 import { advancedStoryGraph, containerClasses } from './story-data';
 const pokemonRules = [
     {
-        match: { label: 'Pokemon' },
         apply: {
+            captions: {
+                text: [
+                    { styles: ['bold'], value: { property: 'name' } },
+                    { styles: [], value: ' Lv' },
+                    { styles: [], value: { property: 'level' } },
+                ],
+            },
             colorRange: {
-                onProperty: 'level',
-                minValue: 1,
-                minColor: '#3498db',
-                midValue: 45,
-                midColor: '#f1c40f',
-                maxValue: 88,
                 maxColor: '#e74c3c',
+                maxValue: 88,
+                midColor: '#f1c40f',
+                midValue: 45,
+                minColor: '#3498db',
+                minValue: 1,
+                onProperty: 'level',
             },
             sizeRange: {
-                onProperty: 'level',
-                minValue: 1,
+                maxSize: 50,
                 maxValue: 88,
                 minSize: 20,
-                maxSize: 50,
-            },
-            captions: {
-                text: [
-                    { value: { property: 'name' }, styles: ['bold'] },
-                    { value: ' Lv', styles: [] },
-                    { value: { property: 'level' }, styles: [] },
-                ],
+                minValue: 1,
+                onProperty: 'level',
             },
         },
+        match: { label: 'Pokemon' },
     },
 ];
 const caughtRelRules = [
     {
-        match: { reltype: 'CAUGHT' },
         apply: {
+            captions: {
+                size: 1.5,
+                text: [
+                    { styles: [], value: 'Caught @ Lv' },
+                    { styles: ['bold'], value: { property: 'level' } },
+                ],
+            },
             colorRange: {
-                onProperty: 'level',
-                minValue: 1,
-                minColor: '#00d2ff',
-                maxValue: 40,
                 maxColor: '#ff2d78',
+                maxValue: 40,
+                minColor: '#00d2ff',
+                minValue: 1,
+                onProperty: 'level',
             },
             width: { value: 4 },
             widthRange: {
-                onProperty: 'level',
-                minValue: 1,
                 maxValue: 40,
-                minWidth: 1,
                 maxWidth: 8,
-            },
-            captions: {
-                text: [
-                    { value: 'Caught @ Lv', styles: [] },
-                    { value: { property: 'level' }, styles: ['bold'] },
-                ],
-                size: 1.5,
+                minValue: 1,
+                minWidth: 1,
+                onProperty: 'level',
             },
         },
+        match: { reltype: 'CAUGHT' },
     },
 ];
 const otherNodeRules = [
-    { match: { label: 'Trainer' }, apply: { color: { value: '#95a5a6' } } },
-    { match: { label: 'Type' }, apply: { color: { value: '#bdc3c7' } } },
-    { match: { label: 'Gym' }, apply: { color: { value: '#bdc3c7' } } },
+    { apply: { color: { value: '#95a5a6' } }, match: { label: 'Trainer' } },
+    { apply: { color: { value: '#bdc3c7' } }, match: { label: 'Type' } },
+    { apply: { color: { value: '#bdc3c7' } }, match: { label: 'Gym' } },
 ];
 export const colorRangeStyleRules = [
     ...pokemonRules,

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":"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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"]}
+{"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    apply: {\n      captions: {\n        text: [\n          { styles: ['bold'], value: { property: 'name' } },\n          { styles: [], value: ' Lv' },\n          { styles: [], value: { property: 'level' } },\n        ],\n      },\n      colorRange: {\n        maxColor: '#e74c3c',\n        maxValue: 88,\n        midColor: '#f1c40f',\n        midValue: 45,\n        minColor: '#3498db',\n        minValue: 1,\n        onProperty: 'level',\n      },\n      sizeRange: {\n        maxSize: 50,\n        maxValue: 88,\n        minSize: 20,\n        minValue: 1,\n        onProperty: 'level',\n      },\n    },\n    match: { label: 'Pokemon' },\n  },\n];\n\nconst caughtRelRules: GraphStyleRule[] = [\n  {\n    apply: {\n      captions: {\n        size: 1.5,\n        text: [\n          { styles: [], value: 'Caught @ Lv' },\n          { styles: ['bold'], value: { property: 'level' } },\n        ],\n      },\n      colorRange: {\n        maxColor: '#ff2d78',\n        maxValue: 40,\n        minColor: '#00d2ff',\n        minValue: 1,\n        onProperty: 'level',\n      },\n      width: { value: 4 },\n      widthRange: {\n        maxValue: 40,\n        maxWidth: 8,\n        minValue: 1,\n        minWidth: 1,\n        onProperty: 'level',\n      },\n    },\n    match: { reltype: 'CAUGHT' },\n  },\n];\n\nconst otherNodeRules: GraphStyleRule[] = [\n  { apply: { color: { value: '#95a5a6' } }, match: { label: 'Trainer' } },\n  { apply: { color: { value: '#bdc3c7' } }, match: { label: 'Type' } },\n  { apply: { color: { value: '#bdc3c7' } }, match: { label: 'Gym' } },\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"]}

package/lib/esm/styling/compile-graph-styles.js

@@ -32,7 +32,7 @@ var __rest = (this && this.__rest) || function (s, e) {
 import { calculateDefaultNodeColors } from '@neo4j-devtools/word-color';
 import { tokens } from '@neo4j-ndl/base';
 import { color, rgbToHex, validHex } from '@uiw/react-color';
-import { getWeight, lerpColor, parseDateString, parseLocalDateString, parseTimeString, } from '../_generated/style-rules';
+import { clampNumericValue, compareNumericValues, getNumericWeight, isBigintLiteral, lerpColor, numericValuesEqual, parseDateString, parseLocalDateString, parseTimeString, resolveNumericLiteral, } from '../_generated/style-rules';
 export const DEFAULT_REL_COLOR = tokens.palette.neutral['40'];
 const NO_LABEL_FALLBACK_COLOR = tokens.palette.neutral['40'];
 export const UNIQUE_COLORS_PALETTE = Object.values(tokens.graph).filter(validHex);
@@ -109,13 +109,21 @@ function getInterpolatedColor(colorRange, graphItem) {
     }
     const minRgb = color(minColor).rgb;
     const maxRgb = color(maxColor).rgb;
-    // min/max can be inverted, we need to now which one is bigger
-    const actualMinValue = Math.min(minValue, maxValue);
-    const actualMaxValue = Math.max(minValue, maxValue);
+    const resolvedMinValue = resolveNumericLiteral(minValue);
+    const resolvedMaxValue = resolveNumericLiteral(maxValue);
+    const boundsOrder = compareNumericValues(resolvedMinValue, resolvedMaxValue);
+    if (boundsOrder === null) {
+        return null;
+    }
+    const actualMinValue = boundsOrder <= 0 ? resolvedMinValue : resolvedMaxValue;
+    const actualMaxValue = boundsOrder <= 0 ? resolvedMaxValue : resolvedMinValue;
     // Validate mid stop if provided
     let midRgb = undefined;
+    const resolvedMidValue = midValue === undefined ? undefined : resolveNumericLiteral(midValue);
     if (midValue !== undefined && midColor !== undefined) {
-        const isMidInRange = actualMinValue <= midValue && midValue <= actualMaxValue;
+        const minToMid = compareNumericValues(actualMinValue, resolvedMidValue);
+        const midToMax = compareNumericValues(resolvedMidValue, actualMaxValue);
+        const isMidInRange = minToMid !== null && midToMax !== null && minToMid <= 0 && midToMax <= 0;
         if (!isMidInRange || !validHex(midColor)) {
             return null;
         }
@@ -126,25 +134,37 @@ function getInterpolatedColor(colorRange, graphItem) {
         return null;
     }
     const rawValue = extractPropertyValue(prop);
-    if (typeof rawValue !== 'number') {
+    if (typeof rawValue !== 'number' && typeof rawValue !== 'bigint') {
+        return null;
+    }
+    const clampedValue = clampNumericValue(rawValue, actualMinValue, actualMaxValue);
+    if (clampedValue === null) {
         return null;
     }
-    const clampedValue = Math.max(actualMinValue, Math.min(actualMaxValue, rawValue));
     let rgb;
-    if (midRgb !== undefined && midValue !== undefined) {
-        const t = getWeight(minValue, midValue, clampedValue);
-        const isBetweenMinAndMid = t <= 1;
+    if (midRgb !== undefined && resolvedMidValue !== undefined) {
+        const weight = getNumericWeight(resolvedMinValue, resolvedMidValue, clampedValue);
+        if (weight === null) {
+            return null;
+        }
+        const isBetweenMinAndMid = weight <= 1;
         if (isBetweenMinAndMid) {
-            rgb = lerpColor(minRgb, midRgb, t);
+            rgb = lerpColor(minRgb, midRgb, weight);
         }
         else {
-            const t = getWeight(midValue, maxValue, clampedValue);
-            rgb = lerpColor(midRgb, maxRgb, t);
+            const secondWeight = getNumericWeight(resolvedMidValue, resolvedMaxValue, clampedValue);
+            if (secondWeight === null) {
+                return null;
+            }
+            rgb = lerpColor(midRgb, maxRgb, secondWeight);
         }
     }
     else {
-        const t = getWeight(minValue, maxValue, clampedValue);
-        rgb = lerpColor(minRgb, maxRgb, t);
+        const weight = getNumericWeight(resolvedMinValue, resolvedMaxValue, clampedValue);
+        if (weight === null) {
+            return null;
+        }
+        rgb = lerpColor(minRgb, maxRgb, weight);
     }
     return rgbToHex(rgb);
 }
@@ -157,14 +177,20 @@ function getInterpolatedSize(prop, minValue, maxValue, minOut, maxOut) {
         return null;
     }
     const rawValue = extractPropertyValue(prop);
-    if (typeof rawValue !== 'number') {
+    if (typeof rawValue !== 'number' && typeof rawValue !== 'bigint') {
         return null;
     }
-    const actualMinValue = Math.min(minValue, maxValue);
-    const actualMaxValue = Math.max(minValue, maxValue);
-    const clampedValue = Math.max(actualMinValue, Math.min(actualMaxValue, rawValue));
-    const t = getWeight(minValue, maxValue, clampedValue);
-    return minOut * (1 - t) + maxOut * t;
+    const resolvedMinValue = resolveNumericLiteral(minValue);
+    const resolvedMaxValue = resolveNumericLiteral(maxValue);
+    const clampedValue = clampNumericValue(rawValue, resolvedMinValue, resolvedMaxValue);
+    if (clampedValue === null) {
+        return null;
+    }
+    const weight = getNumericWeight(resolvedMinValue, resolvedMaxValue, clampedValue);
+    if (weight === null) {
+        return null;
+    }
+    return minOut * (1 - weight) + maxOut * weight;
 }
 function extractPropertyValue(prop) {
     switch (prop.type) {
@@ -172,8 +198,21 @@ function extractPropertyValue(prop) {
             return JSON.parse(prop.stringified);
         case 'number':
         case 'integer':
+        case 'Integer':
         case 'float':
             return Number(prop.stringified);
+        case 'bigint':
+        case 'BigInt': {
+            try {
+                const value = prop.stringified.startsWith('"')
+                    ? JSON.parse(prop.stringified)
+                    : prop.stringified;
+                return BigInt(value);
+            }
+            catch (_a) {
+                return null;
+            }
+        }
         case 'boolean':
         case 'Boolean':
             return prop.stringified === 'true';
@@ -230,6 +269,10 @@ function evaluateWhere(node, where) {
         if (leftVal === null || rightVal === null) {
             return null;
         }
+        if ((typeof leftVal === 'number' || typeof leftVal === 'bigint') &&
+            (typeof rightVal === 'number' || typeof rightVal === 'bigint')) {
+            return numericValuesEqual(leftVal, rightVal);
+        }
         return leftVal === rightVal;
     }
     if ('not' in where) {
@@ -492,6 +535,9 @@ function evaluateValue(value, graphItem) {
         if ('time' in value) {
             return parseTimeString(value.time);
         }
+        if (isBigintLiteral(value)) {
+            return resolveNumericLiteral(value);
+        }
     }
     return value;
 }
@@ -660,11 +706,11 @@ function createByLabelSetFunction(styleMatchers) {
     };
 }
 const DEFAULT_REL_STYLE = {
-    match: { reltype: null },
     apply: {
-        color: { value: DEFAULT_REL_COLOR },
         captions: { text: [{ value: { useType: true } }] },
+        color: { value: DEFAULT_REL_COLOR },
     },
+    match: { reltype: null },
 };
 export function compileGraphStyleRules(styleRules) {
     const styleMatchers = collectStyleMatchers(styleRules);