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

package/dist/index.js

@@ -108,7 +108,7 @@ function unixNanoToDate(unixNanoString) {
 
 // src/components/cells/responsive-timestamp-cell.tsx
 import { jsx as jsx2 } from "react/jsx-runtime";
-var ResponsiveTimestampCell = ({ value }) => {
+var ResponsiveTimestampCell = ({ locale, value }) => {
   const [columnWidth, setColumnWidth] = useState(0);
   const cellReference = useRef(null);
   useEffect(() => {
@@ -134,35 +134,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__ */ jsx2("span", { children: "N/A" });
   return /* @__PURE__ */ jsx2("div", { ref: cellReference, style: { width: "100%" }, children: formattedTime });
 };