npm - @payloadcms/ui - Versions diffs - 4.0.0-internal.e55ccef → 4.0.0-internal.ea6e8f8 - Mend

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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (2063) hide show

package/dist/views/API/index.client.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.client.js","names":["formatAdminURL","hasDraftsEnabled","React","toast","Button","CodeEditor","CodeEditorLazy","CheckboxField","NumberField","TextInput","Form","MinimizeMaximizeIcon","NewTabIcon","useConfig","useDocumentInfo","useLocale","useSearchParams","useTranslation","SetDocumentStepNav","LocaleSelector","baseClass","APIViewClient","id","collectionSlug","globalSlug","initialData","isTrashed","searchParams","i18n","t","code","config","defaultDepth","localization","routes","api","apiRoute","serverURL","getEntityConfig","collectionConfig","globalConfig","localeOptions","locales","map","locale","label","value","draftsEnabled","docEndpoint","undefined","data","setData","useState","draft","setDraft","get","setLocale","depth","setDepth","toString","authenticated","setAuthenticated","fullscreen","setFullscreen","origin","setOrigin","jsonString","useMemo","JSON","stringify","recalculatedHeightAt","setRecalculatedHeightAt","useEffect","count","window","location","trashParam","deletedAt","params","URLSearchParams","String","trash","fetchURL","path","fetchData","res","fetch","credentials","headers","language","method","json","error","console","_jsxs","className","filter","Boolean","join","_jsx","globalLabel","pluralLabel","labels","plural","useAsTitle","admin","view","initialState","initialValue","valid","Number","onChange","field","name","step","max","min","htmlAttributes","readOnly","buttonStyle","el","icon","size","margin","newTab","url","isMinimized","onClick","defaultLanguage","height","options","fixedOverflowWidgets","folding","lineNumbers","stickyScroll","enabled","wordWrap"],"sources":["../../../src/views/API/index.client.tsx"],"sourcesContent":["'use client'\n\nimport { formatAdminURL, hasDraftsEnabled } from 'payload/shared'\nimport * as React from 'react'\nimport { toast } from 'sonner'\n\nimport { Button } from '../../elements/Button/index.js'\nimport { CodeEditor as CodeEditorLazy } from '../../elements/CodeEditor/index.js'\nimport { CheckboxField } from '../../fields/Checkbox/index.js'\nimport { NumberField } from '../../fields/Number/index.js'\nimport { TextInput } from '../../fields/Text/Input.js'\nimport { Form } from '../../forms/Form/index.js'\nimport { MinimizeMaximizeIcon } from '../../icons/MinimizeMaximize/index.js'\nimport { NewTabIcon } from '../../icons/NewTab/index.js'\nimport { useConfig } from '../../providers/Config/index.js'\nimport { useDocumentInfo } from '../../providers/DocumentInfo/index.js'\nimport { useLocale } from '../../providers/Locale/index.js'\nimport { useSearchParams } from '../../providers/RouterAdapter/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { SetDocumentStepNav } from '../../views/Edit/SetDocumentStepNav/index.js'\nimport './index.css'\nimport { LocaleSelector } from './LocaleSelector/index.js'\n\nconst baseClass = 'query-inspector'\n\nexport const APIViewClient: React.FC = () => {\n const { id, collectionSlug, globalSlug, initialData, isTrashed } = useDocumentInfo()\n\n const searchParams = useSearchParams()\n const { i18n, t } = useTranslation()\n const { code } = useLocale()\n\n const {\n config: {\n defaultDepth,\n localization,\n routes: { api: apiRoute },\n serverURL,\n },\n getEntityConfig,\n } = useConfig()\n\n const collectionConfig = getEntityConfig({ collectionSlug })\n const globalConfig = getEntityConfig({ globalSlug })\n\n const localeOptions =\n localization &&\n localization.locales.map((locale) => ({ label: locale.label, value: locale.code }))\n\n let draftsEnabled: boolean = false\n let docEndpoint: `/${string}` = undefined\n\n if (collectionConfig) {\n draftsEnabled = hasDraftsEnabled(collectionConfig)\n docEndpoint = `/${collectionSlug}/${id}`\n }\n\n if (globalConfig) {\n draftsEnabled = hasDraftsEnabled(globalConfig)\n docEndpoint = `/globals/${globalSlug}`\n }\n\n const [data, setData] = React.useState<any>(initialData)\n const [draft, setDraft] = React.useState<boolean>(searchParams.get('draft') === 'true')\n const [locale, setLocale] = React.useState<string>(searchParams?.get('locale') \|\| code)\n const [depth, setDepth] = React.useState<string>(\n searchParams.get('depth') \|\| defaultDepth.toString(),\n )\n const [authenticated, setAuthenticated] = React.useState<boolean>(true)\n const [fullscreen, setFullscreen] = React.useState<boolean>(false)\n const [origin, setOrigin] = React.useState<string>(serverURL \|\| '')\n\n const jsonString = React.useMemo(\n () => (data === undefined ? '' : JSON.stringify(data, null, 2)),\n [data],\n )\n\n // readOnly editors never fire onChange, so bump a counter to re-fit height on data change\n const [recalculatedHeightAt, setRecalculatedHeightAt] = React.useState(0)\n React.useEffect(() => {\n setRecalculatedHeightAt((count) => count + 1)\n }, [jsonString])\n\n // Set the origin to the window.location.origin in useEffect to avoid hydration errors\n React.useEffect(() => {\n if (!serverURL) {\n setOrigin(window.location.origin)\n }\n }, [serverURL])\n\n const trashParam = typeof initialData?.deletedAt === 'string'\n\n const params = new URLSearchParams({\n depth,\n draft: String(draft),\n locale,\n trash: trashParam ? 'true' : 'false',\n }).toString()\n\n const fetchURL = formatAdminURL({\n apiRoute,\n path: `${docEndpoint}?${params}`,\n serverURL: origin,\n })\n\n React.useEffect(() => {\n const fetchData = async () => {\n try {\n const res = await fetch(fetchURL, {\n credentials: authenticated ? 'include' : 'omit',\n headers: {\n 'Accept-Language': i18n.language,\n },\n method: 'GET',\n })\n\n try {\n const json = await res.json()\n setData(json)\n } catch (error) {\n toast.error('Error parsing response')\n console.error(error) // eslint-disable-line no-console\n }\n } catch (error) {\n toast.error('Error making request')\n console.error(error) // eslint-disable-line no-console\n }\n }\n\n void fetchData()\n }, [i18n.language, fetchURL, authenticated])\n\n return (\n <div\n className={[baseClass, fullscreen && `${baseClass}--fullscreen`].filter(Boolean).join(' ')}\n >\n <SetDocumentStepNav\n collectionSlug={collectionSlug}\n globalLabel={globalConfig?.label}\n globalSlug={globalSlug}\n id={id}\n isTrashed={isTrashed}\n pluralLabel={collectionConfig ? collectionConfig?.labels?.plural : undefined}\n useAsTitle={collectionConfig ? collectionConfig?.admin?.useAsTitle : undefined}\n view=\"API\"\n />\n <div className={`${baseClass}__content`}>\n <div className={`${baseClass}__configuration`}>\n <Form\n initialState={{\n authenticated: {\n initialValue: authenticated \|\| false,\n valid: true,\n value: authenticated \|\| false,\n },\n depth: {\n initialValue: Number(depth \|\| 0),\n valid: true,\n value: Number(depth \|\| 0),\n },\n draft: {\n initialValue: draft \|\| false,\n valid: true,\n value: draft \|\| false,\n },\n locale: {\n initialValue: locale,\n valid: true,\n value: locale,\n },\n }}\n >\n <div className={`${baseClass}__form-fields`}>\n {localeOptions && (\n <LocaleSelector localeOptions={localeOptions} onChange={setLocale} />\n )}\n <NumberField\n field={{\n name: 'depth',\n admin: {\n step: 1,\n },\n label: t('general:depth'),\n max: 10,\n min: 0,\n }}\n onChange={(value) => setDepth(value?.toString())}\n path=\"depth\"\n />\n {draftsEnabled && (\n <CheckboxField\n field={{\n name: 'draft',\n label: t('version:draft'),\n }}\n onChange={() => setDraft(!draft)}\n path=\"draft\"\n />\n )}\n <CheckboxField\n field={{\n name: 'authenticated',\n label: t('authentication:authenticated'),\n }}\n onChange={() => setAuthenticated(!authenticated)}\n path=\"authenticated\"\n />\n </div>\n </Form>\n </div>\n <div className={`${baseClass}__results-wrapper`}>\n <div className={`${baseClass}__results-bar`}>\n <div className={`${baseClass}__api-url-field`}>\n <TextInput\n className={`${baseClass}__api-url-input`}\n htmlAttributes={{\n 'aria-label': 'API URL',\n readOnly: true,\n }}\n path=\"api-url\"\n readOnly={false}\n value={fetchURL}\n />\n </div>\n <div className={`${baseClass}__results-bar-actions`}>\n <Button\n aria-label={t('general:openInNewWindow')}\n buttonStyle=\"secondary\"\n className={`${baseClass}__api-url-open-button`}\n el=\"anchor\"\n icon={<NewTabIcon size={16} />}\n margin={false}\n newTab\n size=\"large\"\n url={fetchURL}\n />\n <Button\n aria-label=\"toggle fullscreen\"\n buttonStyle=\"secondary\"\n className={`${baseClass}__toggle-fullscreen-button`}\n icon={<MinimizeMaximizeIcon isMinimized={!fullscreen} />}\n margin={false}\n onClick={() => setFullscreen(!fullscreen)}\n size=\"large\"\n />\n </div>\n </div>\n <div className={`${baseClass}__results`}>\n <CodeEditorLazy\n defaultLanguage=\"json\"\n height=\"100%\"\n options={{\n fixedOverflowWidgets: true,\n folding: true,\n lineNumbers: 'on',\n stickyScroll: { enabled: false },\n wordWrap: 'off',\n }}\n readOnly\n recalculatedHeightAt={recalculatedHeightAt}\n value={jsonString}\n />\n </div>\n </div>\n </div>\n </div>\n )\n}\n"],"mappings":"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","ignoreList":[]}
1	+ {"version":3,"file":"index.client.js","names":["formatAdminURL","hasDraftsEnabled","React","toast","Button","CodeEditor","CodeEditorLazy","CheckboxField","NumberField","TextInput","Form","MinimizeMaximizeIcon","NewTabIcon","useBranchParam","useConfig","useDocumentInfo","useLocale","useSearchParams","useTranslation","SetDocumentStepNav","LocaleSelector","baseClass","APIViewClient","id","collectionSlug","globalSlug","initialData","isTrashed","searchParams","i18n","t","currentLocale","code","branch","config","defaultDepth","localization","routes","api","apiRoute","serverURL","getEntityConfig","collectionConfig","globalConfig","localeOptions","locales","map","locale","label","value","draftsEnabled","docEndpoint","undefined","data","setData","useState","draft","setDraft","get","setLocale","depth","setDepth","toString","depthAnnouncement","setDepthAnnouncement","previousDepth","useRef","useEffect","current","timeout","setTimeout","Number","clearTimeout","authenticated","setAuthenticated","fullscreen","setFullscreen","origin","setOrigin","jsonString","useMemo","JSON","stringify","recalculatedHeightAt","setRecalculatedHeightAt","count","window","location","trashParam","deletedAt","searchParamsRecord","String","trash","params","URLSearchParams","fetchURL","path","fetchData","res","fetch","credentials","headers","language","method","json","error","console","_jsxs","className","filter","Boolean","join","_jsx","globalLabel","pluralLabel","labels","plural","useAsTitle","admin","view","initialState","initialValue","valid","role","onChange","field","name","step","max","min","htmlAttributes","readOnly","buttonStyle","el","icon","size","margin","newTab","url","isMinimized","onClick","defaultLanguage","height","options","fixedOverflowWidgets","folding","lineNumbers","stickyScroll","enabled","wordWrap"],"sources":["../../../src/views/API/index.client.tsx"],"sourcesContent":["'use client'\n\nimport { formatAdminURL, hasDraftsEnabled } from 'payload/shared'\nimport * as React from 'react'\nimport { toast } from 'sonner'\n\nimport { Button } from '../../elements/Button/index.js'\nimport { CodeEditor as CodeEditorLazy } from '../../elements/CodeEditor/index.js'\nimport { CheckboxField } from '../../fields/Checkbox/index.js'\nimport { NumberField } from '../../fields/Number/index.js'\nimport { TextInput } from '../../fields/Text/Input.js'\nimport { Form } from '../../forms/Form/index.js'\nimport { MinimizeMaximizeIcon } from '../../icons/MinimizeMaximize/index.js'\nimport { NewTabIcon } from '../../icons/NewTab/index.js'\nimport { useBranchParam } from '../../providers/Branch/index.js'\nimport { useConfig } from '../../providers/Config/index.js'\nimport { useDocumentInfo } from '../../providers/DocumentInfo/index.js'\nimport { useLocale } from '../../providers/Locale/index.js'\nimport { useSearchParams } from '../../providers/RouterAdapter/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { SetDocumentStepNav } from '../../views/Edit/SetDocumentStepNav/index.js'\nimport './index.css'\nimport { LocaleSelector } from './LocaleSelector/index.js'\n\nconst baseClass = 'query-inspector'\n\nexport const APIViewClient: React.FC = () => {\n const { id, collectionSlug, globalSlug, initialData, isTrashed } = useDocumentInfo()\n\n const searchParams = useSearchParams()\n const { i18n, t } = useTranslation()\n const currentLocale = useLocale()\n const code = currentLocale?.code\n const branch = useBranchParam()\n\n const {\n config: {\n defaultDepth,\n localization,\n routes: { api: apiRoute },\n serverURL,\n },\n getEntityConfig,\n } = useConfig()\n\n const collectionConfig = getEntityConfig({ collectionSlug })\n const globalConfig = getEntityConfig({ globalSlug })\n\n const localeOptions =\n localization &&\n localization.locales.map((locale) => ({ label: locale.label, value: locale.code }))\n\n let draftsEnabled: boolean = false\n let docEndpoint: `/${string}` = undefined\n\n if (collectionConfig) {\n draftsEnabled = hasDraftsEnabled(collectionConfig)\n docEndpoint = `/${collectionSlug}/${id}`\n }\n\n if (globalConfig) {\n draftsEnabled = hasDraftsEnabled(globalConfig)\n docEndpoint = `/globals/${globalSlug}`\n }\n\n const [data, setData] = React.useState<any>(initialData)\n const [draft, setDraft] = React.useState<boolean>(searchParams.get('draft') === 'true')\n const [locale, setLocale] = React.useState<string>(searchParams?.get('locale') \|\| code)\n const [depth, setDepth] = React.useState<string>(\n searchParams.get('depth') \|\| defaultDepth.toString(),\n )\n const [depthAnnouncement, setDepthAnnouncement] = React.useState('')\n const previousDepth = React.useRef(depth)\n\n React.useEffect(() => {\n if (previousDepth.current === depth) {\n return\n }\n previousDepth.current = depth\n const timeout = setTimeout(() => {\n setDepthAnnouncement(`${t('general:depth')}: ${Number(depth \|\| 0)}`)\n }, 300)\n\n return () => clearTimeout(timeout)\n }, [depth, t])\n\n const [authenticated, setAuthenticated] = React.useState<boolean>(true)\n const [fullscreen, setFullscreen] = React.useState<boolean>(false)\n const [origin, setOrigin] = React.useState<string>(serverURL \|\| '')\n\n const jsonString = React.useMemo(\n () => (data === undefined ? '' : JSON.stringify(data, null, 2)),\n [data],\n )\n\n // readOnly editors never fire onChange, so bump a counter to re-fit height on data change\n const [recalculatedHeightAt, setRecalculatedHeightAt] = React.useState(0)\n React.useEffect(() => {\n setRecalculatedHeightAt((count) => count + 1)\n }, [jsonString])\n\n // Set the origin to the window.location.origin in useEffect to avoid hydration errors\n React.useEffect(() => {\n if (!serverURL) {\n setOrigin(window.location.origin)\n }\n }, [serverURL])\n\n const trashParam = typeof initialData?.deletedAt === 'string'\n\n const searchParamsRecord: Record<string, string> = {\n depth,\n draft: String(draft),\n locale,\n trash: trashParam ? 'true' : 'false',\n }\n\n // The view inspects the document being edited, which on a branch is the branch's\n // copy. Without this it shows main's, contradicting every other view.\n if (branch) {\n searchParamsRecord.branch = branch\n }\n\n const params = new URLSearchParams(searchParamsRecord).toString()\n\n const fetchURL = formatAdminURL({\n apiRoute,\n path: `${docEndpoint}?${params}`,\n serverURL: origin,\n })\n\n React.useEffect(() => {\n const fetchData = async () => {\n try {\n const res = await fetch(fetchURL, {\n credentials: authenticated ? 'include' : 'omit',\n headers: {\n 'Accept-Language': i18n.language,\n },\n method: 'GET',\n })\n\n try {\n const json = await res.json()\n setData(json)\n } catch (error) {\n toast.error('Error parsing response')\n console.error(error) // eslint-disable-line no-console\n }\n } catch (error) {\n toast.error('Error making request')\n console.error(error) // eslint-disable-line no-console\n }\n }\n\n void fetchData()\n }, [i18n.language, fetchURL, authenticated])\n\n return (\n <div\n className={[baseClass, fullscreen && `${baseClass}--fullscreen`].filter(Boolean).join(' ')}\n >\n <SetDocumentStepNav\n collectionSlug={collectionSlug}\n globalLabel={globalConfig?.label}\n globalSlug={globalSlug}\n id={id}\n isTrashed={isTrashed}\n pluralLabel={collectionConfig ? collectionConfig?.labels?.plural : undefined}\n useAsTitle={collectionConfig ? collectionConfig?.admin?.useAsTitle : undefined}\n view=\"API\"\n />\n <div className={`${baseClass}__content`}>\n <div className={`${baseClass}__configuration`}>\n <Form\n initialState={{\n authenticated: {\n initialValue: authenticated \|\| false,\n valid: true,\n value: authenticated \|\| false,\n },\n depth: {\n initialValue: Number(depth \|\| 0),\n valid: true,\n value: Number(depth \|\| 0),\n },\n draft: {\n initialValue: draft \|\| false,\n valid: true,\n value: draft \|\| false,\n },\n locale: {\n initialValue: locale,\n valid: true,\n value: locale,\n },\n }}\n >\n <div className={`${baseClass}__form-fields`}>\n <span aria-atomic=\"true\" className=\"sr-only\" role=\"status\">\n {depthAnnouncement}\n </span>\n {localeOptions && (\n <LocaleSelector localeOptions={localeOptions} onChange={setLocale} />\n )}\n <NumberField\n field={{\n name: 'depth',\n admin: {\n step: 1,\n },\n label: t('general:depth'),\n max: 10,\n min: 0,\n }}\n onChange={(value) => setDepth(value?.toString())}\n path=\"depth\"\n />\n {draftsEnabled && (\n <CheckboxField\n field={{\n name: 'draft',\n label: t('version:draft'),\n }}\n onChange={() => setDraft(!draft)}\n path=\"draft\"\n />\n )}\n <CheckboxField\n field={{\n name: 'authenticated',\n label: t('authentication:authenticated'),\n }}\n onChange={() => setAuthenticated(!authenticated)}\n path=\"authenticated\"\n />\n </div>\n </Form>\n </div>\n <div className={`${baseClass}__results-wrapper`}>\n <div className={`${baseClass}__results-bar`}>\n <div className={`${baseClass}__api-url-field`}>\n <TextInput\n className={`${baseClass}__api-url-input`}\n htmlAttributes={{\n 'aria-label': 'API URL',\n readOnly: true,\n }}\n path=\"api-url\"\n readOnly={false}\n value={fetchURL}\n />\n </div>\n <div className={`${baseClass}__results-bar-actions`}>\n <Button\n aria-label={t('general:openInNewWindow')}\n buttonStyle=\"secondary\"\n className={`${baseClass}__api-url-open-button`}\n el=\"anchor\"\n icon={<NewTabIcon size={16} />}\n margin={false}\n newTab\n size=\"large\"\n url={fetchURL}\n />\n <Button\n aria-label=\"toggle fullscreen\"\n aria-pressed={fullscreen}\n buttonStyle=\"secondary\"\n className={`${baseClass}__toggle-fullscreen-button`}\n icon={<MinimizeMaximizeIcon isMinimized={!fullscreen} />}\n margin={false}\n onClick={() => setFullscreen(!fullscreen)}\n size=\"large\"\n />\n </div>\n </div>\n <div className={`${baseClass}__results`}>\n <CodeEditorLazy\n defaultLanguage=\"json\"\n height=\"100%\"\n options={{\n fixedOverflowWidgets: true,\n folding: true,\n lineNumbers: 'on',\n stickyScroll: { enabled: false },\n wordWrap: 'off',\n }}\n readOnly\n recalculatedHeightAt={recalculatedHeightAt}\n value={jsonString}\n />\n </div>\n </div>\n </div>\n </div>\n )\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/views/API/index.css CHANGED Viewed

@@ -75,7 +75,7 @@
   }
   .query-inspector__label {
-    font-weight: var(--text-body-large-strong-font-weight);
+    font-weight: var(--text-body-large-bold-font-weight);
   }
   .query-inspector__form-fields {
@@ -90,7 +90,6 @@
     .checkbox-input label.field-label:not(.unstyled) {
       color: var(--color-text);
-      font-family: var(--text-body-medium-font-family);
       font-size: var(--text-body-medium-font-size);
       font-weight: var(--text-body-medium-font-weight);
       line-height: var(--text-body-medium-line-height);
@@ -170,6 +169,7 @@
     border-radius: 0;
   }
+  /* stylelint-disable-next-line plugin/no-max-width-media-query -- TODO: pre-existing; migrate to a mobile-first min-width query */
   @media (max-width: 1024px) {
     .query-inspector__content {
       display: flex;

package/dist/views/Account/index.d.ts CHANGED Viewed

@@ -1,4 +1,4 @@
 import type { AdminViewServerProps } from 'payload';
 import React from 'react';
-export declare function AccountView({ initPageResult, params, searchParams }: AdminViewServerProps): Promise<React.JSX.Element>;
+export declare function AccountView({ initPageResult, params, searchParams, user: userWithReadAccess, }: AdminViewServerProps): Promise<React.JSX.Element>;
 //# sourceMappingURL=index.d.ts.map

package/dist/views/Account/index.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/views/Account/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,oBAAoB,EAA+B,MAAM,SAAS,CAAA;AAGhF,OAAO,KAAK,MAAM,OAAO,CAAA;AAqBzB,wBAAsB,WAAW,CAAC,~~EAAE~~,cAAc,~~EAAE~~,MAAM,~~EAAE~~,YAAY,EAAE,EAAE,oBAAoB,~~8BAgK/F~~"}
1	+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/views/Account/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,oBAAoB,EAA+B,MAAM,SAAS,CAAA;AAGhF,OAAO,KAAK,MAAM,OAAO,CAAA;AAqBzB,wBAAsB,WAAW,CAAC,EAChC,cAAc,EACd,MAAM,EACN,YAAY,EACZ,IAAI,EAAE,kBAAkB,GACzB,EAAE,oBAAoB,8BAkKtB"}

package/dist/views/Account/index.js CHANGED Viewed

@@ -16,7 +16,8 @@ import { Settings } from './Settings/index.js';
 export async function AccountView({
   initPageResult,
   params,
-  searchParams
+  searchParams,
+  user: userWithReadAccess
 }) {
   const {
     languageOptions,
@@ -89,7 +90,8 @@ export async function AccountView({
       renderAllFields: true,
       req,
       schemaPath: collectionConfig.slug,
-      skipValidation: true
+      skipValidation: true,
+      user: userWithReadAccess
     });
     // Fetch document lock state
     const {
@@ -123,7 +125,7 @@ export async function AccountView({
         languageOptions: languageOptions,
         payload: payload,
         theme: theme,
-        user: user
+        user: userWithReadAccess
       }),
       apiURL: formatAdminURL({
         apiRoute: api,
@@ -151,7 +153,8 @@ export async function AccountView({
           collectionConfig: collectionConfig,
           hideTabs: true,
           permissions: permissions,
-          req: req
+          req: req,
+          user: userWithReadAccess
         }), /*#__PURE__*/_jsx(HydrateAuthProvider, {
           permissions: permissions
         }), RenderServerComponent({
@@ -170,7 +173,7 @@ export async function AccountView({
             routeSegments: [],
             searchParams,
             server: req.server,
-            user
+            user: userWithReadAccess
           }
         }), /*#__PURE__*/_jsx(AccountClient, {})]
       })

package/dist/views/Account/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","names":["formatAdminURL","React","DocumentHeader","RenderServerComponent","AccountClient","DefaultEditView","DocumentInfoProvider","EditDepthProvider","HydrateAuthProvider","buildFormState","getDocPreferences","getDocumentData","getDocumentPermissions","getIsLocked","getVersions","Settings","AccountView","initPageResult","params","searchParams","languageOptions","locale","permissions","req","i18n","payload","config","user","admin","theme","userSlug","routes","api","collectionConfig","collections","id","data","collectionSlug","slug","Error","docPreferences","docPermissions","hasDeletePermission","hasPublishPermission","hasSavePermission","hasTrashPermission","state","formState","code","operation","renderAllFields","schemaPath","skipValidation","currentEditor","isLocked","lastUpdateTime","isEditing","hasPublishedDoc","mostRecentVersionIsAutosaved","unpublishedVersionCount","versionCount","doc","_jsx","AfterFields","apiURL","apiRoute","path","initialData","initialState","_jsxs","hideTabs","Component","components","views","account","Fallback","importMap","serverProps","routeSegments","server","notFound"],"sources":["../../../src/views/Account/index.tsx"],"sourcesContent":["import type { AdminViewServerProps, DocumentViewServerPropsOnly } from 'payload'\n\nimport { formatAdminURL } from 'payload/shared'\nimport React from 'react'\n\nimport { DocumentHeader } from '../../elements/DocumentHeader/index.js'\nimport { RenderServerComponent } from '../../elements/RenderServerComponent/index.js'\n/* eslint-disable payload/no-imports-from-exports-dir -- Server component must reference exports/client bundle for proper client boundary in prod builds /\nimport {\n AccountClient,\n DefaultEditView,\n DocumentInfoProvider,\n EditDepthProvider,\n HydrateAuthProvider,\n} from '../../exports/client/index.js'\n/ eslint-enable payload/no-imports-from-exports-dir */\nimport { buildFormState } from '../../utilities/buildFormState.js'\nimport { getDocPreferences } from '../../utilities/getDocPreferences.js'\nimport { getDocumentData } from '../../utilities/getDocumentData.js'\nimport { getDocumentPermissions } from '../../utilities/getDocumentPermissions.js'\nimport { getIsLocked } from '../../utilities/getIsLocked.js'\nimport { getVersions } from '../../utilities/getVersions.js'\nimport { Settings } from './Settings/index.js'\n\nexport async function AccountView({ initPageResult, params, searchParams }: AdminViewServerProps) {\n const {\n languageOptions,\n locale,\n permissions,\n req,\n req: {\n i18n,\n payload,\n payload: { config },\n user,\n },\n } = initPageResult\n\n const {\n admin: { theme, user: userSlug },\n routes: { api },\n } = config\n\n const collectionConfig = payload?.collections?.[userSlug]?.config\n\n if (collectionConfig && user?.id) {\n // Fetch the data required for the view\n const data = await getDocumentData({\n id: user.id,\n collectionSlug: collectionConfig.slug,\n locale,\n payload,\n req,\n user,\n })\n\n if (!data) {\n throw new Error('not-found')\n }\n\n // Get document preferences\n const docPreferences = await getDocPreferences({\n id: user.id,\n collectionSlug: collectionConfig.slug,\n payload,\n user,\n })\n\n // Get permissions\n const {\n docPermissions,\n hasDeletePermission,\n hasPublishPermission,\n hasSavePermission,\n hasTrashPermission,\n } = await getDocumentPermissions({\n id: user.id,\n collectionConfig,\n data,\n req,\n })\n\n // Build initial form state from data\n const { state: formState } = await buildFormState({\n id: user.id,\n collectionSlug: collectionConfig.slug,\n data,\n docPermissions,\n docPreferences,\n locale: locale?.code,\n operation: 'update',\n renderAllFields: true,\n req,\n schemaPath: collectionConfig.slug,\n skipValidation: true,\n })\n\n // Fetch document lock state\n const { currentEditor, isLocked, lastUpdateTime } = await getIsLocked({\n id: user.id,\n collectionConfig,\n isEditing: true,\n req,\n })\n\n // Get all versions required for UI\n const { hasPublishedDoc, mostRecentVersionIsAutosaved, unpublishedVersionCount, versionCount } =\n await getVersions({\n id: user.id,\n collectionConfig,\n doc: data,\n docPermissions,\n locale: locale?.code,\n payload,\n user,\n })\n\n return (\n <DocumentInfoProvider\n AfterFields={\n <Settings\n i18n={i18n}\n languageOptions={languageOptions}\n payload={payload}\n theme={theme}\n user={user}\n />\n }\n apiURL={formatAdminURL({\n apiRoute: api,\n path: `/${userSlug}${user?.id ? `/${user.id}` : ''}`,\n })}\n collectionSlug={userSlug}\n currentEditor={currentEditor}\n docPermissions={docPermissions}\n hasDeletePermission={hasDeletePermission}\n hasPublishedDoc={hasPublishedDoc}\n hasPublishPermission={hasPublishPermission}\n hasSavePermission={hasSavePermission}\n hasTrashPermission={hasTrashPermission}\n id={user?.id}\n initialData={data}\n initialState={formState}\n isEditing\n isLocked={isLocked}\n lastUpdateTime={lastUpdateTime}\n mostRecentVersionIsAutosaved={mostRecentVersionIsAutosaved}\n unpublishedVersionCount={unpublishedVersionCount}\n versionCount={versionCount}\n >\n <EditDepthProvider>\n <DocumentHeader\n collectionConfig={collectionConfig}\n hideTabs\n permissions={permissions}\n req={req}\n />\n <HydrateAuthProvider permissions={permissions} />\n {RenderServerComponent({\n Component: config.admin?.components?.views?.account?.Component,\n Fallback: DefaultEditView,\n importMap: payload.importMap,\n serverProps: {\n doc: data,\n hasPublishedDoc,\n i18n,\n initPageResult,\n locale,\n params,\n payload,\n permissions,\n routeSegments: [],\n searchParams,\n server: req.server,\n user,\n } satisfies DocumentViewServerPropsOnly,\n })}\n <AccountClient />\n </EditDepthProvider>\n </DocumentInfoProvider>\n )\n }\n\n return req.server.notFound()\n}\n"],"mappings":"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","ignoreList":[]}
1	+ {"version":3,"file":"index.js","names":["formatAdminURL","React","DocumentHeader","RenderServerComponent","AccountClient","DefaultEditView","DocumentInfoProvider","EditDepthProvider","HydrateAuthProvider","buildFormState","getDocPreferences","getDocumentData","getDocumentPermissions","getIsLocked","getVersions","Settings","AccountView","initPageResult","params","searchParams","user","userWithReadAccess","languageOptions","locale","permissions","req","i18n","payload","config","admin","theme","userSlug","routes","api","collectionConfig","collections","id","data","collectionSlug","slug","Error","docPreferences","docPermissions","hasDeletePermission","hasPublishPermission","hasSavePermission","hasTrashPermission","state","formState","code","operation","renderAllFields","schemaPath","skipValidation","currentEditor","isLocked","lastUpdateTime","isEditing","hasPublishedDoc","mostRecentVersionIsAutosaved","unpublishedVersionCount","versionCount","doc","_jsx","AfterFields","apiURL","apiRoute","path","initialData","initialState","_jsxs","hideTabs","Component","components","views","account","Fallback","importMap","serverProps","routeSegments","server","notFound"],"sources":["../../../src/views/Account/index.tsx"],"sourcesContent":["import type { AdminViewServerProps, DocumentViewServerPropsOnly } from 'payload'\n\nimport { formatAdminURL } from 'payload/shared'\nimport React from 'react'\n\nimport { DocumentHeader } from '../../elements/DocumentHeader/index.js'\nimport { RenderServerComponent } from '../../elements/RenderServerComponent/index.js'\n/* eslint-disable payload/no-imports-from-exports-dir -- Server component must reference exports/client bundle for proper client boundary in prod builds /\nimport {\n AccountClient,\n DefaultEditView,\n DocumentInfoProvider,\n EditDepthProvider,\n HydrateAuthProvider,\n} from '../../exports/client/index.js'\n/ eslint-enable payload/no-imports-from-exports-dir */\nimport { buildFormState } from '../../utilities/buildFormState.js'\nimport { getDocPreferences } from '../../utilities/getDocPreferences.js'\nimport { getDocumentData } from '../../utilities/getDocumentData.js'\nimport { getDocumentPermissions } from '../../utilities/getDocumentPermissions.js'\nimport { getIsLocked } from '../../utilities/getIsLocked.js'\nimport { getVersions } from '../../utilities/getVersions.js'\nimport { Settings } from './Settings/index.js'\n\nexport async function AccountView({\n initPageResult,\n params,\n searchParams,\n user: userWithReadAccess,\n}: AdminViewServerProps) {\n const {\n languageOptions,\n locale,\n permissions,\n req,\n req: {\n i18n,\n payload,\n payload: { config },\n user,\n },\n } = initPageResult\n\n const {\n admin: { theme, user: userSlug },\n routes: { api },\n } = config\n\n const collectionConfig = payload?.collections?.[userSlug]?.config\n\n if (collectionConfig && user?.id) {\n // Fetch the data required for the view\n const data = await getDocumentData({\n id: user.id,\n collectionSlug: collectionConfig.slug,\n locale,\n payload,\n req,\n user,\n })\n\n if (!data) {\n throw new Error('not-found')\n }\n\n // Get document preferences\n const docPreferences = await getDocPreferences({\n id: user.id,\n collectionSlug: collectionConfig.slug,\n payload,\n user,\n })\n\n // Get permissions\n const {\n docPermissions,\n hasDeletePermission,\n hasPublishPermission,\n hasSavePermission,\n hasTrashPermission,\n } = await getDocumentPermissions({\n id: user.id,\n collectionConfig,\n data,\n req,\n })\n\n // Build initial form state from data\n const { state: formState } = await buildFormState({\n id: user.id,\n collectionSlug: collectionConfig.slug,\n data,\n docPermissions,\n docPreferences,\n locale: locale?.code,\n operation: 'update',\n renderAllFields: true,\n req,\n schemaPath: collectionConfig.slug,\n skipValidation: true,\n user: userWithReadAccess,\n })\n\n // Fetch document lock state\n const { currentEditor, isLocked, lastUpdateTime } = await getIsLocked({\n id: user.id,\n collectionConfig,\n isEditing: true,\n req,\n })\n\n // Get all versions required for UI\n const { hasPublishedDoc, mostRecentVersionIsAutosaved, unpublishedVersionCount, versionCount } =\n await getVersions({\n id: user.id,\n collectionConfig,\n doc: data,\n docPermissions,\n locale: locale?.code,\n payload,\n user,\n })\n\n return (\n <DocumentInfoProvider\n AfterFields={\n <Settings\n i18n={i18n}\n languageOptions={languageOptions}\n payload={payload}\n theme={theme}\n user={userWithReadAccess}\n />\n }\n apiURL={formatAdminURL({\n apiRoute: api,\n path: `/${userSlug}${user?.id ? `/${user.id}` : ''}`,\n })}\n collectionSlug={userSlug}\n currentEditor={currentEditor}\n docPermissions={docPermissions}\n hasDeletePermission={hasDeletePermission}\n hasPublishedDoc={hasPublishedDoc}\n hasPublishPermission={hasPublishPermission}\n hasSavePermission={hasSavePermission}\n hasTrashPermission={hasTrashPermission}\n id={user?.id}\n initialData={data}\n initialState={formState}\n isEditing\n isLocked={isLocked}\n lastUpdateTime={lastUpdateTime}\n mostRecentVersionIsAutosaved={mostRecentVersionIsAutosaved}\n unpublishedVersionCount={unpublishedVersionCount}\n versionCount={versionCount}\n >\n <EditDepthProvider>\n <DocumentHeader\n collectionConfig={collectionConfig}\n hideTabs\n permissions={permissions}\n req={req}\n user={userWithReadAccess}\n />\n <HydrateAuthProvider permissions={permissions} />\n {RenderServerComponent({\n Component: config.admin?.components?.views?.account?.Component,\n Fallback: DefaultEditView,\n importMap: payload.importMap,\n serverProps: {\n doc: data,\n hasPublishedDoc,\n i18n,\n initPageResult,\n locale,\n params,\n payload,\n permissions,\n routeSegments: [],\n searchParams,\n server: req.server,\n user: userWithReadAccess,\n } satisfies DocumentViewServerPropsOnly,\n })}\n <AccountClient />\n </EditDepthProvider>\n </DocumentInfoProvider>\n )\n }\n\n return req.server.notFound()\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/views/Branch/BranchChanges/index.d.ts ADDED Viewed

@@ -0,0 +1,23 @@
+import React from 'react';
+import type { BranchChange } from '../ChangedDocuments/index.js';
+import type { MergeEvent } from '../MergeLedger/index.js';
+import type { ScheduledMerge } from '../ScheduledMerges/index.js';
+/**
+ * The branch's changes, and the action that applies them.
+ *
+ * The two live in one client component because the selection connects them: the
+ * checkboxes decide what "merge" means, so the state cannot sit inside the list
+ * while the button sits outside it.
+ */
+export declare const BranchChanges: React.FC<{
+    branchID: number | string;
+    branchName: string;
+    branchSlug: string;
+    changes: BranchChange[];
+    historyPage?: number;
+    historyTotalPages?: number;
+    isClosed?: boolean;
+    mergeEvents?: MergeEvent[];
+    scheduledMerges?: ScheduledMerge[];
+}>;
+//# sourceMappingURL=index.d.ts.map

package/dist/views/Branch/BranchChanges/index.d.ts.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/views/Branch/BranchChanges/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAyC,MAAM,OAAO,CAAA;AAE7D,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,8BAA8B,CAAA;AAChE,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAA;AACzD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,6BAA6B,CAAA;AAajE;;;;;;GAMG;AACH,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC;IACnC,QAAQ,EAAE,MAAM,GAAG,MAAM,CAAA;IACzB,UAAU,EAAE,MAAM,CAAA;IAClB,UAAU,EAAE,MAAM,CAAA;IAClB,OAAO,EAAE,YAAY,EAAE,CAAA;IACvB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,iBAAiB,CAAC,EAAE,MAAM,CAAA;IAC1B,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,WAAW,CAAC,EAAE,UAAU,EAAE,CAAA;IAC1B,eAAe,CAAC,EAAE,cAAc,EAAE,CAAA;CACnC,CAiLA,CAAA"}

package/dist/views/Branch/BranchChanges/index.js ADDED Viewed

@@ -0,0 +1,153 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React, { useCallback, useMemo, useState } from 'react';
+import { Gutter } from '../../../elements/Gutter/index.js';
+import { Link } from '../../../elements/Link/index.js';
+import { useTranslation } from '../../../providers/Translation/index.js';
+import { ChangedDocuments } from '../ChangedDocuments/index.js';
+import { DiscardChangesButton } from '../DiscardChangesButton/index.js';
+import { MergeChangesButton } from '../MergeChangesButton/index.js';
+import { MergeLedger } from '../MergeLedger/index.js';
+import { ScheduledMerges } from '../ScheduledMerges/index.js';
+const baseClass = 'branch-changes';
+/**
+ * The branch's changes, and the action that applies them.
+ *
+ * The two live in one client component because the selection connects them: the
+ * checkboxes decide what "merge" means, so the state cannot sit inside the list
+ * while the button sits outside it.
+ */
+export const BranchChanges = ({
+  branchID,
+  branchName,
+  branchSlug,
+  changes,
+  historyPage = 1,
+  historyTotalPages = 1,
+  isClosed = false,
+  mergeEvents = [],
+  scheduledMerges = []
+}) => {
+  const {
+    t
+  } = useTranslation();
+  // Everything selected to begin with: the common intent is to merge the branch,
+  // and deselecting the exceptions is less work than selecting the rule.
+  const [selected, setSelected] = useState(() => new Set(changes.map(c => c.id)));
+  const toggleAll = useCallback(() => {
+    setSelected(prev => prev.size === changes.length ? new Set() : new Set(changes.map(c_0 => c_0.id)));
+  }, [changes]);
+  const toggleSelected = useCallback(id => {
+    setSelected(prev_0 => {
+      const next = new Set(prev_0);
+      if (next.has(id)) {
+        next.delete(id);
+      } else {
+        next.add(id);
+      }
+      return next;
+    });
+  }, []);
+  // Undefined when everything is selected, which the endpoint reads as "apply
+  // every pending change" — the same outcome, but it keeps the merge honest if a
+  // change lands between this page render and the merge.
+  const selectedChangeIDs = useMemo(() => selected.size === changes.length ? undefined : [...selected], [changes.length, selected]);
+  // No `reviewURL`: this is the page one would link to. The changes are already read
+  // here, so the modal describes the merge without a request of its own — and it
+  // describes the *selection*, which is what will actually be applied.
+  const mergeTarget = useMemo(() => ({
+    branchID,
+    branchName,
+    branchSlug,
+    changes: changes.filter(change => selected.has(change.id)),
+    selectedChangeIDs,
+    totalChanges: changes.length
+  }), [branchID, branchName, branchSlug, changes, selected, selectedChangeIDs]);
+  const hasPending = changes.length > 0;
+  const hasHistory = mergeEvents.length > 0;
+  // Labelled as soon as more than one of the three is on screen; a lone section is
+  // already named by the heading above it.
+  const showSectionHeadings = [hasPending, hasHistory, scheduledMerges.length > 0].filter(Boolean).length > 1;
+  return /*#__PURE__*/_jsxs(React.Fragment, {
+    children: [/*#__PURE__*/_jsxs("div", {
+      className: `${baseClass}__controls`,
+      children: [/*#__PURE__*/_jsx("h2", {
+        className: `${baseClass}__title`,
+        children: hasPending ? t('branching:reviewingChangedDocuments') : hasHistory ? t('branching:branchHistory') : t('branching:reviewingChangedDocuments')
+      }), hasPending && !isClosed && /*#__PURE__*/_jsxs("div", {
+        className: `${baseClass}__actions`,
+        children: [/*#__PURE__*/_jsx(DiscardChangesButton, {
+          branchID: branchID,
+          selectedChangeIDs: selectedChangeIDs,
+          totalChanges: changes.length
+        }), /*#__PURE__*/_jsx(MergeChangesButton, {
+          disabled: !selected.size,
+          target: mergeTarget
+        })]
+      })]
+    }), /*#__PURE__*/_jsxs(Gutter, {
+      className: baseClass,
+      children: [scheduledMerges.length > 0 && /*#__PURE__*/_jsxs("section", {
+        className: `${baseClass}__section`,
+        children: [showSectionHeadings && /*#__PURE__*/_jsx("h3", {
+          className: `${baseClass}__section-title`,
+          children: t('branching:scheduledMerges')
+        }), /*#__PURE__*/_jsx(ScheduledMerges, {
+          branchID: branchID,
+          branchSlug: branchSlug,
+          schedules: scheduledMerges
+        })]
+      }), hasPending && /*#__PURE__*/_jsxs("section", {
+        className: `${baseClass}__section`,
+        children: [showSectionHeadings && /*#__PURE__*/_jsx("h3", {
+          className: `${baseClass}__section-title`,
+          children: t('branching:currentChanges')
+        }), /*#__PURE__*/_jsx("p", {
+          className: `${baseClass}__untouched-note`,
+          children: t('branching:untouchedDocumentsNote')
+        }), /*#__PURE__*/_jsx(ChangedDocuments, {
+          branch: branchSlug,
+          changes: changes,
+          selected: selected,
+          toggleAll: toggleAll,
+          toggleSelected: toggleSelected
+        })]
+      }), hasHistory && /*#__PURE__*/_jsxs("section", {
+        className: `${baseClass}__section`,
+        children: [showSectionHeadings && /*#__PURE__*/_jsx("h3", {
+          className: `${baseClass}__section-title`,
+          children: t('branching:mergeHistory')
+        }), isClosed && /*#__PURE__*/_jsx("p", {
+          className: `${baseClass}__closed`,
+          children: t('branching:branchClosed')
+        }), /*#__PURE__*/_jsx(MergeLedger, {
+          events: mergeEvents
+        }), historyTotalPages > 1 && /*#__PURE__*/_jsxs("nav", {
+          className: `${baseClass}__history-pages`,
+          children: [/*#__PURE__*/_jsx(Link, {
+            "aria-disabled": historyPage <= 1,
+            className: `${baseClass}__history-page`,
+            href: `?historyPage=${historyPage - 1}`,
+            children: t('general:previous')
+          }), /*#__PURE__*/_jsx("span", {
+            className: `${baseClass}__history-position`,
+            children: t('branching:historyPageOf', {
+              page: historyPage,
+              total: historyTotalPages
+            })
+          }), /*#__PURE__*/_jsx(Link, {
+            "aria-disabled": historyPage >= historyTotalPages,
+            className: `${baseClass}__history-page`,
+            href: `?historyPage=${historyPage + 1}`,
+            children: t('general:next')
+          })]
+        })]
+      }), !hasPending && !hasHistory && /*#__PURE__*/_jsx("p", {
+        className: `${baseClass}__empty`,
+        children: t('branching:noChangesYet')
+      })]
+    })]
+  });
+};
+//# sourceMappingURL=index.js.map

package/dist/views/Branch/BranchChanges/index.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"index.js","names":["React","useCallback","useMemo","useState","Gutter","Link","useTranslation","ChangedDocuments","DiscardChangesButton","MergeChangesButton","MergeLedger","ScheduledMerges","baseClass","BranchChanges","branchID","branchName","branchSlug","changes","historyPage","historyTotalPages","isClosed","mergeEvents","scheduledMerges","t","selected","setSelected","Set","map","c","id","toggleAll","prev","size","length","toggleSelected","next","has","delete","add","selectedChangeIDs","undefined","mergeTarget","filter","change","totalChanges","hasPending","hasHistory","showSectionHeadings","Boolean","_jsxs","Fragment","className","_jsx","disabled","target","schedules","branch","events","href","page","total"],"sources":["../../../../src/views/Branch/BranchChanges/index.tsx"],"sourcesContent":["'use client'\n\nimport React, { useCallback, useMemo, useState } from 'react'\n\nimport type { BranchChange } from '../ChangedDocuments/index.js'\nimport type { MergeEvent } from '../MergeLedger/index.js'\nimport type { ScheduledMerge } from '../ScheduledMerges/index.js'\n\nimport { Gutter } from '../../../elements/Gutter/index.js'\nimport { Link } from '../../../elements/Link/index.js'\nimport { useTranslation } from '../../../providers/Translation/index.js'\nimport { ChangedDocuments } from '../ChangedDocuments/index.js'\nimport { DiscardChangesButton } from '../DiscardChangesButton/index.js'\nimport { MergeChangesButton } from '../MergeChangesButton/index.js'\nimport { MergeLedger } from '../MergeLedger/index.js'\nimport { ScheduledMerges } from '../ScheduledMerges/index.js'\n\nconst baseClass = 'branch-changes'\n\n/**\n * The branch's changes, and the action that applies them.\n *\n * The two live in one client component because the selection connects them: the\n * checkboxes decide what \"merge\" means, so the state cannot sit inside the list\n * while the button sits outside it.\n */\nexport const BranchChanges: React.FC<{\n branchID: number | string\n branchName: string\n branchSlug: string\n changes: BranchChange[]\n historyPage?: number\n historyTotalPages?: number\n isClosed?: boolean\n mergeEvents?: MergeEvent[]\n scheduledMerges?: ScheduledMerge[]\n}> = ({\n branchID,\n branchName,\n branchSlug,\n changes,\n historyPage = 1,\n historyTotalPages = 1,\n isClosed = false,\n mergeEvents = [],\n scheduledMerges = [],\n}) => {\n const { t } = useTranslation()\n\n // Everything selected to begin with: the common intent is to merge the branch,\n // and deselecting the exceptions is less work than selecting the rule.\n const [selected, setSelected] = useState<Set<string>>(() => new Set(changes.map((c) => c.id)))\n\n const toggleAll = useCallback(() => {\n setSelected((prev) =>\n prev.size === changes.length ? new Set() : new Set(changes.map((c) => c.id)),\n )\n }, [changes])\n\n const toggleSelected = useCallback((id: string) => {\n setSelected((prev) => {\n const next = new Set(prev)\n\n if (next.has(id)) {\n next.delete(id)\n } else {\n next.add(id)\n }\n\n return next\n })\n }, [])\n\n // Undefined when everything is selected, which the endpoint reads as \"apply\n // every pending change\" — the same outcome, but it keeps the merge honest if a\n // change lands between this page render and the merge.\n const selectedChangeIDs = useMemo(\n () => (selected.size === changes.length ? undefined : [...selected]),\n [changes.length, selected],\n )\n\n // No `reviewURL`: this is the page one would link to. The changes are already read\n // here, so the modal describes the merge without a request of its own — and it\n // describes the *selection*, which is what will actually be applied.\n const mergeTarget = useMemo(\n () => ({\n branchID,\n branchName,\n branchSlug,\n changes: changes.filter((change) => selected.has(change.id)),\n selectedChangeIDs,\n totalChanges: changes.length,\n }),\n [branchID, branchName, branchSlug, changes, selected, selectedChangeIDs],\n )\n\n const hasPending = changes.length > 0\n const hasHistory = mergeEvents.length > 0\n // Labelled as soon as more than one of the three is on screen; a lone section is\n // already named by the heading above it.\n const showSectionHeadings =\n [hasPending, hasHistory, scheduledMerges.length > 0].filter(Boolean).length > 1\n\n return (\n <React.Fragment>\n {/* Full-bleed and bordered like `doc-controls`, the bar this one sits below,\n rather than inset with the list it heads. */}\n <div className={`${baseClass}__controls`}>\n {/* Named for what the screen is, not for what happens to be on it. With\n nothing pending, this is the branch's history — a heading that describes\n the last merge event would be a caption pretending to be a title. */}\n <h2 className={`${baseClass}__title`}>\n {hasPending\n ? t('branching:reviewingChangedDocuments')\n : hasHistory\n ? t('branching:branchHistory')\n : t('branching:reviewingChangedDocuments')}\n </h2>\n {/* Closed branches take nothing further, and a branch with nothing pending\n has nothing to take — in both cases the buttons would be a dead end.\n Discard sits beside merge and is scoped by the same checkboxes: the two\n are the same decision about the same set, pointed in opposite directions. */}\n {hasPending && !isClosed && (\n <div className={`${baseClass}__actions`}>\n <DiscardChangesButton\n branchID={branchID}\n selectedChangeIDs={selectedChangeIDs}\n totalChanges={changes.length}\n />\n <MergeChangesButton disabled={!selected.size} target={mergeTarget} />\n </div>\n )}\n </div>\n <Gutter className={baseClass}>\n {/* Above everything, because it changes what the rest of the page means: the\n pending changes below are no longer only a proposal, they have a date. */}\n {scheduledMerges.length > 0 && (\n <section className={`${baseClass}__section`}>\n {showSectionHeadings && (\n <h3 className={`${baseClass}__section-title`}>{t('branching:scheduledMerges')}</h3>\n )}\n <ScheduledMerges\n branchID={branchID}\n branchSlug={branchSlug}\n schedules={scheduledMerges}\n />\n </section>\n )}\n\n {/* Both at once when both exist. Merging does not end a branch (§16), so a\n branch that has merged and been worked on again has two things to say —\n and replacing the history with the new work hid everything the branch had\n already done. Labelled only when both are present: with one section the\n heading above already names it. */}\n {hasPending && (\n <section className={`${baseClass}__section`}>\n {showSectionHeadings && (\n <h3 className={`${baseClass}__section-title`}>{t('branching:currentChanges')}</h3>\n )}\n {/* Only the documents this branch has touched are listed below — everything\n else on the branch is main, live, not a snapshot from when the branch was\n created. Placed here rather than as a permanent banner: it matters only\n while there is something to compare it against. */}\n <p className={`${baseClass}__untouched-note`}>\n {t('branching:untouchedDocumentsNote')}\n </p>\n <ChangedDocuments\n branch={branchSlug}\n changes={changes}\n selected={selected}\n toggleAll={toggleAll}\n toggleSelected={toggleSelected}\n />\n </section>\n )}\n\n {hasHistory && (\n <section className={`${baseClass}__section`}>\n {showSectionHeadings && (\n <h3 className={`${baseClass}__section-title`}>{t('branching:mergeHistory')}</h3>\n )}\n {isClosed && <p className={`${baseClass}__closed`}>{t('branching:branchClosed')}</p>}\n <MergeLedger events={mergeEvents} />\n {historyTotalPages > 1 && (\n <nav className={`${baseClass}__history-pages`}>\n <Link\n aria-disabled={historyPage <= 1}\n className={`${baseClass}__history-page`}\n href={`?historyPage=${historyPage - 1}`}\n >\n {t('general:previous')}\n </Link>\n <span className={`${baseClass}__history-position`}>\n {t('branching:historyPageOf', { page: historyPage, total: historyTotalPages })}\n </span>\n <Link\n aria-disabled={historyPage >= historyTotalPages}\n className={`${baseClass}__history-page`}\n href={`?historyPage=${historyPage + 1}`}\n >\n {t('general:next')}\n </Link>\n </nav>\n )}\n </section>\n )}\n\n {!hasPending && !hasHistory && (\n <p className={`${baseClass}__empty`}>{t('branching:noChangesYet')}</p>\n )}\n </Gutter>\n </React.Fragment>\n )\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/views/Branch/ChangedDocuments/index.css ADDED Viewed

@@ -0,0 +1,118 @@
+@layer payload-default {
+  .changed-docs__controls {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    gap: var(--spacer-2);
+    margin-block-end: var(--spacer-2);
+  }
+  .changed-docs__count {
+    color: var(--color-text-secondary);
+  }
+  .changed-docs__list {
+    display: flex;
+    flex-direction: column;
+    gap: var(--spacer-1);
+    margin: 0;
+    padding: 0;
+    list-style: none;
+  }
+  .changed-docs__row {
+    border: var(--stroke-width-small) solid var(--color-border);
+    border-radius: var(--radius-medium);
+    overflow: hidden;
+  }
+  .changed-docs__header {
+    position: relative;
+    display: flex;
+    align-items: center;
+    background: var(--color-bg-secondary);
+    cursor: pointer;
+    &:hover {
+      background: var(--color-bg-secondary-hover);
+    }
+  }
+  /* Covers the header so the whole row is the control. Transparent text rather
+     than hidden, so it still carries the row's accessible name. */
+  .changed-docs__toggle {
+    position: absolute;
+    inset: 0;
+    text-align: start;
+    color: transparent;
+    background: none;
+    border: none;
+    border-radius: inherit;
+    cursor: pointer;
+    outline: none;
+    &:focus-visible {
+      outline: var(--accessibility-outline);
+      outline-offset: -1px;
+    }
+    span {
+      user-select: none;
+    }
+  }
+  .changed-docs__header-content {
+    pointer-events: none;
+    display: flex;
+    align-items: center;
+    gap: var(--spacer-2);
+    flex: 1 1 auto;
+    min-width: 0;
+    padding: var(--spacer-1-5) var(--spacer-2);
+  }
+  /* The one part of the header that is not the toggle. */
+  .changed-docs__select {
+    position: relative;
+    z-index: 1;
+    display: flex;
+    align-items: center;
+    pointer-events: all;
+  }
+  /* The header it sits on is `--color-bg-secondary`, which is also the
+     light-gray pill's background, so give it its own edge to read against. */
+  .changed-docs__entity {
+    background: var(--color-bg);
+    box-shadow: inset 0 0 0 var(--stroke-width-small) var(--color-border);
+  }
+  /* Leading the row, so a long changeset can be scanned down a single column of
+     operations. Sized by its label like the entity pill beside it — a fixed width
+     to align the columns made the three verbs read as buttons. */
+  .changed-docs__operation {
+    flex-shrink: 0;
+  }
+  .changed-docs__title {
+    flex: 1 1 auto;
+    min-width: 0;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+  }
+  .changed-docs__indicator {
+    flex-shrink: 0;
+    color: var(--color-icon);
+  }
+  .changed-docs__diff {
+    padding: var(--spacer-3);
+    border-block-start: var(--stroke-width-small) solid var(--color-border);
+  }
+  .changed-docs__error {
+    color: var(--color-text-secondary);
+  }
+}

package/dist/views/Branch/ChangedDocuments/index.d.ts ADDED Viewed

@@ -0,0 +1,35 @@
+import type { BranchOperation } from 'payload';
+import type React from 'react';
+import './index.css';
+export type BranchChange = {
+    /** Absent for a global, which has one of itself and so needs no document ID. */
+    collectionSlug?: string;
+    docID?: number | string;
+    globalSlug?: string;
+    id: string;
+    operation: BranchOperation;
+};
+/**
+ * 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 declare const ChangedDocuments: React.FC<{
+    branch: string;
+    changes: BranchChange[];
+    /**
+     * Off for a list that is describing rather than deciding — a scheduled merge's
+     * documents, where what merges is already settled. The rows and their diffs are
+     * identical either way; only the choosing is dropped.
+     */
+    selectable?: boolean;
+    /** Owned by `BranchChanges`, because the merge action needs to read it too. */
+    selected?: Set<string>;
+    toggleAll?: () => void;
+    toggleSelected?: (id: string) => void;
+}>;
+//# sourceMappingURL=index.d.ts.map

package/dist/views/Branch/ChangedDocuments/index.d.ts.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/views/Branch/ChangedDocuments/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAA;AAC9C,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAc9B,OAAO,aAAa,CAAA;AAIpB,MAAM,MAAM,YAAY,GAAG;IACzB,gFAAgF;IAChF,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACvB,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,EAAE,EAAE,MAAM,CAAA;IACV,SAAS,EAAE,eAAe,CAAA;CAC3B,CAAA;AAaD;;;;;;;;GAQG;AACH,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC;IACtC,MAAM,EAAE,MAAM,CAAA;IACd,OAAO,EAAE,YAAY,EAAE,CAAA;IACvB;;;;OAIG;IACH,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,+EAA+E;IAC/E,QAAQ,CAAC,EAAE,GAAG,CAAC,MAAM,CAAC,CAAA;IACtB,SAAS,CAAC,EAAE,MAAM,IAAI,CAAA;IACtB,cAAc,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAA;CACtC,CAuHA,CAAA"}