@eccenca/gui-elements 23.4.2-rc.0 → 23.6.0-rc.0

package/dist/types/cmem/ContentBlobToggler/ContentBlobToggler.d.ts

@@ -1,32 +1,32 @@
 import React from "react";
 export interface ContentBlobTogglerProps extends React.HTMLAttributes<HTMLDivElement> {
     /**
-          space-delimited list of class names
-      */
+        space-delimited list of class names
+    */
     className?: string;
     /**
-          text label used for toggler when preview is displayed
-      */
+        text label used for toggler when preview is displayed
+    */
     toggleExtendText: string;
     /**
-          text label used for toggler when full view is displayed
-      */
+        text label used for toggler when full view is displayed
+    */
     toggleReduceText: string;
     /**
-          content that is displayed as preview
-      */
+        content that is displayed as preview
+    */
     previewContent: React.ReactNode;
     /**
-          content that is displayed as extended full view
-      */
+        content that is displayed as extended full view
+    */
     fullviewContent: React.ReactNode;
     /**
-          Show extended full view initially. Default: false
-      */
+        Show extended full view initially. Default: false
+    */
     startExtended?: boolean;
     /**
-          Callback if toggler is necessary. Default: true
-      */
+        Callback if toggler is necessary. Default: true
+    */
     enableToggler?: boolean;
 }
 /** Shows a preview with the option to expand to a full view (and back). */

package/dist/types/cmem/ContentBlobToggler/StringPreviewContentBlobToggler.d.ts

@@ -17,7 +17,7 @@ export interface StringPreviewContentBlobTogglerProps extends Omit<ContentBlobTo
     allowedHtmlElementsInPreview?: string[];
 }
 /** Version of the content toggler for text only content. */
-export declare function StringPreviewContentBlobToggler({ className, previewMaxLength, toggleExtendText, toggleReduceText, content, fullviewContent, startExtended, firstNonEmptyLineOnly, renderPreviewAsMarkdown, allowedHtmlElementsInPreview }: StringPreviewContentBlobTogglerProps): React.JSX.Element;
+export declare function StringPreviewContentBlobToggler({ className, previewMaxLength, toggleExtendText, toggleReduceText, content, fullviewContent, startExtended, firstNonEmptyLineOnly, renderPreviewAsMarkdown, allowedHtmlElementsInPreview, }: StringPreviewContentBlobTogglerProps): React.JSX.Element;
 /**
  * Takes the first non-empty line from a preview string.
  * @deprecated use `stringPreviewContentBlobTogglerUtils.firstNonEmptyLine`

package/dist/types/cmem/markdown/highlightSearchWords.d.ts

@@ -4,7 +4,8 @@ import { Transformer } from "unified";
  * Creates a react-markdown reHype plugin that marks text based on a multi-word search query.
  * @deprecated moved to `markdownUtils.highlightSearchWordsPluginFactory`
  */
-export default function highlightSearchWordsPluginFactory(searchQuery: string | undefined): () => Transformer<Root, Root>;
+declare const highlightSearchWordsPluginFactory: (searchQuery: string | undefined) => () => Transformer<Root, Root>;
+export default highlightSearchWordsPluginFactory;
 export declare const markdownUtils: {
-    highlightSearchWordsPluginFactory: typeof highlightSearchWordsPluginFactory;
+    highlightSearchWordsPluginFactory: (searchQuery: string | undefined) => () => Transformer<Root, Root>;
 };

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

@@ -1,7 +1,7 @@
 /// <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;
+    decideContrastColorValue: ({ testColor, lightColor, darkColor, }: import("./utils/colorDecideContrastvalue").decideContrastColorValueProps) => string;
     getColorConfiguration: (configId: "react-flow-graph" | "react-flow-linking" | "react-flow-workflow" | "stickynotes") => any;
     invisibleZeroWidthCharacters: {
         codePoints: {
@@ -24,7 +24,7 @@ export declare const utils: {
 };
 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;
+    decideContrastColorValue: ({ testColor, lightColor, darkColor, }: import("./utils/colorDecideContrastvalue").decideContrastColorValueProps) => string;
     getColorConfiguration: (configId: "react-flow-graph" | "react-flow-linking" | "react-flow-workflow" | "stickynotes") => any;
     invisibleZeroWidthCharacters: {
         codePoints: {

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

@@ -5,5 +5,5 @@ export interface decideContrastColorValueProps {
     lightColor?: colorValue;
     darkColor?: colorValue;
 }
-declare const decideContrastColorValue: ({ testColor, lightColor, darkColor }: decideContrastColorValueProps) => string;
+declare const decideContrastColorValue: ({ testColor, lightColor, darkColor, }: decideContrastColorValueProps) => string;
 export default decideContrastColorValue;

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

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

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

@@ -1,6 +1,5 @@
 import React from "react";
 import { HeaderMenuButtonProps as CarbonHeaderMenuButtonProps } from "carbon-components-react";
-export interface ApplicationSidebarTogglerProps extends CarbonHeaderMenuButtonProps {
-}
+export declare type ApplicationSidebarTogglerProps = CarbonHeaderMenuButtonProps;
 export declare const ApplicationSidebarToggler: ({ className, ...otherCarbonHeaderMenuButtonProps }: ApplicationSidebarTogglerProps) => React.JSX.Element;
 export default ApplicationSidebarToggler;

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

@@ -1,6 +1,5 @@
 import React from "react";
 import { HeaderGlobalBarProps as CarbonHeaderGlobalBarProps } from "carbon-components-react";
-export interface ApplicationToolbarProps extends CarbonHeaderGlobalBarProps {
-}
+export declare type ApplicationToolbarProps = CarbonHeaderGlobalBarProps;
 export declare const ApplicationToolbar: ({ children, className, ...otherCarbonHeaderGlobalBarProps }: ApplicationToolbarProps) => React.JSX.Element;
 export default ApplicationToolbar;

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

@@ -1,6 +1,5 @@
 import React from "react";
 import { HeaderGlobalActionProps as CarbonHeaderGlobalActionProps } from "carbon-components-react";
-export interface ApplicationToolbarActionProps extends CarbonHeaderGlobalActionProps {
-}
+export declare type ApplicationToolbarActionProps = CarbonHeaderGlobalActionProps;
 export declare const ApplicationToolbarAction: ({ children, className, ...otherCarbonHeaderGlobalActionProps }: ApplicationToolbarActionProps) => React.JSX.Element;
 export default ApplicationToolbarAction;

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

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

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

@@ -1,7 +1,7 @@
-import "codemirror/addon/display/placeholder.js";
-import "codemirror/mode/sparql/sparql.js";
 import React from "react";
 import { Editor as CodeMirrorEditor } from "codemirror";
+import "codemirror/addon/display/placeholder.js";
+import "codemirror/mode/sparql/sparql.js";
 export interface IRange {
     from: number;
     to: number;

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

@@ -1,8 +1,8 @@
 import React from "react";
-import { TagProps } from "../Tag/Tag";
+import { IntentTypes } from "../../common/Intent";
 import { IconProps } from "../Icon/Icon";
 import { TestIconProps } from "../Icon/TestIcon";
-import { IntentTypes } from "../../common/Intent";
+import { TagProps } from "../Tag/Tag";
 export interface BadgeProps extends Omit<React.HTMLAttributes<HTMLSpanElement>, "children"> {
     /**
      * The badge only accepts numbers, text and ions as valid content.

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

@@ -1,7 +1,8 @@
 import React from "react";
-import { Breadcrumbs2Props as BlueprintBreadcrumbsProps } from "@blueprintjs/popover2";
+import { BreadcrumbsProps as BlueprintBreadcrumbsProps } from "@blueprintjs/core";
+import { TestableComponent } from "../interfaces";
 import { BreadcrumbItemProps } from "./BreadcrumbItem";
-export interface BreadcrumbListProps extends Omit<BlueprintBreadcrumbsProps, "breadcrumbRenderer" | "collapseFrom" | "currentBreadcrumbRenderer" | "minVisibleItems" | "overflowListProps" | "popoverProps"> {
+export interface BreadcrumbListProps extends TestableComponent, Omit<BlueprintBreadcrumbsProps, "breadcrumbRenderer" | "collapseFrom" | "currentBreadcrumbRenderer" | "minVisibleItems" | "overflowListProps" | "popoverProps"> {
     /**
         list of breadcrumb items to display
     */
@@ -9,11 +10,17 @@ export interface BreadcrumbListProps extends Omit<BlueprintBreadcrumbsProps, "br
     /**
         click handler used on breadcrumb items
     */
-    onItemClick?(itemUrl: string | undefined, event: object): any;
+    onItemClick?(itemUrl: string | undefined, event: object): boolean | void;
     /**
         native attributes for the unordered HTML list (ul)
+        @deprecated will be removed because the BlueprintJS `Breadcrumbs` component does not support native `ul` attributes. Use `wrapperProps` as alternate way to add native attributes to a container `div` element.
     */
     htmlUlProps?: React.HTMLAttributes<HTMLUListElement>;
+    /**
+     * If set then a `div` element is used as wrapper.
+     * It uses the attributes given via this property.
+     */
+    wrapperProps?: React.HTMLAttributes<HTMLDivElement>;
     /**
         char that devides breadcrumb items, default: "/" (currently unsupported)
     */
@@ -31,5 +38,5 @@ export interface BreadcrumbListProps extends Omit<BlueprintBreadcrumbsProps, "br
 /**
  * Navigation path to the currently show resource or view in the application.
  */
-export declare const BreadcrumbList: ({ className, onItemClick, htmlUlProps, ignoreOverflow, latenOverflow, ...otherBlueprintBreadcrumbsProps }: BreadcrumbListProps) => React.JSX.Element;
+export declare const BreadcrumbList: ({ className, onItemClick, htmlUlProps, ignoreOverflow, latenOverflow, wrapperProps, "data-test-id": dataTestId, "data-testid": dataTestid, ...otherBlueprintBreadcrumbsProps }: BreadcrumbListProps) => React.JSX.Element;
 export default BreadcrumbList;

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

@@ -3,8 +3,9 @@ import { AnchorButtonProps as BlueprintAnchorButtonProps, ButtonProps as Bluepri
 import { ValidIconName } from "../Icon/canonicalIconNames";
 import { BadgeProps } from "./../Badge/Badge";
 import { TooltipProps } from "./../Tooltip/Tooltip";
+/** @deprecated will be removed, there is no replacement */
 export declare type AnchorOrButtonProps = Omit<BlueprintButtonProps, "elementRef" | "icon" | "rightIcon"> | Omit<BlueprintAnchorButtonProps, "elementRef" | "icon" | "rightIcon">;
-export interface ButtonProps extends React.HTMLAttributes<HTMLButtonElement | HTMLAnchorElement> {
+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.
@@ -57,14 +58,17 @@ export interface ButtonProps extends React.HTMLAttributes<HTMLButtonElement | HT
     /**
      * If an URL is set then the button is included as HTML anchor element instead of a button form element.
      */
-    href?: string;
     icon?: ValidIconName | JSX.Element;
     rightIcon?: ValidIconName | JSX.Element;
-    target?: string;
 }
+interface ExtendedButtonProps extends AdditionalButtonProps, Omit<BlueprintButtonProps, "icon" | "rightIcon"> {
+}
+interface ExtendedAnchorButtonProps extends AdditionalButtonProps, Omit<BlueprintAnchorButtonProps, "icon" | "rightIcon"> {
+}
+export declare 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, ...restProps }: ButtonProps & AnchorOrButtonProps) => React.JSX.Element;
+export declare const Button: ({ children, className, affirmative, disruptive, elevated, hasStatePrimary, hasStateSuccess, hasStateWarning, hasStateDanger, icon, rightIcon, tooltip, tooltipProps, badge, badgeProps, ...restProps }: ButtonProps) => React.JSX.Element;
 export default Button;

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

@@ -1,4 +1,4 @@
-import React from 'react';
+import React from "react";
 import { CardProps as BlueprintCardProps } from "@blueprintjs/core";
 export interface CardProps extends BlueprintCardProps {
     /**

package/dist/types/components/Card/CardActions.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import React from "react";
 export interface CardActionsProps extends React.HTMLAttributes<HTMLDivElement> {
     /**
      * Set an inverse direction of how the elements are aligned.

package/dist/types/components/Card/CardActionsAux.d.ts

@@ -1,6 +1,5 @@
-import React from 'react';
-export interface CardActionsAuxProps extends React.HTMLAttributes<HTMLDivElement> {
-}
+import React from "react";
+export declare type CardActionsAuxProps = React.HTMLAttributes<HTMLDivElement>;
 /**
  * Additional side buttons inside `CardActions`.
  * Elements are aligned to the other side of the container.

package/dist/types/components/Card/CardContent.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import React from "react";
 export interface CardContentProps extends React.HTMLAttributes<HTMLDivElement> {
     /**
      * Usually `CardContent` uses all the remaining space inside a card.

package/dist/types/components/Card/CardOptions.d.ts

@@ -1,7 +1,6 @@
-import React from 'react';
-import { OverviewItemActionsProps } from './../OverviewItem/OverviewItemActions';
-export interface CardOptionsProps extends Omit<OverviewItemActionsProps, "hiddenInteractions"> {
-}
+import React from "react";
+import { OverviewItemActionsProps } from "./../OverviewItem/OverviewItemActions";
+export declare type CardOptionsProps = Omit<OverviewItemActionsProps, "hiddenInteractions">;
 /**
  * Container for elements that allow user-interaction, e.g. buttons or context menus.
  * Can contain multiple of them.

package/dist/types/components/Card/CardTitle.d.ts

@@ -1,5 +1,5 @@
-import React from 'react';
-import { OverviewItemLineProps } from './../OverviewItem/OverviewItemLine';
+import React from "react";
+import { OverviewItemLineProps } from "./../OverviewItem/OverviewItemLine";
 export interface CardTitleProps extends Omit<OverviewItemLineProps, "small" | "large"> {
     /**
      * Use only normal font size instead of a large one.

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

@@ -1,7 +1,7 @@
-export * from './Card';
-export * from './CardHeader';
-export * from './CardTitle';
-export * from './CardOptions';
-export * from './CardContent';
-export * from './CardActions';
-export * from './CardActionsAux';
+export * from "./Card";
+export * from "./CardHeader";
+export * from "./CardTitle";
+export * from "./CardOptions";
+export * from "./CardContent";
+export * from "./CardActions";
+export * from "./CardActionsAux";

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

@@ -1,6 +1,5 @@
-import React from 'react';
+import React from "react";
 import { CheckboxProps as BlueprintCheckboxProps } from "@blueprintjs/core";
-export interface CheckboxProps extends BlueprintCheckboxProps {
-}
+export declare type CheckboxProps = BlueprintCheckboxProps;
 export declare const Checkbox: ({ children, className, ...restProps }: CheckboxProps) => React.JSX.Element;
 export default Checkbox;

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

@@ -1,7 +1,7 @@
 import React from "react";
+import { ValidIconName } from "../Icon/canonicalIconNames";
 import { TestableComponent } from "../interfaces";
 import { ContextOverlayProps } from "./ContextOverlay";
-import { ValidIconName } from "../Icon/canonicalIconNames";
 export interface ContextMenuProps extends TestableComponent {
     /**
      * Addional CSS class names.

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

@@ -1,5 +1,5 @@
 import React from "react";
-import { Popover2Props as BlueprintPopoverProps } from "@blueprintjs/popover2";
+import { PopoverProps as BlueprintPopoverProps } from "@blueprintjs/core";
 export interface ContextOverlayProps extends Omit<BlueprintPopoverProps, "position"> {
     /**
      * `target` element to use as toggler for the overlay display.

package/dist/types/components/Dialog/AlertDialog.d.ts

@@ -1,5 +1,5 @@
-import React from 'react';
-import { SimpleDialogProps } from './SimpleDialog';
+import React from "react";
+import { SimpleDialogProps } from "./SimpleDialog";
 export interface AlertDialogProps extends Omit<SimpleDialogProps, "intent"> {
     /**
      * set to true if alert dialog displays a success message

package/dist/types/components/Dialog/Modal.d.ts

@@ -1,6 +1,7 @@
 import React from "react";
-import { IOverlayState as BlueprintOverlayState, OverlayProps as BlueprintOverlayProps } from "@blueprintjs/core";
-export interface ModalProps extends BlueprintOverlayProps, BlueprintOverlayState {
+import { Overlay2Props as BlueprintOverlayProps } from "@blueprintjs/core";
+import { TestableComponent } from "../interfaces";
+export interface ModalProps extends TestableComponent, BlueprintOverlayProps {
     children: React.ReactNode | React.ReactNode[];
     /**
      * A space-delimited list of class names to pass along to the BlueprintJS `Overlay` element that is used to create the modal.
@@ -38,5 +39,5 @@ export interface ModalProps extends BlueprintOverlayProps, BlueprintOverlayState
  * Otherwise this element can be used to create own modal elements and edge cases for modal dialogs.
  * Then it is recommended to use the `Card` element inside.
  */
-export declare const Modal: ({ children, className, overlayClassName, size, canOutsideClickClose, canEscapeKeyClose, preventBackdrop, wrapperDivProps, modalFocusable, usePortal, forceTopPosition, onOpening, ...otherProps }: ModalProps) => React.JSX.Element;
+export declare const Modal: ({ children, className, overlayClassName, size, canOutsideClickClose, canEscapeKeyClose, preventBackdrop, wrapperDivProps, modalFocusable, usePortal, forceTopPosition, onOpening, "data-test-id": dataTestId, "data-testid": dataTestid, ...otherProps }: ModalProps) => React.JSX.Element;
 export default Modal;

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

@@ -1,6 +1,6 @@
 import React from "react";
-import { LabelProps } from "../Label/Label";
 import { TestableComponent } from "../interfaces";
+import { LabelProps } from "../Label/Label";
 export interface FieldItemProps extends React.HTMLAttributes<HTMLDivElement>, TestableComponent {
     /**
      * Set primary state.

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

@@ -1,39 +1,39 @@
 import React from "react";
 export interface FieldSetProps extends Omit<React.FieldsetHTMLAttributes<HTMLFieldSetElement>, "title"> {
     /**
-    * Displays the fieldset inside a box.
-    * Background color of the box is set automatically regarding the set intent state.
-    */
+     * Displays the fieldset inside a box.
+     * Background color of the box is set automatically regarding the set intent state.
+     */
     boxed?: boolean;
     /**
-    * The fieldsetsection is displayed with primary color scheme.
-    */
+     * The fieldsetsection is displayed with primary color scheme.
+     */
     hasStatePrimary?: boolean;
     /**
-    * The fieldset section is displayed with success (some type of green) color scheme.
-    */
+     * The fieldset section is displayed with success (some type of green) color scheme.
+     */
     hasStateSuccess?: boolean;
     /**
-    * The fieldset section is displayed with warning (some type of orange) color scheme.
-    */
+     * The fieldset section is displayed with warning (some type of orange) color scheme.
+     */
     hasStateWarning?: boolean;
     /**
-    * The fieldsetsection is displayed with danger (some type of red) color scheme.
-    */
+     * The fieldsetsection is displayed with danger (some type of red) color scheme.
+     */
     hasStateDanger?: boolean;
     /**
-    * Optional helper text. If given then it is displayed after the title.
-    */
+     * Optional helper text. If given then it is displayed after the title.
+     */
     helperText?: string | JSX.Element;
     /**
-    * Optional notification text.
-    * If given then it is displayed before the fieldset content and is colored reagarding the set intent state.
-    */
+     * Optional notification text.
+     * If given then it is displayed before the fieldset content and is colored reagarding the set intent state.
+     */
     messageText?: string | JSX.Element;
     /**
-    * Optional title, set the fieldset legend and if given it is display on top, colored reagarding the set intent state.
-    *
-    */
+     * Optional title, set the fieldset legend and if given it is display on top, colored reagarding the set intent state.
+     *
+     */
     title?: string | JSX.Element;
 }
 /**

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

@@ -1,8 +1,8 @@
 import React from "react";
-import { AnchorOrButtonProps, ButtonProps } from "../Button/Button";
+import { ButtonProps } from "../Button/Button";
 import { ValidIconName } from "./canonicalIconNames";
 import { TestIconProps } from "./TestIcon";
-interface ExtendedButtonProps extends Omit<ButtonProps, "icon" | "rightIcon" | "text" | "minimal" | "tooltip"> {
+interface ExtendedButtonProps extends Omit<ButtonProps, "name" | "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.
@@ -27,7 +27,7 @@ interface ExtendedButtonProps extends Omit<ButtonProps, "icon" | "rightIcon" | "
      */
     minimal?: boolean;
 }
-export declare type IconButtonProps = ExtendedButtonProps & AnchorOrButtonProps;
+export declare type IconButtonProps = ExtendedButtonProps;
 /** A button with an icon instead of text. */
 export declare const IconButton: ({ className, name, text, tooltipProps, description, tooltipAsTitle, minimal, ...restProps }: IconButtonProps) => React.JSX.Element;
 export default IconButton;

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

@@ -1,6 +1,5 @@
 import React from "react";
 import { LinkProps as CarbonLinkProps } from "carbon-components-react";
-export interface LinkProps extends CarbonLinkProps {
-}
+export declare type LinkProps = CarbonLinkProps;
 export declare const Link: ({ className, children, href, onClick, ...otherProps }: CarbonLinkProps) => React.JSX.Element;
 export default Link;

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

@@ -1,6 +1,5 @@
-import React from 'react';
+import React from "react";
 import { MenuProps as BlueprintMenuProps } from "@blueprintjs/core";
-export interface MenuProps extends BlueprintMenuProps {
-}
+export declare type MenuProps = BlueprintMenuProps;
 export declare const Menu: ({ children, className, ...restProps }: MenuProps) => React.JSX.Element;
 export default Menu;

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

@@ -1,6 +1,5 @@
-import React from 'react';
+import React from "react";
 import { MenuDividerProps as BlueprintMenuDividerProps } from "@blueprintjs/core";
-export interface MenuDividerProps extends BlueprintMenuDividerProps {
-}
+export declare type MenuDividerProps = BlueprintMenuDividerProps;
 export declare const MenuDivider: ({ children, className, ...restProps }: MenuDividerProps) => React.JSX.Element;
 export default MenuDivider;

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

@@ -1,7 +1,7 @@
-import React from 'react';
+import React from "react";
 import { MenuItemProps as BlueprintMenuItemProps } from "@blueprintjs/core";
-import { TestIconProps } from "./../Icon/TestIcon";
 import { ValidIconName } from "../Icon/canonicalIconNames";
+import { TestIconProps } from "./../Icon/TestIcon";
 export interface MenuItemProps extends Omit<BlueprintMenuItemProps, "icon" | "children">, Omit<React.AnchorHTMLAttributes<HTMLAnchorElement>, "onClick" | "onFocus" | "target" | "children"> {
     icon?: ValidIconName | string[] | React.ReactElement<TestIconProps>;
     children?: React.ReactNode;

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

@@ -1,9 +1,10 @@
 import React from "react";
 import { ToastProps as BlueprintToastProps } from "@blueprintjs/core";
+import { TestableComponent } from "../interfaces";
+import { ValidIconName } from "./../Icon/canonicalIconNames";
 import { IconProps } from "./../Icon/Icon";
 import { TestIconProps } from "./../Icon/TestIcon";
-import { ValidIconName } from "./../Icon/canonicalIconNames";
-export interface NotificationProps extends Omit<BlueprintToastProps, "message" | "action" | "icon" | "intent">, React.HTMLAttributes<HTMLDivElement> {
+export interface NotificationProps extends TestableComponent, Omit<BlueprintToastProps, "message" | "action" | "icon" | "intent">, React.HTMLAttributes<HTMLDivElement> {
     /**
      * Extra user action elements
      */
@@ -54,10 +55,15 @@ export interface NotificationProps extends Omit<BlueprintToastProps, "message" |
      * Icon used as depiction that is displayed with the notification.
      */
     iconName?: ValidIconName | null;
+    /**
+     * If set then a `div` element is used as wrapper.
+     * It uses the attributes given via this property.
+     */
+    wrapperProps?: React.HTMLAttributes<HTMLDivElement>;
 }
 /**
  * Displays a notification message, optionally combined with depiction and further action buttons.
  * By default it uses colorization of an blueish info alert.
  */
-export declare const Notification: ({ actions, children, className, message, success, warning, danger, neutral, fullWidth, flexWidth, iconName, icon, timeout, ...otherProps }: NotificationProps) => React.JSX.Element;
+export declare const Notification: ({ actions, children, className, message, success, warning, danger, neutral, fullWidth, flexWidth, iconName, icon, timeout, wrapperProps, "data-test-id": dataTestId, "data-testid": dataTestid, ...otherProps }: NotificationProps) => React.JSX.Element;
 export default Notification;

package/dist/types/components/Notification/Toast.d.ts

@@ -1,7 +1,6 @@
 import React from "react";
 import { NotificationProps } from "./Notification";
-export interface ToastProps extends NotificationProps {
-}
+export declare type ToastProps = NotificationProps;
 /**
  * Displays a `Notification` with a pre-set `timeout` setting.
  */

package/dist/types/components/OverviewItem/OverviewItemDescription.d.ts

@@ -1,5 +1,4 @@
 import React from "react";
-export interface OverviewItemDescriptionProps extends React.HTMLAttributes<HTMLDivElement> {
-}
+export declare type OverviewItemDescriptionProps = React.HTMLAttributes<HTMLDivElement>;
 export declare const OverviewItemDescription: ({ children, className, ...otherDivProps }: OverviewItemDescriptionProps) => React.JSX.Element;
 export default OverviewItemDescription;

package/dist/types/components/PropertyValuePair/PropertyValueList.d.ts

@@ -1,5 +1,4 @@
 import React from "react";
-export interface PropertyValueListProps extends React.HTMLAttributes<HTMLDListElement> {
-}
+export declare type PropertyValueListProps = React.HTMLAttributes<HTMLDListElement>;
 export declare const PropertyValueList: ({ className, children, ...otherProps }: PropertyValueListProps) => React.JSX.Element;
 export default PropertyValueList;

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

@@ -1,6 +1,5 @@
-import React from 'react';
+import React from "react";
 import { RadioProps as BlueprintRadioProps } from "@blueprintjs/core";
-export interface RadioButtonProps extends BlueprintRadioProps {
-}
+export declare type RadioButtonProps = BlueprintRadioProps;
 export declare const RadioButton: ({ children, className, ...restProps }: RadioButtonProps) => React.JSX.Element;
 export default RadioButton;

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

@@ -1,7 +1,8 @@
 import React from "react";
-import { Select2Props as BlueprintSelectProps } from "@blueprintjs/select";
+import { SelectProps as BlueprintSelectProps } from "@blueprintjs/select";
+import { TestableComponent } from "../interfaces";
 import { ButtonProps, ContextOverlayProps } from "./../../index";
-export interface SelectProps<T> extends Omit<BlueprintSelectProps<T>, "popoverTargetProps" | "popoverContentProps" | "popoverProps" | "popoverRef">, Pick<ButtonProps, "icon" | "rightIcon"> {
+export interface SelectProps<T> extends TestableComponent, Omit<BlueprintSelectProps<T>, "popoverTargetProps" | "popoverContentProps" | "popoverProps" | "popoverRef">, Pick<ButtonProps, "icon" | "rightIcon"> {
     /**
      * Textual representation of the the selected value.
      * This is displayed if the select target is not controlled directly via `children` elements.
@@ -27,6 +28,11 @@ export interface SelectProps<T> extends Omit<BlueprintSelectProps<T>, "popoverTa
      * Only works with the uncontrolled default select target.
      */
     onClearanceText?: string;
+    /**
+     * If set then a `div` element is used as wrapper.
+     * It uses the attributes given via this property.
+     */
+    wrapperProps?: React.HTMLAttributes<HTMLDivElement>;
 }
 /**
  * Create a Select box without the HTML select element.
@@ -34,7 +40,7 @@ export interface SelectProps<T> extends Omit<BlueprintSelectProps<T>, "popoverTa
  *
  * **Use this input element when the value is primarily selected from a defined set of elements.**
  */
-export declare function Select<T>({ contextOverlayProps, className, children, text, placeholder, icon, rightIcon, onClearanceHandler, inputProps, onClearanceText, ...otherSelectProps }: SelectProps<T>): React.JSX.Element;
+export declare function Select<T>({ contextOverlayProps, className, children, text, placeholder, icon, rightIcon, onClearanceHandler, inputProps, onClearanceText, "data-test-id": dataTestId, "data-testid": dataTestid, wrapperProps, ...otherSelectProps }: SelectProps<T>): React.JSX.Element;
 export declare namespace Select {
     var ofType: <U>() => (props: SelectProps<U>) => React.JSX.Element;
 }

package/dist/types/components/Structure/Section.d.ts

@@ -1,5 +1,4 @@
 import React from "react";
-export interface SectionProps extends React.HTMLAttributes<HTMLElement> {
-}
+export declare type SectionProps = React.HTMLAttributes<HTMLElement>;
 export declare const Section: ({ children, className, ...restProps }: SectionProps) => React.JSX.Element;
 export default Section;

package/dist/types/components/Structure/SectionHeader.d.ts

@@ -1,5 +1,4 @@
 import React from "react";
-export interface SectionHeaderProps extends React.HTMLAttributes<HTMLElement> {
-}
+export declare type SectionHeaderProps = React.HTMLAttributes<HTMLElement>;
 export declare const SectionHeader: ({ children, className, ...restProps }: SectionHeaderProps) => React.JSX.Element;
 export default SectionHeader;