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

package/src/components/Icon/Icon.tsx

@@ -25,12 +25,8 @@ const findExistingIcon = (
 
 /**
  * Returns the first icon name that exists or the fallback icon name.
- * @deprecated use `iconUtils.findExistingIconName`
  */
-export const findExistingIconName = (
-    iconNames: string[],
-    fallbackIconName: ValidIconName = "undefined"
-): ValidIconName => {
+const findExistingIconName = (iconNames: string[], fallbackIconName: ValidIconName = "undefined"): ValidIconName => {
     let foundIconName: string = fallbackIconName;
     const iconNameStack = [...iconNames];
     while (foundIconName === fallbackIconName && iconNameStack.length > 0) {

package/src/components/Icon/canonicalIconNames.tsx

@@ -1,14 +1,6 @@
 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;
-
 const canonicalIcons = {
     "application-activities": icons.Activity,
     "application-dataintegration": icons.DataUnstructured,
@@ -180,6 +172,8 @@ const canonicalIcons = {
     undefined: icons.Undefined,
 };
 
-export type ValidIconName = keyof typeof canonicalIcons;
 const canonicalIconNames: Record<ValidIconName, CarbonIconType> = canonicalIcons;
+
+export type CarbonIconType = IconType;
+export type ValidIconName = keyof typeof canonicalIcons;
 export default canonicalIconNames;

package/src/components/MultiSelect/MultiSelect.tsx

@@ -12,15 +12,13 @@ import { TestableComponent } from "../interfaces";
 
 import { ContextOverlayProps, Highlighter, IconButton, MenuItem, OverflowText, Spinner } from "./../../index";
 
+/** @deprecated (v25) use MultiSuggestFieldSelectionProps */
 export interface MultiSelectSelectionProps<T> {
     newlySelected?: T;
     selectedItems: T[];
     createdItems: Partial<T>[];
 }
 
-// @deprecated use `MultiSelectSelectionProps<T>`
-export type SelectedParamsType<T> = MultiSelectSelectionProps<T>;
-
 interface MultiSelectCommonProps<T>
     extends TestableComponent,
         Pick<BlueprintMultiSelectProps<T>, "items" | "placeholder" | "openOnKeyDown"> {
@@ -37,7 +35,6 @@ interface MultiSelectCommonProps<T>
      * this would be used in the item selection list as well as the multi-select input
      */
     itemLabel: (item: T) => string;
-
     /**
      *  function handler that would be called anytime an item is selected/deselected or an item is created/removed
      */
@@ -124,6 +121,7 @@ interface MultiSelectCommonProps<T>
     searchPredicate?: (item: T, query: string) => boolean;
 }
 
+/** @deprecated (v25) use MultiSuggestFieldProps */
 export type MultiSelectProps<T> = MultiSelectCommonProps<T> &
     (
         | {
@@ -143,13 +141,10 @@ export type MultiSelectProps<T> = MultiSelectCommonProps<T> &
     );
 
 /**
- * **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 function MultiSelect<T>({
+function MultiSelect<T>({
     items,
     selectedItems: externalSelectedItems,
     prePopulateWithItems,
@@ -439,7 +434,7 @@ export function MultiSelect<T>({
             <IconButton
                 disabled={disabled}
                 name="operation-clear"
-                data-test-id="clear-all-items" // @deprecated should be created from the given testid plus `_clearance` suffix
+                data-test-id={dataTestId ? dataTestId + "_clearance" : "clear-all-items"} // @deprecated (v25) automatically set test id will be removed
                 onClick={handleClear}
             />
         ) : undefined;
@@ -537,15 +532,10 @@ export function MultiSelect<T>({
     );
 }
 
-/** @deprecated */
-/*
-function ofType<U>() {
-    return (props: MultiSelectProps<U>) => <MultiSelect<U> {...props} />;
-}
-// */
-
 // we still return the Blueprint element here because it was already used like that
-// MultiSelect.ofType = ofType;
+/**
+ * @deprecated (v25) use directly <MultiSelect<TYPE>> (`ofType` also returns the original BlueprintJS element, not ours!)
+ */
 MultiSelect.ofType = BlueprintMultiSelect.ofType;
 
 export default MultiSelect;

package/src/components/MultiSuggestField/MultiSuggestField.stories.tsx

@@ -3,7 +3,7 @@ import { loremIpsum } from "react-lorem-ipsum";
 import { Meta, StoryFn } from "@storybook/react";
 import { fn } from "@storybook/test";
 
-import { MultiSelectSelectionProps, MultiSuggestField, SimpleDialog } from "./../../../index";
+import { MultiSuggestField, MultiSuggestFieldSelectionProps, SimpleDialog } from "./../../../index";
 
 const testLabels = loremIpsum({
     p: 1,
@@ -135,7 +135,7 @@ const CreationTemplate: StoryFn = () => {
 
     const identity = useCallback((item: string): string => item, []);
 
-    const handleOnSelect = useCallback((params: MultiSelectSelectionProps<string>) => {
+    const handleOnSelect = useCallback((params: MultiSuggestFieldSelectionProps<string>) => {
         const selected = params.selectedItems;
 
         setSelectedValues(selected);

package/src/components/MultiSuggestField/MultiSuggestField.tsx

@@ -1,9 +1,16 @@
 import React from "react";
 
 import { CLASSPREFIX as eccgui } from "../../configuration/constants";
-import { MultiSelect, MultiSelectProps } from "../MultiSelect/MultiSelect";
+import MultiSelect, { MultiSelectProps, MultiSelectSelectionProps } from "../MultiSelect/MultiSelect";
 
-export type MultiSuggestFieldProps<T> = MultiSelectProps<T>;
+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.
@@ -16,7 +23,13 @@ export function MultiSuggestField<T>({ className, ...otherProps }: MultiSuggestF
     return (
         <MultiSelect<T>
             className={`${eccgui}-multisuggestfield` + (className ? ` ${className}` : "")}
-            {...otherProps}
+            {...(otherProps as MultiSelectProps<T>)}
         />
     );
 }
+
+// we still return the Blueprint element here because it was already used like that
+/**
+ * @deprecated (v25) use directly <MultiSelect<TYPE>> (`ofType` also returns the original BlueprintJS element, not ours!)
+ */
+MultiSuggestField.ofType = MultiSelect.ofType;

package/src/components/MultiSuggestField/tests/MultiSuggestField.test.tsx

@@ -3,7 +3,7 @@ import { fireEvent, render, screen, waitFor } from "@testing-library/react";
 
 import "@testing-library/jest-dom";
 
-import { MultiSuggestField } from "../MultiSuggestField";
+import { MultiSuggestField } from "../../../../index";
 import { CustomSearch, Default, dropdownOnFocus, predefinedNotControlledValues } from "../MultiSuggestField.stories";
 
 const testLabels = ["label1", "label2", "label3", "label4", "label5"];
@@ -81,7 +81,7 @@ describe("MultiSuggestField", () => {
 
             expect(container.querySelectorAll("[data-tag-index]").length).toBe(selectedLength);
 
-            const clearButton = container.querySelector('[data-test-id="clear-all-items"');
+            const clearButton = container.querySelector('[data-test-id="multi-suggest-field_clearance"');
 
             expect(clearButton).toBeInTheDocument();
 
@@ -165,7 +165,7 @@ describe("MultiSuggestField", () => {
 
             const { rerender, container } = render(<MultiSuggestField {...args} data-test-id="multi-suggest-field" />);
 
-            const clearButtonBefore = container.querySelector("[data-test-id='clear-all-items'");
+            const clearButtonBefore = container.querySelector("[data-test-id='multi-suggest-field_clearance'");
 
             expect(clearButtonBefore).not.toBeInTheDocument();
 
@@ -186,7 +186,7 @@ describe("MultiSuggestField", () => {
             });
 
             await waitFor(() => {
-                const clearButtonAfter = container.querySelector("[data-test-id='clear-all-items'");
+                const clearButtonAfter = container.querySelector("[data-test-id='multi-suggest-field_clearance'");
 
                 expect(clearButtonAfter).toBeInTheDocument();
 
@@ -399,7 +399,7 @@ describe("MultiSuggestField", () => {
             const [inputContainer] = container.getElementsByClassName("eccgui-multiselect");
             const [input] = inputContainer.getElementsByTagName("input");
 
-            const clearButtonBefore = container.querySelector("[data-test-id='clear-all-items'");
+            const clearButtonBefore = container.querySelector("[data-test-id='multi-suggest-field_clearance'");
 
             expect(clearButtonBefore).not.toBeInTheDocument();
 
@@ -451,7 +451,7 @@ describe("MultiSuggestField", () => {
             });
 
             await waitFor(() => {
-                const clearButtonAfter = container.querySelector("[data-test-id='clear-all-items'");
+                const clearButtonAfter = container.querySelector("[data-test-id='multi-suggest-field_clearance'");
 
                 expect(clearButtonAfter).toBeInTheDocument();
 

package/src/components/Notification/Notification.tsx

@@ -44,13 +44,6 @@ export interface NotificationProps
      * 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.
@@ -62,11 +55,6 @@ export interface NotificationProps
      * 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.
@@ -87,9 +75,7 @@ export const Notification = ({
     warning = false,
     danger = false,
     neutral = false,
-    fullWidth = false, // deprecated
     flexWidth = false,
-    iconName = "state-info", // deprecated
     icon,
     timeout,
     wrapperProps,
@@ -98,7 +84,7 @@ export const Notification = ({
     ...otherProps
 }: NotificationProps) => {
     let intentLevel: string = IntentClassNames.INFO;
-    let iconSymbol = iconName;
+    let iconSymbol = "state-info";
     switch (true) {
         case success:
             intentLevel = IntentClassNames.SUCCESS;
@@ -119,7 +105,7 @@ export const Notification = ({
 
     let notificationIcon = icon !== false ? icon : undefined;
     if (icon !== false && !notificationIcon && !!iconSymbol) {
-        notificationIcon = <Icon name={iconSymbol} />;
+        notificationIcon = <Icon name={iconSymbol as ValidIconName} />;
     }
 
     const content = actions ? (
@@ -139,7 +125,6 @@ export const Notification = ({
                 `${eccgui}-notification ` +
                 intentLevel +
                 (className ? ` ${className}` : "") +
-                (fullWidth ? ` ${eccgui}-notification--fullwidth` : "") + // deprecated
                 (flexWidth ? ` ${eccgui}-notification--flexwidth` : "") +
                 (otherProps.onDismiss ? "" : ` ${eccgui}-notification--static`)
             }

package/src/components/Notification/notification.scss

@@ -60,8 +60,7 @@
     }
 }
 
-.#{$eccgui}-notification--flexwidth,
-.#{$eccgui}-notification--fullwidth {
+.#{$eccgui}-notification--flexwidth {
     min-width: 0;
     max-width: none;
 }

package/src/components/Select/Select.tsx

@@ -142,14 +142,4 @@ export function Select<T>({
     );
 }
 
-/** @deprecated: instead of `const MySelect = Select.ofType<MyType>()` use directly `<Select<MyType> {...props} />` */
-function ofType<U>() {
-    console.warn(
-        "Usage of `ofType()` is deprecated! Instead of `const MySelect = Select.ofType<MyType>()` use directly `<Select<MyType> {...props} />`"
-    );
-    return (props: SelectProps<U>) => <Select<U> {...props} />;
-}
-
-Select.ofType = ofType;
-
 export default Select;

package/src/components/Spinner/Spinner.tsx

@@ -8,12 +8,9 @@ import {
 
 import { CLASSPREFIX as eccgui } from "../../configuration/constants";
 
-// @deprecated use `SpinnerProps['position']`
-export type SpinnerPosition = "local" | "inline" | "global";
-// @deprecated use `SpinnerProps['size']`
-export type SpinnerSize = "tiny" | "small" | "medium" | "large" | "xlarge" | "inherit";
-// @deprecated use `SpinnerProps['stroke']`
-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. */

package/src/components/SuggestField/SuggestField.tsx

@@ -1,8 +1,13 @@
 import React from "react";
 
 import { CLASSPREFIX as eccgui } from "../../configuration/constants";
-import { AutoCompleteField, AutoCompleteFieldProps } from "../AutocompleteField/AutoCompleteField";
+import AutoCompleteField, { 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>;
 
 /**

package/src/components/Table/Table.tsx

@@ -4,8 +4,8 @@ import { DataTableSize as CarbonDataTableSize, Table as CarbonTable } from "@car
 // import { TableProps as CarbonTableProps } from "@carbon/react/es/components/DataTable/Table"; // TODO: check later again, currently interface is not exported
 import { CLASSPREFIX as eccgui } from "../../configuration/constants";
 
-type TableRowHeightSizeDepracted = "compact" | "tall"; // @deprecated
-export type TableRowHeightSize = "small" | "medium" | "large" | TableRowHeightSizeDepracted;
+// @deprecated (v25) use `TableProps["size"]`
+export type TableRowHeightSize = "small" | "medium" | "large";
 
 // workaround to get type/interface
 type CarbonTableProps = React.ComponentProps<typeof CarbonTable>;
@@ -14,8 +14,6 @@ export interface TableProps
         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;
     /**
@@ -42,9 +40,6 @@ export const tableRowHeightSizes: Record<string, CarbonDataTableSize> = {
     small: "xs",
     medium: "sm",
     large: "md",
-    // deprecated values
-    compact: "xs",
-    tall: "md",
 };
 
 export function Table({

package/src/components/Tag/Tag.tsx

@@ -47,14 +47,6 @@ export interface TagProps
      * Icon displayed left from the tag label.
      */
     icon?: ValidIconName | React.ReactElement<IconProps> | React.ReactElement<TestIconProps>;
-
-    // deprecated
-
-    /**
-     * @deprecated
-     * **deprecated**, use `minimal=false` plus `emphasis="stronger"`
-     */
-    emphasized?: never;
 }
 
 function Tag({
@@ -76,6 +68,7 @@ function Tag({
         try {
             color = Color(backgroundColor);
         } catch (ex) {
+            // eslint-disable-next-line no-console
             console.warn("Received invalid background color for tag: " + backgroundColor);
         }
 

package/src/components/TextField/TextArea.tsx

@@ -15,26 +15,6 @@ import { ValidIconName } from "../Icon/canonicalIconNames";
 import { InvisibleCharacterWarningProps, useTextValidation } 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.
      */
@@ -62,16 +42,13 @@ export interface TextAreaProps extends Omit<BlueprintTextAreaProps, "intent"> {
 
 export const TextArea = ({
     className = "",
-    hasStatePrimary = false,
-    hasStateSuccess = false,
-    hasStateWarning = false,
-    hasStateDanger = false,
     rows = 5,
     invisibleCharacterWarning,
     leftIcon,
     rightElement,
     wrapperDivProps,
-    ...otherProps
+    intent,
+    ...otherBlueprintTextAreaProps
 }: TextAreaProps) => {
     const textAreaCallback = React.useCallback(
         (textAreaElement: HTMLTextAreaElement) => {
@@ -148,26 +125,6 @@ export const TextArea = ({
         [leftIcon, rightElement]
     );
 
-    let deprecatedIntent;
-    switch (true) {
-        case hasStatePrimary:
-            deprecatedIntent = IntentDefinitions.PRIMARY;
-            break;
-        case hasStateSuccess:
-            deprecatedIntent = IntentDefinitions.SUCCESS;
-            break;
-        case hasStateWarning:
-            deprecatedIntent = IntentDefinitions.WARNING;
-            break;
-        case hasStateDanger:
-            deprecatedIntent = IntentDefinitions.DANGER;
-            break;
-        default:
-            break;
-    }
-
-    const { intent = deprecatedIntent, ...otherBlueprintTextAreaProps } = otherProps;
-
     let iconIntent;
     switch (intent) {
         case "edited":

package/src/components/TextField/TextField.tsx

@@ -3,7 +3,7 @@ import {
     Classes as BlueprintClassNames,
     HTMLInputProps,
     InputGroup as BlueprintInputGroup,
-    InputGroupProps2,
+    InputGroupProps as BlueprintInputGroupProps,
     Intent as BlueprintIntent,
     MaybeElement,
 } from "@blueprintjs/core";
@@ -16,27 +16,7 @@ import Icon from "../Icon/Icon";
 import { InvisibleCharacterWarningProps, useTextValidation } from "./useTextValidation";
 
 export interface TextFieldProps
-    extends Partial<Omit<InputGroupProps2, "intent" | "leftIcon" | "leftElement"> & HTMLInputProps> {
-    /**
-     * The input element is displayed with primary color scheme.
-     * @deprecated
-     */
-    hasStatePrimary?: boolean;
-    /**
-     * The input element is displayed with success (some type of green) color scheme.
-     * @deprecated
-     */
-    hasStateSuccess?: boolean;
-    /**
-     * The input element is displayed with warning (some type of orange) color scheme.
-     * @deprecated
-     */
-    hasStateWarning?: boolean;
-    /**
-     * The input element is displayed with danger (some type of red) color scheme.
-     * @deprecated
-     */
-    hasStateDanger?: boolean;
+    extends Partial<Omit<BlueprintInputGroupProps, "intent" | "leftIcon" | "leftElement"> & HTMLInputProps> {
     /**
      * Intent state of the text field.
      */
@@ -63,39 +43,19 @@ export interface TextFieldProps
  */
 export const TextField = ({
     className = "",
-    hasStatePrimary = false,
-    hasStateSuccess = false,
-    hasStateWarning = false,
-    hasStateDanger = false,
     fullWidth = true,
     leftIcon,
     invisibleCharacterWarning,
     escapeToBlur = false,
-    ...otherProps
+    intent,
+    ...otherBlueprintInputGroupProps
 }: TextFieldProps) => {
     const inputRef = React.useRef<HTMLInputElement | null>(null);
-    let deprecatedIntent;
-    switch (true) {
-        case hasStatePrimary:
-            deprecatedIntent = IntentDefinitions.PRIMARY;
-            break;
-        case hasStateSuccess:
-            deprecatedIntent = IntentDefinitions.SUCCESS;
-            break;
-        case hasStateWarning:
-            deprecatedIntent = IntentDefinitions.WARNING;
-            break;
-        case hasStateDanger:
-            deprecatedIntent = IntentDefinitions.DANGER;
-            break;
-        default:
-            break;
-    }
 
     const handleLabelEscape = React.useCallback(() => {
         inputRef.current?.blur();
-        if (otherProps.inputRef) {
-            const otherInputRef = otherProps.inputRef as RefObject<HTMLInputElement>;
+        if (otherBlueprintInputGroupProps.inputRef) {
+            const otherInputRef = otherBlueprintInputGroupProps.inputRef as RefObject<HTMLInputElement>;
             if (otherInputRef.current) {
                 otherInputRef.current.blur();
             }
@@ -109,13 +69,11 @@ export const TextField = ({
                 handleLabelEscape();
                 return false;
             }
-            return otherProps.onKeyDown?.(event);
+            return otherBlueprintInputGroupProps.onKeyDown?.(event);
         },
-        [otherProps.onKeyDown, escapeToBlur]
+        [otherBlueprintInputGroupProps.onKeyDown, escapeToBlur]
     );
 
-    const { intent = deprecatedIntent, ...otherBlueprintInputGroupProps } = otherProps;
-
     let iconIntent;
     switch (intent) {
         case "edited":
@@ -169,7 +127,7 @@ export const TextField = ({
             }
             dir={"auto"}
             onChange={maybeWrappedOnChange}
-            onKeyDown={otherProps.onKeyDown || escapeToBlur ? onKeyDown : undefined}
+            onKeyDown={otherBlueprintInputGroupProps.onKeyDown || escapeToBlur ? onKeyDown : undefined}
         />
     );
 };

package/src/components/Tooltip/Tooltip.tsx

@@ -7,7 +7,7 @@ import {
 
 import { CLASSPREFIX as eccgui } from "../../configuration/constants";
 
-import { Markdown, MarkdownParserProps } from "./../../cmem/markdown/Markdown";
+import { Markdown, MarkdownProps } from "./../../cmem/markdown/Markdown";
 
 export interface TooltipProps extends Omit<BlueprintTooltipProps, "position"> {
     /**
@@ -32,7 +32,7 @@ export interface TooltipProps extends Omit<BlueprintTooltipProps, "position"> {
     /**
      * Set properties for the Markdown parser
      */
-    markdownProps?: Omit<MarkdownParserProps, "children">;
+    markdownProps?: Omit<MarkdownProps, "children">;
 }
 
 export const Tooltip = ({

package/src/components/Typography/Highlighter.tsx

@@ -51,26 +51,23 @@ const escapeRegexWord = (str: string) => {
 
 /**
  * Extracts search words separated by white space.
- * @deprecated moved to `highlighterUtils.extractSearchWords`
  */
-export function extractSearchWords(textQuery: string, toLowerCase = false): string[] {
+function extractSearchWords(textQuery: string, toLowerCase = false): string[] {
     const words = textQuery.split(RegExp("\\s+")).filter((word) => word !== "");
     return toLowerCase ? words.map((w) => w.toLowerCase()) : words;
 }
 
 /**
  * Returns true if all search words are included in the given text
- * @deprecated moved to `highlighterUtils.matchesAllWords`
  */
-export function matchesAllWords(text: string, searchWords: string[]): boolean {
+function matchesAllWords(text: string, searchWords: string[]): boolean {
     return searchWords.every((w) => text.includes(w));
 }
 
 /**
  * Creates a case-insensitive multi-word regex, that matches any of the given words.
- * @deprecated moved to `highlighterUtils.createMultiWordRegex`
  */
-export function createMultiWordRegex(multiWordQuery: string[], global = true) {
+function createMultiWordRegex(multiWordQuery: string[], global = true) {
     const regexString = multiWordQuery.map(escapeRegexWord).join("|");
     return RegExp(regexString, (global ? "g" : "") + "i");
 }

package/src/components/Typography/index.ts

@@ -1,12 +1,3 @@
-import { createMultiWordRegex, extractSearchWords, matchesAllWords } from "./Highlighter";
-
-// @deprecated use `highlighterUtils`
-export const HighlighterFunctions = {
-    extractSearchWords,
-    matchesAllWords,
-    createMultiWordRegex,
-};
-
 export * from "./Highlighter";
 export * from "./HtmlContentBlock";
 export * from "./OverflowText";

package/src/components/Workspace/WorkspaceContent.tsx

@@ -10,7 +10,7 @@ export type WorkspaceContentProps = GridProps;
 
 export const WorkspaceContent = ({ children, className = "", ...restProps }: WorkspaceContentProps) => {
     return (
-        <Grid {...restProps} as={"article"} className={`${eccgui}-workspace__content ` + className} fullWidth={true}>
+        <Grid {...restProps} as={"article"} className={`${eccgui}-workspace__content ` + className}>
             <GridRow dontWrapColumns={false}>{children}</GridRow>
         </Grid>
     );

package/src/components/index.ts

@@ -26,7 +26,6 @@ export * from "./Menu";
 export * from "./MultiSelect/MultiSelect";
 export * from "./MultiSuggestField/MultiSuggestField";
 export * from "./Notification";
-export * from "./NumericInput/NumericInput";
 export * from "./OverviewItem";
 export * from "./Pagination/Pagination";
 export * from "./ProgressBar";