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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from "react";
 export declare enum OVERWRITTEN_KEYS {
     ArrowUp = "ArrowUp",
     ArrowDown = "ArrowDown",
@@ -41,7 +41,7 @@ export interface IValidationResult {
         end: number;
     };
 }
-export interface IProps {
+export interface AutoSuggestionProps {
     label?: string;
     initialValue: string;
     onChange: (currentValue: string) => any;
@@ -67,7 +67,8 @@ export interface IProps {
      * This should prevent the UI to send too many requests to the backend. */
     validationRequestDelay?: number;
 }
+export declare type IProps = AutoSuggestionProps;
 /** Input component that allows partial, fine-grained auto-completion, i.e. of sub-strings of the input string.
  * This is comparable to a one line code editor. */
-declare const AutoSuggestion: ({ label, initialValue, onChange, fetchSuggestions, checkInput, validationErrorText, clearIconText, onFocusChange, id, onInputChecked, leftElement, rightElement, useTabForCompletions, placeholder, showScrollBar, autoCompletionRequestDelay, validationRequestDelay }: IProps) => JSX.Element;
+export declare const AutoSuggestion: ({ label, initialValue, onChange, fetchSuggestions, checkInput, validationErrorText, clearIconText, onFocusChange, id, onInputChecked, leftElement, rightElement, useTabForCompletions, placeholder, showScrollBar, autoCompletionRequestDelay, validationRequestDelay }: AutoSuggestionProps) => React.JSX.Element;
 export default AutoSuggestion;

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

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

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

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

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

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

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

@@ -1,20 +1,17 @@
 import React from "react";
-import { HTMLInputProps as BlueprintHTMLInputProps, InputGroupProps as BlueprintInputGroupProps } from "@blueprintjs/core";
+import { HTMLInputProps as BlueprintHTMLInputProps, InputGroupProps2 as BlueprintInputGroupProps } from "@blueprintjs/core";
 import { ContextOverlayProps } from "../../index";
+import { IElementWidth as IElementWidthOrig, IRenderModifiers as IRenderModifiersOrig } from "./interfaces";
+export declare type IElementWidth = IElementWidthOrig;
+export declare type IRenderModifiers = IRenderModifiersOrig;
 declare type SearchFunction<T extends any> = (value: string) => T[];
 declare type AsyncSearchFunction<T extends any> = (value: string) => Promise<T[]>;
-export interface IRenderModifiers {
-    active: boolean;
-    disabled?: boolean;
-    styleWidth: IElementWidth;
-    highlightingEnabled: boolean;
-}
 /**
  * Parameters for the auto-complete field parameterized by T and U.
  * @param T is the input data structure/type of the items that can be selected.
  * @param UPDATE_VALUE The value type that will be pushed into the onChange callback.
  */
-export interface IAutoCompleteFieldProps<T extends any, UPDATE_VALUE extends any> {
+export interface AutoCompleteFieldProps<T extends any, UPDATE_VALUE extends any> {
     /**
      * Fired when text is typed into the input field. Returns a list of items of type T.
      */
@@ -105,17 +102,13 @@ export interface IAutoCompleteFieldProps<T extends any, UPDATE_VALUE extends any
      **/
     hasBackDrop?: boolean;
 }
-/** Style object to be used in menu option items. */
-export interface IElementWidth {
-    minWidth: string;
-    maxWidth: string;
-}
+export declare type IAutoCompleteFieldProps<T extends any, UPDATE_VALUE extends any> = AutoCompleteFieldProps<T, UPDATE_VALUE>;
 /** Auto-complete input widget. */
-export declare function AutoCompleteField<T extends any, UPDATE_VALUE extends any>(props: IAutoCompleteFieldProps<T, UPDATE_VALUE>): JSX.Element;
+export declare function AutoCompleteField<T extends any, UPDATE_VALUE extends any>(props: AutoCompleteFieldProps<T, UPDATE_VALUE>): React.JSX.Element;
 export declare namespace AutoCompleteField {
     var defaultProps: {
         autoFocus: boolean;
         disabled: boolean;
     };
 }
-export {};
+export default AutoCompleteField;

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@@ -1,40 +1,40 @@
 import React from "react";
-import { ButtonProps as BlueprintButtonProps, AnchorButtonProps as BlueprintAnchorButtonProps } from "@blueprintjs/core";
-import { TooltipProps } from "./../Tooltip/Tooltip";
-import { BadgeProps } from "./../Badge/Badge";
+import { AnchorButtonProps as BlueprintAnchorButtonProps, ButtonProps as BlueprintButtonProps } from "@blueprintjs/core";
 import { ValidIconName } from "../Icon/canonicalIconNames";
+import { BadgeProps } from "./../Badge/Badge";
+import { TooltipProps } from "./../Tooltip/Tooltip";
 export declare type AnchorOrButtonProps = Omit<BlueprintButtonProps, "elementRef" | "icon" | "rightIcon"> | Omit<BlueprintAnchorButtonProps, "elementRef" | "icon" | "rightIcon">;
 export interface ButtonProps extends React.HTMLAttributes<HTMLButtonElement | HTMLAnchorElement> {
     /**
-    * Always use this when the button triggers an affirmative action, e.g. confirm a process.
-    * The button is displayed with primary color scheme.
-    */
+     * Always use this when the button triggers an affirmative action, e.g. confirm a process.
+     * The button is displayed with primary color scheme.
+     */
     affirmative?: boolean;
     /**
-    * Always use this when the button triggers an disruptive action, e.g. delete or remove.
-    * The button is displayed with primary color scheme.
-    */
+     * Always use this when the button triggers an disruptive action, e.g. delete or remove.
+     * The button is displayed with primary color scheme.
+     */
     disruptive?: boolean;
     /**
-    * Use this when a button is important enough to highlight it in a set of other buttons.
-    * The button is displayed with primary color scheme.
-    */
+     * Use this when a button is important enough to highlight it in a set of other buttons.
+     * The button is displayed with primary color scheme.
+     */
     elevated?: boolean;
     /**
-    * The button is displayed with primary color scheme.
-    */
+     * The button is displayed with primary color scheme.
+     */
     hasStatePrimary?: boolean;
     /**
-    * The button is displayed with success (some type of green) color scheme.
-    */
+     * The button is displayed with success (some type of green) color scheme.
+     */
     hasStateSuccess?: boolean;
     /**
-    * The button is displayed with warning (some type of orange) color scheme.
-    */
+     * The button is displayed with warning (some type of orange) color scheme.
+     */
     hasStateWarning?: boolean;
     /**
-    * The button is displayed with danger (some type of red) color scheme.
-    */
+     * The button is displayed with danger (some type of red) color scheme.
+     */
     hasStateDanger?: boolean;
     /**
      * Content displayed in a badge that is attached to the button.
@@ -43,20 +43,20 @@ export interface ButtonProps extends React.HTMLAttributes<HTMLButtonElement | HT
      */
     badge?: BadgeProps["children"];
     /**
-    * Object with additional properties for the badge.
-    */
+     * Object with additional properties for the badge.
+     */
     badgeProps?: Partial<Omit<BadgeProps, "children">>;
     /**
-    * takes in either a string of text or a react element to display as a tooltip when the button is hovered.
-    */
+     * takes in either a string of text or a react element to display as a tooltip when the button is hovered.
+     */
     tooltip?: string | JSX.Element | null;
     /**
-    * Object with additional properties for the tooltip.
-    */
+     * Object with additional properties for the tooltip.
+     */
     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.
-    */
+     * 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;
@@ -66,5 +66,5 @@ export interface ButtonProps extends React.HTMLAttributes<HTMLButtonElement | HT
  * 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, tooltipProps, badge, badgeProps, ...restProps }: ButtonProps & AnchorOrButtonProps): JSX.Element;
+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 default Button;

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

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import { CardProps as BlueprintCardProps } from "@blueprintjs/core";
 export interface CardProps extends BlueprintCardProps {
     /**
@@ -28,5 +28,5 @@ export interface CardProps extends BlueprintCardProps {
  * Element to separate content sections from each other.
  * Cards can include other cards but should not.
  */
-declare function Card({ children, className, elevation, isOnlyLayout, fullHeight, elevated, scrollinOnFocus, whitespaceAmount, interactive, ...otherProps }: CardProps): JSX.Element;
+export declare const Card: ({ children, className, elevation, isOnlyLayout, fullHeight, elevated, scrollinOnFocus, whitespaceAmount, interactive, ...otherProps }: CardProps) => React.JSX.Element;
 export default Card;

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

@@ -1,5 +1,5 @@
 import React from 'react';
-export interface OverviewItemProps extends React.HTMLAttributes<HTMLDivElement> {
+export interface CardActionsProps extends React.HTMLAttributes<HTMLDivElement> {
     /**
      * Set an inverse direction of how the elements are aligned.
      * Mainly used for cards used as modals (dialogs).
@@ -10,5 +10,5 @@ export interface OverviewItemProps extends React.HTMLAttributes<HTMLDivElement>
  * Contains a footer with user-interaction elements like buttons for the `Card` element.
  * Content must be ordered by importance, so the main action comes before other actions.
  */
-declare function CardActions({ children, className, inverseDirection, ...otherProps }: OverviewItemProps): JSX.Element;
+export declare const CardActions: ({ children, className, inverseDirection, ...otherProps }: CardActionsProps) => React.JSX.Element;
 export default CardActions;

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

@@ -1,9 +1,9 @@
 import React from 'react';
-export interface OverviewItemProps extends React.HTMLAttributes<HTMLDivElement> {
+export interface CardActionsAuxProps extends React.HTMLAttributes<HTMLDivElement> {
 }
 /**
  * Additional side buttons inside `CardActions`.
  * Elements are aligned to the other side of the container.
  */
-declare function CardActionsAux({ children, className, ...otherProps }: OverviewItemProps): JSX.Element;
+export declare const CardActionsAux: ({ children, className, ...otherProps }: CardActionsAuxProps) => React.JSX.Element;
 export default CardActionsAux;

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

@@ -11,5 +11,5 @@ export interface CardContentProps extends React.HTMLAttributes<HTMLDivElement> {
  * Holds the card content.
  * Display scrollbars in case there is not enough space for it.
  */
-declare function CardContent({ children, className, noFlexHeight, ...otherProps }: CardContentProps): JSX.Element;
+export declare const CardContent: ({ children, className, noFlexHeight, ...otherProps }: CardContentProps) => React.JSX.Element;
 export default CardContent;

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

@@ -1,6 +1,6 @@
-/// <reference types="react" />
+import React from "react";
 import { OverviewItemProps } from "./../OverviewItem/OverviewItem";
-interface CardHeaderProps extends Omit<OverviewItemProps, "densityHigh" | "hasSpacing"> {
+export interface CardHeaderProps extends Omit<OverviewItemProps, "densityHigh" | "hasSpacing"> {
     children: JSX.Element | (JSX.Element | undefined | null)[] | null | undefined;
     /**
      * @deprecated
@@ -11,5 +11,5 @@ interface CardHeaderProps extends Omit<OverviewItemProps, "densityHigh" | "hasSp
      */
     hasSpacing?: OverviewItemProps["hasSpacing"];
 }
-declare function CardHeader({ children, className, densityHigh, ...otherProps }: CardHeaderProps): JSX.Element;
+export declare const CardHeader: ({ children, className, densityHigh, ...otherProps }: CardHeaderProps) => React.JSX.Element;
 export default CardHeader;

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

@@ -1,11 +1,11 @@
-/// <reference types="react" />
+import React from 'react';
 import { OverviewItemActionsProps } from './../OverviewItem/OverviewItemActions';
-interface CardOptionsProps extends Omit<OverviewItemActionsProps, "hiddenInteractions"> {
+export interface CardOptionsProps extends Omit<OverviewItemActionsProps, "hiddenInteractions"> {
 }
 /**
  * Container for elements that allow user-interaction, e.g. buttons or context menus.
  * Can contain multiple of them.
  * Is displayed right-aligned in the `CardHeader`.
  */
-declare function CardOptions({ children, className, ...otherProps }: CardOptionsProps): JSX.Element;
+export declare const CardOptions: ({ children, className, ...otherProps }: CardOptionsProps) => React.JSX.Element;
 export default CardOptions;

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

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import { OverviewItemLineProps } from './../OverviewItem/OverviewItemLine';
 export interface CardTitleProps extends Omit<OverviewItemLineProps, "small" | "large"> {
     /**
@@ -9,5 +9,5 @@ export interface CardTitleProps extends Omit<OverviewItemLineProps, "small" | "l
 /**
  * Display a card title, can include other markup like `h2`, `h3` and so on to define document structure.
  */
-declare function CardTitle({ children, className, narrowed, ...otherProps }: CardTitleProps): JSX.Element;
+export declare const CardTitle: ({ children, className, narrowed, ...otherProps }: CardTitleProps) => React.JSX.Element;
 export default CardTitle;

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

@@ -1,8 +1,7 @@
-import Card from './Card';
-import CardHeader from './CardHeader';
-import CardTitle from './CardTitle';
-import CardOptions from './CardOptions';
-import CardContent from './CardContent';
-import CardActions from './CardActions';
-import CardActionsAux from './CardActionsAux';
-export { Card, CardHeader, CardTitle, CardOptions, CardContent, CardActions, 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,6 @@
-/// <reference types="react" />
+import React from 'react';
 import { CheckboxProps as BlueprintCheckboxProps } from "@blueprintjs/core";
-interface CheckboxProps extends BlueprintCheckboxProps {
+export interface CheckboxProps extends BlueprintCheckboxProps {
 }
-declare function Checkbox({ children, className, ...restProps }: CheckboxProps): JSX.Element;
+export declare const Checkbox: ({ children, className, ...restProps }: CheckboxProps) => React.JSX.Element;
 export default Checkbox;