@simmalugnt-se/payload-content-health 0.10.2 → 0.10.3

package/CHANGELOG.md

@@ -1,5 +1,10 @@
 # Changelog
 
+## 0.10.3
+
+- The work list's labels (documents, language, draft) are Payload's own pills, so they follow
+  Admin's theme.
+
 ## 0.10.2
 
 - The assistant's findings name checks and categories as the work list does, in the editor's chat

package/dist/styles/view.css

@@ -240,19 +240,6 @@
   font-size: 0.9em;
 }
 
-.content-health-list__pill {
-  padding: 0 calc(var(--base) * 0.3);
-  border-radius: var(--style-radius-s);
-  background: var(--theme-elevation-100);
-  color: var(--theme-elevation-800);
-  font-size: 0.8em;
-  text-transform: uppercase;
-}
-
-.content-health-list__pill--draft {
-  text-transform: none;
-}
-
 .content-health-list__empty {
   margin: 0;
   padding: var(--base) 0;

package/dist/view/WorkList.js

@@ -1,6 +1,6 @@
 "use client";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Button, Link, ReactSelect } from "@payloadcms/ui";
+import { Button, Link, Pill, ReactSelect } from "@payloadcms/ui";
 import { useId, useMemo, useState } from "react";
 import { categoryOf } from "../categories.js";
 import { LIST_COPY } from "../copy.js";
@@ -59,7 +59,7 @@ function Section({ adminRoute, ask, copy, filters, rows, }) {
     const batchHref = ask && targets.length > 1
         ? batchURL(adminRoute, { ...filters, check }, targets, ask)
         : undefined;
-    return (_jsxs("section", { className: "content-health-list__section", children: [_jsxs("header", { className: "content-health-list__section-head", children: [_jsx("h2", { children: rows[0]?.checkLabel }), _jsx("span", { className: "content-health-list__pill", children: copy.documents(documents) }), batchHref ? (_jsx(Button, { buttonStyle: "secondary", className: "content-health-list__batch", el: "link", margin: false, size: "small", url: batchHref, children: copy.fixMany(Math.min(targets.length, MAX_BATCH_TARGETS), targets.length) })) : null] }), !BATCH_CHECKS[check] && rows.some((row) => row.askHref) ? (_jsx("p", { className: "content-health-list__detail", children: copy.individualFix })) : null, _jsx("ul", { className: "content-health-list__items", children: rows.map((row) => (_jsxs("li", { className: "content-health-list__item", children: [_jsx(Link, { href: row.href, prefetch: false, children: row.title }), row.locale ? _jsx("span", { className: "content-health-list__pill", children: row.locale }) : null, row.draft ? (_jsx("span", { className: "content-health-list__pill content-health-list__pill--draft", children: copy.draft })) : null, row.detail ? _jsx("span", { className: "content-health-list__detail", children: row.detail }) : null, row.askHref ? (_jsx(Link, { className: "content-health-list__fix", href: row.askHref, prefetch: false, children: copy.fix })) : null] }, row.key))) })] }));
+    return (_jsxs("section", { className: "content-health-list__section", children: [_jsxs("header", { className: "content-health-list__section-head", children: [_jsx("h2", { children: rows[0]?.checkLabel }), _jsx(Pill, { pillStyle: "light-gray", size: "small", children: copy.documents(documents) }), batchHref ? (_jsx(Button, { buttonStyle: "secondary", className: "content-health-list__batch", el: "link", margin: false, size: "small", url: batchHref, children: copy.fixMany(Math.min(targets.length, MAX_BATCH_TARGETS), targets.length) })) : null] }), !BATCH_CHECKS[check] && rows.some((row) => row.askHref) ? (_jsx("p", { className: "content-health-list__detail", children: copy.individualFix })) : null, _jsx("ul", { className: "content-health-list__items", children: rows.map((row) => (_jsxs("li", { className: "content-health-list__item", children: [_jsx(Link, { href: row.href, prefetch: false, children: row.title }), row.locale ? (_jsx(Pill, { pillStyle: "light-gray", size: "small", children: row.locale.toUpperCase() })) : null, row.draft ? (_jsx(Pill, { pillStyle: "warning", size: "small", children: copy.draft })) : null, row.detail ? _jsx("span", { className: "content-health-list__detail", children: row.detail }) : null, row.askHref ? (_jsx(Link, { className: "content-health-list__fix", href: row.askHref, prefetch: false, children: copy.fix })) : null] }, row.key))) })] }));
 }
 function Filter({ all, label, onChange, options, value, }) {
     const inputId = useId();

package/dist/widget/ContentHealthWidget.js

@@ -30,6 +30,7 @@ export async function ContentHealthWidget({ req, widgetData }) {
     const failing = stats.reduce((sum, stat) => sum + stat.failing, 0);
     const documents = Object.values(result.documents).reduce((sum, count) => sum + count, 0);
     const adminRoute = req.payload.config.routes.admin;
+    // A panel of our own: Payload's `Card` is a link to one collection, not a summary with categories.
     return (_jsxs("section", { className: "content-health", children: [_jsx("h2", { className: "content-health__heading", children: copy.title }), _jsxs("div", { className: "content-health__panel", children: [_jsxs("div", { className: "content-health__overview", children: [_jsx(Ring, { className: "content-health__ring", failing: failing, label: copy.ok(total - failing, total), total: total }), _jsxs("div", { className: "content-health__overview-text", children: [_jsx("p", { className: "content-health__overall", children: copy.overall }), _jsx("p", { className: "content-health__summary", children: result.findings.length
                                             ? copy.summary(countDocuments(result.findings), documents)
                                             : copy.allGood })] }), _jsx(Button, { buttonStyle: "secondary", el: "link", margin: false, size: "small", url: listURL(adminRoute), children: copy.openDetails })] }), _jsx("ul", { className: "content-health__categories", children: categories.map((stat) => (_jsx(CategoryRow, { adminRoute: adminRoute, language: language, stat: stat }, stat.category))) }), result.problems.length ? (_jsxs("div", { className: "content-health__problems", children: [_jsx("p", { children: copy.problems }), _jsx("ul", { children: result.problems.map((problem) => (_jsx("li", { children: problem }, problem))) })] })) : null] })] }));

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@simmalugnt-se/payload-content-health",
-  "version": "0.10.2",
+  "version": "0.10.3",
   "description": "Content health checks and dashboard widgets for Payload Admin: alt texts, SEO fields and more",
   "keywords": [
     "payload",