@vention/machine-apps-components 0.6.18 → 0.6.19

package/index.esm.js

@@ -6587,13 +6587,14 @@ const LogsTable = /*#__PURE__*/memo(({
       className: classes.tableContainer,
       children: /*#__PURE__*/jsxs(Table, {
         stickyHeader: true,
+        className: classes.table,
         children: [/*#__PURE__*/jsx(TableHead, {
           className: classes.tableHead,
           children: /*#__PURE__*/jsxs(TableRow, {
             children: [/*#__PURE__*/jsx(TableCell, {
               className: classes.iconHeaderCell
             }), /*#__PURE__*/jsx(TableCell, {
-              className: classes.tableHeaderCell,
+              className: cx(classes.tableHeaderCell, classes.dateColumn),
               children: /*#__PURE__*/jsx(Typography, {
                 variant: "heading24Medium",
                 className: classes.tableText,
@@ -6602,7 +6603,7 @@ const LogsTable = /*#__PURE__*/memo(({
                 })
               })
             }), /*#__PURE__*/jsx(TableCell, {
-              className: classes.tableHeaderCell,
+              className: cx(classes.tableHeaderCell, classes.typeColumn),
               children: /*#__PURE__*/jsx(Typography, {
                 variant: "heading24Medium",
                 className: classes.tableText,
@@ -6611,7 +6612,7 @@ const LogsTable = /*#__PURE__*/memo(({
                 })
               })
             }), /*#__PURE__*/jsx(TableCell, {
-              className: classes.tableHeaderCell,
+              className: cx(classes.tableHeaderCell, classes.codeColumn),
               children: /*#__PURE__*/jsx(Typography, {
                 variant: "heading24Medium",
                 className: classes.tableText,
@@ -6620,7 +6621,7 @@ const LogsTable = /*#__PURE__*/memo(({
                 })
               })
             }), /*#__PURE__*/jsx(TableCell, {
-              className: classes.tableHeaderCell,
+              className: cx(classes.tableHeaderCell, classes.messageColumn),
               children: /*#__PURE__*/jsx(Typography, {
                 variant: "heading24Medium",
                 className: classes.tableText,
@@ -6629,7 +6630,7 @@ const LogsTable = /*#__PURE__*/memo(({
                 })
               })
             }), /*#__PURE__*/jsx(TableCell, {
-              className: classes.tableHeaderCell,
+              className: cx(classes.tableHeaderCell, classes.descriptionColumn),
               children: /*#__PURE__*/jsx(Typography, {
                 variant: "heading24Medium",
                 className: classes.tableText,
@@ -6643,7 +6644,7 @@ const LogsTable = /*#__PURE__*/memo(({
           children: _logs.map(log => /*#__PURE__*/jsxs(TableRow, {
             hover: true,
             onClick: onLogClick ? () => onLogClick(log) : undefined,
-            className: onLogClick ? classes.clickableRow : undefined,
+            className: cx(classes.row, onLogClick ? classes.clickableRow : undefined),
             children: [/*#__PURE__*/jsx(TableCell, {
               className: classes.iconCell,
               children: /*#__PURE__*/jsx(Box, {
@@ -6651,36 +6652,43 @@ const LogsTable = /*#__PURE__*/memo(({
                 children: renderTypeIcon(log.level)
               })
             }), /*#__PURE__*/jsx(TableCell, {
+              className: classes.truncateCell,
               children: /*#__PURE__*/jsx(Typography, {
                 variant: "heading24Medium",
-                className: classes.tableText,
+                className: cx(classes.tableText, classes.truncateText),
                 children: formatLogDate(log.date)
               })
             }), /*#__PURE__*/jsx(TableCell, {
-              className: cx(classes.typeCell, getTypeClassName(log.level)),
+              className: cx(classes.typeCell, classes.truncateCell, getTypeClassName(log.level)),
               children: /*#__PURE__*/jsx(Typography, {
                 variant: "heading24Medium",
-                className: classes.tableText,
+                className: cx(classes.tableText, classes.truncateText),
                 children: t(`logs.type.${log.level}`, {
                   defaultValue: log.level
                 })
               })
             }), /*#__PURE__*/jsx(TableCell, {
+              className: classes.truncateCell,
               children: /*#__PURE__*/jsx(Typography, {
                 variant: "heading24Medium",
-                className: classes.tableText,
+                className: cx(classes.tableText, classes.truncateText),
+                title: log.code,
                 children: log.code
               })
             }), /*#__PURE__*/jsx(TableCell, {
+              className: classes.truncateCell,
               children: /*#__PURE__*/jsx(Typography, {
                 variant: "heading24Medium",
-                className: classes.tableText,
+                className: cx(classes.tableText, classes.truncateText),
+                title: log.message,
                 children: log.message
               })
             }), /*#__PURE__*/jsx(TableCell, {
+              className: classes.truncateCell,
               children: /*#__PURE__*/jsx(Typography, {
                 variant: "heading24Medium",
-                className: classes.tableText,
+                className: cx(classes.tableText, classes.truncateText),
+                title: log.description,
                 children: log.description
               })
             })]
@@ -6747,6 +6755,35 @@ const useStyles$9 = tss.withParams().create(({
   }, tableHeight && {
     maxHeight: tableHeight
   }),
+  table: {
+    tableLayout: "fixed"
+  },
+  row: {
+    height: 64
+  },
+  truncateCell: {
+    overflow: "hidden"
+  },
+  truncateText: {
+    overflow: "hidden",
+    textOverflow: "ellipsis",
+    whiteSpace: "nowrap"
+  },
+  dateColumn: {
+    width: "18%"
+  },
+  typeColumn: {
+    width: "10%"
+  },
+  codeColumn: {
+    width: "16%"
+  },
+  messageColumn: {
+    width: "22%"
+  },
+  descriptionColumn: {
+    width: "34%"
+  },
   tableHead: {
     backgroundColor: theme.palette.background.default,
     borderBottom: `1px solid ${theme.palette.background.mutedSlate}`

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vention/machine-apps-components",
-  "version": "0.6.18",
+  "version": "0.6.19",
   "repository": {
     "type": "git",
     "url": "https://github.com/VentionCo/machine-cloud.git"