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

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

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

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

@@ -1,9 +1,9 @@
 /// <reference types="react" />
 export declare const edgeTypes: {
-    default: import("react").MemoExoticComponent<(edge: import("./../../../extensions/react-flow/edges/EdgeDefault").EdgeDefaultProps) => JSX.Element>;
-    straight: import("react").MemoExoticComponent<(edge: import("./../../../extensions/react-flow/edges/EdgeDefault").EdgeDefaultProps) => JSX.Element>;
-    step: import("react").MemoExoticComponent<(edge: import("./../../../extensions/react-flow/edges/EdgeStep").EdgeStepProps) => JSX.Element>;
+    default: import("react").MemoExoticComponent<(edge: import("./../../../extensions/react-flow/edges/EdgeDefault").EdgeDefaultProps) => import("react").JSX.Element>;
+    straight: import("react").MemoExoticComponent<(edge: 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>;
 };
 export declare const nodeTypes: {
-    default: import("react").MemoExoticComponent<(node: import("./../../../extensions/react-flow/nodes/NodeDefault").NodeProps<any, any>) => JSX.Element>;
+    default: import("react").MemoExoticComponent<(node: import("./../../../extensions/react-flow/nodes/NodeDefault").NodeDefaultProps<any, any>) => import("react").JSX.Element>;
 };

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

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

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

@@ -0,0 +1,3 @@
+export * from "./ReactFlow/ReactFlow";
+export * from "./StickyNoteModal/StickyNoteModal";
+export * from "./extensions/scrollOnDragHook";

package/dist/types/cmem/react-flow/nodes/StickyNoteNode.d.ts

@@ -1,3 +1,3 @@
 import React from "react";
 import { NodeProps } from "./../../../extensions/react-flow/nodes/NodeDefault";
-export declare const StickyNoteNode: React.MemoExoticComponent<(node: NodeProps<any>) => JSX.Element>;
+export declare const StickyNoteNode: React.MemoExoticComponent<(node: NodeProps<any>) => React.JSX.Element>;

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

@@ -0,0 +1,43 @@
+/// <reference types="react" />
+export declare const utils: {
+    openInNewTab: (event: import("react").MouseEvent<HTMLAnchorElement, MouseEvent>, handler?: ((e: import("react").MouseEvent<HTMLAnchorElement, MouseEvent>) => void) | undefined, url?: string | undefined) => void;
+    decideContrastColorValue: ({ testColor, lightColor, darkColor }: import("./utils/colorDecideContrastvalue").decideContrastColorValueProps) => string;
+    getColorConfiguration: (configId: "react-flow-graph" | "react-flow-linking" | "react-flow-workflow" | "stickynotes") => any;
+    invisibleZeroWidthCharacters: {
+        codePoints: {
+            codePoint: number;
+            label: string;
+            hexString: string;
+            fullLabel: string;
+        }[];
+        codePointMap: Map<number, {
+            codePoint: number;
+            label: string;
+            hexString: string;
+            fullLabel: string;
+        }>;
+        createRegex: () => RegExp;
+        clearString: (inputString: string) => string;
+    };
+};
+export declare const Utilities: {
+    openInNewTab: (event: import("react").MouseEvent<HTMLAnchorElement, MouseEvent>, handler?: ((e: import("react").MouseEvent<HTMLAnchorElement, MouseEvent>) => void) | undefined, url?: string | undefined) => void;
+    decideContrastColorValue: ({ testColor, lightColor, darkColor }: import("./utils/colorDecideContrastvalue").decideContrastColorValueProps) => string;
+    getColorConfiguration: (configId: "react-flow-graph" | "react-flow-linking" | "react-flow-workflow" | "stickynotes") => any;
+    invisibleZeroWidthCharacters: {
+        codePoints: {
+            codePoint: number;
+            label: string;
+            hexString: string;
+            fullLabel: string;
+        }[];
+        codePointMap: Map<number, {
+            codePoint: number;
+            label: string;
+            hexString: string;
+            fullLabel: string;
+        }>;
+        createRegex: () => RegExp;
+        clearString: (inputString: string) => string;
+    };
+};

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

@@ -8,6 +8,12 @@ declare type InvisibleCharacter = {
     /** The label plus the hex value. */
     fullLabel: string;
 };
+export declare const invisibleZeroWidthCharacters: {
+    codePoints: InvisibleCharacter[];
+    codePointMap: Map<number, InvisibleCharacter>;
+    createRegex: () => RegExp;
+    clearString: (inputString: string) => string;
+};
 declare const moduleObject: {
     invisibleZeroWidthCharacters: {
         codePoints: InvisibleCharacter[];

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

@@ -1,3 +1,3 @@
 /** Wrapper for an onClick handler on link-like components, i.e. that navigate to a different URL on click.
  * Opens a link (url) in a new tab when CMD or CTRL key is pressed at click time. */
-export declare const openInNewTab: (event: React.MouseEvent<HTMLElement>, handler?: ((e: React.MouseEvent<HTMLElement>) => void) | undefined, url?: string | undefined) => void;
+export declare const openInNewTab: (event: React.MouseEvent<HTMLAnchorElement>, handler?: ((e: React.MouseEvent<HTMLAnchorElement>) => void) | undefined, url?: string | undefined) => void;

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

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from "react";
 import { AccordionProps as CarbonAccordionProps } from "carbon-components-react";
 export interface AccordionProps extends Omit<CarbonAccordionProps, "className" | "size"> {
     /**
@@ -10,5 +10,5 @@ export interface AccordionProps extends Omit<CarbonAccordionProps, "className" |
      */
     size?: "small" | "medium" | "large";
 }
-declare function Accordion({ children, className, align, size, ...otherProps }: AccordionProps): JSX.Element;
+export declare const Accordion: ({ children, className, align, size, ...otherProps }: AccordionProps) => React.JSX.Element;
 export default Accordion;

package/dist/types/components/Accordion/AccordionItem.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from "react";
 import { AccordionItemProps as CarbonAccordionItemProps } from "carbon-components-react";
 export interface AccordionItemProps extends Omit<CarbonAccordionItemProps, "title" | "iconDescription" | "renderExpando"> {
     /**
@@ -26,5 +26,5 @@ export interface AccordionItemProps extends Omit<CarbonAccordionItemProps, "titl
      */
     elevated?: boolean;
 }
-declare function AccordionItem({ children, label, className, fullWidth, elevated, condensed, noBorder, ...otherProps }: AccordionItemProps): JSX.Element;
+export declare const AccordionItem: ({ children, label, className, fullWidth, elevated, condensed, noBorder, ...otherProps }: AccordionItemProps) => React.JSX.Element;
 export default AccordionItem;

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

@@ -0,0 +1,2 @@
+export * from "./Accordion";
+export * from "./AccordionItem";

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

@@ -1,6 +1,5 @@
 import React from "react";
-interface ApplicationContainerProps extends React.HTMLAttributes<HTMLDivElement> {
-    className?: string;
+export interface ApplicationContainerProps extends React.HTMLAttributes<HTMLDivElement> {
 }
-declare function ApplicationContainer({ children, className, ...otherProps }: ApplicationContainerProps): JSX.Element;
+export declare const ApplicationContainer: ({ children, className, ...otherDivProps }: ApplicationContainerProps) => React.JSX.Element;
 export default ApplicationContainer;

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

@@ -1,5 +1,8 @@
 import React from "react";
-interface IApplicationContentProps {
+export interface ApplicationContentProps {
+    /**
+        Literally the application content displayed in the main area
+    */
     children: React.ReactNode;
     /**
         addional class name
@@ -14,9 +17,9 @@ interface IApplicationContentProps {
     */
     isApplicationSidebarRail?: boolean;
     /**
-        native attributes for the <main> HTML element
+        native attributes for the <main> HTML element, except `className`
     */
-    htmlMainProps?: React.HTMLAttributes<HTMLElement>;
+    htmlMainProps?: Omit<React.HTMLAttributes<HTMLElement>, "className">;
 }
-declare function ApplicationContent({ children, isApplicationSidebarExpanded, isApplicationSidebarRail, htmlMainProps, ...otherPropsShouldOnlyBeUsedForDataAttributes }: IApplicationContentProps): JSX.Element;
+export declare const ApplicationContent: ({ children, className, isApplicationSidebarExpanded, isApplicationSidebarRail, htmlMainProps, ...otherUnknownProps }: ApplicationContentProps) => React.JSX.Element;
 export default ApplicationContent;

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

@@ -1,3 +1,6 @@
-/// <reference types="react" />
-declare function ApplicationHeader({ children, ...restProps }: any): JSX.Element;
+import React from "react";
+import { HeaderProps as CarbonHeaderProps } from "carbon-components-react";
+export interface ApplicationHeaderProps extends CarbonHeaderProps {
+}
+export declare const ApplicationHeader: ({ children, className, ...otherCarbonHeaderProps }: ApplicationHeaderProps) => React.JSX.Element;
 export default ApplicationHeader;

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

@@ -1,12 +1,6 @@
 import React from "react";
-interface IApplicationSidebarNavigationProps extends React.HTMLAttributes<HTMLElement> {
-    className?: string;
-    expanded?: boolean;
-    isRail?: boolean;
-    defaultExpanded?: never;
-    isPersistent?: never;
-    isFixedNav?: never;
-    isChildOfHeader?: never;
+import { SideNavProps as CarbonSideNavProps } from "carbon-components-react";
+export interface ApplicationSidebarNavigationProps extends Omit<CarbonSideNavProps, "defaultExpanded" | "isPersistent" | "isFixedNav" | "isChildOfHeader">, React.HTMLAttributes<HTMLElement> {
 }
-declare function ApplicationSidebarNavigation({ children, className, ...otherProps }: IApplicationSidebarNavigationProps): JSX.Element;
+export declare const ApplicationSidebarNavigation: ({ children, className, ...otherCarbonSideNavProps }: ApplicationSidebarNavigationProps) => React.JSX.Element;
 export default ApplicationSidebarNavigation;

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

@@ -1,3 +1,6 @@
-/// <reference types="react" />
-declare function ApplicationSidebarToggler({ ...restProps }: any): JSX.Element;
+import React from "react";
+import { HeaderMenuButtonProps as CarbonHeaderMenuButtonProps } from "carbon-components-react";
+export interface ApplicationSidebarTogglerProps extends CarbonHeaderMenuButtonProps {
+}
+export declare const ApplicationSidebarToggler: ({ className, ...otherCarbonHeaderMenuButtonProps }: ApplicationSidebarTogglerProps) => React.JSX.Element;
 export default ApplicationSidebarToggler;

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

@@ -1,8 +1,8 @@
 import React from "react";
+import { HeaderNameProps as CarbonHeaderNameProps } from "carbon-components-react";
 declare type SvgDepiction = HTMLElement & SVGElement;
 declare type ImgDepiction = HTMLElement & HTMLImageElement;
-interface IApplicationTitleProps {
-    children: React.ReactNode;
+export interface ApplicationTitleProps extends CarbonHeaderNameProps {
     /**
         addional class name
     */
@@ -36,5 +36,5 @@ interface IApplicationTitleProps {
     */
     htmlAProps?: React.AnchorHTMLAttributes<HTMLAnchorElement>;
 }
-declare function ApplicationTitle({ children, className, prefix, href, depiction, isNotDisplayed, isAlignedWithSidebar, isApplicationSidebarExpanded, htmlAProps, ...otherPropsShouldOnlyBeUsedForDataAttributes }: IApplicationTitleProps): JSX.Element;
+export declare const ApplicationTitle: ({ children, className, prefix, href, depiction, isNotDisplayed, isAlignedWithSidebar, isApplicationSidebarExpanded, htmlAProps, ...otherCarbonHeaderNameProps }: ApplicationTitleProps) => React.JSX.Element;
 export default ApplicationTitle;

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

@@ -1,3 +1,6 @@
-/// <reference types="react" />
-declare function ApplicationToolbar({ children, className, ...restProps }: any): JSX.Element;
+import React from "react";
+import { HeaderGlobalBarProps as CarbonHeaderGlobalBarProps } from "carbon-components-react";
+export interface ApplicationToolbarProps extends CarbonHeaderGlobalBarProps {
+}
+export declare const ApplicationToolbar: ({ children, className, ...otherCarbonHeaderGlobalBarProps }: ApplicationToolbarProps) => React.JSX.Element;
 export default ApplicationToolbar;

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

@@ -1,3 +1,6 @@
-/// <reference types="react" />
-declare function ApplicationToolbarAction({ children, className, ...restProps }: any): JSX.Element;
+import React from "react";
+import { HeaderGlobalActionProps as CarbonHeaderGlobalActionProps } from "carbon-components-react";
+export interface ApplicationToolbarActionProps extends CarbonHeaderGlobalActionProps {
+}
+export declare const ApplicationToolbarAction: ({ children, className, ...otherCarbonHeaderGlobalActionProps }: ApplicationToolbarActionProps) => React.JSX.Element;
 export default ApplicationToolbarAction;

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

@@ -1,3 +1,15 @@
-/// <reference types="react" />
-declare function ApplicationToolbarPanel({ children, className, ...restProps }: any): JSX.Element;
+import React from "react";
+import { HeaderPanelProps as CarbonHeaderPanelProps } from "carbon-components-react";
+export interface ApplicationToolbarPanelProps extends CarbonHeaderPanelProps {
+    /**
+     * Event handler getting called when the pointer device leaves the area of the panel menu.
+     * Could be used to close it automatically.
+     */
+    onLeave?: () => void;
+    /**
+     * Event handler getting called when the the user clicks outside of the panel menu area.
+     */
+    onOutsideClick?: () => void;
+}
+export declare const ApplicationToolbarPanel: ({ children, className, onLeave, onOutsideClick, ...otherCarbonHeaderPanelProps }: ApplicationToolbarPanelProps) => React.JSX.Element;
 export default ApplicationToolbarPanel;

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

@@ -1,3 +1,5 @@
-/// <reference types="react" />
-declare function ApplicationToolbarSection({ children, className, ...restProps }: any): JSX.Element;
+import React from "react";
+export interface ApplicationToolbarSectionProps extends React.HTMLAttributes<HTMLDivElement> {
+}
+export declare const ApplicationToolbarSection: ({ children, className, ...otherDivProps }: ApplicationToolbarSectionProps) => React.JSX.Element;
 export default ApplicationToolbarSection;

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

@@ -0,0 +1,10 @@
+export * from "./ApplicationContainer";
+export * from "./ApplicationHeader";
+export * from "./ApplicationContent";
+export * from "./ApplicationSidebarNavigation";
+export * from "./ApplicationSidebarToggler";
+export * from "./ApplicationTitle";
+export * from "./ApplicationToolbar";
+export * from "./ApplicationToolbarSection";
+export * from "./ApplicationToolbarAction";
+export * from "./ApplicationToolbarPanel";

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

@@ -1,11 +1,11 @@
-/// <reference types="react" />
+import React from "react";
 export declare enum OVERWRITTEN_KEYS {
     ArrowUp = "ArrowUp",
     ArrowDown = "ArrowDown",
     Enter = "Enter",
     Tab = "Tab"
 }
-export declare type OverwrittenKeyTypes = typeof OVERWRITTEN_KEYS[keyof typeof OVERWRITTEN_KEYS];
+export declare type OverwrittenKeyTypes = (typeof OVERWRITTEN_KEYS)[keyof typeof OVERWRITTEN_KEYS];
 /** A single suggestion. */
 export interface ISuggestionBase {
     value: string;
@@ -41,20 +41,47 @@ export interface IValidationResult {
         end: number;
     };
 }
-export interface IProps {
+export interface AutoSuggestionProps {
+    /** Additional class name.
+     */
+    className?: string;
+    /** Optional label to be shown for the input (above). This will create a FieldItem around the input.
+     */
     label?: string;
+    /** The value the component is initialized with, do not use this to control value changes.
+     */
     initialValue: string;
+    /** Callback on value change
+     */
     onChange: (currentValue: string) => any;
+    /** Fetches the suggestions
+     */
     fetchSuggestions: (inputString: string, cursorPosition: number) => (IPartialAutoCompleteResult | undefined) | Promise<IPartialAutoCompleteResult | undefined>;
+    /** Checks if the input is valid
+     */
     checkInput?: (inputString: string) => IValidationResult | Promise<IValidationResult | undefined>;
+    /** Called with the input validation result
+     */
     onInputChecked?: (validInput: boolean) => any;
+    /** Text that should be shown if the input validation failed.
+     */
     validationErrorText?: string;
+    /** Text that should be shown when hovering over the clear icon
+     */
     clearIconText?: string;
+    /** Called when focus status changes
+     */
     onFocusChange?: (hasFocus: boolean) => any;
+    /** Optional ID to attach to the outer element
+     */
     id?: string;
+    /** If the <Tab> key should be used for auto-completing items. Else it will have its default behavior.
+     */
     useTabForCompletions?: boolean;
     /** An additional element that is put to the left side of the input field */
     leftElement?: JSX.Element | null;
+    /** An additional element that is put to the right side of the input field
+     */
     rightElement?: JSX.Element | null;
     /** Placeholder tobe shown when no text has been entered, yet. */
     placeholder?: string;
@@ -67,7 +94,12 @@ export interface IProps {
      * This should prevent the UI to send too many requests to the backend. */
     validationRequestDelay?: number;
 }
-/** 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. */
-declare const AutoSuggestion: ({ label, initialValue, onChange, fetchSuggestions, checkInput, validationErrorText, clearIconText, onFocusChange, id, onInputChecked, leftElement, rightElement, useTabForCompletions, placeholder, showScrollBar, autoCompletionRequestDelay, validationRequestDelay }: IProps) => JSX.Element;
+export declare type IProps = AutoSuggestionProps;
+/**
+ * **Element is deprecated.**
+ * Use `CodeAutocompleteField` as replacement.
+ *
+ * @deprecated
+ */
+export declare const AutoSuggestion: ({ className, label, initialValue, onChange, fetchSuggestions, checkInput, validationErrorText, clearIconText, onFocusChange, id, onInputChecked, leftElement, rightElement, useTabForCompletions, placeholder, showScrollBar, autoCompletionRequestDelay, validationRequestDelay, }: AutoSuggestionProps) => React.JSX.Element;
 export default AutoSuggestion;

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

@@ -1,6 +1,6 @@
 import React from "react";
 import { ISuggestionWithReplacementInfo } from "./AutoSuggestion";
-export interface IDropdownProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "children"> {
+export interface AutoSuggestionListProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "children"> {
     options: Array<ISuggestionWithReplacementInfo>;
     onItemSelectionChange: (item: ISuggestionWithReplacementInfo) => any;
     isOpen: boolean;
@@ -9,7 +9,8 @@ export interface IDropdownProps extends Omit<React.HTMLAttributes<HTMLDivElement
     currentlyFocusedIndex: number;
     itemToHighlight: (item: ISuggestionWithReplacementInfo | undefined) => any;
 }
+export declare type IDropdownProps = AutoSuggestionListProps;
 declare type HorizontalShiftCallbackFunction = (shift: number) => any;
 /** A drop-down-like list that can be used in combination with other components to show and select items. */
-export declare const AutoSuggestionList: ({ isOpen, options, loading, onItemSelectionChange, registerForHorizontalShift, currentlyFocusedIndex, itemToHighlight, style, ...otherDivProps }: IDropdownProps) => JSX.Element | null;
+export declare const AutoSuggestionList: ({ isOpen, options, loading, onItemSelectionChange, registerForHorizontalShift, currentlyFocusedIndex, itemToHighlight, style, ...otherDivProps }: AutoSuggestionListProps) => React.JSX.Element | null;
 export {};

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

@@ -1,8 +1,12 @@
-/// <reference types="react" />
 import "codemirror/addon/display/placeholder.js";
 import "codemirror/mode/sparql/sparql.js";
+import React from "react";
 import { Editor as CodeMirrorEditor } from "codemirror";
-export interface IEditorProps {
+export interface IRange {
+    from: number;
+    to: number;
+}
+export interface SingleLineCodeEditorProps {
     setEditorInstance: (editor: CodeMirrorEditor) => any;
     onChange: (value: string) => any;
     onCursorChange: (pos: any, coords: any, scrollinfo: any) => any;
@@ -16,10 +20,7 @@ export interface IEditorProps {
     placeholder?: string;
     showScrollBar?: boolean;
 }
-export interface IRange {
-    from: number;
-    to: number;
-}
+export declare type IEditorProps = SingleLineCodeEditorProps;
 /** A single-line code editor. */
-declare const SingleLineCodeEditor: ({ setEditorInstance, onChange, onCursorChange, mode, initialValue, onFocusChange, onKeyDown, onSelection, enableTab, placeholder, showScrollBar }: IEditorProps) => JSX.Element;
+export declare const SingleLineCodeEditor: ({ setEditorInstance, onChange, onCursorChange, mode, initialValue, onFocusChange, onKeyDown, onSelection, enableTab, placeholder, showScrollBar }: SingleLineCodeEditorProps) => React.JSX.Element;
 export default SingleLineCodeEditor;

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

@@ -0,0 +1,5 @@
+import { AutoSuggestion, AutoSuggestionProps } from "./AutoSuggestion";
+import { AutoSuggestionList, AutoSuggestionListProps } from "./AutoSuggestionList";
+import { SingleLineCodeEditor, SingleLineCodeEditorProps } from "./SingleLineCodeEditor";
+export { AutoSuggestion, AutoSuggestionList, SingleLineCodeEditor, };
+export type { AutoSuggestionProps, AutoSuggestionListProps, SingleLineCodeEditorProps, };

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

@@ -1,20 +1,21 @@
 import React from "react";
-import { HTMLInputProps as BlueprintHTMLInputProps, InputGroupProps as BlueprintInputGroupProps } from "@blueprintjs/core";
+import { HTMLInputProps as BlueprintHTMLInputProps, InputGroupProps2 as BlueprintInputGroupProps } from "@blueprintjs/core";
 import { ContextOverlayProps } from "../../index";
-declare type SearchFunction<T extends any> = (value: string) => T[];
-declare type AsyncSearchFunction<T extends any> = (value: string) => Promise<T[]>;
-export interface IRenderModifiers {
-    active: boolean;
-    disabled?: boolean;
-    styleWidth: IElementWidth;
-    highlightingEnabled: boolean;
-}
+import { IElementWidth as IElementWidthOrig, IRenderModifiers as IRenderModifiersOrig } from "./interfaces";
+export declare type IElementWidth = IElementWidthOrig;
+export declare type IRenderModifiers = IRenderModifiersOrig;
+declare type SearchFunction<T> = (value: string) => T[];
+declare type AsyncSearchFunction<T> = (value: string) => Promise<T[]>;
 /**
  * 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 IAutoCompleteFieldProps<T extends any, UPDATE_VALUE extends any> {
+export interface AutoCompleteFieldProps<T, UPDATE_VALUE> {
+    /**
+     * Additional class names.
+     */
+    className?: string;
     /**
      * Fired when text is typed into the input field. Returns a list of items of type T.
      */
@@ -104,18 +105,27 @@ export interface IAutoCompleteFieldProps<T extends any, UPDATE_VALUE extends any
      * hasBackDrop should then be set to true in these cases otherwise the popover won't close when clicking those other components.
      **/
     hasBackDrop?: boolean;
+    /**
+     * Use the full available width of the parent container.
+     */
+    fill?: boolean;
 }
-/** Style object to be used in menu option items. */
-export interface IElementWidth {
-    minWidth: string;
-    maxWidth: string;
-}
-/** Auto-complete input widget. */
-export declare function AutoCompleteField<T extends any, UPDATE_VALUE extends any>(props: IAutoCompleteFieldProps<T, UPDATE_VALUE>): JSX.Element;
+export declare type IAutoCompleteFieldProps<T, UPDATE_VALUE> = AutoCompleteFieldProps<T, UPDATE_VALUE>;
+/**
+ * **Element is deprecated.**
+ * Use `SuggestField` as replacement.
+ *
+ * @deprecated
+ */
+export declare function AutoCompleteField<T, UPDATE_VALUE>(props: AutoCompleteFieldProps<T, UPDATE_VALUE>): React.JSX.Element;
 export declare namespace AutoCompleteField {
     var defaultProps: {
         autoFocus: boolean;
         disabled: boolean;
+        onlyDropdownWithQuery: boolean;
+        fill: boolean;
+        requestErrorPrefix: string;
+        hasBackDrop: boolean;
     };
 }
-export {};
+export default AutoCompleteField;

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

@@ -0,0 +1,11 @@
+import React from "react";
+import { ValidIconName } from "../Icon/canonicalIconNames";
+import { TestIconProps } from "./../Icon/TestIcon";
+import { IRenderModifiers } 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, string | React.JSXElementConstructor<any>> | undefined) => (query: string, modifiers: IRenderModifiers, handleClick: React.MouseEventHandler<HTMLElement>) => React.JSX.Element;

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

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+export * from "./AutoCompleteField";
+export declare const autoCompleteFieldUtils: {
+    createNewItemRendererFactory: (itemTextRenderer: (query: string) => string | JSX.Element, iconName?: import("../Icon/canonicalIconNames").ValidIconName | import("react").ReactElement<import("..").TestIconProps, string | import("react").JSXElementConstructor<any>> | undefined) => (query: string, modifiers: import("./interfaces").IRenderModifiers, handleClick: import("react").MouseEventHandler<HTMLElement>) => import("react").JSX.Element;
+};

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

@@ -0,0 +1,11 @@
+export interface IRenderModifiers {
+    active: boolean;
+    disabled?: boolean;
+    styleWidth?: IElementWidth;
+    highlightingEnabled: boolean;
+}
+/** Style object to be used in menu option items. */
+export interface IElementWidth {
+    minWidth: string;
+    maxWidth: string;
+}

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

@@ -39,5 +39,5 @@ export interface BadgeProps extends Omit<React.HTMLAttributes<HTMLSpanElement>,
  * Display a badge element to add more context to another element.
  * It can display icons, text and numbers.
  */
-export declare function Badge({ children, className, position, size, maxLength, intent, tagProps, ...spanProps }: BadgeProps): JSX.Element;
+export declare function Badge({ children, className, position, size, maxLength, intent, tagProps, ...spanProps }: BadgeProps): React.JSX.Element;
 export default Badge;

package/dist/types/components/Breadcrumb/BreadcrumbItem.d.ts

@@ -1,9 +1,9 @@
-/// <reference types="react" />
+import React from "react";
 import { BreadcrumbProps as BlueprintBreadcrumbItemProps } from "@blueprintjs/core";
 export declare type BreadcrumbItemProps = Omit<BlueprintBreadcrumbItemProps, "icon" | "iconTitle" | "intent" | "target">;
 /**
  * Item of the breadcrumbs list.
  * It cannot be used directly but the properties can be used within the elements of the `BreadcrumbList.items` property.
  */
-declare function BreadcrumbItem({ className, onClick, href, ...otherBlueprintBreadcrumbProps }: BreadcrumbItemProps): JSX.Element;
+export declare const BreadcrumbItem: ({ className, onClick, href, ...otherBlueprintBreadcrumbProps }: BreadcrumbItemProps) => React.JSX.Element;
 export default BreadcrumbItem;

package/dist/types/components/Breadcrumb/BreadcrumbList.d.ts

@@ -1,8 +1,7 @@
 import React from "react";
 import { Breadcrumbs2Props as BlueprintBreadcrumbsProps } from "@blueprintjs/popover2";
 import { BreadcrumbItemProps } from "./BreadcrumbItem";
-declare type ReducedBreadcrumbsProps = Omit<BlueprintBreadcrumbsProps, "breadcrumbRenderer" | "collapseFrom" | "currentBreadcrumbRenderer" | "minVisibleItems" | "overflowListProps" | "popoverProps">;
-interface BreadcrumbListProps extends ReducedBreadcrumbsProps {
+export interface BreadcrumbListProps extends Omit<BlueprintBreadcrumbsProps, "breadcrumbRenderer" | "collapseFrom" | "currentBreadcrumbRenderer" | "minVisibleItems" | "overflowListProps" | "popoverProps"> {
     /**
         list of breadcrumb items to display
     */
@@ -32,5 +31,5 @@ interface BreadcrumbListProps extends ReducedBreadcrumbsProps {
 /**
  * Navigation path to the currently show resource or view in the application.
  */
-declare function BreadcrumbList({ className, onItemClick, htmlUlProps, ignoreOverflow, latenOverflow, ...otherBlueprintBreadcrumbsProps }: BreadcrumbListProps): JSX.Element;
+export declare const BreadcrumbList: ({ className, onItemClick, htmlUlProps, ignoreOverflow, latenOverflow, ...otherBlueprintBreadcrumbsProps }: BreadcrumbListProps) => React.JSX.Element;
 export default BreadcrumbList;

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

@@ -0,0 +1,2 @@
+export * from "./BreadcrumbList";
+export * from "./BreadcrumbItem";