@vention/machine-apps-components 1.31.4 → 1.31.5

package/index.esm.js

@@ -1741,7 +1741,7 @@ var enTranslations = {
   logs: {
     table: {
       date: "Date",
-      type: "Type",
+      type: "Severity",
       code: "Code",
       message: "Message",
       description: "Description"
@@ -1763,7 +1763,7 @@ var enTranslations = {
     filter: {
       from: "From",
       to: "To",
-      type: "Type",
+      type: "Severity",
       sort: "Sort",
       reset: "Reset",
       typeOptions: {
@@ -1776,7 +1776,7 @@ var enTranslations = {
         latest: "From latest",
         oldest: "From oldest"
       },
-      chooseType: "Choose type"
+      chooseType: "Choose severity level"
     }
   },
   navigation: {
@@ -1810,7 +1810,9 @@ var enTranslations = {
   },
   pagination: {
     page: "Page",
-    of: "of"
+    of: "of",
+    previous: "Previous page",
+    next: "Next page"
   },
   fileUploadPanel: {
     defaultTitle: "Upload Files",
@@ -1920,7 +1922,7 @@ var frTranslations = {
   logs: {
     table: {
       date: "Date",
-      type: "Type",
+      type: "Gravité",
       code: "Code",
       message: "Message",
       description: "Description"
@@ -1942,7 +1944,7 @@ var frTranslations = {
     filter: {
       from: "De",
       to: "À",
-      type: "Type",
+      type: "Gravité",
       sort: "Trier",
       reset: "Réinitialiser",
       typeOptions: {
@@ -1955,7 +1957,7 @@ var frTranslations = {
         latest: "Du plus récent",
         oldest: "Du plus ancien"
       },
-      chooseType: "Choisir le type"
+      chooseType: "Choisir le niveau de gravité"
     }
   },
   navigation: {
@@ -1989,7 +1991,9 @@ var frTranslations = {
   },
   pagination: {
     page: "Page",
-    of: "sur"
+    of: "sur",
+    previous: "Page précédente",
+    next: "Page suivante"
   },
   fileUploadPanel: {
     defaultTitle: "Téléverser des fichiers",
@@ -2099,7 +2103,7 @@ var deTranslations = {
   logs: {
     table: {
       date: "Datum",
-      type: "Typ",
+      type: "Schweregrad",
       code: "Code",
       message: "Nachricht",
       description: "Beschreibung"
@@ -2121,7 +2125,7 @@ var deTranslations = {
     filter: {
       from: "Von",
       to: "Bis",
-      type: "Typ",
+      type: "Schweregrad",
       sort: "Sortieren",
       reset: "Zurücksetzen",
       typeOptions: {
@@ -2134,7 +2138,7 @@ var deTranslations = {
         latest: "Neueste zuerst",
         oldest: "Älteste zuerst"
       },
-      chooseType: "Typ auswählen"
+      chooseType: "Schweregrad auswählen"
     }
   },
   navigation: {
@@ -2168,7 +2172,9 @@ var deTranslations = {
   },
   pagination: {
     page: "Seite",
-    of: "von"
+    of: "von",
+    previous: "Vorherige Seite",
+    next: "Nächste Seite"
   },
   fileUploadPanel: {
     defaultTitle: "Dateien hochladen",
@@ -2278,7 +2284,7 @@ var esTranslations = {
   logs: {
     table: {
       date: "Fecha",
-      type: "Tipo",
+      type: "Gravedad",
       code: "Código",
       message: "Mensaje",
       description: "Descripción"
@@ -2300,7 +2306,7 @@ var esTranslations = {
     filter: {
       from: "Desde",
       to: "Hasta",
-      type: "Tipo",
+      type: "Gravedad",
       sort: "Ordenar",
       reset: "Restablecer",
       typeOptions: {
@@ -2313,7 +2319,7 @@ var esTranslations = {
         latest: "Más recientes",
         oldest: "Más antiguos"
       },
-      chooseType: "Elegir tipo"
+      chooseType: "Elegir nivel de gravedad"
     }
   },
   navigation: {
@@ -2347,7 +2353,9 @@ var esTranslations = {
   },
   pagination: {
     page: "Página",
-    of: "de"
+    of: "de",
+    previous: "Página anterior",
+    next: "Página siguiente"
   },
   fileUploadPanel: {
     defaultTitle: "Subir archivos",
@@ -7257,18 +7265,6 @@ const LogsTable = /*#__PURE__*/memo(({
       })
     });
   }
-  const getTypeClassName = level => {
-    switch (level) {
-      case "error":
-        return classes.errorType;
-      case "warning":
-        return classes.warningType;
-      case "info":
-        return classes.infoType;
-      default:
-        return "";
-    }
-  };
   const renderTypeIcon = level => {
     if (level === "error") {
       return jsx(VentionIcon, {
@@ -7343,7 +7339,7 @@ const LogsTable = /*#__PURE__*/memo(({
                 variant: "heading24Medium",
                 className: classes.tableText,
                 children: t("logs.table.type", {
-                  defaultValue: "Type"
+                  defaultValue: "Severity"
                 })
               })
             }), jsx(TableCell, {
@@ -7394,7 +7390,7 @@ const LogsTable = /*#__PURE__*/memo(({
                 children: formatLogDate(log.date)
               })
             }), jsx(TableCell, {
-              className: cx(classes.typeCell, classes.truncateCell, getTypeClassName(log.level)),
+              className: cx(classes.typeCell, classes.truncateCell),
               children: jsx(Typography, {
                 variant: "heading24Medium",
                 className: cx(classes.tableText, classes.truncateText),
@@ -7546,15 +7542,6 @@ const useStyles$c = tss.withParams().create(({
     textTransform: "capitalize",
     fontWeight: 500
   },
-  errorType: {
-    color: theme.palette.error.main
-  },
-  warningType: {
-    color: theme.palette.warning.main
-  },
-  infoType: {
-    color: theme.palette.info.main
-  },
   loadMoreTrigger: {
     display: "flex",
     flexDirection: "column",
@@ -7675,25 +7662,21 @@ const LogFilterForm = /*#__PURE__*/memo(({
     className: classes.filterSection,
     children: [jsx(Box, {
       className: classes.filterInput,
-      children: jsx(VentionTextInput, {
-        size: "xx-large",
+      children: jsx(DateInput, {
         label: t("logs.filter.from", {
           defaultValue: "From"
         }),
         value: fromDate,
-        onChange: event => setFromDate(event.target.value),
-        type: "date"
+        onChange: setFromDate
       })
     }), jsx(Box, {
       className: classes.filterInput,
-      children: jsx(VentionTextInput, {
-        size: "xx-large",
+      children: jsx(DateInput, {
         label: t("logs.filter.to", {
           defaultValue: "To"
         }),
         value: toDate,
-        onChange: event => setToDate(event.target.value),
-        type: "date"
+        onChange: setToDate
       })
     }), jsx(Box, {
       className: classes.filterInput,
@@ -7701,7 +7684,7 @@ const LogFilterForm = /*#__PURE__*/memo(({
         size: "xx-large",
         variant: "outlined",
         labelText: t("logs.filter.type", {
-          defaultValue: "Type"
+          defaultValue: "Severity"
         }),
         value: logType !== null && logType !== void 0 ? logType : "",
         onChange: event => {
@@ -7709,7 +7692,7 @@ const LogFilterForm = /*#__PURE__*/memo(({
           setLogType(value === "" ? null : value);
         },
         placeholder: t("logs.filter.chooseType", {
-          defaultValue: "Choose type"
+          defaultValue: "Choose severity level"
         }),
         menuItems: typeOptions
       })
@@ -7726,9 +7709,9 @@ const LogFilterForm = /*#__PURE__*/memo(({
         menuItems: sortOptions
       })
     }), jsx(VentionButton, {
-      size: "x-large",
+      size: "xx-large",
+      variant: "outline",
       onClick: handleReset,
-      className: classes.resetButton,
       children: t("logs.filter.reset", {
         defaultValue: "Reset"
       })
@@ -7736,6 +7719,40 @@ const LogFilterForm = /*#__PURE__*/memo(({
   });
 });
 LogFilterForm.displayName = "LogFilterForm";
+/** A date field with the design's calendar icon instead of the browser's. Clicking anywhere in it opens the picker. */
+function DateInput({
+  label,
+  value,
+  onChange
+}) {
+  const {
+    classes
+  } = useStyles$b();
+  const inputRef = useRef(null);
+  return jsx(VentionTextInput, {
+    size: "xx-large",
+    label: label,
+    value: value,
+    onChange: event => onChange(event.target.value),
+    type: "date",
+    fullWidth: true,
+    inputRef: inputRef,
+    className: classes.dateInput,
+    InputProps: {
+      onClick: () => {
+        var _a, _b;
+        return (_b = (_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.showPicker) === null || _b === void 0 ? void 0 : _b.call(_a);
+      },
+      endAdornment: jsx(InputAdornment, {
+        position: "end",
+        children: jsx(VentionIcon, {
+          type: "calendar-month",
+          size: 28
+        })
+      })
+    }
+  });
+}
 const useStyles$b = tss.create(({
   theme
 }) => ({
@@ -7750,13 +7767,10 @@ const useStyles$b = tss.create(({
     flex: "1 1 200px",
     minWidth: "200px"
   },
-  resetButton: {
-    width: "103px",
-    height: "64px",
-    backgroundColor: theme.palette.background.default,
-    color: theme.palette.text.primary,
-    "&:hover": {
-      backgroundColor: theme.palette.background.default
+  dateInput: {
+    cursor: "pointer",
+    "& input::-webkit-calendar-picker-indicator": {
+      display: "none"
     }
   }
 }));
@@ -7996,12 +8010,19 @@ const LogsPagination = /*#__PURE__*/memo(({
   };
   return jsxs(Box, {
     className: classes.paginationSection,
-    children: [jsx(VentionButton, {
+    children: [jsx(VentionIconButton, {
       size: "x-large",
+      variant: "outline",
       className: classes.paginationButton,
       onClick: handlePrevious,
       disabled: currentPage === 1,
-      children: "\u2190"
+      "aria-label": t("pagination.previous", {
+        defaultValue: "Previous page"
+      }),
+      children: jsx(VentionIcon, {
+        type: "arrow-left",
+        size: 32
+      })
     }), jsxs(Typography, {
       variant: "heading18SemiBold",
       children: [t("pagination.page", {
@@ -8009,12 +8030,19 @@ const LogsPagination = /*#__PURE__*/memo(({
       }), " ", currentPage, " ", t("pagination.of", {
         defaultValue: "of"
       }), " ", totalPages]
-    }), jsx(VentionButton, {
+    }), jsx(VentionIconButton, {
       size: "x-large",
+      variant: "outline",
       className: classes.paginationButton,
       onClick: handleNext,
       disabled: currentPage === totalPages,
-      children: "\u2192"
+      "aria-label": t("pagination.next", {
+        defaultValue: "Next page"
+      }),
+      children: jsx(VentionIcon, {
+        type: "arrow-right",
+        size: 32
+      })
     })]
   });
 });
@@ -8027,20 +8055,13 @@ const useStyles$a = tss.create(({
     justifyContent: "center",
     alignItems: "center",
     alignSelf: "stretch",
-    gap: theme.spacing(4)
+    gap: theme.spacing(7)
   },
   paginationButton: {
     width: "64px",
     height: "64px",
-    backgroundColor: theme.palette.background.default,
-    color: theme.palette.text.primary,
-    "&:hover": {
-      backgroundColor: theme.palette.grey[300]
-    },
     "&:disabled": {
-      opacity: 0.5,
-      cursor: "not-allowed",
-      backgroundColor: theme.palette.background.slate
+      opacity: 0.5
     }
   }
 }));

package/package.json

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

package/src/i18n/locales/de.d.ts

@@ -96,6 +96,8 @@ declare const _default: {
     pagination: {
         page: string;
         of: string;
+        previous: string;
+        next: string;
     };
     fileUploadPanel: {
         defaultTitle: string;

package/src/i18n/locales/en.d.ts

@@ -96,6 +96,8 @@ declare const _default: {
     pagination: {
         page: string;
         of: string;
+        previous: string;
+        next: string;
     };
     fileUploadPanel: {
         defaultTitle: string;

package/src/i18n/locales/es.d.ts

@@ -96,6 +96,8 @@ declare const _default: {
     pagination: {
         page: string;
         of: string;
+        previous: string;
+        next: string;
     };
     fileUploadPanel: {
         defaultTitle: string;

package/src/i18n/locales/fr.d.ts

@@ -96,6 +96,8 @@ declare const _default: {
     pagination: {
         page: string;
         of: string;
+        previous: string;
+        next: string;
     };
     fileUploadPanel: {
         defaultTitle: string;