@cosmicdrift/kumiko-document-designer 0.406.0 → 0.409.0

package/dist/web/cells.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { formatWhen, useTranslation, } from "@cosmicdrift/kumiko-renderer";
+import { formatWhen, useLocale, useTranslation, } from "@cosmicdrift/kumiko-renderer";
 import { EMPTY_VALUE_PLACEHOLDER, toInstant } from "@cosmicdrift/kumiko-renderer/headless";
 import { StatusBadge } from "@cosmicdrift/kumiko-renderer/web";
 import { parseOverviewRow } from "./overview-row.js";
@@ -54,16 +54,17 @@ export function UsedByCell({ row }) {
 }
 // Date only keeps the column narrow enough for the overview to fit without
 // horizontal scroll; the full timestamp stays reachable via the tooltip.
-function formatModifiedDate(value) {
+function formatModifiedDate(value, locale) {
     try {
-        return toInstant(value).toLocaleString(undefined, { dateStyle: "medium" });
+        return toInstant(value).toLocaleString(locale, { dateStyle: "medium" });
     }
     catch {
         return value;
     }
 }
 export function ModifiedCell({ row }) {
-    return withRow(row, (r) => r.modifiedAt === "" ? (EMPTY_VALUE_PLACEHOLDER) : (_jsx("span", { className: "whitespace-nowrap", title: formatWhen(r.modifiedAt), children: formatModifiedDate(r.modifiedAt) })));
+    const locale = useLocale().locale();
+    return withRow(row, (r) => r.modifiedAt === "" ? (EMPTY_VALUE_PLACEHOLDER) : (_jsx("span", { className: "whitespace-nowrap", title: formatWhen(r.modifiedAt, locale), children: formatModifiedDate(r.modifiedAt, locale) })));
 }
 function OverriddenByCount({ overriddenBy, }) {
     const t = useTranslation();

package/dist/web/mail-origin-bar.js

@@ -1,6 +1,6 @@
 import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { TemplateResolverHandlers } from "@cosmicdrift/kumiko-bundled-features/template-resolver/web";
-import { dispatcherErrorText, formatWhen, useMutation, usePrimitives, useTranslation, } from "@cosmicdrift/kumiko-renderer";
+import { dispatcherErrorText, formatWhen, useLocale, useMutation, usePrimitives, useTranslation, } from "@cosmicdrift/kumiko-renderer";
 import { EMPTY_VALUE_PLACEHOLDER } from "@cosmicdrift/kumiko-renderer/headless";
 import { useState } from "react";
 import { originOf } from "./editor-header.js";
@@ -12,13 +12,13 @@ export function languageName(t, locale) {
     const translated = t(key);
     return translated === key ? locale : translated;
 }
-function statusSentence(t, row) {
+function statusSentence(t, row, appLocale) {
     const besideActive = draftBesideActiveSentence(t, row);
     if (besideActive !== null)
         return besideActive;
     if (row.status === "active") {
         return t("documentDesigner.mail.origin.activeSince", {
-            when: row.modifiedAt === null ? EMPTY_VALUE_PLACEHOLDER : formatWhen(row.modifiedAt),
+            when: row.modifiedAt === null ? EMPTY_VALUE_PLACEHOLDER : formatWhen(row.modifiedAt, appLocale),
         });
     }
     return t(row.status === "archived"
@@ -31,6 +31,7 @@ function MissingLocaleBar({ locale, creating, controls, }) {
 }
 function TenantOriginBar({ row, systemVersion, controls, onReset, onResetError, }) {
     const t = useTranslation();
+    const appLocale = useLocale().locale();
     const { Button, Dialog } = usePrimitives();
     const [diffOpen, setDiffOpen] = useState(false);
     const [resetOpen, setResetOpen] = useState(false);
@@ -44,7 +45,7 @@ function TenantOriginBar({ row, systemVersion, controls, onReset, onResetError,
                             onResetError(dispatcherErrorText(result.error, t));
                     } })] }), links: hasSystem && (_jsxs(_Fragment, { children: [_jsx(Button, { variant: "link", onClick: () => setDiffOpen(true), testId: "document-designer-diff-open", children: t("documentDesigner.editor.diff.open") }), _jsx(Button, { variant: "link", onClick: () => setResetOpen(true), testId: "document-designer-reset-open", children: t("documentDesigner.mail.origin.reset") })] })), children: [hasSystem
                 ? t("documentDesigner.mail.origin.overrides", { version: systemVersion })
-                : t("documentDesigner.mail.origin.tenantOnly"), " ", statusSentence(t, row)] }));
+                : t("documentDesigner.mail.origin.tenantOnly"), " ", statusSentence(t, row, appLocale)] }));
 }
 export function MailOriginBar({ row, systemVersion, locale, isSystemAdmin, creating, controls, onReload, onResetError, }) {
     const t = useTranslation();

package/dist/web/mail-versions.js

@@ -1,5 +1,5 @@
 import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { formatWhen, useAppFeatures, useQuery, useTranslation } from "@cosmicdrift/kumiko-renderer";
+import { formatWhen, useAppFeatures, useLocale, useQuery, useTranslation, } from "@cosmicdrift/kumiko-renderer";
 import { EMPTY_VALUE_PLACEHOLDER } from "@cosmicdrift/kumiko-renderer/headless";
 import { StatusBadge } from "@cosmicdrift/kumiko-renderer/web";
 import { RailHint, RailRow, RailSection } from "./rail.js";
@@ -10,6 +10,7 @@ const MEMBER_DIRECTORY_QUERY = "tenant:query:member-directory";
 const VERSION_LIMIT = 20;
 function VersionRows({ rowId, currentVersion, currentStatus, }) {
     const t = useTranslation();
+    const appLocale = useLocale().locale();
     const audit = useQuery(AUDIT_LIST_QUERY, {
         aggregateType: "template-resource",
         aggregateId: rowId,
@@ -28,7 +29,7 @@ function VersionRows({ rowId, currentVersion, currentStatus, }) {
     });
     return (_jsx(_Fragment, { children: versions.map((row) => (_jsx(RailRow, { testId: `mail-version-${row.version}`, label: t("documentDesigner.mail.versions.line", {
                 version: row.version,
-                when: formatWhen(row.createdAt),
+                when: formatWhen(row.createdAt, appLocale),
                 name: names.get(row.createdBy) ?? EMPTY_VALUE_PLACEHOLDER,
             }), trailing: row.version === currentVersion ? (_jsx(StatusBadge, { tone: statusTone(status), children: statusLabel(t, status, row.version) })) : undefined }, row.version))) }));
 }

package/dist/web/overrides-drawer.js

@@ -1,6 +1,6 @@
 import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { TemplateResolverQueries } from "@cosmicdrift/kumiko-bundled-features/template-resolver/web";
-import { formatWhen, usePrimitives, useQuery, useTranslation } from "@cosmicdrift/kumiko-renderer";
+import { formatWhen, useLocale, usePrimitives, useQuery, useTranslation, } from "@cosmicdrift/kumiko-renderer";
 import { Drawer, EmptyState, LoadingState } from "@cosmicdrift/kumiko-renderer/web";
 import { useMemo, useState } from "react";
 import { DiffView } from "./origin-bar.js";
@@ -22,6 +22,7 @@ function TenantDetail({ slug, locale, view, onBack, }) {
 }
 export function OverridesDrawer({ open, onOpenChange, slug, locale, overrides, }) {
     const t = useTranslation();
+    const appLocale = useLocale().locale();
     const { DataTable } = usePrimitives();
     const [view, setView] = useState(null);
     // Only asked while the drawer is open; the answer is not needed for the editor itself.
@@ -65,9 +66,9 @@ export function OverridesDrawer({ open, onOpenChange, slug, locale, overrides, }
             tenantName: row.tenantName,
             status: row.status,
             versionLabel: `v${row.version}`,
-            changed: formatWhen(row.changedAt),
+            changed: formatWhen(row.changedAt, appLocale),
         },
-    })), [tenantRows]);
+    })), [tenantRows, appLocale]);
     const openRow = (row, mode) => {
         const found = tenantRows.find((candidate) => candidate.tenantId === row.id);
         if (found !== undefined)

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cosmicdrift/kumiko-document-designer",
-  "version": "0.406.0",
+  "version": "0.409.0",
   "description": "Document designer for Kumiko: template overview, layout editor (mail layout, PDF letterhead) and the PDF template editor.",
   "license": "MIT",
   "author": "Marc Frost <marc@cosmicdriftgamestudio.com>",
@@ -20,11 +20,11 @@
     "./web/styles.css": "./src/web/styles.css"
   },
   "dependencies": {
-    "@cosmicdrift/kumiko-bundled-features": "0.406.0",
-    "@cosmicdrift/kumiko-framework": "0.406.0",
-    "@cosmicdrift/kumiko-renderer": "0.406.0",
-    "@cosmicdrift/kumiko-renderer-puppeteer-client": "0.406.0",
-    "@cosmicdrift/kumiko-types": "0.406.0",
+    "@cosmicdrift/kumiko-bundled-features": "0.409.0",
+    "@cosmicdrift/kumiko-framework": "0.409.0",
+    "@cosmicdrift/kumiko-renderer": "0.409.0",
+    "@cosmicdrift/kumiko-renderer-puppeteer-client": "0.409.0",
+    "@cosmicdrift/kumiko-types": "0.409.0",
     "react": "^19.3.1"
   },
   "devDependencies": {

package/src/changes.json

@@ -1,4 +1,10 @@
 [
+  {
+    "version": "0.409.0",
+    "type": "improvement",
+    "title": "Template dates use the active app locale",
+    "detail": "The modified-at dates in the template list, the origin bar, the version list and the overrides drawer are formatted with the active app locale instead of the browser default."
+  },
   {
     "version": "0.397.0",
     "type": "fix",