@payloadcms/ui 4.0.0-internal.77191e5 → 4.0.0-internal.7b53b6d

package/dist/widgets/Activity/components/StatusPill/index.js

@@ -0,0 +1,18 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import React from 'react';
+import './index.css';
+const baseClass = 'activity-status-pill';
+export function StatusPill({
+  isChanged = false,
+  isDraft = false,
+  label
+}) {
+  if (!label) {
+    return null;
+  }
+  return /*#__PURE__*/_jsx("span", {
+    className: [baseClass, isDraft ? `${baseClass}--draft` : isChanged && `${baseClass}--changed`].filter(Boolean).join(' '),
+    children: label
+  });
+}
+//# sourceMappingURL=index.js.map

package/dist/widgets/Activity/components/StatusPill/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["React","baseClass","StatusPill","isChanged","isDraft","label","_jsx","className","filter","Boolean","join"],"sources":["../../../../../src/widgets/Activity/components/StatusPill/index.tsx"],"sourcesContent":["import React from 'react'\n\nimport './index.css'\n\nconst baseClass = 'activity-status-pill'\n\nexport function StatusPill({\n  isChanged = false,\n  isDraft = false,\n  label,\n}: {\n  isChanged?: boolean\n  isDraft?: boolean\n  label?: string\n}) {\n  if (!label) {\n    return null\n  }\n\n  return (\n    <span\n      className={[baseClass, isDraft ? `${baseClass}--draft` : isChanged && `${baseClass}--changed`]\n        .filter(Boolean)\n        .join(' ')}\n    >\n      {label}\n    </span>\n  )\n}\n"],"mappings":";AAAA,OAAOA,KAAA,MAAW;AAElB,OAAO;AAEP,MAAMC,SAAA,GAAY;AAElB,OAAO,SAASC,WAAW;EACzBC,SAAA,GAAY,KAAK;EACjBC,OAAA,GAAU,KAAK;EACfC;AAAK,CAKN;EACC,IAAI,CAACA,KAAA,EAAO;IACV,OAAO;EACT;EAEA,oBACEC,IAAA,CAAC;IACCC,SAAA,EAAW,CAACN,SAAA,EAAWG,OAAA,GAAU,GAAGH,SAAA,SAAkB,GAAGE,SAAA,IAAa,GAAGF,SAAA,WAAoB,CAAC,CAC3FO,MAAM,CAACC,OAAA,EACPC,IAAI,CAAC;cAEPL;;AAGP","ignoreList":[]}

package/dist/widgets/Activity/index.client.d.ts

@@ -0,0 +1,15 @@
+import React from 'react';
+import type { Labels } from './types.js';
+import type { ActivityDocumentsPage, ActivityDocumentType } from './utils/getActivityWidgetDocs.js';
+import './index.css';
+/**
+ * @internal - may change or be removed without a major version bump
+ */
+export declare function ActivityWidgetClient({ excludedCollections, initialPages, labels, pinnableCollections, pinsURL, }: {
+    excludedCollections?: string[];
+    initialPages?: Partial<Record<ActivityDocumentType, ActivityDocumentsPage>>;
+    labels: Labels;
+    pinnableCollections: string[];
+    pinsURL: string;
+}): React.JSX.Element;
+//# sourceMappingURL=index.client.d.ts.map

package/dist/widgets/Activity/index.client.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.client.d.ts","sourceRoot":"","sources":["../../../src/widgets/Activity/index.client.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAkC,MAAM,OAAO,CAAA;AAEtD,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,YAAY,CAAA;AACxC,OAAO,KAAK,EAAE,qBAAqB,EAAE,oBAAoB,EAAE,MAAM,kCAAkC,CAAA;AAWnG,OAAO,aAAa,CAAA;AAQpB;;GAEG;AACH,wBAAgB,oBAAoB,CAAC,EACnC,mBAAmB,EACnB,YAAY,EACZ,MAAM,EACN,mBAAmB,EACnB,OAAO,GACR,EAAE;IACD,mBAAmB,CAAC,EAAE,MAAM,EAAE,CAAA;IAC9B,YAAY,CAAC,EAAE,OAAO,CAAC,MAAM,CAAC,oBAAoB,EAAE,qBAAqB,CAAC,CAAC,CAAA;IAC3E,MAAM,EAAE,MAAM,CAAA;IACd,mBAAmB,EAAE,MAAM,EAAE,CAAA;IAC7B,OAAO,EAAE,MAAM,CAAA;CAChB,qBAmJA"}

package/dist/widgets/Activity/index.client.js

@@ -0,0 +1,186 @@
+'use client';
+
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React, { useId, useRef, useState } from 'react';
+import { Button } from '../../elements/Button/index.js';
+import { WidgetCard } from '../WidgetCard/index.js';
+import { Pagination } from './components/Pagination/index.js';
+import { PinnedDocuments } from './Tabs/PinnedDocuments/index.js';
+import { usePinnedDocuments } from './Tabs/PinnedDocuments/usePinnedDocuments.js';
+import { RecentDocuments } from './Tabs/RecentDocuments/index.js';
+import { DOCUMENTS_BATCH_SIZE } from './utils/constants.js';
+import { useActivityDocuments } from './utils/useActivityDocuments.js';
+import { usePageSize } from './utils/usePageSize.js';
+import './index.css';
+/**
+ * @internal - may change or be removed without a major version bump
+ */
+export function ActivityWidgetClient({
+  excludedCollections,
+  initialPages,
+  labels,
+  pinnableCollections,
+  pinsURL
+}) {
+  const listID = useId();
+  const viewportRef = useRef(null);
+  const pinnedTabRef = useRef(null);
+  const recentsTabRef = useRef(null);
+  const paginationFocusRef = useRef(false);
+  const [view, setView] = useState(() => ({
+    offset: 0,
+    tab: initialPages?.pinned?.totalDocs ? 'pinned' : 'recents'
+  }));
+  const [previousInitialPages, setPreviousInitialPages] = useState(initialPages);
+  const pageSize = usePageSize({
+    paginationFocusRef,
+    viewportRef
+  });
+  // Until the CSS page size is read, render a full batch and let the CSS tiers hide the overflow.
+  const windowSize = pageSize ?? DOCUMENTS_BATCH_SIZE;
+  const canAddPin = pinnableCollections.length > 0;
+  if (previousInitialPages !== initialPages) {
+    setPreviousInitialPages(initialPages);
+    setView({
+      offset: 0,
+      tab: view.tab
+    });
+  }
+  const focusPinnedTab = () => pinnedTabRef.current?.focus();
+  const focusActiveTab = () => (view.tab === 'pinned' ? pinnedTabRef : recentsTabRef).current?.focus();
+  const pinned = usePinnedDocuments({
+    canAddPin,
+    initialPage: initialPages?.pinned,
+    isActive: view.tab === 'pinned',
+    offset: view.tab === 'pinned' ? view.offset : 0,
+    onFocusTab: focusPinnedTab,
+    onPinAdded: () => setView({
+      offset: 0,
+      tab: 'pinned'
+    }),
+    pageSize: windowSize,
+    pinsURL
+  });
+  const recents = useActivityDocuments({
+    type: 'recents',
+    excludedCollections,
+    initialPage: initialPages?.recents,
+    isActive: view.tab === 'recents',
+    offset: view.tab === 'recents' ? view.offset : 0,
+    pageSize: windowSize
+  });
+  const documents = view.tab === 'pinned' ? pinned : recents;
+  const hasPinPlaceholder = view.tab === 'pinned' && canAddPin;
+  const loadError = documents.hasLoadError ? labels.loadError : '';
+  const saveError = view.tab === 'pinned' && pinned.hasSaveError ? labels.pinnedSaveError : '';
+  const selectTab = ({
+    tab
+  }) => {
+    if (pinned.isSaving) {
+      return;
+    }
+    paginationFocusRef.current = false;
+    if (view.tab === tab && documents.currentPage === 1) {
+      if (documents.hasLoadError) {
+        documents.retry();
+      }
+      return;
+    }
+    setView({
+      offset: 0,
+      tab
+    });
+  };
+  return /*#__PURE__*/_jsxs(WidgetCard, {
+    className: "activity-widget",
+    title: labels.title,
+    children: [/*#__PURE__*/_jsxs("div", {
+      className: "activity-widget__toolbar",
+      children: [/*#__PURE__*/_jsx("div", {
+        "aria-label": labels.title,
+        className: "activity-widget__tabs",
+        role: "group",
+        children: ['pinned', 'recents'].map(tab_0 => /*#__PURE__*/_jsx("button", {
+          "aria-pressed": view.tab === tab_0,
+          className: "activity-widget__tab",
+          onClick: () => selectTab({
+            tab: tab_0
+          }),
+          ref: tab_0 === 'pinned' ? pinnedTabRef : recentsTabRef,
+          type: "button",
+          children: tab_0 === 'recents' ? labels.recents : labels.pinned
+        }, tab_0))
+      }), /*#__PURE__*/_jsx(Pagination, {
+        consumeFocusRequest: () => {
+          const shouldRestoreFocus = paginationFocusRef.current;
+          paginationFocusRef.current = false;
+          return shouldRestoreFocus;
+        },
+        hasPinPlaceholder: hasPinPlaceholder,
+        isDisabled: documents.isBusy || pinned.isSaving,
+        labels: labels,
+        listID: listID,
+        offset: documents.start,
+        onFocusTab: focusActiveTab,
+        onPageChange: ({
+          offset
+        }) => {
+          paginationFocusRef.current = true;
+          setView({
+            offset,
+            tab: view.tab
+          });
+        },
+        pageSize: pageSize,
+        totalDocs: documents.totalDocs
+      })]
+    }), /*#__PURE__*/_jsxs("div", {
+      "aria-busy": documents.isBusy,
+      className: "activity-widget__viewport",
+      "data-item-count": documents.totalDocs + Number(hasPinPlaceholder),
+      ref: viewportRef,
+      children: [loadError ? /*#__PURE__*/_jsxs("div", {
+        className: "activity-widget__error",
+        children: [/*#__PURE__*/_jsx("span", {
+          children: loadError
+        }), /*#__PURE__*/_jsx(Button, {
+          buttonStyle: "secondary",
+          margin: false,
+          onClick: () => {
+            focusActiveTab();
+            documents.retry();
+          },
+          size: "medium",
+          type: "button",
+          children: labels.retry
+        })]
+      }) : view.tab === 'pinned' ? /*#__PURE__*/_jsx(PinnedDocuments, {
+        canAddPin: canAddPin,
+        documents: pinned,
+        labels: labels,
+        listID: listID,
+        pinnableCollections: pinnableCollections,
+        pinsURL: pinsURL
+      }) : /*#__PURE__*/_jsx(RecentDocuments, {
+        documents: recents,
+        labels: labels,
+        listID: listID
+      }), saveError && !loadError ? /*#__PURE__*/_jsx("span", {
+        "aria-hidden": "true",
+        className: "activity-widget__save-error",
+        children: saveError
+      }) : null, /*#__PURE__*/_jsx("span", {
+        "aria-hidden": "true",
+        className: "activity-widget__loading",
+        children: documents.shouldShowLoading ? /*#__PURE__*/_jsx("span", {
+          children: labels.loading
+        }) : null
+      })]
+    }), /*#__PURE__*/_jsx("span", {
+      "aria-live": "polite",
+      className: "activity-widget__status sr-only",
+      children: saveError || loadError || (documents.shouldShowLoading ? labels.loading : '')
+    })]
+  });
+}
+//# sourceMappingURL=index.client.js.map

package/dist/widgets/Activity/index.client.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.client.js","names":["React","useId","useRef","useState","Button","WidgetCard","Pagination","PinnedDocuments","usePinnedDocuments","RecentDocuments","DOCUMENTS_BATCH_SIZE","useActivityDocuments","usePageSize","ActivityWidgetClient","excludedCollections","initialPages","labels","pinnableCollections","pinsURL","listID","viewportRef","pinnedTabRef","recentsTabRef","paginationFocusRef","view","setView","offset","tab","pinned","totalDocs","previousInitialPages","setPreviousInitialPages","pageSize","windowSize","canAddPin","length","focusPinnedTab","current","focus","focusActiveTab","initialPage","isActive","onFocusTab","onPinAdded","recents","type","documents","hasPinPlaceholder","loadError","hasLoadError","saveError","hasSaveError","pinnedSaveError","selectTab","isSaving","currentPage","retry","_jsxs","className","title","_jsx","role","map","onClick","ref","consumeFocusRequest","shouldRestoreFocus","isDisabled","isBusy","start","onPageChange","Number","buttonStyle","margin","size","shouldShowLoading","loading"],"sources":["../../../src/widgets/Activity/index.client.tsx"],"sourcesContent":["'use client'\n\nimport React, { useId, useRef, useState } from 'react'\n\nimport type { Labels } from './types.js'\nimport type { ActivityDocumentsPage, ActivityDocumentType } from './utils/getActivityWidgetDocs.js'\n\nimport { Button } from '../../elements/Button/index.js'\nimport { WidgetCard } from '../WidgetCard/index.js'\nimport { Pagination } from './components/Pagination/index.js'\nimport { PinnedDocuments } from './Tabs/PinnedDocuments/index.js'\nimport { usePinnedDocuments } from './Tabs/PinnedDocuments/usePinnedDocuments.js'\nimport { RecentDocuments } from './Tabs/RecentDocuments/index.js'\nimport { DOCUMENTS_BATCH_SIZE } from './utils/constants.js'\nimport { useActivityDocuments } from './utils/useActivityDocuments.js'\nimport { usePageSize } from './utils/usePageSize.js'\nimport './index.css'\n\ntype View = {\n  /** Index of a document on the current page. Pages are derived from it for the current page size. */\n  offset: number\n  tab: ActivityDocumentType\n}\n\n/**\n * @internal - may change or be removed without a major version bump\n */\nexport function ActivityWidgetClient({\n  excludedCollections,\n  initialPages,\n  labels,\n  pinnableCollections,\n  pinsURL,\n}: {\n  excludedCollections?: string[]\n  initialPages?: Partial<Record<ActivityDocumentType, ActivityDocumentsPage>>\n  labels: Labels\n  pinnableCollections: string[]\n  pinsURL: string\n}) {\n  const listID = useId()\n  const viewportRef = useRef<HTMLDivElement>(null)\n  const pinnedTabRef = useRef<HTMLButtonElement>(null)\n  const recentsTabRef = useRef<HTMLButtonElement>(null)\n  const paginationFocusRef = useRef(false)\n  const [view, setView] = useState<View>(() => ({\n    offset: 0,\n    tab: initialPages?.pinned?.totalDocs ? 'pinned' : 'recents',\n  }))\n  const [previousInitialPages, setPreviousInitialPages] = useState(initialPages)\n  const pageSize = usePageSize({ paginationFocusRef, viewportRef })\n  // Until the CSS page size is read, render a full batch and let the CSS tiers hide the overflow.\n  const windowSize = pageSize ?? DOCUMENTS_BATCH_SIZE\n  const canAddPin = pinnableCollections.length > 0\n\n  if (previousInitialPages !== initialPages) {\n    setPreviousInitialPages(initialPages)\n    setView({ offset: 0, tab: view.tab })\n  }\n\n  const focusPinnedTab = () => pinnedTabRef.current?.focus()\n  const focusActiveTab = () =>\n    (view.tab === 'pinned' ? pinnedTabRef : recentsTabRef).current?.focus()\n  const pinned = usePinnedDocuments({\n    canAddPin,\n    initialPage: initialPages?.pinned,\n    isActive: view.tab === 'pinned',\n    offset: view.tab === 'pinned' ? view.offset : 0,\n    onFocusTab: focusPinnedTab,\n    onPinAdded: () => setView({ offset: 0, tab: 'pinned' }),\n    pageSize: windowSize,\n    pinsURL,\n  })\n  const recents = useActivityDocuments({\n    type: 'recents',\n    excludedCollections,\n    initialPage: initialPages?.recents,\n    isActive: view.tab === 'recents',\n    offset: view.tab === 'recents' ? view.offset : 0,\n    pageSize: windowSize,\n  })\n  const documents = view.tab === 'pinned' ? pinned : recents\n  const hasPinPlaceholder = view.tab === 'pinned' && canAddPin\n  const loadError = documents.hasLoadError ? labels.loadError : ''\n  const saveError = view.tab === 'pinned' && pinned.hasSaveError ? labels.pinnedSaveError : ''\n\n  const selectTab = ({ tab }: { tab: ActivityDocumentType }) => {\n    if (pinned.isSaving) {\n      return\n    }\n    paginationFocusRef.current = false\n    if (view.tab === tab && documents.currentPage === 1) {\n      if (documents.hasLoadError) {\n        documents.retry()\n      }\n      return\n    }\n    setView({ offset: 0, tab })\n  }\n\n  return (\n    <WidgetCard className=\"activity-widget\" title={labels.title}>\n      <div className=\"activity-widget__toolbar\">\n        <div aria-label={labels.title} className=\"activity-widget__tabs\" role=\"group\">\n          {(['pinned', 'recents'] as const).map((tab) => (\n            <button\n              aria-pressed={view.tab === tab}\n              className=\"activity-widget__tab\"\n              key={tab}\n              onClick={() => selectTab({ tab })}\n              ref={tab === 'pinned' ? pinnedTabRef : recentsTabRef}\n              type=\"button\"\n            >\n              {tab === 'recents' ? labels.recents : labels.pinned}\n            </button>\n          ))}\n        </div>\n        <Pagination\n          consumeFocusRequest={() => {\n            const shouldRestoreFocus = paginationFocusRef.current\n\n            paginationFocusRef.current = false\n            return shouldRestoreFocus\n          }}\n          hasPinPlaceholder={hasPinPlaceholder}\n          isDisabled={documents.isBusy || pinned.isSaving}\n          labels={labels}\n          listID={listID}\n          offset={documents.start}\n          onFocusTab={focusActiveTab}\n          onPageChange={({ offset }) => {\n            paginationFocusRef.current = true\n            setView({ offset, tab: view.tab })\n          }}\n          pageSize={pageSize}\n          totalDocs={documents.totalDocs}\n        />\n      </div>\n      <div\n        aria-busy={documents.isBusy}\n        className=\"activity-widget__viewport\"\n        data-item-count={documents.totalDocs + Number(hasPinPlaceholder)}\n        ref={viewportRef}\n      >\n        {loadError ? (\n          <div className=\"activity-widget__error\">\n            <span>{loadError}</span>\n            <Button\n              buttonStyle=\"secondary\"\n              margin={false}\n              onClick={() => {\n                focusActiveTab()\n                documents.retry()\n              }}\n              size=\"medium\"\n              type=\"button\"\n            >\n              {labels.retry}\n            </Button>\n          </div>\n        ) : view.tab === 'pinned' ? (\n          <PinnedDocuments\n            canAddPin={canAddPin}\n            documents={pinned}\n            labels={labels}\n            listID={listID}\n            pinnableCollections={pinnableCollections}\n            pinsURL={pinsURL}\n          />\n        ) : (\n          <RecentDocuments documents={recents} labels={labels} listID={listID} />\n        )}\n        {saveError && !loadError ? (\n          <span aria-hidden=\"true\" className=\"activity-widget__save-error\">\n            {saveError}\n          </span>\n        ) : null}\n        <span aria-hidden=\"true\" className=\"activity-widget__loading\">\n          {documents.shouldShowLoading ? <span>{labels.loading}</span> : null}\n        </span>\n      </div>\n      <span aria-live=\"polite\" className=\"activity-widget__status sr-only\">\n        {saveError || loadError || (documents.shouldShowLoading ? labels.loading : '')}\n      </span>\n    </WidgetCard>\n  )\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/widgets/Activity/index.css

@@ -0,0 +1,320 @@
+@layer payload-default {
+  .activity-widget,
+  .activity-widget__pin-picker {
+    --activity-text-secondary: color-mix(
+      in srgb,
+      var(--color-text-secondary) 75%,
+      var(--color-text)
+    );
+  }
+
+  .card.widget-card.activity-widget {
+    container-type: inline-size;
+    gap: var(--spacer-3);
+    height: auto;
+    max-height: none;
+    overflow: visible;
+    padding: 0;
+    border: 0;
+    border-radius: 0;
+    background: var(--color-bg);
+  }
+
+  .activity-widget .widget-card__header {
+    position: absolute;
+    width: calc(var(--spacer-1) / 4);
+    height: calc(var(--spacer-1) / 4);
+    overflow: hidden;
+    clip-path: inset(50%);
+    white-space: nowrap;
+  }
+
+  .activity-widget__toolbar,
+  .activity-widget__tabs {
+    display: flex;
+    align-items: center;
+  }
+
+  .activity-widget__toolbar {
+    justify-content: space-between;
+    gap: var(--spacer-2);
+    flex-wrap: wrap;
+    align-content: flex-start;
+    /* Reserve the second toolbar row when pagination wraps on narrow widgets. */
+    min-block-size: calc(var(--spacer-4) * 2 + var(--spacer-2));
+  }
+
+  .activity-widget__tabs {
+    gap: var(--spacer-1);
+    flex-wrap: wrap;
+  }
+
+  .activity-widget__tab {
+    min-height: var(--spacer-4);
+    padding-inline: var(--spacer-2);
+    border: 0;
+    border-radius: var(--radius-medium);
+    background: transparent;
+    color: var(--activity-text-secondary);
+    cursor: pointer;
+    font-family: var(--text-body-medium-font-family);
+    font-size: var(--text-body-medium-font-size);
+    line-height: var(--text-body-medium-line-height);
+    white-space: nowrap;
+  }
+
+  .activity-widget__tab[aria-pressed='true'] {
+    background: var(--color-bg-secondary);
+    color: var(--color-text);
+    font-weight: var(--text-body-medium-strong-font-weight);
+  }
+
+  .activity-widget__viewport {
+    /* Read by the client for pagination. Must equal columns * rows in every tier, except for single-row tabs below. */
+    --activity-page-size: 4;
+    --activity-columns: 2;
+    --activity-rows: 2;
+    /* Match the thumbnail, two text lines, padding, metadata gap, borders, and divider. */
+    --activity-row-height: max(
+      calc(var(--spacer-6) * 5),
+      calc(
+        var(--activity-thumbnail-height) +
+          (var(--text-body-medium-line-height) + var(--spacer-2-5)) * 2 + var(--spacer-1) +
+          var(--stroke-width-small) * 3
+      )
+    );
+    --activity-thumbnail-height: calc(var(--spacer-6) * 3.5 - var(--stroke-width-small) * 2);
+    --activity-content-height: calc(
+      var(--activity-row-height) * var(--activity-rows) + var(--spacer-3) *
+        (var(--activity-rows) - 1)
+    );
+    display: grid;
+    grid-template-columns: repeat(var(--activity-columns), minmax(0, 1fr));
+    gap: var(--spacer-3);
+    min-block-size: var(--activity-content-height);
+    position: relative;
+  }
+
+  /*
+   * A tab whose items all fit in one row only reserves one row. `data-item-count` is the tab total,
+   * not the current page, so paging never changes the height. The page size stays columns * 2,
+   * which still fits every item on one page.
+   */
+  .activity-widget__viewport:is(
+    [data-item-count='0'],
+    [data-item-count='1'],
+    [data-item-count='2']
+  ) {
+    --activity-rows: 1;
+  }
+
+  /*
+   * The server renders a full batch before the page size is known, so each tier hides the cards
+   * past its page size. Items 1-4 are visible in every tier.
+   */
+  .activity-widget__item:nth-child(n + 5) {
+    display: none;
+  }
+
+  .activity-widget__pagination[data-page-size] {
+    display: none;
+  }
+
+  .activity-widget__pagination[data-page-size='4'] {
+    display: flex;
+  }
+
+  .activity-widget__error {
+    position: absolute;
+    inset: 0;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+    gap: var(--spacer-3);
+    padding: var(--spacer-3);
+    text-align: center;
+  }
+
+  .activity-widget__save-error {
+    position: absolute;
+    inset-block-start: var(--spacer-3);
+    inset-inline: var(--spacer-3);
+    padding: var(--spacer-2);
+    border-radius: var(--radius-medium);
+    background: var(--color-bg);
+  }
+
+  .activity-widget__loading {
+    position: absolute;
+    inset: 0;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    pointer-events: none;
+  }
+
+  .activity-widget__loading > span {
+    padding: var(--spacer-2);
+    background: var(--color-bg);
+  }
+
+  .activity-widget__loading:empty {
+    display: none;
+  }
+
+  .activity-widget__tab:focus-visible {
+    outline: var(--accessibility-outline);
+    outline-offset: var(--accessibility-outline-offset);
+  }
+
+  @container (min-width: 400px) {
+    .activity-widget__toolbar {
+      min-block-size: var(--spacer-4);
+    }
+  }
+
+  @container (min-width: 600px) {
+    .activity-widget__viewport {
+      --activity-page-size: 6;
+      --activity-columns: 3;
+    }
+
+    .activity-widget__viewport[data-item-count='3'] {
+      --activity-rows: 1;
+    }
+
+    .activity-widget__item:nth-child(n + 5) {
+      display: block;
+    }
+
+    .activity-widget__item:nth-child(n + 7) {
+      display: none;
+    }
+
+    .activity-widget__pagination[data-page-size] {
+      display: none;
+    }
+
+    .activity-widget__pagination[data-page-size='6'] {
+      display: flex;
+    }
+  }
+
+  /*
+   * From 800px the grid is a single row of columns at least 180px wide with 16px gaps, so N columns
+   * fit from a container width of 196N - 16px. Explicit tiers keep the column count known to CSS.
+   */
+  @container (min-width: 800px) {
+    .activity-widget__viewport {
+      --activity-page-size: 4;
+      --activity-columns: 4;
+      --activity-rows: 1;
+      --activity-row-height: calc(var(--spacer-6) * 5 + var(--spacer-4));
+    }
+
+    .activity-widget__item:nth-child(n + 5) {
+      display: none;
+    }
+
+    .activity-widget__pagination[data-page-size] {
+      display: none;
+    }
+
+    .activity-widget__pagination[data-page-size='4'] {
+      display: flex;
+    }
+  }
+
+  @container (min-width: 964px) {
+    .activity-widget__viewport {
+      --activity-page-size: 5;
+      --activity-columns: 5;
+    }
+
+    .activity-widget__item:nth-child(n + 5) {
+      display: block;
+    }
+
+    .activity-widget__item:nth-child(n + 6) {
+      display: none;
+    }
+
+    .activity-widget__pagination[data-page-size] {
+      display: none;
+    }
+
+    .activity-widget__pagination[data-page-size='5'] {
+      display: flex;
+    }
+  }
+
+  @container (min-width: 1160px) {
+    .activity-widget__viewport {
+      --activity-page-size: 6;
+      --activity-columns: 6;
+    }
+
+    .activity-widget__item:nth-child(n + 5) {
+      display: block;
+    }
+
+    .activity-widget__item:nth-child(n + 7) {
+      display: none;
+    }
+
+    .activity-widget__pagination[data-page-size] {
+      display: none;
+    }
+
+    .activity-widget__pagination[data-page-size='6'] {
+      display: flex;
+    }
+  }
+
+  @container (min-width: 1356px) {
+    .activity-widget__viewport {
+      --activity-page-size: 7;
+      --activity-columns: 7;
+    }
+
+    .activity-widget__item:nth-child(n + 5) {
+      display: block;
+    }
+
+    .activity-widget__item:nth-child(n + 8) {
+      display: none;
+    }
+
+    .activity-widget__pagination[data-page-size] {
+      display: none;
+    }
+
+    .activity-widget__pagination[data-page-size='7'] {
+      display: flex;
+    }
+  }
+
+  @container (min-width: 1552px) {
+    .activity-widget__viewport {
+      --activity-page-size: 8;
+      --activity-columns: 8;
+    }
+
+    .activity-widget__item:nth-child(n + 5) {
+      display: block;
+    }
+
+    .activity-widget__item:nth-child(n + 9) {
+      display: none;
+    }
+
+    .activity-widget__pagination[data-page-size] {
+      display: none;
+    }
+
+    .activity-widget__pagination[data-page-size='8'] {
+      display: flex;
+    }
+  }
+}

package/dist/widgets/Activity/index.d.ts

@@ -0,0 +1,13 @@
+import type { WidgetServerProps } from 'payload';
+import React from 'react';
+type ActivityWidgetData = {
+    excludedCollections?: string[];
+};
+/**
+ * @internal - may change or be removed without a major version bump
+ */
+export declare function ActivityWidget({ permissions, req, widgetData, }: WidgetServerProps<{
+    data?: ActivityWidgetData;
+}>): Promise<React.JSX.Element>;
+export {};
+//# sourceMappingURL=index.d.ts.map

package/dist/widgets/Activity/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/widgets/Activity/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAkB,iBAAiB,EAAE,MAAM,SAAS,CAAA;AAGhE,OAAO,KAAK,MAAM,OAAO,CAAA;AAWzB,KAAK,kBAAkB,GAAG;IACxB,mBAAmB,CAAC,EAAE,MAAM,EAAE,CAAA;CAC/B,CAAA;AAED;;GAEG;AACH,wBAAsB,cAAc,CAAC,EACnC,WAAW,EACX,GAAG,EACH,UAAU,GACX,EAAE,iBAAiB,CAAC;IAAE,IAAI,CAAC,EAAE,kBAAkB,CAAA;CAAE,CAAC,8BAqDlD"}