@byline/host-tanstack-start 2.5.2 → 2.6.0

package/dist/admin-shell/admin-roles/container.js

@@ -4,27 +4,30 @@ import { useState } from "react";
 import { useRouter } from "@tanstack/react-router";
 import { RolePermissions } from "@byline/admin/admin-roles/components/permissions";
 import { UpdateRole } from "@byline/admin/admin-roles/components/update";
-import { Button, CloseIcon, Drawer, IconButton, LocalDateTime, Modal, useToastManager } from "@byline/ui/react";
+import { LocalDateTime } from "@byline/admin/react";
+import { useTranslation } from "@byline/i18n/react";
+import { Button, CloseIcon, Drawer, IconButton, Modal, useToastManager } from "@byline/ui/react";
 import classnames from "classnames";
 import container_module from "./container.module.js";
 import { DeleteRole } from "./delete.js";
-const panels = {
+const panelMeta = {
     update: {
-        title: 'Role Details',
+        titleKey: 'adminRoles.detail.panels.update',
         component: UpdateRole
     },
     delete_role: {
-        title: 'Delete Admin Role',
+        titleKey: 'adminRoles.detail.panels.delete',
         component: DeleteRole
     },
     empty: {
-        title: '',
+        titleKey: null,
         component: ()=>null
     }
 };
 function RoleContainer({ role, registered, initialAbilities }) {
     const router = useRouter();
     const toastManager = useToastManager();
+    const { t } = useTranslation('byline-admin');
     const [currentRole, setCurrentRole] = useState(role);
     const [currentAbilities, setCurrentAbilities] = useState(initialAbilities);
     const [current, setCurrent] = useState('empty');
@@ -53,14 +56,19 @@ function RoleContainer({ role, registered, initialAbilities }) {
         setCurrentAbilities(response.abilities);
         router.invalidate();
         toastManager.add({
-            title: 'Permissions saved',
-            description: `${response.abilities.length} abilities granted to ${currentRole.name}.`,
+            title: t('adminRoles.detail.permissionsSavedToast'),
+            description: t("adminRoles.detail.permissionsSavedDescription", {
+                count: response.abilities.length,
+                role: currentRole.name
+            }),
             data: {
                 intent: 'success'
             }
         });
     };
-    const Panel = panels[current].component;
+    const Panel = panelMeta[current].component;
+    const panelTitleKey = panelMeta[current].titleKey;
+    const panelTitle = panelTitleKey ? t(panelTitleKey) : '';
     return /*#__PURE__*/ jsxs(Fragment, {
         children: [
             /*#__PURE__*/ jsxs("div", {
@@ -71,7 +79,7 @@ function RoleContainer({ role, registered, initialAbilities }) {
                         children: [
                             /*#__PURE__*/ jsx("h2", {
                                 className: classnames('byline-role-detail-title', container_module.title),
-                                children: "Role Details"
+                                children: t('adminRoles.detail.title')
                             }),
                             /*#__PURE__*/ jsxs("div", {
                                 className: classnames('byline-role-detail-actions', container_module.actions),
@@ -80,13 +88,13 @@ function RoleContainer({ role, registered, initialAbilities }) {
                                         size: "xs",
                                         intent: "secondary",
                                         onClick: openDrawer('update'),
-                                        children: "Edit Details"
+                                        children: t('adminRoles.detail.editDetailsButton')
                                     }),
                                     /*#__PURE__*/ jsx(Button, {
                                         size: "xs",
                                         intent: "danger",
                                         onClick: openModal('delete_role'),
-                                        children: "Delete Role"
+                                        children: t('adminRoles.detail.deleteButton')
                                     })
                                 ]
                             })
@@ -100,7 +108,7 @@ function RoleContainer({ role, registered, initialAbilities }) {
                                 children: [
                                     /*#__PURE__*/ jsx("span", {
                                         className: "muted",
-                                        children: "Name:"
+                                        children: t('adminRoles.detail.fields.name')
                                     }),
                                     " ",
                                     currentRole.name
@@ -111,9 +119,9 @@ function RoleContainer({ role, registered, initialAbilities }) {
                                 children: [
                                     /*#__PURE__*/ jsx("span", {
                                         className: "muted",
-                                        children: "Machine name:"
+                                        children: t('adminRoles.detail.fields.machineName')
                                     }),
-                                    " ",
+                                    ' ',
                                     currentRole.machine_name
                                 ]
                             }),
@@ -122,12 +130,12 @@ function RoleContainer({ role, registered, initialAbilities }) {
                                 children: [
                                     /*#__PURE__*/ jsx("span", {
                                         className: "muted",
-                                        children: "Description:"
+                                        children: t("adminRoles.detail.fields.description")
                                     }),
                                     ' ',
                                     currentRole.description ?? /*#__PURE__*/ jsx("span", {
                                         className: classnames('muted byline-role-detail-not-set', container_module.notSet),
-                                        children: "Not set"
+                                        children: t('common.notSet')
                                     })
                                 ]
                             })
@@ -139,9 +147,12 @@ function RoleContainer({ role, registered, initialAbilities }) {
                             /*#__PURE__*/ jsxs("p", {
                                 className: classnames('byline-role-detail-row', container_module.row),
                                 children: [
-                                    /*#__PURE__*/ jsx("span", {
+                                    /*#__PURE__*/ jsxs("span", {
                                         className: "font-bold",
-                                        children: "Created:\xa0"
+                                        children: [
+                                            t('adminRoles.detail.fields.created'),
+                                            "\xa0"
+                                        ]
                                     }),
                                     /*#__PURE__*/ jsx(LocalDateTime, {
                                         value: currentRole.created_at
@@ -151,9 +162,12 @@ function RoleContainer({ role, registered, initialAbilities }) {
                             /*#__PURE__*/ jsxs("p", {
                                 className: classnames('byline-role-detail-row', container_module.row),
                                 children: [
-                                    /*#__PURE__*/ jsx("span", {
+                                    /*#__PURE__*/ jsxs("span", {
                                         className: "font-bold",
-                                        children: "Updated:\xa0"
+                                        children: [
+                                            t('adminRoles.detail.fields.updated'),
+                                            "\xa0"
+                                        ]
                                     }),
                                     /*#__PURE__*/ jsx(LocalDateTime, {
                                         value: currentRole.updated_at
@@ -191,7 +205,7 @@ function RoleContainer({ role, registered, initialAbilities }) {
                                     children: "no action"
                                 }),
                                 /*#__PURE__*/ jsx(IconButton, {
-                                    "aria-label": "Close",
+                                    "aria-label": t('common.actions.close'),
                                     size: "sm",
                                     onClick: closeDrawer,
                                     children: /*#__PURE__*/ jsx(CloseIcon, {
@@ -204,7 +218,7 @@ function RoleContainer({ role, registered, initialAbilities }) {
                         }),
                         /*#__PURE__*/ jsx(Drawer.Header, {
                             children: /*#__PURE__*/ jsx("h2", {
-                                children: panels[current].title
+                                children: panelTitle
                             })
                         }),
                         /*#__PURE__*/ jsx(Drawer.Content, {
@@ -232,10 +246,10 @@ function RoleContainer({ role, registered, initialAbilities }) {
                             children: [
                                 /*#__PURE__*/ jsx("h3", {
                                     className: "m-0",
-                                    children: panels[current].title
+                                    children: panelTitle
                                 }),
                                 /*#__PURE__*/ jsx(IconButton, {
-                                    "aria-label": "Close",
+                                    "aria-label": t('common.actions.close'),
                                     size: "sm",
                                     onClick: closeModal,
                                     children: /*#__PURE__*/ jsx(CloseIcon, {

package/dist/admin-shell/admin-roles/delete.js

@@ -2,6 +2,7 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useState } from "react";
 import { useRouter } from "@tanstack/react-router";
+import { useTranslation } from "@byline/i18n/react";
 import { Alert, Button, LoaderEllipsis, Modal } from "@byline/ui/react";
 import classnames from "classnames";
 import { deleteAdminRole } from "../../server-fns/admin-roles/index.js";
@@ -10,6 +11,7 @@ import delete_module from "./delete.module.js";
 function DeleteRole({ role, onClose }) {
     const navigate = useNavigate();
     const router = useRouter();
+    const { t } = useTranslation('byline-admin');
     const [error, setError] = useState(null);
     const [pending, setPending] = useState(false);
     async function handleDelete() {
@@ -30,8 +32,8 @@ function DeleteRole({ role, onClose }) {
             });
         } catch (err) {
             const code = getErrorCode(err);
-            if ('admin.roles.versionConflict' === code) setError('This role has been modified elsewhere since you opened this dialog. Close and reload before trying again.');
-            else 'admin.roles.notFound' === code ? setError('This role has already been deleted.') : setError('Could not delete this role. Please try again.');
+            if ('admin.roles.versionConflict' === code) setError(t('adminRoles.delete.errors.versionConflict'));
+            else 'admin.roles.notFound' === code ? setError(t('adminRoles.delete.errors.notFound')) : setError(t('adminRoles.delete.errors.fallback'));
             setPending(false);
         }
     }
@@ -51,7 +53,7 @@ function DeleteRole({ role, onClose }) {
                         children: [
                             /*#__PURE__*/ jsx("span", {
                                 className: "muted",
-                                children: "Role:"
+                                children: t('adminRoles.delete.roleLabel')
                             }),
                             " ",
                             role.name
@@ -62,7 +64,7 @@ function DeleteRole({ role, onClose }) {
                         children: [
                             /*#__PURE__*/ jsx("span", {
                                 className: "muted",
-                                children: "Machine name:"
+                                children: t('adminRoles.delete.machineLabel')
                             }),
                             " ",
                             role.machine_name
@@ -70,7 +72,7 @@ function DeleteRole({ role, onClose }) {
                     }),
                     /*#__PURE__*/ jsx("p", {
                         className: classnames('byline-role-delete-warning', delete_module.warning),
-                        children: "This will permanently delete the role. Any users assigned to it lose the role; any per-role ability grants are removed. The action cannot be undone."
+                        children: t('adminRoles.delete.warning')
                     })
                 ]
             }),
@@ -84,7 +86,7 @@ function DeleteRole({ role, onClose }) {
                         onClick: onClose,
                         disabled: pending,
                         className: classnames('byline-role-delete-button', delete_module.button),
-                        children: "Cancel"
+                        children: t('common.actions.cancel')
                     }),
                     /*#__PURE__*/ jsx(Button, {
                         size: "sm",
@@ -94,7 +96,7 @@ function DeleteRole({ role, onClose }) {
                         className: classnames('byline-role-delete-button', delete_module.button),
                         children: true === pending ? /*#__PURE__*/ jsx(LoaderEllipsis, {
                             size: 42
-                        }) : 'Delete Role'
+                        }) : t('adminRoles.delete.confirmButton')
                     })
                 ]
             })

package/dist/admin-shell/admin-roles/list.js

@@ -3,7 +3,9 @@ import { jsx, jsxs } from "react/jsx-runtime";
 import { useEffect, useState } from "react";
 import { useRouter } from "@tanstack/react-router";
 import { CreateAdminRole } from "@byline/admin/admin-roles/components/create";
-import { Button, CloseIcon, Container, DraggableSortable, Drawer, GripperVerticalIcon, IconButton, LoaderEllipsis, LocalDateTime, PlusIcon, Section, Table, moveItem, useSortable, useToastManager } from "@byline/ui/react";
+import { LocalDateTime } from "@byline/admin/react";
+import { useTranslation } from "@byline/i18n/react";
+import { Button, CloseIcon, Container, DraggableSortable, Drawer, GripperVerticalIcon, IconButton, LoaderEllipsis, PlusIcon, Section, Table, moveItem, useSortable, useToastManager } from "@byline/ui/react";
 import classnames from "classnames";
 import { reorderAdminRoles } from "../../server-fns/admin-roles/reorder.js";
 import { Link } from "../chrome/loose-router.js";
@@ -16,6 +18,7 @@ function Stats({ total }) {
     });
 }
 const DraggableRow = ({ item, disabled })=>{
+    const { t } = useTranslation('byline-admin');
     const { attributes, isDragging, listeners, setNodeRef, transform, transition } = useSortable({
         id: item.id,
         disabled,
@@ -56,7 +59,7 @@ const DraggableRow = ({ item, disabled })=>{
             /*#__PURE__*/ jsx(Table.Cell, {
                 children: item.description ?? /*#__PURE__*/ jsx("span", {
                     className: classnames('muted byline-roles-list-not-set', list_module.notSet),
-                    children: "Not set"
+                    children: t('common.notSet')
                 })
             }),
             /*#__PURE__*/ jsx(Table.Cell, {
@@ -79,6 +82,7 @@ function padRows(value) {
 function AdminRolesListView({ data }) {
     const router = useRouter();
     const toastManager = useToastManager();
+    const { t } = useTranslation('byline-admin');
     const [items, setItems] = useState(data.roles);
     const [orderChanged, setOrderChanged] = useState(false);
     const [isSaving, setIsSaving] = useState(false);
@@ -95,7 +99,7 @@ function AdminRolesListView({ data }) {
         setIsCreateDrawerOpen(false);
         router.invalidate();
         toastManager.add({
-            title: 'Admin role created',
+            title: t('adminRoles.list.createdToastTitle'),
             description: created.name,
             data: {
                 intent: 'success'
@@ -121,7 +125,7 @@ function AdminRolesListView({ data }) {
             setOrderChanged(false);
             router.invalidate();
             toastManager.add({
-                title: 'Order saved',
+                title: t('adminRoles.list.orderSavedToast'),
                 data: {
                     intent: 'success'
                 }
@@ -130,8 +134,8 @@ function AdminRolesListView({ data }) {
             setItems(previousItems);
             setOrderChanged(false);
             toastManager.add({
-                title: 'Could not save the new order',
-                description: 'Please try again.',
+                title: t('adminRoles.list.orderFailedToast'),
+                description: t("adminRoles.list.orderFailedDescription"),
                 data: {
                     intent: 'danger'
                 }
@@ -149,13 +153,13 @@ function AdminRolesListView({ data }) {
                         children: [
                             /*#__PURE__*/ jsx("h1", {
                                 className: classnames('byline-roles-list-title', list_module.title),
-                                children: "Admin Roles"
+                                children: t('adminRoles.list.title')
                             }),
                             /*#__PURE__*/ jsx(Stats, {
                                 total: data.roles.length
                             }),
                             /*#__PURE__*/ jsx(IconButton, {
-                                "aria-label": "Create New Admin Role",
+                                "aria-label": t('adminRoles.list.createAriaLabel'),
                                 onClick: openCreateDrawer,
                                 children: /*#__PURE__*/ jsx(PlusIcon, {
                                     height: "18px",
@@ -167,7 +171,7 @@ function AdminRolesListView({ data }) {
                     }),
                     0 === items.length ? /*#__PURE__*/ jsx("div", {
                         className: classnames('byline-roles-list-empty', list_module.empty),
-                        children: "No admin roles found"
+                        children: t('adminRoles.list.empty')
                     }) : /*#__PURE__*/ jsx(DraggableSortable, {
                         ids: items.map((item)=>item.id),
                         onDragEnd: handleOnDragEnd,
@@ -184,19 +188,19 @@ function AdminRolesListView({ data }) {
                                                     }),
                                                     /*#__PURE__*/ jsx(Table.HeadingCell, {
                                                         className: classnames('byline-roles-list-col-name', list_module.colName),
-                                                        children: "Name"
+                                                        children: t('adminRoles.list.columns.name')
                                                     }),
                                                     /*#__PURE__*/ jsx(Table.HeadingCell, {
                                                         className: classnames('byline-roles-list-col-machine', list_module.colMachine),
-                                                        children: "Machine Name"
+                                                        children: t('adminRoles.list.columns.machineName')
                                                     }),
                                                     /*#__PURE__*/ jsx(Table.HeadingCell, {
                                                         className: classnames("byline-roles-list-col-description", list_module.colDescription),
-                                                        children: "Description"
+                                                        children: t("adminRoles.list.columns.description")
                                                     }),
                                                     /*#__PURE__*/ jsx(Table.HeadingCell, {
                                                         className: classnames('byline-roles-list-col-created', list_module.colCreated),
-                                                        children: "Created"
+                                                        children: t('adminRoles.list.columns.created')
                                                     })
                                                 ]
                                             })
@@ -229,7 +233,7 @@ function AdminRolesListView({ data }) {
                                         size: 30,
                                         color: "#aaaaaa"
                                     }) : /*#__PURE__*/ jsx("span", {
-                                        children: "Save Order"
+                                        children: t('adminRoles.list.saveOrder')
                                     })
                                 })
                             })
@@ -258,7 +262,7 @@ function AdminRolesListView({ data }) {
                                     children: "no action"
                                 }),
                                 /*#__PURE__*/ jsx(IconButton, {
-                                    "aria-label": "Close",
+                                    "aria-label": t('common.actions.close'),
                                     size: "sm",
                                     onClick: closeCreateDrawer,
                                     children: /*#__PURE__*/ jsx(CloseIcon, {
@@ -271,7 +275,7 @@ function AdminRolesListView({ data }) {
                         }),
                         /*#__PURE__*/ jsx(Drawer.Header, {
                             children: /*#__PURE__*/ jsx("h2", {
-                                children: "New Admin Role"
+                                children: t('adminRoles.list.newDrawerTitle')
                             })
                         }),
                         /*#__PURE__*/ jsx(Drawer.Content, {