@availity/mui-favorites 1.1.8 → 2.0.0

package/CHANGELOG.md

@@ -2,6 +2,24 @@
 
 This file was generated using [@jscutlery/semver](https://github.com/jscutlery/semver).
 
+## [2.0.0](https://github.com/Availity/element/compare/@availity/mui-favorites@1.1.8...@availity/mui-favorites@2.0.0) (2025-11-17)
+
+### Dependency Updates
+
+* `mui-icon` updated to version `1.1.8`
+* `mui-progress` updated to version `1.1.8`
+* `mui-tooltip` updated to version `1.1.8`
+
+### ⚠ BREAKING CHANGES
+
+* @mui/material upgraded to v7
+* @mui/x-* upgraded to v8
+* react upgraded to v19
+
+### Features
+
+* upgrade material and react dependencies ([51602a4](https://github.com/Availity/element/commit/51602a48c5304db6f61e2c7e772c9a3a4aa3f65c))
+
 ## [1.1.8](https://github.com/Availity/element/compare/@availity/mui-favorites@1.1.7...@availity/mui-favorites@1.1.8) (2025-10-30)
 
 ### Dependency Updates

package/dist/index.d.mts

@@ -14,7 +14,7 @@ declare const FavoritesProvider: ({ children, onFavoritesChange, onMaxFavoritesR
     settingsStatus?: StatusUnion;
     applicationId?: string;
     maxFavorites?: number;
-}) => JSX.Element;
+}) => React.JSX.Element;
 type MergedStatusUnion = 'initLoading' | 'reloading' | 'error' | 'success';
 declare const useFavorites: (id: string) => {
     isFavorited: boolean;
@@ -39,6 +39,6 @@ type FavoriteHeartProps = {
     /** The size of the icon in rem or px, minimum size is 1.5rem / 24px  */
     customSize?: string;
 };
-declare const FavoriteHeart: ({ id, name, onChange, onMouseDown, disabled, customSize, }: FavoriteHeartProps) => JSX.Element;
+declare const FavoriteHeart: ({ id, name, onChange, onMouseDown, disabled, customSize, }: FavoriteHeartProps) => React$1.JSX.Element;
 
 export { FavoriteHeart, FavoritesProvider, useFavorites };

package/dist/index.d.ts

@@ -14,7 +14,7 @@ declare const FavoritesProvider: ({ children, onFavoritesChange, onMaxFavoritesR
     settingsStatus?: StatusUnion;
     applicationId?: string;
     maxFavorites?: number;
-}) => JSX.Element;
+}) => React.JSX.Element;
 type MergedStatusUnion = 'initLoading' | 'reloading' | 'error' | 'success';
 declare const useFavorites: (id: string) => {
     isFavorited: boolean;
@@ -39,6 +39,6 @@ type FavoriteHeartProps = {
     /** The size of the icon in rem or px, minimum size is 1.5rem / 24px  */
     customSize?: string;
 };
-declare const FavoriteHeart: ({ id, name, onChange, onMouseDown, disabled, customSize, }: FavoriteHeartProps) => JSX.Element;
+declare const FavoriteHeart: ({ id, name, onChange, onMouseDown, disabled, customSize, }: FavoriteHeartProps) => React$1.JSX.Element;
 
 export { FavoriteHeart, FavoritesProvider, useFavorites };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@availity/mui-favorites",
-  "version": "1.1.8",
+  "version": "2.0.0",
   "description": "Availity MUI Favorites Component - part of the @availity/element design system",
   "keywords": [
     "react",
@@ -45,21 +45,21 @@
     "@tanstack/react-query": "^4.36.1"
   },
   "devDependencies": {
-    "@availity/mui-icon": "^1.1.1",
-    "@availity/mui-progress": "^1.0.4",
-    "@availity/mui-tooltip": "^1.0.3",
-    "@mui/material": "^6.4.5",
-    "react": "18.2.0",
-    "react-dom": "18.2.0",
+    "@availity/mui-icon": "^2.0.0",
+    "@availity/mui-progress": "^2.0.0",
+    "@availity/mui-tooltip": "^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": {
-    "@availity/mui-icon": "^1.1.1",
-    "@availity/mui-progress": "^1.0.4",
-    "@availity/mui-tooltip": "^1.0.3",
-    "@mui/material": "^6.4.5",
-    "react": ">=16.3.0"
+    "@availity/mui-icon": "^2.0.0",
+    "@availity/mui-progress": "^2.0.0",
+    "@availity/mui-tooltip": "^2.0.0",
+    "@mui/material": "^7.0.0",
+    "react": ">=17.0.0"
   },
   "publishConfig": {
     "access": "public"

package/src/lib/FavoriteHeart.tsx

@@ -109,7 +109,7 @@ export const FavoriteHeart = ({
   onMouseDown,
   disabled = false,
   customSize = DEFAULT_SIZE,
-}: FavoriteHeartProps): JSX.Element => {
+}: FavoriteHeartProps): React.JSX.Element => {
   const { isFavorited, isLastClickedFavorite, status, toggleFavorite } = useFavorites(id);
 
   const handleChange = (event: React.ChangeEvent<HTMLInputElement>) => {

package/src/lib/Favorites.test.tsx

@@ -71,6 +71,10 @@ describe('Favorites', () => {
     jest.clearAllMocks();
     queryClient.clear();
   });
+
+  // terminate the server
+  afterAll(() => server.close());
+
   it('should render favorited', async () => {
     const { container } = render(
       <QueryClientProvider client={queryClient}>

package/src/lib/Favorites.tsx

@@ -34,7 +34,7 @@ export const FavoritesProvider = ({
   settingsStatus?: StatusUnion;
   applicationId?: string;
   maxFavorites?: number;
-}): JSX.Element => {
+}): React.JSX.Element => {
   const [lastClickedFavoriteId, setLastClickedFavoriteId] = useState<string>('');
 
   const queryClient = useQueryClient();