@eccenca/gui-elements 24.4.1 → 25.0.0-rc.1

package/CHANGELOG.md

@@ -6,6 +6,132 @@ The format is based on [Keep a Changelog](http://keepachangelog.com/) and this p
 
 ## [Unreleased]
 
+This is a major release, and it might be not compatible with your current usage of our library. Please read about the necessary changes in the section about how to migrate.
+
+### Added
+
+-   `<ChatContent />`
+    -   displays single chat contents in a bubble, including options to add status line and avatar
+-   `<ChatContentCollapsed />`
+    -   can collapse (and expand) `<ChatContent />` automatically for convenience
+-   `<ChatField />`
+    -   let the user input texts, calls `onSubmit` handler on enter key and submit button
+-   `<ChatArea />`
+    -   combine a list of chat contents and user input box
+-   `<TextReducer />`
+    -   reduces HTML to simple text and can display it as one ellipsed line
+-   `<Tooltip />`
+    -   prove useage of `usePlaceholder` by jest test coverage
+-   `<EdgeStraight />`
+    -   it's basically `<EdgeDefault />` without any special configs
+-   `<EdgeBezier />`
+    -   only supported for v12, in v9 as straight edge is used
+    -   use `curvature` property in the edge `data` object to define the bezier layout (0..1, default: 0.25)
+-   `<EdgeDefaultV12 />`
+    -   the `data` object provides `markerAppearance` to set and remove the edge arrows
+-   `<EdgeDefault />`
+    -   introduced the new `arrowDirection` property, including support for bidirectional edges - supported only for `<EdgeDefaultV12 />`
+-   `<EdgeNew />`
+    -   component for React Flow v12, displaying new connection lines
+-   `<VisualTour />`
+    -   component to display a visual tour multi-step tour of the current view
+-   new color palette that includes 4 sections with 20+ color tints in 5 weights each
+    -   indentity, semantic, layout, extra
+    -   managed via CSS custom properties
+    -   see `README.md` for inf about usage
+-   `<Button />`
+    -   `accent` value for `intent` was added to align property with other components
+-   `<Spinner />`
+    -   `accent` value for `intent` was added to align property with other components
+    -   `elevated` property can be used to highlight the spinner, currently the `intent="accent"` display is used
+-   SCSS color functions
+    -   `eccgui-color-var`: returns a var of a custom property used for palette color
+    -   `eccgui-color-mix`: mix 2 colors in `srgb`, works with all types of color values and CSS custom properties
+    -   `eccgui-color-rgba`: like `rgba()` but it works also for CSS custom properties
+-   `utils.colorCalculateDistance()`
+    -   function to calculate the difference between 2 colors using the simple CIE76 formula
+-   `utils.textToColorHash()`
+    -   function to calculate a color from a text string
+-   `utils.reduceToText`
+    -   shrinking HTML content and React elements to plain text, used for `<TextReducer />`
+-   new icons
+    -   `artefact-task-sqlupdatequeryoperator`
+    -   `artefact-task-customsqlexecution`
+    -   `item-legend`
+    -   `operation-tour`
+    -   `toggler-carettop`
+    -   `toggler-caretleft`
+    -   `toggler-micon`
+    -   `toggler-micoff`
+    -   `toggler-radio`
+    -   `toggler-radio-checked`
+    -   `state-flagged`
+    -   `state-progress`
+    -   `state-progress-error`
+    -   `state-progress-warning`
+-   `<Modal />`:
+    -   Add `ModalContext` to track open/close state of all used application modals.
+    -   Add `modalId` property to give a modal a unique ID for tracking purposes.
+    -   `preventReactFlowEvents`: adds 'nopan', 'nowheel' and 'nodrag' classes to overlay classes in order to prevent react-flow to react to drag and pan actions in modals.
+-   Added more icons for build tasks (CMEM-6898)
+
+### Removed
+
+-   support for React Flow v10 was completely removed
+-   removed direct replacements for legacy components (imported via `@eccenca/gui-elements/src/legacy-replacements` or `LegacyReplacements`)
+    -   `<AffirmativeButton />`, `<Button />`, `<DismissiveButton />`, `<DisruptiveButton />`, `<Checkbox />`, `<RadioButton />`, `<Tabs />`, `<TextField />`
+-   `<Button />`, `<FieldItem />`, `<FieldSet />`, `<MultiSuggestField />`
+    -   removed support for old state properties `hasStatePrimary`, `hasStateSuccess`, `hasStateWarning` and `hasStateDanger`
+-   `<Notification />`
+    -   removed support for old state properties `neutral`, `success`, `warning` and `danger`
+-   `<Icon />`
+    -   removed `description` and `iconTitle` properties
+-   `<OverviewItemList />`
+    -   `densityHigh` property was removed
+-   `<CodeEditor />`
+    -   static fallback for test id `codemirror-wrapper` was removed, add `data-test-id` (or your test id data attribute) always directly to `CodeEditor`.
+-   `<EdgeDefault />`
+    -   removed `inversePath` property, can be replaced with `arrowDirection: "inversed"` property
+-   `<Spinner />`
+    -   `description` property was removed because it was defined but not implemented for a very long time, but we plan to add that type of caption later
+-   `nodeTypes` and `edgeTypes` exports were removed
+    -   use `<ReactFlow />` with `configuration`, or define it yourself
+-   SCSS variables `$eccgui-color-application-text` and `$eccgui-color-application-background` were removed
+    -   use `$eccgui-color-workspace-text` and `$eccgui-color-workspace-background`
+-   Removed `remarkTypograf` from markdown plugin tray to maintain display expectation
+
+### Fixed
+
+-   `<CodeAutocompleteField />`:
+    -   In multiline mode, validation errors might be highlighted incorrectly (relative line offset added).
+
+### Changed
+
+-   `<EdgeDefault />` and `<EdgeStep />`
+    -   support now v9 and v12 of react flow
+-   `<ReactFlowExtended />`
+    -   use `<EdgeNew />` by default for new connection lines, you can overwrite it by setting `connectionLineComponent` to `undefined`
+-   `<Spinner />`
+    -   `color` property does not accept `intent` values anymore
+-   `<OverflowText />`
+    -   beside explicitly specified properties it allows only basic HTML element properties and testing IDs
+-   overrite the native SCSS `rgba()` function, so it now works for SCSS color values and CSS custom properties
+-   `<SuggestField />`
+    -   Always add class 'nodrag' to popover content element to always prevent dragging of react-flow and dnd-kit elements when interacting with the component.
+-   `utils.getColorConfiguration()` works with CSS custom properties
+-   property names returned by `getCOlorConfiguration` were changed to kebab case because they are originally defined via CSS custom properties
+    -   e.g. `graphNode` is now `eccgui-graph-node` and `graphNodeBright` is `eccgui-graph-node-bright`
+-   `<Button />` and `<IconButton />`
+    -   `intent` display was aligned with other components, `intent="primary"` is now `intent="accent"`, in most cases it may be better to use `affirmative={true}` or `elevated={true}` instead of primary/accent intent
+-   `<Spinner />`
+    -   `intent` display was aligned with other components, `intent="primary"` is now `intent="accent"`, in most cases it may be better to use `elevated={true}` instead of using intent
+
+### Deprecated
+
+-   support for React Flow v9 will be removed in v26
+-   `<EdgeDefs />`
+    -   use `<ReactFlowMarkers />` or build it on single `<ReactFlowMarker />`
+
 ## [24.4.1] - 2025-08-25
 
 ### Fixed
@@ -15,7 +141,7 @@ The format is based on [Keep a Changelog](http://keepachangelog.com/) and this p
 -   `<Tooltip />`
     -   re-check hover state after swapping the placeholder before triggering the event bubbling
 
-## Changed
+### Changed
 
 -   `<IconButton/>`
     -   increase the default delay before swapping the tooltip placeholder of the icon, reducing unwanted swaps because of mouseovers that were not intended
@@ -114,6 +240,11 @@ The format is based on [Keep a Changelog](http://keepachangelog.com/) and this p
 
 ### Changed
 
+-   `eslint` libraries were upgraded to v9, so `node` v18.18 or higher is required
+-   react flow integration by renaming their resources from `legacy` and `next` to more precise `v9` and `v10`:
+    -   `HandleProps`: renamed to `HandleV9Props`
+    -   `HandleNextProps`: renamed to `HandleV10Props`
+    -   if provided then the `flowVersion` property do not accept `legacy` and `next` as values anymore, use `v9` and `v10`
 -   some more interfaces are exposed:
     -   `IntentBlueprint`: BlueprintJS intent types, also available by `DefinitionsBlueprint`
     -   `TableDataContainerProps`, `TableSimpleContainerProps`, `TableHeadProps`, `TableBodyProps`, `TableExpandedRowProps`, `TableHeaderProps` and `DataTableRenderProps` as interfaces for diverse table components
@@ -136,6 +267,18 @@ Old bundlers like webpack4 do not support the `exports` field from `package.json
 
 If you use Jest then you can use the same aliases for the `moduleNameMapper` config, if necessary.
 
+### Deprecated
+
+-   `HandleV9Props` and `HandleV10Props` export will be removed, use only `HandleDefaultProps`
+-   `<NodeContent />`
+    -   `businessDate`: will be removed because it is already not used
+-   `<ReactFlow />`: use `<ReactFlowExtended />`
+
+### Migration from v24 to v25
+
+-   remove deprecated components, properties and imports from your project, if the info cannot be found here then it was already mentioned in **Deprecated** sections of the v24.\* changelogs.
+    -   we changed the integration of the supported react flow versions, formerly names `legacy` and `next` resources were renamed to more precise `v9` and `v10`, please see all info in the section about changes
+
 ## [24.1.0] - 2025-04-16
 
 ### Added
@@ -208,6 +351,8 @@ If you use Jest then you can use the same aliases for the `moduleNameMapper` con
     -   use always `<Label/>` component for `label` value
 -   `<StickyNoteNode />`
     -   Refactored data structure position and dimension (breaking change)
+-   `<MiniMap />`
+    -   component supports now React Flow v9 and v12
 
 ### Deprecated
 
@@ -407,8 +552,6 @@ This is a major release, and it might be not compatible with your current usage
 -   `<MultiSuggestField />`
     -   Updated the interface with the ability to use either `selectedItems` or `prePopulateWithItems` properties, which is more logical.
     -   Fixed deferred `selectedItems` setting.
--   `<StickyNoteModal/>`
-    -   static test id `data-test-id="sticky-note-modal"` will be removed with next major version
 -   `<BreadcrumbsList />`
     -   `onItemClick` handler is only executed if breadcrumb has `href` set because this is one callback parameter and the handler would not have any information otherwise
 -   `<Depiction />`
@@ -435,6 +578,8 @@ This is a major release, and it might be not compatible with your current usage
 
 -   `<TextArea />`
     -   `hasStatePrimary`, `hasStateSuccess`, `hasStateWarning` and `hasStateDanger` properties: use the `intent` property instead.
+-   `<StickyNoteModal/>`
+    -   static test id `data-test-id="sticky-note-modal"` will be removed with next major version
 
 ## [23.6.0] - 2024-04-17
 

package/README.md

@@ -28,22 +28,69 @@ yarn add --dev @types/carbon-components-react
 
 ### Configuration
 
-All [configuration variables](https://github.com/eccenca/gui-elements/blob/develop/src/configuration/_variables.scss) can be set before importing the full library or the default configuration but for the main changes you should need to change only a few parameters:
-
--   Basic colors
-    -   `$eccgui-color-primary`: color for very important buttons and switches
-    -   `$eccgui-color-primary-contrast`: readable text color used on primary color areas
-    -   `$eccgui-color-accent`: color for most conformation buttons, links, etc
-    -   `$eccgui-color-accent-contrast`: readable text color used on accent color areas
-    -   `$eccgui-color-applicationheader-text`
-    -   `$eccgui-color-applicationheader-background`
-    -   `$eccgui-color-workspace-text`
-    -   `$eccgui-color-workspace-background`
--   Basic sizes
-    -   `$eccgui-size-typo-base`: size including absolute unit, currently only `px` is supported
-    -   `$eccgui-size-typo-base-lineheight`: only ratio to font size, no unit!
-    -   `$eccgui-size-type-levelratio`: ratio without unit! used to calculate different text sizes based on `$eccgui-size-typo-base`
-    -   `$eccgui-size-block-whitespace`: white space between block level elements, currently only `px` is supported
+All [configuration variables](https://github.com/eccenca/gui-elements/blob/develop/src/configuration/_variables.scss) can be set before importing the full library or the default configuration but for the main properties you should need to change only a few parameters
+
+#### Colors
+
+Since v25 we use a color palette as basic foundation for color configurations. The palette is defined in 4 sections containing various color tints, each tint includes 5 different weights from 100 (light color) to 900 (dark color).
+
+The default palette can be overwritten if it is defined before the configuration or full library is imported to your Sass styles. The palette need to be defined entirely, we currently don't support overwriting it partly.
+
+```
+$eccgui-color-palette-light: (
+    "identity": (
+        "brand": #fae1cc #f8cd99 #f6b966 #f4a533 #f29100,
+        "accent": #e5f4fb #aecfe3 #77abca #4186b2 #0a6199,
+        "text": #f8f8f8 #bcbcbc #818181 #434343 #090909,
+        "background": #fff #e8e8e8 #d6d6d6 #d4d4d4 #d3d3d3,
+    ),
+    "semantic": (
+        "info": #e5f4fb #aecfe3 #77aaca #4086b2 #096199,
+        "success": #e8f5e9 #b2c6b4 #7c967e #466749 #103713,
+        "warning": #fff3e0 #fad2b3 #f5b287 #f0915a #eb702d,
+        "danger": #fff5f6 #edbfc0 #db8989 #c95253 #b71c1c,
+    ),
+    "layout": (
+        "yellow": #fff6d5 #f1ecb5 #e3db79 #d4c93c #c1a500,
+        "purple": #f4ddf3 #c8a2d1 #9d6eb8 #71378f #480e75,
+        "magenta": #ffd8e8 #f5a6c3 #e276a4 #be4c80 #59122d,
+        "pink": #fde4f1 #e6b4ce #d08aae #bb5f8e #711c4d,
+        "violet": #f4e3f4 #d8b0d8 #b377b3 #904490 #570057,
+        "indigo": #efe4fb #b89ee0 #8f72c5 #6547aa #3b1e8f,
+        "cyan": #dff9fc #86d6e5 #5abfd4 #2da9c4 #0092b3,
+        "teal": #d4f2ec #a3ddd3 #6dc0b2 #479d8d #104c42,
+        "lime": #cde0d6 #bce3c2 #9dcd99 #7ba66c #87b347,
+        "amber": #ffe7b8 #ffe9c4 #f9cd8d #eeb757 #ef8f00,
+        "vermilion": #ffd8cc #e4c4ba #b27a6b #8c4b3a #651c09,
+        "grey": #f5f6f7 #b7b7b7 #808080 #484848 #1c2329,
+    ),
+    "extra": (
+        "gold": #fff7d5 #ebd893 #dfc670 #d3b44e #c7a22b,
+        "silver": #f0f0f0 #dedede #ccc #bababa #a8a8a8,
+        "bronze": #fbe9db #f2d6bc #eac29d #e1af7e #d89b5f,
+    ),
+);
+```
+
+All palette colors will be transformed into CSS custom properties automatically and can be referenced by name scheme `--eccgui-color-palette-{groupname}-{colortint}-{colorweight}`, e.g. `--eccgui-color-palette-identity-brand-100`.
+
+All other colors are based on the palette but it is still possible to set them before the default values are used by importing the configuration or the full library.
+
+-   `$eccgui-color-primary`: color for very important buttons and switches
+-   `$eccgui-color-primary-contrast`: readable text color used on primary color areas
+-   `$eccgui-color-accent`: color for most conformation buttons, links, etc
+-   `$eccgui-color-accent-contrast`: readable text color used on accent color areas
+-   `$eccgui-color-applicationheader-text`
+-   `$eccgui-color-applicationheader-background`
+-   `$eccgui-color-workspace-text`
+-   `$eccgui-color-workspace-background`
+
+#### Sizes
+
+-   `$eccgui-size-typo-base`: size including absolute unit, currently only `px` is supported
+-   `$eccgui-size-typo-base-lineheight`: only ratio to font size, no unit!
+-   `$eccgui-size-type-levelratio`: ratio without unit! used to calculate different text sizes based on `$eccgui-size-typo-base`
+-   `$eccgui-size-block-whitespace`: white space between block level elements, currently only `px` is supported
 
 ## Development
 

package/dist/cjs/cmem/markdown/Markdown.js

@@ -19,7 +19,6 @@ const react_1 = __importDefault(require("react"));
 const react_markdown_1 = __importDefault(require("react-markdown"));
 const react_syntax_highlighter_1 = require("react-syntax-highlighter");
 // @ts-ignore: No declaration file for module (TODO: should be @ts-expect-error but GUI elements is used inside project with `noImplicitAny=false`)
-const remark_typograf_1 = __importDefault(require("@mavrin/remark-typograf"));
 const rehype_external_links_1 = __importDefault(require("rehype-external-links"));
 const rehype_raw_1 = __importDefault(require("rehype-raw"));
 const remark_definition_list_1 = require("remark-definition-list");
@@ -32,7 +31,7 @@ const configDefault = {
         @see https://github.com/remarkjs/react-markdown#api
     */
     // @see https://github.com/remarkjs/remark/blob/main/doc/plugins.md#list-of-plugins
-    remarkPlugins: [remark_gfm_1.default, remark_typograf_1.default, remark_definition_list_1.remarkDefinitionList],
+    remarkPlugins: [remark_gfm_1.default, remark_definition_list_1.remarkDefinitionList],
     // @see https://github.com/rehypejs/rehype/blob/main/doc/plugins.md#list-of-plugins
     rehypePlugins: [],
     allowedElements: [

package/dist/cjs/cmem/markdown/Markdown.js.map

@@ -1 +1 @@
-{"version":3,"file":"Markdown.js","sourceRoot":"","sources":["../../../../src/cmem/markdown/Markdown.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"Markdown.js","sourceRoot":"","sources":["../../../../src/cmem/markdown/Markdown.tsx"],"names":[],"mappings":"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"}

package/dist/cjs/cmem/react-flow/ReactFlow/ReactFlow.js

@@ -37,23 +37,27 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.ReactFlow = void 0;
+exports.preventReactFlowActionsClasses = exports.ReactFlow = exports.ReactFlowExtended = void 0;
 const react_1 = __importDefault(require("react"));
-const react_flow_renderer_1 = __importDefault(require("react-flow-renderer"));
 const constants_1 = require("../../../configuration/constants");
 const ReactFlowMarkers_1 = require("../../../extensions/react-flow/markers/ReactFlowMarkers");
+const versionsupport_1 = require("../../../extensions/react-flow/versionsupport");
 const ReactFlowHotkeyContext_1 = require("../extensions/ReactFlowHotkeyContext");
 const scrollOnDragHook_1 = require("../extensions/scrollOnDragHook");
 const graphConfig = __importStar(require("./../configuration/graph"));
 const linkingConfig = __importStar(require("./../configuration/linking"));
 const unspecifiedConfig = __importStar(require("./../configuration/unspecified"));
 const workflowConfig = __importStar(require("./../configuration/workflow"));
+const ReactFlowV9_1 = require("./ReactFlowV9");
+const ReactFlowV12_1 = require("./ReactFlowV12");
 /**
  * `ReactFlow` container extension that includes pre-configured nodes and edges for
  * Corporate Memory tools.
+ *
+ * @param T The concrete type of the corresponding version, i.e. either one of ReactFlowExtendedPropsV9 or ReactFlowExtendedPropsV12
  */
-exports.ReactFlow = react_1.default.forwardRef((_a, outerRef) => {
-    var { configuration = "unspecified", scrollOnDrag, dropzoneFor, children, className } = _a, originalProps = __rest(_a, ["configuration", "scrollOnDrag", "dropzoneFor", "children", "className"]);
+const ReactFlowExtendedPlain = (_a, outerRef) => {
+    var { configuration = "unspecified", flowVersion = versionsupport_1.ReactFlowVersions.V9, dropzoneFor, scrollOnDrag, children, className, selectionKeyCode, multiSelectionKeyCode, deleteKeyCode, zoomActivationKeyCode } = _a, originalProps = __rest(_a, ["configuration", "flowVersion", "dropzoneFor", "scrollOnDrag", "children", "className", "selectionKeyCode", "multiSelectionKeyCode", "deleteKeyCode", "zoomActivationKeyCode"]);
     const innerRef = react_1.default.useRef(null);
     react_1.default.useImperativeHandle(outerRef, () => innerRef.current, []);
     react_1.default.useEffect(() => {
@@ -81,19 +85,69 @@ exports.ReactFlow = react_1.default.forwardRef((_a, outerRef) => {
     }, [innerRef, dropzoneFor]);
     /** If the hot keys should be disabled. By default, they are always disabled. */
     const { hotKeysDisabled } = react_1.default.useContext(ReactFlowHotkeyContext_1.ReactFlowHotkeyContext);
-    const scrollOnDragFunctions = (0, scrollOnDragHook_1.useReactFlowScrollOnDrag)({
-        reactFlowProps: originalProps,
-        scrollOnDrag,
-    });
-    const { selectionKeyCode, multiSelectionKeyCode, deleteKeyCode, zoomActivationKeyCode } = originalProps;
     const configReactFlow = {
         unspecified: unspecifiedConfig,
         graph: graphConfig,
         workflow: workflowConfig,
         linking: linkingConfig,
     };
-    return (react_1.default.createElement(react_flow_renderer_1.default, Object.assign({ ref: innerRef, className: `${constants_1.CLASSPREFIX}-graphviz__canvas` + className ? ` ${className}` : "", nodeTypes: configReactFlow[configuration].nodeTypes, edgeTypes: configReactFlow[configuration].edgeTypes }, originalProps, scrollOnDragFunctions, { "data-dropzone-for": dropzoneFor ? dropzoneFor.join(" ") : undefined, selectionKeyCode: hotKeysDisabled ? null : selectionKeyCode, deleteKeyCode: hotKeysDisabled ? null : deleteKeyCode, multiSelectionKeyCode: hotKeysDisabled ? null : multiSelectionKeyCode, zoomActivationKeyCode: hotKeysDisabled ? null : zoomActivationKeyCode }),
-        children,
-        react_1.default.createElement(ReactFlowMarkers_1.ReactFlowMarkers, null)));
-});
+    const sharedProperties = {
+        className: `${constants_1.CLASSPREFIX}-graphviz__canvas` +
+            ` ${constants_1.CLASSPREFIX}-configuration--colors__react-flow-${configuration}` +
+            (className ? ` ${className}` : ""),
+        nodeTypes: configReactFlow[configuration].nodeTypes,
+        edgeTypes: configReactFlow[configuration].edgeTypes,
+        "data-dropzone-for": dropzoneFor ? dropzoneFor.join(" ") : undefined,
+    };
+    let keyCodeConfig = {};
+    switch (flowVersion) {
+        case "v9":
+            keyCodeConfig = {
+                selectionKeyCode: hotKeysDisabled ? undefined : selectionKeyCode,
+                deleteKeyCode: hotKeysDisabled ? undefined : deleteKeyCode,
+                multiSelectionKeyCode: hotKeysDisabled ? undefined : multiSelectionKeyCode,
+                zoomActivationKeyCode: hotKeysDisabled ? undefined : zoomActivationKeyCode,
+            };
+            break;
+        case "v12":
+            keyCodeConfig = {
+                selectionKeyCode: hotKeysDisabled ? null : selectionKeyCode,
+                deleteKeyCode: hotKeysDisabled ? null : deleteKeyCode,
+                multiSelectionKeyCode: hotKeysDisabled ? null : multiSelectionKeyCode,
+                zoomActivationKeyCode: hotKeysDisabled ? null : zoomActivationKeyCode,
+            };
+            break;
+    }
+    let scrollOnDragFunctions = {};
+    switch (flowVersion) {
+        case "v9":
+            scrollOnDragFunctions = (0, scrollOnDragHook_1.useReactFlowScrollOnDragV9)({
+                reactFlowProps: originalProps,
+                scrollOnDrag,
+            });
+            break;
+        // should not be necessary for v12
+    }
+    const containerConfig = Object.assign(Object.assign(Object.assign(Object.assign({}, sharedProperties), keyCodeConfig), originalProps), scrollOnDragFunctions);
+    switch (flowVersion) {
+        case "v9":
+            return (react_1.default.createElement(ReactFlowV9_1.ReactFlowV9Container, Object.assign({ ref: innerRef }, containerConfig),
+                children,
+                react_1.default.createElement(ReactFlowMarkers_1.ReactFlowMarkers, null)));
+        case "v12":
+            return (react_1.default.createElement(ReactFlowV12_1.ReactFlowV12Container, Object.assign({ ref: innerRef }, containerConfig),
+                children,
+                react_1.default.createElement(ReactFlowMarkers_1.ReactFlowMarkers, null)));
+        default:
+            return react_1.default.createElement("div", null);
+    }
+};
+/** Hack to make the Type Parameter work with the forward ref. */
+exports.ReactFlowExtended = react_1.default.forwardRef(ReactFlowExtendedPlain);
+/**
+ * @deprecated (v26) use `ReactFlowExtended`
+ */
+exports.ReactFlow = exports.ReactFlowExtended;
+/** Classes that when set for an element, prevent that they trigger react-flow dragging, wheel and panning actions. */
+exports.preventReactFlowActionsClasses = "nodrag nopan nowheel";
 //# sourceMappingURL=ReactFlow.js.map

package/dist/cjs/cmem/react-flow/ReactFlow/ReactFlow.js.map

@@ -1 +1 @@
-{"version":3,"file":"ReactFlow.js","sourceRoot":"","sources":["../../../../../src/cmem/react-flow/ReactFlow/ReactFlow.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"ReactFlow.js","sourceRoot":"","sources":["../../../../../src/cmem/react-flow/ReactFlow/ReactFlow.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,kDAAiD;AAIjD,gEAAyE;AACzE,8FAA2F;AAC3F,kFAAkF;AAClF,iFAA8E;AAC9E,qEAA4E;AAE5E,sEAAwD;AACxD,0EAA4D;AAC5D,kFAAoE;AACpE,4EAA8D;AAC9D,+CAAgF;AAChF,iDAAmF;AA4DnF;;;;;GAKG;AACH,MAAM,sBAAsB,GAAG,CAC3B,EAYI,EACJ,QAA6B,EAC/B,EAAE;QAdA,EACI,aAAa,GAAG,aAAa,EAC7B,WAAW,GAAG,kCAAiB,CAAC,EAAE,EAClC,WAAW,EACX,YAAY,EACZ,QAAQ,EACR,SAAS,EACT,gBAAgB,EAChB,qBAAqB,EACrB,aAAa,EACb,qBAAqB,OAErB,EADG,aAAa,cAXpB,+KAYC,CADmB;IAIpB,MAAM,QAAQ,GAAG,eAAK,CAAC,MAAM,CAAiB,IAAI,CAAC,CAAC;IACpD,eAAK,CAAC,mBAAmB,CAAC,QAAQ,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,OAAQ,EAAE,EAAE,CAAC,CAAC;IAEjE,eAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACjB,MAAM,kBAAkB,GAAG,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,OAAO,CAAC;QAE7C,IAAI,kBAAkB,IAAI,WAAW,EAAE,CAAC;YACpC,MAAM,WAAW,GAAG,CAAC,KAAgB,EAAE,EAAE;gBACrC,kBAAkB,CAAC,SAAS,CAAC,GAAG,CAAC,GAAG,uBAAM,8BAA8B,CAAC,CAAC;gBAC1E,KAAK,CAAC,cAAc,EAAE,CAAC;YAC3B,CAAC,CAAC;YAEF,MAAM,cAAc,GAAG,CAAC,KAAgB,EAAE,EAAE;gBACxC,IAAI,kBAAkB,KAAK,KAAK,CAAC,MAAM,EAAE,CAAC;oBACtC,kBAAkB,CAAC,SAAS,CAAC,MAAM,CAAC,GAAG,uBAAM,8BAA8B,CAAC,CAAC;gBACjF,CAAC;YACL,CAAC,CAAC;YAEF,kBAAkB,CAAC,gBAAgB,CAAC,UAAU,EAAE,WAAW,CAAC,CAAC;YAC7D,kBAAkB,CAAC,gBAAgB,CAAC,WAAW,EAAE,cAAc,CAAC,CAAC;YACjE,kBAAkB,CAAC,gBAAgB,CAAC,MAAM,EAAE,cAAc,CAAC,CAAC;YAC5D,OAAO,GAAG,EAAE;gBACR,kBAAkB,CAAC,mBAAmB,CAAC,UAAU,EAAE,WAAW,CAAC,CAAC;gBAChE,kBAAkB,CAAC,mBAAmB,CAAC,WAAW,EAAE,cAAc,CAAC,CAAC;gBACpE,kBAAkB,CAAC,mBAAmB,CAAC,MAAM,EAAE,cAAc,CAAC,CAAC;YACnE,CAAC,CAAC;QACN,CAAC;QACD,OAAO;IACX,CAAC,EAAE,CAAC,QAAQ,EAAE,WAAW,CAAC,CAAC,CAAC;IAE5B,gFAAgF;IAChF,MAAM,EAAE,eAAe,EAAE,GAAG,eAAK,CAAC,UAAU,CAAC,+CAAsB,CAAC,CAAC;IAErE,MAAM,eAAe,GAAG;QACpB,WAAW,EAAE,iBAAiB;QAC9B,KAAK,EAAE,WAAW;QAClB,QAAQ,EAAE,cAAc;QACxB,OAAO,EAAE,aAAa;KACzB,CAAC;IAEF,MAAM,gBAAgB,GAAG;QACrB,SAAS,EACL,GAAG,uBAAM,mBAAmB;YAC5B,IAAI,uBAAM,sCAAsC,aAAa,EAAE;YAC/D,CAAC,SAAS,CAAC,CAAC,CAAC,IAAI,SAAS,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC;QACtC,SAAS,EAAE,eAAe,CAAC,aAAa,CAAC,CAAC,SAAS;QACnD,SAAS,EAAE,eAAe,CAAC,aAAa,CAAC,CAAC,SAAS;QACnD,mBAAmB,EAAE,WAAW,CAAC,CAAC,CAAC,WAAW,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,SAAS;KACvE,CAAC;IAEF,IAAI,aAAa,GAAG,EAAE,CAAC;IACvB,QAAQ,WAAW,EAAE,CAAC;QAClB,KAAK,IAAI;YACL,aAAa,GAAG;gBACZ,gBAAgB,EAAE,eAAe,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAE,gBAA8B;gBAC/E,aAAa,EAAE,eAAe,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAE,aAA2B;gBACzE,qBAAqB,EAAE,eAAe,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAE,qBAAmC;gBACzF,qBAAqB,EAAE,eAAe,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAE,qBAAmC;aAC5F,CAAC;YACF,MAAM;QACV,KAAK,KAAK;YACN,aAAa,GAAG;gBACZ,gBAAgB,EAAE,eAAe,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAE,gBAA+B;gBAC3E,aAAa,EAAE,eAAe,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAE,aAA4B;gBACrE,qBAAqB,EAAE,eAAe,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAE,qBAAoC;gBACrF,qBAAqB,EAAE,eAAe,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAE,qBAAoC;aACxF,CAAC;YACF,MAAM;IACd,CAAC;IAED,IAAI,qBAAqB,GAAG,EAAE,CAAC;IAC/B,QAAQ,WAAW,EAAE,CAAC;QAClB,KAAK,IAAI;YACL,qBAAqB,GAAG,IAAA,6CAA0B,EAAC;gBAC/C,cAAc,EAAE,aAAqD;gBACrE,YAAY;aACf,CAAC,CAAC;YACH,MAAM;QACV,kCAAkC;IACtC,CAAC;IAED,MAAM,eAAe,+DACd,gBAAgB,GAChB,aAAa,GACb,aAAa,GACb,qBAAqB,CAC3B,CAAC;IAEF,QAAQ,WAAW,EAAE,CAAC;QAClB,KAAK,IAAI;YACL,OAAO,CACH,8BAAC,kCAAoB,kBAAC,GAAG,EAAE,QAAQ,IAAO,eAAwD;gBAC7F,QAAQ;gBACT,8BAAC,mCAAgB,OAAG,CACD,CAC1B,CAAC;QACN,KAAK,KAAK;YACN,OAAO,CACH,8BAAC,oCAAqB,kBAAC,GAAG,EAAE,QAAQ,IAAO,eAA8C;gBACpF,QAAQ;gBACT,8BAAC,mCAAgB,OAAG,CACA,CAC3B,CAAC;QACN;YACI,OAAO,0CAAW,CAAC;IAC3B,CAAC;AACL,CAAC,CAAC;AAEF,iEAAiE;AACpD,QAAA,iBAAiB,GAAG,eAAK,CAAC,UAAU,CAAC,sBAAsB,CAEvD,CAAC;AAElB;;GAEG;AACU,QAAA,SAAS,GAAG,yBAAiB,CAAC;AAE3C,sHAAsH;AACzG,QAAA,8BAA8B,GAAG,sBAAsB,CAAC"}

package/dist/cjs/cmem/react-flow/ReactFlow/ReactFlowV12.js

@@ -0,0 +1,45 @@
+"use strict";
+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;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ReactFlowV12Container = void 0;
+const react_1 = __importDefault(require("react"));
+const react_2 = require("@xyflow/react");
+const constants_1 = require("../../../configuration/constants");
+const EdgeNew_1 = require("./../../../extensions/react-flow/edges/EdgeNew");
+/**
+ * Our own `ReactFlow` v12 container.
+ */
+exports.ReactFlowV12Container = react_1.default.forwardRef((_a, outerRef) => {
+    var { children, className } = _a, originalProps = __rest(_a, ["children", "className"]);
+    const innerRef = react_1.default.useRef(null);
+    react_1.default.useImperativeHandle(outerRef, () => innerRef.current, []);
+    const [nodesFallback, , onNodesChangeFallback] = (0, react_2.useNodesState)(originalProps.nodes || []);
+    const [edgesFallback, , onEdgesChangeFallback] = (0, react_2.useEdgesState)(originalProps.edges || []);
+    const missingNodesChangeCallback = !!originalProps.nodes && !originalProps.onNodesChange
+        ? {
+            nodes: nodesFallback,
+            onNodesChange: onNodesChangeFallback,
+        }
+        : {};
+    const missingEdgesChangeCallback = !!originalProps.edges && !originalProps.onEdgesChange
+        ? {
+            edges: edgesFallback,
+            onEdgesChange: onEdgesChangeFallback,
+        }
+        : {};
+    return (react_1.default.createElement(react_2.ReactFlow, Object.assign({ ref: innerRef, className: `${constants_1.CLASSPREFIX}-graphviz__canvas--reactflow12` + (className ? ` ${className}` : ""), connectionLineComponent: EdgeNew_1.EdgeNew }, originalProps, missingNodesChangeCallback, missingEdgesChangeCallback), children));
+});
+//# sourceMappingURL=ReactFlowV12.js.map

package/dist/cjs/cmem/react-flow/ReactFlow/ReactFlowV12.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ReactFlowV12.js","sourceRoot":"","sources":["../../../../../src/cmem/react-flow/ReactFlow/ReactFlowV12.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA,kDAA0B;AAC1B,yCAOuB;AAEvB,gEAAyE;AACzE,4EAAyE;AAIzE;;GAEG;AACU,QAAA,qBAAqB,GAAG,eAAK,CAAC,UAAU,CACjD,CAAC,EAAyC,EAAE,QAAQ,EAAE,EAAE;QAAvD,EAAE,QAAQ,EAAE,SAAS,OAAoB,EAAf,aAAa,cAAvC,yBAAyC,CAAF;IACpC,MAAM,QAAQ,GAAG,eAAK,CAAC,MAAM,CAAiB,IAAI,CAAC,CAAC;IACpD,eAAK,CAAC,mBAAmB,CAAC,QAAQ,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,OAAQ,EAAE,EAAE,CAAC,CAAC;IAEjE,MAAM,CAAC,aAAa,EAAE,AAAD,EAAG,qBAAqB,CAAC,GAAG,IAAA,qBAAa,EAAC,aAAa,CAAC,KAAK,IAAK,EAAa,CAAC,CAAC;IACtG,MAAM,CAAC,aAAa,EAAE,AAAD,EAAG,qBAAqB,CAAC,GAAG,IAAA,qBAAa,EAAC,aAAa,CAAC,KAAK,IAAK,EAAa,CAAC,CAAC;IAEtG,MAAM,0BAA0B,GAC5B,CAAC,CAAC,aAAa,CAAC,KAAK,IAAI,CAAC,aAAa,CAAC,aAAa;QACjD,CAAC,CAAC;YACI,KAAK,EAAE,aAAa;YACpB,aAAa,EAAE,qBAAqB;SACvC;QACH,CAAC,CAAC,EAAE,CAAC;IAEb,MAAM,0BAA0B,GAC5B,CAAC,CAAC,aAAa,CAAC,KAAK,IAAI,CAAC,aAAa,CAAC,aAAa;QACjD,CAAC,CAAC;YACI,KAAK,EAAE,aAAa;YACpB,aAAa,EAAE,qBAAqB;SACvC;QACH,CAAC,CAAC,EAAE,CAAC;IAEb,OAAO,CACH,8BAAC,iBAAY,kBACT,GAAG,EAAE,QAAQ,EACb,SAAS,EAAE,GAAG,uBAAM,gCAAgC,GAAG,CAAC,SAAS,CAAC,CAAC,CAAC,IAAI,SAAS,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,EACzF,uBAAuB,EAAE,iBAAO,IAC5B,aAAa,EACb,0BAA0B,EAC1B,0BAA0B,GAE7B,QAAQ,CACE,CAClB,CAAC;AACN,CAAC,CACJ,CAAC"}

package/dist/cjs/cmem/react-flow/ReactFlow/ReactFlowV9.js

@@ -0,0 +1,30 @@
+"use strict";
+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;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ReactFlowV9Container = void 0;
+const react_1 = __importDefault(require("react"));
+const react_flow_renderer_1 = __importDefault(require("react-flow-renderer"));
+const constants_1 = require("../../../configuration/constants");
+/**
+ * Our own `ReactFlow` v9 container.
+ */
+exports.ReactFlowV9Container = react_1.default.forwardRef((_a, outerRef) => {
+    var { children, className } = _a, originalProps = __rest(_a, ["children", "className"]);
+    const innerRef = react_1.default.useRef(null);
+    react_1.default.useImperativeHandle(outerRef, () => innerRef.current, []);
+    return (react_1.default.createElement(react_flow_renderer_1.default, Object.assign({ ref: innerRef, className: `${constants_1.CLASSPREFIX}-graphviz__canvas--reactflow9` + (className ? ` ${className}` : "") }, originalProps), children));
+});
+//# sourceMappingURL=ReactFlowV9.js.map

package/dist/cjs/cmem/react-flow/ReactFlow/ReactFlowV9.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ReactFlowV9.js","sourceRoot":"","sources":["../../../../../src/cmem/react-flow/ReactFlow/ReactFlowV9.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA,kDAA0B;AAC1B,8EAG6B;AAE7B,gEAAyE;AAIzE;;GAEG;AACU,QAAA,oBAAoB,GAAG,eAAK,CAAC,UAAU,CAChD,CAAC,EAAyC,EAAE,QAAQ,EAAE,EAAE;QAAvD,EAAE,QAAQ,EAAE,SAAS,OAAoB,EAAf,aAAa,cAAvC,yBAAyC,CAAF;IACpC,MAAM,QAAQ,GAAG,eAAK,CAAC,MAAM,CAAiB,IAAI,CAAC,CAAC;IACpD,eAAK,CAAC,mBAAmB,CAAC,QAAQ,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,OAAQ,EAAE,EAAE,CAAC,CAAC;IAEjE,OAAO,CACH,8BAAC,6BAAW,kBACR,GAAG,EAAE,QAAQ,EACb,SAAS,EAAE,GAAG,uBAAM,+BAA+B,GAAG,CAAC,SAAS,CAAC,CAAC,CAAC,IAAI,SAAS,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,IACpF,aAAa,GAEhB,QAAQ,CACC,CACjB,CAAC;AACN,CAAC,CACJ,CAAC"}

package/dist/cjs/cmem/react-flow/StickyNoteModal/StickyNoteModal.js

@@ -10,7 +10,7 @@ const extensions_1 = require("../../../extensions");
 const ReactFlowHotkeyContext_1 = require("../extensions/ReactFlowHotkeyContext");
 const index_1 = require("./../../../index");
 exports.StickyNoteModal = react_1.default.memo(({ metaData, onClose, onSubmit, translate, simpleDialogProps, codeEditorProps }) => {
-    var _a, _b, _c;
+    var _a, _b;
     const refNote = react_1.default.useRef((_a = metaData === null || metaData === void 0 ? void 0 : metaData.note) !== null && _a !== void 0 ? _a : "");
     const [color, setSelectedColor] = react_1.default.useState((_b = metaData === null || metaData === void 0 ? void 0 : metaData.color) !== null && _b !== void 0 ? _b : "");
     const noteColors = Object.entries((0, getColorConfiguration_1.default)("stickynotes")).map(([key, value]) => [key, value]);
@@ -42,7 +42,7 @@ exports.StickyNoteModal = react_1.default.memo(({ metaData, onClose, onSubmit, t
                     onClose();
                 } }, translate("saveButton")),
             react_1.default.createElement(index_1.Button, { key: "cancel", onClick: onClose }, translate("cancelButton")),
-        ] }, simpleDialogProps, { "data-test-id": (_c = (simpleDialogProps !== null && simpleDialogProps !== void 0 ? simpleDialogProps : {})["data-test-id"]) !== null && _c !== void 0 ? _c : "sticky-note-modal" }),
+        ] }, simpleDialogProps),
         react_1.default.createElement(index_1.FieldItem, { key: "note", labelProps: {
                 htmlFor: "noteinput",
                 text: translate("noteLabel"),

package/dist/cjs/cmem/react-flow/StickyNoteModal/StickyNoteModal.js.map

@@ -1 +1 @@
-{"version":3,"file":"StickyNoteModal.js","sourceRoot":"","sources":["../../../../../src/cmem/react-flow/StickyNoteModal/StickyNoteModal.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"StickyNoteModal.js","sourceRoot":"","sources":["../../../../../src/cmem/react-flow/StickyNoteModal/StickyNoteModal.tsx"],"names":[],"mappings":"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"}

package/dist/cjs/cmem/react-flow/configuration/graph.js

@@ -1,18 +1,20 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.nodeTypes = exports.edgeTypes = void 0;
-const EdgeDefault_1 = require("./../../../extensions/react-flow/edges/EdgeDefault");
+const EdgeBezier_1 = require("./../../../extensions/react-flow/edges/EdgeBezier");
 const NodeDefault_1 = require("./../../../extensions/react-flow/nodes/NodeDefault");
+//import {ComponentType} from "react";
+//import {NodeProps} from "react-flow-renderer-lts";
 const edgeTypes = {
-    default: EdgeDefault_1.EdgeDefault,
-    implicit: EdgeDefault_1.EdgeDefault,
-    import: EdgeDefault_1.EdgeDefault,
-    subclass: EdgeDefault_1.EdgeDefault,
-    subproperty: EdgeDefault_1.EdgeDefault,
-    rdftype: EdgeDefault_1.EdgeDefault,
-    success: EdgeDefault_1.EdgeDefault,
-    warning: EdgeDefault_1.EdgeDefault,
-    danger: EdgeDefault_1.EdgeDefault,
+    default: EdgeBezier_1.EdgeBezier,
+    implicit: EdgeBezier_1.EdgeBezier,
+    import: EdgeBezier_1.EdgeBezier,
+    subclass: EdgeBezier_1.EdgeBezier,
+    subproperty: EdgeBezier_1.EdgeBezier,
+    rdftype: EdgeBezier_1.EdgeBezier,
+    success: EdgeBezier_1.EdgeBezier,
+    warning: EdgeBezier_1.EdgeBezier,
+    danger: EdgeBezier_1.EdgeBezier,
 };
 exports.edgeTypes = edgeTypes;
 const nodeTypes = {

package/dist/cjs/cmem/react-flow/configuration/graph.js.map

@@ -1 +1 @@
-{"version":3,"file":"graph.js","sourceRoot":"","sources":["../../../../../src/cmem/react-flow/configuration/graph.ts"],"names":[],"mappings":";;;AAAA,oFAAiF;AACjF,oFAAiF;AAGjF,MAAM,SAAS,GAAG;IACd,OAAO,EAAE,yBAAW;IACpB,QAAQ,EAAE,yBAAW;IACrB,MAAM,EAAE,yBAAW;IACnB,QAAQ,EAAE,yBAAW;IACrB,WAAW,EAAE,yBAAW;IACxB,OAAO,EAAE,yBAAW;IACpB,OAAO,EAAE,yBAAW;IACpB,OAAO,EAAE,yBAAW;IACpB,MAAM,EAAE,yBAAW;CACtB,CAAC;AAUO,8BAAS;AARlB,MAAM,SAAS,GAA8C;IACzD,OAAO,EAAE,yBAAW;IACpB,KAAK,EAAE,yBAAW;IAClB,KAAK,EAAE,yBAAW;IAClB,QAAQ,EAAE,yBAAW;IACrB,QAAQ,EAAE,yBAAW;CACxB,CAAC;AAEkB,8BAAS"}
+{"version":3,"file":"graph.js","sourceRoot":"","sources":["../../../../../src/cmem/react-flow/configuration/graph.ts"],"names":[],"mappings":";;;AAAA,kFAA+E;AAC/E,oFAAiF;AAEjF,sCAAsC;AACtC,oDAAoD;AAEpD,MAAM,SAAS,GAAG;IACd,OAAO,EAAE,uBAAU;IACnB,QAAQ,EAAE,uBAAU;IACpB,MAAM,EAAE,uBAAU;IAClB,QAAQ,EAAE,uBAAU;IACpB,WAAW,EAAE,uBAAU;IACvB,OAAO,EAAE,uBAAU;IACnB,OAAO,EAAE,uBAAU;IACnB,OAAO,EAAE,uBAAU;IACnB,MAAM,EAAE,uBAAU;CACrB,CAAC;AAUO,8BAAS;AARlB,MAAM,SAAS,GAA6E;IACxF,OAAO,EAAE,yBAAW;IACpB,KAAK,EAAE,yBAAW;IAClB,KAAK,EAAE,yBAAW;IAClB,QAAQ,EAAE,yBAAW;IACrB,QAAQ,EAAE,yBAAW;CACxB,CAAC;AAEkB,8BAAS"}

package/dist/cjs/cmem/react-flow/configuration/linking.js

@@ -4,6 +4,8 @@ exports.nodeTypes = exports.edgeTypes = void 0;
 const EdgeStep_1 = require("./../../../extensions/react-flow/edges/EdgeStep");
 const NodeDefault_1 = require("./../../../extensions/react-flow/nodes/NodeDefault");
 const StickyNoteNode_1 = require("./../nodes/StickyNoteNode");
+//import {ComponentType} from "react";
+//import {NodeProps} from "react-flow-renderer-lts";
 const edgeTypes = {
     default: EdgeStep_1.EdgeStep,
     value: EdgeStep_1.EdgeStep,