@eccenca/gui-elements 24.4.1-featurechatcomponentscmem6775.3 → 24.4.1-featurepreparefinalnextcmem6943.0

package/dist/types/components/index.d.ts

@@ -1,16 +1,13 @@
 export * from "./Accordion";
 export * from "./Application";
-export * from "./AutocompleteField";
-export * from "./SuggestField";
-export * from "./AutoSuggestion";
-export * from "./CodeAutocompleteField";
 export * from "./Badge/Badge";
 export * from "./Breadcrumb";
 export * from "./Button/Button";
 export * from "./Card";
 export * from "./Chat";
 export * from "./Checkbox/Checkbox";
-export * from "./ContentShrinker/ContentShrinker";
+export * from "./CodeAutocompleteField";
+export * from "./ContentGroup/ContentGroup";
 export * from "./ContextOverlay";
 export * from "./Depiction/Depiction";
 export * from "./Dialog";
@@ -25,8 +22,7 @@ export * from "./Label/Label";
 export * from "./Link/Link";
 export * from "./List/List";
 export * from "./Menu";
-export * from "./MultiSelect/MultiSelect";
-export * from "./MultiSuggestField/MultiSuggestField";
+export * from "./MultiSuggestField";
 export * from "./Notification";
 export * from "./OverviewItem";
 export * from "./Pagination/Pagination";
@@ -40,15 +36,17 @@ export * from "./Skeleton/Skeleton";
 export * from "./Spinner/Spinner";
 export * from "./Sticky";
 export * from "./Structure";
+export * from "./SuggestField";
 export * from "./Switch/Switch";
 export * from "./Table";
 export * from "./Tabs";
 export * from "./Tag";
 export * from "./TextField";
+export * from "./TextReducer/TextReducer";
 export * from "./Toolbar";
 export * from "./Tooltip/Tooltip";
 export * from "./Tree/Tree";
 export * from "./Typography";
+export * from "./VisualTour/VisualTour";
 export * from "./Workspace";
-export * from "./ContentGroup/ContentGroup";
 export * from "./interfaces";

package/dist/types/configuration/constants.d.ts

@@ -1 +1,3 @@
 export declare const CLASSPREFIX = "eccgui";
+export declare const COLORMINDISTANCE = 10;
+export declare const COLORMINCONTRAST = 4;

package/dist/types/extensions/codemirror/CodeMirror.d.ts

@@ -22,9 +22,8 @@ export interface CodeEditorProps extends TestableComponent {
     /**
      * Handler method to receive onChange events.
      * As input the new value is given.
-     * @deprecated (v25) use `(v: string) => void` in future
      */
-    onChange?: (v: any) => void;
+    onChange?: (v: string) => void;
     /**
      *  Called when the focus status changes
      */
@@ -66,7 +65,7 @@ export interface CodeEditorProps extends TestableComponent {
     height?: number | string;
     /** Long lines are wrapped and displayed on multiple lines */
     wrapLines?: boolean;
-    outerDivAttributes?: Omit<React.HTMLAttributes<HTMLDivElement>, "id" | "data-test-id">;
+    outerDivAttributes?: Omit<React.HTMLAttributes<HTMLDivElement>, "id">;
     /**
      * Size in spaces that is used for a tabulator key.
      */
@@ -134,6 +133,6 @@ export interface CodeEditorProps extends TestableComponent {
  * Includes a code editor, currently we use CodeMirror library as base.
  */
 export declare const CodeEditor: {
-    ({ onChange, onSelection, onMouseDown, onFocusChange, onKeyDown, onCursorChange, name, id, mode, preventLineNumbers, defaultValue, readOnly, shouldHaveMinimalSetup, wrapLines, onScroll, setEditorView, supportCodeFolding, shouldHighlightActiveLine, outerDivAttributes, tabIntentSize, tabIntentStyle, placeholder, additionalExtensions, tabForceSpaceForModes, enableTab, height, useLinting, "data-test-id": dataTestId, autoFocus, disabled, intent, useToolbar, translate, ...otherCodeEditorProps }: CodeEditorProps): React.JSX.Element;
-    supportedModes: ("markdown" | "python" | "sparql" | "turtle" | "xml" | "yaml" | "jinja2" | "json" | "ntriples" | "mathematica" | "sql" | "javascript")[];
+    ({ onChange, onSelection, onMouseDown, onFocusChange, onKeyDown, onCursorChange, name, id, mode, preventLineNumbers, defaultValue, readOnly, shouldHaveMinimalSetup, wrapLines, onScroll, setEditorView, supportCodeFolding, shouldHighlightActiveLine, outerDivAttributes, tabIntentSize, tabIntentStyle, placeholder, additionalExtensions, tabForceSpaceForModes, enableTab, height, useLinting, autoFocus, disabled, intent, useToolbar, translate, ...otherCodeEditorProps }: CodeEditorProps): React.JSX.Element;
+    supportedModes: ("html" | "markdown" | "python" | "sparql" | "turtle" | "xml" | "yaml" | "jinja2" | "json" | "ntriples" | "mathematica" | "sql" | "javascript")[];
 };

package/dist/types/extensions/codemirror/hooks/useCodemirrorModeExtension.hooks.d.ts

@@ -4,6 +4,7 @@ import { markdown } from "@codemirror/lang-markdown";
 import { sql } from "@codemirror/lang-sql";
 import { xml } from "@codemirror/lang-xml";
 import { yaml } from "@codemirror/lang-yaml";
+import { html } from "@codemirror/lang-html";
 import { StreamParser } from "@codemirror/language";
 declare const supportedModes: {
     readonly markdown: typeof markdown;
@@ -18,6 +19,7 @@ declare const supportedModes: {
     readonly mathematica: StreamParser<unknown>;
     readonly sql: typeof sql;
     readonly javascript: typeof javascript;
+    readonly html: typeof html;
 };
 export declare const supportedCodeEditorModes: Array<keyof typeof supportedModes>;
 export type SupportedCodeEditorModes = (typeof supportedCodeEditorModes)[number];

package/dist/types/extensions/react-flow/edges/EdgeBezier.d.ts

@@ -0,0 +1,20 @@
+import React from "react";
+import { Edge, EdgeProps } from "@xyflow/react";
+import { EdgeDefaultV9Props } from "./EdgeDefault";
+import { EdgeDefaultV12DataProps, EdgeDefaultV12Props } from "./EdgeDefaultV12";
+interface EdgeBezierDataV12Props extends EdgeDefaultV12DataProps {
+    curvature?: number;
+}
+/**
+ * @deprecated (v26) v9 support is removed after v25
+ */
+export interface EdgeBezierV12Props extends Omit<EdgeDefaultV12Props, "data">, EdgeProps<Edge<EdgeBezierDataV12Props>> {
+}
+export type EdgeBezierProps = EdgeDefaultV9Props | EdgeBezierV12Props;
+/**
+ * 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 declare const EdgeBezier: React.MemoExoticComponent<(props: EdgeBezierProps) => React.JSX.Element>;
+export {};

package/dist/types/extensions/react-flow/edges/EdgeDefault.d.ts

@@ -1,7 +1,9 @@
 import React from "react";
 import { EdgeProps as ReactFlowEdgeProps } from "react-flow-renderer/dist/types";
 import { IntentTypes } from "../../../common/Intent";
+import { ReactFlowVersions } from "../versionsupport";
 import { NodeHighlightColor } from "./../nodes/sharedTypes";
+import { EdgeDefaultV12Props } from "./EdgeDefaultV12";
 export interface EdgeDefaultDataProps {
     /**
      * Overwrites the default style how the edge stroke is displayed.
@@ -20,10 +22,6 @@ export interface EdgeDefaultDataProps {
      */
     pathGlowWidth?: number;
     inversePath?: boolean;
-    /**
-     * Reference link to the SVG marker used for the start of the edge
-     */
-    markerStart?: string;
     /**
      * Callback handler that returns a React element used as edge title.
      */
@@ -34,19 +32,37 @@ export interface EdgeDefaultDataProps {
      */
     edgeSvgProps?: React.SVGProps<SVGGElement>;
 }
-export interface EdgeDefaultProps extends ReactFlowEdgeProps {
+/**
+ * @deprecated (v26) v9 support is removed after v25
+ */
+export interface EdgeDefaultV9DataProps extends EdgeDefaultDataProps {
+    /**
+     * Reference link to the SVG marker used for the start of the edge
+     * @deprecated (v26) only necessary for react flow v9
+     */
+    markerStart?: string;
+}
+/**
+ * @deprecated (v26) v9 support is removed after v25
+ */
+export interface EdgeDefaultV9Props extends ReactFlowEdgeProps {
     /**
      * Defining content and markers for the edge.
      */
-    data?: EdgeDefaultDataProps;
+    data?: EdgeDefaultV9DataProps;
     /**
      * Callback handler that returns a SVG path as string to define how the edge is rendered.
      */
     drawSvgPath?: (edge: ReactFlowEdgeProps) => string;
 }
-export declare const EdgeDefault: React.MemoExoticComponent<({ data, drawSvgPath, ...edgeOriginalProperties }: EdgeDefaultProps) => React.JSX.Element>;
+export type EdgeDefaultProps = EdgeDefaultV9Props | EdgeDefaultV12Props;
+/**
+ * This element cannot be used directly, it must be connected via a `edgeTypes` definition.
+ * @see https://reactflow.dev/docs/api/nodes/
+ */
+export declare const EdgeDefault: React.MemoExoticComponent<(props: EdgeDefaultProps) => React.JSX.Element>;
 export declare const edgeDefaultUtils: {
-    createEdgeDefaultClassName: ({ strokeType, intent, highlightColor }: EdgeDefaultDataProps, baseClass?: string) => string;
+    createEdgeDefaultClassName: ({ strokeType, intent, highlightColor }: EdgeDefaultDataProps, baseClass?: string, flowVersion?: ReactFlowVersions) => string;
     drawEdgeStep: ({ sourceX, sourceY, sourcePosition, targetX, targetY, targetPosition, data, }: import("./EdgeStep").EdgeStepProps) => string;
     drawEdgeStraight: ({ sourceX, sourceY, sourcePosition, targetX, targetY, targetPosition, }: EdgeDefaultProps) => string;
 };

package/dist/types/extensions/react-flow/edges/EdgeDefaultV12.d.ts

@@ -1,38 +1,27 @@
 import React from "react";
-import { Edge, EdgeProps } from "@xyflow/react";
-import { IntentTypes } from "../../../common/Intent";
-import { NodeHighlightColor } from "../nodes/sharedTypes";
-export type EdgeDefaultV12DataProps = Record<string, unknown> & {
-    /**
-     * Overwrites the default style how the edge stroke is displayed.
-     */
-    strokeType?: "solid" | "dashed" | "dotted" | "double" | "doubledashed";
-    /**
-     * Feedback state of the node.
-     */
-    intent?: IntentTypes;
-    /**
-     * Set the color of used highlights to mark the edge.
-     */
-    highlightColor?: NodeHighlightColor | [NodeHighlightColor, NodeHighlightColor];
-    /**
-     * Size of the "glow" effect when the edge is hovered.
-     */
-    pathGlowWidth?: number;
-    inversePath?: boolean;
+import { Edge, EdgeProps, GetBezierPathParams } from "@xyflow/react";
+import { EdgeDefaultDataProps } from "./EdgeDefault";
+/**
+ * @deprecated (v26) use EdgeDefaultDataProps
+ */
+export interface EdgeDefaultV12DataProps extends Record<string, unknown>, EdgeDefaultDataProps {
     /**
-     * Callback handler that returns a React element used as edge title.
+     * Set the marker used on the start or end of the edge.
      */
-    renderLabel?: (edgeCenter: [number, number, number, number]) => React.ReactNode;
+    markerAppearance?: "arrow-closed" | "none";
+}
+/**
+ * @deprecated (v26) use EdgeDefaultProps
+ */
+export type EdgeDefaultV12Props = EdgeProps<Edge<EdgeDefaultV12DataProps>> & {
     /**
-     * Properties are forwarded to the internally used SVG `g` element.
-     * Data attributes for test ids coud be included here.
+     * Callback handler that returns SVG path and label position of the edge.
      */
-    edgeSvgProps?: React.SVGProps<SVGGElement>;
+    getPath?: (edgeParams: Omit<GetBezierPathParams, "curvature"> & Record<string, unknown>) => [path: string, labelX: number, labelY: number, offsetX: number, offsetY: number];
 };
 /**
  * This element cannot be used directly, it must be connected via a `edgeTypes` definition.
  * @see https://reactflow.dev/docs/api/nodes/
  * @deprecated (v26) will be removed when `EdgeDefault` supports v12 directly
  */
-export declare const EdgeDefaultV12: React.MemoExoticComponent<({ id, sourceX, sourceY, targetX, targetY, sourcePosition, targetPosition, label, labelStyle, labelShowBg, labelBgStyle, labelBgPadding, labelBgBorderRadius, data, ...edgeOriginalProperties }: EdgeProps<Edge<EdgeDefaultV12DataProps>>) => React.JSX.Element>;
+export declare const EdgeDefaultV12: React.MemoExoticComponent<({ id, sourceX, sourceY, targetX, targetY, sourcePosition, targetPosition, label, labelStyle, labelShowBg, labelBgStyle, labelBgPadding, labelBgBorderRadius, data, getPath, ...edgeOriginalProperties }: EdgeDefaultV12Props) => React.JSX.Element>;

package/dist/types/extensions/react-flow/edges/EdgeDefs.d.ts

@@ -1,2 +1,5 @@
 import React from "react";
+/**
+ * @deprecated (v26) use `<ReactFlowMarkers />`
+ */
 export declare const EdgeDefs: React.MemoExoticComponent<() => React.JSX.Element>;

package/dist/types/extensions/react-flow/edges/EdgeNew.d.ts

@@ -0,0 +1,3 @@
+import React from "react";
+import { ConnectionLineComponentProps } from "@xyflow/react";
+export declare const EdgeNew: (edgeNewProps: ConnectionLineComponentProps) => React.JSX.Element;

package/dist/types/extensions/react-flow/edges/EdgeStep.d.ts

@@ -1,10 +1,28 @@
 import React from "react";
-import { EdgeDefaultDataProps, EdgeDefaultProps } from "./EdgeDefault";
-interface EdgeStepDataProps extends EdgeDefaultDataProps {
+import { Edge, EdgeProps } from "@xyflow/react";
+import { EdgeDefaultV9DataProps, EdgeDefaultV9Props } from "./EdgeDefault";
+import { EdgeDefaultV12DataProps, EdgeDefaultV12Props } from "./EdgeDefaultV12";
+interface EdgeStepDataV9Props extends EdgeDefaultV9DataProps {
     stepCornerRadius?: number;
 }
-export interface EdgeStepProps extends EdgeDefaultProps {
-    data?: EdgeStepDataProps;
+interface EdgeStepDataV12Props extends EdgeDefaultV12DataProps {
+    stepCornerRadius?: number;
+}
+/**
+ * @deprecated (v26) v9 support is removed after v25
+ */
+export interface EdgeStepV9Props extends EdgeDefaultV9Props {
+    data?: EdgeStepDataV9Props;
+}
+/**
+ * @deprecated (v26) v9 support is removed after v25
+ */
+export interface EdgeStepV12Props extends Omit<EdgeDefaultV12Props, "data">, EdgeProps<Edge<EdgeStepDataV12Props>> {
 }
-export declare const EdgeStep: React.MemoExoticComponent<(edge: EdgeStepProps) => React.JSX.Element>;
+export type EdgeStepProps = EdgeStepV9Props | EdgeStepV12Props;
+/**
+ * This element cannot be used directly, it must be connected via a `edgeTypes` definition.
+ * @see https://reactflow.dev/docs/api/nodes/
+ */
+export declare const EdgeStep: React.MemoExoticComponent<(props: EdgeStepProps) => React.JSX.Element>;
 export {};

package/dist/types/extensions/react-flow/edges/EdgeStraight.d.ts

@@ -0,0 +1 @@
+export { EdgeDefault as EdgeStraight } from "./EdgeDefault";

package/dist/types/extensions/react-flow/edges/utils.d.ts

@@ -1,4 +1,6 @@
+import { GetBezierPathParams } from "@xyflow/react";
 import { EdgeDefaultProps } from "./EdgeDefault";
 import { EdgeStepProps } from "./EdgeStep";
 export declare const drawEdgeStraight: ({ sourceX, sourceY, sourcePosition, targetX, targetY, targetPosition, }: EdgeDefaultProps) => string;
+export declare const getStraightPath: (params: Omit<GetBezierPathParams, "curvature">) => [path: string, labelX: number, labelY: number, offsetX: number, offsetY: number];
 export declare const drawEdgeStep: ({ sourceX, sourceY, sourcePosition, targetX, targetY, targetPosition, data, }: EdgeStepProps) => string;

package/dist/types/extensions/react-flow/handles/HandleDefault.d.ts

@@ -1,6 +1,5 @@
 import React from "react";
-import { HandleProps as ReactFlowHandleLegacyProps } from "react-flow-renderer";
-import { HandleProps as ReactFlowHandleNextProps } from "react-flow-renderer-lts";
+import { HandleProps as ReactFlowHandleV9Props } from "react-flow-renderer";
 import { HandleProps as ReactFlowHandleV12Props } from "@xyflow/react";
 import { IntentTypes } from "../../../common/Intent";
 import { ReacFlowVersionSupportProps } from "../versionsupport";
@@ -25,12 +24,19 @@ interface HandleExtensionProps extends ReacFlowVersionSupportProps, Omit<React.H
     intent?: IntentTypes;
     children?: HandleContentProps["children"];
 }
-export interface HandleProps extends HandleExtensionProps, ReactFlowHandleLegacyProps {
-}
-export interface HandleNextProps extends HandleExtensionProps, ReactFlowHandleNextProps {
+/**
+ * @deprecated (v26) use only `HandleDefaultProps`
+ */
+export interface HandleV9Props extends HandleExtensionProps, ReactFlowHandleV9Props {
 }
+/**
+ * @deprecated (v26) use only `HandleDefaultProps`
+ */
 export interface HandleV12Props extends HandleExtensionProps, ReactFlowHandleV12Props {
 }
-export type HandleDefaultProps = HandleProps | HandleNextProps | HandleV12Props;
+/**
+ * Combined interface, later this will be only a copy of `HandleV12Props`.
+ */
+export type HandleDefaultProps = HandleV9Props | HandleV12Props;
 export declare const HandleDefault: React.MemoExoticComponent<({ flowVersion, data, tooltip, children, category, intent, ...handleProps }: HandleDefaultProps) => React.JSX.Element>;
 export {};

package/dist/types/extensions/react-flow/index.d.ts

@@ -6,15 +6,19 @@ export * from "./nodes/nodeUtils";
 export * from "./handles/HandleDefault";
 export * from "./handles/HandleContent";
 export * from "./handles/HandleTools";
+export * from "./edges/EdgeBezier";
 export * from "./edges/EdgeDefault";
+export * from "./edges/EdgeDefaultV12";
+export * from "./edges/EdgeDefs";
 export * from "./edges/EdgeStep";
+export * from "./edges/EdgeStraight";
+export * from "./edges/EdgeNew";
 export * from "./edges/EdgeTools";
 export * from "./edges/EdgeLabel";
 export * from "./edges/EdgeDefs";
 export * from "./edges/EdgeDefaultV12";
 export * from "./markers/ReactFlowMarkers";
 export * from "./minimap/MiniMap";
+export * from "./minimap/MiniMapV12";
 export * from "./minimap/utils";
 export * from "./versionsupport";
-export { nodeTypes } from "./nodes/nodeTypes";
-export { edgeTypes } from "./edges/edgeTypes";

package/dist/types/extensions/react-flow/markers/MarkerArrowClosedInverse.d.ts

@@ -1,2 +1,5 @@
 import { FC } from "react";
+/**
+ * @deprecated (v26) only necessary for react flow v9, support will be removed
+ */
 export declare const MarkerArrowClosedInverse: FC;

package/dist/types/extensions/react-flow/markers/ReactFlowMarkers.d.ts

@@ -1,4 +1,23 @@
-import { FC } from "react";
+import React, { FC } from "react";
+import { IntentTypes } from "../../../common/Intent";
 import { MarkerArrowClosedInverse } from "./MarkerArrowClosedInverse";
+type ReactFlowMarkerAppearance = "arrow-closed";
+interface ReactFlowMarkerProps extends React.SVGProps<SVGMarkerElement> {
+    /**
+     * Visual appearance of the marker.
+     */
+    appearance?: ReactFlowMarkerAppearance;
+    /**
+     * Feedback state of the marker.
+     * SVG markers are reused by paths but they cannot inherit their state color automatically.
+     */
+    intent?: IntentTypes;
+    /**
+     * If set, then the marker orientation is reversed.
+     * Can be used if a start marker should displayed similar to an end marker.
+     */
+    reverse?: boolean;
+}
+declare const ReactFlowMarker: ({ className, appearance, intent, reverse }: ReactFlowMarkerProps) => React.JSX.Element;
 declare const ReactFlowMarkers: FC;
-export { MarkerArrowClosedInverse, ReactFlowMarkers };
+export { MarkerArrowClosedInverse, ReactFlowMarkers, ReactFlowMarker };

package/dist/types/extensions/react-flow/minimap/MiniMap.d.ts

@@ -1,10 +1,8 @@
 import React from "react";
-import { MiniMapProps as ReactFlowMiniMapProps, OnLoadParams } from "react-flow-renderer";
-export interface MiniMapProps extends ReactFlowMiniMapProps {
-    /**
-     * React-Flow instance
-     */
-    flowInstance?: OnLoadParams;
+import { MiniMapProps as ReactFlowMiniMapV9Props, OnLoadParams } from "react-flow-renderer";
+import { ReacFlowVersionSupportProps } from "../versionsupport";
+import { MiniMapV12Props } from "./MiniMapV12";
+export interface MiniMapBasicProps {
     /**
      * Enable navigating the react-flow canvas by dragging and clicking on the mini-map.
      */
@@ -15,5 +13,18 @@ export interface MiniMapProps extends ReactFlowMiniMapProps {
      */
     wrapperProps?: Omit<React.HTMLAttributes<HTMLDivElement>, "onMouseDown" | "onMouseUp" | "onMouseMove" | "onMouseLeave">;
 }
+export interface MiniMapV9Props extends MiniMapBasicProps, ReactFlowMiniMapV9Props {
+    /**
+     * React-Flow instance
+     */
+    flowInstance?: OnLoadParams;
+}
+export type MiniMapProps = (ReacFlowVersionSupportProps & MiniMapV9Props) | (ReacFlowVersionSupportProps & MiniMapV12Props);
 /** An improved mini-map for react-flow that supports navigation via the mini-map. */
-export declare const MiniMap: React.MemoExoticComponent<({ flowInstance, enableNavigation, maskColor, nodeClassName, nodeColor, nodeStrokeColor, wrapperProps, ...minimapProps }: MiniMapProps) => React.JSX.Element>;
+export declare const MiniMap: React.MemoExoticComponent<({ flowVersion, ...otherProps }: MiniMapProps) => React.JSX.Element>;
+/**
+ * Mini-map support for for React Flow v9.
+ * @deprecated (v26) will be removed, use when `MiniMap` directly
+ */
+export declare const MiniMapV9: React.MemoExoticComponent<({ flowInstance, enableNavigation, maskColor, nodeClassName, nodeColor, nodeStrokeColor, wrapperProps, ...minimapProps }: MiniMapV9Props) => React.JSX.Element>;
+export default MiniMap;

package/dist/types/extensions/react-flow/minimap/MiniMapV12.d.ts

@@ -0,0 +1,10 @@
+import React from "react";
+import { MiniMapProps as ReactFlowMiniMapProps } from "@xyflow/react";
+import { MiniMapBasicProps } from "./MiniMap";
+export interface MiniMapV12Props extends MiniMapBasicProps, Omit<ReactFlowMiniMapProps, "maskColor"> {
+}
+/**
+ * Mini-map support for for React Flow v12.
+ * @deprecated (v26) will be removed when `MiniMap` supports v12 directly
+ */
+export declare const MiniMapV12: React.MemoExoticComponent<({ enableNavigation, nodeClassName, nodeColor, nodeStrokeColor, wrapperProps, ...minimapProps }: MiniMapV12Props) => React.JSX.Element>;

package/dist/types/extensions/react-flow/nodes/NodeContent.d.ts

@@ -3,15 +3,15 @@ import { Position } from "react-flow-renderer";
 import { IntentTypes } from "../../../common/Intent";
 import { DepictionProps } from "../../../components";
 import { ValidIconName } from "../../../components/Icon/canonicalIconNames";
-import { HandleNextProps, HandleProps, HandleV12Props } from "../handles/HandleDefault";
 import { ReacFlowVersionSupportProps } from "../versionsupport";
+import { HandleDefaultProps } from "./../handles/HandleDefault";
 import { NodeContentExtensionProps } from "./NodeContentExtension";
 import { NodeDefaultProps } from "./NodeDefault";
 import { NodeHighlightColor } from "./sharedTypes";
-type NodeContentHandleLegacyProps = HandleProps;
-type NodeContentHandleNextProps = HandleNextProps;
-type NodeContentHandleV12Props = HandleV12Props;
-export type NodeContentHandleProps = NodeContentHandleLegacyProps | NodeContentHandleNextProps | NodeContentHandleV12Props;
+/**
+ * @deprecated (v26) use `HandleDefaultProps`
+ */
+export type NodeContentHandleProps = HandleDefaultProps;
 export type NodeDimensions = {
     width?: number;
     height?: number;
@@ -78,7 +78,7 @@ interface NodeContentData<CONTENT_PROPS = any> {
      */
     footerContent?: React.ReactNode;
 }
-export interface NodeContentProps<NODE_DATA, NODE_CONTENT_PROPS = any> extends NodeContentData, ReacFlowVersionSupportProps, Omit<React.HTMLAttributes<HTMLDivElement>, "content"> {
+export interface NodeContentProps<CONTENT_PROPS = any> extends NodeContentData, ReacFlowVersionSupportProps, Omit<React.HTMLAttributes<HTMLDivElement>, "content"> {
     /**
      * Size of the node.
      * If `minimalShape` is not set to `none`then the configured size definition is only used for the selected node state.
@@ -125,7 +125,7 @@ export interface NodeContentProps<NODE_DATA, NODE_CONTENT_PROPS = any> extends N
     /**
      * Set of defined buttons and icons that can be displayed.
      */
-    executionButtons?: (adjustedContentProps: Partial<NODE_CONTENT_PROPS>, setAdjustedContentProps: React.Dispatch<React.SetStateAction<Partial<NODE_CONTENT_PROPS>>>) => React.ReactElement<NODE_CONTENT_PROPS>;
+    executionButtons?: (adjustedContentProps: Partial<CONTENT_PROPS>, setAdjustedContentProps: React.Dispatch<React.SetStateAction<Partial<CONTENT_PROPS>>>) => React.ReactElement<React.HTMLAttributes<HTMLElement>>;
     /**
      * Can be used for permanent action button or context menu.
      * It is displayed at the node header right to the label.
@@ -135,7 +135,7 @@ export interface NodeContentProps<NODE_DATA, NODE_CONTENT_PROPS = any> extends N
      * Array of property definition objects for `Handle` components that need to be created for the node.
      * @see https://reactflow.dev/docs/api/handle/
      */
-    handles?: NodeContentHandleProps[];
+    handles?: HandleDefaultProps[];
     /**
      * Set the minimal number of handles on left or right side of the node to activate the recalculation of the minimal height of the node.
      */
@@ -148,7 +148,7 @@ export interface NodeContentProps<NODE_DATA, NODE_CONTENT_PROPS = any> extends N
      * Callback function to provide content for the tooltip on a node with a defined `minimalShape`.
      * If you do not want a tooltip in this state you need to provide a callback that returns an empty value.
      */
-    getMinimalTooltipData?: (node: NodeDefaultProps<NODE_DATA>) => NodeContentData;
+    getMinimalTooltipData?: (node: NodeDefaultProps<CONTENT_PROPS>) => NodeContentData;
     /**
      * Set if a handle is displayed even if it does not allow a connection to an edge.
      */
@@ -161,8 +161,11 @@ export interface NodeContentProps<NODE_DATA, NODE_CONTENT_PROPS = any> extends N
      * Time in ms used for a short animation of the node to visualize it was added or updated.
      */
     introductionTime?: number | IntroductionTime;
-    /** Additional data stored in the node. */
-    businessData?: NODE_DATA;
+    /**
+     * Additional data stored in the node.
+     * @deprecated (v26) is not used anymore.
+     */
+    businessData?: never;
     /**
      * This property is only forwarded from the `NodeDefault` element.
      * If set then it will be always overwritten internally.
@@ -205,7 +208,7 @@ export interface NodeContentProps<NODE_DATA, NODE_CONTENT_PROPS = any> extends N
  * 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 declare function NodeContent<CONTENT_PROPS = any>({ flowVersion, iconName, depiction, leftElement, typeLabel, label, labelSubline, enlargeHeader, fullWidth, showExecutionButtons, executionButtons, menuButtons, content, contentExtension, footerContent, size, minimalShape, intent, border, highlightColor, adaptHeightForHandleMinCount, adaptSizeIncrement, getMinimalTooltipData, style, showUnconnectableHandles, animated, introductionTime, onNodeResize, nodeDimensions, resizeDirections, resizeMaxDimensions, targetPosition, sourcePosition, isConnectable, selected, letPassWheelEvents, businessData, ...otherDomProps }: NodeContentProps<any>): React.JSX.Element;
+export declare function NodeContent<CONTENT_PROPS = React.HTMLAttributes<HTMLElement>>({ flowVersion, iconName, depiction, leftElement, typeLabel, label, labelSubline, enlargeHeader, fullWidth, showExecutionButtons, executionButtons, menuButtons, content, contentExtension, footerContent, size, minimalShape, intent, border, highlightColor, adaptHeightForHandleMinCount, adaptSizeIncrement, getMinimalTooltipData, style, showUnconnectableHandles, animated, introductionTime, onNodeResize, nodeDimensions, resizeDirections, resizeMaxDimensions, targetPosition, sourcePosition, isConnectable, selected, letPassWheelEvents, businessData, ...otherDomProps }: NodeContentProps<CONTENT_PROPS>): React.JSX.Element;
 export declare const nodeContentUtils: {
     evaluateHighlightColors: (baseCustomProperty: string, highlightColor?: NodeHighlightColor | NodeHighlightColor[]) => {
         highlightClassNameSuffix: string[];

package/dist/types/extensions/react-flow/nodes/NodeDefault.d.ts

@@ -1,14 +1,18 @@
 import React from "react";
-import { NodeProps as ReactFlowNodeProps } from "react-flow-renderer";
+import { NodeProps as ReactFlowNodeV9Props } from "react-flow-renderer";
+import { NodeProps as ReactFlowNodeV12Props } from "@xyflow/react";
 import { ReacFlowVersionSupportProps } from "../versionsupport";
 import { NodeContentProps } from "./NodeContent";
-export interface NodeDefaultProps<NODE_DATA, NODE_CONTENT_PROPS = any> extends ReacFlowVersionSupportProps, ReactFlowNodeProps {
+interface NodeDefaultExtendedProps<CONTENT_PROPS = any> extends ReacFlowVersionSupportProps {
     /**
      * Contains all properties for our implementation of the React-Flow node.
      * For details pls see the `NodeContent` element documentation.
      */
-    data: NodeContentProps<NODE_DATA, NODE_CONTENT_PROPS>;
+    data: NodeContentProps<CONTENT_PROPS>;
 }
+type NodeDefaultV9Props<CONTENT_PROPS = any> = NodeDefaultExtendedProps<CONTENT_PROPS> & ReactFlowNodeV9Props;
+type NodeDefaultV12Props<CONTENT_PROPS = any> = NodeDefaultExtendedProps<CONTENT_PROPS> & Omit<ReactFlowNodeV12Props, "data">;
+export type NodeDefaultProps<CONTENT_PROPS = any> = NodeDefaultV9Props<CONTENT_PROPS> | NodeDefaultV12Props<CONTENT_PROPS>;
 /**
  * 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.

package/dist/types/extensions/react-flow/nodes/nodeUtils.d.ts

@@ -1,15 +1,22 @@
 import { CSSProperties } from "react";
-import { Node, XYPosition } from "react-flow-renderer";
+import { Node as NodeV9, XYPosition as XYPositionV9 } from "react-flow-renderer";
+import { Node as NodeV12, XYPosition as XYPositionV12 } from "@xyflow/react";
 import { NodeDimensions } from "./NodeContent";
-/** A sticky note for display in the UI as returned from the backend. */
-export interface StickyNote {
+interface StickyNoteBase {
     id: string;
     content: string;
     color: string;
-    position: XYPosition & NodeDimensions;
 }
+interface StickyNotePositionV9 {
+    position: XYPositionV9 & NodeDimensions;
+}
+interface StickyNotePositionV12 {
+    position: XYPositionV12 & NodeDimensions;
+}
+/** A sticky note for display in the UI as returned from the backend. */
+export type StickyNote = (StickyNoteBase & StickyNotePositionV9) | (StickyNoteBase & StickyNotePositionV12);
 export declare const nodeDefaultUtils: {
     generateStyleWithColor: (color: string) => CSSProperties;
-    transformNodeToStickyNode: (node: Node<any>) => StickyNote;
+    transformNodeToStickyNode: (node: NodeV9<any> | NodeV12<any>) => StickyNote;
 };
 export default nodeDefaultUtils;

package/dist/types/extensions/react-flow/versionsupport.d.ts

@@ -1,8 +1,12 @@
+export declare const enum ReactFlowVersions {
+    NONE = "none",// mainly here in case some ReactFlow components are used without any react flow containr
+    V9 = "v9",
+    V12 = "v12"
+}
 export interface ReacFlowVersionSupportProps {
     /**
-     * Spevifies the context of the react flow renderer version that is used for the component.
-     * @deprecated (v25) `legacy` and `next` will be removed/replaced by `v##` values in future versions
+     * Specifies the context of the react flow renderer version that is used for the component.
      */
-    flowVersion?: "v12" | "legacy" | "next" | "none";
+    flowVersion?: ReactFlowVersions.V9 | ReactFlowVersions.V12 | ReactFlowVersions.NONE;
 }
-export declare const useReactFlowVersion: () => "none" | "next" | "legacy" | "v12";
+export declare const useReactFlowVersion: () => ReactFlowVersions;

package/dist/types/index.d.ts

@@ -1,7 +1,6 @@
 import { Classes as BlueprintClasses } from "@blueprintjs/core";
 import * as Skeleton from "./components/Skeleton/classnames";
 import * as TypographyClassNames from "./components/Typography/classnames";
-import * as LegacyReplacements from "./legacy-replacements";
 declare const ClassNames: {
     Blueprint: typeof BlueprintClasses;
     Intent: {
@@ -15,4 +14,4 @@ export * from "./common";
 export * from "./components";
 export * from "./extensions";
 export * from "./cmem";
-export { ClassNames, LegacyReplacements };
+export { ClassNames };

package/package.json

@@ -1,7 +1,7 @@
 {
     "name": "@eccenca/gui-elements",
     "description": "GUI elements based on other libraries, usable in React application, written in Typescript.",
-    "version": "24.4.1-featurechatcomponentscmem6775.3",
+    "version": "24.4.1-featurepreparefinalnextcmem6943.0",
     "license": "Apache-2.0",
     "homepage": "https://github.com/eccenca/gui-elements",
     "bugs": "https://github.com/eccenca/gui-elements/issues",
@@ -73,6 +73,7 @@
         "@blueprintjs/select": "^5.3.19",
         "@carbon/icons": "^11.58.0",
         "@carbon/react": "^1.80.1",
+        "@codemirror/lang-html": "^6.4.9",
         "@codemirror/lang-javascript": "^6.2.3",
         "@codemirror/lang-json": "^6.0.1",
         "@codemirror/lang-markdown": "^6.3.2",
@@ -93,11 +94,9 @@
         "react": "^16.13.1",
         "react-dom": "^16.14.0",
         "react-flow-renderer": "9.7.4",
-        "react-flow-renderer-lts": "npm:react-flow-renderer@^10.3.17",
         "react-inlinesvg": "^3.0.3",
         "react-is": "^16.13.1",
         "react-markdown": "^10.1.0",
-        "react-markdown-deprecated": "npm:react-markdown@^8.0.7",
         "react-syntax-highlighter": "^15.6.1",
         "rehype-external-links": "^3.0.0",
         "rehype-raw": "^7.0.0",