@neo4j-ndl/react-graph 2.1.1 → 2.1.2

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

@@ -1,97 +0,0 @@
-import { jsx as _jsx } from "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/>.
- */
-import { GraphVisualization } from '../graph-visualization';
-import { advancedStoryGraph, containerClasses } from './story-data';
-const pokemonRules = [
-    {
-        apply: {
-            captions: {
-                text: [
-                    { styles: ['bold'], value: { property: 'name' } },
-                    { styles: [], value: ' Lv' },
-                    { styles: [], value: { property: 'level' } },
-                ],
-            },
-            colorRange: {
-                maxColor: '#e74c3c',
-                maxValue: 88,
-                midColor: '#f1c40f',
-                midValue: 45,
-                minColor: '#3498db',
-                minValue: 1,
-                onProperty: 'level',
-            },
-            sizeRange: {
-                maxSize: 50,
-                maxValue: 88,
-                minSize: 20,
-                minValue: 1,
-                onProperty: 'level',
-            },
-        },
-        match: { label: 'Pokemon' },
-    },
-];
-const caughtRelRules = [
-    {
-        apply: {
-            captions: {
-                size: 1.5,
-                text: [
-                    { styles: [], value: 'Caught @ Lv' },
-                    { styles: ['bold'], value: { property: 'level' } },
-                ],
-            },
-            colorRange: {
-                maxColor: '#ff2d78',
-                maxValue: 40,
-                minColor: '#00d2ff',
-                minValue: 1,
-                onProperty: 'level',
-            },
-            width: { value: 4 },
-            widthRange: {
-                maxValue: 40,
-                maxWidth: 8,
-                minValue: 1,
-                minWidth: 1,
-                onProperty: 'level',
-            },
-        },
-        match: { reltype: 'CAUGHT' },
-    },
-];
-const otherNodeRules = [
-    { 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,
-    ...caughtRelRules,
-    ...otherNodeRules,
-];
-const Component = () => {
-    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 +0,0 @@
-{"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/stories/graph-visualization-rule-based-styling-advanced.story.js

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

package/lib/esm/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/esm/stories/graph-visualization-rule-based-styling-datetime.story.js

@@ -1,178 +0,0 @@
-import { jsx as _jsx } from "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/>.
- */
-import { GraphVisualization } from '../graph-visualization';
-import { containerClasses } from './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',
-        },
-    ],
-};
-export const 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 (_jsx("div", { style: { height: '600px' }, children: _jsx(GraphVisualization, { nodes: dateTimeStoryGraph.nodes, rels: dateTimeStoryGraph.rels, className: containerClasses, styleRules: dateTimeStyleRules }) }));
-};
-export default Component;
-//# sourceMappingURL=graph-visualization-rule-based-styling-datetime.story.js.map

package/lib/esm/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"]}