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

package/dist/elements/MergeBranch/MergeBranchForm/index.js

@@ -0,0 +1,155 @@
+'use client';
+
+import { c as _c } from "react/compiler-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React from 'react';
+import { CheckboxInput } from '../../../fields/Checkbox/Input.js';
+import { FieldLabel } from '../../../fields/FieldLabel/index.js';
+import { Radio } from '../../../fields/RadioGroup/Radio/index.js';
+import { useTranslation } from '../../../providers/Translation/index.js';
+import { Button } from '../../Button/index.js';
+import { ChangeSummary } from '../../ChangeSummary/index.js';
+import { DatePickerField } from '../../DatePicker/index.js';
+import { Link } from '../../Link/index.js';
+const baseClass = 'merge-branch-modal';
+export const MergeBranchForm = t0 => {
+  const $ = _c(18);
+  const {
+    canCloseBranch,
+    closeBranch,
+    dismiss,
+    isMerging,
+    isScheduling,
+    mode,
+    onCancelScheduledMerge,
+    onCloseBranchChange,
+    onModeChange,
+    onScheduledForChange,
+    scheduledFor,
+    summary,
+    summaryChanges,
+    target,
+    upcoming
+  } = t0;
+  const {
+    t
+  } = useTranslation();
+  const [minDate] = React.useState(_temp);
+  let t1;
+  if ($[0] !== canCloseBranch || $[1] !== closeBranch || $[2] !== dismiss || $[3] !== isMerging || $[4] !== isScheduling || $[5] !== minDate || $[6] !== mode || $[7] !== onCancelScheduledMerge || $[8] !== onCloseBranchChange || $[9] !== onModeChange || $[10] !== onScheduledForChange || $[11] !== scheduledFor || $[12] !== summary || $[13] !== summaryChanges || $[14] !== t || $[15] !== target.reviewURL || $[16] !== upcoming) {
+    const modeOptions = [{
+      label: t("branching:mergeNow"),
+      value: "now"
+    }, {
+      label: t("branching:scheduleMerge"),
+      value: "schedule"
+    }];
+    t1 = _jsxs(React.Fragment, {
+      children: [_jsxs("div", {
+        className: `${baseClass}__intro`,
+        children: [_jsx("p", {
+          className: `${baseClass}__summary`,
+          children: summary
+        }), summaryChanges && _jsx(ChangeSummary, {
+          changes: summaryChanges,
+          showOperations: true
+        }), target.reviewURL && !isMerging && _jsx(Link, {
+          className: `${baseClass}__review`,
+          href: target.reviewURL,
+          onClick: dismiss,
+          children: t("branching:mergeOnlySelected")
+        })]
+      }), _jsx("div", {
+        className: `${baseClass}__modes`,
+        children: modeOptions.map(option => _jsx(Radio, {
+          id: `merge-mode-${option.value}`,
+          isSelected: mode === option.value,
+          onChange: () => onModeChange(option.value),
+          option,
+          path: "merge-mode",
+          readOnly: isMerging
+        }, option.value))
+      }), mode === "schedule" && _jsxs("div", {
+        className: `${baseClass}__schedule`,
+        children: [_jsxs("div", {
+          className: `${baseClass}__schedule-field`,
+          children: [_jsx(FieldLabel, {
+            label: t("general:time"),
+            path: "merge-scheduled-for",
+            required: true
+          }), _jsx(DatePickerField, {
+            id: "merge-scheduled-for",
+            minDate,
+            onChange: value => onScheduledForChange(value ?? undefined),
+            pickerAppearance: "dayAndTime",
+            readOnly: isScheduling,
+            value: scheduledFor
+          })]
+        }), _jsx("p", {
+          className: `${baseClass}__schedule-help`,
+          children: t("branching:scheduleMergeHelp")
+        }), upcoming.length > 0 && _jsxs("div", {
+          className: `${baseClass}__upcoming`,
+          children: [_jsx("h4", {
+            className: `${baseClass}__upcoming-title`,
+            children: t("branching:scheduledMerges")
+          }), _jsx("ul", {
+            className: `${baseClass}__upcoming-list`,
+            children: upcoming.map(event => _jsxs("li", {
+              className: `${baseClass}__upcoming-row`,
+              children: [_jsx("span", {
+                children: new Date(event.waitUntil).toLocaleString(undefined, {
+                  dateStyle: "medium",
+                  timeStyle: "short"
+                })
+              }), _jsx(Button, {
+                buttonStyle: "ghost",
+                className: `${baseClass}__upcoming-cancel`,
+                disabled: isScheduling,
+                onClick: () => void onCancelScheduledMerge(event.id),
+                children: t("general:cancel")
+              })]
+            }, String(event.id)))
+          })]
+        })]
+      }), canCloseBranch && _jsxs("div", {
+        className: `${baseClass}__close-branch`,
+        children: [_jsx(CheckboxInput, {
+          checked: closeBranch,
+          id: "merge-close-branch",
+          label: t("branching:closeBranchAfterMerge"),
+          onToggle: onCloseBranchChange,
+          readOnly: isMerging
+        }), _jsx("p", {
+          className: `${baseClass}__close-branch-help`,
+          children: closeBranch ? t("branching:closeBranchHelpOn") : t("branching:closeBranchHelpOff")
+        })]
+      })]
+    });
+    $[0] = canCloseBranch;
+    $[1] = closeBranch;
+    $[2] = dismiss;
+    $[3] = isMerging;
+    $[4] = isScheduling;
+    $[5] = minDate;
+    $[6] = mode;
+    $[7] = onCancelScheduledMerge;
+    $[8] = onCloseBranchChange;
+    $[9] = onModeChange;
+    $[10] = onScheduledForChange;
+    $[11] = scheduledFor;
+    $[12] = summary;
+    $[13] = summaryChanges;
+    $[14] = t;
+    $[15] = target.reviewURL;
+    $[16] = upcoming;
+    $[17] = t1;
+  } else {
+    t1 = $[17];
+  }
+  return t1;
+};
+function _temp() {
+  return new Date();
+}
+//# sourceMappingURL=index.js.map

package/dist/elements/MergeBranch/MergeBranchForm/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["c","_c","React","CheckboxInput","FieldLabel","Radio","useTranslation","Button","ChangeSummary","DatePickerField","Link","baseClass","MergeBranchForm","t0","$","canCloseBranch","closeBranch","dismiss","isMerging","isScheduling","mode","onCancelScheduledMerge","onCloseBranchChange","onModeChange","onScheduledForChange","scheduledFor","summary","summaryChanges","target","upcoming","t","minDate","useState","_temp","t1","reviewURL","modeOptions","label","value","_jsxs","Fragment","children","className","_jsx","changes","showOperations","href","onClick","map","option","id","isSelected","onChange","path","readOnly","required","undefined","pickerAppearance","length","event","Date","waitUntil","toLocaleString","dateStyle","timeStyle","buttonStyle","disabled","String","checked","onToggle"],"sources":["../../../../src/elements/MergeBranch/MergeBranchForm/index.tsx"],"sourcesContent":["'use client'\n\nimport React from 'react'\n\nimport type { UpcomingBranchMerge } from '../../../utilities/scheduleMergeHandler.js'\nimport type { SummarizableChange } from '../../ChangeSummary/index.js'\nimport type { MergeTarget } from '../context.js'\nimport type { MergeMode } from '../types.js'\n\nimport { CheckboxInput } from '../../../fields/Checkbox/Input.js'\nimport { FieldLabel } from '../../../fields/FieldLabel/index.js'\nimport { Radio } from '../../../fields/RadioGroup/Radio/index.js'\nimport { useTranslation } from '../../../providers/Translation/index.js'\nimport { Button } from '../../Button/index.js'\nimport { ChangeSummary } from '../../ChangeSummary/index.js'\nimport { DatePickerField } from '../../DatePicker/index.js'\nimport { Link } from '../../Link/index.js'\n\nconst baseClass = 'merge-branch-modal'\n\nexport const MergeBranchForm: React.FC<{\n  canCloseBranch: boolean\n  closeBranch: boolean\n  dismiss: () => void\n  isMerging: boolean\n  isScheduling: boolean\n  mode: MergeMode\n  onCancelScheduledMerge: (deleteID: number | string) => Promise<void>\n  onCloseBranchChange: () => void\n  onModeChange: (mode: MergeMode) => void\n  onScheduledForChange: (date?: Date) => void\n  scheduledFor?: Date\n  summary: string\n  summaryChanges: null | SummarizableChange[]\n  target: MergeTarget\n  upcoming: UpcomingBranchMerge[]\n}> = ({\n  canCloseBranch,\n  closeBranch,\n  dismiss,\n  isMerging,\n  isScheduling,\n  mode,\n  onCancelScheduledMerge,\n  onCloseBranchChange,\n  onModeChange,\n  onScheduledForChange,\n  scheduledFor,\n  summary,\n  summaryChanges,\n  target,\n  upcoming,\n}) => {\n  const { t } = useTranslation()\n  const [minDate] = React.useState(() => new Date())\n  const modeOptions = [\n    { label: t('branching:mergeNow'), value: 'now' as const },\n    { label: t('branching:scheduleMerge'), value: 'schedule' as const },\n  ]\n\n  return (\n    <React.Fragment>\n      <div className={`${baseClass}__intro`}>\n        <p className={`${baseClass}__summary`}>{summary}</p>\n        {summaryChanges && <ChangeSummary changes={summaryChanges} showOperations />}\n\n        {target.reviewURL && !isMerging && (\n          <Link className={`${baseClass}__review`} href={target.reviewURL} onClick={dismiss}>\n            {t('branching:mergeOnlySelected')}\n          </Link>\n        )}\n      </div>\n\n      <div className={`${baseClass}__modes`}>\n        {modeOptions.map((option) => (\n          <Radio\n            id={`merge-mode-${option.value}`}\n            isSelected={mode === option.value}\n            key={option.value}\n            onChange={() => onModeChange(option.value)}\n            option={option}\n            path=\"merge-mode\"\n            readOnly={isMerging}\n          />\n        ))}\n      </div>\n\n      {mode === 'schedule' && (\n        <div className={`${baseClass}__schedule`}>\n          <div className={`${baseClass}__schedule-field`}>\n            <FieldLabel label={t('general:time')} path=\"merge-scheduled-for\" required />\n            <DatePickerField\n              id=\"merge-scheduled-for\"\n              minDate={minDate}\n              onChange={(value) => onScheduledForChange(value ?? undefined)}\n              pickerAppearance=\"dayAndTime\"\n              readOnly={isScheduling}\n              value={scheduledFor}\n            />\n          </div>\n          <p className={`${baseClass}__schedule-help`}>{t('branching:scheduleMergeHelp')}</p>\n\n          {upcoming.length > 0 && (\n            <div className={`${baseClass}__upcoming`}>\n              <h4 className={`${baseClass}__upcoming-title`}>{t('branching:scheduledMerges')}</h4>\n              <ul className={`${baseClass}__upcoming-list`}>\n                {upcoming.map((event) => (\n                  <li className={`${baseClass}__upcoming-row`} key={String(event.id)}>\n                    <span>\n                      {new Date(event.waitUntil).toLocaleString(undefined, {\n                        dateStyle: 'medium',\n                        timeStyle: 'short',\n                      })}\n                    </span>\n                    <Button\n                      buttonStyle=\"ghost\"\n                      className={`${baseClass}__upcoming-cancel`}\n                      disabled={isScheduling}\n                      onClick={() => void onCancelScheduledMerge(event.id)}\n                    >\n                      {t('general:cancel')}\n                    </Button>\n                  </li>\n                ))}\n              </ul>\n            </div>\n          )}\n        </div>\n      )}\n\n      {canCloseBranch && (\n        <div className={`${baseClass}__close-branch`}>\n          <CheckboxInput\n            checked={closeBranch}\n            id=\"merge-close-branch\"\n            label={t('branching:closeBranchAfterMerge')}\n            onToggle={onCloseBranchChange}\n            readOnly={isMerging}\n          />\n          <p className={`${baseClass}__close-branch-help`}>\n            {closeBranch ? t('branching:closeBranchHelpOn') : t('branching:closeBranchHelpOff')}\n          </p>\n        </div>\n      )}\n    </React.Fragment>\n  )\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/elements/MergeBranch/MergeProgress/index.d.ts

@@ -0,0 +1,9 @@
+import type { MergeProgress as MergeProgressData, MergeResult } from 'payload';
+import React from 'react';
+import type { MergeBranchModalPhase } from '../types.js';
+export declare const MergeProgress: React.FC<{
+    outcome: MergeResult | null;
+    phase: MergeBranchModalPhase;
+    progress: MergeProgressData | null;
+}>;
+//# sourceMappingURL=index.d.ts.map

package/dist/elements/MergeBranch/MergeProgress/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/elements/MergeBranch/MergeProgress/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,aAAa,IAAI,iBAAiB,EAAE,WAAW,EAAE,MAAM,SAAS,CAAA;AAE9E,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,aAAa,CAAA;AAMxD,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC;IACnC,OAAO,EAAE,WAAW,GAAG,IAAI,CAAA;IAC3B,KAAK,EAAE,qBAAqB,CAAA;IAC5B,QAAQ,EAAE,iBAAiB,GAAG,IAAI,CAAA;CACnC,CAqEA,CAAA"}

package/dist/elements/MergeBranch/MergeProgress/index.js

@@ -0,0 +1,114 @@
+'use client';
+
+import { c as _c } from "react/compiler-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React from 'react';
+import { useTranslation } from '../../../providers/Translation/index.js';
+const baseClass = 'merge-branch-modal';
+export const MergeProgress = t0 => {
+  const $ = _c(17);
+  const {
+    outcome,
+    phase,
+    progress
+  } = t0;
+  const {
+    t
+  } = useTranslation();
+  const mergedCount = outcome?.merged.length ?? 0;
+  const isBlocked = phase === "blocked";
+  const isDone = phase === "complete";
+  const isPartial = phase === "partial";
+  const completedProgressValue = Math.max(mergedCount, 1);
+  const progressCurrent = isDone ? completedProgressValue : isPartial ? mergedCount : progress?.current ?? 0;
+  const progressTotal = isDone ? completedProgressValue : isPartial ? Math.max(progress?.total ?? mergedCount, mergedCount, 1) : progress?.total ?? 1;
+  let percentComplete = 0;
+  let t1;
+  if ($[0] !== isBlocked || $[1] !== isDone || $[2] !== isPartial || $[3] !== mergedCount || $[4] !== percentComplete || $[5] !== progress || $[6] !== progressCurrent || $[7] !== progressTotal || $[8] !== t) {
+    let progressLabel = t("branching:mergeStarting");
+    if (isBlocked) {
+      progressLabel = t("branching:mergeBlocked");
+    } else {
+      if (isPartial) {
+        let t2;
+        if ($[11] !== progressCurrent || $[12] !== progressTotal) {
+          t2 = Math.round(progressCurrent / progressTotal * 100);
+          $[11] = progressCurrent;
+          $[12] = progressTotal;
+          $[13] = t2;
+        } else {
+          t2 = $[13];
+        }
+        percentComplete = t2;
+        progressLabel = t("branching:mergedCount", {
+          count: mergedCount
+        });
+      } else {
+        if (isDone) {
+          percentComplete = 100;
+          progressLabel = t("branching:mergedOfTotal", {
+            current: mergedCount,
+            total: mergedCount
+          });
+        } else {
+          if (progress) {
+            let t2;
+            if ($[14] !== progress.current || $[15] !== progress.total) {
+              t2 = progress.total ? Math.round(progress.current / progress.total * 100) : 0;
+              $[14] = progress.current;
+              $[15] = progress.total;
+              $[16] = t2;
+            } else {
+              t2 = $[16];
+            }
+            percentComplete = t2;
+            progressLabel = t("branching:mergingProgress", {
+              current: progress.current,
+              total: progress.total
+            });
+          }
+        }
+      }
+    }
+    t1 = _jsxs("div", {
+      className: `${baseClass}__progress`,
+      children: [!isBlocked && _jsx("div", {
+        "aria-labelledby": "merge-branch-progress-label",
+        "aria-valuemax": progressTotal,
+        "aria-valuemin": 0,
+        "aria-valuenow": progressCurrent,
+        "aria-valuetext": progressLabel,
+        className: `${baseClass}__progress-bar`,
+        role: "progressbar",
+        children: _jsx("div", {
+          className: [`${baseClass}__progress-fill`, isDone && `${baseClass}__progress-fill--complete`].filter(Boolean).join(" "),
+          style: {
+            width: `${percentComplete}%`
+          }
+        })
+      }), _jsx("span", {
+        "aria-live": "polite",
+        className: `${baseClass}__progress-label`,
+        id: "merge-branch-progress-label",
+        role: "status",
+        children: progressLabel
+      })]
+    });
+    $[0] = isBlocked;
+    $[1] = isDone;
+    $[2] = isPartial;
+    $[3] = mergedCount;
+    $[4] = percentComplete;
+    $[5] = progress;
+    $[6] = progressCurrent;
+    $[7] = progressTotal;
+    $[8] = t;
+    $[9] = t1;
+    $[10] = percentComplete;
+  } else {
+    t1 = $[9];
+    percentComplete = $[10];
+  }
+  return t1;
+};
+//# sourceMappingURL=index.js.map

package/dist/elements/MergeBranch/MergeProgress/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["c","_c","React","useTranslation","baseClass","MergeProgress","t0","$","outcome","phase","progress","t","mergedCount","merged","length","isBlocked","isDone","isPartial","completedProgressValue","Math","max","progressCurrent","current","progressTotal","total","percentComplete","t1","progressLabel","t2","round","count","_jsxs","className","children","_jsx","role","filter","Boolean","join","style","width","id"],"sources":["../../../../src/elements/MergeBranch/MergeProgress/index.tsx"],"sourcesContent":["'use client'\n\nimport type { MergeProgress as MergeProgressData, MergeResult } from 'payload'\n\nimport React from 'react'\n\nimport type { MergeBranchModalPhase } from '../types.js'\n\nimport { useTranslation } from '../../../providers/Translation/index.js'\n\nconst baseClass = 'merge-branch-modal'\n\nexport const MergeProgress: React.FC<{\n  outcome: MergeResult | null\n  phase: MergeBranchModalPhase\n  progress: MergeProgressData | null\n}> = ({ outcome, phase, progress }) => {\n  const { t } = useTranslation()\n  const mergedCount = outcome?.merged.length ?? 0\n  const isBlocked = phase === 'blocked'\n  const isDone = phase === 'complete'\n  const isPartial = phase === 'partial'\n  const completedProgressValue = Math.max(mergedCount, 1)\n  const progressCurrent = isDone\n    ? completedProgressValue\n    : isPartial\n      ? mergedCount\n      : (progress?.current ?? 0)\n  const progressTotal = isDone\n    ? completedProgressValue\n    : isPartial\n      ? Math.max(progress?.total ?? mergedCount, mergedCount, 1)\n      : (progress?.total ?? 1)\n  let percentComplete = 0\n  let progressLabel = t('branching:mergeStarting')\n\n  if (isBlocked) {\n    progressLabel = t('branching:mergeBlocked')\n  } else if (isPartial) {\n    percentComplete = Math.round((progressCurrent / progressTotal) * 100)\n    progressLabel = t('branching:mergedCount', { count: mergedCount })\n  } else if (isDone) {\n    percentComplete = 100\n    progressLabel = t('branching:mergedOfTotal', { current: mergedCount, total: mergedCount })\n  } else if (progress) {\n    percentComplete = progress.total ? Math.round((progress.current / progress.total) * 100) : 0\n    progressLabel = t('branching:mergingProgress', {\n      current: progress.current,\n      total: progress.total,\n    })\n  }\n\n  return (\n    <div className={`${baseClass}__progress`}>\n      {!isBlocked && (\n        <div\n          aria-labelledby=\"merge-branch-progress-label\"\n          aria-valuemax={progressTotal}\n          aria-valuemin={0}\n          aria-valuenow={progressCurrent}\n          aria-valuetext={progressLabel}\n          className={`${baseClass}__progress-bar`}\n          role=\"progressbar\"\n        >\n          <div\n            className={[\n              `${baseClass}__progress-fill`,\n              isDone && `${baseClass}__progress-fill--complete`,\n            ]\n              .filter(Boolean)\n              .join(' ')}\n            style={{ width: `${percentComplete}%` }}\n          />\n        </div>\n      )}\n      <span\n        aria-live=\"polite\"\n        className={`${baseClass}__progress-label`}\n        id=\"merge-branch-progress-label\"\n        role=\"status\"\n      >\n        {progressLabel}\n      </span>\n    </div>\n  )\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/elements/MergeBranch/context.d.ts

@@ -0,0 +1,67 @@
+import React from 'react';
+import type { SummarizableChange } from '../ChangeSummary/index.js';
+export type MergeTarget = {
+    /** `payload-branches` document ID, for the merge endpoint's path. */
+    branchID: number | string;
+    branchName: string;
+    branchSlug: string;
+    /**
+     * What will be applied, for the modal's summary — the selection where there is one.
+     *
+     * Passed by openers that have already read the changes, so the modal can say what the
+     * merge touches without a second request. The switcher has not, and leaves it out.
+     */
+    changes?: SummarizableChange[];
+    /**
+     * Where to go to choose which changes to merge, when the action was raised from
+     * somewhere that cannot offer that choice.
+     *
+     * Set by the branch switcher, which can be opened from any screen; omitted by
+     * the changed-documents view, which *is* that page — linking to it from there
+     * would send the reader in a circle.
+     */
+    reviewURL?: string;
+    /**
+     * Change IDs to apply, or undefined to apply everything pending.
+     *
+     * The changed-documents view owns the selection, and the merge can also be raised
+     * from the branch switcher, where there is no selection to make.
+     */
+    selectedChangeIDs?: (number | string)[];
+    /**
+     * Changes pending on the branch, when the opener already knows it.
+     *
+     * The changed-documents view has counted them to render them. The switcher has
+     * not, so it leaves this undefined and the modal counts them itself.
+     */
+    totalChanges?: number;
+};
+type MergeBranchContext = {
+    /** Dismisses the modal and forgets what it was pointed at. */
+    closeMerge: () => void;
+    /**
+     * Raises the merge modal against a specific target.
+     *
+     * The target belongs to the *action*, not to the screen: "merge this selection"
+     * and "merge the whole branch" are the same modal pointed at different things, and
+     * both can be triggered from the same page — the switcher sits in the app header,
+     * above every view.
+     */
+    openMerge: (target: MergeTarget) => void;
+    /** Null until something raises the modal. */
+    target: MergeTarget | null;
+};
+/**
+ * Holds what the merge modal is currently pointed at.
+ *
+ * One store, mounted above both the app header and the page, because the modal is
+ * mounted exactly once. Rendering it per entry point — the switcher *and* the
+ * changed-documents view — stacked two dialogs on the same slug, so opening the
+ * merge opened both and only the topmost one showed progress.
+ */
+export declare const MergeBranchStoreProvider: React.FC<{
+    children: React.ReactNode;
+}>;
+export declare const useMergeBranch: () => MergeBranchContext;
+export {};
+//# sourceMappingURL=context.d.ts.map

package/dist/elements/MergeBranch/context.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"context.d.ts","sourceRoot":"","sources":["../../../src/elements/MergeBranch/context.tsx"],"names":[],"mappings":"AAEA,OAAO,KAA6D,MAAM,OAAO,CAAA;AAEjF,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,2BAA2B,CAAA;AAKnE,MAAM,MAAM,WAAW,GAAG;IACxB,qEAAqE;IACrE,QAAQ,EAAE,MAAM,GAAG,MAAM,CAAA;IACzB,UAAU,EAAE,MAAM,CAAA;IAClB,UAAU,EAAE,MAAM,CAAA;IAClB;;;;;OAKG;IACH,OAAO,CAAC,EAAE,kBAAkB,EAAE,CAAA;IAC9B;;;;;;;OAOG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB;;;;;OAKG;IACH,iBAAiB,CAAC,EAAE,CAAC,MAAM,GAAG,MAAM,CAAC,EAAE,CAAA;IACvC;;;;;OAKG;IACH,YAAY,CAAC,EAAE,MAAM,CAAA;CACtB,CAAA;AAED,KAAK,kBAAkB,GAAG;IACxB,8DAA8D;IAC9D,UAAU,EAAE,MAAM,IAAI,CAAA;IACtB;;;;;;;OAOG;IACH,SAAS,EAAE,CAAC,MAAM,EAAE,WAAW,KAAK,IAAI,CAAA;IACxC,6CAA6C;IAC7C,MAAM,EAAE,WAAW,GAAG,IAAI,CAAA;CAC3B,CAAA;AAQD;;;;;;;GAOG;AACH,eAAO,MAAM,wBAAwB,EAAE,KAAK,CAAC,EAAE,CAAC;IAAE,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;CAAE,CAuB5E,CAAA;AAED,eAAO,MAAM,cAAc,QAAO,kBAAkC,CAAA"}

package/dist/elements/MergeBranch/context.js

@@ -0,0 +1,85 @@
+'use client';
+
+import { c as _c } from "react/compiler-runtime";
+import { jsx as _jsx } from "react/jsx-runtime";
+import React, { createContext, use, useCallback, useMemo, useState } from 'react';
+import { useModal } from '../Modal/index.js';
+import { mergeBranchModalSlug } from './slug.js';
+const Context = /*#__PURE__*/createContext({
+  closeMerge: () => {},
+  openMerge: () => {},
+  target: null
+});
+/**
+ * Holds what the merge modal is currently pointed at.
+ *
+ * One store, mounted above both the app header and the page, because the modal is
+ * mounted exactly once. Rendering it per entry point — the switcher *and* the
+ * changed-documents view — stacked two dialogs on the same slug, so opening the
+ * merge opened both and only the topmost one showed progress.
+ */
+export const MergeBranchStoreProvider = t0 => {
+  const $ = _c(11);
+  const {
+    children
+  } = t0;
+  const {
+    closeModal,
+    openModal
+  } = useModal();
+  const [target, setTarget] = useState(null);
+  let t1;
+  if ($[0] !== openModal) {
+    t1 = next => {
+      setTarget(next);
+      openModal(mergeBranchModalSlug);
+    };
+    $[0] = openModal;
+    $[1] = t1;
+  } else {
+    t1 = $[1];
+  }
+  const openMerge = t1;
+  let t2;
+  if ($[2] !== closeModal) {
+    t2 = () => {
+      closeModal(mergeBranchModalSlug);
+      setTarget(null);
+    };
+    $[2] = closeModal;
+    $[3] = t2;
+  } else {
+    t2 = $[3];
+  }
+  const closeMerge = t2;
+  let t3;
+  if ($[4] !== closeMerge || $[5] !== openMerge || $[6] !== target) {
+    t3 = {
+      closeMerge,
+      openMerge,
+      target
+    };
+    $[4] = closeMerge;
+    $[5] = openMerge;
+    $[6] = target;
+    $[7] = t3;
+  } else {
+    t3 = $[7];
+  }
+  const value = t3;
+  let t4;
+  if ($[8] !== children || $[9] !== value) {
+    t4 = _jsx(Context, {
+      value,
+      children
+    });
+    $[8] = children;
+    $[9] = value;
+    $[10] = t4;
+  } else {
+    t4 = $[10];
+  }
+  return t4;
+};
+export const useMergeBranch = () => use(Context);
+//# sourceMappingURL=context.js.map

package/dist/elements/MergeBranch/context.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"context.js","names":["c","_c","React","createContext","use","useCallback","useMemo","useState","useModal","mergeBranchModalSlug","Context","closeMerge","openMerge","target","MergeBranchStoreProvider","t0","$","children","closeModal","openModal","setTarget","t1","next","t2","t3","value","t4","_jsx","useMergeBranch"],"sources":["../../../src/elements/MergeBranch/context.tsx"],"sourcesContent":["'use client'\n\nimport React, { createContext, use, useCallback, useMemo, useState } from 'react'\n\nimport type { SummarizableChange } from '../ChangeSummary/index.js'\n\nimport { useModal } from '../Modal/index.js'\nimport { mergeBranchModalSlug } from './slug.js'\n\nexport type MergeTarget = {\n  /** `payload-branches` document ID, for the merge endpoint's path. */\n  branchID: number | string\n  branchName: string\n  branchSlug: string\n  /**\n   * What will be applied, for the modal's summary — the selection where there is one.\n   *\n   * Passed by openers that have already read the changes, so the modal can say what the\n   * merge touches without a second request. The switcher has not, and leaves it out.\n   */\n  changes?: SummarizableChange[]\n  /**\n   * Where to go to choose which changes to merge, when the action was raised from\n   * somewhere that cannot offer that choice.\n   *\n   * Set by the branch switcher, which can be opened from any screen; omitted by\n   * the changed-documents view, which *is* that page — linking to it from there\n   * would send the reader in a circle.\n   */\n  reviewURL?: string\n  /**\n   * Change IDs to apply, or undefined to apply everything pending.\n   *\n   * The changed-documents view owns the selection, and the merge can also be raised\n   * from the branch switcher, where there is no selection to make.\n   */\n  selectedChangeIDs?: (number | string)[]\n  /**\n   * Changes pending on the branch, when the opener already knows it.\n   *\n   * The changed-documents view has counted them to render them. The switcher has\n   * not, so it leaves this undefined and the modal counts them itself.\n   */\n  totalChanges?: number\n}\n\ntype MergeBranchContext = {\n  /** Dismisses the modal and forgets what it was pointed at. */\n  closeMerge: () => void\n  /**\n   * Raises the merge modal against a specific target.\n   *\n   * The target belongs to the *action*, not to the screen: \"merge this selection\"\n   * and \"merge the whole branch\" are the same modal pointed at different things, and\n   * both can be triggered from the same page — the switcher sits in the app header,\n   * above every view.\n   */\n  openMerge: (target: MergeTarget) => void\n  /** Null until something raises the modal. */\n  target: MergeTarget | null\n}\n\nconst Context = createContext<MergeBranchContext>({\n  closeMerge: () => {},\n  openMerge: () => {},\n  target: null,\n})\n\n/**\n * Holds what the merge modal is currently pointed at.\n *\n * One store, mounted above both the app header and the page, because the modal is\n * mounted exactly once. Rendering it per entry point — the switcher *and* the\n * changed-documents view — stacked two dialogs on the same slug, so opening the\n * merge opened both and only the topmost one showed progress.\n */\nexport const MergeBranchStoreProvider: React.FC<{ children: React.ReactNode }> = ({ children }) => {\n  const { closeModal, openModal } = useModal()\n  const [target, setTarget] = useState<MergeTarget | null>(null)\n\n  const openMerge = useCallback(\n    (next: MergeTarget) => {\n      setTarget(next)\n      openModal(mergeBranchModalSlug)\n    },\n    [openModal],\n  )\n\n  const closeMerge = useCallback(() => {\n    closeModal(mergeBranchModalSlug)\n    setTarget(null)\n  }, [closeModal])\n\n  const value = useMemo<MergeBranchContext>(\n    () => ({ closeMerge, openMerge, target }),\n    [closeMerge, openMerge, target],\n  )\n\n  return <Context value={value}>{children}</Context>\n}\n\nexport const useMergeBranch = (): MergeBranchContext => use(Context)\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AAEA,OAAOC,KAAA,IAASC,aAAa,EAAEC,GAAG,EAAEC,WAAW,EAAEC,OAAO,EAAEC,QAAQ,QAAQ;AAI1E,SAASC,QAAQ,QAAQ;AACzB,SAASC,oBAAoB,QAAQ;AAuDrC,MAAMC,OAAA,gBAAUP,aAAA,CAAkC;EAChDQ,UAAA,EAAYA,CAAA,MAAO;EACnBC,SAAA,EAAWA,CAAA,MAAO;EAClBC,MAAA,EAAQ;AACV;AAEA;;;;;;;;AAQA,OAAO,MAAMC,wBAAA,GAAoEC,EAAA;EAAA,MAAAC,CAAA,GAAAf,EAAA;EAAC;IAAAgB;EAAA,IAAAF,EAAY;EAC5F;IAAAG,UAAA;IAAAC;EAAA,IAAkCX,QAAA;EAClC,OAAAK,MAAA,EAAAO,SAAA,IAA4Bb,QAAA,CAA6B;EAAA,IAAAc,EAAA;EAAA,IAAAL,CAAA,QAAAG,SAAA;IAGvDE,EAAA,GAAAC,IAAA;MACEF,SAAA,CAAUE,IAAA;MACVH,SAAA,CAAUV,oBAAA;IAAA,CACZ;IAAAO,CAAA,MAAAG,SAAA;IAAAH,CAAA,MAAAK,EAAA;EAAA;IAAAA,EAAA,GAAAL,CAAA;EAAA;EAJF,MAAAJ,SAAA,GAAkBS,EAKL;EAAA,IAAAE,EAAA;EAAA,IAAAP,CAAA,QAAAE,UAAA;IAGkBK,EAAA,GAAAA,CAAA;MAC7BL,UAAA,CAAWT,oBAAA;MACXW,SAAA,CAAU;IAAA,CACZ;IAAAJ,CAAA,MAAAE,UAAA;IAAAF,CAAA,MAAAO,EAAA;EAAA;IAAAA,EAAA,GAAAP,CAAA;EAAA;EAHA,MAAAL,UAAA,GAAmBY,EAGJ;EAAA,IAAAC,EAAA;EAAA,IAAAR,CAAA,QAAAL,UAAA,IAAAK,CAAA,QAAAJ,SAAA,IAAAI,CAAA,QAAAH,MAAA;IAGNW,EAAA;MAAAb,UAAA;MAAAC,SAAA;MAAAC;IAAgC;IAAAG,CAAA,MAAAL,UAAA;IAAAK,CAAA,MAAAJ,SAAA;IAAAI,CAAA,MAAAH,MAAA;IAAAG,CAAA,MAAAQ,EAAA;EAAA;IAAAA,EAAA,GAAAR,CAAA;EAAA;EADzC,MAAAS,KAAA,GACSD,EAAgC;EACR,IAAAE,EAAA;EAAA,IAAAV,CAAA,QAAAC,QAAA,IAAAD,CAAA,QAAAS,KAAA;IAG1BC,EAAA,GAAAC,IAAA,CAACjB,OAAA;MAAAe,KAAA;MAAAR;;;;;;;;SAADS,E;CACT;AAEA,OAAO,MAAME,cAAA,GAAiBA,CAAA,KAA0BxB,GAAA,CAAIM,OAAA","ignoreList":[]}

package/dist/elements/MergeBranch/index.css

@@ -0,0 +1,136 @@
+@layer payload-default {
+  /* Wraps the summary and its optional link so the gap to the mode options is the
+     wrapper's, and does not depend on which of the two is last. */
+  .merge-branch-modal__intro {
+    display: flex;
+    flex-direction: column;
+    align-items: flex-start;
+    gap: var(--spacer-1);
+    margin-block-end: var(--spacer-3);
+  }
+
+  .merge-branch-modal__summary {
+    margin-block: 0;
+    color: var(--color-text-secondary);
+  }
+
+  /* The way out of "all of it" — sits directly under the sentence it qualifies. */
+  .merge-branch-modal__review {
+    color: var(--color-text-brand);
+  }
+
+  .merge-branch-modal__modes {
+    display: flex;
+    flex-direction: column;
+    gap: var(--spacer-2);
+  }
+
+  /* Separated from the mode radios by a rule: this is a second, independent
+     decision, not a third option in the first one. */
+  .merge-branch-modal__close-branch {
+    margin-block-start: var(--spacer-3);
+    padding-block-start: var(--spacer-3);
+    border-block-start: var(--stroke-width-small) solid var(--color-border);
+  }
+
+  .merge-branch-modal__close-branch-help {
+    margin-block: var(--spacer-1) 0;
+    padding-inline-start: var(--spacer-4);
+    color: var(--color-text-secondary);
+  }
+
+  /* Indented to the radio label above it, so the date reads as part of choosing
+     "schedule" rather than as the next question down the modal. */
+  .merge-branch-modal__schedule {
+    display: flex;
+    flex-direction: column;
+    gap: var(--spacer-2);
+    margin-block-start: var(--spacer-2);
+    padding-inline-start: var(--spacer-4);
+  }
+
+  .merge-branch-modal__schedule-field {
+    display: flex;
+    flex-direction: column;
+    gap: var(--spacer-1);
+  }
+
+  /* The picker sizes itself to its container, which in a modal is the full width —
+     a date needs nothing like that much room. */
+  .merge-branch-modal__schedule-field .date-time-picker {
+    max-width: calc(var(--spacer-6) * 6);
+  }
+
+  .merge-branch-modal__schedule-help {
+    margin: 0;
+    color: var(--color-text-secondary);
+  }
+
+  .merge-branch-modal__upcoming {
+    display: flex;
+    flex-direction: column;
+    gap: var(--spacer-1);
+  }
+
+  .merge-branch-modal__upcoming-title {
+    margin: 0;
+    font-family: var(--text-body-small-font-family);
+    font-size: var(--text-body-small-font-size);
+    color: var(--color-text-secondary);
+  }
+
+  .merge-branch-modal__upcoming-list {
+    margin: 0;
+    padding: 0;
+    list-style: none;
+  }
+
+  .merge-branch-modal__upcoming-row {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    gap: var(--spacer-3);
+  }
+
+  .merge-branch-modal__unavailable {
+    margin: 0;
+    color: var(--color-text-secondary);
+  }
+
+  .merge-branch-modal__progress {
+    display: flex;
+    flex-direction: column;
+    gap: var(--spacer-2);
+    margin-block-start: var(--spacer-4);
+  }
+
+  .merge-branch-modal__progress-bar {
+    height: var(--spacer-1);
+    border-radius: var(--radius-full);
+    background: var(--color-bg-secondary);
+    overflow: hidden;
+  }
+
+  .merge-branch-modal__progress-fill {
+    height: 100%;
+    border-radius: inherit;
+    background: var(--color-text-brand);
+    /* Each document lands as a discrete step, so ease between them rather than
+       letting the bar snap on every event. */
+    transition: width 200ms ease-out;
+  }
+
+  .merge-branch-modal__progress-fill--complete {
+    background: var(--color-bg-success);
+  }
+
+  .merge-branch-modal__blocked {
+    margin-block: var(--spacer-3) 0;
+    padding-inline-start: var(--spacer-3);
+    color: var(--color-text-danger);
+  }
+
+  .merge-branch-modal__progress-label {
+    color: var(--color-text-secondary);
+  }
+}

package/dist/elements/MergeBranch/index.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import './index.css';
+export declare const MergeBranchModal: React.FC;
+//# sourceMappingURL=index.d.ts.map

package/dist/elements/MergeBranch/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/MergeBranch/index.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAyC,MAAM,OAAO,CAAA;AAgB7D,OAAO,aAAa,CAAA;AAsCpB,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAuKpC,CAAA"}