@availity/mui-pagination 1.0.12 → 2.0.1

package/CHANGELOG.md

@@ -2,6 +2,31 @@
 
 This file was generated using [@jscutlery/semver](https://github.com/jscutlery/semver).
 
+## [2.0.1](https://github.com/Availity/element/compare/@availity/mui-pagination@2.0.0...@availity/mui-pagination@2.0.1) (2025-12-03)
+
+### Dependency Updates
+
+* `mui-icon` updated to version `2.0.0`
+* `mui-layout` updated to version `2.0.0`
+* `mui-list` updated to version `2.0.0`
+## [2.0.0](https://github.com/Availity/element/compare/@availity/mui-pagination@1.0.12...@availity/mui-pagination@2.0.0) (2025-11-17)
+
+### Dependency Updates
+
+* `mui-icon` updated to version `1.0.12`
+* `mui-layout` updated to version `1.0.12`
+* `mui-list` updated to version `1.0.12`
+
+### ⚠ 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.0.12](https://github.com/Availity/element/compare/@availity/mui-pagination@1.0.11...@availity/mui-pagination@1.0.12) (2025-10-30)
 
 ### Dependency Updates

package/dist/index.d.mts

@@ -7,10 +7,10 @@ type PaginationProps = {
      * @default 'determined by theme' */
     size?: 'medium' | 'large';
 } & Omit<PaginationProps$1, 'color' | 'getItemAriaLabel' | 'renderItem' | 'shape' | 'size'>;
-declare const Pagination: (props: PaginationProps) => JSX.Element;
+declare const Pagination: (props: PaginationProps) => React.JSX.Element;
 
 type PaginationItemProps = Omit<PaginationItemProps$1, 'components' | 'color' | 'shape' | 'size'>;
-declare const PaginationItem: (props: PaginationItemProps) => JSX.Element;
+declare const PaginationItem: (props: PaginationItemProps) => React.JSX.Element;
 
 type Resource<TData> = {
     postGet: (request: {

package/dist/index.d.ts

@@ -7,10 +7,10 @@ type PaginationProps = {
      * @default 'determined by theme' */
     size?: 'medium' | 'large';
 } & Omit<PaginationProps$1, 'color' | 'getItemAriaLabel' | 'renderItem' | 'shape' | 'size'>;
-declare const Pagination: (props: PaginationProps) => JSX.Element;
+declare const Pagination: (props: PaginationProps) => React.JSX.Element;
 
 type PaginationItemProps = Omit<PaginationItemProps$1, 'components' | 'color' | 'shape' | 'size'>;
-declare const PaginationItem: (props: PaginationItemProps) => JSX.Element;
+declare const PaginationItem: (props: PaginationItemProps) => React.JSX.Element;
 
 type Resource<TData> = {
     postGet: (request: {

package/introduction.mdx

@@ -1,5 +1,4 @@
-import { Markdown } from '@storybook/blocks';
-import { Meta } from '@storybook/addon-docs';
+import { Markdown, Meta } from '@storybook/addon-docs/blocks';
 import ReadMe from './README.md?raw';
 import CHANGELOG from './CHANGELOG.md?raw';
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@availity/mui-pagination",
-  "version": "1.0.12",
+  "version": "2.0.1",
   "description": "Availity MUI Pagination Component - part of the @availity/element design system",
   "keywords": [
     "react",
@@ -40,19 +40,19 @@
     "publish:canary": "yarn npm publish --access public --tag canary"
   },
   "devDependencies": {
-    "@availity/mui-icon": "1.1.1",
-    "@mui/material": "^6.4.5",
+    "@availity/mui-icon": "2.0.1",
+    "@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",
     "tsup": "^8.4.0",
     "typescript": "^5.4.5"
   },
   "peerDependencies": {
-    "@availity/mui-icon": "1.1.1",
-    "@mui/material": "^6.4.5",
+    "@availity/mui-icon": "2.0.1",
+    "@mui/material": "^7.0.0",
     "@tanstack/react-query": "^4.36.1",
-    "react": ">=16.3.0"
+    "react": ">=17.0.0"
   },
   "peerDependenciesMeta": {
     "@tanstack/react-query": {

package/src/lib/Pagination.stories.tsx

@@ -1,6 +1,6 @@
 // Each exported component in the package should have its own stories file
 
-import type { Meta, StoryObj } from '@storybook/react';
+import type { Meta, StoryObj } from '@storybook/react-vite';
 import { Grid } from '@availity/mui-layout';
 import { Pagination, PaginationProps } from './Pagination';
 

package/src/lib/Pagination.tsx

@@ -12,7 +12,7 @@ const getItemAriaLabel: MuiPaginationProps['getItemAriaLabel'] = (type, page) =>
   return `Go to ${type} page`;
 };
 
-export const Pagination = (props: PaginationProps): JSX.Element => {
+export const Pagination = (props: PaginationProps): React.JSX.Element => {
   return (
     <MuiPagination {...props} getItemAriaLabel={getItemAriaLabel} renderItem={(item) => <PaginationItem {...item} />} />
   );

package/src/lib/PaginationItem.stories.tsx

@@ -1,6 +1,6 @@
 // Each exported component in the package should have its own stories file
 
-import type { Meta, StoryObj } from '@storybook/react';
+import type { Meta, StoryObj } from '@storybook/react-vite';
 import { Grid } from '@availity/mui-layout';
 import { PaginationItem, PaginationItemProps } from './PaginationItem';
 

package/src/lib/PaginationItem.tsx

@@ -29,6 +29,6 @@ const slots = {
   ),
 };
 
-export const PaginationItem = (props: PaginationItemProps): JSX.Element => {
+export const PaginationItem = (props: PaginationItemProps): React.JSX.Element => {
   return <MuiPaginationItem slots={slots} {...props} />;
 };

package/src/lib/ResourcePagination.stories.tsx

@@ -1,6 +1,6 @@
 // Each exported component in the package should have its own stories file
 
-import type { Meta, StoryObj } from '@storybook/react';
+import type { Meta, StoryObj } from '@storybook/react-vite';
 import { Box } from '@availity/mui-layout';
 import { avOrganizationsApi } from '@availity/api-axios';
 import { List, ListItem, ListItemText } from '@availity/mui-list';

package/src/lib/ResourcePagination.test.tsx

@@ -18,9 +18,12 @@ afterEach(() => {
   server.resetHandlers();
 });
 
+// terminate the server
+afterAll(() => server.close());
+
 const client = new QueryClient();
 
-const ResourcePaginationComponent = (): JSX.Element => {
+const ResourcePaginationComponent = (): React.JSX.Element => {
   const resp = useResourcePagination({
     page: 1,
     resource: avOrganizationsApi,