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

package/dist/types/components/Tabs/Tab.d.ts

@@ -20,19 +20,21 @@ export interface TabProps extends Omit<BlueprintTabProps, "title"> {
      */
     dontShrink?: boolean;
 }
-export declare const TabDummyForStorybook: (props: TabProps) => JSX.Element;
 export declare const transformTabProperties: ({ title, dontShrink, className, backgroundColor, ...otherBlueprintTabProperties }: TabProps) => {
     style: {
         flexShrink: number;
     } | {
         flexShrink?: undefined;
     };
+    slot?: string | undefined;
     children?: React.ReactNode;
+    disabled?: boolean | undefined;
     defaultChecked?: boolean | undefined;
     defaultValue?: string | number | readonly string[] | undefined;
     suppressContentEditableWarning?: boolean | undefined;
     suppressHydrationWarning?: boolean | undefined;
     accessKey?: string | undefined;
+    autoFocus?: boolean | undefined;
     contentEditable?: (boolean | "true" | "false") | "inherit" | undefined;
     contextMenu?: string | undefined;
     dir?: string | undefined;
@@ -42,18 +44,20 @@ export declare const transformTabProperties: ({ title, dontShrink, className, ba
     lang?: string | undefined;
     nonce?: string | undefined;
     placeholder?: string | undefined;
-    slot?: string | undefined;
     spellCheck?: (boolean | "true" | "false") | undefined;
     tabIndex?: number | undefined;
     translate?: "yes" | "no" | undefined;
     radioGroup?: string | undefined;
     role?: React.AriaRole | undefined;
     about?: string | undefined;
+    content?: string | undefined;
     datatype?: string | undefined;
     inlist?: any;
     prefix?: string | undefined;
     property?: string | undefined;
+    rel?: string | undefined;
     resource?: string | undefined;
+    rev?: string | undefined;
     typeof?: string | undefined;
     vocab?: string | undefined;
     autoCapitalize?: string | undefined;
@@ -68,11 +72,11 @@ export declare const transformTabProperties: ({ title, dontShrink, className, ba
     results?: number | undefined;
     security?: string | undefined;
     unselectable?: "on" | "off" | undefined;
-    inputMode?: "search" | "text" | "none" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
+    inputMode?: "none" | "text" | "search" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
     is?: string | undefined;
     'aria-activedescendant'?: string | undefined;
     'aria-atomic'?: (boolean | "true" | "false") | undefined;
-    'aria-autocomplete'?: "list" | "none" | "inline" | "both" | undefined;
+    'aria-autocomplete'?: "none" | "list" | "inline" | "both" | undefined;
     'aria-busy'?: (boolean | "true" | "false") | undefined;
     'aria-checked'?: boolean | "true" | "false" | "mixed" | undefined;
     'aria-colcount'?: number | undefined;
@@ -83,7 +87,7 @@ export declare const transformTabProperties: ({ title, dontShrink, className, ba
     'aria-describedby'?: string | undefined;
     'aria-details'?: string | undefined;
     'aria-disabled'?: (boolean | "true" | "false") | undefined;
-    'aria-dropeffect'?: "link" | "none" | "copy" | "execute" | "move" | "popup" | undefined;
+    'aria-dropeffect'?: "none" | "link" | "copy" | "execute" | "move" | "popup" | undefined;
     'aria-errormessage'?: string | undefined;
     'aria-expanded'?: (boolean | "true" | "false") | undefined;
     'aria-flowto'?: string | undefined;
@@ -119,7 +123,7 @@ export declare const transformTabProperties: ({ title, dontShrink, className, ba
     'aria-valuenow'?: number | undefined;
     'aria-valuetext'?: string | undefined;
     dangerouslySetInnerHTML?: {
-        __html: string;
+        __html: string | TrustedHTML;
     } | undefined;
     onCopy?: React.ClipboardEventHandler<HTMLDivElement> | undefined;
     onCopyCapture?: React.ClipboardEventHandler<HTMLDivElement> | undefined;
@@ -280,20 +284,25 @@ export declare const transformTabProperties: ({ title, dontShrink, className, ba
     onAnimationIterationCapture?: React.AnimationEventHandler<HTMLDivElement> | undefined;
     onTransitionEnd?: React.TransitionEventHandler<HTMLDivElement> | undefined;
     onTransitionEndCapture?: React.TransitionEventHandler<HTMLDivElement> | undefined;
-    disabled?: boolean | undefined;
+    icon?: import("@blueprintjs/core").IconName | import("@blueprintjs/core").MaybeElement;
+    tagProps?: Omit<import("@blueprintjs/core").ITagProps, "children"> | undefined;
     panel?: JSX.Element | undefined;
     panelClassName?: string | undefined;
+    tagContent?: React.ReactNode;
     key: import("@blueprintjs/core").TabId;
     className: string;
-    title: JSX.Element;
+    title: React.JSX.Element;
 } | {
     style?: React.CSSProperties | undefined;
+    slot?: string | undefined;
     children?: React.ReactNode;
+    disabled?: boolean | undefined;
     defaultChecked?: boolean | undefined;
     defaultValue?: string | number | readonly string[] | undefined;
     suppressContentEditableWarning?: boolean | undefined;
     suppressHydrationWarning?: boolean | undefined;
     accessKey?: string | undefined;
+    autoFocus?: boolean | undefined;
     contentEditable?: (boolean | "true" | "false") | "inherit" | undefined;
     contextMenu?: string | undefined;
     dir?: string | undefined;
@@ -303,18 +312,20 @@ export declare const transformTabProperties: ({ title, dontShrink, className, ba
     lang?: string | undefined;
     nonce?: string | undefined;
     placeholder?: string | undefined;
-    slot?: string | undefined;
     spellCheck?: (boolean | "true" | "false") | undefined;
     tabIndex?: number | undefined;
     translate?: "yes" | "no" | undefined;
     radioGroup?: string | undefined;
     role?: React.AriaRole | undefined;
     about?: string | undefined;
+    content?: string | undefined;
     datatype?: string | undefined;
     inlist?: any;
     prefix?: string | undefined;
     property?: string | undefined;
+    rel?: string | undefined;
     resource?: string | undefined;
+    rev?: string | undefined;
     typeof?: string | undefined;
     vocab?: string | undefined;
     autoCapitalize?: string | undefined;
@@ -329,11 +340,11 @@ export declare const transformTabProperties: ({ title, dontShrink, className, ba
     results?: number | undefined;
     security?: string | undefined;
     unselectable?: "on" | "off" | undefined;
-    inputMode?: "search" | "text" | "none" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
+    inputMode?: "none" | "text" | "search" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
     is?: string | undefined;
     'aria-activedescendant'?: string | undefined;
     'aria-atomic'?: (boolean | "true" | "false") | undefined;
-    'aria-autocomplete'?: "list" | "none" | "inline" | "both" | undefined;
+    'aria-autocomplete'?: "none" | "list" | "inline" | "both" | undefined;
     'aria-busy'?: (boolean | "true" | "false") | undefined;
     'aria-checked'?: boolean | "true" | "false" | "mixed" | undefined;
     'aria-colcount'?: number | undefined;
@@ -344,7 +355,7 @@ export declare const transformTabProperties: ({ title, dontShrink, className, ba
     'aria-describedby'?: string | undefined;
     'aria-details'?: string | undefined;
     'aria-disabled'?: (boolean | "true" | "false") | undefined;
-    'aria-dropeffect'?: "link" | "none" | "copy" | "execute" | "move" | "popup" | undefined;
+    'aria-dropeffect'?: "none" | "link" | "copy" | "execute" | "move" | "popup" | undefined;
     'aria-errormessage'?: string | undefined;
     'aria-expanded'?: (boolean | "true" | "false") | undefined;
     'aria-flowto'?: string | undefined;
@@ -380,7 +391,7 @@ export declare const transformTabProperties: ({ title, dontShrink, className, ba
     'aria-valuenow'?: number | undefined;
     'aria-valuetext'?: string | undefined;
     dangerouslySetInnerHTML?: {
-        __html: string;
+        __html: string | TrustedHTML;
     } | undefined;
     onCopy?: React.ClipboardEventHandler<HTMLDivElement> | undefined;
     onCopyCapture?: React.ClipboardEventHandler<HTMLDivElement> | undefined;
@@ -541,11 +552,13 @@ export declare const transformTabProperties: ({ title, dontShrink, className, ba
     onAnimationIterationCapture?: React.AnimationEventHandler<HTMLDivElement> | undefined;
     onTransitionEnd?: React.TransitionEventHandler<HTMLDivElement> | undefined;
     onTransitionEndCapture?: React.TransitionEventHandler<HTMLDivElement> | undefined;
-    disabled?: boolean | undefined;
+    icon?: import("@blueprintjs/core").IconName | import("@blueprintjs/core").MaybeElement;
+    tagProps?: Omit<import("@blueprintjs/core").ITagProps, "children"> | undefined;
     panel?: JSX.Element | undefined;
     panelClassName?: string | undefined;
+    tagContent?: React.ReactNode;
     key: import("@blueprintjs/core").TabId;
     className: string;
-    title: JSX.Element;
+    title: React.JSX.Element;
 };
 export default BlueprintTab;

package/dist/types/components/Tabs/TabPanel.d.ts

@@ -17,5 +17,5 @@ export interface TabPanelProps extends React.HTMLAttributes<HTMLDivElement> {
  * Element to display the content related to a tab.
  * This could be used if `<Tabs />` is used in uncontrolled mode.
  */
-declare function TabPanel({ children, className, labelledBy, hidden, ...otherDivProps }: TabPanelProps): JSX.Element;
+export declare const TabPanel: ({ children, className, labelledBy, hidden, ...otherDivProps }: TabPanelProps) => React.JSX.Element;
 export default TabPanel;

package/dist/types/components/Tabs/TabTitle.d.ts

@@ -34,5 +34,5 @@ export interface TabTitleProps {
 /**
  * Gives control about functionality and layout of the tab titles.
  */
-declare const TabTitle: ({ text, tooltip, titlePrefix, titleSuffix, large, small, disabled, }: TabTitleProps) => JSX.Element;
+export declare const TabTitle: ({ text, tooltip, titlePrefix, titleSuffix, large, small, disabled, }: TabTitleProps) => React.JSX.Element;
 export default TabTitle;

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

@@ -1,7 +1,7 @@
 import React from 'react';
 import { TabsProps as BlueprintTabsProps } from "@blueprintjs/core";
 import { TabProps } from "./Tab";
-interface TabsProps extends Omit<BlueprintTabsProps, "vertical" | "large" | "animate"> {
+export interface TabsProps extends Omit<BlueprintTabsProps, "vertical" | "large" | "animate"> {
     children?: React.ReactNode;
     /**
      * Data structure containing all tabs, including their titles and content panels.
@@ -14,5 +14,5 @@ interface TabsProps extends Omit<BlueprintTabsProps, "vertical" | "large" | "ani
      */
     allowScrollbars?: boolean;
 }
-declare function Tabs({ tabs, children, className, allowScrollbars, ...restProps }: TabsProps): JSX.Element;
+export declare const Tabs: ({ tabs, children, className, allowScrollbars, ...restProps }: TabsProps) => React.JSX.Element;
 export default Tabs;

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

@@ -0,0 +1,4 @@
+export * from "./TabPanel";
+export * from "./Tabs";
+export * from "./Tab";
+export * from "./TabTitle";

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

@@ -40,5 +40,5 @@ export interface TagProps extends Omit<BlueprintTagProps, "active" | "fill" | "i
      */
     emphasized?: never;
 }
-declare function Tag({ children, className, intent, icon, emphasis, minimal, small, large, backgroundColor, ...otherProps }: TagProps): JSX.Element;
+declare function Tag({ children, className, intent, icon, emphasis, minimal, small, large, backgroundColor, ...otherProps }: TagProps): React.JSX.Element;
 export default Tag;

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

@@ -2,5 +2,5 @@ import React from 'react';
 export interface TagListProps extends React.HTMLAttributes<HTMLUListElement> {
     label?: string;
 }
-declare function TagList({ children, className, label, ...otherProps }: TagListProps): JSX.Element;
+declare function TagList({ children, className, label, ...otherProps }: TagListProps): React.JSX.Element;
 export default TagList;

package/dist/types/components/TextField/SearchField.d.ts

@@ -1,7 +1,7 @@
-/// <reference types="react" />
+import React from "react";
 import { TextFieldProps } from "./TextField";
 import { TestableComponent } from "../../components/interfaces";
-interface SearchFieldProps extends TestableComponent, Omit<TextFieldProps, "placeholder | hasStatePrimary | hasStateSuccess | hasStateWarning | hasStateDanger | fullWidth"> {
+export interface SearchFieldProps extends TestableComponent, Omit<TextFieldProps, "placeholder | hasStatePrimary | hasStateSuccess | hasStateWarning | hasStateDanger | fullWidth"> {
     /**
     * Placeholder text for search box.
     */
@@ -19,5 +19,5 @@ interface SearchFieldProps extends TestableComponent, Omit<TextFieldProps, "plac
 /**
  * Special `TextField` element for search term inputs.
  */
-declare function SearchField({ className, emptySearchInputMessage, onClearanceHandler, onClearanceText, leftIcon, ...otherProps }: SearchFieldProps): JSX.Element;
+export declare const SearchField: ({ className, emptySearchInputMessage, onClearanceHandler, onClearanceText, leftIcon, ...otherProps }: SearchFieldProps) => React.JSX.Element;
 export default SearchField;

package/dist/types/components/TextField/TextArea.d.ts

@@ -1,27 +1,27 @@
-/// <reference types="react" />
+import React from "react";
 import { TextAreaProps as BlueprintTextAreaProps } from "@blueprintjs/core";
 import { InvisibleCharacterWarningProps } from "./useTextValidation";
 export interface TextAreaProps extends Partial<BlueprintTextAreaProps> {
     /**
-     * when set to true the input takes a blue border color
-     */
+    * when set to true the input takes a blue border color
+    */
     hasStatePrimary?: boolean;
     /**
-     * when set to true the input takes a green border color
-     */
+    * when set to true the input takes a green border color
+    */
     hasStateSuccess?: boolean;
     /**
-     * when set to true the input takes an orange border color
-     */
+    * when set to true the input takes an orange border color
+    */
     hasStateWarning?: boolean;
     /**
-     * when set to true the input takes a red border color
-     */
+    * when set to true the input takes a red border color
+    */
     hasStateDanger?: boolean;
     /**
      * If set, allows to be informed of invisible, hard to spot characters in the string value.
      */
     invisibleCharacterWarning?: InvisibleCharacterWarningProps;
 }
-declare function TextArea({ className, hasStatePrimary, hasStateSuccess, hasStateWarning, hasStateDanger, rows, invisibleCharacterWarning, ...otherProps }: TextAreaProps): JSX.Element;
+export declare const TextArea: ({ className, hasStatePrimary, hasStateSuccess, hasStateWarning, hasStateDanger, rows, invisibleCharacterWarning, ...otherProps }: TextAreaProps) => React.JSX.Element;
 export default TextArea;

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

@@ -1,9 +1,9 @@
-/// <reference types="react" />
-import { MaybeElement, HTMLInputProps, InputGroupProps } from "@blueprintjs/core";
+import React from "react";
+import { MaybeElement, HTMLInputProps, InputGroupProps2 } from "@blueprintjs/core";
 import { IntentTypes } from "../../common/Intent";
 import { ValidIconName } from "../Icon/canonicalIconNames";
 import { InvisibleCharacterWarningProps } from "./useTextValidation";
-export interface TextFieldProps extends Partial<Omit<InputGroupProps, "intent" | "leftIcon"> & HTMLInputProps> {
+export interface TextFieldProps extends Partial<Omit<InputGroupProps2, "intent" | "leftIcon" | "leftElement"> & HTMLInputProps> {
     /**
     * The input element is displayed with primary color scheme.
     * @deprecated
@@ -44,5 +44,5 @@ export interface TextFieldProps extends Partial<Omit<InputGroupProps, "intent" |
 /**
   * Text input field.
   */
-declare function TextField({ className, hasStatePrimary, hasStateSuccess, hasStateWarning, hasStateDanger, fullWidth, leftIcon, invisibleCharacterWarning, ...otherProps }: TextFieldProps): JSX.Element;
+export declare const TextField: ({ className, hasStatePrimary, hasStateSuccess, hasStateWarning, hasStateDanger, fullWidth, leftIcon, invisibleCharacterWarning, ...otherProps }: TextFieldProps) => React.JSX.Element;
 export default TextField;

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

@@ -0,0 +1,3 @@
+export * from "./TextField";
+export * from "./TextArea";
+export * from "./SearchField";

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

@@ -1,5 +1,5 @@
 import React from "react";
-interface ToolbarProps extends React.HTMLAttributes<HTMLDivElement> {
+export interface ToolbarProps extends React.HTMLAttributes<HTMLDivElement> {
     /**
      * Allow sections to break up into multiple lines when there is not enough space available.
      * Only makes sense for horizontal toolbars.
@@ -14,5 +14,5 @@ interface ToolbarProps extends React.HTMLAttributes<HTMLDivElement> {
 /**
  * Element to group user-interaction elements.
  */
-declare function Toolbar({ children, className, noWrap, verticalStack, ...restProps }: ToolbarProps): JSX.Element;
+export declare const Toolbar: ({ children, className, noWrap, verticalStack, ...restProps }: ToolbarProps) => React.JSX.Element;
 export default Toolbar;

package/dist/types/components/Toolbar/ToolbarSection.d.ts

@@ -1,5 +1,5 @@
 import React from "react";
-interface ToolbarSectionProps extends React.HTMLAttributes<HTMLDivElement> {
+export interface ToolbarSectionProps extends React.HTMLAttributes<HTMLDivElement> {
     /**
     * Is allowed to allocate more space than necessary to show all children.
     */
@@ -18,5 +18,5 @@ interface ToolbarSectionProps extends React.HTMLAttributes<HTMLDivElement> {
  * Provides element to group toolbar elements together.
  * It can be configured how dynamic it is displayed regarding provided space inside the `Toolbar` parent.
  */
-declare function ToolbarSection({ children, className, canGrow, canShrink, hideOverflow, ...otherProps }: ToolbarSectionProps): JSX.Element;
+export declare const ToolbarSection: ({ children, className, canGrow, canShrink, hideOverflow, ...otherProps }: ToolbarSectionProps) => React.JSX.Element;
 export default ToolbarSection;

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

@@ -0,0 +1,2 @@
+export * from "./Toolbar";
+export * from "./ToolbarSection";

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

@@ -26,5 +26,5 @@ export interface TooltipProps extends Omit<BlueprintTooltipProps, "position"> {
      */
     markdownProps?: Omit<MarkdownParserProps, "children">;
 }
-declare function Tooltip({ children, content, className, size, addIndicator, markdownEnabler, markdownProps, ...otherProps }: TooltipProps): JSX.Element;
+export declare const Tooltip: ({ children, content, className, size, addIndicator, markdownEnabler, markdownProps, ...otherProps }: TooltipProps) => React.JSX.Element;
 export default Tooltip;

package/dist/types/components/Typography/Highlighter.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from "react";
 export interface HighlighterProps {
     label?: string;
     searchValue?: string;
@@ -8,11 +8,25 @@ export interface HighlighterProps {
  * @param label       The string to highlight.
  * @param searchValue The mutli-word search query from which single words should be highlighted in the label.
  */
-declare function Highlighter({ label, searchValue }: HighlighterProps): JSX.Element;
-/** Extracts search words separated by white space. */
+export declare function Highlighter({ label, searchValue }: HighlighterProps): React.JSX.Element;
+/**
+ * Extracts search words separated by white space.
+ * @deprecated moved to `highlighterUtils.extractSearchWords`
+ */
 export declare function extractSearchWords(textQuery: string, toLowerCase?: boolean): string[];
-/** Returns true if all search words are included in the given text */
+/**
+ * Returns true if all search words are included in the given text
+ * @deprecated moved to `highlighterUtils.matchesAllWords`
+ */
 export declare function matchesAllWords(text: string, searchWords: string[]): boolean;
-/** Creates a case-insensitive multi-word regex, that matches any of the given words. */
+/**
+ * Creates a case-insensitive multi-word regex, that matches any of the given words.
+ * @deprecated moved to `highlighterUtils.createMultiWordRegex`
+ */
 export declare function createMultiWordRegex(multiWordQuery: string[], global?: boolean): RegExp;
+export declare const highlighterUtils: {
+    extractSearchWords: typeof extractSearchWords;
+    matchesAllWords: typeof matchesAllWords;
+    createMultiWordRegex: typeof createMultiWordRegex;
+};
 export default Highlighter;

package/dist/types/components/Typography/HtmlContentBlock.d.ts

@@ -12,5 +12,5 @@ export interface HtmlContentBlockProps extends React.HTMLAttributes<HTMLDivEleme
     linebreakPrevented?: boolean;
     noScrollbarsOnChildren?: boolean;
 }
-declare function HtmlContentBlock({ className, children, small, large, muted, disabled, linebreakForced, linebreakPrevented, noScrollbarsOnChildren, ...otherProps }: HtmlContentBlockProps): JSX.Element;
+export declare const HtmlContentBlock: ({ className, children, small, large, muted, disabled, linebreakForced, linebreakPrevented, noScrollbarsOnChildren, ...otherProps }: HtmlContentBlockProps) => React.JSX.Element;
 export default HtmlContentBlock;

package/dist/types/components/Typography/OverflowText.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from "react";
 export interface OverflowTextProps {
     ellipsis?: "reverse" | "none";
     inline?: boolean;
@@ -8,5 +8,5 @@ export interface OverflowTextProps {
     [key: string]: any;
 }
 /** Prevents text from overflowing. */
-declare function OverflowText({ className, children, ellipsis, inline, passDown, useHtmlElement, ...otherProps }: OverflowTextProps): JSX.Element;
+export declare const OverflowText: ({ className, children, ellipsis, inline, passDown, useHtmlElement, ...otherProps }: OverflowTextProps) => React.JSX.Element;
 export default OverflowText;

package/dist/types/components/Typography/WhiteSpaceContainer.d.ts

@@ -42,5 +42,5 @@ export interface WhiteSpaceContainerProps extends React.HTMLAttributes<HTMLDivEl
  * Simple container to add whitespace inside and around of it without adding style attributes directly.
  * This way the added whitespace keeps visually connected to the other whitespaces used in the application.
  */
-declare function WhiteSpaceContainer({ className, children, marginTop, marginRight, marginBottom, marginLeft, paddingTop, paddingRight, paddingBottom, paddingLeft, linebreakForced, ...otherDivProps }: WhiteSpaceContainerProps): JSX.Element;
+export declare const WhiteSpaceContainer: ({ className, children, marginTop, marginRight, marginBottom, marginLeft, paddingTop, paddingRight, paddingBottom, paddingLeft, linebreakForced, ...otherDivProps }: WhiteSpaceContainerProps) => React.JSX.Element;
 export default WhiteSpaceContainer;

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

@@ -1,12 +1,10 @@
-import Highlighter, { HighlighterProps } from "./Highlighter";
 import { extractSearchWords, matchesAllWords, createMultiWordRegex } from "./Highlighter";
-import HtmlContentBlock, { HtmlContentBlockProps } from "./HtmlContentBlock";
-import OverflowText, { OverflowTextProps } from "./OverflowText";
-import WhiteSpaceContainer, { WhiteSpaceContainerProps } from "./WhiteSpaceContainer";
-export type { HighlighterProps, HtmlContentBlockProps, OverflowTextProps, WhiteSpaceContainerProps };
-export { Highlighter, HtmlContentBlock, OverflowText, WhiteSpaceContainer, };
 export declare const HighlighterFunctions: {
     extractSearchWords: typeof extractSearchWords;
     matchesAllWords: typeof matchesAllWords;
     createMultiWordRegex: typeof createMultiWordRegex;
 };
+export * from "./Highlighter";
+export * from "./HtmlContentBlock";
+export * from "./OverflowText";
+export * from "./WhiteSpaceContainer";

package/dist/types/components/Workspace/WorkspaceContent.d.ts

@@ -1,3 +1,6 @@
-/// <reference types="react" />
-declare function WorkspaceContent({ children, className, ...restProps }: any): JSX.Element;
+import React from "react";
+import { GridProps } from "./../Grid/Grid";
+export interface WorkspaceContentProps extends GridProps {
+}
+export declare const WorkspaceContent: ({ children, className, ...restProps }: WorkspaceContentProps) => React.JSX.Element;
 export default WorkspaceContent;

package/dist/types/components/Workspace/WorkspaceHeader.d.ts

@@ -1,10 +1,11 @@
 import React from "react";
-interface IWorkspaceHeaderProps extends React.HTMLAttributes<HTMLDivElement> {
+export interface WorkspaceHeaderProps extends React.HTMLAttributes<HTMLDivElement> {
     children?: any;
     /**
         space-delimited list of class names
     */
     className?: string;
 }
-declare function WorkspaceHeader({ children, className, ...otherProps }: IWorkspaceHeaderProps): JSX.Element;
+export declare type IWorkspaceHeaderProps = WorkspaceHeaderProps;
+export declare const WorkspaceHeader: ({ children, className, ...otherProps }: WorkspaceHeaderProps) => React.JSX.Element;
 export default WorkspaceHeader;

package/dist/types/components/Workspace/WorkspaceMain.d.ts

@@ -1,3 +1,6 @@
-/// <reference types="react" />
-declare function WorkspaceMain({ children, className, ...restProps }: any): JSX.Element;
+import React from "react";
+import { GridColumnProps } from "./../Grid/GridColumn";
+export interface WorkspaceMainProps extends GridColumnProps {
+}
+export declare const WorkspaceMain: ({ children, className, ...restProps }: GridColumnProps) => React.JSX.Element;
 export default WorkspaceMain;

package/dist/types/components/Workspace/WorkspaceSide.d.ts

@@ -1,3 +1,6 @@
-/// <reference types="react" />
-declare function WorkspaceSide({ children, className, ...restProps }: any): JSX.Element;
+import React from "react";
+import { GridColumnProps } from "./../Grid/GridColumn";
+export interface WorkspaceSideProps extends GridColumnProps {
+}
+export declare const WorkspaceSide: ({ children, className, ...restProps }: GridColumnProps) => React.JSX.Element;
 export default WorkspaceSide;

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

@@ -0,0 +1,4 @@
+export * from "./WorkspaceContent";
+export * from "./WorkspaceMain";
+export * from "./WorkspaceSide";
+export * from "./WorkspaceHeader";

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

@@ -1,9 +1,46 @@
+export * from "./Accordion";
+export * from "./Application";
+export * from "./AutocompleteField";
+export * from "./AutoSuggestion";
 export * from "./Badge/Badge";
+export * from "./Breadcrumb";
+export * from "./Button/Button";
+export * from "./Card";
+export * from "./Checkbox/Checkbox";
+export * from "./ContextOverlay";
 export * from "./Depiction/Depiction";
+export * from "./Dialog";
+export * from "./Form";
+export * from "./Grid";
+export * from "./HoverToggler/HoverToggler";
 export * from "./Icon";
+export * from "./Iframe";
+export * from "./InteractionGate/InteractionGate";
+export * from "./Label/Label";
+export * from "./Link/Link";
+export * from "./List/List";
+export * from "./Menu";
+export * from "./MultiSelect/MultiSelect";
+export * from "./Notification";
+export * from "./NumericInput/NumericInput";
+export * from "./OverviewItem";
+export * from "./Pagination/Pagination";
 export * from "./ProgressBar";
+export * from "./PropertyValuePair";
+export * from "./RadioButton/RadioButton";
+export * from "./Select/Select";
+export * from "./Separation/Divider";
+export * from "./Separation/Spacing";
+export * from "./Spinner/Spinner";
+export * from "./Structure";
+export * from "./Switch/Switch";
 export * from "./Table";
+export * from "./Tabs";
 export * from "./Tag";
+export * from "./TextField";
+export * from "./Toolbar";
+export * from "./Tooltip/Tooltip";
 export * from "./Tree/Tree";
 export * from "./Typography";
+export * from "./Workspace";
 export * from "./interfaces";

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

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from "react";
 import "codemirror/mode/markdown/markdown.js";
 import "codemirror/mode/python/python.js";
 import "codemirror/mode/sparql/sparql.js";
@@ -36,4 +36,4 @@ export interface CodeEditorProps {
 /**
  * Includes a code editor, currently we use CodeMirror library as base.
  */
-export declare const CodeEditor: ({ onChange, name, id, mode, preventLineNumbers, defaultValue, }: CodeEditorProps) => JSX.Element;
+export declare const CodeEditor: ({ onChange, name, id, mode, preventLineNumbers, defaultValue, }: CodeEditorProps) => React.JSX.Element;

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

@@ -1,7 +1,7 @@
 import React from 'react';
 import { EdgeProps as ReactFlowEdgeProps } from "react-flow-renderer/dist/types";
 import { IntentTypes } from "../../../common/Intent";
-import { NodeHighlightColor } from "./../nodes/NodeContent";
+import { NodeHighlightColor } from "./../nodes/sharedTypes";
 export interface EdgeDefaultDataProps {
     /**
      * Overwrites the default style how the edge stroke is displayed.
@@ -39,5 +39,9 @@ export interface EdgeDefaultProps extends ReactFlowEdgeProps {
      */
     drawSvgPath?: (edge: ReactFlowEdgeProps) => string;
 }
-export declare const EdgeDefault: React.MemoExoticComponent<(edge: EdgeDefaultProps) => JSX.Element>;
-export declare const createEdgeDefaultClassName: ({ strokeType, intent, highlightColor, }: EdgeDefaultDataProps, baseClass?: string) => string;
+export declare const EdgeDefault: React.MemoExoticComponent<(edge: EdgeDefaultProps) => React.JSX.Element>;
+export declare const edgeDefaultUtils: {
+    createEdgeDefaultClassName: ({ strokeType, intent, highlightColor, }: EdgeDefaultDataProps, baseClass?: string) => string;
+    drawEdgeStep: ({ sourceX, sourceY, sourcePosition, targetX, targetY, targetPosition, data, }: import("./EdgeStep").EdgeStepProps) => string;
+    drawEdgeStraight: ({ sourceX, sourceY, sourcePosition, targetX, targetY, targetPosition, }: EdgeDefaultProps) => string;
+};

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

@@ -29,8 +29,8 @@ export interface EdgeLabelProps extends React.HTMLAttributes<HTMLDivElement> {
      */
     intent?: IntentTypes;
 }
-export declare const EdgeLabel: React.MemoExoticComponent<({ depiction, text, actions, large, fullWidth, intent, ...otherDivProps }: EdgeLabelProps) => JSX.Element>;
-interface EdgeLabelObjectProps extends React.SVGAttributes<SVGForeignObjectElement> {
+export declare const EdgeLabel: React.MemoExoticComponent<({ depiction, text, actions, large, fullWidth, intent, title, ...otherDivProps }: EdgeLabelProps) => React.JSX.Element>;
+export interface EdgeLabelObjectProps extends React.SVGAttributes<SVGForeignObjectElement> {
     /**
      * The `<EdgeLabel />` element that need to be displayed.
      */
@@ -45,5 +45,4 @@ interface EdgeLabelObjectProps extends React.SVGAttributes<SVGForeignObjectEleme
      */
     resizeTimeout?: number;
 }
-export declare const EdgeLabelObject: React.MemoExoticComponent<({ children, edgeCenter, resizeTimeout, ...otherForeignObjectProps }: EdgeLabelObjectProps) => JSX.Element>;
-export {};
+export declare const EdgeLabelObject: React.MemoExoticComponent<({ children, edgeCenter, resizeTimeout, ...otherForeignObjectProps }: EdgeLabelObjectProps) => React.JSX.Element>;

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

@@ -1,9 +1,10 @@
 import React from 'react';
 import { EdgeDefaultProps, EdgeDefaultDataProps } from "./EdgeDefault";
-export interface EdgeStepDataProps extends EdgeDefaultDataProps {
+interface EdgeStepDataProps extends EdgeDefaultDataProps {
     stepCornerRadius?: number;
 }
 export interface EdgeStepProps extends EdgeDefaultProps {
     data?: EdgeStepDataProps;
 }
-export declare const EdgeStep: React.MemoExoticComponent<(edge: EdgeStepProps) => JSX.Element>;
+export declare const EdgeStep: React.MemoExoticComponent<(edge: EdgeStepProps) => React.JSX.Element>;
+export {};

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

@@ -8,5 +8,5 @@ export interface EdgeToolsProps extends Omit<ContextOverlayProps, "children"> {
     posOffset: PosOffset;
     children: string | JSX.Element | JSX.Element[];
 }
-export declare const EdgeTools: React.MemoExoticComponent<({ posOffset, children, ...otherProps }: EdgeToolsProps) => JSX.Element>;
+export declare const EdgeTools: React.MemoExoticComponent<({ posOffset, children, ...otherProps }: EdgeToolsProps) => React.JSX.Element>;
 export {};