cloudmr-ux 1.7.1 → 1.7.3

package/dist/index.js

@@ -1117,7 +1117,6 @@ 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);
@@ -1135,14 +1134,6 @@ var CMRSelectUpload = (props) => {
     props.onSelected(props.fileSelection[fileIndex]);
     setOpen(false);
   };
-  const sortedFiles = [...props.fileSelection].sort(
-    (a, b) => a.fileName.localeCompare(b.fileName)
-  );
-  const stringMatchFilter = (0, import_Autocomplete2.createFilterOptions)({
-    stringify: (option) => option.fileName || "",
-    trim: true,
-    ignoreCase: true
-  });
   const selectionDialog = /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(import_Dialog6.default, { open, onClose: handleClose, children: [
     /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_DialogTitle6.default, { children: "Select or Upload" }),
     /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(import_DialogContent6.default, { sx: { width: 520 }, children: [
@@ -1151,10 +1142,16 @@ var CMRSelectUpload = (props) => {
         import_Autocomplete.default,
         {
           disabled: uploading,
-          options: sortedFiles,
-          filterOptions: (options, state) => stringMatchFilter(options, state).sort(
-            (a, b) => a.fileName.localeCompare(b.fileName)
-          ),
+          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())
+            );
+          },
           getOptionLabel: (option) => option.fileName,
           isOptionEqualToValue: (option, value) => option.id === value.id,
           value: fileIndex === -1 ? null : props.fileSelection[fileIndex],

package/dist/index.mjs

@@ -1069,7 +1069,6 @@ 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);
@@ -1087,14 +1086,6 @@ var CMRSelectUpload = (props) => {
     props.onSelected(props.fileSelection[fileIndex]);
     setOpen(false);
   };
-  const sortedFiles = [...props.fileSelection].sort(
-    (a, b) => a.fileName.localeCompare(b.fileName)
-  );
-  const stringMatchFilter = createFilterOptions({
-    stringify: (option) => option.fileName || "",
-    trim: true,
-    ignoreCase: true
-  });
   const selectionDialog = /* @__PURE__ */ jsxs12(Dialog6, { open, onClose: handleClose, children: [
     /* @__PURE__ */ jsx18(DialogTitle6, { children: "Select or Upload" }),
     /* @__PURE__ */ jsxs12(DialogContent6, { sx: { width: 520 }, children: [
@@ -1103,10 +1094,16 @@ var CMRSelectUpload = (props) => {
         Autocomplete,
         {
           disabled: uploading,
-          options: sortedFiles,
-          filterOptions: (options, state) => stringMatchFilter(options, state).sort(
-            (a, b) => a.fileName.localeCompare(b.fileName)
-          ),
+          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())
+            );
+          },
           getOptionLabel: (option) => option.fileName,
           isOptionEqualToValue: (option, value) => option.id === value.id,
           value: fileIndex === -1 ? null : props.fileSelection[fileIndex],

package/package.json

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