@etsoo/react 1.4.84 → 1.4.85

package/lib/mu/AuditDisplay.js

@@ -69,6 +69,7 @@ export function AuditDisplay(props) {
         return (React.createElement(React.Fragment, null,
             data.changes != null && (React.createElement(Button, { variant: "outlined", size: "small", onClick: () => showDataComparison(data.changes), sx: {
                     marginLeft: theme.spacing(1),
+                    marginTop: theme.spacing(-0.5),
                     float: 'right'
                 } }, dataComparisonLabel)),
             React.createElement(Typography, null, formatDate(data.creation) +
@@ -77,7 +78,7 @@ export function AuditDisplay(props) {
                 '], ' +
                 data.user)));
     }, headerTitle = (React.createElement(React.Fragment, null,
-        getLabel('audits'),
+        React.createElement(Typography, null, getLabel('audits')),
         React.createElement(Divider, null))), ...rest } = props;
     // Layout
     return (React.createElement(ListMoreDisplay, { headerTitle: headerTitle, ...rest }, (data, index) => (React.createElement("div", { key: data.id, style: getItemStyle(index, theme) }, itemRenderer(data, index)))));

package/lib/mu/pages/ViewPage.js

@@ -18,6 +18,7 @@ function getItemField(field, data) {
     var _a, _b, _c;
     // Item data and label
     let itemData, itemLabel, gridProps = {};
+    let xs = 6;
     if (Array.isArray(field)) {
         const [fieldData, fieldType, renderProps] = field;
         itemData = GridDataFormat(data[fieldData], fieldType, renderProps);
@@ -25,11 +26,13 @@ function getItemField(field, data) {
     }
     else if (typeof field === 'object') {
         // Destruct
-        const { data: fieldData, dataType, label: fieldLabel, renderProps, singleRow = false, ...rest } = field;
+        const { data: fieldData, dataType, label: fieldLabel, renderProps, singleRow, ...rest } = field;
         gridProps = {
             ...rest,
             ...(singleRow && { xs: 12, sm: 12, md: 12, lg: 12, xl: 12 })
         };
+        if (singleRow === false)
+            xs = 12;
         // Field data
         if (typeof fieldData === 'function')
             itemData = fieldData(data);
@@ -50,7 +53,7 @@ function getItemField(field, data) {
     return [
         itemData,
         itemLabel,
-        { xs: 12, sm: 6, md: 6, lg: 4, xl: 3, ...gridProps }
+        { xs, sm: 6, md: 6, lg: 4, xl: 3, ...gridProps }
     ];
 }
 /**

package/package.json

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

package/src/mu/AuditDisplay.tsx

@@ -153,6 +153,7 @@ export function AuditDisplay(props: AuditDisplayProps) {
                             onClick={() => showDataComparison(data.changes!)}
                             sx={{
                                 marginLeft: theme.spacing(1),
+                                marginTop: theme.spacing(-0.5),
                                 float: 'right'
                             }}
                         >
@@ -171,7 +172,7 @@ export function AuditDisplay(props: AuditDisplayProps) {
         },
         headerTitle = (
             <React.Fragment>
-                {getLabel('audits')}
+                <Typography>{getLabel('audits')}</Typography>
                 <Divider />
             </React.Fragment>
         ),

package/src/mu/pages/ViewPage.tsx

@@ -103,6 +103,8 @@ function getItemField<T>(
         itemLabel: React.ReactNode,
         gridProps: GridProps = {};
 
+    let xs = 6;
+
     if (Array.isArray(field)) {
         const [fieldData, fieldType, renderProps] = field;
         itemData = GridDataFormat(data[fieldData], fieldType, renderProps);
@@ -114,7 +116,7 @@ function getItemField<T>(
             dataType,
             label: fieldLabel,
             renderProps,
-            singleRow = false,
+            singleRow,
             ...rest
         } = field;
 
@@ -123,6 +125,8 @@ function getItemField<T>(
             ...(singleRow && { xs: 12, sm: 12, md: 12, lg: 12, xl: 12 })
         };
 
+        if (singleRow === false) xs = 12;
+
         // Field data
         if (typeof fieldData === 'function') itemData = fieldData(data);
         else if (dataType == null) itemData = formatItemData(data[fieldData]);
@@ -144,7 +148,7 @@ function getItemField<T>(
     return [
         itemData,
         itemLabel,
-        { xs: 12, sm: 6, md: 6, lg: 4, xl: 3, ...gridProps }
+        { xs, sm: 6, md: 6, lg: 4, xl: 3, ...gridProps }
     ];
 }