@wavelengthusaf/components 1.1.4 → 1.1.5

package/dist/index.js

@@ -46,6 +46,26 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
   mod
 ));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), 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({
@@ -3451,7 +3471,9 @@ function WavelengthSearch({
       {
         filterOptions: (x) => x,
         loading: true,
+        disableListWrap: true,
         freeSolo: true,
+        disablePortal: true,
         onChange: (e, value) => {
           if (value != null) {
             if (typeof value == "string") {
@@ -3470,7 +3492,7 @@ function WavelengthSearch({
         sx: { width: width2 },
         renderOption: (props, results2) => (
           // @ts-expect-error boneless chicken
-          /* @__PURE__ */ import_react12.default.createElement(import_ListItem.default, __spreadValues({ key: results2.id }, props), /* @__PURE__ */ import_react12.default.createElement(import_material5.ListItemText, { primary: results2.title, secondary: results2.subtitle }))
+          /* @__PURE__ */ import_react12.default.createElement(import_ListItem.default, __spreadProps(__spreadValues({ key: results2.id }, props), { sx: { zIndex: -5 } }), /* @__PURE__ */ import_react12.default.createElement(import_material5.ListItemText, { primary: results2.title, secondary: results2.subtitle }))
         ),
         renderInput: (params) => /* @__PURE__ */ import_react12.default.createElement(
           import_TextField.default,
@@ -3503,13 +3525,13 @@ function WavelengthSearch({
               }
             },
             label,
-            onChange: (e) => {
+            onChange: (e) => __async(this, null, function* () {
               if (searchFunction) {
-                const response = searchFunction(e.target.value);
+                const response = yield searchFunction(e.target.value);
                 console.log(response);
-                setResults(response);
+                yield setResults(response);
               }
-            }
+            })
           })
         )
       }
@@ -3637,7 +3659,7 @@ var import_react15 = __toESM(require("react"));
 var import_material7 = require("@mui/material");
 var import_icons_material = require("@mui/icons-material");
 var import_react_router_dom = require("react-router-dom");
-function WavelengthSideBar({ sections, txtColor, bgColor, labelColor, arrowColor, marginTop, marginLeft, width: width2 = 243, height: height2 = 300 }) {
+function WavelengthSideBar({ sections, txtColor, bgColor, labelColor, arrowColor, marginTop, marginLeft, width: width2 = "fit-content", height: height2 = 300 }) {
   const [openSections, setOpenSections] = (0, import_react15.useState)({});
   const navigate = (0, import_react_router_dom.useNavigate)();
   const palette2 = getPalette();
@@ -3660,7 +3682,8 @@ function WavelengthSideBar({ sections, txtColor, bgColor, labelColor, arrowColor
         marginBottom: 5,
         marginTop,
         marginLeft,
-        borderRadius: "12px"
+        borderRadius: "12px",
+        position: "relative"
       }
     },
     /* @__PURE__ */ import_react15.default.createElement(import_material7.List, { component: "nav" }, sections.map((section, index) => {