@payloadcms/ui 4.0.0-internal.567a487 → 4.0.0-internal.58473b9

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

@@ -1,67 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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

@@ -1,47 +0,0 @@
-'use client';
-
-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 = ({
-  children
-}) => {
-  const {
-    closeModal,
-    openModal
-  } = useModal();
-  const [target, setTarget] = useState(null);
-  const openMerge = useCallback(next => {
-    setTarget(next);
-    openModal(mergeBranchModalSlug);
-  }, [openModal]);
-  const closeMerge = useCallback(() => {
-    closeModal(mergeBranchModalSlug);
-    setTarget(null);
-  }, [closeModal]);
-  const value = useMemo(() => ({
-    closeMerge,
-    openMerge,
-    target
-  }), [closeMerge, openMerge, target]);
-  return /*#__PURE__*/_jsx(Context, {
-    value: value,
-    children: children
-  });
-};
-export const useMergeBranch = () => use(Context);
-//# sourceMappingURL=context.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"context.js","names":["React","createContext","use","useCallback","useMemo","useState","useModal","mergeBranchModalSlug","Context","closeMerge","openMerge","target","MergeBranchStoreProvider","children","closeModal","openModal","setTarget","next","value","_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;;;AAEA,OAAOA,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,GAAoEA,CAAC;EAAEC;AAAQ,CAAE;EAC5F,MAAM;IAAEC,UAAU;IAAEC;EAAS,CAAE,GAAGT,QAAA;EAClC,MAAM,CAACK,MAAA,EAAQK,SAAA,CAAU,GAAGX,QAAA,CAA6B;EAEzD,MAAMK,SAAA,GAAYP,WAAA,CACfc,IAAA;IACCD,SAAA,CAAUC,IAAA;IACVF,SAAA,CAAUR,oBAAA;EACZ,GACA,CAACQ,SAAA,CAAU;EAGb,MAAMN,UAAA,GAAaN,WAAA,CAAY;IAC7BW,UAAA,CAAWP,oBAAA;IACXS,SAAA,CAAU;EACZ,GAAG,CAACF,UAAA,CAAW;EAEf,MAAMI,KAAA,GAAQd,OAAA,CACZ,OAAO;IAAEK,UAAA;IAAYC,SAAA;IAAWC;EAAO,IACvC,CAACF,UAAA,EAAYC,SAAA,EAAWC,MAAA,CAAO;EAGjC,oBAAOQ,IAAA,CAACX,OAAA;IAAQU,KAAA,EAAOA,KAAA;cAAQL;;AACjC;AAEA,OAAO,MAAMO,cAAA,GAAiBA,CAAA,KAA0BlB,GAAA,CAAIM,OAAA","ignoreList":[]}

package/dist/elements/MergeBranch/index.css

@@ -1,136 +0,0 @@
-@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

@@ -1,15 +0,0 @@
-import React from 'react';
-import './index.css';
-/**
- * The modal every merge entry point opens.
- *
- * Merging is a decision — what to take, and when — so it happens in a modal from
- * wherever the branch is on screen, rather than by routing somewhere first.
- *
- * The merge itself streams. A branch can hold hundreds of documents and each one
- * is a full write with hooks and validation, so "merging 34 of 230" is real
- * information rather than a spinner's decoration; see `endpoints/merge.ts` for
- * why that is a streamed response rather than a job and a polling loop.
- */
-export declare const MergeBranchModal: React.FC;
-//# sourceMappingURL=index.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/MergeBranch/index.tsx"],"names":[],"mappings":"AAUA,OAAO,KAA2C,MAAM,OAAO,CAAA;AAuB/D,OAAO,aAAa,CAAA;AAmBpB;;;;;;;;;;GAUG;AACH,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAkiBpC,CAAA"}