@availity/mui-pagination 0.4.2 → 1.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (7) hide show
  1. package/CHANGELOG.md +31 -0
  2. package/dist/index.js +4 -5
  3. package/dist/index.mjs +1 -2
  4. package/{introduction.stories.mdx → introduction.mdx} +3 -0
  5. package/package.json +6 -6
  6. package/src/lib/Pagination.stories.tsx +9 -17
  7. package/src/lib/PaginationItem.stories.tsx +15 -19
package/CHANGELOG.md CHANGED
@@ -2,6 +2,37 @@
2
2
 
3
3
  This file was generated using [@jscutlery/semver](https://github.com/jscutlery/semver).
4
4
 
5
+ ## [1.0.0](https://github.com/Availity/element/compare/@availity/mui-pagination@1.0.0-alpha.0...@availity/mui-pagination@1.0.0) (2025-02-25)
6
+
7
+ ### Dependency Updates
8
+
9
+ * `mui-icon` updated to version `0.4.2`
10
+ * `mui-layout` updated to version `0.4.2`
11
+ * `mui-list` updated to version `0.4.2`
12
+ * `@availity/mock` updated to version `0.4.2`
13
+
14
+ ### ⚠ BREAKING CHANGES
15
+
16
+ * upgrade to @mui/material v6
17
+
18
+ ### Miscellaneous Chores
19
+
20
+ * element v1 release ([a6e3567](https://github.com/Availity/element/commit/a6e35671185b9f13d25c7a39c4488ecb8774633e))
21
+
22
+ ## [1.0.0-alpha.0](https://github.com/Availity/element/compare/@availity/mui-pagination@0.4.2...@availity/mui-pagination@1.0.0-alpha.0) (2025-02-24)
23
+
24
+
25
+ ### ⚠ BREAKING CHANGES
26
+
27
+ * upgraded to @mui/material v6
28
+ * **element:** upgraded to @mui/material v6
29
+
30
+ ### Features
31
+
32
+ * **element:** upgrade to @mui/material v6 ([cb958bb](https://github.com/Availity/element/commit/cb958bba99a4f1ee6dab323f0ff54b69e6fd3493))
33
+ * upgrade @mui/material ([571453a](https://github.com/Availity/element/commit/571453a34b21c344594ab4c03bc497d19aba942b))
34
+ * upgrade to MUI v6 ([7febd6f](https://github.com/Availity/element/commit/7febd6fd4fd58e87e1c97a832cea3b4595a35d58))
35
+
5
36
  ## [0.4.2](https://github.com/Availity/element/compare/@availity/mui-pagination@0.4.1...@availity/mui-pagination@0.4.2) (2025-02-24)
6
37
 
7
38
 
package/dist/index.js CHANGED
@@ -45,12 +45,12 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
45
45
  var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
46
46
 
47
47
  // src/index.ts
48
- var src_exports = {};
49
- __export(src_exports, {
48
+ var index_exports = {};
49
+ __export(index_exports, {
50
50
  Pagination: () => Pagination,
51
51
  PaginationItem: () => PaginationItem
52
52
  });
53
- module.exports = __toCommonJS(src_exports);
53
+ module.exports = __toCommonJS(index_exports);
54
54
 
55
55
  // src/lib/Pagination.tsx
56
56
  var import_Pagination = __toESM(require("@mui/material/Pagination"));
@@ -84,8 +84,7 @@ var PaginationItem = (props) => {
84
84
  // src/lib/Pagination.tsx
85
85
  var import_jsx_runtime2 = require("react/jsx-runtime");
86
86
  var getItemAriaLabel = (type, page) => {
87
- if (type === "page")
88
- return `Go to page ${page}`;
87
+ if (type === "page") return `Go to page ${page}`;
89
88
  return `Go to ${type} page`;
90
89
  };
91
90
  var Pagination = (props) => {
package/dist/index.mjs CHANGED
@@ -52,8 +52,7 @@ var PaginationItem = (props) => {
52
52
  // src/lib/Pagination.tsx
53
53
  import { jsx as jsx2 } from "react/jsx-runtime";
54
54
  var getItemAriaLabel = (type, page) => {
55
- if (type === "page")
56
- return `Go to page ${page}`;
55
+ if (type === "page") return `Go to page ${page}`;
57
56
  return `Go to ${type} page`;
58
57
  };
59
58
  var Pagination = (props) => {
package/{introduction.stories.mdx → introduction.mdx} RENAMED
@@ -1,7 +1,10 @@
1
1
  import { Markdown } from '@storybook/blocks';
2
2
  import { Meta } from '@storybook/addon-docs';
3
3
  import ReadMe from './README.md?raw';
4
+ import CHANGELOG from './CHANGELOG.md?raw';
4
5
 
5
6
  <Meta title="Components/Pagination/Introduction" />
6
7
 
7
8
  <Markdown>{ReadMe}</Markdown>
9
+
10
+ <Markdown>{CHANGELOG}</Markdown>
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@availity/mui-pagination",
3
- "version": "0.4.2",
3
+ "version": "1.0.0",
4
4
  "description": "Availity MUI Pagination Component - part of the @availity/element design system",
5
5
  "keywords": [
6
6
  "react",
@@ -40,17 +40,17 @@
40
40
  "publish:canary": "yarn npm publish --access public --tag canary"
41
41
  },
42
42
  "devDependencies": {
43
- "@availity/mui-icon": "0.14.0",
44
- "@mui/material": "^5.15.15",
43
+ "@availity/mui-icon": "1.0.0",
44
+ "@mui/material": "^6.4.5",
45
45
  "@tanstack/react-query": "^4.36.1",
46
46
  "react": "18.2.0",
47
47
  "react-dom": "18.2.0",
48
- "tsup": "^8.0.2",
48
+ "tsup": "^8.3.6",
49
49
  "typescript": "^5.4.5"
50
50
  },
51
51
  "peerDependencies": {
52
- "@availity/mui-icon": "0.14.0",
53
- "@mui/material": "^5.11.9",
52
+ "@availity/mui-icon": "1.0.0",
53
+ "@mui/material": "^6.4.5",
54
54
  "@tanstack/react-query": "^4.36.1",
55
55
  "react": ">=16.3.0"
56
56
  },
package/src/lib/Pagination.stories.tsx CHANGED
@@ -1,7 +1,7 @@
1
1
  // Each exported component in the package should have its own stories file
2
2
 
3
3
  import type { Meta, StoryObj } from '@storybook/react';
4
- import Grid from '@mui/material/Grid';
4
+ import { Grid } from '@availity/mui-layout';
5
5
  import { Pagination, PaginationProps } from './Pagination';
6
6
 
7
7
  const meta: Meta<typeof Pagination> = {
@@ -22,16 +22,12 @@ export const _Pagination: StoryObj<typeof Pagination> = {
22
22
  export const _Variants: StoryObj<typeof Pagination> = {
23
23
  render: () => (
24
24
  <Grid container spacing={1}>
25
- <Grid item xs={2}>
26
- Text
27
- </Grid>
28
- <Grid item xs={10}>
25
+ <Grid size={{ xs: 2 }}>Text</Grid>
26
+ <Grid size={{ xs: 10 }}>
29
27
  <Pagination variant="text" count={10} aria-label="text pagination" />
30
28
  </Grid>
31
- <Grid item xs={2}>
32
- Outlined
33
- </Grid>
34
- <Grid item xs={10}>
29
+ <Grid size={{ xs: 2 }}>Outlined</Grid>
30
+ <Grid size={{ xs: 10 }}>
35
31
  <Pagination variant="outlined" count={10} aria-label="outlined pagination" />
36
32
  </Grid>
37
33
  </Grid>
@@ -41,10 +37,8 @@ export const _Variants: StoryObj<typeof Pagination> = {
41
37
  export const _FirstLast: StoryObj<typeof Pagination> = {
42
38
  render: () => (
43
39
  <Grid container spacing={1}>
44
- <Grid item xs={2}>
45
- Text
46
- </Grid>
47
- <Grid item xs={10}>
40
+ <Grid size={{ xs: 2 }}>Text</Grid>
41
+ <Grid size={{ xs: 10 }}>
48
42
  <Pagination
49
43
  variant="text"
50
44
  aria-label="text pagination"
@@ -56,10 +50,8 @@ export const _FirstLast: StoryObj<typeof Pagination> = {
56
50
  showLastButton
57
51
  />
58
52
  </Grid>
59
- <Grid item xs={2}>
60
- Outlined
61
- </Grid>
62
- <Grid item xs={10}>
53
+ <Grid size={{ xs: 2 }}>Outlined</Grid>
54
+ <Grid size={{ xs: 10 }}>
63
55
  <Pagination
64
56
  variant="outlined"
65
57
  aria-label="outlined pagination"
package/src/lib/PaginationItem.stories.tsx CHANGED
@@ -1,7 +1,7 @@
1
1
  // Each exported component in the package should have its own stories file
2
2
 
3
3
  import type { Meta, StoryObj } from '@storybook/react';
4
- import Grid from '@mui/material/Grid';
4
+ import { Grid } from '@availity/mui-layout';
5
5
  import { PaginationItem, PaginationItemProps } from './PaginationItem';
6
6
 
7
7
  const meta: Meta<typeof PaginationItem> = {
@@ -22,46 +22,42 @@ export const _PaginationItem: StoryObj<typeof PaginationItem> = {
22
22
  export const _Types: StoryObj<typeof PaginationItem> = {
23
23
  render: () => (
24
24
  <Grid container spacing={1}>
25
- <Grid item xs={3}>
26
- Text
27
- </Grid>
28
- <Grid item xs={9}>
29
- Outlined
30
- </Grid>
31
- <Grid item xs={3}>
25
+ <Grid size={{ xs: 3 }}>Text</Grid>
26
+ <Grid size={{ xs: 9 }}>Outlined</Grid>
27
+ <Grid size={{ xs: 3 }}>
32
28
  <PaginationItem variant="text" type="page" page="1" selected />
33
29
  </Grid>
34
- <Grid item xs={9}>
30
+ <Grid size={{ xs: 9 }}>
35
31
  <PaginationItem variant="outlined" type="page" page="1" selected />
36
32
  </Grid>
37
- <Grid item xs={3}>
33
+ <Grid size={{ xs: 3 }}>
38
34
  <PaginationItem variant="text" type="page" page="1" />
39
35
  </Grid>
40
- <Grid item xs={9}>
36
+ <Grid size={{ xs: 9 }}>
41
37
  <PaginationItem variant="outlined" type="page" page="1" />
42
38
  </Grid>
43
- <Grid item xs={3}>
39
+ <Grid size={{ xs: 3 }}>
44
40
  <PaginationItem variant="text" type="first" />
45
41
  </Grid>
46
- <Grid item xs={9}>
42
+ <Grid size={{ xs: 9 }}>
47
43
  <PaginationItem variant="outlined" type="first" />
48
44
  </Grid>
49
- <Grid item xs={3}>
45
+ <Grid size={{ xs: 3 }}>
50
46
  <PaginationItem variant="text" type="previous" />
51
47
  </Grid>
52
- <Grid item xs={9}>
48
+ <Grid size={{ xs: 9 }}>
53
49
  <PaginationItem variant="outlined" type="previous" />
54
50
  </Grid>
55
- <Grid item xs={3}>
51
+ <Grid size={{ xs: 3 }}>
56
52
  <PaginationItem variant="text" type="next" />
57
53
  </Grid>
58
- <Grid item xs={9}>
54
+ <Grid size={{ xs: 9 }}>
59
55
  <PaginationItem variant="outlined" type="next" />
60
56
  </Grid>
61
- <Grid item xs={3}>
57
+ <Grid size={{ xs: 3 }}>
62
58
  <PaginationItem variant="text" type="last" />
63
59
  </Grid>
64
- <Grid item xs={9}>
60
+ <Grid size={{ xs: 9 }}>
65
61
  <PaginationItem variant="outlined" type="last" />
66
62
  </Grid>
67
63
  </Grid>