@availity/mui-pagination 0.4.0 → 0.4.2

package/CHANGELOG.md

@@ -2,6 +2,20 @@
 
 This file was generated using [@jscutlery/semver](https://github.com/jscutlery/semver).
 
+## [0.4.2](https://github.com/Availity/element/compare/@availity/mui-pagination@0.4.1...@availity/mui-pagination@0.4.2) (2025-02-24)
+
+
+### Bug Fixes
+
+* **mui-pagination:** add react-query peer dependency ([39ae736](https://github.com/Availity/element/commit/39ae736a8a9a2a9529691f4edb841f2c774262c7))
+
+## [0.4.1](https://github.com/Availity/element/compare/@availity/mui-pagination@0.4.0...@availity/mui-pagination@0.4.1) (2025-02-06)
+
+
+### Bug Fixes
+
+* enchance aria label generation for pagination ([17e7747](https://github.com/Availity/element/commit/17e77476fd71482f3ae78898a9d9886ccaf5d90f))
+
 ## [0.4.0](https://github.com/Availity/element/compare/@availity/mui-pagination@0.3.13...@availity/mui-pagination@0.4.0) (2025-02-04)
 
 ### Dependency Updates

package/dist/index.d.mts

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

package/dist/index.d.ts

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

package/dist/index.js

@@ -22,18 +22,6 @@ var __spreadValues = (a, b) => {
   return a;
 };
 var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-var __objRest = (source, exclude) => {
-  var target = {};
-  for (var prop in source)
-    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
-      target[prop] = source[prop];
-  if (source != null && __getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(source)) {
-      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
-        target[prop] = source[prop];
-    }
-  return target;
-};
 var __export = (target, all) => {
   for (var name in all)
     __defProp(target, name, { get: all[name], enumerable: true });
@@ -95,9 +83,13 @@ var PaginationItem = (props) => {
 
 // src/lib/Pagination.tsx
 var import_jsx_runtime2 = require("react/jsx-runtime");
-var Pagination = (_a) => {
-  var rest = __objRest(_a, []);
-  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_Pagination.default, __spreadProps(__spreadValues({}, rest), { renderItem: (item) => /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(PaginationItem, __spreadValues({}, item)) }));
+var getItemAriaLabel = (type, page) => {
+  if (type === "page")
+    return `Go to page ${page}`;
+  return `Go to ${type} page`;
+};
+var Pagination = (props) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_Pagination.default, __spreadProps(__spreadValues({}, props), { getItemAriaLabel, renderItem: (item) => /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(PaginationItem, __spreadValues({}, item)) }));
 };
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {

package/dist/index.mjs

@@ -17,18 +17,6 @@ var __spreadValues = (a, b) => {
   return a;
 };
 var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-var __objRest = (source, exclude) => {
-  var target = {};
-  for (var prop in source)
-    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
-      target[prop] = source[prop];
-  if (source != null && __getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(source)) {
-      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
-        target[prop] = source[prop];
-    }
-  return target;
-};
 
 // src/lib/Pagination.tsx
 import { default as MuiPagination } from "@mui/material/Pagination";
@@ -63,9 +51,13 @@ var PaginationItem = (props) => {
 
 // src/lib/Pagination.tsx
 import { jsx as jsx2 } from "react/jsx-runtime";
-var Pagination = (_a) => {
-  var rest = __objRest(_a, []);
-  return /* @__PURE__ */ jsx2(MuiPagination, __spreadProps(__spreadValues({}, rest), { renderItem: (item) => /* @__PURE__ */ jsx2(PaginationItem, __spreadValues({}, item)) }));
+var getItemAriaLabel = (type, page) => {
+  if (type === "page")
+    return `Go to page ${page}`;
+  return `Go to ${type} page`;
+};
+var Pagination = (props) => {
+  return /* @__PURE__ */ jsx2(MuiPagination, __spreadProps(__spreadValues({}, props), { getItemAriaLabel, renderItem: (item) => /* @__PURE__ */ jsx2(PaginationItem, __spreadValues({}, item)) }));
 };
 export {
   Pagination,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@availity/mui-pagination",
-  "version": "0.4.0",
+  "version": "0.4.2",
   "description": "Availity MUI Pagination Component - part of the @availity/element design system",
   "keywords": [
     "react",
@@ -42,6 +42,7 @@
   "devDependencies": {
     "@availity/mui-icon": "0.14.0",
     "@mui/material": "^5.15.15",
+    "@tanstack/react-query": "^4.36.1",
     "react": "18.2.0",
     "react-dom": "18.2.0",
     "tsup": "^8.0.2",
@@ -50,8 +51,14 @@
   "peerDependencies": {
     "@availity/mui-icon": "0.14.0",
     "@mui/material": "^5.11.9",
+    "@tanstack/react-query": "^4.36.1",
     "react": ">=16.3.0"
   },
+  "peerDependenciesMeta": {
+    "@tanstack/react-query": {
+      "optional": true
+    }
+  },
   "publishConfig": {
     "access": "public"
   }

package/src/lib/Pagination.tsx

@@ -7,6 +7,13 @@ export type PaginationProps = {
   size?: 'medium' | 'large';
 } & Omit<MuiPaginationProps, 'color' | 'getItemAriaLabel' | 'renderItem' | 'shape' | 'size'>;
 
-export const Pagination = ({ ...rest }: PaginationProps): JSX.Element => {
-  return <MuiPagination {...rest} renderItem={(item) => <PaginationItem {...item} />} />;
+const getItemAriaLabel: MuiPaginationProps['getItemAriaLabel'] = (type, page) => {
+  if (type === 'page') return `Go to page ${page}`;
+  return `Go to ${type} page`;
+};
+
+export const Pagination = (props: PaginationProps): JSX.Element => {
+  return (
+    <MuiPagination {...props} getItemAriaLabel={getItemAriaLabel} renderItem={(item) => <PaginationItem {...item} />} />
+  );
 };

package/src/lib/ResourcePagination.tsx

@@ -57,6 +57,7 @@ const loadPage = async <TData,>({
   };
 };
 
+/** @requires `@tanstack/react-query` peer dependency */
 export const useResourcePagination = <TData,>({
   page,
   itemsPerPage,