@homebound/beam 2.377.1 → 2.377.2

package/dist/components/Filters/testDomain.d.ts

@@ -62,7 +62,6 @@ export type DateFilter = NonNullable<FilterDefs<ProjectFilter>["date"]>;
 export type DateRangeFilter = NonNullable<FilterDefs<ProjectFilter>["dateRange"]>;
 export declare const stageFilter: StageFilter;
 export declare const stageFilterDisabledOptions: StageFilter;
-export declare const stageOnSearch: StageFilter;
 export declare const stageSingleFilter: StageSingleFilter;
 export declare const stageFilterWithNothingSelectedText: StageSingleFilter;
 export declare const taskDueFilter: DateFilter;

package/dist/components/Filters/testDomain.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.ScheduleTypes = exports.TaskStatus = exports.taskCompleteFilter = exports.taskDueFilter = exports.stageFilterWithNothingSelectedText = exports.stageSingleFilter = exports.stageOnSearch = exports.stageFilterDisabledOptions = exports.stageFilter = exports.Stage = void 0;
+exports.ScheduleTypes = exports.TaskStatus = exports.taskCompleteFilter = exports.taskDueFilter = exports.stageFilterWithNothingSelectedText = exports.stageSingleFilter = exports.stageFilterDisabledOptions = exports.stageFilter = exports.Stage = void 0;
 const DateFilter_1 = require("./DateFilter");
 const DateRangeFilter_1 = require("./DateRangeFilter");
 const MultiFilter_1 = require("./MultiFilter");
@@ -25,12 +25,6 @@ exports.stageFilterDisabledOptions = (0, MultiFilter_1.multiFilter)({
     getOptionLabel: (s) => s.name,
     disabledOptions: [{ value: Stage.StageOne, reason: "I have a reason to be disabled." }, Stage.StageTwo],
 });
-exports.stageOnSearch = (0, MultiFilter_1.multiFilter)({
-    options: stageOptions,
-    getOptionValue: (s) => s.code,
-    getOptionLabel: (s) => s.name,
-    onSearch: () => { },
-});
 exports.stageSingleFilter = (0, SingleFilter_1.singleFilter)({
     options: stageOptions,
     getOptionValue: (s) => s.code,

package/dist/inputs/internal/ComboBoxBase.js

@@ -191,11 +191,18 @@ function ComboBoxBase(props) {
     const [debouncedSearch] = (0, use_debounce_1.useDebounce)(searchValue, 300);
     // Reset inputValue when closed or selected changes
     (0, react_1.useEffect)(() => {
-        // if we are using the onSearch functionality with debounceSearch, we don't want to reset the input value
-        if (onSearch && debouncedSearch)
-            return;
-        if (state.isOpen && multiselect) {
-            // While the multiselect is open, let the user keep typing
+        if (state.isOpen && multiselect && !debouncedSearch) {
+            // When a single-select is open, with "inputValue=Blue", when "Blue" is actually
+            // selected (our value changes), the box will close immediately, so the inputValue
+            // will get reset in the `!isOpen` case.
+            //
+            // When a multi-select is open, with "inputValue=Blue", when "Blue" is actually
+            // selected (our value changes), we leave the box open, and we want to reset
+            // the "inputValue=(empty) so the user can now type "inputType=Green".
+            //
+            // ...unless the multi-select is using onSearch, in which case we want to let them
+            // only explicitly trigger a new `onSearch` by changing the existing inputValue,
+            // i.e. they might want to keep typing "Blueish".
             setFieldState((prevState) => ({
                 ...prevState,
                 inputValue: "",
@@ -209,16 +216,7 @@ function ComboBoxBase(props) {
                 inputValue: getInputValue(selectedOptions, getOptionLabel, multiselect, nothingSelectedText, isReadOnly),
             }));
         }
-    }, [
-        state.isOpen,
-        selectedOptions,
-        getOptionLabel,
-        multiselect,
-        nothingSelectedText,
-        isReadOnly,
-        onSearch,
-        debouncedSearch,
-    ]);
+    }, [state.isOpen, selectedOptions, getOptionLabel, multiselect, nothingSelectedText, isReadOnly, debouncedSearch]);
     // Call on search callback when the user types in the input field
     (0, react_1.useEffect)(() => {
         onSearch === null || onSearch === void 0 ? void 0 : onSearch(debouncedSearch !== null && debouncedSearch !== void 0 ? debouncedSearch : "");

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@homebound/beam",
-  "version": "2.377.1",
+  "version": "2.377.2",
   "author": "Homebound",
   "license": "MIT",
   "main": "dist/index.js",