@monolith-forensics/monolith-ui 1.2.114 → 1.2.116

package/dist/SelectBox/SelectBox.js

@@ -202,7 +202,7 @@ const resolveValue = (value, data) => {
     return value;
 };
 const SelectBox = styled(({ className, data = [], placeholder = "Select...", arrow = true, onChange, onSearch, searchFn, onScroll, loading, defaultValue, value, onItemAdded, size = "sm", variant = "outlined", width = "100%", allowCustomValue = false, searchable = false, clearable = false, label, description, required = false, error, openOnFocus = true, renderOption, actionComponent, focused, grouped, OptionTooltip, // Custom tooltip component for search menu items
-DropDownProps = {}, debounceTime = 150, sort = false, disabled = false, }) => {
+DropDownProps = {}, debounceTime = 175, sort = false, disabled = false, }) => {
     var _a, _b, _c, _d, _e, _f, _g;
     const theme = useTheme();
     const isObjectArray = (_a = Object.keys((data === null || data === void 0 ? void 0 : data[0]) || {})) === null || _a === void 0 ? void 0 : _a.includes("label");
@@ -320,24 +320,25 @@ DropDownProps = {}, debounceTime = 150, sort = false, disabled = false, }) => {
         else {
             handleSearch(value);
         }
-        if (allowCustomValue && value) {
-            const existingItem = resolvedOptions.find((item) => item.value.toLowerCase() === value.toLowerCase());
+        if (!!allowCustomValue && !!value) {
+            const existingItem = resolvedOptions.find((item) => { var _a, _b, _c; return ((_b = (_a = item === null || item === void 0 ? void 0 : item.value) === null || _a === void 0 ? void 0 : _a.toLowerCase) === null || _b === void 0 ? void 0 : _b.call(_a)) === ((_c = value === null || value === void 0 ? void 0 : value.toLowerCase) === null || _c === void 0 ? void 0 : _c.call(value)); });
             if (existingItem)
                 handleChangeSelection(existingItem);
-            else
-                handleChangeSelection(null);
+            else {
+                handleChangeSelection({
+                    value: value,
+                    label: value,
+                });
+            }
         }
         update();
     }, debounceTime);
     const handleBlur = () => {
-        // add custom value if prop is set
-        // and input value is not empty
-        // and no item is selected
-        if (allowCustomValue && !_value && !!inputValue) {
-            handleAddItem(inputValue);
-        }
         setIsOpen(false);
         setSearchValue("");
+        if (!allowCustomValue && !_value) {
+            setInputValue("");
+        }
     };
     const handleClear = (e) => {
         e.preventDefault();
@@ -363,10 +364,8 @@ DropDownProps = {}, debounceTime = 150, sort = false, disabled = false, }) => {
         onChange === null || onChange === void 0 ? void 0 : onChange(option === null || option === void 0 ? void 0 : option.value, option);
     }, [onChange]);
     const handleAddItem = useCallback((newItem) => {
-        const newValue = { label: newItem, value: newItem };
-        setCustomItems((prev) => [...prev, newValue]);
-        handleChangeSelection(newValue);
-        onItemAdded === null || onItemAdded === void 0 ? void 0 : onItemAdded(newValue);
+        setCustomItems((prev) => [...prev, newItem]);
+        onItemAdded === null || onItemAdded === void 0 ? void 0 : onItemAdded(newItem);
     }, [onItemAdded, isObjectArray, handleChangeSelection]);
     const handleKeyDown = (e) => {
         var _a;
@@ -428,14 +427,8 @@ DropDownProps = {}, debounceTime = 150, sort = false, disabled = false, }) => {
         }
         // Tab key
         if (e.key === "Tab") {
-            if (allowCustomValue && !_value && !!currentInputValue) {
-                handleAddItem(currentInputValue);
-                setSearchValue("");
-            }
-            else if (!_value) {
-                // clear input
+            if (!_value)
                 setInputValue("");
-            }
             setSearchValue("");
             setIsOpen(false);
             return;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@monolith-forensics/monolith-ui",
-  "version": "1.2.114",
+  "version": "1.2.116",
   "main": "./dist/index.js",
   "types": "./dist/index.d.ts",
   "author": "Matt Danner (Monolith Forensics LLC)",