@monolith-forensics/monolith-ui 1.3.94 → 1.3.95

package/dist/{SearchableTextArea/SearchableTextArea.d.ts → SelectableTextArea/SelectableTextArea.d.ts}

@@ -1,4 +1,5 @@
-export interface SearchableTextAreaProps {
+import type { DropDownItem } from "../DropDownMenu";
+export interface SelectableTextAreaProps {
     label?: string;
     data?: Array<{
         label: string;
@@ -17,9 +18,14 @@ export interface SearchableTextAreaProps {
     textAreaMaxRows?: number;
     textAreaProps?: Record<string, any>;
     initialValue?: string;
+    actionMenuData?: Array<{
+        label: string;
+        value: string;
+    }>;
+    onActionMenuSelect?: (item: DropDownItem) => void;
 }
-declare function SearchableTextArea({ label, data, searchable, allowCustomValue, required, error, description, selectProps, value, onChange, textAreaPlaceholder, textAreaMinRows, textAreaMaxRows, textAreaProps, initialValue, }: SearchableTextAreaProps): import("react/jsx-runtime").JSX.Element;
-declare namespace SearchableTextArea {
+declare function SelectableTextArea({ label, data, searchable, allowCustomValue, required, error, description, selectProps, value, onChange, textAreaPlaceholder, textAreaMinRows, textAreaMaxRows, textAreaProps, initialValue, actionMenuData, onActionMenuSelect, }: SelectableTextAreaProps): import("react/jsx-runtime").JSX.Element;
+declare namespace SelectableTextArea {
     var displayName: string;
 }
-export default SearchableTextArea;
+export default SelectableTextArea;

package/dist/{SearchableTextArea/SearchableTextArea.js → SelectableTextArea/SelectableTextArea.js}

@@ -34,7 +34,7 @@ const StyledSelectBox = styled(SelectBox) `
   pointer-events: none; /* Disable all interactions */
   height: 0;
   overflow: hidden;
-  
+
   /* Hide all child elements */
   * {
     opacity: 0;
@@ -42,13 +42,13 @@ const StyledSelectBox = styled(SelectBox) `
     height: 0;
     overflow: hidden;
   }
-  
+
   /* Only allow dropdown portal to be visible and interactive when opened programmatically */
   [data-floating-ui-portal] {
     opacity: 1 !important;
     pointer-events: auto !important;
     z-index: 1000 !important;
-    
+
     * {
       opacity: 1 !important;
       pointer-events: auto !important;
@@ -97,7 +97,7 @@ const StyledTextArea = styled.textarea `
     opacity: 0.5;
   }
 `;
-function SearchableTextArea({ label, data, searchable, allowCustomValue, required, error, description, selectProps = {}, value, onChange, textAreaPlaceholder, textAreaMinRows = 3, textAreaMaxRows, textAreaProps = {}, initialValue = "", }) {
+function SelectableTextArea({ label, data, searchable, allowCustomValue, required, error, description, selectProps = {}, value, onChange, textAreaPlaceholder, textAreaMinRows = 3, textAreaMaxRows, textAreaProps = {}, initialValue = "", actionMenuData, onActionMenuSelect, }) {
     // Use controlled value if provided, otherwise use internal state
     const [internalValue, setInternalValue] = useState(initialValue);
     const [selectValue, setSelectValue] = useState(null);
@@ -133,8 +133,7 @@ function SearchableTextArea({ label, data, searchable, allowCustomValue, require
             onChange(newValue);
         }
     };
-    // Removed keyboard shortcuts - textarea behaves normally
-    const handleSearchClick = () => {
+    const handleMenuClick = () => {
         if (selectBoxRef.current) {
             const selectInput = selectBoxRef.current.querySelector("input");
             if (selectInput) {
@@ -155,17 +154,28 @@ function SearchableTextArea({ label, data, searchable, allowCustomValue, require
     };
     // Used to create red border when zod validation detects errors
     const hasError = Boolean(error);
-    return (_jsxs(CombinedInputWrapper, { children: [label && (_jsx(StyledFieldLabel, { asterisk: required, error: error, description: description, actionComponent: _jsx(DropDownMenu, { data: [
-                        {
-                            value: "search",
-                            label: "Select Recent Entry",
-                            visible: true,
-                        },
-                    ], variant: "text", size: "xs", arrow: false, onItemSelect: (item) => {
-                        if (item.value === "search") {
-                            handleSearchClick();
-                        }
-                    }, buttonProps: {
+    // Create default menu data if none provided
+    const defaultMenuData = [
+        {
+            value: "recent",
+            label: "Select Recent Entry",
+        },
+    ];
+    // Use provided menu data or fall back to default
+    const menuData = actionMenuData || defaultMenuData;
+    // Handle menu item selection with custom callback or default behavior
+    const handleActionMenuSelect = (item) => {
+        if (onActionMenuSelect) {
+            onActionMenuSelect(item);
+        }
+        else {
+            // Default behavior: if item value is "recent", trigger handleMenuClick
+            if (item.value === "recent") {
+                handleMenuClick();
+            }
+        }
+    };
+    return (_jsxs(CombinedInputWrapper, { children: [label && (_jsx(StyledFieldLabel, { asterisk: required, error: error, description: description, actionComponent: _jsx(DropDownMenu, { data: menuData, variant: "text", size: "xs", arrow: false, onItemSelect: handleActionMenuSelect, buttonProps: {
                         style: {
                             minWidth: "auto",
                             border: "none",
@@ -177,5 +187,5 @@ function SearchableTextArea({ label, data, searchable, allowCustomValue, require
                         },
                     }, children: _jsx(MoreHorizontal, { size: 16 }) }), children: label })), _jsxs(TextAreaRow, { children: [_jsx(StyledTextArea, Object.assign({ placeholder: textAreaPlaceholder || "Enter details about the move", "$minRows": textAreaMinRows, "$maxRows": textAreaMaxRows, "$hasError": hasError, value: textAreaValue, onChange: handleTextAreaChange }, textAreaProps)), _jsx(SelectBoxWrapper, { ref: selectBoxRef, children: _jsx(StyledSelectBox, Object.assign({ data: data, searchable: searchable, allowCustomValue: allowCustomValue, arrow: false, value: selectValue || undefined, onChange: handleSelectChange, hasError: hasError }, selectProps), selectKey) })] })] }));
 }
-SearchableTextArea.displayName = "SearchableTextArea";
-export default SearchableTextArea;
+SelectableTextArea.displayName = "SelectableTextArea";
+export default SelectableTextArea;

package/dist/SelectableTextArea/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from "./SelectableTextArea";
+export type { SelectableTextAreaProps } from "./SelectableTextArea";

package/dist/SelectableTextArea/index.js

@@ -0,0 +1 @@
+export { default } from "./SelectableTextArea";

package/dist/index.d.ts

@@ -14,8 +14,8 @@ export type { DropDownItem } from "./DropDownMenu";
 export { default as DateInput } from "./DateInput";
 export { default as TextArea } from "./TextArea";
 export { default as TextAreaInput } from "./TextAreaInput";
-export { default as SearchableTextArea } from "./SearchableTextArea";
-export type { SearchableTextAreaProps } from "./SearchableTextArea";
+export { default as SelectableTextArea } from "./SelectableTextArea";
+export type { SelectableTextAreaProps } from "./SelectableTextArea";
 export { default as TagBox } from "./TagBox";
 export type { TagBoxProps, TagboxOption } from "./TagBox";
 export { default as FieldLabel } from "./FieldLabel";

package/dist/index.js

@@ -8,7 +8,7 @@ export { default as DropDownMenu } from "./DropDownMenu";
 export { default as DateInput } from "./DateInput";
 export { default as TextArea } from "./TextArea";
 export { default as TextAreaInput } from "./TextAreaInput";
-export { default as SearchableTextArea } from "./SearchableTextArea";
+export { default as SelectableTextArea } from "./SelectableTextArea";
 export { default as TagBox } from "./TagBox";
 export { default as FieldLabel } from "./FieldLabel";
 export { default as Modal } from "./Modal";

package/package.json

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

package/dist/SearchableTextArea/index.d.ts

@@ -1,2 +0,0 @@
-export { default } from "./SearchableTextArea";
-export type { SearchableTextAreaProps } from "./SearchableTextArea";

package/dist/SearchableTextArea/index.js

@@ -1 +0,0 @@
-export { default } from "./SearchableTextArea";