@payloadcms/next 3.35.0-internal.5e55452 → 3.35.0-internal.b3d367c
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.
- package/dist/prod/styles.css +1 -1
- package/dist/views/Version/Default/SetStepNav.d.ts +2 -2
- package/dist/views/Version/Default/SetStepNav.d.ts.map +1 -1
- package/dist/views/Version/Default/SetStepNav.js +4 -5
- package/dist/views/Version/Default/SetStepNav.js.map +1 -1
- package/dist/views/Version/Default/index.d.ts.map +1 -1
- package/dist/views/Version/Default/index.js +332 -127
- package/dist/views/Version/Default/index.js.map +1 -1
- package/dist/views/Version/Default/index.scss +102 -32
- package/dist/views/Version/Default/types.d.ts +12 -8
- package/dist/views/Version/Default/types.d.ts.map +1 -1
- package/dist/views/Version/Default/types.js.map +1 -1
- package/dist/views/Version/RenderFieldsToDiff/DiffCollapser/index.d.ts +4 -4
- package/dist/views/Version/RenderFieldsToDiff/DiffCollapser/index.d.ts.map +1 -1
- package/dist/views/Version/RenderFieldsToDiff/DiffCollapser/index.js +32 -33
- package/dist/views/Version/RenderFieldsToDiff/DiffCollapser/index.js.map +1 -1
- package/dist/views/Version/RenderFieldsToDiff/DiffCollapser/index.scss +30 -3
- package/dist/views/Version/RenderFieldsToDiff/RenderVersionFieldsToDiff.d.ts +6 -1
- package/dist/views/Version/RenderFieldsToDiff/RenderVersionFieldsToDiff.d.ts.map +1 -1
- package/dist/views/Version/RenderFieldsToDiff/RenderVersionFieldsToDiff.js +21 -17
- package/dist/views/Version/RenderFieldsToDiff/RenderVersionFieldsToDiff.js.map +1 -1
- package/dist/views/Version/RenderFieldsToDiff/buildVersionFields.d.ts +4 -3
- package/dist/views/Version/RenderFieldsToDiff/buildVersionFields.d.ts.map +1 -1
- package/dist/views/Version/RenderFieldsToDiff/buildVersionFields.js +80 -55
- package/dist/views/Version/RenderFieldsToDiff/buildVersionFields.js.map +1 -1
- package/dist/views/Version/RenderFieldsToDiff/fields/Collapsible/index.js +11 -11
- package/dist/views/Version/RenderFieldsToDiff/fields/Collapsible/index.js.map +1 -1
- package/dist/views/Version/RenderFieldsToDiff/fields/Date/index.d.ts +4 -0
- package/dist/views/Version/RenderFieldsToDiff/fields/Date/index.d.ts.map +1 -0
- package/dist/views/Version/RenderFieldsToDiff/fields/Date/index.js +78 -0
- package/dist/views/Version/RenderFieldsToDiff/fields/Date/index.js.map +1 -0
- package/dist/views/Version/RenderFieldsToDiff/fields/Date/index.scss +4 -0
- package/dist/views/Version/RenderFieldsToDiff/fields/Group/index.js +11 -11
- package/dist/views/Version/RenderFieldsToDiff/fields/Group/index.js.map +1 -1
- package/dist/views/Version/RenderFieldsToDiff/fields/Group/index.scss +0 -10
- package/dist/views/Version/RenderFieldsToDiff/fields/Iterable/index.js +20 -20
- package/dist/views/Version/RenderFieldsToDiff/fields/Iterable/index.js.map +1 -1
- package/dist/views/Version/RenderFieldsToDiff/fields/Iterable/index.scss +3 -5
- package/dist/views/Version/RenderFieldsToDiff/fields/Relationship/index.d.ts.map +1 -1
- package/dist/views/Version/RenderFieldsToDiff/fields/Relationship/index.js +49 -58
- package/dist/views/Version/RenderFieldsToDiff/fields/Relationship/index.js.map +1 -1
- package/dist/views/Version/RenderFieldsToDiff/fields/Relationship/index.scss +0 -11
- package/dist/views/Version/RenderFieldsToDiff/fields/Select/index.d.ts.map +1 -1
- package/dist/views/Version/RenderFieldsToDiff/fields/Select/index.js +39 -45
- package/dist/views/Version/RenderFieldsToDiff/fields/Select/index.js.map +1 -1
- package/dist/views/Version/RenderFieldsToDiff/fields/Select/index.scss +0 -11
- package/dist/views/Version/RenderFieldsToDiff/fields/Tabs/index.d.ts.map +1 -1
- package/dist/views/Version/RenderFieldsToDiff/fields/Tabs/index.js +37 -37
- package/dist/views/Version/RenderFieldsToDiff/fields/Tabs/index.js.map +1 -1
- package/dist/views/Version/RenderFieldsToDiff/fields/Tabs/index.scss +0 -11
- package/dist/views/Version/RenderFieldsToDiff/fields/Text/index.d.ts.map +1 -1
- package/dist/views/Version/RenderFieldsToDiff/fields/Text/index.js +77 -60
- package/dist/views/Version/RenderFieldsToDiff/fields/Text/index.js.map +1 -1
- package/dist/views/Version/RenderFieldsToDiff/fields/Text/index.scss +0 -11
- package/dist/views/Version/RenderFieldsToDiff/fields/index.d.ts.map +1 -1
- package/dist/views/Version/RenderFieldsToDiff/fields/index.js +2 -1
- package/dist/views/Version/RenderFieldsToDiff/fields/index.js.map +1 -1
- package/dist/views/Version/RenderFieldsToDiff/index.js +1 -0
- package/dist/views/Version/RenderFieldsToDiff/index.js.map +1 -1
- package/dist/views/Version/Restore/index.d.ts.map +1 -1
- package/dist/views/Version/Restore/index.js +1 -1
- package/dist/views/Version/Restore/index.js.map +1 -1
- package/dist/views/Version/Restore/index.scss +6 -1
- package/dist/views/Version/SelectComparison/VersionPillLabel.d.ts +6 -0
- package/dist/views/Version/SelectComparison/VersionPillLabel.d.ts.map +1 -0
- package/dist/views/Version/SelectComparison/VersionPillLabel.js +70 -0
- package/dist/views/Version/SelectComparison/VersionPillLabel.js.map +1 -0
- package/dist/views/Version/SelectComparison/formatVersionPill.d.ts +8 -0
- package/dist/views/Version/SelectComparison/formatVersionPill.d.ts.map +1 -0
- package/dist/views/Version/SelectComparison/formatVersionPill.js +24 -0
- package/dist/views/Version/SelectComparison/formatVersionPill.js.map +1 -0
- package/dist/views/Version/SelectComparison/index.d.ts.map +1 -1
- package/dist/views/Version/SelectComparison/index.js +26 -68
- package/dist/views/Version/SelectComparison/index.js.map +1 -1
- package/dist/views/Version/SelectComparison/index.scss +0 -4
- package/dist/views/Version/SelectComparison/types.d.ts +4 -4
- package/dist/views/Version/SelectComparison/types.d.ts.map +1 -1
- package/dist/views/Version/SelectComparison/types.js.map +1 -1
- package/dist/views/Version/SelectLocales/index.d.ts +9 -2
- package/dist/views/Version/SelectLocales/index.d.ts.map +1 -1
- package/dist/views/Version/SelectLocales/index.js +33 -60
- package/dist/views/Version/SelectLocales/index.js.map +1 -1
- package/dist/views/Version/index.d.ts.map +1 -1
- package/dist/views/Version/index.js +105 -56
- package/dist/views/Version/index.js.map +1 -1
- package/dist/views/Versions/cells/AutosaveCell/index.d.ts.map +1 -1
- package/dist/views/Versions/cells/AutosaveCell/index.js +4 -4
- package/dist/views/Versions/cells/AutosaveCell/index.js.map +1 -1
- package/dist/views/Versions/getLatestVersion.d.ts +2 -2
- package/dist/views/Versions/getLatestVersion.d.ts.map +1 -1
- package/dist/views/Versions/getLatestVersion.js.map +1 -1
- package/package.json +7 -8
- package/dist/views/Version/RenderFieldsToDiff/fields/Select/DiffViewer/index.d.ts +0 -9
- package/dist/views/Version/RenderFieldsToDiff/fields/Select/DiffViewer/index.d.ts.map +0 -1
- package/dist/views/Version/RenderFieldsToDiff/fields/Select/DiffViewer/index.js +0 -23
- package/dist/views/Version/RenderFieldsToDiff/fields/Select/DiffViewer/index.js.map +0 -1
- package/dist/views/Version/RenderFieldsToDiff/fields/Text/DiffViewer/index.d.ts +0 -9
- package/dist/views/Version/RenderFieldsToDiff/fields/Text/DiffViewer/index.d.ts.map +0 -1
- package/dist/views/Version/RenderFieldsToDiff/fields/Text/DiffViewer/index.js +0 -23
- package/dist/views/Version/RenderFieldsToDiff/fields/Text/DiffViewer/index.js.map +0 -1
- package/dist/views/Version/RenderFieldsToDiff/fields/diffMethods.d.ts +0 -7
- package/dist/views/Version/RenderFieldsToDiff/fields/diffMethods.d.ts.map +0 -1
- package/dist/views/Version/RenderFieldsToDiff/fields/diffMethods.js +0 -7
- package/dist/views/Version/RenderFieldsToDiff/fields/diffMethods.js.map +0 -1
- package/dist/views/Version/RenderFieldsToDiff/fields/styles.d.ts +0 -3
- package/dist/views/Version/RenderFieldsToDiff/fields/styles.d.ts.map +0 -1
- package/dist/views/Version/RenderFieldsToDiff/fields/styles.js +0 -37
- package/dist/views/Version/RenderFieldsToDiff/fields/styles.js.map +0 -1
- package/dist/views/Version/SelectLocales/index.scss +0 -9
- package/dist/views/Version/SelectLocales/types.d.ts +0 -7
- package/dist/views/Version/SelectLocales/types.d.ts.map +0 -1
- package/dist/views/Version/SelectLocales/types.js +0 -2
- package/dist/views/Version/SelectLocales/types.js.map +0 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","names":["c","_c","getTranslation","useTranslation","React","useSelectedLocales","DiffCollapser","RenderVersionFieldsToDiff","baseClass","Collapsible","t0","$","baseVersionField","comparisonValue","field","parentIsLocalized","versionValue","i18n","selectedLocales","fields","length","t1","label","_jsx","children","t2","localized","t3","className","
|
|
1
|
+
{"version":3,"file":"index.js","names":["c","_c","getTranslation","useTranslation","React","useSelectedLocales","DiffCollapser","RenderVersionFieldsToDiff","baseClass","Collapsible","t0","$","baseVersionField","comparisonValue","valueFrom","field","parentIsLocalized","versionValue","valueTo","i18n","selectedLocales","fields","length","t1","label","_jsx","children","t2","localized","t3","className","versionFields"],"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"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AAGA,SAASC,cAAc,QAAQ;AAC/B,SAASC,cAAc,QAAQ;AAC/B,OAAOC,KAAA,MAAW;AAElB,SAASC,kBAAkB,QAAQ;AACnC,SAASC,aAAa,QAAQ;AAC9B,SAASC,yBAAyB,QAAQ;AAE1C,MAAMC,SAAA,GAAY;AAElB,OAAO,MAAMC,WAAA,GAAmDC,EAAA;EAAA,MAAAC,CAAA,GAAAV,EAAA;EAAC;IAAAW,gBAAA;IAAAC,eAAA,EAAAC,SAAA;IAAAC,KAAA;IAAAC,iBAAA;IAAAC,YAAA,EAAAC;EAAA,IAAAR,EAMhE;EACC;IAAAS;EAAA,IAAiBhB,cAAA;EACjB;IAAAiB;EAAA,IAA4Bf,kBAAA;EAAA,KAEvBO,gBAAA,CAAAS,MAAA,EAAAC,MAAA;IAAA;EAAA;EAAA,IAAAC,EAAA;EAAA,IAAAZ,CAAA,QAAAI,KAAA,IAAAJ,CAAA,QAAAQ,IAAA;IASGI,EAAA,cAAWR,KAAA,IACXA,KAAA,CAAAS,KAAW,IACX,OAAOT,KAAA,CAAAS,KAAA,KAAgB,cAAcC,IAAA,CAAC;MAAAC,QAAA,EAAMxB,cAAA,CAAea,KAAA,CAAAS,KAAA,EAAaL,IAAA;IAAA,C;;;;;;;EAGvD,MAAAQ,EAAA,GAAAX,iBAAA,IAAqBD,KAAA,CAAAa,SAAe;EAAA,IAAAC,EAAA;EAAA,IAAAlB,CAAA,QAAAC,gBAAA,CAAAS,MAAA,IAAAV,CAAA,QAAAI,KAAA,CAAAM,MAAA,IAAAV,CAAA,QAAAS,eAAA,IAAAT,CAAA,QAAAY,EAAA,IAAAZ,CAAA,QAAAgB,EAAA,IAAAhB,CAAA,QAAAG,SAAA,IAAAH,CAAA,QAAAO,OAAA;IAT3DW,EAAA,GAAAJ,IAAA,CAAC;MAAAK,SAAA,EAAAtB,SAAA;MAAAkB,QAAA,EACCD,IAAA,CAAAnB,aAAA;QAAAe,MAAA,EACUN,KAAA,CAAAM,MAAA;QAAAG,KAAA,EAEND,E;iBAIOH,eAAA;QAAAJ,iBAAA,EACUW,EAAoC;QAAAb,SAAA;QAAAI,OAAA;QAAAQ,QAAA,EAIvDD,IAAA,CAAAlB,yBAAA;UAAAwB,aAAA,EAA0CnB,gBAAA,CAAAS;QAAA,C;;;;;;;;;;;;;;SAb9CQ,E;CAiBJ","ignoreList":[]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/views/Version/RenderFieldsToDiff/fields/Date/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,4BAA4B,EAAE,MAAM,SAAS,CAAA;AAY3D,OAAO,cAAc,CAAA;AAMrB,eAAO,MAAM,iBAAiB,EAAE,4BAwD/B,CAAA"}
|
|
@@ -0,0 +1,78 @@
|
|
|
1
|
+
'use client';
|
|
2
|
+
|
|
3
|
+
import { c as _c } from "react/compiler-runtime";
|
|
4
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
5
|
+
import { FieldDiffContainer, getHTMLDiffComponents, useConfig, useTranslation } from '@payloadcms/ui';
|
|
6
|
+
import { formatDate } from '@payloadcms/ui/shared';
|
|
7
|
+
import React from 'react';
|
|
8
|
+
const baseClass = 'date-diff';
|
|
9
|
+
export const DateDiffComponent = t0 => {
|
|
10
|
+
const $ = _c(7);
|
|
11
|
+
const {
|
|
12
|
+
comparisonValue: valueFrom,
|
|
13
|
+
field,
|
|
14
|
+
locale,
|
|
15
|
+
nestingLevel,
|
|
16
|
+
versionValue: valueTo
|
|
17
|
+
} = t0;
|
|
18
|
+
const {
|
|
19
|
+
i18n
|
|
20
|
+
} = useTranslation();
|
|
21
|
+
const {
|
|
22
|
+
config: t1
|
|
23
|
+
} = useConfig();
|
|
24
|
+
const {
|
|
25
|
+
admin: t2
|
|
26
|
+
} = t1;
|
|
27
|
+
const {
|
|
28
|
+
dateFormat
|
|
29
|
+
} = t2;
|
|
30
|
+
if (valueTo == valueFrom) {
|
|
31
|
+
i18n.t("general:noValue");
|
|
32
|
+
}
|
|
33
|
+
const formattedFromDate = valueFrom ? formatDate({
|
|
34
|
+
date: typeof valueFrom === "string" ? new Date(valueFrom) : valueFrom,
|
|
35
|
+
i18n,
|
|
36
|
+
pattern: dateFormat
|
|
37
|
+
}) : "";
|
|
38
|
+
const formattedToDate = valueTo ? formatDate({
|
|
39
|
+
date: typeof valueTo === "string" ? new Date(valueTo) : valueTo,
|
|
40
|
+
i18n,
|
|
41
|
+
pattern: dateFormat
|
|
42
|
+
}) : "";
|
|
43
|
+
const t3 = "<p>" + formattedFromDate + "</p>";
|
|
44
|
+
const t4 = "<p>" + formattedToDate + "</p>";
|
|
45
|
+
let t5;
|
|
46
|
+
if ($[0] !== field.label || $[1] !== i18n || $[2] !== locale || $[3] !== nestingLevel || $[4] !== t3 || $[5] !== t4) {
|
|
47
|
+
const {
|
|
48
|
+
From,
|
|
49
|
+
To
|
|
50
|
+
} = getHTMLDiffComponents({
|
|
51
|
+
fromHTML: t3,
|
|
52
|
+
toHTML: t4,
|
|
53
|
+
tokenizeByCharacter: true
|
|
54
|
+
});
|
|
55
|
+
t5 = _jsx(FieldDiffContainer, {
|
|
56
|
+
className: baseClass,
|
|
57
|
+
From,
|
|
58
|
+
i18n,
|
|
59
|
+
label: {
|
|
60
|
+
label: field.label,
|
|
61
|
+
locale
|
|
62
|
+
},
|
|
63
|
+
nestingLevel,
|
|
64
|
+
To
|
|
65
|
+
});
|
|
66
|
+
$[0] = field.label;
|
|
67
|
+
$[1] = i18n;
|
|
68
|
+
$[2] = locale;
|
|
69
|
+
$[3] = nestingLevel;
|
|
70
|
+
$[4] = t3;
|
|
71
|
+
$[5] = t4;
|
|
72
|
+
$[6] = t5;
|
|
73
|
+
} else {
|
|
74
|
+
t5 = $[6];
|
|
75
|
+
}
|
|
76
|
+
return t5;
|
|
77
|
+
};
|
|
78
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","names":["c","_c","FieldDiffContainer","getHTMLDiffComponents","useConfig","useTranslation","formatDate","React","baseClass","DateDiffComponent","t0","$","comparisonValue","valueFrom","field","locale","nestingLevel","versionValue","valueTo","i18n","config","t1","admin","t2","dateFormat","t","formattedFromDate","date","Date","pattern","formattedToDate","t3","t4","t5","label","From","To","fromHTML","toHTML","tokenizeByCharacter","_jsx","className"],"sources":["../../../../../../src/views/Version/RenderFieldsToDiff/fields/Date/index.tsx"],"sourcesContent":["'use client'\nimport type { DateFieldDiffClientComponent } from 'payload'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport {\n FieldDiffContainer,\n FieldDiffLabel,\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 diffMethod,\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 let placeholder = ''\n\n if (valueTo == valueFrom) {\n placeholder = `[${i18n.t('general:noValue')}]`\n }\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: '<p>' + formattedFromDate + '</p>',\n toHTML: '<p>' + formattedToDate + '</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":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AAIA,SACEC,kBAAkB,EAElBC,qBAAqB,EACrBC,SAAS,EACTC,cAAc,QACT;AACP,SAASC,UAAU,QAAQ;AAI3B,OAAOC,KAAA,MAAW;AAElB,MAAMC,SAAA,GAAY;AAElB,OAAO,MAAMC,iBAAA,GAAkDC,EAAA;EAAA,MAAAC,CAAA,GAAAV,EAAA;EAAC;IAAAW,eAAA,EAAAC,SAAA;IAAAC,KAAA;IAAAC,MAAA;IAAAC,YAAA;IAAAC,YAAA,EAAAC;EAAA,IAAAR,EAO/D;EACC;IAAAS;EAAA,IAAiBd,cAAA;EACjB;IAAAe,MAAA,EAAAC;EAAA,IAIIjB,SAAA;EAHM;IAAAkB,KAAA,EAAAC;EAAA,IAAAF,EAEP;EADQ;IAAAG;EAAA,IAAAD,EAAc;EAAA,IAMrBL,OAAA,IAAWL,SAAA;IACKM,IAAA,CAAAM,CAAA,CAAO;EAAA;EAG3B,MAAAC,iBAAA,GAA0Bb,SAAA,GACtBP,UAAA;IAAAqB,IAAA,EACQ,OAAOd,SAAA,KAAc,eAAAe,IAAA,CAAoBf,SAAA,IAAcA,SAAA;IAAAM,IAAA;IAAAU,OAAA,EAEpDL;EAAA,CACX,IACA;EAEJ,MAAAM,eAAA,GAAwBZ,OAAA,GACpBZ,UAAA;IAAAqB,IAAA,EACQ,OAAOT,OAAA,KAAY,eAAAU,IAAA,CAAoBV,OAAA,IAAYA,OAAA;IAAAC,IAAA;IAAAU,OAAA,EAEhDL;EAAA,CACX,IACA;EAGQ,MAAAO,EAAA,WAAQL,iBAAA,GAAoB;EAC9B,MAAAM,EAAA,WAAQF,eAAA,GAAkB;EAAA,IAAAG,EAAA;EAAA,IAAAtB,CAAA,QAAAG,KAAA,CAAAoB,KAAA,IAAAvB,CAAA,QAAAQ,IAAA,IAAAR,CAAA,QAAAI,MAAA,IAAAJ,CAAA,QAAAK,YAAA,IAAAL,CAAA,QAAAoB,EAAA,IAAApB,CAAA,QAAAqB,EAAA;IAFpC;MAAAG,IAAA;MAAAC;IAAA,IAAqBjC,qBAAA;MAAAkC,QAAA,EACTN,EAA4B;MAAAO,MAAA,EAC9BN,EAA0B;MAAAO,mBAAA;IAAA,CAEpC;IAGEN,EAAA,GAAAO,IAAA,CAAAtC,kBAAA;MAAAuC,SAAA,EAAAjC,SAAA;MAAA2B,IAAA;MAAAhB,IAAA;MAAAe,KAAA;QAAAA,KAAA,EAKWpB,KAAA,CAAAoB,KAAA;QAAAnB;MAAA;MAAAC,YAAA;MAAAoB;IAAA,C;;;;;;;;;;;SALXH,E;CAYJ","ignoreList":[]}
|
|
@@ -13,11 +13,11 @@ export const Group = t0 => {
|
|
|
13
13
|
const $ = _c(12);
|
|
14
14
|
const {
|
|
15
15
|
baseVersionField,
|
|
16
|
-
comparisonValue,
|
|
16
|
+
comparisonValue: valueFrom,
|
|
17
17
|
field,
|
|
18
18
|
locale,
|
|
19
19
|
parentIsLocalized,
|
|
20
|
-
versionValue
|
|
20
|
+
versionValue: valueTo
|
|
21
21
|
} = t0;
|
|
22
22
|
const {
|
|
23
23
|
i18n
|
|
@@ -42,28 +42,28 @@ export const Group = t0 => {
|
|
|
42
42
|
}
|
|
43
43
|
const t2 = parentIsLocalized || field.localized;
|
|
44
44
|
let t3;
|
|
45
|
-
if ($[4] !== baseVersionField.fields || $[5] !==
|
|
45
|
+
if ($[4] !== baseVersionField.fields || $[5] !== field.fields || $[6] !== selectedLocales || $[7] !== t1 || $[8] !== t2 || $[9] !== valueFrom || $[10] !== valueTo) {
|
|
46
46
|
t3 = _jsx("div", {
|
|
47
47
|
className: baseClass,
|
|
48
48
|
children: _jsx(DiffCollapser, {
|
|
49
|
-
comparison: comparisonValue,
|
|
50
49
|
fields: field.fields,
|
|
51
50
|
label: t1,
|
|
52
51
|
locales: selectedLocales,
|
|
53
52
|
parentIsLocalized: t2,
|
|
54
|
-
|
|
53
|
+
valueFrom,
|
|
54
|
+
valueTo,
|
|
55
55
|
children: _jsx(RenderVersionFieldsToDiff, {
|
|
56
56
|
versionFields: baseVersionField.fields
|
|
57
57
|
})
|
|
58
58
|
})
|
|
59
59
|
});
|
|
60
60
|
$[4] = baseVersionField.fields;
|
|
61
|
-
$[5] =
|
|
62
|
-
$[6] =
|
|
63
|
-
$[7] =
|
|
64
|
-
$[8] =
|
|
65
|
-
$[9] =
|
|
66
|
-
$[10] =
|
|
61
|
+
$[5] = field.fields;
|
|
62
|
+
$[6] = selectedLocales;
|
|
63
|
+
$[7] = t1;
|
|
64
|
+
$[8] = t2;
|
|
65
|
+
$[9] = valueFrom;
|
|
66
|
+
$[10] = valueTo;
|
|
67
67
|
$[11] = t3;
|
|
68
68
|
} else {
|
|
69
69
|
t3 = $[11];
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","names":["c","_c","getTranslation","useTranslation","React","useSelectedLocales","DiffCollapser","RenderVersionFieldsToDiff","baseClass","Group","t0","$","baseVersionField","comparisonValue","field","locale","parentIsLocalized","versionValue","i18n","selectedLocales","t1","label","_jsxs","children","_jsx","className","t2","localized","t3","fields","
|
|
1
|
+
{"version":3,"file":"index.js","names":["c","_c","getTranslation","useTranslation","React","useSelectedLocales","DiffCollapser","RenderVersionFieldsToDiff","baseClass","Group","t0","$","baseVersionField","comparisonValue","valueFrom","field","locale","parentIsLocalized","versionValue","valueTo","i18n","selectedLocales","t1","label","_jsxs","children","_jsx","className","t2","localized","t3","fields","versionFields"],"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 &&\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 || 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;AAI/B,SAASC,cAAc,QAAQ;AAC/B,OAAOC,KAAA,MAAW;AAElB,SAASC,kBAAkB,QAAQ;AACnC,SAASC,aAAa,QAAQ;AAC9B,SAASC,yBAAyB,QAAQ;AAE1C,MAAMC,SAAA,GAAY;AAElB,OAAO,MAAMC,KAAA,GAAuCC,EAAA;EAAA,MAAAC,CAAA,GAAAV,EAAA;EAAC;IAAAW,gBAAA;IAAAC,eAAA,EAAAC,SAAA;IAAAC,KAAA;IAAAC,MAAA;IAAAC,iBAAA;IAAAC,YAAA,EAAAC;EAAA,IAAAT,EAOpD;EACC;IAAAU;EAAA,IAAiBjB,cAAA;EACjB;IAAAkB;EAAA,IAA4BhB,kBAAA;EAAA,IAAAiB,EAAA;EAAA,IAAAX,CAAA,QAAAI,KAAA,IAAAJ,CAAA,QAAAS,IAAA,IAAAT,CAAA,QAAAK,MAAA;IAOpBM,EAAA,cAAWP,KAAA,IACXA,KAAA,CAAAQ,KAAW,IACX,OAAOR,KAAA,CAAAQ,KAAA,KAAgB,cACrBC,KAAA,CAAC;MAAAC,QAAA,GACET,MAAA,IAAUU,IAAA,CAAC;QAAAC,SAAA,EAAgB,GAAAnB,SAAA,gBAA4B;QAAAiB,QAAA,EAAGT;MAAA,C,GAC1Dd,cAAA,CAAea,KAAA,CAAAQ,KAAA,EAAaH,IAAA;IAAA,C;;;;;;;;EAKhB,MAAAQ,EAAA,GAAAX,iBAAA,IAAqBF,KAAA,CAAAc,SAAe;EAAA,IAAAC,EAAA;EAAA,IAAAnB,CAAA,QAAAC,gBAAA,CAAAmB,MAAA,IAAApB,CAAA,QAAAI,KAAA,CAAAgB,MAAA,IAAApB,CAAA,QAAAU,eAAA,IAAAV,CAAA,QAAAW,EAAA,IAAAX,CAAA,QAAAiB,EAAA,IAAAjB,CAAA,QAAAG,SAAA,IAAAH,CAAA,SAAAQ,OAAA;IAd3DW,EAAA,GAAAJ,IAAA,CAAC;MAAAC,SAAA,EAAAnB,SAAA;MAAAiB,QAAA,EACCC,IAAA,CAAApB,aAAA;QAAAyB,MAAA,EACUhB,KAAA,CAAAgB,MAAA;QAAAR,KAAA,EAEND,E;iBASOD,eAAA;QAAAJ,iBAAA,EACUW,EAAoC;QAAAd,SAAA;QAAAK,OAAA;QAAAM,QAAA,EAIvDC,IAAA,CAAAnB,yBAAA;UAAAyB,aAAA,EAA0CpB,gBAAA,CAAAmB;QAAA,C;;;;;;;;;;;;;;SAlB9CD,E;CAsBJ","ignoreList":[]}
|
|
@@ -1,14 +1,4 @@
|
|
|
1
1
|
@layer payload-default {
|
|
2
2
|
.group-diff {
|
|
3
|
-
&__locale-label {
|
|
4
|
-
background: var(--theme-elevation-100);
|
|
5
|
-
padding: calc(var(--base) * 0.25);
|
|
6
|
-
[dir='ltr'] & {
|
|
7
|
-
margin-right: calc(var(--base) * 0.25);
|
|
8
|
-
}
|
|
9
|
-
[dir='rtl'] & {
|
|
10
|
-
margin-left: calc(var(--base) * 0.25);
|
|
11
|
-
}
|
|
12
|
-
}
|
|
13
3
|
}
|
|
14
4
|
}
|
|
@@ -15,11 +15,11 @@ export const Iterable = t0 => {
|
|
|
15
15
|
const $ = _c(15);
|
|
16
16
|
const {
|
|
17
17
|
baseVersionField,
|
|
18
|
-
comparisonValue,
|
|
18
|
+
comparisonValue: valueFrom,
|
|
19
19
|
field,
|
|
20
20
|
locale,
|
|
21
21
|
parentIsLocalized,
|
|
22
|
-
versionValue
|
|
22
|
+
versionValue: valueTo
|
|
23
23
|
} = t0;
|
|
24
24
|
const {
|
|
25
25
|
i18n
|
|
@@ -30,8 +30,8 @@ export const Iterable = t0 => {
|
|
|
30
30
|
const {
|
|
31
31
|
config
|
|
32
32
|
} = useConfig();
|
|
33
|
-
const versionRowCount = Array.isArray(
|
|
34
|
-
const comparisonRowCount = Array.isArray(
|
|
33
|
+
const versionRowCount = Array.isArray(valueTo) ? valueTo.length : 0;
|
|
34
|
+
const comparisonRowCount = Array.isArray(valueFrom) ? valueFrom.length : 0;
|
|
35
35
|
const maxRows = Math.max(versionRowCount, comparisonRowCount);
|
|
36
36
|
if (!fieldIsArrayType(field) && !fieldIsBlockType(field)) {
|
|
37
37
|
throw new Error(`Expected field to be an array or blocks type but got: ${field.type}`);
|
|
@@ -52,22 +52,22 @@ export const Iterable = t0 => {
|
|
|
52
52
|
t1 = $[3];
|
|
53
53
|
}
|
|
54
54
|
let t2;
|
|
55
|
-
if ($[4] !== baseVersionField || $[5] !==
|
|
55
|
+
if ($[4] !== baseVersionField || $[5] !== config || $[6] !== field || $[7] !== i18n || $[8] !== maxRows || $[9] !== parentIsLocalized || $[10] !== selectedLocales || $[11] !== t1 || $[12] !== valueFrom || $[13] !== valueTo) {
|
|
56
56
|
t2 = _jsx("div", {
|
|
57
57
|
className: baseClass,
|
|
58
58
|
children: _jsxs(DiffCollapser, {
|
|
59
|
-
comparison: comparisonValue,
|
|
60
59
|
field,
|
|
61
60
|
isIterable: true,
|
|
62
61
|
label: t1,
|
|
63
62
|
locales: selectedLocales,
|
|
64
63
|
parentIsLocalized,
|
|
65
|
-
|
|
64
|
+
valueFrom,
|
|
65
|
+
valueTo,
|
|
66
66
|
children: [maxRows > 0 && _jsx("div", {
|
|
67
67
|
className: `${baseClass}__rows`,
|
|
68
68
|
children: Array.from(Array(maxRows).keys()).map((row, i) => {
|
|
69
|
-
const versionRow =
|
|
70
|
-
const comparisonRow =
|
|
69
|
+
const versionRow = valueTo?.[i] || {};
|
|
70
|
+
const comparisonRow = valueFrom?.[i] || {};
|
|
71
71
|
const {
|
|
72
72
|
fields,
|
|
73
73
|
versionFields
|
|
@@ -84,12 +84,12 @@ export const Iterable = t0 => {
|
|
|
84
84
|
return _jsx("div", {
|
|
85
85
|
className: `${baseClass}__row`,
|
|
86
86
|
children: _jsx(DiffCollapser, {
|
|
87
|
-
comparison: comparisonRow,
|
|
88
87
|
fields,
|
|
89
88
|
label: rowLabel,
|
|
90
89
|
locales: selectedLocales,
|
|
91
90
|
parentIsLocalized: parentIsLocalized || field.localized,
|
|
92
|
-
|
|
91
|
+
valueFrom: comparisonRow,
|
|
92
|
+
valueTo: versionRow,
|
|
93
93
|
children: _jsx(RenderVersionFieldsToDiff, {
|
|
94
94
|
versionFields
|
|
95
95
|
})
|
|
@@ -105,15 +105,15 @@ export const Iterable = t0 => {
|
|
|
105
105
|
})
|
|
106
106
|
});
|
|
107
107
|
$[4] = baseVersionField;
|
|
108
|
-
$[5] =
|
|
109
|
-
$[6] =
|
|
110
|
-
$[7] =
|
|
111
|
-
$[8] =
|
|
112
|
-
$[9] =
|
|
113
|
-
$[10] =
|
|
114
|
-
$[11] =
|
|
115
|
-
$[12] =
|
|
116
|
-
$[13] =
|
|
108
|
+
$[5] = config;
|
|
109
|
+
$[6] = field;
|
|
110
|
+
$[7] = i18n;
|
|
111
|
+
$[8] = maxRows;
|
|
112
|
+
$[9] = parentIsLocalized;
|
|
113
|
+
$[10] = selectedLocales;
|
|
114
|
+
$[11] = t1;
|
|
115
|
+
$[12] = valueFrom;
|
|
116
|
+
$[13] = valueTo;
|
|
117
117
|
$[14] = t2;
|
|
118
118
|
} else {
|
|
119
119
|
t2 = $[14];
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","names":["c","_c","getTranslation","useConfig","useTranslation","fieldIsArrayType","fieldIsBlockType","React","useSelectedLocales","DiffCollapser","RenderVersionFieldsToDiff","getFieldsForRowComparison","baseClass","Iterable","t0","$","baseVersionField","comparisonValue","field","locale","parentIsLocalized","versionValue","i18n","selectedLocales","config","versionRowCount","Array","isArray","length","comparisonRowCount","maxRows","Math","max","Error","type","t1","label","_jsxs","children","_jsx","className","t2","
|
|
1
|
+
{"version":3,"file":"index.js","names":["c","_c","getTranslation","useConfig","useTranslation","fieldIsArrayType","fieldIsBlockType","React","useSelectedLocales","DiffCollapser","RenderVersionFieldsToDiff","getFieldsForRowComparison","baseClass","Iterable","t0","$","baseVersionField","comparisonValue","valueFrom","field","locale","parentIsLocalized","versionValue","valueTo","i18n","selectedLocales","config","versionRowCount","Array","isArray","length","comparisonRowCount","maxRows","Math","max","Error","type","t1","label","_jsxs","children","_jsx","className","t2","isIterable","from","keys","map","row","i","versionRow","comparisonRow","fields","versionFields","rowNumber","String","padStart","rowLabel","locales","localized","t","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 { 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 } = useTranslation()\n const { selectedLocales } = useSelectedLocales()\n const { config } = useConfig()\n\n const versionRowCount = Array.isArray(valueTo) ? valueTo.length : 0\n const comparisonRowCount = Array.isArray(valueFrom) ? valueFrom.length : 0\n const maxRows = Math.max(versionRowCount, comparisonRowCount)\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 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(Array(maxRows).keys()).map((row, i) => {\n const versionRow = valueTo?.[i] || {}\n const comparisonRow = valueFrom?.[i] || {}\n\n const { fields, versionFields } = getFieldsForRowComparison({\n baseVersionField,\n comparisonRow,\n config,\n field,\n row: i,\n versionRow,\n })\n\n const rowNumber = String(i + 1).padStart(2, '0')\n const rowLabel = fieldIsArrayType(field) ? `Item ${rowNumber}` : `Block ${rowNumber}`\n\n return (\n <div className={`${baseClass}__row`} key={i}>\n <DiffCollapser\n fields={fields}\n label={rowLabel}\n locales={selectedLocales}\n parentIsLocalized={parentIsLocalized || field.localized}\n valueFrom={comparisonRow}\n valueTo={versionRow}\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":[]}
|
|
@@ -2,7 +2,8 @@
|
|
|
2
2
|
.iterable-diff {
|
|
3
3
|
&__locale-label {
|
|
4
4
|
background: var(--theme-elevation-100);
|
|
5
|
-
|
|
5
|
+
border-radius: var(--style-radius-s);
|
|
6
|
+
padding: calc(var(--base) * 0.2);
|
|
6
7
|
// border-radius: $style-radius-m;
|
|
7
8
|
[dir='ltr'] & {
|
|
8
9
|
margin-right: calc(var(--base) * 0.25);
|
|
@@ -18,10 +19,7 @@
|
|
|
18
19
|
}
|
|
19
20
|
|
|
20
21
|
&__no-rows {
|
|
21
|
-
|
|
22
|
-
background-color: var(--theme-elevation-50);
|
|
23
|
-
// padding: base(0.125) calc(var(--base) * 0.5);
|
|
24
|
-
// margin: base(0.125) 0;
|
|
22
|
+
color: var(--theme-elevation-400);
|
|
25
23
|
}
|
|
26
24
|
}
|
|
27
25
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/views/Version/RenderFieldsToDiff/fields/Relationship/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAIV,oCAAoC,EACrC,MAAM,SAAS,CAAA;
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/views/Version/RenderFieldsToDiff/fields/Relationship/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAIV,oCAAoC,EACrC,MAAM,SAAS,CAAA;AAWhB,OAAO,cAAc,CAAA;AAuFrB,eAAO,MAAM,YAAY,EAAE,oCAqE1B,CAAA"}
|
|
@@ -1,13 +1,10 @@
|
|
|
1
1
|
'use client';
|
|
2
2
|
|
|
3
3
|
import { c as _c } from "react/compiler-runtime";
|
|
4
|
-
import { jsx as _jsx
|
|
5
|
-
import {
|
|
6
|
-
import { FieldDiffLabel, useConfig, useTranslation } from '@payloadcms/ui';
|
|
4
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
5
|
+
import { FieldDiffContainer, getHTMLDiffComponents, useConfig, useTranslation } from '@payloadcms/ui';
|
|
7
6
|
import { fieldAffectsData, fieldIsPresentationalOnly, fieldShouldBeLocalized } from 'payload/shared';
|
|
8
7
|
import React from 'react';
|
|
9
|
-
import ReactDiffViewer from 'react-diff-viewer-continued';
|
|
10
|
-
import { diffStyles } from '../styles.js';
|
|
11
8
|
const baseClass = 'relationship-diff';
|
|
12
9
|
const generateLabelFromValue = (collections, field, locale, value, config, parentIsLocalized) => {
|
|
13
10
|
if (Array.isArray(value)) {
|
|
@@ -62,13 +59,14 @@ const generateLabelFromValue = (collections, field, locale, value, config, paren
|
|
|
62
59
|
return valueToReturn;
|
|
63
60
|
};
|
|
64
61
|
export const Relationship = t0 => {
|
|
65
|
-
const $ = _c(
|
|
62
|
+
const $ = _c(7);
|
|
66
63
|
const {
|
|
67
|
-
comparisonValue,
|
|
64
|
+
comparisonValue: valueFrom,
|
|
68
65
|
field,
|
|
69
66
|
locale,
|
|
67
|
+
nestingLevel,
|
|
70
68
|
parentIsLocalized,
|
|
71
|
-
versionValue
|
|
69
|
+
versionValue: valueTo
|
|
72
70
|
} = t0;
|
|
73
71
|
const {
|
|
74
72
|
i18n
|
|
@@ -83,62 +81,55 @@ export const Relationship = t0 => {
|
|
|
83
81
|
const {
|
|
84
82
|
collections
|
|
85
83
|
} = t1;
|
|
86
|
-
let
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
} else {
|
|
94
|
-
versionToRender = generateLabelFromValue(collections, field, locale, versionValue, config, parentIsLocalized) || placeholder;
|
|
95
|
-
}
|
|
96
|
-
}
|
|
97
|
-
if (comparisonValue) {
|
|
98
|
-
if ("hasMany" in field && field.hasMany && Array.isArray(comparisonValue)) {
|
|
99
|
-
comparisonToRender = comparisonValue.map(val_0 => generateLabelFromValue(collections, field, locale, val_0, config, parentIsLocalized)).join(", ") || placeholder;
|
|
100
|
-
} else {
|
|
101
|
-
comparisonToRender = generateLabelFromValue(collections, field, locale, comparisonValue, config, parentIsLocalized) || placeholder;
|
|
102
|
-
}
|
|
84
|
+
let renderedValueTo = placeholder;
|
|
85
|
+
let renderedValueFrom = placeholder;
|
|
86
|
+
if (valueTo) {
|
|
87
|
+
if ("hasMany" in field && field.hasMany && Array.isArray(valueTo)) {
|
|
88
|
+
renderedValueTo = valueTo.map(val => generateLabelFromValue(collections, field, locale, val, config, parentIsLocalized)).join(", ") || placeholder;
|
|
89
|
+
} else {
|
|
90
|
+
renderedValueTo = generateLabelFromValue(collections, field, locale, valueTo, config, parentIsLocalized) || placeholder;
|
|
103
91
|
}
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
if (
|
|
107
|
-
|
|
108
|
-
className: `${baseClass}__locale-label`,
|
|
109
|
-
children: locale
|
|
110
|
-
});
|
|
111
|
-
$[10] = locale;
|
|
112
|
-
$[11] = t3;
|
|
92
|
+
}
|
|
93
|
+
if (valueFrom) {
|
|
94
|
+
if ("hasMany" in field && field.hasMany && Array.isArray(valueFrom)) {
|
|
95
|
+
renderedValueFrom = valueFrom.map(val_0 => generateLabelFromValue(collections, field, locale, val_0, config, parentIsLocalized)).join(", ") || placeholder;
|
|
113
96
|
} else {
|
|
114
|
-
|
|
97
|
+
renderedValueFrom = generateLabelFromValue(collections, field, locale, valueFrom, config, parentIsLocalized) || placeholder;
|
|
115
98
|
}
|
|
116
|
-
|
|
99
|
+
}
|
|
100
|
+
const t2 = "<p>" + renderedValueFrom + "</p>";
|
|
101
|
+
const t3 = "<p>" + renderedValueTo + "</p>";
|
|
102
|
+
let t4;
|
|
103
|
+
if ($[0] !== field.label || $[1] !== i18n || $[2] !== locale || $[3] !== nestingLevel || $[4] !== t2 || $[5] !== t3) {
|
|
104
|
+
const {
|
|
105
|
+
From,
|
|
106
|
+
To
|
|
107
|
+
} = getHTMLDiffComponents({
|
|
108
|
+
fromHTML: t2,
|
|
109
|
+
toHTML: t3,
|
|
110
|
+
tokenizeByCharacter: false
|
|
111
|
+
});
|
|
112
|
+
t4 = _jsx(FieldDiffContainer, {
|
|
117
113
|
className: baseClass,
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
|
|
124
|
-
|
|
125
|
-
|
|
126
|
-
styles: diffStyles
|
|
127
|
-
})]
|
|
114
|
+
From,
|
|
115
|
+
i18n,
|
|
116
|
+
label: {
|
|
117
|
+
label: field.label,
|
|
118
|
+
locale
|
|
119
|
+
},
|
|
120
|
+
nestingLevel,
|
|
121
|
+
To
|
|
128
122
|
});
|
|
129
|
-
$[0] =
|
|
130
|
-
$[1] =
|
|
131
|
-
$[2] =
|
|
132
|
-
$[3] =
|
|
133
|
-
$[4] =
|
|
134
|
-
$[5] =
|
|
135
|
-
$[6] =
|
|
136
|
-
$[7] = placeholder;
|
|
137
|
-
$[8] = versionValue;
|
|
138
|
-
$[9] = t2;
|
|
123
|
+
$[0] = field.label;
|
|
124
|
+
$[1] = i18n;
|
|
125
|
+
$[2] = locale;
|
|
126
|
+
$[3] = nestingLevel;
|
|
127
|
+
$[4] = t2;
|
|
128
|
+
$[5] = t3;
|
|
129
|
+
$[6] = t4;
|
|
139
130
|
} else {
|
|
140
|
-
|
|
131
|
+
t4 = $[6];
|
|
141
132
|
}
|
|
142
|
-
return
|
|
133
|
+
return t4;
|
|
143
134
|
};
|
|
144
135
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","names":["c","_c","getTranslation","FieldDiffLabel","useConfig","useTranslation","fieldAffectsData","fieldIsPresentationalOnly","fieldShouldBeLocalized","React","ReactDiffViewer","diffStyles","baseClass","generateLabelFromValue","collections","field","locale","value","config","parentIsLocalized","Array","isArray","map","v","filter","Boolean","join","relatedDoc","valueToReturn","relationTo","undefined","String","relatedCollection","find","slug","useAsTitle","admin","useAsTitleField","fields","f","name","titleFieldIsLocalized","id","JSON","stringify","Relationship","t0","$","comparisonValue","versionValue","i18n","placeholder","t","t1","t2","versionToRender","comparisonToRender","hasMany","val","val_0","label","t3","_jsx","className","children","_jsxs","hideLineNumbers","newValue","oldValue","showDiffOnly","splitView","styles"],"sources":["../../../../../../src/views/Version/RenderFieldsToDiff/fields/Relationship/index.tsx"],"sourcesContent":["'use client'\nimport type {\n ClientCollectionConfig,\n ClientConfig,\n ClientField,\n RelationshipFieldDiffClientComponent,\n} from 'payload'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport { FieldDiffLabel, useConfig, useTranslation } from '@payloadcms/ui'\nimport { fieldAffectsData, fieldIsPresentationalOnly, fieldShouldBeLocalized } from 'payload/shared'\nimport React from 'react'\nimport ReactDiffViewer from 'react-diff-viewer-continued'\n\nimport './index.scss'\nimport { diffStyles } from '../styles.js'\n\nconst baseClass = 'relationship-diff'\n\ntype RelationshipValue = Record<string, any>\n\nconst generateLabelFromValue = (\n collections: ClientCollectionConfig[],\n field: ClientField,\n locale: string,\n value: { relationTo: string; value: RelationshipValue } | RelationshipValue,\n config: ClientConfig,\n parentIsLocalized: boolean,\n): string => {\n if (Array.isArray(value)) {\n return value\n .map((v) => generateLabelFromValue(collections, field, locale, v, config, parentIsLocalized))\n .filter(Boolean) // Filters out any undefined or empty values\n .join(', ')\n }\n\n let relatedDoc: RelationshipValue\n let valueToReturn: RelationshipValue | string = ''\n\n const relationTo = 'relationTo' in field ? field.relationTo : undefined\n\n if (value === null || typeof value === 'undefined') {\n // eslint-disable-next-line @typescript-eslint/no-base-to-string -- We want to return a string specifilly for null and undefined\n return String(value)\n }\n\n if (typeof value === 'object' && 'relationTo' in value) {\n relatedDoc = value.value\n } else {\n // Non-polymorphic relationship\n relatedDoc = value\n }\n\n const relatedCollection = relationTo\n ? collections.find(\n (c) =>\n c.slug ===\n (typeof value === 'object' && 'relationTo' in value ? value.relationTo : relationTo),\n )\n : null\n\n if (relatedCollection) {\n const useAsTitle = relatedCollection?.admin?.useAsTitle\n const useAsTitleField = relatedCollection.fields.find(\n (f) => fieldAffectsData(f) && !fieldIsPresentationalOnly(f) && f.name === useAsTitle,\n )\n let titleFieldIsLocalized = false\n\n if (useAsTitleField && fieldAffectsData(useAsTitleField)) {\n titleFieldIsLocalized = fieldShouldBeLocalized({ field: useAsTitleField, parentIsLocalized })\n }\n\n if (typeof relatedDoc?.[useAsTitle] !== 'undefined') {\n valueToReturn = relatedDoc[useAsTitle]\n } else if (typeof relatedDoc?.id !== 'undefined') {\n valueToReturn = relatedDoc.id\n } else {\n valueToReturn = relatedDoc\n }\n\n if (typeof valueToReturn === 'object' && titleFieldIsLocalized && valueToReturn?.[locale]) {\n valueToReturn = valueToReturn[locale]\n }\n } else if (relatedDoc) {\n // Handle non-polymorphic `hasMany` relationships or fallback\n if (typeof relatedDoc?.id !== 'undefined') {\n valueToReturn = String(relatedDoc.id)\n } else {\n valueToReturn = relatedDoc\n }\n }\n\n if (\n (valueToReturn && typeof valueToReturn === 'object' && valueToReturn !== null) ||\n typeof valueToReturn !== 'string'\n ) {\n valueToReturn = JSON.stringify(valueToReturn)\n }\n\n return valueToReturn\n}\n\nexport const Relationship: RelationshipFieldDiffClientComponent = ({\n comparisonValue,\n field,\n locale,\n parentIsLocalized,\n versionValue,\n}) => {\n const { i18n } = useTranslation()\n const { config } = useConfig()\n\n const placeholder = `[${i18n.t('general:noValue')}]`\n\n const {\n config: { collections },\n } = useConfig()\n\n let versionToRender: string | undefined = placeholder\n let comparisonToRender: string | undefined = placeholder\n\n if (versionValue) {\n if ('hasMany' in field && field.hasMany && Array.isArray(versionValue)) {\n versionToRender =\n versionValue\n .map((val) =>\n generateLabelFromValue(collections, field, locale, val, config, parentIsLocalized),\n )\n .join(', ') || placeholder\n } else {\n versionToRender =\n generateLabelFromValue(\n collections,\n field,\n locale,\n versionValue,\n config,\n parentIsLocalized,\n ) || placeholder\n }\n }\n\n if (comparisonValue) {\n if ('hasMany' in field && field.hasMany && Array.isArray(comparisonValue)) {\n comparisonToRender =\n comparisonValue\n .map((val) =>\n generateLabelFromValue(collections, field, locale, val, config, parentIsLocalized),\n )\n .join(', ') || placeholder\n } else {\n comparisonToRender =\n generateLabelFromValue(\n collections,\n field,\n locale,\n comparisonValue,\n config,\n parentIsLocalized,\n ) || placeholder\n }\n }\n\n const label =\n 'label' in field && typeof field.label !== 'boolean' && typeof field.label !== 'function'\n ? field.label\n : ''\n\n return (\n <div className={baseClass}>\n <FieldDiffLabel>\n {locale && <span className={`${baseClass}__locale-label`}>{locale}</span>}\n {getTranslation(label, i18n)}\n </FieldDiffLabel>\n <ReactDiffViewer\n hideLineNumbers\n newValue={versionToRender}\n oldValue={comparisonToRender}\n showDiffOnly={false}\n splitView\n styles={diffStyles}\n />\n </div>\n )\n}\n"],"mappings":"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","ignoreList":[]}
|
|
1
|
+
{"version":3,"file":"index.js","names":["c","_c","FieldDiffContainer","getHTMLDiffComponents","useConfig","useTranslation","fieldAffectsData","fieldIsPresentationalOnly","fieldShouldBeLocalized","React","baseClass","generateLabelFromValue","collections","field","locale","value","config","parentIsLocalized","Array","isArray","map","v","filter","Boolean","join","relatedDoc","valueToReturn","relationTo","undefined","String","relatedCollection","find","slug","useAsTitle","admin","useAsTitleField","fields","f","name","titleFieldIsLocalized","id","JSON","stringify","Relationship","t0","$","comparisonValue","valueFrom","nestingLevel","versionValue","valueTo","i18n","placeholder","t","t1","renderedValueTo","renderedValueFrom","hasMany","val","val_0","t2","t3","t4","label","From","To","fromHTML","toHTML","tokenizeByCharacter","_jsx","className"],"sources":["../../../../../../src/views/Version/RenderFieldsToDiff/fields/Relationship/index.tsx"],"sourcesContent":["'use client'\nimport type {\n ClientCollectionConfig,\n ClientConfig,\n ClientField,\n RelationshipFieldDiffClientComponent,\n} from 'payload'\n\nimport {\n FieldDiffContainer,\n getHTMLDiffComponents,\n useConfig,\n useTranslation,\n} from '@payloadcms/ui'\nimport { fieldAffectsData, fieldIsPresentationalOnly, fieldShouldBeLocalized } from 'payload/shared'\nimport React from 'react'\n\nimport './index.scss'\n\nconst baseClass = 'relationship-diff'\n\ntype RelationshipValue = Record<string, any>\n\nconst generateLabelFromValue = (\n collections: ClientCollectionConfig[],\n field: ClientField,\n locale: string,\n value: { relationTo: string; value: RelationshipValue } | RelationshipValue,\n config: ClientConfig,\n parentIsLocalized: boolean,\n): string => {\n if (Array.isArray(value)) {\n return value\n .map((v) => generateLabelFromValue(collections, field, locale, v, config, parentIsLocalized))\n .filter(Boolean) // Filters out any undefined or empty values\n .join(', ')\n }\n\n let relatedDoc: RelationshipValue\n let valueToReturn: RelationshipValue | string = ''\n\n const relationTo = 'relationTo' in field ? field.relationTo : undefined\n\n if (value === null || typeof value === 'undefined') {\n // eslint-disable-next-line @typescript-eslint/no-base-to-string -- We want to return a string specifilly for null and undefined\n return String(value)\n }\n\n if (typeof value === 'object' && 'relationTo' in value) {\n relatedDoc = value.value\n } else {\n // Non-polymorphic relationship\n relatedDoc = value\n }\n\n const relatedCollection = relationTo\n ? collections.find(\n (c) =>\n c.slug ===\n (typeof value === 'object' && 'relationTo' in value ? value.relationTo : relationTo),\n )\n : null\n\n if (relatedCollection) {\n const useAsTitle = relatedCollection?.admin?.useAsTitle\n const useAsTitleField = relatedCollection.fields.find(\n (f) => fieldAffectsData(f) && !fieldIsPresentationalOnly(f) && f.name === useAsTitle,\n )\n let titleFieldIsLocalized = false\n\n if (useAsTitleField && fieldAffectsData(useAsTitleField)) {\n titleFieldIsLocalized = fieldShouldBeLocalized({ field: useAsTitleField, parentIsLocalized })\n }\n\n if (typeof relatedDoc?.[useAsTitle] !== 'undefined') {\n valueToReturn = relatedDoc[useAsTitle]\n } else if (typeof relatedDoc?.id !== 'undefined') {\n valueToReturn = relatedDoc.id\n } else {\n valueToReturn = relatedDoc\n }\n\n if (typeof valueToReturn === 'object' && titleFieldIsLocalized && valueToReturn?.[locale]) {\n valueToReturn = valueToReturn[locale]\n }\n } else if (relatedDoc) {\n // Handle non-polymorphic `hasMany` relationships or fallback\n if (typeof relatedDoc?.id !== 'undefined') {\n valueToReturn = String(relatedDoc.id)\n } else {\n valueToReturn = relatedDoc\n }\n }\n\n if (\n (valueToReturn && typeof valueToReturn === 'object' && valueToReturn !== null) ||\n typeof valueToReturn !== 'string'\n ) {\n valueToReturn = JSON.stringify(valueToReturn)\n }\n\n return valueToReturn\n}\n\nexport const Relationship: RelationshipFieldDiffClientComponent = ({\n comparisonValue: valueFrom,\n field,\n locale,\n nestingLevel,\n parentIsLocalized,\n versionValue: valueTo,\n}) => {\n const { i18n } = useTranslation()\n const { config } = useConfig()\n\n const placeholder = `[${i18n.t('general:noValue')}]`\n\n const {\n config: { collections },\n } = useConfig()\n\n let renderedValueTo: string | undefined = placeholder\n let renderedValueFrom: string | undefined = placeholder\n\n if (valueTo) {\n if ('hasMany' in field && field.hasMany && Array.isArray(valueTo)) {\n renderedValueTo =\n valueTo\n .map((val) =>\n generateLabelFromValue(collections, field, locale, val, config, parentIsLocalized),\n )\n .join(', ') || placeholder\n } else {\n renderedValueTo =\n generateLabelFromValue(collections, field, locale, valueTo, config, parentIsLocalized) ||\n placeholder\n }\n }\n\n if (valueFrom) {\n if ('hasMany' in field && field.hasMany && Array.isArray(valueFrom)) {\n renderedValueFrom =\n valueFrom\n .map((val) =>\n generateLabelFromValue(collections, field, locale, val, config, parentIsLocalized),\n )\n .join(', ') || placeholder\n } else {\n renderedValueFrom =\n generateLabelFromValue(collections, field, locale, valueFrom, config, parentIsLocalized) ||\n placeholder\n }\n }\n\n const { From, To } = getHTMLDiffComponents({\n fromHTML: '<p>' + renderedValueFrom + '</p>',\n toHTML: '<p>' + renderedValueTo + '</p>',\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":"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","ignoreList":[]}
|
|
@@ -1,15 +1,4 @@
|
|
|
1
1
|
@layer payload-default {
|
|
2
2
|
.relationship-diff {
|
|
3
|
-
&__locale-label {
|
|
4
|
-
[dir='ltr'] & {
|
|
5
|
-
margin-right: calc(var(--base) * 0.25);
|
|
6
|
-
}
|
|
7
|
-
[dir='rtl'] & {
|
|
8
|
-
margin-left: calc(var(--base) * 0.25);
|
|
9
|
-
}
|
|
10
|
-
background: var(--theme-elevation-100);
|
|
11
|
-
padding: calc(var(--base) * 0.25);
|
|
12
|
-
// border-radius: $style-radius-m;
|
|
13
|
-
}
|
|
14
3
|
}
|
|
15
4
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/views/Version/RenderFieldsToDiff/fields/Select/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAuB,8BAA8B,EAAE,MAAM,SAAS,CAAA;AAMlF,OAAO,cAAc,CAAA;
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/views/Version/RenderFieldsToDiff/fields/Select/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAuB,8BAA8B,EAAE,MAAM,SAAS,CAAA;AAMlF,OAAO,cAAc,CAAA;AAmDrB,eAAO,MAAM,MAAM,EAAE,8BA6DpB,CAAA"}
|