@eccenca/gui-elements 25.0.0 → 25.1.0-changeupgradedtoreact18cmem6639.0

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

@@ -0,0 +1,30 @@
+import React from "react";
+import Color from "color";
+import { getEnabledColorsProps } from "../../common/utils/colorHash";
+import { TextFieldProps } from "../TextField";
+type ColorPresets = [string, string][] | [string, Color][];
+type ColorPresetConfiguration = Pick<getEnabledColorsProps, "includeColorWeight" | "includePaletteGroup">;
+export interface ColorFieldProps extends Omit<TextFieldProps, "invisibleCharacterWarning"> {
+    /**
+     * Any color can be selected, not only from the color presets.
+     */
+    allowCustomColor?: boolean;
+    /**
+     * List of named colors that are used a selectable color options.
+     */
+    colorPresets?: ColorPresets;
+}
+/**
+ * Color input field that provides resets from the configured color palette.
+ * Use `includeColorWeight` and `includePaletteGroup` to filter them.
+ */
+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;
+export default ColorField;

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 (v26) 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,10 +1,11 @@
 import React from "react";
 import { PopoverProps as BlueprintPopoverProps } from "@blueprintjs/core";
+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.
@@ -15,10 +16,15 @@ export interface ContextOverlayProps extends Omit<BlueprintPopoverProps, "positi
      * Currently experimental.
      */
     usePlaceholder?: boolean;
+    /**
+     * Adds white space to each side of the overlay content.
+     * For more control use `WhiteSpaceContainer` directly as wrapper for the content children.
+     */
+    paddingSize?: WhiteSpaceContainerProps["paddingTop"];
 }
 /**
  * Element displays connected content by interacting with a target element.
  * Full list of available option can be seen at https://blueprintjs.com/docs/#popover2-package/popover2
  */
-export declare const ContextOverlay: ({ children, portalClassName, preventTopPosition, className, usePlaceholder, ...otherPopoverProps }: ContextOverlayProps) => React.JSX.Element | null;
+export declare const ContextOverlay: ({ children, portalClassName, preventTopPosition, className, usePlaceholder, paddingSize, content, ...otherPopoverProps }: ContextOverlayProps) => React.JSX.Element | null;
 export default ContextOverlay;

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

@@ -0,0 +1,22 @@
+import React from "react";
+import { TooltipSize } from "../Tooltip/Tooltip";
+import { TestableComponent } from "../interfaces";
+import { ContextOverlayProps } from "../ContextOverlay";
+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.
+     * In case of an array, the first match is highlighted. */
+    targetSelectorOrElement: string | Element;
+    /**
+     * The size of the overlay.
+     * */
+    size?: TooltipSize;
+}
+/**
+ * Use an overlay popover without the necessity to use a target that need to be rendered in place.
+ * The target is referenced by a selector string or element object.
+ * It can exist somewhere in the DOM, but it must exist when the overlay is rendered.
+ * It is always displayed, close it by removement.
+ */
+export declare const DecoupledOverlay: ({ targetSelectorOrElement, usePortal, portalContainer, minimal, placement, size, paddingSize, children, }: DecoupledOverlayProps) => React.JSX.Element;
+export default DecoupledOverlay;

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

@@ -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/Icon/IconButton.d.ts

@@ -1,8 +1,8 @@
 import React from "react";
 import { ButtonProps } from "../Button/Button";
+import { TestableComponent } from "../interfaces";
 import { ValidIconName } from "./canonicalIconNames";
 import { TestIconProps } from "./TestIcon";
-import { TestableComponent } from "../interfaces";
 interface ExtendedButtonProps extends Omit<ButtonProps, "name" | "icon" | "rightIcon" | "text" | "minimal" | "tooltip">, TestableComponent {
     /**
      * Canonical icon name, or an array of strings.

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

@@ -69,6 +69,8 @@ declare const canonicalIcons: {
     "data-time": icons.CarbonIconType;
     "data-datetime": icons.CarbonIconType;
     "data-number": icons.CarbonIconType;
+    "data-sourceschema": icons.CarbonIconType;
+    "data-targetschema": icons.CarbonIconType;
     "entity-human": icons.CarbonIconType;
     "entity-robot": icons.CarbonIconType;
     "item-add-artefact": icons.CarbonIconType;
@@ -128,14 +130,16 @@ declare const canonicalIcons: {
     "navigation-right": icons.CarbonIconType;
     "navigation-up": icons.CarbonIconType;
     "operation-aggregation": icons.CarbonIconType;
+    "operation-ai-generate": icons.CarbonIconType;
     "operation-autolayout": icons.CarbonIconType;
     "operation-clear": icons.CarbonIconType;
     "operation-commit": icons.CarbonIconType;
     "operation-comparison": icons.CarbonIconType;
     "operation-erase": icons.CarbonIconType;
+    "operation-filter": icons.CarbonIconType;
     "operation-filteredit": icons.CarbonIconType;
     "operation-filterremove": icons.CarbonIconType;
-    "operation-filter": icons.CarbonIconType;
+    "operation-filterreset": icons.CarbonIconType;
     "operation-focus": icons.CarbonIconType;
     "operation-format-codeblock": icons.CarbonIconType;
     "operation-format-text-code": icons.CarbonIconType;
@@ -162,8 +166,10 @@ declare const canonicalIcons: {
     "state-checked": icons.CarbonIconType;
     "state-checkedsimple": icons.CarbonIconType;
     "state-confirmed": icons.CarbonIconType;
+    "state-confirmed-all": icons.CarbonIconType;
     "state-danger": icons.CarbonIconType;
     "state-declined": icons.CarbonIconType;
+    "state-declined-all": icons.CarbonIconType;
     "state-flagged": icons.CarbonIconType;
     "state-info": icons.CarbonIconType;
     "state-locked": icons.CarbonIconType;
@@ -198,6 +204,8 @@ declare const canonicalIcons: {
     "toggler-star-filled": icons.CarbonIconType;
     "toggler-table": icons.CarbonIconType;
     "toggler-tree": icons.CarbonIconType;
+    "toggler-pin-empty": icons.CarbonIconType;
+    "toggler-pin-filled": icons.CarbonIconType;
     "form-template": icons.CarbonIconType;
     undefined: icons.CarbonIconType;
 };

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

@@ -0,0 +1,2 @@
+import { CarbonIconType } from "@carbon/react/icons";
+export declare const transform: (IconSymbol: CarbonIconType, rotate?: number, flipH?: boolean, flipV?: boolean) => CarbonIconType;

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

@@ -5,10 +5,11 @@ import { TestableComponent } from "../interfaces";
 import { ContextOverlayProps } from "./../../index";
 export interface MultiSuggestFieldSelectionProps<T> {
     newlySelected?: T;
+    newlyRemoved?: 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.
      */
@@ -39,7 +40,7 @@ interface MultiSuggestFieldCommonProps<T> extends TestableComponent, Pick<Bluepr
     /**
      * prop to listen for query changes, when text is entered in the multi-select input
      */
-    runOnQueryChange?: (query: string) => Promise<T[] | undefined>;
+    runOnQueryChange?: (query: string) => Promise<T[] | undefined> | (T[] | undefined);
     /**
      * Whether the component should take up the full width of its container.
      * This overrides `tagInputProps.fill`.
@@ -56,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.
      */
@@ -87,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 (v26) 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).
@@ -120,7 +132,7 @@ 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 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;
 export declare namespace MultiSuggestField {
     var ofType: typeof BlueprintMultiSelect.ofType;
 }

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/RadioButton/RadioButton.d.ts

@@ -1,5 +1,11 @@
 import React from "react";
 import { RadioProps as BlueprintRadioProps } from "@blueprintjs/core";
-export type RadioButtonProps = BlueprintRadioProps;
-export declare const RadioButton: ({ children, className, ...restProps }: RadioButtonProps) => React.JSX.Element;
+export interface RadioButtonProps extends BlueprintRadioProps {
+    /**
+     * Hide the indicator.
+     * The element cannot be identified as radio input then but a click on the children can be easily processed via `onChange` event.
+     */
+    hideIndicator?: boolean;
+}
+export declare const RadioButton: ({ children, className, hideIndicator, ...restProps }: RadioButtonProps) => React.JSX.Element;
 export default RadioButton;

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

@@ -1,7 +1,8 @@
 import React from "react";
 import { SelectProps as BlueprintSelectProps } from "@blueprintjs/select";
 import { TestableComponent } from "../interfaces";
-import { ButtonProps, ContextOverlayProps } from "./../../index";
+import { ButtonProps } from "../Button/Button";
+import { ContextOverlayProps } from "../ContextOverlay";
 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/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;
@@ -132,7 +131,7 @@ export declare const TitleSubsection: ({ children, className, useHtmlElement, ..
     onBlurCapture?: React.FocusEventHandler<HTMLElement> | undefined;
     onChange?: React.FormEventHandler<HTMLElement> | undefined;
     onChangeCapture?: React.FormEventHandler<HTMLElement> | undefined;
-    onBeforeInput?: React.FormEventHandler<HTMLElement> | undefined;
+    onBeforeInput?: React.InputEventHandler<HTMLElement> | undefined;
     onBeforeInputCapture?: React.FormEventHandler<HTMLElement> | undefined;
     onInput?: React.FormEventHandler<HTMLElement> | undefined;
     onInputCapture?: React.FormEventHandler<HTMLElement> | 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,8 @@
 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;
+    createNewItemRendererFactory: (itemTextRenderer: (query: string) => string | import("react").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 | import("react").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;
 };

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/Tabs/Tab.d.ts

@@ -40,7 +40,7 @@ export declare const transformTabProperties: ({ title, dontShrink, className, ba
     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;
@@ -49,7 +49,6 @@ export declare const transformTabProperties: ({ title, dontShrink, className, ba
     id: import("@blueprintjs/core").TabId;
     lang?: string | undefined;
     nonce?: string | undefined;
-    placeholder?: string | undefined;
     spellCheck?: (boolean | "true" | "false") | undefined;
     tabIndex?: number | undefined;
     translate?: "yes" | "no" | undefined;
@@ -154,7 +153,7 @@ export declare const transformTabProperties: ({ title, dontShrink, className, ba
     onBlurCapture?: React.FocusEventHandler<HTMLDivElement> | undefined;
     onChange?: React.FormEventHandler<HTMLDivElement> | undefined;
     onChangeCapture?: React.FormEventHandler<HTMLDivElement> | undefined;
-    onBeforeInput?: React.FormEventHandler<HTMLDivElement> | undefined;
+    onBeforeInput?: React.InputEventHandler<HTMLDivElement> | undefined;
     onBeforeInputCapture?: React.FormEventHandler<HTMLDivElement> | undefined;
     onInput?: React.FormEventHandler<HTMLDivElement> | undefined;
     onInputCapture?: React.FormEventHandler<HTMLDivElement> | undefined;
@@ -272,9 +271,7 @@ export declare const transformTabProperties: ({ title, dontShrink, className, ba
     onPointerCancel?: React.PointerEventHandler<HTMLDivElement> | undefined;
     onPointerCancelCapture?: React.PointerEventHandler<HTMLDivElement> | undefined;
     onPointerEnter?: React.PointerEventHandler<HTMLDivElement> | undefined;
-    onPointerEnterCapture?: React.PointerEventHandler<HTMLDivElement> | undefined;
     onPointerLeave?: React.PointerEventHandler<HTMLDivElement> | undefined;
-    onPointerLeaveCapture?: React.PointerEventHandler<HTMLDivElement> | undefined;
     onPointerOver?: React.PointerEventHandler<HTMLDivElement> | undefined;
     onPointerOverCapture?: React.PointerEventHandler<HTMLDivElement> | undefined;
     onPointerOut?: React.PointerEventHandler<HTMLDivElement> | undefined;
@@ -318,7 +315,7 @@ export declare const transformTabProperties: ({ title, dontShrink, className, ba
     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;
@@ -327,7 +324,6 @@ export declare const transformTabProperties: ({ title, dontShrink, className, ba
     id: import("@blueprintjs/core").TabId;
     lang?: string | undefined;
     nonce?: string | undefined;
-    placeholder?: string | undefined;
     spellCheck?: (boolean | "true" | "false") | undefined;
     tabIndex?: number | undefined;
     translate?: "yes" | "no" | undefined;
@@ -432,7 +428,7 @@ export declare const transformTabProperties: ({ title, dontShrink, className, ba
     onBlurCapture?: React.FocusEventHandler<HTMLDivElement> | undefined;
     onChange?: React.FormEventHandler<HTMLDivElement> | undefined;
     onChangeCapture?: React.FormEventHandler<HTMLDivElement> | undefined;
-    onBeforeInput?: React.FormEventHandler<HTMLDivElement> | undefined;
+    onBeforeInput?: React.InputEventHandler<HTMLDivElement> | undefined;
     onBeforeInputCapture?: React.FormEventHandler<HTMLDivElement> | undefined;
     onInput?: React.FormEventHandler<HTMLDivElement> | undefined;
     onInputCapture?: React.FormEventHandler<HTMLDivElement> | undefined;
@@ -550,9 +546,7 @@ export declare const transformTabProperties: ({ title, dontShrink, className, ba
     onPointerCancel?: React.PointerEventHandler<HTMLDivElement> | undefined;
     onPointerCancelCapture?: React.PointerEventHandler<HTMLDivElement> | undefined;
     onPointerEnter?: React.PointerEventHandler<HTMLDivElement> | undefined;
-    onPointerEnterCapture?: React.PointerEventHandler<HTMLDivElement> | undefined;
     onPointerLeave?: React.PointerEventHandler<HTMLDivElement> | undefined;
-    onPointerLeaveCapture?: React.PointerEventHandler<HTMLDivElement> | undefined;
     onPointerOver?: React.PointerEventHandler<HTMLDivElement> | undefined;
     onPointerOverCapture?: React.PointerEventHandler<HTMLDivElement> | undefined;
     onPointerOut?: React.PointerEventHandler<HTMLDivElement> | undefined;