@monolith-forensics/monolith-ui 1.2.45 → 1.2.47

package/dist/SelectBox/SelectBox.js

@@ -168,20 +168,26 @@ const StyledItem = styled.div `
  * if the value is not found, it will return the value as is so that custom values can be displayed without a lookup
  */
 const resolveValue = (value, data) => {
+    let foundOption;
     if (value === undefined)
         return undefined;
-    let foundOption = null;
     if (typeof value === "string") {
         foundOption = data.find((item) => item.value === value);
     }
-    else {
-        foundOption = data.find((item) => item.value === value.value);
+    else if (typeof value === "number") {
+        foundOption = data.find((item) => item.value === value);
+    }
+    else if (typeof value === "object") {
+        foundOption = data.find((item) => item.value == value.value);
     }
     if (foundOption)
         return foundOption;
     if (typeof value === "string") {
         return { value, label: value };
     }
+    if (typeof value === "number") {
+        return { value, label: value.toString() };
+    }
     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
@@ -214,7 +220,7 @@ DropDownProps = {}, debounceTime = 150, sort = false, }) => {
      * if controlled, use the controlled value, otherwise use the resolved value
      */
     const _value = isControlled ? resolvedValue : valueState;
-    const [inputValue, setInputValue] = useState((_value === null || _value === void 0 ? void 0 : _value.label) || "");
+    const [inputValue, setInputValue] = useState(typeof _value === "object" ? (_value === null || _value === void 0 ? void 0 : _value.label) || "" : _value || "");
     const [isOpen, setIsOpen] = useState(false);
     const [searchValue, setSearchValue] = useState("");
     const [customItems, setCustomItems] = useState([]);

package/dist/SelectBox/types.d.ts

@@ -5,6 +5,7 @@ export type Option = {
     group?: string;
     data?: any;
 };
+export type Value = number | boolean | string | Option;
 export interface SelectBoxProps {
     className?: string;
     defaultValue?: Option | string;
@@ -34,7 +35,7 @@ export interface SelectBoxProps {
     OptionTooltip?: (props: {
         data: any;
     }) => JSX.Element | React.ReactNode;
-    onChange?: (value: string | null, item: Option | string | null) => void;
+    onChange?: (value: any, item: any) => void;
     onScroll?: (e: any) => void;
     onSearch?: (value: string) => void;
     searchFn?: (value: string) => void;

package/dist/TagBox/TagBox.js

@@ -312,6 +312,10 @@ const resolveValues = (value, data) => {
             const found = data.find((option) => option.value === item);
             resolvedValues.push(found || { value: item, label: item });
         }
+        else if (typeof item === "number") {
+            const found = data.find((option) => option.value === item);
+            resolvedValues.push(found || { value: item, label: item.toString() });
+        }
         else if (typeof item === "object") {
             const found = data.find((option) => option.value === item.value);
             resolvedValues.push(found || item);
@@ -369,7 +373,7 @@ const TagBox = styled(({ className, data = [], placeholder = "Select tags", arro
         return !isSelected;
     })
         .filter((item) => {
-        return item.value.toLowerCase().includes(searchValue.toLowerCase());
+        return item.label.toLowerCase().includes(searchValue.toLowerCase());
     })
         .sort((a, b) => {
         if (grouped) {

package/package.json

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