@availity/mui-pagination 0.3.13 → 0.4.1

package/CHANGELOG.md

@@ -2,6 +2,25 @@
 
 This file was generated using [@jscutlery/semver](https://github.com/jscutlery/semver).
 
+## [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
+
+* `mui-icon` updated to version `0.3.13`
+* `mui-layout` updated to version `0.3.13`
+* `mui-list` updated to version `0.3.13`
+
+### Features
+
+* configure package.json to allow esm to be used ([5a5393d](https://github.com/Availity/element/commit/5a5393de761f52608e714dd94a05106937dd95db))
+
 ## [0.3.13](https://github.com/Availity/element/compare/@availity/mui-pagination@0.3.12...@availity/mui-pagination@0.3.13) (2025-01-27)
 
 ### 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.3.13",
+  "version": "0.4.1",
   "description": "Availity MUI Pagination Component - part of the @availity/element design system",
   "keywords": [
     "react",
@@ -23,6 +23,14 @@
   "main": "./dist/index.js",
   "module": "./dist/index.mjs",
   "types": "./dist/index.d.ts",
+  "exports": {
+    "./package.json": "./package.json",
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.mjs",
+      "require": "./dist/index.js"
+    }
+  },
   "scripts": {
     "build": "tsup src/index.ts --format esm,cjs --dts",
     "dev": "tsup src/index.ts --format esm,cjs --watch --dts",
@@ -32,7 +40,7 @@
     "publish:canary": "yarn npm publish --access public --tag canary"
   },
   "devDependencies": {
-    "@availity/mui-icon": "0.13.1",
+    "@availity/mui-icon": "0.14.0",
     "@mui/material": "^5.15.15",
     "react": "18.2.0",
     "react-dom": "18.2.0",
@@ -40,7 +48,7 @@
     "typescript": "^5.4.5"
   },
   "peerDependencies": {
-    "@availity/mui-icon": "0.13.1",
+    "@availity/mui-icon": "0.14.0",
     "@mui/material": "^5.11.9",
     "react": ">=16.3.0"
   },

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} />} />
+  );
 };