@payloadcms/ui 4.0.0-internal.7b031c8 → 4.0.0-internal.7b53b6d

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

@@ -0,0 +1,83 @@
+@layer payload-default {
+  /* One line, stated plainly, above everything it qualifies. */
+  .scheduled-merges__banner {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    gap: var(--spacer-3);
+    margin-block-end: var(--spacer-3);
+    padding: var(--spacer-2) var(--spacer-3);
+    border: var(--stroke-width-small) solid var(--color-border-success);
+    border-radius: var(--radius-medium);
+    background: var(--color-bg-success-tertiary);
+  }
+
+  .scheduled-merges__banner-text {
+    min-width: 0;
+  }
+
+  .scheduled-merges__banner-actions {
+    display: flex;
+    align-items: center;
+    gap: var(--spacer-2);
+    flex-shrink: 0;
+  }
+
+  .scheduled-merges__list {
+    display: flex;
+    flex-direction: column;
+    gap: var(--spacer-4);
+  }
+
+  .scheduled-merges__schedule-header {
+    display: flex;
+    align-items: baseline;
+    justify-content: space-between;
+    gap: var(--spacer-3);
+    margin-block-end: var(--spacer-2);
+  }
+
+  .scheduled-merges__when,
+  .scheduled-merges__manage-when {
+    margin: 0;
+    font-family: var(--text-body-medium-strong-font-family);
+    font-size: var(--text-body-medium-font-size);
+    font-weight: var(--text-body-medium-strong-font-weight);
+  }
+
+  .scheduled-merges__meta,
+  .scheduled-merges__empty {
+    color: var(--color-text-secondary);
+  }
+
+  .scheduled-merges__manage-list {
+    display: flex;
+    flex-direction: column;
+    gap: var(--spacer-2);
+    margin: 0;
+    padding: 0;
+    list-style: none;
+  }
+
+  .scheduled-merges__manage-row {
+    display: flex;
+    align-items: flex-start;
+    justify-content: space-between;
+    gap: var(--spacer-3);
+    padding-block-end: var(--spacer-3);
+    border-block-end: var(--stroke-width-small) solid var(--color-border);
+  }
+
+  /* Stacked, so the date leads and the ledger reads underneath it. */
+  .scheduled-merges__manage-details {
+    display: flex;
+    flex-direction: column;
+    gap: var(--spacer-1);
+    min-width: 0;
+  }
+
+  .scheduled-merges__manage-row:last-child {
+    padding-block-end: 0;
+    border-block-end: none;
+  }
+}

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

@@ -0,0 +1,32 @@
+import React from 'react';
+import type { BranchChange } from '../ChangedDocuments/index.js';
+import './index.css';
+export type ScheduledMerge = {
+    /** The documents this schedule will apply, resolved against what is pending now. */
+    changes: BranchChange[];
+    closeBranch: boolean;
+    /** `payload-jobs` row ID, which is also the handle for cancelling it. */
+    id: string;
+    /** True when the schedule named no selection, so it takes whatever is pending. */
+    isEverything: boolean;
+    waitUntil: string;
+};
+/**
+ * What a branch is about to merge, and when.
+ *
+ * A banner says it in one line, because it changes what everything below it means: the
+ * pending changes are no longer only a proposal, they are a proposal with a date on it.
+ * Below that each schedule lists the documents it will apply, expandable to the same
+ * diff the review list shows — the diff is against main either way, so it is the same
+ * question asked about a future moment.
+ *
+ * Several schedules can coexist: schedule a merge, keep working, schedule another. The
+ * banner names the soonest and the modal holds the rest, which is why actions live
+ * there rather than being repeated per row.
+ */
+export declare const ScheduledMerges: React.FC<{
+    branchID: number | string;
+    branchSlug: string;
+    schedules: ScheduledMerge[];
+}>;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/views/Branch/ScheduledMerges/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAgC,MAAM,OAAO,CAAA;AAGpD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,8BAA8B,CAAA;AAiBhE,OAAO,aAAa,CAAA;AAIpB,MAAM,MAAM,cAAc,GAAG;IAC3B,oFAAoF;IACpF,OAAO,EAAE,YAAY,EAAE,CAAA;IACvB,WAAW,EAAE,OAAO,CAAA;IACpB,yEAAyE;IACzE,EAAE,EAAE,MAAM,CAAA;IACV,kFAAkF;IAClF,YAAY,EAAE,OAAO,CAAA;IACrB,SAAS,EAAE,MAAM,CAAA;CAClB,CAAA;AAKD;;;;;;;;;;;;GAYG;AACH,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC;IACrC,QAAQ,EAAE,MAAM,GAAG,MAAM,CAAA;IACzB,UAAU,EAAE,MAAM,CAAA;IAClB,SAAS,EAAE,cAAc,EAAE,CAAA;CAC5B,CA2HA,CAAA"}

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

@@ -0,0 +1,183 @@
+'use client';
+
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React, { useCallback, useState } from 'react';
+import { toast } from 'sonner';
+import { Button } from '../../../elements/Button/index.js';
+import { ChangeSummary } from '../../../elements/ChangeSummary/index.js';
+import { DialogBody, DialogFooter, DialogHeader, DialogModal } from '../../../elements/Dialog/index.js';
+import { useModal } from '../../../elements/Modal/index.js';
+import { Pill } from '../../../elements/Pill/index.js';
+import { useRouter } from '../../../providers/RouterAdapter/index.js';
+import { useRouteTransition } from '../../../providers/RouteTransition/index.js';
+import { useServerFunctions } from '../../../providers/ServerFunctions/index.js';
+import { useTranslation } from '../../../providers/Translation/index.js';
+import { ChangedDocuments } from '../ChangedDocuments/index.js';
+import './index.css';
+const baseClass = 'scheduled-merges';
+const formatWhen = value => new Date(value).toLocaleString(undefined, {
+  dateStyle: 'long',
+  timeStyle: 'short'
+});
+/**
+ * What a branch is about to merge, and when.
+ *
+ * A banner says it in one line, because it changes what everything below it means: the
+ * pending changes are no longer only a proposal, they are a proposal with a date on it.
+ * Below that each schedule lists the documents it will apply, expandable to the same
+ * diff the review list shows — the diff is against main either way, so it is the same
+ * question asked about a future moment.
+ *
+ * Several schedules can coexist: schedule a merge, keep working, schedule another. The
+ * banner names the soonest and the modal holds the rest, which is why actions live
+ * there rather than being repeated per row.
+ */
+export const ScheduledMerges = ({
+  branchID,
+  branchSlug,
+  schedules
+}) => {
+  const {
+    t
+  } = useTranslation();
+  const {
+    closeModal,
+    openModal
+  } = useModal();
+  const {
+    serverFunction
+  } = useServerFunctions();
+  const router = useRouter();
+  const {
+    startRouteTransition
+  } = useRouteTransition();
+  const [isWorking, setIsWorking] = useState(false);
+  const modalSlug = `scheduled-merges-${branchID}`;
+  const soonest = schedules[0];
+  const handleCancel = useCallback(async deleteID => {
+    setIsWorking(true);
+    try {
+      await serverFunction({
+        name: 'schedule-merge',
+        args: {
+          deleteID
+        }
+      });
+      toast.success(t('branching:scheduleCancelled'));
+      closeModal(modalSlug);
+      await startRouteTransition(() => router.refresh());
+    } catch (_err) {
+      toast.error(t('error:unknown'));
+    } finally {
+      setIsWorking(false);
+    }
+  }, [closeModal, modalSlug, router, serverFunction, startRouteTransition, t]);
+  if (!soonest) {
+    return null;
+  }
+  return /*#__PURE__*/_jsxs(React.Fragment, {
+    children: [/*#__PURE__*/_jsxs("div", {
+      className: `${baseClass}__banner`,
+      children: [/*#__PURE__*/_jsx("span", {
+        className: `${baseClass}__banner-text`,
+        children: t('branching:scheduledToMergeOn', {
+          date: formatWhen(soonest.waitUntil)
+        })
+      }), /*#__PURE__*/_jsxs("span", {
+        className: `${baseClass}__banner-actions`,
+        children: [schedules.length > 1 && /*#__PURE__*/_jsx(Pill, {
+          pillStyle: "light-gray",
+          size: "small",
+          children: t('branching:scheduleCount', {
+            count: schedules.length
+          })
+        }), /*#__PURE__*/_jsx(Button, {
+          buttonStyle: "secondary",
+          onClick: () => openModal(modalSlug),
+          size: "medium",
+          children: t('branching:manage')
+        })]
+      })]
+    }), /*#__PURE__*/_jsx("div", {
+      className: `${baseClass}__list`,
+      children: schedules.map(schedule => /*#__PURE__*/_jsxs("section", {
+        className: `${baseClass}__schedule`,
+        children: [/*#__PURE__*/_jsxs("header", {
+          className: `${baseClass}__schedule-header`,
+          children: [/*#__PURE__*/_jsx("h4", {
+            className: `${baseClass}__when`,
+            children: formatWhen(schedule.waitUntil)
+          }), /*#__PURE__*/_jsxs("span", {
+            className: `${baseClass}__meta`,
+            children: [schedule.isEverything ? t('branching:scheduleWillApplyAll', {
+              count: schedule.changes.length
+            }) : t('branching:scheduleWillApplySelected', {
+              count: schedule.changes.length
+            }), schedule.closeBranch ? ` · ${t('branching:closeBranchAfterMerge')}` : '']
+          })]
+        }), schedule.changes.length > 0 ?
+        // Read-only: what merges is decided, and the checkboxes on the review
+        // list below are for a different, immediate decision.
+        /*#__PURE__*/
+        _jsx(ChangedDocuments, {
+          branch: branchSlug,
+          changes: schedule.changes,
+          selectable: false
+        }) :
+        // A selection whose changes were all discarded since. The job will still
+        // fire and find nothing, which is harmless but worth saying.
+        /*#__PURE__*/
+        _jsx("p", {
+          className: `${baseClass}__empty`,
+          children: t('branching:scheduleHasNothingLeft')
+        })]
+      }, schedule.id))
+    }), /*#__PURE__*/_jsxs(DialogModal, {
+      className: baseClass,
+      closeOnBlur: true,
+      slug: modalSlug,
+      children: [/*#__PURE__*/_jsx(DialogHeader, {
+        showClose: true,
+        title: t('branching:scheduledMerges')
+      }), /*#__PURE__*/_jsx(DialogBody, {
+        children: /*#__PURE__*/_jsx("ul", {
+          className: `${baseClass}__manage-list`,
+          children: schedules.map(schedule_0 => /*#__PURE__*/_jsxs("li", {
+            className: `${baseClass}__manage-row`,
+            children: [/*#__PURE__*/_jsxs("div", {
+              className: `${baseClass}__manage-details`,
+              children: [/*#__PURE__*/_jsx("span", {
+                className: `${baseClass}__manage-when`,
+                children: formatWhen(schedule_0.waitUntil)
+              }), /*#__PURE__*/_jsxs("span", {
+                className: `${baseClass}__meta`,
+                children: [schedule_0.isEverything ? t('branching:scheduleWillApplyAll', {
+                  count: schedule_0.changes.length
+                }) : t('branching:scheduleWillApplySelected', {
+                  count: schedule_0.changes.length
+                }), schedule_0.closeBranch ? ` · ${t('branching:closeBranchAfterMerge')}` : '']
+              }), /*#__PURE__*/_jsx(ChangeSummary, {
+                changes: schedule_0.changes,
+                showOperations: true
+              })]
+            }), /*#__PURE__*/_jsx(Button, {
+              buttonStyle: "destructive",
+              disabled: isWorking,
+              onClick: () => void handleCancel(schedule_0.id),
+              size: "medium",
+              children: t('branching:cancelSchedule')
+            })]
+          }, schedule_0.id))
+        })
+      }), /*#__PURE__*/_jsx(DialogFooter, {
+        children: /*#__PURE__*/_jsx(Button, {
+          buttonStyle: "secondary",
+          onClick: () => closeModal(modalSlug),
+          size: "medium",
+          children: t('general:close')
+        })
+      })]
+    })]
+  });
+};
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["React","useCallback","useState","toast","Button","ChangeSummary","DialogBody","DialogFooter","DialogHeader","DialogModal","useModal","Pill","useRouter","useRouteTransition","useServerFunctions","useTranslation","ChangedDocuments","baseClass","formatWhen","value","Date","toLocaleString","undefined","dateStyle","timeStyle","ScheduledMerges","branchID","branchSlug","schedules","t","closeModal","openModal","serverFunction","router","startRouteTransition","isWorking","setIsWorking","modalSlug","soonest","handleCancel","deleteID","name","args","success","refresh","_err","error","_jsxs","Fragment","className","_jsx","date","waitUntil","length","pillStyle","size","count","buttonStyle","onClick","map","schedule","isEverything","changes","closeBranch","branch","selectable","id","closeOnBlur","slug","showClose","title","showOperations","disabled"],"sources":["../../../../src/views/Branch/ScheduledMerges/index.tsx"],"sourcesContent":["'use client'\n\nimport React, { useCallback, useState } from 'react'\nimport { toast } from 'sonner'\n\nimport type { BranchChange } from '../ChangedDocuments/index.js'\n\nimport { Button } from '../../../elements/Button/index.js'\nimport { ChangeSummary } from '../../../elements/ChangeSummary/index.js'\nimport {\n  DialogBody,\n  DialogFooter,\n  DialogHeader,\n  DialogModal,\n} from '../../../elements/Dialog/index.js'\nimport { useModal } from '../../../elements/Modal/index.js'\nimport { Pill } from '../../../elements/Pill/index.js'\nimport { useRouter } from '../../../providers/RouterAdapter/index.js'\nimport { useRouteTransition } from '../../../providers/RouteTransition/index.js'\nimport { useServerFunctions } from '../../../providers/ServerFunctions/index.js'\nimport { useTranslation } from '../../../providers/Translation/index.js'\nimport { ChangedDocuments } from '../ChangedDocuments/index.js'\nimport './index.css'\n\nconst baseClass = 'scheduled-merges'\n\nexport type ScheduledMerge = {\n  /** The documents this schedule will apply, resolved against what is pending now. */\n  changes: BranchChange[]\n  closeBranch: boolean\n  /** `payload-jobs` row ID, which is also the handle for cancelling it. */\n  id: string\n  /** True when the schedule named no selection, so it takes whatever is pending. */\n  isEverything: boolean\n  waitUntil: string\n}\n\nconst formatWhen = (value: string) =>\n  new Date(value).toLocaleString(undefined, { dateStyle: 'long', timeStyle: 'short' })\n\n/**\n * What a branch is about to merge, and when.\n *\n * A banner says it in one line, because it changes what everything below it means: the\n * pending changes are no longer only a proposal, they are a proposal with a date on it.\n * Below that each schedule lists the documents it will apply, expandable to the same\n * diff the review list shows — the diff is against main either way, so it is the same\n * question asked about a future moment.\n *\n * Several schedules can coexist: schedule a merge, keep working, schedule another. The\n * banner names the soonest and the modal holds the rest, which is why actions live\n * there rather than being repeated per row.\n */\nexport const ScheduledMerges: React.FC<{\n  branchID: number | string\n  branchSlug: string\n  schedules: ScheduledMerge[]\n}> = ({ branchID, branchSlug, schedules }) => {\n  const { t } = useTranslation()\n  const { closeModal, openModal } = useModal()\n  const { serverFunction } = useServerFunctions()\n  const router = useRouter()\n  const { startRouteTransition } = useRouteTransition()\n\n  const [isWorking, setIsWorking] = useState(false)\n\n  const modalSlug = `scheduled-merges-${branchID}`\n  const soonest = schedules[0]\n\n  const handleCancel = useCallback(\n    async (deleteID: string) => {\n      setIsWorking(true)\n\n      try {\n        await serverFunction({ name: 'schedule-merge', args: { deleteID } })\n        toast.success(t('branching:scheduleCancelled'))\n        closeModal(modalSlug)\n        await startRouteTransition(() => router.refresh())\n      } catch (_err) {\n        toast.error(t('error:unknown'))\n      } finally {\n        setIsWorking(false)\n      }\n    },\n    [closeModal, modalSlug, router, serverFunction, startRouteTransition, t],\n  )\n\n  if (!soonest) {\n    return null\n  }\n\n  return (\n    <React.Fragment>\n      <div className={`${baseClass}__banner`}>\n        <span className={`${baseClass}__banner-text`}>\n          {t('branching:scheduledToMergeOn', { date: formatWhen(soonest.waitUntil) })}\n        </span>\n        <span className={`${baseClass}__banner-actions`}>\n          {schedules.length > 1 && (\n            <Pill pillStyle=\"light-gray\" size=\"small\">\n              {t('branching:scheduleCount', { count: schedules.length })}\n            </Pill>\n          )}\n          <Button buttonStyle=\"secondary\" onClick={() => openModal(modalSlug)} size=\"medium\">\n            {t('branching:manage')}\n          </Button>\n        </span>\n      </div>\n\n      <div className={`${baseClass}__list`}>\n        {schedules.map((schedule) => (\n          <section className={`${baseClass}__schedule`} key={schedule.id}>\n            <header className={`${baseClass}__schedule-header`}>\n              <h4 className={`${baseClass}__when`}>{formatWhen(schedule.waitUntil)}</h4>\n              <span className={`${baseClass}__meta`}>\n                {schedule.isEverything\n                  ? t('branching:scheduleWillApplyAll', { count: schedule.changes.length })\n                  : t('branching:scheduleWillApplySelected', { count: schedule.changes.length })}\n                {schedule.closeBranch ? ` · ${t('branching:closeBranchAfterMerge')}` : ''}\n              </span>\n            </header>\n\n            {schedule.changes.length > 0 ? (\n              // Read-only: what merges is decided, and the checkboxes on the review\n              // list below are for a different, immediate decision.\n              <ChangedDocuments branch={branchSlug} changes={schedule.changes} selectable={false} />\n            ) : (\n              // A selection whose changes were all discarded since. The job will still\n              // fire and find nothing, which is harmless but worth saying.\n              <p className={`${baseClass}__empty`}>{t('branching:scheduleHasNothingLeft')}</p>\n            )}\n          </section>\n        ))}\n      </div>\n\n      {/* Cancelling is the only reason to open this, so it is the action on every row\n          rather than a footer CTA — and it is destructive, so it says so. Scheduling\n          another belongs to the merge modal, which is one click away on the banner. */}\n      <DialogModal className={baseClass} closeOnBlur slug={modalSlug}>\n        <DialogHeader showClose title={t('branching:scheduledMerges')} />\n        <DialogBody>\n          <ul className={`${baseClass}__manage-list`}>\n            {schedules.map((schedule) => (\n              <li className={`${baseClass}__manage-row`} key={schedule.id}>\n                <div className={`${baseClass}__manage-details`}>\n                  <span className={`${baseClass}__manage-when`}>\n                    {formatWhen(schedule.waitUntil)}\n                  </span>\n                  <span className={`${baseClass}__meta`}>\n                    {schedule.isEverything\n                      ? t('branching:scheduleWillApplyAll', { count: schedule.changes.length })\n                      : t('branching:scheduleWillApplySelected', {\n                          count: schedule.changes.length,\n                        })}\n                    {schedule.closeBranch ? ` · ${t('branching:closeBranchAfterMerge')}` : ''}\n                  </span>\n                  {/* What is actually merging, which is the thing a date alone does not\n                      say — and the reason someone opened this to cancel. */}\n                  <ChangeSummary changes={schedule.changes} showOperations />\n                </div>\n                <Button\n                  buttonStyle=\"destructive\"\n                  disabled={isWorking}\n                  onClick={() => void handleCancel(schedule.id)}\n                  size=\"medium\"\n                >\n                  {t('branching:cancelSchedule')}\n                </Button>\n              </li>\n            ))}\n          </ul>\n        </DialogBody>\n        <DialogFooter>\n          <Button buttonStyle=\"secondary\" onClick={() => closeModal(modalSlug)} size=\"medium\">\n            {t('general:close')}\n          </Button>\n        </DialogFooter>\n      </DialogModal>\n    </React.Fragment>\n  )\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/views/Branch/index.css

@@ -0,0 +1,79 @@
+@layer payload-default {
+  /* The header band supplies the separation the list used to get from a margin
+     on the heading it replaced. */
+  .branch-changes {
+    padding-block-start: var(--spacer-3);
+  }
+
+  /* Matches `doc-controls`, the bar directly above it, so the two read as one
+     stack of header bands rather than a band and a heading. */
+  .branch-changes__controls {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    gap: var(--spacer-2);
+    width: 100%;
+    padding: var(--spacer-2-5) var(--gutter-h);
+    border-bottom: var(--stroke-width-small) solid var(--color-border);
+    background-color: var(--color-bg);
+  }
+
+  .branch-changes__title {
+    margin: 0;
+    font-family: var(--text-heading-medium-font-family);
+    font-size: var(--text-heading-medium-font-size);
+    font-weight: var(--text-heading-medium-font-weight);
+    line-height: var(--text-heading-medium-line-height);
+    letter-spacing: var(--text-heading-medium-letter-spacing);
+  }
+
+  .branch-changes__actions {
+    display: flex;
+    align-items: center;
+    gap: var(--spacer-2);
+    flex-shrink: 0;
+  }
+
+  /* Separated by space rather than a rule: the section headings already divide them,
+     and a border here would compete with the bordered rows inside each. */
+  .branch-changes__section + .branch-changes__section {
+    margin-block-start: var(--spacer-6);
+  }
+
+  .branch-changes__section-title {
+    margin-block: 0 var(--spacer-2);
+    font-family: var(--text-body-large-strong-font-family);
+    font-size: var(--text-body-large-font-size);
+    font-weight: var(--text-body-large-strong-font-weight);
+  }
+
+  .branch-changes__history-pages {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    gap: var(--spacer-3);
+    margin-block-start: var(--spacer-4);
+  }
+
+  .branch-changes__history-page[aria-disabled='true'] {
+    pointer-events: none;
+    color: var(--color-text-disabled);
+  }
+
+  .branch-changes__history-position,
+  .branch-changes__since,
+  .branch-changes__empty,
+  .branch-changes__closed,
+  .branch-changes__untouched-note {
+    color: var(--color-text-secondary);
+  }
+
+  .branch-changes__since,
+  .branch-changes__untouched-note {
+    margin-block: 0 var(--spacer-2);
+  }
+
+  .branch-changes__closed {
+    margin-block: 0 var(--spacer-3);
+  }
+}

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

@@ -0,0 +1,17 @@
+import type { DocumentViewServerProps } from 'payload';
+import React from 'react';
+import './index.css';
+/**
+ * The default view for a branch: what the branch has changed, ready to review and
+ * merge.
+ *
+ * This is the default rather than the branch's own form because the form is
+ * incidental — a name and a description — while the changes are the reason the
+ * branch exists. The form lives one click away at `/manage`.
+ *
+ * Only the change registry is read here. Each document's diff is fetched by the
+ * client as its row is opened or approached, because a branch can hold hundreds
+ * and rendering every field tree up front would dominate the page load.
+ */
+export declare function BranchChangesView(props: DocumentViewServerProps): Promise<React.JSX.Element>;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/views/Branch/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAmB,uBAAuB,EAAE,MAAM,SAAS,CAAA;AAQvE,OAAO,KAAK,MAAM,OAAO,CAAA;AASzB,OAAO,aAAa,CAAA;AAKpB;;;;;;;;;;;GAWG;AACH,wBAAsB,iBAAiB,CAAC,KAAK,EAAE,uBAAuB,8BAyNrE"}

package/dist/views/Branch/index.js

@@ -0,0 +1,186 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { branchChangesCollectionSlug, branchesCollectionSlug, branchMergesCollectionSlug, extractRelationshipID } from 'payload/shared';
+import React from 'react';
+// eslint-disable-next-line payload/no-imports-from-exports-dir -- Server component must reference exports dir for proper client boundary
+import { BranchChanges, SetDocumentStepNav } from '../../exports/client/index.js';
+import { buildUpcomingMergeWhere } from '../../utilities/buildUpcomingMergeWhere.js';
+import './index.css';
+/** Small: each event lists every document it merged, so pages grow with the events. */
+const MERGE_HISTORY_PAGE_SIZE = 5;
+/**
+ * The default view for a branch: what the branch has changed, ready to review and
+ * merge.
+ *
+ * This is the default rather than the branch's own form because the form is
+ * incidental — a name and a description — while the changes are the reason the
+ * branch exists. The form lives one click away at `/manage`.
+ *
+ * Only the change registry is read here. Each document's diff is fetched by the
+ * client as its row is opened or approached, because a branch can hold hundreds
+ * and rendering every field tree up front would dominate the page load.
+ */
+export async function BranchChangesView(props) {
+  const {
+    initPageResult: {
+      collectionConfig,
+      docID: branchID,
+      req,
+      req: {
+        i18n,
+        payload
+      }
+    }
+  } = props;
+  const branch = branchID ? await payload.findByID({
+    id: branchID,
+    collection: branchesCollectionSlug,
+    depth: 0,
+    overrideAccess: false,
+    req,
+    user: req.user
+  }) : null;
+  const slug = branch?.slug;
+  const changes = slug ? await payload.find({
+    collection: branchChangesCollectionSlug,
+    depth: 0,
+    overrideAccess: true,
+    pagination: false,
+    req,
+    sort: 'collectionSlug',
+    user: req.user,
+    where: {
+      branch: {
+        equals: slug
+      }
+    }
+  }) : null;
+  const documentChanges = (changes?.docs ?? []).reduce((acc, change) => {
+    const row = change;
+    // A global is listed alongside the documents rather than in a section of its own:
+    // it is one more thing this branch changed, and merging works on the same rows.
+    if (row.entityType === 'global' && row.globalSlug) {
+      acc.push({
+        id: String(row.id),
+        globalSlug: row.globalSlug,
+        operation: 'update'
+      });
+      return acc;
+    }
+    const docID = extractRelationshipID({
+      relationship: row.doc
+    });
+    if (row.collectionSlug && docID !== undefined && docID !== null && row.operation) {
+      acc.push({
+        id: String(row.id),
+        collectionSlug: row.collectionSlug,
+        docID,
+        operation: row.operation
+      });
+    }
+    return acc;
+  }, []);
+  // Upcoming schedules, soonest first. A branch can carry several — schedule a merge,
+  // keep working, schedule another — so this is a list rather than a flag.
+  const scheduledJobs = slug ? await payload.find({
+    collection: 'payload-jobs',
+    depth: 0,
+    limit: 25,
+    overrideAccess: true,
+    pagination: false,
+    req,
+    sort: 'waitUntil',
+    where: buildUpcomingMergeWhere({
+      branchSlug: slug
+    })
+  }) : null;
+  const scheduledMerges = (scheduledJobs?.docs ?? []).reduce((acc, job) => {
+    const row = job;
+    if (!row.waitUntil) {
+      return acc;
+    }
+    const selected = row.input?.changes?.length ? new Set(row.input.changes.map(String)) : null;
+    acc.push({
+      id: String(row.id),
+      // What a schedule will actually apply, resolved against what is pending *now*:
+      // a schedule with no selection takes whatever is on the branch when it fires,
+      // and a selection can name changes that have since been discarded.
+      changes: selected ? documentChanges.filter(change => selected.has(String(change.id))) : documentChanges,
+      closeBranch: Boolean(row.input?.closeBranch),
+      isEverything: !selected,
+      waitUntil: row.waitUntil
+    });
+    return acc;
+  }, []);
+  // The merge history, newest first and paginated: a long-lived branch accumulates
+  // one event per merge indefinitely, so this read is paginated independently.
+  const historyPage = Number(props.searchParams?.historyPage ?? 1);
+  const historyPageNumber = Number.isFinite(historyPage) && historyPage > 0 ? historyPage : 1;
+  const merges = slug ? await payload.find({
+    collection: branchMergesCollectionSlug,
+    depth: 0,
+    limit: MERGE_HISTORY_PAGE_SIZE,
+    overrideAccess: false,
+    page: historyPageNumber,
+    req,
+    // A row's referenced versions and diff are fetched only when it is opened.
+    select: {
+      branch: true,
+      changes: {
+        collectionSlug: true,
+        docID: true,
+        docTitle: true,
+        globalSlug: true,
+        operation: true
+      },
+      mergedAt: true,
+      mergedByLabel: true
+    },
+    sort: '-mergedAt',
+    user: req.user,
+    where: {
+      branch: {
+        equals: slug
+      }
+    }
+  }) : null;
+  const mergeEvents = (merges?.docs ?? []).map(event => {
+    const row = event;
+    return {
+      id: String(row.id),
+      changes: (row.changes ?? []).map(change => ({
+        collectionSlug: change.collectionSlug ?? '',
+        docID: change.docID ?? '',
+        docTitle: change.docTitle ?? change.docID ?? '',
+        globalSlug: change.globalSlug,
+        operation: change.operation ?? 'update'
+      })),
+      mergedAt: row.mergedAt ?? '',
+      mergedByLabel: row.mergedByLabel
+    };
+  });
+  // Resolved here rather than passed through: the label is a function on this
+  // collection, and `SetDocumentStepNav` is a client component.
+  const pluralLabel = typeof collectionConfig?.labels?.plural === 'function' ? collectionConfig.labels.plural({
+    i18n,
+    t: i18n.t
+  }) : collectionConfig?.labels?.plural;
+  return /*#__PURE__*/_jsxs(React.Fragment, {
+    children: [/*#__PURE__*/_jsx(SetDocumentStepNav, {
+      collectionSlug: branchesCollectionSlug,
+      id: branchID,
+      pluralLabel: pluralLabel,
+      useAsTitle: collectionConfig?.admin?.useAsTitle
+    }), branchID !== undefined && branchID !== null && /*#__PURE__*/_jsx(BranchChanges, {
+      branchID: branchID,
+      branchName: branch?.name ?? slug ?? '',
+      branchSlug: slug ?? '',
+      changes: documentChanges,
+      historyPage: historyPageNumber,
+      historyTotalPages: merges?.totalPages ?? 1,
+      isClosed: branch?.status === 'closed',
+      mergeEvents: mergeEvents,
+      scheduledMerges: scheduledMerges
+    })]
+  });
+}
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["branchChangesCollectionSlug","branchesCollectionSlug","branchMergesCollectionSlug","extractRelationshipID","React","BranchChanges","SetDocumentStepNav","buildUpcomingMergeWhere","MERGE_HISTORY_PAGE_SIZE","BranchChangesView","props","initPageResult","collectionConfig","docID","branchID","req","i18n","payload","branch","findByID","id","collection","depth","overrideAccess","user","slug","changes","find","pagination","sort","where","equals","documentChanges","docs","reduce","acc","change","row","entityType","globalSlug","push","String","operation","relationship","doc","collectionSlug","undefined","scheduledJobs","limit","branchSlug","scheduledMerges","job","waitUntil","selected","input","length","Set","map","filter","has","closeBranch","Boolean","isEverything","historyPage","Number","searchParams","historyPageNumber","isFinite","merges","page","select","docTitle","mergedAt","mergedByLabel","mergeEvents","event","pluralLabel","labels","plural","t","_jsxs","Fragment","_jsx","useAsTitle","admin","branchName","name","historyTotalPages","totalPages","isClosed","status"],"sources":["../../../src/views/Branch/index.tsx"],"sourcesContent":["import type { BranchOperation, DocumentViewServerProps } from 'payload'\n\nimport {\n  branchChangesCollectionSlug,\n  branchesCollectionSlug,\n  branchMergesCollectionSlug,\n  extractRelationshipID,\n} from 'payload/shared'\nimport React 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\n// eslint-disable-next-line payload/no-imports-from-exports-dir -- Server component must reference exports dir for proper client boundary\nimport { BranchChanges, SetDocumentStepNav } from '../../exports/client/index.js'\nimport { buildUpcomingMergeWhere } from '../../utilities/buildUpcomingMergeWhere.js'\nimport './index.css'\n\n/** Small: each event lists every document it merged, so pages grow with the events. */\nconst MERGE_HISTORY_PAGE_SIZE = 5\n\n/**\n * The default view for a branch: what the branch has changed, ready to review and\n * merge.\n *\n * This is the default rather than the branch's own form because the form is\n * incidental — a name and a description — while the changes are the reason the\n * branch exists. The form lives one click away at `/manage`.\n *\n * Only the change registry is read here. Each document's diff is fetched by the\n * client as its row is opened or approached, because a branch can hold hundreds\n * and rendering every field tree up front would dominate the page load.\n */\nexport async function BranchChangesView(props: DocumentViewServerProps) {\n  const {\n    initPageResult: {\n      collectionConfig,\n      docID: branchID,\n      req,\n      req: { i18n, payload },\n    },\n  } = props\n\n  const branch = branchID\n    ? await payload.findByID({\n        id: branchID,\n        collection: branchesCollectionSlug,\n        depth: 0,\n        overrideAccess: false,\n        req,\n        user: req.user,\n      })\n    : null\n\n  const slug = (branch as { slug?: string } | null)?.slug\n\n  const changes = slug\n    ? await payload.find({\n        collection: branchChangesCollectionSlug,\n        depth: 0,\n        overrideAccess: true,\n        pagination: false,\n        req,\n        sort: 'collectionSlug',\n        user: req.user,\n        where: { branch: { equals: slug } },\n      })\n    : null\n\n  const documentChanges: BranchChange[] = (changes?.docs ?? []).reduce<BranchChange[]>(\n    (acc, change) => {\n      const row = change as {\n        collectionSlug?: string\n        doc?: { value?: number | string } | number | string\n        entityType?: string\n        globalSlug?: string\n        id: number | string\n        operation?: BranchChange['operation']\n      }\n\n      // A global is listed alongside the documents rather than in a section of its own:\n      // it is one more thing this branch changed, and merging works on the same rows.\n      if (row.entityType === 'global' && row.globalSlug) {\n        acc.push({\n          id: String(row.id),\n          globalSlug: row.globalSlug,\n          operation: 'update',\n        })\n\n        return acc\n      }\n\n      const docID = extractRelationshipID({ relationship: row.doc })\n\n      if (row.collectionSlug && docID !== undefined && docID !== null && row.operation) {\n        acc.push({\n          id: String(row.id),\n          collectionSlug: row.collectionSlug,\n          docID,\n          operation: row.operation,\n        })\n      }\n\n      return acc\n    },\n    [],\n  )\n\n  // Upcoming schedules, soonest first. A branch can carry several — schedule a merge,\n  // keep working, schedule another — so this is a list rather than a flag.\n  const scheduledJobs = slug\n    ? await payload.find({\n        collection: 'payload-jobs',\n        depth: 0,\n        limit: 25,\n        overrideAccess: true,\n        pagination: false,\n        req,\n        sort: 'waitUntil',\n        where: buildUpcomingMergeWhere({ branchSlug: slug }),\n      })\n    : null\n\n  const scheduledMerges: ScheduledMerge[] = (scheduledJobs?.docs ?? []).reduce<ScheduledMerge[]>(\n    (acc, job) => {\n      const row = job as {\n        id: number | string\n        input?: { changes?: string[]; closeBranch?: boolean }\n        waitUntil?: string\n      }\n\n      if (!row.waitUntil) {\n        return acc\n      }\n\n      const selected = row.input?.changes?.length ? new Set(row.input.changes.map(String)) : null\n\n      acc.push({\n        id: String(row.id),\n        // What a schedule will actually apply, resolved against what is pending *now*:\n        // a schedule with no selection takes whatever is on the branch when it fires,\n        // and a selection can name changes that have since been discarded.\n        changes: selected\n          ? documentChanges.filter((change) => selected.has(String(change.id)))\n          : documentChanges,\n        closeBranch: Boolean(row.input?.closeBranch),\n        isEverything: !selected,\n        waitUntil: row.waitUntil,\n      })\n\n      return acc\n    },\n    [],\n  )\n\n  // The merge history, newest first and paginated: a long-lived branch accumulates\n  // one event per merge indefinitely, so this read is paginated independently.\n  const historyPage = Number(\n    (props.searchParams as Record<string, string | undefined> | undefined)?.historyPage ?? 1,\n  )\n  const historyPageNumber = Number.isFinite(historyPage) && historyPage > 0 ? historyPage : 1\n\n  const merges = slug\n    ? await payload.find({\n        collection: branchMergesCollectionSlug,\n        depth: 0,\n        limit: MERGE_HISTORY_PAGE_SIZE,\n        overrideAccess: false,\n        page: historyPageNumber,\n        req,\n        // A row's referenced versions and diff are fetched only when it is opened.\n        select: {\n          branch: true,\n          changes: {\n            collectionSlug: true,\n            docID: true,\n            docTitle: true,\n            globalSlug: true,\n            operation: true,\n          },\n          mergedAt: true,\n          mergedByLabel: true,\n        },\n        sort: '-mergedAt',\n        user: req.user,\n        where: { branch: { equals: slug } },\n      })\n    : null\n\n  const mergeEvents: MergeEvent[] = (merges?.docs ?? []).map((event) => {\n    const row = event as {\n      changes?: {\n        collectionSlug?: string\n        docID?: string\n        docTitle?: string\n        globalSlug?: string\n        operation?: BranchOperation\n      }[]\n      id: number | string\n      mergedAt?: string\n      mergedByLabel?: string\n    }\n\n    return {\n      id: String(row.id),\n      changes: (row.changes ?? []).map((change) => ({\n        collectionSlug: change.collectionSlug ?? '',\n        docID: change.docID ?? '',\n        docTitle: change.docTitle ?? change.docID ?? '',\n        globalSlug: change.globalSlug,\n        operation: change.operation ?? 'update',\n      })),\n      mergedAt: row.mergedAt ?? '',\n      mergedByLabel: row.mergedByLabel,\n    }\n  })\n\n  // Resolved here rather than passed through: the label is a function on this\n  // collection, and `SetDocumentStepNav` is a client component.\n  const pluralLabel =\n    typeof collectionConfig?.labels?.plural === 'function'\n      ? collectionConfig.labels.plural({ i18n, t: i18n.t })\n      : collectionConfig?.labels?.plural\n\n  return (\n    <React.Fragment>\n      {/* Without this the trail stops at the dashboard: the crumbs are set by the\n          view, and this one replaced the default edit view. No crumb of its own —\n          this is what a branch opens to, so naming it would repeat the branch. */}\n      <SetDocumentStepNav\n        collectionSlug={branchesCollectionSlug}\n        id={branchID}\n        pluralLabel={pluralLabel}\n        useAsTitle={collectionConfig?.admin?.useAsTitle}\n      />\n      {branchID !== undefined && branchID !== null && (\n        <BranchChanges\n          branchID={branchID}\n          branchName={(branch as { name?: string } | null)?.name ?? slug ?? ''}\n          branchSlug={slug ?? ''}\n          changes={documentChanges}\n          historyPage={historyPageNumber}\n          historyTotalPages={merges?.totalPages ?? 1}\n          isClosed={(branch as { status?: string } | null)?.status === 'closed'}\n          mergeEvents={mergeEvents}\n          scheduledMerges={scheduledMerges}\n        />\n      )}\n    </React.Fragment>\n  )\n}\n"],"mappings":"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","ignoreList":[]}