@wavelengthusaf/components 1.1.9 → 1.2.0

package/dist/index.mjs

@@ -3400,7 +3400,7 @@ var CustomPopper = (props) => {
           name: "preventOverflow",
           enabled: true,
           options: {
-            altAxis: true,
+            altAxis: false,
             altBoundary: true,
             tether: true,
             rootBoundary: "document",
@@ -3422,6 +3422,7 @@ function WavelengthSearch({
   borderRadius: borderRadius2,
   children,
   placeholder,
+  onEnter,
   onSearchItemSelected,
   options,
   onChange,
@@ -3434,9 +3435,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__ */ React9.createElement(React9.Fragment, null, /* @__PURE__ */ React9.createElement(
@@ -3447,7 +3445,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);
@@ -3507,6 +3504,7 @@ function WavelengthSearch({
         }
       ));
     } else if (mode == "manual") {
+      const textRef = useRef();
       return /* @__PURE__ */ React9.createElement(React9.Fragment, null, /* @__PURE__ */ React9.createElement(
         Autocomplete2,
         {
@@ -3515,9 +3513,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);
               }
             }
@@ -3536,12 +3532,13 @@ function WavelengthSearch({
           renderInput: (params) => /* @__PURE__ */ React9.createElement(
             TextField2,
             __spreadProps(__spreadValues({
+              inputRef: textRef,
               placeholder,
               onKeyDown: (e) => {
                 if (e.key == "Enter") {
-                  () => {
-                    onChangeHandler;
-                  };
+                  if (textRef.current && onEnter) {
+                    onEnter(textRef.current.value);
+                  }
                 }
               }
             }, params), {
@@ -3555,7 +3552,9 @@ function WavelengthSearch({
                   {
                     sx: { color: textColor },
                     onClick: () => {
-                      onChange;
+                      if (textRef.current && onEnter) {
+                        onEnter(textRef.current.value);
+                      }
                     }
                   },
                   children
@@ -3673,8 +3672,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,
@@ -3690,7 +3689,9 @@ function WavelengthSearch({
               inputRef: textRef,
               onKeyDown: (e) => {
                 if (e.key == "Enter") {
-                  onChange;
+                  if (textRef.current && onEnter) {
+                    onEnter(textRef.current.value);
+                  }
                 }
               }
             }, params), {