@availity/mui-file-selector 1.4.2 → 1.5.0

package/CHANGELOG.md

@@ -2,6 +2,20 @@
 
 This file was generated using [@jscutlery/semver](https://github.com/jscutlery/semver).
 
+## [1.5.0](https://github.com/Availity/element/compare/@availity/mui-file-selector@1.4.3...@availity/mui-file-selector@1.5.0) (2025-04-10)
+
+
+### Features
+
+* **mui-file-selector:** pass onChunkComplete method in usUpdateNav ([f2b5ec1](https://github.com/Availity/element/commit/f2b5ec1a97205c6f2a83f9f7b7a3abbad16d0eb6))
+
+## [1.4.3](https://github.com/Availity/element/compare/@availity/mui-file-selector@1.4.2...@availity/mui-file-selector@1.4.3) (2025-04-09)
+
+### Dependency Updates
+
+* `mui-form-utils` updated to version `1.4.2`
+* `mui-dialog` updated to version `1.4.2`
+* `mui-textfield` updated to version `1.4.2`
 ## [1.4.2](https://github.com/Availity/element/compare/@availity/mui-file-selector@1.4.1...@availity/mui-file-selector@1.4.2) (2025-04-08)
 
 ### Dependency Updates

package/dist/index.d.mts

@@ -4,6 +4,7 @@ import { DropEvent, FileRejection, FileError, DropzoneInputProps } from 'react-d
 import Upload, { UploadOptions } from '@availity/upload-core';
 import * as _tanstack_react_query from '@tanstack/react-query';
 import { UseQueryOptions } from '@tanstack/react-query';
+import { OnSuccessPayload } from 'tus-js-client';
 import { ButtonProps } from '@availity/mui-button';
 import { FileRejection as FileRejection$1, DropEvent as DropEvent$1, FileError as FileError$1 } from 'react-dropzone/typings/react-dropzone';
 
@@ -86,8 +87,9 @@ declare const ErrorAlert: ({ errors, fileName, id, onClose }: ErrorAlertProps) =
 
 type Options = {
     onError?: (error: Error) => void;
-    onSuccess?: () => void;
+    onSuccess?: (response: OnSuccessPayload) => void;
     onProgress?: () => void;
+    onChunkComplete?: (chunkSize: number, bytesAccepted: number, bytesTotal: number | null) => void;
 } & UploadOptions;
 type UploadQueryOptions = UseQueryOptions<Upload, Error, Upload, [string, string, Options]>;
 declare function useUploadCore(file: File, options: Options, queryOptions?: UploadQueryOptions): _tanstack_react_query.UseQueryResult<Upload, Error>;

package/dist/index.d.ts

@@ -4,6 +4,7 @@ import { DropEvent, FileRejection, FileError, DropzoneInputProps } from 'react-d
 import Upload, { UploadOptions } from '@availity/upload-core';
 import * as _tanstack_react_query from '@tanstack/react-query';
 import { UseQueryOptions } from '@tanstack/react-query';
+import { OnSuccessPayload } from 'tus-js-client';
 import { ButtonProps } from '@availity/mui-button';
 import { FileRejection as FileRejection$1, DropEvent as DropEvent$1, FileError as FileError$1 } from 'react-dropzone/typings/react-dropzone';
 
@@ -86,8 +87,9 @@ declare const ErrorAlert: ({ errors, fileName, id, onClose }: ErrorAlertProps) =
 
 type Options = {
     onError?: (error: Error) => void;
-    onSuccess?: () => void;
+    onSuccess?: (response: OnSuccessPayload) => void;
     onProgress?: () => void;
+    onChunkComplete?: (chunkSize: number, bytesAccepted: number, bytesTotal: number | null) => void;
 } & UploadOptions;
 type UploadQueryOptions = UseQueryOptions<Upload, Error, Upload, [string, string, Options]>;
 declare function useUploadCore(file: File, options: Options, queryOptions?: UploadQueryOptions): _tanstack_react_query.UseQueryResult<Upload, Error>;

package/dist/index.js

@@ -455,13 +455,7 @@ var import_TextField = __toESM(require("@mui/material/TextField"));
 var import_mui_form_utils2 = require("@availity/mui-form-utils");
 var import_mui_layout2 = require("@availity/mui-layout");
 var import_mui_typography2 = require("@availity/mui-typography");
-var import_styles4 = require("@mui/material/styles");
 var import_jsx_runtime9 = require("react/jsx-runtime");
-var SelectPlaceholder = (0, import_styles4.styled)("span", {
-  name: "MuiTextField",
-  slot: "SelectPlaceholder",
-  overridesResolver: (props, styles) => styles.avFilled
-})(({ theme }) => ({ opacity: 1, color: theme.palette.grey[400] }));
 var TextFieldFormHelperText = (_a) => {
   var _b = _a, {
     charCount,
@@ -531,10 +525,7 @@ var TextField = (0, import_react2.forwardRef)((props, ref) => {
         }, inputProps), (_e = rest.slotProps) == null ? void 0 : _e.htmlInput), {
           maxLength: !displayOverflowMaxLength ? maxLength : void 0
         })),
-        select: resolvedProps(__spreadValues(__spreadValues(__spreadValues(__spreadValues({
-          displayEmpty: !!rest.placeholder,
-          renderValue: (value) => rest.placeholder && (!value || Array.isArray(value) && value.length === 0) ? /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(SelectPlaceholder, { className: "MuiSelect-placeholder", children: rest.placeholder }) : value
-        }, SelectProps2), import_mui_form_utils2.SelectPropOverrides), (0, import_mui_form_utils2.SelectAccessibilityOverrides)(openDetected, setOpenDetected, SelectProps2 == null ? void 0 : SelectProps2.open)), (_f = rest.slotProps) == null ? void 0 : _f.select)),
+        select: resolvedProps(__spreadValues(__spreadValues(__spreadValues(__spreadValues({}, SelectProps2), import_mui_form_utils2.SelectPropOverrides), (0, import_mui_form_utils2.SelectAccessibilityOverrides)(openDetected, setOpenDetected, SelectProps2 == null ? void 0 : SelectProps2.open)), (_f = rest.slotProps) == null ? void 0 : _f.select)),
         inputLabel: resolvedProps(__spreadValues(__spreadValues({
           component: import_mui_form_utils2.FormLabel,
           helpTopicId,
@@ -666,12 +657,13 @@ var import_react_query = require("@tanstack/react-query");
 var import_upload_core = __toESM(require("@availity/upload-core"));
 function startUpload(file, options) {
   return __async(this, null, function* () {
-    const _a = options, { onSuccess, onError, onProgress } = _a, uploadOptions = __objRest(_a, ["onSuccess", "onError", "onProgress"]);
+    const _a = options, { onSuccess, onError, onProgress, onChunkComplete } = _a, uploadOptions = __objRest(_a, ["onSuccess", "onError", "onProgress", "onChunkComplete"]);
     const upload = new import_upload_core.default(file, uploadOptions);
     yield upload.generateId();
     if (onSuccess) upload.onSuccess.push(onSuccess);
     if (onError) upload.onError.push(onError);
     if (onProgress) upload.onProgress.push(onProgress);
+    if (onChunkComplete) upload.onChunkComplete.push(onChunkComplete);
     upload.start();
     return upload;
   });

package/dist/index.mjs

@@ -419,13 +419,7 @@ import {
 } from "@availity/mui-form-utils";
 import { Grid } from "@availity/mui-layout";
 import { Typography as Typography2 } from "@availity/mui-typography";
-import { styled as styled4 } from "@mui/material/styles";
 import { Fragment as Fragment4, jsx as jsx9, jsxs as jsxs6 } from "react/jsx-runtime";
-var SelectPlaceholder = styled4("span", {
-  name: "MuiTextField",
-  slot: "SelectPlaceholder",
-  overridesResolver: (props, styles) => styles.avFilled
-})(({ theme }) => ({ opacity: 1, color: theme.palette.grey[400] }));
 var TextFieldFormHelperText = (_a) => {
   var _b = _a, {
     charCount,
@@ -495,10 +489,7 @@ var TextField = forwardRef((props, ref) => {
         }, inputProps), (_e = rest.slotProps) == null ? void 0 : _e.htmlInput), {
           maxLength: !displayOverflowMaxLength ? maxLength : void 0
         })),
-        select: resolvedProps(__spreadValues(__spreadValues(__spreadValues(__spreadValues({
-          displayEmpty: !!rest.placeholder,
-          renderValue: (value) => rest.placeholder && (!value || Array.isArray(value) && value.length === 0) ? /* @__PURE__ */ jsx9(SelectPlaceholder, { className: "MuiSelect-placeholder", children: rest.placeholder }) : value
-        }, SelectProps2), SelectPropOverrides), SelectAccessibilityOverrides(openDetected, setOpenDetected, SelectProps2 == null ? void 0 : SelectProps2.open)), (_f = rest.slotProps) == null ? void 0 : _f.select)),
+        select: resolvedProps(__spreadValues(__spreadValues(__spreadValues(__spreadValues({}, SelectProps2), SelectPropOverrides), SelectAccessibilityOverrides(openDetected, setOpenDetected, SelectProps2 == null ? void 0 : SelectProps2.open)), (_f = rest.slotProps) == null ? void 0 : _f.select)),
         inputLabel: resolvedProps(__spreadValues(__spreadValues({
           component: FormLabel,
           helpTopicId,
@@ -641,12 +632,13 @@ import { useQuery } from "@tanstack/react-query";
 import Upload from "@availity/upload-core";
 function startUpload(file, options) {
   return __async(this, null, function* () {
-    const _a = options, { onSuccess, onError, onProgress } = _a, uploadOptions = __objRest(_a, ["onSuccess", "onError", "onProgress"]);
+    const _a = options, { onSuccess, onError, onProgress, onChunkComplete } = _a, uploadOptions = __objRest(_a, ["onSuccess", "onError", "onProgress", "onChunkComplete"]);
     const upload = new Upload(file, uploadOptions);
     yield upload.generateId();
     if (onSuccess) upload.onSuccess.push(onSuccess);
     if (onError) upload.onError.push(onError);
     if (onProgress) upload.onProgress.push(onProgress);
+    if (onChunkComplete) upload.onChunkComplete.push(onChunkComplete);
     upload.start();
     return upload;
   });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@availity/mui-file-selector",
-  "version": "1.4.2",
+  "version": "1.5.0",
   "description": "Availity MUI file-selector Component - part of the @availity/element design system",
   "keywords": [
     "react",
@@ -44,13 +44,13 @@
     "@availity/mui-alert": "^1.0.2",
     "@availity/mui-button": "^1.1.0",
     "@availity/mui-divider": "^1.0.1",
-    "@availity/mui-form-utils": "^1.1.1",
+    "@availity/mui-form-utils": "^1.1.2",
     "@availity/mui-icon": "^1.0.1",
     "@availity/mui-layout": "^1.0.1",
     "@availity/mui-list": "^1.0.2",
     "@availity/mui-progress": "^1.0.1",
     "@availity/mui-typography": "^1.0.1",
-    "@availity/upload-core": "^7.0.3",
+    "@availity/upload-core": "^7.1.1",
     "@tanstack/react-query": "^4.36.1",
     "react-dropzone": "^11.7.1",
     "react-hook-form": "^7.54.2",

package/src/lib/useUploadCore.tsx

@@ -2,17 +2,19 @@ import { useQuery } from '@tanstack/react-query';
 import type { UseQueryOptions } from '@tanstack/react-query';
 import Upload from '@availity/upload-core';
 import type { UploadOptions } from '@availity/upload-core';
+import type { OnSuccessPayload } from 'tus-js-client';
 
 export type Options = {
   onError?: (error: Error) => void;
-  onSuccess?: () => void;
+  onSuccess?: (response: OnSuccessPayload) => void;
   onProgress?: () => void;
+  onChunkComplete?: (chunkSize: number, bytesAccepted: number, bytesTotal: number | null) => void;
 } & UploadOptions;
 
 export type UploadQueryOptions = UseQueryOptions<Upload, Error, Upload, [string, string, Options]>;
 
 async function startUpload(file: File, options: Options) {
-  const { onSuccess, onError, onProgress, ...uploadOptions } = options;
+  const { onSuccess, onError, onProgress, onChunkComplete, ...uploadOptions } = options;
   const upload = new Upload(file, uploadOptions);
 
   await upload.generateId();
@@ -20,6 +22,7 @@ async function startUpload(file: File, options: Options) {
   if (onSuccess) upload.onSuccess.push(onSuccess);
   if (onError) upload.onError.push(onError);
   if (onProgress) upload.onProgress.push(onProgress);
+  if (onChunkComplete) upload.onChunkComplete.push(onChunkComplete);
 
   upload.start();