@eccenca/gui-elements
Version:
GUI elements based on other libraries, usable in React application, written in Typescript.
35 lines • 1.5 kB
JavaScript
var __assign = (this && this.__assign) || function () {
__assign = Object.assign || function(t) {
for (var s, i = 1, n = arguments.length; i < n; i++) {
s = arguments[i];
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
t[p] = s[p];
}
return t;
};
return __assign.apply(this, arguments);
};
import React, { memo } from "react";
import { getBezierPath } from "@xyflow/react";
import { ReactFlowVersions, useReactFlowVersion } from "../versionsupport.js";
import { EdgeDefault } from "./EdgeDefault.js";
/**
* This element cannot be used directly, it must be connected via a `edgeTypes` definition.
* Our v9 edges do not support bezier paths.
* @see https://reactflow.dev/docs/api/nodes/
*/
export var EdgeBezier = memo(function (props) {
var flowVersionCheck = useReactFlowVersion();
switch (flowVersionCheck) {
case ReactFlowVersions.V9:
return React.createElement(EdgeDefault, __assign({}, props));
case ReactFlowVersions.V12:
return (React.createElement(EdgeDefault, __assign({}, props, { getPath: function (params) {
var _a;
return getBezierPath(__assign(__assign({}, params), { curvature: (_a = props.data) === null || _a === void 0 ? void 0 : _a.curvature }));
} })));
default:
return React.createElement(React.Fragment, null);
}
});
//# sourceMappingURL=EdgeBezier.js.map