@payloadcms/next 3.68.0-internal-debug.591ab42 → 3.68.0-internal-debug.e9b66ee

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (162) hide show
  1. package/dist/elements/DocumentHeader/Tabs/Tab/TabLink.js +6 -21
  2. package/dist/elements/DocumentHeader/Tabs/Tab/TabLink.js.map +1 -1
  3. package/dist/elements/DocumentHeader/Tabs/Tab/index.js +20 -44
  4. package/dist/elements/DocumentHeader/Tabs/Tab/index.js.map +1 -1
  5. package/dist/elements/DocumentHeader/Tabs/index.js +41 -73
  6. package/dist/elements/DocumentHeader/Tabs/index.js.map +1 -1
  7. package/dist/elements/DocumentHeader/Tabs/tabs/VersionsPill/index.js +1 -10
  8. package/dist/elements/DocumentHeader/Tabs/tabs/VersionsPill/index.js.map +1 -1
  9. package/dist/elements/DocumentHeader/index.js +7 -45
  10. package/dist/elements/DocumentHeader/index.js.map +1 -1
  11. package/dist/elements/FormHeader/index.js +4 -25
  12. package/dist/elements/FormHeader/index.js.map +1 -1
  13. package/dist/elements/Nav/NavHamburger/index.js +5 -21
  14. package/dist/elements/Nav/NavHamburger/index.js.map +1 -1
  15. package/dist/elements/Nav/NavWrapper/index.js +10 -24
  16. package/dist/elements/Nav/NavWrapper/index.js.map +1 -1
  17. package/dist/elements/Nav/SettingsMenuButton/index.js +4 -27
  18. package/dist/elements/Nav/SettingsMenuButton/index.js.map +1 -1
  19. package/dist/elements/Nav/index.client.js +43 -91
  20. package/dist/elements/Nav/index.client.js.map +1 -1
  21. package/dist/elements/Nav/index.js +48 -100
  22. package/dist/elements/Nav/index.js.map +1 -1
  23. package/dist/layouts/Root/NestProviders.js +3 -12
  24. package/dist/layouts/Root/NestProviders.js.map +1 -1
  25. package/dist/layouts/Root/index.js +19 -84
  26. package/dist/layouts/Root/index.js.map +1 -1
  27. package/dist/prod/styles.css +5 -0
  28. package/dist/routes/rest/og/image.js +61 -97
  29. package/dist/routes/rest/og/image.js.map +1 -1
  30. package/dist/routes/rest/og/index.js +1 -15
  31. package/dist/routes/rest/og/index.js.map +1 -1
  32. package/dist/templates/Default/NavHamburger/index.js +1 -10
  33. package/dist/templates/Default/NavHamburger/index.js.map +1 -1
  34. package/dist/templates/Default/Wrapper/index.js +9 -16
  35. package/dist/templates/Default/Wrapper/index.js.map +1 -1
  36. package/dist/templates/Default/index.js +38 -106
  37. package/dist/templates/Default/index.js.map +1 -1
  38. package/dist/templates/Minimal/index.js +3 -18
  39. package/dist/templates/Minimal/index.js.map +1 -1
  40. package/dist/views/API/LocaleSelector/index.js +5 -15
  41. package/dist/views/API/LocaleSelector/index.js.map +1 -1
  42. package/dist/views/API/RenderJSON/index.js +59 -156
  43. package/dist/views/API/RenderJSON/index.js.map +1 -1
  44. package/dist/views/API/index.client.js +71 -215
  45. package/dist/views/API/index.client.js.map +1 -1
  46. package/dist/views/API/index.js +1 -7
  47. package/dist/views/API/index.js.map +1 -1
  48. package/dist/views/Account/ResetPreferences/index.js +8 -35
  49. package/dist/views/Account/ResetPreferences/index.js.map +1 -1
  50. package/dist/views/Account/Settings/LanguageSelector.js +3 -15
  51. package/dist/views/Account/Settings/LanguageSelector.js.map +1 -1
  52. package/dist/views/Account/Settings/index.js +12 -58
  53. package/dist/views/Account/Settings/index.js.map +1 -1
  54. package/dist/views/Account/ToggleTheme/index.js +19 -30
  55. package/dist/views/Account/ToggleTheme/index.js.map +1 -1
  56. package/dist/views/Account/index.js +25 -83
  57. package/dist/views/Account/index.js.map +1 -1
  58. package/dist/views/BrowseByFolder/buildView.js +28 -38
  59. package/dist/views/BrowseByFolder/buildView.js.map +1 -1
  60. package/dist/views/CollectionFolders/buildView.js +35 -45
  61. package/dist/views/CollectionFolders/buildView.js.map +1 -1
  62. package/dist/views/CreateFirstUser/index.client.js +20 -75
  63. package/dist/views/CreateFirstUser/index.client.js.map +1 -1
  64. package/dist/views/CreateFirstUser/index.js +5 -36
  65. package/dist/views/CreateFirstUser/index.js.map +1 -1
  66. package/dist/views/Dashboard/Default/index.js +94 -169
  67. package/dist/views/Dashboard/Default/index.js.map +1 -1
  68. package/dist/views/Dashboard/index.js +24 -43
  69. package/dist/views/Dashboard/index.js.map +1 -1
  70. package/dist/views/Document/index.js +14 -76
  71. package/dist/views/Document/index.js.map +1 -1
  72. package/dist/views/Edit/index.js +1 -9
  73. package/dist/views/Edit/index.js.map +1 -1
  74. package/dist/views/ForgotPassword/ForgotPasswordForm/index.js +57 -104
  75. package/dist/views/ForgotPassword/ForgotPasswordForm/index.js.map +1 -1
  76. package/dist/views/ForgotPassword/index.js +23 -75
  77. package/dist/views/ForgotPassword/index.js.map +1 -1
  78. package/dist/views/List/index.js +31 -53
  79. package/dist/views/List/index.js.map +1 -1
  80. package/dist/views/List/renderListViewSlots.js +9 -21
  81. package/dist/views/List/renderListViewSlots.js.map +1 -1
  82. package/dist/views/Login/LoginField/index.js +23 -49
  83. package/dist/views/Login/LoginField/index.js.map +1 -1
  84. package/dist/views/Login/LoginForm/index.js +20 -68
  85. package/dist/views/Login/LoginForm/index.js.map +1 -1
  86. package/dist/views/Login/index.js +33 -66
  87. package/dist/views/Login/index.js.map +1 -1
  88. package/dist/views/Logout/LogoutClient.js +7 -36
  89. package/dist/views/Logout/LogoutClient.js.map +1 -1
  90. package/dist/views/Logout/index.js +4 -26
  91. package/dist/views/Logout/index.js.map +1 -1
  92. package/dist/views/NotFound/index.client.js +15 -55
  93. package/dist/views/NotFound/index.client.js.map +1 -1
  94. package/dist/views/NotFound/index.js +5 -33
  95. package/dist/views/NotFound/index.js.map +1 -1
  96. package/dist/views/ResetPassword/ResetPasswordForm/index.js +12 -57
  97. package/dist/views/ResetPassword/ResetPasswordForm/index.js.map +1 -1
  98. package/dist/views/ResetPassword/index.js +23 -86
  99. package/dist/views/ResetPassword/index.js.map +1 -1
  100. package/dist/views/Root/index.js +12 -52
  101. package/dist/views/Root/index.js.map +1 -1
  102. package/dist/views/Unauthorized/index.js +15 -50
  103. package/dist/views/Unauthorized/index.js.map +1 -1
  104. package/dist/views/Verify/index.js +10 -47
  105. package/dist/views/Verify/index.js.map +1 -1
  106. package/dist/views/Version/Default/SelectedLocalesContext.js +1 -1
  107. package/dist/views/Version/Default/SelectedLocalesContext.js.map +1 -1
  108. package/dist/views/Version/Default/index.js +52 -258
  109. package/dist/views/Version/Default/index.js.map +1 -1
  110. package/dist/views/Version/RenderFieldsToDiff/DiffCollapser/index.js +16 -65
  111. package/dist/views/Version/RenderFieldsToDiff/DiffCollapser/index.js.map +1 -1
  112. package/dist/views/Version/RenderFieldsToDiff/RenderVersionFieldsToDiff.js +24 -66
  113. package/dist/views/Version/RenderFieldsToDiff/RenderVersionFieldsToDiff.js.map +1 -1
  114. package/dist/views/Version/RenderFieldsToDiff/fields/Collapsible/index.js +5 -34
  115. package/dist/views/Version/RenderFieldsToDiff/fields/Collapsible/index.js.map +1 -1
  116. package/dist/views/Version/RenderFieldsToDiff/fields/Date/index.js +4 -17
  117. package/dist/views/Version/RenderFieldsToDiff/fields/Date/index.js.map +1 -1
  118. package/dist/views/Version/RenderFieldsToDiff/fields/Group/index.js +10 -55
  119. package/dist/views/Version/RenderFieldsToDiff/fields/Group/index.js.map +1 -1
  120. package/dist/views/Version/RenderFieldsToDiff/fields/Iterable/index.js +43 -128
  121. package/dist/views/Version/RenderFieldsToDiff/fields/Iterable/index.js.map +1 -1
  122. package/dist/views/Version/RenderFieldsToDiff/fields/Relationship/index.js +23 -151
  123. package/dist/views/Version/RenderFieldsToDiff/fields/Relationship/index.js.map +1 -1
  124. package/dist/views/Version/RenderFieldsToDiff/fields/Row/index.js +3 -16
  125. package/dist/views/Version/RenderFieldsToDiff/fields/Row/index.js.map +1 -1
  126. package/dist/views/Version/RenderFieldsToDiff/fields/Select/index.js +4 -17
  127. package/dist/views/Version/RenderFieldsToDiff/fields/Select/index.js.map +1 -1
  128. package/dist/views/Version/RenderFieldsToDiff/fields/Tabs/index.js +51 -122
  129. package/dist/views/Version/RenderFieldsToDiff/fields/Tabs/index.js.map +1 -1
  130. package/dist/views/Version/RenderFieldsToDiff/fields/Text/index.js +4 -17
  131. package/dist/views/Version/RenderFieldsToDiff/fields/Text/index.js.map +1 -1
  132. package/dist/views/Version/RenderFieldsToDiff/fields/Upload/index.js +27 -176
  133. package/dist/views/Version/RenderFieldsToDiff/fields/Upload/index.js.map +1 -1
  134. package/dist/views/Version/RenderFieldsToDiff/index.js +1 -9
  135. package/dist/views/Version/RenderFieldsToDiff/index.js.map +1 -1
  136. package/dist/views/Version/Restore/index.js +21 -61
  137. package/dist/views/Version/Restore/index.js.map +1 -1
  138. package/dist/views/Version/SelectComparison/VersionDrawer/CreatedAtCell.js +16 -24
  139. package/dist/views/Version/SelectComparison/VersionDrawer/CreatedAtCell.js.map +1 -1
  140. package/dist/views/Version/SelectComparison/VersionDrawer/index.js +6 -37
  141. package/dist/views/Version/SelectComparison/VersionDrawer/index.js.map +1 -1
  142. package/dist/views/Version/SelectComparison/index.js +10 -40
  143. package/dist/views/Version/SelectComparison/index.js.map +1 -1
  144. package/dist/views/Version/SelectLocales/index.js +17 -33
  145. package/dist/views/Version/SelectLocales/index.js.map +1 -1
  146. package/dist/views/Version/VersionPillLabel/VersionPillLabel.js +17 -84
  147. package/dist/views/Version/VersionPillLabel/VersionPillLabel.js.map +1 -1
  148. package/dist/views/Version/index.js +21 -63
  149. package/dist/views/Version/index.js.map +1 -1
  150. package/dist/views/Versions/buildColumns.js +9 -58
  151. package/dist/views/Versions/buildColumns.js.map +1 -1
  152. package/dist/views/Versions/cells/AutosaveCell/index.js +4 -31
  153. package/dist/views/Versions/cells/AutosaveCell/index.js.map +1 -1
  154. package/dist/views/Versions/cells/CreatedAt/index.js +7 -15
  155. package/dist/views/Versions/cells/CreatedAt/index.js.map +1 -1
  156. package/dist/views/Versions/cells/ID/index.js +2 -9
  157. package/dist/views/Versions/cells/ID/index.js.map +1 -1
  158. package/dist/views/Versions/index.client.js +20 -98
  159. package/dist/views/Versions/index.client.js.map +1 -1
  160. package/dist/views/Versions/index.js +13 -59
  161. package/dist/views/Versions/index.js.map +1 -1
  162. package/package.json +10 -9
@@ -1,5 +1,4 @@
1
1
  'use client';
2
- import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
3
2
  const baseClass = 'render-field-diffs';
4
3
  import './index.scss';
5
4
  import { ShimmerEffect } from '@payloadcms/ui';
@@ -14,72 +13,31 @@ export const RenderVersionFieldsToDiff = ({ parent = false, versionFields })=>/*
14
13
  useEffect(()=>{
15
14
  setHasMounted(true);
16
15
  }, []);
17
- return /*#__PURE__*/ _jsxDEV("div", {
18
- className: `${baseClass}${parent ? ` ${baseClass}--parent` : ''}`,
19
- children: !hasMounted ? /*#__PURE__*/ _jsxDEV(Fragment, {
20
- children: /*#__PURE__*/ _jsxDEV(ShimmerEffect, {
21
- height: "8rem",
22
- width: "100%"
23
- }, void 0, false, {
24
- fileName: "src/views/Version/RenderFieldsToDiff/RenderVersionFieldsToDiff.tsx",
25
- lineNumber: 33,
26
- columnNumber: 11
27
- }, this)
28
- }, void 0, false, {
29
- fileName: "src/views/Version/RenderFieldsToDiff/RenderVersionFieldsToDiff.tsx",
30
- lineNumber: 32,
31
- columnNumber: 9
32
- }, this) : versionFields?.map((field, fieldIndex)=>{
33
- if (field.fieldByLocale) {
34
- const LocaleComponents = [];
35
- for (const [locale, baseField] of Object.entries(field.fieldByLocale)){
36
- LocaleComponents.push(/*#__PURE__*/ _jsxDEV("div", {
37
- className: `${baseClass}__locale`,
38
- "data-field-path": baseField.path,
39
- "data-locale": locale,
40
- children: /*#__PURE__*/ _jsxDEV("div", {
41
- className: `${baseClass}__locale-value`,
42
- children: baseField.CustomComponent
43
- }, void 0, false, {
44
- fileName: "src/views/Version/RenderFieldsToDiff/RenderVersionFieldsToDiff.tsx",
45
- lineNumber: 47,
46
- columnNumber: 19
47
- }, this)
48
- }, [
49
- locale,
50
- fieldIndex
51
- ].join('-'), false, {
52
- fileName: "src/views/Version/RenderFieldsToDiff/RenderVersionFieldsToDiff.tsx",
53
- lineNumber: 41,
54
- columnNumber: 17
55
- }, this));
56
- }
57
- return /*#__PURE__*/ _jsxDEV("div", {
58
- className: `${baseClass}__field`,
59
- children: LocaleComponents
60
- }, fieldIndex, false, {
61
- fileName: "src/views/Version/RenderFieldsToDiff/RenderVersionFieldsToDiff.tsx",
62
- lineNumber: 52,
63
- columnNumber: 15
64
- }, this);
65
- } else if (field.field) {
66
- return /*#__PURE__*/ _jsxDEV("div", {
67
- className: `${baseClass}__field field__${field.field.type}`,
68
- "data-field-path": field.field.path,
69
- children: field.field.CustomComponent
70
- }, fieldIndex, false, {
71
- fileName: "src/views/Version/RenderFieldsToDiff/RenderVersionFieldsToDiff.tsx",
72
- lineNumber: 58,
73
- columnNumber: 15
74
- }, this);
16
+ return <div className={`${baseClass}${parent ? ` ${baseClass}--parent` : ''}`}>
17
+ {!hasMounted ? <Fragment>
18
+ <ShimmerEffect height="8rem" width="100%"/>
19
+ </Fragment> : versionFields?.map((field, fieldIndex)=>{
20
+ if (field.fieldByLocale) {
21
+ const LocaleComponents = [];
22
+ for (const [locale, baseField] of Object.entries(field.fieldByLocale)){
23
+ LocaleComponents.push(<div className={`${baseClass}__locale`} data-field-path={baseField.path} data-locale={locale} key={[
24
+ locale,
25
+ fieldIndex
26
+ ].join('-')}>
27
+ <div className={`${baseClass}__locale-value`}>{baseField.CustomComponent}</div>
28
+ </div>);
75
29
  }
76
- return null;
77
- })
78
- }, void 0, false, {
79
- fileName: "src/views/Version/RenderFieldsToDiff/RenderVersionFieldsToDiff.tsx",
80
- lineNumber: 30,
81
- columnNumber: 5
82
- }, this);
30
+ return <div className={`${baseClass}__field`} key={fieldIndex}>
31
+ {LocaleComponents}
32
+ </div>;
33
+ } else if (field.field) {
34
+ return <div className={`${baseClass}__field field__${field.field.type}`} data-field-path={field.field.path} key={fieldIndex}>
35
+ {field.field.CustomComponent}
36
+ </div>;
37
+ }
38
+ return null;
39
+ })}
40
+ </div>;
83
41
  };
84
42
 
85
43
  //# sourceMappingURL=RenderVersionFieldsToDiff.js.map
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../../src/views/Version/RenderFieldsToDiff/RenderVersionFieldsToDiff.tsx"],"sourcesContent":["'use client'\nconst baseClass = 'render-field-diffs'\nimport type { VersionField } from 'payload'\n\nimport './index.scss'\n\nimport { ShimmerEffect } from '@payloadcms/ui'\nimport React, { Fragment, useEffect } from 'react'\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"],"names":["baseClass","ShimmerEffect","React","Fragment","useEffect","RenderVersionFieldsToDiff","parent","versionFields","hasMounted","setHasMounted","useState","div","className","height","width","map","field","fieldIndex","fieldByLocale","LocaleComponents","locale","baseField","Object","entries","push","data-field-path","path","data-locale","CustomComponent","join","type"],"mappings":"AAAA;;AACA,MAAMA,YAAY;AAGlB,OAAO,eAAc;AAErB,SAASC,aAAa,QAAQ,iBAAgB;AAC9C,OAAOC,SAASC,QAAQ,EAAEC,SAAS,QAAQ,QAAO;AAElD,OAAO,MAAMC,4BAA4B,CAAC,EACxCC,SAAS,KAAK,EACdC,aAAa,EAQd,GANC;;;GAGC;IAID,MAAM,CAACC,YAAYC,cAAc,GAAGP,MAAMQ,QAAQ,CAAC;IAEnD,gFAAgF;IAChF,qFAAqF;IACrFN,UAAU;QACRK,cAAc;IAChB,GAAG,EAAE;IAEL,qBACE,QAACE;QAAIC,WAAW,GAAGZ,YAAYM,SAAS,CAAC,CAAC,EAAEN,UAAU,QAAQ,CAAC,GAAG,IAAI;kBACnE,CAACQ,2BACA,QAACL;sBACC,cAAA,QAACF;gBAAcY,QAAO;gBAAOC,OAAM;;;;;;;;;;mBAGrCP,eAAeQ,IAAI,CAACC,OAAOC;YACzB,IAAID,MAAME,aAAa,EAAE;gBACvB,MAAMC,mBAAsC,EAAE;gBAC9C,KAAK,MAAM,CAACC,QAAQC,UAAU,IAAIC,OAAOC,OAAO,CAACP,MAAME,aAAa,EAAG;oBACrEC,iBAAiBK,IAAI,eACnB,QAACb;wBACCC,WAAW,GAAGZ,UAAU,QAAQ,CAAC;wBACjCyB,mBAAiBJ,UAAUK,IAAI;wBAC/BC,eAAaP;kCAGb,cAAA,QAACT;4BAAIC,WAAW,GAAGZ,UAAU,cAAc,CAAC;sCAAGqB,UAAUO,eAAe;;;;;;uBAFnE;wBAACR;wBAAQH;qBAAW,CAACY,IAAI,CAAC;;;;;gBAKrC;gBACA,qBACE,QAAClB;oBAAIC,WAAW,GAAGZ,UAAU,OAAO,CAAC;8BAClCmB;mBADyCF;;;;;YAIhD,OAAO,IAAID,MAAMA,KAAK,EAAE;gBACtB,qBACE,QAACL;oBACCC,WAAW,GAAGZ,UAAU,eAAe,EAAEgB,MAAMA,KAAK,CAACc,IAAI,EAAE;oBAC3DL,mBAAiBT,MAAMA,KAAK,CAACU,IAAI;8BAGhCV,MAAMA,KAAK,CAACY,eAAe;mBAFvBX;;;;;YAKX;YAEA,OAAO;QACT;;;;;;AAIR,EAAC"}
1
+ {"version":3,"sources":["../../../../src/views/Version/RenderFieldsToDiff/RenderVersionFieldsToDiff.tsx"],"sourcesContent":["'use client'\nconst baseClass = 'render-field-diffs'\nimport type { VersionField } from 'payload'\n\nimport './index.scss'\n\nimport { ShimmerEffect } from '@payloadcms/ui'\nimport React, { Fragment, useEffect } from 'react'\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"],"names":["baseClass","ShimmerEffect","React","Fragment","useEffect","RenderVersionFieldsToDiff","parent","versionFields","hasMounted","setHasMounted","useState","div","className","height","width","map","field","fieldIndex","fieldByLocale","LocaleComponents","locale","baseField","Object","entries","push","data-field-path","path","data-locale","key","join","CustomComponent","type"],"mappings":"AAAA;AACA,MAAMA,YAAY;AAGlB,OAAO,eAAc;AAErB,SAASC,aAAa,QAAQ,iBAAgB;AAC9C,OAAOC,SAASC,QAAQ,EAAEC,SAAS,QAAQ,QAAO;AAElD,OAAO,MAAMC,4BAA4B,CAAC,EACxCC,SAAS,KAAK,EACdC,aAAa,EAQd,GANC;;;GAGC;IAID,MAAM,CAACC,YAAYC,cAAc,GAAGP,MAAMQ,QAAQ,CAAC;IAEnD,gFAAgF;IAChF,qFAAqF;IACrFN,UAAU;QACRK,cAAc;IAChB,GAAG,EAAE;IAEL,QACGE,IAAIC,WAAW,GAAGZ,YAAYM,SAAS,CAAC,CAAC,EAAEN,UAAU,QAAQ,CAAC,GAAG,IAAI,EAAE;MACtE,CAAC,CAACQ,cACCL,SAAS;UACR,CAACF,cAAcY,OAAO,OAAOC,MAAM,QAAS;QAC9C,EAAEX,YAEFI,eAAeQ,IAAI,CAACC,OAAOC;QACzB,IAAID,MAAME,aAAa,EAAE;YACvB,MAAMC,mBAAsC,EAAE;YAC9C,KAAK,MAAM,CAACC,QAAQC,UAAU,IAAIC,OAAOC,OAAO,CAACP,MAAME,aAAa,EAAG;gBACrEC,iBAAiBK,IAAI,EAClBb,IACCC,WAAW,GAAGZ,UAAU,QAAQ,CAAC,EACjCyB,iBAAiBJ,UAAUK,IAAI,EAC/BC,aAAaP,QACbQ,KAAK;oBAACR;oBAAQH;iBAAW,CAACY,IAAI,CAAC,MAChC;kBACC,CAAClB,IAAIC,WAAW,GAAGZ,UAAU,cAAc,CAAC,GAAGqB,UAAUS,eAAe,GAAGnB,IAAI;gBACjF,EAAEA;YAEN;YACA,QACGA,IAAIC,WAAW,GAAGZ,UAAU,OAAO,CAAC,EAAE4B,KAAKX,YAAY;gBACtD,CAACE,iBAAiB;cACpB,EAAER;QAEN,OAAO,IAAIK,MAAMA,KAAK,EAAE;YACtB,QACGL,IACCC,WAAW,GAAGZ,UAAU,eAAe,EAAEgB,MAAMA,KAAK,CAACe,IAAI,EAAE,EAC3DN,iBAAiBT,MAAMA,KAAK,CAACU,IAAI,EACjCE,KAAKX,YACN;gBACC,CAACD,MAAMA,KAAK,CAACc,eAAe,CAAC;cAC/B,EAAEnB;QAEN;QAEA,OAAO;IACT,GACA;IACJ,EAAEA;AAEN,EAAC"}
@@ -1,8 +1,6 @@
1
1
  'use client';
2
- import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
3
2
  import { getTranslation } from '@payloadcms/translations';
4
3
  import { useTranslation } from '@payloadcms/ui';
5
- import React from 'react';
6
4
  import { useSelectedLocales } from '../../../Default/SelectedLocalesContext.js';
7
5
  import { DiffCollapser } from '../../DiffCollapser/index.js';
8
6
  import { RenderVersionFieldsToDiff } from '../../RenderVersionFieldsToDiff.js';
@@ -13,38 +11,11 @@ export const Collapsible = ({ baseVersionField, comparisonValue: valueFrom, fiel
13
11
  if (!baseVersionField.fields?.length) {
14
12
  return null;
15
13
  }
16
- return /*#__PURE__*/ _jsxDEV("div", {
17
- className: baseClass,
18
- children: /*#__PURE__*/ _jsxDEV(DiffCollapser, {
19
- fields: field.fields,
20
- Label: 'label' in field && field.label && typeof field.label !== 'function' && /*#__PURE__*/ _jsxDEV("span", {
21
- children: getTranslation(field.label, i18n)
22
- }, void 0, false, {
23
- fileName: "src/views/Version/RenderFieldsToDiff/fields/Collapsible/index.tsx",
24
- lineNumber: 35,
25
- columnNumber: 48
26
- }, void 0),
27
- locales: selectedLocales,
28
- parentIsLocalized: parentIsLocalized || field.localized,
29
- valueFrom: valueFrom,
30
- valueTo: valueTo,
31
- children: /*#__PURE__*/ _jsxDEV(RenderVersionFieldsToDiff, {
32
- versionFields: baseVersionField.fields
33
- }, void 0, false, {
34
- fileName: "src/views/Version/RenderFieldsToDiff/fields/Collapsible/index.tsx",
35
- lineNumber: 42,
36
- columnNumber: 9
37
- }, this)
38
- }, void 0, false, {
39
- fileName: "src/views/Version/RenderFieldsToDiff/fields/Collapsible/index.tsx",
40
- lineNumber: 30,
41
- columnNumber: 7
42
- }, this)
43
- }, void 0, false, {
44
- fileName: "src/views/Version/RenderFieldsToDiff/fields/Collapsible/index.tsx",
45
- lineNumber: 29,
46
- columnNumber: 5
47
- }, this);
14
+ return <div className={baseClass}>
15
+ <DiffCollapser fields={field.fields} Label={'label' in field && field.label && typeof field.label !== 'function' && <span>{getTranslation(field.label, i18n)}</span>} locales={selectedLocales} parentIsLocalized={parentIsLocalized || field.localized} valueFrom={valueFrom} valueTo={valueTo}>
16
+ <RenderVersionFieldsToDiff versionFields={baseVersionField.fields}/>
17
+ </DiffCollapser>
18
+ </div>;
48
19
  };
49
20
 
50
21
  //# sourceMappingURL=index.js.map
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../../../../src/views/Version/RenderFieldsToDiff/fields/Collapsible/index.tsx"],"sourcesContent":["'use client'\nimport type { CollapsibleFieldDiffClientComponent } from 'payload'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport { useTranslation } from '@payloadcms/ui'\nimport React from 'react'\n\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: CollapsibleFieldDiffClientComponent = ({\n baseVersionField,\n comparisonValue: valueFrom,\n field,\n parentIsLocalized,\n versionValue: 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"],"names":["getTranslation","useTranslation","React","useSelectedLocales","DiffCollapser","RenderVersionFieldsToDiff","baseClass","Collapsible","baseVersionField","comparisonValue","valueFrom","field","parentIsLocalized","versionValue","valueTo","i18n","selectedLocales","fields","length","div","className","Label","label","span","locales","localized","versionFields"],"mappings":"AAAA;;AAGA,SAASA,cAAc,QAAQ,2BAA0B;AACzD,SAASC,cAAc,QAAQ,iBAAgB;AAC/C,OAAOC,WAAW,QAAO;AAEzB,SAASC,kBAAkB,QAAQ,6CAA4C;AAC/E,SAASC,aAAa,QAAQ,+BAA8B;AAC5D,SAASC,yBAAyB,QAAQ,qCAAoC;AAE9E,MAAMC,YAAY;AAElB,OAAO,MAAMC,cAAmD,CAAC,EAC/DC,gBAAgB,EAChBC,iBAAiBC,SAAS,EAC1BC,KAAK,EACLC,iBAAiB,EACjBC,cAAcC,OAAO,EACtB;IACC,MAAM,EAAEC,IAAI,EAAE,GAAGd;IACjB,MAAM,EAAEe,eAAe,EAAE,GAAGb;IAE5B,IAAI,CAACK,iBAAiBS,MAAM,EAAEC,QAAQ;QACpC,OAAO;IACT;IAEA,qBACE,QAACC;QAAIC,WAAWd;kBACd,cAAA,QAACF;YACCa,QAAQN,MAAMM,MAAM;YACpBI,OACE,WAAWV,SACXA,MAAMW,KAAK,IACX,OAAOX,MAAMW,KAAK,KAAK,4BAAc,QAACC;0BAAMvB,eAAeW,MAAMW,KAAK,EAAEP;;;;;;YAE1ES,SAASR;YACTJ,mBAAmBA,qBAAqBD,MAAMc,SAAS;YACvDf,WAAWA;YACXI,SAASA;sBAET,cAAA,QAACT;gBAA0BqB,eAAelB,iBAAiBS,MAAM;;;;;;;;;;;;;;;;AAIzE,EAAC"}
1
+ {"version":3,"sources":["../../../../../../src/views/Version/RenderFieldsToDiff/fields/Collapsible/index.tsx"],"sourcesContent":["'use client'\nimport type { CollapsibleFieldDiffClientComponent } from 'payload'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport { useTranslation } from '@payloadcms/ui'\nimport React from 'react'\n\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: CollapsibleFieldDiffClientComponent = ({\n baseVersionField,\n comparisonValue: valueFrom,\n field,\n parentIsLocalized,\n versionValue: 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"],"names":["getTranslation","useTranslation","useSelectedLocales","DiffCollapser","RenderVersionFieldsToDiff","baseClass","Collapsible","baseVersionField","comparisonValue","valueFrom","field","parentIsLocalized","versionValue","valueTo","i18n","selectedLocales","fields","length","div","className","Label","label","span","locales","localized","versionFields"],"mappings":"AAAA;AAGA,SAASA,cAAc,QAAQ,2BAA0B;AACzD,SAASC,cAAc,QAAQ,iBAAgB;AAG/C,SAASC,kBAAkB,QAAQ,6CAA4C;AAC/E,SAASC,aAAa,QAAQ,+BAA8B;AAC5D,SAASC,yBAAyB,QAAQ,qCAAoC;AAE9E,MAAMC,YAAY;AAElB,OAAO,MAAMC,cAAmD,CAAC,EAC/DC,gBAAgB,EAChBC,iBAAiBC,SAAS,EAC1BC,KAAK,EACLC,iBAAiB,EACjBC,cAAcC,OAAO,EACtB;IACC,MAAM,EAAEC,IAAI,EAAE,GAAGb;IACjB,MAAM,EAAEc,eAAe,EAAE,GAAGb;IAE5B,IAAI,CAACK,iBAAiBS,MAAM,EAAEC,QAAQ;QACpC,OAAO;IACT;IAEA,QACGC,IAAIC,WAAWd,WAAW;MACzB,CAACF,cACCa,QAAQN,MAAMM,MAAM,EACpBI,OACE,WAAWV,SACXA,MAAMW,KAAK,IACX,OAAOX,MAAMW,KAAK,KAAK,eAAeC,MAAMtB,eAAeU,MAAMW,KAAK,EAAEP,QAAQQ,OAElFC,SAASR,iBACTJ,mBAAmBA,qBAAqBD,MAAMc,SAAS,EACvDf,WAAWA,WACXI,SAASA,SACV;QACC,CAACT,0BAA0BqB,eAAelB,iBAAiBS,MAAM,GAAI;MACvE,EAAEb,cAAc;IAClB,EAAEe;AAEN,EAAC"}
@@ -1,9 +1,7 @@
1
1
  'use client';
2
- import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
3
2
  import { FieldDiffContainer, getHTMLDiffComponents, useConfig, useTranslation } from '@payloadcms/ui';
4
3
  import { formatDate } from '@payloadcms/ui/shared';
5
4
  import './index.scss';
6
- import React from 'react';
7
5
  const baseClass = 'date-diff';
8
6
  export const DateDiffComponent = ({ comparisonValue: valueFrom, field, locale, nestingLevel, versionValue: valueTo })=>{
9
7
  const { i18n } = useTranslation();
@@ -23,21 +21,10 @@ export const DateDiffComponent = ({ comparisonValue: valueFrom, field, locale, n
23
21
  toHTML: `<div class="${baseClass}" data-enable-match="true" data-date="${formattedToDate}"><p>` + formattedToDate + '</p></div>',
24
22
  tokenizeByCharacter: false
25
23
  });
26
- return /*#__PURE__*/ _jsxDEV(FieldDiffContainer, {
27
- className: baseClass,
28
- From: From,
29
- i18n: i18n,
30
- label: {
31
- label: field.label,
32
- locale
33
- },
34
- nestingLevel: nestingLevel,
35
- To: To
36
- }, void 0, false, {
37
- fileName: "src/views/Version/RenderFieldsToDiff/fields/Date/index.tsx",
38
- lineNumber: 61,
39
- columnNumber: 5
40
- }, this);
24
+ return <FieldDiffContainer className={baseClass} From={From} i18n={i18n} label={{
25
+ label: field.label,
26
+ locale
27
+ }} nestingLevel={nestingLevel} To={To}/>;
41
28
  };
42
29
 
43
30
  //# sourceMappingURL=index.js.map
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../../../../src/views/Version/RenderFieldsToDiff/fields/Date/index.tsx"],"sourcesContent":["'use client'\nimport type { DateFieldDiffClientComponent } from 'payload'\n\nimport {\n FieldDiffContainer,\n getHTMLDiffComponents,\n useConfig,\n useTranslation,\n} from '@payloadcms/ui'\nimport { formatDate } from '@payloadcms/ui/shared'\n\nimport './index.scss'\n\nimport React from 'react'\n\nconst baseClass = 'date-diff'\n\nexport const DateDiffComponent: DateFieldDiffClientComponent = ({\n comparisonValue: valueFrom,\n field,\n locale,\n nestingLevel,\n versionValue: 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 { From, To } = getHTMLDiffComponents({\n fromHTML:\n `<div class=\"${baseClass}\" data-enable-match=\"true\" data-date=\"${formattedFromDate}\"><p>` +\n formattedFromDate +\n '</p></div>',\n toHTML:\n `<div class=\"${baseClass}\" data-enable-match=\"true\" data-date=\"${formattedToDate}\"><p>` +\n formattedToDate +\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"],"names":["FieldDiffContainer","getHTMLDiffComponents","useConfig","useTranslation","formatDate","React","baseClass","DateDiffComponent","comparisonValue","valueFrom","field","locale","nestingLevel","versionValue","valueTo","i18n","config","admin","dateFormat","formattedFromDate","date","Date","pattern","formattedToDate","From","To","fromHTML","toHTML","tokenizeByCharacter","className","label"],"mappings":"AAAA;;AAGA,SACEA,kBAAkB,EAClBC,qBAAqB,EACrBC,SAAS,EACTC,cAAc,QACT,iBAAgB;AACvB,SAASC,UAAU,QAAQ,wBAAuB;AAElD,OAAO,eAAc;AAErB,OAAOC,WAAW,QAAO;AAEzB,MAAMC,YAAY;AAElB,OAAO,MAAMC,oBAAkD,CAAC,EAC9DC,iBAAiBC,SAAS,EAC1BC,KAAK,EACLC,MAAM,EACNC,YAAY,EACZC,cAAcC,OAAO,EACtB;IACC,MAAM,EAAEC,IAAI,EAAE,GAAGZ;IACjB,MAAM,EACJa,QAAQ,EACNC,OAAO,EAAEC,UAAU,EAAE,EACtB,EACF,GAAGhB;IAEJ,MAAMiB,oBAAoBV,YACtBL,WAAW;QACTgB,MAAM,OAAOX,cAAc,WAAW,IAAIY,KAAKZ,aAAcA;QAC7DM;QACAO,SAASJ;IACX,KACA;IAEJ,MAAMK,kBAAkBT,UACpBV,WAAW;QACTgB,MAAM,OAAON,YAAY,WAAW,IAAIO,KAAKP,WAAYA;QACzDC;QACAO,SAASJ;IACX,KACA;IAEJ,MAAM,EAAEM,IAAI,EAAEC,EAAE,EAAE,GAAGxB,sBAAsB;QACzCyB,UACE,CAAC,YAAY,EAAEpB,UAAU,sCAAsC,EAAEa,kBAAkB,KAAK,CAAC,GACzFA,oBACA;QACFQ,QACE,CAAC,YAAY,EAAErB,UAAU,sCAAsC,EAAEiB,gBAAgB,KAAK,CAAC,GACvFA,kBACA;QACFK,qBAAqB;IACvB;IAEA,qBACE,QAAC5B;QACC6B,WAAWvB;QACXkB,MAAMA;QACNT,MAAMA;QACNe,OAAO;YACLA,OAAOpB,MAAMoB,KAAK;YAClBnB;QACF;QACAC,cAAcA;QACda,IAAIA;;;;;;AAGV,EAAC"}
1
+ {"version":3,"sources":["../../../../../../src/views/Version/RenderFieldsToDiff/fields/Date/index.tsx"],"sourcesContent":["'use client'\nimport type { DateFieldDiffClientComponent } from 'payload'\n\nimport {\n FieldDiffContainer,\n getHTMLDiffComponents,\n useConfig,\n useTranslation,\n} from '@payloadcms/ui'\nimport { formatDate } from '@payloadcms/ui/shared'\n\nimport './index.scss'\n\nimport React from 'react'\n\nconst baseClass = 'date-diff'\n\nexport const DateDiffComponent: DateFieldDiffClientComponent = ({\n comparisonValue: valueFrom,\n field,\n locale,\n nestingLevel,\n versionValue: 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 { From, To } = getHTMLDiffComponents({\n fromHTML:\n `<div class=\"${baseClass}\" data-enable-match=\"true\" data-date=\"${formattedFromDate}\"><p>` +\n formattedFromDate +\n '</p></div>',\n toHTML:\n `<div class=\"${baseClass}\" data-enable-match=\"true\" data-date=\"${formattedToDate}\"><p>` +\n formattedToDate +\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"],"names":["FieldDiffContainer","getHTMLDiffComponents","useConfig","useTranslation","formatDate","baseClass","DateDiffComponent","comparisonValue","valueFrom","field","locale","nestingLevel","versionValue","valueTo","i18n","config","admin","dateFormat","formattedFromDate","date","Date","pattern","formattedToDate","From","To","fromHTML","toHTML","tokenizeByCharacter","className","label"],"mappings":"AAAA;AAGA,SACEA,kBAAkB,EAClBC,qBAAqB,EACrBC,SAAS,EACTC,cAAc,QACT,iBAAgB;AACvB,SAASC,UAAU,QAAQ,wBAAuB;AAElD,OAAO,eAAc;AAIrB,MAAMC,YAAY;AAElB,OAAO,MAAMC,oBAAkD,CAAC,EAC9DC,iBAAiBC,SAAS,EAC1BC,KAAK,EACLC,MAAM,EACNC,YAAY,EACZC,cAAcC,OAAO,EACtB;IACC,MAAM,EAAEC,IAAI,EAAE,GAAGX;IACjB,MAAM,EACJY,QAAQ,EACNC,OAAO,EAAEC,UAAU,EAAE,EACtB,EACF,GAAGf;IAEJ,MAAMgB,oBAAoBV,YACtBJ,WAAW;QACTe,MAAM,OAAOX,cAAc,WAAW,IAAIY,KAAKZ,aAAcA;QAC7DM;QACAO,SAASJ;IACX,KACA;IAEJ,MAAMK,kBAAkBT,UACpBT,WAAW;QACTe,MAAM,OAAON,YAAY,WAAW,IAAIO,KAAKP,WAAYA;QACzDC;QACAO,SAASJ;IACX,KACA;IAEJ,MAAM,EAAEM,IAAI,EAAEC,EAAE,EAAE,GAAGvB,sBAAsB;QACzCwB,UACE,CAAC,YAAY,EAAEpB,UAAU,sCAAsC,EAAEa,kBAAkB,KAAK,CAAC,GACzFA,oBACA;QACFQ,QACE,CAAC,YAAY,EAAErB,UAAU,sCAAsC,EAAEiB,gBAAgB,KAAK,CAAC,GACvFA,kBACA;QACFK,qBAAqB;IACvB;IAEA,QACG3B,mBACC4B,WAAWvB,WACXkB,MAAMA,MACNT,MAAMA,MACNe,OAAO;QACLA,OAAOpB,MAAMoB,KAAK;QAClBnB;IACF,GACAC,cAAcA,cACda,IAAIA;AAGV,EAAC"}
@@ -1,9 +1,7 @@
1
1
  'use client';
2
- import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
3
2
  import { getTranslation } from '@payloadcms/translations';
4
3
  import './index.scss';
5
4
  import { useTranslation } from '@payloadcms/ui';
6
- import React from 'react';
7
5
  import { useSelectedLocales } from '../../../Default/SelectedLocalesContext.js';
8
6
  import { DiffCollapser } from '../../DiffCollapser/index.js';
9
7
  import { RenderVersionFieldsToDiff } from '../../RenderVersionFieldsToDiff.js';
@@ -11,59 +9,16 @@ const baseClass = 'group-diff';
11
9
  export const Group = ({ baseVersionField, comparisonValue: valueFrom, field, locale, parentIsLocalized, versionValue: valueTo })=>{
12
10
  const { i18n } = useTranslation();
13
11
  const { selectedLocales } = useSelectedLocales();
14
- return /*#__PURE__*/ _jsxDEV("div", {
15
- className: baseClass,
16
- children: /*#__PURE__*/ _jsxDEV(DiffCollapser, {
17
- fields: field.fields,
18
- Label: 'label' in field && field.label && typeof field.label !== 'function' ? /*#__PURE__*/ _jsxDEV("span", {
19
- children: [
20
- locale && /*#__PURE__*/ _jsxDEV("span", {
21
- className: `${baseClass}__locale-label`,
22
- children: locale
23
- }, void 0, false, {
24
- fileName: "src/views/Version/RenderFieldsToDiff/fields/Group/index.tsx",
25
- lineNumber: 35,
26
- columnNumber: 26
27
- }, void 0),
28
- getTranslation(field.label, i18n)
29
- ]
30
- }, void 0, true, {
31
- fileName: "src/views/Version/RenderFieldsToDiff/fields/Group/index.tsx",
32
- lineNumber: 34,
33
- columnNumber: 13
34
- }, void 0) : /*#__PURE__*/ _jsxDEV("span", {
35
- className: `${baseClass}__locale-label ${baseClass}__locale-label--no-label`,
36
- children: [
37
- "<",
38
- i18n.t('version:noLabelGroup'),
39
- ">"
40
- ]
41
- }, void 0, true, {
42
- fileName: "src/views/Version/RenderFieldsToDiff/fields/Group/index.tsx",
43
- lineNumber: 39,
44
- columnNumber: 13
45
- }, void 0),
46
- locales: selectedLocales,
47
- parentIsLocalized: parentIsLocalized || field.localized,
48
- valueFrom: valueFrom,
49
- valueTo: valueTo,
50
- children: /*#__PURE__*/ _jsxDEV(RenderVersionFieldsToDiff, {
51
- versionFields: baseVersionField.fields
52
- }, void 0, false, {
53
- fileName: "src/views/Version/RenderFieldsToDiff/fields/Group/index.tsx",
54
- lineNumber: 49,
55
- columnNumber: 9
56
- }, this)
57
- }, void 0, false, {
58
- fileName: "src/views/Version/RenderFieldsToDiff/fields/Group/index.tsx",
59
- lineNumber: 30,
60
- columnNumber: 7
61
- }, this)
62
- }, void 0, false, {
63
- fileName: "src/views/Version/RenderFieldsToDiff/fields/Group/index.tsx",
64
- lineNumber: 29,
65
- columnNumber: 5
66
- }, this);
12
+ return <div className={baseClass}>
13
+ <DiffCollapser fields={field.fields} Label={'label' in field && field.label && typeof field.label !== 'function' ? <span>
14
+ {locale && <span className={`${baseClass}__locale-label`}>{locale}</span>}
15
+ {getTranslation(field.label, i18n)}
16
+ </span> : <span className={`${baseClass}__locale-label ${baseClass}__locale-label--no-label`}>
17
+ &lt;{i18n.t('version:noLabelGroup')}&gt;
18
+ </span>} locales={selectedLocales} parentIsLocalized={parentIsLocalized || field.localized} valueFrom={valueFrom} valueTo={valueTo}>
19
+ <RenderVersionFieldsToDiff versionFields={baseVersionField.fields}/>
20
+ </DiffCollapser>
21
+ </div>;
67
22
  };
68
23
 
69
24
  //# sourceMappingURL=index.js.map
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../../../../src/views/Version/RenderFieldsToDiff/fields/Group/index.tsx"],"sourcesContent":["'use client'\nimport type { GroupFieldDiffClientComponent } from 'payload'\n\nimport { getTranslation } from '@payloadcms/translations'\n\nimport './index.scss'\n\nimport { useTranslation } from '@payloadcms/ui'\nimport React from 'react'\n\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: GroupFieldDiffClientComponent = ({\n baseVersionField,\n comparisonValue: valueFrom,\n field,\n locale,\n parentIsLocalized,\n versionValue: 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"],"names":["getTranslation","useTranslation","React","useSelectedLocales","DiffCollapser","RenderVersionFieldsToDiff","baseClass","Group","baseVersionField","comparisonValue","valueFrom","field","locale","parentIsLocalized","versionValue","valueTo","i18n","selectedLocales","div","className","fields","Label","label","span","t","locales","localized","versionFields"],"mappings":"AAAA;;AAGA,SAASA,cAAc,QAAQ,2BAA0B;AAEzD,OAAO,eAAc;AAErB,SAASC,cAAc,QAAQ,iBAAgB;AAC/C,OAAOC,WAAW,QAAO;AAEzB,SAASC,kBAAkB,QAAQ,6CAA4C;AAC/E,SAASC,aAAa,QAAQ,+BAA8B;AAC5D,SAASC,yBAAyB,QAAQ,qCAAoC;AAE9E,MAAMC,YAAY;AAElB,OAAO,MAAMC,QAAuC,CAAC,EACnDC,gBAAgB,EAChBC,iBAAiBC,SAAS,EAC1BC,KAAK,EACLC,MAAM,EACNC,iBAAiB,EACjBC,cAAcC,OAAO,EACtB;IACC,MAAM,EAAEC,IAAI,EAAE,GAAGf;IACjB,MAAM,EAAEgB,eAAe,EAAE,GAAGd;IAE5B,qBACE,QAACe;QAAIC,WAAWb;kBACd,cAAA,QAACF;YACCgB,QAAQT,MAAMS,MAAM;YACpBC,OACE,WAAWV,SAASA,MAAMW,KAAK,IAAI,OAAOX,MAAMW,KAAK,KAAK,2BACxD,QAACC;;oBACEX,wBAAU,QAACW;wBAAKJ,WAAW,GAAGb,UAAU,cAAc,CAAC;kCAAGM;;;;;;oBAC1DZ,eAAeW,MAAMW,KAAK,EAAEN;;;;;;uCAG/B,QAACO;gBAAKJ,WAAW,GAAGb,UAAU,eAAe,EAAEA,UAAU,wBAAwB,CAAC;;oBAAE;oBAC7EU,KAAKQ,CAAC,CAAC;oBAAwB;;;;;;;YAI1CC,SAASR;YACTJ,mBAAmBA,qBAAqBF,MAAMe,SAAS;YACvDhB,WAAWA;YACXK,SAASA;sBAET,cAAA,QAACV;gBAA0BsB,eAAenB,iBAAiBY,MAAM;;;;;;;;;;;;;;;;AAIzE,EAAC"}
1
+ {"version":3,"sources":["../../../../../../src/views/Version/RenderFieldsToDiff/fields/Group/index.tsx"],"sourcesContent":["'use client'\nimport type { GroupFieldDiffClientComponent } from 'payload'\n\nimport { getTranslation } from '@payloadcms/translations'\n\nimport './index.scss'\n\nimport { useTranslation } from '@payloadcms/ui'\nimport React from 'react'\n\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: GroupFieldDiffClientComponent = ({\n baseVersionField,\n comparisonValue: valueFrom,\n field,\n locale,\n parentIsLocalized,\n versionValue: 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"],"names":["getTranslation","useTranslation","useSelectedLocales","DiffCollapser","RenderVersionFieldsToDiff","baseClass","Group","baseVersionField","comparisonValue","valueFrom","field","locale","parentIsLocalized","versionValue","valueTo","i18n","selectedLocales","div","className","fields","Label","label","span","t","locales","localized","versionFields"],"mappings":"AAAA;AAGA,SAASA,cAAc,QAAQ,2BAA0B;AAEzD,OAAO,eAAc;AAErB,SAASC,cAAc,QAAQ,iBAAgB;AAG/C,SAASC,kBAAkB,QAAQ,6CAA4C;AAC/E,SAASC,aAAa,QAAQ,+BAA8B;AAC5D,SAASC,yBAAyB,QAAQ,qCAAoC;AAE9E,MAAMC,YAAY;AAElB,OAAO,MAAMC,QAAuC,CAAC,EACnDC,gBAAgB,EAChBC,iBAAiBC,SAAS,EAC1BC,KAAK,EACLC,MAAM,EACNC,iBAAiB,EACjBC,cAAcC,OAAO,EACtB;IACC,MAAM,EAAEC,IAAI,EAAE,GAAGd;IACjB,MAAM,EAAEe,eAAe,EAAE,GAAGd;IAE5B,QACGe,IAAIC,WAAWb,WAAW;MACzB,CAACF,cACCgB,QAAQT,MAAMS,MAAM,EACpBC,OACE,WAAWV,SAASA,MAAMW,KAAK,IAAI,OAAOX,MAAMW,KAAK,KAAK,cACvDC,KAAK;cACJ,CAACX,WAAWW,KAAKJ,WAAW,GAAGb,UAAU,cAAc,CAAC,GAAGM,SAASW,MAAM;cAC1E,CAACtB,eAAeU,MAAMW,KAAK,EAAEN,MAAM;YACrC,EAAEO,SAEDA,KAAKJ,WAAW,GAAGb,UAAU,eAAe,EAAEA,UAAU,wBAAwB,CAAC,EAAE;kBAC9E,CAACU,KAAKQ,CAAC,CAAC,wBAAwB;YACtC,EAAED,OAGNE,SAASR,iBACTJ,mBAAmBA,qBAAqBF,MAAMe,SAAS,EACvDhB,WAAWA,WACXK,SAASA,SACV;QACC,CAACV,0BAA0BsB,eAAenB,iBAAiBY,MAAM,GAAI;MACvE,EAAEhB,cAAc;IAClB,EAAEc;AAEN,EAAC"}
@@ -1,10 +1,8 @@
1
1
  'use client';
2
- import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
3
2
  import { getTranslation } from '@payloadcms/translations';
4
3
  import { useConfig, useTranslation } from '@payloadcms/ui';
5
4
  import './index.scss';
6
5
  import { fieldIsArrayType, fieldIsBlockType } from 'payload/shared';
7
- import React from 'react';
8
6
  import { useSelectedLocales } from '../../../Default/SelectedLocalesContext.js';
9
7
  import { DiffCollapser } from '../../DiffCollapser/index.js';
10
8
  import { RenderVersionFieldsToDiff } from '../../RenderVersionFieldsToDiff.js';
@@ -20,132 +18,49 @@ export const Iterable = ({ baseVersionField, comparisonValue: valueFrom, field,
20
18
  const valueToRowCount = Array.isArray(valueTo) ? valueTo.length : 0;
21
19
  const valueFromRowCount = Array.isArray(valueFrom) ? valueFrom.length : 0;
22
20
  const maxRows = Math.max(valueToRowCount, valueFromRowCount);
23
- return /*#__PURE__*/ _jsxDEV("div", {
24
- className: baseClass,
25
- children: /*#__PURE__*/ _jsxDEV(DiffCollapser, {
26
- field: field,
27
- isIterable: true,
28
- Label: 'label' in field && field.label && typeof field.label !== 'function' && /*#__PURE__*/ _jsxDEV("span", {
29
- children: [
30
- locale && /*#__PURE__*/ _jsxDEV("span", {
31
- className: `${baseClass}__locale-label`,
32
- children: locale
33
- }, void 0, false, {
34
- fileName: "src/views/Version/RenderFieldsToDiff/fields/Iterable/index.tsx",
35
- lineNumber: 50,
36
- columnNumber: 26
37
- }, void 0),
38
- getTranslation(field.label, i18n)
39
- ]
40
- }, void 0, true, {
41
- fileName: "src/views/Version/RenderFieldsToDiff/fields/Iterable/index.tsx",
42
- lineNumber: 49,
43
- columnNumber: 13
44
- }, void 0),
45
- locales: selectedLocales,
46
- parentIsLocalized: parentIsLocalized,
47
- valueFrom: valueFrom,
48
- valueTo: valueTo,
49
- children: [
50
- maxRows > 0 && /*#__PURE__*/ _jsxDEV("div", {
51
- className: `${baseClass}__rows`,
52
- children: Array.from({
53
- length: maxRows
54
- }, (_, i)=>{
55
- const valueToRow = valueTo?.[i] || {};
56
- const valueFromRow = valueFrom?.[i] || {};
57
- const { fields, versionFields } = getFieldsForRowComparison({
58
- baseVersionField,
59
- config,
60
- field,
61
- row: i,
62
- valueFromRow,
63
- valueToRow
64
- });
65
- if (!versionFields?.length) {
66
- // Rows without a diff create "holes" in the baseVersionField.rows (=versionFields) array - this is to maintain the correct row indexes.
67
- // It does mean that this row has no diff and should not be rendered => skip it.
68
- return null;
69
- }
70
- const rowNumber = String(i + 1).padStart(2, '0');
71
- const rowLabel = fieldIsArrayType(field) ? `${t('general:item')} ${rowNumber}` : `${t('fields:block')} ${rowNumber}`;
72
- return /*#__PURE__*/ _jsxDEV("div", {
73
- className: `${baseClass}__row`,
74
- children: /*#__PURE__*/ _jsxDEV(DiffCollapser, {
75
- fields: fields,
76
- hideGutter: true,
77
- Label: /*#__PURE__*/ _jsxDEV("div", {
78
- className: `${baseClass}-label-container`,
79
- children: [
80
- /*#__PURE__*/ _jsxDEV("div", {
81
- className: `${baseClass}-label-prefix`
82
- }, void 0, false, {
83
- fileName: "src/views/Version/RenderFieldsToDiff/fields/Iterable/index.tsx",
84
- lineNumber: 93,
85
- columnNumber: 25
86
- }, void 0),
87
- /*#__PURE__*/ _jsxDEV("span", {
88
- className: `${baseClass}__label`,
89
- children: rowLabel
90
- }, void 0, false, {
91
- fileName: "src/views/Version/RenderFieldsToDiff/fields/Iterable/index.tsx",
92
- lineNumber: 94,
93
- columnNumber: 25
94
- }, void 0)
95
- ]
96
- }, void 0, true, {
97
- fileName: "src/views/Version/RenderFieldsToDiff/fields/Iterable/index.tsx",
98
- lineNumber: 92,
99
- columnNumber: 23
100
- }, void 0),
101
- locales: selectedLocales,
102
- parentIsLocalized: parentIsLocalized || field.localized,
103
- valueFrom: valueFromRow,
104
- valueTo: valueToRow,
105
- children: /*#__PURE__*/ _jsxDEV(RenderVersionFieldsToDiff, {
106
- versionFields: versionFields
107
- }, void 0, false, {
108
- fileName: "src/views/Version/RenderFieldsToDiff/fields/Iterable/index.tsx",
109
- lineNumber: 102,
110
- columnNumber: 21
111
- }, this)
112
- }, void 0, false, {
113
- fileName: "src/views/Version/RenderFieldsToDiff/fields/Iterable/index.tsx",
114
- lineNumber: 88,
115
- columnNumber: 19
116
- }, this)
117
- }, i, false, {
118
- fileName: "src/views/Version/RenderFieldsToDiff/fields/Iterable/index.tsx",
119
- lineNumber: 87,
120
- columnNumber: 17
121
- }, this);
122
- })
123
- }, void 0, false, {
124
- fileName: "src/views/Version/RenderFieldsToDiff/fields/Iterable/index.tsx",
125
- lineNumber: 61,
126
- columnNumber: 11
127
- }, this),
128
- maxRows === 0 && /*#__PURE__*/ _jsxDEV("div", {
129
- className: `${baseClass}__no-rows`,
130
- children: i18n.t('version:noRowsFound', {
131
- label: 'labels' in field && field.labels?.plural ? getTranslation(field.labels.plural, i18n) : i18n.t('general:rows')
132
- })
133
- }, void 0, false, {
134
- fileName: "src/views/Version/RenderFieldsToDiff/fields/Iterable/index.tsx",
135
- lineNumber: 110,
136
- columnNumber: 11
137
- }, this)
138
- ]
139
- }, void 0, true, {
140
- fileName: "src/views/Version/RenderFieldsToDiff/fields/Iterable/index.tsx",
141
- lineNumber: 42,
142
- columnNumber: 7
143
- }, this)
144
- }, void 0, false, {
145
- fileName: "src/views/Version/RenderFieldsToDiff/fields/Iterable/index.tsx",
146
- lineNumber: 41,
147
- columnNumber: 5
148
- }, this);
21
+ return <div className={baseClass}>
22
+ <DiffCollapser field={field} isIterable Label={'label' in field && field.label && typeof field.label !== 'function' && <span>
23
+ {locale && <span className={`${baseClass}__locale-label`}>{locale}</span>}
24
+ {getTranslation(field.label, i18n)}
25
+ </span>} locales={selectedLocales} parentIsLocalized={parentIsLocalized} valueFrom={valueFrom} valueTo={valueTo}>
26
+ {maxRows > 0 && <div className={`${baseClass}__rows`}>
27
+ {Array.from({
28
+ length: maxRows
29
+ }, (_, i)=>{
30
+ const valueToRow = valueTo?.[i] || {};
31
+ const valueFromRow = valueFrom?.[i] || {};
32
+ const { fields, versionFields } = getFieldsForRowComparison({
33
+ baseVersionField,
34
+ config,
35
+ field,
36
+ row: i,
37
+ valueFromRow,
38
+ valueToRow
39
+ });
40
+ if (!versionFields?.length) {
41
+ // Rows without a diff create "holes" in the baseVersionField.rows (=versionFields) array - this is to maintain the correct row indexes.
42
+ // It does mean that this row has no diff and should not be rendered => skip it.
43
+ return null;
44
+ }
45
+ const rowNumber = String(i + 1).padStart(2, '0');
46
+ const rowLabel = fieldIsArrayType(field) ? `${t('general:item')} ${rowNumber}` : `${t('fields:block')} ${rowNumber}`;
47
+ return <div className={`${baseClass}__row`} key={i}>
48
+ <DiffCollapser fields={fields} hideGutter={true} Label={<div className={`${baseClass}-label-container`}>
49
+ <div className={`${baseClass}-label-prefix`}></div>
50
+ <span className={`${baseClass}__label`}>{rowLabel}</span>
51
+ </div>} locales={selectedLocales} parentIsLocalized={parentIsLocalized || field.localized} valueFrom={valueFromRow} valueTo={valueToRow}>
52
+ <RenderVersionFieldsToDiff versionFields={versionFields}/>
53
+ </DiffCollapser>
54
+ </div>;
55
+ })}
56
+ </div>}
57
+ {maxRows === 0 && <div className={`${baseClass}__no-rows`}>
58
+ {i18n.t('version:noRowsFound', {
59
+ label: 'labels' in field && field.labels?.plural ? getTranslation(field.labels.plural, i18n) : i18n.t('general:rows')
60
+ })}
61
+ </div>}
62
+ </DiffCollapser>
63
+ </div>;
149
64
  };
150
65
 
151
66
  //# sourceMappingURL=index.js.map
@@ -1 +1 @@
1
- {"version":3,"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 { useConfig, useTranslation } from '@payloadcms/ui'\n\nimport './index.scss'\n\nimport { fieldIsArrayType, fieldIsBlockType } from 'payload/shared'\nimport React from 'react'\n\nimport { useSelectedLocales } from '../../../Default/SelectedLocalesContext.js'\nimport { DiffCollapser } from '../../DiffCollapser/index.js'\nimport { RenderVersionFieldsToDiff } from '../../RenderVersionFieldsToDiff.js'\nimport { getFieldsForRowComparison } from '../../utilities/getFieldsForRowComparison.js'\n\nconst baseClass = 'iterable-diff'\n\nexport const Iterable: React.FC<FieldDiffClientProps> = ({\n baseVersionField,\n comparisonValue: valueFrom,\n field,\n locale,\n parentIsLocalized,\n versionValue: 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\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 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"],"names":["getTranslation","useConfig","useTranslation","fieldIsArrayType","fieldIsBlockType","React","useSelectedLocales","DiffCollapser","RenderVersionFieldsToDiff","getFieldsForRowComparison","baseClass","Iterable","baseVersionField","comparisonValue","valueFrom","field","locale","parentIsLocalized","versionValue","valueTo","i18n","t","selectedLocales","config","Error","type","valueToRowCount","Array","isArray","length","valueFromRowCount","maxRows","Math","max","div","className","isIterable","Label","label","span","locales","from","_","i","valueToRow","valueFromRow","fields","versionFields","row","rowNumber","String","padStart","rowLabel","hideGutter","localized","labels","plural"],"mappings":"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"}
1
+ {"version":3,"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 { useConfig, useTranslation } from '@payloadcms/ui'\n\nimport './index.scss'\n\nimport { fieldIsArrayType, fieldIsBlockType } from 'payload/shared'\nimport React from 'react'\n\nimport { useSelectedLocales } from '../../../Default/SelectedLocalesContext.js'\nimport { DiffCollapser } from '../../DiffCollapser/index.js'\nimport { RenderVersionFieldsToDiff } from '../../RenderVersionFieldsToDiff.js'\nimport { getFieldsForRowComparison } from '../../utilities/getFieldsForRowComparison.js'\n\nconst baseClass = 'iterable-diff'\n\nexport const Iterable: React.FC<FieldDiffClientProps> = ({\n baseVersionField,\n comparisonValue: valueFrom,\n field,\n locale,\n parentIsLocalized,\n versionValue: 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\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 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"],"names":["getTranslation","useConfig","useTranslation","fieldIsArrayType","fieldIsBlockType","useSelectedLocales","DiffCollapser","RenderVersionFieldsToDiff","getFieldsForRowComparison","baseClass","Iterable","baseVersionField","comparisonValue","valueFrom","field","locale","parentIsLocalized","versionValue","valueTo","i18n","t","selectedLocales","config","Error","type","valueToRowCount","Array","isArray","length","valueFromRowCount","maxRows","Math","max","div","className","isIterable","Label","label","span","locales","from","_","i","valueToRow","valueFromRow","fields","versionFields","row","rowNumber","String","padStart","rowLabel","key","hideGutter","localized","labels","plural"],"mappings":"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"}