@payloadcms/next 3.78.0-canary.5 → 3.78.0-canary.6
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/views/Version/RenderFieldsToDiff/fields/Date/index.d.ts.map +1 -1
- package/dist/views/Version/RenderFieldsToDiff/fields/Date/index.js +6 -3
- package/dist/views/Version/RenderFieldsToDiff/fields/Date/index.js.map +1 -1
- package/dist/views/Version/RenderFieldsToDiff/fields/Select/index.d.ts.map +1 -1
- package/dist/views/Version/RenderFieldsToDiff/fields/Select/index.js +4 -3
- package/dist/views/Version/RenderFieldsToDiff/fields/Select/index.js.map +1 -1
- package/dist/views/Version/RenderFieldsToDiff/fields/Text/index.d.ts.map +1 -1
- package/dist/views/Version/RenderFieldsToDiff/fields/Text/index.js +4 -3
- package/dist/views/Version/RenderFieldsToDiff/fields/Text/index.js.map +1 -1
- package/package.json +7 -7
|
@@ -1 +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;
|
|
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;AAa3D,OAAO,cAAc,CAAA;AAIrB,eAAO,MAAM,iBAAiB,EAAE,4BA2D/B,CAAA"}
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
|
|
3
3
|
import { c as _c } from "react/compiler-runtime";
|
|
4
4
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
5
|
-
import { FieldDiffContainer, getHTMLDiffComponents, useConfig, useTranslation } from '@payloadcms/ui';
|
|
5
|
+
import { escapeDiffHTML, FieldDiffContainer, getHTMLDiffComponents, unescapeDiffHTML, useConfig, useTranslation } from '@payloadcms/ui';
|
|
6
6
|
import { formatDate } from '@payloadcms/ui/shared';
|
|
7
7
|
import React from 'react';
|
|
8
8
|
const baseClass = 'date-diff';
|
|
@@ -37,8 +37,10 @@ export const DateDiffComponent = t0 => {
|
|
|
37
37
|
i18n,
|
|
38
38
|
pattern: dateFormat
|
|
39
39
|
}) : "";
|
|
40
|
-
const
|
|
41
|
-
const
|
|
40
|
+
const escapedFromDate = escapeDiffHTML(formattedFromDate);
|
|
41
|
+
const escapedToDate = escapeDiffHTML(formattedToDate);
|
|
42
|
+
const t3 = `<div class="${baseClass}" data-enable-match="true" data-date="${escapedFromDate}"><p>` + escapedFromDate + "</p></div>";
|
|
43
|
+
const t4 = `<div class="${baseClass}" data-enable-match="true" data-date="${escapedToDate}"><p>` + escapedToDate + "</p></div>";
|
|
42
44
|
let t5;
|
|
43
45
|
if ($[0] !== field.label || $[1] !== i18n || $[2] !== locale || $[3] !== nestingLevel || $[4] !== t3 || $[5] !== t4) {
|
|
44
46
|
const {
|
|
@@ -46,6 +48,7 @@ export const DateDiffComponent = t0 => {
|
|
|
46
48
|
To
|
|
47
49
|
} = getHTMLDiffComponents({
|
|
48
50
|
fromHTML: t3,
|
|
51
|
+
postProcess: unescapeDiffHTML,
|
|
49
52
|
toHTML: t4,
|
|
50
53
|
tokenizeByCharacter: false
|
|
51
54
|
});
|
|
@@ -1 +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","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 {\n FieldDiffContainer,\n getHTMLDiffComponents,\n useConfig,\n useTranslation,\n} from '@payloadcms/ui'\nimport { formatDate } from '@payloadcms/ui/shared'\
|
|
1
|
+
{"version":3,"file":"index.js","names":["c","_c","escapeDiffHTML","FieldDiffContainer","getHTMLDiffComponents","unescapeDiffHTML","useConfig","useTranslation","formatDate","React","baseClass","DateDiffComponent","t0","$","comparisonValue","valueFrom","field","locale","nestingLevel","versionValue","valueTo","i18n","config","t1","admin","t2","dateFormat","formattedFromDate","date","Date","pattern","formattedToDate","escapedFromDate","escapedToDate","t3","t4","t5","label","From","To","fromHTML","postProcess","toHTML","tokenizeByCharacter","_jsx","className"],"sources":["../../../../../../src/views/Version/RenderFieldsToDiff/fields/Date/index.tsx"],"sourcesContent":["'use client'\nimport type { DateFieldDiffClientComponent } from 'payload'\n\nimport {\n escapeDiffHTML,\n FieldDiffContainer,\n getHTMLDiffComponents,\n unescapeDiffHTML,\n useConfig,\n useTranslation,\n} from '@payloadcms/ui'\nimport { formatDate } from '@payloadcms/ui/shared'\nimport React from 'react'\n\nimport './index.scss'\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 escapedFromDate = escapeDiffHTML(formattedFromDate)\n const escapedToDate = escapeDiffHTML(formattedToDate)\n\n const { From, To } = getHTMLDiffComponents({\n fromHTML:\n `<div class=\"${baseClass}\" data-enable-match=\"true\" data-date=\"${escapedFromDate}\"><p>` +\n escapedFromDate +\n '</p></div>',\n postProcess: unescapeDiffHTML,\n toHTML:\n `<div class=\"${baseClass}\" data-enable-match=\"true\" data-date=\"${escapedToDate}\"><p>` +\n escapedToDate +\n '</p></div>',\n tokenizeByCharacter: false,\n })\n\n return (\n <FieldDiffContainer\n className={baseClass}\n From={From}\n i18n={i18n}\n label={{\n label: field.label,\n locale,\n }}\n nestingLevel={nestingLevel}\n To={To}\n />\n )\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AAGA,SACEC,cAAc,EACdC,kBAAkB,EAClBC,qBAAqB,EACrBC,gBAAgB,EAChBC,SAAS,EACTC,cAAc,QACT;AACP,SAASC,UAAU,QAAQ;AAC3B,OAAOC,KAAA,MAAW;AAIlB,MAAMC,SAAA,GAAY;AAElB,OAAO,MAAMC,iBAAA,GAAkDC,EAAA;EAAA,MAAAC,CAAA,GAAAZ,EAAA;EAAC;IAAAa,eAAA,EAAAC,SAAA;IAAAC,KAAA;IAAAC,MAAA;IAAAC,YAAA;IAAAC,YAAA,EAAAC;EAAA,IAAAR,EAM/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;EAIzB,MAAAE,iBAAA,GAA0BZ,SAAA,GACtBP,UAAA;IAAAoB,IAAA,EACQ,OAAOb,SAAA,KAAc,eAAAc,IAAA,CAAoBd,SAAA,IAAcA,SAAA;IAAAM,IAAA;IAAAS,OAAA,EAEpDJ;EAAA,CACX,IACA;EAEJ,MAAAK,eAAA,GAAwBX,OAAA,GACpBZ,UAAA;IAAAoB,IAAA,EACQ,OAAOR,OAAA,KAAY,eAAAS,IAAA,CAAoBT,OAAA,IAAYA,OAAA;IAAAC,IAAA;IAAAS,OAAA,EAEhDJ;EAAA,CACX,IACA;EAEJ,MAAAM,eAAA,GAAwB9B,cAAA,CAAeyB,iBAAA;EACvC,MAAAM,aAAA,GAAsB/B,cAAA,CAAe6B,eAAA;EAIjC,MAAAG,EAAA,kBAAAxB,SAAA,yCAAiEsB,eAAA,OAAsB,GACvFA,eAAA,GACA;EAGA,MAAAG,EAAA,kBAAAzB,SAAA,yCAAiEuB,aAAA,OAAoB,GACrFA,aAAA,GACA;EAAA,IAAAG,EAAA;EAAA,IAAAvB,CAAA,QAAAG,KAAA,CAAAqB,KAAA,IAAAxB,CAAA,QAAAQ,IAAA,IAAAR,CAAA,QAAAI,MAAA,IAAAJ,CAAA,QAAAK,YAAA,IAAAL,CAAA,QAAAqB,EAAA,IAAArB,CAAA,QAAAsB,EAAA;IATJ;MAAAG,IAAA;MAAAC;IAAA,IAAqBnC,qBAAA;MAAAoC,QAAA,EAEjBN,EAEA;MAAAO,WAAA,EAAApC,gBAAA;MAAAqC,MAAA,EAGAP,EAEA;MAAAQ,mBAAA;IAAA,CAEJ;IAGEP,EAAA,GAAAQ,IAAA,CAAAzC,kBAAA;MAAA0C,SAAA,EAAAnC,SAAA;MAAA4B,IAAA;MAAAjB,IAAA;MAAAgB,KAAA;QAAAA,KAAA,EAKWrB,KAAA,CAAAqB,KAAA;QAAApB;MAAA;MAAAC,YAAA;MAAAqB;IAAA,C;;;;;;;;;;;SALXH,E;CAYJ","ignoreList":[]}
|
|
@@ -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;
|
|
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;AAYlF,OAAO,cAAc,CAAA;AAmDrB,eAAO,MAAM,MAAM,EAAE,8BAwDpB,CAAA"}
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
import { c as _c } from "react/compiler-runtime";
|
|
4
4
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
5
5
|
import { getTranslation } from '@payloadcms/translations';
|
|
6
|
-
import { FieldDiffContainer, getHTMLDiffComponents, useTranslation } from '@payloadcms/ui';
|
|
6
|
+
import { escapeDiffHTML, FieldDiffContainer, getHTMLDiffComponents, unescapeDiffHTML, useTranslation } from '@payloadcms/ui';
|
|
7
7
|
import React from 'react';
|
|
8
8
|
const baseClass = 'select-diff';
|
|
9
9
|
const getOptionsToRender = (value, options, hasMany) => {
|
|
@@ -49,8 +49,8 @@ export const Select = t0 => {
|
|
|
49
49
|
const options = "options" in field && field.options;
|
|
50
50
|
const renderedValueFrom = typeof valueFrom !== "undefined" ? getTranslatedOptions(getOptionsToRender(typeof valueFrom === "string" ? valueFrom : JSON.stringify(valueFrom), options, field.hasMany), i18n) : "";
|
|
51
51
|
const renderedValueTo = typeof valueTo !== "undefined" ? getTranslatedOptions(getOptionsToRender(typeof valueTo === "string" ? valueTo : JSON.stringify(valueTo), options, field.hasMany), i18n) : "";
|
|
52
|
-
const t1 = "<p>" + renderedValueFrom + "</p>";
|
|
53
|
-
const t2 = "<p>" + renderedValueTo + "</p>";
|
|
52
|
+
const t1 = "<p>" + escapeDiffHTML(renderedValueFrom) + "</p>";
|
|
53
|
+
const t2 = "<p>" + escapeDiffHTML(renderedValueTo) + "</p>";
|
|
54
54
|
let t3;
|
|
55
55
|
if ($[0] !== field.label || $[1] !== i18n || $[2] !== locale || $[3] !== nestingLevel || $[4] !== t1 || $[5] !== t2) {
|
|
56
56
|
const {
|
|
@@ -58,6 +58,7 @@ export const Select = t0 => {
|
|
|
58
58
|
To
|
|
59
59
|
} = getHTMLDiffComponents({
|
|
60
60
|
fromHTML: t1,
|
|
61
|
+
postProcess: unescapeDiffHTML,
|
|
61
62
|
toHTML: t2,
|
|
62
63
|
tokenizeByCharacter: true
|
|
63
64
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","names":["c","_c","getTranslation","FieldDiffContainer","getHTMLDiffComponents","useTranslation","React","baseClass","getOptionsToRender","value","options","hasMany","Array","isArray","map","val","find","option","String","getTranslatedOptions","i18n","translatedLabel","label","join","Select","t0","$","comparisonValue","valueFrom","field","locale","nestingLevel","versionValue","valueTo","renderedValueFrom","JSON","stringify","renderedValueTo","t1","t2","t3","From","To","fromHTML","toHTML","tokenizeByCharacter","_jsx","className"],"sources":["../../../../../../src/views/Version/RenderFieldsToDiff/fields/Select/index.tsx"],"sourcesContent":["'use client'\nimport type { I18nClient } from '@payloadcms/translations'\nimport type { Option, SelectField, SelectFieldDiffClientComponent } from 'payload'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport {
|
|
1
|
+
{"version":3,"file":"index.js","names":["c","_c","getTranslation","escapeDiffHTML","FieldDiffContainer","getHTMLDiffComponents","unescapeDiffHTML","useTranslation","React","baseClass","getOptionsToRender","value","options","hasMany","Array","isArray","map","val","find","option","String","getTranslatedOptions","i18n","translatedLabel","label","join","Select","t0","$","comparisonValue","valueFrom","field","locale","nestingLevel","versionValue","valueTo","renderedValueFrom","JSON","stringify","renderedValueTo","t1","t2","t3","From","To","fromHTML","postProcess","toHTML","tokenizeByCharacter","_jsx","className"],"sources":["../../../../../../src/views/Version/RenderFieldsToDiff/fields/Select/index.tsx"],"sourcesContent":["'use client'\nimport type { I18nClient } from '@payloadcms/translations'\nimport type { Option, SelectField, SelectFieldDiffClientComponent } from 'payload'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport {\n escapeDiffHTML,\n FieldDiffContainer,\n getHTMLDiffComponents,\n unescapeDiffHTML,\n useTranslation,\n} from '@payloadcms/ui'\nimport React from 'react'\n\nimport './index.scss'\n\nconst baseClass = 'select-diff'\n\nconst getOptionsToRender = (\n value: string,\n options: SelectField['options'],\n hasMany: boolean,\n): Option | Option[] => {\n if (hasMany && Array.isArray(value)) {\n return value.map(\n (val) =>\n options.find((option) => (typeof option === 'string' ? option : option.value) === val) ||\n String(val),\n )\n }\n return (\n options.find((option) => (typeof option === 'string' ? option : option.value) === value) ||\n String(value)\n )\n}\n\n/**\n * Translates option labels while ensuring they are strings.\n * If `options.label` is a JSX element, it falls back to `options.value` because `DiffViewer`\n * expects all values to be strings.\n */\nconst getTranslatedOptions = (options: Option | Option[], i18n: I18nClient): string => {\n if (Array.isArray(options)) {\n return options\n .map((option) => {\n if (typeof option === 'string') {\n return option\n }\n const translatedLabel = getTranslation(option.label, i18n)\n\n // Ensure the result is a string, otherwise use option.value\n return typeof translatedLabel === 'string' ? translatedLabel : option.value\n })\n .join(', ')\n }\n\n if (typeof options === 'string') {\n return options\n }\n\n const translatedLabel = getTranslation(options.label, i18n)\n\n return typeof translatedLabel === 'string' ? translatedLabel : options.value\n}\n\nexport const Select: SelectFieldDiffClientComponent = ({\n comparisonValue: valueFrom,\n diffMethod,\n field,\n locale,\n nestingLevel,\n versionValue: valueTo,\n}) => {\n const { i18n } = useTranslation()\n\n const options = 'options' in field && field.options\n\n const renderedValueFrom =\n typeof valueFrom !== 'undefined'\n ? getTranslatedOptions(\n getOptionsToRender(\n typeof valueFrom === 'string' ? valueFrom : JSON.stringify(valueFrom),\n options,\n field.hasMany,\n ),\n i18n,\n )\n : ''\n\n const renderedValueTo =\n typeof valueTo !== 'undefined'\n ? getTranslatedOptions(\n getOptionsToRender(\n typeof valueTo === 'string' ? valueTo : JSON.stringify(valueTo),\n options,\n field.hasMany,\n ),\n i18n,\n )\n : ''\n\n const { From, To } = getHTMLDiffComponents({\n fromHTML: '<p>' + escapeDiffHTML(renderedValueFrom) + '</p>',\n postProcess: unescapeDiffHTML,\n toHTML: '<p>' + escapeDiffHTML(renderedValueTo) + '</p>',\n tokenizeByCharacter: true,\n })\n\n return (\n <FieldDiffContainer\n className={baseClass}\n From={From}\n i18n={i18n}\n label={{\n label: field.label,\n locale,\n }}\n nestingLevel={nestingLevel}\n To={To}\n />\n )\n}\n"],"mappings":"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","ignoreList":[]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/views/Version/RenderFieldsToDiff/fields/Text/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,4BAA4B,EAAE,MAAM,SAAS,CAAA;
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/views/Version/RenderFieldsToDiff/fields/Text/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,4BAA4B,EAAE,MAAM,SAAS,CAAA;AAW3D,OAAO,cAAc,CAAA;AAqCrB,eAAO,MAAM,IAAI,EAAE,4BAgDlB,CAAA"}
|
|
@@ -2,14 +2,14 @@
|
|
|
2
2
|
|
|
3
3
|
import { c as _c } from "react/compiler-runtime";
|
|
4
4
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
5
|
-
import { FieldDiffContainer, getHTMLDiffComponents, useTranslation } from '@payloadcms/ui';
|
|
5
|
+
import { escapeDiffHTML, FieldDiffContainer, getHTMLDiffComponents, unescapeDiffHTML, useTranslation } from '@payloadcms/ui';
|
|
6
6
|
import React from 'react';
|
|
7
7
|
const baseClass = 'text-diff';
|
|
8
8
|
function formatValue(value) {
|
|
9
9
|
if (typeof value === 'string') {
|
|
10
10
|
return {
|
|
11
11
|
tokenizeByCharacter: true,
|
|
12
|
-
value
|
|
12
|
+
value: escapeDiffHTML(value)
|
|
13
13
|
};
|
|
14
14
|
}
|
|
15
15
|
if (typeof value === 'number') {
|
|
@@ -27,7 +27,7 @@ function formatValue(value) {
|
|
|
27
27
|
if (value && typeof value === 'object') {
|
|
28
28
|
return {
|
|
29
29
|
tokenizeByCharacter: false,
|
|
30
|
-
value: `<pre>${JSON.stringify(value, null, 2)}</pre>`
|
|
30
|
+
value: `<pre>${escapeDiffHTML(JSON.stringify(value, null, 2))}</pre>`
|
|
31
31
|
};
|
|
32
32
|
}
|
|
33
33
|
return {
|
|
@@ -70,6 +70,7 @@ export const Text = t0 => {
|
|
|
70
70
|
To
|
|
71
71
|
} = getHTMLDiffComponents({
|
|
72
72
|
fromHTML: "<p>" + renderedValueFrom + "</p>",
|
|
73
|
+
postProcess: unescapeDiffHTML,
|
|
73
74
|
toHTML: "<p>" + renderedValueTo + "</p>",
|
|
74
75
|
tokenizeByCharacter
|
|
75
76
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","names":["c","_c","FieldDiffContainer","getHTMLDiffComponents","useTranslation","React","baseClass","formatValue","value","tokenizeByCharacter","String","JSON","stringify","undefined","Text","t0","$","comparisonValue","valueFrom","field","locale","nestingLevel","versionValue","valueTo","i18n","placeholder","t1","label","formattedValueFrom","formattedValueTo","length","renderedValueFrom","renderedValueTo","From","To","fromHTML","toHTML","_jsx","className"],"sources":["../../../../../../src/views/Version/RenderFieldsToDiff/fields/Text/index.tsx"],"sourcesContent":["'use client'\nimport type { TextFieldDiffClientComponent } from 'payload'\n\nimport {
|
|
1
|
+
{"version":3,"file":"index.js","names":["c","_c","escapeDiffHTML","FieldDiffContainer","getHTMLDiffComponents","unescapeDiffHTML","useTranslation","React","baseClass","formatValue","value","tokenizeByCharacter","String","JSON","stringify","undefined","Text","t0","$","comparisonValue","valueFrom","field","locale","nestingLevel","versionValue","valueTo","i18n","placeholder","t1","label","formattedValueFrom","formattedValueTo","length","renderedValueFrom","renderedValueTo","From","To","fromHTML","postProcess","toHTML","_jsx","className"],"sources":["../../../../../../src/views/Version/RenderFieldsToDiff/fields/Text/index.tsx"],"sourcesContent":["'use client'\nimport type { TextFieldDiffClientComponent } from 'payload'\n\nimport {\n escapeDiffHTML,\n FieldDiffContainer,\n getHTMLDiffComponents,\n unescapeDiffHTML,\n useTranslation,\n} from '@payloadcms/ui'\nimport React from 'react'\n\nimport './index.scss'\n\nconst baseClass = 'text-diff'\n\nfunction formatValue(value: unknown): {\n tokenizeByCharacter: boolean\n value: string\n} {\n if (typeof value === 'string') {\n return { tokenizeByCharacter: true, value: escapeDiffHTML(value) }\n }\n if (typeof value === 'number') {\n return {\n tokenizeByCharacter: true,\n value: String(value),\n }\n }\n if (typeof value === 'boolean') {\n return {\n tokenizeByCharacter: false,\n value: String(value),\n }\n }\n\n if (value && typeof value === 'object') {\n return {\n tokenizeByCharacter: false,\n value: `<pre>${escapeDiffHTML(JSON.stringify(value, null, 2))}</pre>`,\n }\n }\n\n return {\n tokenizeByCharacter: true,\n value: undefined,\n }\n}\n\nexport const Text: TextFieldDiffClientComponent = ({\n comparisonValue: valueFrom,\n field,\n locale,\n nestingLevel,\n versionValue: valueTo,\n}) => {\n const { i18n } = useTranslation()\n\n let placeholder = ''\n\n if (valueTo == valueFrom) {\n placeholder = `<span class=\"html-diff-no-value\"><span>`\n }\n\n const formattedValueFrom = formatValue(valueFrom)\n const formattedValueTo = formatValue(valueTo)\n\n let tokenizeByCharacter = true\n if (formattedValueFrom.value?.length) {\n tokenizeByCharacter = formattedValueFrom.tokenizeByCharacter\n } else if (formattedValueTo.value?.length) {\n tokenizeByCharacter = formattedValueTo.tokenizeByCharacter\n }\n\n const renderedValueFrom = formattedValueFrom.value ?? placeholder\n const renderedValueTo: string = formattedValueTo.value ?? placeholder\n\n const { From, To } = getHTMLDiffComponents({\n fromHTML: '<p>' + renderedValueFrom + '</p>',\n postProcess: unescapeDiffHTML,\n toHTML: '<p>' + renderedValueTo + '</p>',\n tokenizeByCharacter,\n })\n\n return (\n <FieldDiffContainer\n className={baseClass}\n From={From}\n i18n={i18n}\n label={{\n label: field.label,\n locale,\n }}\n nestingLevel={nestingLevel}\n To={To}\n />\n )\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AAGA,SACEC,cAAc,EACdC,kBAAkB,EAClBC,qBAAqB,EACrBC,gBAAgB,EAChBC,cAAc,QACT;AACP,OAAOC,KAAA,MAAW;AAIlB,MAAMC,SAAA,GAAY;AAElB,SAASC,YAAYC,KAAc;EAIjC,IAAI,OAAOA,KAAA,KAAU,UAAU;IAC7B,OAAO;MAAEC,mBAAA,EAAqB;MAAMD,KAAA,EAAOR,cAAA,CAAeQ,KAAA;IAAO;EACnE;EACA,IAAI,OAAOA,KAAA,KAAU,UAAU;IAC7B,OAAO;MACLC,mBAAA,EAAqB;MACrBD,KAAA,EAAOE,MAAA,CAAOF,KAAA;IAChB;EACF;EACA,IAAI,OAAOA,KAAA,KAAU,WAAW;IAC9B,OAAO;MACLC,mBAAA,EAAqB;MACrBD,KAAA,EAAOE,MAAA,CAAOF,KAAA;IAChB;EACF;EAEA,IAAIA,KAAA,IAAS,OAAOA,KAAA,KAAU,UAAU;IACtC,OAAO;MACLC,mBAAA,EAAqB;MACrBD,KAAA,EAAO,QAAQR,cAAA,CAAeW,IAAA,CAAKC,SAAS,CAACJ,KAAA,EAAO,MAAM;IAC5D;EACF;EAEA,OAAO;IACLC,mBAAA,EAAqB;IACrBD,KAAA,EAAOK;EACT;AACF;AAEA,OAAO,MAAMC,IAAA,GAAqCC,EAAA;EAAA,MAAAC,CAAA,GAAAjB,EAAA;EAAC;IAAAkB,eAAA,EAAAC,SAAA;IAAAC,KAAA;IAAAC,MAAA;IAAAC,YAAA;IAAAC,YAAA,EAAAC;EAAA,IAAAR,EAMlD;EACC;IAAAS;EAAA,IAAiBpB,cAAA;EAEjB,IAAAqB,WAAA,GAAkB;EAAA,IAEdF,OAAA,IAAWL,SAAA;IACbO,WAAA,CAAAA,CAAA,CAAcA,2CAAyC;EAAvD;EAAA,IAAAC,EAAA;EAAA,IAAAV,CAAA,QAAAG,KAAA,CAAAQ,KAAA,IAAAX,CAAA,QAAAQ,IAAA,IAAAR,CAAA,QAAAI,MAAA,IAAAJ,CAAA,QAAAK,YAAA,IAAAL,CAAA,QAAAS,WAAA,IAAAT,CAAA,QAAAE,SAAA,IAAAF,CAAA,QAAAO,OAAA;IAGF,MAAAK,kBAAA,GAA2BrB,WAAA,CAAYW,SAAA;IACvC,MAAAW,gBAAA,GAAyBtB,WAAA,CAAYgB,OAAA;IAErC,IAAAd,mBAAA;IAA0B,IACtBmB,kBAAA,CAAApB,KAAA,EAAAsB,MAAA;MACFrB,mBAAA,CAAAA,CAAA,CAAsBmB,kBAAA,CAAAnB,mBAAA;IAAtB;MAAA,IACSoB,gBAAA,CAAArB,KAAA,EAAAsB,MAAA;QACTrB,mBAAA,CAAAA,CAAA,CAAsBoB,gBAAA,CAAApB,mBAAA;MAAtB;IAAA;IAGF,MAAAsB,iBAAA,GAA0BH,kBAAA,CAAApB,KAAA,IAA4BiB,WAAA;IACtD,MAAAO,eAAA,GAAgCH,gBAAA,CAAArB,KAAA,IAA0BiB,WAAA;IAE1D;MAAAQ,IAAA;MAAAC;IAAA,IAAqBhC,qBAAA;MAAAiC,QAAA,EACT,QAAQJ,iBAAA,GAAoB;MAAAK,WAAA,EAAAjC,gBAAA;MAAAkC,MAAA,EAE9B,QAAQL,eAAA,GAAkB;MAAAvB;IAAA,CAEpC;IAGEiB,EAAA,GAAAY,IAAA,CAAArC,kBAAA;MAAAsC,SAAA,EAAAjC,SAAA;MAAA2B,IAAA;MAAAT,IAAA;MAAAG,KAAA;QAAAA,KAAA,EAKWR,KAAA,CAAAQ,KAAA;QAAAP;MAAA;MAAAC,YAAA;MAAAa;IAAA,C;;;;;;;;;;;;SALXR,E;CAYJ","ignoreList":[]}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@payloadcms/next",
|
|
3
|
-
"version": "3.78.0-canary.
|
|
3
|
+
"version": "3.78.0-canary.6",
|
|
4
4
|
"homepage": "https://payloadcms.com",
|
|
5
5
|
"repository": {
|
|
6
6
|
"type": "git",
|
|
@@ -99,9 +99,9 @@
|
|
|
99
99
|
"qs-esm": "7.0.2",
|
|
100
100
|
"sass": "1.77.4",
|
|
101
101
|
"uuid": "10.0.0",
|
|
102
|
-
"@payloadcms/
|
|
103
|
-
"@payloadcms/
|
|
104
|
-
"@payloadcms/
|
|
102
|
+
"@payloadcms/translations": "3.78.0-canary.6",
|
|
103
|
+
"@payloadcms/graphql": "3.78.0-canary.6",
|
|
104
|
+
"@payloadcms/ui": "3.78.0-canary.6"
|
|
105
105
|
},
|
|
106
106
|
"devDependencies": {
|
|
107
107
|
"@babel/cli": "7.27.2",
|
|
@@ -118,13 +118,13 @@
|
|
|
118
118
|
"esbuild": "0.27.1",
|
|
119
119
|
"esbuild-sass-plugin": "3.3.1",
|
|
120
120
|
"swc-plugin-transform-remove-imports": "8.3.0",
|
|
121
|
-
"
|
|
122
|
-
"
|
|
121
|
+
"payload": "3.78.0-canary.6",
|
|
122
|
+
"@payloadcms/eslint-config": "3.28.0"
|
|
123
123
|
},
|
|
124
124
|
"peerDependencies": {
|
|
125
125
|
"graphql": "^16.8.1",
|
|
126
126
|
"next": ">=15.2.9 <15.3.0 || >=15.3.9 <15.4.0 || >=15.4.11 <15.5.0 || >=16.2.0-canary.10 <17.0.0",
|
|
127
|
-
"payload": "3.78.0-canary.
|
|
127
|
+
"payload": "3.78.0-canary.6"
|
|
128
128
|
},
|
|
129
129
|
"engines": {
|
|
130
130
|
"node": "^18.20.2 || >=20.9.0"
|