@availity/mui-table 0.2.0 → 0.2.1

package/CHANGELOG.md

@@ -2,6 +2,13 @@
 
 This file was generated using [@jscutlery/semver](https://github.com/jscutlery/semver).
 
+## [0.2.1](https://github.com/Availity/element/compare/@availity/mui-table@0.2.0...@availity/mui-table@0.2.1) (2024-11-21)
+
+
+### Bug Fixes
+
+* **mui-table:** replace placeholder dash ([fbed326](https://github.com/Availity/element/commit/fbed3260738275b1d17ff31005c7ea338cf0fe02))
+
 ## [0.2.0](https://github.com/Availity/element/compare/@availity/mui-table@0.1.27...@availity/mui-table@0.2.0) (2024-11-20)
 
 ### Dependency Updates

package/dist/index.js

@@ -94,7 +94,7 @@ var TableCell = (_a) => {
   var _b = _a, { disableEmptyPlaceholder = false, children } = _b, props = __objRest(_b, ["disableEmptyPlaceholder", "children"]);
   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: "-" }),
+    /* @__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" })
   ] });
   return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_TableCell.default, __spreadProps(__spreadValues({}, props), { children: isPlaceholderActive ? placeholder : children }));

package/dist/index.mjs

@@ -55,7 +55,7 @@ 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: "-" }),
+    /* @__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 }));

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@availity/mui-table",
-  "version": "0.2.0",
+  "version": "0.2.1",
   "description": "Availity MUI Table Component - part of the @availity/element design system",
   "keywords": [
     "react",

package/src/lib/TableCell.test.tsx

@@ -8,12 +8,12 @@ describe('TableCell', () => {
   });
   test('should add placeholder to empty cell', () => {
     const { getByText } = render(<TableCell></TableCell>);
-    expect(getByText('-')).toBeTruthy();
+    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>);
-    expect(queryByText('-')).toBeNull();
+    expect(queryByText('—')).toBeNull();
     expect(queryByText('No Data')).toBeNull();
   });
 });

package/src/lib/TableCell.tsx

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