@payloadcms/ui 4.0.0-internal.e55ccef → 4.0.0-internal.ea6e8f8

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

@@ -0,0 +1,252 @@
+'use client';
+
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } 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);
+  const rowID = `${baseClass}-${encodeURIComponent(change.id)}`;
+  const diffPanelID = `${rowID}-diff`;
+  const toggleID = `${rowID}-toggle`;
+  // 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-controls": diffPanelID,
+        "aria-expanded": isExpanded,
+        className: `${baseClass}__toggle`,
+        id: toggleID,
+        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, {
+            "aria-label": t('general:selectLabel', {
+              label: title
+            }),
+            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", {
+      "aria-labelledby": toggleID,
+      className: `${baseClass}__diff`,
+      id: diffPanelID,
+      role: "region",
+      children: [state?.status === 'ready' ? state.result?.diff : null, state?.status === 'loading' || !state ? /*#__PURE__*/_jsxs(_Fragment, {
+        children: [/*#__PURE__*/_jsx("span", {
+          className: "sr-only",
+          role: "status",
+          children: t('general:loading')
+        }), /*#__PURE__*/_jsx(ShimmerEffect, {
+          "aria-hidden": "true",
+          height: "3rem"
+        })]
+      }) : null, state?.status === 'error' ? /*#__PURE__*/_jsx("p", {
+        className: `${baseClass}__error`,
+        role: "alert",
+        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","rowID","encodeURIComponent","diffPanelID","toggleID","node","observer","IntersectionObserver","entries","some","entry","isIntersecting","disconnect","rootMargin","observe","title","String","ref","onClick","type","pillStyle","direction","role","diff","_Fragment","height"],"sources":["../../../../src/views/Branch/ChangedDocuments/index.tsx"],"sourcesContent":["'use client'\n\nimport type { BranchOperation } from 'payload'\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: BranchOperation\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  const rowID = `${baseClass}-${encodeURIComponent(change.id)}`\n  const diffPanelID = `${rowID}-diff`\n  const toggleID = `${rowID}-toggle`\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-controls={diffPanelID}\n          aria-expanded={isExpanded}\n          className={`${baseClass}__toggle`}\n          id={toggleID}\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                aria-label={t('general:selectLabel', { label: title })}\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\n          aria-labelledby={toggleID}\n          className={`${baseClass}__diff`}\n          id={diffPanelID}\n          role=\"region\"\n        >\n          {state?.status === 'ready' ? state.result?.diff : null}\n          {state?.status === 'loading' || !state ? (\n            <>\n              <span className=\"sr-only\" role=\"status\">\n                {t('general:loading')}\n              </span>\n              <ShimmerEffect aria-hidden=\"true\" height=\"3rem\" />\n            </>\n          ) : null}\n          {state?.status === 'error' ? (\n            <p className={`${baseClass}__error`} role=\"alert\">\n              {t('error:unknown')}\n            </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"}

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

@@ -0,0 +1,106 @@
+'use client';
+
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { branchesCollectionSlug, formatAdminURL } from 'payload/shared';
+import React, { useCallback, useState } from 'react';
+import { toast } from 'sonner';
+import { Button } from '../../../elements/Button/index.js';
+import { ConfirmationModal } from '../../../elements/ConfirmationModal/index.js';
+import { useModal } from '../../../elements/Modal/index.js';
+import { useConfig } from '../../../providers/Config/index.js';
+import { useRouter } from '../../../providers/RouterAdapter/index.js';
+import { useRouteTransition } from '../../../providers/RouteTransition/index.js';
+import { useTranslation } from '../../../providers/Translation/index.js';
+import { requests } from '../../../utilities/api.js';
+/**
+ * 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 const DiscardChangesButton = ({
+  branchID,
+  selectedChangeIDs,
+  totalChanges
+}) => {
+  const {
+    t
+  } = useTranslation();
+  const {
+    closeModal,
+    openModal
+  } = useModal();
+  const router = useRouter();
+  const {
+    startRouteTransition
+  } = useRouteTransition();
+  const {
+    config: {
+      routes: {
+        api
+      },
+      serverURL
+    }
+  } = useConfig();
+  const [isDiscarding, setIsDiscarding] = useState(false);
+  const modalSlug = `discard-branch-changes-${branchID}`;
+  const count = selectedChangeIDs?.length ?? totalChanges;
+  const handleDiscard = useCallback(async () => {
+    setIsDiscarding(true);
+    try {
+      const response = await requests.post(formatAdminURL({
+        apiRoute: api,
+        path: `/${branchesCollectionSlug}/${branchID}/discard`,
+        serverURL
+      }), {
+        body: JSON.stringify({
+          changes: selectedChangeIDs
+        }),
+        headers: {
+          'Content-Type': 'application/json'
+        }
+      });
+      if (!response.ok) {
+        toast.error(t('error:unknown'));
+        return;
+      }
+      const json = await response.json();
+      toast.success(t('branching:discardedCount', {
+        count: json.discarded?.length ?? 0
+      }));
+      closeModal(modalSlug);
+      startRouteTransition(() => router.refresh());
+    } catch (_err) {
+      toast.error(t('error:unknown'));
+    } finally {
+      setIsDiscarding(false);
+    }
+  }, [api, branchID, closeModal, modalSlug, router, selectedChangeIDs, serverURL, startRouteTransition, t]);
+  return /*#__PURE__*/_jsxs(React.Fragment, {
+    children: [/*#__PURE__*/_jsx(Button, {
+      buttonStyle: "secondary",
+      disabled: !count || isDiscarding,
+      onClick: () => openModal(modalSlug),
+      size: "medium",
+      children: selectedChangeIDs ? t('branching:discardSelected', {
+        count
+      }) : t('branching:discardAll', {
+        count
+      })
+    }), /*#__PURE__*/_jsx(ConfirmationModal, {
+      body: selectedChangeIDs ? t('branching:confirmDiscardSelected', {
+        count
+      }) : t('branching:confirmDiscardAll', {
+        count
+      }),
+      className: "discard-changes-modal",
+      confirmingLabel: t('branching:discarding'),
+      heading: t('branching:discardChanges'),
+      modalSlug: modalSlug,
+      onConfirm: handleDiscard
+    })]
+  });
+};
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["branchesCollectionSlug","formatAdminURL","React","useCallback","useState","toast","Button","ConfirmationModal","useModal","useConfig","useRouter","useRouteTransition","useTranslation","requests","DiscardChangesButton","branchID","selectedChangeIDs","totalChanges","t","closeModal","openModal","router","startRouteTransition","config","routes","api","serverURL","isDiscarding","setIsDiscarding","modalSlug","count","length","handleDiscard","response","post","apiRoute","path","body","JSON","stringify","changes","headers","ok","error","json","success","discarded","refresh","_err","_jsxs","Fragment","_jsx","buttonStyle","disabled","onClick","size","className","confirmingLabel","heading","onConfirm"],"sources":["../../../../src/views/Branch/DiscardChangesButton/index.tsx"],"sourcesContent":["'use client'\n\nimport { branchesCollectionSlug, formatAdminURL } from 'payload/shared'\nimport React, { useCallback, useState } from 'react'\nimport { toast } from 'sonner'\n\nimport { Button } from '../../../elements/Button/index.js'\nimport { ConfirmationModal } from '../../../elements/ConfirmationModal/index.js'\nimport { useModal } from '../../../elements/Modal/index.js'\nimport { useConfig } from '../../../providers/Config/index.js'\nimport { useRouter } from '../../../providers/RouterAdapter/index.js'\nimport { useRouteTransition } from '../../../providers/RouteTransition/index.js'\nimport { useTranslation } from '../../../providers/Translation/index.js'\nimport { requests } from '../../../utilities/api.js'\n\n/**\n * Throws away branch work, at the same scope the merge button applies it.\n *\n * Scoped by the same checkboxes deliberately: \"these are the changes I am looking\n * at\" should mean one thing on the page, whichever of the two actions follows. A\n * confirmation stands in front of it because discarding is the one action here that\n * destroys work rather than promoting it, and there is no undo.\n */\nexport const DiscardChangesButton: React.FC<{\n  branchID: number | string\n  /** Undefined means every pending change, matching the merge target's convention. */\n  selectedChangeIDs?: (number | string)[]\n  totalChanges: number\n}> = ({ branchID, selectedChangeIDs, totalChanges }) => {\n  const { t } = useTranslation()\n  const { closeModal, openModal } = useModal()\n  const router = useRouter()\n  const { startRouteTransition } = useRouteTransition()\n\n  const {\n    config: {\n      routes: { api },\n      serverURL,\n    },\n  } = useConfig()\n\n  const [isDiscarding, setIsDiscarding] = useState(false)\n\n  const modalSlug = `discard-branch-changes-${branchID}`\n  const count = selectedChangeIDs?.length ?? totalChanges\n\n  const handleDiscard = useCallback(async () => {\n    setIsDiscarding(true)\n\n    try {\n      const response = await requests.post(\n        formatAdminURL({\n          apiRoute: api,\n          path: `/${branchesCollectionSlug}/${branchID}/discard`,\n          serverURL,\n        }),\n        {\n          body: JSON.stringify({ changes: selectedChangeIDs }),\n          headers: { 'Content-Type': 'application/json' },\n        },\n      )\n\n      if (!response.ok) {\n        toast.error(t('error:unknown'))\n\n        return\n      }\n\n      const json = (await response.json()) as { discarded?: unknown[] }\n\n      toast.success(t('branching:discardedCount', { count: json.discarded?.length ?? 0 }))\n      closeModal(modalSlug)\n      startRouteTransition(() => router.refresh())\n    } catch (_err) {\n      toast.error(t('error:unknown'))\n    } finally {\n      setIsDiscarding(false)\n    }\n  }, [\n    api,\n    branchID,\n    closeModal,\n    modalSlug,\n    router,\n    selectedChangeIDs,\n    serverURL,\n    startRouteTransition,\n    t,\n  ])\n\n  return (\n    <React.Fragment>\n      <Button\n        buttonStyle=\"secondary\"\n        disabled={!count || isDiscarding}\n        onClick={() => openModal(modalSlug)}\n        size=\"medium\"\n      >\n        {selectedChangeIDs\n          ? t('branching:discardSelected', { count })\n          : t('branching:discardAll', { count })}\n      </Button>\n      <ConfirmationModal\n        body={\n          selectedChangeIDs\n            ? t('branching:confirmDiscardSelected', { count })\n            : t('branching:confirmDiscardAll', { count })\n        }\n        className=\"discard-changes-modal\"\n        confirmingLabel={t('branching:discarding')}\n        heading={t('branching:discardChanges')}\n        modalSlug={modalSlug}\n        onConfirm={handleDiscard}\n      />\n    </React.Fragment>\n  )\n}\n"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,11 @@
+import type { DocumentViewClientProps } from 'payload';
+import React from 'react';
+/**
+ * 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 declare const BranchManageView: React.FC<DocumentViewClientProps>;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/views/Branch/Manage/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,SAAS,CAAA;AAEtD,OAAO,KAAoB,MAAM,OAAO,CAAA;AAMxC;;;;;;GAMG;AACH,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,uBAAuB,CAK9D,CAAA"}

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,MAAA,IAAiB;MAAE,IAIpC,CAACD,IAAA,IAASA,IAAA,CAAAH,KAAA,KAAeA,KAAA,KAAUG,IAAA,CAAAE,GAAQ;QAAA;MAAA;MAI/CT,UAAA,KAAeC,OAAA;QAAAG;MAAA,EAAmB;IAAA;IACjCE,EAAA,IAACF,KAAA,EAAOJ,UAAA,EAAYC,OAAA;IAAQF,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;AAAA,CAGjC","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,CAAAZ,MAAA;MAAAa,WAAA,EACc;MAAAP,QAAA;MAAAQ,OAAA,EAEHJ,EAAgB;MAAAK,IAAA,EACpB;MAAAC,QAAA,EAEJP,CAAA,CAAE;IAAA,C;;;;;;;;SANLE,E;CASJ","ignoreList":[]}