@eccenca/gui-elements 24.4.1 → 25.0.0-featureimproveprintstylescmem6985.0

package/dist/types/cmem/react-flow/configuration/graph.d.ts

@@ -1,14 +1,14 @@
 import { GRAPH_NODE_TYPES } from "./typing";
 declare const edgeTypes: {
-    default: import("react").MemoExoticComponent<({ data, drawSvgPath, ...edgeOriginalProperties }: import("./../../../extensions/react-flow/edges/EdgeDefault").EdgeDefaultProps) => import("react").JSX.Element>;
-    implicit: import("react").MemoExoticComponent<({ data, drawSvgPath, ...edgeOriginalProperties }: import("./../../../extensions/react-flow/edges/EdgeDefault").EdgeDefaultProps) => import("react").JSX.Element>;
-    import: import("react").MemoExoticComponent<({ data, drawSvgPath, ...edgeOriginalProperties }: import("./../../../extensions/react-flow/edges/EdgeDefault").EdgeDefaultProps) => import("react").JSX.Element>;
-    subclass: import("react").MemoExoticComponent<({ data, drawSvgPath, ...edgeOriginalProperties }: import("./../../../extensions/react-flow/edges/EdgeDefault").EdgeDefaultProps) => import("react").JSX.Element>;
-    subproperty: import("react").MemoExoticComponent<({ data, drawSvgPath, ...edgeOriginalProperties }: import("./../../../extensions/react-flow/edges/EdgeDefault").EdgeDefaultProps) => import("react").JSX.Element>;
-    rdftype: import("react").MemoExoticComponent<({ data, drawSvgPath, ...edgeOriginalProperties }: import("./../../../extensions/react-flow/edges/EdgeDefault").EdgeDefaultProps) => import("react").JSX.Element>;
-    success: import("react").MemoExoticComponent<({ data, drawSvgPath, ...edgeOriginalProperties }: import("./../../../extensions/react-flow/edges/EdgeDefault").EdgeDefaultProps) => import("react").JSX.Element>;
-    warning: import("react").MemoExoticComponent<({ data, drawSvgPath, ...edgeOriginalProperties }: import("./../../../extensions/react-flow/edges/EdgeDefault").EdgeDefaultProps) => import("react").JSX.Element>;
-    danger: import("react").MemoExoticComponent<({ data, drawSvgPath, ...edgeOriginalProperties }: import("./../../../extensions/react-flow/edges/EdgeDefault").EdgeDefaultProps) => import("react").JSX.Element>;
+    default: import("react").MemoExoticComponent<(props: import("./../../../extensions/react-flow/edges/EdgeBezier").EdgeBezierProps) => import("react").JSX.Element>;
+    implicit: import("react").MemoExoticComponent<(props: import("./../../../extensions/react-flow/edges/EdgeBezier").EdgeBezierProps) => import("react").JSX.Element>;
+    import: import("react").MemoExoticComponent<(props: import("./../../../extensions/react-flow/edges/EdgeBezier").EdgeBezierProps) => import("react").JSX.Element>;
+    subclass: import("react").MemoExoticComponent<(props: import("./../../../extensions/react-flow/edges/EdgeBezier").EdgeBezierProps) => import("react").JSX.Element>;
+    subproperty: import("react").MemoExoticComponent<(props: import("./../../../extensions/react-flow/edges/EdgeBezier").EdgeBezierProps) => import("react").JSX.Element>;
+    rdftype: import("react").MemoExoticComponent<(props: import("./../../../extensions/react-flow/edges/EdgeBezier").EdgeBezierProps) => import("react").JSX.Element>;
+    success: import("react").MemoExoticComponent<(props: import("./../../../extensions/react-flow/edges/EdgeBezier").EdgeBezierProps) => import("react").JSX.Element>;
+    warning: import("react").MemoExoticComponent<(props: import("./../../../extensions/react-flow/edges/EdgeBezier").EdgeBezierProps) => import("react").JSX.Element>;
+    danger: import("react").MemoExoticComponent<(props: import("./../../../extensions/react-flow/edges/EdgeBezier").EdgeBezierProps) => import("react").JSX.Element>;
 };
 declare const nodeTypes: Record<GRAPH_NODE_TYPES, React.ReactNode>;
 export { edgeTypes, nodeTypes };

package/dist/types/cmem/react-flow/configuration/linking.d.ts

@@ -1,11 +1,11 @@
 import { LINKING_NODE_TYPES } from "./typing";
 declare const edgeTypes: {
-    default: import("react").MemoExoticComponent<(edge: import("./../../../extensions/react-flow/edges/EdgeStep").EdgeStepProps) => import("react").JSX.Element>;
-    value: import("react").MemoExoticComponent<(edge: import("./../../../extensions/react-flow/edges/EdgeStep").EdgeStepProps) => import("react").JSX.Element>;
-    score: import("react").MemoExoticComponent<(edge: import("./../../../extensions/react-flow/edges/EdgeStep").EdgeStepProps) => import("react").JSX.Element>;
-    success: import("react").MemoExoticComponent<(edge: import("./../../../extensions/react-flow/edges/EdgeStep").EdgeStepProps) => import("react").JSX.Element>;
-    warning: import("react").MemoExoticComponent<(edge: import("./../../../extensions/react-flow/edges/EdgeStep").EdgeStepProps) => import("react").JSX.Element>;
-    danger: import("react").MemoExoticComponent<(edge: import("./../../../extensions/react-flow/edges/EdgeStep").EdgeStepProps) => import("react").JSX.Element>;
+    default: import("react").MemoExoticComponent<(props: import("./../../../extensions/react-flow/edges/EdgeStep").EdgeStepProps) => import("react").JSX.Element>;
+    value: import("react").MemoExoticComponent<(props: import("./../../../extensions/react-flow/edges/EdgeStep").EdgeStepProps) => import("react").JSX.Element>;
+    score: import("react").MemoExoticComponent<(props: import("./../../../extensions/react-flow/edges/EdgeStep").EdgeStepProps) => import("react").JSX.Element>;
+    success: import("react").MemoExoticComponent<(props: import("./../../../extensions/react-flow/edges/EdgeStep").EdgeStepProps) => import("react").JSX.Element>;
+    warning: import("react").MemoExoticComponent<(props: import("./../../../extensions/react-flow/edges/EdgeStep").EdgeStepProps) => import("react").JSX.Element>;
+    danger: import("react").MemoExoticComponent<(props: import("./../../../extensions/react-flow/edges/EdgeStep").EdgeStepProps) => import("react").JSX.Element>;
 };
 declare const nodeTypes: Record<LINKING_NODE_TYPES, React.ReactNode>;
 export { edgeTypes, nodeTypes };

package/dist/types/cmem/react-flow/configuration/unspecified.d.ts

@@ -1,7 +1,7 @@
 export declare const edgeTypes: {
-    default: import("react").MemoExoticComponent<({ data, drawSvgPath, ...edgeOriginalProperties }: import("./../../../extensions/react-flow/edges/EdgeDefault").EdgeDefaultProps) => import("react").JSX.Element>;
-    straight: import("react").MemoExoticComponent<({ data, drawSvgPath, ...edgeOriginalProperties }: import("./../../../extensions/react-flow/edges/EdgeDefault").EdgeDefaultProps) => import("react").JSX.Element>;
-    step: import("react").MemoExoticComponent<(edge: import("./../../../extensions/react-flow/edges/EdgeStep").EdgeStepProps) => import("react").JSX.Element>;
+    default: import("react").MemoExoticComponent<(props: import("./../../../extensions/react-flow/edges/EdgeDefault").EdgeDefaultProps) => import("react").JSX.Element>;
+    straight: import("react").MemoExoticComponent<(props: import("./../../../extensions/react-flow/edges/EdgeDefault").EdgeDefaultProps) => import("react").JSX.Element>;
+    step: import("react").MemoExoticComponent<(props: import("./../../../extensions/react-flow/edges/EdgeStep").EdgeStepProps) => import("react").JSX.Element>;
 };
 export declare const nodeTypes: {
     default: import("react").MemoExoticComponent<(node: import("./../../../extensions/react-flow/nodes/NodeDefault").NodeDefaultProps<any>) => import("react").JSX.Element>;

package/dist/types/cmem/react-flow/configuration/workflow.d.ts

@@ -1,9 +1,9 @@
 import { WORKFLOW_NODE_TYPES } from "./typing";
 declare const edgeTypes: {
-    default: import("react").MemoExoticComponent<(edge: import("./../../../extensions/react-flow/edges/EdgeStep").EdgeStepProps) => import("react").JSX.Element>;
-    success: import("react").MemoExoticComponent<(edge: import("./../../../extensions/react-flow/edges/EdgeStep").EdgeStepProps) => import("react").JSX.Element>;
-    warning: import("react").MemoExoticComponent<(edge: import("./../../../extensions/react-flow/edges/EdgeStep").EdgeStepProps) => import("react").JSX.Element>;
-    danger: import("react").MemoExoticComponent<(edge: import("./../../../extensions/react-flow/edges/EdgeStep").EdgeStepProps) => import("react").JSX.Element>;
+    default: import("react").MemoExoticComponent<(props: import("./../../../extensions/react-flow/edges/EdgeStep").EdgeStepProps) => import("react").JSX.Element>;
+    success: import("react").MemoExoticComponent<(props: import("./../../../extensions/react-flow/edges/EdgeStep").EdgeStepProps) => import("react").JSX.Element>;
+    warning: import("react").MemoExoticComponent<(props: import("./../../../extensions/react-flow/edges/EdgeStep").EdgeStepProps) => import("react").JSX.Element>;
+    danger: import("react").MemoExoticComponent<(props: import("./../../../extensions/react-flow/edges/EdgeStep").EdgeStepProps) => import("react").JSX.Element>;
 };
 declare const nodeTypes: Record<WORKFLOW_NODE_TYPES, React.ReactNode>;
 export { edgeTypes, nodeTypes };

package/dist/types/cmem/react-flow/extensions/scrollOnDragHook.d.ts

@@ -1,22 +1,25 @@
-import { ReactFlowProps } from "../ReactFlow/ReactFlow";
-interface IProps {
+import { ReactFlowExtendedScrollProps } from "../ReactFlow/ReactFlow";
+import { ReactFlowV9ContainerProps } from "../ReactFlow/ReactFlowV9";
+interface IProps extends ReactFlowExtendedScrollProps {
     /** The original react-flow props. */
-    reactFlowProps: ReactFlowProps;
-    /** If defined the canvas scrolls on all drag operations (node, selection, edge connect)
-     * when the mouse pointer comes near the canvas borders or goes beyond them.
-     * The `id` property of the ReactFlow component must be set in order for this to work. */
-    scrollOnDrag?: {
-        /** Time in milliseconds to wait before the canvas scrolls the next step. */
-        scrollInterval: number;
-        /**
-         * The size of each scroll step.
-         * This should be a number between 0.0 - 1.0.
-         * E.g. a value of 0.25 will lead to a scroll step size of a quarter of the visible canvas. */
-        scrollStepSize: number;
-    };
+    reactFlowProps: ReactFlowV9ContainerProps;
 }
-type ReturnType = Pick<ReactFlowProps, "onLoad" | "onNodeDragStart" | "onNodeDragStop" | "onConnectStart" | "onConnectStop" | "onSelectionDragStart" | "onSelectionDragStop" | "onEdgeUpdateStart" | "onEdgeUpdateEnd">;
+export interface ScrollStateShared {
+    currentX: number;
+    currentY: number;
+    currentZoom: number;
+    scrollTaskId?: NodeJS.Timeout;
+    loggedWarning: boolean;
+    scrollX: boolean;
+    scrollY: boolean;
+    draggingOperationActive: boolean;
+}
+type ReturnType = Pick<ReactFlowV9ContainerProps, "onLoad" | "onNodeDragStart" | "onNodeDragStop" | "onConnectStart" | "onConnectStop" | "onSelectionDragStart" | "onSelectionDragStop" | "onEdgeUpdateStart" | "onEdgeUpdateEnd">;
 /** Handles the scrolling of the react-flow canvas on all drag operations when the mouse pointer gets near or over the borders.
  * The return value contains the wrapped react-flow callback functions that need to be handed over to the react-flow component. */
+export declare const useReactFlowScrollOnDragV9: ({ reactFlowProps, scrollOnDrag }: IProps) => ReturnType;
+/**
+ * @deprecated (v26) Currently it ony supports ReactFlow v9. Better to `useReactFlowScrollOnDragV9` for now.
+ */
 export declare const useReactFlowScrollOnDrag: ({ reactFlowProps, scrollOnDrag }: IProps) => ReturnType;
 export {};

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

@@ -1,3 +1,4 @@
 export * from "./ReactFlow/ReactFlow";
 export * from "./StickyNoteModal/StickyNoteModal";
-export * from "./extensions/scrollOnDragHook";
+export { useReactFlowScrollOnDragV9, useReactFlowScrollOnDrag } from "./extensions/scrollOnDragHook";
+export * from "./extensions/ReactFlowHotkeyContext";

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

@@ -1,8 +1,11 @@
+import { getEnabledColorsFromPalette, textToColorHash } from "./utils/colorHash";
+export type { DecodeOptions as DecodeHtmlEntitiesOptions } from "he";
 export type { IntentTypes as IntentBaseTypes } from "./Intent";
 export declare const utils: {
     openInNewTab: (event: React.MouseEvent<HTMLAnchorElement>, handler?: (e: React.MouseEvent<HTMLAnchorElement>) => void, url?: string) => void;
     decideContrastColorValue: ({ testColor, lightColor, darkColor, }: import("./utils/colorDecideContrastvalue").decideContrastColorValueProps) => string;
-    getColorConfiguration: (configId: "react-flow-graph" | "react-flow-linking" | "react-flow-workflow" | "stickynotes") => any;
+    colorCalculateDistance: ({ color1, color2 }: import("./utils/colorCalculateDistance").colorCalculateDistanceProps) => number | null;
+    getColorConfiguration: (configId: "react-flow-graph" | "react-flow-linking" | "react-flow-workflow" | "stickynotes") => Record<string, string>;
     invisibleZeroWidthCharacters: {
         codePoints: {
             codePoint: number;
@@ -22,4 +25,8 @@ export declare const utils: {
     getGlobalVar: (varname: string) => Window;
     setGlobalVar: (varname: string, value: any) => any;
     getScrollParent: (element: Element) => HTMLElement | false;
+    getEnabledColorsFromPalette: typeof getEnabledColorsFromPalette;
+    textToColorHash: typeof textToColorHash;
+    reduceToText: import("./utils/reduceToText").ReduceToTextFuncType;
+    decodeHtmlEntities: import("he").Decode;
 };

package/dist/types/common/utils/CssCustomProperties.d.ts

@@ -2,15 +2,15 @@
  * Based on CSS Tricks tutorial.
  * @see https://css-tricks.com/how-to-get-all-custom-properties-on-a-page-in-javascript/
  */
-type AllowedCSSRule = CSSStyleRule | CSSPageRule;
 interface getLocalCssStyleRulesProps {
-    cssRuleType?: "CSSStyleRule" | "CSSPageRule";
+    cssRuleType?: "CSSStyleRule";
     selectorText?: string;
 }
 interface getLocalCssStyleRulePropertiesProps extends getLocalCssStyleRulesProps {
     propertyType?: "all" | "normal" | "custom";
 }
 interface getCustomPropertiesProps extends getLocalCssStyleRulesProps {
+    filterName?: (name: string) => boolean;
     removeDashPrefix?: boolean;
     returnObject?: boolean;
 }
@@ -18,11 +18,11 @@ export default class CssCustomProperties {
     getterDefaultProps: getCustomPropertiesProps;
     customprops: {};
     constructor(props?: getCustomPropertiesProps);
-    customProperties: (props?: getCustomPropertiesProps) => any;
+    customProperties: (props?: getCustomPropertiesProps) => string[][] | Record<string, string>;
     static listLocalStylesheets: () => CSSStyleSheet[];
     static listLocalCssRules: () => CSSRule[];
-    static listLocalCssStyleRules: (filter?: getLocalCssStyleRulesProps) => AllowedCSSRule[];
-    static listLocalCssStyleRuleProperties: (filter?: getLocalCssStyleRulePropertiesProps) => any[][];
-    static listCustomProperties: (props?: getCustomPropertiesProps) => any;
+    static listLocalCssStyleRules: (filter?: getLocalCssStyleRulesProps) => CSSStyleRule[];
+    static listLocalCssStyleRuleProperties: (filter?: getLocalCssStyleRulePropertiesProps) => string[][];
+    static listCustomProperties: (props?: getCustomPropertiesProps) => string[][] | Record<string, string>;
 }
 export {};

package/dist/types/common/utils/colorCalculateDistance.d.ts

@@ -0,0 +1,12 @@
+import Color from "color";
+export type colorValue = Color | string;
+export interface colorCalculateDistanceProps {
+    color1: colorValue;
+    color2: colorValue;
+}
+/**
+ * Calculates the distance between 2 colors.
+ * To keep it simple the CIE76 formula is used.
+ * @see https://en.wikipedia.org/wiki/Color_difference#CIE76
+ */
+export declare const colorCalculateDistance: ({ color1, color2 }: colorCalculateDistanceProps) => number | null;

package/dist/types/common/utils/colorHash.d.ts

@@ -0,0 +1,29 @@
+import Color from "color";
+type ColorWeight = 100 | 300 | 500 | 700 | 900;
+type PaletteGroup = "identity" | "semantic" | "layout" | "extra";
+interface getEnabledColorsProps {
+    /** Specify the palette groups used to define the set of colors. */
+    includePaletteGroup?: PaletteGroup[];
+    /** Use only some weights of a color tint. */
+    includeColorWeight?: ColorWeight[];
+    /** Only keep colors in the stack with a minimal color distance to all other colors. */
+    minimalColorDistance?: number;
+}
+export declare function getEnabledColorsFromPalette({ includePaletteGroup, includeColorWeight, minimalColorDistance, }: getEnabledColorsProps): Color[];
+interface textToColorOptions {
+    /** Stack of colors that are allowed to be returned. */
+    enabledColors: Color[] | "all" | getEnabledColorsProps;
+    /** Return input text if it represents a valid color string, e.g. `#000` or `black`. */
+    returnValidColorsDirectly: boolean;
+}
+interface textToColorProps {
+    text: string;
+    options?: textToColorOptions;
+}
+/**
+ * Map a text string to a color.
+ * It always returns the same color for a text as long as the options stay the same.
+ * It returns `false` in case there are no colors defined to chose from.
+ */
+export declare function textToColorHash({ text, options, }: textToColorProps): string | false;
+export {};

package/dist/types/common/utils/getColorConfiguration.d.ts

@@ -4,5 +4,5 @@ type colorconfigs = "react-flow-graph" | "react-flow-linking" | "react-flow-work
  * They are defined for special CSS classes.
  * Currently color configurations for the react flow editors are supported.
  **/
-declare const getColorConfiguration: (configId: colorconfigs) => any;
+declare const getColorConfiguration: (configId: colorconfigs) => Record<string, string>;
 export default getColorConfiguration;

package/dist/types/common/utils/reduceToText.d.ts

@@ -0,0 +1,10 @@
+import React from "react";
+import { TextReducerProps } from "./../../components/TextReducer/TextReducer";
+export interface ReduceToTextFuncType {
+    (
+    /**
+     *  Component or text to reduce HTML markup content to plain text.
+     */
+    input: React.ReactNode | React.ReactNode[] | string, options?: Pick<TextReducerProps, "maxNodes" | "maxLength" | "decodeHtmlEntities" | "decodeHtmlEntitiesOptions">): string;
+}
+export declare const reduceToText: ReduceToTextFuncType;

package/dist/types/components/Application/ApplicationViewability.d.ts

@@ -0,0 +1,36 @@
+import React from "react";
+type media = "print" | "screen";
+interface ApplicationViewabilityShow {
+    /**
+     * Show on media type.
+     * If used, `hide` cannot be set.
+     */
+    show: media;
+    hide?: never;
+}
+interface ApplicationViewabilityHide {
+    /**
+     * Hide on media type.
+     * If used, `show` cannot be set.
+     */
+    hide: media;
+    show?: never;
+}
+interface ApplicationViewabilityUndecided {
+    /**
+     * Only one child allowed.
+     * Need to process the `className` property.
+     */
+    children: React.ReactElement<{
+        className?: string;
+    }>;
+}
+export type ApplicationViewabilityProps = ApplicationViewabilityUndecided & (ApplicationViewabilityShow | ApplicationViewabilityHide);
+/**
+ * Sets the viewability of the the contained element regarding media.
+ * Can be used to hide elements, e.g. when the page is printed.
+ */
+export declare const ApplicationViewability: ({ children, show, hide }: ApplicationViewabilityProps) => React.ReactElement<{
+    className?: string;
+}, string | React.JSXElementConstructor<any>>;
+export default ApplicationViewability;

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

@@ -8,4 +8,5 @@ export * from "./ApplicationToolbar";
 export * from "./ApplicationToolbarSection";
 export * from "./ApplicationToolbarAction";
 export * from "./ApplicationToolbarPanel";
+export * from "./ApplicationViewability";
 export * from "./helper";

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

@@ -14,16 +14,12 @@ export interface CodeAutocompleteFieldSuggestionBase {
     label?: string;
     description?: string;
 }
-/** @deprecated (v25) use CodeAutocompleteFieldSuggestionBase */
-export type ISuggestionBase = CodeAutocompleteFieldSuggestionBase;
 /** Same as CodeAutocompleteFieldSuggestionBase, but with the query that was used to fetch this suggestion. */
 export interface CodeAutocompleteFieldSuggestionWithReplacementInfo extends CodeAutocompleteFieldSuggestionBase {
     query: string;
     from: number;
     length: number;
 }
-/** @deprecated (v25) use CodeAutocompleteFieldSuggestionWithReplacementInfo */
-export type ISuggestionWithReplacementInfo = CodeAutocompleteFieldSuggestionWithReplacementInfo;
 /** The suggestions for a specific substring of the given input string. */
 export interface CodeAutocompleteFieldReplacementResult {
     replacementInterval: {
@@ -33,15 +29,11 @@ export interface CodeAutocompleteFieldReplacementResult {
     extractedQuery: string;
     replacements: CodeAutocompleteFieldSuggestionBase[];
 }
-/** @deprecated (v25) use CodeAutocompleteFieldReplacementResult */
-export type IReplacementResult = CodeAutocompleteFieldReplacementResult;
 export interface CodeAutocompleteFieldPartialAutoCompleteResult {
     inputString: string;
     cursorPosition: number;
     replacementResults: CodeAutocompleteFieldReplacementResult[];
 }
-/** @deprecated (v25) use CodeAutocompleteFieldPartialAutoCompleteResult */
-export type IPartialAutoCompleteResult = CodeAutocompleteFieldPartialAutoCompleteResult;
 /** Validation result */
 export interface CodeAutocompleteFieldValidationResult {
     valid: boolean;
@@ -51,12 +43,7 @@ export interface CodeAutocompleteFieldValidationResult {
         end: number;
     };
 }
-/** @deprecated (v25) use CodeAutocompleteFieldValidationResult */
-export type IValidationResult = CodeAutocompleteFieldValidationResult;
-/**
- * @deprecated (v25) use `CodeAutocompleteFieldProps` instead.
- */
-export interface AutoSuggestionProps {
+export interface CodeAutocompleteFieldProps {
     /** Additional class name.
      */
     className?: string;
@@ -124,7 +111,10 @@ export interface AutoSuggestionProps {
     outerDivAttributes?: Omit<React.HTMLAttributes<HTMLDivElement>, "id" | "data-test-id">;
 }
 /**
- * @deprecated (support already removed) use `CodeAutocompleteField` as replacement.
+ * Input component that allows partial, fine-grained auto-completion, i.e. of sub-strings of the input string.
+ * This is comparable to a one line code editor.
+ *
+ * Example usage: input of a path string offering auto-completion for each single part of the path.
  */
-declare const AutoSuggestion: ({ className, label, initialValue, onChange, fetchSuggestions, checkInput, validationErrorText, clearIconText, onFocusChange, id, onInputChecked, leftElement, rightElement, useTabForCompletions, placeholder, showScrollBar, autoCompletionRequestDelay, validationRequestDelay, mode, multiline, reInitOnInitialValueChange, height, readOnly, outerDivAttributes }: AutoSuggestionProps) => React.JSX.Element;
-export default AutoSuggestion;
+export declare const CodeAutocompleteField: ({ className, label, initialValue, onChange, fetchSuggestions, checkInput, validationErrorText, clearIconText, onFocusChange, id, onInputChecked, leftElement, rightElement, useTabForCompletions, placeholder, showScrollBar, autoCompletionRequestDelay, validationRequestDelay, mode, multiline, reInitOnInitialValueChange, height, readOnly, outerDivAttributes, }: CodeAutocompleteFieldProps) => React.JSX.Element;
+export default CodeAutocompleteField;

package/dist/types/components/AutoSuggestion/AutoSuggestionList.d.ts

@@ -1,12 +1,12 @@
 import React from "react";
-import { ISuggestionWithReplacementInfo } from "./AutoSuggestion";
+import { CodeAutocompleteFieldSuggestionWithReplacementInfo } from "./AutoSuggestion";
 export interface AutoSuggestionListProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "children"> {
-    options: Array<ISuggestionWithReplacementInfo>;
-    onItemSelectionChange: (item: ISuggestionWithReplacementInfo) => any;
+    options: Array<CodeAutocompleteFieldSuggestionWithReplacementInfo>;
+    onItemSelectionChange: (item: CodeAutocompleteFieldSuggestionWithReplacementInfo) => any;
     isOpen: boolean;
     loading?: boolean;
     currentlyFocusedIndex: number;
-    itemToHighlight: (item: ISuggestionWithReplacementInfo | undefined) => any;
+    itemToHighlight: (item: CodeAutocompleteFieldSuggestionWithReplacementInfo | undefined) => any;
     /** horizontal and vertical offset values in relation to the cursor */
     offsetValues?: {
         x: number;

package/dist/types/components/AutoSuggestion/ExtendedCodeEditor.d.ts

@@ -31,7 +31,6 @@ export interface ExtendedCodeEditorProps {
     /** Set read-only mode. Default: false */
     readOnly?: boolean;
 }
-export type IEditorProps = ExtendedCodeEditorProps;
 /** Supports single-line and multiline editing. */
 export declare const ExtendedCodeEditor: ({ multiline, initialValue, onKeyDown, enableTab, mode, setCM, onFocusChange, onMouseDown, onChange, placeholder, onCursorChange, onSelection, codeEditorProps, height, readOnly }: ExtendedCodeEditorProps) => React.JSX.Element;
 export default ExtendedCodeEditor;

package/dist/types/components/AutocompleteField/AutoCompleteField.d.ts

@@ -5,9 +5,11 @@ import { SuggestFieldItemRendererModifierProps } from "./interfaces";
 type SearchFunction<T> = (value: string) => T[];
 type AsyncSearchFunction<T> = (value: string) => Promise<T[]>;
 /**
- * @deprecated (v25) replaced by SuggestFieldProps
+ * Parameters for the auto-complete field parameterized by T and U.
+ * @param T is the input data structure/type of the items that can be selected.
+ * @param UPDATE_VALUE The value type that will be pushed into the onChange callback.
  */
-export interface AutoCompleteFieldProps<T, UPDATE_VALUE> {
+export interface SuggestFieldProps<T, UPDATE_VALUE> {
     /**
      * Additional class names.
      */
@@ -109,14 +111,20 @@ export interface AutoCompleteFieldProps<T, UPDATE_VALUE> {
     loadMoreResults?: () => Promise<T[] | undefined>;
 }
 /**
- * @deprecated (v25) replaced by SuggestFieldProps
+ * A component with the appearance of an input field that allows to select and optionally create new items.
+ * It shows suggestions for the entered text from which the user can select any option.
+ *
+ * It has the following fixed behavior:
+ *
+ * - When not focused, a different representation of the item value can be shown, e.g. the label of the value.
+ * - When changing an existing item the input text is set to the original value in order to be able to edit the original value.
+ * - When for a specific input text, the only item returned is the currently set item itself, all items are shown below it, to make
+ *   clear that there are still other items to choose from.
+ * - The suggestions are fetched with a short delay, so not too many unnecessary requests are fired.
+ * - Items where itemRenderer returns a string have a default representation, i.e. highlighting of search words, active flag etc.
  */
-export type IAutoCompleteFieldProps<T, UPDATE_VALUE> = AutoCompleteFieldProps<T, UPDATE_VALUE>;
-/**
- * @deprecated (support already removed) use `SuggestField` as replacement.
- */
-declare function AutoCompleteField<T, UPDATE_VALUE>(props: AutoCompleteFieldProps<T, UPDATE_VALUE>): React.JSX.Element;
-declare namespace AutoCompleteField {
+export declare function SuggestField<T, UPDATE_VALUE>(props: SuggestFieldProps<T, UPDATE_VALUE>): React.JSX.Element;
+export declare namespace SuggestField {
     var defaultProps: {
         autoFocus: boolean;
         disabled: boolean;
@@ -126,4 +134,4 @@ declare namespace AutoCompleteField {
         hasBackDrop: boolean;
     };
 }
-export default AutoCompleteField;
+export default SuggestField;

package/dist/types/components/AutocompleteField/autoCompleteFieldUtils.d.ts

@@ -1,11 +1,11 @@
 import React from "react";
 import { ValidIconName } from "../Icon/canonicalIconNames";
 import { TestIconProps } from "./../Icon/TestIcon";
-import { IRenderModifiers } from "./interfaces";
+import { SuggestFieldItemRendererModifierProps } from "./interfaces";
 /**
  * Returns a function to be used in an AutoComplete widget for rendering custom elements based on the query string.
  *
  * @param itemTextRenderer The text or element that should be displayed for the new custom item suggestion.
  * @param iconName Optional icon to show left to the text.
  */
-export declare const createNewItemRendererFactory: (itemTextRenderer: (query: string) => string | JSX.Element, iconName?: ValidIconName | React.ReactElement<TestIconProps>) => (query: string, modifiers: IRenderModifiers, handleClick: React.MouseEventHandler<HTMLElement>) => React.JSX.Element;
+export declare const createNewItemRendererFactory: (itemTextRenderer: (query: string) => string | JSX.Element, iconName?: ValidIconName | React.ReactElement<TestIconProps>) => (query: string, modifiers: SuggestFieldItemRendererModifierProps, handleClick: React.MouseEventHandler<HTMLElement>) => React.JSX.Element;

package/dist/types/components/AutocompleteField/interfaces.d.ts

@@ -4,10 +4,8 @@ export interface SuggestFieldItemRendererModifierProps {
     styleWidth?: IElementWidth;
     highlightingEnabled: boolean;
 }
-/** @deprecated (v25) use `SuggestFieldItemRendererModifierProps` */
-export type IRenderModifiers = SuggestFieldItemRendererModifierProps;
-/** @deprecated (v25) use `SuggestFieldItemRendererModifierProps["styleWidth"]` */
-export interface IElementWidth {
+interface IElementWidth {
     minWidth: string;
     maxWidth: string;
 }
+export {};

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

@@ -1,44 +1,28 @@
 import React from "react";
-import { AnchorButtonProps as BlueprintAnchorButtonProps, ButtonProps as BlueprintButtonProps } from "@blueprintjs/core";
+import { AnchorButtonProps as BlueprintAnchorButtonProps, ButtonProps as BlueprintButtonProps, Intent as BlueprintIntent } from "@blueprintjs/core";
 import { ValidIconName } from "../Icon/canonicalIconNames";
 import { BadgeProps } from "./../Badge/Badge";
 import { TooltipProps } from "./../Tooltip/Tooltip";
 interface AdditionalButtonProps {
     /**
      * Always use this when the button triggers an affirmative action, e.g. confirm a process.
-     * The button is displayed with primary color scheme.
+     * The button is displayed with accent color intent.
      */
     affirmative?: boolean;
     /**
      * Always use this when the button triggers an disruptive action, e.g. delete or remove.
-     * The button is displayed with primary color scheme.
+     * The button is displayed with danger color intent.
      */
     disruptive?: boolean;
     /**
      * Use this when a button is important enough to highlight it in a set of other buttons.
-     * The button is displayed with primary color scheme.
+     * The button is displayed with accent color intent.
      */
     elevated?: boolean;
     /**
-     * The button is displayed with primary color scheme.
-     * @deprecated (v25) use `intent="primary"` instead.
+     * Intent state visualized by color.
      */
-    hasStatePrimary?: boolean;
-    /**
-     * The button is displayed with success (some type of green) color scheme.
-     *  @deprecated (v25) use `intent="success"` instead.
-     */
-    hasStateSuccess?: boolean;
-    /**
-     * The button is displayed with warning (some type of orange) color scheme.
-     *  @deprecated (v25) use `intent="warning"` instead.
-     */
-    hasStateWarning?: boolean;
-    /**
-     * The button is displayed with danger (some type of red) color scheme.
-     *  @deprecated (v25) use `intent="danger"` instead.
-     */
-    hasStateDanger?: boolean;
+    intent?: BlueprintIntent | "accent";
     /**
      * Content displayed in a badge that is attached to the button.
      * By default it is displayed `{ size: "small", position: "top-right", maxLength: 2 }` and with the same intent state of the button.
@@ -58,19 +42,22 @@ interface AdditionalButtonProps {
      */
     tooltipProps?: Partial<Omit<TooltipProps, "content" | "children">>;
     /**
-     * If an URL is set then the button is included as HTML anchor element instead of a button form element.
+     * Icon displayed on button start.
      */
     icon?: ValidIconName | JSX.Element;
+    /**
+     * Icon displayed on button end.
+     */
     rightIcon?: ValidIconName | JSX.Element;
 }
-interface ExtendedButtonProps extends AdditionalButtonProps, Omit<BlueprintButtonProps, "icon" | "rightIcon"> {
+interface ExtendedButtonProps extends AdditionalButtonProps, Omit<BlueprintButtonProps, "intent" | "icon" | "rightIcon"> {
 }
-interface ExtendedAnchorButtonProps extends AdditionalButtonProps, Omit<BlueprintAnchorButtonProps, "icon" | "rightIcon"> {
+interface ExtendedAnchorButtonProps extends AdditionalButtonProps, Omit<BlueprintAnchorButtonProps, "intent" | "icon" | "rightIcon"> {
 }
 export type ButtonProps = ExtendedButtonProps & ExtendedAnchorButtonProps;
 /**
  * Display a button element to enable user interaction.
  * It normally should trigger action when clicked.
  */
-export declare const Button: ({ children, className, affirmative, disruptive, elevated, hasStatePrimary, hasStateSuccess, hasStateWarning, hasStateDanger, icon, rightIcon, tooltip, tooltipProps, badge, badgeProps, intent, ...restProps }: ButtonProps) => React.JSX.Element;
+export declare const Button: ({ children, className, affirmative, disruptive, elevated, icon, rightIcon, tooltip, tooltipProps, badge, badgeProps, intent, ...restProps }: ButtonProps) => React.JSX.Element;
 export default Button;

package/dist/types/components/Chat/ChatArea.d.ts

@@ -0,0 +1,34 @@
+import React from "react";
+import { TestableComponent } from "../../components/interfaces";
+import { FlexibleLayoutContainerProps } from "./../FlexibleLayout";
+import { SpacingProps } from "./../Separation/Spacing";
+import { ChatFieldProps } from "./ChatField";
+export interface ChatAreaProps extends Omit<FlexibleLayoutContainerProps, "vertical" | "noEqualItemSpace">, TestableComponent {
+    /**
+     * The inut field for the chat.
+     */
+    chatField?: React.ReactElement<ChatFieldProps>;
+    /**
+     * Set the position of the chat field.
+     */
+    chatFieldPosition?: "top" | "bottom";
+    /**
+     * Sets the maximum width for chat contents and input.
+     */
+    contentWidth?: "small" | "medium" | "large" | "full";
+    /**
+     * Put chat content in a list and add spacings automatically.
+     * Works best if each `ChatArea` child represents one chat content item.
+     */
+    autoSpacingSize?: SpacingProps["size"];
+    /**
+     * Scrolls content to the first or last child automatically.
+     * The correct value depends on the place where you insert the most recent chat item.
+     */
+    autoScrollTo?: "first" | "last";
+}
+/**
+ * Component to display a full chat, containing chat content bubbles and text input.
+ */
+export declare const ChatArea: ({ children, className, chatField, chatFieldPosition, contentWidth, autoSpacingSize, gapSize, autoScrollTo, ...otherFlexibleLayoutContainerProps }: ChatAreaProps) => React.JSX.Element;
+export default ChatArea;

package/dist/types/components/Chat/ChatContent.d.ts

@@ -0,0 +1,49 @@
+import React from "react";
+import { TestableComponent } from "../../components/interfaces";
+import { MarkdownProps } from "./../../cmem/markdown/Markdown";
+import { ContextMenuProps } from "./../ContextOverlay/ContextMenu";
+import { DepictionProps } from "./../Depiction/Depiction";
+import { IconButtonProps } from "./../Icon/IconButton";
+import { OverflowTextProps } from "./../Typography";
+export interface ChatContentProps extends React.HTMLAttributes<HTMLDivElement>, TestableComponent {
+    /**
+     * Should be a line of text, e.g. username, timestamp, ...
+     */
+    statusLine?: React.ReactElement<OverflowTextProps>;
+    /**
+     * How the chat content box is displayed.
+     */
+    displayType?: "free" | "simple" | "bubble";
+    /**
+     * A depiction used as avatar next to the content box.
+     */
+    avatar?: React.ReactElement<DepictionProps>;
+    /**
+     * If indented then the content box has some white space on the opposite side to the alignment
+     */
+    indentationSize?: "small" | "medium" | "large";
+    /**
+     * How the content box and avatar is aligned.
+     * If `left` is set then the avatar is on the left side, and the indentation on the right side.
+     */
+    alignment?: "left" | "right";
+    /**
+     * If set then the chat bubble only grows to a height of 50% of the viewport.
+     * In case you need to set other maximum heights then use the `style` property directly.
+     */
+    limitHeight?: boolean;
+    /**
+     * If given then the content is automatically parsed and displayed by our `<Markdown />` component.
+     * `children` need to a `string` then, otherwise it cannot be parsed.
+     */
+    markdownProps?: Omit<MarkdownProps, "children">;
+    /**
+     * Could be used to add some type of toggle button or to include a context menu.
+     */
+    actionButton?: React.ReactElement<IconButtonProps> | React.ReactElement<ContextMenuProps>;
+}
+/**
+ * Component to display single chat contents, including avatar and status line.
+ */
+export declare const ChatContent: ({ className, children, statusLine, avatar, displayType, indentationSize, alignment, limitHeight, markdownProps, actionButton, ...otherDivProps }: ChatContentProps) => React.JSX.Element;
+export default ChatContent;