@wavelengthusaf/components 1.1.6 → 1.1.7

package/dist/index.mjs

@@ -40,26 +40,6 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
   isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
   mod
 ));
-var __async = (__this, __arguments, generator) => {
-  return new Promise((resolve, reject) => {
-    var fulfilled = (value) => {
-      try {
-        step(generator.next(value));
-      } catch (e) {
-        reject(e);
-      }
-    };
-    var rejected = (value) => {
-      try {
-        step(generator.throw(value));
-      } catch (e) {
-        reject(e);
-      }
-    };
-    var step = (x) => x.done ? resolve(x.value) : Promise.resolve(x.value).then(fulfilled, rejected);
-    step((generator = generator.apply(__this, __arguments)).next());
-  });
-};
 
 // node_modules/prop-types/node_modules/react-is/cjs/react-is.production.min.js
 var require_react_is_production_min = __commonJS({
@@ -3388,43 +3368,12 @@ function WavelengthExampleComponent({ width: width2 = 100, height: height2 = 100
 
 // src/components/search/WavelengthSearch.tsx
 import React9, { useState as useState2 } from "react";
-import { Autocomplete as Autocomplete2, ListItemText, Popper } from "@mui/material";
+import { Autocomplete as Autocomplete2, ListItemText } from "@mui/material";
 import TextField2 from "@mui/material/TextField";
 import InputAdornment from "@mui/material/InputAdornment";
 import IconButton from "@mui/material/IconButton";
 import { useRef } from "react";
 import ListItem from "@mui/material/ListItem";
-var CustomPopper = (props) => {
-  return /* @__PURE__ */ React9.createElement(
-    Popper,
-    __spreadProps(__spreadValues({}, props), {
-      placement: "right-start",
-      disablePortal: false,
-      modifiers: [
-        {
-          name: "flip",
-          enabled: true,
-          options: {
-            altBoundary: true,
-            rootBoundary: "document",
-            padding: 8
-          }
-        },
-        {
-          name: "preventOverflow",
-          enabled: true,
-          options: {
-            altAxis: true,
-            altBoundary: true,
-            tether: false,
-            rootBoundary: "document",
-            padding: 8
-          }
-        }
-      ]
-    })
-  );
-};
 function WavelengthSearch({
   id,
   mode,
@@ -3436,6 +3385,8 @@ function WavelengthSearch({
   placeholder,
   searchFunction,
   onSearchItemSelected,
+  options,
+  onChange,
   borderColor: borderColor2,
   hoverColor,
   textColor,
@@ -3454,8 +3405,8 @@ function WavelengthSearch({
         loading: true,
         disableListWrap: true,
         freeSolo: true,
-        disablePortal: true,
         onChange: (e, value) => {
+          console.log(" AutoComplete value ", value);
           if (value != null) {
             if (typeof value == "string") {
               console.log("String Input, No Selection");
@@ -3465,11 +3416,11 @@ function WavelengthSearch({
           }
         },
         disableCloseOnSelect: false,
-        getOptionLabel: (results2) => {
-          const returnVal = typeof results2 === "string" ? results2 : results2.title;
+        getOptionLabel: (options2) => {
+          const returnVal = typeof options2 === "string" ? options2 : options2.title;
           return returnVal;
         },
-        options: results,
+        options,
         sx: { width: width2 },
         renderOption: (props, results2) => (
           // @ts-expect-error boneless chicken
@@ -3506,16 +3457,9 @@ function WavelengthSearch({
               }
             },
             label,
-            onChange: (e) => __async(this, null, function* () {
-              if (searchFunction) {
-                const response = yield searchFunction(e.target.value);
-                console.log(response);
-                yield setResults(response);
-              }
-            })
+            onChange
           })
-        ),
-        PopperComponent: CustomPopper
+        )
       }
     ));
   } else if (mode == "manual") {