@neo4j-ndl/react-graph 2.1.1 → 2.1.3

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

@@ -1,78 +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, StoryGraph } from './story-data';
-export const 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 (_jsx("div", { style: { height: '600px' }, children: _jsx(GraphVisualization, { nodes: StoryGraph.nodes, rels: StoryGraph.rels, className: containerClasses, styleRules: styleRules }) }));
-};
-export default Component;
-//# sourceMappingURL=graph-visualization-rule-based-styling.story.js.map

package/lib/esm/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,OAAO,EAAE,kBAAkB,EAAE,MAAM,wBAAwB,CAAC;AAE5D,OAAO,EAAE,gBAAgB,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAE5D,MAAM,CAAC,MAAM,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,cAAK,KAAK,EAAE,EAAE,MAAM,EAAE,OAAO,EAAE,YAC7B,KAAC,kBAAkB,IACjB,KAAK,EAAE,UAAU,CAAC,KAAK,EACvB,IAAI,EAAE,UAAU,CAAC,IAAI,EACrB,SAAS,EAAE,gBAAgB,EAC3B,UAAU,EAAE,UAAU,GACtB,GACE,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,SAAS,CAAC","sourcesContent":["/**\n *\n *  Copyright (c) \"Neo4j\"\n *  Neo4j Sweden AB [http://neo4j.com]\n *\n *  This file is part of Neo4j.\n *\n *  Neo4j is free software: you can redistribute it and/or modify\n *  it under the terms of the GNU General Public License as published by\n *  the Free Software Foundation, either version 3 of the License, or\n *  (at your option) any later version.\n *\n *  This program is distributed in the hope that it will be useful,\n *  but WITHOUT ANY WARRANTY; without even the implied warranty of\n *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the\n *  GNU General Public License for more details.\n *\n *  You should have received a copy of the GNU General Public License\n *  along with this program.  If not, see <http://www.gnu.org/licenses/>.\n */\n\nimport { GraphVisualization } from '../graph-visualization';\nimport { type 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/esm/stories/graph-visualization-search.story.js

@@ -1,34 +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 { useState } from 'react';
-import { GraphVisualization } from '../graph-visualization';
-import { containerClasses, StoryGraph } from './story-data';
-const Component = () => {
-    const [selectedNodeIds, setSelectedNodeIds] = useState();
-    const [selectedRelationshipIds, setSelectedRelationshipIds] = useState();
-    return (_jsx("div", { style: { height: '600px' }, children: _jsx(GraphVisualization, { nodes: StoryGraph.nodes, rels: StoryGraph.rels, className: containerClasses, topRightIsland: _jsx(GraphVisualization.SearchButton, { onSearch: (nodeIds, relationshipIds) => {
-                    setSelectedNodeIds(nodeIds);
-                    setSelectedRelationshipIds(relationshipIds);
-                } }), highlightedNodeIds: selectedNodeIds, highlightedRelationshipIds: selectedRelationshipIds }) }));
-};
-export default Component;
-//# sourceMappingURL=graph-visualization-search.story.js.map

package/lib/esm/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,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEjC,OAAO,EAAE,kBAAkB,EAAE,MAAM,wBAAwB,CAAC;AAC5D,OAAO,EAAE,gBAAgB,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAE5D,MAAM,SAAS,GAAG,GAAG,EAAE;IACrB,MAAM,CAAC,eAAe,EAAE,kBAAkB,CAAC,GAAG,QAAQ,EAEnD,CAAC;IACJ,MAAM,CAAC,uBAAuB,EAAE,0BAA0B,CAAC,GAAG,QAAQ,EAEnE,CAAC;IAEJ,OAAO,CACL,cAAK,KAAK,EAAE,EAAE,MAAM,EAAE,OAAO,EAAE,YAC7B,KAAC,kBAAkB,IACjB,KAAK,EAAE,UAAU,CAAC,KAAK,EACvB,IAAI,EAAE,UAAU,CAAC,IAAI,EACrB,SAAS,EAAE,gBAAgB,EAC3B,cAAc,EACZ,KAAC,kBAAkB,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,eAAe,SAAS,CAAC","sourcesContent":["/**\n *\n *  Copyright (c) \"Neo4j\"\n *  Neo4j Sweden AB [http://neo4j.com]\n *\n *  This file is part of Neo4j.\n *\n *  Neo4j is free software: you can redistribute it and/or modify\n *  it under the terms of the GNU General Public License as published by\n *  the Free Software Foundation, either version 3 of the License, or\n *  (at your option) any later version.\n *\n *  This program is distributed in the hope that it will be useful,\n *  but WITHOUT ANY WARRANTY; without even the implied warranty of\n *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the\n *  GNU General Public License for more details.\n *\n *  You should have received a copy of the GNU General Public License\n *  along with this program.  If not, see <http://www.gnu.org/licenses/>.\n */\n\nimport { 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/esm/stories/graph-visualization-simple-styling.story.js

@@ -1,56 +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, StoryGraph } from './story-data';
-export const 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 (_jsx("div", { style: { height: '600px' }, children: _jsx(GraphVisualization, { nodes: StoryGraph.nodes, rels: StoryGraph.rels, className: containerClasses, styleRules: simpleStyleRules }) }));
-};
-export default Component;
-//# sourceMappingURL=graph-visualization-simple-styling.story.js.map

package/lib/esm/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,OAAO,EAAE,kBAAkB,EAAE,MAAM,wBAAwB,CAAC;AAE5D,OAAO,EAAE,gBAAgB,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAE5D,MAAM,CAAC,MAAM,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,cAAK,KAAK,EAAE,EAAE,MAAM,EAAE,OAAO,EAAE,YAC7B,KAAC,kBAAkB,IACjB,KAAK,EAAE,UAAU,CAAC,KAAK,EACvB,IAAI,EAAE,UAAU,CAAC,IAAI,EACrB,SAAS,EAAE,gBAAgB,EAC3B,UAAU,EAAE,gBAAgB,GAC5B,GACE,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,SAAS,CAAC","sourcesContent":["/**\n *\n *  Copyright (c) \"Neo4j\"\n *  Neo4j Sweden AB [http://neo4j.com]\n *\n *  This file is part of Neo4j.\n *\n *  Neo4j is free software: you can redistribute it and/or modify\n *  it under the terms of the GNU General Public License as published by\n *  the Free Software Foundation, either version 3 of the License, or\n *  (at your option) any later version.\n *\n *  This program is distributed in the hope that it will be useful,\n *  but WITHOUT ANY WARRANTY; without even the implied warranty of\n *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the\n *  GNU General Public License for more details.\n *\n *  You should have received a copy of the GNU General Public License\n *  along with this program.  If not, see <http://www.gnu.org/licenses/>.\n */\n\nimport { GraphVisualization } from '../graph-visualization';\nimport { type 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/esm/stories/graph-visualization-unique-colors-styling.story.js

@@ -1,69 +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';
-/**
- * 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 (_jsx("div", { style: { height: '600px' }, children: _jsx(GraphVisualization, { nodes: advancedStoryGraph.nodes, rels: advancedStoryGraph.rels, className: containerClasses, styleRules: styleRules }) }));
-};
-export default Component;
-//# sourceMappingURL=graph-visualization-unique-colors-styling.story.js.map

package/lib/esm/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,OAAO,EAAE,kBAAkB,EAAE,MAAM,wBAAwB,CAAC;AAE5D,OAAO,EAAE,kBAAkB,EAAE,gBAAgB,EAAE,MAAM,cAAc,CAAC;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,cAAK,KAAK,EAAE,EAAE,MAAM,EAAE,OAAO,EAAE,YAC7B,KAAC,kBAAkB,IACjB,KAAK,EAAE,kBAAkB,CAAC,KAAK,EAC/B,IAAI,EAAE,kBAAkB,CAAC,IAAI,EAC7B,SAAS,EAAE,gBAAgB,EAC3B,UAAU,EAAE,UAAU,GACtB,GACE,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,SAAS,CAAC","sourcesContent":["/**\n *\n *  Copyright (c) \"Neo4j\"\n *  Neo4j Sweden AB [http://neo4j.com]\n *\n *  This file is part of Neo4j.\n *\n *  Neo4j is free software: you can redistribute it and/or modify\n *  it under the terms of the GNU General Public License as published by\n *  the Free Software Foundation, either version 3 of the License, or\n *  (at your option) any later version.\n *\n *  This program is distributed in the hope that it will be useful,\n *  but WITHOUT ANY WARRANTY; without even the implied warranty of\n *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the\n *  GNU General Public License for more details.\n *\n *  You should have received a copy of the GNU General Public License\n *  along with this program.  If not, see <http://www.gnu.org/licenses/>.\n */\n\nimport { GraphVisualization } from '../graph-visualization';\nimport { type 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/esm/stories/index.js

@@ -1,61 +0,0 @@
-/**
- *
- *  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/>.
- */
-export { default as GraphVisualizationBarebones } from './graph-visualization-barebones.story';
-export { default as GraphVisualizationCustom } from './graph-visualization-custom.story';
-export { default as GraphVisualizationDefault } from './graph-visualization-default.story';
-export { default as GraphVisualizationHighlighting } from './graph-visualization-highlighting.story';
-export { default as GraphVisualizationMaximalist } from './graph-visualization-maximalist.story';
-export { default as GraphVisualizationRangeStyling } from './graph-visualization-range-styling.story';
-export { default as GraphVisualizationRuleBasedStylingAdvanced } from './graph-visualization-rule-based-styling-advanced.story';
-export { default as GraphVisualizationRuleBasedStylingDateTime } from './graph-visualization-rule-based-styling-datetime.story';
-export { default as GraphVisualizationRuleBasedStyling } from './graph-visualization-rule-based-styling.story';
-export { default as GraphVisualizationSearch } from './graph-visualization-search.story';
-export { default as GraphVisualizationSimpleStyling } from './graph-visualization-simple-styling.story';
-export { default as GraphVisualizationUniqueColorsStyling } from './graph-visualization-unique-colors-styling.story';
-export { default as PreviewGraphVisualization } from './preview-graph-visualization.story';
-import { removeLicenseHeader } from '../utils';
-import GraphVisualizationBarebonesSrcRaw from './graph-visualization-barebones.story?raw';
-import GraphVisualizationCustomSrcRaw from './graph-visualization-custom.story?raw';
-import GraphVisualizationDefaultSrcRaw from './graph-visualization-default.story?raw';
-import GraphVisualizationHighlightingSrcRaw from './graph-visualization-highlighting.story?raw';
-import GraphVisualizationMaximalistSrcRaw from './graph-visualization-maximalist.story?raw';
-import GraphVisualizationRangeStylingRaw from './graph-visualization-range-styling.story?raw';
-import GraphVisualizationRuleBasedStylingSrcRaw from './graph-visualization-rule-based-styling.story?raw';
-import GraphVisualizationRuleBasedStylingAdvancedSrcRaw from './graph-visualization-rule-based-styling-advanced.story?raw';
-import GraphVisualizationRuleBasedStylingDateTimeSrcRaw from './graph-visualization-rule-based-styling-datetime.story?raw';
-import GraphVisualizationSearchSrcRaw from './graph-visualization-search.story?raw';
-import GraphVisualizationSimpleStylingSrcRaw from './graph-visualization-simple-styling.story?raw';
-import GraphVisualizationUniqueColorsStylingRaw from './graph-visualization-unique-colors-styling.story?raw';
-import PreviewGraphVisualizationSrcRaw from './preview-graph-visualization.story?raw';
-export const GraphVisualizationDefaultSrc = removeLicenseHeader(GraphVisualizationDefaultSrcRaw);
-export const GraphVisualizationBarebonesSrc = removeLicenseHeader(GraphVisualizationBarebonesSrcRaw);
-export const GraphVisualizationMaximalistSrc = removeLicenseHeader(GraphVisualizationMaximalistSrcRaw);
-export const GraphVisualizationCustomSrc = removeLicenseHeader(GraphVisualizationCustomSrcRaw);
-export const GraphVisualizationHighlightingSrc = removeLicenseHeader(GraphVisualizationHighlightingSrcRaw);
-export const GraphVisualizationSimpleStylingSrc = removeLicenseHeader(GraphVisualizationSimpleStylingSrcRaw);
-export const GraphVisualizationRuleBasedStylingSrc = removeLicenseHeader(GraphVisualizationRuleBasedStylingSrcRaw);
-export const GraphVisualizationSearchSrc = removeLicenseHeader(GraphVisualizationSearchSrcRaw);
-export const GraphVisualizationRuleBasedStylingAdvancedSrc = removeLicenseHeader(GraphVisualizationRuleBasedStylingAdvancedSrcRaw);
-export const GraphVisualizationRuleBasedStylingDateTimeSrc = removeLicenseHeader(GraphVisualizationRuleBasedStylingDateTimeSrcRaw);
-export const GraphVisualizationRangeStylingSrc = removeLicenseHeader(GraphVisualizationRangeStylingRaw);
-export const GraphVisualizationUniqueColorsStylingRawSrc = removeLicenseHeader(GraphVisualizationUniqueColorsStylingRaw);
-export const PreviewGraphVisualizationSrc = removeLicenseHeader(PreviewGraphVisualizationSrcRaw);
-//# sourceMappingURL=index.js.map

package/lib/esm/stories/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/stories/index.ts"],"names":[],"mappings":"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","sourcesContent":["/**\n *\n *  Copyright (c) \"Neo4j\"\n *  Neo4j Sweden AB [http://neo4j.com]\n *\n *  This file is part of Neo4j.\n *\n *  Neo4j is free software: you can redistribute it and/or modify\n *  it under the terms of the GNU General Public License as published by\n *  the Free Software Foundation, either version 3 of the License, or\n *  (at your option) any later version.\n *\n *  This program is distributed in the hope that it will be useful,\n *  but WITHOUT ANY WARRANTY; without even the implied warranty of\n *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the\n *  GNU General Public License for more details.\n *\n *  You should have received a copy of the GNU General Public License\n *  along with this program.  If not, see <http://www.gnu.org/licenses/>.\n */\n\nexport { default as GraphVisualizationBarebones } from './graph-visualization-barebones.story';\nexport { default as GraphVisualizationCustom } from './graph-visualization-custom.story';\nexport { default as GraphVisualizationDefault } from './graph-visualization-default.story';\nexport { default as GraphVisualizationHighlighting } from './graph-visualization-highlighting.story';\nexport { default as GraphVisualizationMaximalist } from './graph-visualization-maximalist.story';\nexport { default as GraphVisualizationRangeStyling } from './graph-visualization-range-styling.story';\nexport { default as GraphVisualizationRuleBasedStylingAdvanced } from './graph-visualization-rule-based-styling-advanced.story';\nexport { default as GraphVisualizationRuleBasedStylingDateTime } from './graph-visualization-rule-based-styling-datetime.story';\nexport { default as GraphVisualizationRuleBasedStyling } from './graph-visualization-rule-based-styling.story';\nexport { default as GraphVisualizationSearch } from './graph-visualization-search.story';\nexport { default as GraphVisualizationSimpleStyling } from './graph-visualization-simple-styling.story';\nexport { default as GraphVisualizationUniqueColorsStyling } from './graph-visualization-unique-colors-styling.story';\nexport { default as PreviewGraphVisualization } from './preview-graph-visualization.story';\n\nimport { removeLicenseHeader } from '../utils';\nimport GraphVisualizationBarebonesSrcRaw from './graph-visualization-barebones.story?raw';\nimport GraphVisualizationCustomSrcRaw from './graph-visualization-custom.story?raw';\nimport GraphVisualizationDefaultSrcRaw from './graph-visualization-default.story?raw';\nimport GraphVisualizationHighlightingSrcRaw from './graph-visualization-highlighting.story?raw';\nimport GraphVisualizationMaximalistSrcRaw from './graph-visualization-maximalist.story?raw';\nimport GraphVisualizationRangeStylingRaw from './graph-visualization-range-styling.story?raw';\nimport GraphVisualizationRuleBasedStylingSrcRaw from './graph-visualization-rule-based-styling.story?raw';\nimport GraphVisualizationRuleBasedStylingAdvancedSrcRaw from './graph-visualization-rule-based-styling-advanced.story?raw';\nimport GraphVisualizationRuleBasedStylingDateTimeSrcRaw from './graph-visualization-rule-based-styling-datetime.story?raw';\nimport GraphVisualizationSearchSrcRaw from './graph-visualization-search.story?raw';\nimport GraphVisualizationSimpleStylingSrcRaw from './graph-visualization-simple-styling.story?raw';\nimport GraphVisualizationUniqueColorsStylingRaw from './graph-visualization-unique-colors-styling.story?raw';\nimport PreviewGraphVisualizationSrcRaw from './preview-graph-visualization.story?raw';\n\nexport const GraphVisualizationDefaultSrc = removeLicenseHeader(\n  GraphVisualizationDefaultSrcRaw,\n);\n\nexport const GraphVisualizationBarebonesSrc = removeLicenseHeader(\n  GraphVisualizationBarebonesSrcRaw,\n);\n\nexport const GraphVisualizationMaximalistSrc = removeLicenseHeader(\n  GraphVisualizationMaximalistSrcRaw,\n);\n\nexport const GraphVisualizationCustomSrc = removeLicenseHeader(\n  GraphVisualizationCustomSrcRaw,\n);\n\nexport const GraphVisualizationHighlightingSrc = removeLicenseHeader(\n  GraphVisualizationHighlightingSrcRaw,\n);\n\nexport const GraphVisualizationSimpleStylingSrc = removeLicenseHeader(\n  GraphVisualizationSimpleStylingSrcRaw,\n);\n\nexport const GraphVisualizationRuleBasedStylingSrc = removeLicenseHeader(\n  GraphVisualizationRuleBasedStylingSrcRaw,\n);\n\nexport const GraphVisualizationSearchSrc = removeLicenseHeader(\n  GraphVisualizationSearchSrcRaw,\n);\n\nexport const GraphVisualizationRuleBasedStylingAdvancedSrc =\n  removeLicenseHeader(GraphVisualizationRuleBasedStylingAdvancedSrcRaw);\n\nexport const GraphVisualizationRuleBasedStylingDateTimeSrc =\n  removeLicenseHeader(GraphVisualizationRuleBasedStylingDateTimeSrcRaw);\n\nexport const GraphVisualizationRangeStylingSrc = removeLicenseHeader(\n  GraphVisualizationRangeStylingRaw,\n);\n\nexport const GraphVisualizationUniqueColorsStylingRawSrc = removeLicenseHeader(\n  GraphVisualizationUniqueColorsStylingRaw,\n);\n\nexport const PreviewGraphVisualizationSrc = removeLicenseHeader(\n  PreviewGraphVisualizationSrcRaw,\n);\n"]}

package/lib/esm/stories/preview-graph-visualization.story.js

@@ -1,66 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } 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 { CleanIconButton, OutlinedButton, StatusLabel } from '@neo4j-ndl/react';
-import { Preview } from '@neo4j-ndl/react/ai';
-import { ExpandIcon, PencilSquareIconOutline } from '@neo4j-ndl/react/icons';
-import { GraphVisualization } from '../graph-visualization';
-const nodes = [
-    {
-        id: 'node1',
-        labels: ['Movie'],
-        properties: {
-            title: { stringified: '"The Matrix"', type: 'string' },
-            year: { stringified: '1999', type: 'integer' },
-        },
-    },
-    {
-        id: 'node2',
-        labels: ['Person', 'Director'],
-        properties: { name: { stringified: '"Lana Wachowski"', type: 'string' } },
-    },
-    {
-        id: 'node3',
-        labels: ['Person'],
-        properties: { name: { stringified: '"Keanu Reeves"', type: 'string' } },
-    },
-];
-const rels = [
-    {
-        from: 'node2',
-        id: 'rel1',
-        properties: {},
-        to: 'node1',
-        type: 'DIRECTED',
-    },
-    {
-        from: 'node2',
-        id: 'rel2',
-        properties: {},
-        to: 'node3',
-        type: 'WORKED_WITH',
-    },
-];
-const Component = () => {
-    return (_jsxs(Preview, { children: [_jsxs(Preview.Header, { actions: _jsx(OutlinedButton, { variant: "neutral", size: "small", leadingVisual: _jsx(PencilSquareIconOutline, {}), children: "Send to Import" }), children: ["Visualization", _jsx(StatusLabel, { variant: "info", size: "small", fill: "semi-filled", children: "Preview" })] }), _jsx("div", { style: { height: '254px' }, children: _jsx(GraphVisualization, { bottomLeftIsland: null, bottomCenterIsland: null, bottomRightIsland: null, nodes: nodes, rels: rels, sidepanel: null, topLeftIsland: null, topRightIsland: _jsx(CleanIconButton, { size: "small", description: "Expand", children: _jsx(ExpandIcon, {}) }) }) })] }));
-};
-export default Component;
-//# sourceMappingURL=preview-graph-visualization.story.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"preview-graph-visualization.story.js","sourceRoot":"","sources":["../../../src/stories/preview-graph-visualization.story.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,OAAO,EAAE,eAAe,EAAE,cAAc,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAChF,OAAO,EAAE,OAAO,EAAE,MAAM,qBAAqB,CAAC;AAC9C,OAAO,EAAE,UAAU,EAAE,uBAAuB,EAAE,MAAM,wBAAwB,CAAC;AAE7E,OAAO,EAAE,kBAAkB,EAAE,MAAM,wBAAwB,CAAC;AAG5D,MAAM,KAAK,GAAc;IACvB;QACE,EAAE,EAAE,OAAO;QACX,MAAM,EAAE,CAAC,OAAO,CAAC;QACjB,UAAU,EAAE;YACV,KAAK,EAAE,EAAE,WAAW,EAAE,cAAc,EAAE,IAAI,EAAE,QAAQ,EAAE;YACtD,IAAI,EAAE,EAAE,WAAW,EAAE,MAAM,EAAE,IAAI,EAAE,SAAS,EAAE;SAC/C;KACF;IACD;QACE,EAAE,EAAE,OAAO;QACX,MAAM,EAAE,CAAC,QAAQ,EAAE,UAAU,CAAC;QAC9B,UAAU,EAAE,EAAE,IAAI,EAAE,EAAE,WAAW,EAAE,kBAAkB,EAAE,IAAI,EAAE,QAAQ,EAAE,EAAE;KAC1E;IACD;QACE,EAAE,EAAE,OAAO;QACX,MAAM,EAAE,CAAC,QAAQ,CAAC;QAClB,UAAU,EAAE,EAAE,IAAI,EAAE,EAAE,WAAW,EAAE,gBAAgB,EAAE,IAAI,EAAE,QAAQ,EAAE,EAAE;KACxE;CACF,CAAC;AAEF,MAAM,IAAI,GAAG;IACX;QACE,IAAI,EAAE,OAAO;QACb,EAAE,EAAE,MAAM;QACV,UAAU,EAAE,EAAE;QACd,EAAE,EAAE,OAAO;QACX,IAAI,EAAE,UAAU;KACjB;IACD;QACE,IAAI,EAAE,OAAO;QACb,EAAE,EAAE,MAAM;QACV,UAAU,EAAE,EAAE;QACd,EAAE,EAAE,OAAO;QACX,IAAI,EAAE,aAAa;KACpB;CACF,CAAC;AAEF,MAAM,SAAS,GAAG,GAAG,EAAE;IACrB,OAAO,CACL,MAAC,OAAO,eACN,MAAC,OAAO,CAAC,MAAM,IACb,OAAO,EACL,KAAC,cAAc,IACb,OAAO,EAAC,SAAS,EACjB,IAAI,EAAC,OAAO,EACZ,aAAa,EAAE,KAAC,uBAAuB,KAAG,+BAG3B,8BAInB,KAAC,WAAW,IAAC,OAAO,EAAC,MAAM,EAAC,IAAI,EAAC,OAAO,EAAC,IAAI,EAAC,aAAa,wBAE7C,IACC,EACjB,cAAK,KAAK,EAAE,EAAE,MAAM,EAAE,OAAO,EAAE,YAC7B,KAAC,kBAAkB,IACjB,gBAAgB,EAAE,IAAI,EACtB,kBAAkB,EAAE,IAAI,EACxB,iBAAiB,EAAE,IAAI,EACvB,KAAK,EAAE,KAAK,EACZ,IAAI,EAAE,IAAI,EACV,SAAS,EAAE,IAAI,EACf,aAAa,EAAE,IAAI,EACnB,cAAc,EACZ,KAAC,eAAe,IAAC,IAAI,EAAC,OAAO,EAAC,WAAW,EAAC,QAAQ,YAChD,KAAC,UAAU,KAAG,GACE,GAEpB,GACE,IACE,CACX,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,SAAS,CAAC","sourcesContent":["/**\n *\n *  Copyright (c) \"Neo4j\"\n *  Neo4j Sweden AB [http://neo4j.com]\n *\n *  This file is part of Neo4j.\n *\n *  Neo4j is free software: you can redistribute it and/or modify\n *  it under the terms of the GNU General Public License as published by\n *  the Free Software Foundation, either version 3 of the License, or\n *  (at your option) any later version.\n *\n *  This program is distributed in the hope that it will be useful,\n *  but WITHOUT ANY WARRANTY; without even the implied warranty of\n *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the\n *  GNU General Public License for more details.\n *\n *  You should have received a copy of the GNU General Public License\n *  along with this program.  If not, see <http://www.gnu.org/licenses/>.\n */\n\nimport { CleanIconButton, OutlinedButton, StatusLabel } from '@neo4j-ndl/react';\nimport { Preview } from '@neo4j-ndl/react/ai';\nimport { ExpandIcon, PencilSquareIconOutline } from '@neo4j-ndl/react/icons';\n\nimport { GraphVisualization } from '../graph-visualization';\nimport { type NeoNode } from '../graph-visualization-context';\n\nconst nodes: NeoNode[] = [\n  {\n    id: 'node1',\n    labels: ['Movie'],\n    properties: {\n      title: { stringified: '\"The Matrix\"', type: 'string' },\n      year: { stringified: '1999', type: 'integer' },\n    },\n  },\n  {\n    id: 'node2',\n    labels: ['Person', 'Director'],\n    properties: { name: { stringified: '\"Lana Wachowski\"', type: 'string' } },\n  },\n  {\n    id: 'node3',\n    labels: ['Person'],\n    properties: { name: { stringified: '\"Keanu Reeves\"', type: 'string' } },\n  },\n];\n\nconst rels = [\n  {\n    from: 'node2',\n    id: 'rel1',\n    properties: {},\n    to: 'node1',\n    type: 'DIRECTED',\n  },\n  {\n    from: 'node2',\n    id: 'rel2',\n    properties: {},\n    to: 'node3',\n    type: 'WORKED_WITH',\n  },\n];\n\nconst Component = () => {\n  return (\n    <Preview>\n      <Preview.Header\n        actions={\n          <OutlinedButton\n            variant=\"neutral\"\n            size=\"small\"\n            leadingVisual={<PencilSquareIconOutline />}\n          >\n            Send to Import\n          </OutlinedButton>\n        }\n      >\n        Visualization\n        <StatusLabel variant=\"info\" size=\"small\" fill=\"semi-filled\">\n          Preview\n        </StatusLabel>\n      </Preview.Header>\n      <div style={{ height: '254px' }}>\n        <GraphVisualization\n          bottomLeftIsland={null}\n          bottomCenterIsland={null}\n          bottomRightIsland={null}\n          nodes={nodes}\n          rels={rels}\n          sidepanel={null}\n          topLeftIsland={null}\n          topRightIsland={\n            <CleanIconButton size=\"small\" description=\"Expand\">\n              <ExpandIcon />\n            </CleanIconButton>\n          }\n        />\n      </div>\n    </Preview>\n  );\n};\n\nexport default Component;\n"]}