npm - @xyo-network/react-node-renderer - Versions diffs - 2.62.3 → 2.63.1 - Mend

@@ -0,0 +1,18 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useCytoscapeOptions = void 0;
+const react_1 = require("react");
+const useCytoscapeLayout_1 = require("./useCytoscapeLayout");
+const useCytoscapeStyle_1 = require("./useCytoscapeStyle");
+const useCytoscapeOptions = (elements, style, layout) => {
+    const defaultStyle = (0, useCytoscapeStyle_1.useCytoscapeStyle)();
+    const defaultLayout = (0, useCytoscapeLayout_1.useCytoscapeLayout)();
+    const options = (0, react_1.useMemo)(() => ({
+        elements,
+        layout: layout !== null && layout !== void 0 ? layout : defaultLayout,
+        style: style !== null && style !== void 0 ? style : defaultStyle,
+    }), [defaultLayout, defaultStyle, elements, layout, style]);
+    return options;
+};
+exports.useCytoscapeOptions = useCytoscapeOptions;
+//# sourceMappingURL=useCytoscapeOptions.js.map

@@ -0,0 +1,19 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useCytoscapeStyle = void 0;
+const material_1 = require("@mui/material");
+const react_1 = require("react");
+const Cytoscape_1 = require("../../Cytoscape");
+const useIcons_1 = require("./useIcons");
+const useCytoscapeStyle = () => {
+    const theme = (0, material_1.useTheme)();
+    const icons = (0, useIcons_1.useIcons)();
+    const style = (0, react_1.useMemo)(() => [
+        (0, Cytoscape_1.NodeIdStyles)(theme.palette.text.primary),
+        (0, Cytoscape_1.NodeStyled)(icons, theme.palette.primary.main),
+        (0, Cytoscape_1.EdgeStyled)(theme.palette.divider, theme.palette.divider),
+    ], [icons, theme.palette.divider, theme.palette.primary.main, theme.palette.text.primary]);
+    return style;
+};
+exports.useCytoscapeStyle = useCytoscapeStyle;
+//# sourceMappingURL=useCytoscapeStyle.js.map

@@ -0,0 +1,21 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useIcons = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const material_1 = require("@mui/material");
+const react_1 = require("react");
+const Cytoscape_1 = require("../../Cytoscape");
+const useIcons = () => {
+    const theme = (0, material_1.useTheme)();
+    const icons = (0, react_1.useMemo)(() => {
+        const iconMap = (0, Cytoscape_1.generateIconMap)();
+        return Object.entries(Cytoscape_1.CyIconSet).reduce((acc, [name, IconComponent]) => {
+            const icon = (0, jsx_runtime_1.jsx)(IconComponent, { fontSize: "small" });
+            acc[name] = (0, Cytoscape_1.encodeSvg)(icon, theme.palette.getContrastText(theme.palette.text.primary));
+            return acc;
+        }, iconMap);
+    }, [theme.palette]);
+    return icons;
+};
+exports.useIcons = useIcons;
+//# sourceMappingURL=useIcons.js.map

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./cytoscape"), exports);
+//# sourceMappingURL=index.js.map

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./components"), exports);
+tslib_1.__exportStar(require("./Cytoscape"), exports);
+tslib_1.__exportStar(require("./hooks"), exports);
+//# sourceMappingURL=index.js.map

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/hooks/index.ts"],"names":[],"mappings":";;;AAAA,sDAA2B"}

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":";;;AAAA,uDAA4B;AAC5B,sDAA2B;AAC3B,kDAAuB"}

@xyo-network/react-node-renderer 2.62.3 → 2.63.1