@availity/mui-table 0.2.7 → 0.2.9

package/CHANGELOG.md

@@ -2,6 +2,32 @@
 
 This file was generated using [@jscutlery/semver](https://github.com/jscutlery/semver).
 
+## [0.2.9](https://github.com/Availity/element/compare/@availity/mui-table@0.2.8...@availity/mui-table@0.2.9) (2025-01-22)
+
+### Dependency Updates
+
+* `mui-button` updated to version `0.2.8`
+* `mui-chip` updated to version `0.2.8`
+* `mui-form-utils` updated to version `0.2.8`
+* `mui-icon` updated to version `0.2.8`
+* `mui-link` updated to version `0.2.8`
+* `mui-menu` updated to version `0.2.8`
+* `mui-textfield` updated to version `0.2.8`
+* `mui-pagination` updated to version `0.2.8`
+* `mui-transitions` updated to version `0.2.8`
+## [0.2.8](https://github.com/Availity/element/compare/@availity/mui-table@0.2.7...@availity/mui-table@0.2.8) (2025-01-08)
+
+### Dependency Updates
+
+* `mui-chip` updated to version `0.2.7`
+* `mui-form-utils` updated to version `0.2.7`
+* `mui-textfield` updated to version `0.2.7`
+* `mui-pagination` updated to version `0.2.7`
+
+### Bug Fixes
+
+* **mui-table:** icon updates ([592de69](https://github.com/Availity/element/commit/592de690f12955e154ab265151dd3619611d48f1))
+
 ## [0.2.7](https://github.com/Availity/element/compare/@availity/mui-table@0.2.6...@availity/mui-table@0.2.7) (2025-01-07)
 
 ### Dependency Updates

package/README.md

@@ -12,7 +12,7 @@ This package extends the MUI Table component: [MUI Table Docs](https://mui.com/c
 
 Live demo and documentation in our [Storybook](https://availity.github.io/element/?path=/docs/components-table-introduction--docs)
 
-Availity standards for design and usage can be found in the [Availity Design Guide](https://zeroheight.com/2e36e50c7)
+Availity standards for design and usage can be found in the [Availity Design Guide](https://design.availity.com/2e36e50c7)
 
 ## Installation
 

package/dist/index.js

@@ -126,7 +126,9 @@ 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);
@@ -146,7 +148,7 @@ 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({}, (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
@@ -160,15 +162,15 @@ var TableRow = (props) => {
 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_icon = require("@availity/mui-icon");
+var import_mui_icon2 = require("@availity/mui-icon");
 var import_jsx_runtime9 = require("react/jsx-runtime");
 var TableSortLabel = (props) => {
-  const IconComponent = props.active ? import_mui_icon.SortDownIcon : import_mui_icon.SortIcon;
+  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), {
-      IconComponent,
+      IconComponent: IconComponent2,
       children: /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(import_jsx_runtime9.Fragment, { children: [
         props.children,
         " ",

package/dist/index.mjs

@@ -91,7 +91,9 @@ import {
 } 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);
@@ -111,7 +113,7 @@ var TablePagination = forwardRef((props, ref) => {
       Actions || null
     ] });
   };
-  return /* @__PURE__ */ jsx7(MuiTablePagination, __spreadProps(__spreadValues({ ActionsComponent: ActionsPagination }, rest), { slotProps: { select: __spreadValues({}, 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
@@ -130,12 +132,12 @@ 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 IconComponent = props.active ? SortDownIcon : SortIcon;
+  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,
+      IconComponent: IconComponent2,
       children: /* @__PURE__ */ jsxs3(Fragment3, { children: [
         props.children,
         " ",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@availity/mui-table",
-  "version": "0.2.7",
+  "version": "0.2.9",
   "description": "Availity MUI Table Component - part of the @availity/element design system",
   "keywords": [
     "react",
@@ -33,21 +33,21 @@
     "publish:canary": "yarn npm publish --access public --tag canary"
   },
   "dependencies": {
-    "@availity/mui-form-utils": "0.16.2",
-    "@availity/mui-icon": "0.12.1",
-    "@availity/mui-pagination": "0.3.10",
+    "@availity/mui-form-utils": "0.16.4",
+    "@availity/mui-icon": "0.13.0",
+    "@availity/mui-pagination": "0.3.12",
     "@availity/mui-utils": "0.1.0"
   },
   "devDependencies": {
-    "@availity/mui-button": "0.6.14",
-    "@availity/mui-chip": "0.2.25",
-    "@availity/mui-form-utils": "0.16.2",
-    "@availity/mui-icon": "0.12.1",
+    "@availity/mui-button": "0.6.15",
+    "@availity/mui-chip": "0.2.27",
+    "@availity/mui-form-utils": "0.16.4",
+    "@availity/mui-icon": "0.13.0",
     "@availity/mui-layout": "0.2.0",
-    "@availity/mui-link": "0.4.7",
-    "@availity/mui-menu": "0.2.14",
+    "@availity/mui-link": "0.4.8",
+    "@availity/mui-menu": "0.2.15",
     "@availity/mui-paper": "0.1.9",
-    "@availity/mui-textfield": "0.6.16",
+    "@availity/mui-textfield": "0.6.18",
     "@availity/mui-typography": "0.2.1",
     "@mui/material": "^5.15.15",
     "react": "18.2.0",

package/src/lib/Table.stories.tsx

@@ -558,7 +558,7 @@ export const _ExpandableTable: StoryObj<typeof Table> = {
                     <td colSpan={12}>
                       <Collapse in={isItemExpanded} timeout="auto" unmountOnExit>
                         <TableCell component="div" sx={{display: 'block'}}>
-                          <Grid container spacing={2} paddingLeft='32px'>
+                          <Grid container spacing={2} paddingLeft='3rem'>
                             <Grid xs>
                               <Typography variant="body2" sx={{fontWeight: "bold"}}>
                                 Subscriber Member Id

package/src/lib/TableCell.stories.tsx

@@ -10,6 +10,12 @@ const meta: Meta<typeof TableCell> = {
   args: {
     children: 'Cell content',
   },
+  argTypes: {
+    size: {
+      options: ['small', 'medium'],
+      control: { type: 'radio' },
+    },
+  }
 };
 
 export default meta;

package/src/lib/TablePagination.tsx

@@ -3,9 +3,11 @@ import {
   default as MuiTablePagination,
   TablePaginationProps as MuiTablePaginationProps,
 } from '@mui/material/TablePagination';
+import { SvgIconProps } from '@mui/material/SvgIcon';
 import { TableCellBaseProps } from '@mui/material/TableCell';
 import { Pagination, PaginationProps } from '@availity/mui-pagination';
 import { SelectAccessibilityOverrides } from '@availity/mui-form-utils';
+import { TriangleExpandIcon } from '@availity/mui-icon';
 
 export type TablePaginationProps = {
   Actions?: React.ReactNode;
@@ -34,6 +36,10 @@ type TablePaginationActionsProps = {
   onPageChange: (event: React.MouseEvent<HTMLButtonElement>, newPage: number) => void;
 } & Pick<MuiTablePaginationProps, 'backIconButtonProps' | 'nextIconButtonProps'>;
 
+const IconComponent = (args: SvgIconProps) => (
+  <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);
@@ -59,5 +65,5 @@ export const TablePagination = forwardRef<unknown, TablePaginationProps>((props,
     );
   };
 
-  return <MuiTablePagination ActionsComponent={ActionsPagination} {...rest} slotProps={{select: {...SelectAccessibilityOverrides(openDetected, setOpenDetected)}}} ref={ref} />;
+  return <MuiTablePagination ActionsComponent={ActionsPagination} {...rest} slotProps={{select: {IconComponent: IconComponent, ...SelectAccessibilityOverrides(openDetected, setOpenDetected)}}} ref={ref} />;
 });