@byline/host-tanstack-start 6.1.0 → 6.2.1

package/dist/admin-shell/collections/history.js

@@ -1,6 +1,6 @@
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { useParams, useRouter, useRouterState } from "@tanstack/react-router";
-import { AdminTabs, StatusBadge, renderFormatted } from "@byline/admin/react";
+import { AdminTabs, StatusBadge, renderFormatted, tabPanelId, tabTriggerId } from "@byline/admin/react";
 import { useBylineAdminServices } from "@byline/admin/services";
 import { useTranslation } from "@byline/i18n/react";
 import { Button, Container, Section, Table } from "@byline/ui/react";
@@ -13,6 +13,7 @@ import { DocumentHistoryView } from "./document-history.js";
 import history_module from "./history.module.js";
 import { HistoryStats, VersionHistoryCore } from "./version-history.js";
 import { ViewMenu } from "./view-menu.js";
+const HISTORY_TABS_ID = 'collection-history';
 function getColumnValue(document, fieldName) {
     if (document.fields && 'object' == typeof document.fields && fieldName in document.fields) return document.fields[fieldName];
     return document[fieldName];
@@ -171,6 +172,7 @@ const HistoryView = ({ collectionDefinition, adminConfig, data, auditLog, workfl
                             ]
                         }),
                         /*#__PURE__*/ jsx(AdminTabs, {
+                            idBase: HISTORY_TABS_ID,
                             tabs: [
                                 {
                                     name: 'versions',
@@ -188,17 +190,26 @@ const HistoryView = ({ collectionDefinition, adminConfig, data, auditLog, workfl
                     ]
                 })
             }),
-            'document' === activeTab ? /*#__PURE__*/ jsx(DocumentHistoryView, {
-                data: auditLog ?? {
-                    entries: [],
-                    meta: {
-                        total: 0,
-                        page: 1,
-                        pageSize: 0,
-                        totalPages: 0
+            'document' === activeTab ? /*#__PURE__*/ jsx("div", {
+                role: "tabpanel",
+                id: tabPanelId(HISTORY_TABS_ID, 'document'),
+                "aria-labelledby": tabTriggerId(HISTORY_TABS_ID, 'document'),
+                children: /*#__PURE__*/ jsx(DocumentHistoryView, {
+                    data: auditLog ?? {
+                        entries: [],
+                        meta: {
+                            total: 0,
+                            page: 1,
+                            pageSize: 0,
+                            totalPages: 0
+                        }
                     }
-                }
+                })
             }) : /*#__PURE__*/ jsx(Section, {
+                role: "tabpanel",
+                id: tabPanelId(HISTORY_TABS_ID, 'versions'),
+                "aria-labelledby": tabTriggerId(HISTORY_TABS_ID, 'versions'),
+                tabIndex: 0,
                 children: /*#__PURE__*/ jsx(Container, {
                     children: /*#__PURE__*/ jsx(VersionHistoryCore, {
                         data: data,

package/package.json

@@ -3,7 +3,7 @@
   "private": false,
   "type": "module",
   "license": "MPL-2.0",
-  "version": "6.1.0",
+  "version": "6.2.1",
   "engines": {
     "node": ">=20.9.0"
   },
@@ -125,15 +125,15 @@
     "react-json-view-lite": "^2.5.0",
     "react-swipeable": "^7.0.2",
     "zod": "^4.6.2",
-    "@byline/admin": "6.1.0",
-    "@byline/ai": "6.1.0",
-    "@byline/auth": "6.1.0",
-    "@byline/analytics": "6.1.0",
-    "@byline/client": "6.1.0",
-    "@byline/analytics-agent": "6.1.0",
-    "@byline/core": "6.1.0",
-    "@byline/i18n": "6.1.0",
-    "@byline/ui": "6.1.0"
+    "@byline/admin": "6.2.1",
+    "@byline/analytics-agent": "6.2.1",
+    "@byline/analytics": "6.2.1",
+    "@byline/ai": "6.2.1",
+    "@byline/client": "6.2.1",
+    "@byline/core": "6.2.1",
+    "@byline/i18n": "6.2.1",
+    "@byline/ui": "6.2.1",
+    "@byline/auth": "6.2.1"
   },
   "peerDependencies": {
     "@tanstack/react-router": "^1.167.0",

package/src/admin-shell/collections/history.tsx

@@ -8,7 +8,13 @@
 
 import { useParams, useRouter, useRouterState } from '@tanstack/react-router'
 
-import { AdminTabs, renderFormatted, StatusBadge } from '@byline/admin/react'
+import {
+  AdminTabs,
+  renderFormatted,
+  StatusBadge,
+  tabPanelId,
+  tabTriggerId,
+} from '@byline/admin/react'
 import { useBylineAdminServices } from '@byline/admin/services'
 import type { CollectionAdminConfig, MultiCollectionDefinition, WorkflowStatus } from '@byline/core'
 import type { AnyCollectionSchemaTypes } from '@byline/core/zod-schemas'
@@ -31,6 +37,9 @@ import {
 import { ViewMenu } from './view-menu.js'
 import type { ContentLocaleOption } from './view-menu.js'
 
+/** Id prefix shared by the history tablist and the panels it controls. */
+const HISTORY_TABS_ID = 'collection-history'
+
 /** Resolve user fields before root document metadata such as status. */
 function getColumnValue(document: Record<string, unknown>, fieldName: string): unknown {
   if (document.fields && typeof document.fields === 'object' && fieldName in document.fields) {
@@ -251,6 +260,7 @@ export const HistoryView = ({
             />
           </div>
           <AdminTabs
+            idBase={HISTORY_TABS_ID}
             tabs={[
               { name: 'versions', label: t('collections.history.tabs.versions') },
               { name: 'document', label: t('collections.history.tabs.document') },
@@ -263,13 +273,24 @@ export const HistoryView = ({
       </Section>
 
       {activeTab === 'document' ? (
-        <DocumentHistoryView
-          data={
-            auditLog ?? { entries: [], meta: { total: 0, page: 1, pageSize: 0, totalPages: 0 } }
-          }
-        />
+        <div
+          role="tabpanel"
+          id={tabPanelId(HISTORY_TABS_ID, 'document')}
+          aria-labelledby={tabTriggerId(HISTORY_TABS_ID, 'document')}
+        >
+          <DocumentHistoryView
+            data={
+              auditLog ?? { entries: [], meta: { total: 0, page: 1, pageSize: 0, totalPages: 0 } }
+            }
+          />
+        </div>
       ) : (
-        <Section>
+        <Section
+          role="tabpanel"
+          id={tabPanelId(HISTORY_TABS_ID, 'versions')}
+          aria-labelledby={tabTriggerId(HISTORY_TABS_ID, 'versions')}
+          tabIndex={0}
+        >
           <Container>
             <VersionHistoryCore
               data={data as unknown as VersionHistoryData}

package/src/admin-shell/singletons/history.test.tsx

@@ -43,6 +43,8 @@ vi.mock('@byline/admin/react', () => ({
       ))}
     </div>
   ),
+  tabPanelId: (idBase: string, name: string) => `${idBase}-panel-${name}`,
+  tabTriggerId: (idBase: string, name: string) => `${idBase}-tab-${name}`,
   renderFormatted: (value: unknown) => String(value ?? ''),
   StatusBadge: ({ status }: { status: string }) => <span>{status}</span>,
   DiffModal: (props: Record<string, unknown>) => {