@eccenca/gui-elements 23.1.0-rc.2 → 23.1.0-rc.3

package/dist/types/cmem/ConfidenceValue/ConfidenceValue.d.ts

@@ -0,0 +1,46 @@
+import React from "react";
+import Color from "color";
+import { TagProps } from "./../../components/Tag";
+import { ProgressBarProps } from "./../../components/ProgressBar";
+export interface ConfidenceValueProps extends Omit<React.HTMLAttributes<HTMLSpanElement>, "children"> {
+    /**
+     * Confidence value.
+     */
+    value: number;
+    /**
+     * Minimal border for the confidence range.
+     */
+    minValue?: number;
+    /**
+     * Center (or average) value of the confidence range.
+     */
+    centerValue?: number;
+    /**
+     * Maximum border for the confidence range.
+     */
+    maxValue?: number;
+    /**
+     * Color of the confidence bar.
+     * By default it is colorized red for values below the `centerValue`, otherwise green.
+     */
+    barColor?: Color | string;
+    /**
+     * The value is displayed by a bar.
+     * This confidence bar can be start from the left or right side, or from the center of the element.
+     */
+    barStart?: "side" | "center";
+    /**
+     * What width is used to display the lement.
+     * It could use the `minimal` necessary space, the `maximal` available space, or a `static` width.
+     */
+    spaceUsage?: "minimal" | "static" | "maximal";
+    /**
+     * Additional properties for the `<Tag/>` element that is used to display the confidence value.
+     */
+    tagProps?: Omit<TagProps, "className">;
+    /**
+     * Additional properties for the `<PRogressBar/>` element that is used to display the confidence bar.
+     */
+    progressBarProps?: Omit<ProgressBarProps, "className">;
+}
+export declare function ConfidenceValue({ className, value, minValue, maxValue, centerValue, barColor, barStart, spaceUsage, tagProps, progressBarProps, ...otherProps }: ConfidenceValueProps): JSX.Element;

package/dist/types/cmem/ConfidenceValue/index.d.ts

@@ -0,0 +1 @@
+export * from "./ConfidenceValue";

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

@@ -9,3 +9,4 @@ export { Markdown } from "./markdown/Markdown";
 export { ReactFlow } from "./react-flow/ReactFlow/ReactFlow";
 export { StickyNoteModal } from "./react-flow/StickyNoteModal/StickyNoteModal";
 export type { IActivityStatus, ActivityAction, IActivityControlLayoutProps, TimeUnits, };
+export * from "./ConfidenceValue";

package/dist/types/cmem/markdown/Markdown.d.ts

@@ -26,6 +26,11 @@ export interface MarkdownParserProps extends TestableComponent {
      * @see https://github.com/remarkjs/react-markdown#architecture
      */
     reHypePlugins?: PluggableList;
+    /**
+     * Name for browser target where links withing the Markdown content are opened.
+     * Set to `false` to disable this feature.
+     */
+    linkTargetName?: false | string;
 }
 /** Renders a markdown string. */
-export declare const Markdown: ({ children, allowHtml, removeMarkup, inheritBlock, allowedElements, reHypePlugins, ...otherProps }: MarkdownParserProps) => JSX.Element;
+export declare const Markdown: ({ children, allowHtml, removeMarkup, inheritBlock, allowedElements, reHypePlugins, linkTargetName, ...otherProps }: MarkdownParserProps) => JSX.Element;

package/dist/types/common/Intent/index.d.ts

@@ -1,4 +1,4 @@
-export declare type IntentTypes = "neutral" | "primary" | "accent" | "info" | "success" | "warning" | "danger";
+export declare type IntentTypes = "none" | "neutral" | "primary" | "accent" | "info" | "success" | "warning" | "danger";
 export declare const Definitions: {
     [key: string]: IntentTypes;
 };

package/dist/types/common/utils/CssCustomProperties.d.ts

@@ -22,7 +22,7 @@ export default class CssCustomProperties {
     static listLocalStylesheets: () => CSSStyleSheet[];
     static listLocalCssRules: () => CSSRule[];
     static listLocalCssStyleRules: (filter?: getLocalCssStyleRulesProps) => AllowedCSSRule[];
-    static listLocalCssStyleRuleProperties: (filter?: getLocalCssStyleRulePropertiesProps) => string[][];
+    static listLocalCssStyleRuleProperties: (filter?: getLocalCssStyleRulePropertiesProps) => any[][];
     static listCustomProperties: (props?: getCustomPropertiesProps) => any;
 }
 export {};

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

@@ -19,10 +19,14 @@ export interface CardProps extends BlueprintCardProps {
      * Property value defined which part of the card is always scrolled in, this may important when the card is larger than the viewport.
      */
     scrollinOnFocus?: "start" | "center" | "end";
+    /**
+     * Controls how much whitespace is displayed within the card subelements.
+     */
+    whitespaceAmount?: "none" | "small" | "medium" | "large";
 }
 /**
  * Element to separate content sections from each other.
  * Cards can include other cards but should not.
  */
-declare function Card({ children, className, elevation, isOnlyLayout, fullHeight, elevated, scrollinOnFocus, interactive, ...otherProps }: CardProps): JSX.Element;
+declare function Card({ children, className, elevation, isOnlyLayout, fullHeight, elevated, scrollinOnFocus, whitespaceAmount, interactive, ...otherProps }: CardProps): JSX.Element;
 export default Card;

package/dist/types/components/Card/CardContent.d.ts

@@ -1,9 +1,15 @@
 import React from 'react';
 export interface CardContentProps extends React.HTMLAttributes<HTMLDivElement> {
+    /**
+     * Usually `CardContent` uses all the remaining space inside a card.
+     * This behaviour can be changed by this option, so that the content section is not vertically grown or shrinked.
+     * You may use this then you have multiple content sections in one card but not all those sections should be grown or shrinked regarding the remaining space.
+     */
+    noFlexHeight?: boolean;
 }
 /**
  * Holds the card content.
  * Display scrollbars in case there is not enough space for it.
  */
-declare function CardContent({ children, className, ...otherProps }: CardContentProps): JSX.Element;
+declare function CardContent({ children, className, noFlexHeight, ...otherProps }: CardContentProps): JSX.Element;
 export default CardContent;

package/dist/types/components/Card/CardHeader.d.ts

@@ -1,7 +1,15 @@
 /// <reference types="react" />
 import { OverviewItemProps } from "./../OverviewItem/OverviewItem";
-interface CardHeaderProps extends OverviewItemProps {
+interface CardHeaderProps extends Omit<OverviewItemProps, "densityHigh" | "hasSpacing"> {
     children: JSX.Element | (JSX.Element | undefined | null)[] | null | undefined;
+    /**
+     * @deprecated
+     */
+    densityHigh?: OverviewItemProps["densityHigh"];
+    /**
+     * @deprecated
+     */
+    hasSpacing?: OverviewItemProps["hasSpacing"];
 }
 declare function CardHeader({ children, className, densityHigh, ...otherProps }: CardHeaderProps): JSX.Element;
 export default CardHeader;

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

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import { GridDefaultProps } from "carbon-components-react";
-interface GridProps extends Omit<GridDefaultProps, "fullWidth"> {
+interface GridProps extends Omit<GridDefaultProps, "fullWidth" | "columns" | "narrow"> {
     /**
      * The available grid height can be distributed between multiple rows.
      * To do so the `verticalStretched` property must be set for the `<GridRow />` element that need to be stretched.

package/dist/types/components/Grid/GridColumn.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import { ColumnDefaultProps } from "carbon-components-react";
-interface GridColumnProps extends ColumnDefaultProps {
+interface GridColumnProps extends Omit<ColumnDefaultProps, "max" | "xlg" | "lg" | "md" | "sm"> {
     /**
      * Column width is small, using 3 (or 2, on medium viewports) parts out of 16.
      * This boolean property is basically a quick switch for setting `{ md:2, lg:3 }`.

package/dist/types/components/Grid/GridRow.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import { RowDefaultProps } from "carbon-components-react";
-interface GridRowProps extends RowDefaultProps {
+interface GridRowProps extends Omit<RowDefaultProps, "narrow"> {
     /**
      * Do not wrap column children when there is not enough space available.
      * This only works for grids on medium sized and larger viewports.

package/dist/types/components/Icon/IconButton.d.ts

@@ -2,7 +2,7 @@ import React from "react";
 import { ButtonProps, AnchorOrButtonProps } from "../Button/Button";
 import { TestIconProps } from "./TestIcon";
 import { ValidIconName } from "./canonicalIconNames";
-interface IconButtonProps extends Omit<ButtonProps, "icon" | "rightIcon" | "text" | "minimal" | "tooltip"> {
+export interface IconButtonProps extends Omit<ButtonProps, "icon" | "rightIcon" | "text" | "minimal" | "tooltip"> {
     /**
      * Canonical icon name, or an array of strings.
      * In case of the array the first valid icon name is used.

package/dist/types/components/Icon/canonicalIconNames.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 import { IconProps as CarbonIconProps } from "carbon-components-react";
 /** Valid icon names. */
-export declare type ValidIconName = "application-activities" | "application-dataintegration" | "application-explore" | "application-homepage" | "application-legacygui" | "application-mapping" | "application-queries" | "application-useraccount" | "application-vocabularies" | "application-warning" | "artefact-commit" | "artefact-customtask" | "artefact-dataset" | "artefact-dataset-csv" | "artefact-dataset-eccencadataplatform" | "artefact-dataset-excel" | "artefact-dataset-file" | "artefact-dataset-jdbc" | "artefact-dataset-json" | "artefact-dataset-multicsv" | "artefact-dataset-neo4j" | "artefact-dataset-sparkview" | "artefact-dataset-sparqlendpoint" | "artefact-dataset-sqlendpoint" | "artefact-dataset-xml" | "artefact-deprecated" | "artefact-embedded" | "artefact-errorlog" | "artefact-file" | "artefact-linking" | "artefact-project" | "artefact-rawdata" | "artefact-remote" | "artefact-report" | "artefact-task" | "artefact-transform" | "artefact-uncategorized" | "artefact-workflow" | "data-sourcepath" | "data-targetpath" | "item-add-artefact" | "item-clone" | "item-comment" | "item-copy" | "item-download" | "item-draggable" | "item-edit" | "item-evaluation" | "item-execution" | "item-info" | "item-launch" | "item-moremenu" | "item-question" | "item-reload" | "item-remove" | "item-reset" | "item-save" | "item-settings" | "item-shuffle" | "item-start" | "item-stop" | "item-upload" | "item-vertmenu" | "item-viewdetails" | "list-sort" | "list-sortasc" | "list-sortdesc" | "module-accesscontrol" | "module-annotation" | "module-dashboard" | "module-gdprsearch" | "module-integrations" | "module-linkedrules" | "module-reports" | "module-search" | "module-thesauri" | "module-timetracker" | "module-visualization" | "navigation-back" | "navigation-close" | "navigation-first" | "navigation-forth" | "navigation-jump" | "navigation-last" | "navigation-next" | "navigation-previous" | "operation-aggregation" | "operation-autolayout" | "operation-clear" | "operation-commit" | "operation-comparison" | "operation-filter" | "operation-filteredit" | "operation-link" | "operation-logout" | "operation-redo" | "operation-search" | "operation-sharelink" | "operation-transform" | "operation-undo" | "operation-unlink" | "state-checked" | "state-checkedsimple" | "state-confirmed" | "state-danger" | "state-declined" | "state-info" | "state-partlychecked" | "state-protected" | "state-success" | "state-unchecked" | "state-warning" | "toggler-caret" | "toggler-maximize" | "toggler-minimize" | "toggler-moveleft" | "toggler-moveright" | "toggler-showless" | "toggler-showmore" | "toggler-star-empty" | "toggler-star-filled" | "toggler-tree" | "undefined";
+export declare type ValidIconName = "application-activities" | "application-dataintegration" | "application-explore" | "application-homepage" | "application-legacygui" | "application-mapping" | "application-queries" | "application-useraccount" | "application-vocabularies" | "application-warning" | "artefact-commit" | "artefact-customtask" | "artefact-dataset" | "artefact-dataset-csv" | "artefact-dataset-eccencadataplatform" | "artefact-dataset-excel" | "artefact-dataset-file" | "artefact-dataset-jdbc" | "artefact-dataset-json" | "artefact-dataset-multicsv" | "artefact-dataset-neo4j" | "artefact-dataset-sparkview" | "artefact-dataset-sparqlendpoint" | "artefact-dataset-sqlendpoint" | "artefact-dataset-xml" | "artefact-deprecated" | "artefact-embedded" | "artefact-errorlog" | "artefact-file" | "artefact-linking" | "artefact-project" | "artefact-rawdata" | "artefact-remote" | "artefact-report" | "artefact-task" | "artefact-transform" | "artefact-uncategorized" | "artefact-workflow" | "data-sourcepath" | "data-targetpath" | "item-add-artefact" | "item-clone" | "item-comment" | "item-copy" | "item-download" | "item-draggable" | "item-edit" | "item-evaluation" | "item-execution" | "item-info" | "item-launch" | "item-moremenu" | "item-question" | "item-reload" | "item-remove" | "item-reset" | "item-save" | "item-settings" | "item-shuffle" | "item-skip-forward" | "item-start" | "item-stop" | "item-upload" | "item-vertmenu" | "item-viewdetails" | "list-sort" | "list-sortasc" | "list-sortdesc" | "module-accesscontrol" | "module-annotation" | "module-dashboard" | "module-gdprsearch" | "module-integrations" | "module-linkedrules" | "module-reports" | "module-search" | "module-thesauri" | "module-timetracker" | "module-visualization" | "navigation-back" | "navigation-close" | "navigation-first" | "navigation-forth" | "navigation-jump" | "navigation-last" | "navigation-next" | "navigation-previous" | "operation-aggregation" | "operation-autolayout" | "operation-clear" | "operation-commit" | "operation-comparison" | "operation-filter" | "operation-filteredit" | "operation-link" | "operation-logout" | "operation-redo" | "operation-search" | "operation-sharelink" | "operation-transform" | "operation-undo" | "operation-unlink" | "state-checked" | "state-checkedsimple" | "state-confirmed" | "state-danger" | "state-declined" | "state-info" | "state-partlychecked" | "state-protected" | "state-success" | "state-unchecked" | "state-warning" | "toggler-caret" | "toggler-caretright" | "toggler-caretdown" | "toggler-maximize" | "toggler-minimize" | "toggler-moveleft" | "toggler-moveright" | "toggler-rowexpand" | "toggler-rowcollapse" | "toggler-showless" | "toggler-showmore" | "toggler-star-empty" | "toggler-star-filled" | "toggler-tree" | "form-template" | "undefined";
 export declare type CarbonIconType = React.ComponentType<CarbonIconProps>;
 /**
  * @deprecated

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

@@ -21,8 +21,12 @@ export interface PaginationProps extends CarbonPaginationProps {
      * Hide prev/next arrows to navigate through the pages.
      */
     hideNavigationArrows?: boolean;
+    /**
+     * Element is displayed with dividing borders.
+     */
+    hideBorders?: boolean;
 }
-declare function Pagination({ className, hidePageSizeConfiguration, hideInfoText, hidePageSelect, hideNavigationArrows, ...otherProps }: PaginationProps): JSX.Element;
+declare function Pagination({ className, hidePageSizeConfiguration, hideInfoText, hidePageSelect, hideNavigationArrows, hideBorders, ...otherProps }: PaginationProps): JSX.Element;
 interface IPaginationDetails {
     total: number;
     current: number;

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

@@ -0,0 +1 @@
+export * from "./ProgressBar";

package/dist/types/components/Separation/Divider.d.ts

@@ -1,3 +1,19 @@
-/// <reference types="react" />
-declare function Divider({ addSpacing }: any): JSX.Element;
+import React from "react";
+import { SpacingProps } from "./Spacing";
+export interface DividerProps extends React.HTMLAttributes<HTMLHRElement> {
+    /**
+     * Add whitespace arount the horizontal rule.
+     */
+    addSpacing?: "none" | SpacingProps["size"];
+    /**
+     * Set the width of the horizontal rule.
+     */
+    width?: "short" | "half" | "medium" | "full";
+    /**
+     * Set the horizontal alignment of the horizontal rule.
+     * This is only visible for widths that are not set to `full`.
+     */
+    alignment?: "left" | "center" | "right";
+}
+export declare function Divider({ className, addSpacing, width, alignment, ...otherHrProps }: DividerProps): JSX.Element;
 export default Divider;

package/dist/types/components/Separation/Spacing.d.ts

@@ -3,7 +3,7 @@ export interface SpacingProps {
     /**
      * Set the amount of white space that separates two elements.
      */
-    size?: "tiny" | "small" | "medium" | "large";
+    size?: "tiny" | "small" | "medium" | "large" | "xlarge";
     /**
      * If set then is a ruler displayed in the middle of the spacing area.
      * The direction of the ruler is used from the spacing.

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

@@ -5,7 +5,11 @@ export interface SwitchProps extends Omit<BlueprintSwitchProps, "onChange"> {
      * Event handler for changed state.
      */
     onChange?: (value: boolean) => any;
+    /**
+     * class names
+     */
+    className?: string;
 }
-declare function Switch({ onChange, ...otherProps }: SwitchProps): JSX.Element;
+declare function Switch({ onChange, className, ...otherProps }: SwitchProps): JSX.Element;
 declare const _default: React.MemoExoticComponent<typeof Switch>;
 export default _default;

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

@@ -0,0 +1,32 @@
+import React from "react";
+import { TableProps as CarbonTableProps, DataTableSize as CarbonDataTableSize } from "carbon-components-react";
+declare type TableRowHeightSizeDepracted = "compact" | "tall";
+export declare type TableRowHeightSize = "small" | "medium" | "large" | TableRowHeightSizeDepracted;
+export interface TableProps extends Omit<CarbonTableProps, "size" | "overflowMenuOnHover" | "stickyHeader" | "useStaticWidth">, React.TableHTMLAttributes<HTMLTableElement> {
+    /**
+     * Sets basically the height of a row inside the table.
+     * Please use only `small`, `medium` and `large`.
+     * `compact` and `tall` are deprecated.
+     */
+    size?: TableRowHeightSize;
+    /**
+     * All rows are divided by horizontal borders.
+     */
+    hasDivider?: boolean;
+    /**
+     * This will lead to a `colgroup` element within the `table` setting `with` styles for each column.
+     * The table is then displayed `fixed`.
+     * All values need to be valid CSS width expression, e.g. `30px`, `5rem`, `40%`.
+     * If you need to add more attributes to the `col` elements, e.g. class names, then you need to control `colgroup` and `fixed` table by yourself.
+     */
+    columnWidths?: string[];
+    /**
+     * Table is displayed without any own coloring.
+     * For example this can be used for sub tables inside other elements with already set background colors.
+     * Zebra styles won't work if this option is enabled!
+     */
+    colorless?: boolean;
+}
+export declare const tableRowHeightSizes: Record<string, CarbonDataTableSize>;
+export declare function Table({ className, size, hasDivider, columnWidths, colorless, children, ...otherCarbonTableProps }: TableProps): JSX.Element;
+export default Table;

package/dist/types/components/Table/TableCell.d.ts

@@ -0,0 +1,11 @@
+import React from "react";
+import { TableCellProps as CarbonTableCellProps } from "carbon-components-react";
+export interface TableCellProps extends CarbonTableCellProps, React.TdHTMLAttributes<HTMLTableCellElement> {
+    /**
+     * By default all table cell content is aligned to the top of the cell.
+     * Use this property to change the vertical alignment.
+     */
+    alignVertical?: "middle";
+}
+export declare function TableCell({ className, children, alignVertical, ...otherTableCellProps }: TableCellProps): JSX.Element;
+export default TableCell;

package/dist/types/components/Table/TableContainer.d.ts

@@ -0,0 +1,13 @@
+import React from "react";
+import { DataTableProps as CarbonDataTableProps, TableContainerProps as CarbonTableContainerProps } from "carbon-components-react";
+import { TableRowHeightSize } from "./Table";
+interface TableDataContainerProps extends Omit<CarbonDataTableProps, "size" | "overflowMenuOnHover" | "stickyHeader" | "useStaticWidth">, React.TableHTMLAttributes<HTMLTableElement> {
+    children(signature: any): JSX.Element;
+    size?: TableRowHeightSize;
+}
+interface TableSimpleContainerProps extends Omit<CarbonTableContainerProps, "description" | "stickyHeader" | "title" | "useStaticWidth">, React.HTMLAttributes<HTMLDivElement> {
+    children?: JSX.Element;
+}
+export declare type TableContainerProps = TableDataContainerProps | TableSimpleContainerProps;
+export declare function TableContainer({ className, ...otherProps }: TableContainerProps): JSX.Element;
+export default TableContainer;

package/dist/types/components/Table/TableExpandHeader.d.ts

@@ -0,0 +1,13 @@
+import React from "react";
+import { TableExpandHeaderProps as CarbonTableExpandHeaderProps } from "carbon-components-react";
+export interface TableExpandHeaderProps extends Omit<CarbonTableExpandHeaderProps, "children" | "ariaLabel" | "enableExpando" | "expandIconDescription">, React.ThHTMLAttributes<HTMLTableCellElement> {
+    /**
+     * This text is displayed as tooltip for the button that toggles the expanded/collapsed state.
+     */
+    togglerText: string;
+}
+/**
+ * Adds a button to the table header that can trigger a function to expand/collapse all rows of the table.
+ */
+export declare function TableExpandHeader({ togglerText, isExpanded, onExpand, className, enableToggle, ...otherCarbonTableExpandHeaderProps }: TableExpandHeaderProps): JSX.Element;
+export default TableExpandHeader;

package/dist/types/components/Table/TableExpandRow.d.ts

@@ -0,0 +1,17 @@
+import React from "react";
+import { TableExpandRowProps as CarbonTableExpandRowProps } from "carbon-components-react";
+export interface TableExpandRowProps extends Omit<CarbonTableExpandRowProps, "ariaLabel" | "expandIconDescription">, React.HTMLAttributes<HTMLTableRowElement> {
+    /**
+     * This text is displayed as tooltip for the button that toggles the expanded/collapsed state.
+     */
+    togglerText: string;
+    /**
+     * Display this row with the styles from a zebra style-enabled table.
+     */
+    useZebraStyle?: boolean;
+}
+/**
+ * Table row that is suffixed by a cell containing a button to expand/collapse this row.
+ */
+export declare function TableExpandRow({ togglerText, isExpanded, isSelected, useZebraStyle, onExpand, className, children, ...otherCarbonTableExpandRowProps }: TableExpandRowProps): JSX.Element;
+export default TableExpandRow;

package/dist/types/components/Table/TableRow.d.ts

@@ -0,0 +1,10 @@
+import React from "react";
+import { TableRowProps as CarbonTableRowProps } from "carbon-components-react";
+export interface TableRowProps extends CarbonTableRowProps, React.TdHTMLAttributes<HTMLTableRowElement> {
+    /**
+     * Display this row with the styles from a zebra style-enabled table.
+     */
+    useZebraStyle?: boolean;
+}
+export declare function TableRow({ className, children, useZebraStyle, ...otherTableRowProps }: TableRowProps): JSX.Element;
+export default TableRow;

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

@@ -0,0 +1,7 @@
+export * from "./TableContainer";
+export * from "./Table";
+export * from "./TableRow";
+export * from "./TableExpandRow";
+export * from "./TableExpandHeader";
+export * from "./TableCell";
+export { TableHead, TableBody, TableExpandedRow, TableHeader, } from "carbon-components-react";

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

@@ -8,7 +8,7 @@ import { IntentTypes } from "../../common/Intent";
 export interface TagProps extends Omit<BlueprintTagProps, "active" | "fill" | "icon" | "intent" | "large" | "multiline" | "rightIcon"> {
     /**
      * Sets the background color of a tag, depends on the `Color` object provided by the
-     * [npm color module](https://www.npmjs.com/package/color) v3. You can use it with
+     * [npm color module](https://www.npmjs.com/export package/color) v3. You can use it with
      * all allowed [CSS color values](https://developer.mozilla.org/de/docs/Web/CSS/color_value).
      *
      * The front color is set automatically, so the tag label is always readable.

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

@@ -1,3 +1,6 @@
-/// <reference types="react" />
-declare function TagList({ children, className, label, ...otherProps }: any): JSX.Element;
+import React from 'react';
+export interface TagListProps extends React.HTMLAttributes<HTMLUListElement> {
+    label?: string;
+}
+declare function TagList({ children, className, label, ...otherProps }: TagListProps): JSX.Element;
 export default TagList;

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

@@ -0,0 +1,4 @@
+import Tag, { TagProps } from "./Tag";
+import TagList, { TagListProps } from "./TagList";
+export { Tag, TagList };
+export type { TagProps, TagListProps };

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

@@ -1,24 +1,33 @@
 /// <reference types="react" />
 import { MaybeElement, HTMLInputProps, InputGroupProps } from "@blueprintjs/core";
+import { IntentTypes } from "../../common/Intent";
 import { ValidIconName } from "../Icon/canonicalIconNames";
 import { InvisibleCharacterWarningProps } from "./useTextValidation";
 export interface TextFieldProps extends Partial<Omit<InputGroupProps, "intent" | "leftIcon"> & HTMLInputProps> {
     /**
     * The input element is displayed with primary color scheme.
+    * @deprecated
     */
     hasStatePrimary?: boolean;
     /**
     * The input element is displayed with success (some type of green) color scheme.
+    * @deprecated
     */
     hasStateSuccess?: boolean;
     /**
     * The input element is displayed with warning (some type of orange) color scheme.
+    * @deprecated
     */
     hasStateWarning?: boolean;
     /**
     * The input element is displayed with danger (some type of red) color scheme.
+    * @deprecated
     */
     hasStateDanger?: boolean;
+    /**
+     * Intent state of the text field.
+     */
+    intent?: IntentTypes | "edited" | "removed";
     /**
      * The input element uses the full horizontal width of the parent container.
      */

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

@@ -1,5 +1,9 @@
 export * from "./Badge/Badge";
 export * from "./Depiction/Depiction";
 export * from "./Icon";
+export * from "./ProgressBar";
+export * from "./Table";
+export * from "./Tag";
 export * from "./Tree/Tree";
 export * from "./Typography";
+export * from "./interfaces";

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

@@ -1,13 +1,27 @@
 import React from 'react';
 import { EdgeProps as ReactFlowEdgeProps } from "react-flow-renderer/dist/types";
+import { IntentTypes } from "../../../common/Intent";
+import { NodeHighlightColor } from "./../nodes/NodeContent";
 export interface EdgeDefaultDataProps {
+    /**
+     * Overwrites the default style how the edge stroke is displayed.
+     */
+    strokeType?: "solid" | "dashed" | "dotted" | "double" | "doubledashed";
+    /**
+     * Feedback state of the node.
+     */
+    intent?: IntentTypes;
+    /**
+     * Set the color of used highlights to mark the edge.
+     */
+    highlightColor?: NodeHighlightColor | [NodeHighlightColor, NodeHighlightColor];
     /**
      * Size of the "glow" effect when the edge is hovered.
      */
     pathGlowWidth?: number;
     inversePath?: boolean;
     /**
-     * Reference linnk to the SVG marker used for the start of the edge
+     * Reference link to the SVG marker used for the start of the edge
      */
     markerStart?: string;
     /**
@@ -26,3 +40,4 @@ export interface EdgeDefaultProps extends ReactFlowEdgeProps {
     drawSvgPath?: (edge: ReactFlowEdgeProps) => string;
 }
 export declare const EdgeDefault: React.MemoExoticComponent<(edge: EdgeDefaultProps) => JSX.Element>;
+export declare const createEdgeDefaultClassName: ({ strokeType, intent, highlightColor, }: EdgeDefaultDataProps, baseClass?: string) => string;

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

@@ -0,0 +1,44 @@
+import React from "react";
+import { DepictionProps } from "../../../index";
+import { ValidIconName } from "../../../components/Icon/canonicalIconNames";
+import { IntentTypes } from "../../../common/Intent";
+export interface EdgeLabelProps extends React.HTMLAttributes<HTMLDivElement> {
+    /**
+     * Depiction element displayed left from the label.
+     */
+    depiction?: ValidIconName | React.ReactElement<DepictionProps>;
+    /**
+     * Label of the edge.
+     * Cannot overflow the parent container.
+     */
+    text: string | JSX.Element;
+    /**
+     * One or multiple other elements displayed right from label.
+     */
+    actions?: JSX.Element | JSX.Element[];
+    /**
+     * The element is increased in its size.
+     */
+    large?: boolean;
+    /**
+     * Stretches the label component to the full available width.
+     */
+    fullWidth?: boolean;
+    /**
+     * Add a info state to the label, visualized by color.
+     */
+    intent?: IntentTypes;
+}
+export declare const EdgeLabel: React.MemoExoticComponent<({ depiction, text, actions, large, fullWidth, intent, ...otherDivProps }: EdgeLabelProps) => JSX.Element>;
+interface EdgeLabelObjectProps extends React.SVGAttributes<SVGForeignObjectElement> {
+    /**
+     * The `<EdgeLabel />` element that need to be displayed.
+     */
+    children: React.ReactElement<EdgeLabelProps>;
+    /**
+     * Property from the `renderLabel` callback method.
+     */
+    edgeCenter: [number, number, number, number];
+}
+export declare const EdgeLabelObject: React.MemoExoticComponent<({ children, edgeCenter, ...otherForeignObjectProps }: EdgeLabelObjectProps) => JSX.Element>;
+export {};

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

@@ -3,13 +3,14 @@ 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>;
+    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>;
 };

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

@@ -1,9 +1,17 @@
 import React from 'react';
-import { HandleProps as ReactFlowHandleProps } from "react-flow-renderer";
+import { HandleProps as ReactFlowHandleLegacyProps } from "react-flow-renderer";
+import { HandleProps as ReactFlowHandleNextProps } from "react-flow-renderer-lts";
 import { HandleContentProps } from "./HandleContent";
-export interface HandleProps extends ReactFlowHandleProps {
+import { ReacFlowVersionSupportProps } from "../versionsupport";
+interface HandleExtensionProps extends ReacFlowVersionSupportProps {
     data?: HandleContentProps;
     tooltip?: string;
     children?: JSX.Element | string;
+    onClick?: () => void;
 }
-export declare const HandleDefault: React.MemoExoticComponent<({ data, tooltip, children, ...handleProps }: HandleProps) => JSX.Element>;
+export interface HandleProps extends HandleExtensionProps, ReactFlowHandleLegacyProps {
+}
+export interface HandleNextProps extends HandleExtensionProps, ReactFlowHandleNextProps {
+}
+export declare const HandleDefault: React.MemoExoticComponent<({ flowVersion, data, tooltip, children, ...handleProps }: HandleProps | HandleNextProps) => JSX.Element>;
+export {};

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

@@ -3,10 +3,10 @@ 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";
 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";
@@ -16,6 +16,6 @@ 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";
 export type { MiniMapProps } from "./minimap/MiniMap";
+export * from "./edges/EdgeDefault";