@neo4j-ndl/react 3.8.7 → 3.8.9

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

@@ -0,0 +1,45 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.OverviewPanel = 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 graph_viz_context_1 = require("../graph-viz-context");
+const graph_viz_sidepanel_1 = require("../graph-viz-sidepanel");
+const show_all_1 = require("./show-all");
+const OVERVIEW_STEP_SIZE = 25;
+const OverviewPanel = () => {
+    const { nvlGraph } = (0, graph_viz_context_1.useGraphVizContext)();
+    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(graph_viz_sidepanel_1.GraphVizSidepanel.Title, { children: (0, jsx_runtime_1.jsx)(react_1.Typography, { variant: "h6", children: "Results overview" }) }), (0, jsx_runtime_1.jsx)(graph_viz_sidepanel_1.GraphVizSidepanel.Content, { children: (0, jsx_runtime_1.jsxs)("div", { className: "ndl-graph-viz-overview-panel", children: [nvlGraph.dataLookupTable.labels.length > 0 && ((0, jsx_runtime_1.jsxs)("div", { className: "ndl-overview-section", children: [(0, jsx_runtime_1.jsx)("div", { className: "ndl-overview-header", children: (0, jsx_runtime_1.jsxs)("span", { children: ["Nodes", ` (${nvlGraph.nodes.length.toLocaleString()})`] }) }), (0, jsx_runtime_1.jsx)("div", { className: "ndl-overview-items", tabIndex: 0, children: (0, jsx_runtime_1.jsx)(show_all_1.ShowAll, { initiallyShown: OVERVIEW_STEP_SIZE, isButtonGroup: true, children: nvlGraph.dataLookupTable.labels.map((label) => function GraphLabelWrapper() {
+                                            var _a, _b, _c, _d;
+                                            return ((0, jsx_runtime_1.jsxs)(react_1.GraphLabel, { type: "node", htmlAttributes: {
+                                                    tabIndex: -1,
+                                                }, color: (_b = (_a = nvlGraph.dataLookupTable.labelMetaData[label]) === null || _a === void 0 ? void 0 : _a.mostCommonColor) !== null && _b !== void 0 ? _b : '', as: "span", children: [label, " (", (_d = (_c = nvlGraph.dataLookupTable.labelMetaData[label]) === null || _c === void 0 ? void 0 : _c.totalCount) !== null && _d !== void 0 ? _d : 0, ")"] }, label));
+                                        }) }) })] })), nvlGraph.dataLookupTable.types.length > 0 && ((0, jsx_runtime_1.jsxs)("div", { className: "ndl-overview-relationships-section", children: [(0, jsx_runtime_1.jsxs)("span", { className: "ndl-overview-relationships-title", children: ["Relationships", ` (${nvlGraph.rels.length.toLocaleString()})`] }), (0, jsx_runtime_1.jsx)("div", { className: "ndl-overview-items", children: (0, jsx_runtime_1.jsx)(show_all_1.ShowAll, { initiallyShown: OVERVIEW_STEP_SIZE, isButtonGroup: true, children: nvlGraph.dataLookupTable.types.map((type) => {
+                                            var _a, _b, _c, _d;
+                                            return ((0, jsx_runtime_1.jsxs)(react_1.GraphLabel, { type: "relationship", htmlAttributes: {
+                                                    tabIndex: -1,
+                                                }, color: (_b = (_a = nvlGraph.dataLookupTable.typeMetaData[type]) === null || _a === void 0 ? void 0 : _a.mostCommonColor) !== null && _b !== void 0 ? _b : '', as: "span", children: [type, " (", (_d = (_c = nvlGraph.dataLookupTable.typeMetaData[type]) === null || _c === void 0 ? void 0 : _c.totalCount) !== null && _d !== void 0 ? _d : 0, ")"] }, type));
+                                        }) }) })] }))] }) })] }));
+};
+exports.OverviewPanel = OverviewPanel;
+//# sourceMappingURL=overview-panel.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"overview-panel.js","sourceRoot":"","sources":["../../../../src/graph-visualization/sidepanel-components/overview-panel.tsx"],"names":[],"mappings":";;;;AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,4CAA0D;AAE1D,4DAA0D;AAC1D,gEAA2D;AAC3D,yCAAqC;AAErC,MAAM,kBAAkB,GAAG,EAAE,CAAC;AAEvB,MAAM,aAAa,GAAG,GAAG,EAAE;IAChC,MAAM,EAAE,QAAQ,EAAE,GAAG,IAAA,sCAAkB,GAAE,CAAC;IAE1C,OAAO,CACL,6DACE,uBAAC,uCAAiB,CAAC,KAAK,cACtB,uBAAC,kBAAU,IAAC,OAAO,EAAC,IAAI,iCAA8B,GAC9B,EAC1B,uBAAC,uCAAiB,CAAC,OAAO,cACxB,iCAAK,SAAS,EAAC,8BAA8B,aAC1C,QAAQ,CAAC,eAAe,CAAC,MAAM,CAAC,MAAM,GAAG,CAAC,IAAI,CAC7C,iCAAK,SAAS,EAAC,sBAAsB,aACnC,gCAAK,SAAS,EAAC,qBAAqB,YAClC,sDACQ,KAAK,QAAQ,CAAC,KAAK,CAAC,MAAM,CAAC,cAAc,EAAE,GAAG,IAC/C,GACH,EAEN,gCAAK,SAAS,EAAC,oBAAoB,EAAC,QAAQ,EAAE,CAAC,YAC7C,uBAAC,kBAAO,IAAC,cAAc,EAAE,kBAAkB,EAAE,aAAa,kBACvD,QAAQ,CAAC,eAAe,CAAC,MAAM,CAAC,GAAG,CAClC,CAAC,KAAK,EAAE,EAAE,CACR,SAAS,iBAAiB;;4CACxB,OAAO,CACL,wBAAC,kBAAU,IACT,IAAI,EAAC,MAAM,EAEX,cAAc,EAAE;oDACd,QAAQ,EAAE,CAAC,CAAC;iDACb,EACD,KAAK,EACH,MAAA,MAAA,QAAQ,CAAC,eAAe,CAAC,aAAa,CAAC,KAAK,CAAC,0CACzC,eAAe,mCAAI,EAAE,EAE3B,EAAE,EAAC,MAAM,aAER,KAAK,QACL,MAAA,MAAA,QAAQ,CAAC,eAAe,CAAC,aAAa,CAAC,KAAK,CAAC,0CAC1C,UAAU,mCAAI,CAAC,UAZd,KAAK,CAcC,CACd,CAAC;wCACJ,CAAC,CACJ,GACO,GACN,IACF,CACP,EAEA,QAAQ,CAAC,eAAe,CAAC,KAAK,CAAC,MAAM,GAAG,CAAC,IAAI,CAC5C,iCAAK,SAAS,EAAC,oCAAoC,aACjD,kCAAM,SAAS,EAAC,kCAAkC,8BAClC,KAAK,QAAQ,CAAC,IAAI,CAAC,MAAM,CAAC,cAAc,EAAE,GAAG,IACtD,EACP,gCAAK,SAAS,EAAC,oBAAoB,YACjC,uBAAC,kBAAO,IAAC,cAAc,EAAE,kBAAkB,EAAE,aAAa,kBACvD,QAAQ,CAAC,eAAe,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE;;4CAAC,OAAA,CAC5C,wBAAC,kBAAU,IACT,IAAI,EAAC,cAAc,EAEnB,cAAc,EAAE;oDACd,QAAQ,EAAE,CAAC,CAAC;iDACb,EACD,KAAK,EACH,MAAA,MAAA,QAAQ,CAAC,eAAe,CAAC,YAAY,CAAC,IAAI,CAAC,0CACvC,eAAe,mCAAI,EAAE,EAE3B,EAAE,EAAC,MAAM,aAER,IAAI,QACJ,MAAA,MAAA,QAAQ,CAAC,eAAe,CAAC,YAAY,CAAC,IAAI,CAAC,0CACxC,UAAU,mCAAI,CAAC,UAZd,IAAI,CAcE,CACd,CAAA;yCAAA,CAAC,GACM,GACN,IACF,CACP,IACG,GACoB,IAC3B,CACJ,CAAC;AACJ,CAAC,CAAC;AAnFW,QAAA,aAAa,iBAmFxB"}

package/lib/cjs/graph-visualization/sidepanel-components/properties-table.js

@@ -0,0 +1,49 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PropertiesTable = exports.MAX_LENGTH_WIDE = exports.MAX_LENGTH_NARROW = exports.WIDE_VIEW_THRESHOLD = exports.ELLIPSIS = 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 clickable_urls_1 = require("./clickable-urls");
+exports.ELLIPSIS = '\u2026';
+exports.WIDE_VIEW_THRESHOLD = 900;
+exports.MAX_LENGTH_NARROW = 150;
+exports.MAX_LENGTH_WIDE = 300;
+const ExpandableValue = ({ value, width, type }) => {
+    const [isExpanded, setIsExpanded] = (0, react_2.useState)(false);
+    const maxLength = width > exports.WIDE_VIEW_THRESHOLD ? exports.MAX_LENGTH_WIDE : exports.MAX_LENGTH_NARROW;
+    const handleExpandClick = () => {
+        setIsExpanded(true);
+    };
+    let valueShown = isExpanded ? value : value.slice(0, maxLength);
+    const isValueTrimmed = valueShown.length !== value.length;
+    valueShown += isValueTrimmed ? exports.ELLIPSIS : '';
+    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [type.startsWith('Array') && '[', (0, jsx_runtime_1.jsx)(clickable_urls_1.ClickableUrls, { text: valueShown }), isValueTrimmed && ((0, jsx_runtime_1.jsx)("button", { onClick: handleExpandClick, className: "ndl-properties-show-all-button", children: ' Show all' })), type.startsWith('Array') && ']'] }));
+};
+const PropertiesTable = ({ properties, paneWidth, }) => {
+    return ((0, jsx_runtime_1.jsxs)("div", { className: "ndl-graph-viz-properties-table", children: [(0, jsx_runtime_1.jsxs)("div", { className: "ndl-properties-header", children: [(0, jsx_runtime_1.jsx)(react_1.Typography, { variant: "body-small", className: "ndl-properties-header-key", children: "Key" }), (0, jsx_runtime_1.jsx)(react_1.Typography, { variant: "body-small", children: "Value" })] }), Object.entries(properties).map(([key, { stringified, type }]) => {
+                return ((0, jsx_runtime_1.jsxs)("div", { className: "ndl-properties-row", children: [(0, jsx_runtime_1.jsx)(react_1.Typography, { variant: "body-small", className: "ndl-properties-key", children: key }), (0, jsx_runtime_1.jsx)("div", { className: "ndl-properties-value", children: (0, jsx_runtime_1.jsx)(ExpandableValue, { value: stringified, width: paneWidth, type: type }) }), (0, jsx_runtime_1.jsx)("div", { className: "ndl-properties-clipboard-button", children: (0, jsx_runtime_1.jsx)(react_1.ClipboardButton, { textToCopy: `${key}: ${stringified}`, size: "small", tooltipProps: { placement: 'left', type: 'simple' } }) })] }, key));
+            })] }));
+};
+exports.PropertiesTable = PropertiesTable;
+//# sourceMappingURL=properties-table.js.map

package/lib/cjs/graph-visualization/sidepanel-components/properties-table.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"properties-table.js","sourceRoot":"","sources":["../../../../src/graph-visualization/sidepanel-components/properties-table.tsx"],"names":[],"mappings":";;;;AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,4CAA+D;AAC/D,iCAAiC;AAGjC,qDAAiD;AAEpC,QAAA,QAAQ,GAAG,QAAQ,CAAC;AACpB,QAAA,mBAAmB,GAAG,GAAG,CAAC;AAC1B,QAAA,iBAAiB,GAAG,GAAG,CAAC;AACxB,QAAA,eAAe,GAAG,GAAG,CAAC;AAMnC,MAAM,eAAe,GAAG,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,IAAI,EAAwB,EAAE,EAAE;IACvE,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAC;IAEpD,MAAM,SAAS,GACb,KAAK,GAAG,2BAAmB,CAAC,CAAC,CAAC,uBAAe,CAAC,CAAC,CAAC,yBAAiB,CAAC;IAEpE,MAAM,iBAAiB,GAAG,GAAG,EAAE;QAC7B,aAAa,CAAC,IAAI,CAAC,CAAC;IACtB,CAAC,CAAC;IAEF,IAAI,UAAU,GAAG,UAAU,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,EAAE,SAAS,CAAC,CAAC;IAChE,MAAM,cAAc,GAAG,UAAU,CAAC,MAAM,KAAK,KAAK,CAAC,MAAM,CAAC;IAC1D,UAAU,IAAI,cAAc,CAAC,CAAC,CAAC,gBAAQ,CAAC,CAAC,CAAC,EAAE,CAAC;IAE7C,OAAO,CACL,6DACG,IAAI,CAAC,UAAU,CAAC,OAAO,CAAC,IAAI,GAAG,EAChC,uBAAC,8BAAa,IAAC,IAAI,EAAE,UAAU,GAAI,EAClC,cAAc,IAAI,CACjB,mCACE,OAAO,EAAE,iBAAiB,EAC1B,SAAS,EAAC,gCAAgC,YAEzC,WAAW,GACL,CACV,EACA,IAAI,CAAC,UAAU,CAAC,OAAO,CAAC,IAAI,GAAG,IAC/B,CACJ,CAAC;AACJ,CAAC,CAAC;AAMK,MAAM,eAAe,GAAG,CAAC,EAC9B,UAAU,EACV,SAAS,GACY,EAAE,EAAE;IACzB,OAAO,CACL,iCAAK,SAAS,EAAC,gCAAgC,aAC7C,iCAAK,SAAS,EAAC,uBAAuB,aACpC,uBAAC,kBAAU,IAAC,OAAO,EAAC,YAAY,EAAC,SAAS,EAAC,2BAA2B,oBAEzD,EACb,uBAAC,kBAAU,IAAC,OAAO,EAAC,YAAY,sBAAmB,IAC/C,EACL,MAAM,CAAC,OAAO,CAAC,UAAU,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,EAAE,EAAE,WAAW,EAAE,IAAI,EAAE,CAAC,EAAE,EAAE;gBAC/D,OAAO,CACL,iCAAe,SAAS,EAAC,oBAAoB,aAC3C,uBAAC,kBAAU,IAAC,OAAO,EAAC,YAAY,EAAC,SAAS,EAAC,oBAAoB,YAC5D,GAAG,GACO,EACb,gCAAK,SAAS,EAAC,sBAAsB,YACnC,uBAAC,eAAe,IACd,KAAK,EAAE,WAAW,EAClB,KAAK,EAAE,SAAS,EAChB,IAAI,EAAE,IAAI,GACV,GACE,EACN,gCAAK,SAAS,EAAC,iCAAiC,YAC9C,uBAAC,uBAAe,IACd,UAAU,EAAE,GAAG,GAAG,KAAK,WAAW,EAAE,EACpC,IAAI,EAAC,OAAO,EACZ,YAAY,EAAE,EAAE,SAAS,EAAE,MAAM,EAAE,IAAI,EAAE,QAAQ,EAAE,GACnD,GACE,KAjBE,GAAG,CAkBP,CACP,CAAC;YACJ,CAAC,CAAC,IACE,CACP,CAAC;AACJ,CAAC,CAAC;AArCW,QAAA,eAAe,mBAqC1B"}

package/lib/cjs/graph-visualization/sidepanel-components/show-all.js

@@ -0,0 +1,44 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ShowAll = ShowAll;
+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 button_group_1 = require("./button-group");
+const isThunkComponent = (t) => typeof t === 'function';
+function ShowAll({ initiallyShown, children, isButtonGroup, }) {
+    const [isExpanded, setIsExpanded] = (0, react_2.useState)(false);
+    const toggleExpanded = () => setIsExpanded((e) => !e);
+    const itemCount = children.length;
+    const shouldHaveControls = itemCount > initiallyShown;
+    const shown = isExpanded ? itemCount : initiallyShown;
+    const leftToShow = itemCount - shown;
+    if (itemCount === 0) {
+        return null;
+    }
+    const currentChildren = children
+        .slice(0, shown)
+        .map((c) => (isThunkComponent(c) ? c() : c));
+    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [isButtonGroup === true ? ((0, jsx_runtime_1.jsx)(button_group_1.ButtonGroup, { children: currentChildren })) : ((0, jsx_runtime_1.jsx)("div", { style: { all: 'inherit' }, children: currentChildren })), shouldHaveControls && ((0, jsx_runtime_1.jsx)(react_1.Button, { fill: "text", size: "small", onClick: toggleExpanded, children: isExpanded ? 'Show less' : `Show all (${leftToShow} more)` }))] }));
+}
+//# sourceMappingURL=show-all.js.map

package/lib/cjs/graph-visualization/sidepanel-components/show-all.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"show-all.js","sourceRoot":"","sources":["../../../../src/graph-visualization/sidepanel-components/show-all.tsx"],"names":[],"mappings":";;AAqCA,0BAmCC;;AAxED;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,4CAA0C;AAC1C,iCAAiD;AAEjD,iDAA6C;AAS7C,MAAM,gBAAgB,GAAG,CACvB,CAAgC,EACV,EAAE,CAAC,OAAO,CAAC,KAAK,UAAU,CAAC;AAEnD,SAAgB,OAAO,CAAC,EACtB,cAAc,EACd,QAAQ,EACR,aAAa,GACA;IACb,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAC;IACpD,MAAM,cAAc,GAAG,GAAG,EAAE,CAAC,aAAa,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC;IAEtD,MAAM,SAAS,GAAG,QAAQ,CAAC,MAAM,CAAC;IAElC,MAAM,kBAAkB,GAAG,SAAS,GAAG,cAAc,CAAC;IACtD,MAAM,KAAK,GAAG,UAAU,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,cAAc,CAAC;IACtD,MAAM,UAAU,GAAG,SAAS,GAAG,KAAK,CAAC;IAErC,IAAI,SAAS,KAAK,CAAC,EAAE,CAAC;QACpB,OAAO,IAAI,CAAC;IACd,CAAC;IAED,MAAM,eAAe,GAAG,QAAQ;SAC7B,KAAK,CAAC,CAAC,EAAE,KAAK,CAAC;SACf,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,gBAAgB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;IAC/C,OAAO,CACL,6DACG,aAAa,KAAK,IAAI,CAAC,CAAC,CAAC,CACxB,uBAAC,0BAAW,cAAE,eAAe,GAAe,CAC7C,CAAC,CAAC,CAAC,CACF,gCAAK,KAAK,EAAE,EAAE,GAAG,EAAE,SAAS,EAAE,YAAG,eAAe,GAAO,CACxD,EACA,kBAAkB,IAAI,CACrB,uBAAC,cAAM,IAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,OAAO,EAAC,OAAO,EAAE,cAAc,YACrD,UAAU,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,aAAa,UAAU,QAAQ,GACpD,CACV,IACA,CACJ,CAAC;AACJ,CAAC"}

package/lib/cjs/graph-visualization/sidepanel-components/single-selection-sidepanel-contents.js

@@ -0,0 +1,35 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SingleSelectionSidepanelContents = 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("react");
+const graph_viz_context_1 = require("../graph-viz-context");
+const details_panel_1 = require("./details-panel");
+const overview_panel_1 = require("./overview-panel");
+const SingleSelectionSidepanelContents = () => {
+    const { selected } = (0, graph_viz_context_1.useGraphVizContext)();
+    const hasSelection = (0, react_1.useMemo)(() => selected.nodeIds.length > 0 || selected.relationshipIds.length > 0, [selected]);
+    return hasSelection ? (0, jsx_runtime_1.jsx)(details_panel_1.DetailsPanel, {}) : (0, jsx_runtime_1.jsx)(overview_panel_1.OverviewPanel, {});
+};
+exports.SingleSelectionSidepanelContents = SingleSelectionSidepanelContents;
+//# sourceMappingURL=single-selection-sidepanel-contents.js.map

package/lib/cjs/graph-visualization/sidepanel-components/single-selection-sidepanel-contents.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"single-selection-sidepanel-contents.js","sourceRoot":"","sources":["../../../../src/graph-visualization/sidepanel-components/single-selection-sidepanel-contents.tsx"],"names":[],"mappings":";;;;AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,iCAAgC;AAEhC,4DAA0D;AAC1D,mDAA+C;AAC/C,qDAAiD;AAE1C,MAAM,gCAAgC,GAAG,GAAG,EAAE;IACnD,MAAM,EAAE,QAAQ,EAAE,GAAG,IAAA,sCAAkB,GAAE,CAAC;IAE1C,MAAM,YAAY,GAAG,IAAA,eAAO,EAC1B,GAAG,EAAE,CAAC,QAAQ,CAAC,OAAO,CAAC,MAAM,GAAG,CAAC,IAAI,QAAQ,CAAC,eAAe,CAAC,MAAM,GAAG,CAAC,EACxE,CAAC,QAAQ,CAAC,CACX,CAAC;IAEF,OAAO,YAAY,CAAC,CAAC,CAAC,uBAAC,4BAAY,KAAG,CAAC,CAAC,CAAC,uBAAC,8BAAa,KAAG,CAAC;AAC7D,CAAC,CAAC;AATW,QAAA,gCAAgC,oCAS3C"}

package/lib/cjs/graph-visualization/stories/graph-viz-barebones.story.js

@@ -0,0 +1,93 @@
+"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_viz_1 = require("../graph-viz");
+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-palette-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_viz_1.GraphViz, { bottomLeftIsland: null, bottomRightIsland: null, nodes: nodes, rels: rels, sidepanel: null, topLeftIsland: null, topRightIsland: null, className: exports.containerClasses }) }));
+};
+exports.default = Component;
+//# sourceMappingURL=graph-viz-barebones.story.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"graph-viz-barebones.story.js","sourceRoot":"","sources":["../../../../src/graph-visualization/stories/graph-viz-barebones.story.tsx"],"names":[],"mappings":";;;;AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,4CAAwC;AAGxC,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,4EAA4E,CAAC;AAE/E,MAAM,SAAS,GAAG,GAAG,EAAE;IACrB,OAAO,CACL,gCAAK,KAAK,EAAE,EAAE,MAAM,EAAE,OAAO,EAAE,YAC7B,uBAAC,oBAAQ,IACP,gBAAgB,EAAE,IAAI,EACtB,iBAAiB,EAAE,IAAI,EACvB,KAAK,EAAE,KAAK,EACZ,IAAI,EAAE,IAAI,EACV,SAAS,EAAE,IAAI,EACf,aAAa,EAAE,IAAI,EACnB,cAAc,EAAE,IAAI,EACpB,SAAS,EAAE,wBAAgB,GAC3B,GACE,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,SAAS,CAAC"}

package/lib/cjs/graph-visualization/stories/graph-viz-custom.story.js

@@ -0,0 +1,74 @@
+"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_viz_1 = require("../graph-viz");
+const nodes = [
+    {
+        id: 'node1',
+        labels: ['Pokemon', 'Legendary'],
+        properties: {},
+    },
+    {
+        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-palette-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_viz_1.GraphViz, { bottomLeftIsland: (0, jsx_runtime_1.jsx)("div", { children: "\u2199\uFE0F" }), bottomRightIsland: (0, jsx_runtime_1.jsx)("div", { children: "\u2198\uFE0F" }), nodes: nodes, rels: rels, sidepanel: {
+                children: (0, jsx_runtime_1.jsx)("div", { children: "Custom panel contents" }),
+                isSidePanelOpen: true,
+                onSidePanelResize: () => {
+                    /* no op */
+                },
+                setIsSidePanelOpen: () => {
+                    /* no op */
+                },
+                sidePanelWidth: 300,
+            }, topLeftIsland: (0, jsx_runtime_1.jsx)("div", { children: "\u2196\uFE0F" }), topRightIsland: (0, jsx_runtime_1.jsx)("div", { children: "\u2197\uFE0F" }), className: exports.containerClasses }) }));
+};
+exports.default = Component;
+//# sourceMappingURL=graph-viz-custom.story.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"graph-viz-custom.story.js","sourceRoot":"","sources":["../../../../src/graph-visualization/stories/graph-viz-custom.story.tsx"],"names":[],"mappings":";;;;AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,4CAAwC;AAGxC,MAAM,KAAK,GAAc;IACvB;QACE,EAAE,EAAE,OAAO;QACX,MAAM,EAAE,CAAC,SAAS,EAAE,WAAW,CAAC;QAChC,UAAU,EAAE,EAAE;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,4EAA4E,CAAC;AAE/E,MAAM,SAAS,GAAG,GAAG,EAAE;IACrB,OAAO,CACL,gCAAK,KAAK,EAAE,EAAE,MAAM,EAAE,OAAO,EAAE,YAC7B,uBAAC,oBAAQ,IACP,gBAAgB,EAAE,2DAAa,EAC/B,iBAAiB,EAAE,2DAAa,EAChC,KAAK,EAAE,KAAK,EACZ,IAAI,EAAE,IAAI,EACV,SAAS,EAAE;gBACT,QAAQ,EAAE,oEAAgC;gBAC1C,eAAe,EAAE,IAAI;gBACrB,iBAAiB,EAAE,GAAG,EAAE;oBACtB,WAAW;gBACb,CAAC;gBACD,kBAAkB,EAAE,GAAG,EAAE;oBACvB,WAAW;gBACb,CAAC;gBACD,cAAc,EAAE,GAAG;aACpB,EACD,aAAa,EAAE,2DAAa,EAC5B,cAAc,EAAE,2DAAa,EAC7B,SAAS,EAAE,wBAAgB,GAC3B,GACE,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,SAAS,CAAC"}

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

@@ -0,0 +1,93 @@
+"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_viz_1 = require("../graph-viz");
+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-palette-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_viz_1.GraphViz, { nodes: nodes, rels: rels, className: exports.containerClasses }) }));
+};
+exports.default = Component;
+//# sourceMappingURL=graph-viz-default.story.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"graph-viz-default.story.js","sourceRoot":"","sources":["../../../../src/graph-visualization/stories/graph-viz-default.story.tsx"],"names":[],"mappings":";;;;AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,4CAAwC;AAGxC,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,4EAA4E,CAAC;AAE/E,MAAM,SAAS,GAAG,GAAG,EAAE;IACrB,OAAO,CACL,gCAAK,KAAK,EAAE,EAAE,MAAM,EAAE,OAAO,EAAE,YAC7B,uBAAC,oBAAQ,IAAC,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,IAAI,EAAE,SAAS,EAAE,wBAAgB,GAAI,GAC/D,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,SAAS,CAAC"}

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

@@ -0,0 +1,106 @@
+"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_viz_1 = require("../graph-viz");
+const single_selection_sidepanel_contents_1 = require("../sidepanel-components/single-selection-sidepanel-contents");
+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-palette-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');
+    return ((0, jsx_runtime_1.jsx)("div", { style: { height: '600px' }, children: (0, jsx_runtime_1.jsx)(graph_viz_1.GraphViz, { gesture: gesture, setGesture: setGesture, bottomLeftIsland: (0, jsx_runtime_1.jsxs)(react_1.IconButtonArray, { children: [(0, jsx_runtime_1.jsx)(graph_viz_1.GraphViz.LassoSelectButton, {}), (0, jsx_runtime_1.jsx)(graph_viz_1.GraphViz.SingleSelectButton, {}), (0, jsx_runtime_1.jsx)(graph_viz_1.GraphViz.BoxSelectButton, {})] }), bottomRightIsland: (0, jsx_runtime_1.jsxs)(react_1.IconButtonArray, { children: [(0, jsx_runtime_1.jsx)(graph_viz_1.GraphViz.ZoomInButton, {}), (0, jsx_runtime_1.jsx)(graph_viz_1.GraphViz.ZoomOutButton, {}), (0, jsx_runtime_1.jsx)(graph_viz_1.GraphViz.ZoomToFitButton, {})] }), nodes: nodes, rels: rels, sidepanel: {
+                children: (0, jsx_runtime_1.jsx)(single_selection_sidepanel_contents_1.SingleSelectionSidepanelContents, {}),
+                isSidePanelOpen: isOpen,
+                onSidePanelResize: () => {
+                    /* no op */
+                },
+                setIsSidePanelOpen: setIsOpen,
+                sidePanelWidth: 300,
+            }, topLeftIsland: (0, jsx_runtime_1.jsx)(graph_viz_1.GraphViz.DownloadButton, {}), topRightIsland: (0, jsx_runtime_1.jsx)(graph_viz_1.GraphViz.ToggleSidePanelButton, {}), className: exports.containerClasses }) }));
+};
+exports.default = Component;
+//# sourceMappingURL=graph-viz-maximalist.story.js.map

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

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