@payloadcms/ui 4.0.0-internal.d3909a9 → 4.0.0-internal.d7d662c

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","$","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":[]}
+{"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":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AAGA,SAASC,gBAAgB,EAAEC,gBAAgB,QAAQ;AACnD,OAAOC,KAAA,IAASC,QAAQ,QAAQ;AAEhC,SAASC,cAAc,QAAQ;AAC/B,SAASC,WAAW,QAAQ;AAC5B,SAASC,SAAS,QAAQ;AAC1B,SAASC,cAAc,QAAQ;AAC/B,OAAO;AACP,SAASC,kBAAkB,EAAEC,wBAAwB,QAAQ;AAE7D,MAAMC,SAAA,GAAY;AA6BlB,OAAO,MAAMC,aAAA,GAAiCC,EAAA;EAAA,MAAAC,CAAA,GAAAd,EAAA;EAAC;IAAAe,WAAA,EAAAC,oBAAA;IAAAC,QAAA;IAAAC,KAAA;IAAAC,MAAA;IAAAC,UAAA,EAAAC,EAAA;IAAAC,aAAA,EAAAC,EAAA;IAAAC,UAAA,EAAAC,EAAA;IAAAC,KAAA;IAAAC,OAAA;IAAAC,iBAAA;IAAAC,SAAA;IAAAC;EAAA,IAAAjB,EAa9C;EARC,MAAAO,UAAA,GAAAC,EAAkB,KAAlBU,SAAkB,GAAlB,KAAkB,GAAlBV,EAAkB;EAClB,MAAAC,aAAA,GAAAC,EAAqB,KAArBQ,SAAqB,GAArB,KAAqB,GAArBR,EAAqB;EACrB,MAAAC,UAAA,GAAAC,EAAkB,KAAlBM,SAAkB,GAAlB,KAAkB,GAAlBN,EAAkB;EAOlB;IAAAO;EAAA,IAAcxB,cAAA;EACd,OAAAyB,WAAA,EAAAC,cAAA,IAAsC9B,QAAA,CAASkB,aAAA;EAC/C;IAAAa;EAAA,IAAmB5B,SAAA;EAAA,IAAA6B,EAAA;EAAA,IAAAtB,CAAA,QAAAY,KAAA,IAAAZ,CAAA,QAAAE,oBAAA,IAAAF,CAAA,QAAAG,QAAA,IAAAH,CAAA,QAAAqB,MAAA,IAAArB,CAAA,QAAAI,KAAA,IAAAJ,CAAA,QAAAK,MAAA,IAAAL,CAAA,QAAAM,UAAA,IAAAN,CAAA,QAAAmB,WAAA,IAAAnB,CAAA,QAAAU,UAAA,IAAAV,CAAA,QAAAa,OAAA,IAAAb,CAAA,SAAAc,iBAAA,IAAAd,CAAA,SAAAkB,CAAA,IAAAlB,CAAA,SAAAe,SAAA,IAAAf,CAAA,SAAAgB,OAAA;IAEff,GAAA,CAAAA,WAAA;IAEJ,IAAI,OAAOC,oBAAA,KAAyB;MAClCD,WAAA,CAAAA,CAAA,CAAcC,oBAAA;IAAd;MACK,IAAIQ,UAAA;QACT,IAAI,CAACvB,gBAAA,CAAiBiB,KAAA,CAA4B,IAA9C,CAA6BhB,gBAAA,CAAiBgB,KAAA;UAChD,MAAM,IAAImB,KAAA,CACR;QAAA;QAGJ,MAAAC,aAAA,GAAsBT,SAAe,IAAf,EAAe;QACrC,MAAAU,WAAA,GAAoBT,OAAa,IAAb,EAAa;QAEjC,IAAI,CAACU,KAAA,CAAAC,OAAa,CAACH,aAAA,CAAiC,IAAhD,CAAkCE,KAAA,CAAAC,OAAa,CAACF,WAAA;UAClD,MAAM,IAAIF,KAAA,CACR;QAAA;QAIJtB,WAAA,CAAAA,CAAA,CAAcL,wBAAA,CAAyB;UAAAyB,MAAA;UAAAjB,KAAA;UAAAS,OAAA;UAAAC,iBAAA;UAAAU,aAAA;UAAAC;QAOvC;MAPA;QASAxB,WAAA,CAAAA,CAAA,CAAcN,kBAAA,CAAmB;UAAA0B,MAAA;UAAAhB,MAAA;UAAAQ,OAAA;UAAAC,iBAAA;UAAAC,SAAA;UAAAC;QAOjC;MAPA;IAQF;IAIE,MAAAY,EAAA,GAAAT,WAAoD,IAApD,GAAkBtB,SAAA,yBAAkC;IACpD,MAAAgC,EAAA,GAAAvB,UAAkD,IAAlD,GAAiBT,SAAA,wBAAiC;IAAA,IAAAiC,EAAA;IAAA,IAAA9B,CAAA,SAAA4B,EAAA,IAAA5B,CAAA,SAAA6B,EAAA;MAH1BC,EAAA,IACxB,GAAGjC,SAAA,WAAoB,EACvB+B,EAAoD,EACpDC,EAAkD,CACnD,CAAAE,MACQ,CAACC,OAAA;MAAAhC,CAAA,OAAA4B,EAAA;MAAA5B,CAAA,OAAA6B,EAAA;MAAA7B,CAAA,OAAA8B,EAAA;IAAA;MAAAA,EAAA,GAAA9B,CAAA;IAAA;IALV,MAAAiC,iBAAA,GAA0BH,EAKhB,CAAAI,IACH,CAAC;IAAA,IAAAC,EAAA;IAAA,IAAAnC,CAAA,SAAAmB,WAAA;MAQSgB,EAAA,GAAAA,CAAA,KAAMf,cAAA,CAAe,CAACD,WAAA;MAAAnB,CAAA,OAAAmB,WAAA;MAAAnB,CAAA,OAAAmC,EAAA;IAAA;MAAAA,EAAA,GAAAnC,CAAA;IAAA;IALrCsB,EAAA,GAAAc,KAAA,CAAC;MAAAC,SAAA,EAAexC,SAAA;MAAAM,QAAA,E,CACdiC,KAAA,CAAC7C,cAAA;QAAAY,QAAA,E,CACCiC,KAAA,CAAC;UAAA,cACajB,WAAA,WAAyB,GAAzB,UAAyB;UAAAkB,SAAA,EAC1B,GAAGxC,SAAA,iBAA0B;UAAAyC,OAAA,EAC/BH,EAAsB;UAAAI,IAAA,EAC1B;UAAApC,QAAA,E,CAELqC,IAAA,CAAC;YAAAH,SAAA,EAAe,GAAGxC,SAAA,SAAkB;YAAAM,QAAA,EAAGS;cAExC4B,IAAA,CAAChD,WAAA;YAAAiD,SAAA,EAAuBtB,WAAA,UAAwB,GAAxB,MAAwB;YAAAuB,IAAA,EAAc;;YAE/DzC,WAAA,GAAc,CAAK,IAAnBkB,W,IACCqB,IAAA,CAAC;UAAAH,SAAA,EAAgB,GAAGxC,SAAA,sBAA+B;UAAAM,QAAA,EAChDe,CAAA,CAAE,8BAA8B;YAAAyB,KAAA,EAAS1C;UAAY;;UAI5DuC,IAAA,CAAC;QAAAH,SAAA,EAAeJ,iBAAA;QAAA9B;;;;;;;;;;;;;;;;;;;;;SAlBlBmB,E;CAqBJ","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/fields/Checkbox/index.js

@@ -24,7 +24,7 @@ const CheckboxIndicator = ({
   });
 };
 export const Checkbox = t0 => {
-  const $ = _c(11);
+  const $ = _c(10);
   const {
     field,
     locale,
@@ -41,11 +41,10 @@ export const Checkbox = t0 => {
   const hasChanged = checkedFrom !== checkedTo;
   const fromVariant = hasChanged ? "delete" : "default";
   const toVariant = hasChanged ? "create" : "default";
-  const t1 = `${baseClass}__value ${baseClass}__value--${fromVariant}`;
-  let t2;
-  if ($[0] !== checkedFrom || $[1] !== checkedTo || $[2] !== field.label || $[3] !== fromVariant || $[4] !== i18n || $[5] !== locale || $[6] !== nestingLevel || $[7] !== t || $[8] !== t1 || $[9] !== toVariant) {
+  let t1;
+  if ($[0] !== checkedFrom || $[1] !== checkedTo || $[2] !== field.label || $[3] !== fromVariant || $[4] !== i18n || $[5] !== locale || $[6] !== nestingLevel || $[7] !== t || $[8] !== toVariant) {
     const From = _jsxs("div", {
-      className: t1,
+      className: `${baseClass}__value ${baseClass}__value--${fromVariant}`,
       children: [_jsx(CheckboxIndicator, {
         checked: checkedFrom,
         variant: fromVariant
@@ -64,7 +63,7 @@ export const Checkbox = t0 => {
         children: checkedTo ? t("general:checked") : t("general:unchecked")
       })]
     });
-    t2 = _jsx(FieldDiffContainer, {
+    t1 = _jsx(FieldDiffContainer, {
       className: baseClass,
       From,
       i18n,
@@ -83,12 +82,11 @@ export const Checkbox = t0 => {
     $[5] = locale;
     $[6] = nestingLevel;
     $[7] = t;
-    $[8] = t1;
-    $[9] = toVariant;
-    $[10] = t2;
+    $[8] = toVariant;
+    $[9] = t1;
   } else {
-    t2 = $[10];
+    t1 = $[9];
   }
-  return t2;
+  return t1;
 };
 //# sourceMappingURL=index.js.map

package/dist/views/Version/RenderFieldsToDiff/fields/Checkbox/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["c","_c","React","FieldDiffContainer","CheckIcon","useTranslation","baseClass","CheckboxIndicator","checked","variant","classNames","filter","Boolean","join","_jsx","className","size","Checkbox","t0","$","field","locale","nestingLevel","valueFrom","valueTo","i18n","t","checkedFrom","checkedTo","hasChanged","fromVariant","toVariant","t1","t2","label","From","_jsxs","children","To"],"sources":["../../../../../../src/views/Version/RenderFieldsToDiff/fields/Checkbox/index.tsx"],"sourcesContent":["'use client'\nimport type { CheckboxFieldDiffClientProps } from 'payload'\n\nimport React from 'react'\n\nimport { FieldDiffContainer } from '../../../../../elements/FieldDiffContainer/index.js'\nimport { CheckIcon } from '../../../../../icons/Check/index.js'\nimport { useTranslation } from '../../../../../providers/Translation/index.js'\nimport './index.css'\n\nconst baseClass = 'checkbox-diff'\n\nconst CheckboxIndicator: React.FC<{\n  checked: boolean\n  variant?: 'create' | 'default' | 'delete'\n}> = ({ checked, variant = 'default' }) => {\n  const classNames = [\n    `${baseClass}__indicator`,\n    `${baseClass}__indicator--${variant}`,\n    checked && `${baseClass}__indicator--checked`,\n  ]\n    .filter(Boolean)\n    .join(' ')\n\n  return (\n    <span className={classNames}>\n      <span className={`${baseClass}__icon`}>\n        <CheckIcon size={16} />\n      </span>\n    </span>\n  )\n}\n\nexport const Checkbox: React.FC<CheckboxFieldDiffClientProps> = ({\n  field,\n  locale,\n  nestingLevel,\n  valueFrom,\n  valueTo,\n}) => {\n  const { i18n, t } = useTranslation()\n\n  const checkedFrom = Boolean(valueFrom)\n  const checkedTo = Boolean(valueTo)\n  const hasChanged = checkedFrom !== checkedTo\n\n  const fromVariant = hasChanged ? 'delete' : 'default'\n  const toVariant = hasChanged ? 'create' : 'default'\n\n  const From = (\n    <div className={`${baseClass}__value ${baseClass}__value--${fromVariant}`}>\n      <CheckboxIndicator checked={checkedFrom} variant={fromVariant} />\n      <span className={`${baseClass}__label ${baseClass}__label--${fromVariant}`}>\n        {checkedFrom ? t('general:checked') : t('general:unchecked')}\n      </span>\n    </div>\n  )\n\n  const To = (\n    <div className={`${baseClass}__value ${baseClass}__value--${toVariant}`}>\n      <CheckboxIndicator checked={checkedTo} variant={toVariant} />\n      <span className={`${baseClass}__label ${baseClass}__label--${toVariant}`}>\n        {checkedTo ? t('general:checked') : t('general:unchecked')}\n      </span>\n    </div>\n  )\n\n  return (\n    <FieldDiffContainer\n      className={baseClass}\n      From={From}\n      i18n={i18n}\n      label={{ label: field.label, locale }}\n      nestingLevel={nestingLevel}\n      To={To}\n    />\n  )\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["c","_c","React","FieldDiffContainer","CheckIcon","useTranslation","baseClass","CheckboxIndicator","checked","variant","classNames","filter","Boolean","join","_jsx","className","size","Checkbox","t0","$","field","locale","nestingLevel","valueFrom","valueTo","i18n","t","checkedFrom","checkedTo","hasChanged","fromVariant","toVariant","t1","label","From","_jsxs","children","To"],"sources":["../../../../../../src/views/Version/RenderFieldsToDiff/fields/Checkbox/index.tsx"],"sourcesContent":["'use client'\nimport type { CheckboxFieldDiffClientProps } from 'payload'\n\nimport React from 'react'\n\nimport { FieldDiffContainer } from '../../../../../elements/FieldDiffContainer/index.js'\nimport { CheckIcon } from '../../../../../icons/Check/index.js'\nimport { useTranslation } from '../../../../../providers/Translation/index.js'\nimport './index.css'\n\nconst baseClass = 'checkbox-diff'\n\nconst CheckboxIndicator: React.FC<{\n  checked: boolean\n  variant?: 'create' | 'default' | 'delete'\n}> = ({ checked, variant = 'default' }) => {\n  const classNames = [\n    `${baseClass}__indicator`,\n    `${baseClass}__indicator--${variant}`,\n    checked && `${baseClass}__indicator--checked`,\n  ]\n    .filter(Boolean)\n    .join(' ')\n\n  return (\n    <span className={classNames}>\n      <span className={`${baseClass}__icon`}>\n        <CheckIcon size={16} />\n      </span>\n    </span>\n  )\n}\n\nexport const Checkbox: React.FC<CheckboxFieldDiffClientProps> = ({\n  field,\n  locale,\n  nestingLevel,\n  valueFrom,\n  valueTo,\n}) => {\n  const { i18n, t } = useTranslation()\n\n  const checkedFrom = Boolean(valueFrom)\n  const checkedTo = Boolean(valueTo)\n  const hasChanged = checkedFrom !== checkedTo\n\n  const fromVariant = hasChanged ? 'delete' : 'default'\n  const toVariant = hasChanged ? 'create' : 'default'\n\n  const From = (\n    <div className={`${baseClass}__value ${baseClass}__value--${fromVariant}`}>\n      <CheckboxIndicator checked={checkedFrom} variant={fromVariant} />\n      <span className={`${baseClass}__label ${baseClass}__label--${fromVariant}`}>\n        {checkedFrom ? t('general:checked') : t('general:unchecked')}\n      </span>\n    </div>\n  )\n\n  const To = (\n    <div className={`${baseClass}__value ${baseClass}__value--${toVariant}`}>\n      <CheckboxIndicator checked={checkedTo} variant={toVariant} />\n      <span className={`${baseClass}__label ${baseClass}__label--${toVariant}`}>\n        {checkedTo ? t('general:checked') : t('general:unchecked')}\n      </span>\n    </div>\n  )\n\n  return (\n    <FieldDiffContainer\n      className={baseClass}\n      From={From}\n      i18n={i18n}\n      label={{ label: field.label, locale }}\n      nestingLevel={nestingLevel}\n      To={To}\n    />\n  )\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AAGA,OAAOC,KAAA,MAAW;AAElB,SAASC,kBAAkB,QAAQ;AACnC,SAASC,SAAS,QAAQ;AAC1B,SAASC,cAAc,QAAQ;AAC/B,OAAO;AAEP,MAAMC,SAAA,GAAY;AAElB,MAAMC,iBAAA,GAGDA,CAAC;EAAEC,OAAO;EAAEC,OAAA,GAAU;AAAS,CAAE;EACpC,MAAMC,UAAA,GAAa,CACjB,GAAGJ,SAAA,aAAsB,EACzB,GAAGA,SAAA,gBAAyBG,OAAA,EAAS,EACrCD,OAAA,IAAW,GAAGF,SAAA,sBAA+B,CAC9C,CACEK,MAAM,CAACC,OAAA,EACPC,IAAI,CAAC;EAER,oBACEC,IAAA,CAAC;IAAKC,SAAA,EAAWL,UAAA;cACf,aAAAI,IAAA,CAAC;MAAKC,SAAA,EAAW,GAAGT,SAAA,QAAiB;gBACnC,aAAAQ,IAAA,CAACV,SAAA;QAAUY,IAAA,EAAM;;;;AAIzB;AAEA,OAAO,MAAMC,QAAA,GAAmDC,EAAA;EAAA,MAAAC,CAAA,GAAAlB,EAAA;EAAC;IAAAmB,KAAA;IAAAC,MAAA;IAAAC,YAAA;IAAAC,SAAA;IAAAC;EAAA,IAAAN,EAMhE;EACC;IAAAO,IAAA;IAAAC;EAAA,IAAoBrB,cAAA;EAEpB,MAAAsB,WAAA,GAAoBf,OAAA,CAAQW,SAAA;EAC5B,MAAAK,SAAA,GAAkBhB,OAAA,CAAQY,OAAA;EAC1B,MAAAK,UAAA,GAAmBF,WAAA,KAAgBC,SAAA;EAEnC,MAAAE,WAAA,GAAoBD,UAAA,WAAwB,GAAxB,SAAwB;EAC5C,MAAAE,SAAA,GAAkBF,UAAA,WAAwB,GAAxB,SAAwB;EAAA,IAAAG,EAAA;EAAA,IAAAb,CAAA,QAAAQ,WAAA,IAAAR,CAAA,QAAAS,SAAA,IAAAT,CAAA,QAAAC,KAAA,CAAAa,KAAA,IAAAd,CAAA,QAAAW,WAAA,IAAAX,CAAA,QAAAM,IAAA,IAAAN,CAAA,QAAAE,MAAA,IAAAF,CAAA,QAAAG,YAAA,IAAAH,CAAA,QAAAO,CAAA,IAAAP,CAAA,QAAAY,SAAA;IAE1C,MAAAG,IAAA,GACEC,KAAA,CAAC;MAAApB,SAAA,EAAe,GAAGT,SAAA,WAAoBA,SAAA,YAAqBwB,WAAA,EAAa;MAAAM,QAAA,E,CACvEtB,IAAA,CAACP,iBAAA;QAAAC,OAAA,EAA2BmB,WAAA;QAAAlB,OAAA,EAAsBqB;UAClDhB,IAAA,CAAC;QAAAC,SAAA,EAAgB,GAAGT,SAAA,WAAoBA,SAAA,YAAqBwB,WAAA,EAAa;QAAAM,QAAA,EACvET,WAAA,GAAcD,CAAA,CAAE,iBAAuB,IAAFA,CAAA,CAAE;;;IAK9C,MAAAW,EAAA,GACEF,KAAA,CAAC;MAAApB,SAAA,EAAe,GAAGT,SAAA,WAAoBA,SAAA,YAAqByB,SAAA,EAAW;MAAAK,QAAA,E,CACrEtB,IAAA,CAACP,iBAAA;QAAAC,OAAA,EAA2BoB,SAAA;QAAAA,OAAA,EAAoBG;UAChDjB,IAAA,CAAC;QAAAC,SAAA,EAAgB,GAAGT,SAAA,WAAoBA,SAAA,YAAqByB,SAAA,EAAW;QAAAK,QAAA,EACrER,SAAA,GAAYF,CAAA,CAAE,iBAAuB,IAAFA,CAAA,CAAE;;;IAM1CM,EAAA,GAAAlB,IAAA,CAACX,kBAAA;MAAAY,SAAA,EACYT,SAAA;MAAA4B,IAAA;MAAAT,IAAA;MAAAQ,KAAA,EAGJ;QAAAA,KAAA,EAASb,KAAA,CAAAa,KAAW;QAAAZ;MAAS;MAAAC,YAAA;MAAAe;;;;;;;;;;;;;;;SAJtCL,E;CASJ","ignoreList":[]}

package/dist/views/Version/RenderFieldsToDiff/fields/Collapsible/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["c","_c","getTranslation","React","useTranslation","useSelectedLocales","DiffCollapser","RenderVersionFieldsToDiff","baseClass","Collapsible","t0","$","baseVersionField","field","parentIsLocalized","valueFrom","valueTo","i18n","selectedLocales","fields","length","t1","_jsx","className","children","Label","label","localized","versionFields"],"sources":["../../../../../../src/views/Version/RenderFieldsToDiff/fields/Collapsible/index.tsx"],"sourcesContent":["'use client'\nimport type { CollapsibleFieldDiffClientProps } from 'payload'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport React from 'react'\n\nimport { useTranslation } from '../../../../../providers/Translation/index.js'\nimport { useSelectedLocales } from '../../../Default/SelectedLocalesContext.js'\nimport { DiffCollapser } from '../../DiffCollapser/index.js'\nimport { RenderVersionFieldsToDiff } from '../../RenderVersionFieldsToDiff.js'\n\nconst baseClass = 'collapsible-diff'\n\nexport const Collapsible: React.FC<CollapsibleFieldDiffClientProps> = ({\n  baseVersionField,\n  field,\n  parentIsLocalized,\n  valueFrom,\n  valueTo,\n}) => {\n  const { i18n } = useTranslation()\n  const { selectedLocales } = useSelectedLocales()\n\n  if (!baseVersionField.fields?.length) {\n    return null\n  }\n\n  return (\n    <div className={baseClass}>\n      <DiffCollapser\n        fields={field.fields}\n        Label={\n          'label' in field &&\n          field.label &&\n          typeof field.label !== 'function' && <span>{getTranslation(field.label, i18n)}</span>\n        }\n        locales={selectedLocales}\n        parentIsLocalized={parentIsLocalized || field.localized}\n        valueFrom={valueFrom}\n        valueTo={valueTo}\n      >\n        <RenderVersionFieldsToDiff versionFields={baseVersionField.fields} />\n      </DiffCollapser>\n    </div>\n  )\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AAGA,SAASC,cAAc,QAAQ;AAC/B,OAAOC,KAAA,MAAW;AAElB,SAASC,cAAc,QAAQ;AAC/B,SAASC,kBAAkB,QAAQ;AACnC,SAASC,aAAa,QAAQ;AAC9B,SAASC,yBAAyB,QAAQ;AAE1C,MAAMC,SAAA,GAAY;AAElB,OAAO,MAAMC,WAAA,GAAyDC,EAAA;EAAA,MAAAC,CAAA,GAAAV,EAAA;EAAC;IAAAW,gBAAA;IAAAC,KAAA;IAAAC,iBAAA;IAAAC,SAAA;IAAAC;EAAA,IAAAN,EAMtE;EACC;IAAAO;EAAA,IAAiBb,cAAA;EACjB;IAAAc;EAAA,IAA4Bb,kBAAA;EAAA,KAEvBO,gBAAA,CAAAO,MAAA,EAAAC,MAAA;IAAA;EAAA;EAAA,IAAAC,EAAA;EAAA,IAAAV,CAAA,QAAAC,gBAAA,CAAAO,MAAA,IAAAR,CAAA,QAAAE,KAAA,IAAAF,CAAA,QAAAM,IAAA,IAAAN,CAAA,QAAAG,iBAAA,IAAAH,CAAA,QAAAO,eAAA,IAAAP,CAAA,QAAAI,SAAA,IAAAJ,CAAA,QAAAK,OAAA;IAKHK,EAAA,GAAAC,IAAA,CAAC;MAAAC,SAAA,EAAAf,SAAA;MAAAgB,QAAA,EACCF,IAAA,CAAAhB,aAAA;QAAAa,MAAA,EACUN,KAAA,CAAAM,MAAA;QAAAM,KAAA,EAEN,WAAWZ,KAAA,IACXA,KAAA,CAAAa,KAAW,IACX,OAAOb,KAAA,CAAAa,KAAA,KAAgB,cAAcJ,IAAA,CAAC;UAAAE,QAAA,EAAMtB,cAAA,CAAeW,KAAA,CAAAa,KAAA,EAAaT,IAAA;QAAA,C;iBAEjEC,eAAA;QAAAJ,iBAAA,EACUA,iBAAA,IAAqBD,KAAA,CAAAc,SAAe;QAAAZ,SAAA;QAAAC,OAAA;QAAAQ,QAAA,EAIvDF,IAAA,CAAAf,yBAAA;UAAAqB,aAAA,EAA0ChB,gBAAA,CAAAO;QAAA,C;;;;;;;;;;;;;;SAb9CE,E;CAiBJ","ignoreList":[]}
+{"version":3,"file":"index.js","names":["c","_c","getTranslation","React","useTranslation","useSelectedLocales","DiffCollapser","RenderVersionFieldsToDiff","baseClass","Collapsible","t0","$","baseVersionField","field","parentIsLocalized","valueFrom","valueTo","i18n","selectedLocales","fields","length","t1","_jsx","className","children","Label","label","localized","versionFields"],"sources":["../../../../../../src/views/Version/RenderFieldsToDiff/fields/Collapsible/index.tsx"],"sourcesContent":["'use client'\nimport type { CollapsibleFieldDiffClientProps } from 'payload'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport React from 'react'\n\nimport { useTranslation } from '../../../../../providers/Translation/index.js'\nimport { useSelectedLocales } from '../../../Default/SelectedLocalesContext.js'\nimport { DiffCollapser } from '../../DiffCollapser/index.js'\nimport { RenderVersionFieldsToDiff } from '../../RenderVersionFieldsToDiff.js'\n\nconst baseClass = 'collapsible-diff'\n\nexport const Collapsible: React.FC<CollapsibleFieldDiffClientProps> = ({\n  baseVersionField,\n  field,\n  parentIsLocalized,\n  valueFrom,\n  valueTo,\n}) => {\n  const { i18n } = useTranslation()\n  const { selectedLocales } = useSelectedLocales()\n\n  if (!baseVersionField.fields?.length) {\n    return null\n  }\n\n  return (\n    <div className={baseClass}>\n      <DiffCollapser\n        fields={field.fields}\n        Label={\n          'label' in field &&\n          field.label &&\n          typeof field.label !== 'function' && <span>{getTranslation(field.label, i18n)}</span>\n        }\n        locales={selectedLocales}\n        parentIsLocalized={parentIsLocalized || field.localized}\n        valueFrom={valueFrom}\n        valueTo={valueTo}\n      >\n        <RenderVersionFieldsToDiff versionFields={baseVersionField.fields} />\n      </DiffCollapser>\n    </div>\n  )\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AAGA,SAASC,cAAc,QAAQ;AAC/B,OAAOC,KAAA,MAAW;AAElB,SAASC,cAAc,QAAQ;AAC/B,SAASC,kBAAkB,QAAQ;AACnC,SAASC,aAAa,QAAQ;AAC9B,SAASC,yBAAyB,QAAQ;AAE1C,MAAMC,SAAA,GAAY;AAElB,OAAO,MAAMC,WAAA,GAAyDC,EAAA;EAAA,MAAAC,CAAA,GAAAV,EAAA;EAAC;IAAAW,gBAAA;IAAAC,KAAA;IAAAC,iBAAA;IAAAC,SAAA;IAAAC;EAAA,IAAAN,EAMtE;EACC;IAAAO;EAAA,IAAiBb,cAAA;EACjB;IAAAc;EAAA,IAA4Bb,kBAAA;EAE5B,IAAI,CAACO,gBAAA,CAAAO,MAAyB,EAAAC,MAAA;IAAA,OACrB;EAAA;EACT,IAAAC,EAAA;EAAA,IAAAV,CAAA,QAAAC,gBAAA,CAAAO,MAAA,IAAAR,CAAA,QAAAE,KAAA,IAAAF,CAAA,QAAAM,IAAA,IAAAN,CAAA,QAAAG,iBAAA,IAAAH,CAAA,QAAAO,eAAA,IAAAP,CAAA,QAAAI,SAAA,IAAAJ,CAAA,QAAAK,OAAA;IAGEK,EAAA,GAAAC,IAAA,CAAC;MAAAC,SAAA,EAAef,SAAA;MAAAgB,QAAA,EACdF,IAAA,CAAChB,aAAA;QAAAa,MAAA,EACSN,KAAA,CAAAM,MAAY;QAAAM,KAAA,EAElB,WAAWZ,KACA,IAAXA,KAAA,CAAAa,KACuB,IAAvB,OAAOb,KAAA,CAAAa,KAAW,KAAK,U,IAAcJ,IAAA,CAAC;UAAAE,QAAA,EAAMtB,cAAA,CAAeW,KAAA,CAAAa,KAAW,EAAET,IAAA;;iBAEjEC,eAAA;QAAAJ,iBAAA,EACUA,iBAAoC,IAAfD,KAAA,CAAAc,SAAe;QAAAZ,SAAA;QAAAC,OAAA;QAAAQ,QAAA,EAIvDF,IAAA,CAACf,yBAAA;UAAAqB,aAAA,EAAyChB,gBAAA,CAAAO;;;;;;;;;;;;;;;SAb9CE,E;CAiBJ","ignoreList":[]}

package/dist/views/Version/RenderFieldsToDiff/fields/Date/index.js

@@ -11,7 +11,7 @@ import { formatDate } from '../../../../../utilities/formatDocTitle/formatDateTi
 import './index.css';
 const baseClass = 'date-diff';
 export const DateDiffComponent = t0 => {
-  const $ = _c(7);
+  const $ = _c(13);
   const {
     field,
     locale,
@@ -31,32 +31,44 @@ export const DateDiffComponent = t0 => {
   const {
     dateFormat
   } = t2;
-  const formattedFromDate = valueFrom ? formatDate({
-    date: typeof valueFrom === "string" ? new Date(valueFrom) : valueFrom,
-    i18n,
-    pattern: dateFormat
-  }) : "";
-  const formattedToDate = valueTo ? formatDate({
-    date: typeof valueTo === "string" ? new Date(valueTo) : valueTo,
-    i18n,
-    pattern: dateFormat
-  }) : "";
-  const escapedFromDate = escapeDiffHTML(formattedFromDate);
-  const escapedToDate = escapeDiffHTML(formattedToDate);
-  const t3 = `<div class="${baseClass}" data-enable-match="true" data-date="${escapedFromDate}"><p>` + escapedFromDate + "</p></div>";
-  const t4 = `<div class="${baseClass}" data-enable-match="true" data-date="${escapedToDate}"><p>` + escapedToDate + "</p></div>";
-  let t5;
-  if ($[0] !== field.label || $[1] !== i18n || $[2] !== locale || $[3] !== nestingLevel || $[4] !== t3 || $[5] !== t4) {
+  let escapedFromDate;
+  let t3;
+  if ($[0] !== dateFormat || $[1] !== i18n || $[2] !== valueFrom || $[3] !== valueTo) {
+    const formattedFromDate = valueFrom ? formatDate({
+      date: typeof valueFrom === "string" ? new Date(valueFrom) : valueFrom,
+      i18n,
+      pattern: dateFormat
+    }) : "";
+    const formattedToDate = valueTo ? formatDate({
+      date: typeof valueTo === "string" ? new Date(valueTo) : valueTo,
+      i18n,
+      pattern: dateFormat
+    }) : "";
+    escapedFromDate = escapeDiffHTML(formattedFromDate);
+    t3 = escapeDiffHTML(formattedToDate);
+    $[0] = dateFormat;
+    $[1] = i18n;
+    $[2] = valueFrom;
+    $[3] = valueTo;
+    $[4] = escapedFromDate;
+    $[5] = t3;
+  } else {
+    escapedFromDate = $[4];
+    t3 = $[5];
+  }
+  const escapedToDate = t3;
+  let t4;
+  if ($[6] !== escapedFromDate || $[7] !== escapedToDate || $[8] !== field.label || $[9] !== i18n || $[10] !== locale || $[11] !== nestingLevel) {
     const {
       From,
       To
     } = getHTMLDiffComponents({
-      fromHTML: t3,
+      fromHTML: `<div class="${baseClass}" data-enable-match="true" data-date="${escapedFromDate}"><p>` + escapedFromDate + "</p></div>",
       postProcess: unescapeDiffHTML,
-      toHTML: t4,
+      toHTML: `<div class="${baseClass}" data-enable-match="true" data-date="${escapedToDate}"><p>` + escapedToDate + "</p></div>",
       tokenizeByCharacter: false
     });
-    t5 = _jsx(FieldDiffContainer, {
+    t4 = _jsx(FieldDiffContainer, {
       className: baseClass,
       From,
       i18n,
@@ -67,16 +79,16 @@ export const DateDiffComponent = t0 => {
       nestingLevel,
       To
     });
-    $[0] = field.label;
-    $[1] = i18n;
-    $[2] = locale;
-    $[3] = nestingLevel;
-    $[4] = t3;
-    $[5] = t4;
-    $[6] = t5;
+    $[6] = escapedFromDate;
+    $[7] = escapedToDate;
+    $[8] = field.label;
+    $[9] = i18n;
+    $[10] = locale;
+    $[11] = nestingLevel;
+    $[12] = t4;
   } else {
-    t5 = $[6];
+    t4 = $[12];
   }
-  return t5;
+  return t4;
 };
 //# sourceMappingURL=index.js.map

package/dist/views/Version/RenderFieldsToDiff/fields/Date/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["c","_c","React","FieldDiffContainer","escapeDiffHTML","getHTMLDiffComponents","unescapeDiffHTML","useConfig","useTranslation","formatDate","baseClass","DateDiffComponent","t0","$","field","locale","nestingLevel","valueFrom","valueTo","i18n","config","t1","admin","t2","dateFormat","formattedFromDate","date","Date","pattern","formattedToDate","escapedFromDate","escapedToDate","t3","t4","t5","label","From","To","fromHTML","postProcess","toHTML","tokenizeByCharacter","_jsx","className"],"sources":["../../../../../../src/views/Version/RenderFieldsToDiff/fields/Date/index.tsx"],"sourcesContent":["'use client'\nimport type { DateFieldDiffClientProps } from 'payload'\n\nimport React from 'react'\n\nimport { FieldDiffContainer } from '../../../../../elements/FieldDiffContainer/index.js'\nimport {\n  escapeDiffHTML,\n  getHTMLDiffComponents,\n  unescapeDiffHTML,\n} from '../../../../../elements/HTMLDiff/index.js'\nimport { useConfig } from '../../../../../providers/Config/index.js'\nimport { useTranslation } from '../../../../../providers/Translation/index.js'\nimport { formatDate } from '../../../../../utilities/formatDocTitle/formatDateTitle.js'\nimport './index.css'\n\nconst baseClass = 'date-diff'\n\nexport const DateDiffComponent: React.FC<DateFieldDiffClientProps> = ({\n  field,\n  locale,\n  nestingLevel,\n  valueFrom,\n  valueTo,\n}) => {\n  const { i18n } = useTranslation()\n  const {\n    config: {\n      admin: { dateFormat },\n    },\n  } = useConfig()\n\n  const formattedFromDate = valueFrom\n    ? formatDate({\n        date: typeof valueFrom === 'string' ? new Date(valueFrom) : (valueFrom as Date),\n        i18n,\n        pattern: dateFormat,\n      })\n    : ''\n\n  const formattedToDate = valueTo\n    ? formatDate({\n        date: typeof valueTo === 'string' ? new Date(valueTo) : (valueTo as Date),\n        i18n,\n        pattern: dateFormat,\n      })\n    : ''\n\n  const escapedFromDate = escapeDiffHTML(formattedFromDate)\n  const escapedToDate = escapeDiffHTML(formattedToDate)\n\n  const { From, To } = getHTMLDiffComponents({\n    fromHTML:\n      `<div class=\"${baseClass}\" data-enable-match=\"true\" data-date=\"${escapedFromDate}\"><p>` +\n      escapedFromDate +\n      '</p></div>',\n    postProcess: unescapeDiffHTML,\n    toHTML:\n      `<div class=\"${baseClass}\" data-enable-match=\"true\" data-date=\"${escapedToDate}\"><p>` +\n      escapedToDate +\n      '</p></div>',\n    tokenizeByCharacter: false,\n  })\n\n  return (\n    <FieldDiffContainer\n      className={baseClass}\n      From={From}\n      i18n={i18n}\n      label={{\n        label: field.label,\n        locale,\n      }}\n      nestingLevel={nestingLevel}\n      To={To}\n    />\n  )\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AAGA,OAAOC,KAAA,MAAW;AAElB,SAASC,kBAAkB,QAAQ;AACnC,SACEC,cAAc,EACdC,qBAAqB,EACrBC,gBAAgB,QACX;AACP,SAASC,SAAS,QAAQ;AAC1B,SAASC,cAAc,QAAQ;AAC/B,SAASC,UAAU,QAAQ;AAC3B,OAAO;AAEP,MAAMC,SAAA,GAAY;AAElB,OAAO,MAAMC,iBAAA,GAAwDC,EAAA;EAAA,MAAAC,CAAA,GAAAZ,EAAA;EAAC;IAAAa,KAAA;IAAAC,MAAA;IAAAC,YAAA;IAAAC,SAAA;IAAAC;EAAA,IAAAN,EAMrE;EACC;IAAAO;EAAA,IAAiBX,cAAA;EACjB;IAAAY,MAAA,EAAAC;EAAA,IAIId,SAAA;EAHM;IAAAe,KAAA,EAAAC;EAAA,IAAAF,EAEP;EADQ;IAAAG;EAAA,IAAAD,EAAc;EAIzB,MAAAE,iBAAA,GAA0BR,SAAA,GACtBR,UAAA;IAAAiB,IAAA,EACQ,OAAOT,SAAA,KAAc,eAAAU,IAAA,CAAoBV,SAAA,IAAcA,SAAA;IAAAE,IAAA;IAAAS,OAAA,EAEpDJ;EAAA,CACX,IACA;EAEJ,MAAAK,eAAA,GAAwBX,OAAA,GACpBT,UAAA;IAAAiB,IAAA,EACQ,OAAOR,OAAA,KAAY,eAAAS,IAAA,CAAoBT,OAAA,IAAYA,OAAA;IAAAC,IAAA;IAAAS,OAAA,EAEhDJ;EAAA,CACX,IACA;EAEJ,MAAAM,eAAA,GAAwB1B,cAAA,CAAeqB,iBAAA;EACvC,MAAAM,aAAA,GAAsB3B,cAAA,CAAeyB,eAAA;EAIjC,MAAAG,EAAA,kBAAAtB,SAAA,yCAAiEoB,eAAA,OAAsB,GACvFA,eAAA,GACA;EAGA,MAAAG,EAAA,kBAAAvB,SAAA,yCAAiEqB,aAAA,OAAoB,GACrFA,aAAA,GACA;EAAA,IAAAG,EAAA;EAAA,IAAArB,CAAA,QAAAC,KAAA,CAAAqB,KAAA,IAAAtB,CAAA,QAAAM,IAAA,IAAAN,CAAA,QAAAE,MAAA,IAAAF,CAAA,QAAAG,YAAA,IAAAH,CAAA,QAAAmB,EAAA,IAAAnB,CAAA,QAAAoB,EAAA;IATJ;MAAAG,IAAA;MAAAC;IAAA,IAAqBhC,qBAAA;MAAAiC,QAAA,EAEjBN,EAEA;MAAAO,WAAA,EAAAjC,gBAAA;MAAAkC,MAAA,EAGAP,EAEA;MAAAQ,mBAAA;IAAA,CAEJ;IAGEP,EAAA,GAAAQ,IAAA,CAAAvC,kBAAA;MAAAwC,SAAA,EAAAjC,SAAA;MAAA0B,IAAA;MAAAjB,IAAA;MAAAgB,KAAA;QAAAA,KAAA,EAKWrB,KAAA,CAAAqB,KAAA;QAAApB;MAAA;MAAAC,YAAA;MAAAqB;IAAA,C;;;;;;;;;;;SALXH,E;CAYJ","ignoreList":[]}
+{"version":3,"file":"index.js","names":["c","_c","React","FieldDiffContainer","escapeDiffHTML","getHTMLDiffComponents","unescapeDiffHTML","useConfig","useTranslation","formatDate","baseClass","DateDiffComponent","t0","$","field","locale","nestingLevel","valueFrom","valueTo","i18n","config","t1","admin","t2","dateFormat","escapedFromDate","t3","formattedFromDate","date","Date","pattern","formattedToDate","escapedToDate","t4","label","From","To","fromHTML","postProcess","toHTML","tokenizeByCharacter","_jsx","className"],"sources":["../../../../../../src/views/Version/RenderFieldsToDiff/fields/Date/index.tsx"],"sourcesContent":["'use client'\nimport type { DateFieldDiffClientProps } from 'payload'\n\nimport React from 'react'\n\nimport { FieldDiffContainer } from '../../../../../elements/FieldDiffContainer/index.js'\nimport {\n  escapeDiffHTML,\n  getHTMLDiffComponents,\n  unescapeDiffHTML,\n} from '../../../../../elements/HTMLDiff/index.js'\nimport { useConfig } from '../../../../../providers/Config/index.js'\nimport { useTranslation } from '../../../../../providers/Translation/index.js'\nimport { formatDate } from '../../../../../utilities/formatDocTitle/formatDateTitle.js'\nimport './index.css'\n\nconst baseClass = 'date-diff'\n\nexport const DateDiffComponent: React.FC<DateFieldDiffClientProps> = ({\n  field,\n  locale,\n  nestingLevel,\n  valueFrom,\n  valueTo,\n}) => {\n  const { i18n } = useTranslation()\n  const {\n    config: {\n      admin: { dateFormat },\n    },\n  } = useConfig()\n\n  const formattedFromDate = valueFrom\n    ? formatDate({\n        date: typeof valueFrom === 'string' ? new Date(valueFrom) : (valueFrom as Date),\n        i18n,\n        pattern: dateFormat,\n      })\n    : ''\n\n  const formattedToDate = valueTo\n    ? formatDate({\n        date: typeof valueTo === 'string' ? new Date(valueTo) : (valueTo as Date),\n        i18n,\n        pattern: dateFormat,\n      })\n    : ''\n\n  const escapedFromDate = escapeDiffHTML(formattedFromDate)\n  const escapedToDate = escapeDiffHTML(formattedToDate)\n\n  const { From, To } = getHTMLDiffComponents({\n    fromHTML:\n      `<div class=\"${baseClass}\" data-enable-match=\"true\" data-date=\"${escapedFromDate}\"><p>` +\n      escapedFromDate +\n      '</p></div>',\n    postProcess: unescapeDiffHTML,\n    toHTML:\n      `<div class=\"${baseClass}\" data-enable-match=\"true\" data-date=\"${escapedToDate}\"><p>` +\n      escapedToDate +\n      '</p></div>',\n    tokenizeByCharacter: false,\n  })\n\n  return (\n    <FieldDiffContainer\n      className={baseClass}\n      From={From}\n      i18n={i18n}\n      label={{\n        label: field.label,\n        locale,\n      }}\n      nestingLevel={nestingLevel}\n      To={To}\n    />\n  )\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AAGA,OAAOC,KAAA,MAAW;AAElB,SAASC,kBAAkB,QAAQ;AACnC,SACEC,cAAc,EACdC,qBAAqB,EACrBC,gBAAgB,QACX;AACP,SAASC,SAAS,QAAQ;AAC1B,SAASC,cAAc,QAAQ;AAC/B,SAASC,UAAU,QAAQ;AAC3B,OAAO;AAEP,MAAMC,SAAA,GAAY;AAElB,OAAO,MAAMC,iBAAA,GAAwDC,EAAA;EAAA,MAAAC,CAAA,GAAAZ,EAAA;EAAC;IAAAa,KAAA;IAAAC,MAAA;IAAAC,YAAA;IAAAC,SAAA;IAAAC;EAAA,IAAAN,EAMrE;EACC;IAAAO;EAAA,IAAiBX,cAAA;EACjB;IAAAY,MAAA,EAAAC;EAAA,IAIId,SAAA;EAHM;IAAAe,KAAA,EAAAC;EAAA,IAAAF,EAEP;EADQ;IAAAG;EAAA,IAAAD,EAAc;EAAA,IAAAE,eAAA;EAAA,IAAAC,EAAA;EAAA,IAAAb,CAAA,QAAAW,UAAA,IAAAX,CAAA,QAAAM,IAAA,IAAAN,CAAA,QAAAI,SAAA,IAAAJ,CAAA,QAAAK,OAAA;IAIzB,MAAAS,iBAAA,GAA0BV,SAAA,GACtBR,UAAA,CAAW;MAAAmB,IAAA,EACH,OAAOX,SAAA,KAAc,QAAkC,GAAvD,IAAoCY,IAAA,CAAKZ,SAAc,IAAvDA,SAAuD;MAAAE,IAAA;MAAAW,OAAA,EAEpDN;IACX,CACA,IANsB,EAMtB;IAEJ,MAAAO,eAAA,GAAwBb,OAAA,GACpBT,UAAA,CAAW;MAAAmB,IAAA,EACH,OAAOV,OAAA,KAAY,QAAgC,GAAnD,IAAkCW,IAAA,CAAKX,OAAY,IAAnDA,OAAmD;MAAAC,IAAA;MAAAW,OAAA,EAEhDN;IACX,CACA,IANoB,EAMpB;IAEJC,eAAA,GAAwBrB,cAAA,CAAeuB,iBAAA;IACjBD,EAAA,GAAAtB,cAAA,CAAe2B,eAAA;IAAAlB,CAAA,MAAAW,UAAA;IAAAX,CAAA,MAAAM,IAAA;IAAAN,CAAA,MAAAI,SAAA;IAAAJ,CAAA,MAAAK,OAAA;IAAAL,CAAA,MAAAY,eAAA;IAAAZ,CAAA,MAAAa,EAAA;EAAA;IAAAD,eAAA,GAAAZ,CAAA;IAAAa,EAAA,GAAAb,CAAA;EAAA;EAArC,MAAAmB,aAAA,GAAsBN,EAAe;EAAA,IAAAO,EAAA;EAAA,IAAApB,CAAA,QAAAY,eAAA,IAAAZ,CAAA,QAAAmB,aAAA,IAAAnB,CAAA,QAAAC,KAAA,CAAAoB,KAAA,IAAArB,CAAA,QAAAM,IAAA,IAAAN,CAAA,SAAAE,MAAA,IAAAF,CAAA,SAAAG,YAAA;IAErC;MAAAmB,IAAA;MAAAC;IAAA,IAAqB/B,qBAAA,CAAsB;MAAAgC,QAAA,EAEvC,eAAe3B,SAAA,yCAAkDe,eAAA,OAAsB,GACvFA,eAAA,GACA;MAAAa,WAAA,EACWhC,gBAAA;MAAAiC,MAAA,EAEX,eAAe7B,SAAA,yCAAkDsB,aAAA,OAAoB,GACrFA,aAAA,GACA;MAAAQ,mBAAA,EACmB;IACvB;IAGEP,EAAA,GAAAQ,IAAA,CAACtC,kBAAA;MAAAuC,SAAA,EACYhC,SAAA;MAAAyB,IAAA;MAAAhB,IAAA;MAAAe,KAAA,EAGJ;QAAAA,KAAA,EACEpB,KAAA,CAAAoB,KAAW;QAAAnB;MAEpB;MAAAC,YAAA;MAAAoB;;;;;;;;;;;;SAPFH,E;CAYJ","ignoreList":[]}

package/dist/views/Version/RenderFieldsToDiff/fields/Group/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["c","_c","getTranslation","React","useTranslation","useSelectedLocales","DiffCollapser","RenderVersionFieldsToDiff","baseClass","Group","t0","$","baseVersionField","field","locale","parentIsLocalized","valueFrom","valueTo","i18n","selectedLocales","t1","fields","_jsx","className","children","Label","label","_jsxs","t","localized","versionFields"],"sources":["../../../../../../src/views/Version/RenderFieldsToDiff/fields/Group/index.tsx"],"sourcesContent":["'use client'\nimport type { GroupFieldDiffClientProps } from 'payload'\n\nimport { getTranslation } from '@payloadcms/translations'\n\nimport './index.css'\n\nimport React from 'react'\n\nimport { useTranslation } from '../../../../../providers/Translation/index.js'\nimport { useSelectedLocales } from '../../../Default/SelectedLocalesContext.js'\nimport { DiffCollapser } from '../../DiffCollapser/index.js'\nimport { RenderVersionFieldsToDiff } from '../../RenderVersionFieldsToDiff.js'\n\nconst baseClass = 'group-diff'\n\nexport const Group: React.FC<GroupFieldDiffClientProps> = ({\n  baseVersionField,\n  field,\n  locale,\n  parentIsLocalized,\n  valueFrom,\n  valueTo,\n}) => {\n  const { i18n } = useTranslation()\n  const { selectedLocales } = useSelectedLocales()\n\n  return (\n    <div className={baseClass}>\n      <DiffCollapser\n        fields={field.fields}\n        Label={\n          'label' in field && field.label && typeof field.label !== 'function' ? (\n            <span>\n              {locale && <span className={`${baseClass}__locale-label`}>{locale}</span>}\n              {getTranslation(field.label, i18n)}\n            </span>\n          ) : (\n            <span className={`${baseClass}__locale-label ${baseClass}__locale-label--no-label`}>\n              &lt;{i18n.t('version:noLabelGroup')}&gt;\n            </span>\n          )\n        }\n        locales={selectedLocales}\n        parentIsLocalized={parentIsLocalized || field.localized}\n        valueFrom={valueFrom}\n        valueTo={valueTo}\n      >\n        <RenderVersionFieldsToDiff versionFields={baseVersionField.fields} />\n      </DiffCollapser>\n    </div>\n  )\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AAGA,SAASC,cAAc,QAAQ;AAE/B,OAAO;AAEP,OAAOC,KAAA,MAAW;AAElB,SAASC,cAAc,QAAQ;AAC/B,SAASC,kBAAkB,QAAQ;AACnC,SAASC,aAAa,QAAQ;AAC9B,SAASC,yBAAyB,QAAQ;AAE1C,MAAMC,SAAA,GAAY;AAElB,OAAO,MAAMC,KAAA,GAA6CC,EAAA;EAAA,MAAAC,CAAA,GAAAV,EAAA;EAAC;IAAAW,gBAAA;IAAAC,KAAA;IAAAC,MAAA;IAAAC,iBAAA;IAAAC,SAAA;IAAAC;EAAA,IAAAP,EAO1D;EACC;IAAAQ;EAAA,IAAiBd,cAAA;EACjB;IAAAe;EAAA,IAA4Bd,kBAAA;EAAA,IAAAe,EAAA;EAAA,IAAAT,CAAA,QAAAC,gBAAA,CAAAS,MAAA,IAAAV,CAAA,QAAAE,KAAA,IAAAF,CAAA,QAAAO,IAAA,IAAAP,CAAA,QAAAG,MAAA,IAAAH,CAAA,QAAAI,iBAAA,IAAAJ,CAAA,QAAAQ,eAAA,IAAAR,CAAA,QAAAK,SAAA,IAAAL,CAAA,QAAAM,OAAA;IAG1BG,EAAA,GAAAE,IAAA,CAAC;MAAAC,SAAA,EAAAf,SAAA;MAAAgB,QAAA,EACCF,IAAA,CAAAhB,aAAA;QAAAe,MAAA,EACUR,KAAA,CAAAQ,MAAA;QAAAI,KAAA,EAEN,WAAWZ,KAAA,IAASA,KAAA,CAAAa,KAAW,IAAI,OAAOb,KAAA,CAAAa,KAAA,KAAgB,aACxDC,KAAA,CAAC;UAAAH,QAAA,GACEV,MAAA,IAAUQ,IAAA,CAAC;YAAAC,SAAA,EAAgB,GAAAf,SAAA,gBAA4B;YAAAgB,QAAA,EAAGV;UAAA,C,GAC1DZ,cAAA,CAAeW,KAAA,CAAAa,KAAA,EAAaR,IAAA;QAAA,C,IAG/BS,KAAA,CAAC;UAAAJ,SAAA,EAAgB,GAAAf,SAAA,kBAAAA,SAAA,0BAAiE;UAAAgB,QAAA,GAAE,KAC7EN,IAAA,CAAAU,CAAA,CAAO,yBAAwB;QAAA,C;iBAIjCT,eAAA;QAAAJ,iBAAA,EACUA,iBAAA,IAAqBF,KAAA,CAAAgB,SAAe;QAAAb,SAAA;QAAAC,OAAA;QAAAO,QAAA,EAIvDF,IAAA,CAAAf,yBAAA;UAAAuB,aAAA,EAA0ClB,gBAAA,CAAAS;QAAA,C;;;;;;;;;;;;;;;SApB9CD,E;CAwBJ","ignoreList":[]}
+{"version":3,"file":"index.js","names":["c","_c","getTranslation","React","useTranslation","useSelectedLocales","DiffCollapser","RenderVersionFieldsToDiff","baseClass","Group","t0","$","baseVersionField","field","locale","parentIsLocalized","valueFrom","valueTo","i18n","selectedLocales","t1","fields","_jsx","className","children","Label","label","_jsxs","t","localized","versionFields"],"sources":["../../../../../../src/views/Version/RenderFieldsToDiff/fields/Group/index.tsx"],"sourcesContent":["'use client'\nimport type { GroupFieldDiffClientProps } from 'payload'\n\nimport { getTranslation } from '@payloadcms/translations'\n\nimport './index.css'\n\nimport React from 'react'\n\nimport { useTranslation } from '../../../../../providers/Translation/index.js'\nimport { useSelectedLocales } from '../../../Default/SelectedLocalesContext.js'\nimport { DiffCollapser } from '../../DiffCollapser/index.js'\nimport { RenderVersionFieldsToDiff } from '../../RenderVersionFieldsToDiff.js'\n\nconst baseClass = 'group-diff'\n\nexport const Group: React.FC<GroupFieldDiffClientProps> = ({\n  baseVersionField,\n  field,\n  locale,\n  parentIsLocalized,\n  valueFrom,\n  valueTo,\n}) => {\n  const { i18n } = useTranslation()\n  const { selectedLocales } = useSelectedLocales()\n\n  return (\n    <div className={baseClass}>\n      <DiffCollapser\n        fields={field.fields}\n        Label={\n          'label' in field && field.label && typeof field.label !== 'function' ? (\n            <span>\n              {locale && <span className={`${baseClass}__locale-label`}>{locale}</span>}\n              {getTranslation(field.label, i18n)}\n            </span>\n          ) : (\n            <span className={`${baseClass}__locale-label ${baseClass}__locale-label--no-label`}>\n              &lt;{i18n.t('version:noLabelGroup')}&gt;\n            </span>\n          )\n        }\n        locales={selectedLocales}\n        parentIsLocalized={parentIsLocalized || field.localized}\n        valueFrom={valueFrom}\n        valueTo={valueTo}\n      >\n        <RenderVersionFieldsToDiff versionFields={baseVersionField.fields} />\n      </DiffCollapser>\n    </div>\n  )\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AAGA,SAASC,cAAc,QAAQ;AAE/B,OAAO;AAEP,OAAOC,KAAA,MAAW;AAElB,SAASC,cAAc,QAAQ;AAC/B,SAASC,kBAAkB,QAAQ;AACnC,SAASC,aAAa,QAAQ;AAC9B,SAASC,yBAAyB,QAAQ;AAE1C,MAAMC,SAAA,GAAY;AAElB,OAAO,MAAMC,KAAA,GAA6CC,EAAA;EAAA,MAAAC,CAAA,GAAAV,EAAA;EAAC;IAAAW,gBAAA;IAAAC,KAAA;IAAAC,MAAA;IAAAC,iBAAA;IAAAC,SAAA;IAAAC;EAAA,IAAAP,EAO1D;EACC;IAAAQ;EAAA,IAAiBd,cAAA;EACjB;IAAAe;EAAA,IAA4Bd,kBAAA;EAAA,IAAAe,EAAA;EAAA,IAAAT,CAAA,QAAAC,gBAAA,CAAAS,MAAA,IAAAV,CAAA,QAAAE,KAAA,IAAAF,CAAA,QAAAO,IAAA,IAAAP,CAAA,QAAAG,MAAA,IAAAH,CAAA,QAAAI,iBAAA,IAAAJ,CAAA,QAAAQ,eAAA,IAAAR,CAAA,QAAAK,SAAA,IAAAL,CAAA,QAAAM,OAAA;IAG1BG,EAAA,GAAAE,IAAA,CAAC;MAAAC,SAAA,EAAef,SAAA;MAAAgB,QAAA,EACdF,IAAA,CAAChB,aAAA;QAAAe,MAAA,EACSR,KAAA,CAAAQ,MAAY;QAAAI,KAAA,EAElB,WAAWZ,KAAoB,IAAXA,KAAA,CAAAa,KAAsC,IAAvB,OAAOb,KAAA,CAAAa,KAAW,KAAK,U,GACxDC,KAAA,CAAC;UAAAH,QAAA,E,CACEV,M,IAAUQ,IAAA,CAAC;YAAAC,SAAA,EAAgB,GAAGf,SAAA,gBAAyB;YAAAgB,QAAA,EAAGV;cAC1DZ,cAAA,CAAeW,KAAA,CAAAa,KAAW,EAAER,IAAA;aAG/BS,KAAA,CAAC;UAAAJ,SAAA,EAAgB,GAAGf,SAAA,kBAA2BA,SAAA,0BAAmC;UAAAgB,QAAA,E,CAAE,KAC7EN,IAAA,CAAAU,CAAM,CAAC,yBAAwB;;iBAIjCT,eAAA;QAAAJ,iBAAA,EACUA,iBAAoC,IAAfF,KAAA,CAAAgB,SAAe;QAAAb,SAAA;QAAAC,OAAA;QAAAO,QAAA,EAIvDF,IAAA,CAACf,yBAAA;UAAAuB,aAAA,EAAyClB,gBAAA,CAAAS;;;;;;;;;;;;;;;;SApB9CD,E;CAwBJ","ignoreList":[]}

package/dist/views/Version/RenderFieldsToDiff/fields/Iterable/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["c","_c","getTranslation","fieldIsArrayType","fieldIsBlockType","React","useConfig","useTranslation","useSelectedLocales","DiffCollapser","RenderVersionFieldsToDiff","countChangedFieldsInRows","getFieldsForRowComparison","baseClass","Iterable","t0","$","baseVersionField","field","locale","parentIsLocalized","valueFrom","valueTo","i18n","t","selectedLocales","config","Error","type","valueToRowCount","Array","isArray","length","valueFromRowCount","maxRows","Math","max","t1","_jsx","className","children","_jsxs","isIterable","Label","label","from","_","i","valueToRow","valueFromRow","fields","versionFields","row","changeCount","locales","localized","valueFromRows","valueToRows","rowNumber","String","padStart","rowLabel","hideGutter","labels","plural"],"sources":["../../../../../../src/views/Version/RenderFieldsToDiff/fields/Iterable/index.tsx"],"sourcesContent":["'use client'\n\nimport type { FieldDiffClientProps } from 'payload'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport { fieldIsArrayType, fieldIsBlockType } from 'payload/shared'\nimport React from 'react'\n\nimport './index.css'\nimport { useConfig } from '../../../../../providers/Config/index.js'\nimport { useTranslation } from '../../../../../providers/Translation/index.js'\nimport { useSelectedLocales } from '../../../Default/SelectedLocalesContext.js'\nimport { DiffCollapser } from '../../DiffCollapser/index.js'\nimport { RenderVersionFieldsToDiff } from '../../RenderVersionFieldsToDiff.js'\nimport { countChangedFieldsInRows } from '../../utilities/countChangedFields.js'\nimport { getFieldsForRowComparison } from '../../utilities/getFieldsForRowComparison.js'\n\nconst baseClass = 'iterable-diff'\n\nexport const Iterable: React.FC<FieldDiffClientProps> = ({\n  baseVersionField,\n  field,\n  locale,\n  parentIsLocalized,\n  valueFrom,\n  valueTo,\n}) => {\n  const { i18n, t } = useTranslation()\n  const { selectedLocales } = useSelectedLocales()\n  const { config } = useConfig()\n\n  if (!fieldIsArrayType(field) && !fieldIsBlockType(field)) {\n    throw new Error(`Expected field to be an array or blocks type but got: ${field.type}`)\n  }\n\n  const valueToRowCount = Array.isArray(valueTo) ? valueTo.length : 0\n  const valueFromRowCount = Array.isArray(valueFrom) ? valueFrom.length : 0\n  const maxRows = Math.max(valueToRowCount, valueFromRowCount)\n\n  return (\n    <div className={baseClass}>\n      <DiffCollapser\n        field={field}\n        isIterable\n        Label={\n          'label' in field &&\n          field.label &&\n          typeof field.label !== 'function' && (\n            <span>\n              {locale && <span className={`${baseClass}__locale-label`}>{locale}</span>}\n              {getTranslation(field.label, i18n)}\n            </span>\n          )\n        }\n        locales={selectedLocales}\n        parentIsLocalized={parentIsLocalized}\n        valueFrom={valueFrom}\n        valueTo={valueTo}\n      >\n        {maxRows > 0 && (\n          <div className={`${baseClass}__rows`}>\n            {Array.from({ length: maxRows }, (_, i) => {\n              const valueToRow = valueTo?.[i] || {}\n              const valueFromRow = valueFrom?.[i] || {}\n\n              const { fields, versionFields } = getFieldsForRowComparison({\n                baseVersionField,\n                config,\n                field,\n                row: i,\n                valueFromRow,\n                valueToRow,\n              })\n              const changeCount = countChangedFieldsInRows({\n                config,\n                field,\n                locales: selectedLocales,\n                parentIsLocalized: parentIsLocalized || field.localized,\n                valueFromRows: [valueFromRow],\n                valueToRows: [valueToRow],\n              })\n\n              if (!versionFields?.length) {\n                // Rows without a diff create \"holes\" in the baseVersionField.rows (=versionFields) array - this is to maintain the correct row indexes.\n                // It does mean that this row has no diff and should not be rendered => skip it.\n                return null\n              }\n\n              const rowNumber = String(i + 1).padStart(2, '0')\n              const rowLabel = fieldIsArrayType(field)\n                ? `${t('general:item')} ${rowNumber}`\n                : `${t('fields:block')} ${rowNumber}`\n\n              return (\n                <div className={`${baseClass}__row`} key={i}>\n                  <DiffCollapser\n                    changeCount={changeCount}\n                    fields={fields}\n                    hideGutter={true}\n                    Label={\n                      <div className={`${baseClass}-label-container`}>\n                        <div className={`${baseClass}-label-prefix`}></div>\n                        <span className={`${baseClass}__label`}>{rowLabel}</span>\n                      </div>\n                    }\n                    locales={selectedLocales}\n                    parentIsLocalized={parentIsLocalized || field.localized}\n                    valueFrom={valueFromRow}\n                    valueTo={valueToRow}\n                  >\n                    <RenderVersionFieldsToDiff versionFields={versionFields} />\n                  </DiffCollapser>\n                </div>\n              )\n            })}\n          </div>\n        )}\n        {maxRows === 0 && (\n          <div className={`${baseClass}__no-rows`}>\n            {i18n.t('version:noRowsFound', {\n              label:\n                'labels' in field && field.labels?.plural\n                  ? getTranslation(field.labels.plural, i18n)\n                  : i18n.t('general:rows'),\n            })}\n          </div>\n        )}\n      </DiffCollapser>\n    </div>\n  )\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["c","_c","getTranslation","fieldIsArrayType","fieldIsBlockType","React","useConfig","useTranslation","useSelectedLocales","DiffCollapser","RenderVersionFieldsToDiff","countChangedFieldsInRows","getFieldsForRowComparison","baseClass","Iterable","t0","$","baseVersionField","field","locale","parentIsLocalized","valueFrom","valueTo","i18n","t","selectedLocales","config","Error","type","valueToRowCount","Array","isArray","length","valueFromRowCount","maxRows","Math","max","t1","_jsx","className","children","_jsxs","isIterable","Label","label","from","_","i","valueToRow","valueFromRow","fields","versionFields","row","changeCount","locales","localized","valueFromRows","valueToRows","rowNumber","String","padStart","rowLabel","hideGutter","labels","plural"],"sources":["../../../../../../src/views/Version/RenderFieldsToDiff/fields/Iterable/index.tsx"],"sourcesContent":["'use client'\n\nimport type { FieldDiffClientProps } from 'payload'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport { fieldIsArrayType, fieldIsBlockType } from 'payload/shared'\nimport React from 'react'\n\nimport './index.css'\nimport { useConfig } from '../../../../../providers/Config/index.js'\nimport { useTranslation } from '../../../../../providers/Translation/index.js'\nimport { useSelectedLocales } from '../../../Default/SelectedLocalesContext.js'\nimport { DiffCollapser } from '../../DiffCollapser/index.js'\nimport { RenderVersionFieldsToDiff } from '../../RenderVersionFieldsToDiff.js'\nimport { countChangedFieldsInRows } from '../../utilities/countChangedFields.js'\nimport { getFieldsForRowComparison } from '../../utilities/getFieldsForRowComparison.js'\n\nconst baseClass = 'iterable-diff'\n\nexport const Iterable: React.FC<FieldDiffClientProps> = ({\n  baseVersionField,\n  field,\n  locale,\n  parentIsLocalized,\n  valueFrom,\n  valueTo,\n}) => {\n  const { i18n, t } = useTranslation()\n  const { selectedLocales } = useSelectedLocales()\n  const { config } = useConfig()\n\n  if (!fieldIsArrayType(field) && !fieldIsBlockType(field)) {\n    throw new Error(`Expected field to be an array or blocks type but got: ${field.type}`)\n  }\n\n  const valueToRowCount = Array.isArray(valueTo) ? valueTo.length : 0\n  const valueFromRowCount = Array.isArray(valueFrom) ? valueFrom.length : 0\n  const maxRows = Math.max(valueToRowCount, valueFromRowCount)\n\n  return (\n    <div className={baseClass}>\n      <DiffCollapser\n        field={field}\n        isIterable\n        Label={\n          'label' in field &&\n          field.label &&\n          typeof field.label !== 'function' && (\n            <span>\n              {locale && <span className={`${baseClass}__locale-label`}>{locale}</span>}\n              {getTranslation(field.label, i18n)}\n            </span>\n          )\n        }\n        locales={selectedLocales}\n        parentIsLocalized={parentIsLocalized}\n        valueFrom={valueFrom}\n        valueTo={valueTo}\n      >\n        {maxRows > 0 && (\n          <div className={`${baseClass}__rows`}>\n            {Array.from({ length: maxRows }, (_, i) => {\n              const valueToRow = valueTo?.[i] || {}\n              const valueFromRow = valueFrom?.[i] || {}\n\n              const { fields, versionFields } = getFieldsForRowComparison({\n                baseVersionField,\n                config,\n                field,\n                row: i,\n                valueFromRow,\n                valueToRow,\n              })\n              const changeCount = countChangedFieldsInRows({\n                config,\n                field,\n                locales: selectedLocales,\n                parentIsLocalized: parentIsLocalized || field.localized,\n                valueFromRows: [valueFromRow],\n                valueToRows: [valueToRow],\n              })\n\n              if (!versionFields?.length) {\n                // Rows without a diff create \"holes\" in the baseVersionField.rows (=versionFields) array - this is to maintain the correct row indexes.\n                // It does mean that this row has no diff and should not be rendered => skip it.\n                return null\n              }\n\n              const rowNumber = String(i + 1).padStart(2, '0')\n              const rowLabel = fieldIsArrayType(field)\n                ? `${t('general:item')} ${rowNumber}`\n                : `${t('fields:block')} ${rowNumber}`\n\n              return (\n                <div className={`${baseClass}__row`} key={i}>\n                  <DiffCollapser\n                    changeCount={changeCount}\n                    fields={fields}\n                    hideGutter={true}\n                    Label={\n                      <div className={`${baseClass}-label-container`}>\n                        <div className={`${baseClass}-label-prefix`}></div>\n                        <span className={`${baseClass}__label`}>{rowLabel}</span>\n                      </div>\n                    }\n                    locales={selectedLocales}\n                    parentIsLocalized={parentIsLocalized || field.localized}\n                    valueFrom={valueFromRow}\n                    valueTo={valueToRow}\n                  >\n                    <RenderVersionFieldsToDiff versionFields={versionFields} />\n                  </DiffCollapser>\n                </div>\n              )\n            })}\n          </div>\n        )}\n        {maxRows === 0 && (\n          <div className={`${baseClass}__no-rows`}>\n            {i18n.t('version:noRowsFound', {\n              label:\n                'labels' in field && field.labels?.plural\n                  ? getTranslation(field.labels.plural, i18n)\n                  : i18n.t('general:rows'),\n            })}\n          </div>\n        )}\n      </DiffCollapser>\n    </div>\n  )\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/views/Version/RenderFieldsToDiff/fields/Select/index.js

@@ -38,7 +38,7 @@ const getTranslatedOptions = (options, i18n) => {
   return typeof translatedLabel === 'string' ? translatedLabel : options.value;
 };
 export const Select = t0 => {
-  const $ = _c(7);
+  const $ = _c(9);
   const {
     field,
     locale,
@@ -50,22 +50,20 @@ export const Select = t0 => {
     i18n
   } = useTranslation();
   const options = "options" in field && field.options;
-  const renderedValueFrom = typeof valueFrom !== "undefined" ? getTranslatedOptions(getOptionsToRender(typeof valueFrom === "string" ? valueFrom : JSON.stringify(valueFrom), options, field.hasMany), i18n) : "";
-  const renderedValueTo = typeof valueTo !== "undefined" ? getTranslatedOptions(getOptionsToRender(typeof valueTo === "string" ? valueTo : JSON.stringify(valueTo), options, field.hasMany), i18n) : "";
-  const t1 = "<p>" + escapeDiffHTML(renderedValueFrom) + "</p>";
-  const t2 = "<p>" + escapeDiffHTML(renderedValueTo) + "</p>";
-  let t3;
-  if ($[0] !== field.label || $[1] !== i18n || $[2] !== locale || $[3] !== nestingLevel || $[4] !== t1 || $[5] !== t2) {
+  let t1;
+  if ($[0] !== field.hasMany || $[1] !== field.label || $[2] !== i18n || $[3] !== locale || $[4] !== nestingLevel || $[5] !== options || $[6] !== valueFrom || $[7] !== valueTo) {
+    const renderedValueFrom = typeof valueFrom !== "undefined" ? getTranslatedOptions(getOptionsToRender(typeof valueFrom === "string" ? valueFrom : JSON.stringify(valueFrom), options, field.hasMany), i18n) : "";
+    const renderedValueTo = typeof valueTo !== "undefined" ? getTranslatedOptions(getOptionsToRender(typeof valueTo === "string" ? valueTo : JSON.stringify(valueTo), options, field.hasMany), i18n) : "";
     const {
       From,
       To
     } = getHTMLDiffComponents({
-      fromHTML: t1,
+      fromHTML: "<p>" + escapeDiffHTML(renderedValueFrom) + "</p>",
       postProcess: unescapeDiffHTML,
-      toHTML: t2,
+      toHTML: "<p>" + escapeDiffHTML(renderedValueTo) + "</p>",
       tokenizeByCharacter: true
     });
-    t3 = _jsx(FieldDiffContainer, {
+    t1 = _jsx(FieldDiffContainer, {
       className: baseClass,
       From,
       i18n,
@@ -76,16 +74,18 @@ export const Select = t0 => {
       nestingLevel,
       To
     });
-    $[0] = field.label;
-    $[1] = i18n;
-    $[2] = locale;
-    $[3] = nestingLevel;
-    $[4] = t1;
-    $[5] = t2;
-    $[6] = t3;
+    $[0] = field.hasMany;
+    $[1] = field.label;
+    $[2] = i18n;
+    $[3] = locale;
+    $[4] = nestingLevel;
+    $[5] = options;
+    $[6] = valueFrom;
+    $[7] = valueTo;
+    $[8] = t1;
   } else {
-    t3 = $[6];
+    t1 = $[8];
   }
-  return t3;
+  return t1;
 };
 //# sourceMappingURL=index.js.map

package/dist/views/Version/RenderFieldsToDiff/fields/Select/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["c","_c","getTranslation","React","FieldDiffContainer","escapeDiffHTML","getHTMLDiffComponents","unescapeDiffHTML","useTranslation","baseClass","getOptionsToRender","value","options","hasMany","Array","isArray","map","val","find","option","String","getTranslatedOptions","i18n","translatedLabel","label","join","Select","t0","$","field","locale","nestingLevel","valueFrom","valueTo","renderedValueFrom","JSON","stringify","renderedValueTo","t1","t2","t3","From","To","fromHTML","postProcess","toHTML","tokenizeByCharacter","_jsx","className"],"sources":["../../../../../../src/views/Version/RenderFieldsToDiff/fields/Select/index.tsx"],"sourcesContent":["'use client'\nimport type { I18nClient } from '@payloadcms/translations'\nimport type { Option, SelectField, SelectFieldDiffClientProps } from 'payload'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport React from 'react'\n\nimport { FieldDiffContainer } from '../../../../../elements/FieldDiffContainer/index.js'\nimport {\n  escapeDiffHTML,\n  getHTMLDiffComponents,\n  unescapeDiffHTML,\n} from '../../../../../elements/HTMLDiff/index.js'\nimport { useTranslation } from '../../../../../providers/Translation/index.js'\nimport './index.css'\n\nconst baseClass = 'select-diff'\n\nconst getOptionsToRender = (\n  value: string,\n  options: SelectField['options'],\n  hasMany: boolean,\n): Option | Option[] => {\n  if (hasMany && Array.isArray(value)) {\n    return value.map(\n      (val) =>\n        options.find((option) => (typeof option === 'string' ? option : option.value) === val) ||\n        String(val),\n    )\n  }\n  return (\n    options.find((option) => (typeof option === 'string' ? option : option.value) === value) ||\n    String(value)\n  )\n}\n\n/**\n * Translates option labels while ensuring they are strings.\n * If `options.label` is a JSX element, it falls back to `options.value` because `DiffViewer`\n * expects all values to be strings.\n */\nconst getTranslatedOptions = (options: Option | Option[], i18n: I18nClient): string => {\n  if (Array.isArray(options)) {\n    return options\n      .map((option) => {\n        if (typeof option === 'string') {\n          return option\n        }\n        const translatedLabel = getTranslation(option.label, i18n)\n\n        // Ensure the result is a string, otherwise use option.value\n        return typeof translatedLabel === 'string' ? translatedLabel : option.value\n      })\n      .join(', ')\n  }\n\n  if (typeof options === 'string') {\n    return options\n  }\n\n  const translatedLabel = getTranslation(options.label, i18n)\n\n  return typeof translatedLabel === 'string' ? translatedLabel : options.value\n}\n\nexport const Select: React.FC<SelectFieldDiffClientProps> = ({\n  field,\n  locale,\n  nestingLevel,\n  valueFrom,\n  valueTo,\n}) => {\n  const { i18n } = useTranslation()\n\n  const options = 'options' in field && field.options\n\n  const renderedValueFrom =\n    typeof valueFrom !== 'undefined'\n      ? getTranslatedOptions(\n          getOptionsToRender(\n            typeof valueFrom === 'string' ? valueFrom : JSON.stringify(valueFrom),\n            options,\n            field.hasMany,\n          ),\n          i18n,\n        )\n      : ''\n\n  const renderedValueTo =\n    typeof valueTo !== 'undefined'\n      ? getTranslatedOptions(\n          getOptionsToRender(\n            typeof valueTo === 'string' ? valueTo : JSON.stringify(valueTo),\n            options,\n            field.hasMany,\n          ),\n          i18n,\n        )\n      : ''\n\n  const { From, To } = getHTMLDiffComponents({\n    fromHTML: '<p>' + escapeDiffHTML(renderedValueFrom) + '</p>',\n    postProcess: unescapeDiffHTML,\n    toHTML: '<p>' + escapeDiffHTML(renderedValueTo) + '</p>',\n    tokenizeByCharacter: true,\n  })\n\n  return (\n    <FieldDiffContainer\n      className={baseClass}\n      From={From}\n      i18n={i18n}\n      label={{\n        label: field.label,\n        locale,\n      }}\n      nestingLevel={nestingLevel}\n      To={To}\n    />\n  )\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["c","_c","getTranslation","React","FieldDiffContainer","escapeDiffHTML","getHTMLDiffComponents","unescapeDiffHTML","useTranslation","baseClass","getOptionsToRender","value","options","hasMany","Array","isArray","map","val","find","option","String","getTranslatedOptions","i18n","translatedLabel","label","join","Select","t0","$","field","locale","nestingLevel","valueFrom","valueTo","t1","renderedValueFrom","JSON","stringify","renderedValueTo","From","To","fromHTML","postProcess","toHTML","tokenizeByCharacter","_jsx","className"],"sources":["../../../../../../src/views/Version/RenderFieldsToDiff/fields/Select/index.tsx"],"sourcesContent":["'use client'\nimport type { I18nClient } from '@payloadcms/translations'\nimport type { Option, SelectField, SelectFieldDiffClientProps } from 'payload'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport React from 'react'\n\nimport { FieldDiffContainer } from '../../../../../elements/FieldDiffContainer/index.js'\nimport {\n  escapeDiffHTML,\n  getHTMLDiffComponents,\n  unescapeDiffHTML,\n} from '../../../../../elements/HTMLDiff/index.js'\nimport { useTranslation } from '../../../../../providers/Translation/index.js'\nimport './index.css'\n\nconst baseClass = 'select-diff'\n\nconst getOptionsToRender = (\n  value: string,\n  options: SelectField['options'],\n  hasMany: boolean,\n): Option | Option[] => {\n  if (hasMany && Array.isArray(value)) {\n    return value.map(\n      (val) =>\n        options.find((option) => (typeof option === 'string' ? option : option.value) === val) ||\n        String(val),\n    )\n  }\n  return (\n    options.find((option) => (typeof option === 'string' ? option : option.value) === value) ||\n    String(value)\n  )\n}\n\n/**\n * Translates option labels while ensuring they are strings.\n * If `options.label` is a JSX element, it falls back to `options.value` because `DiffViewer`\n * expects all values to be strings.\n */\nconst getTranslatedOptions = (options: Option | Option[], i18n: I18nClient): string => {\n  if (Array.isArray(options)) {\n    return options\n      .map((option) => {\n        if (typeof option === 'string') {\n          return option\n        }\n        const translatedLabel = getTranslation(option.label, i18n)\n\n        // Ensure the result is a string, otherwise use option.value\n        return typeof translatedLabel === 'string' ? translatedLabel : option.value\n      })\n      .join(', ')\n  }\n\n  if (typeof options === 'string') {\n    return options\n  }\n\n  const translatedLabel = getTranslation(options.label, i18n)\n\n  return typeof translatedLabel === 'string' ? translatedLabel : options.value\n}\n\nexport const Select: React.FC<SelectFieldDiffClientProps> = ({\n  field,\n  locale,\n  nestingLevel,\n  valueFrom,\n  valueTo,\n}) => {\n  const { i18n } = useTranslation()\n\n  const options = 'options' in field && field.options\n\n  const renderedValueFrom =\n    typeof valueFrom !== 'undefined'\n      ? getTranslatedOptions(\n          getOptionsToRender(\n            typeof valueFrom === 'string' ? valueFrom : JSON.stringify(valueFrom),\n            options,\n            field.hasMany,\n          ),\n          i18n,\n        )\n      : ''\n\n  const renderedValueTo =\n    typeof valueTo !== 'undefined'\n      ? getTranslatedOptions(\n          getOptionsToRender(\n            typeof valueTo === 'string' ? valueTo : JSON.stringify(valueTo),\n            options,\n            field.hasMany,\n          ),\n          i18n,\n        )\n      : ''\n\n  const { From, To } = getHTMLDiffComponents({\n    fromHTML: '<p>' + escapeDiffHTML(renderedValueFrom) + '</p>',\n    postProcess: unescapeDiffHTML,\n    toHTML: '<p>' + escapeDiffHTML(renderedValueTo) + '</p>',\n    tokenizeByCharacter: true,\n  })\n\n  return (\n    <FieldDiffContainer\n      className={baseClass}\n      From={From}\n      i18n={i18n}\n      label={{\n        label: field.label,\n        locale,\n      }}\n      nestingLevel={nestingLevel}\n      To={To}\n    />\n  )\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/views/Version/RenderFieldsToDiff/fields/Tabs/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["c","_c","getTranslation","React","useTranslation","useSelectedLocales","DiffCollapser","RenderVersionFieldsToDiff","baseClass","Tabs","props","$","baseVersionField","field","valueFrom","valueTo","selectedLocales","t0","tabs","t1","tab","i","fields","length","fieldTab","_jsx","className","children","localized","map","locale","index","localizedTabProps","name","Tab","join","namedTabProps","parentIsLocalized","i18n","Label","label","_jsxs","versionFields"],"sources":["../../../../../../src/views/Version/RenderFieldsToDiff/fields/Tabs/index.tsx"],"sourcesContent":["'use client'\nimport type {\n  ClientTab,\n  FieldDiffClientProps,\n  TabsFieldClient,\n  TabsFieldDiffClientProps,\n  VersionTab,\n} from 'payload'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport React from 'react'\n\nimport { useTranslation } from '../../../../../providers/Translation/index.js'\nimport './index.css'\nimport { useSelectedLocales } from '../../../Default/SelectedLocalesContext.js'\nimport { DiffCollapser } from '../../DiffCollapser/index.js'\nimport { RenderVersionFieldsToDiff } from '../../RenderVersionFieldsToDiff.js'\n\nconst baseClass = 'tabs-diff'\n\nexport const Tabs: React.FC<TabsFieldDiffClientProps> = (props) => {\n  const { baseVersionField, field, valueFrom, valueTo } = props\n  const { selectedLocales } = useSelectedLocales()\n\n  return (\n    <div className={baseClass}>\n      {baseVersionField.tabs.map((tab, i) => {\n        if (!tab?.fields?.length) {\n          return null\n        }\n        const fieldTab = field.tabs?.[i]\n        if (!fieldTab) {\n          return null\n        }\n        return (\n          <div className={`${baseClass}__tab`} key={i}>\n            {(() => {\n              if ('name' in fieldTab && selectedLocales && fieldTab.localized) {\n                // Named localized tab\n                return selectedLocales.map((locale, index) => {\n                  const localizedTabProps: TabProps = {\n                    ...props,\n                    fieldTab,\n                    locale,\n                    tab,\n                    valueFrom: valueFrom?.[tab.name]?.[locale],\n                    valueTo: valueTo?.[tab.name]?.[locale],\n                  }\n                  return (\n                    <div className={`${baseClass}__tab-locale`} key={[locale, index].join('-')}>\n                      <div className={`${baseClass}__tab-locale-value`}>\n                        <Tab key={locale} {...localizedTabProps} />\n                      </div>\n                    </div>\n                  )\n                })\n              } else if ('name' in tab && tab.name) {\n                // Named tab\n                const namedTabProps: TabProps = {\n                  ...props,\n                  fieldTab,\n                  tab,\n                  valueFrom: valueFrom?.[tab.name],\n                  valueTo: valueTo?.[tab.name],\n                }\n                return <Tab key={i} {...namedTabProps} />\n              } else {\n                // Unnamed tab\n                return <Tab fieldTab={fieldTab} key={i} {...props} tab={tab} />\n              }\n            })()}\n          </div>\n        )\n      })}\n    </div>\n  )\n}\n\ntype TabProps = {\n  fieldTab: ClientTab\n  tab: VersionTab\n} & FieldDiffClientProps<TabsFieldClient>\n\nconst Tab: React.FC<TabProps> = ({\n  fieldTab,\n  locale,\n  parentIsLocalized,\n  tab,\n  valueFrom,\n  valueTo,\n}) => {\n  const { i18n } = useTranslation()\n  const { selectedLocales } = useSelectedLocales()\n\n  if (!tab.fields?.length) {\n    return null\n  }\n\n  return (\n    <DiffCollapser\n      fields={fieldTab.fields}\n      Label={\n        'label' in tab &&\n        tab.label &&\n        typeof tab.label !== 'function' && (\n          <span>\n            {locale && <span className={`${baseClass}__locale-label`}>{locale}</span>}\n            {getTranslation(tab.label, i18n)}\n          </span>\n        )\n      }\n      locales={selectedLocales}\n      parentIsLocalized={parentIsLocalized || fieldTab.localized}\n      valueFrom={valueFrom}\n      valueTo={valueTo}\n    >\n      <RenderVersionFieldsToDiff versionFields={tab.fields} />\n    </DiffCollapser>\n  )\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AASA,SAASC,cAAc,QAAQ;AAC/B,OAAOC,KAAA,MAAW;AAElB,SAASC,cAAc,QAAQ;AAC/B,OAAO;AACP,SAASC,kBAAkB,QAAQ;AACnC,SAASC,aAAa,QAAQ;AAC9B,SAASC,yBAAyB,QAAQ;AAE1C,MAAMC,SAAA,GAAY;AAElB,OAAO,MAAMC,IAAA,GAA2CC,KAAA;EAAA,MAAAC,CAAA,GAAAV,EAAA;EACtD;IAAAW,gBAAA;IAAAC,KAAA;IAAAC,SAAA;IAAAC;EAAA,IAAwDL,KAAA;EACxD;IAAAM;EAAA,IAA4BX,kBAAA;EAAA,IAAAY,EAAA;EAAA,IAAAN,CAAA,QAAAC,gBAAA,CAAAM,IAAA,IAAAP,CAAA,QAAAE,KAAA,IAAAF,CAAA,QAAAD,KAAA,IAAAC,CAAA,QAAAK,eAAA,IAAAL,CAAA,QAAAG,SAAA,IAAAH,CAAA,QAAAI,OAAA;IAAA,IAAAI,EAAA;IAAA,IAAAR,CAAA,QAAAE,KAAA,IAAAF,CAAA,QAAAD,KAAA,IAAAC,CAAA,QAAAK,eAAA,IAAAL,CAAA,SAAAG,SAAA,IAAAH,CAAA,SAAAI,OAAA;MAIGI,EAAA,GAAAA,CAAAC,GAAA,EAAAC,CAAA;QAAA,KACpBD,GAAA,EAAAE,MAAA,EAAAC,MAAA;UAAA;QAAA;QAGL,MAAAC,QAAA,GAAiBX,KAAA,CAAAK,IAAA,GAAaG,CAAA;QAAE,KAC3BG,QAAA;UAAA;QAAA;QAAA,OAIHC,IAAA,CAAC;UAAAC,SAAA,EAAe,GAAAlB,SAAA,OAAmB;UAAAmB,QAAA,EAChC;YAAA,IACK,UAAUH,QAAA,IAAYR,eAAA,IAAmBQ,QAAA,CAAAI,SAAkB;cAAA,OAEtDZ,eAAA,CAAAa,GAAA,EAAAC,MAAA,EAAAC,KAAA;gBACL,MAAAC,iBAAA;kBAAA,GACKtB,KAAK;kBAAAc,QAAA;kBAAAM,MAAA;kBAAAV,GAAA;kBAAAN,SAAA,EAIGA,SAAA,GAAYM,GAAA,CAAAa,IAAA,IAAYH,MAAA;kBAAAf,OAAA,EAC1BA,OAAA,GAAUK,GAAA,CAAAa,IAAA,IAAYH,MAAA;gBAAA;gBACjC,OAEEL,IAAA,CAAC;kBAAAC,SAAA,EAAe,GAAAlB,SAAA,cAA0B;kBAAAmB,QAAA,EACxCF,IAAA,CAAC;oBAAAC,SAAA,EAAe,GAAAlB,SAAA,oBAAgC;oBAAAmB,QAAA,EAC9CF,IAAA,CAAAS,GAAA;sBAAA,GAAsBF;oBAAiB,GAA7BF,MAAA;kBAAA,C;mBAFmC,CAACA,MAAA,EAAQC,KAAA,EAAAI,IAAA,CAAY;cAAA,CAM1E;YAAA;cAAA,IACS,UAAUf,GAAA,IAAOA,GAAA,CAAAa,IAAQ;gBAElC,MAAAG,aAAA;kBAAA,GACK1B,KAAK;kBAAAc,QAAA;kBAAAJ,GAAA;kBAAAN,SAAA,EAGGA,SAAA,GAAYM,GAAA,CAAAa,IAAA;kBAAAlB,OAAA,EACdA,OAAA,GAAUK,GAAA,CAAAa,IAAA;gBAAA;gBACrB,OACOR,IAAA,CAAAS,GAAA;kBAAA,GAAiBE;gBAAa,GAApBf,CAAA;cAAA;gBAAA,OAGVI,IAAA,CAAAS,GAAA;kBAAAV,QAAA;kBAAA,GAAqCd,KAAK;kBAAAU;gBAAA,GAAZC,CAAA;cAAA;YAAA;UAAA,GAEzC;QAAA,GAnCwCA,CAAA;MAAA;MAsC9CV,CAAA,MAAAE,KAAA;MAAAF,CAAA,MAAAD,KAAA;MAAAC,CAAA,MAAAK,eAAA;MAAAL,CAAA,OAAAG,SAAA;MAAAH,CAAA,OAAAI,OAAA;MAAAJ,CAAA,OAAAQ,EAAA;IAAA;MAAAA,EAAA,GAAAR,CAAA;IAAA;IAhDFM,EAAA,GAAAQ,IAAA,CAAC;MAAAC,SAAA,EAAAlB,SAAA;MAAAmB,QAAA,EACEf,gBAAA,CAAAM,IAAA,CAAAW,GAAA,CAA0BV,EA+C3B;IAAA,C;;;;;;;;;;;SAhDFF,E;CAmDJ;AAOA,MAAMiB,GAAA,GAA0BjB,EAAA;EAAA,MAAAN,CAAA,GAAAV,EAAA;EAAC;IAAAuB,QAAA;IAAAM,MAAA;IAAAO,iBAAA;IAAAjB,GAAA;IAAAN,SAAA;IAAAC;EAAA,IAAAE,EAOhC;EACC;IAAAqB;EAAA,IAAiBlC,cAAA;EACjB;IAAAY;EAAA,IAA4BX,kBAAA;EAAA,KAEvBe,GAAA,CAAAE,MAAA,EAAAC,MAAA;IAAA;EAAA;EAAA,IAAAJ,EAAA;EAAA,IAAAR,CAAA,QAAAa,QAAA,CAAAF,MAAA,IAAAX,CAAA,QAAAa,QAAA,CAAAI,SAAA,IAAAjB,CAAA,QAAA2B,IAAA,IAAA3B,CAAA,QAAAmB,MAAA,IAAAnB,CAAA,QAAA0B,iBAAA,IAAA1B,CAAA,QAAAK,eAAA,IAAAL,CAAA,QAAAS,GAAA,IAAAT,CAAA,QAAAG,SAAA,IAAAH,CAAA,QAAAI,OAAA;IAKHI,EAAA,GAAAM,IAAA,CAAAnB,aAAA;MAAAgB,MAAA,EACUE,QAAA,CAAAF,MAAA;MAAAiB,KAAA,EAEN,WAAWnB,GAAA,IACXA,GAAA,CAAAoB,KAAS,IACT,OAAOpB,GAAA,CAAAoB,KAAA,KAAc,cACnBC,KAAA,CAAC;QAAAd,QAAA,GACEG,MAAA,IAAUL,IAAA,CAAC;UAAAC,SAAA,EAAgB,GAAAlB,SAAA,gBAA4B;UAAAmB,QAAA,EAAGG;QAAA,C,GAC1D5B,cAAA,CAAekB,GAAA,CAAAoB,KAAA,EAAWF,IAAA;MAAA,C;eAIxBtB,eAAA;MAAAqB,iBAAA,EACUA,iBAAA,IAAqBb,QAAA,CAAAI,SAAkB;MAAAd,SAAA;MAAAC,OAAA;MAAAY,QAAA,EAI1DF,IAAA,CAAAlB,yBAAA;QAAAmC,aAAA,EAA0CtB,GAAA,CAAAE;MAAA,C;;;;;;;;;;;;;;;SAjB5CH,E;CAoBJ","ignoreList":[]}
+{"version":3,"file":"index.js","names":["c","_c","getTranslation","React","useTranslation","useSelectedLocales","DiffCollapser","RenderVersionFieldsToDiff","baseClass","Tabs","props","$","baseVersionField","field","valueFrom","valueTo","selectedLocales","t0","tabs","t1","tab","i","fields","length","fieldTab","_jsx","className","children","localized","map","locale","index","localizedTabProps","name","Tab","join","namedTabProps","parentIsLocalized","i18n","Label","label","_jsxs","versionFields"],"sources":["../../../../../../src/views/Version/RenderFieldsToDiff/fields/Tabs/index.tsx"],"sourcesContent":["'use client'\nimport type {\n  ClientTab,\n  FieldDiffClientProps,\n  TabsFieldClient,\n  TabsFieldDiffClientProps,\n  VersionTab,\n} from 'payload'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport React from 'react'\n\nimport { useTranslation } from '../../../../../providers/Translation/index.js'\nimport './index.css'\nimport { useSelectedLocales } from '../../../Default/SelectedLocalesContext.js'\nimport { DiffCollapser } from '../../DiffCollapser/index.js'\nimport { RenderVersionFieldsToDiff } from '../../RenderVersionFieldsToDiff.js'\n\nconst baseClass = 'tabs-diff'\n\nexport const Tabs: React.FC<TabsFieldDiffClientProps> = (props) => {\n  const { baseVersionField, field, valueFrom, valueTo } = props\n  const { selectedLocales } = useSelectedLocales()\n\n  return (\n    <div className={baseClass}>\n      {baseVersionField.tabs.map((tab, i) => {\n        if (!tab?.fields?.length) {\n          return null\n        }\n        const fieldTab = field.tabs?.[i]\n        if (!fieldTab) {\n          return null\n        }\n        return (\n          <div className={`${baseClass}__tab`} key={i}>\n            {(() => {\n              if ('name' in fieldTab && selectedLocales && fieldTab.localized) {\n                // Named localized tab\n                return selectedLocales.map((locale, index) => {\n                  const localizedTabProps: TabProps = {\n                    ...props,\n                    fieldTab,\n                    locale,\n                    tab,\n                    valueFrom: valueFrom?.[tab.name]?.[locale],\n                    valueTo: valueTo?.[tab.name]?.[locale],\n                  }\n                  return (\n                    <div className={`${baseClass}__tab-locale`} key={[locale, index].join('-')}>\n                      <div className={`${baseClass}__tab-locale-value`}>\n                        <Tab key={locale} {...localizedTabProps} />\n                      </div>\n                    </div>\n                  )\n                })\n              } else if ('name' in tab && tab.name) {\n                // Named tab\n                const namedTabProps: TabProps = {\n                  ...props,\n                  fieldTab,\n                  tab,\n                  valueFrom: valueFrom?.[tab.name],\n                  valueTo: valueTo?.[tab.name],\n                }\n                return <Tab key={i} {...namedTabProps} />\n              } else {\n                // Unnamed tab\n                return <Tab fieldTab={fieldTab} key={i} {...props} tab={tab} />\n              }\n            })()}\n          </div>\n        )\n      })}\n    </div>\n  )\n}\n\ntype TabProps = {\n  fieldTab: ClientTab\n  tab: VersionTab\n} & FieldDiffClientProps<TabsFieldClient>\n\nconst Tab: React.FC<TabProps> = ({\n  fieldTab,\n  locale,\n  parentIsLocalized,\n  tab,\n  valueFrom,\n  valueTo,\n}) => {\n  const { i18n } = useTranslation()\n  const { selectedLocales } = useSelectedLocales()\n\n  if (!tab.fields?.length) {\n    return null\n  }\n\n  return (\n    <DiffCollapser\n      fields={fieldTab.fields}\n      Label={\n        'label' in tab &&\n        tab.label &&\n        typeof tab.label !== 'function' && (\n          <span>\n            {locale && <span className={`${baseClass}__locale-label`}>{locale}</span>}\n            {getTranslation(tab.label, i18n)}\n          </span>\n        )\n      }\n      locales={selectedLocales}\n      parentIsLocalized={parentIsLocalized || fieldTab.localized}\n      valueFrom={valueFrom}\n      valueTo={valueTo}\n    >\n      <RenderVersionFieldsToDiff versionFields={tab.fields} />\n    </DiffCollapser>\n  )\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/views/Version/RenderFieldsToDiff/fields/Text/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["c","_c","React","FieldDiffContainer","escapeDiffHTML","getHTMLDiffComponents","unescapeDiffHTML","useTranslation","baseClass","formatValue","value","tokenizeByCharacter","String","JSON","stringify","undefined","Text","t0","$","field","locale","nestingLevel","valueFrom","valueTo","i18n","placeholder","t1","label","formattedValueFrom","formattedValueTo","length","renderedValueFrom","renderedValueTo","From","To","fromHTML","fromLabel","t","postProcess","toHTML","toLabel","_jsx","className"],"sources":["../../../../../../src/views/Version/RenderFieldsToDiff/fields/Text/index.tsx"],"sourcesContent":["'use client'\nimport type { TextFieldDiffClientProps } from 'payload'\n\nimport React from 'react'\n\nimport { FieldDiffContainer } from '../../../../../elements/FieldDiffContainer/index.js'\nimport {\n  escapeDiffHTML,\n  getHTMLDiffComponents,\n  unescapeDiffHTML,\n} from '../../../../../elements/HTMLDiff/index.js'\nimport { useTranslation } from '../../../../../providers/Translation/index.js'\nimport './index.css'\n\nconst baseClass = 'text-diff'\n\nfunction formatValue(value: unknown): {\n  tokenizeByCharacter: boolean\n  value: string\n} {\n  if (typeof value === 'string') {\n    return { tokenizeByCharacter: true, value: escapeDiffHTML(value) }\n  }\n  if (typeof value === 'number') {\n    return {\n      tokenizeByCharacter: true,\n      value: String(value),\n    }\n  }\n  if (typeof value === 'boolean') {\n    return {\n      tokenizeByCharacter: false,\n      value: String(value),\n    }\n  }\n\n  if (value && typeof value === 'object') {\n    return {\n      tokenizeByCharacter: false,\n      value: `<pre>${escapeDiffHTML(JSON.stringify(value, null, 2))}</pre>`,\n    }\n  }\n\n  return {\n    tokenizeByCharacter: true,\n    value: undefined,\n  }\n}\n\nexport const Text: React.FC<TextFieldDiffClientProps> = ({\n  field,\n  locale,\n  nestingLevel,\n  valueFrom,\n  valueTo,\n}) => {\n  const { i18n } = useTranslation()\n\n  let placeholder = ''\n\n  if (valueTo == valueFrom) {\n    placeholder = `<span class=\"html-diff-no-value\"><span>`\n  }\n\n  const formattedValueFrom = formatValue(valueFrom)\n  const formattedValueTo = formatValue(valueTo)\n\n  let tokenizeByCharacter = true\n  if (formattedValueFrom.value?.length) {\n    tokenizeByCharacter = formattedValueFrom.tokenizeByCharacter\n  } else if (formattedValueTo.value?.length) {\n    tokenizeByCharacter = formattedValueTo.tokenizeByCharacter\n  }\n\n  const renderedValueFrom = formattedValueFrom.value ?? placeholder\n  const renderedValueTo: string = formattedValueTo.value ?? placeholder\n\n  const { From, To } = getHTMLDiffComponents({\n    fromHTML: '<p>' + renderedValueFrom + '</p>',\n    fromLabel: i18n.t('version:comparingAgainst'),\n    postProcess: unescapeDiffHTML,\n    toHTML: '<p>' + renderedValueTo + '</p>',\n    tokenizeByCharacter,\n    toLabel: i18n.t('version:version'),\n  })\n\n  return (\n    <FieldDiffContainer\n      className={baseClass}\n      From={From}\n      i18n={i18n}\n      label={{\n        label: field.label,\n        locale,\n      }}\n      nestingLevel={nestingLevel}\n      To={To}\n    />\n  )\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["c","_c","React","FieldDiffContainer","escapeDiffHTML","getHTMLDiffComponents","unescapeDiffHTML","useTranslation","baseClass","formatValue","value","tokenizeByCharacter","String","JSON","stringify","undefined","Text","t0","$","field","locale","nestingLevel","valueFrom","valueTo","i18n","placeholder","t1","label","formattedValueFrom","formattedValueTo","length","renderedValueFrom","renderedValueTo","From","To","fromHTML","fromLabel","t","postProcess","toHTML","toLabel","_jsx","className"],"sources":["../../../../../../src/views/Version/RenderFieldsToDiff/fields/Text/index.tsx"],"sourcesContent":["'use client'\nimport type { TextFieldDiffClientProps } from 'payload'\n\nimport React from 'react'\n\nimport { FieldDiffContainer } from '../../../../../elements/FieldDiffContainer/index.js'\nimport {\n  escapeDiffHTML,\n  getHTMLDiffComponents,\n  unescapeDiffHTML,\n} from '../../../../../elements/HTMLDiff/index.js'\nimport { useTranslation } from '../../../../../providers/Translation/index.js'\nimport './index.css'\n\nconst baseClass = 'text-diff'\n\nfunction formatValue(value: unknown): {\n  tokenizeByCharacter: boolean\n  value: string\n} {\n  if (typeof value === 'string') {\n    return { tokenizeByCharacter: true, value: escapeDiffHTML(value) }\n  }\n  if (typeof value === 'number') {\n    return {\n      tokenizeByCharacter: true,\n      value: String(value),\n    }\n  }\n  if (typeof value === 'boolean') {\n    return {\n      tokenizeByCharacter: false,\n      value: String(value),\n    }\n  }\n\n  if (value && typeof value === 'object') {\n    return {\n      tokenizeByCharacter: false,\n      value: `<pre>${escapeDiffHTML(JSON.stringify(value, null, 2))}</pre>`,\n    }\n  }\n\n  return {\n    tokenizeByCharacter: true,\n    value: undefined,\n  }\n}\n\nexport const Text: React.FC<TextFieldDiffClientProps> = ({\n  field,\n  locale,\n  nestingLevel,\n  valueFrom,\n  valueTo,\n}) => {\n  const { i18n } = useTranslation()\n\n  let placeholder = ''\n\n  if (valueTo == valueFrom) {\n    placeholder = `<span class=\"html-diff-no-value\"><span>`\n  }\n\n  const formattedValueFrom = formatValue(valueFrom)\n  const formattedValueTo = formatValue(valueTo)\n\n  let tokenizeByCharacter = true\n  if (formattedValueFrom.value?.length) {\n    tokenizeByCharacter = formattedValueFrom.tokenizeByCharacter\n  } else if (formattedValueTo.value?.length) {\n    tokenizeByCharacter = formattedValueTo.tokenizeByCharacter\n  }\n\n  const renderedValueFrom = formattedValueFrom.value ?? placeholder\n  const renderedValueTo: string = formattedValueTo.value ?? placeholder\n\n  const { From, To } = getHTMLDiffComponents({\n    fromHTML: '<p>' + renderedValueFrom + '</p>',\n    fromLabel: i18n.t('version:comparingAgainst'),\n    postProcess: unescapeDiffHTML,\n    toHTML: '<p>' + renderedValueTo + '</p>',\n    tokenizeByCharacter,\n    toLabel: i18n.t('version:version'),\n  })\n\n  return (\n    <FieldDiffContainer\n      className={baseClass}\n      From={From}\n      i18n={i18n}\n      label={{\n        label: field.label,\n        locale,\n      }}\n      nestingLevel={nestingLevel}\n      To={To}\n    />\n  )\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/views/Version/Restore/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/views/Version/Restore/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,sBAAsB,EAAE,kBAAkB,EAAE,yBAAyB,EAAE,MAAM,SAAS,CAAA;AAIpG,OAAO,KAA0C,MAAM,OAAO,CAAA;AAY9D,OAAO,aAAa,CAAA;AAKpB,KAAK,KAAK,GAAG;IACX,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,gBAAgB,CAAC,EAAE,sBAAsB,CAAA;IACzC,YAAY,CAAC,EAAE,kBAAkB,CAAA;IACjC,KAAK,EAAE,yBAAyB,CAAC,QAAQ,CAAC,CAAC,UAAU,CAAC,CAAA;IACtD,aAAa,EAAE,MAAM,GAAG,MAAM,CAAA;IAC9B,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,oBAAoB,EAAE,MAAM,CAAA;IAC5B,SAAS,EAAE,MAAM,CAAA;CAClB,CAAA;AAED,eAAO,MAAM,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAuHnC,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/views/Version/Restore/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,sBAAsB,EAAE,kBAAkB,EAAE,yBAAyB,EAAE,MAAM,SAAS,CAAA;AAIpG,OAAO,KAA0C,MAAM,OAAO,CAAA;AAY9D,OAAO,aAAa,CAAA;AAKpB,KAAK,KAAK,GAAG;IACX,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,gBAAgB,CAAC,EAAE,sBAAsB,CAAA;IACzC,YAAY,CAAC,EAAE,kBAAkB,CAAA;IACjC,KAAK,EAAE,yBAAyB,CAAC,QAAQ,CAAC,CAAC,UAAU,CAAC,CAAA;IACtD,aAAa,EAAE,MAAM,GAAG,MAAM,CAAA;IAC9B,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,oBAAoB,EAAE,MAAM,CAAA;IAC5B,SAAS,EAAE,MAAM,CAAA;CAClB,CAAA;AAED,eAAO,MAAM,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAiInC,CAAA"}