@eccenca/gui-elements 6.1.0 → 22.0.0-rc.6

package/dist/extensions/react-flow/nodes/NodeDefault.jsx

@@ -0,0 +1,175 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import React, { memo } from "react";
+import { Position } from "react-flow-renderer";
+import { CLASSPREFIX as eccgui } from "../../../configuration/constants";
+import { Icon, Tooltip } from "../../../index";
+import { HandleDefault } from "./../handles/HandleDefault";
+var defaultHandles = [
+    { type: "target" },
+    { type: "source" },
+];
+var MemoHandler = React.memo(function (props) { return <HandleDefault {...props}/>; }, function (prev, next) {
+    var styleHasChanged = prev.style[prev.posdirection] === next.style[next.posdirection];
+    return styleHasChanged;
+});
+var addHandles = function (handles, position, posDirection, isConnectable, nodeStyle) {
+    return handles[position].map(function (handle, idx) {
+        var _a, _b;
+        var className = handle.className, _c = handle.style, style = _c === void 0 ? {} : _c, category = handle.category;
+        var styleAdditions = {
+            color: (_a = nodeStyle.borderColor) !== null && _a !== void 0 ? _a : undefined
+        };
+        styleAdditions[posDirection] = (100 / (handles[position].length + 1) * (idx + 1)) + "%";
+        var handleProperties = __assign(__assign({}, handle), {
+            position: (_b = handle.position) !== null && _b !== void 0 ? _b : position,
+            style: __assign(__assign({}, style), styleAdditions),
+            posdirection: posDirection,
+            isConnectable: typeof handle.isConnectable !== "undefined" ? handle.isConnectable : isConnectable,
+            className: !!category ? (className ? className + " " : "") + gethighlightedStateClasses(category, eccgui + "-graphviz__handle") : className,
+        });
+        return (<MemoHandler {...handleProperties} key={"handle" + idx}/>);
+    });
+};
+var getDefaultMinimalTooltipData = function (node) {
+    var _a, _b, _c, _d;
+    return {
+        label: (_a = node.data) === null || _a === void 0 ? void 0 : _a.label,
+        content: (_b = node.data) === null || _b === void 0 ? void 0 : _b.content,
+        iconName: (_c = node.data) === null || _c === void 0 ? void 0 : _c.iconName,
+        depiction: (_d = node.data) === null || _d === void 0 ? void 0 : _d.depiction,
+    };
+};
+var imgWithTooltip = function (imgEl, tooltipText) {
+    if (!!tooltipText) {
+        return <Tooltip content={tooltipText}><span>{imgEl}</span></Tooltip>;
+    }
+    return imgEl;
+};
+export var gethighlightedStateClasses = function (state, baseClassName) {
+    var hightlights = typeof state === "string" ? [state] : state;
+    //@ts-ignore
+    return hightlights.map(function (item) { return baseClassName + "--highlight-" + item; }).join(' ');
+};
+/**
+ * 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 var NodeDefault = memo(function (node) {
+    var data = node.data, _a = node.targetPosition, targetPosition = _a === void 0 ? Position.Left : _a, _b = node.sourcePosition, sourcePosition = _b === void 0 ? Position.Right : _b, _c = node.isConnectable, isConnectable = _c === void 0 ? true : _c, selected = node.selected;
+    var nodeEl = <NodeContent {...__assign(__assign({}, data), { targetPosition: targetPosition, sourcePosition: sourcePosition, isConnectable: isConnectable, selected: selected })}/>;
+    if (!selected && (data === null || data === void 0 ? void 0 : data.minimalShape) !== "none" && !!(data === null || data === void 0 ? void 0 : data.getMinimalTooltipData)) {
+        var tooltipData = data === null || data === void 0 ? void 0 : data.getMinimalTooltipData(node);
+        if (!!tooltipData.label || !!tooltipData.content) {
+            return (<Tooltip content={(<>
+                                {tooltipData.label && <div>{tooltipData.label}</div>}
+                                {tooltipData.content && <div>{tooltipData.content}</div>}
+                            </>)}>
+                        {nodeEl}
+                    </Tooltip>);
+        }
+    }
+    return nodeEl;
+});
+/**
+ * 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 var NodeContent = function (_a) {
+    var iconName = _a.iconName, depiction = _a.depiction, typeLabel = _a.typeLabel, label = _a.label, _b = _a.showExecutionButtons, showExecutionButtons = _b === void 0 ? true : _b, executionButtons = _a.executionButtons, menuButtons = _a.menuButtons, content = _a.content, contentExtension = _a.contentExtension, _c = _a.size, size = _c === void 0 ? "small" : _c, _d = _a.minimalShape, minimalShape = _d === void 0 ? "circular" : _d, highlightedState = _a.highlightedState, _e = _a.handles, handles = _e === void 0 ? defaultHandles : _e, adaptHeightForHandleMinCount = _a.adaptHeightForHandleMinCount, _f = _a.adaptSizeIncrement, adaptSizeIncrement = _f === void 0 ? 15 : _f, _g = _a.getMinimalTooltipData, getMinimalTooltipData = _g === void 0 ? getDefaultMinimalTooltipData : _g, _h = _a.style, style = _h === void 0 ? {} : _h, _j = _a.showUnconnectableHandles, showUnconnectableHandles = _j === void 0 ? false : _j, _k = _a.animated, animated = _k === void 0 ? false : _k, 
+    // forwarded props
+    _l = _a.targetPosition, 
+    // forwarded props
+    targetPosition = _l === void 0 ? Position.Left : _l, _m = _a.sourcePosition, sourcePosition = _m === void 0 ? Position.Right : _m, _o = _a.isConnectable, isConnectable = _o === void 0 ? true : _o, selected = _a.selected, 
+    // businessData is just being ignored
+    businessData = _a.businessData, 
+    // other props for DOM element
+    otherProps = __rest(_a, ["iconName", "depiction", "typeLabel", "label", "showExecutionButtons", "executionButtons", "menuButtons", "content", "contentExtension", "size", "minimalShape", "highlightedState", "handles", "adaptHeightForHandleMinCount", "adaptSizeIncrement", "getMinimalTooltipData", "style", "showUnconnectableHandles", "animated", "targetPosition", "sourcePosition", "isConnectable", "selected", "businessData"]);
+    var handleStack = {};
+    handleStack[Position.Top] = [];
+    handleStack[Position.Right] = [];
+    handleStack[Position.Bottom] = [];
+    handleStack[Position.Left] = [];
+    if (handles.length > 0) {
+        handles.forEach(function (handle) {
+            if (!!handle.position) {
+                handleStack[handle.position].push(handle);
+            }
+            else if (handle.category === "configuration") {
+                handleStack[Position.Top].push(handle);
+            }
+            else {
+                if (handle.type === "target") {
+                    handleStack[targetPosition].push(handle);
+                }
+                if (handle.type === "source") {
+                    handleStack[sourcePosition].push(handle);
+                }
+            }
+        });
+    }
+    var styleExpandDimensions = {};
+    if (typeof adaptHeightForHandleMinCount !== "undefined" &&
+        (minimalShape === "none" || !!selected) &&
+        adaptSizeIncrement && (handleStack[Position.Left].length >= adaptHeightForHandleMinCount ||
+        handleStack[Position.Right].length >= adaptHeightForHandleMinCount)) {
+        var minHeightLeft = handleStack[Position.Left].length * adaptSizeIncrement;
+        var minHeightRight = handleStack[Position.Right].length * adaptSizeIncrement;
+        styleExpandDimensions["minHeight"] = Math.max(minHeightLeft, minHeightRight);
+    }
+    return (<>
+            <section {...otherProps} style={__assign(__assign({}, style), styleExpandDimensions)} className={eccgui + "-graphviz__node" +
+            (" " + eccgui + "-graphviz__node--" + size) +
+            (" " + eccgui + "-graphviz__node--minimal-" + minimalShape) +
+            (!!highlightedState ? " " + gethighlightedStateClasses(highlightedState, eccgui + "-graphviz__node") : "") +
+            (animated ? " " + eccgui + "-graphviz__node--animated" : "") +
+            (showUnconnectableHandles === false ? " " + eccgui + "-graphviz__node--hidehandles" : "")}>
+                <header className={eccgui + "-graphviz__node__header"}>
+                    {(!!iconName || !!depiction) && (<span className={eccgui + "-graphviz__node__header-depiction"}>
+                            {!!depiction && imgWithTooltip(<img src={depiction} alt=""/>, (minimalShape === "none" || selected) ? typeLabel : undefined)}
+                            {(!!iconName && !depiction) && <Icon name={iconName} tooltipText={(minimalShape === "none" || selected) ? typeLabel : undefined}/>}
+                        </span>)}
+                    <span className={eccgui + "-graphviz__node__header-label"} title={label}>
+                        {label}
+                    </span>
+                    {(menuButtons || (showExecutionButtons && executionButtons)) && (<span className={eccgui + "-graphviz__node__header-menu"}>
+                            {(showExecutionButtons && typeof executionButtons === "function") ? executionButtons() : null}
+                            {menuButtons !== null && menuButtons !== void 0 ? menuButtons : null}
+                        </span>)}
+                </header>
+                {content && (<div className={eccgui + "-graphviz__node__content"}>
+                        {content}
+                    </div>)}
+                {contentExtension && (<div className={eccgui + "-graphviz__node__footer"}>
+                        {contentExtension}
+                    </div>)}
+            </section>
+            {!!handles && (<>
+                    {addHandles(handleStack, Position.Top, "left", isConnectable, style)}
+                    {addHandles(handleStack, Position.Right, "top", isConnectable, style)}
+                    {addHandles(handleStack, Position.Bottom, "left", isConnectable, style)}
+                    {addHandles(handleStack, Position.Left, "top", isConnectable, style)}
+                </>)}
+        </>);
+};

package/dist/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/extensions/react-flow/nodes/NodeTools.js

@@ -0,0 +1,58 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.NodeTools = void 0;
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _core = require("@blueprintjs/core");
+
+var _index = require("../../../index");
+
+var _constants = require("../../../configuration/constants");
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+const NodeTools = /*#__PURE__*/(0, _react.memo)(({
+  children,
+  togglerElement = "item-moremenu",
+  togglerText = "Show more options",
+  menuButtonDataTestId,
+  ...otherOverlayProps
+}) => {
+  const [isOpened, toggleIsOpened] = (0, _react.useState)(false);
+  return /*#__PURE__*/_react.default.createElement(_index.ContextOverlay, (0, _extends2.default)({
+    defaultIsOpen: isOpened,
+    interactionKind: isOpened ? _core.PopoverInteractionKind.HOVER : _core.PopoverInteractionKind.CLICK,
+    onOpening: () => {
+      toggleIsOpened(true);
+    },
+    onClosing: () => {
+      toggleIsOpened(false);
+    }
+  }, otherOverlayProps), typeof togglerElement === "string" ? /*#__PURE__*/_react.default.createElement(_index.IconButton, {
+    "data-test-id": menuButtonDataTestId,
+    name: togglerElement,
+    text: togglerText,
+    onMouseUp: () => {
+      if (isOpened) {
+        toggleIsOpened(false);
+      }
+
+      ;
+    }
+  }) : {
+    togglerElement
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: `${_constants.CLASSPREFIX}-graphviz__nodetools__content`
+  }, children));
+});
+exports.NodeTools = NodeTools;

package/dist/extensions/react-flow/nodes/NodeTools.jsx

@@ -0,0 +1,46 @@
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+var __read = (this && this.__read) || function (o, n) {
+    var m = typeof Symbol === "function" && o[Symbol.iterator];
+    if (!m) return o;
+    var i = m.call(o), r, ar = [], e;
+    try {
+        while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
+    }
+    catch (error) { e = { error: error }; }
+    finally {
+        try {
+            if (r && !r.done && (m = i["return"])) m.call(i);
+        }
+        finally { if (e) throw e.error; }
+    }
+    return ar;
+};
+import React, { memo, useState } from "react";
+import { PopoverInteractionKind as BlueprintPopoverInteractionKind, } from "@blueprintjs/core";
+import { ContextOverlay, IconButton } from "../../../index";
+import { CLASSPREFIX as eccgui } from "../../../configuration/constants";
+export var NodeTools = memo(function (_a) {
+    var children = _a.children, _b = _a.togglerElement, togglerElement = _b === void 0 ? "item-moremenu" : _b, _c = _a.togglerText, togglerText = _c === void 0 ? "Show more options" : _c, menuButtonDataTestId = _a.menuButtonDataTestId, otherOverlayProps = __rest(_a, ["children", "togglerElement", "togglerText", "menuButtonDataTestId"]);
+    var _d = __read(useState(false), 2), isOpened = _d[0], toggleIsOpened = _d[1];
+    return (<ContextOverlay defaultIsOpen={isOpened} interactionKind={isOpened ? BlueprintPopoverInteractionKind.HOVER : BlueprintPopoverInteractionKind.CLICK} onOpening={function () { toggleIsOpened(true); }} onClosing={function () { toggleIsOpened(false); }} {...otherOverlayProps}>
+            {typeof togglerElement === "string" ? (<IconButton data-test-id={menuButtonDataTestId} name={togglerElement} text={togglerText} onMouseUp={function () {
+                if (isOpened) {
+                    toggleIsOpened(false);
+                }
+                ;
+            }}/>) : ({ togglerElement: togglerElement })}
+            <div className={eccgui + "-graphviz__nodetools__content"}>
+                {children}
+            </div>
+        </ContextOverlay>);
+});

package/dist/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/extensions/react-flow/nodes/nodeTypes.js

@@ -0,0 +1,22 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.nodeTypes = void 0;
+
+var _NodeDefault = require("./NodeDefault");
+
+const nodeTypes = {
+  default: _NodeDefault.NodeDefault,
+  graphNode: _NodeDefault.NodeDefault,
+  classNode: _NodeDefault.NodeDefault,
+  instanceNode: _NodeDefault.NodeDefault,
+  propertyNode: _NodeDefault.NodeDefault,
+  datasetNode: _NodeDefault.NodeDefault,
+  linkingNode: _NodeDefault.NodeDefault,
+  transformNode: _NodeDefault.NodeDefault,
+  taskNode: _NodeDefault.NodeDefault,
+  workflowNode: _NodeDefault.NodeDefault
+};
+exports.nodeTypes = nodeTypes;

package/dist/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";