@wavelengthusaf/components 4.21.0 → 4.21.2

package/dist/cjs/index.cjs

@@ -206,7 +206,7 @@ var require_react_is_development = __commonJS({
         var ContextProvider = REACT_PROVIDER_TYPE;
         var Element = REACT_ELEMENT_TYPE;
         var ForwardRef2 = REACT_FORWARD_REF_TYPE;
-        var Fragment15 = REACT_FRAGMENT_TYPE;
+        var Fragment16 = REACT_FRAGMENT_TYPE;
         var Lazy = REACT_LAZY_TYPE;
         var Memo2 = REACT_MEMO_TYPE;
         var Portal = REACT_PORTAL_TYPE;
@@ -265,7 +265,7 @@ var require_react_is_development = __commonJS({
         exports.ContextProvider = ContextProvider;
         exports.Element = Element;
         exports.ForwardRef = ForwardRef2;
-        exports.Fragment = Fragment15;
+        exports.Fragment = Fragment16;
         exports.Lazy = Lazy;
         exports.Memo = Memo2;
         exports.Portal = Portal;
@@ -3763,7 +3763,9 @@ var WavelengthSearch = ({
   _react.useEffect.call(void 0, () => {
     const el = ref.current;
     if (!el) return;
-    el.customStyles = customStyle;
+    if (customStyle) {
+      el.customStyles = customStyle;
+    }
     syncAttribute("width", width2);
     syncAttribute("mode", mode);
     syncAttribute("font-size", fontSize);
@@ -3851,6 +3853,562 @@ function WavelengthSearchTextField() {
 }
 WavelengthSearchTextField.displayName = "WavelengthSearchTextField";
 
+// src/components/search/MuiSearch.tsx
+
+var _InputAdornment = require('@mui/material/InputAdornment'); var _InputAdornment2 = _interopRequireDefault(_InputAdornment);
+var _IconButton = require('@mui/material/IconButton'); var _IconButton2 = _interopRequireDefault(_IconButton);
+var _Icon = require('@mui/material/Icon'); var _Icon2 = _interopRequireDefault(_Icon);
+
+var _ListItem = require('@mui/material/ListItem'); var _ListItem2 = _interopRequireDefault(_ListItem);
+var _Popper = require('@mui/material/Popper'); var _Popper2 = _interopRequireDefault(_Popper);
+var _Autocomplete = require('@mui/material/Autocomplete'); var _Autocomplete2 = _interopRequireDefault(_Autocomplete);
+var _ListItemText = require('@mui/material/ListItemText'); var _ListItemText2 = _interopRequireDefault(_ListItemText);
+
+
+
+var CustomPopper = (props) => {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    _Popper2.default,
+    {
+      sx: {
+        "&.MuiAutocomplete-popper": {
+          zIndex: 5
+        }
+      },
+      ...props,
+      placement: "bottom",
+      disablePortal: true,
+      modifiers: [
+        {
+          name: "flip",
+          enabled: true,
+          options: {
+            altBoundary: true,
+            rootBoundary: "document",
+            padding: 8
+          }
+        },
+        {
+          name: "preventOverflow",
+          enabled: true,
+          options: {
+            altAxis: false,
+            altBoundary: true,
+            tether: true,
+            rootBoundary: "document",
+            padding: 8
+          }
+        }
+      ]
+    }
+  );
+};
+var AutocompleteCustomEndAdornment = _styledcomponents2.default.call(void 0, "div")({
+  position: "absolute",
+  right: "12px",
+  top: "50%",
+  transform: "translate(0, -50%)"
+});
+function MuiSearch({
+  id,
+  mode,
+  type,
+  width: width2,
+  height: height2,
+  label,
+  size,
+  borderRadius: borderRadius2,
+  children,
+  placeholder,
+  onEnter,
+  onSearchItemSelected,
+  options,
+  onChange,
+  borderColor: borderColor2,
+  hoverColor,
+  textColor,
+  fontSize,
+  backgroundColor: backgroundColor2,
+  iconPos = "end",
+  clearIconMarginRight
+}) {
+  const palette2 = getPalette();
+  borderColor2 = borderColor2 ? borderColor2 : "#2D3140";
+  hoverColor = hoverColor ? hoverColor : palette2.primary;
+  if (type === "search-bar" || type === void 0) {
+    if (mode === "automatic" && iconPos === "end") {
+      return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _jsxruntime.Fragment, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+        _Autocomplete2.default,
+        {
+          id,
+          filterOptions: (x) => x,
+          loading: true,
+          disableListWrap: true,
+          freeSolo: true,
+          onChange: (e, value) => {
+            if (value !== null) {
+              if (typeof value !== "string") {
+                if (onSearchItemSelected) onSearchItemSelected(value);
+              }
+            }
+          },
+          disableCloseOnSelect: false,
+          getOptionLabel: (options2) => {
+            const returnVal = typeof options2 === "string" ? options2 : options2.title;
+            return returnVal;
+          },
+          options,
+          sx: {
+            width: width2,
+            "&.MuiAutocomplete-hasClearIcon .MuiOutlinedInput-root": {
+              paddingRight: clearIconMarginRight ? clearIconMarginRight : "45px"
+            }
+          },
+          renderOption: (props, options2) => /* @__PURE__ */ _react.createElement.call(void 0, _ListItem2.default, { ...props, key: options2.id }, /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _ListItemText2.default, { primary: options2.title, secondary: options2.subtitle })),
+          renderInput: (params) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+            _TextField2.default,
+            {
+              placeholder,
+              ...params,
+              size,
+              InputProps: {
+                ...params.InputProps,
+                style: { borderRadius: borderRadius2, color: textColor, backgroundColor: backgroundColor2, height: height2, fontSize },
+                type: "search",
+                endAdornment: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, AutocompleteCustomEndAdornment, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _IconButton2.default, { sx: { color: "white" }, children }) })
+              },
+              sx: {
+                "& .MuiInputBase-root": {
+                  height: height2
+                },
+                "&.MuiTextField-root": {
+                  "& label": { color: `${textColor}` },
+                  "& label.Mui-focused": {
+                    color: `${hoverColor}`
+                  },
+                  "& .MuiOutlinedInput-root": {
+                    "& fieldset": {
+                      borderColor: `${borderColor2}`
+                    },
+                    "&:hover fieldset": {
+                      borderColor: `${hoverColor}`
+                    },
+                    "&.Mui-focused fieldset": {
+                      borderColor: `${hoverColor}`
+                    }
+                  }
+                }
+              },
+              label,
+              onChange
+            }
+          ),
+          PopperComponent: CustomPopper
+        }
+      ) });
+    } else if (mode === "automatic" && iconPos === "start") {
+      return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _jsxruntime.Fragment, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+        _Autocomplete2.default,
+        {
+          id,
+          filterOptions: (x) => x,
+          loading: true,
+          disableListWrap: true,
+          freeSolo: true,
+          onChange: (e, value) => {
+            if (value !== null) {
+              if (typeof value !== "string") {
+                if (onSearchItemSelected) onSearchItemSelected(value);
+              }
+            }
+          },
+          disableCloseOnSelect: false,
+          getOptionLabel: (options2) => {
+            const returnVal = typeof options2 === "string" ? options2 : options2.title;
+            return returnVal;
+          },
+          options,
+          sx: {
+            width: width2,
+            "&.MuiAutocomplete-hasClearIcon .MuiOutlinedInput-root": {
+              paddingRight: clearIconMarginRight ? clearIconMarginRight : "15px"
+            }
+          },
+          renderOption: (props, results) => /* @__PURE__ */ _react.createElement.call(void 0, _ListItem2.default, { ...props, key: results.id }, /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _ListItemText2.default, { primary: results.title, secondary: results.subtitle })),
+          renderInput: (params) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+            _TextField2.default,
+            {
+              placeholder,
+              ...params,
+              size,
+              InputProps: {
+                ...params.InputProps,
+                style: { borderRadius: borderRadius2, color: textColor, backgroundColor: backgroundColor2, height: height2, fontSize },
+                type: "search",
+                endAdornment: null,
+                startAdornment: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _InputAdornment2.default, { position: "start", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _Icon2.default, { sx: { color: textColor, paddingRight: "0px" }, children }) })
+              },
+              sx: {
+                "& .MuiInputBase-root": {
+                  height: height2
+                },
+                "&.MuiTextField-root": {
+                  "& label": { color: `${textColor}` },
+                  "& label.Mui-focused": {
+                    color: `${hoverColor}`
+                  },
+                  "& .MuiOutlinedInput-root": {
+                    "& fieldset": {
+                      borderColor: `${borderColor2}`
+                    },
+                    "&:hover fieldset": {
+                      borderColor: `${hoverColor}`
+                    },
+                    "&.Mui-focused fieldset": {
+                      borderColor: `${hoverColor}`
+                    }
+                  }
+                }
+              },
+              label,
+              onChange
+            }
+          ),
+          PopperComponent: CustomPopper
+        }
+      ) });
+    } else if (mode === "manual" && iconPos === "end") {
+      const textRef = _react.useRef.call(void 0, );
+      return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _jsxruntime.Fragment, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+        _Autocomplete2.default,
+        {
+          id,
+          filterOptions: (x) => x,
+          loading: true,
+          freeSolo: true,
+          onChange: (e, value) => {
+            if (value !== null) {
+              if (typeof value !== "string") {
+                if (onSearchItemSelected) onSearchItemSelected(value);
+              }
+            }
+          },
+          disableCloseOnSelect: false,
+          getOptionLabel: (options2) => {
+            const returnVal = typeof options2 === "string" ? options2 : options2.title;
+            return returnVal;
+          },
+          options,
+          sx: {
+            width: width2,
+            "&.MuiAutocomplete-hasClearIcon .MuiOutlinedInput-root": {
+              paddingRight: clearIconMarginRight ? clearIconMarginRight : "50px"
+            }
+          },
+          renderOption: (props, options2) => /* @__PURE__ */ _react.createElement.call(void 0, _ListItem2.default, { ...props, key: options2.id }, /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _ListItemText2.default, { primary: options2.title, secondary: options2.subtitle })),
+          renderInput: (params) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+            _TextField2.default,
+            {
+              inputRef: textRef,
+              placeholder,
+              onKeyDown: (e) => {
+                if (e.key === "Enter") {
+                  if (textRef.current && onEnter) {
+                    onEnter(textRef.current.value);
+                  }
+                }
+              },
+              ...params,
+              size,
+              InputProps: {
+                ...params.InputProps,
+                style: { borderRadius: borderRadius2, color: textColor, fontSize },
+                type: "search",
+                endAdornment: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, AutocompleteCustomEndAdornment, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+                  _IconButton2.default,
+                  {
+                    sx: { color: textColor },
+                    onClick: () => {
+                      if (textRef.current && onEnter) {
+                        onEnter(textRef.current.value);
+                      }
+                    },
+                    children
+                  }
+                ) })
+              },
+              sx: {
+                "& .MuiInputBase-root": {
+                  height: height2
+                },
+                "&.MuiTextField-root": {
+                  "& label": { color: `${textColor}`, verticalAlign: "bottom" },
+                  "& label.Mui-focused": {
+                    color: `${hoverColor}`
+                  },
+                  "& .MuiOutlinedInput-root": {
+                    "& fieldset": {
+                      borderColor: `${borderColor2}`
+                    },
+                    "&:hover fieldset": {
+                      borderColor: `${hoverColor}`
+                    },
+                    "&.Mui-focused fieldset": {
+                      borderColor: `${hoverColor}`
+                    }
+                  }
+                }
+              },
+              label
+            }
+          )
+        }
+      ) });
+    } else if (mode === "manual" && iconPos === "start") {
+      const textRef = _react.useRef.call(void 0, );
+      return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _jsxruntime.Fragment, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+        _Autocomplete2.default,
+        {
+          id,
+          filterOptions: (x) => x,
+          loading: true,
+          freeSolo: true,
+          onChange: (e, value) => {
+            if (value !== null) {
+              if (typeof value !== "string") {
+                if (onSearchItemSelected) onSearchItemSelected(value);
+              }
+            }
+          },
+          disableCloseOnSelect: false,
+          getOptionLabel: (options2) => {
+            const returnVal = typeof options2 === "string" ? options2 : options2.title;
+            return returnVal;
+          },
+          options,
+          sx: {
+            width: width2,
+            "&.MuiAutocomplete-hasClearIcon .MuiOutlinedInput-root": {
+              paddingRight: clearIconMarginRight ? clearIconMarginRight : "15px"
+            }
+          },
+          renderOption: (props, options2) => /* @__PURE__ */ _react.createElement.call(void 0, _ListItem2.default, { ...props, key: options2.id }, /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _ListItemText2.default, { primary: options2.title, secondary: options2.subtitle })),
+          renderInput: (params) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+            _TextField2.default,
+            {
+              inputRef: textRef,
+              placeholder,
+              onKeyDown: (e) => {
+                if (e.key === "Enter") {
+                  if (textRef.current && onEnter) {
+                    onEnter(textRef.current.value);
+                  }
+                }
+              },
+              ...params,
+              size,
+              InputProps: {
+                ...params.InputProps,
+                style: { borderRadius: borderRadius2, color: textColor, fontSize },
+                type: "search",
+                endAdornment: null,
+                startAdornment: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _InputAdornment2.default, { position: "start", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+                  _IconButton2.default,
+                  {
+                    sx: { color: textColor, paddingRight: "0px" },
+                    onClick: () => {
+                      if (textRef.current && onEnter) {
+                        onEnter(textRef.current.value);
+                      }
+                    },
+                    children
+                  }
+                ) })
+              },
+              sx: {
+                "& .MuiInputBase-root": {
+                  height: height2
+                },
+                "&.MuiTextField-root": {
+                  "& label": { color: `${textColor}`, verticalAlign: "bottom" },
+                  "& label.Mui-focused": {
+                    color: `${hoverColor}`
+                  },
+                  "& .MuiOutlinedInput-root": {
+                    "& fieldset": {
+                      borderColor: `${borderColor2}`
+                    },
+                    "&:hover fieldset": {
+                      borderColor: `${hoverColor}`
+                    },
+                    "&.Mui-focused fieldset": {
+                      borderColor: `${hoverColor}`
+                    }
+                  }
+                }
+              },
+              label
+            }
+          )
+        }
+      ) });
+    }
+  } else if (type === "text-box") {
+    if (mode === "automatic") {
+      return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _jsxruntime.Fragment, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+        _Autocomplete2.default,
+        {
+          id,
+          filterOptions: (x) => x,
+          loading: true,
+          disableListWrap: true,
+          freeSolo: true,
+          disableClearable: true,
+          onChange: (e, value) => {
+            if (value !== null) {
+              if (typeof value !== "string") {
+                if (onSearchItemSelected) onSearchItemSelected(value);
+              }
+            }
+          },
+          disableCloseOnSelect: false,
+          getOptionLabel: (options2) => {
+            const returnVal = typeof options2 === "string" ? options2 : options2.title;
+            return returnVal;
+          },
+          options,
+          sx: {
+            width: width2,
+            "&.MuiAutocomplete-hasClearIcon .MuiOutlinedInput-root": {
+              paddingRight: clearIconMarginRight ? clearIconMarginRight : "15px"
+            }
+          },
+          renderOption: (props, results) => /* @__PURE__ */ _react.createElement.call(void 0, _ListItem2.default, { ...props, key: results.id }, /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _ListItemText2.default, { primary: results.title, secondary: results.subtitle })),
+          renderInput: (params) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+            _TextField2.default,
+            {
+              placeholder,
+              ...params,
+              size,
+              InputProps: {
+                ...params.InputProps,
+                style: { borderRadius: borderRadius2, color: textColor, backgroundColor: backgroundColor2, height: height2, fontSize },
+                type: "search"
+              },
+              sx: {
+                "& .MuiInputBase-root": {
+                  height: height2
+                },
+                "& .MuiAutocomplete-endAdornment": {
+                  display: "none"
+                },
+                "&.MuiTextField-root": {
+                  "& label": { color: `${textColor}` },
+                  "& label.Mui-focused": {
+                    color: `${hoverColor}`
+                  },
+                  "& .MuiOutlinedInput-root": {
+                    "& fieldset": {
+                      borderColor: `${borderColor2}`
+                    },
+                    "&:hover fieldset": {
+                      borderColor: `${hoverColor}`
+                    },
+                    "&.Mui-focused fieldset": {
+                      borderColor: `${hoverColor}`
+                    }
+                  }
+                }
+              },
+              label,
+              onChange
+            }
+          ),
+          PopperComponent: CustomPopper
+        }
+      ) });
+    } else if (mode === "manual") {
+      const textRef = _react.useRef.call(void 0, );
+      return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _jsxruntime.Fragment, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+        _Autocomplete2.default,
+        {
+          id,
+          filterOptions: (x) => x,
+          loading: true,
+          freeSolo: true,
+          onChange: (e, value) => {
+            if (value !== null) {
+              if (typeof value !== "string") {
+                if (onSearchItemSelected) onSearchItemSelected(value);
+              }
+            }
+          },
+          disableCloseOnSelect: false,
+          getOptionLabel: (options2) => {
+            const returnVal = typeof options2 === "string" ? options2 : options2.title;
+            return returnVal;
+          },
+          options,
+          sx: {
+            width: width2,
+            "&.MuiAutocomplete-hasClearIcon .MuiOutlinedInput-root": {
+              paddingRight: clearIconMarginRight ? clearIconMarginRight : "15px"
+            }
+          },
+          renderOption: (props, options2) => /* @__PURE__ */ _react.createElement.call(void 0, _ListItem2.default, { ...props, key: options2.id }, /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _ListItemText2.default, { primary: options2.title, secondary: options2.subtitle })),
+          renderInput: (params) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+            _TextField2.default,
+            {
+              placeholder,
+              inputRef: textRef,
+              onKeyDown: (e) => {
+                if (e.key === "Enter") {
+                  if (textRef.current && onEnter) {
+                    onEnter(textRef.current.value);
+                  }
+                }
+              },
+              ...params,
+              size,
+              InputProps: {
+                ...params.InputProps,
+                endAdornment: null,
+                style: { borderRadius: borderRadius2, color: textColor, fontSize },
+                type: "search"
+              },
+              sx: {
+                "& .MuiInputBase-root": {
+                  height: height2
+                },
+                "&.MuiTextField-root": {
+                  "& label": { color: `${textColor}`, verticalAlign: "bottom" },
+                  "& label.Mui-focused": {
+                    color: `${hoverColor}`
+                  },
+                  "& .MuiOutlinedInput-root": {
+                    "& fieldset": {
+                      borderColor: `${borderColor2}`
+                    },
+                    "&:hover fieldset": {
+                      borderColor: `${hoverColor}`
+                    },
+                    "&.Mui-focused fieldset": {
+                      borderColor: `${hoverColor}`
+                    }
+                  }
+                }
+              },
+              label
+            }
+          )
+        }
+      ) });
+    }
+  }
+  return void 0;
+}
+MuiSearch.displayName = "MuiSearch";
+
 // src/components/logos/applogo/WavelengthAppLogo.tsx
 
 function WavelengthAppLogo({ width: width2, height: height2, name = "", grayscale, id }) {
@@ -6462,7 +7020,7 @@ WavelengthSlider.displayName = "WavelengthSlider";
 
 // src/components/carousels/WavelengthDefaultCarousel.tsx
 
-var _IconButton = require('@mui/material/IconButton'); var _IconButton2 = _interopRequireDefault(_IconButton);
+
 var _NavigateBefore = require('@mui/icons-material/NavigateBefore'); var _NavigateBefore2 = _interopRequireDefault(_NavigateBefore);
 var _NavigateNext = require('@mui/icons-material/NavigateNext'); var _NavigateNext2 = _interopRequireDefault(_NavigateNext);
 var _Typography = require('@mui/material/Typography'); var _Typography2 = _interopRequireDefault(_Typography);
@@ -8326,7 +8884,8 @@ var WavelengthMultiSelectAutocomplete = ({ options, placeholder = "Select Option
 
 
 
-exports.ButtonIcon = ButtonIcon; exports.ButtonMenu = ButtonMenu; exports.ChildDataTable = ChildDataTable2; exports.ChildDataTableElement = _webcomponents.ChildDataTable; exports.DefaultCarousel = DefaultCarousel; exports.NestedDataTable = NestedDataTable; exports.SampleComponent = SampleComponent; exports.SampleComponentElement = _webcomponents.SampleComponent; exports.SliderCardCarousel = SliderCardCarousel; exports.WavelengthAccessAlert = WavelengthAccessAlert; exports.WavelengthAlert = WavelengthAlert; exports.WavelengthAppLogo = WavelengthAppLogo; exports.WavelengthAppTheme = WavelengthAppTheme; exports.WavelengthAutoComplete = WavelengthAutoComplete; exports.WavelengthAutocomplete = WavelengthAutocomplete; exports.WavelengthBadge = WavelengthBadge; exports.WavelengthBanner = WavelengthBanner; exports.WavelengthBannerElement = _webcomponents.WavelengthBanner; exports.WavelengthBox = WavelengthBox; exports.WavelengthButton = WavelengthButton; exports.WavelengthButtonElement = _webcomponents.WavelengthButton; exports.WavelengthCheckbox = WavelengthCheckbox; exports.WavelengthCommentDisplay = WavelengthCommentDisplay; exports.WavelengthConfirmationModal = WavelengthConfirmationModal; exports.WavelengthContentModal = WavelengthContentModal; exports.WavelengthContentPlaceholder = WavelengthContentPlaceholder; exports.WavelengthDataTable = WavelengthDataTable; exports.WavelengthDatePicker = WavelengthDatePicker; exports.WavelengthDatePickerElement = _webcomponents.WavelengthDatePicker; exports.WavelengthDefaultIcon = WavelengthDefaultIcon; exports.WavelengthDefaultPagination = WavelengthDefaultPagination; exports.WavelengthDialog = WavelengthDialog; exports.WavelengthDragAndDrop = WavelengthDragAndDrop; exports.WavelengthDropdown = WavelengthDropdown; exports.WavelengthDropdownButton = WavelengthDropdownButton; exports.WavelengthExampleComponent = WavelengthExampleComponent; exports.WavelengthFileDownloader = WavelengthFileDownloader; exports.WavelengthFileDropZone = WavelengthFileDropZone; exports.WavelengthFooter = WavelengthFooter; exports.WavelengthForm = WavelengthForm; exports.WavelengthFormElement = _webcomponents.WavelengthForm; exports.WavelengthInput = WavelengthInput; exports.WavelengthInputElement = _webcomponents.WavelengthInput; exports.WavelengthManyPlanes = WavelengthManyPlanes; exports.WavelengthMenu = WavelengthMenu; exports.WavelengthMultiSelectAutocomplete = WavelengthMultiSelectAutocomplete; exports.WavelengthMultiSelectAutocompleteElement = _webcomponents.WavelengthMultiSelectAutocomplete; exports.WavelengthNavBar = WavelengthNavBar; exports.WavelengthNotAvailablePage = WavelengthNotAvailablePage; exports.WavelengthNotificationPanel = WavelengthNotificationPanel; exports.WavelengthPagination = WavelengthPagination; exports.WavelengthPaginationElement = _webcomponents.WavelengthPagination; exports.WavelengthPermissionAlert = WavelengthPermissionAlert; exports.WavelengthPlaneTrail = WavelengthPlaneTrail; exports.WavelengthPopUpMenu = WavelengthPopUpMenu; exports.WavelengthProgressBar = WavelengthProgressBar; exports.WavelengthProgressBarElement = _webcomponents.WavelengthProgressBar; exports.WavelengthSearch = WavelengthSearch; exports.WavelengthSearchTextField = WavelengthSearchTextField; exports.WavelengthSideBar = WavelengthSideBar; exports.WavelengthSlider = WavelengthSlider; exports.WavelengthSnackbar = WavelengthSnackbar; exports.WavelengthSpinningLogo = WavelengthSpinningLogo; exports.WavelengthSpinningOuterCircle = WavelengthSpinningOuterCircle; exports.WavelengthStandardSnackbar = WavelengthStandardSnackbar; exports.WavelengthStyledButton = WavelengthStyledButton; exports.WavelengthSwitch = WavelengthSwitch; exports.WavelengthTestSnackbar = WavelengthTestSnackbar; exports.WavelengthTitleBar = WavelengthTitleBar; exports.WavelengthTitleBarElement = _webcomponents.WavelengthTitleBar; exports.WavelengthToolTip = WavelengthToolTip; exports.WavelengthWebSnackbar = WavelengthWebSnackbar; exports.add = add; exports.concat = concat; exports.findBestStringMatch = findBestStringMatch; exports.useOutsideClick = useOutsideClick; exports.useThemeContext = useThemeContext;
+
+exports.ButtonIcon = ButtonIcon; exports.ButtonMenu = ButtonMenu; exports.ChildDataTable = ChildDataTable2; exports.ChildDataTableElement = _webcomponents.ChildDataTable; exports.DefaultCarousel = DefaultCarousel; exports.MuiSearch = MuiSearch; exports.NestedDataTable = NestedDataTable; exports.SampleComponent = SampleComponent; exports.SampleComponentElement = _webcomponents.SampleComponent; exports.SliderCardCarousel = SliderCardCarousel; exports.WavelengthAccessAlert = WavelengthAccessAlert; exports.WavelengthAlert = WavelengthAlert; exports.WavelengthAppLogo = WavelengthAppLogo; exports.WavelengthAppTheme = WavelengthAppTheme; exports.WavelengthAutoComplete = WavelengthAutoComplete; exports.WavelengthAutocomplete = WavelengthAutocomplete; exports.WavelengthBadge = WavelengthBadge; exports.WavelengthBanner = WavelengthBanner; exports.WavelengthBannerElement = _webcomponents.WavelengthBanner; exports.WavelengthBox = WavelengthBox; exports.WavelengthButton = WavelengthButton; exports.WavelengthButtonElement = _webcomponents.WavelengthButton; exports.WavelengthCheckbox = WavelengthCheckbox; exports.WavelengthCommentDisplay = WavelengthCommentDisplay; exports.WavelengthConfirmationModal = WavelengthConfirmationModal; exports.WavelengthContentModal = WavelengthContentModal; exports.WavelengthContentPlaceholder = WavelengthContentPlaceholder; exports.WavelengthDataTable = WavelengthDataTable; exports.WavelengthDatePicker = WavelengthDatePicker; exports.WavelengthDatePickerElement = _webcomponents.WavelengthDatePicker; exports.WavelengthDefaultIcon = WavelengthDefaultIcon; exports.WavelengthDefaultPagination = WavelengthDefaultPagination; exports.WavelengthDialog = WavelengthDialog; exports.WavelengthDragAndDrop = WavelengthDragAndDrop; exports.WavelengthDropdown = WavelengthDropdown; exports.WavelengthDropdownButton = WavelengthDropdownButton; exports.WavelengthExampleComponent = WavelengthExampleComponent; exports.WavelengthFileDownloader = WavelengthFileDownloader; exports.WavelengthFileDropZone = WavelengthFileDropZone; exports.WavelengthFooter = WavelengthFooter; exports.WavelengthForm = WavelengthForm; exports.WavelengthFormElement = _webcomponents.WavelengthForm; exports.WavelengthInput = WavelengthInput; exports.WavelengthInputElement = _webcomponents.WavelengthInput; exports.WavelengthManyPlanes = WavelengthManyPlanes; exports.WavelengthMenu = WavelengthMenu; exports.WavelengthMultiSelectAutocomplete = WavelengthMultiSelectAutocomplete; exports.WavelengthMultiSelectAutocompleteElement = _webcomponents.WavelengthMultiSelectAutocomplete; exports.WavelengthNavBar = WavelengthNavBar; exports.WavelengthNotAvailablePage = WavelengthNotAvailablePage; exports.WavelengthNotificationPanel = WavelengthNotificationPanel; exports.WavelengthPagination = WavelengthPagination; exports.WavelengthPaginationElement = _webcomponents.WavelengthPagination; exports.WavelengthPermissionAlert = WavelengthPermissionAlert; exports.WavelengthPlaneTrail = WavelengthPlaneTrail; exports.WavelengthPopUpMenu = WavelengthPopUpMenu; exports.WavelengthProgressBar = WavelengthProgressBar; exports.WavelengthProgressBarElement = _webcomponents.WavelengthProgressBar; exports.WavelengthSearch = WavelengthSearch; exports.WavelengthSearchTextField = WavelengthSearchTextField; exports.WavelengthSideBar = WavelengthSideBar; exports.WavelengthSlider = WavelengthSlider; exports.WavelengthSnackbar = WavelengthSnackbar; exports.WavelengthSpinningLogo = WavelengthSpinningLogo; exports.WavelengthSpinningOuterCircle = WavelengthSpinningOuterCircle; exports.WavelengthStandardSnackbar = WavelengthStandardSnackbar; exports.WavelengthStyledButton = WavelengthStyledButton; exports.WavelengthSwitch = WavelengthSwitch; exports.WavelengthTestSnackbar = WavelengthTestSnackbar; exports.WavelengthTitleBar = WavelengthTitleBar; exports.WavelengthTitleBarElement = _webcomponents.WavelengthTitleBar; exports.WavelengthToolTip = WavelengthToolTip; exports.WavelengthWebSnackbar = WavelengthWebSnackbar; exports.add = add; exports.concat = concat; exports.findBestStringMatch = findBestStringMatch; exports.useOutsideClick = useOutsideClick; exports.useThemeContext = useThemeContext;
 /*! Bundled license information:
 
 react-is/cjs/react-is.production.min.js:

package/dist/cjs/index.d.cts

@@ -181,8 +181,7 @@ interface SearchResult {
     subtitle?: string;
 }
 interface WavelengthSearchProps extends React__default.HTMLAttributes<HTMLElement> {
-    testProp?: string;
-    customStyle: StyleProp;
+    customStyle?: StyleProp;
     width?: string;
     mode?: string;
     fontSize?: string;
@@ -209,6 +208,34 @@ declare namespace WavelengthSearchTextField {
     var displayName: string;
 }
 
+interface SearchProps {
+    id?: string;
+    mode: "automatic" | "manual";
+    type?: "text-box" | "search-bar";
+    iconPos?: "start" | "end";
+    clearIconMarginRight?: string;
+    borderRadius?: number | string;
+    label?: string;
+    width?: string;
+    height?: string | number;
+    children?: ReactNode;
+    borderColor?: string;
+    hoverColor?: string;
+    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 MuiSearch({ id, mode, type, width, height, label, size, borderRadius, children, placeholder, onEnter, onSearchItemSelected, options, onChange, borderColor, hoverColor, textColor, fontSize, backgroundColor, iconPos, clearIconMarginRight, }: SearchProps): react_jsx_runtime.JSX.Element | undefined;
+declare namespace MuiSearch {
+    var displayName: string;
+}
+
 interface WavelengthNotAvailablePageProps {
     WavelengthAppLogoName?: string;
     errorMessage: string;
@@ -1102,4 +1129,4 @@ interface MultiSelectAutocompleteProps {
 }
 declare const WavelengthMultiSelectAutocomplete: React__default.FC<MultiSelectAutocompleteProps>;
 
-export { ButtonIcon, ButtonMenu, ChildDataTable, DefaultCarousel, type IFileSelectedEventDetail, type NavItem, NestedDataTable, SampleComponent, type SearchResult, SliderCardCarousel, type StyledButtonPropsTwo, type ThemeProperties, WavelengthAccessAlert, WavelengthAlert, WavelengthAppLogo, WavelengthAppTheme, WavelengthAutoComplete, WavelengthAutocomplete, WavelengthBadge, type WavelengthBadgeProps, WavelengthBanner, WavelengthBox, WavelengthButton, WavelengthCheckbox, WavelengthCommentDisplay, WavelengthConfirmationModal, WavelengthContentModal, WavelengthContentPlaceholder, WavelengthDataTable, WavelengthDatePicker, WavelengthDefaultIcon, WavelengthDefaultPagination, WavelengthDialog, WavelengthDragAndDrop, WavelengthDropdown, WavelengthDropdownButton, WavelengthExampleComponent, WavelengthFileDownloader, WavelengthFileDropZone, type WavelengthFileDropZoneProps, WavelengthFooter, WavelengthForm, WavelengthInput, WavelengthManyPlanes, WavelengthMenu, WavelengthMultiSelectAutocomplete, WavelengthNavBar, type WavelengthNavBarProps, WavelengthNotAvailablePage, WavelengthNotificationPanel, WavelengthPagination, WavelengthPermissionAlert, WavelengthPlaneTrail, WavelengthPopUpMenu, WavelengthProgressBar, WavelengthSearch, WavelengthSearchTextField, WavelengthSideBar, type WavelengthSideBarProps, WavelengthSlider, WavelengthSnackbar, WavelengthSpinningLogo, WavelengthSpinningOuterCircle, WavelengthStandardSnackbar, WavelengthStyledButton, WavelengthSwitch, WavelengthTestSnackbar, WavelengthTitleBar, WavelengthToolTip, WavelengthWebSnackbar, type WavelengthWebSnackbarProps, add, concat, findBestStringMatch, useOutsideClick, useThemeContext };
+export { ButtonIcon, ButtonMenu, ChildDataTable, DefaultCarousel, type IFileSelectedEventDetail, MuiSearch, type NavItem, NestedDataTable, SampleComponent, type SearchProps, type SearchResult, SliderCardCarousel, type StyledButtonPropsTwo, type ThemeProperties, WavelengthAccessAlert, WavelengthAlert, WavelengthAppLogo, WavelengthAppTheme, WavelengthAutoComplete, WavelengthAutocomplete, WavelengthBadge, type WavelengthBadgeProps, WavelengthBanner, WavelengthBox, WavelengthButton, WavelengthCheckbox, WavelengthCommentDisplay, WavelengthConfirmationModal, WavelengthContentModal, WavelengthContentPlaceholder, WavelengthDataTable, WavelengthDatePicker, WavelengthDefaultIcon, WavelengthDefaultPagination, WavelengthDialog, WavelengthDragAndDrop, WavelengthDropdown, WavelengthDropdownButton, WavelengthExampleComponent, WavelengthFileDownloader, WavelengthFileDropZone, type WavelengthFileDropZoneProps, WavelengthFooter, WavelengthForm, WavelengthInput, WavelengthManyPlanes, WavelengthMenu, WavelengthMultiSelectAutocomplete, WavelengthNavBar, type WavelengthNavBarProps, WavelengthNotAvailablePage, WavelengthNotificationPanel, WavelengthPagination, WavelengthPermissionAlert, WavelengthPlaneTrail, WavelengthPopUpMenu, WavelengthProgressBar, WavelengthSearch, WavelengthSearchTextField, WavelengthSideBar, type WavelengthSideBarProps, WavelengthSlider, WavelengthSnackbar, WavelengthSpinningLogo, WavelengthSpinningOuterCircle, WavelengthStandardSnackbar, WavelengthStyledButton, WavelengthSwitch, WavelengthTestSnackbar, WavelengthTitleBar, WavelengthToolTip, WavelengthWebSnackbar, type WavelengthWebSnackbarProps, add, concat, findBestStringMatch, useOutsideClick, useThemeContext };