@neo4j-ndl/react 3.8.9 → 3.8.10
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/lib/cjs/graph-visualization/{graph-viz-buttons.js → graph-visualization-buttons.js} +12 -12
- package/lib/cjs/graph-visualization/graph-visualization-buttons.js.map +1 -0
- package/lib/cjs/graph-visualization/{graph-viz-context.js → graph-visualization-context.js} +10 -10
- package/lib/cjs/graph-visualization/graph-visualization-context.js.map +1 -0
- package/lib/cjs/graph-visualization/{graph-viz-sidepanel.js → graph-visualization-sidepanel.js} +8 -8
- package/lib/cjs/graph-visualization/graph-visualization-sidepanel.js.map +1 -0
- package/lib/cjs/graph-visualization/{graph-viz.js → graph-visualization.js} +35 -35
- package/lib/cjs/graph-visualization/graph-visualization.js.map +1 -0
- package/lib/cjs/graph-visualization/index.js +19 -9
- package/lib/cjs/graph-visualization/index.js.map +1 -1
- package/lib/cjs/graph-visualization/sidepanel-components/details-panel.js +13 -14
- package/lib/cjs/graph-visualization/sidepanel-components/details-panel.js.map +1 -1
- package/lib/cjs/graph-visualization/sidepanel-components/overview-panel.js +4 -4
- package/lib/cjs/graph-visualization/sidepanel-components/overview-panel.js.map +1 -1
- package/lib/cjs/graph-visualization/sidepanel-components/properties-table.js +1 -1
- package/lib/cjs/graph-visualization/sidepanel-components/properties-table.js.map +1 -1
- package/lib/cjs/graph-visualization/sidepanel-components/single-selection-sidepanel-contents.js +2 -2
- package/lib/cjs/graph-visualization/sidepanel-components/single-selection-sidepanel-contents.js.map +1 -1
- package/lib/cjs/graph-visualization/stories/{graph-viz-barebones.story.js → graph-visualization-barebones.story.js} +3 -3
- package/lib/cjs/graph-visualization/stories/graph-visualization-barebones.story.js.map +1 -0
- package/lib/cjs/graph-visualization/stories/{graph-viz-custom.story.js → graph-visualization-custom.story.js} +3 -3
- package/lib/cjs/graph-visualization/stories/graph-visualization-custom.story.js.map +1 -0
- package/lib/cjs/graph-visualization/stories/{graph-viz-default.story.js → graph-visualization-default.story.js} +3 -3
- package/lib/cjs/graph-visualization/stories/graph-visualization-default.story.js.map +1 -0
- package/lib/cjs/graph-visualization/stories/{graph-viz-maximalist.story.js → graph-visualization-maximalist.story.js} +4 -4
- package/lib/cjs/graph-visualization/stories/graph-visualization-maximalist.story.js.map +1 -0
- package/lib/cjs/graph-visualization/stories/{graph-viz.stories.js → graph-visualization.stories.js} +9 -9
- package/lib/cjs/graph-visualization/stories/graph-visualization.stories.js.map +1 -0
- package/lib/cjs/graph-visualization/stories/index.js +17 -17
- package/lib/cjs/graph-visualization/stories/index.js.map +1 -1
- package/lib/esm/graph-visualization/{graph-viz-buttons.js → graph-visualization-buttons.js} +12 -12
- package/lib/esm/graph-visualization/graph-visualization-buttons.js.map +1 -0
- package/lib/esm/graph-visualization/{graph-viz-context.js → graph-visualization-context.js} +8 -8
- package/lib/esm/graph-visualization/graph-visualization-context.js.map +1 -0
- package/lib/esm/graph-visualization/{graph-viz-sidepanel.js → graph-visualization-sidepanel.js} +6 -6
- package/lib/esm/graph-visualization/graph-visualization-sidepanel.js.map +1 -0
- package/lib/esm/graph-visualization/{graph-viz.js → graph-visualization.js} +33 -33
- package/lib/esm/graph-visualization/graph-visualization.js.map +1 -0
- package/lib/esm/graph-visualization/index.js +5 -4
- package/lib/esm/graph-visualization/index.js.map +1 -1
- package/lib/esm/graph-visualization/sidepanel-components/details-panel.js +6 -7
- package/lib/esm/graph-visualization/sidepanel-components/details-panel.js.map +1 -1
- package/lib/esm/graph-visualization/sidepanel-components/overview-panel.js +4 -4
- package/lib/esm/graph-visualization/sidepanel-components/overview-panel.js.map +1 -1
- package/lib/esm/graph-visualization/sidepanel-components/properties-table.js +1 -1
- package/lib/esm/graph-visualization/sidepanel-components/properties-table.js.map +1 -1
- package/lib/esm/graph-visualization/sidepanel-components/single-selection-sidepanel-contents.js +2 -2
- package/lib/esm/graph-visualization/sidepanel-components/single-selection-sidepanel-contents.js.map +1 -1
- package/lib/esm/graph-visualization/stories/{graph-viz-barebones.story.js → graph-visualization-barebones.story.js} +3 -3
- package/lib/esm/graph-visualization/stories/graph-visualization-barebones.story.js.map +1 -0
- package/lib/esm/graph-visualization/stories/{graph-viz-custom.story.js → graph-visualization-custom.story.js} +3 -3
- package/lib/esm/graph-visualization/stories/graph-visualization-custom.story.js.map +1 -0
- package/lib/esm/graph-visualization/stories/{graph-viz-default.story.js → graph-visualization-default.story.js} +3 -3
- package/lib/esm/graph-visualization/stories/graph-visualization-default.story.js.map +1 -0
- package/lib/esm/graph-visualization/stories/{graph-viz-maximalist.story.js → graph-visualization-maximalist.story.js} +4 -4
- package/lib/esm/graph-visualization/stories/graph-visualization-maximalist.story.js.map +1 -0
- package/lib/esm/graph-visualization/stories/{graph-viz.stories.js → graph-visualization.stories.js} +10 -10
- package/lib/esm/graph-visualization/stories/graph-visualization.stories.js.map +1 -0
- package/lib/esm/graph-visualization/stories/index.js +12 -12
- package/lib/esm/graph-visualization/stories/index.js.map +1 -1
- package/lib/types/graph-visualization/{graph-viz-buttons.d.ts → graph-visualization-buttons.d.ts} +12 -12
- package/lib/types/graph-visualization/{graph-viz-context.d.ts → graph-visualization-context.d.ts} +7 -7
- package/lib/types/graph-visualization/{graph-viz-sidepanel.d.ts → graph-visualization-sidepanel.d.ts} +3 -3
- package/lib/types/graph-visualization/{graph-viz.d.ts → graph-visualization.d.ts} +7 -7
- package/lib/types/graph-visualization/index.d.ts +5 -4
- package/lib/types/graph-visualization/map-to-nvl-graph.d.ts +1 -1
- package/lib/types/graph-visualization/sidepanel-components/properties-table.d.ts +1 -1
- package/lib/types/graph-visualization/stories/index.d.ts +8 -8
- package/lib/types/graph-visualization/stories/story-data.d.ts +1 -1
- package/lib/types/graph-visualization/use-managed-selection-state.d.ts +1 -1
- package/package.json +4 -3
- package/lib/cjs/graph-visualization/graph-viz-buttons.js.map +0 -1
- package/lib/cjs/graph-visualization/graph-viz-context.js.map +0 -1
- package/lib/cjs/graph-visualization/graph-viz-sidepanel.js.map +0 -1
- package/lib/cjs/graph-visualization/graph-viz.js.map +0 -1
- package/lib/cjs/graph-visualization/stories/graph-viz-barebones.story.js.map +0 -1
- package/lib/cjs/graph-visualization/stories/graph-viz-custom.story.js.map +0 -1
- package/lib/cjs/graph-visualization/stories/graph-viz-default.story.js.map +0 -1
- package/lib/cjs/graph-visualization/stories/graph-viz-maximalist.story.js.map +0 -1
- package/lib/cjs/graph-visualization/stories/graph-viz.stories.js.map +0 -1
- package/lib/esm/graph-visualization/graph-viz-buttons.js.map +0 -1
- package/lib/esm/graph-visualization/graph-viz-context.js.map +0 -1
- package/lib/esm/graph-visualization/graph-viz-sidepanel.js.map +0 -1
- package/lib/esm/graph-visualization/graph-viz.js.map +0 -1
- package/lib/esm/graph-visualization/stories/graph-viz-barebones.story.js.map +0 -1
- package/lib/esm/graph-visualization/stories/graph-viz-custom.story.js.map +0 -1
- package/lib/esm/graph-visualization/stories/graph-viz-default.story.js.map +0 -1
- package/lib/esm/graph-visualization/stories/graph-viz-maximalist.story.js.map +0 -1
- package/lib/esm/graph-visualization/stories/graph-viz.stories.js.map +0 -1
- /package/lib/types/graph-visualization/stories/{graph-viz-barebones.story.d.ts → graph-visualization-barebones.story.d.ts} +0 -0
- /package/lib/types/graph-visualization/stories/{graph-viz-custom.story.d.ts → graph-visualization-custom.story.d.ts} +0 -0
- /package/lib/types/graph-visualization/stories/{graph-viz-default.story.d.ts → graph-visualization-default.story.d.ts} +0 -0
- /package/lib/types/graph-visualization/stories/{graph-viz-maximalist.story.d.ts → graph-visualization-maximalist.story.d.ts} +0 -0
- /package/lib/types/graph-visualization/stories/{graph-viz.stories.d.ts → graph-visualization.stories.d.ts} +0 -0
|
@@ -35,18 +35,18 @@ import { IconButtonArray, useNeedleTheme } from '@neo4j-ndl/react';
|
|
|
35
35
|
import { InteractiveNvlWrapper, } from '@neo4j-nvl/react';
|
|
36
36
|
import { default as cx } from 'classnames';
|
|
37
37
|
import React, { useEffect, useId, useMemo, useState } from 'react';
|
|
38
|
-
import { BoxSelectButton, DownloadButton, LassoSelectButton, SingleSelectButton, ToggleSidePanelButton, ZoomInButton, ZoomOutButton, ZoomToFitButton, } from './graph-
|
|
39
|
-
import {
|
|
40
|
-
import {
|
|
38
|
+
import { BoxSelectButton, DownloadButton, LassoSelectButton, SingleSelectButton, ToggleSidePanelButton, ZoomInButton, ZoomOutButton, ZoomToFitButton, } from './graph-visualization-buttons';
|
|
39
|
+
import { GraphVisualizationContext, } from './graph-visualization-context';
|
|
40
|
+
import { GraphVisualizationSidepanel } from './graph-visualization-sidepanel';
|
|
41
41
|
import { mapToNvlGraph } from './map-to-nvl-graph';
|
|
42
42
|
import { SingleSelectionSidepanelContents } from './sidepanel-components/single-selection-sidepanel-contents';
|
|
43
43
|
import { useManagedSelectionState } from './use-managed-selection-state';
|
|
44
44
|
import { useSemicontrolledState } from './use-semi-controlled-state';
|
|
45
45
|
const PLACEMENTS = {
|
|
46
|
-
'bottom-left': 'ndl-graph-
|
|
47
|
-
'bottom-right': 'ndl-graph-
|
|
48
|
-
'top-left': 'ndl-graph-
|
|
49
|
-
'top-right': 'ndl-graph-
|
|
46
|
+
'bottom-left': 'ndl-graph-visualization-interaction-island ndl-bottom-left',
|
|
47
|
+
'bottom-right': 'ndl-graph-visualization-interaction-island ndl-bottom-right',
|
|
48
|
+
'top-left': 'ndl-graph-visualization-interaction-island ndl-top-left',
|
|
49
|
+
'top-right': 'ndl-graph-visualization-interaction-island ndl-top-right',
|
|
50
50
|
};
|
|
51
51
|
const InteractionIsland = ({ children, className, placement, }) => {
|
|
52
52
|
return _jsx("div", { className: cx(PLACEMENTS[placement], className), children: children });
|
|
@@ -63,7 +63,7 @@ const DEFAULT_COMPONENTS = {
|
|
|
63
63
|
bottomLeftIsland: null,
|
|
64
64
|
bottomRightIsland: (_jsxs(IconButtonArray, { orientation: "vertical", isFloating: true, children: [_jsx(ZoomInButton, {}), " ", _jsx(ZoomOutButton, {}), " ", _jsx(ZoomToFitButton, {})] })),
|
|
65
65
|
topLeftIsland: null,
|
|
66
|
-
topRightIsland: (_jsxs("div", { className: "ndl-graph-
|
|
66
|
+
topRightIsland: (_jsxs("div", { className: "ndl-graph-visualization-default-download-group", children: [_jsx(DownloadButton, {}), " ", _jsx(ToggleSidePanelButton, {})] })),
|
|
67
67
|
};
|
|
68
68
|
/**
|
|
69
69
|
* A comprehensive graph visualization component for rendering Neo4j-style graphs with interactive features.
|
|
@@ -79,7 +79,7 @@ const DEFAULT_COMPONENTS = {
|
|
|
79
79
|
* @example
|
|
80
80
|
* Basic usage:
|
|
81
81
|
* ```tsx
|
|
82
|
-
* <
|
|
82
|
+
* <GraphVisualization
|
|
83
83
|
* nodes={nodes}
|
|
84
84
|
* rels={relationships}
|
|
85
85
|
* selected={selection}
|
|
@@ -90,7 +90,7 @@ const DEFAULT_COMPONENTS = {
|
|
|
90
90
|
* @example
|
|
91
91
|
* With custom controls:
|
|
92
92
|
* ```tsx
|
|
93
|
-
* <
|
|
93
|
+
* <GraphVisualization
|
|
94
94
|
* nodes={nodes}
|
|
95
95
|
* rels={relationships}
|
|
96
96
|
* topRightIsland={<CustomControls />}
|
|
@@ -104,12 +104,12 @@ const DEFAULT_COMPONENTS = {
|
|
|
104
104
|
* />
|
|
105
105
|
* ```
|
|
106
106
|
*
|
|
107
|
-
* @param props - {@link
|
|
107
|
+
* @param props - {@link GraphVisualizationProps}
|
|
108
108
|
* @returns A React component that renders an interactive graph visualization
|
|
109
109
|
*
|
|
110
110
|
* @alpha
|
|
111
111
|
*/
|
|
112
|
-
export function
|
|
112
|
+
export function GraphVisualization(_a) {
|
|
113
113
|
var _b, _c;
|
|
114
114
|
var { nvlRef: rawNvlRef, nvlCallbacks, nvlOptions, sidepanel: rawSidepanel, nodes: rawNodes, rels: rawRels, topLeftIsland = DEFAULT_COMPONENTS.topLeftIsland, topRightIsland = DEFAULT_COMPONENTS.topRightIsland, bottomLeftIsland = DEFAULT_COMPONENTS.bottomLeftIsland, bottomRightIsland = DEFAULT_COMPONENTS.bottomRightIsland, gesture = 'single', setGesture, selected: rawSelected, setSelected: rawSetSelected, interactionMode: rawInteractionMode, setInteractionMode: rawSetInteractionMode, mouseEventCallbacks = {}, className, style, htmlAttributes, ref, as } = _a, restProps = __rest(_a, ["nvlRef", "nvlCallbacks", "nvlOptions", "sidepanel", "nodes", "rels", "topLeftIsland", "topRightIsland", "bottomLeftIsland", "bottomRightIsland", "gesture", "setGesture", "selected", "setSelected", "interactionMode", "setInteractionMode", "mouseEventCallbacks", "className", "style", "htmlAttributes", "ref", "as"]);
|
|
115
115
|
const nvlRef = useMemo(() => rawNvlRef !== null && rawNvlRef !== void 0 ? rawNvlRef : React.createRef(), [rawNvlRef]);
|
|
@@ -156,7 +156,7 @@ export function GraphViz(_a) {
|
|
|
156
156
|
setSidePanelWidth,
|
|
157
157
|
]);
|
|
158
158
|
const Component = as !== null && as !== void 0 ? as : 'div';
|
|
159
|
-
return (_jsx(Component, Object.assign({ ref: ref, className: cx('ndl-graph-
|
|
159
|
+
return (_jsx(Component, Object.assign({ ref: ref, className: cx('ndl-graph-visualization-container', className), style: style }, htmlAttributes, { children: _jsxs(GraphVisualizationContext.Provider, { value: {
|
|
160
160
|
gesture,
|
|
161
161
|
interactionMode,
|
|
162
162
|
nvlGraph,
|
|
@@ -164,7 +164,7 @@ export function GraphViz(_a) {
|
|
|
164
164
|
selected,
|
|
165
165
|
setGesture,
|
|
166
166
|
sidepanel,
|
|
167
|
-
}, children: [_jsxs("div", { className: "ndl-graph-
|
|
167
|
+
}, children: [_jsxs("div", { className: "ndl-graph-visualization", children: [_jsx(InteractiveNvlWrapper, Object.assign({ layout: "d3Force", nodes: nodesWithSelection, rels: relsWithSelection, nvlOptions: Object.assign(Object.assign(Object.assign({}, DEFAULT_NVL_OPTIONS), { instanceId, styling: {
|
|
168
168
|
defaultRelationshipColor: border.strongest,
|
|
169
169
|
dropShadowColor: border.weak,
|
|
170
170
|
selectedInnerBorderColor: bg.default,
|
|
@@ -173,49 +173,49 @@ export function GraphViz(_a) {
|
|
|
173
173
|
if (!isComputing) {
|
|
174
174
|
(_a = nvlRef.current) === null || _a === void 0 ? void 0 : _a.fit(nvlRef.current.getNodes().map((neighbors) => neighbors.id), { noPan: true });
|
|
175
175
|
}
|
|
176
|
-
} }, nvlCallbacks), mouseEventCallbacks: wrappedMouseEventCallbacks, ref: nvlRef }, restProps), key), topLeftIsland !== null && (_jsx(InteractionIsland, { placement: "top-left", children: topLeftIsland })), topRightIsland !== null && (_jsx(InteractionIsland, { placement: "top-right", children: topRightIsland })), bottomLeftIsland !== null && (_jsx(InteractionIsland, { placement: "bottom-left", children: bottomLeftIsland })), bottomRightIsland !== null && (_jsx(InteractionIsland, { placement: "bottom-right", children: bottomRightIsland }))] }), sidepanel && _jsx(
|
|
176
|
+
} }, nvlCallbacks), mouseEventCallbacks: wrappedMouseEventCallbacks, ref: nvlRef }, restProps), key), topLeftIsland !== null && (_jsx(InteractionIsland, { placement: "top-left", children: topLeftIsland })), topRightIsland !== null && (_jsx(InteractionIsland, { placement: "top-right", children: topRightIsland })), bottomLeftIsland !== null && (_jsx(InteractionIsland, { placement: "bottom-left", children: bottomLeftIsland })), bottomRightIsland !== null && (_jsx(InteractionIsland, { placement: "bottom-right", children: bottomRightIsland }))] }), sidepanel && _jsx(GraphVisualizationSidepanel, { sidepanel: sidepanel })] }) })));
|
|
177
177
|
}
|
|
178
178
|
/**
|
|
179
|
-
* Zoom in button for use within a
|
|
179
|
+
* Zoom in button for use within a GraphVisualization component.
|
|
180
180
|
*
|
|
181
181
|
* @remarks
|
|
182
182
|
* Increases zoom level by 1.3x
|
|
183
183
|
*
|
|
184
184
|
* @alpha
|
|
185
185
|
*/
|
|
186
|
-
|
|
186
|
+
GraphVisualization.ZoomInButton = ZoomInButton;
|
|
187
187
|
/**
|
|
188
|
-
* Zoom out button for use within a
|
|
188
|
+
* Zoom out button for use within a GraphVisualization component.
|
|
189
189
|
*
|
|
190
190
|
* @remarks
|
|
191
191
|
* Decreases zoom level by 0.7x
|
|
192
192
|
*
|
|
193
193
|
* @alpha
|
|
194
194
|
*/
|
|
195
|
-
|
|
195
|
+
GraphVisualization.ZoomOutButton = ZoomOutButton;
|
|
196
196
|
/**
|
|
197
|
-
* Zoom to fit button for use within a
|
|
197
|
+
* Zoom to fit button for use within a GraphVisualization component.
|
|
198
198
|
*
|
|
199
199
|
* @remarks
|
|
200
200
|
* Automatically adjusts zoom and pan to show all nodes and relationships
|
|
201
201
|
*
|
|
202
202
|
* @alpha
|
|
203
203
|
*/
|
|
204
|
-
|
|
204
|
+
GraphVisualization.ZoomToFitButton = ZoomToFitButton;
|
|
205
205
|
/**
|
|
206
|
-
* Sidepanel toggle button for use within a
|
|
206
|
+
* Sidepanel toggle button for use within a GraphVisualization component.
|
|
207
207
|
*
|
|
208
208
|
* @remarks
|
|
209
209
|
* Shows or hides the sidepanel containing node and relationship details.
|
|
210
|
-
* Requires a sidepanel to be configured in the
|
|
210
|
+
* Requires a sidepanel to be configured in the GraphVisualization component.
|
|
211
211
|
*
|
|
212
212
|
* @throws Error when used without a configured sidepanel
|
|
213
213
|
*
|
|
214
214
|
* @alpha
|
|
215
215
|
*/
|
|
216
|
-
|
|
216
|
+
GraphVisualization.ToggleSidePanelButton = ToggleSidePanelButton;
|
|
217
217
|
/**
|
|
218
|
-
* Download button for use within a
|
|
218
|
+
* Download button for use within a GraphVisualization component.
|
|
219
219
|
*
|
|
220
220
|
* @remarks
|
|
221
221
|
* Opens a dropdown menu with download options. Currently supports PNG format.
|
|
@@ -223,9 +223,9 @@ GraphViz.ToggleSidePanelButton = ToggleSidePanelButton;
|
|
|
223
223
|
*
|
|
224
224
|
* @alpha
|
|
225
225
|
*/
|
|
226
|
-
|
|
226
|
+
GraphVisualization.DownloadButton = DownloadButton;
|
|
227
227
|
/**
|
|
228
|
-
* Box selection button for use within a
|
|
228
|
+
* Box selection button for use within a GraphVisualization component.
|
|
229
229
|
*
|
|
230
230
|
* @remarks
|
|
231
231
|
* Enables box selection mode where dragging creates a rectangular selection area.
|
|
@@ -234,9 +234,9 @@ GraphViz.DownloadButton = DownloadButton;
|
|
|
234
234
|
*
|
|
235
235
|
* @alpha
|
|
236
236
|
*/
|
|
237
|
-
|
|
237
|
+
GraphVisualization.BoxSelectButton = BoxSelectButton;
|
|
238
238
|
/**
|
|
239
|
-
* Lasso selection button for use within a
|
|
239
|
+
* Lasso selection button for use within a GraphVisualization component.
|
|
240
240
|
*
|
|
241
241
|
* @remarks
|
|
242
242
|
* Enables lasso selection mode where dragging creates a free-form selection area.
|
|
@@ -245,9 +245,9 @@ GraphViz.BoxSelectButton = BoxSelectButton;
|
|
|
245
245
|
*
|
|
246
246
|
* @alpha
|
|
247
247
|
*/
|
|
248
|
-
|
|
248
|
+
GraphVisualization.LassoSelectButton = LassoSelectButton;
|
|
249
249
|
/**
|
|
250
|
-
* Single node selection button for use within a
|
|
250
|
+
* Single node selection button for use within a GraphVisualization component.
|
|
251
251
|
*
|
|
252
252
|
* @remarks
|
|
253
253
|
* Enables single selection mode where clicking selects individual nodes or relationships.
|
|
@@ -255,5 +255,5 @@ GraphViz.LassoSelectButton = LassoSelectButton;
|
|
|
255
255
|
*
|
|
256
256
|
* @alpha
|
|
257
257
|
*/
|
|
258
|
-
|
|
259
|
-
//# sourceMappingURL=graph-
|
|
258
|
+
GraphVisualization.SingleSelectButton = SingleSelectButton;
|
|
259
|
+
//# sourceMappingURL=graph-visualization.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"graph-visualization.js","sourceRoot":"","sources":["../../../src/graph-visualization/graph-visualization.tsx"],"names":[],"mappings":"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"}
|
|
@@ -18,8 +18,9 @@
|
|
|
18
18
|
* You should have received a copy of the GNU General Public License
|
|
19
19
|
* along with this program. If not, see <http://www.gnu.org/licenses/>.
|
|
20
20
|
*/
|
|
21
|
-
export * from '@neo4j-nvl/base';
|
|
22
|
-
export * from '@neo4j-nvl/
|
|
23
|
-
export
|
|
24
|
-
export {
|
|
21
|
+
export * as NVLBase from '@neo4j-nvl/base';
|
|
22
|
+
export * as NVLInteractionHandlers from '@neo4j-nvl/interaction-handlers';
|
|
23
|
+
export * as NVLReact from '@neo4j-nvl/react';
|
|
24
|
+
export { GraphVisualization } from './graph-visualization';
|
|
25
|
+
export { useGraphVisualizationContext, } from './graph-visualization-context';
|
|
25
26
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/graph-visualization/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/graph-visualization/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,OAAO,KAAK,OAAO,MAAM,iBAAiB,CAAC;AAC3C,OAAO,KAAK,sBAAsB,MAAM,iCAAiC,CAAC;AAC1E,OAAO,KAAK,QAAQ,MAAM,kBAAkB,CAAC;AAE7C,OAAO,EAAE,kBAAkB,EAAE,MAAM,uBAAuB,CAAC;AAC3D,OAAO,EACL,4BAA4B,GAc7B,MAAM,+BAA+B,CAAC"}
|
|
@@ -19,14 +19,13 @@ import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-run
|
|
|
19
19
|
* You should have received a copy of the GNU General Public License
|
|
20
20
|
* along with this program. If not, see <http://www.gnu.org/licenses/>.
|
|
21
21
|
*/
|
|
22
|
-
import { ClipboardButton } from '@neo4j-ndl/react
|
|
23
|
-
import { GraphLabel } from '@neo4j-ndl/react/graph-label';
|
|
22
|
+
import { ClipboardButton, GraphLabel } from '@neo4j-ndl/react';
|
|
24
23
|
import { useMemo } from 'react';
|
|
25
|
-
import {
|
|
26
|
-
import {
|
|
24
|
+
import { useGraphVisualizationContext, } from '../graph-visualization-context';
|
|
25
|
+
import { GraphVisualizationSidepanel } from '../graph-visualization-sidepanel';
|
|
27
26
|
import { PropertiesTable } from './properties-table';
|
|
28
27
|
export const DetailsPanel = ({ paneWidth = 400 }) => {
|
|
29
|
-
const { selected, nvlGraph } =
|
|
28
|
+
const { selected, nvlGraph } = useGraphVisualizationContext();
|
|
30
29
|
const nodeData = useMemo(() => {
|
|
31
30
|
const [nodeId] = selected.nodeIds;
|
|
32
31
|
if (nodeId !== undefined) {
|
|
@@ -67,11 +66,11 @@ export const DetailsPanel = ({ paneWidth = 400 }) => {
|
|
|
67
66
|
};
|
|
68
67
|
}),
|
|
69
68
|
];
|
|
70
|
-
return (_jsxs(_Fragment, { children: [_jsxs(
|
|
69
|
+
return (_jsxs(_Fragment, { children: [_jsxs(GraphVisualizationSidepanel.Title, { children: [_jsx("h6", { className: "ndl-details-title", children: selectedItem.dataType === 'node'
|
|
71
70
|
? 'Node details'
|
|
72
71
|
: 'Relationship details' }), _jsx(ClipboardButton, { textToCopy: properties
|
|
73
72
|
.map((prop) => `${prop.key}: ${prop.value}`)
|
|
74
|
-
.join('\n'), size: "small" })] }), _jsxs(
|
|
73
|
+
.join('\n'), size: "small" })] }), _jsxs(GraphVisualizationSidepanel.Content, { children: [_jsx("div", { className: "ndl-details-tags", children: selectedItem.dataType === 'node' ? (selectedItem.data.labelsSorted.map((label) => {
|
|
75
74
|
var _a, _b;
|
|
76
75
|
return (_jsx(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: {
|
|
77
76
|
tabIndex: 0,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"details-panel.js","sourceRoot":"","sources":["../../../../src/graph-visualization/sidepanel-components/details-panel.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,OAAO,EAAE,eAAe,EAAE,
|
|
1
|
+
{"version":3,"file":"details-panel.js","sourceRoot":"","sources":["../../../../src/graph-visualization/sidepanel-components/details-panel.tsx"],"names":[],"mappings":"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"}
|
|
@@ -20,13 +20,13 @@ import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-run
|
|
|
20
20
|
* along with this program. If not, see <http://www.gnu.org/licenses/>.
|
|
21
21
|
*/
|
|
22
22
|
import { GraphLabel, Typography } from '@neo4j-ndl/react';
|
|
23
|
-
import {
|
|
24
|
-
import {
|
|
23
|
+
import { useGraphVisualizationContext } from '../graph-visualization-context';
|
|
24
|
+
import { GraphVisualizationSidepanel } from '../graph-visualization-sidepanel';
|
|
25
25
|
import { ShowAll } from './show-all';
|
|
26
26
|
const OVERVIEW_STEP_SIZE = 25;
|
|
27
27
|
export const OverviewPanel = () => {
|
|
28
|
-
const { nvlGraph } =
|
|
29
|
-
return (_jsxs(_Fragment, { children: [_jsx(
|
|
28
|
+
const { nvlGraph } = useGraphVisualizationContext();
|
|
29
|
+
return (_jsxs(_Fragment, { children: [_jsx(GraphVisualizationSidepanel.Title, { children: _jsx(Typography, { variant: "h6", children: "Results overview" }) }), _jsx(GraphVisualizationSidepanel.Content, { children: _jsxs("div", { className: "ndl-graph-visualization-overview-panel", children: [nvlGraph.dataLookupTable.labels.length > 0 && (_jsxs("div", { className: "ndl-overview-section", children: [_jsx("div", { className: "ndl-overview-header", children: _jsxs("span", { children: ["Nodes", ` (${nvlGraph.nodes.length.toLocaleString()})`] }) }), _jsx("div", { className: "ndl-overview-items", tabIndex: 0, children: _jsx(ShowAll, { initiallyShown: OVERVIEW_STEP_SIZE, isButtonGroup: true, children: nvlGraph.dataLookupTable.labels.map((label) => function GraphLabelWrapper() {
|
|
30
30
|
var _a, _b, _c, _d;
|
|
31
31
|
return (_jsxs(GraphLabel, { type: "node", htmlAttributes: {
|
|
32
32
|
tabIndex: -1,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"overview-panel.js","sourceRoot":"","sources":["../../../../src/graph-visualization/sidepanel-components/overview-panel.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,OAAO,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAE1D,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"overview-panel.js","sourceRoot":"","sources":["../../../../src/graph-visualization/sidepanel-components/overview-panel.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,OAAO,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAE1D,OAAO,EAAE,4BAA4B,EAAE,MAAM,gCAAgC,CAAC;AAC9E,OAAO,EAAE,2BAA2B,EAAE,MAAM,kCAAkC,CAAC;AAC/E,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC;AAErC,MAAM,kBAAkB,GAAG,EAAE,CAAC;AAE9B,MAAM,CAAC,MAAM,aAAa,GAAG,GAAG,EAAE;IAChC,MAAM,EAAE,QAAQ,EAAE,GAAG,4BAA4B,EAAE,CAAC;IAEpD,OAAO,CACL,8BACE,KAAC,2BAA2B,CAAC,KAAK,cAChC,KAAC,UAAU,IAAC,OAAO,EAAC,IAAI,iCAA8B,GACpB,EACpC,KAAC,2BAA2B,CAAC,OAAO,cAClC,eAAK,SAAS,EAAC,wCAAwC,aACpD,QAAQ,CAAC,eAAe,CAAC,MAAM,CAAC,MAAM,GAAG,CAAC,IAAI,CAC7C,eAAK,SAAS,EAAC,sBAAsB,aACnC,cAAK,SAAS,EAAC,qBAAqB,YAClC,oCACQ,KAAK,QAAQ,CAAC,KAAK,CAAC,MAAM,CAAC,cAAc,EAAE,GAAG,IAC/C,GACH,EAEN,cAAK,SAAS,EAAC,oBAAoB,EAAC,QAAQ,EAAE,CAAC,YAC7C,KAAC,OAAO,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,MAAC,UAAU,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,eAAK,SAAS,EAAC,oCAAoC,aACjD,gBAAM,SAAS,EAAC,kCAAkC,8BAClC,KAAK,QAAQ,CAAC,IAAI,CAAC,MAAM,CAAC,cAAc,EAAE,GAAG,IACtD,EACP,cAAK,SAAS,EAAC,oBAAoB,YACjC,KAAC,OAAO,IAAC,cAAc,EAAE,kBAAkB,EAAE,aAAa,kBACvD,QAAQ,CAAC,eAAe,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE;;4CAAC,OAAA,CAC5C,MAAC,UAAU,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,GAC8B,IACrC,CACJ,CAAC;AACJ,CAAC,CAAC"}
|
|
@@ -38,7 +38,7 @@ const ExpandableValue = ({ value, width, type }) => {
|
|
|
38
38
|
return (_jsxs(_Fragment, { children: [type.startsWith('Array') && '[', _jsx(ClickableUrls, { text: valueShown }), isValueTrimmed && (_jsx("button", { onClick: handleExpandClick, className: "ndl-properties-show-all-button", children: ' Show all' })), type.startsWith('Array') && ']'] }));
|
|
39
39
|
};
|
|
40
40
|
export const PropertiesTable = ({ properties, paneWidth, }) => {
|
|
41
|
-
return (_jsxs("div", { className: "ndl-graph-
|
|
41
|
+
return (_jsxs("div", { className: "ndl-graph-visualization-properties-table", children: [_jsxs("div", { className: "ndl-properties-header", children: [_jsx(Typography, { variant: "body-small", className: "ndl-properties-header-key", children: "Key" }), _jsx(Typography, { variant: "body-small", children: "Value" })] }), Object.entries(properties).map(([key, { stringified, type }]) => {
|
|
42
42
|
return (_jsxs("div", { className: "ndl-properties-row", children: [_jsx(Typography, { variant: "body-small", className: "ndl-properties-key", children: key }), _jsx("div", { className: "ndl-properties-value", children: _jsx(ExpandableValue, { value: stringified, width: paneWidth, type: type }) }), _jsx("div", { className: "ndl-properties-clipboard-button", children: _jsx(ClipboardButton, { textToCopy: `${key}: ${stringified}`, size: "small", tooltipProps: { placement: 'left', type: 'simple' } }) })] }, key));
|
|
43
43
|
})] }));
|
|
44
44
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"properties-table.js","sourceRoot":"","sources":["../../../../src/graph-visualization/sidepanel-components/properties-table.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,OAAO,EAAE,eAAe,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAC/D,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAGjC,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAEjD,MAAM,CAAC,MAAM,QAAQ,GAAG,QAAQ,CAAC;AACjC,MAAM,CAAC,MAAM,mBAAmB,GAAG,GAAG,CAAC;AACvC,MAAM,CAAC,MAAM,iBAAiB,GAAG,GAAG,CAAC;AACrC,MAAM,CAAC,MAAM,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,QAAQ,CAAC,KAAK,CAAC,CAAC;IAEpD,MAAM,SAAS,GACb,KAAK,GAAG,mBAAmB,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,iBAAiB,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,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAC;IAE7C,OAAO,CACL,8BACG,IAAI,CAAC,UAAU,CAAC,OAAO,CAAC,IAAI,GAAG,EAChC,KAAC,aAAa,IAAC,IAAI,EAAE,UAAU,GAAI,EAClC,cAAc,IAAI,CACjB,iBACE,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;AAMF,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,EAC9B,UAAU,EACV,SAAS,GACY,EAAE,EAAE;IACzB,OAAO,CACL,eAAK,SAAS,EAAC,
|
|
1
|
+
{"version":3,"file":"properties-table.js","sourceRoot":"","sources":["../../../../src/graph-visualization/sidepanel-components/properties-table.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,OAAO,EAAE,eAAe,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAC/D,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAGjC,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAEjD,MAAM,CAAC,MAAM,QAAQ,GAAG,QAAQ,CAAC;AACjC,MAAM,CAAC,MAAM,mBAAmB,GAAG,GAAG,CAAC;AACvC,MAAM,CAAC,MAAM,iBAAiB,GAAG,GAAG,CAAC;AACrC,MAAM,CAAC,MAAM,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,QAAQ,CAAC,KAAK,CAAC,CAAC;IAEpD,MAAM,SAAS,GACb,KAAK,GAAG,mBAAmB,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,iBAAiB,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,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAC;IAE7C,OAAO,CACL,8BACG,IAAI,CAAC,UAAU,CAAC,OAAO,CAAC,IAAI,GAAG,EAChC,KAAC,aAAa,IAAC,IAAI,EAAE,UAAU,GAAI,EAClC,cAAc,IAAI,CACjB,iBACE,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;AAMF,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,EAC9B,UAAU,EACV,SAAS,GACY,EAAE,EAAE;IACzB,OAAO,CACL,eAAK,SAAS,EAAC,0CAA0C,aACvD,eAAK,SAAS,EAAC,uBAAuB,aACpC,KAAC,UAAU,IAAC,OAAO,EAAC,YAAY,EAAC,SAAS,EAAC,2BAA2B,oBAEzD,EACb,KAAC,UAAU,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,eAAe,SAAS,EAAC,oBAAoB,aAC3C,KAAC,UAAU,IAAC,OAAO,EAAC,YAAY,EAAC,SAAS,EAAC,oBAAoB,YAC5D,GAAG,GACO,EACb,cAAK,SAAS,EAAC,sBAAsB,YACnC,KAAC,eAAe,IACd,KAAK,EAAE,WAAW,EAClB,KAAK,EAAE,SAAS,EAChB,IAAI,EAAE,IAAI,GACV,GACE,EACN,cAAK,SAAS,EAAC,iCAAiC,YAC9C,KAAC,eAAe,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"}
|
package/lib/esm/graph-visualization/sidepanel-components/single-selection-sidepanel-contents.js
CHANGED
|
@@ -20,11 +20,11 @@ import { jsx as _jsx } from "react/jsx-runtime";
|
|
|
20
20
|
* along with this program. If not, see <http://www.gnu.org/licenses/>.
|
|
21
21
|
*/
|
|
22
22
|
import { useMemo } from 'react';
|
|
23
|
-
import {
|
|
23
|
+
import { useGraphVisualizationContext } from '../graph-visualization-context';
|
|
24
24
|
import { DetailsPanel } from './details-panel';
|
|
25
25
|
import { OverviewPanel } from './overview-panel';
|
|
26
26
|
export const SingleSelectionSidepanelContents = () => {
|
|
27
|
-
const { selected } =
|
|
27
|
+
const { selected } = useGraphVisualizationContext();
|
|
28
28
|
const hasSelection = useMemo(() => selected.nodeIds.length > 0 || selected.relationshipIds.length > 0, [selected]);
|
|
29
29
|
return hasSelection ? _jsx(DetailsPanel, {}) : _jsx(OverviewPanel, {});
|
|
30
30
|
};
|
package/lib/esm/graph-visualization/sidepanel-components/single-selection-sidepanel-contents.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
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,OAAO,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAEhC,OAAO,EAAE,
|
|
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,OAAO,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAEhC,OAAO,EAAE,4BAA4B,EAAE,MAAM,gCAAgC,CAAC;AAC9E,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAC/C,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAEjD,MAAM,CAAC,MAAM,gCAAgC,GAAG,GAAG,EAAE;IACnD,MAAM,EAAE,QAAQ,EAAE,GAAG,4BAA4B,EAAE,CAAC;IAEpD,MAAM,YAAY,GAAG,OAAO,CAC1B,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,KAAC,YAAY,KAAG,CAAC,CAAC,CAAC,KAAC,aAAa,KAAG,CAAC;AAC7D,CAAC,CAAC"}
|
|
@@ -19,7 +19,7 @@ import { jsx as _jsx } from "react/jsx-runtime";
|
|
|
19
19
|
* You should have received a copy of the GNU General Public License
|
|
20
20
|
* along with this program. If not, see <http://www.gnu.org/licenses/>.
|
|
21
21
|
*/
|
|
22
|
-
import {
|
|
22
|
+
import { GraphVisualization } from '../graph-visualization';
|
|
23
23
|
const nodes = [
|
|
24
24
|
{
|
|
25
25
|
id: 'node1',
|
|
@@ -84,7 +84,7 @@ const rels = [
|
|
|
84
84
|
];
|
|
85
85
|
export const containerClasses = 'n-w-full n-border-palette-neutral-border-weak n-mx-2 n-rounded-lg n-border';
|
|
86
86
|
const Component = () => {
|
|
87
|
-
return (_jsx("div", { style: { height: '600px' }, children: _jsx(
|
|
87
|
+
return (_jsx("div", { style: { height: '600px' }, children: _jsx(GraphVisualization, { bottomLeftIsland: null, bottomRightIsland: null, nodes: nodes, rels: rels, sidepanel: null, topLeftIsland: null, topRightIsland: null, className: containerClasses }) }));
|
|
88
88
|
};
|
|
89
89
|
export default Component;
|
|
90
|
-
//# sourceMappingURL=graph-
|
|
90
|
+
//# sourceMappingURL=graph-visualization-barebones.story.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"graph-visualization-barebones.story.js","sourceRoot":"","sources":["../../../../src/graph-visualization/stories/graph-visualization-barebones.story.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,OAAO,EAAE,kBAAkB,EAAE,MAAM,wBAAwB,CAAC;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;AACF,MAAM,CAAC,MAAM,gBAAgB,GAC3B,4EAA4E,CAAC;AAE/E,MAAM,SAAS,GAAG,GAAG,EAAE;IACrB,OAAO,CACL,cAAK,KAAK,EAAE,EAAE,MAAM,EAAE,OAAO,EAAE,YAC7B,KAAC,kBAAkB,IACjB,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,gBAAgB,GAC3B,GACE,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,SAAS,CAAC"}
|
|
@@ -19,7 +19,7 @@ import { jsx as _jsx } from "react/jsx-runtime";
|
|
|
19
19
|
* You should have received a copy of the GNU General Public License
|
|
20
20
|
* along with this program. If not, see <http://www.gnu.org/licenses/>.
|
|
21
21
|
*/
|
|
22
|
-
import {
|
|
22
|
+
import { GraphVisualization } from '../graph-visualization';
|
|
23
23
|
const nodes = [
|
|
24
24
|
{
|
|
25
25
|
id: 'node1',
|
|
@@ -55,7 +55,7 @@ const rels = [
|
|
|
55
55
|
];
|
|
56
56
|
export const containerClasses = 'n-w-full n-border-palette-neutral-border-weak n-mx-2 n-rounded-lg n-border';
|
|
57
57
|
const Component = () => {
|
|
58
|
-
return (_jsx("div", { style: { height: '600px' }, children: _jsx(
|
|
58
|
+
return (_jsx("div", { style: { height: '600px' }, children: _jsx(GraphVisualization, { bottomLeftIsland: _jsx("div", { children: "\u2199\uFE0F" }), bottomRightIsland: _jsx("div", { children: "\u2198\uFE0F" }), nodes: nodes, rels: rels, sidepanel: {
|
|
59
59
|
children: _jsx("div", { children: "Custom panel contents" }),
|
|
60
60
|
isSidePanelOpen: true,
|
|
61
61
|
onSidePanelResize: () => {
|
|
@@ -68,4 +68,4 @@ const Component = () => {
|
|
|
68
68
|
}, topLeftIsland: _jsx("div", { children: "\u2196\uFE0F" }), topRightIsland: _jsx("div", { children: "\u2197\uFE0F" }), className: containerClasses }) }));
|
|
69
69
|
};
|
|
70
70
|
export default Component;
|
|
71
|
-
//# sourceMappingURL=graph-
|
|
71
|
+
//# sourceMappingURL=graph-visualization-custom.story.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"graph-visualization-custom.story.js","sourceRoot":"","sources":["../../../../src/graph-visualization/stories/graph-visualization-custom.story.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,OAAO,EAAE,kBAAkB,EAAE,MAAM,wBAAwB,CAAC;AAG5D,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;AACF,MAAM,CAAC,MAAM,gBAAgB,GAC3B,4EAA4E,CAAC;AAE/E,MAAM,SAAS,GAAG,GAAG,EAAE;IACrB,OAAO,CACL,cAAK,KAAK,EAAE,EAAE,MAAM,EAAE,OAAO,EAAE,YAC7B,KAAC,kBAAkB,IACjB,gBAAgB,EAAE,yCAAa,EAC/B,iBAAiB,EAAE,yCAAa,EAChC,KAAK,EAAE,KAAK,EACZ,IAAI,EAAE,IAAI,EACV,SAAS,EAAE;gBACT,QAAQ,EAAE,kDAAgC;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,yCAAa,EAC5B,cAAc,EAAE,yCAAa,EAC7B,SAAS,EAAE,gBAAgB,GAC3B,GACE,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,SAAS,CAAC"}
|
|
@@ -19,7 +19,7 @@ import { jsx as _jsx } from "react/jsx-runtime";
|
|
|
19
19
|
* You should have received a copy of the GNU General Public License
|
|
20
20
|
* along with this program. If not, see <http://www.gnu.org/licenses/>.
|
|
21
21
|
*/
|
|
22
|
-
import {
|
|
22
|
+
import { GraphVisualization } from '../graph-visualization';
|
|
23
23
|
const nodes = [
|
|
24
24
|
{
|
|
25
25
|
id: 'node1',
|
|
@@ -84,7 +84,7 @@ const rels = [
|
|
|
84
84
|
];
|
|
85
85
|
export const containerClasses = 'n-w-full n-border-palette-neutral-border-weak n-mx-2 n-rounded-lg n-border';
|
|
86
86
|
const Component = () => {
|
|
87
|
-
return (_jsx("div", { style: { height: '600px' }, children: _jsx(
|
|
87
|
+
return (_jsx("div", { style: { height: '600px' }, children: _jsx(GraphVisualization, { nodes: nodes, rels: rels, className: containerClasses }) }));
|
|
88
88
|
};
|
|
89
89
|
export default Component;
|
|
90
|
-
//# sourceMappingURL=graph-
|
|
90
|
+
//# sourceMappingURL=graph-visualization-default.story.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"graph-visualization-default.story.js","sourceRoot":"","sources":["../../../../src/graph-visualization/stories/graph-visualization-default.story.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,OAAO,EAAE,kBAAkB,EAAE,MAAM,wBAAwB,CAAC;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;AACF,MAAM,CAAC,MAAM,gBAAgB,GAC3B,4EAA4E,CAAC;AAE/E,MAAM,SAAS,GAAG,GAAG,EAAE;IACrB,OAAO,CACL,cAAK,KAAK,EAAE,EAAE,MAAM,EAAE,OAAO,EAAE,YAC7B,KAAC,kBAAkB,IACjB,KAAK,EAAE,KAAK,EACZ,IAAI,EAAE,IAAI,EACV,SAAS,EAAE,gBAAgB,GAC3B,GACE,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,SAAS,CAAC"}
|
|
@@ -21,7 +21,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
|
21
21
|
*/
|
|
22
22
|
import { IconButtonArray } from '@neo4j-ndl/react';
|
|
23
23
|
import { useState } from 'react';
|
|
24
|
-
import {
|
|
24
|
+
import { GraphVisualization } from '../graph-visualization';
|
|
25
25
|
import { SingleSelectionSidepanelContents } from '../sidepanel-components/single-selection-sidepanel-contents';
|
|
26
26
|
const nodes = [
|
|
27
27
|
{
|
|
@@ -89,7 +89,7 @@ export const containerClasses = 'n-w-full n-border-palette-neutral-border-weak n
|
|
|
89
89
|
const Component = () => {
|
|
90
90
|
const [isOpen, setIsOpen] = useState(true);
|
|
91
91
|
const [gesture, setGesture] = useState('box');
|
|
92
|
-
return (_jsx("div", { style: { height: '600px' }, children: _jsx(
|
|
92
|
+
return (_jsx("div", { style: { height: '600px' }, children: _jsx(GraphVisualization, { gesture: gesture, setGesture: setGesture, bottomLeftIsland: _jsxs(IconButtonArray, { children: [_jsx(GraphVisualization.LassoSelectButton, {}), _jsx(GraphVisualization.SingleSelectButton, {}), _jsx(GraphVisualization.BoxSelectButton, {})] }), bottomRightIsland: _jsxs(IconButtonArray, { children: [_jsx(GraphVisualization.ZoomInButton, {}), _jsx(GraphVisualization.ZoomOutButton, {}), _jsx(GraphVisualization.ZoomToFitButton, {})] }), nodes: nodes, rels: rels, sidepanel: {
|
|
93
93
|
children: _jsx(SingleSelectionSidepanelContents, {}),
|
|
94
94
|
isSidePanelOpen: isOpen,
|
|
95
95
|
onSidePanelResize: () => {
|
|
@@ -97,7 +97,7 @@ const Component = () => {
|
|
|
97
97
|
},
|
|
98
98
|
setIsSidePanelOpen: setIsOpen,
|
|
99
99
|
sidePanelWidth: 300,
|
|
100
|
-
}, topLeftIsland: _jsx(
|
|
100
|
+
}, topLeftIsland: _jsx(GraphVisualization.DownloadButton, {}), topRightIsland: _jsx(GraphVisualization.ToggleSidePanelButton, {}), className: containerClasses }) }));
|
|
101
101
|
};
|
|
102
102
|
export default Component;
|
|
103
|
-
//# sourceMappingURL=graph-
|
|
103
|
+
//# sourceMappingURL=graph-visualization-maximalist.story.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"graph-visualization-maximalist.story.js","sourceRoot":"","sources":["../../../../src/graph-visualization/stories/graph-visualization-maximalist.story.tsx"],"names":[],"mappings":"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"}
|
package/lib/esm/graph-visualization/stories/{graph-viz.stories.js → graph-visualization.stories.js}
RENAMED
|
@@ -18,7 +18,7 @@
|
|
|
18
18
|
* You should have received a copy of the GNU General Public License
|
|
19
19
|
* along with this program. If not, see <http://www.gnu.org/licenses/>.
|
|
20
20
|
*/
|
|
21
|
-
import {
|
|
21
|
+
import { GraphVisualizationBarebones, GraphVisualizationBarebonesSrc, GraphVisualizationCustom, GraphVisualizationCustomSrc, GraphVisualizationDefault, GraphVisualizationDefaultSrc, GraphVisualizationMaximalist, GraphVisualizationMaximalistSrc, } from '.';
|
|
22
22
|
const componentMeta = {
|
|
23
23
|
parameters: {
|
|
24
24
|
controls: { disable: true },
|
|
@@ -32,51 +32,51 @@ export const Default = {
|
|
|
32
32
|
parameters: {
|
|
33
33
|
docs: {
|
|
34
34
|
source: {
|
|
35
|
-
code:
|
|
35
|
+
code: GraphVisualizationDefaultSrc,
|
|
36
36
|
language: 'tsx',
|
|
37
37
|
type: 'code',
|
|
38
38
|
},
|
|
39
39
|
},
|
|
40
40
|
},
|
|
41
|
-
render:
|
|
41
|
+
render: GraphVisualizationDefault,
|
|
42
42
|
};
|
|
43
43
|
export const Barebones = {
|
|
44
44
|
args: {},
|
|
45
45
|
parameters: {
|
|
46
46
|
docs: {
|
|
47
47
|
source: {
|
|
48
|
-
code:
|
|
48
|
+
code: GraphVisualizationBarebonesSrc,
|
|
49
49
|
language: 'tsx',
|
|
50
50
|
type: 'code',
|
|
51
51
|
},
|
|
52
52
|
},
|
|
53
53
|
},
|
|
54
|
-
render:
|
|
54
|
+
render: GraphVisualizationBarebones,
|
|
55
55
|
};
|
|
56
56
|
export const Maximalist = {
|
|
57
57
|
args: {},
|
|
58
58
|
parameters: {
|
|
59
59
|
docs: {
|
|
60
60
|
source: {
|
|
61
|
-
code:
|
|
61
|
+
code: GraphVisualizationMaximalistSrc,
|
|
62
62
|
language: 'tsx',
|
|
63
63
|
type: 'code',
|
|
64
64
|
},
|
|
65
65
|
},
|
|
66
66
|
},
|
|
67
|
-
render:
|
|
67
|
+
render: GraphVisualizationMaximalist,
|
|
68
68
|
};
|
|
69
69
|
export const CustomIslands = {
|
|
70
70
|
args: {},
|
|
71
71
|
parameters: {
|
|
72
72
|
docs: {
|
|
73
73
|
source: {
|
|
74
|
-
code:
|
|
74
|
+
code: GraphVisualizationCustomSrc,
|
|
75
75
|
language: 'tsx',
|
|
76
76
|
type: 'code',
|
|
77
77
|
},
|
|
78
78
|
},
|
|
79
79
|
},
|
|
80
|
-
render:
|
|
80
|
+
render: GraphVisualizationCustom,
|
|
81
81
|
};
|
|
82
|
-
//# sourceMappingURL=graph-
|
|
82
|
+
//# sourceMappingURL=graph-visualization.stories.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"graph-visualization.stories.js","sourceRoot":"","sources":["../../../../src/graph-visualization/stories/graph-visualization.stories.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAIH,OAAO,EACL,2BAA2B,EAC3B,8BAA8B,EAC9B,wBAAwB,EACxB,2BAA2B,EAC3B,yBAAyB,EACzB,4BAA4B,EAC5B,4BAA4B,EAC5B,+BAA+B,GAChC,MAAM,GAAG,CAAC;AAEX,MAAM,aAAa,GAAG;IACpB,UAAU,EAAE;QACV,QAAQ,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE;KAC5B;IACD,IAAI,EAAE,CAAC,UAAU,CAAC;IAClB,KAAK,EAAE,oCAAoC;CAC5C,CAAC;AAEF,eAAe,aAAa,CAAC;AAG7B,MAAM,CAAC,MAAM,OAAO,GAAU;IAC5B,IAAI,EAAE,EAAE;IACR,UAAU,EAAE;QACV,IAAI,EAAE;YACJ,MAAM,EAAE;gBACN,IAAI,EAAE,4BAA4B;gBAClC,QAAQ,EAAE,KAAK;gBACf,IAAI,EAAE,MAAM;aACb;SACF;KACF;IACD,MAAM,EAAE,yBAAyB;CAClC,CAAC;AAEF,MAAM,CAAC,MAAM,SAAS,GAAU;IAC9B,IAAI,EAAE,EAAE;IACR,UAAU,EAAE;QACV,IAAI,EAAE;YACJ,MAAM,EAAE;gBACN,IAAI,EAAE,8BAA8B;gBACpC,QAAQ,EAAE,KAAK;gBACf,IAAI,EAAE,MAAM;aACb;SACF;KACF;IACD,MAAM,EAAE,2BAA2B;CACpC,CAAC;AAEF,MAAM,CAAC,MAAM,UAAU,GAAU;IAC/B,IAAI,EAAE,EAAE;IACR,UAAU,EAAE;QACV,IAAI,EAAE;YACJ,MAAM,EAAE;gBACN,IAAI,EAAE,+BAA+B;gBACrC,QAAQ,EAAE,KAAK;gBACf,IAAI,EAAE,MAAM;aACb;SACF;KACF;IACD,MAAM,EAAE,4BAA4B;CACrC,CAAC;AAEF,MAAM,CAAC,MAAM,aAAa,GAAU;IAClC,IAAI,EAAE,EAAE;IACR,UAAU,EAAE;QACV,IAAI,EAAE;YACJ,MAAM,EAAE;gBACN,IAAI,EAAE,2BAA2B;gBACjC,QAAQ,EAAE,KAAK;gBACf,IAAI,EAAE,MAAM;aACb;SACF;KACF;IACD,MAAM,EAAE,wBAAwB;CACjC,CAAC"}
|
|
@@ -18,17 +18,17 @@
|
|
|
18
18
|
* You should have received a copy of the GNU General Public License
|
|
19
19
|
* along with this program. If not, see <http://www.gnu.org/licenses/>.
|
|
20
20
|
*/
|
|
21
|
-
export { default as
|
|
22
|
-
export { default as
|
|
23
|
-
export { default as
|
|
24
|
-
export { default as
|
|
21
|
+
export { default as GraphVisualizationBarebones } from './graph-visualization-barebones.story';
|
|
22
|
+
export { default as GraphVisualizationCustom } from './graph-visualization-custom.story';
|
|
23
|
+
export { default as GraphVisualizationDefault } from './graph-visualization-default.story';
|
|
24
|
+
export { default as GraphVisualizationMaximalist } from './graph-visualization-maximalist.story';
|
|
25
25
|
import { removeLicenseHeader } from '@neo4j-ndl/react/_common/export-stories-utils';
|
|
26
|
-
import
|
|
27
|
-
import
|
|
28
|
-
import
|
|
29
|
-
import
|
|
30
|
-
export const
|
|
31
|
-
export const
|
|
32
|
-
export const
|
|
33
|
-
export const
|
|
26
|
+
import GraphVisualizationBarebonesSrcRaw from './graph-visualization-barebones.story?raw';
|
|
27
|
+
import GraphVisualizationCustomSrcRaw from './graph-visualization-custom.story?raw';
|
|
28
|
+
import GraphVisualizationDefaultSrcRaw from './graph-visualization-default.story?raw';
|
|
29
|
+
import GraphVisualizationMaximalistSrcRaw from './graph-visualization-maximalist.story?raw';
|
|
30
|
+
export const GraphVisualizationDefaultSrc = removeLicenseHeader(GraphVisualizationDefaultSrcRaw);
|
|
31
|
+
export const GraphVisualizationBarebonesSrc = removeLicenseHeader(GraphVisualizationBarebonesSrcRaw);
|
|
32
|
+
export const GraphVisualizationMaximalistSrc = removeLicenseHeader(GraphVisualizationMaximalistSrcRaw);
|
|
33
|
+
export const GraphVisualizationCustomSrc = removeLicenseHeader(GraphVisualizationCustomSrcRaw);
|
|
34
34
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/graph-visualization/stories/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,OAAO,EAAE,OAAO,IAAI,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/graph-visualization/stories/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,OAAO,EAAE,OAAO,IAAI,2BAA2B,EAAE,MAAM,uCAAuC,CAAC;AAC/F,OAAO,EAAE,OAAO,IAAI,wBAAwB,EAAE,MAAM,oCAAoC,CAAC;AACzF,OAAO,EAAE,OAAO,IAAI,yBAAyB,EAAE,MAAM,qCAAqC,CAAC;AAC3F,OAAO,EAAE,OAAO,IAAI,4BAA4B,EAAE,MAAM,wCAAwC,CAAC;AAEjG,OAAO,EAAE,mBAAmB,EAAE,MAAM,+CAA+C,CAAC;AAEpF,OAAO,iCAAiC,MAAM,2CAA2C,CAAC;AAC1F,OAAO,8BAA8B,MAAM,wCAAwC,CAAC;AACpF,OAAO,+BAA+B,MAAM,yCAAyC,CAAC;AACtF,OAAO,kCAAkC,MAAM,4CAA4C,CAAC;AAE5F,MAAM,CAAC,MAAM,4BAA4B,GAAG,mBAAmB,CAC7D,+BAA+B,CAChC,CAAC;AAEF,MAAM,CAAC,MAAM,8BAA8B,GAAG,mBAAmB,CAC/D,iCAAiC,CAClC,CAAC;AAEF,MAAM,CAAC,MAAM,+BAA+B,GAAG,mBAAmB,CAChE,kCAAkC,CACnC,CAAC;AAEF,MAAM,CAAC,MAAM,2BAA2B,GAAG,mBAAmB,CAC5D,8BAA8B,CAC/B,CAAC"}
|