@trackunit/react-form-components 1.7.26 → 1.7.28

package/index.cjs.js

@@ -2551,19 +2551,6 @@ const ReactSyncSelect = ReactSelect.default || ReactSelect;
 const Select = (props) => {
     const { id, dataTestId = "select", prefix, async, maxMenuHeight = 200, label, hasError, disabled, isMulti, menuPosition = "absolute", value, options, onChange, isLoading, classNamePrefix = "select", onMenuScrollToBottom, onInputChange, isSearchable, isClearable = false, readOnly, fieldSize = "medium", openMenuOnClick = !disabled, openMenuOnFocus = false, hideSelectedOptions = false, } = props;
     const { refContainer, customStyles, menuIsOpen, customComponents, menuPlacement, openMenuHandler, closeMenuHandler } = useSelect(props);
-    // Control the search input value so it doesn’t reset after selection
-    const [inputValue, setInputValue] = react.useState("");
-    const handleInputChange = react.useCallback((nextValue, meta) => {
-        // Ignore internal actions that clear the input to preserve the typed text
-        // and avoid resetting the parent’s search state
-        const ignoreActions = new Set(["set-value", "input-blur", "menu-close"]);
-        if (ignoreActions.has(meta.action)) {
-            return inputValue;
-        }
-        setInputValue(nextValue);
-        onInputChange?.(nextValue, meta);
-        return nextValue;
-    }, [inputValue, onInputChange]);
     const reactSelectProps = react.useMemo(() => ({
         value,
         menuPlacement,
@@ -2592,8 +2579,7 @@ const Select = (props) => {
         isClearable,
         id,
         onMenuScrollToBottom,
-        onInputChange: handleInputChange,
-        inputValue,
+        onInputChange,
         hideSelectedOptions,
         isDisabled: Boolean(disabled),
     }), [
@@ -2602,10 +2588,8 @@ const Select = (props) => {
         customStyles,
         dataTestId,
         disabled,
-        handleInputChange,
         hideSelectedOptions,
         id,
-        inputValue,
         isClearable,
         isLoading,
         isMulti,
@@ -2615,6 +2599,7 @@ const Select = (props) => {
         menuIsOpen,
         menuPlacement,
         onChange,
+        onInputChange,
         onMenuScrollToBottom,
         openMenuOnClick,
         openMenuOnFocus,

package/index.esm.js

@@ -2550,19 +2550,6 @@ const ReactSyncSelect = ReactSelect.default || ReactSelect;
 const Select = (props) => {
     const { id, dataTestId = "select", prefix, async, maxMenuHeight = 200, label, hasError, disabled, isMulti, menuPosition = "absolute", value, options, onChange, isLoading, classNamePrefix = "select", onMenuScrollToBottom, onInputChange, isSearchable, isClearable = false, readOnly, fieldSize = "medium", openMenuOnClick = !disabled, openMenuOnFocus = false, hideSelectedOptions = false, } = props;
     const { refContainer, customStyles, menuIsOpen, customComponents, menuPlacement, openMenuHandler, closeMenuHandler } = useSelect(props);
-    // Control the search input value so it doesn’t reset after selection
-    const [inputValue, setInputValue] = useState("");
-    const handleInputChange = useCallback((nextValue, meta) => {
-        // Ignore internal actions that clear the input to preserve the typed text
-        // and avoid resetting the parent’s search state
-        const ignoreActions = new Set(["set-value", "input-blur", "menu-close"]);
-        if (ignoreActions.has(meta.action)) {
-            return inputValue;
-        }
-        setInputValue(nextValue);
-        onInputChange?.(nextValue, meta);
-        return nextValue;
-    }, [inputValue, onInputChange]);
     const reactSelectProps = useMemo(() => ({
         value,
         menuPlacement,
@@ -2591,8 +2578,7 @@ const Select = (props) => {
         isClearable,
         id,
         onMenuScrollToBottom,
-        onInputChange: handleInputChange,
-        inputValue,
+        onInputChange,
         hideSelectedOptions,
         isDisabled: Boolean(disabled),
     }), [
@@ -2601,10 +2587,8 @@ const Select = (props) => {
         customStyles,
         dataTestId,
         disabled,
-        handleInputChange,
         hideSelectedOptions,
         id,
-        inputValue,
         isClearable,
         isLoading,
         isMulti,
@@ -2614,6 +2598,7 @@ const Select = (props) => {
         menuIsOpen,
         menuPlacement,
         onChange,
+        onInputChange,
         onMenuScrollToBottom,
         openMenuOnClick,
         openMenuOnFocus,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@trackunit/react-form-components",
-  "version": "1.7.26",
+  "version": "1.7.28",
   "repository": "https://github.com/Trackunit/manager",
   "license": "SEE LICENSE IN LICENSE.txt",
   "engines": {
@@ -16,14 +16,14 @@
     "zod": "^3.23.8",
     "react-hook-form": "7.62.0",
     "tailwind-merge": "^2.0.0",
-    "@trackunit/css-class-variance-utilities": "1.6.39",
-    "@trackunit/react-components": "1.8.11",
-    "@trackunit/ui-icons": "1.6.38",
-    "@trackunit/shared-utils": "1.8.39",
-    "@trackunit/ui-design-tokens": "1.6.41",
-    "@trackunit/i18n-library-translation": "1.6.43",
+    "@trackunit/css-class-variance-utilities": "1.6.40",
+    "@trackunit/react-components": "1.8.12",
+    "@trackunit/ui-icons": "1.6.39",
+    "@trackunit/shared-utils": "1.8.40",
+    "@trackunit/ui-design-tokens": "1.6.42",
+    "@trackunit/i18n-library-translation": "1.6.44",
     "string-ts": "^2.0.0",
-    "@trackunit/react-test-setup": "1.3.39",
+    "@trackunit/react-test-setup": "1.3.40",
     "@js-temporal/polyfill": "^0.5.1"
   },
   "module": "./index.esm.js",