cloudmr-ux 1.7.4 → 1.7.5

package/dist/index.js

@@ -1117,6 +1117,7 @@ var import_DialogContentText5 = __toESM(require("@mui/material/DialogContentText
 var import_Box3 = __toESM(require("@mui/material/Box"));
 var import_Autocomplete = __toESM(require("@mui/material/Autocomplete"));
 var import_TextField5 = __toESM(require("@mui/material/TextField"));
+var import_Autocomplete2 = require("@mui/material/Autocomplete");
 var import_jsx_runtime18 = require("react/jsx-runtime");
 var CMRSelectUpload = (props) => {
   let [open, setOpen] = import_react8.default.useState(false);
@@ -1127,6 +1128,11 @@ var CMRSelectUpload = (props) => {
     selectFileIndex(-1);
     setOpen(true);
   };
+  const customFilter = (0, import_Autocomplete2.createFilterOptions)({
+    matchFrom: "start",
+    // only match from beginning
+    stringify: (option) => option.fileName
+  });
   const handleClose = () => {
     setOpen(false);
   };
@@ -1143,16 +1149,9 @@ var CMRSelectUpload = (props) => {
         {
           disabled: uploading,
           options: props.fileSelection,
-          filterOptions: (options, state) => {
-            const input = state.inputValue.toLowerCase();
-            const filtered = options.filter(
-              (option) => option.fileName.toLowerCase().startsWith(input)
-            );
-            return filtered.sort(
-              (a, b) => a.fileName.toLowerCase().localeCompare(b.fileName.toLowerCase())
-            );
-          },
+          filterOptions: customFilter,
           getOptionLabel: (option) => option.fileName,
+          noOptionsText: "No files found starting with input",
           isOptionEqualToValue: (option, value) => option.id === value.id,
           onChange: (event, newValue) => {
             if (newValue) {

package/dist/index.mjs

@@ -1069,6 +1069,7 @@ import DialogContentText5 from "@mui/material/DialogContentText";
 import Box4 from "@mui/material/Box";
 import Autocomplete from "@mui/material/Autocomplete";
 import TextField5 from "@mui/material/TextField";
+import { createFilterOptions } from "@mui/material/Autocomplete";
 import { jsx as jsx18, jsxs as jsxs12 } from "react/jsx-runtime";
 var CMRSelectUpload = (props) => {
   let [open, setOpen] = React11.useState(false);
@@ -1079,6 +1080,11 @@ var CMRSelectUpload = (props) => {
     selectFileIndex(-1);
     setOpen(true);
   };
+  const customFilter = createFilterOptions({
+    matchFrom: "start",
+    // only match from beginning
+    stringify: (option) => option.fileName
+  });
   const handleClose = () => {
     setOpen(false);
   };
@@ -1095,16 +1101,9 @@ var CMRSelectUpload = (props) => {
         {
           disabled: uploading,
           options: props.fileSelection,
-          filterOptions: (options, state) => {
-            const input = state.inputValue.toLowerCase();
-            const filtered = options.filter(
-              (option) => option.fileName.toLowerCase().startsWith(input)
-            );
-            return filtered.sort(
-              (a, b) => a.fileName.toLowerCase().localeCompare(b.fileName.toLowerCase())
-            );
-          },
+          filterOptions: customFilter,
           getOptionLabel: (option) => option.fileName,
+          noOptionsText: "No files found starting with input",
           isOptionEqualToValue: (option, value) => option.id === value.id,
           onChange: (event, newValue) => {
             if (newValue) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "cloudmr-ux",
-  "version": "1.7.4",
+  "version": "1.7.5",
   "author": "erosmontin@gmail.com",
   "license": "MIT",
   "repository": "erosmontin/cloudmr-ux",