@wavelengthusaf/components 1.1.6 → 1.1.8

package/dist/index.d.mts

@@ -119,17 +119,21 @@ interface SearchProps {
     borderRadius?: number | string;
     label?: string;
     width?: string;
-    height?: string;
+    height?: string | number;
     children?: ReactNode;
     borderColor?: string;
     hoverColor?: string;
     textColor?: string;
     backgroundColor?: string;
     placeholder?: string;
+    size?: "small" | "medium";
+    fontSize?: string;
+    options: SearchResult[];
+    onChange?: React__default.ChangeEventHandler<HTMLInputElement | HTMLTextAreaElement>;
     searchFunction: (value: string) => SearchResult[];
     onSearchItemSelected: (selectedItem: SearchResult | string) => void;
 }
-declare function WavelengthSearch({ id, mode, width, height, label, borderRadius, children, placeholder, searchFunction, onSearchItemSelected, borderColor, hoverColor, textColor, backgroundColor, }: SearchProps): React__default.JSX.Element | undefined;
+declare function WavelengthSearch({ id, mode, width, height, label, size, borderRadius, children, placeholder, searchFunction, 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

@@ -119,17 +119,21 @@ interface SearchProps {
     borderRadius?: number | string;
     label?: string;
     width?: string;
-    height?: string;
+    height?: string | number;
     children?: ReactNode;
     borderColor?: string;
     hoverColor?: string;
     textColor?: string;
     backgroundColor?: string;
     placeholder?: string;
+    size?: "small" | "medium";
+    fontSize?: string;
+    options: SearchResult[];
+    onChange?: React__default.ChangeEventHandler<HTMLInputElement | HTMLTextAreaElement>;
     searchFunction: (value: string) => SearchResult[];
     onSearchItemSelected: (selectedItem: SearchResult | string) => void;
 }
-declare function WavelengthSearch({ id, mode, width, height, label, borderRadius, children, placeholder, searchFunction, onSearchItemSelected, borderColor, hoverColor, textColor, backgroundColor, }: SearchProps): React__default.JSX.Element | undefined;
+declare function WavelengthSearch({ id, mode, width, height, label, size, borderRadius, children, placeholder, searchFunction, 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

@@ -46,26 +46,6 @@ 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({
@@ -3447,9 +3427,15 @@ var import_ListItem = __toESM(require("@mui/material/ListItem"));
 var CustomPopper = (props) => {
   return /* @__PURE__ */ import_react12.default.createElement(
     import_material5.Popper,
-    __spreadProps(__spreadValues({}, props), {
-      placement: "right-start",
-      disablePortal: false,
+    __spreadProps(__spreadValues({
+      sx: {
+        "&.MuiAutocomplete-popper": {
+          zIndex: 5
+        }
+      }
+    }, props), {
+      placement: "bottom",
+      disablePortal: true,
       modifiers: [
         {
           name: "flip",
@@ -3466,7 +3452,7 @@ var CustomPopper = (props) => {
           options: {
             altAxis: true,
             altBoundary: true,
-            tether: false,
+            tether: true,
             rootBoundary: "document",
             padding: 8
           }
@@ -3481,14 +3467,18 @@ function WavelengthSearch({
   width: width2,
   height: height2,
   label,
+  size,
   borderRadius: borderRadius2,
   children,
   placeholder,
   searchFunction,
   onSearchItemSelected,
+  options,
+  onChange,
   borderColor: borderColor2,
   hoverColor,
   textColor,
+  fontSize,
   backgroundColor: backgroundColor2
 }) {
   const palette2 = getPalette();
@@ -3504,8 +3494,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");
@@ -3515,11 +3505,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
@@ -3531,8 +3521,9 @@ function WavelengthSearch({
             placeholder
           }, params), {
             id,
+            size,
             InputProps: __spreadProps(__spreadValues({}, params.InputProps), {
-              style: { borderRadius: borderRadius2, height: height2, color: textColor, backgroundColor: backgroundColor2 },
+              style: { borderRadius: borderRadius2, color: textColor, backgroundColor: backgroundColor2, height: height2, fontSize },
               type: "search",
               endAdornment: /* @__PURE__ */ import_react12.default.createElement(import_InputAdornment.default, { position: "end" }, /* @__PURE__ */ import_react12.default.createElement(import_IconButton.default, { sx: { color: textColor } }, children))
             }),
@@ -3556,13 +3547,7 @@ 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
@@ -3613,8 +3598,9 @@ function WavelengthSearch({
             }
           }, params), {
             id,
+            size,
             InputProps: __spreadProps(__spreadValues({}, params.InputProps), {
-              style: { borderRadius: borderRadius2, height: height2, color: textColor },
+              style: { borderRadius: borderRadius2, height: height2, color: textColor, fontSize },
               type: "search",
               endAdornment: /* @__PURE__ */ import_react12.default.createElement(import_InputAdornment.default, { position: "end" }, /* @__PURE__ */ import_react12.default.createElement(
                 import_IconButton.default,