@availity/mui-page-header 1.2.6 → 2.0.0

package/CHANGELOG.md

@@ -2,6 +2,30 @@
 
 This file was generated using [@jscutlery/semver](https://github.com/jscutlery/semver).
 
+## [2.0.0](https://github.com/Availity/element/compare/@availity/mui-page-header@1.2.6...@availity/mui-page-header@2.0.0) (2025-11-17)
+
+### Dependency Updates
+
+* `mui-breadcrumbs` updated to version `1.2.6`
+* `mui-button` updated to version `1.2.6`
+* `mui-divider` updated to version `1.2.6`
+* `mui-layout` updated to version `1.2.6`
+* `mui-link` updated to version `1.2.6`
+* `mui-spaces` updated to version `1.2.6`
+* `mui-typography` updated to version `1.2.6`
+* `mui-tabs` updated to version `1.2.6`
+* `mui-feedback` updated to version `1.2.6`
+
+### ⚠ 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.2.6](https://github.com/Availity/element/compare/@availity/mui-page-header@1.2.5...@availity/mui-page-header@1.2.6) (2025-10-30)
 
 ### Dependency Updates

package/dist/index.d.mts

@@ -41,8 +41,8 @@ interface PageHeaderProps {
     /** Logo attributes */
     logo?: LogoSpaceId | LogoPayerId;
     /** The divider below the header, defaults to `<Divider />`. Can be replaced with `<TabList>`. */
-    divider?: JSX.Element;
+    divider?: React.JSX.Element;
 }
-declare const PageHeader: ({ breadcrumbs, buttons, feedback, headerText, logo, help, divider }: PageHeaderProps) => JSX.Element;
+declare const PageHeader: ({ breadcrumbs, buttons, feedback, headerText, logo, help, divider }: PageHeaderProps) => React.JSX.Element;
 
 export { type ButtonsProps, type Help, PageHeader, type PageHeaderProps };

package/dist/index.d.ts

@@ -41,8 +41,8 @@ interface PageHeaderProps {
     /** Logo attributes */
     logo?: LogoSpaceId | LogoPayerId;
     /** The divider below the header, defaults to `<Divider />`. Can be replaced with `<TabList>`. */
-    divider?: JSX.Element;
+    divider?: React.JSX.Element;
 }
-declare const PageHeader: ({ breadcrumbs, buttons, feedback, headerText, logo, help, divider }: PageHeaderProps) => JSX.Element;
+declare const PageHeader: ({ breadcrumbs, buttons, feedback, headerText, logo, help, divider }: PageHeaderProps) => React.JSX.Element;
 
 export { type ButtonsProps, type Help, PageHeader, type PageHeaderProps };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@availity/mui-page-header",
-  "version": "1.2.6",
+  "version": "2.0.0",
   "description": "Availity MUI PageHeader Component - part of the @availity/element design system",
   "keywords": [
     "react",
@@ -40,37 +40,37 @@
     "publish:canary": "yarn npm publish --access public --tag canary"
   },
   "devDependencies": {
-    "@availity/mui-breadcrumbs": "^1.0.7",
-    "@availity/mui-button": "^1.1.5",
-    "@availity/mui-divider": "^1.0.3",
-    "@availity/mui-layout": "^1.0.3",
-    "@availity/mui-link": "^1.1.2",
-    "@availity/mui-tabs": "^1.2.3",
-    "@availity/mui-typography": "^1.0.3",
-    "@mui/material": "^6.4.5",
+    "@availity/mui-breadcrumbs": "^2.0.0",
+    "@availity/mui-button": "^2.0.0",
+    "@availity/mui-divider": "^2.0.0",
+    "@availity/mui-layout": "^2.0.0",
+    "@availity/mui-link": "^2.0.0",
+    "@availity/mui-tabs": "^2.0.0",
+    "@availity/mui-typography": "^2.0.0",
+    "@mui/material": "^7.3.4",
     "@tanstack/react-query": "^4.36.1",
-    "react": "18.2.0",
-    "react-dom": "18.2.0",
+    "react": "19.2.0",
+    "react-dom": "19.2.0",
     "react-image": "^4.1.0",
     "tsup": "^8.4.0",
     "typescript": "^5.4.5"
   },
   "peerDependencies": {
-    "@availity/mui-breadcrumbs": "^1.0.7",
-    "@availity/mui-button": "^1.1.5",
-    "@availity/mui-divider": "^1.0.3",
-    "@availity/mui-layout": "^1.0.3",
-    "@availity/mui-link": "^1.1.2",
-    "@availity/mui-spaces": "^1.1.2",
-    "@availity/mui-typography": "^1.0.3",
-    "@mui/material": "^6.4.5",
-    "react": ">=16.3.0"
+    "@availity/mui-breadcrumbs": "^2.0.0",
+    "@availity/mui-button": "^2.0.0",
+    "@availity/mui-divider": "^2.0.0",
+    "@availity/mui-layout": "^2.0.0",
+    "@availity/mui-link": "^2.0.0",
+    "@availity/mui-spaces": "^2.0.0",
+    "@availity/mui-typography": "^2.0.0",
+    "@mui/material": "^7.0.0",
+    "react": ">=17.0.0"
   },
   "publishConfig": {
     "access": "public"
   },
   "dependencies": {
-    "@availity/mui-feedback": "^1.0.16"
+    "@availity/mui-feedback": "^2.0.0"
   },
   "sideEffects": false
 }

package/src/lib/PageHeader.test.tsx

@@ -25,6 +25,10 @@ describe('PageHeader', () => {
     server.resetHandlers();
     jest.restoreAllMocks();
   });
+
+  // terminate the server
+  afterAll(() => server.close());
+
   test('should render simple page header successfully', () => {
     const { getByText } = render(<PageHeader breadcrumbs={{ active: 'This page' }} headerText="This is the header" />);
     expect(getByText('This is the header')).toBeTruthy();

package/src/lib/PageHeader.tsx

@@ -52,7 +52,7 @@ export interface PageHeaderProps {
   /** Logo attributes */
   logo?: LogoSpaceId | LogoPayerId;
   /** The divider below the header, defaults to `<Divider />`. Can be replaced with `<TabList>`. */
-  divider?: JSX.Element;
+  divider?: React.JSX.Element;
 }
 
 const Logo = (props: LogoSpaceId | LogoPayerId) => {
@@ -83,7 +83,7 @@ export const PageHeader = ({
   logo,
   help,
   divider = <Divider />
-}: PageHeaderProps): JSX.Element => {
+}: PageHeaderProps): React.JSX.Element => {
   return (
     <Grid
       component={Box}