@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
|
@@ -1 +1 @@
|
|
|
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,
|
|
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,0CAA0C,aACvD,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/single-selection-sidepanel-contents.js
CHANGED
|
@@ -23,11 +23,11 @@ const jsx_runtime_1 = require("react/jsx-runtime");
|
|
|
23
23
|
* along with this program. If not, see <http://www.gnu.org/licenses/>.
|
|
24
24
|
*/
|
|
25
25
|
const react_1 = require("react");
|
|
26
|
-
const
|
|
26
|
+
const graph_visualization_context_1 = require("../graph-visualization-context");
|
|
27
27
|
const details_panel_1 = require("./details-panel");
|
|
28
28
|
const overview_panel_1 = require("./overview-panel");
|
|
29
29
|
const SingleSelectionSidepanelContents = () => {
|
|
30
|
-
const { selected } = (0,
|
|
30
|
+
const { selected } = (0, graph_visualization_context_1.useGraphVisualizationContext)();
|
|
31
31
|
const hasSelection = (0, react_1.useMemo)(() => selected.nodeIds.length > 0 || selected.relationshipIds.length > 0, [selected]);
|
|
32
32
|
return hasSelection ? (0, jsx_runtime_1.jsx)(details_panel_1.DetailsPanel, {}) : (0, jsx_runtime_1.jsx)(overview_panel_1.OverviewPanel, {});
|
|
33
33
|
};
|
package/lib/cjs/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,iCAAgC;AAEhC,
|
|
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,gFAA8E;AAC9E,mDAA+C;AAC/C,qDAAiD;AAE1C,MAAM,gCAAgC,GAAG,GAAG,EAAE;IACnD,MAAM,EAAE,QAAQ,EAAE,GAAG,IAAA,0DAA4B,GAAE,CAAC;IAEpD,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"}
|
|
@@ -22,7 +22,7 @@ const jsx_runtime_1 = require("react/jsx-runtime");
|
|
|
22
22
|
* You should have received a copy of the GNU General Public License
|
|
23
23
|
* along with this program. If not, see <http://www.gnu.org/licenses/>.
|
|
24
24
|
*/
|
|
25
|
-
const
|
|
25
|
+
const graph_visualization_1 = require("../graph-visualization");
|
|
26
26
|
const nodes = [
|
|
27
27
|
{
|
|
28
28
|
id: 'node1',
|
|
@@ -87,7 +87,7 @@ const rels = [
|
|
|
87
87
|
];
|
|
88
88
|
exports.containerClasses = 'n-w-full n-border-palette-neutral-border-weak n-mx-2 n-rounded-lg n-border';
|
|
89
89
|
const Component = () => {
|
|
90
|
-
return ((0, jsx_runtime_1.jsx)("div", { style: { height: '600px' }, children: (0, jsx_runtime_1.jsx)(
|
|
90
|
+
return ((0, jsx_runtime_1.jsx)("div", { style: { height: '600px' }, children: (0, jsx_runtime_1.jsx)(graph_visualization_1.GraphVisualization, { bottomLeftIsland: null, bottomRightIsland: null, nodes: nodes, rels: rels, sidepanel: null, topLeftIsland: null, topRightIsland: null, className: exports.containerClasses }) }));
|
|
91
91
|
};
|
|
92
92
|
exports.default = Component;
|
|
93
|
-
//# sourceMappingURL=graph-
|
|
93
|
+
//# 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,gEAA4D;AAG5D,MAAM,KAAK,GAAc;IACvB;QACE,EAAE,EAAE,OAAO;QACX,MAAM,EAAE,CAAC,SAAS,EAAE,WAAW,CAAC;QAChC,UAAU,EAAE;YACV,mBAAmB,EAAE;gBACnB,WAAW,EAAE,oBAAoB;gBACjC,IAAI,EAAE,UAAU;aACjB;YACD,cAAc,EAAE;gBACd,WAAW,EAAE,0BAA0B;gBACvC,IAAI,EAAE,MAAM;aACb;YACD,UAAU,EAAE;gBACV,WAAW,EAAE,MAAM;gBACnB,IAAI,EAAE,MAAM;aACb;YACD,SAAS,EAAE;gBACT,WAAW,EAAE,MAAM;gBACnB,IAAI,EAAE,SAAS;aAChB;YACD,QAAQ,EAAE;gBACR,WAAW,EAAE,sCAAsC;gBACnD,IAAI,EAAE,OAAO;aACd;YACD,IAAI,EAAE;gBACJ,WAAW,EAAE,YAAY;gBACzB,IAAI,EAAE,QAAQ;aACf;YACD,MAAM,EAAE;gBACN,WAAW,EAAE,OAAO;gBACpB,IAAI,EAAE,OAAO;aACd;SACF;KACF;IACD;QACE,EAAE,EAAE,OAAO;QACX,MAAM,EAAE,CAAC,MAAM,CAAC;QAChB,UAAU,EAAE,EAAE,IAAI,EAAE,EAAE,WAAW,EAAE,QAAQ,EAAE,IAAI,EAAE,QAAQ,EAAE,EAAE;KAChE;IACD;QACE,EAAE,EAAE,OAAO;QACX,MAAM,EAAE,CAAC,MAAM,CAAC;QAChB,UAAU,EAAE,EAAE,IAAI,EAAE,EAAE,WAAW,EAAE,QAAQ,EAAE,IAAI,EAAE,QAAQ,EAAE,EAAE;KAChE;CACF,CAAC;AAEF,MAAM,IAAI,GAAG;IACX;QACE,IAAI,EAAE,OAAO;QACb,EAAE,EAAE,MAAM;QACV,UAAU,EAAE,EAAE;QACd,EAAE,EAAE,OAAO;QACX,IAAI,EAAE,UAAU;KACjB;IACD;QACE,IAAI,EAAE,OAAO;QACb,EAAE,EAAE,MAAM;QACV,UAAU,EAAE,EAAE;QACd,EAAE,EAAE,OAAO;QACX,IAAI,EAAE,UAAU;KACjB;CACF,CAAC;AACW,QAAA,gBAAgB,GAC3B,4EAA4E,CAAC;AAE/E,MAAM,SAAS,GAAG,GAAG,EAAE;IACrB,OAAO,CACL,gCAAK,KAAK,EAAE,EAAE,MAAM,EAAE,OAAO,EAAE,YAC7B,uBAAC,wCAAkB,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,wBAAgB,GAC3B,GACE,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,SAAS,CAAC"}
|
|
@@ -22,7 +22,7 @@ const jsx_runtime_1 = require("react/jsx-runtime");
|
|
|
22
22
|
* You should have received a copy of the GNU General Public License
|
|
23
23
|
* along with this program. If not, see <http://www.gnu.org/licenses/>.
|
|
24
24
|
*/
|
|
25
|
-
const
|
|
25
|
+
const graph_visualization_1 = require("../graph-visualization");
|
|
26
26
|
const nodes = [
|
|
27
27
|
{
|
|
28
28
|
id: 'node1',
|
|
@@ -58,7 +58,7 @@ const rels = [
|
|
|
58
58
|
];
|
|
59
59
|
exports.containerClasses = 'n-w-full n-border-palette-neutral-border-weak n-mx-2 n-rounded-lg n-border';
|
|
60
60
|
const Component = () => {
|
|
61
|
-
return ((0, jsx_runtime_1.jsx)("div", { style: { height: '600px' }, children: (0, jsx_runtime_1.jsx)(
|
|
61
|
+
return ((0, jsx_runtime_1.jsx)("div", { style: { height: '600px' }, children: (0, jsx_runtime_1.jsx)(graph_visualization_1.GraphVisualization, { 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: {
|
|
62
62
|
children: (0, jsx_runtime_1.jsx)("div", { children: "Custom panel contents" }),
|
|
63
63
|
isSidePanelOpen: true,
|
|
64
64
|
onSidePanelResize: () => {
|
|
@@ -71,4 +71,4 @@ const Component = () => {
|
|
|
71
71
|
}, topLeftIsland: (0, jsx_runtime_1.jsx)("div", { children: "\u2196\uFE0F" }), topRightIsland: (0, jsx_runtime_1.jsx)("div", { children: "\u2197\uFE0F" }), className: exports.containerClasses }) }));
|
|
72
72
|
};
|
|
73
73
|
exports.default = Component;
|
|
74
|
-
//# sourceMappingURL=graph-
|
|
74
|
+
//# 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,gEAA4D;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;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,wCAAkB,IACjB,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"}
|
|
@@ -22,7 +22,7 @@ const jsx_runtime_1 = require("react/jsx-runtime");
|
|
|
22
22
|
* You should have received a copy of the GNU General Public License
|
|
23
23
|
* along with this program. If not, see <http://www.gnu.org/licenses/>.
|
|
24
24
|
*/
|
|
25
|
-
const
|
|
25
|
+
const graph_visualization_1 = require("../graph-visualization");
|
|
26
26
|
const nodes = [
|
|
27
27
|
{
|
|
28
28
|
id: 'node1',
|
|
@@ -87,7 +87,7 @@ const rels = [
|
|
|
87
87
|
];
|
|
88
88
|
exports.containerClasses = 'n-w-full n-border-palette-neutral-border-weak n-mx-2 n-rounded-lg n-border';
|
|
89
89
|
const Component = () => {
|
|
90
|
-
return ((0, jsx_runtime_1.jsx)("div", { style: { height: '600px' }, children: (0, jsx_runtime_1.jsx)(
|
|
90
|
+
return ((0, jsx_runtime_1.jsx)("div", { style: { height: '600px' }, children: (0, jsx_runtime_1.jsx)(graph_visualization_1.GraphVisualization, { nodes: nodes, rels: rels, className: exports.containerClasses }) }));
|
|
91
91
|
};
|
|
92
92
|
exports.default = Component;
|
|
93
|
-
//# sourceMappingURL=graph-
|
|
93
|
+
//# 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,gEAA4D;AAG5D,MAAM,KAAK,GAAc;IACvB;QACE,EAAE,EAAE,OAAO;QACX,MAAM,EAAE,CAAC,SAAS,EAAE,WAAW,CAAC;QAChC,UAAU,EAAE;YACV,mBAAmB,EAAE;gBACnB,WAAW,EAAE,oBAAoB;gBACjC,IAAI,EAAE,UAAU;aACjB;YACD,cAAc,EAAE;gBACd,WAAW,EAAE,0BAA0B;gBACvC,IAAI,EAAE,MAAM;aACb;YACD,UAAU,EAAE;gBACV,WAAW,EAAE,MAAM;gBACnB,IAAI,EAAE,MAAM;aACb;YACD,SAAS,EAAE;gBACT,WAAW,EAAE,MAAM;gBACnB,IAAI,EAAE,SAAS;aAChB;YACD,QAAQ,EAAE;gBACR,WAAW,EAAE,sCAAsC;gBACnD,IAAI,EAAE,OAAO;aACd;YACD,IAAI,EAAE;gBACJ,WAAW,EAAE,YAAY;gBACzB,IAAI,EAAE,QAAQ;aACf;YACD,MAAM,EAAE;gBACN,WAAW,EAAE,OAAO;gBACpB,IAAI,EAAE,OAAO;aACd;SACF;KACF;IACD;QACE,EAAE,EAAE,OAAO;QACX,MAAM,EAAE,CAAC,MAAM,CAAC;QAChB,UAAU,EAAE,EAAE,IAAI,EAAE,EAAE,WAAW,EAAE,QAAQ,EAAE,IAAI,EAAE,QAAQ,EAAE,EAAE;KAChE;IACD;QACE,EAAE,EAAE,OAAO;QACX,MAAM,EAAE,CAAC,MAAM,CAAC;QAChB,UAAU,EAAE,EAAE,IAAI,EAAE,EAAE,WAAW,EAAE,QAAQ,EAAE,IAAI,EAAE,QAAQ,EAAE,EAAE;KAChE;CACF,CAAC;AAEF,MAAM,IAAI,GAAG;IACX;QACE,IAAI,EAAE,OAAO;QACb,EAAE,EAAE,MAAM;QACV,UAAU,EAAE,EAAE;QACd,EAAE,EAAE,OAAO;QACX,IAAI,EAAE,UAAU;KACjB;IACD;QACE,IAAI,EAAE,OAAO;QACb,EAAE,EAAE,MAAM;QACV,UAAU,EAAE,EAAE;QACd,EAAE,EAAE,OAAO;QACX,IAAI,EAAE,UAAU;KACjB;CACF,CAAC;AACW,QAAA,gBAAgB,GAC3B,4EAA4E,CAAC;AAE/E,MAAM,SAAS,GAAG,GAAG,EAAE;IACrB,OAAO,CACL,gCAAK,KAAK,EAAE,EAAE,MAAM,EAAE,OAAO,EAAE,YAC7B,uBAAC,wCAAkB,IACjB,KAAK,EAAE,KAAK,EACZ,IAAI,EAAE,IAAI,EACV,SAAS,EAAE,wBAAgB,GAC3B,GACE,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,SAAS,CAAC"}
|
|
@@ -24,7 +24,7 @@ const jsx_runtime_1 = require("react/jsx-runtime");
|
|
|
24
24
|
*/
|
|
25
25
|
const react_1 = require("@neo4j-ndl/react");
|
|
26
26
|
const react_2 = require("react");
|
|
27
|
-
const
|
|
27
|
+
const graph_visualization_1 = require("../graph-visualization");
|
|
28
28
|
const single_selection_sidepanel_contents_1 = require("../sidepanel-components/single-selection-sidepanel-contents");
|
|
29
29
|
const nodes = [
|
|
30
30
|
{
|
|
@@ -92,7 +92,7 @@ exports.containerClasses = 'n-w-full n-border-palette-neutral-border-weak n-mx-2
|
|
|
92
92
|
const Component = () => {
|
|
93
93
|
const [isOpen, setIsOpen] = (0, react_2.useState)(true);
|
|
94
94
|
const [gesture, setGesture] = (0, react_2.useState)('box');
|
|
95
|
-
return ((0, jsx_runtime_1.jsx)("div", { style: { height: '600px' }, children: (0, jsx_runtime_1.jsx)(
|
|
95
|
+
return ((0, jsx_runtime_1.jsx)("div", { style: { height: '600px' }, children: (0, jsx_runtime_1.jsx)(graph_visualization_1.GraphVisualization, { gesture: gesture, setGesture: setGesture, bottomLeftIsland: (0, jsx_runtime_1.jsxs)(react_1.IconButtonArray, { children: [(0, jsx_runtime_1.jsx)(graph_visualization_1.GraphVisualization.LassoSelectButton, {}), (0, jsx_runtime_1.jsx)(graph_visualization_1.GraphVisualization.SingleSelectButton, {}), (0, jsx_runtime_1.jsx)(graph_visualization_1.GraphVisualization.BoxSelectButton, {})] }), bottomRightIsland: (0, jsx_runtime_1.jsxs)(react_1.IconButtonArray, { children: [(0, jsx_runtime_1.jsx)(graph_visualization_1.GraphVisualization.ZoomInButton, {}), (0, jsx_runtime_1.jsx)(graph_visualization_1.GraphVisualization.ZoomOutButton, {}), (0, jsx_runtime_1.jsx)(graph_visualization_1.GraphVisualization.ZoomToFitButton, {})] }), nodes: nodes, rels: rels, sidepanel: {
|
|
96
96
|
children: (0, jsx_runtime_1.jsx)(single_selection_sidepanel_contents_1.SingleSelectionSidepanelContents, {}),
|
|
97
97
|
isSidePanelOpen: isOpen,
|
|
98
98
|
onSidePanelResize: () => {
|
|
@@ -100,7 +100,7 @@ const Component = () => {
|
|
|
100
100
|
},
|
|
101
101
|
setIsSidePanelOpen: setIsOpen,
|
|
102
102
|
sidePanelWidth: 300,
|
|
103
|
-
}, topLeftIsland: (0, jsx_runtime_1.jsx)(
|
|
103
|
+
}, topLeftIsland: (0, jsx_runtime_1.jsx)(graph_visualization_1.GraphVisualization.DownloadButton, {}), topRightIsland: (0, jsx_runtime_1.jsx)(graph_visualization_1.GraphVisualization.ToggleSidePanelButton, {}), className: exports.containerClasses }) }));
|
|
104
104
|
};
|
|
105
105
|
exports.default = Component;
|
|
106
|
-
//# sourceMappingURL=graph-
|
|
106
|
+
//# 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/cjs/graph-visualization/stories/{graph-viz.stories.js → graph-visualization.stories.js}
RENAMED
|
@@ -35,51 +35,51 @@ exports.Default = {
|
|
|
35
35
|
parameters: {
|
|
36
36
|
docs: {
|
|
37
37
|
source: {
|
|
38
|
-
code: _1.
|
|
38
|
+
code: _1.GraphVisualizationDefaultSrc,
|
|
39
39
|
language: 'tsx',
|
|
40
40
|
type: 'code',
|
|
41
41
|
},
|
|
42
42
|
},
|
|
43
43
|
},
|
|
44
|
-
render: _1.
|
|
44
|
+
render: _1.GraphVisualizationDefault,
|
|
45
45
|
};
|
|
46
46
|
exports.Barebones = {
|
|
47
47
|
args: {},
|
|
48
48
|
parameters: {
|
|
49
49
|
docs: {
|
|
50
50
|
source: {
|
|
51
|
-
code: _1.
|
|
51
|
+
code: _1.GraphVisualizationBarebonesSrc,
|
|
52
52
|
language: 'tsx',
|
|
53
53
|
type: 'code',
|
|
54
54
|
},
|
|
55
55
|
},
|
|
56
56
|
},
|
|
57
|
-
render: _1.
|
|
57
|
+
render: _1.GraphVisualizationBarebones,
|
|
58
58
|
};
|
|
59
59
|
exports.Maximalist = {
|
|
60
60
|
args: {},
|
|
61
61
|
parameters: {
|
|
62
62
|
docs: {
|
|
63
63
|
source: {
|
|
64
|
-
code: _1.
|
|
64
|
+
code: _1.GraphVisualizationMaximalistSrc,
|
|
65
65
|
language: 'tsx',
|
|
66
66
|
type: 'code',
|
|
67
67
|
},
|
|
68
68
|
},
|
|
69
69
|
},
|
|
70
|
-
render: _1.
|
|
70
|
+
render: _1.GraphVisualizationMaximalist,
|
|
71
71
|
};
|
|
72
72
|
exports.CustomIslands = {
|
|
73
73
|
args: {},
|
|
74
74
|
parameters: {
|
|
75
75
|
docs: {
|
|
76
76
|
source: {
|
|
77
|
-
code: _1.
|
|
77
|
+
code: _1.GraphVisualizationCustomSrc,
|
|
78
78
|
language: 'tsx',
|
|
79
79
|
type: 'code',
|
|
80
80
|
},
|
|
81
81
|
},
|
|
82
82
|
},
|
|
83
|
-
render: _1.
|
|
83
|
+
render: _1.GraphVisualizationCustom,
|
|
84
84
|
};
|
|
85
|
-
//# sourceMappingURL=graph-
|
|
85
|
+
//# 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,wBASW;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,kBAAe,aAAa,CAAC;AAGhB,QAAA,OAAO,GAAU;IAC5B,IAAI,EAAE,EAAE;IACR,UAAU,EAAE;QACV,IAAI,EAAE;YACJ,MAAM,EAAE;gBACN,IAAI,EAAE,+BAA4B;gBAClC,QAAQ,EAAE,KAAK;gBACf,IAAI,EAAE,MAAM;aACb;SACF;KACF;IACD,MAAM,EAAE,4BAAyB;CAClC,CAAC;AAEW,QAAA,SAAS,GAAU;IAC9B,IAAI,EAAE,EAAE;IACR,UAAU,EAAE;QACV,IAAI,EAAE;YACJ,MAAM,EAAE;gBACN,IAAI,EAAE,iCAA8B;gBACpC,QAAQ,EAAE,KAAK;gBACf,IAAI,EAAE,MAAM;aACb;SACF;KACF;IACD,MAAM,EAAE,8BAA2B;CACpC,CAAC;AAEW,QAAA,UAAU,GAAU;IAC/B,IAAI,EAAE,EAAE;IACR,UAAU,EAAE;QACV,IAAI,EAAE;YACJ,MAAM,EAAE;gBACN,IAAI,EAAE,kCAA+B;gBACrC,QAAQ,EAAE,KAAK;gBACf,IAAI,EAAE,MAAM;aACb;SACF;KACF;IACD,MAAM,EAAE,+BAA4B;CACrC,CAAC;AAEW,QAAA,aAAa,GAAU;IAClC,IAAI,EAAE,EAAE;IACR,UAAU,EAAE;QACV,IAAI,EAAE;YACJ,MAAM,EAAE;gBACN,IAAI,EAAE,8BAA2B;gBACjC,QAAQ,EAAE,KAAK;gBACf,IAAI,EAAE,MAAM;aACb;SACF;KACF;IACD,MAAM,EAAE,2BAAwB;CACjC,CAAC"}
|
|
@@ -23,22 +23,22 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
23
23
|
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
24
24
|
};
|
|
25
25
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
26
|
-
exports.
|
|
27
|
-
var
|
|
28
|
-
Object.defineProperty(exports, "
|
|
29
|
-
var
|
|
30
|
-
Object.defineProperty(exports, "
|
|
31
|
-
var
|
|
32
|
-
Object.defineProperty(exports, "
|
|
33
|
-
var
|
|
34
|
-
Object.defineProperty(exports, "
|
|
26
|
+
exports.GraphVisualizationCustomSrc = exports.GraphVisualizationMaximalistSrc = exports.GraphVisualizationBarebonesSrc = exports.GraphVisualizationDefaultSrc = exports.GraphVisualizationMaximalist = exports.GraphVisualizationDefault = exports.GraphVisualizationCustom = exports.GraphVisualizationBarebones = void 0;
|
|
27
|
+
var graph_visualization_barebones_story_1 = require("./graph-visualization-barebones.story");
|
|
28
|
+
Object.defineProperty(exports, "GraphVisualizationBarebones", { enumerable: true, get: function () { return __importDefault(graph_visualization_barebones_story_1).default; } });
|
|
29
|
+
var graph_visualization_custom_story_1 = require("./graph-visualization-custom.story");
|
|
30
|
+
Object.defineProperty(exports, "GraphVisualizationCustom", { enumerable: true, get: function () { return __importDefault(graph_visualization_custom_story_1).default; } });
|
|
31
|
+
var graph_visualization_default_story_1 = require("./graph-visualization-default.story");
|
|
32
|
+
Object.defineProperty(exports, "GraphVisualizationDefault", { enumerable: true, get: function () { return __importDefault(graph_visualization_default_story_1).default; } });
|
|
33
|
+
var graph_visualization_maximalist_story_1 = require("./graph-visualization-maximalist.story");
|
|
34
|
+
Object.defineProperty(exports, "GraphVisualizationMaximalist", { enumerable: true, get: function () { return __importDefault(graph_visualization_maximalist_story_1).default; } });
|
|
35
35
|
const export_stories_utils_1 = require("@neo4j-ndl/react/_common/export-stories-utils");
|
|
36
|
-
const
|
|
37
|
-
const
|
|
38
|
-
const
|
|
39
|
-
const
|
|
40
|
-
exports.
|
|
41
|
-
exports.
|
|
42
|
-
exports.
|
|
43
|
-
exports.
|
|
36
|
+
const graph_visualization_barebones_story_raw_1 = __importDefault(require("./graph-visualization-barebones.story?raw"));
|
|
37
|
+
const graph_visualization_custom_story_raw_1 = __importDefault(require("./graph-visualization-custom.story?raw"));
|
|
38
|
+
const graph_visualization_default_story_raw_1 = __importDefault(require("./graph-visualization-default.story?raw"));
|
|
39
|
+
const graph_visualization_maximalist_story_raw_1 = __importDefault(require("./graph-visualization-maximalist.story?raw"));
|
|
40
|
+
exports.GraphVisualizationDefaultSrc = (0, export_stories_utils_1.removeLicenseHeader)(graph_visualization_default_story_raw_1.default);
|
|
41
|
+
exports.GraphVisualizationBarebonesSrc = (0, export_stories_utils_1.removeLicenseHeader)(graph_visualization_barebones_story_raw_1.default);
|
|
42
|
+
exports.GraphVisualizationMaximalistSrc = (0, export_stories_utils_1.removeLicenseHeader)(graph_visualization_maximalist_story_raw_1.default);
|
|
43
|
+
exports.GraphVisualizationCustomSrc = (0, export_stories_utils_1.removeLicenseHeader)(graph_visualization_custom_story_raw_1.default);
|
|
44
44
|
//# 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,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/graph-visualization/stories/index.ts"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;;;GAmBG;;;;;;AAEH,6FAA+F;AAAtF,mKAAA,OAAO,OAA+B;AAC/C,uFAAyF;AAAhF,6JAAA,OAAO,OAA4B;AAC5C,yFAA2F;AAAlF,+JAAA,OAAO,OAA6B;AAC7C,+FAAiG;AAAxF,qKAAA,OAAO,OAAgC;AAEhD,wFAAoF;AAEpF,wHAA0F;AAC1F,kHAAoF;AACpF,oHAAsF;AACtF,0HAA4F;AAE/E,QAAA,4BAA4B,GAAG,IAAA,0CAAmB,EAC7D,+CAA+B,CAChC,CAAC;AAEW,QAAA,8BAA8B,GAAG,IAAA,0CAAmB,EAC/D,iDAAiC,CAClC,CAAC;AAEW,QAAA,+BAA+B,GAAG,IAAA,0CAAmB,EAChE,kDAAkC,CACnC,CAAC;AAEW,QAAA,2BAA2B,GAAG,IAAA,0CAAmB,EAC5D,8CAA8B,CAC/B,CAAC"}
|
|
@@ -23,7 +23,7 @@ import { IconButton, Menu, Tooltip, Typography, } from '@neo4j-ndl/react';
|
|
|
23
23
|
import { ArrowDownTrayIconOutline, BoxSelectIcon, FitToScreenIcon, LassoIcon, MagnifyingGlassMinusIconOutline, MagnifyingGlassPlusIconOutline, SelectIcon, SidebarLineRightIcon, } from '@neo4j-ndl/react/icons';
|
|
24
24
|
import { default as cx } from 'classnames';
|
|
25
25
|
import { useCallback, useEffect, useRef, useState, } from 'react';
|
|
26
|
-
import {
|
|
26
|
+
import { useGraphVisualizationContext, } from './graph-visualization-context';
|
|
27
27
|
export const GroupButton = (props) => {
|
|
28
28
|
const { isActive, ariaLabel, isDisabled, tipContent, onClick, onMouseDown, tooltipPlacement, className, style, htmlAttributes, children, } = props;
|
|
29
29
|
return (_jsxs(Tooltip, { type: "simple", placement: tooltipPlacement, children: [_jsx(Tooltip.Trigger, { hasButtonWrapper: true, children: _jsx(IconButton, { ariaLabel: ariaLabel !== null && ariaLabel !== void 0 ? ariaLabel : tipContent, size: "small", className: className, style: style, isClean: true, isGrouped: true, isActive: isActive, isDisabled: isDisabled, onClick: onClick, htmlAttributes: Object.assign({ onMouseDown }, htmlAttributes), children: children }) }), _jsx(Tooltip.Content, { children: tipContent })] }));
|
|
@@ -43,7 +43,7 @@ const GESTURE_KEYS = {
|
|
|
43
43
|
single: 'S',
|
|
44
44
|
};
|
|
45
45
|
const useRegisterKeyboardGestureSwitcher = (gesture) => {
|
|
46
|
-
const { setGesture } =
|
|
46
|
+
const { setGesture } = useGraphVisualizationContext();
|
|
47
47
|
const handleKeyDown = useCallback((evt) => {
|
|
48
48
|
if (!isEditingText(evt) && setGesture !== undefined) {
|
|
49
49
|
const upperKey = evt.key.toUpperCase();
|
|
@@ -61,28 +61,28 @@ const useRegisterKeyboardGestureSwitcher = (gesture) => {
|
|
|
61
61
|
};
|
|
62
62
|
const NON_BREAKING_SPACE = '\u00A0';
|
|
63
63
|
export const SingleSelectButton = ({ className, style, htmlAttributes, tooltipPlacement, }) => {
|
|
64
|
-
const { gesture, setGesture, interactionMode } =
|
|
64
|
+
const { gesture, setGesture, interactionMode } = useGraphVisualizationContext();
|
|
65
65
|
useRegisterKeyboardGestureSwitcher('single');
|
|
66
66
|
return (_jsx(GroupButton, { isActive: gesture === 'single', isDisabled: interactionMode !== 'select', ariaLabel: "Individual Select Button", tipContent: `Individual Select ${NON_BREAKING_SPACE} ${GESTURE_KEYS.single}`, onClick: () => {
|
|
67
67
|
setGesture === null || setGesture === void 0 ? void 0 : setGesture('single');
|
|
68
68
|
}, tooltipPlacement: tooltipPlacement !== null && tooltipPlacement !== void 0 ? tooltipPlacement : 'right', htmlAttributes: Object.assign({ 'data-testid': 'gesture-individual-select' }, htmlAttributes), className: className, style: style, children: _jsx(SelectIcon, { "aria-label": "Individual Select" }) }));
|
|
69
69
|
};
|
|
70
70
|
export const BoxSelectButton = ({ className, style, htmlAttributes, tooltipPlacement, }) => {
|
|
71
|
-
const { gesture, setGesture, interactionMode } =
|
|
71
|
+
const { gesture, setGesture, interactionMode } = useGraphVisualizationContext();
|
|
72
72
|
useRegisterKeyboardGestureSwitcher('box');
|
|
73
73
|
return (_jsx(GroupButton, { isDisabled: interactionMode !== 'select' || setGesture === undefined, isActive: gesture === 'box', ariaLabel: "Box Select Button", tipContent: `Box Select ${NON_BREAKING_SPACE} ${GESTURE_KEYS.box}`, onClick: () => {
|
|
74
74
|
setGesture === null || setGesture === void 0 ? void 0 : setGesture('box');
|
|
75
75
|
}, tooltipPlacement: tooltipPlacement !== null && tooltipPlacement !== void 0 ? tooltipPlacement : 'right', htmlAttributes: Object.assign({ 'data-testid': 'gesture-box-select' }, htmlAttributes), className: className, style: style, children: _jsx(BoxSelectIcon, { "aria-label": "Box Select" }) }));
|
|
76
76
|
};
|
|
77
77
|
export const LassoSelectButton = ({ className, style, htmlAttributes, tooltipPlacement, }) => {
|
|
78
|
-
const { gesture, setGesture, interactionMode } =
|
|
78
|
+
const { gesture, setGesture, interactionMode } = useGraphVisualizationContext();
|
|
79
79
|
useRegisterKeyboardGestureSwitcher('lasso');
|
|
80
80
|
return (_jsx(GroupButton, { isDisabled: interactionMode !== 'select' || setGesture === undefined, isActive: gesture === 'lasso', ariaLabel: "Lasso Select Button", tipContent: `Lasso Select ${NON_BREAKING_SPACE} ${GESTURE_KEYS.lasso}`, onClick: () => {
|
|
81
81
|
setGesture === null || setGesture === void 0 ? void 0 : setGesture('lasso');
|
|
82
82
|
}, tooltipPlacement: tooltipPlacement !== null && tooltipPlacement !== void 0 ? tooltipPlacement : 'right', htmlAttributes: Object.assign({ 'data-testid': 'gesture-lasso-select' }, htmlAttributes), className: className, style: style, children: _jsx(LassoIcon, { "aria-label": "Lasso Select" }) }));
|
|
83
83
|
};
|
|
84
84
|
export const ZoomInButton = ({ className, style, htmlAttributes, tooltipPlacement, }) => {
|
|
85
|
-
const { nvlInstance } =
|
|
85
|
+
const { nvlInstance } = useGraphVisualizationContext();
|
|
86
86
|
const handleZoomIn = useCallback(() => {
|
|
87
87
|
var _a, _b;
|
|
88
88
|
(_a = nvlInstance.current) === null || _a === void 0 ? void 0 : _a.setZoom(((_b = nvlInstance.current) === null || _b === void 0 ? void 0 : _b.getScale()) * 1.3);
|
|
@@ -90,7 +90,7 @@ export const ZoomInButton = ({ className, style, htmlAttributes, tooltipPlacemen
|
|
|
90
90
|
return (_jsx(GroupButton, { onClick: handleZoomIn, tipContent: "Zoom in", className: className, style: style, htmlAttributes: htmlAttributes, tooltipPlacement: tooltipPlacement !== null && tooltipPlacement !== void 0 ? tooltipPlacement : 'left', children: _jsx(MagnifyingGlassPlusIconOutline, {}) }));
|
|
91
91
|
};
|
|
92
92
|
export const ZoomOutButton = ({ className, style, htmlAttributes, tooltipPlacement, }) => {
|
|
93
|
-
const { nvlInstance } =
|
|
93
|
+
const { nvlInstance } = useGraphVisualizationContext();
|
|
94
94
|
const handleZoomOut = useCallback(() => {
|
|
95
95
|
var _a, _b;
|
|
96
96
|
(_a = nvlInstance.current) === null || _a === void 0 ? void 0 : _a.setZoom(((_b = nvlInstance.current) === null || _b === void 0 ? void 0 : _b.getScale()) * 0.7);
|
|
@@ -98,7 +98,7 @@ export const ZoomOutButton = ({ className, style, htmlAttributes, tooltipPlaceme
|
|
|
98
98
|
return (_jsx(GroupButton, { onClick: handleZoomOut, tipContent: "Zoom out", className: className, style: style, htmlAttributes: htmlAttributes, tooltipPlacement: tooltipPlacement !== null && tooltipPlacement !== void 0 ? tooltipPlacement : 'left', children: _jsx(MagnifyingGlassMinusIconOutline, {}) }));
|
|
99
99
|
};
|
|
100
100
|
export const ZoomToFitButton = ({ className, style, htmlAttributes, tooltipPlacement, }) => {
|
|
101
|
-
const { nvlInstance } =
|
|
101
|
+
const { nvlInstance } = useGraphVisualizationContext();
|
|
102
102
|
const handleZoomToFit = useCallback(() => {
|
|
103
103
|
var _a, _b;
|
|
104
104
|
(_a = nvlInstance.current) === null || _a === void 0 ? void 0 : _a.fit((_b = nvlInstance.current) === null || _b === void 0 ? void 0 : _b.getNodes().map((node) => node.id));
|
|
@@ -106,15 +106,15 @@ export const ZoomToFitButton = ({ className, style, htmlAttributes, tooltipPlace
|
|
|
106
106
|
return (_jsx(GroupButton, { onClick: handleZoomToFit, tipContent: "Zoom to fit", className: className, style: style, htmlAttributes: htmlAttributes, tooltipPlacement: tooltipPlacement !== null && tooltipPlacement !== void 0 ? tooltipPlacement : 'left', children: _jsx(FitToScreenIcon, {}) }));
|
|
107
107
|
};
|
|
108
108
|
export const ToggleSidePanelButton = ({ className, htmlAttributes, style, tooltipPlacement, }) => {
|
|
109
|
-
const { sidepanel } =
|
|
109
|
+
const { sidepanel } = useGraphVisualizationContext();
|
|
110
110
|
if (!sidepanel) {
|
|
111
111
|
throw new Error('Using the ToggleSidePanelButton requires having a sidepanel');
|
|
112
112
|
}
|
|
113
113
|
const { isSidePanelOpen, setIsSidePanelOpen } = sidepanel;
|
|
114
|
-
return (_jsxs(Tooltip, { placement: tooltipPlacement !== null && tooltipPlacement !== void 0 ? tooltipPlacement : 'bottom', type: "simple", children: [_jsx(Tooltip.Trigger, { hasButtonWrapper: true, children: _jsx(IconButton, { size: "small", onClick: () => setIsSidePanelOpen === null || setIsSidePanelOpen === void 0 ? void 0 : setIsSidePanelOpen(!isSidePanelOpen), isFloating: true, ariaLabel: "Toggle node properties panel", className: cx('ndl-graph-
|
|
114
|
+
return (_jsxs(Tooltip, { placement: tooltipPlacement !== null && tooltipPlacement !== void 0 ? tooltipPlacement : 'bottom', type: "simple", children: [_jsx(Tooltip.Trigger, { hasButtonWrapper: true, children: _jsx(IconButton, { size: "small", onClick: () => setIsSidePanelOpen === null || setIsSidePanelOpen === void 0 ? void 0 : setIsSidePanelOpen(!isSidePanelOpen), isFloating: true, ariaLabel: "Toggle node properties panel", className: cx('ndl-graph-visualization-toggle-sidepanel', className), style: style, htmlAttributes: Object.assign({ 'aria-pressed': isSidePanelOpen }, htmlAttributes), children: _jsx(SidebarLineRightIcon, { className: "ndl-graph-visualization-toggle-icon" }) }) }), _jsx(Tooltip.Content, { children: _jsx(Typography, { variant: "body-small", children: isSidePanelOpen ? 'Close panel' : 'Open panel' }) })] }));
|
|
115
115
|
};
|
|
116
116
|
export const DownloadButton = ({ className, style, htmlAttributes, tooltipPlacement, }) => {
|
|
117
|
-
const { nvlInstance } =
|
|
117
|
+
const { nvlInstance } = useGraphVisualizationContext();
|
|
118
118
|
const [isDownloadMenuOpen, setOpen] = useState(false);
|
|
119
119
|
const closeFileMenu = () => setOpen(false);
|
|
120
120
|
const downloadButtonRef = useRef(null);
|
|
@@ -124,4 +124,4 @@ export const DownloadButton = ({ className, style, htmlAttributes, tooltipPlacem
|
|
|
124
124
|
closeFileMenu();
|
|
125
125
|
} }) }) })] }));
|
|
126
126
|
};
|
|
127
|
-
//# sourceMappingURL=graph-
|
|
127
|
+
//# sourceMappingURL=graph-visualization-buttons.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"graph-visualization-buttons.js","sourceRoot":"","sources":["../../../src/graph-visualization/graph-visualization-buttons.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,OAAO,EACL,UAAU,EACV,IAAI,EACJ,OAAO,EAEP,UAAU,GACX,MAAM,kBAAkB,CAAC;AAC1B,OAAO,EACL,wBAAwB,EACxB,aAAa,EACb,eAAe,EACf,SAAS,EACT,+BAA+B,EAC/B,8BAA8B,EAC9B,UAAU,EACV,oBAAoB,GACrB,MAAM,wBAAwB,CAAC;AAChC,OAAO,EAAE,OAAO,IAAI,EAAE,EAAE,MAAM,YAAY,CAAC;AAC3C,OAAO,EAGL,WAAW,EACX,SAAS,EACT,MAAM,EACN,QAAQ,GACT,MAAM,OAAO,CAAC;AAGf,OAAO,EAEL,4BAA4B,GAC7B,MAAM,+BAA+B,CAAC;AAqBvC,MAAM,CAAC,MAAM,WAAW,GAAG,CAAC,KAAoC,EAAE,EAAE;IAClE,MAAM,EACJ,QAAQ,EACR,SAAS,EACT,UAAU,EACV,UAAU,EACV,OAAO,EACP,WAAW,EACX,gBAAgB,EAChB,SAAS,EACT,KAAK,EACL,cAAc,EACd,QAAQ,GACT,GAAG,KAAK,CAAC;IACV,OAAO,CACL,MAAC,OAAO,IAAC,IAAI,EAAC,QAAQ,EAAC,SAAS,EAAE,gBAAgB,aAChD,KAAC,OAAO,CAAC,OAAO,IAAC,gBAAgB,kBAC/B,KAAC,UAAU,IACT,SAAS,EAAE,SAAS,aAAT,SAAS,cAAT,SAAS,GAAI,UAAU,EAClC,IAAI,EAAC,OAAO,EACZ,SAAS,EAAE,SAAS,EACpB,KAAK,EAAE,KAAK,EACZ,OAAO,QACP,SAAS,QACT,QAAQ,EAAE,QAAQ,EAClB,UAAU,EAAE,UAAU,EACtB,OAAO,EAAE,OAAO,EAChB,cAAc,kBACZ,WAAW,IACR,cAAc,aAGlB,QAAQ,GACE,GACG,EAClB,KAAC,OAAO,CAAC,OAAO,cAAE,UAAU,GAAmB,IACvC,CACX,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,iBAAiB,GAAG,CAAC,MAA0B,EAAW,EAAE;IAChE,IAAI,CAAC,CAAC,MAAM,YAAY,WAAW,CAAC,EAAE,CAAC;QACrC,OAAO,KAAK,CAAC;IACf,CAAC;IACD,OAAO,CACL,MAAM,CAAC,iBAAiB,IAAI,CAAC,OAAO,EAAE,UAAU,CAAC,CAAC,QAAQ,CAAC,MAAM,CAAC,OAAO,CAAC,CAC3E,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,aAAa,GAAG,CAAC,CAAgB,EAAW,EAAE;IAClD,OAAO,iBAAiB,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC;AACrC,CAAC,CAAC;AAEF,MAAM,YAAY,GAA4B;IAC5C,GAAG,EAAE,GAAG;IACR,KAAK,EAAE,GAAG;IACV,MAAM,EAAE,GAAG;CACZ,CAAC;AAEF,MAAM,kCAAkC,GAAG,CAAC,OAAgB,EAAE,EAAE;IAC9D,MAAM,EAAE,UAAU,EAAE,GAAG,4BAA4B,EAAE,CAAC;IACtD,MAAM,aAAa,GAAG,WAAW,CAC/B,CAAC,GAAkB,EAAE,EAAE;QACrB,IAAI,CAAC,aAAa,CAAC,GAAG,CAAC,IAAI,UAAU,KAAK,SAAS,EAAE,CAAC;YACpD,MAAM,QAAQ,GAAG,GAAG,CAAC,GAAG,CAAC,WAAW,EAAE,CAAC;YACvC,IAAI,QAAQ,KAAK,YAAY,CAAC,OAAO,CAAC,EAAE,CAAC;gBACvC,UAAU,CAAC,OAAO,CAAC,CAAC;YACtB,CAAC;QACH,CAAC;IACH,CAAC,EACD,CAAC,OAAO,EAAE,UAAU,CAAC,CACtB,CAAC;IAEF,SAAS,CAAC,GAAG,EAAE;QACb,QAAQ,CAAC,gBAAgB,CAAC,SAAS,EAAE,aAAa,CAAC,CAAC;QACpD,OAAO,GAAG,EAAE;YACV,QAAQ,CAAC,mBAAmB,CAAC,SAAS,EAAE,aAAa,CAAC,CAAC;QACzD,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,aAAa,CAAC,CAAC,CAAC;AACtB,CAAC,CAAC;AAEF,MAAM,kBAAkB,GAAG,QAAQ,CAAC;AAEpC,MAAM,CAAC,MAAM,kBAAkB,GAAG,CAAC,EACjC,SAAS,EACT,KAAK,EACL,cAAc,EACd,gBAAgB,GACc,EAAE,EAAE;IAClC,MAAM,EAAE,OAAO,EAAE,UAAU,EAAE,eAAe,EAAE,GAC5C,4BAA4B,EAAE,CAAC;IACjC,kCAAkC,CAAC,QAAQ,CAAC,CAAC;IAE7C,OAAO,CACL,KAAC,WAAW,IACV,QAAQ,EAAE,OAAO,KAAK,QAAQ,EAC9B,UAAU,EAAE,eAAe,KAAK,QAAQ,EACxC,SAAS,EAAC,0BAA0B,EACpC,UAAU,EAAE,qBAAqB,kBAAkB,IAAI,YAAY,CAAC,MAAM,EAAE,EAC5E,OAAO,EAAE,GAAG,EAAE;YACZ,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAG,QAAQ,CAAC,CAAC;QACzB,CAAC,EACD,gBAAgB,EAAE,gBAAgB,aAAhB,gBAAgB,cAAhB,gBAAgB,GAAI,OAAO,EAC7C,cAAc,kBACZ,aAAa,EAAE,2BAA2B,IACvC,cAAc,GAEnB,SAAS,EAAE,SAAS,EACpB,KAAK,EAAE,KAAK,YAEZ,KAAC,UAAU,kBAAY,mBAAmB,GAAG,GACjC,CACf,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,EAC9B,SAAS,EACT,KAAK,EACL,cAAc,EACd,gBAAgB,GACc,EAAE,EAAE;IAClC,MAAM,EAAE,OAAO,EAAE,UAAU,EAAE,eAAe,EAAE,GAC5C,4BAA4B,EAAE,CAAC;IACjC,kCAAkC,CAAC,KAAK,CAAC,CAAC;IAE1C,OAAO,CACL,KAAC,WAAW,IACV,UAAU,EAAE,eAAe,KAAK,QAAQ,IAAI,UAAU,KAAK,SAAS,EACpE,QAAQ,EAAE,OAAO,KAAK,KAAK,EAC3B,SAAS,EAAC,mBAAmB,EAC7B,UAAU,EAAE,cAAc,kBAAkB,IAAI,YAAY,CAAC,GAAG,EAAE,EAClE,OAAO,EAAE,GAAG,EAAE;YACZ,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAG,KAAK,CAAC,CAAC;QACtB,CAAC,EACD,gBAAgB,EAAE,gBAAgB,aAAhB,gBAAgB,cAAhB,gBAAgB,GAAI,OAAO,EAC7C,cAAc,kBACZ,aAAa,EAAE,oBAAoB,IAChC,cAAc,GAEnB,SAAS,EAAE,SAAS,EACpB,KAAK,EAAE,KAAK,YAEZ,KAAC,aAAa,kBAAY,YAAY,GAAG,GAC7B,CACf,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,iBAAiB,GAAG,CAAC,EAChC,SAAS,EACT,KAAK,EACL,cAAc,EACd,gBAAgB,GACc,EAAE,EAAE;IAClC,MAAM,EAAE,OAAO,EAAE,UAAU,EAAE,eAAe,EAAE,GAC5C,4BAA4B,EAAE,CAAC;IACjC,kCAAkC,CAAC,OAAO,CAAC,CAAC;IAE5C,OAAO,CACL,KAAC,WAAW,IACV,UAAU,EAAE,eAAe,KAAK,QAAQ,IAAI,UAAU,KAAK,SAAS,EACpE,QAAQ,EAAE,OAAO,KAAK,OAAO,EAC7B,SAAS,EAAC,qBAAqB,EAC/B,UAAU,EAAE,gBAAgB,kBAAkB,IAAI,YAAY,CAAC,KAAK,EAAE,EACtE,OAAO,EAAE,GAAG,EAAE;YACZ,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAG,OAAO,CAAC,CAAC;QACxB,CAAC,EACD,gBAAgB,EAAE,gBAAgB,aAAhB,gBAAgB,cAAhB,gBAAgB,GAAI,OAAO,EAC7C,cAAc,kBACZ,aAAa,EAAE,sBAAsB,IAClC,cAAc,GAEnB,SAAS,EAAE,SAAS,EACpB,KAAK,EAAE,KAAK,YAEZ,KAAC,SAAS,kBAAY,cAAc,GAAG,GAC3B,CACf,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,EAC3B,SAAS,EACT,KAAK,EACL,cAAc,EACd,gBAAgB,GACc,EAAE,EAAE;IAClC,MAAM,EAAE,WAAW,EAAE,GAAG,4BAA4B,EAAE,CAAC;IAEvD,MAAM,YAAY,GAAG,WAAW,CAAC,GAAG,EAAE;;QACpC,MAAA,WAAW,CAAC,OAAO,0CAAE,OAAO,CAAC,CAAA,MAAA,WAAW,CAAC,OAAO,0CAAE,QAAQ,EAAE,IAAG,GAAG,CAAC,CAAC;IACtE,CAAC,EAAE,CAAC,WAAW,CAAC,CAAC,CAAC;IAElB,OAAO,CACL,KAAC,WAAW,IACV,OAAO,EAAE,YAAY,EACrB,UAAU,EAAC,SAAS,EACpB,SAAS,EAAE,SAAS,EACpB,KAAK,EAAE,KAAK,EACZ,cAAc,EAAE,cAAc,EAC9B,gBAAgB,EAAE,gBAAgB,aAAhB,gBAAgB,cAAhB,gBAAgB,GAAI,MAAM,YAE5C,KAAC,8BAA8B,KAAG,GACtB,CACf,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,EAC5B,SAAS,EACT,KAAK,EACL,cAAc,EACd,gBAAgB,GACc,EAAE,EAAE;IAClC,MAAM,EAAE,WAAW,EAAE,GAAG,4BAA4B,EAAE,CAAC;IAEvD,MAAM,aAAa,GAAG,WAAW,CAAC,GAAG,EAAE;;QACrC,MAAA,WAAW,CAAC,OAAO,0CAAE,OAAO,CAAC,CAAA,MAAA,WAAW,CAAC,OAAO,0CAAE,QAAQ,EAAE,IAAG,GAAG,CAAC,CAAC;IACtE,CAAC,EAAE,CAAC,WAAW,CAAC,CAAC,CAAC;IAElB,OAAO,CACL,KAAC,WAAW,IACV,OAAO,EAAE,aAAa,EACtB,UAAU,EAAC,UAAU,EACrB,SAAS,EAAE,SAAS,EACpB,KAAK,EAAE,KAAK,EACZ,cAAc,EAAE,cAAc,EAC9B,gBAAgB,EAAE,gBAAgB,aAAhB,gBAAgB,cAAhB,gBAAgB,GAAI,MAAM,YAE5C,KAAC,+BAA+B,KAAG,GACvB,CACf,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,EAC9B,SAAS,EACT,KAAK,EACL,cAAc,EACd,gBAAgB,GACc,EAAE,EAAE;IAClC,MAAM,EAAE,WAAW,EAAE,GAAG,4BAA4B,EAAE,CAAC;IAEvD,MAAM,eAAe,GAAG,WAAW,CAAC,GAAG,EAAE;;QACvC,MAAA,WAAW,CAAC,OAAO,0CAAE,GAAG,CACtB,MAAA,WAAW,CAAC,OAAO,0CAAE,QAAQ,GAAG,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,EAAE,CAAC,CACvD,CAAC;IACJ,CAAC,EAAE,CAAC,WAAW,CAAC,CAAC,CAAC;IAElB,OAAO,CACL,KAAC,WAAW,IACV,OAAO,EAAE,eAAe,EACxB,UAAU,EAAC,aAAa,EACxB,SAAS,EAAE,SAAS,EACpB,KAAK,EAAE,KAAK,EACZ,cAAc,EAAE,cAAc,EAC9B,gBAAgB,EAAE,gBAAgB,aAAhB,gBAAgB,cAAhB,gBAAgB,GAAI,MAAM,YAE5C,KAAC,eAAe,KAAG,GACP,CACf,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,qBAAqB,GAAG,CAAC,EACpC,SAAS,EACT,cAAc,EACd,KAAK,EACL,gBAAgB,GACc,EAAE,EAAE;IAClC,MAAM,EAAE,SAAS,EAAE,GAAG,4BAA4B,EAAE,CAAC;IACrD,IAAI,CAAC,SAAS,EAAE,CAAC;QACf,MAAM,IAAI,KAAK,CACb,6DAA6D,CAC9D,CAAC;IACJ,CAAC;IACD,MAAM,EAAE,eAAe,EAAE,kBAAkB,EAAE,GAAG,SAAS,CAAC;IAC1D,OAAO,CACL,MAAC,OAAO,IAAC,SAAS,EAAE,gBAAgB,aAAhB,gBAAgB,cAAhB,gBAAgB,GAAI,QAAQ,EAAE,IAAI,EAAC,QAAQ,aAC7D,KAAC,OAAO,CAAC,OAAO,IAAC,gBAAgB,kBAC/B,KAAC,UAAU,IACT,IAAI,EAAC,OAAO,EACZ,OAAO,EAAE,GAAG,EAAE,CAAC,kBAAkB,aAAlB,kBAAkB,uBAAlB,kBAAkB,CAAG,CAAC,eAAe,CAAC,EACrD,UAAU,QACV,SAAS,EAAC,8BAA8B,EACxC,SAAS,EAAE,EAAE,CAAC,0CAA0C,EAAE,SAAS,CAAC,EACpE,KAAK,EAAE,KAAK,EACZ,cAAc,kBACZ,cAAc,EAAE,eAAe,IAC5B,cAAc,aAGnB,KAAC,oBAAoB,IAAC,SAAS,EAAC,qCAAqC,GAAG,GAC7D,GACG,EAClB,KAAC,OAAO,CAAC,OAAO,cACd,KAAC,UAAU,IAAC,OAAO,EAAC,YAAY,YAC7B,eAAe,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,YAAY,GACpC,GACG,IACV,CACX,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,EAC7B,SAAS,EACT,KAAK,EACL,cAAc,EACd,gBAAgB,GACc,EAAE,EAAE;IAClC,MAAM,EAAE,WAAW,EAAE,GAAG,4BAA4B,EAAE,CAAC;IAEvD,MAAM,CAAC,kBAAkB,EAAE,OAAO,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IACtD,MAAM,aAAa,GAAG,GAAG,EAAE,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC;IAC3C,MAAM,iBAAiB,GAAG,MAAM,CAAoB,IAAI,CAAC,CAAC;IAC1D,OAAO,CACL,8BACE,MAAC,OAAO,IAAC,IAAI,EAAC,QAAQ,EAAC,SAAS,EAAE,gBAAgB,aAAhB,gBAAgB,cAAhB,gBAAgB,GAAI,QAAQ,aAC5D,KAAC,OAAO,CAAC,OAAO,IAAC,gBAAgB,kBAC/B,KAAC,UAAU,IACT,GAAG,EAAE,iBAAiB,EACtB,IAAI,EAAC,OAAO,EACZ,UAAU,QACV,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,EACjC,SAAS,EAAC,UAAU,EACpB,SAAS,EAAE,SAAS,EACpB,KAAK,EAAE,KAAK,EACZ,cAAc,EAAE,cAAc,YAE9B,KAAC,wBAAwB,KAAG,GACjB,GACG,EAClB,KAAC,OAAO,CAAC,OAAO,cACd,KAAC,UAAU,IAAC,OAAO,EAAC,YAAY,2BAAwB,GACxC,IACV,EACV,KAAC,IAAI,IACH,MAAM,EAAE,kBAAkB,EAC1B,OAAO,EAAE,aAAa,EACtB,SAAS,EAAE,iBAAiB,YAE5B,KAAC,IAAI,CAAC,KAAK,cACT,KAAC,IAAI,CAAC,IAAI,IACR,KAAK,EAAC,iBAAiB,EACvB,OAAO,EAAE,GAAG,EAAE;;4BACZ,MAAA,WAAW,CAAC,OAAO,0CAAE,UAAU,CAAC,EAAE,CAAC,CAAC;4BACpC,aAAa,EAAE,CAAC;wBAClB,CAAC,GACD,GACS,GACR,IACN,CACJ,CAAC;AACJ,CAAC,CAAC"}
|
|
@@ -19,21 +19,21 @@
|
|
|
19
19
|
* along with this program. If not, see <http://www.gnu.org/licenses/>.
|
|
20
20
|
*/
|
|
21
21
|
import { createContext, useContext } from 'react';
|
|
22
|
-
export const
|
|
22
|
+
export const GraphVisualizationContext = createContext(undefined);
|
|
23
23
|
/**
|
|
24
24
|
* Hook to access the graph visualization context.
|
|
25
25
|
*
|
|
26
26
|
* This hook is used to implement custom UI components like buttons, panels, and controls
|
|
27
27
|
* that need access to data and functionality from the graph visualization component.
|
|
28
|
-
* @see {@link
|
|
28
|
+
* @see {@link GraphVisualizationContextData}
|
|
29
29
|
*
|
|
30
30
|
* @returns The graph visualization context containing NVL instance, sidepanel, gestures, and graph data
|
|
31
|
-
* @throws Error if used outside of a
|
|
31
|
+
* @throws Error if used outside of a GraphVisualizationContext provider
|
|
32
32
|
*
|
|
33
33
|
* @example
|
|
34
34
|
* ```tsx
|
|
35
35
|
* const NodeLoggerButton = () => {
|
|
36
|
-
* const { selected } =
|
|
36
|
+
* const { selected } = useGraphVisualizationContext();
|
|
37
37
|
*
|
|
38
38
|
* const handleClick = () => {
|
|
39
39
|
* console.log('Selected nodes:', selected.nodeIds);
|
|
@@ -48,11 +48,11 @@ export const GraphVizContext = createContext(undefined);
|
|
|
48
48
|
* ```
|
|
49
49
|
* @alpha
|
|
50
50
|
*/
|
|
51
|
-
export const
|
|
52
|
-
const context = useContext(
|
|
51
|
+
export const useGraphVisualizationContext = () => {
|
|
52
|
+
const context = useContext(GraphVisualizationContext);
|
|
53
53
|
if (!context) {
|
|
54
|
-
throw new Error('
|
|
54
|
+
throw new Error('useGraphVisualizationContext must be used within a GraphVisualizationContext');
|
|
55
55
|
}
|
|
56
56
|
return context;
|
|
57
57
|
};
|
|
58
|
-
//# sourceMappingURL=graph-
|
|
58
|
+
//# sourceMappingURL=graph-visualization-context.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"graph-visualization-context.js","sourceRoot":"","sources":["../../../src/graph-visualization/graph-visualization-context.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAIH,OAAO,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAuElD,MAAM,CAAC,MAAM,yBAAyB,GAAG,aAAa,CAEpD,SAAS,CAAC,CAAC;AAEb;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2BG;AACH,MAAM,CAAC,MAAM,4BAA4B,GAAG,GAAG,EAAE;IAC/C,MAAM,OAAO,GAAG,UAAU,CAAC,yBAAyB,CAAC,CAAC;IACtD,IAAI,CAAC,OAAO,EAAE,CAAC;QACb,MAAM,IAAI,KAAK,CACb,8EAA8E,CAC/E,CAAC;IACJ,CAAC;IACD,OAAO,OAAO,CAAC;AACjB,CAAC,CAAC"}
|
package/lib/esm/graph-visualization/{graph-viz-sidepanel.js → graph-visualization-sidepanel.js}
RENAMED
|
@@ -20,7 +20,7 @@ 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 { Resizable } from 're-resizable';
|
|
23
|
-
export const
|
|
23
|
+
export const GraphVisualizationSidepanel = ({ sidepanel, }) => {
|
|
24
24
|
const { children, isSidePanelOpen, sidePanelWidth, onSidePanelResize, minWidth = 230, } = sidepanel;
|
|
25
25
|
if (!isSidePanelOpen) {
|
|
26
26
|
return null;
|
|
@@ -39,14 +39,14 @@ export const GraphVizSidepanel = ({ sidepanel }) => {
|
|
|
39
39
|
topRight: false,
|
|
40
40
|
}, handleClasses: { left: 'ndl-sidepanel-handle' }, onResizeStop: (_e, _dir, ref) => {
|
|
41
41
|
onSidePanelResize(ref.getBoundingClientRect().width);
|
|
42
|
-
}, children: _jsx("div", { className: "ndl-graph-
|
|
42
|
+
}, children: _jsx("div", { className: "ndl-graph-visualization-sidepanel-content", children: children }) }));
|
|
43
43
|
};
|
|
44
44
|
const Title = ({ children }) => {
|
|
45
|
-
return (_jsx("div", { className: "ndl-graph-
|
|
45
|
+
return (_jsx("div", { className: "ndl-graph-visualization-sidepanel-title ndl-grid-area-title", children: children }));
|
|
46
46
|
};
|
|
47
|
-
|
|
47
|
+
GraphVisualizationSidepanel.Title = Title;
|
|
48
48
|
const Content = ({ children }) => {
|
|
49
49
|
return _jsx("section", { className: "ndl-grid-area-content", children: children });
|
|
50
50
|
};
|
|
51
|
-
|
|
52
|
-
//# sourceMappingURL=graph-
|
|
51
|
+
GraphVisualizationSidepanel.Content = Content;
|
|
52
|
+
//# sourceMappingURL=graph-visualization-sidepanel.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"graph-visualization-sidepanel.js","sourceRoot":"","sources":["../../../src/graph-visualization/graph-visualization-sidepanel.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAIzC,MAAM,CAAC,MAAM,2BAA2B,GAAG,CAAC,EAC1C,SAAS,GAGV,EAAE,EAAE;IACH,MAAM,EACJ,QAAQ,EACR,eAAe,EACf,cAAc,EACd,iBAAiB,EACjB,QAAQ,GAAG,GAAG,GACf,GAAG,SAAS,CAAC;IAEd,IAAI,CAAC,eAAe,EAAE,CAAC;QACrB,OAAO,IAAI,CAAC;IACd,CAAC;IAED,OAAO,CACL,KAAC,SAAS,IACR,WAAW,EAAE;YACX,MAAM,EAAE,MAAM;YACd,KAAK,EAAE,cAAc,aAAd,cAAc,cAAd,cAAc,GAAI,GAAG;SAC7B,EACD,SAAS,EAAC,qBAAqB,EAC/B,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAC,KAAK,EACd,MAAM,EAAE;YACN,MAAM,EAAE,KAAK;YACb,UAAU,EAAE,KAAK;YACjB,WAAW,EAAE,KAAK;YAClB,IAAI,EAAE,IAAI;YACV,KAAK,EAAE,KAAK;YACZ,GAAG,EAAE,KAAK;YACV,OAAO,EAAE,KAAK;YACd,QAAQ,EAAE,KAAK;SAChB,EACD,aAAa,EAAE,EAAE,IAAI,EAAE,sBAAsB,EAAE,EAC/C,YAAY,EAAE,CAAC,EAAE,EAAE,IAAI,EAAE,GAAG,EAAE,EAAE;YAC9B,iBAAiB,CAAC,GAAG,CAAC,qBAAqB,EAAE,CAAC,KAAK,CAAC,CAAC;QACvD,CAAC,YAED,cAAK,SAAS,EAAC,2CAA2C,YACvD,QAAQ,GACL,GACI,CACb,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,KAAK,GAAG,CAAC,EAAE,QAAQ,EAAiC,EAAE,EAAE;IAC5D,OAAO,CACL,cAAK,SAAS,EAAC,6DAA6D,YACzE,QAAQ,GACL,CACP,CAAC;AACJ,CAAC,CAAC;AACF,2BAA2B,CAAC,KAAK,GAAG,KAAK,CAAC;AAE1C,MAAM,OAAO,GAAG,CAAC,EAAE,QAAQ,EAAiC,EAAE,EAAE;IAC9D,OAAO,kBAAS,SAAS,EAAC,uBAAuB,YAAE,QAAQ,GAAW,CAAC;AACzE,CAAC,CAAC;AACF,2BAA2B,CAAC,OAAO,GAAG,OAAO,CAAC"}
|