@neo4j-ndl/react-graph 2.1.1 → 2.1.3

package/lib/cjs/stories/graph-visualization-rule-based-styling-advanced.story.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"graph-visualization-rule-based-styling-advanced.story.js","sourceRoot":"","sources":["../../../src/stories/graph-visualization-rule-based-styling-advanced.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\nexport const defaultNodeRules: GraphStyleRule[] = [\n  {\n    match: { label: null },\n    apply: { size: { value: 10 } },\n  },\n];\n\nexport const trainerRules: GraphStyleRule[] = [\n  {\n    match: { label: 'Trainer' },\n    where: { equal: [{ property: 'reputation' }, 'Gym Leader'] },\n    priority: 20, // Gym Leaders are special - should override level-based styling\n    apply: {\n      color: { value: '#9b59b6' },\n      captions: {\n        text: [\n          { value: { property: 'name' }, styles: ['bold'] },\n          { value: ' 🏆', styles: [] },\n          { value: ' Gym Leader', styles: ['italic'] },\n        ],\n        align: 'bottom',\n      },\n      size: { value: 45 },\n    },\n  },\n  {\n    match: { label: 'Trainer' },\n    where: { greaterThanOrEqual: [{ property: 'level' }, 85] },\n    priority: 10, // Base high-level styling\n    apply: {\n      size: { value: 30 },\n      captions: {\n        text: [\n          { value: { property: 'name' }, styles: ['bold'] },\n          { value: ' (Lv ', styles: [] },\n          { value: { property: 'level' }, styles: [] },\n          { value: ')', styles: [] },\n        ],\n        size: 2,\n      },\n    },\n  },\n];\n\nexport const pokemonRules: GraphStyleRule[] = [\n  // Make the 'saur family green is our highest priority\n  {\n    match: { label: 'Pokemon' },\n    where: { endsWith: [{ property: 'name' }, 'saur'] },\n    priority: 50,\n    apply: {\n      color: { value: '#2ecc71' },\n      captions: {\n        text: [\n          { value: '🌿 ', styles: [] },\n          { value: { property: 'name' }, styles: ['bold', 'italic'] },\n        ],\n      },\n    },\n  },\n  {\n    match: { label: 'Pokemon' },\n    where: { equal: [{ property: 'is_starter' }, true] },\n    apply: {\n      color: { value: '#f39c12' },\n      captions: {\n        text: [\n          { value: { property: 'name' }, styles: ['bold'] },\n          { value: ' ⭐', styles: [] },\n        ],\n      },\n      size: { value: 40 },\n    },\n  },\n  {\n    match: { label: 'Pokemon' },\n    where: { greaterThanOrEqual: [{ property: 'level' }, 85] },\n    priority: 30, // High-level Pokemon override starter styling\n    apply: {\n      color: { value: '#c0392b' },\n      captions: {\n        text: [\n          { value: '💪 ', styles: [] },\n          { value: { property: 'name' }, styles: ['bold'] },\n          { value: ' Lv', styles: [] },\n          { value: { property: 'level' }, styles: [] },\n        ],\n      },\n      size: { value: 42 },\n    },\n  },\n  {\n    match: { label: 'Pokemon' },\n    where: { lessThan: [{ property: 'catch_rate' }, 50] },\n    priority: 40, // Rare caption is our second highest priority\n    apply: {\n      captions: {\n        text: [\n          { value: { property: 'name' }, styles: ['bold'] },\n          { value: ' (Rare)', styles: ['italic'] },\n        ],\n      },\n    },\n  },\n  {\n    match: { label: 'Pokemon' },\n    where: {\n      and: [\n        { lessThan: [{ property: 'level' }, 10] },\n        { not: { equal: [{ property: 'is_starter' }, true] } },\n      ],\n    },\n    priority: 15, // Baby Pokemon get special styling\n    apply: {\n      size: { value: 25 },\n      color: { value: '#95a5a6' },\n      captions: {\n        text: [\n          { value: { property: 'name' }, styles: ['italic'] },\n          { value: ' (Smol)', styles: [] },\n        ],\n      },\n    },\n  },\n];\n\nexport const typeRules: GraphStyleRule[] = [\n  {\n    match: { label: 'Type' },\n    where: {\n      or: [\n        { equal: [{ property: 'name' }, 'Grass'] },\n        { equal: [{ property: 'name' }, 'Poison'] },\n      ],\n    },\n    apply: {\n      color: { value: '#27ae60' },\n    },\n  },\n];\n\nexport const gymRules: GraphStyleRule[] = [\n  {\n    match: { label: 'Gym' },\n    apply: {\n      color: { value: '#8e44ad' },\n      size: { value: 48 },\n      captions: {\n        text: [\n          { value: '🏛️ ', styles: [] },\n          { value: { property: 'name' }, styles: ['bold', 'underline'] },\n        ],\n        align: 'top',\n      },\n    },\n  },\n];\n\nexport const battledRelRules: GraphStyleRule[] = [\n  {\n    match: { reltype: 'BATTLED' },\n    where: { equal: [{ property: 'won' }, true] },\n    apply: {\n      color: { value: '#27ae60' },\n      width: { value: 4 },\n      captions: { text: [{ value: 'WON BATTLE', styles: ['bold'] }], size: 2 },\n    },\n  },\n  {\n    match: { reltype: 'BATTLED' },\n    where: { equal: [{ property: 'won' }, false] },\n    apply: {\n      color: { value: '#e74c3c' },\n      width: { value: 2 },\n      captions: {\n        text: [{ value: 'LOST BATTLE', styles: ['italic'] }],\n        size: 2,\n      },\n    },\n  },\n];\n\nexport const caughtRelRules: GraphStyleRule[] = [\n  {\n    match: { reltype: 'CAUGHT' },\n    apply: {\n      color: { value: '#e91e63' },\n      width: { value: 3 },\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\nexport const evolvesToRelRules: GraphStyleRule[] = [\n  {\n    match: { reltype: 'EVOLVES_TO' },\n    apply: {\n      color: { value: '#16a085' },\n      width: { value: 2 },\n      captions: { text: [{ value: '→', styles: ['bold'] }] },\n    },\n  },\n  {\n    match: { reltype: 'EVOLVES_TO' },\n    where: { equal: [{ property: 'method' }, 'Level'] },\n    priority: 1,\n    apply: {\n      captions: {\n        text: [\n          { value: '→ Lv', styles: [] },\n          { value: { property: 'level' }, styles: ['bold'] },\n        ],\n      },\n    },\n  },\n  {\n    match: { reltype: 'EVOLVES_TO' },\n    where: { not: { equal: [{ property: 'method' }, 'Level'] } },\n    priority: 1,\n    apply: {\n      color: { value: '#8e44ad' },\n      captions: {\n        text: [\n          { value: '→ ', styles: [] },\n          { value: { property: 'method' }, styles: ['italic'] },\n        ],\n      },\n    },\n  },\n];\n\nexport const advancedStyleRules: GraphStyleRule[] = [\n  ...defaultNodeRules,\n  ...trainerRules,\n  ...pokemonRules,\n  ...typeRules,\n  ...gymRules,\n  ...battledRelRules,\n  ...caughtRelRules,\n  ...evolvesToRelRules,\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={advancedStyleRules}\n      />\n    </div>\n  );\n};\n\nexport default Component;\n"]}

package/lib/cjs/stories/graph-visualization-rule-based-styling-datetime.story.js

@@ -1,181 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.dateTimeStyleRules = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-/**
- *
- *  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/>.
- */
-const graph_visualization_1 = require("../graph-visualization");
-const story_data_1 = require("./story-data");
-/** Neo4j driver-style portable DateTime property (ISO string in `stringified`). */
-function dateTimeProp(iso) {
-    return { stringified: JSON.stringify(iso), type: 'DateTime' };
-}
-/** Neo4j driver-style portable LocalTime property. */
-function localTimeProp(time) {
-    return { stringified: JSON.stringify(time), type: 'LocalTime' };
-}
-/**
- * Pokemon nodes with `firstSeen` (DateTime) and optional `peakActivity` (LocalTime).
- * Values use UTC offsets and RFC 9557 IANA brackets where noted.
- * Pikachu uses IANA-only form (`…[Europe/Stockholm]`) — no explicit offset required.
- */
-const dateTimeStoryGraph = {
-    nodes: [
-        {
-            id: 'mewtwo',
-            labels: ['Pokemon'],
-            properties: {
-                era: { stringified: '"1996 — Kanto"', type: 'string' },
-                firstSeen: dateTimeProp('1996-02-27T00:00:00Z'),
-                name: { stringified: '"Mewtwo"', type: 'string' },
-            },
-        },
-        {
-            id: 'eevee',
-            labels: ['Pokemon'],
-            properties: {
-                era: { stringified: '"2024 — Paldea"', type: 'string' },
-                firstSeen: dateTimeProp('2024-01-15T10:00:00+01:00'),
-                name: { stringified: '"Eevee"', type: 'string' },
-            },
-        },
-        {
-            id: 'pikachu',
-            labels: ['Pokemon'],
-            properties: {
-                era: { stringified: '"2024 — Stockholm CEST"', type: 'string' },
-                // RFC 9557: local time in Europe/Stockholm — offset inferred (CEST in June)
-                firstSeen: dateTimeProp('2024-06-15T14:00:00[Europe/Stockholm]'),
-                name: { stringified: '"Pikachu"', type: 'string' },
-                peakActivity: localTimeProp('14:30:00'),
-            },
-        },
-        {
-            id: 'charizard',
-            labels: ['Pokemon'],
-            properties: {
-                era: { stringified: '"2024 — New York EDT"', type: 'string' },
-                firstSeen: dateTimeProp('2024-07-04T12:00:00-04:00[America/New_York]'),
-                name: { stringified: '"Charizard"', type: 'string' },
-                peakActivity: localTimeProp('09:00:00'),
-            },
-        },
-        {
-            id: 'dragon-type',
-            labels: ['Type'],
-            properties: { name: { stringified: '"Dragon"', type: 'string' } },
-        },
-    ],
-    rels: [
-        {
-            from: 'mewtwo',
-            id: 'rel1',
-            properties: {},
-            to: 'dragon-type',
-            type: 'HAS_TYPE',
-        },
-        {
-            from: 'pikachu',
-            id: 'rel2',
-            properties: {},
-            to: 'dragon-type',
-            type: 'HAS_TYPE',
-        },
-        {
-            from: 'charizard',
-            id: 'rel3',
-            properties: {},
-            to: 'dragon-type',
-            type: 'HAS_TYPE',
-        },
-    ],
-};
-exports.dateTimeStyleRules = [
-    {
-        // Default slate for all Pokemon
-        match: { label: 'Pokemon' },
-        apply: {
-            color: { value: '#94a3b8' },
-            captions: {
-                text: [
-                    { value: { property: 'name' }, styles: ['bold'] },
-                    { value: '\n', styles: [] },
-                    { value: { property: 'era' }, styles: ['italic'] },
-                ],
-            },
-            size: { value: 28 },
-        },
-    },
-    {
-        // firstSeen in 2024 or later (UTC midnight boundary)
-        match: { label: 'Pokemon' },
-        where: {
-            greaterThanOrEqual: [
-                { property: 'firstSeen' },
-                { datetime: '2024-01-01T00:00:00Z' },
-            ],
-        },
-        priority: 10,
-        apply: { color: { value: '#22c55e' } },
-    },
-    {
-        // firstSeen from mid-2024 onward
-        match: { label: 'Pokemon' },
-        where: {
-            greaterThanOrEqual: [
-                { property: 'firstSeen' },
-                { datetime: '2024-06-01T00:00:00Z' },
-            ],
-        },
-        priority: 20,
-        apply: { color: { value: '#f97316' }, size: { value: 36 } },
-    },
-    {
-        // Very recent sightings (June 2024+) — Charizard qualifies
-        match: { label: 'Pokemon' },
-        where: {
-            greaterThanOrEqual: [
-                { property: 'firstSeen' },
-                { datetime: '2024-06-15T14:00:00Z' },
-            ],
-        },
-        priority: 30,
-        apply: { color: { value: '#eab308' }, size: { value: 44 } },
-    },
-    {
-        // Afternoon-active Pokemon: peakActivity after noon UTC
-        match: { label: 'Pokemon' },
-        where: {
-            greaterThanOrEqual: [{ property: 'peakActivity' }, { time: '12:00:00Z' }],
-        },
-        priority: 40,
-        apply: { size: { value: 50 } },
-    },
-    {
-        match: { label: 'Type' },
-        apply: { color: { value: '#6366f1' }, size: { value: 22 } },
-    },
-];
-const Component = () => {
-    return ((0, jsx_runtime_1.jsx)("div", { style: { height: '600px' }, children: (0, jsx_runtime_1.jsx)(graph_visualization_1.GraphVisualization, { nodes: dateTimeStoryGraph.nodes, rels: dateTimeStoryGraph.rels, className: story_data_1.containerClasses, styleRules: exports.dateTimeStyleRules }) }));
-};
-exports.default = Component;
-//# sourceMappingURL=graph-visualization-rule-based-styling-datetime.story.js.map

package/lib/cjs/stories/graph-visualization-rule-based-styling-datetime.story.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"graph-visualization-rule-based-styling-datetime.story.js","sourceRoot":"","sources":["../../../src/stories/graph-visualization-rule-based-styling-datetime.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 {\n  type NeoNode,\n  type NeoRel,\n  type PortableProperty,\n} from '../graph-visualization-context';\nimport { type GraphStyleRule } from '../styling/style-types';\nimport { containerClasses } from './story-data';\n\n/** Neo4j driver-style portable DateTime property (ISO string in `stringified`). */\nfunction dateTimeProp(iso: string): PortableProperty {\n  return { stringified: JSON.stringify(iso), type: 'DateTime' };\n}\n\n/** Neo4j driver-style portable LocalTime property. */\nfunction localTimeProp(time: string): PortableProperty {\n  return { stringified: JSON.stringify(time), type: 'LocalTime' };\n}\n\n/**\n * Pokemon nodes with `firstSeen` (DateTime) and optional `peakActivity` (LocalTime).\n * Values use UTC offsets and RFC 9557 IANA brackets where noted.\n * Pikachu uses IANA-only form (`…[Europe/Stockholm]`) — no explicit offset required.\n */\nconst dateTimeStoryGraph: { nodes: NeoNode[]; rels: NeoRel[] } = {\n  nodes: [\n    {\n      id: 'mewtwo',\n      labels: ['Pokemon'],\n      properties: {\n        era: { stringified: '\"1996 — Kanto\"', type: 'string' },\n        firstSeen: dateTimeProp('1996-02-27T00:00:00Z'),\n        name: { stringified: '\"Mewtwo\"', type: 'string' },\n      },\n    },\n    {\n      id: 'eevee',\n      labels: ['Pokemon'],\n      properties: {\n        era: { stringified: '\"2024 — Paldea\"', type: 'string' },\n        firstSeen: dateTimeProp('2024-01-15T10:00:00+01:00'),\n        name: { stringified: '\"Eevee\"', type: 'string' },\n      },\n    },\n    {\n      id: 'pikachu',\n      labels: ['Pokemon'],\n      properties: {\n        era: { stringified: '\"2024 — Stockholm CEST\"', type: 'string' },\n        // RFC 9557: local time in Europe/Stockholm — offset inferred (CEST in June)\n        firstSeen: dateTimeProp('2024-06-15T14:00:00[Europe/Stockholm]'),\n        name: { stringified: '\"Pikachu\"', type: 'string' },\n        peakActivity: localTimeProp('14:30:00'),\n      },\n    },\n    {\n      id: 'charizard',\n      labels: ['Pokemon'],\n      properties: {\n        era: { stringified: '\"2024 — New York EDT\"', type: 'string' },\n        firstSeen: dateTimeProp('2024-07-04T12:00:00-04:00[America/New_York]'),\n        name: { stringified: '\"Charizard\"', type: 'string' },\n        peakActivity: localTimeProp('09:00:00'),\n      },\n    },\n    {\n      id: 'dragon-type',\n      labels: ['Type'],\n      properties: { name: { stringified: '\"Dragon\"', type: 'string' } },\n    },\n  ],\n  rels: [\n    {\n      from: 'mewtwo',\n      id: 'rel1',\n      properties: {},\n      to: 'dragon-type',\n      type: 'HAS_TYPE',\n    },\n    {\n      from: 'pikachu',\n      id: 'rel2',\n      properties: {},\n      to: 'dragon-type',\n      type: 'HAS_TYPE',\n    },\n    {\n      from: 'charizard',\n      id: 'rel3',\n      properties: {},\n      to: 'dragon-type',\n      type: 'HAS_TYPE',\n    },\n  ],\n};\n\nexport const dateTimeStyleRules: GraphStyleRule[] = [\n  {\n    // Default slate for all Pokemon\n    match: { label: 'Pokemon' },\n    apply: {\n      color: { value: '#94a3b8' },\n      captions: {\n        text: [\n          { value: { property: 'name' }, styles: ['bold'] },\n          { value: '\\n', styles: [] },\n          { value: { property: 'era' }, styles: ['italic'] },\n        ],\n      },\n      size: { value: 28 },\n    },\n  },\n  {\n    // firstSeen in 2024 or later (UTC midnight boundary)\n    match: { label: 'Pokemon' },\n    where: {\n      greaterThanOrEqual: [\n        { property: 'firstSeen' },\n        { datetime: '2024-01-01T00:00:00Z' },\n      ],\n    },\n    priority: 10,\n    apply: { color: { value: '#22c55e' } },\n  },\n  {\n    // firstSeen from mid-2024 onward\n    match: { label: 'Pokemon' },\n    where: {\n      greaterThanOrEqual: [\n        { property: 'firstSeen' },\n        { datetime: '2024-06-01T00:00:00Z' },\n      ],\n    },\n    priority: 20,\n    apply: { color: { value: '#f97316' }, size: { value: 36 } },\n  },\n  {\n    // Very recent sightings (June 2024+) — Charizard qualifies\n    match: { label: 'Pokemon' },\n    where: {\n      greaterThanOrEqual: [\n        { property: 'firstSeen' },\n        { datetime: '2024-06-15T14:00:00Z' },\n      ],\n    },\n    priority: 30,\n    apply: { color: { value: '#eab308' }, size: { value: 44 } },\n  },\n  {\n    // Afternoon-active Pokemon: peakActivity after noon UTC\n    match: { label: 'Pokemon' },\n    where: {\n      greaterThanOrEqual: [{ property: 'peakActivity' }, { time: '12:00:00Z' }],\n    },\n    priority: 40,\n    apply: { size: { value: 50 } },\n  },\n  {\n    match: { label: 'Type' },\n    apply: { color: { value: '#6366f1' }, size: { value: 22 } },\n  },\n];\n\nconst Component = () => {\n  return (\n    <div style={{ height: '600px' }}>\n      <GraphVisualization\n        nodes={dateTimeStoryGraph.nodes}\n        rels={dateTimeStoryGraph.rels}\n        className={containerClasses}\n        styleRules={dateTimeStyleRules}\n      />\n    </div>\n  );\n};\n\nexport default Component;\n"]}

package/lib/cjs/stories/graph-visualization-rule-based-styling.story.js

@@ -1,81 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.styleRules = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-/**
- *
- *  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/>.
- */
-const graph_visualization_1 = require("../graph-visualization");
-const story_data_1 = require("./story-data");
-exports.styleRules = [
-    {
-        // Nodes are teal by default
-        match: { label: null },
-        apply: { color: { value: 'teal' } },
-    },
-    {
-        // Type named dragon becomes purple
-        match: { label: 'Type' },
-        where: { equal: [{ property: 'name' }, 'Dragon'] },
-        apply: { color: { value: '#9b59b6' } },
-    },
-    // Awesome and heavy Pokemon become larger
-    {
-        match: { label: 'Pokemon' },
-        where: {
-            and: [
-                { equal: [{ property: 'isAwesome' }, true] },
-                { greaterThan: [{ property: 'weight' }, 300] },
-            ],
-        },
-        apply: {
-            size: { value: 50 },
-        },
-    },
-    // Pokemon are red by default
-    {
-        match: { label: 'Pokemon' },
-        apply: {
-            color: { value: '#ff6b6b' },
-            captions: {
-                text: [
-                    { value: 'Pokemon', styles: ['bold'] },
-                    { value: { property: 'name' } },
-                ],
-            },
-        },
-    },
-    {
-        // Pokemon that are also have the label Legendary become gold instead
-        match: { label: 'Pokemon' },
-        where: { label: 'Legendary' },
-        apply: {
-            color: { value: 'gold' },
-            captions: {
-                text: [{ value: { property: 'name' }, styles: ['bold', 'underline'] }],
-            },
-        },
-    },
-];
-const Component = () => {
-    return ((0, jsx_runtime_1.jsx)("div", { style: { height: '600px' }, children: (0, jsx_runtime_1.jsx)(graph_visualization_1.GraphVisualization, { nodes: story_data_1.StoryGraph.nodes, rels: story_data_1.StoryGraph.rels, className: story_data_1.containerClasses, styleRules: exports.styleRules }) }));
-};
-exports.default = Component;
-//# sourceMappingURL=graph-visualization-rule-based-styling.story.js.map

package/lib/cjs/stories/graph-visualization-rule-based-styling.story.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"graph-visualization-rule-based-styling.story.js","sourceRoot":"","sources":["../../../src/stories/graph-visualization-rule-based-styling.story.tsx"],"names":[],"mappings":";;;;AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,gEAA4D;AAE5D,6CAA4D;AAE/C,QAAA,UAAU,GAAqB;IAC1C;QACE,4BAA4B;QAC5B,KAAK,EAAE,EAAE,KAAK,EAAE,IAAI,EAAE;QACtB,KAAK,EAAE,EAAE,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,EAAE;KACpC;IACD;QACE,mCAAmC;QACnC,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE;QACxB,KAAK,EAAE,EAAE,KAAK,EAAE,CAAC,EAAE,QAAQ,EAAE,MAAM,EAAE,EAAE,QAAQ,CAAC,EAAE;QAClD,KAAK,EAAE,EAAE,KAAK,EAAE,EAAE,KAAK,EAAE,SAAS,EAAE,EAAE;KACvC;IACD,0CAA0C;IAC1C;QACE,KAAK,EAAE,EAAE,KAAK,EAAE,SAAS,EAAE;QAC3B,KAAK,EAAE;YACL,GAAG,EAAE;gBACH,EAAE,KAAK,EAAE,CAAC,EAAE,QAAQ,EAAE,WAAW,EAAE,EAAE,IAAI,CAAC,EAAE;gBAC5C,EAAE,WAAW,EAAE,CAAC,EAAE,QAAQ,EAAE,QAAQ,EAAE,EAAE,GAAG,CAAC,EAAE;aAC/C;SACF;QACD,KAAK,EAAE;YACL,IAAI,EAAE,EAAE,KAAK,EAAE,EAAE,EAAE;SACpB;KACF;IACD,6BAA6B;IAC7B;QACE,KAAK,EAAE,EAAE,KAAK,EAAE,SAAS,EAAE;QAC3B,KAAK,EAAE;YACL,KAAK,EAAE,EAAE,KAAK,EAAE,SAAS,EAAE;YAC3B,QAAQ,EAAE;gBACR,IAAI,EAAE;oBACJ,EAAE,KAAK,EAAE,SAAS,EAAE,MAAM,EAAE,CAAC,MAAM,CAAC,EAAE;oBACtC,EAAE,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,EAAE,EAAE;iBAChC;aACF;SACF;KACF;IACD;QACE,qEAAqE;QACrE,KAAK,EAAE,EAAE,KAAK,EAAE,SAAS,EAAE;QAC3B,KAAK,EAAE,EAAE,KAAK,EAAE,WAAW,EAAE;QAC7B,KAAK,EAAE;YACL,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE;YACxB,QAAQ,EAAE;gBACR,IAAI,EAAE,CAAC,EAAE,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,EAAE,EAAE,MAAM,EAAE,CAAC,MAAM,EAAE,WAAW,CAAC,EAAE,CAAC;aACvE;SACF;KACF;CACF,CAAC;AAEF,MAAM,SAAS,GAAG,GAAG,EAAE;IACrB,OAAO,CACL,gCAAK,KAAK,EAAE,EAAE,MAAM,EAAE,OAAO,EAAE,YAC7B,uBAAC,wCAAkB,IACjB,KAAK,EAAE,uBAAU,CAAC,KAAK,EACvB,IAAI,EAAE,uBAAU,CAAC,IAAI,EACrB,SAAS,EAAE,6BAAgB,EAC3B,UAAU,EAAE,kBAAU,GACtB,GACE,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,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 GraphStyleRule } from '../styling/style-types';\nimport { containerClasses, StoryGraph } from './story-data';\n\nexport const styleRules: GraphStyleRule[] = [\n  {\n    // Nodes are teal by default\n    match: { label: null },\n    apply: { color: { value: 'teal' } },\n  },\n  {\n    // Type named dragon becomes purple\n    match: { label: 'Type' },\n    where: { equal: [{ property: 'name' }, 'Dragon'] },\n    apply: { color: { value: '#9b59b6' } },\n  },\n  // Awesome and heavy Pokemon become larger\n  {\n    match: { label: 'Pokemon' },\n    where: {\n      and: [\n        { equal: [{ property: 'isAwesome' }, true] },\n        { greaterThan: [{ property: 'weight' }, 300] },\n      ],\n    },\n    apply: {\n      size: { value: 50 },\n    },\n  },\n  // Pokemon are red by default\n  {\n    match: { label: 'Pokemon' },\n    apply: {\n      color: { value: '#ff6b6b' },\n      captions: {\n        text: [\n          { value: 'Pokemon', styles: ['bold'] },\n          { value: { property: 'name' } },\n        ],\n      },\n    },\n  },\n  {\n    // Pokemon that are also have the label Legendary become gold instead\n    match: { label: 'Pokemon' },\n    where: { label: 'Legendary' },\n    apply: {\n      color: { value: 'gold' },\n      captions: {\n        text: [{ value: { property: 'name' }, styles: ['bold', 'underline'] }],\n      },\n    },\n  },\n];\n\nconst Component = () => {\n  return (\n    <div style={{ height: '600px' }}>\n      <GraphVisualization\n        nodes={StoryGraph.nodes}\n        rels={StoryGraph.rels}\n        className={containerClasses}\n        styleRules={styleRules}\n      />\n    </div>\n  );\n};\n\nexport default Component;\n"]}

package/lib/cjs/stories/graph-visualization-search.story.js

@@ -1,36 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const jsx_runtime_1 = require("react/jsx-runtime");
-/**
- *
- *  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/>.
- */
-const react_1 = require("react");
-const graph_visualization_1 = require("../graph-visualization");
-const story_data_1 = require("./story-data");
-const Component = () => {
-    const [selectedNodeIds, setSelectedNodeIds] = (0, react_1.useState)();
-    const [selectedRelationshipIds, setSelectedRelationshipIds] = (0, react_1.useState)();
-    return ((0, jsx_runtime_1.jsx)("div", { style: { height: '600px' }, children: (0, jsx_runtime_1.jsx)(graph_visualization_1.GraphVisualization, { nodes: story_data_1.StoryGraph.nodes, rels: story_data_1.StoryGraph.rels, className: story_data_1.containerClasses, topRightIsland: (0, jsx_runtime_1.jsx)(graph_visualization_1.GraphVisualization.SearchButton, { onSearch: (nodeIds, relationshipIds) => {
-                    setSelectedNodeIds(nodeIds);
-                    setSelectedRelationshipIds(relationshipIds);
-                } }), highlightedNodeIds: selectedNodeIds, highlightedRelationshipIds: selectedRelationshipIds }) }));
-};
-exports.default = Component;
-//# sourceMappingURL=graph-visualization-search.story.js.map

package/lib/cjs/stories/graph-visualization-search.story.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"graph-visualization-search.story.js","sourceRoot":"","sources":["../../../src/stories/graph-visualization-search.story.tsx"],"names":[],"mappings":";;;AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,iCAAiC;AAEjC,gEAA4D;AAC5D,6CAA4D;AAE5D,MAAM,SAAS,GAAG,GAAG,EAAE;IACrB,MAAM,CAAC,eAAe,EAAE,kBAAkB,CAAC,GAAG,IAAA,gBAAQ,GAEnD,CAAC;IACJ,MAAM,CAAC,uBAAuB,EAAE,0BAA0B,CAAC,GAAG,IAAA,gBAAQ,GAEnE,CAAC;IAEJ,OAAO,CACL,gCAAK,KAAK,EAAE,EAAE,MAAM,EAAE,OAAO,EAAE,YAC7B,uBAAC,wCAAkB,IACjB,KAAK,EAAE,uBAAU,CAAC,KAAK,EACvB,IAAI,EAAE,uBAAU,CAAC,IAAI,EACrB,SAAS,EAAE,6BAAgB,EAC3B,cAAc,EACZ,uBAAC,wCAAkB,CAAC,YAAY,IAC9B,QAAQ,EAAE,CAAC,OAAO,EAAE,eAAe,EAAE,EAAE;oBACrC,kBAAkB,CAAC,OAAO,CAAC,CAAC;oBAC5B,0BAA0B,CAAC,eAAe,CAAC,CAAC;gBAC9C,CAAC,GACD,EAEJ,kBAAkB,EAAE,eAAe,EACnC,0BAA0B,EAAE,uBAAuB,GACnD,GACE,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,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 { useState } from 'react';\n\nimport { GraphVisualization } from '../graph-visualization';\nimport { containerClasses, StoryGraph } from './story-data';\n\nconst Component = () => {\n  const [selectedNodeIds, setSelectedNodeIds] = useState<\n    string[] | undefined\n  >();\n  const [selectedRelationshipIds, setSelectedRelationshipIds] = useState<\n    string[] | undefined\n  >();\n\n  return (\n    <div style={{ height: '600px' }}>\n      <GraphVisualization\n        nodes={StoryGraph.nodes}\n        rels={StoryGraph.rels}\n        className={containerClasses}\n        topRightIsland={\n          <GraphVisualization.SearchButton\n            onSearch={(nodeIds, relationshipIds) => {\n              setSelectedNodeIds(nodeIds);\n              setSelectedRelationshipIds(relationshipIds);\n            }}\n          />\n        }\n        highlightedNodeIds={selectedNodeIds}\n        highlightedRelationshipIds={selectedRelationshipIds}\n      />\n    </div>\n  );\n};\n\nexport default Component;\n"]}

package/lib/cjs/stories/graph-visualization-simple-styling.story.js

@@ -1,59 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.simpleStyleRules = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-/**
- *
- *  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/>.
- */
-const graph_visualization_1 = require("../graph-visualization");
-const story_data_1 = require("./story-data");
-exports.simpleStyleRules = [
-    {
-        match: { label: 'Pokemon' },
-        apply: {
-            color: { value: 'red' }, // Red for Pokemon
-            captions: {
-                text: [
-                    { value: 'Pokemon', styles: ['bold'] },
-                    { value: { property: 'name' } },
-                ],
-            },
-        },
-    },
-    {
-        match: { label: 'Type' },
-        apply: {
-            color: { value: '#4ecdc4' }, // Teal for Types
-        },
-    },
-    {
-        match: { reltype: 'HAS_TYPE' },
-        apply: {
-            color: { value: '#95a5a6' }, // Gray for relationships
-            captions: { text: [{ value: 'has type' }] },
-            width: { value: 2 },
-        },
-    },
-];
-const Component = () => {
-    return ((0, jsx_runtime_1.jsx)("div", { style: { height: '600px' }, children: (0, jsx_runtime_1.jsx)(graph_visualization_1.GraphVisualization, { nodes: story_data_1.StoryGraph.nodes, rels: story_data_1.StoryGraph.rels, className: story_data_1.containerClasses, styleRules: exports.simpleStyleRules }) }));
-};
-exports.default = Component;
-//# sourceMappingURL=graph-visualization-simple-styling.story.js.map

package/lib/cjs/stories/graph-visualization-simple-styling.story.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"graph-visualization-simple-styling.story.js","sourceRoot":"","sources":["../../../src/stories/graph-visualization-simple-styling.story.tsx"],"names":[],"mappings":";;;;AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,gEAA4D;AAE5D,6CAA4D;AAE/C,QAAA,gBAAgB,GAAqB;IAChD;QACE,KAAK,EAAE,EAAE,KAAK,EAAE,SAAS,EAAE;QAC3B,KAAK,EAAE;YACL,KAAK,EAAE,EAAE,KAAK,EAAE,KAAK,EAAE,EAAE,kBAAkB;YAC3C,QAAQ,EAAE;gBACR,IAAI,EAAE;oBACJ,EAAE,KAAK,EAAE,SAAS,EAAE,MAAM,EAAE,CAAC,MAAM,CAAC,EAAE;oBACtC,EAAE,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,EAAE,EAAE;iBAChC;aACF;SACF;KACF;IACD;QACE,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE;QACxB,KAAK,EAAE;YACL,KAAK,EAAE,EAAE,KAAK,EAAE,SAAS,EAAE,EAAE,iBAAiB;SAC/C;KACF;IACD;QACE,KAAK,EAAE,EAAE,OAAO,EAAE,UAAU,EAAE;QAC9B,KAAK,EAAE;YACL,KAAK,EAAE,EAAE,KAAK,EAAE,SAAS,EAAE,EAAE,yBAAyB;YACtD,QAAQ,EAAE,EAAE,IAAI,EAAE,CAAC,EAAE,KAAK,EAAE,UAAU,EAAE,CAAC,EAAE;YAC3C,KAAK,EAAE,EAAE,KAAK,EAAE,CAAC,EAAE;SACpB;KACF;CACF,CAAC;AAEF,MAAM,SAAS,GAAG,GAAG,EAAE;IACrB,OAAO,CACL,gCAAK,KAAK,EAAE,EAAE,MAAM,EAAE,OAAO,EAAE,YAC7B,uBAAC,wCAAkB,IACjB,KAAK,EAAE,uBAAU,CAAC,KAAK,EACvB,IAAI,EAAE,uBAAU,CAAC,IAAI,EACrB,SAAS,EAAE,6BAAgB,EAC3B,UAAU,EAAE,wBAAgB,GAC5B,GACE,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,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 GraphStyleRule } from '../styling/style-types';\nimport { containerClasses, StoryGraph } from './story-data';\n\nexport const simpleStyleRules: GraphStyleRule[] = [\n  {\n    match: { label: 'Pokemon' },\n    apply: {\n      color: { value: 'red' }, // Red for Pokemon\n      captions: {\n        text: [\n          { value: 'Pokemon', styles: ['bold'] },\n          { value: { property: 'name' } },\n        ],\n      },\n    },\n  },\n  {\n    match: { label: 'Type' },\n    apply: {\n      color: { value: '#4ecdc4' }, // Teal for Types\n    },\n  },\n  {\n    match: { reltype: 'HAS_TYPE' },\n    apply: {\n      color: { value: '#95a5a6' }, // Gray for relationships\n      captions: { text: [{ value: 'has type' }] },\n      width: { value: 2 },\n    },\n  },\n];\n\nconst Component = () => {\n  return (\n    <div style={{ height: '600px' }}>\n      <GraphVisualization\n        nodes={StoryGraph.nodes}\n        rels={StoryGraph.rels}\n        className={containerClasses}\n        styleRules={simpleStyleRules}\n      />\n    </div>\n  );\n};\n\nexport default Component;\n"]}

package/lib/cjs/stories/graph-visualization-unique-colors-styling.story.js

@@ -1,71 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const jsx_runtime_1 = require("react/jsx-runtime");
-/**
- *
- *  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/>.
- */
-const graph_visualization_1 = require("../graph-visualization");
-const story_data_1 = require("./story-data");
-/**
- * Uses the Pokémon advancedStoryGraph to demonstrate uniqueColors styling.
- * All nodes and relationships default to gray; Trainer nodes are then colored
- * by their `reputation` property (Champion, Gym Leader, Rival, Breeder) and
- * EVOLVES_TO relationships are colored by their `method` property (Level,
- * Friendship, Thunder Stone, etc.).
- */
-const styleRules = [
-    {
-        match: { label: null },
-        apply: { color: { value: '#aaaaaa' } },
-        priority: 0,
-    },
-    {
-        match: { reltype: null },
-        apply: { color: { value: '#aaaaaa' } },
-        priority: 0,
-    },
-    {
-        match: { label: 'Trainer' },
-        apply: {
-            uniqueColors: { onProperty: 'reputation' },
-            captions: {
-                text: [
-                    { value: { property: 'name' }, styles: ['bold'] },
-                    { value: ' · ', styles: [] },
-                    { value: { property: 'reputation' }, styles: ['italic'] },
-                ],
-            },
-        },
-        priority: 1,
-    },
-    {
-        match: { reltype: 'EVOLVES_TO' },
-        apply: {
-            uniqueColors: { onProperty: 'method' },
-            captions: { text: [{ value: { property: 'method' } }] },
-        },
-        priority: 1,
-    },
-];
-const Component = () => {
-    return ((0, jsx_runtime_1.jsx)("div", { style: { height: '600px' }, children: (0, jsx_runtime_1.jsx)(graph_visualization_1.GraphVisualization, { nodes: story_data_1.advancedStoryGraph.nodes, rels: story_data_1.advancedStoryGraph.rels, className: story_data_1.containerClasses, styleRules: styleRules }) }));
-};
-exports.default = Component;
-//# sourceMappingURL=graph-visualization-unique-colors-styling.story.js.map

package/lib/cjs/stories/graph-visualization-unique-colors-styling.story.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"graph-visualization-unique-colors-styling.story.js","sourceRoot":"","sources":["../../../src/stories/graph-visualization-unique-colors-styling.story.tsx"],"names":[],"mappings":";;;AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,gEAA4D;AAE5D,6CAAoE;AAEpE;;;;;;GAMG;AACH,MAAM,UAAU,GAAqB;IACnC;QACE,KAAK,EAAE,EAAE,KAAK,EAAE,IAAI,EAAE;QACtB,KAAK,EAAE,EAAE,KAAK,EAAE,EAAE,KAAK,EAAE,SAAS,EAAE,EAAE;QACtC,QAAQ,EAAE,CAAC;KACZ;IACD;QACE,KAAK,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE;QACxB,KAAK,EAAE,EAAE,KAAK,EAAE,EAAE,KAAK,EAAE,SAAS,EAAE,EAAE;QACtC,QAAQ,EAAE,CAAC;KACZ;IACD;QACE,KAAK,EAAE,EAAE,KAAK,EAAE,SAAS,EAAE;QAC3B,KAAK,EAAE;YACL,YAAY,EAAE,EAAE,UAAU,EAAE,YAAY,EAAE;YAC1C,QAAQ,EAAE;gBACR,IAAI,EAAE;oBACJ,EAAE,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,EAAE,EAAE,MAAM,EAAE,CAAC,MAAM,CAAC,EAAE;oBACjD,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,EAAE,EAAE;oBAC5B,EAAE,KAAK,EAAE,EAAE,QAAQ,EAAE,YAAY,EAAE,EAAE,MAAM,EAAE,CAAC,QAAQ,CAAC,EAAE;iBAC1D;aACF;SACF;QACD,QAAQ,EAAE,CAAC;KACZ;IACD;QACE,KAAK,EAAE,EAAE,OAAO,EAAE,YAAY,EAAE;QAChC,KAAK,EAAE;YACL,YAAY,EAAE,EAAE,UAAU,EAAE,QAAQ,EAAE;YACtC,QAAQ,EAAE,EAAE,IAAI,EAAE,CAAC,EAAE,KAAK,EAAE,EAAE,QAAQ,EAAE,QAAQ,EAAE,EAAE,CAAC,EAAE;SACxD;QACD,QAAQ,EAAE,CAAC;KACZ;CACF,CAAC;AAEF,MAAM,SAAS,GAAG,GAAG,EAAE;IACrB,OAAO,CACL,gCAAK,KAAK,EAAE,EAAE,MAAM,EAAE,OAAO,EAAE,YAC7B,uBAAC,wCAAkB,IACjB,KAAK,EAAE,+BAAkB,CAAC,KAAK,EAC/B,IAAI,EAAE,+BAAkB,CAAC,IAAI,EAC7B,SAAS,EAAE,6BAAgB,EAC3B,UAAU,EAAE,UAAU,GACtB,GACE,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,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 GraphStyleRule } from '../styling/style-types';\nimport { advancedStoryGraph, containerClasses } from './story-data';\n\n/**\n * Uses the Pokémon advancedStoryGraph to demonstrate uniqueColors styling.\n * All nodes and relationships default to gray; Trainer nodes are then colored\n * by their `reputation` property (Champion, Gym Leader, Rival, Breeder) and\n * EVOLVES_TO relationships are colored by their `method` property (Level,\n * Friendship, Thunder Stone, etc.).\n */\nconst styleRules: GraphStyleRule[] = [\n  {\n    match: { label: null },\n    apply: { color: { value: '#aaaaaa' } },\n    priority: 0,\n  },\n  {\n    match: { reltype: null },\n    apply: { color: { value: '#aaaaaa' } },\n    priority: 0,\n  },\n  {\n    match: { label: 'Trainer' },\n    apply: {\n      uniqueColors: { onProperty: 'reputation' },\n      captions: {\n        text: [\n          { value: { property: 'name' }, styles: ['bold'] },\n          { value: ' · ', styles: [] },\n          { value: { property: 'reputation' }, styles: ['italic'] },\n        ],\n      },\n    },\n    priority: 1,\n  },\n  {\n    match: { reltype: 'EVOLVES_TO' },\n    apply: {\n      uniqueColors: { onProperty: 'method' },\n      captions: { text: [{ value: { property: 'method' } }] },\n    },\n    priority: 1,\n  },\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={styleRules}\n      />\n    </div>\n  );\n};\n\nexport default Component;\n"]}

package/lib/cjs/stories/index.js

@@ -1,80 +0,0 @@
-"use strict";
-/**
- *
- *  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/>.
- */
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.PreviewGraphVisualizationSrc = exports.GraphVisualizationUniqueColorsStylingRawSrc = exports.GraphVisualizationRangeStylingSrc = exports.GraphVisualizationRuleBasedStylingDateTimeSrc = exports.GraphVisualizationRuleBasedStylingAdvancedSrc = exports.GraphVisualizationSearchSrc = exports.GraphVisualizationRuleBasedStylingSrc = exports.GraphVisualizationSimpleStylingSrc = exports.GraphVisualizationHighlightingSrc = exports.GraphVisualizationCustomSrc = exports.GraphVisualizationMaximalistSrc = exports.GraphVisualizationBarebonesSrc = exports.GraphVisualizationDefaultSrc = exports.PreviewGraphVisualization = exports.GraphVisualizationUniqueColorsStyling = exports.GraphVisualizationSimpleStyling = exports.GraphVisualizationSearch = exports.GraphVisualizationRuleBasedStyling = exports.GraphVisualizationRuleBasedStylingDateTime = exports.GraphVisualizationRuleBasedStylingAdvanced = exports.GraphVisualizationRangeStyling = exports.GraphVisualizationMaximalist = exports.GraphVisualizationHighlighting = exports.GraphVisualizationDefault = exports.GraphVisualizationCustom = exports.GraphVisualizationBarebones = void 0;
-var graph_visualization_barebones_story_1 = require("./graph-visualization-barebones.story");
-Object.defineProperty(exports, "GraphVisualizationBarebones", { enumerable: true, get: function () { return __importDefault(graph_visualization_barebones_story_1).default; } });
-var graph_visualization_custom_story_1 = require("./graph-visualization-custom.story");
-Object.defineProperty(exports, "GraphVisualizationCustom", { enumerable: true, get: function () { return __importDefault(graph_visualization_custom_story_1).default; } });
-var graph_visualization_default_story_1 = require("./graph-visualization-default.story");
-Object.defineProperty(exports, "GraphVisualizationDefault", { enumerable: true, get: function () { return __importDefault(graph_visualization_default_story_1).default; } });
-var graph_visualization_highlighting_story_1 = require("./graph-visualization-highlighting.story");
-Object.defineProperty(exports, "GraphVisualizationHighlighting", { enumerable: true, get: function () { return __importDefault(graph_visualization_highlighting_story_1).default; } });
-var graph_visualization_maximalist_story_1 = require("./graph-visualization-maximalist.story");
-Object.defineProperty(exports, "GraphVisualizationMaximalist", { enumerable: true, get: function () { return __importDefault(graph_visualization_maximalist_story_1).default; } });
-var graph_visualization_range_styling_story_1 = require("./graph-visualization-range-styling.story");
-Object.defineProperty(exports, "GraphVisualizationRangeStyling", { enumerable: true, get: function () { return __importDefault(graph_visualization_range_styling_story_1).default; } });
-var graph_visualization_rule_based_styling_advanced_story_1 = require("./graph-visualization-rule-based-styling-advanced.story");
-Object.defineProperty(exports, "GraphVisualizationRuleBasedStylingAdvanced", { enumerable: true, get: function () { return __importDefault(graph_visualization_rule_based_styling_advanced_story_1).default; } });
-var graph_visualization_rule_based_styling_datetime_story_1 = require("./graph-visualization-rule-based-styling-datetime.story");
-Object.defineProperty(exports, "GraphVisualizationRuleBasedStylingDateTime", { enumerable: true, get: function () { return __importDefault(graph_visualization_rule_based_styling_datetime_story_1).default; } });
-var graph_visualization_rule_based_styling_story_1 = require("./graph-visualization-rule-based-styling.story");
-Object.defineProperty(exports, "GraphVisualizationRuleBasedStyling", { enumerable: true, get: function () { return __importDefault(graph_visualization_rule_based_styling_story_1).default; } });
-var graph_visualization_search_story_1 = require("./graph-visualization-search.story");
-Object.defineProperty(exports, "GraphVisualizationSearch", { enumerable: true, get: function () { return __importDefault(graph_visualization_search_story_1).default; } });
-var graph_visualization_simple_styling_story_1 = require("./graph-visualization-simple-styling.story");
-Object.defineProperty(exports, "GraphVisualizationSimpleStyling", { enumerable: true, get: function () { return __importDefault(graph_visualization_simple_styling_story_1).default; } });
-var graph_visualization_unique_colors_styling_story_1 = require("./graph-visualization-unique-colors-styling.story");
-Object.defineProperty(exports, "GraphVisualizationUniqueColorsStyling", { enumerable: true, get: function () { return __importDefault(graph_visualization_unique_colors_styling_story_1).default; } });
-var preview_graph_visualization_story_1 = require("./preview-graph-visualization.story");
-Object.defineProperty(exports, "PreviewGraphVisualization", { enumerable: true, get: function () { return __importDefault(preview_graph_visualization_story_1).default; } });
-const utils_1 = require("../utils");
-const graph_visualization_barebones_story_raw_1 = __importDefault(require("./graph-visualization-barebones.story?raw"));
-const graph_visualization_custom_story_raw_1 = __importDefault(require("./graph-visualization-custom.story?raw"));
-const graph_visualization_default_story_raw_1 = __importDefault(require("./graph-visualization-default.story?raw"));
-const graph_visualization_highlighting_story_raw_1 = __importDefault(require("./graph-visualization-highlighting.story?raw"));
-const graph_visualization_maximalist_story_raw_1 = __importDefault(require("./graph-visualization-maximalist.story?raw"));
-const graph_visualization_range_styling_story_raw_1 = __importDefault(require("./graph-visualization-range-styling.story?raw"));
-const graph_visualization_rule_based_styling_story_raw_1 = __importDefault(require("./graph-visualization-rule-based-styling.story?raw"));
-const graph_visualization_rule_based_styling_advanced_story_raw_1 = __importDefault(require("./graph-visualization-rule-based-styling-advanced.story?raw"));
-const graph_visualization_rule_based_styling_datetime_story_raw_1 = __importDefault(require("./graph-visualization-rule-based-styling-datetime.story?raw"));
-const graph_visualization_search_story_raw_1 = __importDefault(require("./graph-visualization-search.story?raw"));
-const graph_visualization_simple_styling_story_raw_1 = __importDefault(require("./graph-visualization-simple-styling.story?raw"));
-const graph_visualization_unique_colors_styling_story_raw_1 = __importDefault(require("./graph-visualization-unique-colors-styling.story?raw"));
-const preview_graph_visualization_story_raw_1 = __importDefault(require("./preview-graph-visualization.story?raw"));
-exports.GraphVisualizationDefaultSrc = (0, utils_1.removeLicenseHeader)(graph_visualization_default_story_raw_1.default);
-exports.GraphVisualizationBarebonesSrc = (0, utils_1.removeLicenseHeader)(graph_visualization_barebones_story_raw_1.default);
-exports.GraphVisualizationMaximalistSrc = (0, utils_1.removeLicenseHeader)(graph_visualization_maximalist_story_raw_1.default);
-exports.GraphVisualizationCustomSrc = (0, utils_1.removeLicenseHeader)(graph_visualization_custom_story_raw_1.default);
-exports.GraphVisualizationHighlightingSrc = (0, utils_1.removeLicenseHeader)(graph_visualization_highlighting_story_raw_1.default);
-exports.GraphVisualizationSimpleStylingSrc = (0, utils_1.removeLicenseHeader)(graph_visualization_simple_styling_story_raw_1.default);
-exports.GraphVisualizationRuleBasedStylingSrc = (0, utils_1.removeLicenseHeader)(graph_visualization_rule_based_styling_story_raw_1.default);
-exports.GraphVisualizationSearchSrc = (0, utils_1.removeLicenseHeader)(graph_visualization_search_story_raw_1.default);
-exports.GraphVisualizationRuleBasedStylingAdvancedSrc = (0, utils_1.removeLicenseHeader)(graph_visualization_rule_based_styling_advanced_story_raw_1.default);
-exports.GraphVisualizationRuleBasedStylingDateTimeSrc = (0, utils_1.removeLicenseHeader)(graph_visualization_rule_based_styling_datetime_story_raw_1.default);
-exports.GraphVisualizationRangeStylingSrc = (0, utils_1.removeLicenseHeader)(graph_visualization_range_styling_story_raw_1.default);
-exports.GraphVisualizationUniqueColorsStylingRawSrc = (0, utils_1.removeLicenseHeader)(graph_visualization_unique_colors_styling_story_raw_1.default);
-exports.PreviewGraphVisualizationSrc = (0, utils_1.removeLicenseHeader)(preview_graph_visualization_story_raw_1.default);
-//# sourceMappingURL=index.js.map