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

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

@@ -0,0 +1,71 @@
+'use client';
+
+import { c as _c } from "react/compiler-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React, { useEffect } from 'react';
+import { useStepNav } from '../../../elements/StepNav/index.js';
+import { useTranslation } from '../../../providers/Translation/index.js';
+import { DefaultEditView } from '../../Edit/index.js';
+/**
+ * A branch's own fields, at `/manage`.
+ *
+ * Payload's edit view, unchanged, plus the crumb that says which view you are on.
+ * A branch opens to its changed documents, so the branch crumb alone would land
+ * you somewhere else than where you are.
+ */
+export const BranchManageView = props => /*#__PURE__*/_jsxs(React.Fragment, {
+  children: [/*#__PURE__*/_jsx(DefaultEditView, {
+    ...props
+  }), /*#__PURE__*/_jsx(EditCrumb, {})]
+});
+/**
+ * Appends to the trail rather than setting it.
+ *
+ * The edit view owns the trail and rewrites it whenever the document resolves, so
+ * a second writer would race it. This reacts to whatever it wrote instead, which
+ * self-corrects on every rewrite.
+ */
+const EditCrumb = () => {
+  const $ = _c(7);
+  const {
+    setStepNav,
+    stepNav
+  } = useStepNav();
+  const {
+    t
+  } = useTranslation();
+  let t0;
+  if ($[0] !== t) {
+    t0 = t("general:edit");
+    $[0] = t;
+    $[1] = t0;
+  } else {
+    t0 = $[1];
+  }
+  const label = t0;
+  let t1;
+  let t2;
+  if ($[2] !== label || $[3] !== setStepNav || $[4] !== stepNav) {
+    t1 = () => {
+      const last = stepNav[stepNav.length - 1];
+      if (!last || last.label === label && !last.url) {
+        return;
+      }
+      setStepNav([...stepNav, {
+        label
+      }]);
+    };
+    t2 = [label, setStepNav, stepNav];
+    $[2] = label;
+    $[3] = setStepNav;
+    $[4] = stepNav;
+    $[5] = t1;
+    $[6] = t2;
+  } else {
+    t1 = $[5];
+    t2 = $[6];
+  }
+  useEffect(t1, t2);
+  return null;
+};
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["c","_c","React","useEffect","useStepNav","useTranslation","DefaultEditView","BranchManageView","props","_jsxs","Fragment","_jsx","EditCrumb","$","setStepNav","stepNav","t","t0","label","t1","t2","last","length","url"],"sources":["../../../../src/views/Branch/Manage/index.tsx"],"sourcesContent":["'use client'\n\nimport type { DocumentViewClientProps } from 'payload'\n\nimport React, { useEffect } from 'react'\n\nimport { useStepNav } from '../../../elements/StepNav/index.js'\nimport { useTranslation } from '../../../providers/Translation/index.js'\nimport { DefaultEditView } from '../../Edit/index.js'\n\n/**\n * A branch's own fields, at `/manage`.\n *\n * Payload's edit view, unchanged, plus the crumb that says which view you are on.\n * A branch opens to its changed documents, so the branch crumb alone would land\n * you somewhere else than where you are.\n */\nexport const BranchManageView: React.FC<DocumentViewClientProps> = (props) => (\n  <React.Fragment>\n    <DefaultEditView {...props} />\n    <EditCrumb />\n  </React.Fragment>\n)\n\n/**\n * Appends to the trail rather than setting it.\n *\n * The edit view owns the trail and rewrites it whenever the document resolves, so\n * a second writer would race it. This reacts to whatever it wrote instead, which\n * self-corrects on every rewrite.\n */\nconst EditCrumb: React.FC = () => {\n  const { setStepNav, stepNav } = useStepNav()\n  const { t } = useTranslation()\n\n  const label = t('general:edit')\n\n  useEffect(() => {\n    const last = stepNav[stepNav.length - 1]\n\n    // Ours is the only crumb without a link, so this cannot mistake a branch\n    // that happens to be named \"Edit\" for a crumb already appended.\n    if (!last || (last.label === label && !last.url)) {\n      return\n    }\n\n    setStepNav([...stepNav, { label }])\n  }, [label, setStepNav, stepNav])\n\n  return null\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AAIA,OAAOC,KAAA,IAASC,SAAS,QAAQ;AAEjC,SAASC,UAAU,QAAQ;AAC3B,SAASC,cAAc,QAAQ;AAC/B,SAASC,eAAe,QAAQ;AAEhC;;;;;;;AAOA,OAAO,MAAMC,gBAAA,GAAuDC,KAAA,iBAClEC,KAAA,CAACP,KAAA,CAAMQ,QAAQ;0BACbC,IAAA,CAACL,eAAA;IAAiB,GAAGE;mBACrBG,IAAA,CAACC,SAAA;;AAIL;;;;;;;AAOA,MAAMA,SAAA,GAAsBA,CAAA;EAAA,MAAAC,CAAA,GAAAZ,EAAA;EAC1B;IAAAa,UAAA;IAAAC;EAAA,IAAgCX,UAAA;EAChC;IAAAY;EAAA,IAAcX,cAAA;EAAA,IAAAY,EAAA;EAAA,IAAAJ,CAAA,QAAAG,CAAA;IAEAC,EAAA,GAAAD,CAAA,CAAE;IAAAH,CAAA,MAAAG,CAAA;IAAAH,CAAA,MAAAI,EAAA;EAAA;IAAAA,EAAA,GAAAJ,CAAA;EAAA;EAAhB,MAAAK,KAAA,GAAcD,EAAE;EAAA,IAAAE,EAAA;EAAA,IAAAC,EAAA;EAAA,IAAAP,CAAA,QAAAK,KAAA,IAAAL,CAAA,QAAAC,UAAA,IAAAD,CAAA,QAAAE,OAAA;IAENI,EAAA,GAAAA,CAAA;MACR,MAAAE,IAAA,GAAaN,OAAO,CAACA,OAAA,CAAAO,MAAc,GAAG,EAAE;MAIxC,IAAI,CAACD,IAA0C,IAAjCA,IAAA,CAAAH,KAAU,KAAKA,KAAkB,IAAjC,CAAyBG,IAAA,CAAAE,GAAQ;QAAA;MAAA;MAI/CT,UAAA,CAAW,IAAIC,OAAA,EAAS;QAAAG;MAAQ,EAAE;IAAA,CACpC;IAAGE,EAAA,IAACF,KAAA,EAAOJ,UAAA,EAAYC,OAAA,CAAQ;IAAAF,CAAA,MAAAK,KAAA;IAAAL,CAAA,MAAAC,UAAA;IAAAD,CAAA,MAAAE,OAAA;IAAAF,CAAA,MAAAM,EAAA;IAAAN,CAAA,MAAAO,EAAA;EAAA;IAAAD,EAAA,GAAAN,CAAA;IAAAO,EAAA,GAAAP,CAAA;EAAA;EAV/BV,SAAA,CAAUgB,EAUV,EAAGC,EAA4B;EAAA,OAExB;AAAA,CACT","ignoreList":[]}

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

@@ -0,0 +1,14 @@
+import React from 'react';
+import type { MergeTarget } from '../../../elements/MergeBranch/context.js';
+/**
+ * The primary action on a branch: take what it changed.
+ *
+ * Raises the shared modal against this screen's target rather than mounting one of
+ * its own — the switcher in the app header can raise the same modal from the same
+ * page, and two dialogs on one slug stack.
+ */
+export declare const MergeChangesButton: React.FC<{
+    disabled?: boolean;
+    target: MergeTarget;
+}>;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/views/Branch/MergeChangesButton/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,0CAA0C,CAAA;AAM3E;;;;;;GAMG;AACH,eAAO,MAAM,kBAAkB,EAAE,KAAK,CAAC,EAAE,CAAC;IACxC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,MAAM,EAAE,WAAW,CAAA;CACpB,CAcA,CAAA"}

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

@@ -0,0 +1,55 @@
+'use client';
+
+import { c as _c } from "react/compiler-runtime";
+import { jsx as _jsx } from "react/jsx-runtime";
+import React from 'react';
+import { Button } from '../../../elements/Button/index.js';
+import { useMergeBranch } from '../../../elements/MergeBranch/context.js';
+import { useTranslation } from '../../../providers/Translation/index.js';
+/**
+ * The primary action on a branch: take what it changed.
+ *
+ * Raises the shared modal against this screen's target rather than mounting one of
+ * its own — the switcher in the app header can raise the same modal from the same
+ * page, and two dialogs on one slug stack.
+ */
+export const MergeChangesButton = t0 => {
+  const $ = _c(7);
+  const {
+    disabled,
+    target
+  } = t0;
+  const {
+    openMerge
+  } = useMergeBranch();
+  const {
+    t
+  } = useTranslation();
+  let t1;
+  if ($[0] !== openMerge || $[1] !== target) {
+    t1 = () => openMerge(target);
+    $[0] = openMerge;
+    $[1] = target;
+    $[2] = t1;
+  } else {
+    t1 = $[2];
+  }
+  let t2;
+  if ($[3] !== disabled || $[4] !== t || $[5] !== t1) {
+    t2 = _jsx(Button, {
+      buttonStyle: "primary",
+      disabled,
+      onClick: t1,
+      size: "medium",
+      children: t("branching:mergeChanges")
+    });
+    $[3] = disabled;
+    $[4] = t;
+    $[5] = t1;
+    $[6] = t2;
+  } else {
+    t2 = $[6];
+  }
+  return t2;
+};
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["c","_c","React","Button","useMergeBranch","useTranslation","MergeChangesButton","t0","$","disabled","target","openMerge","t","t1","t2","_jsx","buttonStyle","onClick","size","children"],"sources":["../../../../src/views/Branch/MergeChangesButton/index.tsx"],"sourcesContent":["'use client'\n\nimport React from 'react'\n\nimport type { MergeTarget } from '../../../elements/MergeBranch/context.js'\n\nimport { Button } from '../../../elements/Button/index.js'\nimport { useMergeBranch } from '../../../elements/MergeBranch/context.js'\nimport { useTranslation } from '../../../providers/Translation/index.js'\n\n/**\n * The primary action on a branch: take what it changed.\n *\n * Raises the shared modal against this screen's target rather than mounting one of\n * its own — the switcher in the app header can raise the same modal from the same\n * page, and two dialogs on one slug stack.\n */\nexport const MergeChangesButton: React.FC<{\n  disabled?: boolean\n  target: MergeTarget\n}> = ({ disabled, target }) => {\n  const { openMerge } = useMergeBranch()\n  const { t } = useTranslation()\n\n  return (\n    <Button\n      buttonStyle=\"primary\"\n      disabled={disabled}\n      onClick={() => openMerge(target)}\n      size=\"medium\"\n    >\n      {t('branching:mergeChanges')}\n    </Button>\n  )\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AAEA,OAAOC,KAAA,MAAW;AAIlB,SAASC,MAAM,QAAQ;AACvB,SAASC,cAAc,QAAQ;AAC/B,SAASC,cAAc,QAAQ;AAE/B;;;;;;;AAOA,OAAO,MAAMC,kBAAA,GAGRC,EAAA;EAAA,MAAAC,CAAA,GAAAP,EAAA;EAAC;IAAAQ,QAAA;IAAAC;EAAA,IAAAH,EAAoB;EACxB;IAAAI;EAAA,IAAsBP,cAAA;EACtB;IAAAQ;EAAA,IAAcP,cAAA;EAAA,IAAAQ,EAAA;EAAA,IAAAL,CAAA,QAAAG,SAAA,IAAAH,CAAA,QAAAE,MAAA;IAMDG,EAAA,GAAAA,CAAA,KAAMF,SAAA,CAAUD,MAAA;IAAAF,CAAA,MAAAG,SAAA;IAAAH,CAAA,MAAAE,MAAA;IAAAF,CAAA,MAAAK,EAAA;EAAA;IAAAA,EAAA,GAAAL,CAAA;EAAA;EAAA,IAAAM,EAAA;EAAA,IAAAN,CAAA,QAAAC,QAAA,IAAAD,CAAA,QAAAI,CAAA,IAAAJ,CAAA,QAAAK,EAAA;IAH3BC,EAAA,GAAAC,IAAA,CAACZ,MAAA;MAAAa,WAAA,EACa;MAAAP,QAAA;MAAAQ,OAAA,EAEHJ,EAAgB;MAAAK,IAAA,EACpB;MAAAC,QAAA,EAEJP,CAAA,CAAE;;;;;;;;;SANLE,E;CASJ","ignoreList":[]}

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

@@ -0,0 +1,137 @@
+@layer payload-default {
+  .merge-ledger {
+    display: flex;
+    flex-direction: column;
+    gap: var(--spacer-5);
+  }
+
+  .merge-ledger__header {
+    display: flex;
+    align-items: baseline;
+    justify-content: space-between;
+    gap: var(--spacer-3);
+    margin-block-end: var(--spacer-2);
+  }
+
+  .merge-ledger__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);
+  }
+
+  .merge-ledger__meta {
+    color: var(--color-text-secondary);
+  }
+
+  .merge-ledger__list {
+    display: flex;
+    flex-direction: column;
+    gap: var(--spacer-1);
+    margin: 0;
+    padding: 0;
+    list-style: none;
+  }
+
+  .merge-ledger__row {
+    border: var(--stroke-width-small) solid var(--color-border);
+    border-radius: var(--radius-medium);
+    overflow: hidden;
+  }
+
+  .merge-ledger__row-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. */
+  .merge-ledger__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;
+    }
+  }
+
+  .merge-ledger__row-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);
+  }
+
+  .merge-ledger__operation,
+  .merge-ledger__entity {
+    flex-shrink: 0;
+  }
+
+  /* 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. */
+  .merge-ledger__entity {
+    background: var(--color-bg);
+    box-shadow: inset 0 0 0 var(--stroke-width-small) var(--color-border);
+  }
+
+  .merge-ledger__title {
+    flex: 1 1 auto;
+    min-width: 0;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+  }
+
+  /* The one part of the header that is not the toggle: the document itself is still
+     reachable, since main is where the merged content now lives.
+     Sized to its text and not allowed to grow — stretched across the row it would
+     sit on top of the toggle overlay and swallow every click meant to expand. */
+  .merge-ledger__title--link {
+    position: relative;
+    z-index: 1;
+    flex: 0 1 auto;
+    margin-inline-end: auto;
+    pointer-events: all;
+    color: var(--color-text);
+
+    &:hover {
+      color: var(--color-text-brand);
+    }
+  }
+
+  .merge-ledger__indicator {
+    flex-shrink: 0;
+    color: var(--color-icon);
+  }
+
+  .merge-ledger__diff {
+    padding: var(--spacer-3);
+    border-block-start: var(--stroke-width-small) solid var(--color-border);
+  }
+
+  .merge-ledger__error {
+    color: var(--color-text-secondary);
+  }
+}

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

@@ -0,0 +1,25 @@
+import type { MergeEventChange as PersistedMergeEventChange } from 'payload';
+import React from 'react';
+import './index.css';
+export type MergeEventChange = Pick<PersistedMergeEventChange, 'collectionSlug' | 'docID' | 'docTitle' | 'globalSlug' | 'operation'>;
+export type MergeEvent = {
+    changes: MergeEventChange[];
+    id: string;
+    mergedAt: string;
+    mergedByLabel?: string;
+};
+/**
+ * A branch's history: one section per merge event, newest first.
+ *
+ * Reconstructed from the ledger rather than from the branch's current state, which
+ * by then holds nothing — a merge consumes the change rows it applies and drops the
+ * shadow rows behind them. Titles are the ones the documents had when they merged.
+ *
+ * Rows expand to the diff of what that merge did, rendered from the target versions
+ * recorded either side of the write. Fetched per row, because a history can hold
+ * hundreds of documents and each diff is a full field-tree render.
+ */
+export declare const MergeLedger: React.FC<{
+    events: MergeEvent[];
+}>;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/views/Branch/MergeLedger/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,gBAAgB,IAAI,yBAAyB,EAAE,MAAM,SAAS,CAAA;AAI5E,OAAO,KAAmD,MAAM,OAAO,CAAA;AAWvE,OAAO,aAAa,CAAA;AAIpB,MAAM,MAAM,gBAAgB,GAAG,IAAI,CACjC,yBAAyB,EACzB,gBAAgB,GAAG,OAAO,GAAG,UAAU,GAAG,YAAY,GAAG,WAAW,CACrE,CAAA;AAED,MAAM,MAAM,UAAU,GAAG;IACvB,OAAO,EAAE,gBAAgB,EAAE,CAAA;IAC3B,EAAE,EAAE,MAAM,CAAA;IACV,QAAQ,EAAE,MAAM,CAAA;IAChB,aAAa,CAAC,EAAE,MAAM,CAAA;CACvB,CAAA;AAaD;;;;;;;;;;GAUG;AACH,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC;IAAE,MAAM,EAAE,UAAU,EAAE,CAAA;CAAE,CAoM1D,CAAA"}

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

@@ -0,0 +1,228 @@
+'use client';
+
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { getTranslation } from '@payloadcms/translations';
+import { formatAdminURL } from 'payload/shared';
+import React, { useCallback, useEffect, useRef, useState } from 'react';
+import { Link } from '../../../elements/Link/index.js';
+import { Pill } from '../../../elements/Pill/index.js';
+import { ShimmerEffect } from '../../../elements/ShimmerEffect/index.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 = 'merge-ledger';
+const operationPillStyle = {
+  create: 'success',
+  delete: 'error',
+  update: 'warning'
+};
+/**
+ * A branch's history: one section per merge event, newest first.
+ *
+ * Reconstructed from the ledger rather than from the branch's current state, which
+ * by then holds nothing — a merge consumes the change rows it applies and drops the
+ * shadow rows behind them. Titles are the ones the documents had when they merged.
+ *
+ * Rows expand to the diff of what that merge did, rendered from the target versions
+ * recorded either side of the write. Fetched per row, because a history can hold
+ * hundreds of documents and each diff is a full field-tree render.
+ */
+export const MergeLedger = ({
+  events
+}) => {
+  const {
+    config,
+    getEntityConfig
+  } = useConfig();
+  const {
+    i18n,
+    t
+  } = useTranslation();
+  const {
+    serverFunction
+  } = useServerFunctions();
+  const [expanded, setExpanded] = useState(() => new Set());
+  const [loaded, setLoaded] = useState({});
+  const loadedRef = useRef(loaded);
+  useEffect(() => {
+    loadedRef.current = loaded;
+  }, [loaded]);
+  const load = useCallback(async ({
+    changeIndex,
+    key,
+    mergeID
+  }) => {
+    if (loadedRef.current[key]) {
+      return;
+    }
+    setLoaded(prev => ({
+      ...prev,
+      [key]: {
+        status: 'loading'
+      }
+    }));
+    try {
+      const result = await serverFunction({
+        name: 'render-merge-diff',
+        args: {
+          changeIndex,
+          mergeID
+        }
+      });
+      setLoaded(prev_1 => ({
+        ...prev_1,
+        [key]: {
+          result,
+          status: 'ready'
+        }
+      }));
+    } catch (_err) {
+      setLoaded(prev_0 => ({
+        ...prev_0,
+        [key]: {
+          status: 'error'
+        }
+      }));
+    }
+  }, [serverFunction]);
+  const toggle = useCallback(({
+    changeIndex: changeIndex_0,
+    key: key_0,
+    mergeID: mergeID_0
+  }) => {
+    // The fetch is kicked off outside the updater. A state updater must be pure —
+    // React may run it during another component's render, and the `setLoaded` inside
+    // `load` then lands mid-render.
+    const willExpand = !expanded.has(key_0);
+    setExpanded(prev_2 => {
+      const next = new Set(prev_2);
+      if (next.has(key_0)) {
+        next.delete(key_0);
+      } else {
+        next.add(key_0);
+      }
+      return next;
+    });
+    if (willExpand) {
+      void load({
+        changeIndex: changeIndex_0,
+        key: key_0,
+        mergeID: mergeID_0
+      });
+    }
+  }, [expanded, load]);
+  if (!events.length) {
+    return null;
+  }
+  return /*#__PURE__*/_jsx("div", {
+    className: baseClass,
+    children: events.map(event => /*#__PURE__*/_jsxs("section", {
+      className: `${baseClass}__event`,
+      children: [/*#__PURE__*/_jsxs("header", {
+        className: `${baseClass}__header`,
+        children: [/*#__PURE__*/_jsx("h3", {
+          className: `${baseClass}__when`,
+          children: t('branching:mergedOn', {
+            date: new Date(event.mergedAt).toLocaleString(undefined, {
+              dateStyle: 'medium',
+              timeStyle: 'short'
+            })
+          })
+        }), /*#__PURE__*/_jsx("span", {
+          className: `${baseClass}__meta`,
+          children: event.mergedByLabel ? t('branching:mergedByCount', {
+            count: event.changes.length,
+            user: event.mergedByLabel
+          }) : t('branching:mergedCount', {
+            count: event.changes.length
+          })
+        })]
+      }), /*#__PURE__*/_jsx("ul", {
+        className: `${baseClass}__list`,
+        children: event.changes.map((change, changeIndex_1) => {
+          const collectionConfig = change.globalSlug ? undefined : getEntityConfig({
+            collectionSlug: change.collectionSlug
+          });
+          const globalConfig = change.globalSlug ? getEntityConfig({
+            globalSlug: change.globalSlug
+          }) : undefined;
+          const key_1 = `${event.id}-${changeIndex_1}`;
+          const contentID = `${baseClass}-${key_1}-diff`;
+          const isExpanded = expanded.has(key_1);
+          const state = loaded[key_1];
+          return /*#__PURE__*/_jsxs("li", {
+            className: `${baseClass}__row`,
+            children: [/*#__PURE__*/_jsxs("div", {
+              className: `${baseClass}__row-header`,
+              children: [/*#__PURE__*/_jsx("button", {
+                "aria-controls": contentID,
+                "aria-expanded": isExpanded,
+                className: `${baseClass}__toggle`,
+                onClick: () => toggle({
+                  changeIndex: changeIndex_1,
+                  key: key_1,
+                  mergeID: event.id
+                }),
+                type: "button",
+                children: /*#__PURE__*/_jsx("span", {
+                  children: change.docTitle
+                })
+              }), /*#__PURE__*/_jsxs("div", {
+                className: `${baseClass}__row-content`,
+                children: [/*#__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: getTranslation(globalConfig ? globalConfig.label ?? change.globalSlug : collectionConfig?.labels?.singular ?? change.collectionSlug, i18n)
+                }), change.operation === 'delete' ? /*#__PURE__*/_jsx("span", {
+                  className: `${baseClass}__title`,
+                  children: change.docTitle
+                }) : /*#__PURE__*/_jsx(Link, {
+                  className: `${baseClass}__title ${baseClass}__title--link`,
+                  href: formatAdminURL({
+                    adminRoute: config.routes.admin,
+                    path: change.globalSlug ? `/globals/${change.globalSlug}` : `/collections/${change.collectionSlug}/${change.docID}`
+                  }),
+                  children: change.docTitle
+                }), /*#__PURE__*/_jsx(ChevronIcon, {
+                  className: `${baseClass}__indicator`,
+                  direction: isExpanded ? 'up' : 'down',
+                  size: 16
+                })]
+              })]
+            }), isExpanded && /*#__PURE__*/_jsxs("div", {
+              className: `${baseClass}__diff`,
+              id: contentID,
+              children: [state?.status === 'ready' && state.result?.status === 'ready' ? state.result.diff : null, state?.status === 'loading' || !state ? /*#__PURE__*/_jsxs("div", {
+                "aria-live": "polite",
+                role: "status",
+                children: [/*#__PURE__*/_jsx("span", {
+                  className: "sr-only",
+                  children: t('general:loading')
+                }), /*#__PURE__*/_jsx(ShimmerEffect, {
+                  height: "3rem"
+                })]
+              }) : null, state?.status === 'ready' && state.result?.status === 'unavailable' ? /*#__PURE__*/_jsx("p", {
+                className: `${baseClass}__error`,
+                role: "status",
+                children: t('general:notFound')
+              }) : null, state?.status === 'error' ? /*#__PURE__*/_jsx("p", {
+                className: `${baseClass}__error`,
+                role: "status",
+                children: t('error:unknown')
+              }) : null]
+            })]
+          }, key_1);
+        })
+      })]
+    }, event.id))
+  });
+};
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["getTranslation","formatAdminURL","React","useCallback","useEffect","useRef","useState","Link","Pill","ShimmerEffect","ChevronIcon","useConfig","useServerFunctions","useTranslation","baseClass","operationPillStyle","create","delete","update","MergeLedger","events","config","getEntityConfig","i18n","t","serverFunction","expanded","setExpanded","Set","loaded","setLoaded","loadedRef","current","load","changeIndex","key","mergeID","prev","status","result","name","args","_err","toggle","willExpand","has","next","add","length","_jsx","className","map","event","_jsxs","date","Date","mergedAt","toLocaleString","undefined","dateStyle","timeStyle","mergedByLabel","count","changes","user","change","collectionConfig","globalSlug","collectionSlug","globalConfig","id","contentID","isExpanded","state","onClick","type","docTitle","pillStyle","operation","size","label","labels","singular","href","adminRoute","routes","admin","path","docID","direction","diff","role","height"],"sources":["../../../../src/views/Branch/MergeLedger/index.tsx"],"sourcesContent":["'use client'\n\nimport type { MergeEventChange as PersistedMergeEventChange } from 'payload'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport { formatAdminURL } from 'payload/shared'\nimport React, { useCallback, useEffect, useRef, useState } from 'react'\n\nimport type { RenderMergeDiffResult } from '../renderMergeDiff.js'\n\nimport { Link } from '../../../elements/Link/index.js'\nimport { Pill } from '../../../elements/Pill/index.js'\nimport { ShimmerEffect } from '../../../elements/ShimmerEffect/index.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 = 'merge-ledger'\n\nexport type MergeEventChange = Pick<\n  PersistedMergeEventChange,\n  'collectionSlug' | 'docID' | 'docTitle' | 'globalSlug' | 'operation'\n>\n\nexport type MergeEvent = {\n  changes: MergeEventChange[]\n  id: string\n  mergedAt: string\n  mergedByLabel?: string\n}\n\ntype LoadState = {\n  result?: RenderMergeDiffResult\n  status: 'error' | 'loading' | 'ready'\n}\n\nconst operationPillStyle = {\n  create: 'success',\n  delete: 'error',\n  update: 'warning',\n} as const\n\n/**\n * A branch's history: one section per merge event, newest first.\n *\n * Reconstructed from the ledger rather than from the branch's current state, which\n * by then holds nothing — a merge consumes the change rows it applies and drops the\n * shadow rows behind them. Titles are the ones the documents had when they merged.\n *\n * Rows expand to the diff of what that merge did, rendered from the target versions\n * recorded either side of the write. Fetched per row, because a history can hold\n * hundreds of documents and each diff is a full field-tree render.\n */\nexport const MergeLedger: React.FC<{ events: MergeEvent[] }> = ({ events }) => {\n  const { config, getEntityConfig } = useConfig()\n  const { i18n, t } = useTranslation()\n  const { serverFunction } = useServerFunctions()\n\n  const [expanded, setExpanded] = useState<Set<string>>(() => new Set())\n  const [loaded, setLoaded] = useState<Record<string, LoadState>>({})\n\n  const loadedRef = useRef(loaded)\n  useEffect(() => {\n    loadedRef.current = loaded\n  }, [loaded])\n\n  const load = useCallback(\n    async ({\n      changeIndex,\n      key,\n      mergeID,\n    }: {\n      changeIndex: number\n      key: string\n      mergeID: string\n    }) => {\n      if (loadedRef.current[key]) {\n        return\n      }\n\n      setLoaded((prev) => ({ ...prev, [key]: { status: 'loading' } }))\n\n      try {\n        const result = (await serverFunction({\n          name: 'render-merge-diff',\n          args: { changeIndex, mergeID },\n        })) as RenderMergeDiffResult\n\n        setLoaded((prev) => ({ ...prev, [key]: { result, status: 'ready' } }))\n      } catch (_err) {\n        setLoaded((prev) => ({ ...prev, [key]: { status: 'error' } }))\n      }\n    },\n    [serverFunction],\n  )\n\n  const toggle = useCallback(\n    ({ changeIndex, key, mergeID }: { changeIndex: number; key: string; mergeID: string }) => {\n      // The fetch is kicked off outside the updater. A state updater must be pure —\n      // React may run it during another component's render, and the `setLoaded` inside\n      // `load` then lands mid-render.\n      const willExpand = !expanded.has(key)\n\n      setExpanded((prev) => {\n        const next = new Set(prev)\n\n        if (next.has(key)) {\n          next.delete(key)\n        } else {\n          next.add(key)\n        }\n\n        return next\n      })\n\n      if (willExpand) {\n        void load({ changeIndex, key, mergeID })\n      }\n    },\n    [expanded, load],\n  )\n\n  if (!events.length) {\n    return null\n  }\n\n  return (\n    <div className={baseClass}>\n      {events.map((event) => (\n        <section className={`${baseClass}__event`} key={event.id}>\n          <header className={`${baseClass}__header`}>\n            <h3 className={`${baseClass}__when`}>\n              {t('branching:mergedOn', {\n                date: new Date(event.mergedAt).toLocaleString(undefined, {\n                  dateStyle: 'medium',\n                  timeStyle: 'short',\n                }),\n              })}\n            </h3>\n            <span className={`${baseClass}__meta`}>\n              {event.mergedByLabel\n                ? t('branching:mergedByCount', {\n                    count: event.changes.length,\n                    user: event.mergedByLabel,\n                  })\n                : t('branching:mergedCount', { count: event.changes.length })}\n            </span>\n          </header>\n\n          <ul className={`${baseClass}__list`}>\n            {event.changes.map((change, changeIndex) => {\n              const collectionConfig = change.globalSlug\n                ? undefined\n                : getEntityConfig({ collectionSlug: change.collectionSlug })\n              const globalConfig = change.globalSlug\n                ? getEntityConfig({ globalSlug: change.globalSlug })\n                : undefined\n              const key = `${event.id}-${changeIndex}`\n              const contentID = `${baseClass}-${key}-diff`\n              const isExpanded = expanded.has(key)\n              const state = loaded[key]\n\n              return (\n                <li className={`${baseClass}__row`} key={key}>\n                  {/* Following `Collapsible` and the review list: an overlay button\n                      takes the clicks so the whole header opens the row, and the\n                      content sits above it with pointer events off. */}\n                  <div className={`${baseClass}__row-header`}>\n                    <button\n                      aria-controls={contentID}\n                      aria-expanded={isExpanded}\n                      className={`${baseClass}__toggle`}\n                      onClick={() => toggle({ changeIndex, key, mergeID: event.id })}\n                      type=\"button\"\n                    >\n                      <span>{change.docTitle}</span>\n                    </button>\n                    <div className={`${baseClass}__row-content`}>\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                        {getTranslation(\n                          globalConfig\n                            ? (globalConfig.label ?? change.globalSlug)\n                            : (collectionConfig?.labels?.singular ?? change.collectionSlug),\n                          i18n,\n                        )}\n                      </Pill>\n                      {/* A merged delete has no document left to open. A global has\n                          somewhere to go instead: its own edit view. */}\n                      {change.operation === 'delete' ? (\n                        <span className={`${baseClass}__title`}>{change.docTitle}</span>\n                      ) : (\n                        <Link\n                          className={`${baseClass}__title ${baseClass}__title--link`}\n                          href={formatAdminURL({\n                            adminRoute: config.routes.admin,\n                            path: change.globalSlug\n                              ? `/globals/${change.globalSlug}`\n                              : `/collections/${change.collectionSlug}/${change.docID}`,\n                          })}\n                        >\n                          {change.docTitle}\n                        </Link>\n                      )}\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`} id={contentID}>\n                      {state?.status === 'ready' && state.result?.status === 'ready'\n                        ? state.result.diff\n                        : null}\n                      {state?.status === 'loading' || !state ? (\n                        <div aria-live=\"polite\" role=\"status\">\n                          <span className=\"sr-only\">{t('general:loading')}</span>\n                          <ShimmerEffect height=\"3rem\" />\n                        </div>\n                      ) : null}\n                      {state?.status === 'ready' && state.result?.status === 'unavailable' ? (\n                        <p className={`${baseClass}__error`} role=\"status\">\n                          {t('general:notFound')}\n                        </p>\n                      ) : null}\n                      {state?.status === 'error' ? (\n                        <p className={`${baseClass}__error`} role=\"status\">\n                          {t('error:unknown')}\n                        </p>\n                      ) : null}\n                    </div>\n                  )}\n                </li>\n              )\n            })}\n          </ul>\n        </section>\n      ))}\n    </div>\n  )\n}\n"],"mappings":"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","ignoreList":[]}