@neo4j-ndl/react 3.8.7 → 3.8.9

package/lib/cjs/graph-visualization/map-to-nvl-graph.js

@@ -0,0 +1,167 @@
+"use strict";
+/**
+ *
+ *  Copyright (c) "Neo4j"
+ *  Neo4j Sweden AB [http://neo4j.com]
+ *
+ *  This file is part of Neo4j.
+ *
+ *  Neo4j is free software: you can redistribute it and/or modify
+ *  it under the terms of the GNU General Public License as published by
+ *  the Free Software Foundation, either version 3 of the License, or
+ *  (at your option) any later version.
+ *
+ *  This program is distributed in the hope that it will be useful,
+ *  but WITHOUT ANY WARRANTY; without even the implied warranty of
+ *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ *  GNU General Public License for more details.
+ *
+ *  You should have received a copy of the GNU General Public License
+ *  along with this program.  If not, see <http://www.gnu.org/licenses/>.
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.captionPriorityOrder = exports.NO_LABEL_FALLBACK_COLOR = exports.DEFAULT_REL_COLOR = void 0;
+exports.getDefaultCaptionKey = getDefaultCaptionKey;
+exports.mapToNvlGraph = mapToNvlGraph;
+const word_color_1 = require("@neo4j-devtools/word-color");
+const base_1 = require("@neo4j-ndl/base");
+exports.DEFAULT_REL_COLOR = base_1.tokens.colors.neutral['40'];
+exports.NO_LABEL_FALLBACK_COLOR = base_1.tokens.colors.neutral['40'];
+const sortAlphabetically = (a = '', b = '') => a.toLowerCase().localeCompare(b.toLowerCase());
+function getMostCommonColor(colors) {
+    var _a;
+    const [firstColor] = colors;
+    if (firstColor === undefined) {
+        return exports.NO_LABEL_FALLBACK_COLOR;
+    }
+    const colorCounts = {};
+    for (const color of colors) {
+        colorCounts[color] = ((_a = colorCounts[color]) !== null && _a !== void 0 ? _a : 0) + 1;
+    }
+    let maxCount = 0;
+    let mostCommonColor = firstColor;
+    for (const [color, colorCount] of Object.entries(colorCounts)) {
+        if (colorCount > maxCount) {
+            maxCount = colorCount;
+            mostCommonColor = color;
+        }
+    }
+    return mostCommonColor;
+}
+function transformToItemMetada(arg) {
+    return Object.entries(arg).reduce((acc, [label, colors]) => {
+        acc[label] = {
+            mostCommonColor: getMostCommonColor(colors),
+            totalCount: colors.length,
+        };
+        return acc;
+    }, {});
+}
+exports.captionPriorityOrder = [
+    /^name$/i,
+    /^title$/i,
+    /^label$/i,
+    /name$/i,
+    /description$/i,
+    /^.+/,
+];
+function getDefaultCaptionKey(options) {
+    const captionKeys = options
+        .filter((option) => option.type === 'property')
+        .map((option) => option.captionKey);
+    for (const regex of exports.captionPriorityOrder) {
+        const matchingKey = captionKeys.find((key) => regex.test(key));
+        if (matchingKey !== undefined) {
+            return {
+                captionKey: matchingKey,
+                type: 'property',
+            };
+        }
+    }
+    const typeOption = options.find((option) => option.type === 'type');
+    if (typeOption) {
+        return typeOption;
+    }
+    return options.find((option) => option.type === 'id');
+}
+const getDefaultNodeCaption = (item) => {
+    const options = Object.keys(item.properties).map((property) => ({
+        captionKey: property,
+        type: 'property',
+    }));
+    options.push({ type: 'id' }, { type: 'type' });
+    const defaultCaptionKey = getDefaultCaptionKey(options);
+    if ((defaultCaptionKey === null || defaultCaptionKey === void 0 ? void 0 : defaultCaptionKey.type) === 'property') {
+        const caption = item.properties[defaultCaptionKey.captionKey];
+        if (caption !== undefined) {
+            // remove quotes from string
+            if (caption.type === 'string') {
+                return [{ value: caption.stringified.slice(1, -1) }];
+            }
+            return [{ value: caption.stringified }];
+        }
+    }
+    const [firstLabel] = item.labels;
+    if ((defaultCaptionKey === null || defaultCaptionKey === void 0 ? void 0 : defaultCaptionKey.type) === 'type' && firstLabel !== undefined) {
+        return [{ value: firstLabel }];
+    }
+    return [{ value: item.id }];
+};
+// Properties can be huge, so we split them out into a separate lookup table
+// to prevent them from making the physics slow
+// here we also apply default colors & captions to nodes and relationships
+// and sample colors for the sidepanel
+// in the future we'll apply styling here as well
+function mapToNvlGraph(rawNodes, rawRels) {
+    const labelColorPairs = {};
+    const typeColorPairs = {};
+    const nodeData = {};
+    const relData = {};
+    const nodes = rawNodes.map((node) => {
+        var _a;
+        const [firstLabel] = node.labels;
+        const newNode = Object.assign(Object.assign({ captions: getDefaultNodeCaption(node), color: (_a = node.color) !== null && _a !== void 0 ? _a : (firstLabel === undefined
+                ? exports.NO_LABEL_FALLBACK_COLOR
+                : (0, word_color_1.calculateDefaultNodeColors)(firstLabel).backgroundColor) }, node), { labels: undefined, properties: undefined });
+        nodeData[node.id] = {
+            color: newNode.color,
+            id: node.id,
+            labelsSorted: [...node.labels].sort(sortAlphabetically),
+            properties: node.properties,
+        };
+        node.labels.forEach((label) => {
+            var _a;
+            labelColorPairs[label] = [
+                ...((_a = labelColorPairs[label]) !== null && _a !== void 0 ? _a : []),
+                newNode.color,
+            ];
+        });
+        return newNode;
+    });
+    const rels = rawRels.map((rel) => {
+        var _a, _b, _c;
+        relData[rel.id] = {
+            color: (_a = rel.color) !== null && _a !== void 0 ? _a : exports.DEFAULT_REL_COLOR,
+            id: rel.id,
+            properties: rel.properties,
+            type: rel.type,
+        };
+        typeColorPairs[rel.type] = [
+            ...((_b = typeColorPairs[rel.type]) !== null && _b !== void 0 ? _b : []),
+            (_c = rel.color) !== null && _c !== void 0 ? _c : exports.DEFAULT_REL_COLOR,
+        ];
+        return Object.assign(Object.assign({ captions: [{ value: rel.type }], color: exports.DEFAULT_REL_COLOR }, rel), { properties: undefined, type: undefined });
+    });
+    const labelMetaData = transformToItemMetada(labelColorPairs);
+    const typeMetaData = transformToItemMetada(typeColorPairs);
+    const dataLookupTable = {
+        labelMetaData,
+        labels: Object.keys(labelMetaData).sort((a, b) => sortAlphabetically(a, b)),
+        nodes: nodeData,
+        relationships: relData,
+        typeMetaData,
+        types: Object.keys(typeMetaData).sort((a, b) => sortAlphabetically(a, b)),
+    };
+    return { dataLookupTable, nodes, rels };
+}
+//# sourceMappingURL=map-to-nvl-graph.js.map

package/lib/cjs/graph-visualization/map-to-nvl-graph.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"map-to-nvl-graph.js","sourceRoot":"","sources":["../../../src/graph-visualization/map-to-nvl-graph.ts"],"names":[],"mappings":"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"}

package/lib/cjs/graph-visualization/sidepanel-components/button-group.js

@@ -0,0 +1,96 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ButtonGroup = 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 = __importStar(require("react"));
+const ButtonGroup = ({ children }) => {
+    const [selectedIndex, setSelectedIndex] = (0, react_1.useState)(0);
+    const parentRef = (0, react_1.useRef)(null);
+    const focusElement = (index) => {
+        var _a, _b;
+        const child = (_b = (_a = parentRef.current) === null || _a === void 0 ? void 0 : _a.children[index]) === null || _b === void 0 ? void 0 : _b.children[0];
+        if (child instanceof HTMLElement) {
+            child.focus();
+        }
+    };
+    const childrenCount = (0, react_1.useMemo)(() => react_1.default.Children.count(children), [children]);
+    const safeSetSelectedIndex = (0, react_1.useCallback)((index) => {
+        if (index >= childrenCount) {
+            setSelectedIndex(childrenCount - 1);
+        }
+        else {
+            setSelectedIndex(Math.max(0, index));
+        }
+    }, [childrenCount, setSelectedIndex]);
+    const handleKeyDown = (event) => {
+        let newIndx = selectedIndex;
+        if (event.key === 'ArrowRight' || event.key === 'ArrowDown') {
+            newIndx = (selectedIndex + 1) % react_1.default.Children.count(children);
+            safeSetSelectedIndex(newIndx);
+        }
+        else if (event.key === 'ArrowLeft' || event.key === 'ArrowUp') {
+            newIndx =
+                (selectedIndex - 1 + react_1.default.Children.count(children)) %
+                    react_1.default.Children.count(children);
+            safeSetSelectedIndex(newIndx);
+        }
+        // set focus to new button
+        focusElement(newIndx);
+    };
+    return (
+    // eslint-disable-next-line jsx-a11y/no-noninteractive-element-interactions
+    (0, jsx_runtime_1.jsx)("ul", { onKeyDown: (e) => handleKeyDown(e), ref: parentRef, style: { all: 'inherit', listStyleType: 'none' }, children: react_1.default.Children.map(children, (child, index) => {
+            if (!react_1.default.isValidElement(child)) {
+                return null;
+            }
+            const clonedElement = (0, react_1.cloneElement)(child, {
+                tabIndex: selectedIndex === index ? 0 : -1,
+            });
+            return (0, jsx_runtime_1.jsx)("li", { children: clonedElement }, index);
+        }) }));
+};
+exports.ButtonGroup = ButtonGroup;
+//# sourceMappingURL=button-group.js.map

package/lib/cjs/graph-visualization/sidepanel-components/button-group.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"button-group.js","sourceRoot":"","sources":["../../../../src/graph-visualization/sidepanel-components/button-group.tsx"],"names":[],"mappings":"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"}

package/lib/cjs/graph-visualization/sidepanel-components/clickable-urls-test.js

@@ -0,0 +1,214 @@
+"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/>.
+ */
+/* eslint-disable no-irregular-whitespace */
+const react_1 = require("@testing-library/react");
+const vitest_1 = require("vitest");
+const clickable_urls_1 = require("./clickable-urls");
+(0, vitest_1.describe)('clickable-urls', () => {
+    (0, vitest_1.describe)('convertUrlsToHrefTags', () => {
+        (0, vitest_1.test)('handles most common URL formats', () => {
+            const urls = [
+                'bolt://127.0.0.1:7687',
+                'http://foo.com',
+                'http://goo.gl',
+                'https://foo.com',
+                'https://www.foo.com',
+                'https://www.foo.com/',
+                'https://www.foo.com/bar',
+                'http://goo.gl/1',
+                'http://goo.gl/2',
+                'http://firstround.com/review/thoughts-on-gender-and-radical-candor/?ct=t(How_Does_Your_Leadership_Team_Rate_12_3_2015)',
+                'https://google.com',
+                'http://www.cool.com.au',
+                'http://www.cool.com.au/ersdfs',
+                'http://www.cool.com.au/ersdfs?dfd=dfgd@s=1',
+                'http://www.cool.com:81/index.html',
+            ];
+            const expected = urls.map((url) => `
+        <div>
+          <span>
+            
+            <a
+              href="${url}"
+              rel="noreferrer"
+              target="_blank"
+            >
+              ${url}
+            </a>
+            
+          </span>
+        </div>
+      `);
+            urls.forEach((url, index) => (0, vitest_1.expect)((0, react_1.render)((0, jsx_runtime_1.jsx)(clickable_urls_1.ClickableUrls, { text: url })).container).toMatchInlineSnapshot(expected[index]));
+        });
+        (0, vitest_1.test)('does not catch invalid or missing protocol urls', () => {
+            (0, vitest_1.expect)((0, react_1.render)((0, jsx_runtime_1.jsx)(clickable_urls_1.ClickableUrls, { text: "google.com" })).container)
+                .toMatchInlineSnapshot(`
+        <div>
+          <span>
+            google.com
+          </span>
+        </div>
+      `);
+            (0, vitest_1.expect)((0, react_1.render)((0, jsx_runtime_1.jsx)(clickable_urls_1.ClickableUrls, { text: "https:google.com" })).container)
+                .toMatchInlineSnapshot(`
+        <div>
+          <span>
+            https:google.com
+          </span>
+        </div>
+      `);
+        });
+        (0, vitest_1.test)('handles urls inside parentheses', () => {
+            (0, vitest_1.expect)((0, react_1.render)((0, jsx_runtime_1.jsx)(clickable_urls_1.ClickableUrls, { text: "(http://goo.gl/1)" })).container)
+                .toMatchInlineSnapshot(`
+        <div>
+          <span>
+            (
+            <a
+              href="http://goo.gl/1"
+              rel="noreferrer"
+              target="_blank"
+            >
+              http://goo.gl/1
+            </a>
+            )
+          </span>
+        </div>
+      `);
+        });
+        (0, vitest_1.test)('does not include punctuation, comma, exclamation', () => {
+            (0, vitest_1.expect)((0, react_1.render)((0, jsx_runtime_1.jsx)(clickable_urls_1.ClickableUrls, { text: "http://foo.com/." })).container)
+                .toMatchInlineSnapshot(`
+        <div>
+          <span>
+            
+            <a
+              href="http://foo.com/"
+              rel="noreferrer"
+              target="_blank"
+            >
+              http://foo.com/
+            </a>
+            .
+          </span>
+        </div>
+      `);
+            (0, vitest_1.expect)((0, react_1.render)((0, jsx_runtime_1.jsx)(clickable_urls_1.ClickableUrls, { text: "http://foo.com/!" })).container)
+                .toMatchInlineSnapshot(`
+        <div>
+          <span>
+            
+            <a
+              href="http://foo.com/"
+              rel="noreferrer"
+              target="_blank"
+            >
+              http://foo.com/
+            </a>
+            !
+          </span>
+        </div>
+      `);
+            (0, vitest_1.expect)((0, react_1.render)((0, jsx_runtime_1.jsx)(clickable_urls_1.ClickableUrls, { text: "http://foo.com/," })).container)
+                .toMatchInlineSnapshot(`
+        <div>
+          <span>
+            
+            <a
+              href="http://foo.com/"
+              rel="noreferrer"
+              target="_blank"
+            >
+              http://foo.com/
+            </a>
+            ,
+          </span>
+        </div>
+      `);
+        });
+        (0, vitest_1.test)('Handles multiple URLs, even if in a text block', () => {
+            const URLs = 'sftp://foo.se is better than ftp://bar.dk';
+            const textBlock = `
+Long black tulips, born in your blue tints
+Lemongrass eyelids, smoke in your slick lips
+(${URLs})
+Chocolate chapstick, backbeat strat flips
+Swimming pool spaceships, light through the wave tips
+      `;
+            const { container } = (0, react_1.render)((0, jsx_runtime_1.jsx)(clickable_urls_1.ClickableUrls, { text: textBlock }));
+            (0, vitest_1.expect)(container).toMatchInlineSnapshot(`
+        <div>
+          <span>
+            
+        Long black tulips, born in your blue tints
+        Lemongrass eyelids, smoke in your slick lips
+        (
+            <a
+              href="sftp://foo.se"
+              rel="noreferrer"
+              target="_blank"
+            >
+              sftp://foo.se
+            </a>
+             is better than 
+            <a
+              href="ftp://bar.dk"
+              rel="noreferrer"
+              target="_blank"
+            >
+              ftp://bar.dk
+            </a>
+            )
+        Chocolate chapstick, backbeat strat flips
+        Swimming pool spaceships, light through the wave tips
+              
+          </span>
+        </div>
+      `);
+        });
+    });
+    (0, vitest_1.describe)('ClickableUrls', () => {
+        (0, vitest_1.it)('renders escaped HTML except for generated tags', () => {
+            const text = `Hello, my <strong>name</strong> is <a href="http://twitter.com/neo4j" onClick="alert(1)">Neo4j</a>.`;
+            const { container } = (0, react_1.render)((0, jsx_runtime_1.jsx)(clickable_urls_1.ClickableUrls, { text: text }));
+            (0, vitest_1.expect)(container).toMatchInlineSnapshot(`
+        <div>
+          <span>
+            Hello, my &lt;strong&gt;name&lt;/strong&gt; is &lt;a href="
+            <a
+              href="http://twitter.com/neo4j"
+              rel="noreferrer"
+              target="_blank"
+            >
+              http://twitter.com/neo4j
+            </a>
+            " onClick="alert(1)"&gt;Neo4j&lt;/a&gt;.
+          </span>
+        </div>
+      `);
+        });
+    });
+});
+//# sourceMappingURL=clickable-urls-test.js.map

package/lib/cjs/graph-visualization/sidepanel-components/clickable-urls-test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"clickable-urls-test.js","sourceRoot":"","sources":["../../../../src/graph-visualization/sidepanel-components/clickable-urls-test.tsx"],"names":[],"mappings":"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"}

package/lib/cjs/graph-visualization/sidepanel-components/clickable-urls.js

@@ -0,0 +1,46 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ClickableUrls = 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 = __importDefault(require("react"));
+// credits to https://www.regextester.com/96504, modified though
+const URL_REGEX = 
+// eslint-disable-next-line
+/(?:https?|s?ftp|bolt):\/\/(?:(?:[^\s()<>]+|\((?:[^\s()<>]+|(?:\([^\s()<>]+\)))?\))+(?:\((?:[^\s()<>]+|(?:\(?:[^\s()<>]+\)))?\)|[^\s`!()\[\]{};:'".,<>?«»“”‘’]))?/gi;
+const ClickableUrlsComponent = ({ text }) => {
+    var _a;
+    const definedText = text !== null && text !== void 0 ? text : '';
+    const urls = (_a = definedText.match(URL_REGEX)) !== null && _a !== void 0 ? _a : [];
+    return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: definedText.split(URL_REGEX).map((t, index) => {
+            /* since we never move these components this key should be fine */
+            return ((0, jsx_runtime_1.jsxs)(react_1.default.Fragment, { children: [t, urls[index] && (
+                    // Should be safe from XSS.
+                    // Ref: https://mathiasbynens.github.io/rel-noopener/
+                    (0, jsx_runtime_1.jsx)("a", { href: urls[index], target: "_blank", rel: "noopener noreferrer", className: "hover:underline", children: urls[index] }))] }, `clickable-url-${index}`));
+        }) }));
+};
+exports.ClickableUrls = react_1.default.memo(ClickableUrlsComponent);
+//# sourceMappingURL=clickable-urls.js.map

package/lib/cjs/graph-visualization/sidepanel-components/clickable-urls.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"clickable-urls.js","sourceRoot":"","sources":["../../../../src/graph-visualization/sidepanel-components/clickable-urls.tsx"],"names":[],"mappings":";;;;;;;AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,kDAA0B;AAE1B,gEAAgE;AAChE,MAAM,SAAS;AACb,2BAA2B;AAC3B,oKAAoK,CAAC;AAMvK,MAAM,sBAAsB,GAAG,CAAC,EAAE,IAAI,EAAsB,EAAE,EAAE;;IAC9D,MAAM,WAAW,GAAG,IAAI,aAAJ,IAAI,cAAJ,IAAI,GAAI,EAAE,CAAC;IAC/B,MAAM,IAAI,GAAG,MAAA,WAAW,CAAC,KAAK,CAAC,SAAS,CAAC,mCAAI,EAAE,CAAC;IAEhD,OAAO,CACL,2DACG,WAAW,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE;YAC7C,kEAAkE;YAClE,OAAO,CACL,wBAAC,eAAK,CAAC,QAAQ,eACZ,CAAC,EACD,IAAI,CAAC,KAAK,CAAC,IAAI;oBACd,2BAA2B;oBAC3B,qDAAqD;oBACrD,8BACE,IAAI,EAAE,IAAI,CAAC,KAAK,CAAC,EACjB,MAAM,EAAC,QAAQ,EACf,GAAG,EAAC,qBAAqB,EACzB,SAAS,EAAC,iBAAiB,YAE1B,IAAI,CAAC,KAAK,CAAC,GACV,CACL,KAbkB,iBAAiB,KAAK,EAAE,CAc5B,CAClB,CAAC;QACJ,CAAC,CAAC,GACD,CACJ,CAAC;AACJ,CAAC,CAAC;AAEW,QAAA,aAAa,GAAG,eAAK,CAAC,IAAI,CAAC,sBAAsB,CAAC,CAAC"}

package/lib/cjs/graph-visualization/sidepanel-components/details-panel.js

@@ -0,0 +1,87 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DetailsPanel = 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 clipboard_copier_1 = require("@neo4j-ndl/react/clipboard-copier");
+const graph_label_1 = require("@neo4j-ndl/react/graph-label");
+const react_1 = require("react");
+const graph_viz_context_1 = require("../graph-viz-context");
+const graph_viz_sidepanel_1 = require("../graph-viz-sidepanel");
+const properties_table_1 = require("./properties-table");
+const DetailsPanel = ({ paneWidth = 400 }) => {
+    const { selected, nvlGraph } = (0, graph_viz_context_1.useGraphVizContext)();
+    const nodeData = (0, react_1.useMemo)(() => {
+        const [nodeId] = selected.nodeIds;
+        if (nodeId !== undefined) {
+            return nvlGraph.dataLookupTable.nodes[nodeId];
+        }
+        return undefined;
+    }, [selected, nvlGraph]);
+    const relData = (0, react_1.useMemo)(() => {
+        const [relId] = selected.relationshipIds;
+        if (relId !== undefined) {
+            return nvlGraph.dataLookupTable.relationships[relId];
+        }
+        return undefined;
+    }, [selected, nvlGraph]);
+    const selectedItem = (0, react_1.useMemo)(() => {
+        if (nodeData) {
+            return { data: nodeData, dataType: 'node' };
+        }
+        if (relData) {
+            return { data: relData, dataType: 'relationship' };
+        }
+        return undefined;
+    }, [nodeData, relData]);
+    if (selectedItem === undefined) {
+        return null;
+    }
+    const properties = [
+        {
+            key: '<id>',
+            type: 'String',
+            value: `${selectedItem.data.id}`,
+        },
+        ...Object.keys(selectedItem.data.properties).map((key) => {
+            return {
+                key: key,
+                type: selectedItem.data.properties[key].type,
+                value: selectedItem.data.properties[key].stringified,
+            };
+        }),
+    ];
+    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsxs)(graph_viz_sidepanel_1.GraphVizSidepanel.Title, { children: [(0, jsx_runtime_1.jsx)("h6", { className: "ndl-details-title", children: selectedItem.dataType === 'node'
+                            ? 'Node details'
+                            : 'Relationship details' }), (0, jsx_runtime_1.jsx)(clipboard_copier_1.ClipboardButton, { textToCopy: properties
+                            .map((prop) => `${prop.key}: ${prop.value}`)
+                            .join('\n'), size: "small" })] }), (0, jsx_runtime_1.jsxs)(graph_viz_sidepanel_1.GraphVizSidepanel.Content, { children: [(0, jsx_runtime_1.jsx)("div", { className: "ndl-details-tags", children: selectedItem.dataType === 'node' ? (selectedItem.data.labelsSorted.map((label) => {
+                            var _a, _b;
+                            return ((0, jsx_runtime_1.jsx)(graph_label_1.GraphLabel, { type: "node", color: (_b = (_a = nvlGraph.dataLookupTable.labelMetaData[label]) === null || _a === void 0 ? void 0 : _a.mostCommonColor) !== null && _b !== void 0 ? _b : '', as: "span", htmlAttributes: {
+                                    tabIndex: 0,
+                                }, children: label }, label));
+                        })) : ((0, jsx_runtime_1.jsx)(graph_label_1.GraphLabel, { type: "relationship", color: selectedItem.data.color, as: "span", htmlAttributes: {
+                                tabIndex: 0,
+                            }, children: selectedItem.data.type }, selectedItem.data.type)) }), (0, jsx_runtime_1.jsx)("div", { className: "ndl-details-divider" }), (0, jsx_runtime_1.jsx)(properties_table_1.PropertiesTable, { properties: selectedItem.data.properties, paneWidth: paneWidth })] })] }));
+};
+exports.DetailsPanel = DetailsPanel;
+//# sourceMappingURL=details-panel.js.map

package/lib/cjs/graph-visualization/sidepanel-components/details-panel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"details-panel.js","sourceRoot":"","sources":["../../../../src/graph-visualization/sidepanel-components/details-panel.tsx"],"names":[],"mappings":"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"}