@wavelengthusaf/components 1.1.9 → 1.2.0

package/dist/index.d.mts

@@ -127,13 +127,14 @@ interface SearchProps {
     textColor?: string;
     backgroundColor?: string;
     placeholder?: string;
+    onEnter?: (arg0?: any) => any;
     size?: "small" | "medium";
     fontSize?: string;
     options: SearchResult[];
     onChange?: React__default.ChangeEventHandler<HTMLInputElement | HTMLTextAreaElement>;
     onSearchItemSelected?: (selectedItem: SearchResult | string) => void;
 }
-declare function WavelengthSearch({ id, mode, type, width, height, label, size, borderRadius, children, placeholder, onSearchItemSelected, options, onChange, borderColor, hoverColor, textColor, fontSize, backgroundColor, }: SearchProps): React__default.JSX.Element | undefined;
+declare function WavelengthSearch({ id, mode, type, width, height, label, size, borderRadius, children, placeholder, onEnter, onSearchItemSelected, options, onChange, borderColor, hoverColor, textColor, fontSize, backgroundColor, }: SearchProps): React__default.JSX.Element | undefined;
 
 declare function SearchTextField(): React__default.JSX.Element;
 

package/dist/index.d.ts

@@ -127,13 +127,14 @@ interface SearchProps {
     textColor?: string;
     backgroundColor?: string;
     placeholder?: string;
+    onEnter?: (arg0?: any) => any;
     size?: "small" | "medium";
     fontSize?: string;
     options: SearchResult[];
     onChange?: React__default.ChangeEventHandler<HTMLInputElement | HTMLTextAreaElement>;
     onSearchItemSelected?: (selectedItem: SearchResult | string) => void;
 }
-declare function WavelengthSearch({ id, mode, type, width, height, label, size, borderRadius, children, placeholder, onSearchItemSelected, options, onChange, borderColor, hoverColor, textColor, fontSize, backgroundColor, }: SearchProps): React__default.JSX.Element | undefined;
+declare function WavelengthSearch({ id, mode, type, width, height, label, size, borderRadius, children, placeholder, onEnter, onSearchItemSelected, options, onChange, borderColor, hoverColor, textColor, fontSize, backgroundColor, }: SearchProps): React__default.JSX.Element | undefined;
 
 declare function SearchTextField(): React__default.JSX.Element;
 

package/dist/index.js

@@ -3450,7 +3450,7 @@ var CustomPopper = (props) => {
           name: "preventOverflow",
           enabled: true,
           options: {
-            altAxis: true,
+            altAxis: false,
             altBoundary: true,
             tether: true,
             rootBoundary: "document",
@@ -3472,6 +3472,7 @@ function WavelengthSearch({
   borderRadius: borderRadius2,
   children,
   placeholder,
+  onEnter,
   onSearchItemSelected,
   options,
   onChange,
@@ -3484,9 +3485,6 @@ function WavelengthSearch({
   const palette2 = getPalette();
   borderColor2 = borderColor2 ? borderColor2 : "#2D3140";
   hoverColor = hoverColor ? hoverColor : palette2.primary;
-  const onChangeHandler = () => {
-    onChange;
-  };
   if (type == "search-bar" || type == void 0) {
     if (mode == "automatic") {
       return /* @__PURE__ */ import_react12.default.createElement(import_react12.default.Fragment, null, /* @__PURE__ */ import_react12.default.createElement(
@@ -3497,7 +3495,6 @@ function WavelengthSearch({
           disableListWrap: true,
           freeSolo: true,
           onChange: (e, value) => {
-            console.log(" AutoComplete value ", value);
             if (value != null) {
               if (typeof value != "string") {
                 if (onSearchItemSelected) onSearchItemSelected(value);
@@ -3557,6 +3554,7 @@ function WavelengthSearch({
         }
       ));
     } else if (mode == "manual") {
+      const textRef = (0, import_react13.useRef)();
       return /* @__PURE__ */ import_react12.default.createElement(import_react12.default.Fragment, null, /* @__PURE__ */ import_react12.default.createElement(
         import_material5.Autocomplete,
         {
@@ -3565,9 +3563,7 @@ function WavelengthSearch({
           freeSolo: true,
           onChange: (e, value) => {
             if (value != null) {
-              if (typeof value == "string") {
-                console.log("String Input, No Selection");
-              } else {
+              if (typeof value !== "string") {
                 if (onSearchItemSelected) onSearchItemSelected(value);
               }
             }
@@ -3586,12 +3582,13 @@ function WavelengthSearch({
           renderInput: (params) => /* @__PURE__ */ import_react12.default.createElement(
             import_TextField.default,
             __spreadProps(__spreadValues({
+              inputRef: textRef,
               placeholder,
               onKeyDown: (e) => {
                 if (e.key == "Enter") {
-                  () => {
-                    onChangeHandler;
-                  };
+                  if (textRef.current && onEnter) {
+                    onEnter(textRef.current.value);
+                  }
                 }
               }
             }, params), {
@@ -3605,7 +3602,9 @@ function WavelengthSearch({
                   {
                     sx: { color: textColor },
                     onClick: () => {
-                      onChange;
+                      if (textRef.current && onEnter) {
+                        onEnter(textRef.current.value);
+                      }
                     }
                   },
                   children
@@ -3723,8 +3722,8 @@ function WavelengthSearch({
             }
           },
           disableCloseOnSelect: false,
-          getOptionLabel: (results) => {
-            const returnVal = typeof results === "string" ? results : results.title;
+          getOptionLabel: (options2) => {
+            const returnVal = typeof options2 === "string" ? options2 : options2.title;
             return returnVal;
           },
           options,
@@ -3740,7 +3739,9 @@ function WavelengthSearch({
               inputRef: textRef,
               onKeyDown: (e) => {
                 if (e.key == "Enter") {
-                  onChange;
+                  if (textRef.current && onEnter) {
+                    onEnter(textRef.current.value);
+                  }
                 }
               }
             }, params), {