@eccenca/gui-elements 23.0.0-rc.1 → 23.0.0-rc.3

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

@@ -1,16 +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>;
 };
-declare const nodeTypes: {
-    default: import("react").MemoExoticComponent<(node: import("./../../../extensions/react-flow/nodes/NodeDefault").NodeProps<any, any>) => JSX.Element>;
-    dataset: import("react").MemoExoticComponent<(node: import("./../../../extensions/react-flow/nodes/NodeDefault").NodeProps<any, any>) => JSX.Element>;
-    linking: import("react").MemoExoticComponent<(node: import("./../../../extensions/react-flow/nodes/NodeDefault").NodeProps<any, any>) => JSX.Element>;
-    transform: import("react").MemoExoticComponent<(node: import("./../../../extensions/react-flow/nodes/NodeDefault").NodeProps<any, any>) => JSX.Element>;
-    task: import("react").MemoExoticComponent<(node: import("./../../../extensions/react-flow/nodes/NodeDefault").NodeProps<any, any>) => JSX.Element>;
-    workflow: import("react").MemoExoticComponent<(node: import("./../../../extensions/react-flow/nodes/NodeDefault").NodeProps<any, any>) => JSX.Element>;
-};
-export { edgeTypes, nodeTypes, };
+declare const nodeTypes: Record<WORKFLOW_NODE_TYPES, React.ReactNode>;
+export { edgeTypes, nodeTypes };

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

@@ -0,0 +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>;

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

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

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

@@ -0,0 +1,8 @@
+declare type colorconfigs = "react-flow-graph" | "react-flow-linking" | "react-flow-workflow" | "stickynotes";
+/**
+ * Read and returns color values provided by CSS custom properties.
+ * They are defined for special CSS classes.
+ * Currently color configurations for the react flow editors are supported.
+ **/
+declare const getColorConfiguration: (configId: colorconfigs) => any;
+export default getColorConfiguration;

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

@@ -1,5 +1,6 @@
 import React from "react";
-import { HTMLInputProps, IInputGroupProps, IPopoverProps } from "@blueprintjs/core";
+import { HTMLInputProps as BlueprintHTMLInputProps, InputGroupProps 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 {
@@ -56,11 +57,11 @@ export interface IAutoCompleteFieldProps<T extends any, UPDATE_VALUE extends any
      * `query` and `onQueryChange` instead of `inputProps.value` and
      * `inputProps.onChange`.
      */
-    inputProps?: IInputGroupProps & HTMLInputProps;
+    inputProps?: BlueprintInputGroupProps & BlueprintHTMLInputProps;
     /**
-     * Optional props of the BlueprintJs specific popover element.
+     * Optional props of the internally used `<ContextOverlay/>` element..
      */
-    popoverProps?: Partial<IPopoverProps>;
+    contextOverlayProps?: Partial<Omit<ContextOverlayProps, "content" | "children">>;
     /** Defines if a value can be reset, i.e. a reset icon is shown and the value is set to a specific value.
      *  When undefined, a value cannot be reset.
      */
@@ -94,6 +95,8 @@ export interface IAutoCompleteFieldProps<T extends any, UPDATE_VALUE extends any
      * @param selectedValue The currently selected value.
      */
     resetQueryToValue?(selectedValue: T): string;
+    /** If an error occurs during the auto-completion request, the error details will be prefixed with this string. */
+    requestErrorPrefix?: string;
 }
 /** Style object to be used in menu option items. */
 export interface IElementWidth {

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

@@ -1,5 +1,9 @@
 /// <reference types="react" />
-import { IBreadcrumbProps as IBlueprintBreadcrumbItemProps } from "@blueprintjs/core";
-export declare type IBreadcrumbItemProps = Omit<IBlueprintBreadcrumbItemProps, "icon" | "iconTitle" | "intent" | "target">;
-declare function BreadcrumbItem({ className, onClick, href, ...otherBlueprintBreadcrumbProps }: IBreadcrumbItemProps): JSX.Element;
+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 default BreadcrumbItem;

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

@@ -1,16 +1,16 @@
 import React from "react";
-import { IBreadcrumbsProps as IBlueprintBreadcrumbsProps } from "@blueprintjs/core";
-import { IBreadcrumbItemProps } from "./BreadcrumbItem";
-declare type ReducedBreadcrumbsProps = Omit<IBlueprintBreadcrumbsProps, "breadcrumbRenderer" | "collapseFrom" | "currentBreadcrumbRenderer" | "minVisibleItems" | "overflowListProps" | "popoverProps">;
-interface IBreadcrumbListProps extends ReducedBreadcrumbsProps {
+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 {
     /**
         list of breadcrumb items to display
     */
-    items: IBreadcrumbItemProps[];
+    items: BreadcrumbItemProps[];
     /**
         click handler used on breadcrumb items
     */
-    onItemClick?(itemUrl: string, event: object): any;
+    onItemClick?(itemUrl: string | undefined, event: object): any;
     /**
         native attributes for the unordered HTML list (ul)
     */
@@ -18,7 +18,19 @@ interface IBreadcrumbListProps extends ReducedBreadcrumbsProps {
     /**
         char that devides breadcrumb items, default: "/" (currently unsupported)
     */
-    itemDivider?: never;
+    /**
+     * Do not re-render breadcrumbs in a shortened version if they overflow the available space.
+     */
+    ignoreOverflow?: boolean;
+    /**
+     * If set to `true` then breadcrumb items can shrink.
+     * This way we cannot prevent overflowing breadcrumbs completely but this happens very late.
+     * You should enable this when `ignoreOverflow` is `true`.
+     */
+    latenOverflow?: boolean;
 }
-declare function BreadcrumbList({ className, onItemClick, htmlUlProps, ...otherBlueprintBreadcrumbsProps }: IBreadcrumbListProps): JSX.Element;
+/**
+ * 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 default BreadcrumbList;

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

@@ -42,7 +42,7 @@ export interface ButtonProps extends React.HTMLAttributes<HTMLElement> {
     /**
     * Object with additional properties for the tooltip.
     */
-    tooltipProperties?: Partial<Omit<TooltipProps, "content" | "children">>;
+    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.
     */
@@ -55,5 +55,5 @@ export interface ButtonProps extends React.HTMLAttributes<HTMLElement> {
  * Display a button element to enable user interaction.
  * It normally should trigger action when clicked.
  */
-declare function Button({ children, className, affirmative, disruptive, elevated, hasStatePrimary, hasStateSuccess, hasStateWarning, hasStateDanger, icon, rightIcon, tooltip, tooltipProperties, ...restProps }: ButtonProps & AnchorOrButtonProps): JSX.Element;
+declare function Button({ children, className, affirmative, disruptive, elevated, hasStatePrimary, hasStateSuccess, hasStateWarning, hasStateDanger, icon, rightIcon, tooltip, tooltipProps, ...restProps }: ButtonProps & AnchorOrButtonProps): JSX.Element;
 export default Button;

package/dist/types/components/ContextOverlay/ContextMenu.d.ts

@@ -1,8 +1,42 @@
 /// <reference types="react" />
+import { TestableComponent } from "../interfaces";
+import { ContextOverlayProps } from "./ContextOverlay";
 import { ValidIconName } from "../Icon/canonicalIconNames";
-interface ContextMenuProps {
+interface ContextMenuProps extends TestableComponent {
+    /**
+     * Addional CSS class names.
+     */
+    className?: string;
+    /**
+     * The elements of the context menu.
+     * They will be wrapped in a `Menu` element automatically.
+     */
+    children?: JSX.Element | JSX.Element[];
+    /**
+     * Toggler that need to be used to display menu.
+     * If a valid icon name is used then the icon element is displayed.
+     * In this case `togglerText`, `togglerLarge` and `tooltipAsTitle` are used, too.
+     */
     togglerElement?: ValidIconName | JSX.Element;
-    [key: string]: any;
+    /**
+     * Text displayed as title or tooltip on toggler element.
+     */
+    togglerText?: string;
+    /**
+     * Toggler element is displayed larger than normal.
+     */
+    togglerLarge?: boolean;
+    /**
+     * Tooltip on toggler element is display as HTML title, not as extra tooltip element.
+     */
+    tooltipAsTitle?: boolean;
+    /**
+     * Props to spread to `ContextOverlay` that is used to display the dropdown.
+     */
+    contextOverlayProps?: Partial<Omit<ContextOverlayProps, "content" | "children" | "className">>;
 }
-declare function ContextMenu({ children, className, togglerElement, togglerText, togglerLarge, tooltipAsTitle, ...restProps }: ContextMenuProps): JSX.Element;
+/**
+ * Element displays menu items after toggler is clicked.
+ */
+declare function ContextMenu({ children, className, togglerElement, togglerText, contextOverlayProps, togglerLarge, tooltipAsTitle, ...restProps }: ContextMenuProps): JSX.Element;
 export default ContextMenu;

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

@@ -1,3 +1,14 @@
 /// <reference types="react" />
-declare function ContextOverlay({ children, className, ...restProps }: any): JSX.Element;
+import { Popover2Props as BlueprintPopoverProps } from "@blueprintjs/popover2";
+export interface ContextOverlayProps extends Omit<BlueprintPopoverProps, "position"> {
+    /**
+     * `target` element to use as toggler for the overlay display.
+     */
+    children?: JSX.Element;
+}
+/**
+ * Element displays connected content by interacting with a target element.
+ * Full list of available option can be seen at https://blueprintjs.com/docs/#popover2-package/popover2
+ */
+declare function ContextOverlay({ children, className, ...restProps }: ContextOverlayProps): JSX.Element;
 export default ContextOverlay;

package/dist/types/components/Form/FieldItem.d.ts

@@ -1,4 +1,5 @@
 /// <reference types="react" />
+import { LabelProps } from "../Label/Label";
 import { TestableComponent } from "../interfaces";
 interface IProps extends TestableComponent {
     hasStatePrimary?: boolean;
@@ -8,9 +9,9 @@ interface IProps extends TestableComponent {
     children: JSX.Element | JSX.Element[] | null;
     className?: string;
     disabled?: boolean;
-    labelAttributes?: object;
+    labelProps?: LabelProps;
     helperText?: string | JSX.Element;
     messageText?: string;
 }
-declare function FieldItem({ hasStatePrimary, hasStateSuccess, hasStateWarning, hasStateDanger, children, className, disabled, labelAttributes, helperText, messageText, ...otherProps }: IProps): JSX.Element;
+declare function FieldItem({ hasStatePrimary, hasStateSuccess, hasStateWarning, hasStateDanger, children, className, disabled, labelProps, helperText, messageText, ...otherProps }: IProps): JSX.Element;
 export default FieldItem;

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

@@ -4,17 +4,42 @@ import { IntentTypes } from "../../common/Intent";
 import { TooltipProps } from "./../Tooltip/Tooltip";
 import { ValidIconName } from "./canonicalIconNames";
 export interface IconProps extends Omit<CarbonIconProps, "icon" | "description" | "name"> {
-    className?: string;
+    /**
+     * Canonical icon name, or an array of strings.
+     * In case of the array the first valid icon name is used.
+     */
     name: ValidIconName | string[];
-    description?: string;
-    large?: boolean;
-    small?: boolean;
+    /**
+     * Add tooltip text to icon
+     */
     tooltipText?: string;
-    tooltipOpenDelay?: number;
-    tooltipProperties?: Partial<Omit<TooltipProps, "content" | "children">>;
+    /**
+     * Intent state of icon.
+     * Currently only `success`, `info`, `warning` and `danger` are implemented for icons, even there are more states available.
+     */
     intent?: IntentTypes;
+    /**
+     * Display large icon version.
+     */
+    large?: boolean;
+    /**
+     * Display small icon version.
+     */
+    small?: boolean;
+    /**
+     * Additional CSS classes.
+     */
+    className?: string;
+    /**
+     * Description for icon as accessibility fallback.
+     */
+    description?: string;
+    /**
+     * Additonal tooltip properties, e.g. `hoverOpenDelay`.
+     */
+    tooltipProps?: Partial<Omit<TooltipProps, "content" | "children">>;
 }
 /** Returns the first icon name that exists or the fallback icon name. */
 export declare const findExistingIconName: (iconNames: string[], fallbackIconName?: ValidIconName) => ValidIconName;
-declare function Icon({ className, name, large, small, tooltipText, tooltipOpenDelay, tooltipProperties, intent, ...restProps }: IconProps): JSX.Element;
+declare function Icon({ className, name, large, small, tooltipText, tooltipProps, intent, ...restProps }: IconProps): JSX.Element;
 export default Icon;

package/dist/types/components/Icon/IconButton.d.ts

@@ -1,17 +1,31 @@
 /// <reference types="react" />
 import { ButtonProps, AnchorOrButtonProps } from "../Button/Button";
 import { ValidIconName } from "./canonicalIconNames";
-interface IconButtonProps extends ButtonProps {
+interface IconButtonProps extends Omit<ButtonProps, "icon" | "rightIcon" | "text" | "minimal" | "tooltip"> {
+    /**
+     * Canonical icon name, or an array of strings.
+     * In case of the array the first valid icon name is used.
+     */
     name: ValidIconName | string[];
-    className?: string;
+    /**
+     * Button text, will be displayed as tooltip.
+     */
     text?: string;
-    tooltipOpenDelay?: number;
-    large?: boolean;
-    small?: boolean;
+    /**
+     * If `text` should be set as HTML `title` attribute instead of attaching it as tooltip.
+     * If true then `tooltipProps` is ignored.
+     */
     tooltipAsTitle?: boolean;
-    href?: string;
+    /**
+     * Description for icon as accessibility fallback.
+     * If not set then `text` is used.
+     */
     description?: string;
+    /**
+     * Button is displayed with minimal styles (no borders, no background color).
+     */
+    minimal?: boolean;
 }
 /** A button with an icon instead of text. */
-declare function IconButton({ className, name, text, tooltipProperties, description, tooltipOpenDelay, tooltipAsTitle, ...restProps }: IconButtonProps & AnchorOrButtonProps): JSX.Element;
+declare function IconButton({ className, name, text, tooltipProps, description, tooltipAsTitle, minimal, ...restProps }: IconButtonProps & AnchorOrButtonProps): JSX.Element;
 export default IconButton;

package/dist/types/components/Icon/canonicalIconNames.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 /** Valid icon names. */
-export declare type ValidIconName = "application-dataintegration" | "application-homepage" | "application-useraccount" | "application-warning" | "application-mapping" | "application-explore" | "application-vocabularies" | "application-queries" | "application-legacygui" | "application-activities" | "module-timetracker" | "module-accesscontrol" | "module-annotation" | "module-dashboard" | "module-search" | "module-visualization" | "module-reports" | "module-thesauri" | "module-linkedrules" | "module-integrations" | "module-gdprsearch" | "toggler-showmore" | "toggler-showless" | "toggler-moveright" | "toggler-moveleft" | "toggler-maximize" | "toggler-minimize" | "toggler-tree" | "navigation-back" | "navigation-forth" | "navigation-close" | "navigation-jump" | "navigation-last" | "navigation-previous" | "navigation-next" | "navigation-first" | "item-moremenu" | "item-vertmenu" | "item-viewdetails" | "item-clone" | "item-edit" | "item-evaluation" | "item-execution" | "item-info" | "item-remove" | "item-add-artefact" | "item-launch" | "item-download" | "item-question" | "item-copy" | "item-save" | "item-start" | "item-stop" | "item-reload" | "item-shuffle" | "item-draggable" | "operation-search" | "operation-clear" | "operation-undo" | "operation-redo" | "operation-logout" | "operation-filter" | "operation-filteredit" | "operation-comparison" | "operation-transform" | "operation-aggregation" | "operation-commit" | "operation-sharelink" | "data-sourcepath" | "data-targetpath" | "list-sort" | "list-sortasc" | "list-sortdesc" | "state-info" | "state-success" | "state-warning" | "state-danger" | "state-unchecked" | "state-checked" | "state-partlychecked" | "artefact-project" | "artefact-workflow" | "artefact-dataset" | "artefact-dataset-csv" | "artefact-dataset-multicsv" | "artefact-dataset-sparkview" | "artefact-dataset-sqlendpoint" | "artefact-dataset-jdbc" | "artefact-dataset-xml" | "artefact-dataset-json" | "artefact-dataset-excel" | "artefact-dataset-file" | "artefact-dataset-eccencadataplatform" | "artefact-dataset-sparqlendpoint" | "artefact-dataset-neo4j" | "artefact-transform" | "artefact-linking" | "artefact-task" | "artefact-customtask" | "artefact-file" | "artefact-embedded" | "artefact-remote" | "artefact-deprecated" | "artefact-uncategorized" | "artefact-rawdata" | "artefact-report" | "activity-error-report" | "select-caret" | "linked-item" | "operation-auto-graph-layout" | "unlinked-item" | "write-protected" | "undefined" | "Undefined";
+export declare type ValidIconName = "application-dataintegration" | "application-homepage" | "application-useraccount" | "application-warning" | "application-mapping" | "application-explore" | "application-vocabularies" | "application-queries" | "application-legacygui" | "application-activities" | "module-timetracker" | "module-accesscontrol" | "module-annotation" | "module-dashboard" | "module-search" | "module-visualization" | "module-reports" | "module-thesauri" | "module-linkedrules" | "module-integrations" | "module-gdprsearch" | "toggler-showmore" | "toggler-showless" | "toggler-moveright" | "toggler-moveleft" | "toggler-maximize" | "toggler-minimize" | "toggler-tree" | "navigation-back" | "navigation-forth" | "navigation-close" | "navigation-jump" | "navigation-last" | "navigation-previous" | "navigation-next" | "navigation-first" | "item-moremenu" | "item-vertmenu" | "item-viewdetails" | "item-clone" | "item-edit" | "item-evaluation" | "item-execution" | "item-info" | "item-remove" | "item-add-artefact" | "item-launch" | "item-download" | "item-question" | "item-comment" | "item-copy" | "item-save" | "item-start" | "item-stop" | "item-reload" | "item-shuffle" | "item-draggable" | "operation-search" | "operation-clear" | "operation-undo" | "operation-redo" | "operation-logout" | "operation-filter" | "operation-filteredit" | "operation-comparison" | "operation-transform" | "operation-aggregation" | "operation-commit" | "operation-sharelink" | "data-sourcepath" | "data-targetpath" | "list-sort" | "list-sortasc" | "list-sortdesc" | "state-info" | "state-success" | "state-warning" | "state-danger" | "state-unchecked" | "state-checked" | "state-checkedsimple" | "state-partlychecked" | "artefact-project" | "artefact-workflow" | "artefact-dataset" | "artefact-dataset-csv" | "artefact-dataset-multicsv" | "artefact-dataset-sparkview" | "artefact-dataset-sqlendpoint" | "artefact-dataset-jdbc" | "artefact-dataset-xml" | "artefact-dataset-json" | "artefact-dataset-excel" | "artefact-dataset-file" | "artefact-dataset-eccencadataplatform" | "artefact-dataset-sparqlendpoint" | "artefact-dataset-neo4j" | "artefact-transform" | "artefact-linking" | "artefact-task" | "artefact-customtask" | "artefact-file" | "artefact-embedded" | "artefact-remote" | "artefact-deprecated" | "artefact-uncategorized" | "artefact-rawdata" | "artefact-report" | "activity-error-report" | "select-caret" | "linked-item" | "operation-auto-graph-layout" | "unlinked-item" | "write-protected" | "undefined" | "Undefined";
 export interface IconSized {
     small: (props: any) => JSX.Element | null;
     normal: (props: any) => JSX.Element | null;

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

@@ -1,3 +1,31 @@
-/// <reference types="react" />
-declare function Label({ children, className, disabled, text, info, tooltip, tooltipProperties, isLayoutForElement, ...otherProps }: any): JSX.Element;
+import React from "react";
+import { TooltipProps } from "../Tooltip/Tooltip";
+export interface LabelProps extends React.LabelHTMLAttributes<HTMLLabelElement> {
+    /**
+     * Label text.
+     */
+    text?: string | JSX.Element;
+    /**
+     * Short info about label semantic, it is displayed in parentesis after the label text.
+     */
+    info?: string | JSX.Element;
+    /**
+     * Additional tooltip, attached to an info icon that is displayed after the info.
+     */
+    tooltip?: string | JSX.Element;
+    /**
+     * Additonal tooltip properties, e.g. `hoverOpenDelay`.
+     */
+    tooltipProps?: Partial<Omit<TooltipProps, "content" | "children" | "disabled">>;
+    /**
+     * Set the name of an HTML element if the display should be used for something else that a `label` element.
+     */
+    isLayoutForElement?: string;
+    /**
+     * Label is displayed inactive.
+     * If there is no `isLayoutForElement` set then a `span` is used.
+     */
+    disabled?: boolean;
+}
+declare function Label({ children, className, disabled, text, info, tooltip, tooltipProps, isLayoutForElement, ...otherLabelProps }: LabelProps): JSX.Element;
 export default Label;

package/dist/types/components/Menu/MenuItem.d.ts

@@ -1,13 +1,9 @@
 import React from 'react';
-import { MenuItemProps } from "@blueprintjs/core";
+import { MenuItemProps as BlueprintMenuItemProps } from "@blueprintjs/core";
 import { ValidIconName } from "../Icon/canonicalIconNames";
-interface IProps {
-    children?: React.ReactNode | React.ReactNode[];
-    className?: string;
+export interface MenuItemProps extends Omit<BlueprintMenuItemProps, "icon">, Omit<React.AnchorHTMLAttributes<HTMLAnchorElement>, "onClick" | "target"> {
     icon?: ValidIconName | string[];
-    internalProps?: Partial<MenuItemProps> & React.AnchorHTMLAttributes<HTMLAnchorElement>;
-    [key: string]: any;
 }
 /** A single item in a Menu. */
-declare function MenuItem({ children, className, icon, internalProps, onClick, href, ...restProps }: IProps): JSX.Element;
+declare function MenuItem({ children, className, icon, onClick, href, ...restProps }: MenuItemProps): JSX.Element;
 export default MenuItem;

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

@@ -1,12 +1,13 @@
 /// <reference types="react" />
-import { MultiSelectProps } from "@blueprintjs/select";
-import { HTMLInputProps } from "@blueprintjs/core/src/common/props";
+import { HTMLInputProps as BlueprintHTMLInputProps } from "@blueprintjs/core";
+import { MultiSelect2 as BlueprintMultiSelect, MultiSelect2Props as BlueprintMultiSelectProps } from "@blueprintjs/select";
+import { ContextOverlayProps } from "./../../index";
 export interface SelectedParamsType<T> {
     newlySelected: T;
     selectedItems: T[];
     createdItems: Partial<T>[];
 }
-interface IProps<T> extends Pick<MultiSelectProps<T>, "items" | "placeholder" | "openOnKeyDown"> {
+interface IProps<T> extends Pick<BlueprintMultiSelectProps<T>, "items" | "placeholder" | "openOnKeyDown"> {
     /**
      * Returns the unique ID of an item. This will be used for equality of items.
      */
@@ -25,22 +26,22 @@ interface IProps<T> extends Pick<MultiSelectProps<T>, "items" | "placeholder" |
      */
     onSelection?: (params: SelectedParamsType<T>) => void;
     /**
-     * Props to spread to `Popover`. Note that `content` cannot be changed.
+     * Props to spread to `ContextOverlay`. Note that `content` cannot be changed.
      */
-    popoverProps?: MultiSelectProps<T>["popoverProps"];
+    contextOverlayProps?: Partial<Omit<ContextOverlayProps, "content" | "children">>;
     /**
      * Props to spread to `TagInput`. Use `query` and `onQueryChange` to control the input.
      */
-    tagInputProps?: MultiSelectProps<T>["tagInputProps"];
+    tagInputProps?: BlueprintMultiSelectProps<T>["tagInputProps"];
     /** Additional properties for the (query) input field of the multi-selection. */
-    inputProps?: HTMLInputProps;
+    inputProps?: BlueprintHTMLInputProps;
     /**
      * prop to listen for query changes, when text is entered in the multi-select input
      */
     runOnQueryChange?: (query: string) => Promise<T[] | undefined>;
     /**
      * Whether the component should take up the full width of its container.
-     * This overrides `popoverProps.fill` and `tagInputProps.fill`.
+     * This overrides `tagInputProps.fill`.
      */
     fullWidth?: boolean;
     /**
@@ -82,5 +83,8 @@ interface IProps<T> extends Pick<MultiSelectProps<T>, "items" | "placeholder" |
      */
     disabled?: boolean;
 }
-declare function MultiSelect<T>({ items, prePopulateWithItems, itemId, itemLabel, onSelection, popoverProps, tagInputProps, inputProps, runOnQueryChange, fullWidth, noResultText, newItemCreationText, newItemPostfix, hasStatePrimary, hasStateDanger, hasStateSuccess, hasStateWarning, disabled, createNewItemFromQuery, ...otherProps }: IProps<T>): JSX.Element;
+declare function MultiSelect<T>({ items, prePopulateWithItems, itemId, itemLabel, onSelection, contextOverlayProps, tagInputProps, inputProps, runOnQueryChange, fullWidth, noResultText, newItemCreationText, newItemPostfix, hasStatePrimary, hasStateDanger, hasStateSuccess, hasStateWarning, disabled, createNewItemFromQuery, ...otherProps }: IProps<T>): JSX.Element;
+declare namespace MultiSelect {
+    var ofType: typeof BlueprintMultiSelect.ofType;
+}
 export default MultiSelect;

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

@@ -0,0 +1,22 @@
+/// <reference types="react" />
+import { Select2 as BlueprintSelect, Select2Props as BlueprintSelectProps } from "@blueprintjs/select";
+import { ContextOverlayProps } from "./../../index";
+/**
+ * FIXME: Currently we only route the original element through.
+ * We should add here basic elemeents and processes for target and selections, etc.
+ */
+export interface SelectProps<T> extends Omit<BlueprintSelectProps<T>, "popoverTargetProps" | "popoverContentProps" | "popoverProps" | "popoverRef"> {
+    /**
+     * Props to spread to `ContextOverlay` that is used to display the dropdown.
+     */
+    contextOverlayProps?: Partial<Omit<ContextOverlayProps, "content" | "defaultIsOpen" | "disabled" | "fill" | "renderTarget" | "targetTagName">>;
+}
+/**
+ * Create a Select box without the HTML select element.
+ * It is possible to filter options, as well as to add new options if necessary.
+ */
+declare function Select<T>({ contextOverlayProps, ...otherSelectProps }: SelectProps<T>): JSX.Element;
+declare namespace Select {
+    var ofType: typeof BlueprintSelect.ofType;
+}
+export default Select;

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

@@ -18,10 +18,14 @@ interface TagProps extends Omit<BlueprintTagProps, "active" | "fill" | "large" |
      * display tag in a small version
      */
     small?: boolean;
+    /**
+     * display tag in a large version
+     */
+    large?: boolean;
     /**
      * **deprecated**, use `minimal=false` plus `emphasis="stronger"`
      */
     emphasized?: never;
 }
-declare function Tag({ children, className, emphasis, minimal, small, backgroundColor, ...otherProps }: TagProps): JSX.Element;
+declare function Tag({ children, className, emphasis, minimal, small, large, backgroundColor, ...otherProps }: TagProps): JSX.Element;
 export default Tag;

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

@@ -1,17 +1,19 @@
 import React from "react";
-import { TooltipProps as BlueprintTooltipProps } from "@blueprintjs/core";
-export interface TooltipProps {
-    className?: string;
+import { Tooltip2Props as BlueprintTooltipProps } from "@blueprintjs/popover2";
+export interface TooltipProps extends Omit<BlueprintTooltipProps, "position"> {
+    /**
+     * Add dotted underline as visual indication to the target that a tooltip is attached.
+     * Should be used together with text-only elements.
+     */
     addIndicator?: boolean;
-    /** Blueprint specific tooltip props */
-    tooltipProps?: Partial<BlueprintTooltipProps>;
-    /** The content that is displayed when hovering over the tooltip area. */
-    content: JSX.Element | string;
-    /** The size specifies the dimension the element can maximal grow. */
+    /**
+     * The size specifies the dimension the tooltip overlay element can maximal grow.
+     */
     size?: "small" | "medium" | "large";
+    /**
+     * The tolltip will be attached to this element when it is hovered.
+     */
     children: React.ReactNode | React.ReactNode[];
-    /** @deprecated Use tooltipProps for Blueprint specific props or add concrete properties in all other cases. */
-    [key: string]: any;
 }
-declare function Tooltip({ children, content, className, size, addIndicator, tooltipProps, ...otherProps }: TooltipProps): JSX.Element;
+declare function Tooltip({ children, content, className, size, addIndicator, ...otherProps }: TooltipProps): JSX.Element;
 export default Tooltip;

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

@@ -1,3 +1,4 @@
 export interface TestableComponent {
     "data-test-id"?: string;
 }
+export type { ContextOverlayProps } from "./ContextOverlay/ContextOverlay";

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

@@ -28,8 +28,12 @@ export interface CodeEditorProps {
      * Default value used first when the editor is instanciated.
      */
     defaultValue?: any;
+    /**
+     * If enabled the code editor won't show numbers before each line.
+     */
+    preventLineNumbers?: boolean;
 }
 /**
  * Includes a code editor, currently we use CodeMirror library as base.
  */
-export declare const CodeEditor: ({ onChange, name, id, mode, defaultValue }: CodeEditorProps) => JSX.Element;
+export declare const CodeEditor: ({ onChange, name, id, mode, preventLineNumbers, defaultValue, }: CodeEditorProps) => JSX.Element;

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

@@ -1,10 +1,10 @@
 import React from 'react';
-import { IPopoverProps as IBlueprintPopoverProps } from "@blueprintjs/core";
+import { ContextOverlayProps } from "./../../../components/ContextOverlay/ContextOverlay";
 interface PosOffset {
     left: number;
     top: number;
 }
-export interface EdgeToolsProps extends IBlueprintPopoverProps {
+export interface EdgeToolsProps extends Omit<ContextOverlayProps, "children"> {
     posOffset: PosOffset;
     children: string | JSX.Element | JSX.Element[];
 }

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

@@ -11,6 +11,7 @@ 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";

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, ...minimapProps }: MiniMapProps) => JSX.Element>;
+export declare const MiniMap: React.MemoExoticComponent<({ flowInstance, enableNavigation, maskColor, nodeClassName, nodeColor, nodeStrokeColor, ...minimapProps }: MiniMapProps) => JSX.Element>;

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

@@ -1,2 +1,3 @@
 export declare const minimapNodeClassName: (node: any) => string;
 export declare const minimapNodeColor: (node: any) => any;
+export declare const minimapBorderColor: (node: any) => any;