cloudmr-ux 1.7.0 → 1.7.1

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);
@@ -1134,6 +1135,14 @@ 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: [
@@ -1142,7 +1151,10 @@ var CMRSelectUpload = (props) => {
         import_Autocomplete.default,
         {
           disabled: uploading,
-          options: props.fileSelection,
+          options: sortedFiles,
+          filterOptions: (options, state) => stringMatchFilter(options, state).sort(
+            (a, b) => a.fileName.localeCompare(b.fileName)
+          ),
           getOptionLabel: (option) => option.fileName,
           isOptionEqualToValue: (option, value) => option.id === value.id,
           value: fileIndex === -1 ? null : props.fileSelection[fileIndex],

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);
@@ -1086,6 +1087,14 @@ 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: [
@@ -1094,7 +1103,10 @@ var CMRSelectUpload = (props) => {
         Autocomplete,
         {
           disabled: uploading,
-          options: props.fileSelection,
+          options: sortedFiles,
+          filterOptions: (options, state) => stringMatchFilter(options, state).sort(
+            (a, b) => a.fileName.localeCompare(b.fileName)
+          ),
           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.0",
+  "version": "1.7.1",
   "author": "erosmontin@gmail.com",
   "license": "MIT",
   "repository": "erosmontin/cloudmr-ux",