@eccenca/gui-elements 22.0.0-rc.7 → 22.1.0-rc.1

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

@@ -1,6 +1,16 @@
-/// <reference types="react" />
-declare function HtmlContentBlock({ className, children, small, large, // currently unsupported
-muted, // currently unsupported
-disabled, // currently unsupported
-...otherProps }: any): JSX.Element;
+import React from "react";
+export interface HtmlContentBlockProps extends React.HTMLAttributes<HTMLDivElement> {
+    className?: string;
+    small?: boolean;
+    /** currently not supported */
+    large?: boolean;
+    /** currently not supported */
+    muted?: boolean;
+    /** currently not supported */
+    disabled?: boolean;
+    linebreakForced?: boolean;
+    linebreakPrevented?: boolean;
+    noScrollbarsOnChildren?: boolean;
+}
+declare function HtmlContentBlock({ className, children, small, large, muted, disabled, linebreakForced, linebreakPrevented, noScrollbarsOnChildren, ...otherProps }: HtmlContentBlockProps): JSX.Element;
 export default HtmlContentBlock;

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

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

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

@@ -0,0 +1,18 @@
+/**
+ * Copied from `react-flow` because we need to change there routing.
+ * We use the 10.2.0cversion minus commit 87d518f8b5540a91a3f9c163a2315c2de47abc31
+ * @see https://github.com/wbkd/react-flow/commit/87d518f8b5540a91a3f9c163a2315c2de47abc31
+ */
+import { Position } from "react-flow-renderer";
+export interface GetSmoothStepPathParams {
+    sourceX: number;
+    sourceY: number;
+    sourcePosition?: Position;
+    targetX: number;
+    targetY: number;
+    targetPosition?: Position;
+    borderRadius?: number;
+    centerX?: number;
+    centerY?: number;
+}
+export declare function getSmoothStepPath({ sourceX, sourceY, sourcePosition, targetX, targetY, targetPosition, borderRadius, centerX, centerY, }: GetSmoothStepPathParams): string;

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

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

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

@@ -1,4 +1,6 @@
 export { NodeDefault } from "./nodes/NodeDefault";
+export { NodeContent } from "./nodes/NodeContent";
+export { NodeContentExtension } from "./nodes/NodeContentExtension";
 export { NodeTools } from "./nodes/NodeTools";
 export { nodeTypes } from "./nodes/nodeTypes";
 export { EdgeDefault } from "./edges/EdgeDefault";
@@ -8,6 +10,8 @@ export { edgeTypes } from "./edges/edgeTypes";
 export { MiniMap } from "./minimap/MiniMap";
 export { minimapNodeClassName, minimapNodeColor } from "./minimap/utils";
 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 { EdgeDefaultProps } from "./edges/EdgeDefault";
 export type { EdgeStepProps } from "./edges/EdgeStep";

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

@@ -0,0 +1,127 @@
+import React from "react";
+import { Position } from "react-flow-renderer";
+import { ValidIconName } from "../../../components/Icon/canonicalIconNames";
+import { HandleProps } from "./../handles/HandleDefault";
+import { NodeProps } from "./NodeDefault";
+import { NodeContentExtensionProps } from "./NodeContentExtension";
+export declare type HighlightingState = "success" | "warning" | "danger" | "match" | "altmatch";
+export interface IHandleProps extends HandleProps {
+    category?: "configuration";
+}
+interface NodeContentData<CONTENT_PROPS = any> {
+    /**
+     * 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 | ((adjustedContentProps: Partial<CONTENT_PROPS>) => React.ReactNode);
+    /**
+     * Content extension, displayed at the bottom side of a node.
+     */
+    contentExtension?: React.ReactElement<NodeContentExtensionProps>;
+}
+export interface NodeContentProps<NODE_DATA, NODE_CONTENT_PROPS = any> 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?: (adjustedContentProps: Partial<NODE_CONTENT_PROPS>, setAdjustedContentProps: React.Dispatch<React.SetStateAction<Partial<NODE_CONTENT_PROPS>>>) => React.ReactElement<NODE_CONTENT_PROPS>;
+    /**
+     * 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<NODE_DATA>) => 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?: NODE_DATA;
+    /**
+     * 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;
+    /**
+     * Allow react flow wheel events, e.g. for zooming using the mouse wheel over a node.
+     * If this is allowed scrolling inside a node is not possible.
+     */
+    letPassWheelEvents?: boolean;
+}
+export declare const gethighlightedStateClasses: (state: any, baseClassName: any) => any;
+/**
+ * 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>({ iconName, depiction, typeLabel, label, showExecutionButtons, executionButtons, menuButtons, content, contentExtension, size, minimalShape, highlightedState, handles, adaptHeightForHandleMinCount, adaptSizeIncrement, getMinimalTooltipData, style, showUnconnectableHandles, animated, targetPosition, sourcePosition, isConnectable, selected, letPassWheelEvents, businessData, ...otherProps }: NodeContentProps<any>): JSX.Element;
+export {};

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

@@ -0,0 +1,34 @@
+import React from "react";
+export interface NodeContentExtensionProps extends React.HTMLAttributes<HTMLDivElement> {
+    /**
+     * When enabled the element is displayed in a way that it does not count into the node size calculation.
+     */
+    slideOutOfNode?: boolean;
+    /**
+     * Element is displayed in expanded state.
+     * If it has no `onToggle` handler property set then it is always expanded.
+     */
+    isExpanded?: boolean;
+    /**
+     * Click handler to manage the expanded state from outside the the element.
+     * This state is not managed automatically by the element itself.
+     */
+    onToggle?: (event: React.MouseEvent<HTMLElement>, isExpanded: boolean) => void;
+    /**
+     * Single element or aray of `IconButton` and `Button` elements.
+     * They will be displayed beside the closing button under the element content body.
+     */
+    actionButtons?: React.ReactNode | React.ReactNode[];
+    /**
+     * Tooltip text for expand button.
+     */
+    tooltipExpand?: string;
+    /**
+     * Tooltip text for expand button.
+     */
+    tooltipReduce?: string;
+}
+/**
+ * Displays an content area that can be attached to `NodeContent` elements.
+ */
+export declare const NodeContentExtension: ({ children, slideOutOfNode, isExpanded, onToggle, actionButtons, tooltipExpand, tooltipReduce, ...otherProps }: NodeContentExtensionProps) => JSX.Element;

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

@@ -1,133 +1,16 @@
 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 {
+import { NodeProps as ReactFlowNodeProps } from "react-flow-renderer";
+import { NodeContentProps } from "./NodeContent";
+export interface NodeProps<NODE_DATA, NODE_CONTENT_PROPS = any> extends ReactFlowNodeProps {
     /**
      * Contains all properties for our implementation of the React-Flow node.
      * For details pls see the `NodeContent` element documentation.
      */
-    data: NodeContentProps<T>;
+    data: NodeContentProps<NODE_DATA, NODE_CONTENT_PROPS>;
 }
-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

@@ -1,9 +1,16 @@
 import React from "react";
 import { IPopoverProps as IBlueprintPopoverProps } from "@blueprintjs/core";
+import { ValidIconName } from "../../../components/Icon/canonicalIconNames";
 export interface NodeToolsProps extends IBlueprintPopoverProps {
     children: string | JSX.Element;
-    togglerElement?: string | JSX.Element;
+    togglerElement?: ValidIconName | JSX.Element;
     togglerText?: string;
     menuButtonDataTestId?: string;
+    /** If defined this function will be called with the menu API object to be used externally. */
+    menuFunctionsCallback?: (menuFunctions: NodeToolsMenuFunctions) => any;
 }
-export declare const NodeTools: React.MemoExoticComponent<({ children, togglerElement, togglerText, menuButtonDataTestId, ...otherOverlayProps }: NodeToolsProps) => JSX.Element>;
+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>;

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>) => 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>;
+    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>;
 };

package/dist/types/index.d.ts

@@ -9,6 +9,9 @@ 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 HtmlContentBlock from "./components/Typography/HtmlContentBlock";
 import OverflowText from "./components/Typography/OverflowText";
 import WhiteSpaceContainer from "./components/Typography/WhiteSpaceContainer";
@@ -27,6 +30,8 @@ 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 TextField from "./components/TextField/TextField";
 import TextArea from "./components/TextField/TextArea";
 import SearchField from "./components/TextField/SearchField";
@@ -47,6 +52,7 @@ import TagList from "./components/Tag/TagList";
 import Notification from "./components/Notification/Notification";
 import Toast from "./components/Notification/Toast";
 import { Select } from "@blueprintjs/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";
@@ -75,6 +81,7 @@ import { PropertyName, PropertyValue, PropertyValuePair, PropertyValueList } fro
 import * as TypographyClassNames from "./components/Typography/classnames";
 import { ProgressBar } from "./components/ProgressBar/ProgressBar";
 import List from "./components/List/List";
+import * as LegacyReplacements from "./legacy-replacements";
 declare const HelperClasses: {
     Typography: typeof TypographyClassNames;
     Intent: {
@@ -84,9 +91,7 @@ declare const HelperClasses: {
 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 { ApplicationContainer, ApplicationHeader, ApplicationContent, ApplicationSidebarNavigation, ApplicationSidebarToggler, ApplicationTitle, ApplicationToolbar, ApplicationToolbarSection, ApplicationToolbarAction, ApplicationToolbarPanel, AutoSuggestion, AutoSuggestionList, SingleLineCodeEditor, 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, Tab, TabTitle, TextField, TextArea, SearchField, Switch, NumericInput, 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, // FIXME: CMEM-3742: include as own element
+MultiSelect, AutoCompleteField, ProgressBar, Iframe, IframeModal, Utilities, LegacyReplacements, };
 export * from "./cmem";
 export * from "./extensions/react-flow";

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

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

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

@@ -0,0 +1,5 @@
+/// <reference types="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;

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

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

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

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

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

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

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

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

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

@@ -0,0 +1,22 @@
+import React from 'react';
+import { TabsProps as BlueprintTabsProps } from "@blueprintjs/core";
+interface TabsProps extends Omit<BlueprintTabsProps, "vertical" | "onChange" | "large" | "id" | "renderActiveTabPanelOnly"> {
+    activeTab: string;
+    tabs: DeprecatedTabProps[];
+    onTabClick?: ({ props }: any) => void;
+    prefixTabNames: string;
+    allowScrollbars?: boolean;
+    /**
+    * If controlled usage is enable then a `onTabClick` handler is ncessary to control tab panel content and `activeTab` updates.
+    */
+    controlled?: boolean;
+}
+export interface DeprecatedTabProps {
+    tabId: string;
+    tabTitle: React.ReactNode;
+    tabContent?: JSX.Element;
+    dontShrink?: boolean;
+    className?: string;
+}
+export declare function TabsReplacement({ activeTab, tabs, onTabClick, controlled, prefixTabNames, className, allowScrollbars, ...restProps }: TabsProps): JSX.Element;
+export {};

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

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

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

@@ -0,0 +1,10 @@
+export { ButtonReplacement as Button } from "./Button/Button";
+export { AffirmativeButtonReplacement as AffirmativeButton } from "./Button/AffirmativeButton";
+export { DismissiveButtonReplacement as DismissiveButton } from "./Button/DismissiveButton";
+export { DisruptiveButtonReplacement as DisruptiveButton } from "./Button/DisruptiveButton";
+export { ButtonReplacement as ProgressButton } from "./Button/Button";
+export { CheckboxReplacement as Checkbox } from "./Checkbox/Checkbox";
+export { RadioButtonReplacement as Radio } from "./Radio/RadioButton";
+export { TabsReplacement as Tabs } from "./Tabs/Tabs";
+export { TextFieldReplacement as TextField } from "./TextField/TextField";
+export type { DeprecatedTabProps } from "./Tabs/Tabs";