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

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

@@ -1,8 +1,8 @@
-/// <reference types="react" />
+import React from "react";
 import { TestableComponent } from "../interfaces";
 import { ContextOverlayProps } from "./ContextOverlay";
 import { ValidIconName } from "../Icon/canonicalIconNames";
-interface ContextMenuProps extends TestableComponent {
+export interface ContextMenuProps extends TestableComponent {
     /**
      * Addional CSS class names.
      */
@@ -40,5 +40,5 @@ interface ContextMenuProps extends TestableComponent {
 /**
  * Element displays menu items after toggler is clicked.
  */
-declare function ContextMenu({ children, className, togglerElement, togglerText, contextOverlayProps, disabled, togglerLarge, tooltipAsTitle, ...restProps }: ContextMenuProps): JSX.Element;
+export declare const ContextMenu: ({ children, className, togglerElement, togglerText, contextOverlayProps, disabled, togglerLarge, tooltipAsTitle, ...restProps }: ContextMenuProps) => React.JSX.Element;
 export default ContextMenu;

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

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import { Popover2Props as BlueprintPopoverProps } from "@blueprintjs/popover2";
 export interface ContextOverlayProps extends Omit<BlueprintPopoverProps, "position"> {
     /**
@@ -10,5 +10,5 @@ export interface ContextOverlayProps extends Omit<BlueprintPopoverProps, "positi
  * 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 declare const ContextOverlay: ({ children, className, ...restProps }: ContextOverlayProps) => React.JSX.Element;
 export default ContextOverlay;

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

@@ -0,0 +1,2 @@
+export * from "./ContextOverlay";
+export * from "./ContextMenu";

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

@@ -68,4 +68,4 @@ export interface DepictionProps extends React.HTMLAttributes<HTMLElement> {
 /**
  * Display a graphical representation and attache a caption or a badge to it.
  */
-export declare function Depiction({ className, image, forceInlineSvg, size, resizing, ratio, caption, captionPosition, backgroundColor, border, rounded, padding, badge, tooltipProps, ...otherFigureProps }: DepictionProps): JSX.Element;
+export declare function Depiction({ className, image, forceInlineSvg, size, resizing, ratio, caption, captionPosition, backgroundColor, border, rounded, padding, badge, tooltipProps, ...otherFigureProps }: DepictionProps): React.JSX.Element;

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

@@ -1,6 +1,6 @@
-/// <reference types="react" />
+import React from 'react';
 import { SimpleDialogProps } from './SimpleDialog';
-export interface IAlertDialogProps extends Omit<SimpleDialogProps, "intent"> {
+export interface AlertDialogProps extends Omit<SimpleDialogProps, "intent"> {
     /**
      * set to true if alert dialog displays a success message
      */
@@ -14,9 +14,10 @@ export interface IAlertDialogProps extends Omit<SimpleDialogProps, "intent"> {
      */
     danger?: boolean;
 }
+export declare type IAlertDialogProps = AlertDialogProps;
 /**
  * Special element to display alert notification in modal dialogs.
  * Inherits all properties from `SimpleDialog`, except `intent`.
  */
-declare function AlertDialog({ children, success, warning, danger, ...otherProps }: IAlertDialogProps): JSX.Element;
+export declare const AlertDialog: ({ children, success, warning, danger, ...otherProps }: AlertDialogProps) => React.JSX.Element;
 export default AlertDialog;

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

@@ -19,8 +19,9 @@ export interface ModalProps extends OverlayProps, IOverlayState {
 }
 /**
  * Displays contents on top of other elements, used to create dialogs.
- * This element can be used to create own modal elements and edge cases for modal dialogs.
  * For most situations the usage of `SimpleDialog` and `AlertDialog` should be sufficent.
+ * 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.
  */
-declare function Modal({ children, className, overlayClassName, size, canOutsideClickClose, canEscapeKeyClose, preventBackdrop, wrapperDivProps, ...otherProps }: ModalProps): JSX.Element;
+export declare const Modal: ({ children, className, overlayClassName, size, canOutsideClickClose, canEscapeKeyClose, preventBackdrop, wrapperDivProps, ...otherProps }: ModalProps) => React.JSX.Element;
 export default Modal;

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

@@ -43,5 +43,5 @@ export interface SimpleDialogProps extends ModalProps, TestableComponent {
  * Simplifies the dialog display by providing a direct `Card` template for the `Modal` element.
  * Inherits all properties from `Modal`.
  */
-declare function SimpleDialog({ children, canOutsideClickClose, canEscapeKeyClose, title, actions, notifications, hasBorder, preventSimpleClosing, intent, headerOptions, showFullScreenToggler, startInFullScreenMode, size, ...otherProps }: SimpleDialogProps): JSX.Element;
+export declare const SimpleDialog: ({ children, canOutsideClickClose, canEscapeKeyClose, title, actions, notifications, hasBorder, preventSimpleClosing, intent, headerOptions, showFullScreenToggler, startInFullScreenMode, size, ...otherProps }: SimpleDialogProps) => React.JSX.Element;
 export default SimpleDialog;

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

@@ -0,0 +1,3 @@
+export * from "./Modal";
+export * from "./SimpleDialog";
+export * from "./AlertDialog";

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

@@ -46,5 +46,5 @@ export interface FieldItemProps extends React.HTMLAttributes<HTMLDivElement>, Te
 /**
  * Form element that manages the combination of label, helper texts, input element and feedback messages.
  */
-declare function FieldItem({ hasStatePrimary, hasStateSuccess, hasStateWarning, hasStateDanger, children, className, disabled, labelProps, helperText, messageText, ...otherProps }: FieldItemProps): JSX.Element;
+export declare const FieldItem: ({ hasStatePrimary, hasStateSuccess, hasStateWarning, hasStateDanger, children, className, disabled, labelProps, helperText, messageText, ...otherProps }: FieldItemProps) => React.JSX.Element;
 export default FieldItem;

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

@@ -8,5 +8,5 @@ export interface FieldItemRowProps extends React.HTMLAttributes<HTMLDivElement>
 /**
  * Allows to display `FieldItem` children horizontally in one row.
  */
-declare function FieldItemRow({ children, className, justifyItemWidths, ...otherProps }: FieldItemRowProps): JSX.Element;
+export declare const FieldItemRow: ({ children, className, justifyItemWidths, ...otherProps }: FieldItemRowProps) => React.JSX.Element;
 export default FieldItemRow;

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

@@ -1,3 +1,43 @@
-/// <reference types="react" />
-declare function FieldSet({ boxed, children, className, hasStatePrimary, hasStateSuccess, hasStateWarning, hasStateDanger, helperText, messageText, title, ...otherProps }: any): JSX.Element;
+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.
+    */
+    boxed?: boolean;
+    /**
+    * The fieldsetsection is displayed with primary color scheme.
+    */
+    hasStatePrimary?: boolean;
+    /**
+    * 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.
+    */
+    hasStateWarning?: boolean;
+    /**
+    * 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.
+    */
+    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.
+    */
+    messageText?: string | JSX.Element;
+    /**
+    * Optional title, set the fieldset legend and if given it is display on top, colored reagarding the set intent state.
+    *
+    */
+    title?: string | JSX.Element;
+}
+/**
+ * Displays a group of input elements.
+ */
+export declare const FieldSet: ({ boxed, children, className, hasStatePrimary, hasStateSuccess, hasStateWarning, hasStateDanger, helperText, messageText, title, ...otherProps }: FieldSetProps) => React.JSX.Element;
 export default FieldSet;

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

@@ -0,0 +1,3 @@
+export * from "./FieldItem";
+export * from "./FieldItemRow";
+export * from "./FieldSet";

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

@@ -1,6 +1,6 @@
-/// <reference types="react" />
+import React from "react";
 import { GridDefaultProps } from "carbon-components-react";
-interface GridProps extends Omit<GridDefaultProps, "fullWidth" | "columns" | "narrow"> {
+export interface GridProps extends Omit<GridDefaultProps, "fullWidth" | "columns" | "narrow" | "as"> {
     /**
      * The available grid height can be distributed between multiple rows.
      * To do so the `verticalStretched` property must be set for the `<GridRow />` element that need to be stretched.
@@ -12,6 +12,10 @@ interface GridProps extends Omit<GridDefaultProps, "fullWidth" | "columns" | "na
      * This parent element must be displayed using a fixed, relative or absolute position.
      */
     useAbsoluteSpace?: boolean;
+    /**
+     * Provide a HTML element name to render instead of the default `div`.
+     */
+    as?: "article" | "section" | "div";
     /**
      * @deprecated
      * This is set always by default.
@@ -23,5 +27,5 @@ interface GridProps extends Omit<GridDefaultProps, "fullWidth" | "columns" | "na
  * Grids can also be stacked into other grids for more complex layouts.
  * A very complex level of stacked grids is a sign that something should be designed differently.
  */
-declare function Grid({ children, verticalStretchable, useAbsoluteSpace, className, ...restProps }: GridProps): JSX.Element;
+export declare const Grid: ({ children, verticalStretchable, useAbsoluteSpace, className, ...restProps }: GridProps) => React.JSX.Element;
 export default Grid;

package/dist/types/components/Grid/GridColumn.d.ts

@@ -1,6 +1,6 @@
-/// <reference types="react" />
+import React from "react";
 import { ColumnDefaultProps } from "carbon-components-react";
-interface GridColumnProps extends Omit<ColumnDefaultProps, "max" | "xlg" | "lg" | "md" | "sm"> {
+export interface GridColumnProps extends Omit<ColumnDefaultProps, "max" | "xlg" | "lg" | "md" | "sm"> {
     /**
      * Column width is small, using 3 (or 2, on medium viewports) parts out of 16.
      * This boolean property is basically a quick switch for setting `{ md:2, lg:3 }`.
@@ -15,6 +15,10 @@ interface GridColumnProps extends Omit<ColumnDefaultProps, "max" | "xlg" | "lg"
      * Alignment of column content.
      */
     verticalAlign?: "top" | "center";
+    /**
+     * Overwrite column sizes by using the original size config of the Carbon grid column.
+     */
+    carbonSizeConfig?: Pick<ColumnDefaultProps, "max" | "xlg" | "lg" | "md" | "sm">;
     /**
      * @deprecated
      */
@@ -24,5 +28,5 @@ interface GridColumnProps extends Omit<ColumnDefaultProps, "max" | "xlg" | "lg"
  * Grid columns can be used in grid rows.
  * They can contain other grids if this is necessary for more complex layouts.
  */
-declare function GridColumn({ children, className, small, medium, full, verticalAlign, ...otherProps }: GridColumnProps): JSX.Element;
+export declare const GridColumn: ({ children, className, small, medium, full, verticalAlign, carbonSizeConfig, ...otherProps }: GridColumnProps) => React.JSX.Element;
 export default GridColumn;

package/dist/types/components/Grid/GridRow.d.ts

@@ -1,6 +1,6 @@
-/// <reference types="react" />
+import React from "react";
 import { RowDefaultProps } from "carbon-components-react";
-interface GridRowProps extends Omit<RowDefaultProps, "narrow"> {
+export interface GridRowProps extends Omit<RowDefaultProps, "narrow"> {
     /**
      * Do not wrap column children when there is not enough space available.
      * This only works for grids on medium sized and larger viewports.
@@ -21,5 +21,5 @@ interface GridRowProps extends Omit<RowDefaultProps, "narrow"> {
 /**
  * Grid rows exists as children in a grid and can contain columns.
  */
-declare function GridRow({ children, className, dontWrapColumns, fullHeight, verticalStretched, ...otherProps }: GridRowProps): JSX.Element;
+export declare const GridRow: ({ children, className, dontWrapColumns, fullHeight, verticalStretched, ...otherProps }: GridRowProps) => React.JSX.Element;
 export default GridRow;

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

@@ -0,0 +1,3 @@
+export * from "./Grid";
+export * from "./GridRow";
+export * from "./GridColumn";

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

@@ -1,5 +1,5 @@
 import React from "react";
-interface HoverTogglerProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "children"> {
+export interface HoverTogglerProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "children"> {
     /**
      * Additional CSS class name.
      */
@@ -20,5 +20,5 @@ interface HoverTogglerProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "
     inline?: boolean;
 }
 /** Displays a specific element. Displays another element when hovered. */
-export declare const HoverToggler: ({ className, baseContent, baseContentProps, hoverContent, hoverContentProps, inline, style, ...otherProps }: HoverTogglerProps) => JSX.Element;
-export {};
+export declare const HoverToggler: ({ className, baseContent, baseContentProps, hoverContent, hoverContentProps, inline, style, ...otherProps }: HoverTogglerProps) => React.JSX.Element;
+export default HoverToggler;

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

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from "react";
 import { IconProps as CarbonIconProps } from "carbon-components-react";
 import { IntentTypes } from "../../common/Intent";
 import { TooltipProps } from "./../Tooltip/Tooltip";
@@ -41,5 +41,5 @@ export interface BaseIconProps extends Omit<CarbonIconProps, "icon" | "descripti
 /**
  * The base icon provides the basic functionality that is necessary to wrap the Carbon icon component.
  */
-declare function BaseIcon({ iconComponent, className, large, small, tooltipText, tooltipProps, intent, description, tabIndex, ...restProps }: BaseIconProps): JSX.Element;
+declare function BaseIcon({ iconComponent, className, large, small, tooltipText, tooltipProps, intent, description, tabIndex, ...restProps }: BaseIconProps): React.JSX.Element;
 export default BaseIcon;

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

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from "react";
 import { BaseIconProps } from "./BaseIcon";
 import { ValidIconName } from "./canonicalIconNames";
 export interface IconProps extends Omit<BaseIconProps, "iconComponent"> {
@@ -8,11 +8,17 @@ export interface IconProps extends Omit<BaseIconProps, "iconComponent"> {
      */
     name: ValidIconName | string[];
 }
-/** Returns the first icon name that exists or the fallback icon name. */
+/**
+ * Returns the first icon name that exists or the fallback icon name.
+ * @deprecated use `iconUtils.findExistingIconName`
+ */
 export declare const findExistingIconName: (iconNames: string[], fallbackIconName?: ValidIconName) => ValidIconName;
+export declare const iconUtils: {
+    findExistingIconName: (iconNames: string[], fallbackIconName?: ValidIconName) => ValidIconName;
+};
 /**
  * The icon provides a graphical symbol that is specified by a canonical name.
  * This name is hard-coded to force a homegenous usage of the [Carbon icon library](https://carbondesignsystem.com/guidelines/icons/library).
  */
-declare function Icon({ name, ...otherBaseIconProps }: IconProps): JSX.Element;
+export declare const Icon: ({ name, ...otherBaseIconProps }: IconProps) => React.JSX.Element;
 export default Icon;

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

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

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

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from "react";
 import { BaseIconProps } from "./BaseIcon";
 import { CarbonIconType } from "./canonicalIconNames";
 export interface TestIconProps extends Omit<BaseIconProps, "iconComponent"> {
@@ -16,5 +16,5 @@ export interface TestIconProps extends Omit<BaseIconProps, "iconComponent"> {
  * const testIcon = <TestIcon tryout={LogoReact} />
  * ```
  */
-declare function TestIcon({ className, tryout, ...otherBaseIconProps }: TestIconProps): JSX.Element;
+export declare const TestIcon: ({ className, tryout, ...otherBaseIconProps }: TestIconProps) => React.JSX.Element;
 export default TestIcon;

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

@@ -1,4 +1,3 @@
-import Icon, { IconProps } from "./Icon";
-import TestIcon, { TestIconProps } from "./TestIcon";
-export { Icon, TestIcon };
-export type { IconProps, TestIconProps };
+export * from "./Icon";
+export * from "./TestIcon";
+export * from "./IconButton";

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

@@ -15,4 +15,8 @@ export interface IframeProps extends TestableComponent {
     backgroundColor?: string;
     htmlIframeProps?: Omit<React.IframeHTMLAttributes<HTMLIFrameElement>, "title" | "className" | "src">;
 }
+/**
+ * Display iframe but shows a spinner as long as it is not loaded.
+ */
 export declare const Iframe: React.ForwardRefExoticComponent<IframeProps & React.RefAttributes<HTMLIFrameElement>>;
+export default Iframe;

package/dist/types/components/Iframe/IframeModal.d.ts

@@ -9,4 +9,5 @@ export interface IframeModalProps extends Omit<SimpleDialogProps, "children"> {
     htmlIframeProps?: Omit<React.IframeHTMLAttributes<HTMLIFrameElement>, "title" | "className" | "src">;
 }
 /** Modal that contains an iframe and supports full screen mode. */
-export declare function IframeModal({ title, src, className, startFullscreen, compIframeProps, htmlIframeProps, headerOptions, size, ...otherSimpleDialogProps }: IframeModalProps): JSX.Element;
+export declare const IframeModal: ({ title, src, className, startFullscreen, compIframeProps, htmlIframeProps, headerOptions, size, ...otherSimpleDialogProps }: IframeModalProps) => React.JSX.Element;
+export default IframeModal;

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

@@ -0,0 +1,2 @@
+export * from "./Iframe";
+export * from "./IframeModal";

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

@@ -24,5 +24,5 @@ export interface InteractionGateProps extends Omit<React.HTMLAttributes<HTMLDivE
  * Wrap content that need to be blocked from user interactions
  * It also has options to display a spinner as overlay.
  */
-declare function InteractionGate({ children, className, inert, showSpinner, spinnerProps, useParentPositioning, ...otherProps }: InteractionGateProps): JSX.Element;
+export declare const InteractionGate: ({ children, className, inert, showSpinner, spinnerProps, useParentPositioning, ...otherProps }: InteractionGateProps) => React.JSX.Element;
 export default InteractionGate;

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

@@ -27,5 +27,5 @@ export interface LabelProps extends React.LabelHTMLAttributes<HTMLLabelElement>
      */
     disabled?: boolean;
 }
-declare function Label({ children, className, disabled, text, info, tooltip, tooltipProps, isLayoutForElement, ...otherLabelProps }: LabelProps): JSX.Element;
+export declare const Label: ({ children, className, disabled, text, info, tooltip, tooltipProps, isLayoutForElement, ...otherLabelProps }: LabelProps) => React.JSX.Element;
 export default Label;

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

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

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

@@ -1,5 +1,5 @@
 import React from "react";
-interface ListProps<T> {
+export interface ListProps<T> {
     items: T[];
     /** Renders the item. */
     itemRenderer: (item: T) => React.ReactNode;
@@ -13,5 +13,5 @@ interface ListProps<T> {
     moreLabel?: string;
 }
 /** A generic list component with support of various performance/scalability improvements. */
-declare function List<T>({ items, itemRenderer, itemId, limitOptions, moreLabel }: ListProps<T>): JSX.Element;
+export declare function List<T>({ items, itemRenderer, itemId, limitOptions, moreLabel }: ListProps<T>): React.JSX.Element;
 export default List;

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

@@ -1,6 +1,6 @@
-/// <reference types="react" />
+import React from 'react';
 import { MenuProps as BlueprintMenuProps } from "@blueprintjs/core";
 export interface MenuProps extends BlueprintMenuProps {
 }
-declare function Menu({ children, className, ...restProps }: MenuProps): JSX.Element;
+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,6 @@
-/// <reference types="react" />
+import React from 'react';
 import { MenuDividerProps as BlueprintMenuDividerProps } from "@blueprintjs/core";
 export interface MenuDividerProps extends BlueprintMenuDividerProps {
 }
-declare function MenuDivider({ children, className, ...restProps }: MenuDividerProps): JSX.Element;
+export declare const MenuDivider: ({ children, className, ...restProps }: MenuDividerProps) => React.JSX.Element;
 export default MenuDivider;

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

@@ -2,12 +2,12 @@ import React from 'react';
 import { MenuItemProps as BlueprintMenuItemProps } from "@blueprintjs/core";
 import { TestIconProps } from "./../Icon/TestIcon";
 import { ValidIconName } from "../Icon/canonicalIconNames";
-export interface MenuItemProps extends Omit<BlueprintMenuItemProps, "icon" | "children">, Omit<React.AnchorHTMLAttributes<HTMLAnchorElement>, "onClick" | "target" | "children"> {
+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;
 }
 /**
  * Single item, used as child inside `Menu`.
  */
-declare function MenuItem({ children, className, icon, onClick, href, ...restProps }: MenuItemProps): JSX.Element;
+export declare const MenuItem: ({ children, className, icon, onClick, href, ...restProps }: MenuItemProps) => React.JSX.Element;
 export default MenuItem;

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

@@ -0,0 +1,3 @@
+export * from "./Menu";
+export * from "./MenuDivider";
+export * from "./MenuItem";

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

@@ -1,13 +1,14 @@
-/// <reference types="react" />
+import React from "react";
 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> {
+export interface MultiSelectSelectionProps<T> {
     newlySelected: T;
     selectedItems: T[];
     createdItems: Partial<T>[];
 }
-interface IProps<T> extends Pick<BlueprintMultiSelectProps<T>, "items" | "placeholder" | "openOnKeyDown"> {
+export declare type SelectedParamsType<T> = MultiSelectSelectionProps<T>;
+export interface MultiSelectProps<T> extends Pick<BlueprintMultiSelectProps<T>, "items" | "placeholder" | "openOnKeyDown"> {
     /**
      * Returns the unique ID of an item. This will be used for equality of items.
      */
@@ -24,7 +25,7 @@ interface IProps<T> extends Pick<BlueprintMultiSelectProps<T>, "items" | "placeh
     /**
      *  function handler that would be called anytime an item is selected/deselected or an item is created/removed
      */
-    onSelection?: (params: SelectedParamsType<T>) => void;
+    onSelection?: (params: MultiSelectSelectionProps<T>) => void;
     /**
      * Props to spread to `ContextOverlay`. Note that `content` cannot be changed.
      */
@@ -85,8 +86,8 @@ interface IProps<T> extends Pick<BlueprintMultiSelectProps<T>, "items" | "placeh
     /** Delay in ms how long the request for the given query should be delayed. */
     requestDelay?: number;
 }
-declare function MultiSelect<T>({ items, prePopulateWithItems, itemId, itemLabel, onSelection, contextOverlayProps, tagInputProps, inputProps, runOnQueryChange, fullWidth, noResultText, newItemCreationText, newItemPostfix, hasStatePrimary, hasStateDanger, hasStateSuccess, hasStateWarning, disabled, createNewItemFromQuery, requestDelay, ...otherProps }: IProps<T>): JSX.Element;
-declare namespace MultiSelect {
+export declare function MultiSelect<T>({ items, prePopulateWithItems, itemId, itemLabel, onSelection, contextOverlayProps, tagInputProps, inputProps, runOnQueryChange, fullWidth, noResultText, newItemCreationText, newItemPostfix, hasStatePrimary, hasStateDanger, hasStateSuccess, hasStateWarning, disabled, createNewItemFromQuery, requestDelay, ...otherProps }: MultiSelectProps<T>): React.JSX.Element;
+export declare namespace MultiSelect {
     var ofType: typeof BlueprintMultiSelect.ofType;
 }
 export default MultiSelect;

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

@@ -59,7 +59,5 @@ export interface NotificationProps extends Omit<BlueprintToastProps, "message" |
  * Displays a notification message, optionally combined with depiction and further action buttons.
  * By default it uses colorization of an blueish info alert.
  */
-declare function Notification({ actions, children, className, message, success, warning, danger, neutral, fullWidth, // deprecated
-flexWidth, iconName, // deprecated
-icon, timeout, ...otherProps }: NotificationProps): JSX.Element;
+export declare const Notification: ({ actions, children, className, message, success, warning, danger, neutral, fullWidth, flexWidth, iconName, icon, timeout, ...otherProps }: NotificationProps) => React.JSX.Element;
 export default Notification;

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

@@ -1,3 +1,9 @@
-/// <reference types="react" />
-declare function Toast({ children, className, timeout, ...otherProps }: any): JSX.Element;
+import React from "react";
+import { NotificationProps } from "./Notification";
+export interface ToastProps extends NotificationProps {
+}
+/**
+ * Displays a `Notification` with a pre-set `timeout` setting.
+ */
+declare function Toast({ children, className, timeout, ...otherProps }: NotificationProps): React.JSX.Element;
 export default Toast;

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

@@ -0,0 +1,2 @@
+export * from "./Notification";
+export * from "./Toast";

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

@@ -1,4 +1,4 @@
 /// <reference types="react" />
-import { NumericInput } from "@blueprintjs/core";
-declare const _default: import("react").MemoExoticComponent<typeof NumericInput>;
-export default _default;
+import { NumericInput as BlueprintNumericInput } from "@blueprintjs/core";
+export declare const NumericInput: import("react").MemoExoticComponent<typeof BlueprintNumericInput>;
+export default NumericInput;

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

@@ -13,5 +13,5 @@ export interface OverviewItemProps extends React.HTMLAttributes<HTMLDivElement>
  * This element can include all basic information and actions to give an overview about the item.
  * Mainly used in items list or to create basic widgets.
  */
-declare function OverviewItem({ children, className, densityHigh, hasSpacing, ...otherProps }: OverviewItemProps): React.FunctionComponentElement<any>;
+export declare const OverviewItem: ({ children, className, densityHigh, hasSpacing, ...otherProps }: OverviewItemProps) => React.FunctionComponentElement<any>;
 export default OverviewItem;

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

@@ -9,5 +9,5 @@ export interface OverviewItemActionsProps extends React.HTMLAttributes<HTMLDivEl
  * Contains an arbitrary number of elements for user-interactions.
  * It does not make sense to include more than 1 or 2 of these elements within `OverviewItem`.
  */
-declare function OverviewItemActions({ children, className, hiddenInteractions, ...restProps }: OverviewItemActionsProps): JSX.Element;
+export declare const OverviewItemActions: ({ children, className, hiddenInteractions, ...restProps }: OverviewItemActionsProps) => React.JSX.Element;
 export default OverviewItemActions;

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

@@ -2,5 +2,5 @@ import React from "react";
 export interface OverviewItemDepictionProps extends React.HTMLAttributes<HTMLDivElement> {
     keepColors?: boolean;
 }
-declare function OverviewItemDepiction({ children, className, keepColors, ...restProps }: OverviewItemDepictionProps): JSX.Element;
+export declare const OverviewItemDepiction: ({ children, className, keepColors, ...restProps }: OverviewItemDepictionProps) => React.JSX.Element;
 export default OverviewItemDepiction;

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

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

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

@@ -15,5 +15,5 @@ export interface OverviewItemLineProps extends React.HTMLAttributes<HTMLDivEleme
  * If the content overflows the container then this part of the content is hidden.
  * It does not make sense to include more that 2 or 3 of those lines within one `OverviewItemDescription`.
  */
-declare function OverviewItemLine({ children, className, small, large, ...restProps }: OverviewItemLineProps): JSX.Element;
+export declare const OverviewItemLine: ({ children, className, small, large, ...restProps }: OverviewItemLineProps) => React.JSX.Element;
 export default OverviewItemLine;

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

@@ -22,5 +22,5 @@ export interface OverviewItemListProps extends React.HTMLAttributes<HTMLOListEle
  * This element can include all basic information and actions to give an overview about the item.
  * Mainly used in items list or to create basic widgets.
  */
-declare function OverviewItemList({ children, className, densityHigh, hasDivider, hasSpacing, columns, ...restProps }: OverviewItemListProps): JSX.Element;
+export declare const OverviewItemList: ({ children, className, densityHigh, hasDivider, hasSpacing, columns, ...restProps }: OverviewItemListProps) => React.JSX.Element;
 export default OverviewItemList;

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

@@ -1,7 +1,6 @@
-import OverviewItem from './OverviewItem';
-import OverviewItemDepiction from './OverviewItemDepiction';
-import OverviewItemDescription from './OverviewItemDescription';
-import OverviewItemLine from './OverviewItemLine';
-import OverviewItemActions from './OverviewItemActions';
-import OverviewItemList from './OverviewItemList';
-export { OverviewItem, OverviewItemDepiction, OverviewItemDescription, OverviewItemLine, OverviewItemActions, OverviewItemList, };
+export * from "./OverviewItem";
+export * from "./OverviewItemDepiction";
+export * from "./OverviewItemDescription";
+export * from "./OverviewItemLine";
+export * from "./OverviewItemActions";
+export * from "./OverviewItemList";