@payloadcms/ui 4.0.0-internal.e7d4ebc → 4.0.0-internal.ec73d44

package/dist/views/Version/Default/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","useCallback","useEffect","useMemo","useState","Gutter","CheckboxInput","useConfig","useDocumentInfo","useLocale","usePathname","useRouter","useSearchParams","useRouteTransition","useTranslation","formatTimeToNow","Restore","SelectComparison","SelectLocales","SelectedLocalesContext","SetStepNav","baseClass","DefaultVersionView","canUpdate","modifiedOnly","modifiedOnlyProp","RenderedDiff","selectedLocales","selectedLocalesFromProps","versionFromCreatedAt","versionFromID","versionFromOptions","versionToCreatedAt","versionToCreatedAtFormatted","VersionToCreatedAtLabel","versionToID","versionToStatus","config","getEntityConfig","code","i18n","t","locales","setLocales","localization","updatedLocales","map","locale","label","name","Label","selected","includes","id","originalDocID","collectionSlug","globalSlug","isTrashed","startRouteTransition","collectionConfig","globalConfig","router","pathname","searchParams","setModifiedOnly","updateSearchParams","args","current","URLSearchParams","Array","from","entries","set","length","delete","selectedLocaleCodes","push","JSON","stringify","search","toString","query","onToggleModifiedOnly","event","newModified","target","checked","onChangeSelectedLocales","onChangeVersionFrom","val","value","versionToTimeAgo","distance","date","versionFromTimeAgo","undefined","_jsxs","className","_jsx","onToggle","onChange","docID","labels","singular","status","versionDateFormatted","versionID"],"sources":["../../../../src/views/Version/Default/index.tsx"],"sourcesContent":["'use client'\n\nimport React, { type FormEventHandler, useCallback, useEffect, useMemo, useState } from 'react'\n\nimport type { SelectablePill } from '../../../elements/PillSelector/index.js'\nimport type { CompareOption, DefaultVersionsViewProps } from './types.js'\n\nimport { Gutter } from '../../../elements/Gutter/index.js'\nimport { CheckboxInput } from '../../../fields/Checkbox/Input.js'\nimport { useConfig } from '../../../providers/Config/index.js'\nimport { useDocumentInfo } from '../../../providers/DocumentInfo/index.js'\nimport { useLocale } from '../../../providers/Locale/index.js'\nimport { usePathname, useRouter, useSearchParams } from '../../../providers/RouterAdapter/index.js'\nimport { useRouteTransition } from '../../../providers/RouteTransition/index.js'\nimport { useTranslation } from '../../../providers/Translation/index.js'\nimport { formatTimeToNow } from '../../../utilities/formatDocTitle/formatDateTitle.js'\nimport { Restore } from '../Restore/index.js'\nimport './index.css'\nimport { SelectComparison } from '../SelectComparison/index.js'\nimport { type SelectedLocaleOnChange, SelectLocales } from '../SelectLocales/index.js'\nimport { SelectedLocalesContext } from './SelectedLocalesContext.js'\nimport { SetStepNav } from './SetStepNav.js'\n\nconst baseClass = 'view-version'\n\nexport const DefaultVersionView: React.FC<DefaultVersionsViewProps> = ({\n  canUpdate,\n  modifiedOnly: modifiedOnlyProp,\n  RenderedDiff,\n  selectedLocales: selectedLocalesFromProps,\n  versionFromCreatedAt,\n  versionFromID,\n  versionFromOptions,\n  versionToCreatedAt,\n  versionToCreatedAtFormatted,\n  VersionToCreatedAtLabel,\n  versionToID,\n  versionToStatus,\n}) => {\n  const { config, getEntityConfig } = useConfig()\n  const { code } = useLocale()\n  const { i18n, t } = useTranslation()\n\n  const [locales, setLocales] = useState<SelectablePill[]>([])\n\n  useEffect(() => {\n    if (config.localization) {\n      const updatedLocales = config.localization.locales.map((locale) => {\n        let label = locale.label\n        if (typeof locale.label !== 'string' && locale.label[code]) {\n          label = locale.label[code]\n        }\n\n        return {\n          name: locale.code,\n          Label: label,\n          selected: selectedLocalesFromProps.includes(locale.code),\n        } as SelectablePill\n      })\n      setLocales(updatedLocales)\n    }\n  }, [code, config.localization, selectedLocalesFromProps])\n\n  const { id: originalDocID, collectionSlug, globalSlug, isTrashed } = useDocumentInfo()\n  const { startRouteTransition } = useRouteTransition()\n\n  const { collectionConfig, globalConfig } = useMemo(() => {\n    return {\n      collectionConfig: getEntityConfig({ collectionSlug }),\n      globalConfig: getEntityConfig({ globalSlug }),\n    }\n  }, [collectionSlug, globalSlug, getEntityConfig])\n\n  const router = useRouter()\n  const pathname = usePathname()\n  const searchParams = useSearchParams()\n  const [modifiedOnly, setModifiedOnly] = useState(modifiedOnlyProp)\n\n  const updateSearchParams = useCallback(\n    (args: {\n      modifiedOnly?: boolean\n      selectedLocales?: SelectablePill[]\n      versionFromID?: string\n    }) => {\n      // If the selected comparison doc or locales change, update URL params so that version page\n      // This is so that RSC can update the version comparison state\n      const current = new URLSearchParams(Array.from(searchParams.entries()))\n\n      if (args?.versionFromID) {\n        current.set('versionFrom', args?.versionFromID)\n      }\n\n      if (args?.selectedLocales) {\n        if (!args.selectedLocales.length) {\n          current.delete('localeCodes')\n        } else {\n          const selectedLocaleCodes: string[] = []\n          for (const locale of args.selectedLocales) {\n            if (locale.selected) {\n              selectedLocaleCodes.push(locale.name)\n            }\n          }\n          current.set('localeCodes', JSON.stringify(selectedLocaleCodes))\n        }\n      }\n\n      if (args?.modifiedOnly === false) {\n        current.set('modifiedOnly', 'false')\n      } else if (args?.modifiedOnly === true) {\n        current.delete('modifiedOnly')\n      }\n\n      const search = current.toString()\n      const query = search ? `?${search}` : ''\n\n      startRouteTransition(() => router.push(`${pathname}${query}`))\n    },\n    [pathname, router, searchParams, startRouteTransition],\n  )\n\n  const onToggleModifiedOnly: FormEventHandler<HTMLInputElement> = useCallback(\n    (event) => {\n      const newModified = (event.target as HTMLInputElement).checked\n      setModifiedOnly(newModified)\n      updateSearchParams({\n        modifiedOnly: newModified,\n      })\n    },\n    [updateSearchParams],\n  )\n\n  const onChangeSelectedLocales: SelectedLocaleOnChange = useCallback(\n    ({ locales }) => {\n      setLocales(locales)\n      updateSearchParams({\n        selectedLocales: locales,\n      })\n    },\n    [updateSearchParams],\n  )\n\n  const onChangeVersionFrom: (val: CompareOption) => void = useCallback(\n    (val) => {\n      updateSearchParams({\n        versionFromID: val.value,\n      })\n    },\n    [updateSearchParams],\n  )\n\n  const { localization } = config\n\n  const versionToTimeAgo = useMemo(\n    () =>\n      t('version:versionAgo', {\n        distance: formatTimeToNow({\n          date: versionToCreatedAt,\n          i18n,\n        }),\n      }),\n    [versionToCreatedAt, i18n, t],\n  )\n\n  const versionFromTimeAgo = useMemo(\n    () =>\n      versionFromCreatedAt\n        ? t('version:versionAgo', {\n            distance: formatTimeToNow({\n              date: versionFromCreatedAt,\n              i18n,\n            }),\n          })\n        : undefined,\n    [versionFromCreatedAt, i18n, t],\n  )\n\n  return (\n    <main className={baseClass}>\n      <Gutter className={`${baseClass}-controls-top`}>\n        <div className={`${baseClass}-controls-top__wrapper`}>\n          <h2>{i18n.t('version:compareVersions')}</h2>\n          <div className={`${baseClass}-controls-top__wrapper-actions`}>\n            <span className={`${baseClass}__modifiedCheckBox`}>\n              <CheckboxInput\n                checked={modifiedOnly}\n                id={'modifiedOnly'}\n                label={i18n.t('version:modifiedOnly')}\n                onToggle={onToggleModifiedOnly}\n              />\n            </span>\n            {localization && <SelectLocales locales={locales} onChange={onChangeSelectedLocales} />}\n          </div>\n        </div>\n      </Gutter>\n      <Gutter className={`${baseClass}-controls-bottom`}>\n        <div className={`${baseClass}-controls-bottom__wrapper`}>\n          <div className={`${baseClass}__version-from`}>\n            <div className={`${baseClass}__version-from-labels`}>\n              <span>{t('version:comparingAgainst')}</span>\n              {versionFromTimeAgo && (\n                <span className={`${baseClass}__time-elapsed`}>{versionFromTimeAgo}</span>\n              )}\n            </div>\n            <SelectComparison\n              collectionSlug={collectionSlug}\n              docID={originalDocID}\n              globalSlug={globalSlug}\n              onChange={onChangeVersionFrom}\n              versionFromID={versionFromID}\n              versionFromOptions={versionFromOptions}\n            />\n          </div>\n\n          <div className={`${baseClass}__version-to`}>\n            <div className={`${baseClass}__version-to-labels`}>\n              <span>{t('version:currentlyViewing')}</span>\n              <span className={`${baseClass}__time-elapsed`}>{versionToTimeAgo}</span>\n            </div>\n            <div className={`${baseClass}__version-to-version`}>\n              {VersionToCreatedAtLabel}\n              {canUpdate && !isTrashed && (\n                <Restore\n                  className={`${baseClass}__restore`}\n                  collectionConfig={collectionConfig}\n                  globalConfig={globalConfig}\n                  label={collectionConfig?.labels.singular || globalConfig?.label}\n                  originalDocID={originalDocID}\n                  status={versionToStatus}\n                  versionDateFormatted={versionToCreatedAtFormatted}\n                  versionID={versionToID}\n                />\n              )}\n            </div>\n          </div>\n        </div>\n      </Gutter>\n      <SetStepNav\n        collectionConfig={collectionConfig}\n        globalConfig={globalConfig}\n        id={originalDocID}\n        isTrashed={isTrashed}\n        versionToCreatedAtFormatted={versionToCreatedAtFormatted}\n        versionToID={versionToID}\n      />\n      <Gutter className={`${baseClass}__diff-wrap`}>\n        <SelectedLocalesContext value={{ selectedLocales: locales.map((locale) => locale.name) }}>\n          {versionToCreatedAt && RenderedDiff}\n        </SelectedLocalesContext>\n      </Gutter>\n    </main>\n  )\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["c","_c","React","useCallback","useEffect","useMemo","useState","Gutter","CheckboxInput","useConfig","useDocumentInfo","useLocale","usePathname","useRouter","useSearchParams","useRouteTransition","useTranslation","formatTimeToNow","BranchCell","Restore","SelectComparison","SelectLocales","SelectedLocalesContext","SetStepNav","baseClass","DefaultVersionView","t0","$","branch","canUpdate","modifiedOnly","modifiedOnlyProp","RenderedDiff","selectedLocales","selectedLocalesFromProps","versionFromCreatedAt","versionFromID","versionFromOptions","versionToCreatedAt","versionToCreatedAtFormatted","VersionToCreatedAtLabel","versionToID","versionToStatus","config","getEntityConfig","locale","code","i18n","t","t1","Symbol","for","locales","setLocales","t2","t3","localization","updatedLocales","map","locale_0","label","name","Label","selected","includes","id","originalDocID","collectionSlug","globalSlug","isTrashed","startRouteTransition","t4","t5","t6","collectionConfig","globalConfig","router","pathname","searchParams","setModifiedOnly","t7","args","current","URLSearchParams","Array","from","entries","set","length","delete","selectedLocaleCodes","locale_1","push","JSON","stringify","search","toString","query","updateSearchParams","t8","event","newModified","target","checked","onToggleModifiedOnly","t9","t10","locales_0","onChangeSelectedLocales","val","value","onChangeVersionFrom","t11","distance","date","versionToTimeAgo","t12","undefined","versionFromTimeAgo","t13","to","_jsxs","className","children","_jsx","onToggle","onChange","docID","labels","singular","status","versionDateFormatted","versionID","_temp","locale_2"],"sources":["../../../../src/views/Version/Default/index.tsx"],"sourcesContent":["'use client'\n\nimport React, { type FormEventHandler, useCallback, useEffect, useMemo, useState } from 'react'\n\nimport type { SelectablePill } from '../../../elements/PillSelector/index.js'\nimport type { CompareOption, DefaultVersionsViewProps } from './types.js'\n\nimport { Gutter } from '../../../elements/Gutter/index.js'\nimport { CheckboxInput } from '../../../fields/Checkbox/Input.js'\nimport { useConfig } from '../../../providers/Config/index.js'\nimport { useDocumentInfo } from '../../../providers/DocumentInfo/index.js'\nimport { useLocale } from '../../../providers/Locale/index.js'\nimport { usePathname, useRouter, useSearchParams } from '../../../providers/RouterAdapter/index.js'\nimport { useRouteTransition } from '../../../providers/RouteTransition/index.js'\nimport { useTranslation } from '../../../providers/Translation/index.js'\nimport { formatTimeToNow } from '../../../utilities/formatDocTitle/formatDateTitle.js'\nimport { BranchCell } from '../../Versions/cells/Branch/index.js'\nimport { Restore } from '../Restore/index.js'\nimport './index.css'\nimport { SelectComparison } from '../SelectComparison/index.js'\nimport { type SelectedLocaleOnChange, SelectLocales } from '../SelectLocales/index.js'\nimport { SelectedLocalesContext } from './SelectedLocalesContext.js'\nimport { SetStepNav } from './SetStepNav.js'\n\nconst baseClass = 'view-version'\n\nexport const DefaultVersionView: React.FC<DefaultVersionsViewProps> = ({\n  branch,\n  canUpdate,\n  modifiedOnly: modifiedOnlyProp,\n  RenderedDiff,\n  selectedLocales: selectedLocalesFromProps,\n  versionFromCreatedAt,\n  versionFromID,\n  versionFromOptions,\n  versionToCreatedAt,\n  versionToCreatedAtFormatted,\n  VersionToCreatedAtLabel,\n  versionToID,\n  versionToStatus,\n}) => {\n  const { config, getEntityConfig } = useConfig()\n  const locale = useLocale()\n  const code = locale?.code\n  const { i18n, t } = useTranslation()\n\n  const [locales, setLocales] = useState<SelectablePill[]>([])\n\n  useEffect(() => {\n    if (config.localization) {\n      const updatedLocales = config.localization.locales.map((locale) => {\n        let label = locale.label\n        if (typeof locale.label !== 'string' && locale.label[code]) {\n          label = locale.label[code]\n        }\n\n        return {\n          name: locale.code,\n          Label: label,\n          selected: selectedLocalesFromProps.includes(locale.code),\n        } as SelectablePill\n      })\n      setLocales(updatedLocales)\n    }\n  }, [code, config.localization, selectedLocalesFromProps])\n\n  const { id: originalDocID, collectionSlug, globalSlug, isTrashed } = useDocumentInfo()\n  const { startRouteTransition } = useRouteTransition()\n\n  const { collectionConfig, globalConfig } = useMemo(() => {\n    return {\n      collectionConfig: getEntityConfig({ collectionSlug }),\n      globalConfig: getEntityConfig({ globalSlug }),\n    }\n  }, [collectionSlug, globalSlug, getEntityConfig])\n\n  const router = useRouter()\n  const pathname = usePathname()\n  const searchParams = useSearchParams()\n  const [modifiedOnly, setModifiedOnly] = useState(modifiedOnlyProp)\n\n  const updateSearchParams = useCallback(\n    (args: {\n      modifiedOnly?: boolean\n      selectedLocales?: SelectablePill[]\n      versionFromID?: string\n    }) => {\n      // If the selected comparison doc or locales change, update URL params so that version page\n      // This is so that RSC can update the version comparison state\n      const current = new URLSearchParams(Array.from(searchParams.entries()))\n\n      if (args?.versionFromID) {\n        current.set('versionFrom', args?.versionFromID)\n      }\n\n      if (args?.selectedLocales) {\n        if (!args.selectedLocales.length) {\n          current.delete('localeCodes')\n        } else {\n          const selectedLocaleCodes: string[] = []\n          for (const locale of args.selectedLocales) {\n            if (locale.selected) {\n              selectedLocaleCodes.push(locale.name)\n            }\n          }\n          current.set('localeCodes', JSON.stringify(selectedLocaleCodes))\n        }\n      }\n\n      if (args?.modifiedOnly === false) {\n        current.set('modifiedOnly', 'false')\n      } else if (args?.modifiedOnly === true) {\n        current.delete('modifiedOnly')\n      }\n\n      const search = current.toString()\n      const query = search ? `?${search}` : ''\n\n      void startRouteTransition(() => router.push(`${pathname}${query}`))\n    },\n    [pathname, router, searchParams, startRouteTransition],\n  )\n\n  const onToggleModifiedOnly: FormEventHandler<HTMLInputElement> = useCallback(\n    (event) => {\n      const newModified = (event.target as HTMLInputElement).checked\n      setModifiedOnly(newModified)\n      updateSearchParams({\n        modifiedOnly: newModified,\n      })\n    },\n    [updateSearchParams],\n  )\n\n  const onChangeSelectedLocales: SelectedLocaleOnChange = useCallback(\n    ({ locales }) => {\n      setLocales(locales)\n      updateSearchParams({\n        selectedLocales: locales,\n      })\n    },\n    [updateSearchParams],\n  )\n\n  const onChangeVersionFrom: (val: CompareOption) => void = useCallback(\n    (val) => {\n      updateSearchParams({\n        versionFromID: val.value,\n      })\n    },\n    [updateSearchParams],\n  )\n\n  const { localization } = config\n\n  const versionToTimeAgo = useMemo(\n    () =>\n      t('version:versionAgo', {\n        distance: formatTimeToNow({\n          date: versionToCreatedAt,\n          i18n,\n        }),\n      }),\n    [versionToCreatedAt, i18n, t],\n  )\n\n  const versionFromTimeAgo = useMemo(\n    () =>\n      versionFromCreatedAt\n        ? t('version:versionAgo', {\n            distance: formatTimeToNow({\n              date: versionFromCreatedAt,\n              i18n,\n            }),\n          })\n        : undefined,\n    [versionFromCreatedAt, i18n, t],\n  )\n\n  return (\n    <main className={baseClass}>\n      <Gutter className={`${baseClass}-controls-top`}>\n        <div className={`${baseClass}-controls-top__wrapper`}>\n          <h2>{i18n.t('version:compareVersions')}</h2>\n          <div className={`${baseClass}-controls-top__wrapper-actions`}>\n            <span className={`${baseClass}__modifiedCheckBox`}>\n              <CheckboxInput\n                checked={modifiedOnly}\n                id={'modifiedOnly'}\n                label={i18n.t('version:modifiedOnly')}\n                onToggle={onToggleModifiedOnly}\n              />\n            </span>\n            {localization && <SelectLocales locales={locales} onChange={onChangeSelectedLocales} />}\n          </div>\n        </div>\n      </Gutter>\n      <Gutter className={`${baseClass}-controls-bottom`}>\n        <div className={`${baseClass}-controls-bottom__wrapper`}>\n          <div className={`${baseClass}__version-from`}>\n            <div className={`${baseClass}__version-from-labels`}>\n              <span>{t('version:comparingAgainst')}</span>\n              <span className={`${baseClass}__label-meta`}>\n                {versionFromTimeAgo && (\n                  <span className={`${baseClass}__time-elapsed`}>{versionFromTimeAgo}</span>\n                )}\n                <BranchCell branch={branch?.from} />\n              </span>\n            </div>\n            <SelectComparison\n              collectionSlug={collectionSlug}\n              docID={originalDocID}\n              globalSlug={globalSlug}\n              onChange={onChangeVersionFrom}\n              versionFromID={versionFromID}\n              versionFromOptions={versionFromOptions}\n            />\n          </div>\n\n          <div className={`${baseClass}__version-to`}>\n            <div className={`${baseClass}__version-to-labels`}>\n              <span>{t('version:currentlyViewing')}</span>\n              <span className={`${baseClass}__label-meta`}>\n                <span className={`${baseClass}__time-elapsed`}>{versionToTimeAgo}</span>\n                <BranchCell branch={branch?.to} />\n              </span>\n            </div>\n            <div className={`${baseClass}__version-to-version`}>\n              {VersionToCreatedAtLabel}\n              {canUpdate && !isTrashed && (\n                <Restore\n                  className={`${baseClass}__restore`}\n                  collectionConfig={collectionConfig}\n                  globalConfig={globalConfig}\n                  label={collectionConfig?.labels.singular || globalConfig?.label}\n                  originalDocID={originalDocID}\n                  status={versionToStatus}\n                  versionDateFormatted={versionToCreatedAtFormatted}\n                  versionID={versionToID}\n                />\n              )}\n            </div>\n          </div>\n        </div>\n      </Gutter>\n      <SetStepNav\n        collectionConfig={collectionConfig}\n        globalConfig={globalConfig}\n        id={originalDocID}\n        isTrashed={isTrashed}\n        versionToCreatedAtFormatted={versionToCreatedAtFormatted}\n        versionToID={versionToID}\n      />\n      <Gutter className={`${baseClass}__diff-wrap`}>\n        <SelectedLocalesContext value={{ selectedLocales: locales.map((locale) => locale.name) }}>\n          {versionToCreatedAt && RenderedDiff}\n        </SelectedLocalesContext>\n      </Gutter>\n    </main>\n  )\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/views/Version/Default/types.d.ts

@@ -7,6 +7,15 @@ export type VersionPill = {
     Label: React.ReactNode;
 };
 export type DefaultVersionsViewProps = {
+    /**
+     * Branch each side of the comparison belongs to, when branching is enabled.
+     * Shown alongside the selectors rather than as a field diff: which branch a
+     * version came from is metadata about the version, not content of the document.
+     */
+    branch?: {
+        from?: null | string;
+        to?: null | string;
+    };
     canUpdate: boolean;
     modifiedOnly: boolean;
     RenderedDiff: React.ReactNode;

package/dist/views/Version/Default/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/views/Version/Default/types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,aAAa,GAAG;IAC1B,KAAK,EAAE,KAAK,CAAC,SAAS,GAAG,MAAM,CAAA;IAC/B,KAAK,EAAE,MAAM,CAAA;CACd,CAAA;AAED,MAAM,MAAM,WAAW,GAAG;IACxB,EAAE,EAAE,MAAM,CAAA;IACV,KAAK,EAAE,KAAK,CAAC,SAAS,CAAA;CACvB,CAAA;AAED,MAAM,MAAM,wBAAwB,GAAG;IACrC,SAAS,EAAE,OAAO,CAAA;IAClB,YAAY,EAAE,OAAO,CAAA;IACrB,YAAY,EAAE,KAAK,CAAC,SAAS,CAAA;IAC7B,eAAe,EAAE,MAAM,EAAE,CAAA;IACzB,oBAAoB,CAAC,EAAE,MAAM,CAAA;IAC7B,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,kBAAkB,EAAE,aAAa,EAAE,CAAA;IACnC,kBAAkB,CAAC,EAAE,MAAM,CAAA;IAC3B,2BAA2B,EAAE,MAAM,CAAA;IACnC,uBAAuB,EAAE,KAAK,CAAC,SAAS,CAAA;IACxC,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,eAAe,CAAC,EAAE,MAAM,CAAA;CACzB,CAAA"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/views/Version/Default/types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,aAAa,GAAG;IAC1B,KAAK,EAAE,KAAK,CAAC,SAAS,GAAG,MAAM,CAAA;IAC/B,KAAK,EAAE,MAAM,CAAA;CACd,CAAA;AAED,MAAM,MAAM,WAAW,GAAG;IACxB,EAAE,EAAE,MAAM,CAAA;IACV,KAAK,EAAE,KAAK,CAAC,SAAS,CAAA;CACvB,CAAA;AAED,MAAM,MAAM,wBAAwB,GAAG;IACrC;;;;OAIG;IACH,MAAM,CAAC,EAAE;QACP,IAAI,CAAC,EAAE,IAAI,GAAG,MAAM,CAAA;QACpB,EAAE,CAAC,EAAE,IAAI,GAAG,MAAM,CAAA;KACnB,CAAA;IACD,SAAS,EAAE,OAAO,CAAA;IAClB,YAAY,EAAE,OAAO,CAAA;IACrB,YAAY,EAAE,KAAK,CAAC,SAAS,CAAA;IAC7B,eAAe,EAAE,MAAM,EAAE,CAAA;IACzB,oBAAoB,CAAC,EAAE,MAAM,CAAA;IAC7B,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,kBAAkB,EAAE,aAAa,EAAE,CAAA;IACnC,kBAAkB,CAAC,EAAE,MAAM,CAAA;IAC3B,2BAA2B,EAAE,MAAM,CAAA;IACnC,uBAAuB,EAAE,KAAK,CAAC,SAAS,CAAA;IACxC,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,eAAe,CAAC,EAAE,MAAM,CAAA;CACzB,CAAA"}

package/dist/views/Version/Default/types.js.map

@@ -1 +1 @@
-{"version":3,"file":"types.js","names":[],"sources":["../../../../src/views/Version/Default/types.ts"],"sourcesContent":["export type CompareOption = {\n  label: React.ReactNode | string\n  value: string\n}\n\nexport type VersionPill = {\n  id: string\n  Label: React.ReactNode\n}\n\nexport type DefaultVersionsViewProps = {\n  canUpdate: boolean\n  modifiedOnly: boolean\n  RenderedDiff: React.ReactNode\n  selectedLocales: string[]\n  versionFromCreatedAt?: string\n  versionFromID?: string\n  versionFromOptions: CompareOption[]\n  versionToCreatedAt?: string\n  versionToCreatedAtFormatted: string\n  VersionToCreatedAtLabel: React.ReactNode\n  versionToID?: string\n  versionToStatus?: string\n}\n"],"mappings":"AAUA","ignoreList":[]}
+{"version":3,"file":"types.js","names":[],"sources":["../../../../src/views/Version/Default/types.ts"],"sourcesContent":["export type CompareOption = {\n  label: React.ReactNode | string\n  value: string\n}\n\nexport type VersionPill = {\n  id: string\n  Label: React.ReactNode\n}\n\nexport type DefaultVersionsViewProps = {\n  /**\n   * Branch each side of the comparison belongs to, when branching is enabled.\n   * Shown alongside the selectors rather than as a field diff: which branch a\n   * version came from is metadata about the version, not content of the document.\n   */\n  branch?: {\n    from?: null | string\n    to?: null | string\n  }\n  canUpdate: boolean\n  modifiedOnly: boolean\n  RenderedDiff: React.ReactNode\n  selectedLocales: string[]\n  versionFromCreatedAt?: string\n  versionFromID?: string\n  versionFromOptions: CompareOption[]\n  versionToCreatedAt?: string\n  versionToCreatedAtFormatted: string\n  VersionToCreatedAtLabel: React.ReactNode\n  versionToID?: string\n  versionToStatus?: string\n}\n"],"mappings":"AAUA","ignoreList":[]}

package/dist/views/Version/RenderFieldsToDiff/DiffCollapser/index.css

@@ -39,7 +39,6 @@
     padding-inline: var(--spacer-1);
     background: var(--color-bg-tertiary);
     border-radius: var(--radius-medium);
-    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);

package/dist/views/Version/RenderFieldsToDiff/DiffCollapser/index.d.ts

@@ -2,6 +2,7 @@ import type { ClientField } from 'payload';
 import React from 'react';
 import './index.css';
 type Props = {
+    changeCount?: number;
     hideGutter?: boolean;
     initCollapsed?: boolean;
     Label: React.ReactNode;

package/dist/views/Version/RenderFieldsToDiff/DiffCollapser/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/views/Version/RenderFieldsToDiff/DiffCollapser/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAA;AAG1C,OAAO,KAAmB,MAAM,OAAO,CAAA;AAMvC,OAAO,aAAa,CAAA;AAKpB,KAAK,KAAK,GAAG;IACX,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,KAAK,EAAE,KAAK,CAAC,SAAS,CAAA;IACtB,OAAO,EAAE,MAAM,EAAE,GAAG,SAAS,CAAA;IAC7B,iBAAiB,EAAE,OAAO,CAAA;IAC1B,OAAO,EAAE,OAAO,CAAA;CACjB,GAAG,CACA;IAEE,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,KAAK,CAAC,EAAE,KAAK,CAAA;IACb,MAAM,EAAE,WAAW,EAAE,CAAA;IACrB,UAAU,CAAC,EAAE,KAAK,CAAA;IAClB,SAAS,EAAE,OAAO,CAAA;CACnB,GACD;IAEE,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,KAAK,EAAE,WAAW,CAAA;IAClB,MAAM,CAAC,EAAE,KAAK,CAAA;IACd,UAAU,EAAE,IAAI,CAAA;IAChB,SAAS,CAAC,EAAE,OAAO,CAAA;CACpB,CACJ,CAAA;AAED,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAmFzC,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/views/Version/RenderFieldsToDiff/DiffCollapser/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAA;AAG1C,OAAO,KAAmB,MAAM,OAAO,CAAA;AAMvC,OAAO,aAAa,CAAA;AAKpB,KAAK,KAAK,GAAG;IACX,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,KAAK,EAAE,KAAK,CAAC,SAAS,CAAA;IACtB,OAAO,EAAE,MAAM,EAAE,GAAG,SAAS,CAAA;IAC7B,iBAAiB,EAAE,OAAO,CAAA;IAC1B,OAAO,EAAE,OAAO,CAAA;CACjB,GAAG,CACA;IAEE,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,KAAK,CAAC,EAAE,KAAK,CAAA;IACb,MAAM,EAAE,WAAW,EAAE,CAAA;IACrB,UAAU,CAAC,EAAE,KAAK,CAAA;IAClB,SAAS,EAAE,OAAO,CAAA;CACnB,GACD;IAEE,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,KAAK,EAAE,WAAW,CAAA;IAClB,MAAM,CAAC,EAAE,KAAK,CAAA;IACd,UAAU,EAAE,IAAI,CAAA;IAChB,SAAS,CAAC,EAAE,OAAO,CAAA;CACpB,CACJ,CAAA;AAED,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAsFzC,CAAA"}

package/dist/views/Version/RenderFieldsToDiff/DiffCollapser/index.js

@@ -12,8 +12,9 @@ import './index.css';
 import { countChangedFields, countChangedFieldsInRows } from '../utilities/countChangedFields.js';
 const baseClass = 'diff-collapser';
 export const DiffCollapser = t0 => {
-  const $ = _c(19);
+  const $ = _c(20);
   const {
+    changeCount: changeCountFromProps,
     children,
     field,
     fields,
@@ -37,54 +38,58 @@ export const DiffCollapser = t0 => {
     config
   } = useConfig();
   let t4;
-  if ($[0] !== Label || $[1] !== children || $[2] !== config || $[3] !== field || $[4] !== fields || $[5] !== hideGutter || $[6] !== isCollapsed || $[7] !== isIterable || $[8] !== locales || $[9] !== parentIsLocalized || $[10] !== t || $[11] !== valueFrom || $[12] !== valueTo) {
+  if ($[0] !== Label || $[1] !== changeCountFromProps || $[2] !== children || $[3] !== config || $[4] !== field || $[5] !== fields || $[6] !== hideGutter || $[7] !== isCollapsed || $[8] !== isIterable || $[9] !== locales || $[10] !== parentIsLocalized || $[11] !== t || $[12] !== valueFrom || $[13] !== valueTo) {
     let changeCount;
-    if (isIterable) {
-      if (!fieldIsArrayType(field) && !fieldIsBlockType(field)) {
-        throw new Error("DiffCollapser: field must be an array or blocks field when isIterable is true");
-      }
-      const valueFromRows = valueFrom ?? [];
-      const valueToRows = valueTo ?? [];
-      if (!Array.isArray(valueFromRows) || !Array.isArray(valueToRows)) {
-        throw new Error("DiffCollapser: valueFrom and valueTro must be arrays when isIterable is true");
-      }
-      changeCount = countChangedFieldsInRows({
-        config,
-        field,
-        locales,
-        parentIsLocalized,
-        valueFromRows,
-        valueToRows
-      });
+    if (typeof changeCountFromProps === "number") {
+      changeCount = changeCountFromProps;
     } else {
-      changeCount = countChangedFields({
-        config,
-        fields,
-        locales,
-        parentIsLocalized,
-        valueFrom,
-        valueTo
-      });
+      if (isIterable) {
+        if (!fieldIsArrayType(field) && !fieldIsBlockType(field)) {
+          throw new Error("DiffCollapser: field must be an array or blocks field when isIterable is true");
+        }
+        const valueFromRows = valueFrom ?? [];
+        const valueToRows = valueTo ?? [];
+        if (!Array.isArray(valueFromRows) || !Array.isArray(valueToRows)) {
+          throw new Error("DiffCollapser: valueFrom and valueTro must be arrays when isIterable is true");
+        }
+        changeCount = countChangedFieldsInRows({
+          config,
+          field,
+          locales,
+          parentIsLocalized,
+          valueFromRows,
+          valueToRows
+        });
+      } else {
+        changeCount = countChangedFields({
+          config,
+          fields,
+          locales,
+          parentIsLocalized,
+          valueFrom,
+          valueTo
+        });
+      }
     }
     const t5 = isCollapsed && `${baseClass}__content--is-collapsed`;
     const t6 = hideGutter && `${baseClass}__content--hide-gutter`;
     let t7;
-    if ($[14] !== t5 || $[15] !== t6) {
+    if ($[15] !== t5 || $[16] !== t6) {
       t7 = [`${baseClass}__content`, t5, t6].filter(Boolean);
-      $[14] = t5;
-      $[15] = t6;
-      $[16] = t7;
+      $[15] = t5;
+      $[16] = t6;
+      $[17] = t7;
     } else {
-      t7 = $[16];
+      t7 = $[17];
     }
     const contentClassNames = t7.join(" ");
     let t8;
-    if ($[17] !== isCollapsed) {
+    if ($[18] !== isCollapsed) {
       t8 = () => setIsCollapsed(!isCollapsed);
-      $[17] = isCollapsed;
-      $[18] = t8;
+      $[18] = isCollapsed;
+      $[19] = t8;
     } else {
-      t8 = $[18];
+      t8 = $[19];
     }
     t4 = _jsxs("div", {
       className: baseClass,
@@ -113,21 +118,22 @@ export const DiffCollapser = t0 => {
       })]
     });
     $[0] = Label;
-    $[1] = children;
-    $[2] = config;
-    $[3] = field;
-    $[4] = fields;
-    $[5] = hideGutter;
-    $[6] = isCollapsed;
-    $[7] = isIterable;
-    $[8] = locales;
-    $[9] = parentIsLocalized;
-    $[10] = t;
-    $[11] = valueFrom;
-    $[12] = valueTo;
-    $[13] = t4;
+    $[1] = changeCountFromProps;
+    $[2] = children;
+    $[3] = config;
+    $[4] = field;
+    $[5] = fields;
+    $[6] = hideGutter;
+    $[7] = isCollapsed;
+    $[8] = isIterable;
+    $[9] = locales;
+    $[10] = parentIsLocalized;
+    $[11] = t;
+    $[12] = valueFrom;
+    $[13] = valueTo;
+    $[14] = t4;
   } else {
-    t4 = $[13];
+    t4 = $[14];
   }
   return t4;
 };

package/dist/views/Version/RenderFieldsToDiff/DiffCollapser/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["c","_c","fieldIsArrayType","fieldIsBlockType","React","useState","FieldDiffLabel","ChevronIcon","useConfig","useTranslation","countChangedFields","countChangedFieldsInRows","baseClass","DiffCollapser","t0","$","children","field","fields","hideGutter","t1","initCollapsed","t2","isIterable","t3","Label","locales","parentIsLocalized","valueFrom","valueTo","undefined","t","isCollapsed","setIsCollapsed","config","t4","changeCount","Error","valueFromRows","valueToRows","Array","isArray","t5","t6","t7","filter","Boolean","contentClassNames","join","t8","_jsxs","className","onClick","type","_jsx","direction","size","count"],"sources":["../../../../../src/views/Version/RenderFieldsToDiff/DiffCollapser/index.tsx"],"sourcesContent":["'use client'\nimport type { ClientField } from 'payload'\n\nimport { fieldIsArrayType, fieldIsBlockType } from 'payload/shared'\nimport React, { useState } from 'react'\n\nimport { FieldDiffLabel } from '../../../../elements/FieldDiffLabel/index.js'\nimport { ChevronIcon } from '../../../../icons/Chevron/index.js'\nimport { useConfig } from '../../../../providers/Config/index.js'\nimport { useTranslation } from '../../../../providers/Translation/index.js'\nimport './index.css'\nimport { countChangedFields, countChangedFieldsInRows } from '../utilities/countChangedFields.js'\n\nconst baseClass = 'diff-collapser'\n\ntype Props = {\n  hideGutter?: boolean\n  initCollapsed?: boolean\n  Label: React.ReactNode\n  locales: string[] | undefined\n  parentIsLocalized: boolean\n  valueTo: unknown\n} & (\n  | {\n      // fields collapser\n      children: React.ReactNode\n      field?: never\n      fields: ClientField[]\n      isIterable?: false\n      valueFrom: unknown\n    }\n  | {\n      // iterable collapser\n      children: React.ReactNode\n      field: ClientField\n      fields?: never\n      isIterable: true\n      valueFrom?: unknown\n    }\n)\n\nexport const DiffCollapser: React.FC<Props> = ({\n  children,\n  field,\n  fields,\n  hideGutter = false,\n  initCollapsed = false,\n  isIterable = false,\n  Label,\n  locales,\n  parentIsLocalized,\n  valueFrom,\n  valueTo,\n}) => {\n  const { t } = useTranslation()\n  const [isCollapsed, setIsCollapsed] = useState(initCollapsed)\n  const { config } = useConfig()\n\n  let changeCount = 0\n\n  if (isIterable) {\n    if (!fieldIsArrayType(field) && !fieldIsBlockType(field)) {\n      throw new Error(\n        'DiffCollapser: field must be an array or blocks field when isIterable is true',\n      )\n    }\n    const valueFromRows = valueFrom ?? []\n    const valueToRows = valueTo ?? []\n\n    if (!Array.isArray(valueFromRows) || !Array.isArray(valueToRows)) {\n      throw new Error(\n        'DiffCollapser: valueFrom and valueTro must be arrays when isIterable is true',\n      )\n    }\n\n    changeCount = countChangedFieldsInRows({\n      config,\n      field,\n      locales,\n      parentIsLocalized,\n      valueFromRows,\n      valueToRows,\n    })\n  } else {\n    changeCount = countChangedFields({\n      config,\n      fields,\n      locales,\n      parentIsLocalized,\n      valueFrom,\n      valueTo,\n    })\n  }\n\n  const contentClassNames = [\n    `${baseClass}__content`,\n    isCollapsed && `${baseClass}__content--is-collapsed`,\n    hideGutter && `${baseClass}__content--hide-gutter`,\n  ]\n    .filter(Boolean)\n    .join(' ')\n\n  return (\n    <div className={baseClass}>\n      <FieldDiffLabel>\n        <button\n          aria-label={isCollapsed ? 'Expand' : 'Collapse'}\n          className={`${baseClass}__toggle-button`}\n          onClick={() => setIsCollapsed(!isCollapsed)}\n          type=\"button\"\n        >\n          <div className={`${baseClass}__label`}>{Label}</div>\n\n          <ChevronIcon direction={isCollapsed ? 'right' : 'down'} size={16} />\n        </button>\n        {changeCount > 0 && isCollapsed && (\n          <span className={`${baseClass}__field-change-count`}>\n            {t('version:changedFieldsCount', { count: changeCount })}\n          </span>\n        )}\n      </FieldDiffLabel>\n      <div className={contentClassNames}>{children}</div>\n    </div>\n  )\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["c","_c","fieldIsArrayType","fieldIsBlockType","React","useState","FieldDiffLabel","ChevronIcon","useConfig","useTranslation","countChangedFields","countChangedFieldsInRows","baseClass","DiffCollapser","t0","$","changeCount","changeCountFromProps","children","field","fields","hideGutter","t1","initCollapsed","t2","isIterable","t3","Label","locales","parentIsLocalized","valueFrom","valueTo","undefined","t","isCollapsed","setIsCollapsed","config","t4","Error","valueFromRows","valueToRows","Array","isArray","t5","t6","t7","filter","Boolean","contentClassNames","join","t8","_jsxs","className","onClick","type","_jsx","direction","size","count"],"sources":["../../../../../src/views/Version/RenderFieldsToDiff/DiffCollapser/index.tsx"],"sourcesContent":["'use client'\nimport type { ClientField } from 'payload'\n\nimport { fieldIsArrayType, fieldIsBlockType } from 'payload/shared'\nimport React, { useState } from 'react'\n\nimport { FieldDiffLabel } from '../../../../elements/FieldDiffLabel/index.js'\nimport { ChevronIcon } from '../../../../icons/Chevron/index.js'\nimport { useConfig } from '../../../../providers/Config/index.js'\nimport { useTranslation } from '../../../../providers/Translation/index.js'\nimport './index.css'\nimport { countChangedFields, countChangedFieldsInRows } from '../utilities/countChangedFields.js'\n\nconst baseClass = 'diff-collapser'\n\ntype Props = {\n  changeCount?: number\n  hideGutter?: boolean\n  initCollapsed?: boolean\n  Label: React.ReactNode\n  locales: string[] | undefined\n  parentIsLocalized: boolean\n  valueTo: unknown\n} & (\n  | {\n      // fields collapser\n      children: React.ReactNode\n      field?: never\n      fields: ClientField[]\n      isIterable?: false\n      valueFrom: unknown\n    }\n  | {\n      // iterable collapser\n      children: React.ReactNode\n      field: ClientField\n      fields?: never\n      isIterable: true\n      valueFrom?: unknown\n    }\n)\n\nexport const DiffCollapser: React.FC<Props> = ({\n  changeCount: changeCountFromProps,\n  children,\n  field,\n  fields,\n  hideGutter = false,\n  initCollapsed = false,\n  isIterable = false,\n  Label,\n  locales,\n  parentIsLocalized,\n  valueFrom,\n  valueTo,\n}) => {\n  const { t } = useTranslation()\n  const [isCollapsed, setIsCollapsed] = useState(initCollapsed)\n  const { config } = useConfig()\n\n  let changeCount: number\n\n  if (typeof changeCountFromProps === 'number') {\n    changeCount = changeCountFromProps\n  } else if (isIterable) {\n    if (!fieldIsArrayType(field) && !fieldIsBlockType(field)) {\n      throw new Error(\n        'DiffCollapser: field must be an array or blocks field when isIterable is true',\n      )\n    }\n    const valueFromRows = valueFrom ?? []\n    const valueToRows = valueTo ?? []\n\n    if (!Array.isArray(valueFromRows) || !Array.isArray(valueToRows)) {\n      throw new Error(\n        'DiffCollapser: valueFrom and valueTro must be arrays when isIterable is true',\n      )\n    }\n\n    changeCount = countChangedFieldsInRows({\n      config,\n      field,\n      locales,\n      parentIsLocalized,\n      valueFromRows,\n      valueToRows,\n    })\n  } else {\n    changeCount = countChangedFields({\n      config,\n      fields,\n      locales,\n      parentIsLocalized,\n      valueFrom,\n      valueTo,\n    })\n  }\n\n  const contentClassNames = [\n    `${baseClass}__content`,\n    isCollapsed && `${baseClass}__content--is-collapsed`,\n    hideGutter && `${baseClass}__content--hide-gutter`,\n  ]\n    .filter(Boolean)\n    .join(' ')\n\n  return (\n    <div className={baseClass}>\n      <FieldDiffLabel>\n        <button\n          aria-label={isCollapsed ? 'Expand' : 'Collapse'}\n          className={`${baseClass}__toggle-button`}\n          onClick={() => setIsCollapsed(!isCollapsed)}\n          type=\"button\"\n        >\n          <div className={`${baseClass}__label`}>{Label}</div>\n\n          <ChevronIcon direction={isCollapsed ? 'right' : 'down'} size={16} />\n        </button>\n        {changeCount > 0 && isCollapsed && (\n          <span className={`${baseClass}__field-change-count`}>\n            {t('version:changedFieldsCount', { count: changeCount })}\n          </span>\n        )}\n      </FieldDiffLabel>\n      <div className={contentClassNames}>{children}</div>\n    </div>\n  )\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/views/Version/RenderFieldsToDiff/RenderVersionFieldsToDiff.js.map

@@ -1 +1 @@
-{"version":3,"file":"RenderVersionFieldsToDiff.js","names":["c","_c","baseClass","React","Fragment","useEffect","ShimmerEffect","RenderVersionFieldsToDiff","t0","$","parent","t1","versionFields","undefined","hasMounted","setHasMounted","useState","t2","t3","Symbol","for","t4","t5","_jsx","className","children","height","width","map","_temp","field","fieldIndex","fieldByLocale","LocaleComponents","locale","baseField","Object","entries","push","path","CustomComponent","join","type"],"sources":["../../../../src/views/Version/RenderFieldsToDiff/RenderVersionFieldsToDiff.tsx"],"sourcesContent":["'use client'\nconst baseClass = 'render-field-diffs'\nimport type { VersionField } from 'payload'\n\nimport './index.css'\n\nimport React, { Fragment, useEffect } from 'react'\n\nimport { ShimmerEffect } from '../../../elements/ShimmerEffect/index.js'\n\nexport const RenderVersionFieldsToDiff = ({\n  parent = false,\n  versionFields,\n}: {\n  /**\n   * If true, this is the parent render version fields component, not one nested in\n   * a field with children (e.g. group)\n   */\n  parent?: boolean\n  versionFields: VersionField[]\n}): React.ReactNode => {\n  const [hasMounted, setHasMounted] = React.useState(false)\n\n  // defer rendering until after the first mount as the CSS is loaded with Emotion\n  // this will ensure that the CSS is loaded before rendering the diffs and prevent CLS\n  useEffect(() => {\n    setHasMounted(true)\n  }, [])\n\n  return (\n    <div className={`${baseClass}${parent ? ` ${baseClass}--parent` : ''}`}>\n      {!hasMounted ? (\n        <Fragment>\n          <ShimmerEffect height=\"8rem\" width=\"100%\" />\n        </Fragment>\n      ) : (\n        versionFields?.map((field, fieldIndex) => {\n          if (field.fieldByLocale) {\n            const LocaleComponents: React.ReactNode[] = []\n            for (const [locale, baseField] of Object.entries(field.fieldByLocale)) {\n              LocaleComponents.push(\n                <div\n                  className={`${baseClass}__locale`}\n                  data-field-path={baseField.path}\n                  data-locale={locale}\n                  key={[locale, fieldIndex].join('-')}\n                >\n                  <div className={`${baseClass}__locale-value`}>{baseField.CustomComponent}</div>\n                </div>,\n              )\n            }\n            return (\n              <div className={`${baseClass}__field`} key={fieldIndex}>\n                {LocaleComponents}\n              </div>\n            )\n          } else if (field.field) {\n            return (\n              <div\n                className={`${baseClass}__field field__${field.field.type}`}\n                data-field-path={field.field.path}\n                key={fieldIndex}\n              >\n                {field.field.CustomComponent}\n              </div>\n            )\n          }\n\n          return null\n        })\n      )}\n    </div>\n  )\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AACA,MAAMC,SAAA,GAAY;AAGlB,OAAO;AAEP,OAAOC,KAAA,IAASC,QAAQ,EAAEC,SAAS,QAAQ;AAE3C,SAASC,aAAa,QAAQ;AAE9B,OAAO,MAAMC,yBAAA,GAA4BC,EAAA;EAAA,MAAAC,CAAA,GAAAR,EAAA;EAAC;IAAAS,MAAA,EAAAC,EAAA;IAAAC;EAAA,IAAAJ,EAUzC;EATC,MAAAE,MAAA,GAAAC,EAAc,KAAAE,SAAA,WAAdF,EAAc;EAUd,OAAAG,UAAA,EAAAC,aAAA,IAAoCZ,KAAA,CAAAa,QAAA,MAAe;EAAA,IAAAC,EAAA;EAAA,IAAAC,EAAA;EAAA,IAAAT,CAAA,QAAAU,MAAA,CAAAC,GAAA;IAIzCH,EAAA,GAAAA,CAAA;MACRF,aAAA,KAAc;IAAA;IACbG,EAAA;IAAET,CAAA,MAAAQ,EAAA;IAAAR,CAAA,MAAAS,EAAA;EAAA;IAAAD,EAAA,GAAAR,CAAA;IAAAS,EAAA,GAAAT,CAAA;EAAA;EAFLJ,SAAA,CAAUY,EAEV,EAAGC,EAAE;EAGa,MAAAG,EAAA,MAAAnB,SAAA,GAAeQ,MAAA,GAAS,IAAAR,SAAA,UAAuB,GAAG,IAAI;EAAA,IAAAoB,EAAA;EAAA,IAAAb,CAAA,QAAAK,UAAA,IAAAL,CAAA,QAAAY,EAAA,IAAAZ,CAAA,QAAAG,aAAA;IAAtEU,EAAA,GAAAC,IAAA,CAAC;MAAAC,SAAA,EAAeH,EAAsD;MAAAI,QAAA,EACnE,CAACX,UAAA,GACAS,IAAA,CAAAnB,QAAA;QAAAqB,QAAA,EACEF,IAAA,CAAAjB,aAAA;UAAAoB,MAAA,EAAsB;UAAAC,KAAA,EAAa;QAAA,C;WAGrCf,aAAA,EAAAgB,GAAA,CAAAC,KAAA;IAiCA,C;;;;;;;;SAvCJP,E;CA2CJ;AA/DyC,SAAAO,MAAAC,KAAA,EAAAC,UAAA;EAAA,IA2B3BD,KAAA,CAAAE,aAAA;IACF,MAAAC,gBAAA;IAA8C,KACzC,OAAAC,MAAA,EAAAC,SAAA,CAAyB,IAAIC,MAAA,CAAAC,OAAA,CAAeP,KAAA,CAAAE,aAAmB;MAClEC,gBAAA,CAAAK,IAAA,CACEf,IAAA,CAAC;QAAAC,SAAA,EACY,GAAAtB,SAAA,UAAsB;QAAA,mBAChBiC,SAAA,CAAAI,IAAA;QAAA,eACJL,MAAA;QAAAT,QAAA,EAGbF,IAAA,CAAC;UAAAC,SAAA,EAAe,GAAAtB,SAAA,gBAA4B;UAAAuB,QAAA,EAAGU,SAAA,CAAAK;QAAA,C;SAF1C,CAACN,MAAA,EAAQH,UAAA,EAAAU,IAAA,CAAiB;IAAA;IAAA,OAOnClB,IAAA,CAAC;MAAAC,SAAA,EAAe,GAAAtB,SAAA,SAAqB;MAAAuB,QAAA,EAClCQ;IAAA,GADyCF,UAAA;EAAA;IAAA,IAIrCD,KAAA,CAAAA,KAAA;MAAA,OAEPP,IAAA,CAAC;QAAAC,SAAA,EACY,GAAAtB,SAAA,kBAA8B4B,KAAA,CAAAA,KAAA,CAAAY,IAAA,EAAkB;QAAA,mBAC1CZ,KAAA,CAAAA,KAAA,CAAAS,IAAA;QAAAd,QAAA,EAGhBK,KAAA,CAAAA,KAAA,CAAAU;MAAA,GAFIT,UAAA;IAAA;EAAA;EAAA;AAAA","ignoreList":[]}
+{"version":3,"file":"RenderVersionFieldsToDiff.js","names":["c","_c","baseClass","React","Fragment","useEffect","ShimmerEffect","RenderVersionFieldsToDiff","t0","$","parent","t1","versionFields","undefined","hasMounted","setHasMounted","useState","t2","t3","Symbol","for","t4","t5","_jsx","className","children","height","width","map","_temp","field","fieldIndex","fieldByLocale","LocaleComponents","locale","baseField","Object","entries","push","path","CustomComponent","join","type"],"sources":["../../../../src/views/Version/RenderFieldsToDiff/RenderVersionFieldsToDiff.tsx"],"sourcesContent":["'use client'\nconst baseClass = 'render-field-diffs'\nimport type { VersionField } from 'payload'\n\nimport './index.css'\n\nimport React, { Fragment, useEffect } from 'react'\n\nimport { ShimmerEffect } from '../../../elements/ShimmerEffect/index.js'\n\nexport const RenderVersionFieldsToDiff = ({\n  parent = false,\n  versionFields,\n}: {\n  /**\n   * If true, this is the parent render version fields component, not one nested in\n   * a field with children (e.g. group)\n   */\n  parent?: boolean\n  versionFields: VersionField[]\n}): React.ReactNode => {\n  const [hasMounted, setHasMounted] = React.useState(false)\n\n  // defer rendering until after the first mount as the CSS is loaded with Emotion\n  // this will ensure that the CSS is loaded before rendering the diffs and prevent CLS\n  useEffect(() => {\n    setHasMounted(true)\n  }, [])\n\n  return (\n    <div className={`${baseClass}${parent ? ` ${baseClass}--parent` : ''}`}>\n      {!hasMounted ? (\n        <Fragment>\n          <ShimmerEffect height=\"8rem\" width=\"100%\" />\n        </Fragment>\n      ) : (\n        versionFields?.map((field, fieldIndex) => {\n          if (field.fieldByLocale) {\n            const LocaleComponents: React.ReactNode[] = []\n            for (const [locale, baseField] of Object.entries(field.fieldByLocale)) {\n              LocaleComponents.push(\n                <div\n                  className={`${baseClass}__locale`}\n                  data-field-path={baseField.path}\n                  data-locale={locale}\n                  key={[locale, fieldIndex].join('-')}\n                >\n                  <div className={`${baseClass}__locale-value`}>{baseField.CustomComponent}</div>\n                </div>,\n              )\n            }\n            return (\n              <div className={`${baseClass}__field`} key={fieldIndex}>\n                {LocaleComponents}\n              </div>\n            )\n          } else if (field.field) {\n            return (\n              <div\n                className={`${baseClass}__field field__${field.field.type}`}\n                data-field-path={field.field.path}\n                key={fieldIndex}\n              >\n                {field.field.CustomComponent}\n              </div>\n            )\n          }\n\n          return null\n        })\n      )}\n    </div>\n  )\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AACA,MAAMC,SAAA,GAAY;AAGlB,OAAO;AAEP,OAAOC,KAAA,IAASC,QAAQ,EAAEC,SAAS,QAAQ;AAE3C,SAASC,aAAa,QAAQ;AAE9B,OAAO,MAAMC,yBAAA,GAA4BC,EAAA;EAAA,MAAAC,CAAA,GAAAR,EAAA;EAAC;IAAAS,MAAA,EAAAC,EAAA;IAAAC;EAAA,IAAAJ,EAUzC;EATC,MAAAE,MAAA,GAAAC,EAAc,KAAdE,SAAc,GAAd,KAAc,GAAdF,EAAc;EAUd,OAAAG,UAAA,EAAAC,aAAA,IAAoCZ,KAAA,CAAAa,QAAc,CAAC;EAAA,IAAAC,EAAA;EAAA,IAAAC,EAAA;EAAA,IAAAT,CAAA,QAAAU,MAAA,CAAAC,GAAA;IAIzCH,EAAA,GAAAA,CAAA;MACRF,aAAA,CAAc;IAAA,CAChB;IAAGG,EAAA,KAAE;IAAAT,CAAA,MAAAQ,EAAA;IAAAR,CAAA,MAAAS,EAAA;EAAA;IAAAD,EAAA,GAAAR,CAAA;IAAAS,EAAA,GAAAT,CAAA;EAAA;EAFLJ,SAAA,CAAUY,EAEV,EAAGC,EAAE;EAGa,MAAAG,EAAA,MAAGnB,SAAA,GAAYQ,MAAA,OAAaR,SAAA,UAAsB,GAAnC,EAAmC,EAAI;EAAA,IAAAoB,EAAA;EAAA,IAAAb,CAAA,QAAAK,UAAA,IAAAL,CAAA,QAAAY,EAAA,IAAAZ,CAAA,QAAAG,aAAA;IAAtEU,EAAA,GAAAC,IAAA,CAAC;MAAAC,SAAA,EAAeH,EAAsD;MAAAI,QAAA,EACnE,CAACX,UAsCA,GArCAS,IAAA,CAACnB,QAAA;QAAAqB,QAAA,EACCF,IAAA,CAACjB,aAAA;UAAAoB,MAAA,EAAqB;UAAAC,KAAA,EAAa;;OAoCrC,IAjCAf,aAAA,EAAAgB,GAiCA,CAjCmBC,KAiCnB;;;;;;;;;SAvCJP,E;CA2CJ;AA/DyC,SAAAO,MAAAC,KAAA,EAAAC,UAAA;EA2B/B,IAAID,KAAA,CAAAE,aAAmB;IACrB,MAAAC,gBAAA,GAA4C,EAAE;IAC9C,KAAK,OAAAC,MAAA,EAAAC,SAAA,CAAyB,IAAIC,MAAA,CAAAC,OAAc,CAACP,KAAA,CAAAE,aAAmB;MAClEC,gBAAA,CAAAK,IAAqB,CACnBf,IAAA,CAAC;QAAAC,SAAA,EACY,GAAGtB,SAAA,UAAmB;QAAA,mBAChBiC,SAAA,CAAAI,IAAc;QAAA,eAClBL,MAAA;QAAAT,QAAA,EAGbF,IAAA,CAAC;UAAAC,SAAA,EAAe,GAAGtB,SAAA,gBAAyB;UAAAuB,QAAA,EAAGU,SAAA,CAAAK;;SAF1C,CAACN,MAAA,EAAQH,UAAA,CAAW,CAAAU,IAAK,CAAC;IAAA;IAKrC,OAEElB,IAAA,CAAC;MAAAC,SAAA,EAAe,GAAGtB,SAAA,SAAkB;MAAAuB,QAAA,EAClCQ;OADyCF,UAAA;EAAA;IAIzC,IAAID,KAAA,CAAAA,KAAW;MAAA,OAElBP,IAAA,CAAC;QAAAC,SAAA,EACY,GAAGtB,SAAA,kBAA2B4B,KAAA,CAAAA,KAAW,CAAAY,IAAK,EAAE;QAAA,mBAC1CZ,KAAA,CAAAA,KAAW,CAAAS,IAAK;QAAAd,QAAA,EAGhCK,KAAA,CAAAA,KAAW,CAAAU;SAFPT,UAAA;IAAA;EAKX;EAAA,OAEO;AAAA","ignoreList":[]}

package/dist/views/Version/RenderFieldsToDiff/buildVersionFields.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"buildVersionFields.d.ts","sourceRoot":"","sources":["../../../../src/views/Version/RenderFieldsToDiff/buildVersionFields.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAA;AAG1D,OAAO,EAGL,KAAK,oBAAoB,EACzB,KAAK,KAAK,EACV,KAAK,oBAAoB,EACzB,KAAK,oBAAoB,EACzB,KAAK,UAAU,EAGf,KAAK,gBAAgB,EACrB,KAAK,cAAc,EAEnB,KAAK,0BAA0B,EAC/B,KAAK,YAAY,EAClB,MAAM,SAAS,CAAA;AAYhB,MAAM,MAAM,sBAAsB,GAAG;IACnC,eAAe,EAAE,oBAAoB,CAAA;IACrC,oBAAoB,EAAE,OAAO,CAC3B,MAAM,CAAC,UAAU,EAAE,gBAAgB,CAAC,oBAAoB,EAAE,oBAAoB,CAAC,CAAC,CACjF,CAAA;IACD,UAAU,EAAE,MAAM,CAAA;IAClB,MAAM,EAAE,KAAK,EAAE,CAAA;IACf,iBAAiB,EAAE,0BAA0B,CAAA;IAC7C,IAAI,EAAE,UAAU,CAAA;IAChB,YAAY,EAAE,OAAO,CAAA;IACrB,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,eAAe,EAAE,MAAM,CAAA;IACvB,iBAAiB,EAAE,OAAO,CAAA;IAC1B,UAAU,EAAE,MAAM,CAAA;IAClB,gBAAgB,EAAE,MAAM,CAAA;IACxB,GAAG,EAAE,cAAc,CAAA;IACnB,eAAe,EAAE,MAAM,EAAE,CAAA;IACzB,sBAAsB,EAAE,MAAM,CAAA;IAC9B,oBAAoB,EAAE,MAAM,CAAA;CAC7B,CAAA;AAED;;;;;;GAMG;AACH,eAAO,MAAM,kBAAkB,8PAiB5B,sBAAsB,KAAG;IAC1B,aAAa,EAAE,YAAY,EAAE,CAAA;CAgH9B,CAAA"}
+{"version":3,"file":"buildVersionFields.d.ts","sourceRoot":"","sources":["../../../../src/views/Version/RenderFieldsToDiff/buildVersionFields.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAA;AAG1D,OAAO,EAGL,KAAK,oBAAoB,EACzB,KAAK,KAAK,EACV,KAAK,oBAAoB,EACzB,KAAK,oBAAoB,EACzB,KAAK,UAAU,EAGf,KAAK,gBAAgB,EACrB,KAAK,cAAc,EAEnB,KAAK,0BAA0B,EAC/B,KAAK,YAAY,EAClB,MAAM,SAAS,CAAA;AAMhB,MAAM,MAAM,sBAAsB,GAAG;IACnC,eAAe,EAAE,oBAAoB,CAAA;IACrC,oBAAoB,EAAE,OAAO,CAC3B,MAAM,CAAC,UAAU,EAAE,gBAAgB,CAAC,oBAAoB,EAAE,oBAAoB,CAAC,CAAC,CACjF,CAAA;IACD,UAAU,EAAE,MAAM,CAAA;IAClB,MAAM,EAAE,KAAK,EAAE,CAAA;IACf,iBAAiB,EAAE,0BAA0B,CAAA;IAC7C,IAAI,EAAE,UAAU,CAAA;IAChB,YAAY,EAAE,OAAO,CAAA;IACrB,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,eAAe,EAAE,MAAM,CAAA;IACvB,iBAAiB,EAAE,OAAO,CAAA;IAC1B,UAAU,EAAE,MAAM,CAAA;IAClB,gBAAgB,EAAE,MAAM,CAAA;IACxB,GAAG,EAAE,cAAc,CAAA;IACnB,eAAe,EAAE,MAAM,EAAE,CAAA;IACzB,sBAAsB,EAAE,MAAM,CAAA;IAC9B,oBAAoB,EAAE,MAAM,CAAA;CAC7B,CAAA;AAED;;;;;;GAMG;AACH,eAAO,MAAM,kBAAkB,8PAiB5B,sBAAsB,KAAG;IAC1B,aAAa,EAAE,YAAY,EAAE,CAAA;CAyH9B,CAAA"}

package/dist/views/Version/RenderFieldsToDiff/buildVersionFields.js

@@ -1,6 +1,6 @@
 import { dequal } from 'dequal/lite';
 import { MissingEditorProp } from 'payload';
-import { fieldIsID, fieldShouldBeLocalized, getFieldPaths, getUniqueListBy, tabHasName } from 'payload/shared';
+import { fieldIsID, fieldShouldBeLocalized, getFieldPaths, tabHasName } from 'payload/shared';
 import { RenderServerComponent } from '../../../elements/RenderServerComponent/index.js';
 import { diffComponents } from './fields/index.js';
 /**
@@ -35,6 +35,14 @@ export const buildVersionFields = ({
     if (fieldIsID(field)) {
       continue;
     }
+    // A `hidden` field is stripped from API responses entirely, so a diff for it
+    // can only ever compare nothing against nothing. Rendering it produces a
+    // labelled, permanently empty row. Note this is `field.hidden`, not
+    // `admin.hidden` — the latter only hides a field from the edit form and its
+    // value is still real, so it remains diffable.
+    if ('hidden' in field && field.hidden) {
+      continue;
+    }
     const {
       indexPath,
       path,
@@ -341,37 +349,22 @@ const buildVersionField = ({
       const toRow = Array.isArray(valueTo) && valueTo?.[i] || {};
       const blockSlugToMatch = toRow?.blockType ?? fromRow?.blockType;
       const toBlock = req.payload.blocks[blockSlugToMatch] ?? field.blocks.find(block => typeof block !== 'string' && block.slug === blockSlugToMatch);
-      let fields = [];
-      if (toRow.blockType === fromRow.blockType) {
-        fields = toBlock.fields;
-      } else {
+      let replacedBlock = undefined;
+      if (toRow.blockType !== fromRow.blockType) {
         const fromBlockSlugToMatch = fromRow?.blockType ?? toRow?.blockType;
         const fromBlock = req.payload.blocks[fromBlockSlugToMatch] ?? field.blocks.find(block => typeof block !== 'string' && block.slug === fromBlockSlugToMatch);
-        if (fromBlock) {
-          fields = getUniqueListBy([...toBlock.fields, ...fromBlock.fields], 'name');
-        } else {
-          fields = toBlock.fields;
-        }
-      }
-      let blockFieldsPermissions = undefined;
-      // fieldPermissions will be set here, as the blocks field has a name
-      if (typeof fieldPermissions === 'boolean') {
-        blockFieldsPermissions = fieldPermissions;
-      } else if (typeof fieldPermissions?.blocks === 'boolean') {
-        blockFieldsPermissions = fieldPermissions.blocks;
-      } else {
-        const permissionsBlockSpecific = fieldPermissions?.blocks?.[blockSlugToMatch];
-        if (typeof permissionsBlockSpecific === 'boolean') {
-          blockFieldsPermissions = permissionsBlockSpecific;
-        } else {
-          blockFieldsPermissions = permissionsBlockSpecific?.fields;
+        if (fromBlock && fromBlock.slug !== toBlock.slug) {
+          replacedBlock = fromBlock;
         }
       }
-      const versionFields = buildVersionFields({
+      const blockFieldsPermissions = getBlockFieldsPermissions({
+        blockSlug: blockSlugToMatch,
+        fieldPermissions
+      });
+      const blockDiffArgs = {
         clientSchemaMap,
         customDiffComponents,
         entitySlug,
-        fields,
         fieldsPermissions: blockFieldsPermissions,
         i18n,
         modifiedOnly,
@@ -379,12 +372,28 @@ const buildVersionField = ({
         parentIndexPath: 'name' in field ? '' : indexPath,
         parentIsLocalized: parentIsLocalized || 'localized' in field && field.localized,
         parentPath: ('name' in field ? path : parentPath) + '.' + i,
-        parentSchemaPath: schemaPath + '.' + toBlock.slug,
         req,
-        selectedLocales,
+        selectedLocales
+      };
+      const oldBlockFields = replacedBlock ? buildVersionFields({
+        ...blockDiffArgs,
+        fields: replacedBlock.fields,
+        fieldsPermissions: getBlockFieldsPermissions({
+          blockSlug: replacedBlock.slug,
+          fieldPermissions
+        }),
+        parentSchemaPath: schemaPath + '.' + replacedBlock.slug,
         versionFromSiblingData: fromRow,
+        versionToSiblingData: {}
+      }).versionFields : [];
+      const newBlockFields = buildVersionFields({
+        ...blockDiffArgs,
+        fields: toBlock.fields,
+        parentSchemaPath: schemaPath + '.' + toBlock.slug,
+        versionFromSiblingData: replacedBlock ? {} : fromRow,
         versionToSiblingData: toRow
       }).versionFields;
+      const versionFields = [...oldBlockFields, ...newBlockFields];
       if (versionFields?.length) {
         baseVersionField.rows[i] = versionFields;
       }
@@ -398,22 +407,12 @@ const buildVersionField = ({
       ...baseVersionField,
       CustomComponent: undefined
     },
-    /**
-    * TODO: Change to valueFrom in 4.0
-    */
-    comparisonValue: valueFrom,
-    /**
-    * @deprecated remove in 4.0. Each field should handle its own diffing logic
-    */
-    diffMethod: 'diffWordsWithSpace',
     field: clientField,
     fieldPermissions: typeof fieldPermissions === 'undefined' ? parentFieldsPermissions : fieldPermissions,
     parentIsLocalized,
     nestingLevel: nestingLevel ? nestingLevel : undefined,
-    /**
-    * TODO: Change to valueTo in 4.0
-    */
-    versionValue: valueTo
+    valueFrom,
+    valueTo
   };
   if (locale) {
     clientDiffProps.locale = locale;
@@ -436,4 +435,17 @@ const buildVersionField = ({
   });
   return baseVersionField;
 };
+const getBlockFieldsPermissions = ({
+  blockSlug,
+  fieldPermissions
+}) => {
+  if (typeof fieldPermissions === 'boolean') {
+    return fieldPermissions;
+  }
+  if (typeof fieldPermissions?.blocks === 'boolean') {
+    return fieldPermissions.blocks;
+  }
+  const blockPermissions = fieldPermissions?.blocks?.[blockSlug];
+  return typeof blockPermissions === 'boolean' ? blockPermissions : blockPermissions?.fields;
+};
 //# sourceMappingURL=buildVersionFields.js.map