@availity/mui-table 0.2.10 → 0.3.1

package/CHANGELOG.md

@@ -2,6 +2,35 @@
 
 This file was generated using [@jscutlery/semver](https://github.com/jscutlery/semver).
 
+## [0.3.1](https://github.com/Availity/element/compare/@availity/mui-table@0.3.0...@availity/mui-table@0.3.1) (2025-02-04)
+
+
+### Bug Fixes
+
+* **mui-table:** update pagination types ([51f1071](https://github.com/Availity/element/commit/51f10718f3659b8414edf6fdcf23be16ff10f2ad))
+
+## [0.3.0](https://github.com/Availity/element/compare/@availity/mui-table@0.2.10...@availity/mui-table@0.3.0) (2025-02-04)
+
+### Dependency Updates
+
+* `mui-button` updated to version `0.2.10`
+* `mui-chip` updated to version `0.2.10`
+* `mui-form-utils` updated to version `0.2.10`
+* `mui-icon` updated to version `0.2.10`
+* `mui-layout` updated to version `0.2.10`
+* `mui-link` updated to version `0.2.10`
+* `mui-menu` updated to version `0.2.10`
+* `mui-paper` updated to version `0.2.10`
+* `mui-textfield` updated to version `0.2.10`
+* `mui-typography` updated to version `0.2.10`
+* `mui-pagination` updated to version `0.2.10`
+* `mui-utils` updated to version `0.2.10`
+* `mui-transitions` updated to version `0.2.10`
+
+### Features
+
+* configure package.json to allow esm to be used ([5a5393d](https://github.com/Availity/element/commit/5a5393de761f52608e714dd94a05106937dd95db))
+
 ## [0.2.10](https://github.com/Availity/element/compare/@availity/mui-table@0.2.9...@availity/mui-table@0.2.10) (2025-01-27)
 
 ### Dependency Updates

package/dist/index.js

@@ -133,7 +133,7 @@ var TablePagination = (0, import_react.forwardRef)((props, ref) => {
   const _a = props, { Actions, paginationProps } = _a, rest = __objRest(_a, ["Actions", "paginationProps"]);
   const [openDetected, setOpenDetected] = (0, import_react.useState)(false);
   const ActionsPagination = (props2) => {
-    const _a2 = props2, { count, page, rowsPerPage, onPageChange, backIconButtonProps, nextIconButtonProps } = _a2, rest2 = __objRest(_a2, ["count", "page", "rowsPerPage", "onPageChange", "backIconButtonProps", "nextIconButtonProps"]);
+    const _a2 = props2, { count, page, rowsPerPage, onPageChange, nextIconButtonProps, backIconButtonProps, slotProps } = _a2, rest2 = __objRest(_a2, ["count", "page", "rowsPerPage", "onPageChange", "nextIconButtonProps", "backIconButtonProps", "slotProps"]);
     return /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(import_jsx_runtime7.Fragment, { children: [
       typeof count === "number" && count / rowsPerPage > 1 ? /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
         import_mui_pagination.Pagination,
@@ -148,7 +148,17 @@ var TablePagination = (0, import_react.forwardRef)((props, ref) => {
       Actions || null
     ] });
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_TablePagination.default, __spreadProps(__spreadValues({ ActionsComponent: ActionsPagination }, rest), { slotProps: { select: __spreadValues({ IconComponent }, (0, import_mui_form_utils.SelectAccessibilityOverrides)(openDetected, setOpenDetected)) }, ref }));
+  return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+    import_TablePagination.default,
+    __spreadProps(__spreadValues({
+      ActionsComponent: ActionsPagination
+    }, rest), {
+      slotProps: {
+        select: __spreadValues({ IconComponent }, (0, import_mui_form_utils.SelectAccessibilityOverrides)(openDetected, setOpenDetected))
+      },
+      ref
+    })
+  );
 });
 
 // src/lib/TableRow.tsx

package/dist/index.mjs

@@ -98,7 +98,7 @@ var TablePagination = forwardRef((props, ref) => {
   const _a = props, { Actions, paginationProps } = _a, rest = __objRest(_a, ["Actions", "paginationProps"]);
   const [openDetected, setOpenDetected] = useState(false);
   const ActionsPagination = (props2) => {
-    const _a2 = props2, { count, page, rowsPerPage, onPageChange, backIconButtonProps, nextIconButtonProps } = _a2, rest2 = __objRest(_a2, ["count", "page", "rowsPerPage", "onPageChange", "backIconButtonProps", "nextIconButtonProps"]);
+    const _a2 = props2, { count, page, rowsPerPage, onPageChange, nextIconButtonProps, backIconButtonProps, slotProps } = _a2, rest2 = __objRest(_a2, ["count", "page", "rowsPerPage", "onPageChange", "nextIconButtonProps", "backIconButtonProps", "slotProps"]);
     return /* @__PURE__ */ jsxs2(Fragment2, { children: [
       typeof count === "number" && count / rowsPerPage > 1 ? /* @__PURE__ */ jsx7(
         Pagination,
@@ -113,7 +113,17 @@ var TablePagination = forwardRef((props, ref) => {
       Actions || null
     ] });
   };
-  return /* @__PURE__ */ jsx7(MuiTablePagination, __spreadProps(__spreadValues({ ActionsComponent: ActionsPagination }, rest), { slotProps: { select: __spreadValues({ IconComponent }, SelectAccessibilityOverrides(openDetected, setOpenDetected)) }, ref }));
+  return /* @__PURE__ */ jsx7(
+    MuiTablePagination,
+    __spreadProps(__spreadValues({
+      ActionsComponent: ActionsPagination
+    }, rest), {
+      slotProps: {
+        select: __spreadValues({ IconComponent }, SelectAccessibilityOverrides(openDetected, setOpenDetected))
+      },
+      ref
+    })
+  );
 });
 
 // src/lib/TableRow.tsx

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@availity/mui-table",
-  "version": "0.2.10",
+  "version": "0.3.1",
   "description": "Availity MUI Table 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",
@@ -33,22 +41,22 @@
     "publish:canary": "yarn npm publish --access public --tag canary"
   },
   "dependencies": {
-    "@availity/mui-form-utils": "0.16.5",
-    "@availity/mui-icon": "0.13.1",
-    "@availity/mui-pagination": "0.3.13",
-    "@availity/mui-utils": "0.1.0"
+    "@availity/mui-form-utils": "0.17.0",
+    "@availity/mui-icon": "0.14.0",
+    "@availity/mui-pagination": "0.4.0",
+    "@availity/mui-utils": "0.2.0"
   },
   "devDependencies": {
-    "@availity/mui-button": "0.6.16",
-    "@availity/mui-chip": "0.2.28",
-    "@availity/mui-form-utils": "0.16.5",
-    "@availity/mui-icon": "0.13.1",
-    "@availity/mui-layout": "0.2.0",
-    "@availity/mui-link": "0.4.9",
-    "@availity/mui-menu": "0.2.16",
-    "@availity/mui-paper": "0.1.9",
-    "@availity/mui-textfield": "0.6.19",
-    "@availity/mui-typography": "0.2.1",
+    "@availity/mui-button": "0.7.0",
+    "@availity/mui-chip": "0.3.0",
+    "@availity/mui-form-utils": "0.17.0",
+    "@availity/mui-icon": "0.14.0",
+    "@availity/mui-layout": "0.3.0",
+    "@availity/mui-link": "0.5.0",
+    "@availity/mui-menu": "0.3.0",
+    "@availity/mui-paper": "0.2.0",
+    "@availity/mui-textfield": "0.7.0",
+    "@availity/mui-typography": "0.3.0",
     "@mui/material": "^5.15.15",
     "react": "18.2.0",
     "react-dom": "18.2.0",

package/src/lib/TablePagination.tsx

@@ -3,6 +3,7 @@ import {
   default as MuiTablePagination,
   TablePaginationProps as MuiTablePaginationProps,
 } from '@mui/material/TablePagination';
+import { TablePaginationActionsProps as MuiTablePaginationActionsProps } from '@mui/material/TablePagination/TablePaginationActions';
 import { SvgIconProps } from '@mui/material/SvgIcon';
 import { TableCellBaseProps } from '@mui/material/TableCell';
 import { Pagination, PaginationProps } from '@availity/mui-pagination';
@@ -34,18 +35,21 @@ type TablePaginationActionsProps = {
   page: number;
   rowsPerPage: number;
   onPageChange: (event: React.MouseEvent<HTMLButtonElement>, newPage: number) => void;
-} & Pick<MuiTablePaginationProps, 'backIconButtonProps' | 'nextIconButtonProps'>;
+} & MuiTablePaginationActionsProps;
 
 const IconComponent = (args: SvgIconProps) => (
-  <TriangleExpandIcon fontSize='xxsmall' sx={{marginRight: '4px'}} {...args}/>
+  <TriangleExpandIcon fontSize="xxsmall" sx={{ marginRight: '4px' }} {...args} />
 );
 
 export const TablePagination = forwardRef<unknown, TablePaginationProps>((props, ref) => {
   const { Actions, paginationProps, ...rest } = props;
-  const [ openDetected, setOpenDetected ] = useState(false);
+  const [openDetected, setOpenDetected] = useState(false);
 
   const ActionsPagination = (props: TablePaginationActionsProps): JSX.Element => {
-    const { count, page, rowsPerPage, onPageChange, backIconButtonProps, nextIconButtonProps, ...rest } = props;
+    // Pull secondary props off so they are not passed to Pagination component
+    // eslint-disable-next-line @typescript-eslint/no-unused-vars
+    const { count, page, rowsPerPage, onPageChange, nextIconButtonProps, backIconButtonProps, slotProps, ...rest } =
+      props;
 
     return (
       <>
@@ -65,5 +69,14 @@ export const TablePagination = forwardRef<unknown, TablePaginationProps>((props,
     );
   };
 
-  return <MuiTablePagination ActionsComponent={ActionsPagination} {...rest} slotProps={{select: {IconComponent: IconComponent, ...SelectAccessibilityOverrides(openDetected, setOpenDetected)}}} ref={ref} />;
+  return (
+    <MuiTablePagination
+      ActionsComponent={ActionsPagination}
+      {...rest}
+      slotProps={{
+        select: { IconComponent: IconComponent, ...SelectAccessibilityOverrides(openDetected, setOpenDetected) },
+      }}
+      ref={ref}
+    />
+  );
 });