@eccenca/gui-elements 25.2.0 → 26.0.0-rc.0

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

@@ -1,4 +1,4 @@
-import Color from "color";
+import { ColorInstance } from "color";
 export type ColorWeight = 100 | 300 | 500 | 700 | 900;
 export type PaletteGroup = "identity" | "semantic" | "layout" | "extra";
 export interface getEnabledColorsProps {
@@ -9,11 +9,11 @@ export interface getEnabledColorsProps {
     /** Only keep colors in the stack with a minimal color distance to all other colors. */
     minimalColorDistance?: number;
 }
-export declare function getEnabledColorsFromPalette(props: getEnabledColorsProps): Color[];
+export declare function getEnabledColorsFromPalette(props: getEnabledColorsProps): ColorInstance[];
 export declare function getEnabledColorPropertiesFromPalette({ includePaletteGroup, includeColorWeight, minimalColorDistance, }: getEnabledColorsProps): [string, string][];
 interface textToColorOptions {
     /** Stack of colors that are allowed to be returned. */
-    enabledColors: Color[] | "all" | getEnabledColorsProps;
+    enabledColors: ColorInstance[] | "all" | getEnabledColorsProps;
     /** Return input text if it represents a valid color string, e.g. `#000` or `black`. */
     returnValidColorsDirectly: boolean;
 }

package/dist/types/components/Accordion/AccordionItem.d.ts

@@ -10,7 +10,7 @@ export interface AccordionItemProps extends Omit<CarbonAccordionItemProps, "titl
     /**
      * header of accordion item
      */
-    label: string | JSX.Element;
+    label: string | React.JSX.Element;
     /**
      * use full available width for content
      */

package/dist/types/components/Application/ApplicationSidebarNavigation.d.ts

@@ -1,6 +1,8 @@
 import React from "react";
 import { SideNavProps as CarbonSideNavProps } from "@carbon/react";
 export interface ApplicationSidebarNavigationProps extends Omit<CarbonSideNavProps, "ref" | "defaultExpanded" | "isPersistent" | "isFixedNav" | "isChildOfHeader">, React.HTMLAttributes<HTMLElement> {
+    children: React.ReactNode;
+    className?: string;
 }
 export declare const ApplicationSidebarNavigation: ({ children, className, ...otherCarbonSideNavProps }: ApplicationSidebarNavigationProps) => React.JSX.Element;
 export default ApplicationSidebarNavigation;

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

@@ -82,10 +82,10 @@ export interface CodeAutocompleteFieldProps {
      */
     useTabForCompletions?: boolean;
     /** An additional element that is put to the left side of the input field */
-    leftElement?: JSX.Element | null;
+    leftElement?: React.JSX.Element | null;
     /** An additional element that is put to the right side of the input field
      */
-    rightElement?: JSX.Element | null;
+    rightElement?: React.JSX.Element | null;
     /** Placeholder tobe shown when no text has been entered, yet. */
     placeholder?: string;
     /** If the horizontal scrollbars should be shown. */

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

@@ -32,5 +32,5 @@ export interface ExtendedCodeEditorProps {
     readOnly?: boolean;
 }
 /** Supports single-line and multiline editing. */
-export declare const ExtendedCodeEditor: ({ multiline, initialValue, onKeyDown, enableTab, mode, setCM, onFocusChange, onMouseDown, onChange, placeholder, onCursorChange, onSelection, codeEditorProps, height, readOnly }: ExtendedCodeEditorProps) => React.JSX.Element;
+export declare const ExtendedCodeEditor: ({ multiline, initialValue, onKeyDown, enableTab, mode, setCM, onFocusChange, onMouseDown, onChange, placeholder, onCursorChange, onSelection, codeEditorProps, height, readOnly, }: ExtendedCodeEditorProps) => React.JSX.Element;
 export default ExtendedCodeEditor;

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

@@ -38,7 +38,7 @@ export interface SuggestFieldProps<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: SuggestFieldItemRendererModifierProps, handleClick: () => any): string | JSX.Element;
+    itemRenderer(item: T, query: string, modifiers: SuggestFieldItemRendererModifierProps, handleClick: () => any): string | React.JSX.Element;
     /** Renders the string that should be displayed in the input field after the item has been selected.
      */
     itemValueRenderer(item: T): string;
@@ -80,7 +80,7 @@ export interface SuggestFieldProps<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: SuggestFieldItemRendererModifierProps, handleClick: React.MouseEventHandler<HTMLElement>) => JSX.Element | undefined;
+        itemRenderer: (query: string, modifiers: SuggestFieldItemRendererModifierProps, handleClick: React.MouseEventHandler<HTMLElement>) => React.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
          */
@@ -124,14 +124,4 @@ export interface SuggestFieldProps<T, UPDATE_VALUE> {
  * - Items where itemRenderer returns a string have a default representation, i.e. highlighting of search words, active flag etc.
  */
 export declare function SuggestField<T, UPDATE_VALUE>(props: SuggestFieldProps<T, UPDATE_VALUE>): React.JSX.Element;
-export declare namespace SuggestField {
-    var defaultProps: {
-        autoFocus: boolean;
-        disabled: boolean;
-        onlyDropdownWithQuery: boolean;
-        fill: boolean;
-        requestErrorPrefix: string;
-        hasBackDrop: boolean;
-    };
-}
 export default SuggestField;

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

@@ -8,4 +8,4 @@ import { SuggestFieldItemRendererModifierProps } from "./interfaces";
  * @param itemTextRenderer The text or element that should be displayed for the new custom item suggestion.
  * @param iconName Optional icon to show left to the text.
  */
-export declare const createNewItemRendererFactory: (itemTextRenderer: (query: string) => string | JSX.Element, iconName?: ValidIconName | React.ReactElement<TestIconProps>) => (query: string, modifiers: SuggestFieldItemRendererModifierProps, handleClick: React.MouseEventHandler<HTMLElement>) => React.JSX.Element;
+export declare const createNewItemRendererFactory: (itemTextRenderer: (query: string) => string | React.JSX.Element, iconName?: ValidIconName | React.ReactElement<TestIconProps>) => (query: string, modifiers: SuggestFieldItemRendererModifierProps, handleClick: React.MouseEventHandler<HTMLElement>) => React.JSX.Element;

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

@@ -36,7 +36,7 @@ interface AdditionalButtonProps {
     /**
      * takes in either a string of text or a react element to display as a tooltip when the button is hovered.
      */
-    tooltip?: string | JSX.Element | null;
+    tooltip?: string | React.JSX.Element | null;
     /**
      * Object with additional properties for the tooltip.
      */
@@ -44,11 +44,11 @@ interface AdditionalButtonProps {
     /**
      * Icon displayed on button start.
      */
-    icon?: ValidIconName | JSX.Element;
+    icon?: ValidIconName | React.JSX.Element;
     /**
      * Icon displayed on button end.
      */
-    rightIcon?: ValidIconName | JSX.Element;
+    rightIcon?: ValidIconName | React.JSX.Element;
 }
 interface ExtendedButtonProps extends AdditionalButtonProps, Omit<BlueprintButtonProps, "intent" | "icon" | "rightIcon"> {
 }

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

@@ -1,7 +1,7 @@
 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;
+    children: React.JSX.Element | (React.JSX.Element | undefined | null)[] | null | undefined;
 }
 export declare const CardHeader: ({ children, className, ...otherProps }: CardHeaderProps) => React.JSX.Element;
 export default CardHeader;

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

@@ -1,8 +1,8 @@
 import React from "react";
-import Color from "color";
+import { ColorLike } from "color";
 import { getEnabledColorsProps } from "../../common/utils/colorHash";
 import { TextFieldProps } from "../TextField";
-type ColorPresets = [string, string][] | [string, Color][];
+type ColorPresets = [string, string][] | [string, ColorLike][];
 type ColorPresetConfiguration = Pick<getEnabledColorsProps, "includeColorWeight" | "includePaletteGroup">;
 export interface ColorFieldProps extends Omit<TextFieldProps, "invisibleCharacterWarning"> {
     /**
@@ -21,9 +21,6 @@ export interface ColorFieldProps extends Omit<TextFieldProps, "invisibleCharacte
 export declare const ColorField: {
     ({ className, allowCustomColor, colorPresets, defaultValue, value, onChange, fullWidth, ...otherTextFieldProps }: ColorFieldProps): React.JSX.Element;
     listColorPalettePresets: (colorPaletteSet?: ColorPresetConfiguration) => ColorPresets;
-    /**
-     * Simple helper function that provide simple access to color hash calculation.
-     */
     calculateColorHashValue(text: string, options?: calculateColorHashValueProps): string | undefined;
 };
 type calculateColorHashValueProps = Pick<ColorFieldProps, "allowCustomColor"> & ColorPresetConfiguration;

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

@@ -1,6 +1,6 @@
 import React from "react";
+import { StickyTargetProps } from "../../components";
 import { TestableComponent } from "../../components/interfaces";
-import { StickyTargetProps } from "../index";
 export interface ContentGroupProps extends Omit<React.HTMLAttributes<HTMLElement>, "title">, TestableComponent {
     /**
      * Title of the content group.

package/dist/types/components/ContextOverlay/ContextMenu.d.ts

@@ -1,5 +1,6 @@
 import React from "react";
 import { ValidIconName } from "../Icon/canonicalIconNames";
+import { IconButtonProps } from "../Icon/IconButton";
 import { TestableComponent } from "../interfaces";
 import { ContextOverlayProps } from "./ContextOverlay";
 export interface ContextMenuProps extends TestableComponent {
@@ -11,19 +12,24 @@ export interface ContextMenuProps extends TestableComponent {
      * The elements of the context menu.
      * They will be wrapped in a `Menu` element automatically.
      */
-    children?: JSX.Element | JSX.Element[];
+    children?: React.JSX.Element | React.JSX.Element[];
     /**
      * Toggler that need to be used to display menu.
      * If a valid icon name is used then the icon element is displayed.
      * In this case `togglerText`, `togglerLarge` and `tooltipAsTitle` are used, too.
      */
-    togglerElement?: ValidIconName | JSX.Element;
+    togglerElement?: ValidIconName | React.JSX.Element;
     /**
      * Text displayed as title or tooltip on toggler element.
      */
     togglerText?: string;
+    /**
+     * Allow to de- and increase the size of the default toggler button.
+     */
+    togglerSize?: IconButtonProps["size"];
     /**
      * Toggler element is displayed larger than normal.
+     * @deprecated (v27) use `togglerSize="large" instead
      */
     togglerLarge?: boolean;
     /**
@@ -47,5 +53,5 @@ export interface ContextMenuProps extends TestableComponent {
 /**
  * Element displays menu items after toggler is clicked.
  */
-export declare const ContextMenu: ({ children, className, togglerElement, togglerText, contextOverlayProps, disabled, togglerLarge, tooltipAsTitle, preventPlaceholder, "data-test-id": dataTestId, "data-testid": dataTestid, ...restProps }: ContextMenuProps) => React.JSX.Element;
+export declare const ContextMenu: ({ children, className, togglerElement, togglerText, contextOverlayProps, disabled, togglerLarge, togglerSize, tooltipAsTitle, preventPlaceholder, "data-test-id": dataTestId, "data-testid": dataTestid, ...restProps }: ContextMenuProps) => React.JSX.Element;
 export default ContextMenu;

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

@@ -1,11 +1,11 @@
 import React from "react";
 import { PopoverProps as BlueprintPopoverProps } from "@blueprintjs/core";
-import { WhiteSpaceContainerProps } from "../../index";
+import { WhiteSpaceContainerProps } from "../Typography";
 export interface ContextOverlayProps extends Omit<BlueprintPopoverProps, "position"> {
     /**
      * `target` element to use as toggler for the overlay display.
      */
-    children?: JSX.Element;
+    children?: React.JSX.Element;
     /**
      * Type of counter property to `Modal.forceTopPosition`.
      * Use it when you need to display modal dialogs out of the context overlay.

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

@@ -1,5 +1,7 @@
 import React from "react";
-import { ContextOverlayProps, TestableComponent, TooltipSize } from "../../index";
+import { ContextOverlayProps } from "../ContextOverlay";
+import { TestableComponent } from "../interfaces";
+import { TooltipSize } from "../Tooltip/Tooltip";
 export interface DecoupledOverlayProps extends React.HTMLAttributes<HTMLDivElement>, TestableComponent, Pick<ContextOverlayProps, "usePortal" | "portalContainer" | "placement" | "minimal" | "paddingSize"> {
     /**
      * Element that should be used. The step content is displayed as a tooltip instead of a modal.

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

@@ -1,5 +1,5 @@
 import React from "react";
-import Color from "color";
+import { ColorLike } from "color";
 import { BadgeProps } from "../Badge/Badge";
 import { IconProps } from "../Icon/Icon";
 import { TestIconProps } from "../Icon/TestIcon";
@@ -38,7 +38,7 @@ export interface DepictionProps extends React.HTMLAttributes<HTMLElement> {
      * Color that is used for the depiction background.
      * This may be important if you use PNG, SVG or other image types that can have transparent background areas.
      */
-    backgroundColor?: Color | string | "light" | "dark";
+    backgroundColor?: ColorLike | "light" | "dark";
     /**
      * The depiction is displayed with a border around it.
      */
@@ -57,7 +57,7 @@ export interface DepictionProps extends React.HTMLAttributes<HTMLElement> {
     /**
      * Description of the depiction.
      */
-    caption?: string | JSX.Element;
+    caption?: string | React.JSX.Element;
     /**
      * How is the caption displayed.
      */

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

@@ -24,7 +24,7 @@ export interface SimpleDialogProps extends ModalProps, TestableComponent {
     /**
      * Can contain elements actionable/non-actionable elements display right-aligned to the dialog title.
      */
-    headerOptions?: null | JSX.Element | JSX.Element[];
+    headerOptions?: null | React.JSX.Element | React.JSX.Element[];
     /**
      * If enabled neither closing via `esc` key or clicking outside of the component will work, except explicitly specified.
      */

package/dist/types/components/Form/FieldItem.d.ts

@@ -21,7 +21,7 @@ export interface FieldItemProps extends React.HTMLAttributes<HTMLDivElement>, Te
      * Text for user help.
      * Is displayed between label and input element.
      */
-    helperText?: string | JSX.Element;
+    helperText?: string | React.JSX.Element;
     /**
      * Feedback notification.
      * Is displayed below the included input element.

package/dist/types/components/Form/FieldSet.d.ts

@@ -13,17 +13,17 @@ export interface FieldSetProps extends Omit<React.FieldsetHTMLAttributes<HTMLFie
     /**
      * Optional helper text. If given then it is displayed after the title.
      */
-    helperText?: string | JSX.Element;
+    helperText?: string | React.JSX.Element;
     /**
      * Optional notification text.
      * If given then it is displayed before the fieldset content and is colored reagarding the set intent state.
      */
-    messageText?: string | JSX.Element;
+    messageText?: string | React.JSX.Element;
     /**
      * Optional title, set the fieldset legend and if given it is display on top, colored reagarding the set intent state.
      *
      */
-    title?: string | JSX.Element;
+    title?: string | React.JSX.Element;
 }
 /**
  * Displays a group of input elements.

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

@@ -7,12 +7,12 @@ export interface HoverTogglerProps extends Omit<React.HTMLAttributes<HTMLDivElem
     /**
      * The content that is shown when not hovered.
      */
-    baseContent: JSX.Element;
+    baseContent: React.JSX.Element;
     baseContentProps?: Omit<React.HTMLAttributes<HTMLDivElement>, "children">;
     /**
      * The content that is shown when hovered.
      */
-    hoverContent: JSX.Element;
+    hoverContent: React.JSX.Element;
     hoverContentProps?: Omit<React.HTMLAttributes<HTMLDivElement>, "children">;
     /**
      * Display as inline element.

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

@@ -4,15 +4,15 @@ export interface LabelProps extends React.LabelHTMLAttributes<HTMLLabelElement>
     /**
      * Label text.
      */
-    text?: string | JSX.Element;
+    text?: string | React.JSX.Element;
     /**
      * Short info about label semantic, it is displayed in parentesis after the label text.
      */
-    info?: string | JSX.Element;
+    info?: string | React.JSX.Element;
     /**
      * Additional tooltip, attached to an info icon that is displayed after the info.
      */
-    tooltip?: string | JSX.Element;
+    tooltip?: string | React.JSX.Element;
     /**
      * Additonal tooltip properties, e.g. `hoverOpenDelay`.
      */

package/dist/types/components/Menu/MenuItem.d.ts

@@ -11,7 +11,7 @@ export interface MenuItemProps extends Omit<BlueprintMenuItemProps, "icon" | "ch
     /**
      * Tooltip, but only added to the label, not to the full menu item.
      */
-    tooltip?: string | JSX.Element;
+    tooltip?: string | React.JSX.Element;
 }
 /**
  * Single item, used as child inside `Menu`.

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

@@ -1,6 +1,6 @@
 import React from "react";
 import { HTMLInputProps as BlueprintHTMLInputProps, Intent as BlueprintIntent } from "@blueprintjs/core";
-import { MultiSelect as BlueprintMultiSelect, MultiSelectProps as BlueprintMultiSelectProps } from "@blueprintjs/select";
+import { MultiSelectProps as BlueprintMultiSelectProps } from "@blueprintjs/select";
 import { TestableComponent } from "../interfaces";
 import { ContextOverlayProps } from "./../../index";
 export interface MultiSuggestFieldSelectionProps<T> {
@@ -9,7 +9,7 @@ export interface MultiSuggestFieldSelectionProps<T> {
     selectedItems: T[];
     createdItems: Partial<T>[];
 }
-interface MultiSuggestFieldCommonProps<T> extends TestableComponent, Pick<BlueprintMultiSelectProps<T>, "items" | "placeholder" | "openOnKeyDown"> {
+export interface MultiSuggestFieldCommonProps<T> extends TestableComponent, Pick<BlueprintMultiSelectProps<T>, "items" | "placeholder" | "openOnKeyDown" | "noResults" | "createNewItemRenderer">, Partial<Pick<BlueprintMultiSelectProps<T>, "itemRenderer">> {
     /**
      * Additional class name, space separated.
      */
@@ -57,9 +57,11 @@ interface MultiSuggestFieldCommonProps<T> extends TestableComponent, Pick<Bluepr
      */
     newItemCreationText?: string;
     /**
-     * Allows to creates new item from a given query. If this is not provided then no new items can be created.
+     * Allows to create new item from a given query. If this is not provided then no new items can be created.
      */
     createNewItemFromQuery?: (query: string) => T;
+    /** Validates if a new item can be created from the current query string. */
+    isValidNewOption?: (query: string) => boolean;
     /**
      * Items that were newly created and not taken from the list will be post-fixed with this string.
      */
@@ -88,9 +90,18 @@ interface MultiSuggestFieldCommonProps<T> extends TestableComponent, Pick<Bluepr
     wrapperProps?: React.HTMLAttributes<HTMLDivElement>;
     /**
      * Function that allows us to filter values from the option list.
-     * If not provided, values are filtered by their labels
+     *
+     * @deprecated (v27) use `searchListPredicate` instead.
      */
     searchPredicate?: (item: T, query: string) => boolean;
+    /**
+     * Returns the filtered the search option list.
+     * By default, a case-insensitive multi-word filtering is applied.
+     *
+     * @param items The options.
+     * @param query The search query.
+     */
+    searchListPredicate?: (items: T[], query: string) => T[];
     /**
      * Limits the height of the input target plus its dropdown menu when it is opened.
      * Need to be a `number not greater than 100` (as `vh`, a unit describing a length relative to the viewport height) or `true` (equals 100).
@@ -121,8 +132,4 @@ export type MultiSuggestFieldProps<T> = MultiSuggestFieldCommonProps<T> & ({
  *
  * Attention: there may be another `MultiSelect` component in future but this will be a re-implemented `Select` like element allowing multiple selections.
  */
-export declare function MultiSuggestField<T>({ items, selectedItems: externalSelectedItems, prePopulateWithItems, itemId, itemLabel, onSelection, contextOverlayProps, tagInputProps, inputProps, runOnQueryChange, fullWidth, noResultText, newItemCreationText, newItemPostfix, disabled, createNewItemFromQuery, requestDelay, clearQueryOnSelection, className, "data-test-id": dataTestId, "data-testid": dataTestid, wrapperProps, searchPredicate, limitHeightOpened, intent, ...otherMultiSelectProps }: MultiSuggestFieldProps<T>): React.JSX.Element;
-export declare namespace MultiSuggestField {
-    var ofType: typeof BlueprintMultiSelect.ofType;
-}
-export default MultiSuggestField;
+export declare function MultiSuggestField<T>({ items, selectedItems: externalSelectedItems, prePopulateWithItems, itemId, itemLabel, onSelection, contextOverlayProps, tagInputProps, inputProps, runOnQueryChange, fullWidth, noResultText, newItemCreationText, newItemPostfix, disabled, createNewItemFromQuery, isValidNewOption, requestDelay, clearQueryOnSelection, className, "data-test-id": dataTestId, "data-testid": dataTestid, wrapperProps, searchPredicate, searchListPredicate, limitHeightOpened, intent, ...otherMultiSelectProps }: MultiSuggestFieldProps<T>): React.JSX.Element;

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

@@ -0,0 +1,32 @@
+import React from "react";
+import { TagProps, TooltipProps } from "../../index";
+import { TestableComponent } from "../interfaces";
+export interface NotAvailableProps extends TestableComponent, Pick<TagProps, "icon" | "className">, Pick<TooltipProps, "intent"> {
+    /**
+     * Text displayed by the element.
+     */
+    label?: TagProps["children"];
+    /**
+     * Add a tooltip to the element.
+     * You need to set an empty string `""` to remove it.
+     */
+    tooltip?: TooltipProps["content"];
+    /**
+     * Specify the display of the used `Tag` component.
+     */
+    tagProps?: Omit<TagProps, "icon" | "intent" | "children">;
+    /**
+     * Specify the display of the used `Tooltip` component.
+     */
+    tooltipProps?: Omit<TooltipProps, "content" | "intent" | "children">;
+    /**
+     * Do not use the `Tag` component for the display.
+     * The `intent` state can be displayed only on the tooltip then.
+     */
+    noTag?: boolean;
+}
+/**
+ * Simple placeholder element that can be used to display info about missing data.
+ */
+export declare const NotAvailable: ({ label, tooltip, icon, intent, tagProps, tooltipProps, className, noTag, ...otherProps }: NotAvailableProps) => React.JSX.Element;
+export default NotAvailable;

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

@@ -8,11 +8,11 @@ export interface NotificationProps extends TestableComponent, Omit<BlueprintToas
     /**
      * Extra user action elements
      */
-    actions?: JSX.Element | JSX.Element[];
+    actions?: React.JSX.Element | React.JSX.Element[];
     /**
      * Notification message that can be used as alternative to children elements.
      */
-    message?: JSX.Element | string;
+    message?: React.JSX.Element | string;
     /**
      * Intent state of the notification.
      */

package/dist/types/components/OverviewItem/OverviewItemActions.d.ts

@@ -15,7 +15,7 @@ export interface OverviewItemActionsProps extends React.HTMLAttributes<HTMLDivEl
     /**
      * Display element while the rendering of the actual children is delayed.
      */
-    delaySkeleton?: JSX.Element;
+    delaySkeleton?: React.JSX.Element;
 }
 /**
  * Contains an arbitrary number of elements for user-interactions.

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

@@ -2,7 +2,7 @@ import React from "react";
 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.
+     * This property is forward to direct `PropertyValuePair` children.
      */
     singleColumn?: boolean;
 }

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

@@ -1,7 +1,8 @@
 import React from "react";
 import { SelectProps as BlueprintSelectProps } from "@blueprintjs/select";
+import { ButtonProps } from "../Button/Button";
+import { ContextOverlayProps } from "../ContextOverlay";
 import { TestableComponent } from "../interfaces";
-import { ButtonProps, ContextOverlayProps } from "./../../index";
 export interface SelectProps<T> extends TestableComponent, Omit<BlueprintSelectProps<T>, "popoverTargetProps" | "popoverContentProps" | "popoverProps" | "popoverRef">, Pick<ButtonProps, "icon" | "rightIcon"> {
     /**
      * Textual representation of the the selected value.

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

@@ -3,7 +3,7 @@ export interface SkeletonProps {
     /**
      * Element that need to displayed using the skeleton styles.
      */
-    children: JSX.Element | JSX.Element[];
+    children: React.JSX.Element | React.JSX.Element[];
 }
 /**
  * `<Skeleton />` provides a loading state display of its children elements.

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

@@ -1,6 +1,6 @@
 import React from "react";
 import { OverlayProps as BlueprintOverlayProps, SpinnerProps as BlueprintSpinnerProps } from "@blueprintjs/core";
-import Color from "color";
+import { ColorLike } from "color";
 import { ButtonProps } from "./../Button/Button";
 type SpinnerPosition = "local" | "inline" | "global";
 type SpinnerSize = "tiny" | "small" | "medium" | "large" | "xlarge" | "inherit";
@@ -11,7 +11,7 @@ export interface SpinnerProps extends Omit<BlueprintSpinnerProps, "size" | "inte
      * Must be a valid css color definition.
      * `intent` property will always overwrite this setting.
      */
-    color?: Color | string | "inherit";
+    color?: ColorLike | "inherit";
     /**
      * Intent state of the spinner.
      * When used the spinner is colored.

package/dist/types/components/Structure/TitleSubsection.d.ts

@@ -3,7 +3,7 @@ export interface TitleSubsectionProps extends React.HTMLAttributes<HTMLElement>
     /**
      * HTML tag to use for element. As default element `h3` is used for a string as children, otherwise `div`.
      */
-    useHtmlElement?: keyof JSX.IntrinsicElements;
+    useHtmlElement?: keyof React.JSX.IntrinsicElements;
 }
 export declare const TitleSubsection: ({ children, className, useHtmlElement, ...restProps }: TitleSubsectionProps) => React.DOMElement<{
     className: string;
@@ -14,7 +14,7 @@ export declare const TitleSubsection: ({ children, className, useHtmlElement, ..
     accessKey?: string | undefined;
     autoCapitalize?: "off" | "none" | "on" | "sentences" | "words" | "characters" | undefined | (string & {});
     autoFocus?: boolean | undefined;
-    contentEditable?: (boolean | "true" | "false") | "inherit" | undefined;
+    contentEditable?: (boolean | "true" | "false") | "inherit" | "plaintext-only" | undefined;
     contextMenu?: string | undefined;
     dir?: string | undefined;
     draggable?: (boolean | "true" | "false") | undefined;
@@ -23,7 +23,6 @@ export declare const TitleSubsection: ({ children, className, useHtmlElement, ..
     id?: string | undefined;
     lang?: string | undefined;
     nonce?: string | undefined;
-    placeholder?: string | undefined;
     slot?: string | undefined;
     spellCheck?: (boolean | "true" | "false") | undefined;
     style?: React.CSSProperties | undefined;
@@ -251,9 +250,7 @@ export declare const TitleSubsection: ({ children, className, useHtmlElement, ..
     onPointerCancel?: React.PointerEventHandler<HTMLElement> | undefined;
     onPointerCancelCapture?: React.PointerEventHandler<HTMLElement> | undefined;
     onPointerEnter?: React.PointerEventHandler<HTMLElement> | undefined;
-    onPointerEnterCapture?: React.PointerEventHandler<HTMLElement> | undefined;
     onPointerLeave?: React.PointerEventHandler<HTMLElement> | undefined;
-    onPointerLeaveCapture?: React.PointerEventHandler<HTMLElement> | undefined;
     onPointerOver?: React.PointerEventHandler<HTMLElement> | undefined;
     onPointerOverCapture?: React.PointerEventHandler<HTMLElement> | undefined;
     onPointerOut?: React.PointerEventHandler<HTMLElement> | undefined;

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

@@ -1,8 +1,5 @@
 export * from "./../AutocompleteField/AutoCompleteField";
 export * from "./../AutocompleteField/interfaces";
 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").SuggestFieldItemRendererModifierProps, handleClick: import("react").MouseEventHandler<HTMLElement>) => import("react").JSX.Element;
-};
-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("./../AutocompleteField/interfaces").SuggestFieldItemRendererModifierProps, handleClick: import("react").MouseEventHandler<HTMLElement>) => import("react").JSX.Element;
+    createNewItemRendererFactory: (itemTextRenderer: (query: string) => string | React.JSX.Element, iconName?: import("../Icon/canonicalIconNames").ValidIconName | React.ReactElement<import("..").TestIconProps>) => (query: string, modifiers: import("./../AutocompleteField/interfaces").SuggestFieldItemRendererModifierProps, handleClick: React.MouseEventHandler<HTMLElement>) => import("react").JSX.Element;
 };

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

@@ -2,12 +2,12 @@ import React from "react";
 import { DataTableHeader as CarbonDataTableHeader, DataTableProps as CarbonDataTableProps, DataTableRow as CarbonDataTableRow } from "@carbon/react";
 import { TableContainerProps as CarbonTableContainerProps } from "@carbon/react/es/components/DataTable/TableContainer";
 import { TableProps } from "./Table";
-export interface TableDataContainerProps extends Omit<CarbonDataTableProps<Array<Omit<CarbonDataTableRow<Array<CarbonDataTableHeader>>, "cells">>, Array<CarbonDataTableHeader>>, "size" | "overflowMenuOnHover" | "stickyHeader" | "useStaticWidth">, React.TableHTMLAttributes<HTMLTableElement> {
-    children(signature: any): JSX.Element;
+export interface TableDataContainerProps extends Omit<CarbonDataTableProps<Array<Omit<CarbonDataTableRow<Array<CarbonDataTableHeader>>, "cells">>, Array<CarbonDataTableHeader>>, "size" | "overflowMenuOnHover" | "stickyHeader" | "useStaticWidth">, Omit<React.TableHTMLAttributes<HTMLTableElement>, "children"> {
+    children(signature: any): React.JSX.Element;
     size?: TableProps["size"];
 }
 export interface TableSimpleContainerProps extends Omit<CarbonTableContainerProps, "description" | "stickyHeader" | "title" | "useStaticWidth">, React.HTMLAttributes<HTMLDivElement> {
-    children?: JSX.Element;
+    children?: React.JSX.Element;
 }
 export type TableContainerProps = TableDataContainerProps | TableSimpleContainerProps;
 export declare function TableContainer({ className, ...otherProps }: TableContainerProps): React.JSX.Element;

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

@@ -5,4 +5,4 @@ export * from "./TableExpandRow";
 export * from "./TableExpandHeader";
 export * from "./TableCell";
 export { TableHead, TableBody, TableExpandedRow, TableHeader } from "@carbon/react";
-export type { TableHeadProps, TableBodyProps, TableExpandedRowProps, TableHeaderProps, DataTableRenderProps } from "@carbon/react";
+export type { TableHeadProps, TableBodyProps, TableExpandedRowProps, TableHeaderProps, DataTableRenderProps, } from "@carbon/react";