chore(combobox-web): remove unused imports and update TypeScript configuration

samuelreichert · samuelreichert · commit 0ba6840b4d2d · 2025-09-23T16:34:29.000+02:00
diff --git a/packages/pluggableWidgets/combobox-web/src/Combobox.editorPreview.tsx b/packages/pluggableWidgets/combobox-web/src/Combobox.editorPreview.tsx
@@ -1,5 +1,5 @@
 import { generateUUID } from "@mendix/widget-plugin-platform/framework/generate-uuid";
-import { createElement, ReactElement, useMemo } from "react";
+import { ReactElement, useMemo } from "react";
 import { ComboboxPreviewProps } from "../typings/ComboboxProps";
 import { SingleSelection } from "./components/SingleSelection/SingleSelection";
 import { dynamic } from "@mendix/widget-plugin-test-utils";
diff --git a/packages/pluggableWidgets/combobox-web/src/Combobox.tsx b/packages/pluggableWidgets/combobox-web/src/Combobox.tsx
@@ -1,4 +1,4 @@
-import { createElement, ReactElement } from "react";
+import { ReactElement } from "react";
 
 import { ComboboxContainerProps } from "../typings/ComboboxProps";
 
diff --git a/packages/pluggableWidgets/combobox-web/src/__tests__/MultiSelection.spec.tsx b/packages/pluggableWidgets/combobox-web/src/__tests__/MultiSelection.spec.tsx
@@ -11,7 +11,6 @@ import {
 import "@testing-library/jest-dom";
 import { fireEvent, render, RenderResult, waitFor } from "@testing-library/react";
 import { ListValue } from "mendix";
-import { createElement } from "react";
 import { ComboboxContainerProps, OptionsSourceAssociationCaptionTypeEnum } from "../../typings/ComboboxProps";
 import Combobox from "../Combobox";
 
diff --git a/packages/pluggableWidgets/combobox-web/src/__tests__/SingleSelection.spec.tsx b/packages/pluggableWidgets/combobox-web/src/__tests__/SingleSelection.spec.tsx
@@ -11,7 +11,6 @@ import {
 import "@testing-library/jest-dom";
 import { act, fireEvent, render, RenderResult, waitFor } from "@testing-library/react";
 import { ListValue } from "mendix";
-import { createElement } from "react";
 import { ComboboxContainerProps, OptionsSourceAssociationCaptionTypeEnum } from "../../typings/ComboboxProps";
 import Combobox from "../Combobox";
 
diff --git a/packages/pluggableWidgets/combobox-web/src/__tests__/StaticSelection.spec.tsx b/packages/pluggableWidgets/combobox-web/src/__tests__/StaticSelection.spec.tsx
@@ -9,7 +9,6 @@ import {
 } from "@mendix/widget-plugin-test-utils";
 import "@testing-library/jest-dom";
 import { act, fireEvent, render, RenderResult, waitFor } from "@testing-library/react";
-import { createElement } from "react";
 import { ComboboxContainerProps } from "../../typings/ComboboxProps";
 import Combobox from "../Combobox";
 
diff --git a/packages/pluggableWidgets/combobox-web/src/assets/icons.tsx b/packages/pluggableWidgets/combobox-web/src/assets/icons.tsx
@@ -1,5 +1,5 @@
 import classNames from "classnames";
-import { createElement, Fragment, MouseEvent, ReactElement } from "react";
+import { Fragment, MouseEvent, ReactElement } from "react";
 import { CaptionContent } from "../helpers/utils";
 export function ClearButton({ size = 14 }): ReactElement {
     return (
diff --git a/packages/pluggableWidgets/combobox-web/src/components/ComboboxMenuWrapper.tsx b/packages/pluggableWidgets/combobox-web/src/components/ComboboxMenuWrapper.tsx
@@ -1,6 +1,6 @@
 import classNames from "classnames";
 import { UseComboboxPropGetters } from "downshift/typings";
-import { createElement, MouseEvent, PropsWithChildren, ReactElement, ReactNode } from "react";
+import { MouseEvent, PropsWithChildren, ReactElement, ReactNode } from "react";
 import { useMenuStyle } from "../hooks/useMenuStyle";
 import { NoOptionsPlaceholder } from "./Placeholder";
 
diff --git a/packages/pluggableWidgets/combobox-web/src/components/ComboboxOptionWrapper.tsx b/packages/pluggableWidgets/combobox-web/src/components/ComboboxOptionWrapper.tsx
@@ -1,6 +1,6 @@
 import classNames from "classnames";
 import { UseComboboxPropGetters } from "downshift/typings";
-import { createElement, PropsWithChildren, ReactElement } from "react";
+import { PropsWithChildren, ReactElement } from "react";
 
 interface ComboboxOptionWrapperProps extends PropsWithChildren, Partial<UseComboboxPropGetters<string>> {
     isSelected?: boolean;
diff --git a/packages/pluggableWidgets/combobox-web/src/components/ComboboxWrapper.tsx b/packages/pluggableWidgets/combobox-web/src/components/ComboboxWrapper.tsx
@@ -1,6 +1,6 @@
 import classNames from "classnames";
 import { UseComboboxGetToggleButtonPropsOptions } from "downshift/typings";
-import { createElement, forwardRef, Fragment, PropsWithChildren, ReactElement, RefObject } from "react";
+import { forwardRef, Fragment, PropsWithChildren, ReactElement, RefObject } from "react";
 import { DownArrow } from "../assets/icons";
 import { ValidationAlert } from "@mendix/widget-plugin-component-kit/Alert";
 import { ReadOnlyStyleEnum } from "typings/ComboboxProps";
diff --git a/packages/pluggableWidgets/combobox-web/src/components/Loader.tsx b/packages/pluggableWidgets/combobox-web/src/components/Loader.tsx
@@ -1,4 +1,4 @@
-import { createElement, Fragment, ReactElement } from "react";
+import { Fragment, ReactElement } from "react";
 import { LoadingTypeEnum } from "typings/ComboboxProps";
 import { DEFAULT_LIMIT_SIZE } from "../helpers/utils";
 import { SkeletonLoader } from "./SkeletonLoader";
diff --git a/packages/pluggableWidgets/combobox-web/src/components/MultiSelection/MultiSelection.tsx b/packages/pluggableWidgets/combobox-web/src/components/MultiSelection/MultiSelection.tsx
@@ -1,5 +1,5 @@
 import classNames from "classnames";
-import { createElement, Fragment, KeyboardEvent, ReactElement, useMemo, useRef } from "react";
+import { Fragment, KeyboardEvent, ReactElement, useMemo, useRef } from "react";
 import { ClearButton } from "../../assets/icons";
 import { MultiSelector, SelectionBaseProps } from "../../helpers/types";
 import { getInputLabel, getSelectedCaptionsPlaceholder } from "../../helpers/utils";
diff --git a/packages/pluggableWidgets/combobox-web/src/components/MultiSelection/MultiSelectionMenu.tsx b/packages/pluggableWidgets/combobox-web/src/components/MultiSelection/MultiSelectionMenu.tsx
@@ -1,5 +1,5 @@
 import { UseComboboxPropGetters } from "downshift/typings";
-import { createElement, MouseEvent, ReactElement, ReactNode } from "react";
+import { MouseEvent, ReactElement, ReactNode } from "react";
 import { Checkbox } from "../../assets/icons";
 import { MultiSelector } from "../../helpers/types";
 import { ComboboxMenuWrapper } from "../ComboboxMenuWrapper";
diff --git a/packages/pluggableWidgets/combobox-web/src/components/MultiSelection/SelectAllButton.tsx b/packages/pluggableWidgets/combobox-web/src/components/MultiSelection/SelectAllButton.tsx
@@ -1,7 +1,7 @@
 import { ThreeStateCheckBox, ThreeStateCheckBoxEnum } from "@mendix/widget-plugin-component-kit/ThreeStateCheckBox";
 import classNames from "classnames";
 import { UseComboboxPropGetters } from "downshift/typings";
-import { createElement, Fragment, ReactElement } from "react";
+import { Fragment, ReactElement } from "react";
 import { CaptionContent } from "../../helpers/utils";
 
 interface SelectAllButtonProps extends Partial<UseComboboxPropGetters<string>> {
diff --git a/packages/pluggableWidgets/combobox-web/src/components/Placeholder.tsx b/packages/pluggableWidgets/combobox-web/src/components/Placeholder.tsx
@@ -1,5 +1,5 @@
 import classNames from "classnames";
-import { createElement, PropsWithChildren, ReactElement } from "react";
+import { PropsWithChildren, ReactElement } from "react";
 import { DownArrow } from "../assets/icons";
 
 export function Placeholder(): ReactElement {
diff --git a/packages/pluggableWidgets/combobox-web/src/components/SingleSelection/SingleSelection.tsx b/packages/pluggableWidgets/combobox-web/src/components/SingleSelection/SingleSelection.tsx
@@ -1,5 +1,5 @@
 import classNames from "classnames";
-import { createElement, Fragment, ReactElement, useMemo, useRef } from "react";
+import { Fragment, ReactElement, useMemo, useRef } from "react";
 import { ClearButton } from "../../assets/icons";
 import { SelectionBaseProps, SingleSelector } from "../../helpers/types";
 import { getInputLabel } from "../../helpers/utils";
diff --git a/packages/pluggableWidgets/combobox-web/src/components/SingleSelection/SingleSelectionMenu.tsx b/packages/pluggableWidgets/combobox-web/src/components/SingleSelection/SingleSelectionMenu.tsx
@@ -1,5 +1,5 @@
 import { UseComboboxPropGetters } from "downshift/typings";
-import { createElement, ReactElement, ReactNode } from "react";
+import { ReactElement, ReactNode } from "react";
 import { SingleSelector } from "../../helpers/types";
 import { ComboboxMenuWrapper } from "../ComboboxMenuWrapper";
 import { ComboboxOptionWrapper } from "../ComboboxOptionWrapper";
diff --git a/packages/pluggableWidgets/combobox-web/src/components/SkeletonLoader.tsx b/packages/pluggableWidgets/combobox-web/src/components/SkeletonLoader.tsx
@@ -1,4 +1,4 @@
-import { createElement, ReactElement } from "react";
+import { ReactElement } from "react";
 
 type SkeletonLoaderProps = {
     withCheckbox?: boolean;
diff --git a/packages/pluggableWidgets/combobox-web/src/components/SpinnerLoader.tsx b/packages/pluggableWidgets/combobox-web/src/components/SpinnerLoader.tsx
@@ -1,5 +1,5 @@
 import classNames from "classnames";
-import { createElement, ReactElement } from "react";
+import { ReactElement } from "react";
 
 type SpinnerLoaderProps = {
     size?: "small" | "medium";
diff --git a/packages/pluggableWidgets/combobox-web/src/helpers/Association/AssociationSimpleCaptionsProvider.tsx b/packages/pluggableWidgets/combobox-web/src/helpers/Association/AssociationSimpleCaptionsProvider.tsx
@@ -1,5 +1,5 @@
 import { DynamicValue, ListAttributeValue, ListExpressionValue, ListWidgetValue, ObjectItem } from "mendix";
-import { createElement, ReactNode } from "react";
+import { ReactNode } from "react";
 import { OptionsSourceAssociationCustomContentTypeEnum } from "../../../typings/ComboboxProps";
 import { CaptionPlacement, CaptionsProvider } from "../types";
 import { CaptionContent } from "../utils";
diff --git a/packages/pluggableWidgets/combobox-web/src/helpers/Association/Preview/AssociationPreviewCaptionsProvider.tsx b/packages/pluggableWidgets/combobox-web/src/helpers/Association/Preview/AssociationPreviewCaptionsProvider.tsx
@@ -2,7 +2,7 @@ import { CaptionPlacement } from "src/helpers/types";
 import { CaptionContent } from "src/helpers/utils";
 import { OptionsSourceAssociationCustomContentTypeEnum } from "typings/ComboboxProps";
 import { AssociationSimpleCaptionsProvider } from "../AssociationSimpleCaptionsProvider";
-import { ComponentType, createElement, ReactNode } from "react";
+import { ComponentType, ReactNode } from "react";
 interface PreviewProps {
     customContentRenderer:
         | ComponentType<{ children: ReactNode; caption?: string }>
diff --git a/packages/pluggableWidgets/combobox-web/src/helpers/Database/DatabaseCaptionsProvider.tsx b/packages/pluggableWidgets/combobox-web/src/helpers/Database/DatabaseCaptionsProvider.tsx
@@ -1,5 +1,5 @@
 import { DynamicValue, ListAttributeValue, ListExpressionValue, ListWidgetValue, ObjectItem } from "mendix";
-import { createElement, ReactNode } from "react";
+import { ReactNode } from "react";
 import { OptionsSourceAssociationCustomContentTypeEnum } from "../../../typings/ComboboxProps";
 import { CaptionPlacement, CaptionsProvider } from "../types";
 import { CaptionContent } from "../utils";
diff --git a/packages/pluggableWidgets/combobox-web/src/helpers/EnumBool/EnumAndBooleanSimpleCaptionsProvider.tsx b/packages/pluggableWidgets/combobox-web/src/helpers/EnumBool/EnumAndBooleanSimpleCaptionsProvider.tsx
@@ -1,5 +1,5 @@
 import { DynamicValue, EditableValue } from "mendix";
-import { createElement, ReactNode } from "react";
+import { ReactNode } from "react";
 import { CaptionsProvider } from "../types";
 
 interface EnumAndBooleanSimpleCaptionsProviderProps {
diff --git a/packages/pluggableWidgets/combobox-web/src/helpers/Static/Preview/StaticPreviewCaptionsProvider.tsx b/packages/pluggableWidgets/combobox-web/src/helpers/Static/Preview/StaticPreviewCaptionsProvider.tsx
@@ -1,7 +1,7 @@
 import { OptionsSourceStaticDataSourcePreviewType, StaticDataSourceCustomContentTypeEnum } from "typings/ComboboxProps";
 import { CaptionPlacement, CaptionsProvider } from "../../types";
 import { CaptionContent } from "../../utils";
-import { createElement, ReactNode } from "react";
+import { ReactNode } from "react";
 
 export class StaticPreviewCaptionsProvider implements CaptionsProvider {
     emptyCaption = "Combo box";
diff --git a/packages/pluggableWidgets/combobox-web/src/helpers/Static/StaticCaptionsProvider.tsx b/packages/pluggableWidgets/combobox-web/src/helpers/Static/StaticCaptionsProvider.tsx
@@ -1,5 +1,5 @@
 import { DynamicValue, ListAttributeValue } from "mendix";
-import { createElement, ReactNode } from "react";
+import { ReactNode } from "react";
 import {
     OptionsSourceAssociationCustomContentTypeEnum,
     OptionsSourceStaticDataSourceType,
diff --git a/packages/pluggableWidgets/combobox-web/src/hooks/useMenuStyle.ts b/packages/pluggableWidgets/combobox-web/src/hooks/useMenuStyle.ts
@@ -2,7 +2,7 @@ import { useEffect, useMemo, useRef, useState } from "react";
 import { usePositionObserver } from "@mendix/widget-plugin-hooks/usePositionObserver";
 import { debounce } from "@mendix/widget-plugin-platform/utils/debounce";
 
-export function useMenuStyle<T extends HTMLElement>(isOpen: boolean): [React.RefObject<T>, React.CSSProperties] {
+export function useMenuStyle<T extends HTMLElement>(isOpen: boolean): [React.RefObject<T | null>, React.CSSProperties] {
     const ref = useRef<T>(null);
     const [style, setStyle] = useState<React.CSSProperties>({ visibility: "hidden", position: "fixed" });
     const [setStyleDebounced, abort] = useMemo(() => debounce(setStyle, 32), [setStyle]);
diff --git a/packages/pluggableWidgets/combobox-web/tsconfig.json b/packages/pluggableWidgets/combobox-web/tsconfig.json
@@ -18,8 +18,7 @@
         "skipLibCheck": true,
         "noUnusedLocals": true,
         "noUnusedParameters": true,
-        "jsx": "react",
-        "jsxFactory": "createElement",
+        "jsx": "react-jsx",
         "allowSyntheticDefaultImports": true,
         "esModuleInterop": true,
         "useUnknownInCatchVariables": false,

Original file line number	Diff line number	Diff line change
`@@ -1,4 +1,4 @@`
`1`		`-import { createElement, ReactElement } from "react";`
	`1`	`+import { ReactElement } from "react";`
`2`	`2`
`3`	`3`	`import { ComboboxContainerProps } from "../typings/ComboboxProps";`
`4`	`4`
Original file line number	Diff line number	Diff line change
`@@ -1,4 +1,4 @@`
`1`		`-import { createElement, Fragment, ReactElement } from "react";`
	`1`	`+import { Fragment, ReactElement } from "react";`
`2`	`2`	`import { LoadingTypeEnum } from "typings/ComboboxProps";`
`3`	`3`	`import { DEFAULT_LIMIT_SIZE } from "../helpers/utils";`
`4`	`4`	`import { SkeletonLoader } from "./SkeletonLoader";`