@etsoo/react 1.4.81 → 1.4.82

package/lib/mu/AuditDisplay.js

@@ -1,5 +1,5 @@
 import { Utils } from '@etsoo/shared';
-import { Button, Table, TableBody, TableCell, TableHead, TableRow, useTheme } from '@mui/material';
+import { Button, Divider, Table, TableBody, TableCell, TableHead, TableRow, useTheme } from '@mui/material';
 import React from 'react';
 import { globalApp, NotificationMessageType } from '..';
 import { ListMoreDisplay } from './ListMoreDisplay';
@@ -71,7 +71,9 @@ export function AuditDisplay(props) {
                 '], ' +
                 data.user,
             data.changes != null && (React.createElement(Button, { variant: "outlined", size: "small", onClick: () => showDataComparison(data.changes), sx: { marginLeft: theme.spacing(1) } }, getLabel('dataComparison')))));
-    }, ...rest } = props;
+    }, headerTitle = (React.createElement(React.Fragment, null,
+        getLabel('audits'),
+        React.createElement(Divider, null))), ...rest } = props;
     // Layout
-    return (React.createElement(ListMoreDisplay, { ...rest }, (data, index) => (React.createElement("div", { key: data.id, style: getItemStyle(index, theme) }, itemRenderer(data, index)))));
+    return (React.createElement(ListMoreDisplay, { headerTitle: headerTitle, ...rest }, (data, index) => (React.createElement("div", { key: data.id, style: getItemStyle(index, theme) }, itemRenderer(data, index)))));
 }

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@etsoo/react",
-    "version": "1.4.81",
+    "version": "1.4.82",
     "description": "TypeScript ReactJs framework",
     "main": "lib/index.js",
     "types": "lib/index.d.ts",

package/src/mu/AuditDisplay.tsx

@@ -1,7 +1,7 @@
 import { Utils } from '@etsoo/shared';
-import { HelpOutline } from '@mui/icons-material';
 import {
     Button,
+    Divider,
     Table,
     TableBody,
     TableCell,
@@ -160,12 +160,18 @@ export function AuditDisplay(props: AuditDisplayProps) {
                 </React.Fragment>
             );
         },
+        headerTitle = (
+            <React.Fragment>
+                {getLabel('audits')}
+                <Divider />
+            </React.Fragment>
+        ),
         ...rest
     } = props;
 
     // Layout
     return (
-        <ListMoreDisplay {...rest}>
+        <ListMoreDisplay headerTitle={headerTitle} {...rest}>
             {(data, index) => (
                 <div key={data.id} style={getItemStyle(index, theme)}>
                     {itemRenderer(data, index)}