@localstack/appinspector-ui 1.0.0-dev-aad3cb1b → 1.0.0-dev-3f04a06e

package/dist/index.cjs

@@ -145,7 +145,7 @@ function unixNanoToDate(unixNanoString) {
 
 // src/components/cells/responsive-timestamp-cell.tsx
 var import_jsx_runtime2 = require("react/jsx-runtime");
-var ResponsiveTimestampCell = ({ value }) => {
+var ResponsiveTimestampCell = ({ locale, value }) => {
   const [columnWidth, setColumnWidth] = (0, import_react2.useState)(0);
   const cellReference = (0, import_react2.useRef)(null);
   (0, import_react2.useEffect)(() => {
@@ -171,35 +171,41 @@ var ResponsiveTimestampCell = ({ value }) => {
     const date = unixNanoToDate(value);
     if (!date) return;
     if (columnWidth < 100) {
-      return date.toLocaleTimeString(void 0, {
+      const formatter = new Intl.DateTimeFormat(locale, {
         hour: "2-digit",
         hour12: false,
         minute: "2-digit",
         second: "2-digit"
       });
+      return formatter.format(date);
     } else if (columnWidth < 160) {
-      const timeString = date.toLocaleTimeString(void 0, {
+      const formatter = new Intl.DateTimeFormat(locale, {
         hour: "2-digit",
         hour12: false,
         minute: "2-digit",
         second: "2-digit"
       });
+      const timeString = formatter.format(date);
       const ms = date.getMilliseconds().toString().padStart(3, "0");
       return `${timeString}:${ms}`;
     } else {
-      const day = date.getDate().toString().padStart(2, "0");
-      const month = (date.getMonth() + 1).toString().padStart(2, "0");
-      const year = date.getFullYear().toString();
-      const timeString = date.toLocaleTimeString(void 0, {
+      const dateFormatter = new Intl.DateTimeFormat(locale, {
+        day: "2-digit",
+        month: "2-digit",
+        year: "numeric"
+      });
+      const timeFormatter = new Intl.DateTimeFormat(locale, {
         hour: "2-digit",
         hour12: false,
         minute: "2-digit",
         second: "2-digit"
       });
+      const dateString = dateFormatter.format(date);
+      const timeString = timeFormatter.format(date);
       const ms = date.getMilliseconds().toString().padStart(3, "0");
-      return `${day}.${month}.${year} - ${timeString}:${ms}`;
+      return `${dateString} - ${timeString}:${ms}`;
     }
-  }, [value, columnWidth]);
+  }, [value, columnWidth, locale]);
   if (!formattedTime) return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { children: "N/A" });
   return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { ref: cellReference, style: { width: "100%" }, children: formattedTime });
 };