@availity/mui-table 2.0.7 → 3.0.0

package/CHANGELOG.md

@@ -2,6 +2,52 @@
 
 This file was generated using [@jscutlery/semver](https://github.com/jscutlery/semver).
 
+## [3.0.0](https://github.com/Availity/element/compare/@availity/mui-table@2.0.8...@availity/mui-table@3.0.0) (2026-06-16)
+
+### Dependency Updates
+
+* `mui-button` updated to version `2.0.8`
+* `mui-chip` updated to version `2.0.8`
+* `mui-form-utils` updated to version `2.0.8`
+* `mui-icon` updated to version `2.0.8`
+* `mui-layout` updated to version `2.0.8`
+* `mui-link` updated to version `2.0.8`
+* `mui-menu` updated to version `2.0.8`
+* `mui-paper` updated to version `2.0.8`
+* `mui-textfield` updated to version `2.0.8`
+* `mui-typography` updated to version `2.0.8`
+* `mui-pagination` updated to version `2.0.8`
+* `mui-utils` updated to version `2.0.8`
+* `mui-transitions` updated to version `2.0.8`
+
+### ⚠ BREAKING CHANGES
+
+* CJS builds removed, packages are ESM-only.
+
+- Convert all packages to ESM (type: module)
+- Replace Jest with Vitest for all test targets
+- Migrate ESLint to v9 flat config (eslint.config.js)
+- Build output ESM-only (removed CJS dist/index.js require path)
+- Upgrade @tanstack/react-query from v4 to v5
+- Upgrade @availity/api-axios to v13
+- Drop Node 20 support (engines: ^22.0.0 || ^24.0.0)
+- Bump React to 19.2.7, MUI to 7.3.11, TypeScript to 5.9.3
+- Simplify CI caching with built-in yarn cache action + Nx cache
+- Modernize nx.json configuration
+- Update husky hooks to use yarn directly
+- Replace lint-staged nx affected with direct eslint
+
+### Features
+
+* migrate to ESM, Vitest, and ESLint 9 flat config ([cc22bb4](https://github.com/Availity/element/commit/cc22bb4a230bc1f3b190f187c4e61249d015b25b))
+
+## [2.0.8](https://github.com/Availity/element/compare/@availity/mui-table@2.0.7...@availity/mui-table@2.0.8) (2026-06-03)
+
+
+### Bug Fixes
+
+* made the position for table cells placeholder be relative, GPS-498 ([47cd378](https://github.com/Availity/element/commit/47cd37870975434f2c372401f2167e205dbae2f4))
+
 ## [2.0.7](https://github.com/Availity/element/compare/@availity/mui-table@2.0.6...@availity/mui-table@2.0.7) (2026-05-27)
 
 ### Dependency Updates

package/dist/index.js

@@ -1,196 +1,119 @@
-"use strict";
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __defProps = Object.defineProperties;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __propIsEnum = Object.prototype.propertyIsEnumerable;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp.call(b, prop))
-      __defNormalProp(a, prop, b[prop]);
-  if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b)) {
-      if (__propIsEnum.call(b, prop))
-        __defNormalProp(a, prop, b[prop]);
-    }
-  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 });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-
-// src/index.ts
-var index_exports = {};
-__export(index_exports, {
-  Table: () => Table,
-  TableBody: () => TableBody,
-  TableCell: () => TableCell,
-  TableContainer: () => TableContainer,
-  TableFooter: () => TableFooter,
-  TableHead: () => TableHead,
-  TablePagination: () => TablePagination,
-  TableRow: () => TableRow,
-  TableSortLabel: () => TableSortLabel
-});
-module.exports = __toCommonJS(index_exports);
-
 // src/lib/Table.tsx
-var import_Table = __toESM(require("@mui/material/Table"));
-var import_jsx_runtime = require("react/jsx-runtime");
-var Table = (_a) => {
-  var _b = _a, { className, striped } = _b, props = __objRest(_b, ["className", "striped"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Table.default, __spreadValues({ className: `${striped ? "striped " : ""}${className || ""}` }, props));
-};
+import { default as MuiTable } from "@mui/material/Table";
+import { jsx } from "react/jsx-runtime";
+var Table = ({ className, striped, ...props }) => /* @__PURE__ */ jsx(MuiTable, { className: `${striped ? "striped " : ""}${className || ""}`, ...props });
 
 // src/lib/TableBody.tsx
-var import_TableBody = __toESM(require("@mui/material/TableBody"));
-var import_jsx_runtime2 = require("react/jsx-runtime");
-var TableBody = (props) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_TableBody.default, __spreadValues({}, props));
-};
+import { default as MuiTableBody } from "@mui/material/TableBody";
+import { jsx as jsx2 } from "react/jsx-runtime";
+var TableBody = (props) => /* @__PURE__ */ jsx2(MuiTableBody, { ...props });
 
 // src/lib/TableCell.tsx
-var import_TableCell = __toESM(require("@mui/material/TableCell"));
-var import_mui_utils = require("@availity/mui-utils");
-var import_jsx_runtime3 = require("react/jsx-runtime");
-var TableCell = (_a) => {
-  var _b = _a, { disableEmptyPlaceholder = false, children } = _b, props = __objRest(_b, ["disableEmptyPlaceholder", "children"]);
+import {
+  default as MuiTableCell
+} from "@mui/material/TableCell";
+import { visuallyHidden } from "@availity/mui-utils";
+import { Fragment, jsx as jsx3, jsxs } from "react/jsx-runtime";
+var TableCell = ({ disableEmptyPlaceholder = false, children, ...props }) => {
   const isPlaceholderActive = !disableEmptyPlaceholder && !children;
-  const placeholder = /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_jsx_runtime3.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { "aria-hidden": true, children: "\u2014" }),
-    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { style: import_mui_utils.visuallyHidden, children: "No Data" })
+  const placeholder = /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx3("div", { "aria-hidden": true, children: "\u2014" }),
+    /* @__PURE__ */ jsx3("div", { style: { ...visuallyHidden, position: "relative" }, children: "No Data" })
   ] });
-  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_TableCell.default, __spreadProps(__spreadValues({}, props), { children: isPlaceholderActive ? placeholder : children }));
+  return /* @__PURE__ */ jsx3(MuiTableCell, { ...props, children: isPlaceholderActive ? placeholder : children });
 };
 
 // src/lib/TableContainer.tsx
-var import_TableContainer = __toESM(require("@mui/material/TableContainer"));
-var import_jsx_runtime4 = require("react/jsx-runtime");
-var TableContainer = (props) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_TableContainer.default, __spreadValues({}, props));
-};
+import {
+  default as MuiTableContainer
+} from "@mui/material/TableContainer";
+import { jsx as jsx4 } from "react/jsx-runtime";
+var TableContainer = (props) => /* @__PURE__ */ jsx4(MuiTableContainer, { ...props });
 
 // src/lib/TableFooter.tsx
-var import_TableFooter = __toESM(require("@mui/material/TableFooter"));
-var import_jsx_runtime5 = require("react/jsx-runtime");
-var TableFooter = (props) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_TableFooter.default, __spreadValues({}, props));
-};
+import { default as MuiTableFooter } from "@mui/material/TableFooter";
+import { jsx as jsx5 } from "react/jsx-runtime";
+var TableFooter = (props) => /* @__PURE__ */ jsx5(MuiTableFooter, { ...props });
 
 // src/lib/TableHead.tsx
-var import_TableHead = __toESM(require("@mui/material/TableHead"));
-var import_jsx_runtime6 = require("react/jsx-runtime");
-var TableHead = (props) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_TableHead.default, __spreadValues({}, props));
-};
+import { default as MuiTableHead } from "@mui/material/TableHead";
+import { jsx as jsx6 } from "react/jsx-runtime";
+var TableHead = (props) => /* @__PURE__ */ jsx6(MuiTableHead, { ...props });
 
 // src/lib/TablePagination.tsx
-var import_react = require("react");
-var import_TablePagination = __toESM(require("@mui/material/TablePagination"));
-var import_mui_pagination = require("@availity/mui-pagination");
-var import_mui_form_utils = require("@availity/mui-form-utils");
-var import_mui_icon = require("@availity/mui-icon");
-var import_jsx_runtime7 = require("react/jsx-runtime");
-var IconComponent = (args) => /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_mui_icon.TriangleExpandIcon, __spreadValues({ fontSize: "xxsmall", sx: { marginRight: "4px" } }, args));
-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);
+import { forwardRef, useState } from "react";
+import {
+  default as MuiTablePagination
+} from "@mui/material/TablePagination";
+import { Pagination } from "@availity/mui-pagination";
+import { SelectAccessibilityOverrides } from "@availity/mui-form-utils";
+import { TriangleExpandIcon } from "@availity/mui-icon";
+import { Fragment as Fragment2, jsx as jsx7, jsxs as jsxs2 } from "react/jsx-runtime";
+var IconComponent = (args) => /* @__PURE__ */ jsx7(TriangleExpandIcon, { fontSize: "xxsmall", sx: { marginRight: "4px" }, ...args });
+var TablePagination = forwardRef((props, ref) => {
+  const { Actions, paginationProps, ...rest } = props;
+  const [openDetected, setOpenDetected] = useState(false);
   const ActionsPagination = (props2) => {
-    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,
-        __spreadProps(__spreadValues(__spreadValues({}, rest2), paginationProps), {
+    const { count, page, rowsPerPage, onPageChange, nextIconButtonProps, backIconButtonProps, slotProps, ...rest2 } = props2;
+    return /* @__PURE__ */ jsxs2(Fragment2, { children: [
+      typeof count === "number" && count / rowsPerPage > 1 ? /* @__PURE__ */ jsx7(
+        Pagination,
+        {
+          ...rest2,
+          ...paginationProps,
           count: Math.ceil(Math.abs(count / rowsPerPage)),
           page: page + 1,
           onChange: (event, newPage) => {
             onPageChange(event, newPage - 1);
           }
-        })
+        }
       ) : null,
       Actions || null
     ] });
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
-    import_TablePagination.default,
-    __spreadProps(__spreadValues({
-      ActionsComponent: ActionsPagination
-    }, rest), {
+  return /* @__PURE__ */ jsx7(
+    MuiTablePagination,
+    {
+      ActionsComponent: ActionsPagination,
+      ...rest,
       slotProps: {
-        select: __spreadValues({ IconComponent }, (0, import_mui_form_utils.SelectAccessibilityOverrides)(openDetected, setOpenDetected))
+        select: { IconComponent, ...SelectAccessibilityOverrides(openDetected, setOpenDetected) }
       },
       ref
-    })
+    }
   );
 });
 
 // src/lib/TableRow.tsx
-var import_TableRow = __toESM(require("@mui/material/TableRow"));
-var import_jsx_runtime8 = require("react/jsx-runtime");
-var TableRow = (props) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_TableRow.default, __spreadValues({}, props));
-};
+import { default as MuiTableRow } from "@mui/material/TableRow";
+import { jsx as jsx8 } from "react/jsx-runtime";
+var TableRow = (props) => /* @__PURE__ */ jsx8(MuiTableRow, { ...props });
 
 // src/lib/TableSortLabel.tsx
-var import_TableSortLabel = __toESM(require("@mui/material/TableSortLabel"));
-var import_Box = __toESM(require("@mui/material/Box"));
-var import_mui_utils2 = require("@availity/mui-utils");
-var import_mui_icon2 = require("@availity/mui-icon");
-var import_jsx_runtime9 = require("react/jsx-runtime");
+import {
+  default as MuiTableSortLabel
+} from "@mui/material/TableSortLabel";
+import Box from "@mui/material/Box";
+import { visuallyHidden as visuallyHidden2 } from "@availity/mui-utils";
+import { SortDownIcon, SortIcon } from "@availity/mui-icon";
+import { Fragment as Fragment3, jsx as jsx9, jsxs as jsxs3 } from "react/jsx-runtime";
 var TableSortLabel = (props) => {
-  const IconComponent2 = props.active ? import_mui_icon2.SortDownIcon : import_mui_icon2.SortIcon;
-  const SortedDescription = props.active ? /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_Box.default, { component: "span", sx: import_mui_utils2.visuallyHidden, children: props.direction === "desc" ? "sorted descending" : "sorted ascending" }) : null;
-  return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
-    import_TableSortLabel.default,
-    __spreadProps(__spreadValues({}, props), {
+  const IconComponent2 = props.active ? SortDownIcon : SortIcon;
+  const SortedDescription = props.active ? /* @__PURE__ */ jsx9(Box, { component: "span", sx: visuallyHidden2, children: props.direction === "desc" ? "sorted descending" : "sorted ascending" }) : null;
+  return /* @__PURE__ */ jsx9(
+    MuiTableSortLabel,
+    {
+      ...props,
       IconComponent: IconComponent2,
-      children: /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(import_jsx_runtime9.Fragment, { children: [
+      children: /* @__PURE__ */ jsxs3(Fragment3, { children: [
         props.children,
         " ",
         SortedDescription
       ] })
-    })
+    }
   );
 };
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
+export {
   Table,
   TableBody,
   TableCell,
@@ -200,4 +123,4 @@ var TableSortLabel = (props) => {
   TablePagination,
   TableRow,
   TableSortLabel
-});
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@availity/mui-table",
-  "version": "2.0.7",
+  "version": "3.0.0",
   "description": "Availity MUI Table Component - part of the @availity/element design system",
   "keywords": [
     "react",
@@ -21,19 +21,17 @@
   "author": "Availity Developers <AVOSS@availity.com>",
   "browser": "./dist/index.js",
   "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"
-    }
+      "import": "./dist/index.js"
+    },
+    "./package.json": "./package.json"
   },
   "scripts": {
-    "build": "tsup src/index.ts --format esm,cjs --dts",
-    "dev": "tsup src/index.ts --format esm,cjs --watch --dts",
+    "build": "tsup src/index.ts --format esm --dts",
+    "dev": "tsup src/index.ts --format esm --watch --dts",
     "clean": "rm -rf dist",
     "clean:nm": "rm -rf node_modules",
     "bundlesize": "bundlesize",
@@ -41,28 +39,28 @@
     "publish:canary": "yarn npm publish --access public --tag canary"
   },
   "dependencies": {
-    "@availity/mui-form-utils": "2.0.6",
-    "@availity/mui-icon": "2.1.0",
-    "@availity/mui-pagination": "2.0.6",
-    "@availity/mui-utils": "2.0.1"
+    "@availity/mui-form-utils": "3.0.0",
+    "@availity/mui-icon": "3.0.0",
+    "@availity/mui-pagination": "3.0.0",
+    "@availity/mui-utils": "3.0.0"
   },
   "devDependencies": {
-    "@availity/mui-button": "2.0.2",
-    "@availity/mui-chip": "2.0.6",
-    "@availity/mui-form-utils": "2.0.6",
-    "@availity/mui-icon": "2.1.0",
-    "@availity/mui-layout": "^2.0.1",
-    "@availity/mui-link": "2.0.2",
-    "@availity/mui-menu": "2.0.2",
-    "@availity/mui-paper": "2.0.1",
-    "@availity/mui-textfield": "2.0.6",
-    "@availity/mui-typography": "2.0.1",
-    "@mui/material": "^7.3.4",
-    "react": "19.2.0",
-    "react-dom": "19.2.0",
-    "react-hook-form": "^7.55.0",
-    "tsup": "^8.4.0",
-    "typescript": "^5.4.5"
+    "@availity/mui-button": "3.0.0",
+    "@availity/mui-chip": "3.0.0",
+    "@availity/mui-form-utils": "3.0.0",
+    "@availity/mui-icon": "3.0.0",
+    "@availity/mui-layout": "^3.0.0",
+    "@availity/mui-link": "3.0.0",
+    "@availity/mui-menu": "3.0.0",
+    "@availity/mui-paper": "3.0.0",
+    "@availity/mui-textfield": "3.0.0",
+    "@availity/mui-typography": "3.0.0",
+    "@mui/material": "^7.3.11",
+    "react": "19.2.7",
+    "react-dom": "19.2.7",
+    "react-hook-form": "^7.79.0",
+    "tsup": "^8.5.1",
+    "typescript": "^5.9.3"
   },
   "peerDependencies": {
     "@mui/material": "^7.0.0",
@@ -71,5 +69,6 @@
   "publishConfig": {
     "access": "public"
   },
-  "sideEffects": false
+  "sideEffects": false,
+  "type": "module"
 }

package/project.json

@@ -9,23 +9,20 @@
     "lint": {
       "executor": "@nx/eslint:lint",
       "options": {
-        "eslintConfig": ".eslintrc.json",
         "silent": false,
         "fix": false,
         "cache": true,
         "cacheLocation": "./node_modules/.cache/table/.eslintcache",
         "maxWarnings": -1,
         "quiet": false,
-        "noEslintrc": false,
         "hasTypeAwareRules": true,
         "cacheStrategy": "metadata"
       }
     },
     "test": {
-      "executor": "@nx/jest:jest",
-      "outputs": ["{workspaceRoot}/coverage/table"],
+      "executor": "nx:run-commands",
       "options": {
-        "jestConfig": "packages/table/jest.config.js"
+        "command": "vitest run packages/table"
       }
     },
     "version": {
@@ -35,7 +32,9 @@
         "commitMessageFormat": "chore({projectName}): release version ${version} [skip ci]",
         "tagPrefix": "@availity/{projectName}@",
         "trackDeps": true,
-        "skipCommitTypes": ["docs"]
+        "skipCommitTypes": [
+          "docs"
+        ]
       }
     }
   }

package/src/lib/Table.tsx

@@ -8,6 +8,4 @@ export type TableProps = {
   striped?: boolean;
 } & MuiTableProps;
 
-export const Table = ({ className, striped, ...props }: TableProps): React.JSX.Element => {
-  return <MuiTable className={`${striped ? 'striped ' : ''}${className || ''}`} {...props} />;
-};
+export const Table = ({ className, striped, ...props }: TableProps): React.JSX.Element => <MuiTable className={`${striped ? 'striped ' : ''}${className || ''}`} {...props} />;

package/src/lib/TableBody.tsx

@@ -6,6 +6,4 @@ export type TableBodyProps = {
   component?: ElementType<TableCellBaseProps>;
 } & MuiTableBodyProps;
 
-export const TableBody = (props: TableBodyProps): React.JSX.Element => {
-  return <MuiTableBody {...props} />;
-};
+export const TableBody = (props: TableBodyProps): React.JSX.Element => <MuiTableBody {...props} />;

package/src/lib/TableCell.test.tsx

@@ -7,12 +7,12 @@ describe('TableCell', () => {
     expect(getByText('Test')).toBeTruthy();
   });
   test('should add placeholder to empty cell', () => {
-    const { getByText } = render(<TableCell></TableCell>);
+    const { getByText } = render(<TableCell />);
     expect(getByText('—')).toBeTruthy();
     expect(getByText('No Data')).toBeTruthy();
   });
   test('shouldnt add placeholder to empty cell when disableEmptyPlaceholder is true', () => {
-    const { queryByText } = render(<TableCell disableEmptyPlaceholder></TableCell>);
+    const { queryByText } = render(<TableCell disableEmptyPlaceholder />);
     expect(queryByText('—')).toBeNull();
     expect(queryByText('No Data')).toBeNull();
   });

package/src/lib/TableCell.tsx

@@ -18,9 +18,9 @@ export type TableCellProps = {
   disableEmptyPlaceholder?: boolean;
 } & MuiTableCellProps;
 
-export const TableCell = ({disableEmptyPlaceholder = false, children, ...props}: TableCellProps): React.JSX.Element => {
+export const TableCell = ({ disableEmptyPlaceholder = false, children, ...props }: TableCellProps): React.JSX.Element => {
   const isPlaceholderActive = !disableEmptyPlaceholder && !children;
-  const placeholder = <><div aria-hidden>&mdash;</div><div style={visuallyHidden}>No Data</div></>;
+  const placeholder = <><div aria-hidden>&mdash;</div><div style={{ ...visuallyHidden, position: 'relative' }}>No Data</div></>;
 
   return <MuiTableCell {...props}>{isPlaceholderActive ? placeholder : children}</MuiTableCell>;
 };

package/src/lib/TableContainer.tsx

@@ -9,6 +9,4 @@ export type TableContainerProps = {
   component?: ElementType<TableCellBaseProps>;
 } & MuiTableContainerProps;
 
-export const TableContainer = (props: TableContainerProps): React.JSX.Element => {
-  return <MuiTableContainer {...props} />;
-};
+export const TableContainer = (props: TableContainerProps): React.JSX.Element => <MuiTableContainer {...props} />;

package/src/lib/TableFooter.tsx

@@ -6,6 +6,4 @@ export type TableFooterProps = {
   component?: ElementType<TableCellBaseProps>;
 } & MuiTableFooterProps;
 
-export const TableFooter = (props: TableFooterProps): React.JSX.Element => {
-  return <MuiTableFooter {...props} />;
-};
+export const TableFooter = (props: TableFooterProps): React.JSX.Element => <MuiTableFooter {...props} />;

package/src/lib/TableHead.tsx

@@ -6,6 +6,4 @@ export type TableHeadProps = {
   component?: ElementType<TableCellBaseProps>;
 } & MuiTableHeadProps;
 
-export const TableHead = (props: TableHeadProps): React.JSX.Element => {
-  return <MuiTableHead {...props} />;
-};
+export const TableHead = (props: TableHeadProps): React.JSX.Element => <MuiTableHead {...props} />;

package/src/lib/TablePagination.tsx

@@ -47,7 +47,7 @@ export const TablePagination = forwardRef<unknown, TablePaginationProps>((props,
 
   const ActionsPagination = (props: TablePaginationActionsProps): React.JSX.Element => {
     // 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;
 
@@ -74,7 +74,7 @@ export const TablePagination = forwardRef<unknown, TablePaginationProps>((props,
       ActionsComponent={ActionsPagination}
       {...rest}
       slotProps={{
-        select: { IconComponent: IconComponent, ...SelectAccessibilityOverrides(openDetected, setOpenDetected) },
+        select: { IconComponent, ...SelectAccessibilityOverrides(openDetected, setOpenDetected) },
       }}
       ref={ref}
     />

package/src/lib/TableRow.tsx

@@ -6,6 +6,4 @@ export type TableRowProps = {
   component?: ElementType<TableCellBaseProps>;
 } & MuiTableRowProps;
 
-export const TableRow = (props: TableRowProps): React.JSX.Element => {
-  return <MuiTableRow {...props} />;
-};
+export const TableRow = (props: TableRowProps): React.JSX.Element => <MuiTableRow {...props} />;

package/dist/index.d.mts

@@ -1,69 +0,0 @@
-import { TableProps as TableProps$1 } from '@mui/material/Table';
-import { TableCellBaseProps, TableCellProps as TableCellProps$1 } from '@mui/material/TableCell';
-import * as react from 'react';
-import { ElementType } from 'react';
-import { TableBodyProps as TableBodyProps$1 } from '@mui/material/TableBody';
-import { TableContainerProps as TableContainerProps$1 } from '@mui/material/TableContainer';
-import { TableFooterProps as TableFooterProps$1 } from '@mui/material/TableFooter';
-import { TableHeadProps as TableHeadProps$1 } from '@mui/material/TableHead';
-import { TablePaginationProps as TablePaginationProps$1 } from '@mui/material/TablePagination';
-import { PaginationProps } from '@availity/mui-pagination';
-import { TableRowProps as TableRowProps$1 } from '@mui/material/TableRow';
-import { TableSortLabelProps as TableSortLabelProps$1 } from '@mui/material/TableSortLabel';
-
-type TableProps = {
-    component?: ElementType<TableCellBaseProps>;
-    /** Applies striped style to rows. _Only available for legacy bootstrap theme during migration, is not part of design system._ */
-    striped?: boolean;
-} & TableProps$1;
-declare const Table: ({ className, striped, ...props }: TableProps) => React.JSX.Element;
-
-type TableBodyProps = {
-    component?: ElementType<TableCellBaseProps>;
-} & TableBodyProps$1;
-declare const TableBody: (props: TableBodyProps) => React.JSX.Element;
-
-declare module '@mui/material/TableCell' {
-    interface TableCellPropsVariantOverrides {
-        header: true;
-    }
-}
-type TableCellProps = {
-    component?: ElementType<TableCellBaseProps>;
-    /** If `true` the placeholder for empty cells and accessible "No Data" text is disabled. */
-    disableEmptyPlaceholder?: boolean;
-} & TableCellProps$1;
-declare const TableCell: ({ disableEmptyPlaceholder, children, ...props }: TableCellProps) => React.JSX.Element;
-
-type TableContainerProps = {
-    component?: ElementType<TableCellBaseProps>;
-} & TableContainerProps$1;
-declare const TableContainer: (props: TableContainerProps) => React.JSX.Element;
-
-type TableFooterProps = {
-    component?: ElementType<TableCellBaseProps>;
-} & TableFooterProps$1;
-declare const TableFooter: (props: TableFooterProps) => React.JSX.Element;
-
-type TableHeadProps = {
-    component?: ElementType<TableCellBaseProps>;
-} & TableHeadProps$1;
-declare const TableHead: (props: TableHeadProps) => React.JSX.Element;
-
-type TablePaginationProps = {
-    Actions?: React.ReactNode;
-    component?: ElementType<TableCellBaseProps>;
-    /** Props applied to the `Pagination` actions element */
-    paginationProps?: PaginationProps;
-} & Omit<TablePaginationProps$1, 'ActionsComponent' | 'backIconButtonProps' | 'nextIconButtonProps' | 'getItemArialabel' | 'labelDisplayedRows' | 'labelRowsPerPage' | 'SelectProps' | 'showFirstButton' | 'showLastButton' | 'slotProps' | 'slots'>;
-declare const TablePagination: react.ForwardRefExoticComponent<Omit<TablePaginationProps, "ref"> & react.RefAttributes<unknown>>;
-
-type TableRowProps = {
-    component?: ElementType<TableCellBaseProps>;
-} & TableRowProps$1;
-declare const TableRow: (props: TableRowProps) => React.JSX.Element;
-
-type TableSortLabelProps = Omit<TableSortLabelProps$1, 'centerRipple' | 'disableRipple' | 'disableTouchRipple' | 'focusRipple' | 'focusVisibleClassName' | 'hideSortIcon' | 'IconComponent' | 'TouchRippleProps' | 'touchRippleRef'>;
-declare const TableSortLabel: (props: TableSortLabelProps) => React.JSX.Element;
-
-export { Table, TableBody, type TableBodyProps, TableCell, type TableCellProps, TableContainer, type TableContainerProps, TableFooter, type TableFooterProps, TableHead, type TableHeadProps, TablePagination, type TablePaginationProps, type TableProps, TableRow, type TableRowProps, TableSortLabel, type TableSortLabelProps };

package/dist/index.mjs

@@ -1,169 +0,0 @@
-var __defProp = Object.defineProperty;
-var __defProps = Object.defineProperties;
-var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __propIsEnum = Object.prototype.propertyIsEnumerable;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp.call(b, prop))
-      __defNormalProp(a, prop, b[prop]);
-  if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b)) {
-      if (__propIsEnum.call(b, prop))
-        __defNormalProp(a, prop, b[prop]);
-    }
-  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/Table.tsx
-import { default as MuiTable } from "@mui/material/Table";
-import { jsx } from "react/jsx-runtime";
-var Table = (_a) => {
-  var _b = _a, { className, striped } = _b, props = __objRest(_b, ["className", "striped"]);
-  return /* @__PURE__ */ jsx(MuiTable, __spreadValues({ className: `${striped ? "striped " : ""}${className || ""}` }, props));
-};
-
-// src/lib/TableBody.tsx
-import { default as MuiTableBody } from "@mui/material/TableBody";
-import { jsx as jsx2 } from "react/jsx-runtime";
-var TableBody = (props) => {
-  return /* @__PURE__ */ jsx2(MuiTableBody, __spreadValues({}, props));
-};
-
-// src/lib/TableCell.tsx
-import {
-  default as MuiTableCell
-} from "@mui/material/TableCell";
-import { visuallyHidden } from "@availity/mui-utils";
-import { Fragment, jsx as jsx3, jsxs } from "react/jsx-runtime";
-var TableCell = (_a) => {
-  var _b = _a, { disableEmptyPlaceholder = false, children } = _b, props = __objRest(_b, ["disableEmptyPlaceholder", "children"]);
-  const isPlaceholderActive = !disableEmptyPlaceholder && !children;
-  const placeholder = /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx3("div", { "aria-hidden": true, children: "\u2014" }),
-    /* @__PURE__ */ jsx3("div", { style: visuallyHidden, children: "No Data" })
-  ] });
-  return /* @__PURE__ */ jsx3(MuiTableCell, __spreadProps(__spreadValues({}, props), { children: isPlaceholderActive ? placeholder : children }));
-};
-
-// src/lib/TableContainer.tsx
-import {
-  default as MuiTableContainer
-} from "@mui/material/TableContainer";
-import { jsx as jsx4 } from "react/jsx-runtime";
-var TableContainer = (props) => {
-  return /* @__PURE__ */ jsx4(MuiTableContainer, __spreadValues({}, props));
-};
-
-// src/lib/TableFooter.tsx
-import { default as MuiTableFooter } from "@mui/material/TableFooter";
-import { jsx as jsx5 } from "react/jsx-runtime";
-var TableFooter = (props) => {
-  return /* @__PURE__ */ jsx5(MuiTableFooter, __spreadValues({}, props));
-};
-
-// src/lib/TableHead.tsx
-import { default as MuiTableHead } from "@mui/material/TableHead";
-import { jsx as jsx6 } from "react/jsx-runtime";
-var TableHead = (props) => {
-  return /* @__PURE__ */ jsx6(MuiTableHead, __spreadValues({}, props));
-};
-
-// src/lib/TablePagination.tsx
-import { forwardRef, useState } from "react";
-import {
-  default as MuiTablePagination
-} from "@mui/material/TablePagination";
-import { Pagination } from "@availity/mui-pagination";
-import { SelectAccessibilityOverrides } from "@availity/mui-form-utils";
-import { TriangleExpandIcon } from "@availity/mui-icon";
-import { Fragment as Fragment2, jsx as jsx7, jsxs as jsxs2 } from "react/jsx-runtime";
-var IconComponent = (args) => /* @__PURE__ */ jsx7(TriangleExpandIcon, __spreadValues({ fontSize: "xxsmall", sx: { marginRight: "4px" } }, args));
-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, 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,
-        __spreadProps(__spreadValues(__spreadValues({}, rest2), paginationProps), {
-          count: Math.ceil(Math.abs(count / rowsPerPage)),
-          page: page + 1,
-          onChange: (event, newPage) => {
-            onPageChange(event, newPage - 1);
-          }
-        })
-      ) : null,
-      Actions || null
-    ] });
-  };
-  return /* @__PURE__ */ jsx7(
-    MuiTablePagination,
-    __spreadProps(__spreadValues({
-      ActionsComponent: ActionsPagination
-    }, rest), {
-      slotProps: {
-        select: __spreadValues({ IconComponent }, SelectAccessibilityOverrides(openDetected, setOpenDetected))
-      },
-      ref
-    })
-  );
-});
-
-// src/lib/TableRow.tsx
-import { default as MuiTableRow } from "@mui/material/TableRow";
-import { jsx as jsx8 } from "react/jsx-runtime";
-var TableRow = (props) => {
-  return /* @__PURE__ */ jsx8(MuiTableRow, __spreadValues({}, props));
-};
-
-// src/lib/TableSortLabel.tsx
-import {
-  default as MuiTableSortLabel
-} from "@mui/material/TableSortLabel";
-import Box from "@mui/material/Box";
-import { visuallyHidden as visuallyHidden2 } from "@availity/mui-utils";
-import { SortDownIcon, SortIcon } from "@availity/mui-icon";
-import { Fragment as Fragment3, jsx as jsx9, jsxs as jsxs3 } from "react/jsx-runtime";
-var TableSortLabel = (props) => {
-  const IconComponent2 = props.active ? SortDownIcon : SortIcon;
-  const SortedDescription = props.active ? /* @__PURE__ */ jsx9(Box, { component: "span", sx: visuallyHidden2, children: props.direction === "desc" ? "sorted descending" : "sorted ascending" }) : null;
-  return /* @__PURE__ */ jsx9(
-    MuiTableSortLabel,
-    __spreadProps(__spreadValues({}, props), {
-      IconComponent: IconComponent2,
-      children: /* @__PURE__ */ jsxs3(Fragment3, { children: [
-        props.children,
-        " ",
-        SortedDescription
-      ] })
-    })
-  );
-};
-export {
-  Table,
-  TableBody,
-  TableCell,
-  TableContainer,
-  TableFooter,
-  TableHead,
-  TablePagination,
-  TableRow,
-  TableSortLabel
-};

package/jest.config.js

@@ -1,17 +0,0 @@
-const global = require('../../jest.config.global');
-
-module.exports = {
-  ...global,
-  displayName: 'table',
-  coverageDirectory: '../../coverage/table',
-  /* TODO: Update to latest Jest snapshotFormat
-   * By default Nx has kept the older style of Jest Snapshot formats
-   * to prevent breaking of any existing tests with snapshots.
-   * It's recommend you update to the latest format.
-   * You can do this by removing snapshotFormat property
-   * and running tests with --update-snapshot flag.
-   * Example: From within the project directory, run "nx test --update-snapshot"
-   * More info: https://jestjs.io/docs/upgrading-to-jest29#snapshot-format
-   */
-  snapshotFormat: { escapeString: true, printBasicPrototype: true },
-};

package/tsconfig.spec.json

@@ -1,10 +0,0 @@
-{
-  "extends": "./tsconfig.json",
-  "compilerOptions": {
-    "outDir": "../../dist/out-tsc",
-    "module": "commonjs",
-    "types": ["jest", "node", "@testing-library/jest-dom"],
-    "allowJs": true
-  },
-  "include": ["jest.config.ts", "**/*.test.js", "**/*.test.ts", "**/*.test.tsx", "**/*.d.ts"]
-}