@payloadcms/ui 4.0.0-internal.532221d → 4.0.0-internal.567a487

package/dist/views/Branch/BranchChanges/index.js

@@ -0,0 +1,150 @@
+'use client';
+
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React, { useCallback, useMemo, useState } from 'react';
+import { Gutter } from '../../../elements/Gutter/index.js';
+import { Link } from '../../../elements/Link/index.js';
+import { useTranslation } from '../../../providers/Translation/index.js';
+import { ChangedDocuments } from '../ChangedDocuments/index.js';
+import { DiscardChangesButton } from '../DiscardChangesButton/index.js';
+import { MergeChangesButton } from '../MergeChangesButton/index.js';
+import { MergeLedger } from '../MergeLedger/index.js';
+import { ScheduledMerges } from '../ScheduledMerges/index.js';
+const baseClass = 'branch-changes';
+/**
+ * The branch's changes, and the action that applies them.
+ *
+ * The two live in one client component because the selection connects them: the
+ * checkboxes decide what "merge" means, so the state cannot sit inside the list
+ * while the button sits outside it.
+ */
+export const BranchChanges = ({
+  branchID,
+  branchName,
+  branchSlug,
+  changes,
+  historyPage = 1,
+  historyTotalPages = 1,
+  isClosed = false,
+  mergeEvents = [],
+  scheduledMerges = []
+}) => {
+  const {
+    t
+  } = useTranslation();
+  // Everything selected to begin with: the common intent is to merge the branch,
+  // and deselecting the exceptions is less work than selecting the rule.
+  const [selected, setSelected] = useState(() => new Set(changes.map(c => c.id)));
+  const toggleAll = useCallback(() => {
+    setSelected(prev => prev.size === changes.length ? new Set() : new Set(changes.map(c_0 => c_0.id)));
+  }, [changes]);
+  const toggleSelected = useCallback(id => {
+    setSelected(prev_0 => {
+      const next = new Set(prev_0);
+      if (next.has(id)) {
+        next.delete(id);
+      } else {
+        next.add(id);
+      }
+      return next;
+    });
+  }, []);
+  // Undefined when everything is selected, which the endpoint reads as "apply
+  // every pending change" — the same outcome, but it keeps the merge honest if a
+  // change lands between this page render and the merge.
+  const selectedChangeIDs = useMemo(() => selected.size === changes.length ? undefined : [...selected], [changes.length, selected]);
+  // No `reviewURL`: this is the page one would link to. The changes are already read
+  // here, so the modal describes the merge without a request of its own — and it
+  // describes the *selection*, which is what will actually be applied.
+  const mergeTarget = useMemo(() => ({
+    branchID,
+    branchName,
+    branchSlug,
+    changes: changes.filter(change => selected.has(change.id)),
+    selectedChangeIDs,
+    totalChanges: changes.length
+  }), [branchID, branchName, branchSlug, changes, selected, selectedChangeIDs]);
+  const hasPending = changes.length > 0;
+  const hasHistory = mergeEvents.length > 0;
+  // Labelled as soon as more than one of the three is on screen; a lone section is
+  // already named by the heading above it.
+  const showSectionHeadings = [hasPending, hasHistory, scheduledMerges.length > 0].filter(Boolean).length > 1;
+  return /*#__PURE__*/_jsxs(React.Fragment, {
+    children: [/*#__PURE__*/_jsxs("div", {
+      className: `${baseClass}__controls`,
+      children: [/*#__PURE__*/_jsx("h2", {
+        className: `${baseClass}__title`,
+        children: hasPending ? t('branching:reviewingChangedDocuments') : hasHistory ? t('branching:branchHistory') : t('branching:reviewingChangedDocuments')
+      }), hasPending && !isClosed && /*#__PURE__*/_jsxs("div", {
+        className: `${baseClass}__actions`,
+        children: [/*#__PURE__*/_jsx(DiscardChangesButton, {
+          branchID: branchID,
+          selectedChangeIDs: selectedChangeIDs,
+          totalChanges: changes.length
+        }), /*#__PURE__*/_jsx(MergeChangesButton, {
+          disabled: !selected.size,
+          target: mergeTarget
+        })]
+      })]
+    }), /*#__PURE__*/_jsxs(Gutter, {
+      className: baseClass,
+      children: [scheduledMerges.length > 0 && /*#__PURE__*/_jsxs("section", {
+        className: `${baseClass}__section`,
+        children: [showSectionHeadings && /*#__PURE__*/_jsx("h3", {
+          className: `${baseClass}__section-title`,
+          children: t('branching:scheduledMerges')
+        }), /*#__PURE__*/_jsx(ScheduledMerges, {
+          branchID: branchID,
+          branchSlug: branchSlug,
+          schedules: scheduledMerges
+        })]
+      }), hasPending && /*#__PURE__*/_jsxs("section", {
+        className: `${baseClass}__section`,
+        children: [showSectionHeadings && /*#__PURE__*/_jsx("h3", {
+          className: `${baseClass}__section-title`,
+          children: t('branching:currentChanges')
+        }), /*#__PURE__*/_jsx(ChangedDocuments, {
+          branch: branchSlug,
+          changes: changes,
+          selected: selected,
+          toggleAll: toggleAll,
+          toggleSelected: toggleSelected
+        })]
+      }), hasHistory && /*#__PURE__*/_jsxs("section", {
+        className: `${baseClass}__section`,
+        children: [showSectionHeadings && /*#__PURE__*/_jsx("h3", {
+          className: `${baseClass}__section-title`,
+          children: t('branching:mergeHistory')
+        }), isClosed && /*#__PURE__*/_jsx("p", {
+          className: `${baseClass}__closed`,
+          children: t('branching:branchClosed')
+        }), /*#__PURE__*/_jsx(MergeLedger, {
+          events: mergeEvents
+        }), historyTotalPages > 1 && /*#__PURE__*/_jsxs("nav", {
+          className: `${baseClass}__history-pages`,
+          children: [/*#__PURE__*/_jsx(Link, {
+            "aria-disabled": historyPage <= 1,
+            className: `${baseClass}__history-page`,
+            href: `?historyPage=${historyPage - 1}`,
+            children: t('general:previous')
+          }), /*#__PURE__*/_jsx("span", {
+            className: `${baseClass}__history-position`,
+            children: t('branching:historyPageOf', {
+              page: historyPage,
+              total: historyTotalPages
+            })
+          }), /*#__PURE__*/_jsx(Link, {
+            "aria-disabled": historyPage >= historyTotalPages,
+            className: `${baseClass}__history-page`,
+            href: `?historyPage=${historyPage + 1}`,
+            children: t('general:next')
+          })]
+        })]
+      }), !hasPending && !hasHistory && /*#__PURE__*/_jsx("p", {
+        className: `${baseClass}__empty`,
+        children: t('branching:noChangesYet')
+      })]
+    })]
+  });
+};
+//# sourceMappingURL=index.js.map

package/dist/views/Branch/BranchChanges/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["React","useCallback","useMemo","useState","Gutter","Link","useTranslation","ChangedDocuments","DiscardChangesButton","MergeChangesButton","MergeLedger","ScheduledMerges","baseClass","BranchChanges","branchID","branchName","branchSlug","changes","historyPage","historyTotalPages","isClosed","mergeEvents","scheduledMerges","t","selected","setSelected","Set","map","c","id","toggleAll","prev","size","length","toggleSelected","next","has","delete","add","selectedChangeIDs","undefined","mergeTarget","filter","change","totalChanges","hasPending","hasHistory","showSectionHeadings","Boolean","_jsxs","Fragment","className","_jsx","disabled","target","schedules","branch","events","href","page","total"],"sources":["../../../../src/views/Branch/BranchChanges/index.tsx"],"sourcesContent":["'use client'\n\nimport React, { useCallback, useMemo, useState } from 'react'\n\nimport type { BranchChange } from '../ChangedDocuments/index.js'\nimport type { MergeEvent } from '../MergeLedger/index.js'\nimport type { ScheduledMerge } from '../ScheduledMerges/index.js'\n\nimport { Gutter } from '../../../elements/Gutter/index.js'\nimport { Link } from '../../../elements/Link/index.js'\nimport { useTranslation } from '../../../providers/Translation/index.js'\nimport { ChangedDocuments } from '../ChangedDocuments/index.js'\nimport { DiscardChangesButton } from '../DiscardChangesButton/index.js'\nimport { MergeChangesButton } from '../MergeChangesButton/index.js'\nimport { MergeLedger } from '../MergeLedger/index.js'\nimport { ScheduledMerges } from '../ScheduledMerges/index.js'\n\nconst baseClass = 'branch-changes'\n\n/**\n * The branch's changes, and the action that applies them.\n *\n * The two live in one client component because the selection connects them: the\n * checkboxes decide what \"merge\" means, so the state cannot sit inside the list\n * while the button sits outside it.\n */\nexport const BranchChanges: React.FC<{\n  branchID: number | string\n  branchName: string\n  branchSlug: string\n  changes: BranchChange[]\n  historyPage?: number\n  historyTotalPages?: number\n  isClosed?: boolean\n  mergeEvents?: MergeEvent[]\n  scheduledMerges?: ScheduledMerge[]\n}> = ({\n  branchID,\n  branchName,\n  branchSlug,\n  changes,\n  historyPage = 1,\n  historyTotalPages = 1,\n  isClosed = false,\n  mergeEvents = [],\n  scheduledMerges = [],\n}) => {\n  const { t } = useTranslation()\n\n  // Everything selected to begin with: the common intent is to merge the branch,\n  // and deselecting the exceptions is less work than selecting the rule.\n  const [selected, setSelected] = useState<Set<string>>(() => new Set(changes.map((c) => c.id)))\n\n  const toggleAll = useCallback(() => {\n    setSelected((prev) =>\n      prev.size === changes.length ? new Set() : new Set(changes.map((c) => c.id)),\n    )\n  }, [changes])\n\n  const toggleSelected = useCallback((id: string) => {\n    setSelected((prev) => {\n      const next = new Set(prev)\n\n      if (next.has(id)) {\n        next.delete(id)\n      } else {\n        next.add(id)\n      }\n\n      return next\n    })\n  }, [])\n\n  // Undefined when everything is selected, which the endpoint reads as \"apply\n  // every pending change\" — the same outcome, but it keeps the merge honest if a\n  // change lands between this page render and the merge.\n  const selectedChangeIDs = useMemo(\n    () => (selected.size === changes.length ? undefined : [...selected]),\n    [changes.length, selected],\n  )\n\n  // No `reviewURL`: this is the page one would link to. The changes are already read\n  // here, so the modal describes the merge without a request of its own — and it\n  // describes the *selection*, which is what will actually be applied.\n  const mergeTarget = useMemo(\n    () => ({\n      branchID,\n      branchName,\n      branchSlug,\n      changes: changes.filter((change) => selected.has(change.id)),\n      selectedChangeIDs,\n      totalChanges: changes.length,\n    }),\n    [branchID, branchName, branchSlug, changes, selected, selectedChangeIDs],\n  )\n\n  const hasPending = changes.length > 0\n  const hasHistory = mergeEvents.length > 0\n  // Labelled as soon as more than one of the three is on screen; a lone section is\n  // already named by the heading above it.\n  const showSectionHeadings =\n    [hasPending, hasHistory, scheduledMerges.length > 0].filter(Boolean).length > 1\n\n  return (\n    <React.Fragment>\n      {/* Full-bleed and bordered like `doc-controls`, the bar this one sits below,\n          rather than inset with the list it heads. */}\n      <div className={`${baseClass}__controls`}>\n        {/* Named for what the screen is, not for what happens to be on it. With\n            nothing pending, this is the branch's history — a heading that describes\n            the last merge event would be a caption pretending to be a title. */}\n        <h2 className={`${baseClass}__title`}>\n          {hasPending\n            ? t('branching:reviewingChangedDocuments')\n            : hasHistory\n              ? t('branching:branchHistory')\n              : t('branching:reviewingChangedDocuments')}\n        </h2>\n        {/* Closed branches take nothing further, and a branch with nothing pending\n            has nothing to take — in both cases the buttons would be a dead end.\n            Discard sits beside merge and is scoped by the same checkboxes: the two\n            are the same decision about the same set, pointed in opposite directions. */}\n        {hasPending && !isClosed && (\n          <div className={`${baseClass}__actions`}>\n            <DiscardChangesButton\n              branchID={branchID}\n              selectedChangeIDs={selectedChangeIDs}\n              totalChanges={changes.length}\n            />\n            <MergeChangesButton disabled={!selected.size} target={mergeTarget} />\n          </div>\n        )}\n      </div>\n      <Gutter className={baseClass}>\n        {/* Above everything, because it changes what the rest of the page means: the\n            pending changes below are no longer only a proposal, they have a date. */}\n        {scheduledMerges.length > 0 && (\n          <section className={`${baseClass}__section`}>\n            {showSectionHeadings && (\n              <h3 className={`${baseClass}__section-title`}>{t('branching:scheduledMerges')}</h3>\n            )}\n            <ScheduledMerges\n              branchID={branchID}\n              branchSlug={branchSlug}\n              schedules={scheduledMerges}\n            />\n          </section>\n        )}\n\n        {/* Both at once when both exist. Merging does not end a branch (§16), so a\n            branch that has merged and been worked on again has two things to say —\n            and replacing the history with the new work hid everything the branch had\n            already done. Labelled only when both are present: with one section the\n            heading above already names it. */}\n        {hasPending && (\n          <section className={`${baseClass}__section`}>\n            {showSectionHeadings && (\n              <h3 className={`${baseClass}__section-title`}>{t('branching:currentChanges')}</h3>\n            )}\n            <ChangedDocuments\n              branch={branchSlug}\n              changes={changes}\n              selected={selected}\n              toggleAll={toggleAll}\n              toggleSelected={toggleSelected}\n            />\n          </section>\n        )}\n\n        {hasHistory && (\n          <section className={`${baseClass}__section`}>\n            {showSectionHeadings && (\n              <h3 className={`${baseClass}__section-title`}>{t('branching:mergeHistory')}</h3>\n            )}\n            {isClosed && <p className={`${baseClass}__closed`}>{t('branching:branchClosed')}</p>}\n            <MergeLedger events={mergeEvents} />\n            {historyTotalPages > 1 && (\n              <nav className={`${baseClass}__history-pages`}>\n                <Link\n                  aria-disabled={historyPage <= 1}\n                  className={`${baseClass}__history-page`}\n                  href={`?historyPage=${historyPage - 1}`}\n                >\n                  {t('general:previous')}\n                </Link>\n                <span className={`${baseClass}__history-position`}>\n                  {t('branching:historyPageOf', { page: historyPage, total: historyTotalPages })}\n                </span>\n                <Link\n                  aria-disabled={historyPage >= historyTotalPages}\n                  className={`${baseClass}__history-page`}\n                  href={`?historyPage=${historyPage + 1}`}\n                >\n                  {t('general:next')}\n                </Link>\n              </nav>\n            )}\n          </section>\n        )}\n\n        {!hasPending && !hasHistory && (\n          <p className={`${baseClass}__empty`}>{t('branching:noChangesYet')}</p>\n        )}\n      </Gutter>\n    </React.Fragment>\n  )\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/views/Branch/ChangedDocuments/index.css

@@ -0,0 +1,118 @@
+@layer payload-default {
+  .changed-docs__controls {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    gap: var(--spacer-2);
+    margin-block-end: var(--spacer-2);
+  }
+
+  .changed-docs__count {
+    color: var(--color-text-secondary);
+  }
+
+  .changed-docs__list {
+    display: flex;
+    flex-direction: column;
+    gap: var(--spacer-1);
+    margin: 0;
+    padding: 0;
+    list-style: none;
+  }
+
+  .changed-docs__row {
+    border: var(--stroke-width-small) solid var(--color-border);
+    border-radius: var(--radius-medium);
+    overflow: hidden;
+  }
+
+  .changed-docs__header {
+    position: relative;
+    display: flex;
+    align-items: center;
+    background: var(--color-bg-secondary);
+    cursor: pointer;
+
+    &:hover {
+      background: var(--color-bg-secondary-hover);
+    }
+  }
+
+  /* Covers the header so the whole row is the control. Transparent text rather
+     than hidden, so it still carries the row's accessible name. */
+  .changed-docs__toggle {
+    position: absolute;
+    inset: 0;
+    text-align: start;
+    color: transparent;
+    background: none;
+    border: none;
+    border-radius: inherit;
+    cursor: pointer;
+    outline: none;
+
+    &:focus-visible {
+      outline: var(--accessibility-outline);
+      outline-offset: -1px;
+    }
+
+    span {
+      user-select: none;
+    }
+  }
+
+  .changed-docs__header-content {
+    pointer-events: none;
+    display: flex;
+    align-items: center;
+    gap: var(--spacer-2);
+    flex: 1 1 auto;
+    min-width: 0;
+    padding: var(--spacer-1-5) var(--spacer-2);
+  }
+
+  /* The one part of the header that is not the toggle. */
+  .changed-docs__select {
+    position: relative;
+    z-index: 1;
+    display: flex;
+    align-items: center;
+    pointer-events: all;
+  }
+
+  /* The header it sits on is `--color-bg-secondary`, which is also the
+     light-gray pill's background, so give it its own edge to read against. */
+  .changed-docs__entity {
+    background: var(--color-bg);
+    box-shadow: inset 0 0 0 var(--stroke-width-small) var(--color-border);
+  }
+
+  /* Leading the row, so a long changeset can be scanned down a single column of
+     operations. Sized by its label like the entity pill beside it — a fixed width
+     to align the columns made the three verbs read as buttons. */
+  .changed-docs__operation {
+    flex-shrink: 0;
+  }
+
+  .changed-docs__title {
+    flex: 1 1 auto;
+    min-width: 0;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+  }
+
+  .changed-docs__indicator {
+    flex-shrink: 0;
+    color: var(--color-icon);
+  }
+
+  .changed-docs__diff {
+    padding: var(--spacer-3);
+    border-block-start: var(--stroke-width-small) solid var(--color-border);
+  }
+
+  .changed-docs__error {
+    color: var(--color-text-secondary);
+  }
+}

package/dist/views/Branch/ChangedDocuments/index.d.ts

@@ -0,0 +1,34 @@
+import type React from 'react';
+import './index.css';
+export type BranchChange = {
+    /** Absent for a global, which has one of itself and so needs no document ID. */
+    collectionSlug?: string;
+    docID?: number | string;
+    globalSlug?: string;
+    id: string;
+    operation: 'create' | 'delete' | 'update';
+};
+/**
+ * The changed documents on a branch, one collapsible row each.
+ *
+ * Diffs are fetched per row rather than with the page. A branch can hold hundreds
+ * of changes and each diff is a full field-tree render on the server, so building
+ * them all up front would dominate the page load for a list most of which is never
+ * opened. A row loads when it is expanded, and is prefetched once it scrolls into
+ * view so that opening one feels instant.
+ */
+export declare const ChangedDocuments: React.FC<{
+    branch: string;
+    changes: BranchChange[];
+    /**
+     * Off for a list that is describing rather than deciding — a scheduled merge's
+     * documents, where what merges is already settled. The rows and their diffs are
+     * identical either way; only the choosing is dropped.
+     */
+    selectable?: boolean;
+    /** Owned by `BranchChanges`, because the merge action needs to read it too. */
+    selected?: Set<string>;
+    toggleAll?: () => void;
+    toggleSelected?: (id: string) => void;
+}>;
+//# sourceMappingURL=index.d.ts.map

package/dist/views/Branch/ChangedDocuments/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/views/Branch/ChangedDocuments/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAc9B,OAAO,aAAa,CAAA;AAIpB,MAAM,MAAM,YAAY,GAAG;IACzB,gFAAgF;IAChF,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACvB,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,EAAE,EAAE,MAAM,CAAA;IACV,SAAS,EAAE,QAAQ,GAAG,QAAQ,GAAG,QAAQ,CAAA;CAC1C,CAAA;AAaD;;;;;;;;GAQG;AACH,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC;IACtC,MAAM,EAAE,MAAM,CAAA;IACd,OAAO,EAAE,YAAY,EAAE,CAAA;IACvB;;;;OAIG;IACH,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,+EAA+E;IAC/E,QAAQ,CAAC,EAAE,GAAG,CAAC,MAAM,CAAC,CAAA;IACtB,SAAS,CAAC,EAAE,MAAM,IAAI,CAAA;IACtB,cAAc,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAA;CACtC,CAuHA,CAAA"}

package/dist/views/Branch/ChangedDocuments/index.js

@@ -0,0 +1,233 @@
+'use client';
+
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { getTranslation } from '@payloadcms/translations';
+import { useCallback, useEffect, useRef, useState } from 'react';
+import { Pill } from '../../../elements/Pill/index.js';
+import { ShimmerEffect } from '../../../elements/ShimmerEffect/index.js';
+import { CheckboxInput } from '../../../fields/Checkbox/Input.js';
+import { ChevronIcon } from '../../../icons/Chevron/index.js';
+import { useConfig } from '../../../providers/Config/index.js';
+import { useServerFunctions } from '../../../providers/ServerFunctions/index.js';
+import { useTranslation } from '../../../providers/Translation/index.js';
+import './index.css';
+const baseClass = 'changed-docs';
+const operationPillStyle = {
+  create: 'success',
+  delete: 'error',
+  update: 'warning'
+};
+/**
+ * The changed documents on a branch, one collapsible row each.
+ *
+ * Diffs are fetched per row rather than with the page. A branch can hold hundreds
+ * of changes and each diff is a full field-tree render on the server, so building
+ * them all up front would dominate the page load for a list most of which is never
+ * opened. A row loads when it is expanded, and is prefetched once it scrolls into
+ * view so that opening one feels instant.
+ */
+export const ChangedDocuments = ({
+  branch,
+  changes,
+  selectable = true,
+  selected = emptySelection,
+  toggleAll,
+  toggleSelected
+}) => {
+  const {
+    serverFunction
+  } = useServerFunctions();
+  const {
+    getEntityConfig
+  } = useConfig();
+  const {
+    i18n,
+    t
+  } = useTranslation();
+  const [expanded, setExpanded] = useState(() => new Set());
+  const [loaded, setLoaded] = useState({});
+  // Read inside the loader without making it a dependency, so a completed load
+  // doesn't re-create the callback and re-trigger observers.
+  const loadedRef = useRef(loaded);
+  loadedRef.current = loaded;
+  const load = useCallback(async change => {
+    if (loadedRef.current[change.id]) {
+      return;
+    }
+    setLoaded(prev => ({
+      ...prev,
+      [change.id]: {
+        status: 'loading'
+      }
+    }));
+    try {
+      const result = await serverFunction({
+        name: 'render-branch-diff',
+        args: {
+          branch,
+          collectionSlug: change.collectionSlug,
+          docID: change.docID,
+          globalSlug: change.globalSlug,
+          operation: change.operation
+        }
+      });
+      setLoaded(prev_1 => ({
+        ...prev_1,
+        [change.id]: {
+          result,
+          status: 'ready'
+        }
+      }));
+    } catch (_err) {
+      setLoaded(prev_0 => ({
+        ...prev_0,
+        [change.id]: {
+          status: 'error'
+        }
+      }));
+    }
+  }, [branch, serverFunction]);
+  const allSelected = selected.size === changes.length && changes.length > 0;
+  const toggleExpanded = useCallback(change_0 => {
+    // Outside the updater: a state updater must be pure, and React may run it
+    // during another component's render, which puts `load`'s `setLoaded` mid-render.
+    const willExpand = !expanded.has(change_0.id);
+    setExpanded(prev_2 => {
+      const next = new Set(prev_2);
+      if (next.has(change_0.id)) {
+        next.delete(change_0.id);
+      } else {
+        next.add(change_0.id);
+      }
+      return next;
+    });
+    if (willExpand) {
+      void load(change_0);
+    }
+  }, [expanded, load]);
+  return /*#__PURE__*/_jsxs("div", {
+    className: baseClass,
+    children: [/*#__PURE__*/_jsxs("div", {
+      className: `${baseClass}__controls`,
+      children: [selectable && /*#__PURE__*/_jsx(CheckboxInput, {
+        checked: allSelected,
+        id: `${baseClass}-select-all`,
+        label: t('general:selectAll', {
+          count: changes.length,
+          label: t('general:documents')
+        }),
+        onToggle: toggleAll,
+        partialChecked: !allSelected && selected.size > 0
+      }), /*#__PURE__*/_jsxs("span", {
+        className: `${baseClass}__count`,
+        children: [t('branching:changedDocuments'), " ", changes.length]
+      })]
+    }), /*#__PURE__*/_jsx("ul", {
+      className: `${baseClass}__list`,
+      children: changes.map(change_1 => /*#__PURE__*/_jsx(ChangedDocumentRow, {
+        change: change_1,
+        collectionLabel: getTranslation(change_1.globalSlug ? getEntityConfig({
+          globalSlug: change_1.globalSlug
+        })?.label ?? change_1.globalSlug : getEntityConfig({
+          collectionSlug: change_1.collectionSlug
+        })?.labels?.singular ?? change_1.collectionSlug, i18n),
+        isExpanded: expanded.has(change_1.id),
+        isSelected: selected.has(change_1.id),
+        load: load,
+        selectable: selectable,
+        state: loaded[change_1.id],
+        toggleExpanded: toggleExpanded,
+        toggleSelected: toggleSelected
+      }, change_1.id))
+    })]
+  });
+};
+const emptySelection = new Set();
+const ChangedDocumentRow = ({
+  change,
+  collectionLabel,
+  isExpanded,
+  isSelected,
+  load,
+  selectable,
+  state,
+  toggleExpanded,
+  toggleSelected
+}) => {
+  const {
+    t
+  } = useTranslation();
+  const rowRef = useRef(null);
+  // Prefetch on approach, so the diff is usually already there by the time the row
+  // is opened. Disconnects after firing once — this is a warm-up, not a subscription.
+  useEffect(() => {
+    const node = rowRef.current;
+    if (!node || state) {
+      return;
+    }
+    const observer = new IntersectionObserver(entries => {
+      if (entries.some(entry => entry.isIntersecting)) {
+        observer.disconnect();
+        void load(change);
+      }
+    }, {
+      rootMargin: '200px'
+    });
+    observer.observe(node);
+    return () => observer.disconnect();
+  }, [change, load, state]);
+  const title = state?.result?.title ?? String(change.docID);
+  return /*#__PURE__*/_jsxs("li", {
+    className: `${baseClass}__row`,
+    ref: rowRef,
+    children: [/*#__PURE__*/_jsxs("div", {
+      className: `${baseClass}__header`,
+      children: [/*#__PURE__*/_jsx("button", {
+        "aria-expanded": isExpanded,
+        className: `${baseClass}__toggle`,
+        onClick: () => toggleExpanded(change),
+        type: "button",
+        children: /*#__PURE__*/_jsx("span", {
+          children: title
+        })
+      }), /*#__PURE__*/_jsxs("div", {
+        className: `${baseClass}__header-content`,
+        children: [selectable && /*#__PURE__*/_jsx("span", {
+          className: `${baseClass}__select`,
+          children: /*#__PURE__*/_jsx(CheckboxInput, {
+            checked: isSelected,
+            id: `${baseClass}-${change.id}`,
+            label: "",
+            onToggle: () => toggleSelected?.(change.id)
+          })
+        }), /*#__PURE__*/_jsx(Pill, {
+          className: `${baseClass}__operation`,
+          pillStyle: operationPillStyle[change.operation],
+          size: "small",
+          children: t(`branching:operation_${change.operation}`)
+        }), /*#__PURE__*/_jsx(Pill, {
+          className: `${baseClass}__entity`,
+          pillStyle: "light-gray",
+          size: "small",
+          children: collectionLabel
+        }), /*#__PURE__*/_jsx("span", {
+          className: `${baseClass}__title`,
+          children: title
+        }), /*#__PURE__*/_jsx(ChevronIcon, {
+          className: `${baseClass}__indicator`,
+          direction: isExpanded ? 'up' : 'down',
+          size: 16
+        })]
+      })]
+    }), isExpanded ? /*#__PURE__*/_jsxs("div", {
+      className: `${baseClass}__diff`,
+      children: [state?.status === 'ready' ? state.result?.diff : null, state?.status === 'loading' || !state ? /*#__PURE__*/_jsx(ShimmerEffect, {
+        height: "3rem"
+      }) : null, state?.status === 'error' ? /*#__PURE__*/_jsx("p", {
+        className: `${baseClass}__error`,
+        children: t('error:unknown')
+      }) : null]
+    }) : null]
+  });
+};
+//# sourceMappingURL=index.js.map

package/dist/views/Branch/ChangedDocuments/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["getTranslation","useCallback","useEffect","useRef","useState","Pill","ShimmerEffect","CheckboxInput","ChevronIcon","useConfig","useServerFunctions","useTranslation","baseClass","operationPillStyle","create","delete","update","ChangedDocuments","branch","changes","selectable","selected","emptySelection","toggleAll","toggleSelected","serverFunction","getEntityConfig","i18n","t","expanded","setExpanded","Set","loaded","setLoaded","loadedRef","current","load","change","id","prev","status","result","name","args","collectionSlug","docID","globalSlug","operation","_err","allSelected","size","length","toggleExpanded","willExpand","has","next","add","_jsxs","className","_jsx","checked","label","count","onToggle","partialChecked","map","ChangedDocumentRow","collectionLabel","labels","singular","isExpanded","isSelected","state","rowRef","node","observer","IntersectionObserver","entries","some","entry","isIntersecting","disconnect","rootMargin","observe","title","String","ref","onClick","type","pillStyle","direction","diff","height"],"sources":["../../../../src/views/Branch/ChangedDocuments/index.tsx"],"sourcesContent":["'use client'\n\nimport type React from 'react'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport { useCallback, useEffect, useRef, useState } from 'react'\n\nimport type { RenderBranchDiffResult } from '../renderBranchDiff.js'\n\nimport { Pill } from '../../../elements/Pill/index.js'\nimport { ShimmerEffect } from '../../../elements/ShimmerEffect/index.js'\nimport { CheckboxInput } from '../../../fields/Checkbox/Input.js'\nimport { ChevronIcon } from '../../../icons/Chevron/index.js'\nimport { useConfig } from '../../../providers/Config/index.js'\nimport { useServerFunctions } from '../../../providers/ServerFunctions/index.js'\nimport { useTranslation } from '../../../providers/Translation/index.js'\nimport './index.css'\n\nconst baseClass = 'changed-docs'\n\nexport type BranchChange = {\n  /** Absent for a global, which has one of itself and so needs no document ID. */\n  collectionSlug?: string\n  docID?: number | string\n  globalSlug?: string\n  id: string\n  operation: 'create' | 'delete' | 'update'\n}\n\ntype LoadState = {\n  result?: RenderBranchDiffResult\n  status: 'error' | 'loading' | 'ready'\n}\n\nconst operationPillStyle = {\n  create: 'success',\n  delete: 'error',\n  update: 'warning',\n} as const\n\n/**\n * The changed documents on a branch, one collapsible row each.\n *\n * Diffs are fetched per row rather than with the page. A branch can hold hundreds\n * of changes and each diff is a full field-tree render on the server, so building\n * them all up front would dominate the page load for a list most of which is never\n * opened. A row loads when it is expanded, and is prefetched once it scrolls into\n * view so that opening one feels instant.\n */\nexport const ChangedDocuments: React.FC<{\n  branch: string\n  changes: BranchChange[]\n  /**\n   * Off for a list that is describing rather than deciding — a scheduled merge's\n   * documents, where what merges is already settled. The rows and their diffs are\n   * identical either way; only the choosing is dropped.\n   */\n  selectable?: boolean\n  /** Owned by `BranchChanges`, because the merge action needs to read it too. */\n  selected?: Set<string>\n  toggleAll?: () => void\n  toggleSelected?: (id: string) => void\n}> = ({\n  branch,\n  changes,\n  selectable = true,\n  selected = emptySelection,\n  toggleAll,\n  toggleSelected,\n}) => {\n  const { serverFunction } = useServerFunctions()\n  const { getEntityConfig } = useConfig()\n  const { i18n, t } = useTranslation()\n\n  const [expanded, setExpanded] = useState<Set<string>>(() => new Set())\n  const [loaded, setLoaded] = useState<Record<string, LoadState>>({})\n\n  // Read inside the loader without making it a dependency, so a completed load\n  // doesn't re-create the callback and re-trigger observers.\n  const loadedRef = useRef(loaded)\n  loadedRef.current = loaded\n\n  const load = useCallback(\n    async (change: BranchChange) => {\n      if (loadedRef.current[change.id]) {\n        return\n      }\n\n      setLoaded((prev) => ({ ...prev, [change.id]: { status: 'loading' } }))\n\n      try {\n        const result = (await serverFunction({\n          name: 'render-branch-diff',\n          args: {\n            branch,\n            collectionSlug: change.collectionSlug,\n            docID: change.docID,\n            globalSlug: change.globalSlug,\n            operation: change.operation,\n          },\n        })) as RenderBranchDiffResult\n\n        setLoaded((prev) => ({ ...prev, [change.id]: { result, status: 'ready' } }))\n      } catch (_err) {\n        setLoaded((prev) => ({ ...prev, [change.id]: { status: 'error' } }))\n      }\n    },\n    [branch, serverFunction],\n  )\n\n  const allSelected = selected.size === changes.length && changes.length > 0\n\n  const toggleExpanded = useCallback(\n    (change: BranchChange) => {\n      // Outside the updater: a state updater must be pure, and React may run it\n      // during another component's render, which puts `load`'s `setLoaded` mid-render.\n      const willExpand = !expanded.has(change.id)\n\n      setExpanded((prev) => {\n        const next = new Set(prev)\n\n        if (next.has(change.id)) {\n          next.delete(change.id)\n        } else {\n          next.add(change.id)\n        }\n\n        return next\n      })\n\n      if (willExpand) {\n        void load(change)\n      }\n    },\n    [expanded, load],\n  )\n\n  return (\n    <div className={baseClass}>\n      <div className={`${baseClass}__controls`}>\n        {selectable && (\n          <CheckboxInput\n            checked={allSelected}\n            id={`${baseClass}-select-all`}\n            label={t('general:selectAll', {\n              count: changes.length,\n              label: t('general:documents'),\n            })}\n            onToggle={toggleAll}\n            partialChecked={!allSelected && selected.size > 0}\n          />\n        )}\n        <span className={`${baseClass}__count`}>\n          {t('branching:changedDocuments')} {changes.length}\n        </span>\n      </div>\n\n      <ul className={`${baseClass}__list`}>\n        {changes.map((change) => (\n          <ChangedDocumentRow\n            change={change}\n            collectionLabel={getTranslation(\n              change.globalSlug\n                ? (getEntityConfig({ globalSlug: change.globalSlug })?.label ?? change.globalSlug)\n                : (getEntityConfig({ collectionSlug: change.collectionSlug })?.labels?.singular ??\n                    change.collectionSlug),\n              i18n,\n            )}\n            isExpanded={expanded.has(change.id)}\n            isSelected={selected.has(change.id)}\n            key={change.id}\n            load={load}\n            selectable={selectable}\n            state={loaded[change.id]}\n            toggleExpanded={toggleExpanded}\n            toggleSelected={toggleSelected}\n          />\n        ))}\n      </ul>\n    </div>\n  )\n}\n\nconst emptySelection: Set<string> = new Set()\n\nconst ChangedDocumentRow: React.FC<{\n  change: BranchChange\n  collectionLabel: string\n  isExpanded: boolean\n  isSelected: boolean\n  load: (change: BranchChange) => Promise<void>\n  selectable: boolean\n  state?: LoadState\n  toggleExpanded: (change: BranchChange) => void\n  toggleSelected?: (id: string) => void\n}> = ({\n  change,\n  collectionLabel,\n  isExpanded,\n  isSelected,\n  load,\n  selectable,\n  state,\n  toggleExpanded,\n  toggleSelected,\n}) => {\n  const { t } = useTranslation()\n  const rowRef = useRef<HTMLLIElement>(null)\n\n  // Prefetch on approach, so the diff is usually already there by the time the row\n  // is opened. Disconnects after firing once — this is a warm-up, not a subscription.\n  useEffect(() => {\n    const node = rowRef.current\n\n    if (!node || state) {\n      return\n    }\n\n    const observer = new IntersectionObserver(\n      (entries) => {\n        if (entries.some((entry) => entry.isIntersecting)) {\n          observer.disconnect()\n          void load(change)\n        }\n      },\n      { rootMargin: '200px' },\n    )\n\n    observer.observe(node)\n\n    return () => observer.disconnect()\n  }, [change, load, state])\n\n  const title = state?.result?.title ?? String(change.docID)\n\n  return (\n    <li className={`${baseClass}__row`} ref={rowRef}>\n      {/* The row opens from anywhere in its header. Following `Collapsible`: an\n          overlay button takes the clicks, the header content sits above it with\n          pointer events off, and the checkbox turns them back on for itself. */}\n      <div className={`${baseClass}__header`}>\n        <button\n          aria-expanded={isExpanded}\n          className={`${baseClass}__toggle`}\n          onClick={() => toggleExpanded(change)}\n          type=\"button\"\n        >\n          <span>{title}</span>\n        </button>\n        {/* Operation first, then entity, then title: the row reads as a sentence —\n            \"Created Page — Spooky Exclusive\" — and the operation is what the eye\n            scans a long changeset for, so it anchors the left edge where every\n            row's copy starts at the same x. */}\n        <div className={`${baseClass}__header-content`}>\n          {selectable && (\n            <span className={`${baseClass}__select`}>\n              <CheckboxInput\n                checked={isSelected}\n                id={`${baseClass}-${change.id}`}\n                label=\"\"\n                onToggle={() => toggleSelected?.(change.id)}\n              />\n            </span>\n          )}\n          <Pill\n            className={`${baseClass}__operation`}\n            pillStyle={operationPillStyle[change.operation]}\n            size=\"small\"\n          >\n            {t(`branching:operation_${change.operation}` as Parameters<typeof t>[0])}\n          </Pill>\n          <Pill className={`${baseClass}__entity`} pillStyle=\"light-gray\" size=\"small\">\n            {collectionLabel}\n          </Pill>\n          <span className={`${baseClass}__title`}>{title}</span>\n          <ChevronIcon\n            className={`${baseClass}__indicator`}\n            direction={isExpanded ? 'up' : 'down'}\n            size={16}\n          />\n        </div>\n      </div>\n\n      {isExpanded ? (\n        <div className={`${baseClass}__diff`}>\n          {state?.status === 'ready' ? state.result?.diff : null}\n          {state?.status === 'loading' || !state ? <ShimmerEffect height=\"3rem\" /> : null}\n          {state?.status === 'error' ? (\n            <p className={`${baseClass}__error`}>{t('error:unknown')}</p>\n          ) : null}\n        </div>\n      ) : null}\n    </li>\n  )\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/views/Branch/DiscardChangesButton/index.d.ts

@@ -0,0 +1,16 @@
+import React from 'react';
+/**
+ * Throws away branch work, at the same scope the merge button applies it.
+ *
+ * Scoped by the same checkboxes deliberately: "these are the changes I am looking
+ * at" should mean one thing on the page, whichever of the two actions follows. A
+ * confirmation stands in front of it because discarding is the one action here that
+ * destroys work rather than promoting it, and there is no undo.
+ */
+export declare const DiscardChangesButton: React.FC<{
+    branchID: number | string;
+    /** Undefined means every pending change, matching the merge target's convention. */
+    selectedChangeIDs?: (number | string)[];
+    totalChanges: number;
+}>;
+//# sourceMappingURL=index.d.ts.map

package/dist/views/Branch/DiscardChangesButton/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/views/Branch/DiscardChangesButton/index.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAgC,MAAM,OAAO,CAAA;AAYpD;;;;;;;GAOG;AACH,eAAO,MAAM,oBAAoB,EAAE,KAAK,CAAC,EAAE,CAAC;IAC1C,QAAQ,EAAE,MAAM,GAAG,MAAM,CAAA;IACzB,oFAAoF;IACpF,iBAAiB,CAAC,EAAE,CAAC,MAAM,GAAG,MAAM,CAAC,EAAE,CAAA;IACvC,YAAY,EAAE,MAAM,CAAA;CACrB,CAwFA,CAAA"}