@eccenca/gui-elements 22.0.0-rc.6 → 22.0.0-rc.7

package/dist/extensions/react-flow/minimap/MiniMap.jsx

@@ -1,83 +0,0 @@
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-import React, { useEffect, memo } from "react";
-import { MiniMap as ReactFlowMiniMap, } from "react-flow-renderer";
-var minimapCalcConf = {
-    navigationOn: false,
-    minimapElement: null,
-    flowElement: null
-};
-/** An improved mini-map for react-flow that supports navigation via the mini-map. */
-export var MiniMap = memo(function (_a) {
-    var flowInstance = _a.flowInstance, _b = _a.enableNavigation, enableNavigation = _b === void 0 ? false : _b, _c = _a.maskColor, maskColor = _c === void 0 ? "#ddddddbb" : _c, minimapProps = __rest(_a, ["flowInstance", "enableNavigation", "maskColor"]);
-    var minimapWrapper = React.useRef(null);
-    useEffect(function () {
-        var minimapDiv = minimapWrapper.current;
-        if (enableNavigation && flowInstance && minimapDiv) {
-            minimapCalcConf = {
-                navigationOn: false,
-                minimapElement: minimapDiv.querySelector(".react-flow__minimap"),
-                flowElement: minimapDiv.closest(".react-flow"),
-            };
-        }
-    }, [flowInstance, enableNavigation]);
-    // sets the visible area of the canvas based on mouse movement on the mini-map
-    var handleMiniMapMouseMove = function (event) {
-        var _a, _b;
-        var minimapConfig = (_b = (_a = minimapCalcConf.minimapElement) === null || _a === void 0 ? void 0 : _a.getAttribute("viewBox")) === null || _b === void 0 ? void 0 : _b.split(" ");
-        if (minimapCalcConf.navigationOn && minimapCalcConf.minimapElement && minimapCalcConf.flowElement && flowInstance && minimapConfig) {
-            var minimapBounds = minimapCalcConf.minimapElement.getBoundingClientRect();
-            var canvasBounds = minimapCalcConf.flowElement.getBoundingClientRect();
-            var instanceState = flowInstance.toObject();
-            var minimapCoordinates = {
-                x0: parseInt(minimapConfig[0]),
-                y0: parseInt(minimapConfig[1]),
-                x1: parseInt(minimapConfig[2]) + parseInt(minimapConfig[0]),
-                y1: parseInt(minimapConfig[3]) + parseInt(minimapConfig[1]),
-            };
-            var minimapClick = {
-                x: event.clientX - minimapBounds.left,
-                y: event.clientY - minimapBounds.top,
-            };
-            var canvasPosition = {
-                x: ((minimapCoordinates.x1 - minimapCoordinates.x0) / minimapBounds.width) * minimapClick.x * -1 -
-                    minimapCoordinates.x0,
-                y: ((minimapCoordinates.y1 - minimapCoordinates.y0) / minimapBounds.height) * minimapClick.y * -1 -
-                    minimapCoordinates.y0,
-            };
-            var canvasNewState = {
-                zoom: instanceState.zoom,
-                x: canvasPosition.x * instanceState.zoom + canvasBounds.width / 2,
-                y: canvasPosition.y * instanceState.zoom + canvasBounds.height / 2,
-            };
-            flowInstance.setTransform(canvasNewState);
-        }
-    };
-    /**
-        sets the view for the user when clicked and finish navigation
-     **/
-    var handleMiniMapMouseUp = function (event) {
-        handleMiniMapMouseMove(event);
-        minimapCalcConf.navigationOn = false;
-    };
-    /**
-        enables the mini-map fake drag effect see "handleMiniMapMouseMove" above.
-     **/
-    var handleMiniMapMouseDown = function (event) {
-        if (enableNavigation && flowInstance) {
-            minimapCalcConf.navigationOn = true;
-        }
-    };
-    return (<div ref={minimapWrapper} onMouseDown={handleMiniMapMouseDown} onMouseUp={handleMiniMapMouseUp} onMouseMove={handleMiniMapMouseMove} onMouseLeave={handleMiniMapMouseUp} style={flowInstance ? { cursor: "grab" } : {}}>
-            <ReactFlowMiniMap maskColor={maskColor} {...minimapProps}/>
-        </div>);
-});

package/dist/extensions/react-flow/minimap/utils.js

@@ -1,29 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.minimapNodeColor = exports.minimapNodeClassName = void 0;
-
-var _constants = require("./../../../configuration/constants");
-
-var _NodeDefault = require("./../nodes/NodeDefault");
-
-const minimapNodeClassName = node => {
-  var _node$data, _node$data2, _node$data2$style;
-
-  const typeClass = `${_constants.CLASSPREFIX}-graphviz__minimap__node--` + node.type;
-  const stateClass = (_node$data = node.data) !== null && _node$data !== void 0 && _node$data.highlightedState ? (0, _NodeDefault.gethighlightedStateClasses)(node.data.highlightedState, `${_constants.CLASSPREFIX}-graphviz__minimap__node`) : "";
-  const customColor = (_node$data2 = node.data) !== null && _node$data2 !== void 0 && (_node$data2$style = _node$data2.style) !== null && _node$data2$style !== void 0 && _node$data2$style.borderColor ? `${_constants.CLASSPREFIX}-graphviz__minimap__node--customcolor` : "";
-  return typeClass + (stateClass ? " " + stateClass : "") + (customColor ? " " + customColor : "");
-};
-
-exports.minimapNodeClassName = minimapNodeClassName;
-
-const minimapNodeColor = node => {
-  var _node$data3, _node$data3$style;
-
-  return ((_node$data3 = node.data) === null || _node$data3 === void 0 ? void 0 : (_node$data3$style = _node$data3.style) === null || _node$data3$style === void 0 ? void 0 : _node$data3$style.borderColor) ?? "";
-};
-
-exports.minimapNodeColor = minimapNodeColor;

package/dist/extensions/react-flow/nodes/NodeContentExtension.js

@@ -1,56 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.NodeContentExtension = void 0;
-
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
-var _react = _interopRequireDefault(require("react"));
-
-var _constants = require("../../../configuration/constants");
-
-var _IconButton = _interopRequireDefault(require("../../../components/Icon/IconButton"));
-
-/**
- * Displays an content area that can be attached to `NodeContent` elements.
- */
-const NodeContentExtension = ({
-  children,
-  isExpanded = false,
-  onToggle = undefined,
-  actionButtons,
-  tooltipExpand = "Show more",
-  tooltipReduce = "Show less",
-  // other props for DOM element
-  ...otherProps
-}) => {
-  // always expand element if there is no handler to manage it
-  const expanded = onToggle ? isExpanded : true;
-  return /*#__PURE__*/_react.default.createElement("div", (0, _extends2.default)({}, otherProps, {
-    className: `${_constants.CLASSPREFIX}-graphviz__node__extension` + (expanded ? ` ${_constants.CLASSPREFIX}-graphviz__node__extension--expanded` : "")
-  }), !expanded && onToggle && /*#__PURE__*/_react.default.createElement(_IconButton.default, {
-    className: `${_constants.CLASSPREFIX}-graphviz__node__extension-expandbutton`,
-    name: "item-vertmenu",
-    text: tooltipExpand,
-    onClick: e => {
-      onToggle(e, expanded);
-    }
-  }), expanded && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
-    className: `${_constants.CLASSPREFIX}-graphviz__node__extension-body`
-  }, children), /*#__PURE__*/_react.default.createElement("div", {
-    className: `${_constants.CLASSPREFIX}-graphviz__node__extension-actions`
-  }, /*#__PURE__*/_react.default.createElement(_IconButton.default, {
-    className: `${_constants.CLASSPREFIX}-graphviz__node__extension-reducebutton`,
-    name: "toggler-showless",
-    text: tooltipReduce,
-    onClick: onToggle ? e => {
-      onToggle(e, expanded);
-    } : undefined
-  }), actionButtons)));
-};
-
-exports.NodeContentExtension = NodeContentExtension;

package/dist/extensions/react-flow/nodes/NodeDefault.js

@@ -1,223 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.gethighlightedStateClasses = exports.NodeDefault = exports.NodeContent = void 0;
-
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
-var _react = _interopRequireWildcard(require("react"));
-
-var _reactFlowRenderer = require("react-flow-renderer");
-
-var _constants = require("../../../configuration/constants");
-
-var _index = require("../../../index");
-
-var _HandleDefault = require("./../handles/HandleDefault");
-
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
-const defaultHandles = [{
-  type: "target"
-}, {
-  type: "source"
-}];
-
-const MemoHandler = /*#__PURE__*/_react.default.memo(props => /*#__PURE__*/_react.default.createElement(_HandleDefault.HandleDefault, props), (prev, next) => {
-  const styleHasChanged = prev.style[prev.posdirection] === next.style[next.posdirection];
-  return styleHasChanged;
-});
-
-const addHandles = (handles, position, posDirection, isConnectable, nodeStyle) => {
-  return handles[position].map((handle, idx) => {
-    const {
-      className,
-      style = {},
-      category
-    } = handle;
-    const styleAdditions = {
-      color: nodeStyle.borderColor ?? undefined
-    };
-    styleAdditions[posDirection] = 100 / (handles[position].length + 1) * (idx + 1) + "%";
-    const handleProperties = { ...handle,
-      ...{
-        position: handle.position ?? position,
-        style: { ...style,
-          ...styleAdditions
-        },
-        posdirection: posDirection,
-        isConnectable: typeof handle.isConnectable !== "undefined" ? handle.isConnectable : isConnectable,
-        className: !!category ? (className ? className + " " : "") + gethighlightedStateClasses(category, `${_constants.CLASSPREFIX}-graphviz__handle`) : className
-      }
-    };
-    return /*#__PURE__*/_react.default.createElement(MemoHandler, (0, _extends2.default)({}, handleProperties, {
-      key: "handle" + idx
-    }));
-  });
-};
-
-const getDefaultMinimalTooltipData = node => {
-  var _node$data, _node$data2, _node$data3, _node$data4;
-
-  return {
-    label: (_node$data = node.data) === null || _node$data === void 0 ? void 0 : _node$data.label,
-    content: (_node$data2 = node.data) === null || _node$data2 === void 0 ? void 0 : _node$data2.content,
-    iconName: (_node$data3 = node.data) === null || _node$data3 === void 0 ? void 0 : _node$data3.iconName,
-    depiction: (_node$data4 = node.data) === null || _node$data4 === void 0 ? void 0 : _node$data4.depiction
-  };
-};
-
-const imgWithTooltip = (imgEl, tooltipText) => {
-  if (!!tooltipText) {
-    return /*#__PURE__*/_react.default.createElement(_index.Tooltip, {
-      content: tooltipText
-    }, /*#__PURE__*/_react.default.createElement("span", null, imgEl));
-  }
-
-  return imgEl;
-};
-
-const gethighlightedStateClasses = (state, baseClassName) => {
-  let hightlights = typeof state === "string" ? [state] : state; //@ts-ignore
-
-  return hightlights.map(item => `${baseClassName}--highlight-${item}`).join(' ');
-};
-/**
- * The `NodeDefault` element manages the display of React-Flow nodes.
- * This element cannot be used directly, it must be connected via a `nodeTypes` definition and all properties need to be routed through the `elements` property items inside the `ReactFlow` container.
- * @see https://reactflow.dev/docs/api/nodes/
- */
-
-
-exports.gethighlightedStateClasses = gethighlightedStateClasses;
-const NodeDefault = /*#__PURE__*/(0, _react.memo)(node => {
-  const {
-    data,
-    targetPosition = _reactFlowRenderer.Position.Left,
-    sourcePosition = _reactFlowRenderer.Position.Right,
-    isConnectable = true,
-    selected
-  } = node;
-
-  const nodeEl = /*#__PURE__*/_react.default.createElement(NodeContent, (0, _extends2.default)({}, data, {
-    targetPosition,
-    sourcePosition,
-    isConnectable,
-    selected
-  }));
-
-  if (!selected && (data === null || data === void 0 ? void 0 : data.minimalShape) !== "none" && !!(data !== null && data !== void 0 && data.getMinimalTooltipData)) {
-    const tooltipData = data === null || data === void 0 ? void 0 : data.getMinimalTooltipData(node);
-
-    if (!!tooltipData.label || !!tooltipData.content) {
-      return /*#__PURE__*/_react.default.createElement(_index.Tooltip, {
-        content: /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, tooltipData.label && /*#__PURE__*/_react.default.createElement("div", null, tooltipData.label), tooltipData.content && /*#__PURE__*/_react.default.createElement("div", null, tooltipData.content))
-      }, nodeEl);
-    }
-  }
-
-  return nodeEl;
-});
-/**
- * The `NodeContent` element manages the main view of how a node is displaying which content.
- * This element cannot be used directly, all properties must be routed through the `data` property of an `elements` property item inside the `ReactFlow` container.
- */
-
-exports.NodeDefault = NodeDefault;
-
-const NodeContent = ({
-  iconName,
-  depiction,
-  typeLabel,
-  label,
-  showExecutionButtons = true,
-  executionButtons,
-  menuButtons,
-  content,
-  contentExtension,
-  size = "small",
-  minimalShape = "circular",
-  highlightedState,
-  handles = defaultHandles,
-  adaptHeightForHandleMinCount,
-  adaptSizeIncrement = 15,
-  getMinimalTooltipData = getDefaultMinimalTooltipData,
-  style = {},
-  showUnconnectableHandles = false,
-  animated = false,
-  // forwarded props
-  targetPosition = _reactFlowRenderer.Position.Left,
-  sourcePosition = _reactFlowRenderer.Position.Right,
-  isConnectable = true,
-  selected,
-  // businessData is just being ignored
-  businessData,
-  // other props for DOM element
-  ...otherProps
-}) => {
-  const handleStack = {};
-  handleStack[_reactFlowRenderer.Position.Top] = [];
-  handleStack[_reactFlowRenderer.Position.Right] = [];
-  handleStack[_reactFlowRenderer.Position.Bottom] = [];
-  handleStack[_reactFlowRenderer.Position.Left] = [];
-
-  if (handles.length > 0) {
-    handles.forEach(handle => {
-      if (!!handle.position) {
-        handleStack[handle.position].push(handle);
-      } else if (handle.category === "configuration") {
-        handleStack[_reactFlowRenderer.Position.Top].push(handle);
-      } else {
-        if (handle.type === "target") {
-          handleStack[targetPosition].push(handle);
-        }
-
-        if (handle.type === "source") {
-          handleStack[sourcePosition].push(handle);
-        }
-      }
-    });
-  }
-
-  const styleExpandDimensions = {};
-
-  if (typeof adaptHeightForHandleMinCount !== "undefined" && (minimalShape === "none" || !!selected) && adaptSizeIncrement && (handleStack[_reactFlowRenderer.Position.Left].length >= adaptHeightForHandleMinCount || handleStack[_reactFlowRenderer.Position.Right].length >= adaptHeightForHandleMinCount)) {
-    const minHeightLeft = handleStack[_reactFlowRenderer.Position.Left].length * adaptSizeIncrement;
-    const minHeightRight = handleStack[_reactFlowRenderer.Position.Right].length * adaptSizeIncrement;
-    styleExpandDimensions["minHeight"] = Math.max(minHeightLeft, minHeightRight);
-  }
-
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("section", (0, _extends2.default)({}, otherProps, {
-    style: { ...style,
-      ...styleExpandDimensions
-    },
-    className: `${_constants.CLASSPREFIX}-graphviz__node` + ` ${_constants.CLASSPREFIX}-graphviz__node--${size}` + ` ${_constants.CLASSPREFIX}-graphviz__node--minimal-${minimalShape}` + (!!highlightedState ? " " + gethighlightedStateClasses(highlightedState, `${_constants.CLASSPREFIX}-graphviz__node`) : "") + (animated ? ` ${_constants.CLASSPREFIX}-graphviz__node--animated` : "") + (showUnconnectableHandles === false ? ` ${_constants.CLASSPREFIX}-graphviz__node--hidehandles` : "")
-  }), /*#__PURE__*/_react.default.createElement("header", {
-    className: `${_constants.CLASSPREFIX}-graphviz__node__header`
-  }, (!!iconName || !!depiction) && /*#__PURE__*/_react.default.createElement("span", {
-    className: `${_constants.CLASSPREFIX}-graphviz__node__header-depiction`
-  }, !!depiction && imgWithTooltip( /*#__PURE__*/_react.default.createElement("img", {
-    src: depiction,
-    alt: ""
-  }), minimalShape === "none" || selected ? typeLabel : undefined), !!iconName && !depiction && /*#__PURE__*/_react.default.createElement(_index.Icon, {
-    name: iconName,
-    tooltipText: minimalShape === "none" || selected ? typeLabel : undefined
-  })), /*#__PURE__*/_react.default.createElement("span", {
-    className: `${_constants.CLASSPREFIX}-graphviz__node__header-label`,
-    title: label
-  }, label), (menuButtons || showExecutionButtons && executionButtons) && /*#__PURE__*/_react.default.createElement("span", {
-    className: `${_constants.CLASSPREFIX}-graphviz__node__header-menu`
-  }, showExecutionButtons && typeof executionButtons === "function" ? executionButtons() : null, menuButtons ?? null)), content && /*#__PURE__*/_react.default.createElement("div", {
-    className: `${_constants.CLASSPREFIX}-graphviz__node__content`
-  }, content), contentExtension && /*#__PURE__*/_react.default.createElement("div", {
-    className: `${_constants.CLASSPREFIX}-graphviz__node__footer`
-  }, contentExtension)), !!handles && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, addHandles(handleStack, _reactFlowRenderer.Position.Top, "left", isConnectable, style), addHandles(handleStack, _reactFlowRenderer.Position.Right, "top", isConnectable, style), addHandles(handleStack, _reactFlowRenderer.Position.Bottom, "left", isConnectable, style), addHandles(handleStack, _reactFlowRenderer.Position.Left, "top", isConnectable, style)));
-};
-
-exports.NodeContent = NodeContent;

package/dist/extensions/react-flow/nodes/NodeDefault.jsx

@@ -1,175 +0,0 @@
-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);
-};
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-import React, { memo } from "react";
-import { Position } from "react-flow-renderer";
-import { CLASSPREFIX as eccgui } from "../../../configuration/constants";
-import { Icon, Tooltip } from "../../../index";
-import { HandleDefault } from "./../handles/HandleDefault";
-var defaultHandles = [
-    { type: "target" },
-    { type: "source" },
-];
-var MemoHandler = React.memo(function (props) { return <HandleDefault {...props}/>; }, function (prev, next) {
-    var styleHasChanged = prev.style[prev.posdirection] === next.style[next.posdirection];
-    return styleHasChanged;
-});
-var addHandles = function (handles, position, posDirection, isConnectable, nodeStyle) {
-    return handles[position].map(function (handle, idx) {
-        var _a, _b;
-        var className = handle.className, _c = handle.style, style = _c === void 0 ? {} : _c, category = handle.category;
-        var styleAdditions = {
-            color: (_a = nodeStyle.borderColor) !== null && _a !== void 0 ? _a : undefined
-        };
-        styleAdditions[posDirection] = (100 / (handles[position].length + 1) * (idx + 1)) + "%";
-        var handleProperties = __assign(__assign({}, handle), {
-            position: (_b = handle.position) !== null && _b !== void 0 ? _b : position,
-            style: __assign(__assign({}, style), styleAdditions),
-            posdirection: posDirection,
-            isConnectable: typeof handle.isConnectable !== "undefined" ? handle.isConnectable : isConnectable,
-            className: !!category ? (className ? className + " " : "") + gethighlightedStateClasses(category, eccgui + "-graphviz__handle") : className,
-        });
-        return (<MemoHandler {...handleProperties} key={"handle" + idx}/>);
-    });
-};
-var getDefaultMinimalTooltipData = function (node) {
-    var _a, _b, _c, _d;
-    return {
-        label: (_a = node.data) === null || _a === void 0 ? void 0 : _a.label,
-        content: (_b = node.data) === null || _b === void 0 ? void 0 : _b.content,
-        iconName: (_c = node.data) === null || _c === void 0 ? void 0 : _c.iconName,
-        depiction: (_d = node.data) === null || _d === void 0 ? void 0 : _d.depiction,
-    };
-};
-var imgWithTooltip = function (imgEl, tooltipText) {
-    if (!!tooltipText) {
-        return <Tooltip content={tooltipText}><span>{imgEl}</span></Tooltip>;
-    }
-    return imgEl;
-};
-export var gethighlightedStateClasses = function (state, baseClassName) {
-    var hightlights = typeof state === "string" ? [state] : state;
-    //@ts-ignore
-    return hightlights.map(function (item) { return baseClassName + "--highlight-" + item; }).join(' ');
-};
-/**
- * The `NodeDefault` element manages the display of React-Flow nodes.
- * This element cannot be used directly, it must be connected via a `nodeTypes` definition and all properties need to be routed through the `elements` property items inside the `ReactFlow` container.
- * @see https://reactflow.dev/docs/api/nodes/
- */
-export var NodeDefault = memo(function (node) {
-    var data = node.data, _a = node.targetPosition, targetPosition = _a === void 0 ? Position.Left : _a, _b = node.sourcePosition, sourcePosition = _b === void 0 ? Position.Right : _b, _c = node.isConnectable, isConnectable = _c === void 0 ? true : _c, selected = node.selected;
-    var nodeEl = <NodeContent {...__assign(__assign({}, data), { targetPosition: targetPosition, sourcePosition: sourcePosition, isConnectable: isConnectable, selected: selected })}/>;
-    if (!selected && (data === null || data === void 0 ? void 0 : data.minimalShape) !== "none" && !!(data === null || data === void 0 ? void 0 : data.getMinimalTooltipData)) {
-        var tooltipData = data === null || data === void 0 ? void 0 : data.getMinimalTooltipData(node);
-        if (!!tooltipData.label || !!tooltipData.content) {
-            return (<Tooltip content={(<>
-                                {tooltipData.label && <div>{tooltipData.label}</div>}
-                                {tooltipData.content && <div>{tooltipData.content}</div>}
-                            </>)}>
-                        {nodeEl}
-                    </Tooltip>);
-        }
-    }
-    return nodeEl;
-});
-/**
- * The `NodeContent` element manages the main view of how a node is displaying which content.
- * This element cannot be used directly, all properties must be routed through the `data` property of an `elements` property item inside the `ReactFlow` container.
- */
-export var NodeContent = function (_a) {
-    var iconName = _a.iconName, depiction = _a.depiction, typeLabel = _a.typeLabel, label = _a.label, _b = _a.showExecutionButtons, showExecutionButtons = _b === void 0 ? true : _b, executionButtons = _a.executionButtons, menuButtons = _a.menuButtons, content = _a.content, contentExtension = _a.contentExtension, _c = _a.size, size = _c === void 0 ? "small" : _c, _d = _a.minimalShape, minimalShape = _d === void 0 ? "circular" : _d, highlightedState = _a.highlightedState, _e = _a.handles, handles = _e === void 0 ? defaultHandles : _e, adaptHeightForHandleMinCount = _a.adaptHeightForHandleMinCount, _f = _a.adaptSizeIncrement, adaptSizeIncrement = _f === void 0 ? 15 : _f, _g = _a.getMinimalTooltipData, getMinimalTooltipData = _g === void 0 ? getDefaultMinimalTooltipData : _g, _h = _a.style, style = _h === void 0 ? {} : _h, _j = _a.showUnconnectableHandles, showUnconnectableHandles = _j === void 0 ? false : _j, _k = _a.animated, animated = _k === void 0 ? false : _k, 
-    // forwarded props
-    _l = _a.targetPosition, 
-    // forwarded props
-    targetPosition = _l === void 0 ? Position.Left : _l, _m = _a.sourcePosition, sourcePosition = _m === void 0 ? Position.Right : _m, _o = _a.isConnectable, isConnectable = _o === void 0 ? true : _o, selected = _a.selected, 
-    // businessData is just being ignored
-    businessData = _a.businessData, 
-    // other props for DOM element
-    otherProps = __rest(_a, ["iconName", "depiction", "typeLabel", "label", "showExecutionButtons", "executionButtons", "menuButtons", "content", "contentExtension", "size", "minimalShape", "highlightedState", "handles", "adaptHeightForHandleMinCount", "adaptSizeIncrement", "getMinimalTooltipData", "style", "showUnconnectableHandles", "animated", "targetPosition", "sourcePosition", "isConnectable", "selected", "businessData"]);
-    var handleStack = {};
-    handleStack[Position.Top] = [];
-    handleStack[Position.Right] = [];
-    handleStack[Position.Bottom] = [];
-    handleStack[Position.Left] = [];
-    if (handles.length > 0) {
-        handles.forEach(function (handle) {
-            if (!!handle.position) {
-                handleStack[handle.position].push(handle);
-            }
-            else if (handle.category === "configuration") {
-                handleStack[Position.Top].push(handle);
-            }
-            else {
-                if (handle.type === "target") {
-                    handleStack[targetPosition].push(handle);
-                }
-                if (handle.type === "source") {
-                    handleStack[sourcePosition].push(handle);
-                }
-            }
-        });
-    }
-    var styleExpandDimensions = {};
-    if (typeof adaptHeightForHandleMinCount !== "undefined" &&
-        (minimalShape === "none" || !!selected) &&
-        adaptSizeIncrement && (handleStack[Position.Left].length >= adaptHeightForHandleMinCount ||
-        handleStack[Position.Right].length >= adaptHeightForHandleMinCount)) {
-        var minHeightLeft = handleStack[Position.Left].length * adaptSizeIncrement;
-        var minHeightRight = handleStack[Position.Right].length * adaptSizeIncrement;
-        styleExpandDimensions["minHeight"] = Math.max(minHeightLeft, minHeightRight);
-    }
-    return (<>
-            <section {...otherProps} style={__assign(__assign({}, style), styleExpandDimensions)} className={eccgui + "-graphviz__node" +
-            (" " + eccgui + "-graphviz__node--" + size) +
-            (" " + eccgui + "-graphviz__node--minimal-" + minimalShape) +
-            (!!highlightedState ? " " + gethighlightedStateClasses(highlightedState, eccgui + "-graphviz__node") : "") +
-            (animated ? " " + eccgui + "-graphviz__node--animated" : "") +
-            (showUnconnectableHandles === false ? " " + eccgui + "-graphviz__node--hidehandles" : "")}>
-                <header className={eccgui + "-graphviz__node__header"}>
-                    {(!!iconName || !!depiction) && (<span className={eccgui + "-graphviz__node__header-depiction"}>
-                            {!!depiction && imgWithTooltip(<img src={depiction} alt=""/>, (minimalShape === "none" || selected) ? typeLabel : undefined)}
-                            {(!!iconName && !depiction) && <Icon name={iconName} tooltipText={(minimalShape === "none" || selected) ? typeLabel : undefined}/>}
-                        </span>)}
-                    <span className={eccgui + "-graphviz__node__header-label"} title={label}>
-                        {label}
-                    </span>
-                    {(menuButtons || (showExecutionButtons && executionButtons)) && (<span className={eccgui + "-graphviz__node__header-menu"}>
-                            {(showExecutionButtons && typeof executionButtons === "function") ? executionButtons() : null}
-                            {menuButtons !== null && menuButtons !== void 0 ? menuButtons : null}
-                        </span>)}
-                </header>
-                {content && (<div className={eccgui + "-graphviz__node__content"}>
-                        {content}
-                    </div>)}
-                {contentExtension && (<div className={eccgui + "-graphviz__node__footer"}>
-                        {contentExtension}
-                    </div>)}
-            </section>
-            {!!handles && (<>
-                    {addHandles(handleStack, Position.Top, "left", isConnectable, style)}
-                    {addHandles(handleStack, Position.Right, "top", isConnectable, style)}
-                    {addHandles(handleStack, Position.Bottom, "left", isConnectable, style)}
-                    {addHandles(handleStack, Position.Left, "top", isConnectable, style)}
-                </>)}
-        </>);
-};

package/dist/extensions/react-flow/nodes/NodeTools.js

@@ -1,58 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.NodeTools = void 0;
-
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
-var _react = _interopRequireWildcard(require("react"));
-
-var _core = require("@blueprintjs/core");
-
-var _index = require("../../../index");
-
-var _constants = require("../../../configuration/constants");
-
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
-const NodeTools = /*#__PURE__*/(0, _react.memo)(({
-  children,
-  togglerElement = "item-moremenu",
-  togglerText = "Show more options",
-  menuButtonDataTestId,
-  ...otherOverlayProps
-}) => {
-  const [isOpened, toggleIsOpened] = (0, _react.useState)(false);
-  return /*#__PURE__*/_react.default.createElement(_index.ContextOverlay, (0, _extends2.default)({
-    defaultIsOpen: isOpened,
-    interactionKind: isOpened ? _core.PopoverInteractionKind.HOVER : _core.PopoverInteractionKind.CLICK,
-    onOpening: () => {
-      toggleIsOpened(true);
-    },
-    onClosing: () => {
-      toggleIsOpened(false);
-    }
-  }, otherOverlayProps), typeof togglerElement === "string" ? /*#__PURE__*/_react.default.createElement(_index.IconButton, {
-    "data-test-id": menuButtonDataTestId,
-    name: togglerElement,
-    text: togglerText,
-    onMouseUp: () => {
-      if (isOpened) {
-        toggleIsOpened(false);
-      }
-
-      ;
-    }
-  }) : {
-    togglerElement
-  }, /*#__PURE__*/_react.default.createElement("div", {
-    className: `${_constants.CLASSPREFIX}-graphviz__nodetools__content`
-  }, children));
-});
-exports.NodeTools = NodeTools;