@neo4j-ndl/react-graph 2.1.1 → 2.1.2

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

@@ -1,93 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.containerClasses = 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 nodes = [
-    {
-        id: 'node1',
-        labels: ['Pokemon', 'Legendary'],
-        properties: {
-            durationToWinBattle: {
-                stringified: 'P0M0DT0.000000001S',
-                type: 'duration',
-            },
-            favoriteColors: {
-                stringified: '["red", "blue", "green"]',
-                type: 'list',
-            },
-            getsBeatBy: {
-                stringified: 'null',
-                type: 'null',
-            },
-            isAwesome: {
-                stringified: 'true',
-                type: 'boolean',
-            },
-            location: {
-                stringified: 'point({srid:1, x:100, y:200, z:300})',
-                type: 'point',
-            },
-            name: {
-                stringified: '"Rayquaza"',
-                type: 'string',
-            },
-            weight: {
-                stringified: '392.0',
-                type: 'float',
-            },
-        },
-    },
-    {
-        id: 'node2',
-        labels: ['Type'],
-        properties: { name: { stringified: 'Dragon', type: 'String' } },
-    },
-    {
-        id: 'node3',
-        labels: ['Type'],
-        properties: { name: { stringified: 'Flying', type: 'String' } },
-    },
-];
-const rels = [
-    {
-        from: 'node1',
-        id: 'rel1',
-        properties: {},
-        to: 'node2',
-        type: 'HAS_TYPE',
-    },
-    {
-        from: 'node1',
-        id: 'rel2',
-        properties: {},
-        to: 'node3',
-        type: 'HAS_TYPE',
-    },
-];
-exports.containerClasses = 'n-w-full n-border-neutral-border-weak n-mx-2 n-rounded-lg n-border';
-const Component = () => {
-    return ((0, jsx_runtime_1.jsx)("div", { style: { height: '600px' }, children: (0, jsx_runtime_1.jsx)(graph_visualization_1.GraphVisualization, { nodes: nodes, rels: rels, className: exports.containerClasses }) }));
-};
-exports.default = Component;
-//# sourceMappingURL=graph-visualization-default.story.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"graph-visualization-default.story.js","sourceRoot":"","sources":["../../../src/stories/graph-visualization-default.story.tsx"],"names":[],"mappings":";;;;AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,gEAA4D;AAG5D,MAAM,KAAK,GAAc;IACvB;QACE,EAAE,EAAE,OAAO;QACX,MAAM,EAAE,CAAC,SAAS,EAAE,WAAW,CAAC;QAChC,UAAU,EAAE;YACV,mBAAmB,EAAE;gBACnB,WAAW,EAAE,oBAAoB;gBACjC,IAAI,EAAE,UAAU;aACjB;YACD,cAAc,EAAE;gBACd,WAAW,EAAE,0BAA0B;gBACvC,IAAI,EAAE,MAAM;aACb;YACD,UAAU,EAAE;gBACV,WAAW,EAAE,MAAM;gBACnB,IAAI,EAAE,MAAM;aACb;YACD,SAAS,EAAE;gBACT,WAAW,EAAE,MAAM;gBACnB,IAAI,EAAE,SAAS;aAChB;YACD,QAAQ,EAAE;gBACR,WAAW,EAAE,sCAAsC;gBACnD,IAAI,EAAE,OAAO;aACd;YACD,IAAI,EAAE;gBACJ,WAAW,EAAE,YAAY;gBACzB,IAAI,EAAE,QAAQ;aACf;YACD,MAAM,EAAE;gBACN,WAAW,EAAE,OAAO;gBACpB,IAAI,EAAE,OAAO;aACd;SACF;KACF;IACD;QACE,EAAE,EAAE,OAAO;QACX,MAAM,EAAE,CAAC,MAAM,CAAC;QAChB,UAAU,EAAE,EAAE,IAAI,EAAE,EAAE,WAAW,EAAE,QAAQ,EAAE,IAAI,EAAE,QAAQ,EAAE,EAAE;KAChE;IACD;QACE,EAAE,EAAE,OAAO;QACX,MAAM,EAAE,CAAC,MAAM,CAAC;QAChB,UAAU,EAAE,EAAE,IAAI,EAAE,EAAE,WAAW,EAAE,QAAQ,EAAE,IAAI,EAAE,QAAQ,EAAE,EAAE;KAChE;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,UAAU;KACjB;CACF,CAAC;AACW,QAAA,gBAAgB,GAC3B,oEAAoE,CAAC;AAEvE,MAAM,SAAS,GAAG,GAAG,EAAE;IACrB,OAAO,CACL,gCAAK,KAAK,EAAE,EAAE,MAAM,EAAE,OAAO,EAAE,YAC7B,uBAAC,wCAAkB,IACjB,KAAK,EAAE,KAAK,EACZ,IAAI,EAAE,IAAI,EACV,SAAS,EAAE,wBAAgB,GAC3B,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 NeoNode } from '../graph-visualization-context';\n\nconst nodes: NeoNode[] = [\n  {\n    id: 'node1',\n    labels: ['Pokemon', 'Legendary'],\n    properties: {\n      durationToWinBattle: {\n        stringified: 'P0M0DT0.000000001S',\n        type: 'duration',\n      },\n      favoriteColors: {\n        stringified: '[\"red\", \"blue\", \"green\"]',\n        type: 'list',\n      },\n      getsBeatBy: {\n        stringified: 'null',\n        type: 'null',\n      },\n      isAwesome: {\n        stringified: 'true',\n        type: 'boolean',\n      },\n      location: {\n        stringified: 'point({srid:1, x:100, y:200, z:300})',\n        type: 'point',\n      },\n      name: {\n        stringified: '\"Rayquaza\"',\n        type: 'string',\n      },\n      weight: {\n        stringified: '392.0',\n        type: 'float',\n      },\n    },\n  },\n  {\n    id: 'node2',\n    labels: ['Type'],\n    properties: { name: { stringified: 'Dragon', type: 'String' } },\n  },\n  {\n    id: 'node3',\n    labels: ['Type'],\n    properties: { name: { stringified: 'Flying', type: 'String' } },\n  },\n];\n\nconst rels = [\n  {\n    from: 'node1',\n    id: 'rel1',\n    properties: {},\n    to: 'node2',\n    type: 'HAS_TYPE',\n  },\n  {\n    from: 'node1',\n    id: 'rel2',\n    properties: {},\n    to: 'node3',\n    type: 'HAS_TYPE',\n  },\n];\nexport const containerClasses =\n  'n-w-full n-border-neutral-border-weak n-mx-2 n-rounded-lg n-border';\n\nconst Component = () => {\n  return (\n    <div style={{ height: '600px' }}>\n      <GraphVisualization\n        nodes={nodes}\n        rels={rels}\n        className={containerClasses}\n      />\n    </div>\n  );\n};\n\nexport default Component;\n"]}

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

@@ -1,30 +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");
-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, highlightedNodeIds: ['node1'], highlightedRelationshipIds: [] }) }));
-};
-exports.default = Component;
-//# sourceMappingURL=graph-visualization-highlighting.story.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"graph-visualization-highlighting.story.js","sourceRoot":"","sources":["../../../src/stories/graph-visualization-highlighting.story.tsx"],"names":[],"mappings":";;;AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,gEAA4D;AAC5D,6CAA4D;AAE5D,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,kBAAkB,EAAE,CAAC,OAAO,CAAC,EAC7B,0BAA0B,EAAE,EAAE,GAC9B,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 { containerClasses, StoryGraph } from './story-data';\n\nconst Component = () => {\n  return (\n    <div style={{ height: '600px' }}>\n      <GraphVisualization\n        nodes={StoryGraph.nodes}\n        rels={StoryGraph.rels}\n        className={containerClasses}\n        highlightedNodeIds={['node1']} // Highlight only Rayquaza\n        highlightedRelationshipIds={[]}\n      />\n    </div>\n  );\n};\n\nexport default Component;\n"]}

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

@@ -1,107 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.containerClasses = 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 react_1 = require("@neo4j-ndl/react");
-const react_2 = require("react");
-const graph_visualization_1 = require("../graph-visualization");
-const nodes = [
-    {
-        id: 'node1',
-        labels: ['Pokemon', 'Legendary'],
-        properties: {
-            durationToWinBattle: {
-                stringified: 'P0M0DT0.000000001S',
-                type: 'duration',
-            },
-            favoriteColors: {
-                stringified: '["red", "blue", "green"]',
-                type: 'list',
-            },
-            getsBeatBy: {
-                stringified: 'null',
-                type: 'null',
-            },
-            isAwesome: {
-                stringified: 'true',
-                type: 'boolean',
-            },
-            location: {
-                stringified: 'point({srid:1, x:100, y:200, z:300})',
-                type: 'point',
-            },
-            name: {
-                stringified: '"Rayquaza"',
-                type: 'string',
-            },
-            weight: {
-                stringified: '392.0',
-                type: 'float',
-            },
-        },
-    },
-    {
-        id: 'node2',
-        labels: ['Type'],
-        properties: { name: { stringified: 'Dragon', type: 'String' } },
-    },
-    {
-        id: 'node3',
-        labels: ['Type'],
-        properties: { name: { stringified: 'Flying', type: 'String' } },
-    },
-];
-const rels = [
-    {
-        from: 'node1',
-        id: 'rel1',
-        properties: {},
-        to: 'node2',
-        type: 'HAS_TYPE',
-    },
-    {
-        from: 'node1',
-        id: 'rel2',
-        properties: {},
-        to: 'node3',
-        type: 'HAS_TYPE',
-    },
-];
-exports.containerClasses = 'n-w-full n-border-neutral-border-weak n-mx-2 n-rounded-lg n-border';
-const Component = () => {
-    const [isOpen, setIsOpen] = (0, react_2.useState)(true);
-    const [gesture, setGesture] = (0, react_2.useState)('box');
-    // Hierarchical layout not working properly with storybook
-    const [layout, setLayout] = (0, react_2.useState)('hierarchical');
-    return ((0, jsx_runtime_1.jsx)("div", { style: { height: '600px' }, children: (0, jsx_runtime_1.jsx)(graph_visualization_1.GraphVisualization, { gesture: gesture, setGesture: setGesture, layout: layout, setLayout: setLayout, bottomRightIsland: (0, jsx_runtime_1.jsxs)(react_1.IconButtonArray, { size: "medium", children: [(0, jsx_runtime_1.jsx)(graph_visualization_1.GraphVisualization.GestureSelectButton, { menuPlacement: "top-end-bottom-end" }), (0, jsx_runtime_1.jsx)(react_1.Divider, { orientation: "vertical" }), (0, jsx_runtime_1.jsx)(graph_visualization_1.GraphVisualization.ZoomInButton, { tooltipPlacement: "top" }), (0, jsx_runtime_1.jsx)(graph_visualization_1.GraphVisualization.ZoomOutButton, { tooltipPlacement: "top" }), (0, jsx_runtime_1.jsx)(graph_visualization_1.GraphVisualization.ZoomToFitButton, { tooltipPlacement: "top" }), (0, jsx_runtime_1.jsx)(react_1.Divider, { orientation: "vertical" }), (0, jsx_runtime_1.jsx)(graph_visualization_1.GraphVisualization.LayoutSelectButton, { menuPlacement: "top-end-bottom-end" })] }), nodes: nodes, rels: rels, sidepanel: {
-                children: (0, jsx_runtime_1.jsx)(graph_visualization_1.GraphVisualization.SingleSelectionSidePanelContents, {}),
-                isSidePanelOpen: isOpen,
-                onSidePanelResize: () => {
-                    /* no op */
-                },
-                setIsSidePanelOpen: setIsOpen,
-                sidePanelWidth: 300,
-            }, topLeftIsland: (0, jsx_runtime_1.jsx)(graph_visualization_1.GraphVisualization.DownloadButton, {}), topRightIsland: (0, jsx_runtime_1.jsx)(graph_visualization_1.GraphVisualization.ToggleSidePanelButton, {}), className: exports.containerClasses }) }));
-};
-exports.default = Component;
-//# sourceMappingURL=graph-visualization-maximalist.story.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"graph-visualization-maximalist.story.js","sourceRoot":"","sources":["../../../src/stories/graph-visualization-maximalist.story.tsx"],"names":[],"mappings":";;;;AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,4CAA4D;AAE5D,iCAAiC;AAEjC,gEAA4D;AAG5D,MAAM,KAAK,GAAc;IACvB;QACE,EAAE,EAAE,OAAO;QACX,MAAM,EAAE,CAAC,SAAS,EAAE,WAAW,CAAC;QAChC,UAAU,EAAE;YACV,mBAAmB,EAAE;gBACnB,WAAW,EAAE,oBAAoB;gBACjC,IAAI,EAAE,UAAU;aACjB;YACD,cAAc,EAAE;gBACd,WAAW,EAAE,0BAA0B;gBACvC,IAAI,EAAE,MAAM;aACb;YACD,UAAU,EAAE;gBACV,WAAW,EAAE,MAAM;gBACnB,IAAI,EAAE,MAAM;aACb;YACD,SAAS,EAAE;gBACT,WAAW,EAAE,MAAM;gBACnB,IAAI,EAAE,SAAS;aAChB;YACD,QAAQ,EAAE;gBACR,WAAW,EAAE,sCAAsC;gBACnD,IAAI,EAAE,OAAO;aACd;YACD,IAAI,EAAE;gBACJ,WAAW,EAAE,YAAY;gBACzB,IAAI,EAAE,QAAQ;aACf;YACD,MAAM,EAAE;gBACN,WAAW,EAAE,OAAO;gBACpB,IAAI,EAAE,OAAO;aACd;SACF;KACF;IACD;QACE,EAAE,EAAE,OAAO;QACX,MAAM,EAAE,CAAC,MAAM,CAAC;QAChB,UAAU,EAAE,EAAE,IAAI,EAAE,EAAE,WAAW,EAAE,QAAQ,EAAE,IAAI,EAAE,QAAQ,EAAE,EAAE;KAChE;IACD;QACE,EAAE,EAAE,OAAO;QACX,MAAM,EAAE,CAAC,MAAM,CAAC;QAChB,UAAU,EAAE,EAAE,IAAI,EAAE,EAAE,WAAW,EAAE,QAAQ,EAAE,IAAI,EAAE,QAAQ,EAAE,EAAE;KAChE;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,UAAU;KACjB;CACF,CAAC;AAEW,QAAA,gBAAgB,GAC3B,oEAAoE,CAAC;AAEvE,MAAM,SAAS,GAAG,GAAG,EAAE;IACrB,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,IAAA,gBAAQ,EAAC,IAAI,CAAC,CAAC;IAC3C,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,IAAA,gBAAQ,EAAU,KAAK,CAAC,CAAC;IACvD,0DAA0D;IAC1D,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,IAAA,gBAAQ,EAAS,cAAc,CAAC,CAAC;IAE7D,OAAO,CACL,gCAAK,KAAK,EAAE,EAAE,MAAM,EAAE,OAAO,EAAE,YAC7B,uBAAC,wCAAkB,IACjB,OAAO,EAAE,OAAO,EAChB,UAAU,EAAE,UAAU,EACtB,MAAM,EAAE,MAAM,EACd,SAAS,EAAE,SAAS,EACpB,iBAAiB,EACf,wBAAC,uBAAe,IAAC,IAAI,EAAC,QAAQ,aAC5B,uBAAC,wCAAkB,CAAC,mBAAmB,IAAC,aAAa,EAAC,oBAAoB,GAAG,EAC7E,uBAAC,eAAO,IAAC,WAAW,EAAC,UAAU,GAAG,EAClC,uBAAC,wCAAkB,CAAC,YAAY,IAAC,gBAAgB,EAAC,KAAK,GAAG,EAC1D,uBAAC,wCAAkB,CAAC,aAAa,IAAC,gBAAgB,EAAC,KAAK,GAAG,EAC3D,uBAAC,wCAAkB,CAAC,eAAe,IAAC,gBAAgB,EAAC,KAAK,GAAG,EAC7D,uBAAC,eAAO,IAAC,WAAW,EAAC,UAAU,GAAG,EAClC,uBAAC,wCAAkB,CAAC,kBAAkB,IAAC,aAAa,EAAC,oBAAoB,GAAG,IAC5D,EAEpB,KAAK,EAAE,KAAK,EACZ,IAAI,EAAE,IAAI,EACV,SAAS,EAAE;gBACT,QAAQ,EAAE,uBAAC,wCAAkB,CAAC,gCAAgC,KAAG;gBACjE,eAAe,EAAE,MAAM;gBACvB,iBAAiB,EAAE,GAAG,EAAE;oBACtB,WAAW;gBACb,CAAC;gBACD,kBAAkB,EAAE,SAAS;gBAC7B,cAAc,EAAE,GAAG;aACpB,EACD,aAAa,EAAE,uBAAC,wCAAkB,CAAC,cAAc,KAAG,EACpD,cAAc,EAAE,uBAAC,wCAAkB,CAAC,qBAAqB,KAAG,EAC5D,SAAS,EAAE,wBAAgB,GAC3B,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 { Divider, IconButtonArray } from '@neo4j-ndl/react';\nimport { type Layout } from '@neo4j-nvl/base';\nimport { useState } from 'react';\n\nimport { GraphVisualization } from '../graph-visualization';\nimport { type Gesture, type NeoNode } from '../graph-visualization-context';\n\nconst nodes: NeoNode[] = [\n  {\n    id: 'node1',\n    labels: ['Pokemon', 'Legendary'],\n    properties: {\n      durationToWinBattle: {\n        stringified: 'P0M0DT0.000000001S',\n        type: 'duration',\n      },\n      favoriteColors: {\n        stringified: '[\"red\", \"blue\", \"green\"]',\n        type: 'list',\n      },\n      getsBeatBy: {\n        stringified: 'null',\n        type: 'null',\n      },\n      isAwesome: {\n        stringified: 'true',\n        type: 'boolean',\n      },\n      location: {\n        stringified: 'point({srid:1, x:100, y:200, z:300})',\n        type: 'point',\n      },\n      name: {\n        stringified: '\"Rayquaza\"',\n        type: 'string',\n      },\n      weight: {\n        stringified: '392.0',\n        type: 'float',\n      },\n    },\n  },\n  {\n    id: 'node2',\n    labels: ['Type'],\n    properties: { name: { stringified: 'Dragon', type: 'String' } },\n  },\n  {\n    id: 'node3',\n    labels: ['Type'],\n    properties: { name: { stringified: 'Flying', type: 'String' } },\n  },\n];\n\nconst rels = [\n  {\n    from: 'node1',\n    id: 'rel1',\n    properties: {},\n    to: 'node2',\n    type: 'HAS_TYPE',\n  },\n  {\n    from: 'node1',\n    id: 'rel2',\n    properties: {},\n    to: 'node3',\n    type: 'HAS_TYPE',\n  },\n];\n\nexport const containerClasses =\n  'n-w-full n-border-neutral-border-weak n-mx-2 n-rounded-lg n-border';\n\nconst Component = () => {\n  const [isOpen, setIsOpen] = useState(true);\n  const [gesture, setGesture] = useState<Gesture>('box');\n  // Hierarchical layout not working properly with storybook\n  const [layout, setLayout] = useState<Layout>('hierarchical');\n\n  return (\n    <div style={{ height: '600px' }}>\n      <GraphVisualization\n        gesture={gesture}\n        setGesture={setGesture}\n        layout={layout}\n        setLayout={setLayout}\n        bottomRightIsland={\n          <IconButtonArray size=\"medium\">\n            <GraphVisualization.GestureSelectButton menuPlacement=\"top-end-bottom-end\" />\n            <Divider orientation=\"vertical\" />\n            <GraphVisualization.ZoomInButton tooltipPlacement=\"top\" />\n            <GraphVisualization.ZoomOutButton tooltipPlacement=\"top\" />\n            <GraphVisualization.ZoomToFitButton tooltipPlacement=\"top\" />\n            <Divider orientation=\"vertical\" />\n            <GraphVisualization.LayoutSelectButton menuPlacement=\"top-end-bottom-end\" />\n          </IconButtonArray>\n        }\n        nodes={nodes}\n        rels={rels}\n        sidepanel={{\n          children: <GraphVisualization.SingleSelectionSidePanelContents />,\n          isSidePanelOpen: isOpen,\n          onSidePanelResize: () => {\n            /* no op */\n          },\n          setIsSidePanelOpen: setIsOpen,\n          sidePanelWidth: 300,\n        }}\n        topLeftIsland={<GraphVisualization.DownloadButton />}\n        topRightIsland={<GraphVisualization.ToggleSidePanelButton />}\n        className={containerClasses}\n      />\n    </div>\n  );\n};\n\nexport default Component;\n"]}

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

@@ -1,100 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.colorRangeStyleRules = 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");
-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' } },
-];
-exports.colorRangeStyleRules = [
-    ...pokemonRules,
-    ...caughtRelRules,
-    ...otherNodeRules,
-];
-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: exports.colorRangeStyleRules }) }));
-};
-exports.default = Component;
-//# sourceMappingURL=graph-visualization-range-styling.story.js.map

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

@@ -1,270 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.advancedStyleRules = exports.evolvesToRelRules = exports.caughtRelRules = exports.battledRelRules = exports.gymRules = exports.typeRules = exports.pokemonRules = exports.trainerRules = exports.defaultNodeRules = 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.defaultNodeRules = [
-    {
-        match: { label: null },
-        apply: { size: { value: 10 } },
-    },
-];
-exports.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,
-            },
-        },
-    },
-];
-exports.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: [] },
-                ],
-            },
-        },
-    },
-];
-exports.typeRules = [
-    {
-        match: { label: 'Type' },
-        where: {
-            or: [
-                { equal: [{ property: 'name' }, 'Grass'] },
-                { equal: [{ property: 'name' }, 'Poison'] },
-            ],
-        },
-        apply: {
-            color: { value: '#27ae60' },
-        },
-    },
-];
-exports.gymRules = [
-    {
-        match: { label: 'Gym' },
-        apply: {
-            color: { value: '#8e44ad' },
-            size: { value: 48 },
-            captions: {
-                text: [
-                    { value: '🏛️ ', styles: [] },
-                    { value: { property: 'name' }, styles: ['bold', 'underline'] },
-                ],
-                align: 'top',
-            },
-        },
-    },
-];
-exports.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,
-            },
-        },
-    },
-];
-exports.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,
-            },
-        },
-    },
-];
-exports.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'] },
-                ],
-            },
-        },
-    },
-];
-exports.advancedStyleRules = [
-    ...exports.defaultNodeRules,
-    ...exports.trainerRules,
-    ...exports.pokemonRules,
-    ...exports.typeRules,
-    ...exports.gymRules,
-    ...exports.battledRelRules,
-    ...exports.caughtRelRules,
-    ...exports.evolvesToRelRules,
-];
-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: exports.advancedStyleRules }) }));
-};
-exports.default = Component;
-//# sourceMappingURL=graph-visualization-rule-based-styling-advanced.story.js.map