@eccenca/gui-elements 23.1.0 → 23.2.0-rc.1

package/dist/types/components/TextField/TextArea.d.ts

@@ -1,27 +1,27 @@
-/// <reference types="react" />
+import React from "react";
 import { TextAreaProps as BlueprintTextAreaProps } from "@blueprintjs/core";
 import { InvisibleCharacterWarningProps } from "./useTextValidation";
 export interface TextAreaProps extends Partial<BlueprintTextAreaProps> {
     /**
-     * when set to true the input takes a blue border color
-     */
+    * when set to true the input takes a blue border color
+    */
     hasStatePrimary?: boolean;
     /**
-     * when set to true the input takes a green border color
-     */
+    * when set to true the input takes a green border color
+    */
     hasStateSuccess?: boolean;
     /**
-     * when set to true the input takes an orange border color
-     */
+    * when set to true the input takes an orange border color
+    */
     hasStateWarning?: boolean;
     /**
-     * when set to true the input takes a red border color
-     */
+    * when set to true the input takes a red border color
+    */
     hasStateDanger?: boolean;
     /**
      * If set, allows to be informed of invisible, hard to spot characters in the string value.
      */
     invisibleCharacterWarning?: InvisibleCharacterWarningProps;
 }
-declare function TextArea({ className, hasStatePrimary, hasStateSuccess, hasStateWarning, hasStateDanger, rows, invisibleCharacterWarning, ...otherProps }: TextAreaProps): JSX.Element;
+export declare const TextArea: ({ className, hasStatePrimary, hasStateSuccess, hasStateWarning, hasStateDanger, rows, invisibleCharacterWarning, ...otherProps }: TextAreaProps) => React.JSX.Element;
 export default TextArea;

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

@@ -1,9 +1,9 @@
-/// <reference types="react" />
-import { MaybeElement, HTMLInputProps, InputGroupProps } from "@blueprintjs/core";
+import React from "react";
+import { MaybeElement, HTMLInputProps, InputGroupProps2 } from "@blueprintjs/core";
 import { IntentTypes } from "../../common/Intent";
 import { ValidIconName } from "../Icon/canonicalIconNames";
 import { InvisibleCharacterWarningProps } from "./useTextValidation";
-export interface TextFieldProps extends Partial<Omit<InputGroupProps, "intent" | "leftIcon"> & HTMLInputProps> {
+export interface TextFieldProps extends Partial<Omit<InputGroupProps2, "intent" | "leftIcon" | "leftElement"> & HTMLInputProps> {
     /**
     * The input element is displayed with primary color scheme.
     * @deprecated
@@ -44,5 +44,5 @@ export interface TextFieldProps extends Partial<Omit<InputGroupProps, "intent" |
 /**
   * Text input field.
   */
-declare function TextField({ className, hasStatePrimary, hasStateSuccess, hasStateWarning, hasStateDanger, fullWidth, leftIcon, invisibleCharacterWarning, ...otherProps }: TextFieldProps): JSX.Element;
+export declare const TextField: ({ className, hasStatePrimary, hasStateSuccess, hasStateWarning, hasStateDanger, fullWidth, leftIcon, invisibleCharacterWarning, ...otherProps }: TextFieldProps) => React.JSX.Element;
 export default TextField;

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

@@ -0,0 +1,3 @@
+export * from "./TextField";
+export * from "./TextArea";
+export * from "./SearchField";

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

@@ -1,5 +1,5 @@
 import React from "react";
-interface ToolbarProps extends React.HTMLAttributes<HTMLDivElement> {
+export interface ToolbarProps extends React.HTMLAttributes<HTMLDivElement> {
     /**
      * Allow sections to break up into multiple lines when there is not enough space available.
      * Only makes sense for horizontal toolbars.
@@ -14,5 +14,5 @@ interface ToolbarProps extends React.HTMLAttributes<HTMLDivElement> {
 /**
  * Element to group user-interaction elements.
  */
-declare function Toolbar({ children, className, noWrap, verticalStack, ...restProps }: ToolbarProps): JSX.Element;
+export declare const Toolbar: ({ children, className, noWrap, verticalStack, ...restProps }: ToolbarProps) => React.JSX.Element;
 export default Toolbar;

package/dist/types/components/Toolbar/ToolbarSection.d.ts

@@ -1,5 +1,5 @@
 import React from "react";
-interface ToolbarSectionProps extends React.HTMLAttributes<HTMLDivElement> {
+export interface ToolbarSectionProps extends React.HTMLAttributes<HTMLDivElement> {
     /**
     * Is allowed to allocate more space than necessary to show all children.
     */
@@ -18,5 +18,5 @@ interface ToolbarSectionProps extends React.HTMLAttributes<HTMLDivElement> {
  * Provides element to group toolbar elements together.
  * It can be configured how dynamic it is displayed regarding provided space inside the `Toolbar` parent.
  */
-declare function ToolbarSection({ children, className, canGrow, canShrink, hideOverflow, ...otherProps }: ToolbarSectionProps): JSX.Element;
+export declare const ToolbarSection: ({ children, className, canGrow, canShrink, hideOverflow, ...otherProps }: ToolbarSectionProps) => React.JSX.Element;
 export default ToolbarSection;

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

@@ -0,0 +1,2 @@
+export * from "./Toolbar";
+export * from "./ToolbarSection";

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

@@ -26,5 +26,5 @@ export interface TooltipProps extends Omit<BlueprintTooltipProps, "position"> {
      */
     markdownProps?: Omit<MarkdownParserProps, "children">;
 }
-declare function Tooltip({ children, content, className, size, addIndicator, markdownEnabler, markdownProps, ...otherProps }: TooltipProps): JSX.Element;
+export declare const Tooltip: ({ children, content, className, size, addIndicator, markdownEnabler, markdownProps, ...otherProps }: TooltipProps) => React.JSX.Element;
 export default Tooltip;

package/dist/types/components/Typography/Highlighter.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from "react";
 export interface HighlighterProps {
     label?: string;
     searchValue?: string;
@@ -8,11 +8,25 @@ export interface HighlighterProps {
  * @param label       The string to highlight.
  * @param searchValue The mutli-word search query from which single words should be highlighted in the label.
  */
-declare function Highlighter({ label, searchValue }: HighlighterProps): JSX.Element;
-/** Extracts search words separated by white space. */
+export declare function Highlighter({ label, searchValue }: HighlighterProps): React.JSX.Element;
+/**
+ * Extracts search words separated by white space.
+ * @deprecated moved to `highlighterUtils.extractSearchWords`
+ */
 export declare function extractSearchWords(textQuery: string, toLowerCase?: boolean): string[];
-/** Returns true if all search words are included in the given text */
+/**
+ * Returns true if all search words are included in the given text
+ * @deprecated moved to `highlighterUtils.matchesAllWords`
+ */
 export declare function matchesAllWords(text: string, searchWords: string[]): boolean;
-/** Creates a case-insensitive multi-word regex, that matches any of the given words. */
+/**
+ * Creates a case-insensitive multi-word regex, that matches any of the given words.
+ * @deprecated moved to `highlighterUtils.createMultiWordRegex`
+ */
 export declare function createMultiWordRegex(multiWordQuery: string[], global?: boolean): RegExp;
+export declare const highlighterUtils: {
+    extractSearchWords: typeof extractSearchWords;
+    matchesAllWords: typeof matchesAllWords;
+    createMultiWordRegex: typeof createMultiWordRegex;
+};
 export default Highlighter;

package/dist/types/components/Typography/HtmlContentBlock.d.ts

@@ -12,5 +12,5 @@ export interface HtmlContentBlockProps extends React.HTMLAttributes<HTMLDivEleme
     linebreakPrevented?: boolean;
     noScrollbarsOnChildren?: boolean;
 }
-declare function HtmlContentBlock({ className, children, small, large, muted, disabled, linebreakForced, linebreakPrevented, noScrollbarsOnChildren, ...otherProps }: HtmlContentBlockProps): JSX.Element;
+export declare const HtmlContentBlock: ({ className, children, small, large, muted, disabled, linebreakForced, linebreakPrevented, noScrollbarsOnChildren, ...otherProps }: HtmlContentBlockProps) => React.JSX.Element;
 export default HtmlContentBlock;

package/dist/types/components/Typography/OverflowText.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from "react";
 export interface OverflowTextProps {
     ellipsis?: "reverse" | "none";
     inline?: boolean;
@@ -8,5 +8,5 @@ export interface OverflowTextProps {
     [key: string]: any;
 }
 /** Prevents text from overflowing. */
-declare function OverflowText({ className, children, ellipsis, inline, passDown, useHtmlElement, ...otherProps }: OverflowTextProps): JSX.Element;
+export declare const OverflowText: ({ className, children, ellipsis, inline, passDown, useHtmlElement, ...otherProps }: OverflowTextProps) => React.JSX.Element;
 export default OverflowText;

package/dist/types/components/Typography/WhiteSpaceContainer.d.ts

@@ -42,5 +42,5 @@ export interface WhiteSpaceContainerProps extends React.HTMLAttributes<HTMLDivEl
  * Simple container to add whitespace inside and around of it without adding style attributes directly.
  * This way the added whitespace keeps visually connected to the other whitespaces used in the application.
  */
-declare function WhiteSpaceContainer({ className, children, marginTop, marginRight, marginBottom, marginLeft, paddingTop, paddingRight, paddingBottom, paddingLeft, linebreakForced, ...otherDivProps }: WhiteSpaceContainerProps): JSX.Element;
+export declare const WhiteSpaceContainer: ({ className, children, marginTop, marginRight, marginBottom, marginLeft, paddingTop, paddingRight, paddingBottom, paddingLeft, linebreakForced, ...otherDivProps }: WhiteSpaceContainerProps) => React.JSX.Element;
 export default WhiteSpaceContainer;

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

@@ -1,12 +1,10 @@
-import Highlighter, { HighlighterProps } from "./Highlighter";
 import { extractSearchWords, matchesAllWords, createMultiWordRegex } from "./Highlighter";
-import HtmlContentBlock, { HtmlContentBlockProps } from "./HtmlContentBlock";
-import OverflowText, { OverflowTextProps } from "./OverflowText";
-import WhiteSpaceContainer, { WhiteSpaceContainerProps } from "./WhiteSpaceContainer";
-export type { HighlighterProps, HtmlContentBlockProps, OverflowTextProps, WhiteSpaceContainerProps };
-export { Highlighter, HtmlContentBlock, OverflowText, WhiteSpaceContainer, };
 export declare const HighlighterFunctions: {
     extractSearchWords: typeof extractSearchWords;
     matchesAllWords: typeof matchesAllWords;
     createMultiWordRegex: typeof createMultiWordRegex;
 };
+export * from "./Highlighter";
+export * from "./HtmlContentBlock";
+export * from "./OverflowText";
+export * from "./WhiteSpaceContainer";

package/dist/types/components/Workspace/WorkspaceContent.d.ts

@@ -1,3 +1,6 @@
-/// <reference types="react" />
-declare function WorkspaceContent({ children, className, ...restProps }: any): JSX.Element;
+import React from "react";
+import { GridProps } from "./../Grid/Grid";
+export interface WorkspaceContentProps extends GridProps {
+}
+export declare const WorkspaceContent: ({ children, className, ...restProps }: WorkspaceContentProps) => React.JSX.Element;
 export default WorkspaceContent;

package/dist/types/components/Workspace/WorkspaceHeader.d.ts

@@ -1,10 +1,11 @@
 import React from "react";
-interface IWorkspaceHeaderProps extends React.HTMLAttributes<HTMLDivElement> {
+export interface WorkspaceHeaderProps extends React.HTMLAttributes<HTMLDivElement> {
     children?: any;
     /**
         space-delimited list of class names
     */
     className?: string;
 }
-declare function WorkspaceHeader({ children, className, ...otherProps }: IWorkspaceHeaderProps): JSX.Element;
+export declare type IWorkspaceHeaderProps = WorkspaceHeaderProps;
+export declare const WorkspaceHeader: ({ children, className, ...otherProps }: WorkspaceHeaderProps) => React.JSX.Element;
 export default WorkspaceHeader;

package/dist/types/components/Workspace/WorkspaceMain.d.ts

@@ -1,3 +1,6 @@
-/// <reference types="react" />
-declare function WorkspaceMain({ children, className, ...restProps }: any): JSX.Element;
+import React from "react";
+import { GridColumnProps } from "./../Grid/GridColumn";
+export interface WorkspaceMainProps extends GridColumnProps {
+}
+export declare const WorkspaceMain: ({ children, className, ...restProps }: GridColumnProps) => React.JSX.Element;
 export default WorkspaceMain;

package/dist/types/components/Workspace/WorkspaceSide.d.ts

@@ -1,3 +1,6 @@
-/// <reference types="react" />
-declare function WorkspaceSide({ children, className, ...restProps }: any): JSX.Element;
+import React from "react";
+import { GridColumnProps } from "./../Grid/GridColumn";
+export interface WorkspaceSideProps extends GridColumnProps {
+}
+export declare const WorkspaceSide: ({ children, className, ...restProps }: GridColumnProps) => React.JSX.Element;
 export default WorkspaceSide;

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

@@ -0,0 +1,4 @@
+export * from "./WorkspaceContent";
+export * from "./WorkspaceMain";
+export * from "./WorkspaceSide";
+export * from "./WorkspaceHeader";

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

@@ -1,9 +1,49 @@
+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 "./Checkbox/Checkbox";
+export * from "./ContextOverlay";
 export * from "./Depiction/Depiction";
+export * from "./Dialog";
+export * from "./Form";
+export * from "./Grid";
+export * from "./HoverToggler/HoverToggler";
 export * from "./Icon";
+export * from "./Iframe";
+export * from "./InteractionGate/InteractionGate";
+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 "./Notification";
+export * from "./NumericInput/NumericInput";
+export * from "./OverviewItem";
+export * from "./Pagination/Pagination";
 export * from "./ProgressBar";
+export * from "./PropertyValuePair";
+export * from "./RadioButton/RadioButton";
+export * from "./Select/Select";
+export * from "./Separation/Divider";
+export * from "./Separation/Spacing";
+export * from "./Spinner/Spinner";
+export * from "./Structure";
+export * from "./Switch/Switch";
 export * from "./Table";
+export * from "./Tabs";
 export * from "./Tag";
+export * from "./TextField";
+export * from "./Toolbar";
+export * from "./Tooltip/Tooltip";
 export * from "./Tree/Tree";
 export * from "./Typography";
+export * from "./Workspace";
 export * from "./interfaces";

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

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from "react";
 import "codemirror/mode/markdown/markdown.js";
 import "codemirror/mode/python/python.js";
 import "codemirror/mode/sparql/sparql.js";
@@ -36,4 +36,4 @@ export interface CodeEditorProps {
 /**
  * Includes a code editor, currently we use CodeMirror library as base.
  */
-export declare const CodeEditor: ({ onChange, name, id, mode, preventLineNumbers, defaultValue, }: CodeEditorProps) => JSX.Element;
+export declare const CodeEditor: ({ onChange, name, id, mode, preventLineNumbers, defaultValue, }: CodeEditorProps) => React.JSX.Element;

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

@@ -1,7 +1,7 @@
 import React from 'react';
 import { EdgeProps as ReactFlowEdgeProps } from "react-flow-renderer/dist/types";
 import { IntentTypes } from "../../../common/Intent";
-import { NodeHighlightColor } from "./../nodes/NodeContent";
+import { NodeHighlightColor } from "./../nodes/sharedTypes";
 export interface EdgeDefaultDataProps {
     /**
      * Overwrites the default style how the edge stroke is displayed.
@@ -39,5 +39,9 @@ export interface EdgeDefaultProps extends ReactFlowEdgeProps {
      */
     drawSvgPath?: (edge: ReactFlowEdgeProps) => string;
 }
-export declare const EdgeDefault: React.MemoExoticComponent<(edge: EdgeDefaultProps) => JSX.Element>;
-export declare const createEdgeDefaultClassName: ({ strokeType, intent, highlightColor, }: EdgeDefaultDataProps, baseClass?: string) => string;
+export declare const EdgeDefault: React.MemoExoticComponent<(edge: EdgeDefaultProps) => React.JSX.Element>;
+export declare const edgeDefaultUtils: {
+    createEdgeDefaultClassName: ({ strokeType, intent, highlightColor, }: EdgeDefaultDataProps, baseClass?: string) => 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/EdgeLabel.d.ts

@@ -29,8 +29,8 @@ export interface EdgeLabelProps extends React.HTMLAttributes<HTMLDivElement> {
      */
     intent?: IntentTypes;
 }
-export declare const EdgeLabel: React.MemoExoticComponent<({ depiction, text, actions, large, fullWidth, intent, ...otherDivProps }: EdgeLabelProps) => JSX.Element>;
-interface EdgeLabelObjectProps extends React.SVGAttributes<SVGForeignObjectElement> {
+export declare const EdgeLabel: React.MemoExoticComponent<({ depiction, text, actions, large, fullWidth, intent, title, ...otherDivProps }: EdgeLabelProps) => React.JSX.Element>;
+export interface EdgeLabelObjectProps extends React.SVGAttributes<SVGForeignObjectElement> {
     /**
      * The `<EdgeLabel />` element that need to be displayed.
      */
@@ -45,5 +45,4 @@ interface EdgeLabelObjectProps extends React.SVGAttributes<SVGForeignObjectEleme
      */
     resizeTimeout?: number;
 }
-export declare const EdgeLabelObject: React.MemoExoticComponent<({ children, edgeCenter, resizeTimeout, ...otherForeignObjectProps }: EdgeLabelObjectProps) => JSX.Element>;
-export {};
+export declare const EdgeLabelObject: React.MemoExoticComponent<({ children, edgeCenter, resizeTimeout, ...otherForeignObjectProps }: EdgeLabelObjectProps) => React.JSX.Element>;

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

@@ -1,9 +1,10 @@
 import React from 'react';
 import { EdgeDefaultProps, EdgeDefaultDataProps } from "./EdgeDefault";
-export interface EdgeStepDataProps extends EdgeDefaultDataProps {
+interface EdgeStepDataProps extends EdgeDefaultDataProps {
     stepCornerRadius?: number;
 }
 export interface EdgeStepProps extends EdgeDefaultProps {
     data?: EdgeStepDataProps;
 }
-export declare const EdgeStep: React.MemoExoticComponent<(edge: EdgeStepProps) => JSX.Element>;
+export declare const EdgeStep: React.MemoExoticComponent<(edge: EdgeStepProps) => React.JSX.Element>;
+export {};

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

@@ -8,5 +8,5 @@ export interface EdgeToolsProps extends Omit<ContextOverlayProps, "children"> {
     posOffset: PosOffset;
     children: string | JSX.Element | JSX.Element[];
 }
-export declare const EdgeTools: React.MemoExoticComponent<({ posOffset, children, ...otherProps }: EdgeToolsProps) => JSX.Element>;
+export declare const EdgeTools: React.MemoExoticComponent<({ posOffset, children, ...otherProps }: EdgeToolsProps) => React.JSX.Element>;
 export {};

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

@@ -1,16 +1,16 @@
 /// <reference types="react" />
 export declare const edgeTypes: {
-    default: import("react").MemoExoticComponent<(edge: import("./EdgeDefault").EdgeDefaultProps) => JSX.Element>;
-    straight: import("react").MemoExoticComponent<(edge: import("./EdgeDefault").EdgeDefaultProps) => JSX.Element>;
-    step: import("react").MemoExoticComponent<(edge: import("./EdgeStep").EdgeStepProps) => JSX.Element>;
-    success: import("react").MemoExoticComponent<(edge: import("./EdgeDefault").EdgeDefaultProps) => JSX.Element>;
-    warning: import("react").MemoExoticComponent<(edge: import("./EdgeDefault").EdgeDefaultProps) => JSX.Element>;
-    danger: import("react").MemoExoticComponent<(edge: import("./EdgeDefault").EdgeDefaultProps) => JSX.Element>;
-    implicit: import("react").MemoExoticComponent<(edge: import("./EdgeDefault").EdgeDefaultProps) => JSX.Element>;
-    import: import("react").MemoExoticComponent<(edge: import("./EdgeDefault").EdgeDefaultProps) => JSX.Element>;
-    subclass: import("react").MemoExoticComponent<(edge: import("./EdgeDefault").EdgeDefaultProps) => JSX.Element>;
-    subproperty: import("react").MemoExoticComponent<(edge: import("./EdgeDefault").EdgeDefaultProps) => JSX.Element>;
-    rdftype: import("react").MemoExoticComponent<(edge: import("./EdgeDefault").EdgeDefaultProps) => JSX.Element>;
-    value: import("react").MemoExoticComponent<(edge: import("./EdgeStep").EdgeStepProps) => JSX.Element>;
-    score: import("react").MemoExoticComponent<(edge: import("./EdgeStep").EdgeStepProps) => JSX.Element>;
+    default: import("react").MemoExoticComponent<(edge: import("./EdgeDefault").EdgeDefaultProps) => import("react").JSX.Element>;
+    straight: import("react").MemoExoticComponent<(edge: import("./EdgeDefault").EdgeDefaultProps) => import("react").JSX.Element>;
+    step: import("react").MemoExoticComponent<(edge: import("./EdgeStep").EdgeStepProps) => import("react").JSX.Element>;
+    success: import("react").MemoExoticComponent<(edge: import("./EdgeDefault").EdgeDefaultProps) => import("react").JSX.Element>;
+    warning: import("react").MemoExoticComponent<(edge: import("./EdgeDefault").EdgeDefaultProps) => import("react").JSX.Element>;
+    danger: import("react").MemoExoticComponent<(edge: import("./EdgeDefault").EdgeDefaultProps) => import("react").JSX.Element>;
+    implicit: import("react").MemoExoticComponent<(edge: import("./EdgeDefault").EdgeDefaultProps) => import("react").JSX.Element>;
+    import: import("react").MemoExoticComponent<(edge: import("./EdgeDefault").EdgeDefaultProps) => import("react").JSX.Element>;
+    subclass: import("react").MemoExoticComponent<(edge: import("./EdgeDefault").EdgeDefaultProps) => import("react").JSX.Element>;
+    subproperty: import("react").MemoExoticComponent<(edge: import("./EdgeDefault").EdgeDefaultProps) => import("react").JSX.Element>;
+    rdftype: import("react").MemoExoticComponent<(edge: import("./EdgeDefault").EdgeDefaultProps) => import("react").JSX.Element>;
+    value: import("react").MemoExoticComponent<(edge: import("./EdgeStep").EdgeStepProps) => import("react").JSX.Element>;
+    score: import("react").MemoExoticComponent<(edge: import("./EdgeStep").EdgeStepProps) => import("react").JSX.Element>;
 };

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

@@ -6,4 +6,4 @@ export interface HandleContentProps {
      */
     extendedTooltip?: JSX.Element | string;
 }
-export declare const HandleContent: React.MemoExoticComponent<({ children, extendedTooltip }: HandleContentProps) => JSX.Element>;
+export declare const HandleContent: React.MemoExoticComponent<({ children, extendedTooltip }: HandleContentProps) => React.JSX.Element>;

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

@@ -19,5 +19,6 @@ export interface HandleProps extends HandleExtensionProps, ReactFlowHandleLegacy
 }
 export interface HandleNextProps extends HandleExtensionProps, ReactFlowHandleNextProps {
 }
-export declare const HandleDefault: React.MemoExoticComponent<({ flowVersion, data, tooltip, children, ...handleProps }: HandleProps | HandleNextProps) => JSX.Element>;
+export declare type HandleDefaultProps = HandleProps | HandleNextProps;
+export declare const HandleDefault: React.MemoExoticComponent<({ flowVersion, data, tooltip, children, ...handleProps }: HandleDefaultProps) => React.JSX.Element>;
 export {};

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

@@ -1,22 +1,30 @@
-export { NodeDefault } from "./nodes/NodeDefault";
-export { NodeContent } from "./nodes/NodeContent";
-export { NodeContentExtension } from "./nodes/NodeContentExtension";
-export { NodeTools } from "./nodes/NodeTools";
+/// <reference types="react" />
+export * from "./nodes/NodeDefault";
+export * from "./nodes/NodeContent";
+export * from "./nodes/NodeContentExtension";
+export * from "./nodes/NodeTools";
+export * from "./nodes/nodeUtils";
+export * from "./handles/HandleDefault";
+export * from "./edges/EdgeDefault";
+export * from "./edges/EdgeStep";
+export * from "./edges/EdgeTools";
+export * from "./edges/EdgeLabel";
+export * from "./markers/ReactFlowMarkers";
+export * from "./minimap/MiniMap";
+export * from "./minimap/utils";
 export { nodeTypes } from "./nodes/nodeTypes";
-export { EdgeStep } from "./edges/EdgeStep";
-export { EdgeTools } from "./edges/EdgeTools";
 export { edgeTypes } from "./edges/edgeTypes";
-export * from "./edges/EdgeLabel";
-export { MarkerArrowClosedInverse } from "./markers/MarkerArrowClosedInverse";
-export { ReactFlowMarkers } from "./markers/ReactFlowMarkers";
-export { MiniMap } from "./minimap/MiniMap";
-export { minimapNodeClassName, minimapNodeColor } from "./minimap/utils";
-export { default as nodeUtils } from "./nodes/nodeUtils";
-export type { NodeProps } from "./nodes/NodeDefault";
-export type { NodeContentProps } from "./nodes/NodeContent";
-export type { NodeContentExtensionProps } from "./nodes/NodeContentExtension";
-export type { NodeToolsProps } from "./nodes/NodeTools";
-export type { EdgeStepProps } from "./edges/EdgeStep";
-export type { MiniMapProps } from "./minimap/MiniMap";
-export * from "./edges/EdgeDefault";
-export * from "./handles/HandleDefault";
+declare const minimapNodeClassName: (node: any) => string;
+declare const minimapNodeColor: (node: any) => any;
+export { minimapNodeClassName, minimapNodeColor };
+declare const nodeUtils: {
+    generateStyleWithColor: (color: string) => import("react").CSSProperties;
+    transformNodeToStickyNode: (node: import("react-flow-renderer").Node<any>) => {
+        id: string;
+        content: string;
+        color: string;
+        position: number[];
+        dimension: number[];
+    };
+};
+export { nodeUtils };

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

@@ -1,2 +1,4 @@
 import { FC } from "react";
-export declare const ReactFlowMarkers: FC;
+import { MarkerArrowClosedInverse } from "./MarkerArrowClosedInverse";
+declare const ReactFlowMarkers: FC;
+export { MarkerArrowClosedInverse, ReactFlowMarkers };

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

@@ -5,4 +5,4 @@ export interface MiniMapProps extends ReactFlowMiniMapProps {
     enableNavigation?: boolean;
 }
 /** 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, ...minimapProps }: MiniMapProps) => JSX.Element>;
+export declare const MiniMap: React.MemoExoticComponent<({ flowInstance, enableNavigation, maskColor, nodeClassName, nodeColor, nodeStrokeColor, ...minimapProps }: MiniMapProps) => React.JSX.Element>;

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

@@ -1,3 +1,5 @@
-export declare const minimapNodeClassName: (node: any) => string;
-export declare const minimapNodeColor: (node: any) => any;
-export declare const minimapBorderColor: (node: any) => any;
+export declare const miniMapUtils: {
+    nodeClassName: (node: any) => string;
+    nodeColor: (node: any) => any;
+    borderColor: (node: any) => any;
+};

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

@@ -1,21 +1,22 @@
 import React from "react";
-import Color from "color";
 import { Position } from "react-flow-renderer";
-import { ValidIconName } from "../../../components/Icon/canonicalIconNames";
-import { DepictionProps } from "../../../components/Depiction/Depiction";
 import { IntentTypes } from "../../../common/Intent";
+import { DepictionProps } from "../../../components/Depiction/Depiction";
+import { ValidIconName } from "../../../components/Icon/canonicalIconNames";
 import { ReacFlowVersionSupportProps } from "../versionsupport";
-import { HandleProps, HandleNextProps } from "./../handles/HandleDefault";
-import { NodeProps } from "./NodeDefault";
+import { HandleNextProps, HandleProps } from "./../handles/HandleDefault";
 import { NodeContentExtensionProps } from "./NodeContentExtension";
-export declare type HighlightingState = "success" | "warning" | "danger" | "match" | "altmatch";
-export declare type NodeHighlightColor = "default" | "alternate" | Color | string;
-export interface IHandleProps extends HandleProps {
+import { NodeProps } from "./NodeDefault";
+import { HighlightingState, NodeHighlightColor } from "./sharedTypes";
+export type { HighlightingState };
+interface NodeContentHandleLegacyProps extends HandleProps {
     category?: "configuration";
 }
-interface NodeContentHandleNextProps extends HandleNextProps {
+export declare type IHandleProps = NodeContentHandleLegacyProps;
+export interface NodeContentHandleNextProps extends HandleNextProps {
     category?: "configuration";
 }
+export declare type NodeContentHandleProps = NodeContentHandleLegacyProps | NodeContentHandleNextProps;
 export declare type NodeDimensions = {
     width: number;
     height: number;
@@ -56,7 +57,7 @@ interface NodeContentData<CONTENT_PROPS = any> {
      */
     footerContent?: React.ReactNode;
 }
-export interface NodeContentProps<NODE_DATA, NODE_CONTENT_PROPS = any> extends NodeContentData, ReacFlowVersionSupportProps, React.HTMLAttributes<HTMLDivElement> {
+export interface NodeContentProps<NODE_DATA, NODE_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.
@@ -119,7 +120,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?: IHandleProps[] | NodeContentHandleNextProps[];
+    handles?: NodeContentHandleLegacyProps[] | NodeContentHandleNextProps[];
     /**
      * 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.
      */
@@ -147,12 +148,12 @@ export interface NodeContentProps<NODE_DATA, NODE_CONTENT_PROPS = any> extends N
      * This property is only forwarded from the `NodeDefault` element.
      * If set then it will be always overwritten internally.
      */
-    targetPosition?: typeof Position[keyof typeof Position];
+    targetPosition?: (typeof Position)[keyof typeof Position];
     /**
      * This property is only forwarded from the `NodeDefault` element.
      * If set then it will be always overwritten internally.
      */
-    sourcePosition?: typeof Position[keyof typeof Position];
+    sourcePosition?: (typeof Position)[keyof typeof Position];
     /**
      * This property is only forwarded from the `NodeDefault` element.
      * If set then it will be always overwritten internally.
@@ -177,14 +178,15 @@ export interface NodeContentProps<NODE_DATA, NODE_CONTENT_PROPS = any> extends N
      */
     nodeDimensions?: NodeDimensions;
 }
-export declare const gethighlightedStateClasses: (state: HighlightingState | HighlightingState[], baseClassName: string) => string;
 /**
  * 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, highlightedState, intent, border, highlightColor, adaptHeightForHandleMinCount, adaptSizeIncrement, getMinimalTooltipData, style, showUnconnectableHandles, animated, onNodeResize, nodeDimensions, targetPosition, sourcePosition, isConnectable, selected, letPassWheelEvents, businessData, ...otherDomProps }: NodeContentProps<any>): JSX.Element;
-export declare const evaluateHighlightColors: (baseCustomProperty: string, highlightColor?: NodeHighlightColor | NodeHighlightColor[] | undefined) => {
-    highlightClassNameSuffix: string[];
-    highlightCustomPropertySettings: React.CSSProperties;
+export declare function NodeContent<CONTENT_PROPS = any>({ flowVersion, iconName, depiction, leftElement, typeLabel, label, labelSubline, enlargeHeader, fullWidth, showExecutionButtons, executionButtons, menuButtons, content, contentExtension, footerContent, size, minimalShape, highlightedState, intent, border, highlightColor, adaptHeightForHandleMinCount, adaptSizeIncrement, getMinimalTooltipData, style, showUnconnectableHandles, animated, onNodeResize, nodeDimensions, targetPosition, sourcePosition, isConnectable, selected, letPassWheelEvents, businessData, ...otherDomProps }: NodeContentProps<any>): React.JSX.Element;
+export declare const nodeContentUtils: {
+    evaluateHighlightColors: (baseCustomProperty: string, highlightColor?: NodeHighlightColor | NodeHighlightColor[] | undefined) => {
+        highlightClassNameSuffix: string[];
+        highlightCustomPropertySettings: React.CSSProperties;
+    };
+    gethighlightedStateClasses: (state: HighlightingState | HighlightingState[], baseClassName: string) => string;
 };
-export {};

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

@@ -31,4 +31,4 @@ export interface NodeContentExtensionProps extends React.HTMLAttributes<HTMLDivE
 /**
  * Displays an content area that can be attached to `NodeContent` elements.
  */
-export declare const NodeContentExtension: ({ children, slideOutOfNode, isExpanded, setExpanded, actionButtons, tooltipExpand, tooltipReduce, ...otherProps }: NodeContentExtensionProps) => JSX.Element;
+export declare const NodeContentExtension: ({ children, slideOutOfNode, isExpanded, setExpanded, actionButtons, tooltipExpand, tooltipReduce, ...otherProps }: NodeContentExtensionProps) => React.JSX.Element;