@eccenca/gui-elements 6.2.0 → 22.0.0-rc.7

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

@@ -0,0 +1,23 @@
+/// <reference types="react" />
+import { TextFieldProps } from "./TextField";
+import { TestableComponent } from "../../components/interfaces";
+interface SearchFieldProps extends TestableComponent, Omit<TextFieldProps, "placeholder | hasStatePrimary | hasStateSuccess | hasStateWarning | hasStateDanger | fullWidth"> {
+    /**
+    * Placeholder text for search box.
+    */
+    emptySearchInputMessage?: string;
+    /**
+    * Event handler to reset search input.
+    * If set then `rightElement` is automatically set with an action button to trigger the handler.
+    */
+    onClearanceHandler?: () => void;
+    /**
+    * Tooltip to show for the clear button.
+    */
+    onClearanceText?: string;
+}
+/**
+ * Special `TextField` element for search term inputs.
+ */
+declare function SearchField({ className, emptySearchInputMessage, onClearanceHandler, onClearanceText, leftIcon, ...otherProps }: SearchFieldProps): JSX.Element;
+export default SearchField;

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

@@ -0,0 +1,22 @@
+/// <reference types="react" />
+import { TextAreaProps as BlueprintTextAreaProps } from "@blueprintjs/core";
+interface TextAreaProps extends Partial<BlueprintTextAreaProps> {
+    /**
+     * when set to true the input takes a blue border color
+     */
+    hasStatePrimary?: boolean;
+    /**
+     * when set to true the input takes a green border color
+     */
+    hasStateSuccess?: boolean;
+    /**
+     * when set to true the input takes an orange border color
+     */
+    hasStateWarning?: boolean;
+    /**
+     * when set to true the input takes a red border color
+     */
+    hasStateDanger?: boolean;
+}
+declare function TextArea({ className, hasStatePrimary, hasStateSuccess, hasStateWarning, hasStateDanger, rows, ...otherProps }: TextAreaProps): JSX.Element;
+export default TextArea;

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

@@ -0,0 +1,34 @@
+/// <reference types="react" />
+import { MaybeElement, HTMLInputProps, InputGroupProps } from "@blueprintjs/core";
+import { ValidIconName } from "../Icon/canonicalIconNames";
+export interface TextFieldProps extends Partial<Omit<InputGroupProps, "intent" | "leftIcon"> & HTMLInputProps> {
+    /**
+    * The input element is displayed with primary color scheme.
+    */
+    hasStatePrimary?: boolean;
+    /**
+    * The input element is displayed with success (some type of green) color scheme.
+    */
+    hasStateSuccess?: boolean;
+    /**
+    * The input element is displayed with warning (some type of orange) color scheme.
+    */
+    hasStateWarning?: boolean;
+    /**
+    * The input element is displayed with danger (some type of red) color scheme.
+    */
+    hasStateDanger?: boolean;
+    /**
+     * The input element uses the full horizontal width of the parent container.
+     */
+    fullWidth?: boolean;
+    /**
+     * Left aligned icon, can be a canonical icon name or an `Icon` element.
+     */
+    leftIcon?: ValidIconName | MaybeElement;
+}
+/**
+  * Text input field.
+  */
+declare function TextField({ className, hasStatePrimary, hasStateSuccess, hasStateWarning, hasStateDanger, fullWidth, leftIcon, ...otherProps }: TextFieldProps): JSX.Element;
+export default TextField;

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

@@ -0,0 +1,18 @@
+import React from "react";
+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.
+     */
+    noWrap?: boolean;
+    /**
+     * Toolbar displays vertically like a column.
+     * Can be used for toolbars in sidebars.
+     */
+    verticalStack?: boolean;
+}
+/**
+ * Element to group user-interaction elements.
+ */
+declare function Toolbar({ children, className, noWrap, verticalStack, ...restProps }: ToolbarProps): JSX.Element;
+export default Toolbar;

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

@@ -0,0 +1,22 @@
+import React from "react";
+interface ToolbarSectionProps extends React.HTMLAttributes<HTMLDivElement> {
+    /**
+    * Is allowed to allocate more space than necessary to show all children.
+    */
+    canGrow?: boolean;
+    /**
+    * Allow element to get shrinked if there is not enough space to show all content.
+    * This only makes sense if it contains children that are elastic in its size.
+    */
+    canShrink?: boolean;
+    /**
+    * Hides content that overflows available space.
+    */
+    hideOverflow?: boolean;
+}
+/**
+ * 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 default ToolbarSection;

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

@@ -0,0 +1,17 @@
+import React from "react";
+import { TooltipProps as BlueprintTooltipProps } from "@blueprintjs/core";
+export interface TooltipProps {
+    className?: string;
+    addIndicator?: boolean;
+    /** Blueprint specific tooltip props */
+    tooltipProps?: Partial<BlueprintTooltipProps>;
+    /** The content that is displayed when hovering over the tooltip area. */
+    content: JSX.Element | string;
+    /** The size specifies the dimension the element can maximal grow. */
+    size?: "small" | "medium" | "large";
+    children: React.ReactNode | React.ReactNode[];
+    /** @deprecated Use tooltipProps for Blueprint specific props or add concrete properties in all other cases. */
+    [key: string]: any;
+}
+declare function Tooltip({ children, content, className, size, addIndicator, tooltipProps, ...otherProps }: TooltipProps): JSX.Element;
+export default Tooltip;

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

@@ -0,0 +1,18 @@
+/// <reference types="react" />
+interface IHighlighterProps {
+    label?: string;
+    searchValue?: string;
+}
+/**
+ * Returns a highlighted string according to the words of the search query.
+ * @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 }: IHighlighterProps): JSX.Element;
+/** Extracts search words separated by white space. */
+export declare function extractSearchWords(textQuery: string, toLowerCase?: boolean): string[];
+/** Returns true if all search words are included in the given text */
+export declare function matchesAllWords(text: string, searchWords: string[]): boolean;
+/** Creates a case-insensitive multi-word regex, that matches any of the given words. */
+export declare function createMultiWordRegex(multiWordQuery: string[], global?: boolean): RegExp;
+export default Highlighter;

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

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+declare function HtmlContentBlock({ className, children, small, large, // currently unsupported
+muted, // currently unsupported
+disabled, // currently unsupported
+...otherProps }: any): JSX.Element;
+export default HtmlContentBlock;

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

@@ -0,0 +1,12 @@
+/// <reference types="react" />
+interface IProps {
+    ellipsis?: "reverse" | "none";
+    inline?: boolean;
+    passDown?: boolean;
+    className?: string;
+    useHtmlElement?: "p" | "div" | "span";
+    [key: string]: any;
+}
+/** Prevents text from overflowing. */
+declare function OverflowText({ className, children, ellipsis, inline, passDown, useHtmlElement, ...otherProps }: IProps): JSX.Element;
+export default OverflowText;

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

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+declare function WhiteSpaceContainer({ className, children, marginTop, // tiny, small, regular, large, xlarge
+marginRight, marginBottom, marginLeft, paddingTop, // tiny, small, regular, large, xlarge
+paddingRight, paddingBottom, paddingLeft, ...otherProps }: any): JSX.Element;
+export default WhiteSpaceContainer;

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

@@ -0,0 +1,7 @@
+export declare const NOOVERFLOW: string;
+export declare const FORCELINEBREAK: string;
+export declare const PREVENTLINEBREAK: string;
+export declare const LARGE: string;
+export declare const SMALL: string;
+export declare const MUTED: string;
+export declare const DISABLED: string;

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

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+declare function WorkspaceContent({ children, className, ...restProps }: any): JSX.Element;
+export default WorkspaceContent;

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

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

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

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+declare function WorkspaceMain({ children, className, ...restProps }: any): JSX.Element;
+export default WorkspaceMain;

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

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+declare function WorkspaceSide({ children, className, ...restProps }: any): JSX.Element;
+export default WorkspaceSide;

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

@@ -0,0 +1,3 @@
+export interface TestableComponent {
+    "data-test-id"?: string;
+}

package/dist/types/configuration/constants.d.ts

@@ -0,0 +1 @@
+export declare const CLASSPREFIX = "eccgui";

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

@@ -0,0 +1,10 @@
+import React from 'react';
+import { EdgeProps as ReactFlowEdgeProps } from "react-flow-renderer/dist/types";
+export interface EdgeDefaultDataProps {
+    pathGlowWidth?: number;
+}
+export interface EdgeDefaultProps extends ReactFlowEdgeProps {
+    data?: EdgeDefaultDataProps;
+    drawSvgPath?: (edge: ReactFlowEdgeProps) => string;
+}
+export declare const EdgeDefault: React.MemoExoticComponent<(edge: EdgeDefaultProps) => JSX.Element>;

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

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

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

@@ -0,0 +1,12 @@
+import React from 'react';
+import { IPopoverProps as IBlueprintPopoverProps } from "@blueprintjs/core";
+interface PosOffset {
+    left: number;
+    top: number;
+}
+export interface EdgeToolsProps extends IBlueprintPopoverProps {
+    posOffset: PosOffset;
+    children: string | JSX.Element | JSX.Element[];
+}
+export declare const EdgeTools: React.MemoExoticComponent<({ posOffset, children, ...otherProps }: EdgeToolsProps) => JSX.Element>;
+export {};

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

@@ -0,0 +1,15 @@
+/// <reference types="react" />
+export declare const edgeTypes: {
+    default: import("react").MemoExoticComponent<(edge: import("./EdgeDefault").EdgeDefaultProps) => JSX.Element>;
+    straight: import("react").MemoExoticComponent<(edge: import("./EdgeDefault").EdgeDefaultProps) => JSX.Element>;
+    step: import("react").MemoExoticComponent<(edge: import("./EdgeStep").EdgeStepProps) => JSX.Element>;
+    smoothstep: import("react").MemoExoticComponent<(edge: import("./EdgeStep").EdgeStepProps) => JSX.Element>;
+    implicitEdge: import("react").MemoExoticComponent<(edge: import("./EdgeDefault").EdgeDefaultProps) => JSX.Element>;
+    importEdge: import("react").MemoExoticComponent<(edge: import("./EdgeDefault").EdgeDefaultProps) => JSX.Element>;
+    subclassEdge: import("react").MemoExoticComponent<(edge: import("./EdgeDefault").EdgeDefaultProps) => JSX.Element>;
+    subpropertyEdge: import("react").MemoExoticComponent<(edge: import("./EdgeDefault").EdgeDefaultProps) => JSX.Element>;
+    rdftypeEdge: import("react").MemoExoticComponent<(edge: import("./EdgeDefault").EdgeDefaultProps) => JSX.Element>;
+    successStep: import("react").MemoExoticComponent<(edge: import("./EdgeStep").EdgeStepProps) => JSX.Element>;
+    warningStep: import("react").MemoExoticComponent<(edge: import("./EdgeStep").EdgeStepProps) => JSX.Element>;
+    dangerStep: import("react").MemoExoticComponent<(edge: import("./EdgeStep").EdgeStepProps) => JSX.Element>;
+};

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

@@ -0,0 +1,4 @@
+import { EdgeDefaultProps } from "./EdgeDefault";
+import { EdgeStepProps } from "./EdgeStep";
+export declare const drawEdgeStraight: ({ sourceX, sourceY, targetX, targetY, }: EdgeDefaultProps) => string;
+export declare const drawEdgeStep: ({ sourceX, sourceY, sourcePosition, targetX, targetY, targetPosition, data, }: EdgeStepProps) => string;

package/dist/types/extensions/react-flow/handles/HandleContent.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+export interface HandleContentProps {
+    children?: JSX.Element | string;
+    extendedTooltip?: JSX.Element | string;
+}
+export declare const HandleContent: React.MemoExoticComponent<({ children, extendedTooltip }: HandleContentProps) => JSX.Element>;

package/dist/types/extensions/react-flow/handles/HandleDefault.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import { HandleProps as ReactFlowHandleProps } from "react-flow-renderer";
+import { HandleContentProps } from "./HandleContent";
+export interface HandleProps extends ReactFlowHandleProps {
+    data?: HandleContentProps;
+    tooltip?: string;
+    children?: JSX.Element | string;
+}
+export declare const HandleDefault: React.MemoExoticComponent<({ data, tooltip, children, ...handleProps }: HandleProps) => JSX.Element>;

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

@@ -0,0 +1,14 @@
+export { NodeDefault } from "./nodes/NodeDefault";
+export { NodeTools } from "./nodes/NodeTools";
+export { nodeTypes } from "./nodes/nodeTypes";
+export { EdgeDefault } from "./edges/EdgeDefault";
+export { EdgeStep } from "./edges/EdgeStep";
+export { EdgeTools } from "./edges/EdgeTools";
+export { edgeTypes } from "./edges/edgeTypes";
+export { MiniMap } from "./minimap/MiniMap";
+export { minimapNodeClassName, minimapNodeColor } from "./minimap/utils";
+export type { NodeProps } from "./nodes/NodeDefault";
+export type { NodeToolsProps } from "./nodes/NodeTools";
+export type { EdgeDefaultProps } from "./edges/EdgeDefault";
+export type { EdgeStepProps } from "./edges/EdgeStep";
+export type { MiniMapProps } from "./minimap/MiniMap";

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

@@ -0,0 +1,8 @@
+import React from "react";
+import { MiniMapProps as ReactFlowMiniMapProps, OnLoadParams } from "react-flow-renderer";
+export interface MiniMapProps extends ReactFlowMiniMapProps {
+    flowInstance?: OnLoadParams;
+    enableNavigation?: boolean;
+}
+/** An improved mini-map for react-flow that supports navigation via the mini-map. */
+export declare const MiniMap: React.MemoExoticComponent<({ flowInstance, enableNavigation, maskColor, ...minimapProps }: MiniMapProps) => JSX.Element>;

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

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

package/dist/types/extensions/react-flow/nodes/NodeDefault.d.ts

@@ -0,0 +1,133 @@
+import React from "react";
+import { NodeProps as ReactFlowNodeProps, Position } from "react-flow-renderer";
+import { HandleProps } from "./../handles/HandleDefault";
+import { ValidIconName } from "../../../components/Icon/canonicalIconNames";
+declare type HighlightingState = "success" | "warning" | "danger" | "match" | "altmatch";
+export interface IHandleProps extends HandleProps {
+    category?: "configuration";
+}
+interface NodeContentData {
+    /**
+     * Name of icon that should be displayed before the node label.
+     * Must be a name from our list of canonical icon names.
+     */
+    iconName?: ValidIconName;
+    /**
+     * Valid and accessible URL or `data-uri` for an image that should be displayed before the node label.
+     */
+    depiction?: string;
+    /**
+     * Label that is displayed in the node header.
+     */
+    label: string;
+    /**
+     * Content element, displayed in the node body.
+     */
+    content?: React.ReactNode;
+    /**
+     * Content extension, displayed at the bottom side of a node.
+     */
+    contentExtension?: React.ReactNode;
+}
+export interface NodeContentProps<T> extends NodeContentData, React.HTMLAttributes<HTMLDivElement> {
+    /**
+     * Size of the node.
+     * If `minimalShape` is not set to `none`then the configured size definition is only used for the selected node state.
+     */
+    size?: "tiny" | "small" | "medium" | "large";
+    /**
+     * Defines if the node is initially displayed within a very small shape.
+     * If not set to `none` then the node is only displayed in normal size when it is selected.
+     */
+    minimalShape?: "none" | "circular" | "rectangular";
+    /**
+     * Set the type of used highlights to mark the node.
+     */
+    highlightedState?: HighlightingState | HighlightingState[];
+    /**
+     * Text used for tooltip used on icon and depiction.
+     */
+    typeLabel?: string;
+    /**
+     * If `executionButtons` content is included or not.
+     * It is displayed in the node header between label and menu.
+     */
+    showExecutionButtons?: boolean;
+    /**
+     * Set of defined buttons and icons that can be displayed.
+     */
+    executionButtons?: () => React.ReactNode;
+    /**
+     * Can be used for permanent action button or context menu.
+     * It is displayed at the node header right to the label.
+     */
+    menuButtons?: React.ReactNode;
+    /**
+     * Array of property definition objects for `Handle` components that need to be created for the node.
+     * @see https://reactflow.dev/docs/api/handle/
+     */
+    handles?: IHandleProps[];
+    /**
+     * Set the minimal number of handles on left or right side of the node to activate the recalculation of the minimal height of the node.
+     */
+    adaptHeightForHandleMinCount?: number;
+    /**
+     * Height per handle in px (without the unit) used for minimal height calculation of the node.
+     */
+    adaptSizeIncrement?: number;
+    /**
+     * Callback function to provide content for the tooltip on a node with a defined `minimalShape`.
+     * If you do not want a tooltip in this state you need to provide a callback that returns an empty value.
+     */
+    getMinimalTooltipData?: (node: NodeProps<T>) => NodeContentData;
+    /**
+     * Set if a handle is displayed even if it does not allow a connection to an edge.
+     */
+    showUnconnectableHandles?: boolean;
+    /**
+     * The node is displayed with some animated shadow for highlighting purposes.
+     */
+    animated?: boolean;
+    /** Additional data stored in the node. */
+    businessData?: T;
+    /**
+     * This property is only forwarded from the `NodeDefault` element.
+     * If set then it will be always overwritten internally.
+     */
+    targetPosition?: typeof Position[keyof typeof Position];
+    /**
+     * This property is only forwarded from the `NodeDefault` element.
+     * If set then it will be always overwritten internally.
+     */
+    sourcePosition?: typeof Position[keyof typeof Position];
+    /**
+     * This property is only forwarded from the `NodeDefault` element.
+     * If set then it will be always overwritten internally.
+     */
+    isConnectable?: boolean;
+    /**
+     * This property is only forwarded from the `NodeDefault` element.
+     * If set then it will be always overwritten internally.
+     */
+    selected?: boolean;
+}
+export interface NodeProps<T> extends ReactFlowNodeProps {
+    /**
+     * Contains all properties for our implementation of the React-Flow node.
+     * For details pls see the `NodeContent` element documentation.
+     */
+    data: NodeContentProps<T>;
+}
+export declare const gethighlightedStateClasses: (state: any, baseClassName: any) => any;
+/**
+ * The `NodeDefault` element manages the display of React-Flow nodes.
+ * This element cannot be used directly, it must be connected via a `nodeTypes` definition and all properties need to be routed through the `elements` property items inside the `ReactFlow` container.
+ * @see https://reactflow.dev/docs/api/nodes/
+ */
+export declare const NodeDefault: React.MemoExoticComponent<(node: NodeProps<any>) => JSX.Element>;
+/**
+ * The `NodeContent` element manages the main view of how a node is displaying which content.
+ * This element cannot be used directly, all properties must be routed through the `data` property of an `elements` property item inside the `ReactFlow` container.
+ */
+export declare const NodeContent: ({ iconName, depiction, typeLabel, label, showExecutionButtons, executionButtons, menuButtons, content, contentExtension, size, minimalShape, highlightedState, handles, adaptHeightForHandleMinCount, adaptSizeIncrement, getMinimalTooltipData, style, showUnconnectableHandles, animated, targetPosition, sourcePosition, isConnectable, selected, businessData, ...otherProps }: NodeContentProps<any>) => JSX.Element;
+export {};

package/dist/types/extensions/react-flow/nodes/NodeTools.d.ts

@@ -0,0 +1,9 @@
+import React from "react";
+import { IPopoverProps as IBlueprintPopoverProps } from "@blueprintjs/core";
+export interface NodeToolsProps extends IBlueprintPopoverProps {
+    children: string | JSX.Element;
+    togglerElement?: string | JSX.Element;
+    togglerText?: string;
+    menuButtonDataTestId?: string;
+}
+export declare const NodeTools: React.MemoExoticComponent<({ children, togglerElement, togglerText, menuButtonDataTestId, ...otherOverlayProps }: NodeToolsProps) => JSX.Element>;

package/dist/types/extensions/react-flow/nodes/nodeTypes.d.ts

@@ -0,0 +1,13 @@
+/// <reference types="react" />
+export declare const nodeTypes: {
+    default: import("react").MemoExoticComponent<(node: import("./NodeDefault").NodeProps<any>) => JSX.Element>;
+    graphNode: import("react").MemoExoticComponent<(node: import("./NodeDefault").NodeProps<any>) => JSX.Element>;
+    classNode: import("react").MemoExoticComponent<(node: import("./NodeDefault").NodeProps<any>) => JSX.Element>;
+    instanceNode: import("react").MemoExoticComponent<(node: import("./NodeDefault").NodeProps<any>) => JSX.Element>;
+    propertyNode: import("react").MemoExoticComponent<(node: import("./NodeDefault").NodeProps<any>) => JSX.Element>;
+    datasetNode: import("react").MemoExoticComponent<(node: import("./NodeDefault").NodeProps<any>) => JSX.Element>;
+    linkingNode: import("react").MemoExoticComponent<(node: import("./NodeDefault").NodeProps<any>) => JSX.Element>;
+    transformNode: import("react").MemoExoticComponent<(node: import("./NodeDefault").NodeProps<any>) => JSX.Element>;
+    taskNode: import("react").MemoExoticComponent<(node: import("./NodeDefault").NodeProps<any>) => JSX.Element>;
+    workflowNode: import("react").MemoExoticComponent<(node: import("./NodeDefault").NodeProps<any>) => JSX.Element>;
+};

package/dist/types/index.d.ts

@@ -0,0 +1,92 @@
+/// <reference types="react" />
+import ApplicationContainer from "./components/Application/ApplicationContainer";
+import ApplicationHeader from "./components/Application/ApplicationHeader";
+import ApplicationContent from "./components/Application/ApplicationContent";
+import ApplicationSidebarNavigation from "./components/Application/ApplicationSidebarNavigation";
+import ApplicationSidebarToggler from "./components/Application/ApplicationSidebarToggler";
+import ApplicationTitle from "./components/Application/ApplicationTitle";
+import ApplicationToolbar from "./components/Application/ApplicationToolbar";
+import ApplicationToolbarSection from "./components/Application/ApplicationToolbarSection";
+import ApplicationToolbarAction from "./components/Application/ApplicationToolbarAction";
+import ApplicationToolbarPanel from "./components/Application/ApplicationToolbarPanel";
+import HtmlContentBlock from "./components/Typography/HtmlContentBlock";
+import OverflowText from "./components/Typography/OverflowText";
+import WhiteSpaceContainer from "./components/Typography/WhiteSpaceContainer";
+import Highlighter from "./components/Typography/Highlighter";
+import Grid from "./components/Grid/Grid";
+import GridRow from "./components/Grid/GridRow";
+import GridColumn from "./components/Grid/GridColumn";
+import WorkspaceContent from "./components/Workspace/WorkspaceContent";
+import WorkspaceMain from "./components/Workspace/WorkspaceMain";
+import WorkspaceSide from "./components/Workspace/WorkspaceSide";
+import WorkspaceHeader from "./components/Workspace/WorkspaceHeader";
+import Icon from "./components/Icon/Icon";
+import IconButton from "./components/Icon/IconButton";
+import Label from "./components/Label/Label";
+import Button from "./components/Button/Button";
+import Checkbox from "./components/Checkbox/Checkbox";
+import RadioButton from "./components/RadioButton/RadioButton";
+import Tabs from "./components/Tabs/Tabs";
+import TextField from "./components/TextField/TextField";
+import TextArea from "./components/TextField/TextArea";
+import SearchField from "./components/TextField/SearchField";
+import Switch from "./components/Switch/Switch";
+import NumericInput from "./components/NumericInput/NumericInput";
+import FieldItem from "./components/Form/FieldItem";
+import FieldItemRow from "./components/Form/FieldItemRow";
+import FieldSet from "./components/Form/FieldSet";
+import { AutoCompleteField } from "./components/AutocompleteField/AutoCompleteField";
+import Menu from "./components/Menu/Menu";
+import MenuItem from "./components/Menu/MenuItem";
+import MenuDivider from "./components/Menu/MenuDivider";
+import ContextOverlay from "./components/ContextOverlay/ContextOverlay";
+import ContextMenu from "./components/ContextOverlay/ContextMenu";
+import Pagination from "./components/Pagination/Pagination";
+import Tag from "./components/Tag/Tag";
+import TagList from "./components/Tag/TagList";
+import Notification from "./components/Notification/Notification";
+import Toast from "./components/Notification/Toast";
+import { Select } from "@blueprintjs/select";
+import { Iframe } from "./components/Iframe/Iframe";
+import { IframeModal } from "./components/Iframe/IframeModal";
+import { OverviewItem, OverviewItemActions, OverviewItemDepiction, OverviewItemDescription, OverviewItemLine, OverviewItemList } from "./components/OverviewItem";
+import { TableContainer, Table, TableHead, TableRow, TableBody, TableCell, TableHeader } from "./components/SimpleTable";
+import BreadcrumbList from "./components/Breadcrumb/BreadcrumbList";
+import BreadcrumbItem from "./components/Breadcrumb/BreadcrumbItem";
+import Modal from "./components/Dialog/Modal";
+import SimpleDialog from "./components/Dialog/SimpleDialog";
+import AlertDialog from "./components/Dialog/AlertDialog";
+import { Card, CardHeader, CardTitle, CardOptions, CardContent, CardActions, CardActionsAux } from "./components/Card";
+import Spacing from "./components/Separation/Spacing";
+import Divider from "./components/Separation/Divider";
+import Tooltip from "./components/Tooltip/Tooltip";
+import Toolbar from "./components/Toolbar/Toolbar";
+import ToolbarSection from "./components/Toolbar/ToolbarSection";
+import Section from "./components/Structure/Section";
+import SectionHeader from "./components/Structure/SectionHeader";
+import TitlePage from "./components/Structure/TitlePage";
+import TitleMainsection from "./components/Structure/TitleMainsection";
+import TitleSubsection from "./components/Structure/TitleSubsection";
+import Accordion from "./components/Accordion/Accordion";
+import AccordionItem from "./components/Accordion/AccordionItem";
+import Link from "./components/Link/Link";
+import Spinner from "./components/Spinner/Spinner";
+import { PropertyName, PropertyValue, PropertyValuePair, PropertyValueList } from "./components/PropertyValuePair";
+import * as TypographyClassNames from "./components/Typography/classnames";
+import { ProgressBar } from "./components/ProgressBar/ProgressBar";
+import List from "./components/List/List";
+declare const HelperClasses: {
+    Typography: typeof TypographyClassNames;
+    Intent: {
+        [x: string]: string;
+    };
+};
+declare const Utilities: {
+    openInNewTab: (event: import("react").MouseEvent<HTMLElement, MouseEvent>, handler?: ((e: import("react").MouseEvent<HTMLElement, MouseEvent>) => void) | undefined, url?: string | undefined) => void;
+};
+export { ApplicationContainer, ApplicationHeader, ApplicationContent, ApplicationSidebarNavigation, ApplicationSidebarToggler, ApplicationTitle, ApplicationToolbar, ApplicationToolbarSection, ApplicationToolbarAction, ApplicationToolbarPanel, HtmlContentBlock, OverflowText, WhiteSpaceContainer, Highlighter, Grid, GridRow, GridColumn, List, WorkspaceContent, WorkspaceMain, WorkspaceSide, WorkspaceHeader, Menu, MenuItem, MenuDivider, ContextOverlay, ContextMenu, OverviewItem, OverviewItemDepiction, OverviewItemDescription, OverviewItemLine, OverviewItemActions, OverviewItemList, TableContainer, Table, TableHead, TableRow, TableBody, TableCell, TableHeader, Icon, IconButton, Label, Button, Checkbox, RadioButton, Tabs, TextField, TextArea, SearchField, Switch, // TODO: scss styles
+NumericInput, // TODO: scss styles
+FieldItem, FieldItemRow, FieldSet, BreadcrumbList, BreadcrumbItem, Modal, SimpleDialog, AlertDialog, Card, CardHeader, CardTitle, CardOptions, CardContent, CardActions, CardActionsAux, Spacing, Divider, Tooltip, Section, SectionHeader, TitlePage, TitleMainsection, TitleSubsection, Accordion, AccordionItem, Toolbar, ToolbarSection, Tag, TagList, Pagination, Notification, Link, Spinner, PropertyName, PropertyValue, PropertyValuePair, PropertyValueList, Toast, HelperClasses, Select, // TODO: include as own element
+AutoCompleteField, ProgressBar, Iframe, IframeModal, Utilities };
+export * from "./cmem";
+export * from "./extensions/react-flow";