@availity/mui-file-selector 1.9.1 → 2.0.0

package/CHANGELOG.md

@@ -2,6 +2,35 @@
 
 This file was generated using [@jscutlery/semver](https://github.com/jscutlery/semver).
 
+## [2.0.0](https://github.com/Availity/element/compare/@availity/mui-file-selector@1.9.1...@availity/mui-file-selector@2.0.0) (2025-11-17)
+
+### Dependency Updates
+
+* `mui-paper` updated to version `1.9.1`
+* `mui-alert` updated to version `1.9.1`
+* `mui-button` updated to version `1.9.1`
+* `mui-divider` updated to version `1.9.1`
+* `mui-form-utils` updated to version `1.9.1`
+* `mui-icon` updated to version `1.9.1`
+* `mui-layout` updated to version `1.9.1`
+* `mui-list` updated to version `1.9.1`
+* `mui-progress` updated to version `1.9.1`
+* `mui-typography` updated to version `1.9.1`
+* `mui-dialog` updated to version `1.9.1`
+* `mui-textfield` updated to version `1.9.1`
+
+### ⚠ BREAKING CHANGES
+
+* **mui-file-selector:** use cloud upload endpoint by default
+* @mui/material upgraded to v7
+* @mui/x-* upgraded to v8
+* react upgraded to v19
+
+### Features
+
+* **mui-file-selector:** set isCloud to true by default ([8d5c45a](https://github.com/Availity/element/commit/8d5c45ae3a55865ef4b943d3e7f2dff2a61c868d))
+* upgrade material and react dependencies ([51602a4](https://github.com/Availity/element/commit/51602a48c5304db6f61e2c7e772c9a3a4aa3f65c))
+
 ## [1.9.1](https://github.com/Availity/element/compare/@availity/mui-file-selector@1.9.0...@availity/mui-file-selector@1.9.1) (2025-10-30)
 
 ### Dependency Updates

package/dist/index.d.mts

@@ -176,7 +176,7 @@ type FileListProps = {
      */
     files: File[];
 } & Omit<FileRowProps, 'file'>;
-declare const FileList: ({ files, options, onRemoveFile, queryOptions, customFileRow, disableRemove, }: FileListProps) => JSX.Element | null;
+declare const FileList: ({ files, options, onRemoveFile, queryOptions, customFileRow, disableRemove, }: FileListProps) => React.JSX.Element | null;
 
 type FileRow2Props = Omit<FileRowProps, 'file' | 'queryOptions'> & {
     /**
@@ -206,7 +206,7 @@ type FileList2Props = Omit<FileListProps, 'files'> & {
  *
  * `<FileList2 />` replaces the `files` prop with the `uploads` prop.
  */
-declare const FileList2: ({ uploads, options, onRemoveFile, customFileRow, disableRemove, }: FileList2Props) => JSX.Element | null;
+declare const FileList2: ({ uploads, options, onRemoveFile, customFileRow, disableRemove, }: FileList2Props) => React.JSX.Element | null;
 
 type FilePickerBtnProps = {
     /**
@@ -225,7 +225,7 @@ type FilePickerBtnProps = {
      * Additional props to customize the underlying input element.
      */
     inputProps?: DropzoneInputProps & {
-        ref?: RefObject<HTMLInputElement>;
+        ref?: RefObject<HTMLInputElement | null>;
     };
     /**
      * Maximum allowed size per file in bytes. Files exceeding this size will be rejected.
@@ -304,6 +304,7 @@ type FileSelectorProps = {
     /**
      * Whether to use the cloud upload endpoint
      * When true, uses '/cloud/web/appl/vault/upload/v1/resumable'
+     * @default true
      */
     isCloud?: boolean;
     /**

package/dist/index.d.ts

@@ -176,7 +176,7 @@ type FileListProps = {
      */
     files: File[];
 } & Omit<FileRowProps, 'file'>;
-declare const FileList: ({ files, options, onRemoveFile, queryOptions, customFileRow, disableRemove, }: FileListProps) => JSX.Element | null;
+declare const FileList: ({ files, options, onRemoveFile, queryOptions, customFileRow, disableRemove, }: FileListProps) => React.JSX.Element | null;
 
 type FileRow2Props = Omit<FileRowProps, 'file' | 'queryOptions'> & {
     /**
@@ -206,7 +206,7 @@ type FileList2Props = Omit<FileListProps, 'files'> & {
  *
  * `<FileList2 />` replaces the `files` prop with the `uploads` prop.
  */
-declare const FileList2: ({ uploads, options, onRemoveFile, customFileRow, disableRemove, }: FileList2Props) => JSX.Element | null;
+declare const FileList2: ({ uploads, options, onRemoveFile, customFileRow, disableRemove, }: FileList2Props) => React.JSX.Element | null;
 
 type FilePickerBtnProps = {
     /**
@@ -225,7 +225,7 @@ type FilePickerBtnProps = {
      * Additional props to customize the underlying input element.
      */
     inputProps?: DropzoneInputProps & {
-        ref?: RefObject<HTMLInputElement>;
+        ref?: RefObject<HTMLInputElement | null>;
     };
     /**
      * Maximum allowed size per file in bytes. Files exceeding this size will be rejected.
@@ -304,6 +304,7 @@ type FileSelectorProps = {
     /**
      * Whether to use the cloud upload endpoint
      * When true, uses '/cloud/web/appl/vault/upload/v1/resumable'
+     * @default true
      */
     isCloud?: boolean;
     /**

package/dist/index.js

@@ -1267,7 +1267,7 @@ var FileSelector = ({
   disabled = false,
   enableDropArea = true,
   endpoint,
-  isCloud,
+  isCloud = true,
   label = "Upload file",
   maxFiles,
   maxSize,
@@ -1294,7 +1294,7 @@ var FileSelector = ({
     allowedFileNameCharacters
   });
   if (endpoint) options.endpoint = endpoint;
-  if (isCloud) options.endpoint = CLOUD_URL;
+  else if (isCloud) options.endpoint = CLOUD_URL;
   const handleOnRemoveFile = (uploadId, upload) => {
     const prevFiles = formMethods.getValues(name);
     const newFiles = prevFiles.filter((file) => file.name !== upload.file.name);
@@ -1452,7 +1452,7 @@ var FileSelector2 = ({
   disabled = false,
   enableDropArea = true,
   endpoint,
-  isCloud,
+  isCloud = true,
   label = "Upload file",
   maxFiles,
   maxSize,
@@ -1477,7 +1477,7 @@ var FileSelector2 = ({
     allowedFileNameCharacters
   });
   if (endpoint) options.endpoint = endpoint;
-  if (isCloud) options.endpoint = CLOUD_URL;
+  else if (isCloud) options.endpoint = CLOUD_URL;
   const handleOnRemoveFile = (uploadId, upload) => {
     const prevFiles = formMethods.getValues(name);
     const newFiles = prevFiles.filter((prev) => prev.file.name !== upload.file.name);

package/dist/index.mjs

@@ -1232,7 +1232,7 @@ var FileSelector = ({
   disabled = false,
   enableDropArea = true,
   endpoint,
-  isCloud,
+  isCloud = true,
   label = "Upload file",
   maxFiles,
   maxSize,
@@ -1259,7 +1259,7 @@ var FileSelector = ({
     allowedFileNameCharacters
   });
   if (endpoint) options.endpoint = endpoint;
-  if (isCloud) options.endpoint = CLOUD_URL;
+  else if (isCloud) options.endpoint = CLOUD_URL;
   const handleOnRemoveFile = (uploadId, upload) => {
     const prevFiles = formMethods.getValues(name);
     const newFiles = prevFiles.filter((file) => file.name !== upload.file.name);
@@ -1417,7 +1417,7 @@ var FileSelector2 = ({
   disabled = false,
   enableDropArea = true,
   endpoint,
-  isCloud,
+  isCloud = true,
   label = "Upload file",
   maxFiles,
   maxSize,
@@ -1442,7 +1442,7 @@ var FileSelector2 = ({
     allowedFileNameCharacters
   });
   if (endpoint) options.endpoint = endpoint;
-  if (isCloud) options.endpoint = CLOUD_URL;
+  else if (isCloud) options.endpoint = CLOUD_URL;
   const handleOnRemoveFile = (uploadId, upload) => {
     const prevFiles = formMethods.getValues(name);
     const newFiles = prevFiles.filter((prev) => prev.file.name !== upload.file.name);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@availity/mui-file-selector",
-  "version": "1.9.1",
+  "version": "2.0.0",
   "description": "Availity MUI file-selector Component - part of the @availity/element design system",
   "keywords": [
     "react",
@@ -41,15 +41,15 @@
   },
   "dependencies": {
     "@availity/api-axios": "^11.0.0",
-    "@availity/mui-alert": "^1.0.7",
-    "@availity/mui-button": "^1.1.5",
-    "@availity/mui-divider": "^1.0.3",
-    "@availity/mui-form-utils": "^1.3.3",
-    "@availity/mui-icon": "^1.1.1",
-    "@availity/mui-layout": "^1.0.3",
-    "@availity/mui-list": "^1.0.8",
-    "@availity/mui-progress": "^1.0.4",
-    "@availity/mui-typography": "^1.0.3",
+    "@availity/mui-alert": "^2.0.0",
+    "@availity/mui-button": "^2.0.0",
+    "@availity/mui-divider": "^2.0.0",
+    "@availity/mui-form-utils": "^2.0.0",
+    "@availity/mui-icon": "^2.0.0",
+    "@availity/mui-layout": "^2.0.0",
+    "@availity/mui-list": "^2.0.0",
+    "@availity/mui-progress": "^2.0.0",
+    "@availity/mui-typography": "^2.0.0",
     "@availity/upload-core": "^8.0.0",
     "@tanstack/react-query": "^4.36.1",
     "react-dropzone": "^11.7.1",
@@ -58,16 +58,16 @@
     "uuid": "^9.0.1"
   },
   "devDependencies": {
-    "@availity/mui-paper": "^1.0.3",
-    "@mui/material": "^6.4.5",
-    "react": "18.2.0",
-    "react-dom": "18.2.0",
+    "@availity/mui-paper": "^2.0.0",
+    "@mui/material": "^7.3.4",
+    "react": "19.2.0",
+    "react-dom": "19.2.0",
     "tsup": "^8.4.0",
     "typescript": "^5.4.5"
   },
   "peerDependencies": {
-    "@mui/material": "^6.4.5",
-    "react": ">=16.3.0"
+    "@mui/material": "^7.0.0",
+    "react": ">=17.0.0"
   },
   "publishConfig": {
     "access": "public"

package/src/lib/FileList.tsx

@@ -109,7 +109,7 @@ export const FileList = ({
   queryOptions,
   customFileRow,
   disableRemove,
-}: FileListProps): JSX.Element | null => {
+}: FileListProps): React.JSX.Element | null => {
   if (files.length === 0) return null;
 
   return (

package/src/lib/FileList2.tsx

@@ -96,7 +96,7 @@ export const FileList2 = ({
   onRemoveFile,
   customFileRow,
   disableRemove,
-}: FileList2Props): JSX.Element | null => {
+}: FileList2Props): React.JSX.Element | null => {
   if (uploads.length === 0) return null;
 
   return (

package/src/lib/FilePickerBtn.tsx

@@ -20,7 +20,7 @@ export type FilePickerBtnProps = {
   /**
    * Additional props to customize the underlying input element.
    */
-  inputProps?: DropzoneInputProps & { ref?: RefObject<HTMLInputElement> };
+  inputProps?: DropzoneInputProps & { ref?: RefObject<HTMLInputElement | null> };
   /**
    * Maximum allowed size per file in bytes. Files exceeding this size will be rejected.
    */

package/src/lib/FileSelector.stories.tsx

@@ -17,7 +17,7 @@ const meta: Meta<typeof FileSelector> = {
   component: FileSelector,
   tags: ['autodocs'],
   decorators: [
-    (Story: () => JSX.Element) => (
+    (Story: () => React.JSX.Element) => (
       <QueryClientProvider
         client={
           new QueryClient({
@@ -45,7 +45,6 @@ const meta: Meta<typeof FileSelector> = {
     maxFiles: 2,
     maxSize: 1 * 1024 * 1024, // 1MB
     enableDropArea: true,
-    isCloud: true,
     multiple: true,
   },
   argTypes: {

package/src/lib/FileSelector.tsx

@@ -87,6 +87,7 @@ export type FileSelectorProps = {
   /**
    * Whether to use the cloud upload endpoint
    * When true, uses '/cloud/web/appl/vault/upload/v1/resumable'
+   * @default true
    */
   isCloud?: boolean;
   /**
@@ -163,7 +164,7 @@ export const FileSelector = ({
   disabled = false,
   enableDropArea = true,
   endpoint,
-  isCloud,
+  isCloud = true,
   label = 'Upload file',
   maxFiles,
   maxSize,
@@ -193,10 +194,9 @@ export const FileSelector = ({
     allowedFileNameCharacters,
   };
 
-  // Endpoint is set by default in upload-core so check if it exists before passing `undefined`
+  // Endpoint is set by default in upload-core so check if it exists or using cloud url before passing `undefined`
   if (endpoint) options.endpoint = endpoint;
-  // Override endpoint if using the cloud
-  if (isCloud) options.endpoint = CLOUD_URL;
+  else if (isCloud) options.endpoint = CLOUD_URL;
 
   const handleOnRemoveFile = (uploadId: string, upload: Upload) => {
     const prevFiles: File[] = formMethods.getValues(name);

package/src/lib/FileSelector2.stories.tsx

@@ -26,7 +26,6 @@ const meta: Meta<typeof FileSelector2> = {
     maxFiles: 2,
     maxSize: 1 * 1024 * 1024, // 1MB
     enableDropArea: true,
-    isCloud: true,
     multiple: true,
   },
   argTypes: {

package/src/lib/FileSelector2.tsx

@@ -44,7 +44,7 @@ export const FileSelector2 = ({
   disabled = false,
   enableDropArea = true,
   endpoint,
-  isCloud,
+  isCloud = true,
   label = 'Upload file',
   maxFiles,
   maxSize,
@@ -72,10 +72,9 @@ export const FileSelector2 = ({
     allowedFileNameCharacters,
   };
 
-  // Endpoint is set by default in upload-core so check if it exists before passing `undefined`
+  // Endpoint is set by default in upload-core so check if it exists or using cloud url before passing `undefined`
   if (endpoint) options.endpoint = endpoint;
-  // Override endpoint if using the cloud
-  if (isCloud) options.endpoint = CLOUD_URL;
+  else if (isCloud) options.endpoint = CLOUD_URL;
 
   const handleOnRemoveFile = (uploadId: string, upload: Upload) => {
     const prevFiles: Upload[] = formMethods.getValues(name);