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

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

@@ -1,16 +1,16 @@
 /// <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>;
-    success: import("react").MemoExoticComponent<(edge: import("./EdgeDefault").EdgeDefaultProps) => JSX.Element>;
-    warning: import("react").MemoExoticComponent<(edge: import("./EdgeDefault").EdgeDefaultProps) => JSX.Element>;
-    danger: import("react").MemoExoticComponent<(edge: import("./EdgeDefault").EdgeDefaultProps) => JSX.Element>;
-    implicit: import("react").MemoExoticComponent<(edge: import("./EdgeDefault").EdgeDefaultProps) => JSX.Element>;
-    import: import("react").MemoExoticComponent<(edge: import("./EdgeDefault").EdgeDefaultProps) => JSX.Element>;
-    subclass: import("react").MemoExoticComponent<(edge: import("./EdgeDefault").EdgeDefaultProps) => JSX.Element>;
-    subproperty: import("react").MemoExoticComponent<(edge: import("./EdgeDefault").EdgeDefaultProps) => JSX.Element>;
-    rdftype: import("react").MemoExoticComponent<(edge: import("./EdgeDefault").EdgeDefaultProps) => JSX.Element>;
-    value: import("react").MemoExoticComponent<(edge: import("./EdgeStep").EdgeStepProps) => JSX.Element>;
-    score: import("react").MemoExoticComponent<(edge: import("./EdgeStep").EdgeStepProps) => JSX.Element>;
+    default: import("react").MemoExoticComponent<(edge: import("./EdgeDefault").EdgeDefaultProps) => import("react").JSX.Element>;
+    straight: import("react").MemoExoticComponent<(edge: import("./EdgeDefault").EdgeDefaultProps) => import("react").JSX.Element>;
+    step: import("react").MemoExoticComponent<(edge: import("./EdgeStep").EdgeStepProps) => import("react").JSX.Element>;
+    success: import("react").MemoExoticComponent<(edge: import("./EdgeDefault").EdgeDefaultProps) => import("react").JSX.Element>;
+    warning: import("react").MemoExoticComponent<(edge: import("./EdgeDefault").EdgeDefaultProps) => import("react").JSX.Element>;
+    danger: import("react").MemoExoticComponent<(edge: import("./EdgeDefault").EdgeDefaultProps) => import("react").JSX.Element>;
+    implicit: import("react").MemoExoticComponent<(edge: import("./EdgeDefault").EdgeDefaultProps) => import("react").JSX.Element>;
+    import: import("react").MemoExoticComponent<(edge: import("./EdgeDefault").EdgeDefaultProps) => import("react").JSX.Element>;
+    subclass: import("react").MemoExoticComponent<(edge: import("./EdgeDefault").EdgeDefaultProps) => import("react").JSX.Element>;
+    subproperty: import("react").MemoExoticComponent<(edge: import("./EdgeDefault").EdgeDefaultProps) => import("react").JSX.Element>;
+    rdftype: import("react").MemoExoticComponent<(edge: import("./EdgeDefault").EdgeDefaultProps) => import("react").JSX.Element>;
+    value: import("react").MemoExoticComponent<(edge: import("./EdgeStep").EdgeStepProps) => import("react").JSX.Element>;
+    score: import("react").MemoExoticComponent<(edge: import("./EdgeStep").EdgeStepProps) => import("react").JSX.Element>;
 };

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

@@ -6,4 +6,4 @@ export interface HandleContentProps {
      */
     extendedTooltip?: JSX.Element | string;
 }
-export declare const HandleContent: React.MemoExoticComponent<({ children, extendedTooltip }: HandleContentProps) => JSX.Element>;
+export declare const HandleContent: React.MemoExoticComponent<({ children, extendedTooltip }: HandleContentProps) => React.JSX.Element>;

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

@@ -19,5 +19,6 @@ export interface HandleProps extends HandleExtensionProps, ReactFlowHandleLegacy
 }
 export interface HandleNextProps extends HandleExtensionProps, ReactFlowHandleNextProps {
 }
-export declare const HandleDefault: React.MemoExoticComponent<({ flowVersion, data, tooltip, children, ...handleProps }: HandleProps | HandleNextProps) => JSX.Element>;
+export declare type HandleDefaultProps = HandleProps | HandleNextProps;
+export declare const HandleDefault: React.MemoExoticComponent<({ flowVersion, data, tooltip, children, ...handleProps }: HandleDefaultProps) => React.JSX.Element>;
 export {};

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

@@ -1,22 +1,30 @@
-export { NodeDefault } from "./nodes/NodeDefault";
-export { NodeContent } from "./nodes/NodeContent";
-export { NodeContentExtension } from "./nodes/NodeContentExtension";
-export { NodeTools } from "./nodes/NodeTools";
+/// <reference types="react" />
+export * from "./nodes/NodeDefault";
+export * from "./nodes/NodeContent";
+export * from "./nodes/NodeContentExtension";
+export * from "./nodes/NodeTools";
+export * from "./nodes/nodeUtils";
+export * from "./handles/HandleDefault";
+export * from "./edges/EdgeDefault";
+export * from "./edges/EdgeStep";
+export * from "./edges/EdgeTools";
+export * from "./edges/EdgeLabel";
+export * from "./markers/ReactFlowMarkers";
+export * from "./minimap/MiniMap";
+export * from "./minimap/utils";
 export { nodeTypes } from "./nodes/nodeTypes";
-export { EdgeStep } from "./edges/EdgeStep";
-export { EdgeTools } from "./edges/EdgeTools";
 export { edgeTypes } from "./edges/edgeTypes";
-export * from "./edges/EdgeLabel";
-export { MarkerArrowClosedInverse } from "./markers/MarkerArrowClosedInverse";
-export { ReactFlowMarkers } from "./markers/ReactFlowMarkers";
-export { MiniMap } from "./minimap/MiniMap";
-export { minimapNodeClassName, minimapNodeColor } from "./minimap/utils";
-export { default as nodeUtils } from "./nodes/nodeUtils";
-export type { NodeProps } from "./nodes/NodeDefault";
-export type { NodeContentProps } from "./nodes/NodeContent";
-export type { NodeContentExtensionProps } from "./nodes/NodeContentExtension";
-export type { NodeToolsProps } from "./nodes/NodeTools";
-export type { EdgeStepProps } from "./edges/EdgeStep";
-export type { MiniMapProps } from "./minimap/MiniMap";
-export * from "./edges/EdgeDefault";
-export * from "./handles/HandleDefault";
+declare const minimapNodeClassName: (node: any) => string;
+declare const minimapNodeColor: (node: any) => any;
+export { minimapNodeClassName, minimapNodeColor };
+declare const nodeUtils: {
+    generateStyleWithColor: (color: string) => import("react").CSSProperties;
+    transformNodeToStickyNode: (node: import("react-flow-renderer").Node<any>) => {
+        id: string;
+        content: string;
+        color: string;
+        position: number[];
+        dimension: number[];
+    };
+};
+export { nodeUtils };

package/dist/types/extensions/react-flow/markers/ReactFlowMarkers.d.ts

@@ -1,2 +1,4 @@
 import { FC } from "react";
-export declare const ReactFlowMarkers: FC;
+import { MarkerArrowClosedInverse } from "./MarkerArrowClosedInverse";
+declare const ReactFlowMarkers: FC;
+export { MarkerArrowClosedInverse, ReactFlowMarkers };

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

@@ -5,4 +5,4 @@ export interface MiniMapProps extends ReactFlowMiniMapProps {
     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, nodeClassName, nodeColor, nodeStrokeColor, ...minimapProps }: MiniMapProps) => JSX.Element>;
+export declare const MiniMap: React.MemoExoticComponent<({ flowInstance, enableNavigation, maskColor, nodeClassName, nodeColor, nodeStrokeColor, ...minimapProps }: MiniMapProps) => React.JSX.Element>;

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

@@ -1,3 +1,5 @@
-export declare const minimapNodeClassName: (node: any) => string;
-export declare const minimapNodeColor: (node: any) => any;
-export declare const minimapBorderColor: (node: any) => any;
+export declare const miniMapUtils: {
+    nodeClassName: (node: any) => string;
+    nodeColor: (node: any) => any;
+    borderColor: (node: any) => any;
+};

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

@@ -1,5 +1,4 @@
 import React from "react";
-import Color from "color";
 import { Position } from "react-flow-renderer";
 import { ValidIconName } from "../../../components/Icon/canonicalIconNames";
 import { DepictionProps } from "../../../components/Depiction/Depiction";
@@ -8,14 +7,16 @@ import { ReacFlowVersionSupportProps } from "../versionsupport";
 import { HandleProps, HandleNextProps } from "./../handles/HandleDefault";
 import { NodeProps } from "./NodeDefault";
 import { NodeContentExtensionProps } from "./NodeContentExtension";
-export declare type HighlightingState = "success" | "warning" | "danger" | "match" | "altmatch";
-export declare type NodeHighlightColor = "default" | "alternate" | Color | string;
-export interface IHandleProps extends HandleProps {
+import { HighlightingState, NodeHighlightColor } from "./sharedTypes";
+export type { HighlightingState };
+interface NodeContentHandleLegacyProps extends HandleProps {
     category?: "configuration";
 }
+export declare type IHandleProps = NodeContentHandleLegacyProps;
 interface NodeContentHandleNextProps extends HandleNextProps {
     category?: "configuration";
 }
+export declare type NodeContentHandleProps = NodeContentHandleLegacyProps | NodeContentHandleNextProps;
 export declare type NodeDimensions = {
     width: number;
     height: number;
@@ -56,7 +57,7 @@ interface NodeContentData<CONTENT_PROPS = any> {
      */
     footerContent?: React.ReactNode;
 }
-export interface NodeContentProps<NODE_DATA, NODE_CONTENT_PROPS = any> extends NodeContentData, ReacFlowVersionSupportProps, React.HTMLAttributes<HTMLDivElement> {
+export interface NodeContentProps<NODE_DATA, NODE_CONTENT_PROPS = any> extends NodeContentData, ReacFlowVersionSupportProps, Omit<React.HTMLAttributes<HTMLDivElement>, "content"> {
     /**
      * Size of the node.
      * If `minimalShape` is not set to `none`then the configured size definition is only used for the selected node state.
@@ -119,7 +120,7 @@ export interface NodeContentProps<NODE_DATA, NODE_CONTENT_PROPS = any> extends N
      * 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[] | NodeContentHandleNextProps[];
+    handles?: NodeContentHandleLegacyProps[] | NodeContentHandleNextProps[];
     /**
      * 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.
      */
@@ -177,14 +178,15 @@ export interface NodeContentProps<NODE_DATA, NODE_CONTENT_PROPS = any> extends N
      */
     nodeDimensions?: NodeDimensions;
 }
-export declare const gethighlightedStateClasses: (state: HighlightingState | HighlightingState[], baseClassName: string) => string;
 /**
  * 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 function NodeContent<CONTENT_PROPS = any>({ flowVersion, iconName, depiction, leftElement, typeLabel, label, labelSubline, enlargeHeader, fullWidth, showExecutionButtons, executionButtons, menuButtons, content, contentExtension, footerContent, size, minimalShape, highlightedState, intent, border, highlightColor, adaptHeightForHandleMinCount, adaptSizeIncrement, getMinimalTooltipData, style, showUnconnectableHandles, animated, onNodeResize, nodeDimensions, targetPosition, sourcePosition, isConnectable, selected, letPassWheelEvents, businessData, ...otherDomProps }: NodeContentProps<any>): JSX.Element;
-export declare const evaluateHighlightColors: (baseCustomProperty: string, highlightColor?: NodeHighlightColor | NodeHighlightColor[] | undefined) => {
-    highlightClassNameSuffix: string[];
-    highlightCustomPropertySettings: React.CSSProperties;
+export declare function NodeContent<CONTENT_PROPS = any>({ flowVersion, iconName, depiction, leftElement, typeLabel, label, labelSubline, enlargeHeader, fullWidth, showExecutionButtons, executionButtons, menuButtons, content, contentExtension, footerContent, size, minimalShape, highlightedState, intent, border, highlightColor, adaptHeightForHandleMinCount, adaptSizeIncrement, getMinimalTooltipData, style, showUnconnectableHandles, animated, onNodeResize, nodeDimensions, targetPosition, sourcePosition, isConnectable, selected, letPassWheelEvents, businessData, ...otherDomProps }: NodeContentProps<any>): React.JSX.Element;
+export declare const nodeContentUtils: {
+    evaluateHighlightColors: (baseCustomProperty: string, highlightColor?: NodeHighlightColor | NodeHighlightColor[] | undefined) => {
+        highlightClassNameSuffix: string[];
+        highlightCustomPropertySettings: React.CSSProperties;
+    };
+    gethighlightedStateClasses: (state: HighlightingState | HighlightingState[], baseClassName: string) => string;
 };
-export {};

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

@@ -31,4 +31,4 @@ export interface NodeContentExtensionProps extends React.HTMLAttributes<HTMLDivE
 /**
  * Displays an content area that can be attached to `NodeContent` elements.
  */
-export declare const NodeContentExtension: ({ children, slideOutOfNode, isExpanded, setExpanded, actionButtons, tooltipExpand, tooltipReduce, ...otherProps }: NodeContentExtensionProps) => JSX.Element;
+export declare const NodeContentExtension: ({ children, slideOutOfNode, isExpanded, setExpanded, actionButtons, tooltipExpand, tooltipReduce, ...otherProps }: NodeContentExtensionProps) => React.JSX.Element;

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

@@ -2,16 +2,18 @@ import React from "react";
 import { NodeProps as ReactFlowNodeProps } from "react-flow-renderer";
 import { NodeContentProps } from "./NodeContent";
 import { ReacFlowVersionSupportProps } from "../versionsupport";
-export interface NodeProps<NODE_DATA, NODE_CONTENT_PROPS = any> extends ReacFlowVersionSupportProps, ReactFlowNodeProps {
+export interface NodeDefaultProps<NODE_DATA, NODE_CONTENT_PROPS = any> extends ReacFlowVersionSupportProps, ReactFlowNodeProps {
     /**
      * Contains all properties for our implementation of the React-Flow node.
      * For details pls see the `NodeContent` element documentation.
      */
     data: NodeContentProps<NODE_DATA, NODE_CONTENT_PROPS>;
 }
+export declare type NodeProps<NODE_DATA, NODE_CONTENT_PROPS = any> = NodeDefaultProps<NODE_DATA, NODE_CONTENT_PROPS>;
 /**
  * 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>;
+export declare const NodeDefault: React.MemoExoticComponent<(node: NodeDefaultProps<any>) => React.JSX.Element>;
+export default NodeDefault;

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

@@ -1,6 +1,10 @@
 import React from "react";
 import { ContextOverlayProps } from "./../../../components/ContextOverlay/ContextOverlay";
 import { ValidIconName } from "../../../components/Icon/canonicalIconNames";
+export interface NodeToolsMenuFunctions {
+    /** Closes the menu if its open. */
+    closeMenu: () => void;
+}
 export interface NodeToolsProps extends Omit<ContextOverlayProps, "children"> {
     children: string | JSX.Element;
     togglerElement?: ValidIconName | JSX.Element;
@@ -9,8 +13,4 @@ export interface NodeToolsProps extends Omit<ContextOverlayProps, "children"> {
     /** If defined this function will be called with the menu API object to be used externally. */
     menuFunctionsCallback?: (menuFunctions: NodeToolsMenuFunctions) => any;
 }
-export interface NodeToolsMenuFunctions {
-    /** Closes the menu if its open. */
-    closeMenu: () => void;
-}
-export declare const NodeTools: React.MemoExoticComponent<({ children, togglerElement, togglerText, menuButtonDataTestId, menuFunctionsCallback, ...otherOverlayProps }: NodeToolsProps) => JSX.Element>;
+export declare const NodeTools: React.MemoExoticComponent<({ children, togglerElement, togglerText, menuButtonDataTestId, menuFunctionsCallback, ...otherOverlayProps }: NodeToolsProps) => React.JSX.Element>;

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

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

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

@@ -1,14 +1,14 @@
 import { CSSProperties } from "react";
 import { Node } from "react-flow-renderer";
-interface IStickyNote {
+declare type IStickyNote = {
     id: string;
     content: string;
     color: string;
     position: number[];
     dimension: number[];
-}
-declare const utils: {
+};
+export declare const nodeDefaultUtils: {
     generateStyleWithColor: (color: string) => CSSProperties;
     transformNodeToStickyNode: (node: Node<any>) => IStickyNote;
 };
-export default utils;
+export default nodeDefaultUtils;

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

@@ -0,0 +1,3 @@
+import Color from "color";
+export declare type HighlightingState = "success" | "warning" | "danger" | "match" | "altmatch";
+export declare type NodeHighlightColor = "default" | "alternate" | Color | string;

package/dist/types/index.d.ts

@@ -1,92 +1,19 @@
-/// <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 AutoSuggestion from "./components/AutoSuggestion/AutoSuggestion";
-import { AutoSuggestionList } from "./components/AutoSuggestion/AutoSuggestionList";
-import SingleLineCodeEditor from "./components/AutoSuggestion/SingleLineCodeEditor";
-import Grid from "./components/Grid/Grid";
-import GridRow from "./components/Grid/GridRow";
-import GridColumn from "./components/Grid/GridColumn";
-import { HoverToggler } from "./components/HoverToggler/HoverToggler";
-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 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 Tab from "./components/Tabs/Tab";
-import TabTitle from "./components/Tabs/TabTitle";
-import TabPanel from "./components/Tabs/TabPanel";
-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 Notification from "./components/Notification/Notification";
-import Toast from "./components/Notification/Toast";
-import Select from "./components/Select/Select";
-import MultiSelect from "./components/MultiSelect/MultiSelect";
-import { Iframe } from "./components/Iframe/Iframe";
-import { IframeModal } from "./components/Iframe/IframeModal";
-import { OverviewItem, OverviewItemActions, OverviewItemDepiction, OverviewItemDescription, OverviewItemLine, OverviewItemList } from "./components/OverviewItem";
-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 InteractionGate from "./components/InteractionGate/InteractionGate";
-import { PropertyName, PropertyValue, PropertyValuePair, PropertyValueList } from "./components/PropertyValuePair";
-import List from "./components/List/List";
-import * as LegacyReplacements from "./legacy-replacements";
 import * as TypographyClassNames from "./components/Typography/classnames";
-declare const HelperClasses: {
+import * as LegacyReplacements from "./legacy-replacements";
+declare const ClassNames: {
     Typography: typeof TypographyClassNames;
     Intent: {
         [key: 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;
-    decideContrastColorValue: ({ testColor, lightColor, darkColor }: import("./common/utils/colorDecideContrastvalue").decideContrastColorValueProps) => string;
+declare const HelperClasses: {
+    Typography: typeof TypographyClassNames;
+    Intent: {
+        [key: string]: string;
+    };
 };
-export { ApplicationContainer, ApplicationHeader, ApplicationContent, ApplicationSidebarNavigation, ApplicationSidebarToggler, ApplicationTitle, ApplicationToolbar, ApplicationToolbarSection, ApplicationToolbarAction, ApplicationToolbarPanel, AutoSuggestion, AutoSuggestionList, SingleLineCodeEditor, Grid, GridRow, GridColumn, List, WorkspaceContent, WorkspaceMain, WorkspaceSide, WorkspaceHeader, Menu, MenuItem, MenuDivider, ContextOverlay, ContextMenu, OverviewItem, OverviewItemDepiction, OverviewItemDescription, OverviewItemLine, OverviewItemActions, OverviewItemList, IconButton, Label, Button, Checkbox, RadioButton, Tabs, Tab, TabTitle, TabPanel, TextField, TextArea, SearchField, Switch, NumericInput, FieldItem, FieldItemRow, FieldSet, BreadcrumbList, BreadcrumbItem, Modal, SimpleDialog, AlertDialog, Card, CardHeader, CardTitle, CardOptions, CardContent, CardActions, CardActionsAux, HoverToggler, Spacing, Divider, Tooltip, Section, SectionHeader, TitlePage, TitleMainsection, TitleSubsection, Accordion, AccordionItem, Toolbar, ToolbarSection, Pagination, Notification, Link, Spinner, InteractionGate, PropertyName, PropertyValue, PropertyValuePair, PropertyValueList, Toast, HelperClasses, Select, MultiSelect, AutoCompleteField, Iframe, IframeModal, Utilities, LegacyReplacements, };
+export * from "./common";
 export * from "./components";
 export * from "./extensions";
 export * from "./cmem";
+export { ClassNames, HelperClasses, LegacyReplacements, };

package/dist/types/legacy-replacements/Button/AffirmativeButton.d.ts

@@ -1,2 +1,2 @@
-/// <reference types="react" />
-export declare function AffirmativeButtonReplacement({ children, ...otherProps }: any): JSX.Element;
+import React from 'react';
+export declare function AffirmativeButtonReplacement({ children, ...otherProps }: any): React.JSX.Element;

package/dist/types/legacy-replacements/Button/Button.d.ts

@@ -1,5 +1,5 @@
-/// <reference types="react" />
+import React from 'react';
 export declare const iconMappings: {
     [key: string]: any;
 };
-export declare function ButtonReplacement({ children, className, fabSize, iconName, tooltip, progress, disabled, affirmative, dismissive, disruptive, raised, colored, ...otherProps }: any): JSX.Element;
+export declare function ButtonReplacement({ children, className, fabSize, iconName, tooltip, progress, disabled, affirmative, dismissive, disruptive, raised, colored, ...otherProps }: any): React.JSX.Element;

package/dist/types/legacy-replacements/Button/DismissiveButton.d.ts

@@ -1,2 +1,2 @@
-/// <reference types="react" />
-export declare function DismissiveButtonReplacement({ children, ...otherProps }: any): JSX.Element;
+import React from 'react';
+export declare function DismissiveButtonReplacement({ children, ...otherProps }: any): React.JSX.Element;

package/dist/types/legacy-replacements/Button/DisruptiveButton.d.ts

@@ -1,2 +1,2 @@
-/// <reference types="react" />
-export declare function DisruptiveButtonReplacement({ children, ...otherProps }: any): JSX.Element;
+import React from 'react';
+export declare function DisruptiveButtonReplacement({ children, ...otherProps }: any): React.JSX.Element;

package/dist/types/legacy-replacements/Checkbox/Checkbox.d.ts

@@ -1,2 +1,2 @@
-/// <reference types="react" />
-export declare function CheckboxReplacement({ children, checked, className, disabled, label, onChange, ...otherProps }: any): JSX.Element;
+import React from 'react';
+export declare function CheckboxReplacement({ children, checked, className, disabled, label, onChange, ...otherProps }: any): React.JSX.Element;

package/dist/types/legacy-replacements/Radio/RadioButton.d.ts

@@ -1,2 +1,2 @@
-/// <reference types="react" />
-export declare function RadioButtonReplacement({ children, label, ...otherProps }: any): JSX.Element;
+import React from 'react';
+export declare function RadioButtonReplacement({ children, label, ...otherProps }: any): React.JSX.Element;

package/dist/types/legacy-replacements/Tabs/Tabs.d.ts

@@ -18,5 +18,5 @@ export interface DeprecatedTabProps {
     dontShrink?: boolean;
     className?: string;
 }
-export declare function TabsReplacement({ activeTab, tabs, onTabClick, controlled, prefixTabNames, className, allowScrollbars, ...restProps }: TabsProps): JSX.Element;
+export declare function TabsReplacement({ activeTab, tabs, onTabClick, controlled, prefixTabNames, className, allowScrollbars, ...restProps }: TabsProps): React.JSX.Element;
 export {};

package/dist/types/legacy-replacements/TextField/TextField.d.ts

@@ -1,2 +1,2 @@
-/// <reference types="react" />
-export declare function TextFieldReplacement({ className, disabled, error, inputClassName, label, multiline, onChange, onClearValue, required, stretch, value, ...otherProps }: any): JSX.Element;
+import React from 'react';
+export declare function TextFieldReplacement({ className, disabled, error, inputClassName, label, multiline, onChange, onClearValue, required, stretch, value, ...otherProps }: any): React.JSX.Element;