@eccenca/gui-elements 24.0.0-rc.1 → 24.0.0-rc.3

package/dist/types/components/AutoSuggestion/ExtendedCodeEditor.d.ts

@@ -1,29 +1,28 @@
 import React from "react";
-import { Editor as CodeMirrorEditor } from "codemirror";
-import "codemirror/addon/display/placeholder.js";
-import "codemirror/mode/sparql/sparql.js";
+import { EditorView, Rect } from "@codemirror/view";
+import { SupportedCodeEditorModes } from "../../extensions/codemirror/hooks/useCodemirrorModeExtension.hooks";
 export interface IRange {
     from: number;
     to: number;
 }
 export interface ExtendedCodeEditorProps {
-    setEditorInstance: (editor: CodeMirrorEditor) => any;
+    setCM: (editor: EditorView | undefined) => any;
     onChange: (value: string) => any;
-    onCursorChange: (pos: any, coords: any, scrollinfo: any) => any;
-    mode?: string;
+    onCursorChange: (pos: number, coords: Rect, scrollinfo: HTMLElement, cm: EditorView) => any;
+    mode?: SupportedCodeEditorModes;
     initialValue: string;
     onFocusChange: (focused: boolean) => any;
-    onKeyDown: (event: KeyboardEvent) => any;
-    onMouseDown?: (editor: CodeMirrorEditor) => any;
+    onKeyDown: (event: KeyboardEvent) => boolean;
+    onMouseDown?: (view: EditorView) => void;
     onSelection: (ranges: IRange[]) => any;
     enableTab?: boolean;
-    /** Placeholder tobe shown when no text has been entered, yet. */
+    /** Placeholder to be shown when no text has been entered, yet. */
     placeholder?: string;
     showScrollBar?: boolean;
     /** allow multiline entries when new line characters are entered */
     multiline?: boolean;
 }
 export type IEditorProps = ExtendedCodeEditorProps;
-/** A single-line code editor. */
-export declare const ExtendedCodeEditor: ({ setEditorInstance, onChange, onCursorChange, mode, initialValue, onFocusChange, onKeyDown, onSelection, enableTab, placeholder, showScrollBar, multiline, onMouseDown, }: ExtendedCodeEditorProps) => React.JSX.Element;
+/** Supports single-line and multiline editing. */
+export declare const ExtendedCodeEditor: ({ multiline, initialValue, onKeyDown, enableTab, mode, setCM, onFocusChange, onMouseDown, onChange, placeholder, onCursorChange, onSelection, }: ExtendedCodeEditorProps) => React.JSX.Element;
 export default ExtendedCodeEditor;

package/dist/types/components/AutoSuggestion/extensions/markText.d.ts

@@ -0,0 +1,16 @@
+import { StateField } from "@codemirror/state";
+import { EditorView } from "@codemirror/view";
+export declare const markField: StateField<any>;
+type marksConfig = {
+    view: EditorView;
+    from: number;
+    to: number;
+    className?: string;
+    title?: string;
+};
+export declare const markText: (config: marksConfig) => {
+    from: number;
+    to: number;
+};
+export declare const removeMarkFromText: (config: marksConfig) => void;
+export {};

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

@@ -1,5 +1,5 @@
-import { AutoSuggestion, AutoSuggestionProps } from "./AutoSuggestion";
+import { AutoSuggestionProps } from "./AutoSuggestion";
 import { AutoSuggestionList, AutoSuggestionListProps } from "./AutoSuggestionList";
 import { ExtendedCodeEditor, ExtendedCodeEditorProps } from "./ExtendedCodeEditor";
-export { AutoSuggestion, AutoSuggestionList, ExtendedCodeEditor };
+export { AutoSuggestionList, ExtendedCodeEditor };
 export type { AutoSuggestionProps, AutoSuggestionListProps, ExtendedCodeEditorProps };

package/dist/types/components/AutocompleteField/AutoCompleteField.d.ts

@@ -1,15 +1,11 @@
 import React from "react";
-import { HTMLInputProps as BlueprintHTMLInputProps, InputGroupProps2 as BlueprintInputGroupProps } from "@blueprintjs/core";
+import { HTMLInputProps as BlueprintHTMLInputProps, InputGroupProps as BlueprintInputGroupProps } from "@blueprintjs/core";
 import { ContextOverlayProps } from "../../index";
-import { IElementWidth as IElementWidthOrig, IRenderModifiers as IRenderModifiersOrig } from "./interfaces";
-export type IElementWidth = IElementWidthOrig;
-export type IRenderModifiers = IRenderModifiersOrig;
+import { SuggestFieldItemRendererModifierProps } from "./interfaces";
 type SearchFunction<T> = (value: string) => T[];
 type AsyncSearchFunction<T> = (value: string) => Promise<T[]>;
 /**
- * Parameters for the auto-complete field parameterized by T and U.
- * @param T is the input data structure/type of the items that can be selected.
- * @param UPDATE_VALUE The value type that will be pushed into the onChange callback.
+ * @deprecated (v25) replaced by SuggestFieldProps
  */
 export interface AutoCompleteFieldProps<T, UPDATE_VALUE> {
     /**
@@ -40,7 +36,7 @@ export interface AutoCompleteFieldProps<T, UPDATE_VALUE> {
      * @param handleClick The function that needs to be called when the rendered item gets clicked. Else a selection
      *                    via mouse is not possible. This only needs to be used when returning a JSX.Element.
      */
-    itemRenderer(item: T, query: string, modifiers: IRenderModifiers, handleClick: () => any): string | JSX.Element;
+    itemRenderer(item: T, query: string, modifiers: SuggestFieldItemRendererModifierProps, handleClick: () => any): string | JSX.Element;
     /** Renders the string that should be displayed in the input field after the item has been selected.
      */
     itemValueRenderer(item: T): string;
@@ -82,7 +78,7 @@ export interface AutoCompleteFieldProps<T, UPDATE_VALUE> {
         /** Creates a new item from the query. */
         itemFromQuery: (query: string) => T;
         /** Renders how the option to newly create an item should look like in the selection list. */
-        itemRenderer: (query: string, modifiers: IRenderModifiers, handleClick: React.MouseEventHandler<HTMLElement>) => JSX.Element | undefined;
+        itemRenderer: (query: string, modifiers: SuggestFieldItemRendererModifierProps, handleClick: React.MouseEventHandler<HTMLElement>) => JSX.Element | undefined;
         /** If the new item option will always be shown as the first entry in the suggestion list, else it will be the last entry.
          * @default false
          */
@@ -112,15 +108,15 @@ export interface AutoCompleteFieldProps<T, UPDATE_VALUE> {
     /** Utility that fetches more options when clicked*/
     loadMoreResults?: () => Promise<T[] | undefined>;
 }
+/**
+ * @deprecated (v25) replaced by SuggestFieldProps
+ */
 export type IAutoCompleteFieldProps<T, UPDATE_VALUE> = AutoCompleteFieldProps<T, UPDATE_VALUE>;
 /**
- * **Element is deprecated.**
- * Use `SuggestField` as replacement.
- *
- * @deprecated
+ * @deprecated (support already removed) use `SuggestField` as replacement.
  */
-export declare function AutoCompleteField<T, UPDATE_VALUE>(props: AutoCompleteFieldProps<T, UPDATE_VALUE>): React.JSX.Element;
-export declare namespace AutoCompleteField {
+declare function AutoCompleteField<T, UPDATE_VALUE>(props: AutoCompleteFieldProps<T, UPDATE_VALUE>): React.JSX.Element;
+declare namespace AutoCompleteField {
     var defaultProps: {
         autoFocus: boolean;
         disabled: boolean;

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

@@ -1,4 +1,5 @@
 export * from "./AutoCompleteField";
+export * from "./interfaces";
 export declare const autoCompleteFieldUtils: {
     createNewItemRendererFactory: (itemTextRenderer: (query: string) => string | JSX.Element, iconName?: import("../Icon/canonicalIconNames").ValidIconName | import("react").ReactElement<import("..").TestIconProps>) => (query: string, modifiers: import("./interfaces").IRenderModifiers, handleClick: import("react").MouseEventHandler<HTMLElement>) => import("react").JSX.Element;
 };

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

@@ -1,10 +1,12 @@
-export interface IRenderModifiers {
+export interface SuggestFieldItemRendererModifierProps {
     active: boolean;
     disabled?: boolean;
     styleWidth?: IElementWidth;
     highlightingEnabled: boolean;
 }
-/** Style object to be used in menu option items. */
+/** @deprecated (v25) use `SuggestFieldItemRendererModifierProps` */
+export type IRenderModifiers = SuggestFieldItemRendererModifierProps;
+/** @deprecated (v25) use `SuggestFieldItemRendererModifierProps["styleWidth"]` */
 export interface IElementWidth {
     minWidth: string;
     maxWidth: string;

package/dist/types/components/Breadcrumb/BreadcrumbList.d.ts

@@ -12,11 +12,6 @@ export interface BreadcrumbListProps extends TestableComponent, Omit<BlueprintBr
         Is only used if the breadcrumb item have not defined an own `onClick` handler.
     */
     onItemClick?(itemUrl: string | undefined, event: object): boolean | void;
-    /**
-        native attributes for the unordered HTML list (ul)
-        @deprecated will be removed because the BlueprintJS `Breadcrumbs` component does not support native `ul` attributes. Use `wrapperProps` as alternate way to add native attributes to a container `div` element.
-    */
-    htmlUlProps?: React.HTMLAttributes<HTMLUListElement>;
     /**
      * If set then a `div` element is used as wrapper.
      * It uses the attributes given via this property.
@@ -39,5 +34,5 @@ export interface BreadcrumbListProps extends TestableComponent, Omit<BlueprintBr
 /**
  * Navigation path to the currently show resource or view in the application.
  */
-export declare const BreadcrumbList: ({ className, onItemClick, htmlUlProps, ignoreOverflow, latenOverflow, wrapperProps, "data-test-id": dataTestId, "data-testid": dataTestid, ...otherBlueprintBreadcrumbsProps }: BreadcrumbListProps) => React.JSX.Element;
+export declare const BreadcrumbList: ({ className, onItemClick, ignoreOverflow, latenOverflow, wrapperProps, "data-test-id": dataTestId, "data-testid": dataTestid, ...otherBlueprintBreadcrumbsProps }: BreadcrumbListProps) => React.JSX.Element;
 export default BreadcrumbList;

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

@@ -3,8 +3,6 @@ import { AnchorButtonProps as BlueprintAnchorButtonProps, ButtonProps as Bluepri
 import { ValidIconName } from "../Icon/canonicalIconNames";
 import { BadgeProps } from "./../Badge/Badge";
 import { TooltipProps } from "./../Tooltip/Tooltip";
-/** @deprecated will be removed, there is no replacement */
-export type AnchorOrButtonProps = Omit<BlueprintButtonProps, "elementRef" | "icon" | "rightIcon"> | Omit<BlueprintAnchorButtonProps, "elementRef" | "icon" | "rightIcon">;
 interface AdditionalButtonProps {
     /**
      * Always use this when the button triggers an affirmative action, e.g. confirm a process.

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

@@ -2,14 +2,6 @@ import React from "react";
 import { OverviewItemProps } from "./../OverviewItem/OverviewItem";
 export interface CardHeaderProps extends Omit<OverviewItemProps, "densityHigh" | "hasSpacing"> {
     children: JSX.Element | (JSX.Element | undefined | null)[] | null | undefined;
-    /**
-     * @deprecated use `whitespaceAmount` option of `<Card />`
-     */
-    densityHigh?: OverviewItemProps["densityHigh"];
-    /**
-     * @deprecated use `whitespaceAmount` option of `<Card />`
-     */
-    hasSpacing?: OverviewItemProps["hasSpacing"];
 }
-export declare const CardHeader: ({ children, className, densityHigh, ...otherProps }: CardHeaderProps) => React.JSX.Element;
+export declare const CardHeader: ({ children, className, ...otherProps }: CardHeaderProps) => React.JSX.Element;
 export default CardHeader;

package/dist/types/components/Dialog/AlertDialog.d.ts

@@ -14,7 +14,6 @@ export interface AlertDialogProps extends Omit<SimpleDialogProps, "intent"> {
      */
     danger?: boolean;
 }
-export type IAlertDialogProps = AlertDialogProps;
 /**
  * Special element to display alert notification in modal dialogs.
  * Inherits all properties from `SimpleDialog`, except `intent`.

package/dist/types/components/FlexibleLayout/FlexibleLayoutContainer.d.ts

@@ -0,0 +1,31 @@
+import React from "react";
+import { DividerProps } from "./../Separation/Divider";
+export interface FlexibleLayoutContainerProps extends React.HTMLAttributes<HTMLDivElement> {
+    /**
+     * Use the exact space defined by the parent element.
+     * This parent element must be displayed using a fixed, relative or absolute position.
+     */
+    useAbsoluteSpace?: boolean;
+    /**
+     * If set then the container behaves similar to a column and displays its items on a vertical axis.
+     * Children could used as rows in this situation.
+     */
+    vertical?: boolean;
+    /**
+     * If true the used amount of space for each item is related to the amout of its content compared to each other.
+     * Otherwise the items use equal amounts as long this is possible.
+     */
+    noEqualItemSpace?: boolean;
+    /**
+     * Quick way to add whitespace between container children.
+     * For more complex usecases like dividers you need to use extra `<FlexibleLayoutItem/>` components in combination with `<Divider/>` components.
+     */
+    gapSize?: DividerProps["addSpacing"];
+}
+/**
+ * Simple layout helper to organize items into rows and columns that are not necessarily need to be aligned.
+ * A `FlexibleLayoutContainer` can contain `FlexibleLayoutItem`s.
+ * Do not misuse it as grid because it comes without any predefined ratios for widths and heights.
+ */
+export declare const FlexibleLayoutContainer: React.ForwardRefExoticComponent<FlexibleLayoutContainerProps & React.RefAttributes<HTMLDivElement>>;
+export default FlexibleLayoutContainer;

package/dist/types/components/FlexibleLayout/FlexibleLayoutItem.d.ts

@@ -0,0 +1,24 @@
+import React from "react";
+export interface FlexibleLayoutItemProps extends React.HTMLAttributes<HTMLDivElement> {
+    /**
+     * Defines the ability for the item to grow.
+     * The factor defines how much space the item would take up compared to the other items with a grow factor greater than zero.
+     * Must be equal or greater than zero.
+     * With a factor of `0` the item cannot grow.
+     */
+    growFactor?: number;
+    /**
+     * Defines the ability for the item to shrink.
+     * The factor defines how strong the shrink effect has impact on the item compared to the other items with a shrink factor greater than zero.
+     * Must be equal or greater than zero.
+     * With a factor of `0` the item cannot shrink.
+     */
+    shrinkFactor?: number;
+}
+/**
+ * Simple layout helper to organize items into rows and columns that are not necessarily need to be aligned.
+ * `FlexibleLayoutItem`s can contain `FlexibleLayoutContainer` for more partitions.
+ * `FlexibleLayoutItem` siblings will share all available space from the `FlexibleLayoutContainer` container.
+ */
+export declare const FlexibleLayoutItem: React.ForwardRefExoticComponent<FlexibleLayoutItemProps & React.RefAttributes<HTMLDivElement>>;
+export default FlexibleLayoutItem;

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

@@ -0,0 +1,2 @@
+export * from "./FlexibleLayoutContainer";
+export * from "./FlexibleLayoutItem";

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

@@ -16,11 +16,6 @@ export interface GridProps extends Omit<CarbonGridProps<"article" | "section" |
      * Provide a HTML element name to render instead of the default `div`.
      */
     as?: "article" | "section" | "div";
-    /**
-     * @deprecated
-     * This is set always by default.
-     */
-    fullWidth?: boolean;
 }
 /**
  * Layouts a grid that can contain rows and columns.

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

@@ -19,15 +19,10 @@ export interface GridColumnProps extends Omit<CarbonGridColumnProps<"div">, "max
      * Overwrite column sizes by using the original size config of the Carbon grid column.
      */
     carbonSizeConfig?: Pick<CarbonGridColumnProps<"div">, "max" | "xlg" | "lg" | "md" | "sm">;
-    /**
-     * @deprecated
-     * Grid column always uses full width if it is the only column and does not have any othe size config.
-     */
-    full?: boolean;
 }
 /**
  * Grid columns can be used in grid rows.
  * They can contain other grids if this is necessary for more complex layouts.
  */
-export declare const GridColumn: ({ children, className, small, medium, full, verticalAlign, carbonSizeConfig, ...otherProps }: GridColumnProps) => React.JSX.Element;
+export declare const GridColumn: ({ children, className, small, medium, verticalAlign, carbonSizeConfig, ...otherProps }: GridColumnProps) => React.JSX.Element;
 export default GridColumn;

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

@@ -30,7 +30,7 @@ export interface BaseIconProps extends Omit<CarbonIconProps, "icon" | "descripti
     className?: string;
     /**
      * Description for icon as accessibility fallback.
-     * @deprecated Use `title` as replacement.
+     * @deprecated (v25) Use `title` as replacement.
      */
     description?: string;
     /**
@@ -38,7 +38,7 @@ export interface BaseIconProps extends Omit<CarbonIconProps, "icon" | "descripti
      */
     tooltipProps?: Partial<Omit<TooltipProps, "content" | "children">>;
     /**
-     * @deprecated Use `title` as replacement.
+     * @deprecated (v25) Use `title` as replacement.
      */
     iconTitle?: CarbonIconProps["title"];
 }

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

@@ -8,11 +8,6 @@ export interface IconProps extends Omit<BaseIconProps, "iconComponent"> {
      */
     name: ValidIconName | string[];
 }
-/**
- * Returns the first icon name that exists or the fallback icon name.
- * @deprecated use `iconUtils.findExistingIconName`
- */
-export declare const findExistingIconName: (iconNames: string[], fallbackIconName?: ValidIconName) => ValidIconName;
 export declare const iconUtils: {
     findExistingIconName: (iconNames: string[], fallbackIconName?: ValidIconName) => ValidIconName;
 };

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

@@ -1,11 +1,5 @@
 import * as icons from "@carbon/react/icons";
 import { CarbonIconType as IconType } from "@carbon/react/icons";
-export type CarbonIconType = IconType;
-/**
- * @deprecated
- * use CarbonIconType instead
- */
-export type IconSized = CarbonIconType;
 declare const canonicalIcons: {
     "application-activities": icons.CarbonIconType;
     "application-dataintegration": icons.CarbonIconType;
@@ -164,6 +158,7 @@ declare const canonicalIcons: {
     "form-template": icons.CarbonIconType;
     undefined: icons.CarbonIconType;
 };
-export type ValidIconName = keyof typeof canonicalIcons;
 declare const canonicalIconNames: Record<ValidIconName, CarbonIconType>;
+export type CarbonIconType = IconType;
+export type ValidIconName = keyof typeof canonicalIcons;
 export default canonicalIconNames;

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

@@ -26,6 +26,10 @@ export interface LabelProps extends React.LabelHTMLAttributes<HTMLLabelElement>
      * If there is no `isLayoutForElement` set then a `span` is used.
      */
     disabled?: boolean;
+    /**
+     * visual appearance of the label
+     */
+    emphasis?: "strong" | "normal";
 }
-export declare const Label: ({ children, className, disabled, text, info, tooltip, tooltipProps, isLayoutForElement, ...otherLabelProps }: LabelProps) => React.JSX.Element;
+export declare const Label: ({ children, className, disabled, text, info, tooltip, tooltipProps, isLayoutForElement, emphasis, ...otherLabelProps }: LabelProps) => React.JSX.Element;
 export default Label;

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

@@ -3,12 +3,12 @@ import { HTMLInputProps as BlueprintHTMLInputProps } from "@blueprintjs/core";
 import { MultiSelect as BlueprintMultiSelect, MultiSelectProps as BlueprintMultiSelectProps } from "@blueprintjs/select";
 import { TestableComponent } from "../interfaces";
 import { ContextOverlayProps } from "./../../index";
+/** @deprecated (v25) use MultiSuggestFieldSelectionProps */
 export interface MultiSelectSelectionProps<T> {
     newlySelected?: T;
     selectedItems: T[];
     createdItems: Partial<T>[];
 }
-export type SelectedParamsType<T> = MultiSelectSelectionProps<T>;
 interface MultiSelectCommonProps<T> extends TestableComponent, Pick<BlueprintMultiSelectProps<T>, "items" | "placeholder" | "openOnKeyDown"> {
     /**
      * Additional class name, space separated.
@@ -104,6 +104,7 @@ interface MultiSelectCommonProps<T> extends TestableComponent, Pick<BlueprintMul
      */
     searchPredicate?: (item: T, query: string) => boolean;
 }
+/** @deprecated (v25) use MultiSuggestFieldProps */
 export type MultiSelectProps<T> = MultiSelectCommonProps<T> & ({
     /**
      * Predefined selected values
@@ -118,14 +119,11 @@ export type MultiSelectProps<T> = MultiSelectCommonProps<T> & ({
     prePopulateWithItems?: boolean;
 });
 /**
- * **Element is deprecated for the current type of usage.**
- * Use `MultiSuggestField` as replacement.
- *
- * This component will be re-implemented later as a `Select` allowing multiple selections.
- * @deprecated
+ * This component will be re-implemented as `Select` like element allowing multiple selections (or a `Select` option).
+ * New name for this component is `MultiSuggestField`.
  */
-export declare function MultiSelect<T>({ items, selectedItems: externalSelectedItems, prePopulateWithItems, itemId, itemLabel, onSelection, contextOverlayProps, tagInputProps, inputProps, runOnQueryChange, fullWidth, noResultText, newItemCreationText, newItemPostfix, hasStatePrimary, hasStateDanger, hasStateSuccess, hasStateWarning, disabled, createNewItemFromQuery, requestDelay, clearQueryOnSelection, className, "data-test-id": dataTestId, "data-testid": dataTestid, wrapperProps, searchPredicate, ...otherMultiSelectProps }: MultiSelectProps<T>): React.JSX.Element;
-export declare namespace MultiSelect {
+declare function MultiSelect<T>({ items, selectedItems: externalSelectedItems, prePopulateWithItems, itemId, itemLabel, onSelection, contextOverlayProps, tagInputProps, inputProps, runOnQueryChange, fullWidth, noResultText, newItemCreationText, newItemPostfix, hasStatePrimary, hasStateDanger, hasStateSuccess, hasStateWarning, disabled, createNewItemFromQuery, requestDelay, clearQueryOnSelection, className, "data-test-id": dataTestId, "data-testid": dataTestid, wrapperProps, searchPredicate, ...otherMultiSelectProps }: MultiSelectProps<T>): React.JSX.Element;
+declare namespace MultiSelect {
     var ofType: typeof BlueprintMultiSelect.ofType;
 }
 export default MultiSelect;

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

@@ -1,6 +1,12 @@
 import React from "react";
-import { MultiSelectProps } from "../MultiSelect/MultiSelect";
-export type MultiSuggestFieldProps<T> = MultiSelectProps<T>;
+import { MultiSelectProps, MultiSelectSelectionProps } from "../MultiSelect/MultiSelect";
+export type MultiSuggestFieldSelectionProps<T> = MultiSelectSelectionProps<T>;
+export interface MultiSuggestFieldProps<T> extends Omit<MultiSelectProps<T>, "onSelection"> {
+    /**
+     *  function handler that would be called anytime an item is selected/deselected or an item is created/removed
+     */
+    onSelection?: (params: MultiSuggestFieldSelectionProps<T>) => void;
+}
 /**
  * Element behaves very similar to `SuggestField` but allows multiple selections.
  * Its value does not represent a string but a stack of objects.
@@ -8,3 +14,6 @@ export type MultiSuggestFieldProps<T> = MultiSelectProps<T>;
  * Example usage: input field for user created tags.
  */
 export declare function MultiSuggestField<T>({ className, ...otherProps }: MultiSuggestFieldProps<T>): React.JSX.Element;
+export declare namespace MultiSuggestField {
+    var ofType: typeof import("@blueprintjs/select").MultiSelect.ofType;
+}

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

@@ -1,7 +1,6 @@
 import React from "react";
 import { ToastProps as BlueprintToastProps } from "@blueprintjs/core";
 import { TestableComponent } from "../interfaces";
-import { ValidIconName } from "./../Icon/canonicalIconNames";
 import { IconProps } from "./../Icon/Icon";
 import { TestIconProps } from "./../Icon/TestIcon";
 export interface NotificationProps extends TestableComponent, Omit<BlueprintToastProps, "message" | "action" | "icon" | "intent">, React.HTMLAttributes<HTMLDivElement> {
@@ -32,13 +31,6 @@ export interface NotificationProps extends TestableComponent, Omit<BlueprintToas
      * This defines the colorization and the icon symbol.
      */
     danger?: boolean;
-    /**
-     * @deprecated
-     * Notification uses the the given space more flexible.
-     * Deprecation notice: Property name will removed in future versions.
-     * Please use `flexWidth`.
-     */
-    fullWidth?: boolean;
     /**
      * Notification uses the the given space more flexible.
      * Default notification is displayed in min and max limits.
@@ -50,11 +42,6 @@ export interface NotificationProps extends TestableComponent, Omit<BlueprintToas
      * Set it to false if you need to prevent automatically set icon regarding the notification type.
      */
     icon?: false | React.ReactElement<IconProps> | React.ReactElement<TestIconProps>;
-    /**
-     * @deprecated
-     * Icon used as depiction that is displayed with the notification.
-     */
-    iconName?: ValidIconName | null;
     /**
      * If set then a `div` element is used as wrapper.
      * It uses the attributes given via this property.
@@ -65,5 +52,5 @@ export interface NotificationProps extends TestableComponent, Omit<BlueprintToas
  * Displays a notification message, optionally combined with depiction and further action buttons.
  * By default it uses colorization of an blueish info alert.
  */
-export declare const Notification: ({ actions, children, className, message, success, warning, danger, neutral, fullWidth, flexWidth, iconName, icon, timeout, wrapperProps, "data-test-id": dataTestId, "data-testid": dataTestid, ...otherProps }: NotificationProps) => React.JSX.Element;
+export declare const Notification: ({ actions, children, className, message, success, warning, danger, neutral, flexWidth, icon, timeout, wrapperProps, "data-test-id": dataTestId, "data-testid": dataTestid, ...otherProps }: NotificationProps) => React.JSX.Element;
 export default Notification;

package/dist/types/components/PropertyValuePair/PropertyValueList.d.ts

@@ -1,4 +1,10 @@
 import React from "react";
-export type PropertyValueListProps = React.HTMLAttributes<HTMLDListElement>;
-export declare const PropertyValueList: ({ className, children, ...otherProps }: PropertyValueListProps) => React.JSX.Element;
+export interface PropertyValueListProps extends React.HTMLAttributes<HTMLDListElement> {
+    /**
+     * Only use one single column and put property label and value below each other.
+     * This property is forwardd to direct `PropertyValuePair` children.
+     */
+    singleColumn?: boolean;
+}
+export declare const PropertyValueList: ({ className, children, singleColumn, ...otherProps }: PropertyValueListProps) => React.JSX.Element;
 export default PropertyValueList;

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

@@ -12,6 +12,10 @@ export interface PropertyValuePairProps extends React.HTMLAttributes<HTMLDivElem
      * Forward the `nowrap` option to it `PropertyName` and `PropertyValue` children.
      */
     nowrap?: boolean;
+    /**
+     * Only use one single column and put property label and value below each other.
+     */
+    singleColumn?: boolean;
 }
-export declare const PropertyValuePair: ({ children, className, nowrap, hasSpacing, hasDivider, ...otherProps }: PropertyValuePairProps) => React.JSX.Element;
+export declare const PropertyValuePair: ({ children, className, nowrap, hasSpacing, hasDivider, singleColumn, ...otherProps }: PropertyValuePairProps) => React.JSX.Element;
 export default PropertyValuePair;

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

@@ -41,7 +41,4 @@ export interface SelectProps<T> extends TestableComponent, Omit<BlueprintSelectP
  * **Use this input element when the value is primarily selected from a defined set of elements.**
  */
 export declare function Select<T>({ contextOverlayProps, className, children, text, placeholder, icon, rightIcon, onClearanceHandler, inputProps, onClearanceText, "data-test-id": dataTestId, "data-testid": dataTestid, wrapperProps, ...otherSelectProps }: SelectProps<T>): React.JSX.Element;
-export declare namespace Select {
-    var ofType: <U>() => (props: SelectProps<U>) => React.JSX.Element;
-}
 export default Select;

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

@@ -1,8 +1,8 @@
 import React from "react";
 import { OverlayProps as BlueprintOverlayProps, SpinnerProps as BlueprintSpinnerProps } from "@blueprintjs/core";
-export type SpinnerPosition = "local" | "inline" | "global";
-export type SpinnerSize = "tiny" | "small" | "medium" | "large" | "xlarge" | "inherit";
-export type SpinnerStroke = "thin" | "medium" | "bold";
+type SpinnerPosition = "local" | "inline" | "global";
+type SpinnerSize = "tiny" | "small" | "medium" | "large" | "xlarge" | "inherit";
+type SpinnerStroke = "thin" | "medium" | "bold";
 type Intent = "inherit" | "primary" | "success" | "warning" | "danger";
 /** A spinner that is either displayed globally or locally. */
 export interface SpinnerProps extends Omit<BlueprintSpinnerProps, "size"> {

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

@@ -1,5 +1,10 @@
 import React from "react";
 import { AutoCompleteFieldProps } from "../AutocompleteField/AutoCompleteField";
+/**
+ * Parameters for the auto-complete field parameterized by T and U.
+ * @param T is the input data structure/type of the items that can be selected.
+ * @param UPDATE_VALUE The value type that will be pushed into the onChange callback.
+ */
 export type SuggestFieldProps<T, UPDATE_VALUE> = AutoCompleteFieldProps<T, UPDATE_VALUE>;
 /**
  * A component with the appearance of an input field that allows to select and optionally create new items.

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

@@ -1,4 +1,4 @@
 export * from "./SuggestField";
 export declare const suggestFieldUtils: {
-    createNewItemRendererFactory: (itemTextRenderer: (query: string) => string | JSX.Element, iconName?: import("../Icon/canonicalIconNames").ValidIconName | import("react").ReactElement<import("..").TestIconProps>) => (query: string, modifiers: import("../AutocompleteField/interfaces").IRenderModifiers, handleClick: import("react").MouseEventHandler<HTMLElement>) => import("react").JSX.Element;
+    createNewItemRendererFactory: (itemTextRenderer: (query: string) => string | JSX.Element, iconName?: import("../Icon/canonicalIconNames").ValidIconName | import("react").ReactElement<import("..").TestIconProps>) => (query: string, modifiers: import("..").IRenderModifiers, handleClick: import("react").MouseEventHandler<HTMLElement>) => import("react").JSX.Element;
 };

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

@@ -1,13 +1,10 @@
 import React from "react";
 import { DataTableSize as CarbonDataTableSize, Table as CarbonTable } from "@carbon/react";
-type TableRowHeightSizeDepracted = "compact" | "tall";
-export type TableRowHeightSize = "small" | "medium" | "large" | TableRowHeightSizeDepracted;
+export type TableRowHeightSize = "small" | "medium" | "large";
 type CarbonTableProps = React.ComponentProps<typeof CarbonTable>;
 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;
     /**

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

@@ -34,11 +34,6 @@ export interface TagProps extends Omit<BlueprintTagProps, "active" | "fill" | "i
      * Icon displayed left from the tag label.
      */
     icon?: ValidIconName | React.ReactElement<IconProps> | React.ReactElement<TestIconProps>;
-    /**
-     * @deprecated
-     * **deprecated**, use `minimal=false` plus `emphasis="stronger"`
-     */
-    emphasized?: never;
 }
 declare function Tag({ children, className, intent, icon, emphasis, minimal, small, large, backgroundColor, ...otherProps }: TagProps): React.JSX.Element;
 export default Tag;

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

@@ -4,26 +4,6 @@ import { IntentTypes } from "../../common/Intent";
 import { ValidIconName } from "../Icon/canonicalIconNames";
 import { InvisibleCharacterWarningProps } from "./useTextValidation";
 export interface TextAreaProps extends Omit<BlueprintTextAreaProps, "intent"> {
-    /**
-     * when set to true the input takes a blue border color
-     * @deprecated Use the `intent` property.
-     */
-    hasStatePrimary?: boolean;
-    /**
-     * when set to true the input takes a green border color
-     * @deprecated Use the `intent` property.
-     */
-    hasStateSuccess?: boolean;
-    /**
-     * when set to true the input takes an orange border color
-     * @deprecated Use the `intent` property.
-     */
-    hasStateWarning?: boolean;
-    /**
-     * when set to true the input takes a red border color
-     * @deprecated Use the `intent` property.
-     */
-    hasStateDanger?: boolean;
     /**
      * Intent state of the text area.
      */
@@ -48,5 +28,5 @@ export interface TextAreaProps extends Omit<BlueprintTextAreaProps, "intent"> {
      */
     wrapperDivProps?: Omit<React.HTMLAttributes<HTMLDivElement>, "children">;
 }
-export declare const TextArea: ({ className, hasStatePrimary, hasStateSuccess, hasStateWarning, hasStateDanger, rows, invisibleCharacterWarning, leftIcon, rightElement, wrapperDivProps, ...otherProps }: TextAreaProps) => React.JSX.Element;
+export declare const TextArea: ({ className, rows, invisibleCharacterWarning, leftIcon, rightElement, wrapperDivProps, intent, ...otherBlueprintTextAreaProps }: TextAreaProps) => React.JSX.Element;
 export default TextArea;