@payloadcms/next 3.0.0-beta.66 → 3.0.0-beta.67

package/dist/views/Version/RenderFieldsToDiff/fields/Relationship/index.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+import type { Props } from '../types.js';
+import './index.scss';
+declare const Relationship: React.FC<Props>;
+export default Relationship;
+//# sourceMappingURL=index.d.ts.map

package/dist/views/Version/RenderFieldsToDiff/fields/Relationship/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/views/Version/RenderFieldsToDiff/fields/Relationship/index.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,aAAa,CAAA;AAIxC,OAAO,cAAc,CAAA;AA8DrB,QAAA,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAiDjC,CAAA;AAED,eAAe,YAAY,CAAA"}

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

@@ -0,0 +1,85 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { getTranslation } from '@payloadcms/translations';
+import { useConfig } from '@payloadcms/ui';
+import { fieldAffectsData, fieldIsPresentationalOnly } from 'payload/shared';
+import React from 'react';
+import ReactDiffViewerImport from 'react-diff-viewer-continued';
+import Label from '../../Label/index.js';
+import { diffStyles } from '../styles.js';
+const ReactDiffViewer = ReactDiffViewerImport.default || ReactDiffViewerImport;
+const baseClass = 'relationship-diff';
+const generateLabelFromValue = (collections, field, locale, value)=>{
+    let relation;
+    let relatedDoc;
+    let valueToReturn = '';
+    const relationTo = 'relationTo' in field.fieldComponentProps ? field.fieldComponentProps.relationTo : undefined;
+    if (value === null || typeof value === 'undefined') {
+        return String(value);
+    }
+    if (Array.isArray(relationTo)) {
+        if (typeof value === 'object') {
+            relation = value.relationTo;
+            relatedDoc = value.value;
+        }
+    } else {
+        relation = relationTo;
+        relatedDoc = value;
+    }
+    const relatedCollection = collections.find((c)=>c.slug === relation);
+    if (relatedCollection) {
+        const useAsTitle = relatedCollection?.admin?.useAsTitle;
+        const useAsTitleField = relatedCollection.fields.find((f)=>fieldAffectsData(f) && !fieldIsPresentationalOnly(f) && f.name === useAsTitle);
+        let titleFieldIsLocalized = false;
+        if (useAsTitleField && fieldAffectsData(useAsTitleField)) titleFieldIsLocalized = useAsTitleField.localized;
+        if (typeof relatedDoc?.[useAsTitle] !== 'undefined') {
+            valueToReturn = relatedDoc[useAsTitle];
+        } else if (typeof relatedDoc?.id !== 'undefined') {
+            valueToReturn = relatedDoc.id;
+        }
+        if (typeof valueToReturn === 'object' && titleFieldIsLocalized) {
+            valueToReturn = valueToReturn[locale];
+        }
+    }
+    return valueToReturn;
+};
+const Relationship = ({ comparison, field, i18n, locale, version })=>{
+    let placeholder = '';
+    const { collections } = useConfig();
+    if (version === comparison) placeholder = `[${i18n.t('general:noValue')}]`;
+    let versionToRender = version;
+    let comparisonToRender = comparison;
+    if ('hasMany' in field && field.hasMany) {
+        if (Array.isArray(version)) versionToRender = version.map((val)=>generateLabelFromValue(collections, field, locale, val)).join(', ');
+        if (Array.isArray(comparison)) comparisonToRender = comparison.map((val)=>generateLabelFromValue(collections, field, locale, val)).join(', ');
+    } else {
+        versionToRender = generateLabelFromValue(collections, field, locale, version);
+        comparisonToRender = generateLabelFromValue(collections, field, locale, comparison);
+    }
+    const label = 'label' in field.fieldComponentProps && typeof field.fieldComponentProps.label !== 'boolean' && typeof field.fieldComponentProps.label !== 'function' ? field.fieldComponentProps.label : '';
+    return /*#__PURE__*/ _jsxs("div", {
+        className: baseClass,
+        children: [
+            /*#__PURE__*/ _jsxs(Label, {
+                children: [
+                    locale && /*#__PURE__*/ _jsx("span", {
+                        className: `${baseClass}__locale-label`,
+                        children: locale
+                    }),
+                    getTranslation(label, i18n)
+                ]
+            }),
+            /*#__PURE__*/ _jsx(ReactDiffViewer, {
+                hideLineNumbers: true,
+                newValue: typeof versionToRender !== 'undefined' ? String(versionToRender) : placeholder,
+                oldValue: typeof comparisonToRender !== 'undefined' ? String(comparisonToRender) : placeholder,
+                showDiffOnly: false,
+                splitView: true,
+                styles: diffStyles
+            })
+        ]
+    });
+};
+export default Relationship;
+
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../src/views/Version/RenderFieldsToDiff/fields/Relationship/index.tsx"],"sourcesContent":["'use client'\nimport type { ClientCollectionConfig } from 'payload'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport { type MappedField, useConfig } from '@payloadcms/ui'\nimport { fieldAffectsData, fieldIsPresentationalOnly } from 'payload/shared'\nimport React from 'react'\nimport ReactDiffViewerImport from 'react-diff-viewer-continued'\n\nimport type { Props } from '../types.js'\n\nimport Label from '../../Label/index.js'\nimport { diffStyles } from '../styles.js'\nimport './index.scss'\n\nconst ReactDiffViewer = (ReactDiffViewerImport.default ||\n  ReactDiffViewerImport) as unknown as typeof ReactDiffViewerImport.default\n\nconst baseClass = 'relationship-diff'\n\ntype RelationshipValue = Record<string, any>\n\nconst generateLabelFromValue = (\n  collections: ClientCollectionConfig[],\n  field: MappedField,\n  locale: string,\n  value: { relationTo: string; value: RelationshipValue } | RelationshipValue,\n): string => {\n  let relation: string\n  let relatedDoc: RelationshipValue\n  let valueToReturn = '' as any\n\n  const relationTo =\n    'relationTo' in field.fieldComponentProps ? field.fieldComponentProps.relationTo : undefined\n\n  if (value === null || typeof value === 'undefined') {\n    return String(value)\n  }\n\n  if (Array.isArray(relationTo)) {\n    if (typeof value === 'object') {\n      relation = value.relationTo\n      relatedDoc = value.value\n    }\n  } else {\n    relation = relationTo\n    relatedDoc = value\n  }\n\n  const relatedCollection = collections.find((c) => c.slug === relation)\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 = useAsTitleField.localized\n\n    if (typeof relatedDoc?.[useAsTitle] !== 'undefined') {\n      valueToReturn = relatedDoc[useAsTitle]\n    } else if (typeof relatedDoc?.id !== 'undefined') {\n      valueToReturn = relatedDoc.id\n    }\n\n    if (typeof valueToReturn === 'object' && titleFieldIsLocalized) {\n      valueToReturn = valueToReturn[locale]\n    }\n  }\n\n  return valueToReturn\n}\n\nconst Relationship: React.FC<Props> = ({ comparison, field, i18n, locale, version }) => {\n  let placeholder = ''\n\n  const { collections } = useConfig()\n\n  if (version === comparison) placeholder = `[${i18n.t('general:noValue')}]`\n\n  let versionToRender = version\n  let comparisonToRender = comparison\n\n  if ('hasMany' in field && field.hasMany) {\n    if (Array.isArray(version))\n      versionToRender = version\n        .map((val) => generateLabelFromValue(collections, field, locale, val))\n        .join(', ')\n    if (Array.isArray(comparison))\n      comparisonToRender = comparison\n        .map((val) => generateLabelFromValue(collections, field, locale, val))\n        .join(', ')\n  } else {\n    versionToRender = generateLabelFromValue(collections, field, locale, version)\n    comparisonToRender = generateLabelFromValue(collections, field, locale, comparison)\n  }\n\n  const label =\n    'label' in field.fieldComponentProps &&\n    typeof field.fieldComponentProps.label !== 'boolean' &&\n    typeof field.fieldComponentProps.label !== 'function'\n      ? field.fieldComponentProps.label\n      : ''\n\n  return (\n    <div className={baseClass}>\n      <Label>\n        {locale && <span className={`${baseClass}__locale-label`}>{locale}</span>}\n        {getTranslation(label, i18n)}\n      </Label>\n      <ReactDiffViewer\n        hideLineNumbers\n        newValue={typeof versionToRender !== 'undefined' ? String(versionToRender) : placeholder}\n        oldValue={\n          typeof comparisonToRender !== 'undefined' ? String(comparisonToRender) : placeholder\n        }\n        showDiffOnly={false}\n        splitView\n        styles={diffStyles}\n      />\n    </div>\n  )\n}\n\nexport default Relationship\n"],"names":["getTranslation","useConfig","fieldAffectsData","fieldIsPresentationalOnly","React","ReactDiffViewerImport","Label","diffStyles","ReactDiffViewer","default","baseClass","generateLabelFromValue","collections","field","locale","value","relation","relatedDoc","valueToReturn","relationTo","fieldComponentProps","undefined","String","Array","isArray","relatedCollection","find","c","slug","useAsTitle","admin","useAsTitleField","fields","f","name","titleFieldIsLocalized","localized","id","Relationship","comparison","i18n","version","placeholder","t","versionToRender","comparisonToRender","hasMany","map","val","join","label","div","className","span","hideLineNumbers","newValue","oldValue","showDiffOnly","splitView","styles"],"mappings":"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"}

package/dist/views/Version/RenderFieldsToDiff/fields/Relationship/index.scss

@@ -0,0 +1,13 @@
+.relationship-diff {
+  &__locale-label {
+    [dir='ltr'] & {
+      margin-right: calc(var(--base) * 0.25);
+    }
+    [dir='rtl'] & {
+      margin-left: calc(var(--base) * 0.25);
+    }
+    background: var(--theme-elevation-100);
+    padding: calc(var(--base) * 0.25);
+    // border-radius: $style-radius-m;
+  }
+}

package/dist/views/Version/RenderFieldsToDiff/fields/Select/DiffViewer/index.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+export declare const DiffViewer: React.FC<{
+    comparisonToRender: string;
+    diffMethod: string;
+    diffStyles: any;
+    placeholder: string;
+    versionToRender: string;
+}>;
+//# sourceMappingURL=index.d.ts.map

package/dist/views/Version/RenderFieldsToDiff/fields/Select/DiffViewer/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../src/views/Version/RenderFieldsToDiff/fields/Select/DiffViewer/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAA;AAMzB,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC;IAChC,kBAAkB,EAAE,MAAM,CAAA;IAC1B,UAAU,EAAE,MAAM,CAAA;IAClB,UAAU,EAAE,GAAG,CAAA;IACf,WAAW,EAAE,MAAM,CAAA;IACnB,eAAe,EAAE,MAAM,CAAA;CACxB,CAYA,CAAA"}

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

@@ -0,0 +1,18 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+import React from 'react';
+import ReactDiffViewerImport, { DiffMethod } from 'react-diff-viewer-continued';
+const ReactDiffViewer = ReactDiffViewerImport.default || ReactDiffViewerImport;
+export const DiffViewer = ({ comparisonToRender, diffMethod, diffStyles, placeholder, versionToRender })=>{
+    return /*#__PURE__*/ _jsx(ReactDiffViewer, {
+        compareMethod: DiffMethod[diffMethod],
+        hideLineNumbers: true,
+        newValue: typeof versionToRender !== 'undefined' ? versionToRender : placeholder,
+        oldValue: comparisonToRender,
+        showDiffOnly: false,
+        splitView: true,
+        styles: diffStyles
+    });
+};
+
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../../src/views/Version/RenderFieldsToDiff/fields/Select/DiffViewer/index.tsx"],"sourcesContent":["'use client'\nimport React from 'react'\nimport ReactDiffViewerImport, { DiffMethod } from 'react-diff-viewer-continued'\n\nconst ReactDiffViewer = (ReactDiffViewerImport.default ||\n  ReactDiffViewerImport) as unknown as typeof ReactDiffViewerImport.default\n\nexport const DiffViewer: React.FC<{\n  comparisonToRender: string\n  diffMethod: string\n  diffStyles: any\n  placeholder: string\n  versionToRender: string\n}> = ({ comparisonToRender, diffMethod, diffStyles, placeholder, versionToRender }) => {\n  return (\n    <ReactDiffViewer\n      compareMethod={DiffMethod[diffMethod]}\n      hideLineNumbers\n      newValue={typeof versionToRender !== 'undefined' ? versionToRender : placeholder}\n      oldValue={comparisonToRender}\n      showDiffOnly={false}\n      splitView\n      styles={diffStyles}\n    />\n  )\n}\n"],"names":["React","ReactDiffViewerImport","DiffMethod","ReactDiffViewer","default","DiffViewer","comparisonToRender","diffMethod","diffStyles","placeholder","versionToRender","compareMethod","hideLineNumbers","newValue","oldValue","showDiffOnly","splitView","styles"],"mappings":"AAAA;;AACA,OAAOA,WAAW,QAAO;AACzB,OAAOC,yBAAyBC,UAAU,QAAQ,8BAA6B;AAE/E,MAAMC,kBAAmBF,sBAAsBG,OAAO,IACpDH;AAEF,OAAO,MAAMI,aAMR,CAAC,EAAEC,kBAAkB,EAAEC,UAAU,EAAEC,UAAU,EAAEC,WAAW,EAAEC,eAAe,EAAE;IAChF,qBACE,KAACP;QACCQ,eAAeT,UAAU,CAACK,WAAW;QACrCK,eAAe;QACfC,UAAU,OAAOH,oBAAoB,cAAcA,kBAAkBD;QACrEK,UAAUR;QACVS,cAAc;QACdC,SAAS;QACTC,QAAQT;;AAGd,EAAC"}

package/dist/views/Version/RenderFieldsToDiff/fields/Select/index.d.ts

@@ -0,0 +1,10 @@
+import type { SelectFieldProps } from '@payloadcms/ui';
+import type { MappedField } from '@payloadcms/ui/utilities/buildComponentMap';
+import React from 'react';
+import type { Props } from '../types.js';
+import './index.scss';
+declare const Select: React.FC<{
+    field: MappedField & SelectFieldProps;
+} & Omit<Props, 'field'>>;
+export default Select;
+//# sourceMappingURL=index.d.ts.map

package/dist/views/Version/RenderFieldsToDiff/fields/Select/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/views/Version/RenderFieldsToDiff/fields/Select/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAA;AACtD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,4CAA4C,CAAA;AAI7E,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,aAAa,CAAA;AAKxC,OAAO,cAAc,CAAA;AAmCrB,QAAA,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CACpB;IACE,KAAK,EAAE,WAAW,GAAG,gBAAgB,CAAA;CACtC,GAAG,IAAI,CAAC,KAAK,EAAE,OAAO,CAAC,CAiCzB,CAAA;AAED,eAAe,MAAM,CAAA"}

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

@@ -0,0 +1,50 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { getTranslation } from '@payloadcms/translations';
+import React from 'react';
+import Label from '../../Label/index.js';
+import { diffStyles } from '../styles.js';
+import { DiffViewer } from './DiffViewer/index.js';
+const baseClass = 'select-diff';
+const getOptionsToRender = (value, options, hasMany)=>{
+    if (hasMany && Array.isArray(value)) {
+        return value.map((val)=>options.find((option)=>(typeof option === 'string' ? option : option.value) === val) || String(val));
+    }
+    return options.find((option)=>(typeof option === 'string' ? option : option.value) === value) || String(value);
+};
+const getTranslatedOptions = (options, i18n)=>{
+    if (Array.isArray(options)) {
+        return options.map((option)=>typeof option === 'string' ? option : getTranslation(option.label, i18n)).join(', ');
+    }
+    return typeof options === 'string' ? options : getTranslation(options.label, i18n);
+};
+const Select = ({ comparison, diffMethod, field, i18n, locale, version })=>{
+    let placeholder = '';
+    if (version === comparison) placeholder = `[${i18n.t('general:noValue')}]`;
+    const options = 'options' in field.fieldComponentProps && field.fieldComponentProps.options;
+    const comparisonToRender = typeof comparison !== 'undefined' ? getTranslatedOptions(getOptionsToRender(comparison, options, field.hasMany), i18n) : placeholder;
+    const versionToRender = typeof version !== 'undefined' ? getTranslatedOptions(getOptionsToRender(version, options, field.hasMany), i18n) : placeholder;
+    return /*#__PURE__*/ _jsxs("div", {
+        className: baseClass,
+        children: [
+            /*#__PURE__*/ _jsxs(Label, {
+                children: [
+                    locale && /*#__PURE__*/ _jsx("span", {
+                        className: `${baseClass}__locale-label`,
+                        children: locale
+                    }),
+                    'label' in field && getTranslation(field.label || '', i18n)
+                ]
+            }),
+            /*#__PURE__*/ _jsx(DiffViewer, {
+                comparisonToRender: comparisonToRender,
+                diffMethod: diffMethod,
+                diffStyles: diffStyles,
+                placeholder: placeholder,
+                versionToRender: versionToRender
+            })
+        ]
+    });
+};
+export default Select;
+
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../src/views/Version/RenderFieldsToDiff/fields/Select/index.tsx"],"sourcesContent":["import type { I18nClient } from '@payloadcms/translations'\nimport type { SelectFieldProps } from '@payloadcms/ui'\nimport type { MappedField } from '@payloadcms/ui/utilities/buildComponentMap'\nimport type { OptionObject, SelectField } from 'payload'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport React from 'react'\n\nimport type { Props } from '../types.js'\n\nimport Label from '../../Label/index.js'\nimport { diffStyles } from '../styles.js'\nimport { DiffViewer } from './DiffViewer/index.js'\nimport './index.scss'\n\nconst baseClass = 'select-diff'\n\nconst getOptionsToRender = (\n  value: string,\n  options: SelectField['options'],\n  hasMany: boolean,\n): (OptionObject | string)[] | OptionObject | string => {\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\nconst getTranslatedOptions = (\n  options: (OptionObject | string)[] | OptionObject | string,\n  i18n: I18nClient,\n): string => {\n  if (Array.isArray(options)) {\n    return options\n      .map((option) => (typeof option === 'string' ? option : getTranslation(option.label, i18n)))\n      .join(', ')\n  }\n\n  return typeof options === 'string' ? options : getTranslation(options.label, i18n)\n}\n\nconst Select: React.FC<\n  {\n    field: MappedField & SelectFieldProps\n  } & Omit<Props, 'field'>\n> = ({ comparison, diffMethod, field, i18n, locale, version }) => {\n  let placeholder = ''\n\n  if (version === comparison) placeholder = `[${i18n.t('general:noValue')}]`\n\n  const options = 'options' in field.fieldComponentProps && field.fieldComponentProps.options\n\n  const comparisonToRender =\n    typeof comparison !== 'undefined'\n      ? getTranslatedOptions(getOptionsToRender(comparison, options, field.hasMany), i18n)\n      : placeholder\n\n  const versionToRender =\n    typeof version !== 'undefined'\n      ? getTranslatedOptions(getOptionsToRender(version, options, field.hasMany), i18n)\n      : placeholder\n\n  return (\n    <div className={baseClass}>\n      <Label>\n        {locale && <span className={`${baseClass}__locale-label`}>{locale}</span>}\n        {'label' in field && getTranslation(field.label || '', i18n)}\n      </Label>\n      <DiffViewer\n        comparisonToRender={comparisonToRender}\n        diffMethod={diffMethod}\n        diffStyles={diffStyles}\n        placeholder={placeholder}\n        versionToRender={versionToRender}\n      />\n    </div>\n  )\n}\n\nexport default Select\n"],"names":["getTranslation","React","Label","diffStyles","DiffViewer","baseClass","getOptionsToRender","value","options","hasMany","Array","isArray","map","val","find","option","String","getTranslatedOptions","i18n","label","join","Select","comparison","diffMethod","field","locale","version","placeholder","t","fieldComponentProps","comparisonToRender","versionToRender","div","className","span"],"mappings":";AAKA,SAASA,cAAc,QAAQ,2BAA0B;AACzD,OAAOC,WAAW,QAAO;AAIzB,OAAOC,WAAW,uBAAsB;AACxC,SAASC,UAAU,QAAQ,eAAc;AACzC,SAASC,UAAU,QAAQ,wBAAuB;AAGlD,MAAMC,YAAY;AAElB,MAAMC,qBAAqB,CACzBC,OACAC,SACAC;IAEA,IAAIA,WAAWC,MAAMC,OAAO,CAACJ,QAAQ;QACnC,OAAOA,MAAMK,GAAG,CACd,CAACC,MACCL,QAAQM,IAAI,CAAC,CAACC,SAAW,AAAC,CAAA,OAAOA,WAAW,WAAWA,SAASA,OAAOR,KAAK,AAAD,MAAOM,QAClFG,OAAOH;IAEb;IACA,OACEL,QAAQM,IAAI,CAAC,CAACC,SAAW,AAAC,CAAA,OAAOA,WAAW,WAAWA,SAASA,OAAOR,KAAK,AAAD,MAAOA,UAClFS,OAAOT;AAEX;AAEA,MAAMU,uBAAuB,CAC3BT,SACAU;IAEA,IAAIR,MAAMC,OAAO,CAACH,UAAU;QAC1B,OAAOA,QACJI,GAAG,CAAC,CAACG,SAAY,OAAOA,WAAW,WAAWA,SAASf,eAAee,OAAOI,KAAK,EAAED,OACpFE,IAAI,CAAC;IACV;IAEA,OAAO,OAAOZ,YAAY,WAAWA,UAAUR,eAAeQ,QAAQW,KAAK,EAAED;AAC/E;AAEA,MAAMG,SAIF,CAAC,EAAEC,UAAU,EAAEC,UAAU,EAAEC,KAAK,EAAEN,IAAI,EAAEO,MAAM,EAAEC,OAAO,EAAE;IAC3D,IAAIC,cAAc;IAElB,IAAID,YAAYJ,YAAYK,cAAc,CAAC,CAAC,EAAET,KAAKU,CAAC,CAAC,mBAAmB,CAAC,CAAC;IAE1E,MAAMpB,UAAU,aAAagB,MAAMK,mBAAmB,IAAIL,MAAMK,mBAAmB,CAACrB,OAAO;IAE3F,MAAMsB,qBACJ,OAAOR,eAAe,cAClBL,qBAAqBX,mBAAmBgB,YAAYd,SAASgB,MAAMf,OAAO,GAAGS,QAC7ES;IAEN,MAAMI,kBACJ,OAAOL,YAAY,cACfT,qBAAqBX,mBAAmBoB,SAASlB,SAASgB,MAAMf,OAAO,GAAGS,QAC1ES;IAEN,qBACE,MAACK;QAAIC,WAAW5B;;0BACd,MAACH;;oBACEuB,wBAAU,KAACS;wBAAKD,WAAW,CAAC,EAAE5B,UAAU,cAAc,CAAC;kCAAGoB;;oBAC1D,WAAWD,SAASxB,eAAewB,MAAML,KAAK,IAAI,IAAID;;;0BAEzD,KAACd;gBACC0B,oBAAoBA;gBACpBP,YAAYA;gBACZpB,YAAYA;gBACZwB,aAAaA;gBACbI,iBAAiBA;;;;AAIzB;AAEA,eAAeV,OAAM"}

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

@@ -0,0 +1,13 @@
+.select-diff {
+  &__locale-label {
+    [dir='ltr'] & {
+      margin-right: calc(var(--base) * 0.25);
+    }
+    [dir='rtl'] & {
+      margin-left: calc(var(--base) * 0.25);
+    }
+    background: var(--theme-elevation-100);
+    padding: calc(var(--base) * 0.25);
+    // border-radius: $style-radius-m;
+  }
+}

package/dist/views/Version/RenderFieldsToDiff/fields/Tabs/index.d.ts

@@ -0,0 +1,8 @@
+import type { MappedField, TabsFieldProps } from '@payloadcms/ui';
+import React from 'react';
+import type { Props } from '../types.js';
+declare const Tabs: React.FC<{
+    field: MappedField & TabsFieldProps;
+} & Omit<Props, 'field'>>;
+export default Tabs;
+//# sourceMappingURL=index.d.ts.map

package/dist/views/Version/RenderFieldsToDiff/fields/Tabs/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/views/Version/RenderFieldsToDiff/fields/Tabs/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAA;AAEjE,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,aAAa,CAAA;AAOxC,QAAA,MAAM,IAAI,EAAE,KAAK,CAAC,EAAE,CAClB;IACE,KAAK,EAAE,WAAW,GAAG,cAAc,CAAA;CACpC,GAAG,IAAI,CAAC,KAAK,EAAE,OAAO,CAAC,CAuCzB,CAAA;AAED,eAAe,IAAI,CAAA"}

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

@@ -0,0 +1,40 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import React from 'react';
+import RenderFieldsToDiff from '../../index.js';
+import Nested from '../Nested/index.js';
+const baseClass = 'tabs-diff';
+const Tabs = ({ comparison, diffComponents, field, i18n, locale, locales, permissions, version })=>{
+    return /*#__PURE__*/ _jsx("div", {
+        className: baseClass,
+        children: /*#__PURE__*/ _jsx("div", {
+            className: `${baseClass}__wrap`,
+            children: field.tabs.map((tab, i)=>{
+                if ('name' in tab) {
+                    return /*#__PURE__*/ _jsx(Nested, {
+                        comparison: comparison?.[tab.name],
+                        diffComponents: diffComponents,
+                        field: field,
+                        fieldMap: tab.fieldMap,
+                        i18n: i18n,
+                        locale: locale,
+                        locales: locales,
+                        permissions: permissions,
+                        version: version?.[tab.name]
+                    }, i);
+                }
+                return /*#__PURE__*/ _jsx(RenderFieldsToDiff, {
+                    comparison: comparison,
+                    diffComponents: diffComponents,
+                    fieldMap: tab.fieldMap,
+                    fieldPermissions: permissions,
+                    i18n: i18n,
+                    locales: locales,
+                    version: version
+                }, i);
+            })
+        })
+    });
+};
+export default Tabs;
+
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../src/views/Version/RenderFieldsToDiff/fields/Tabs/index.tsx"],"sourcesContent":["import type { MappedField, TabsFieldProps } from '@payloadcms/ui'\n\nimport React from 'react'\n\nimport type { Props } from '../types.js'\n\nimport RenderFieldsToDiff from '../../index.js'\nimport Nested from '../Nested/index.js'\n\nconst baseClass = 'tabs-diff'\n\nconst Tabs: React.FC<\n  {\n    field: MappedField & TabsFieldProps\n  } & Omit<Props, 'field'>\n> = ({ comparison, diffComponents, field, i18n, locale, locales, permissions, version }) => {\n  return (\n    <div className={baseClass}>\n      <div className={`${baseClass}__wrap`}>\n        {field.tabs.map((tab, i) => {\n          if ('name' in tab) {\n            return (\n              <Nested\n                comparison={comparison?.[tab.name]}\n                diffComponents={diffComponents}\n                field={field}\n                fieldMap={tab.fieldMap}\n                i18n={i18n}\n                key={i}\n                locale={locale}\n                locales={locales}\n                permissions={permissions}\n                version={version?.[tab.name]}\n              />\n            )\n          }\n\n          return (\n            <RenderFieldsToDiff\n              comparison={comparison}\n              diffComponents={diffComponents}\n              fieldMap={tab.fieldMap}\n              fieldPermissions={permissions}\n              i18n={i18n}\n              key={i}\n              locales={locales}\n              version={version}\n            />\n          )\n        })}\n      </div>\n    </div>\n  )\n}\n\nexport default Tabs\n"],"names":["React","RenderFieldsToDiff","Nested","baseClass","Tabs","comparison","diffComponents","field","i18n","locale","locales","permissions","version","div","className","tabs","map","tab","i","name","fieldMap","fieldPermissions"],"mappings":";AAEA,OAAOA,WAAW,QAAO;AAIzB,OAAOC,wBAAwB,iBAAgB;AAC/C,OAAOC,YAAY,qBAAoB;AAEvC,MAAMC,YAAY;AAElB,MAAMC,OAIF,CAAC,EAAEC,UAAU,EAAEC,cAAc,EAAEC,KAAK,EAAEC,IAAI,EAAEC,MAAM,EAAEC,OAAO,EAAEC,WAAW,EAAEC,OAAO,EAAE;IACrF,qBACE,KAACC;QAAIC,WAAWX;kBACd,cAAA,KAACU;YAAIC,WAAW,CAAC,EAAEX,UAAU,MAAM,CAAC;sBACjCI,MAAMQ,IAAI,CAACC,GAAG,CAAC,CAACC,KAAKC;gBACpB,IAAI,UAAUD,KAAK;oBACjB,qBACE,KAACf;wBACCG,YAAYA,YAAY,CAACY,IAAIE,IAAI,CAAC;wBAClCb,gBAAgBA;wBAChBC,OAAOA;wBACPa,UAAUH,IAAIG,QAAQ;wBACtBZ,MAAMA;wBAENC,QAAQA;wBACRC,SAASA;wBACTC,aAAaA;wBACbC,SAASA,SAAS,CAACK,IAAIE,IAAI,CAAC;uBAJvBD;gBAOX;gBAEA,qBACE,KAACjB;oBACCI,YAAYA;oBACZC,gBAAgBA;oBAChBc,UAAUH,IAAIG,QAAQ;oBACtBC,kBAAkBV;oBAClBH,MAAMA;oBAENE,SAASA;oBACTE,SAASA;mBAFJM;YAKX;;;AAIR;AAEA,eAAed,KAAI"}

package/dist/views/Version/RenderFieldsToDiff/fields/Text/DiffViewer/index.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+export declare const DiffViewer: React.FC<{
+    comparisonToRender: string;
+    diffMethod: string;
+    diffStyles: any;
+    placeholder: string;
+    versionToRender: string;
+}>;
+//# sourceMappingURL=index.d.ts.map

package/dist/views/Version/RenderFieldsToDiff/fields/Text/DiffViewer/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../src/views/Version/RenderFieldsToDiff/fields/Text/DiffViewer/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAA;AAKzB,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC;IAChC,kBAAkB,EAAE,MAAM,CAAA;IAC1B,UAAU,EAAE,MAAM,CAAA;IAClB,UAAU,EAAE,GAAG,CAAA;IACf,WAAW,EAAE,MAAM,CAAA;IACnB,eAAe,EAAE,MAAM,CAAA;CACxB,CAcA,CAAA"}

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

@@ -0,0 +1,18 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+import React from 'react';
+import ReactDiffViewerImport, { DiffMethod } from 'react-diff-viewer-continued';
+const ReactDiffViewer = ReactDiffViewerImport.default || ReactDiffViewerImport;
+export const DiffViewer = ({ comparisonToRender, diffMethod, diffStyles, placeholder, versionToRender })=>{
+    return /*#__PURE__*/ _jsx(ReactDiffViewer, {
+        compareMethod: DiffMethod[diffMethod],
+        hideLineNumbers: true,
+        newValue: typeof versionToRender !== 'undefined' ? String(versionToRender) : placeholder,
+        oldValue: typeof comparisonToRender !== 'undefined' ? String(comparisonToRender) : placeholder,
+        showDiffOnly: false,
+        splitView: true,
+        styles: diffStyles
+    });
+};
+
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../../src/views/Version/RenderFieldsToDiff/fields/Text/DiffViewer/index.tsx"],"sourcesContent":["'use client'\nimport React from 'react'\nimport ReactDiffViewerImport, { DiffMethod } from 'react-diff-viewer-continued'\n\nconst ReactDiffViewer = (ReactDiffViewerImport.default ||\n  ReactDiffViewerImport) as unknown as typeof ReactDiffViewerImport.default\nexport const DiffViewer: React.FC<{\n  comparisonToRender: string\n  diffMethod: string\n  diffStyles: any\n  placeholder: string\n  versionToRender: string\n}> = ({ comparisonToRender, diffMethod, diffStyles, placeholder, versionToRender }) => {\n  return (\n    <ReactDiffViewer\n      compareMethod={DiffMethod[diffMethod]}\n      hideLineNumbers\n      newValue={typeof versionToRender !== 'undefined' ? String(versionToRender) : placeholder}\n      oldValue={\n        typeof comparisonToRender !== 'undefined' ? String(comparisonToRender) : placeholder\n      }\n      showDiffOnly={false}\n      splitView\n      styles={diffStyles}\n    />\n  )\n}\n"],"names":["React","ReactDiffViewerImport","DiffMethod","ReactDiffViewer","default","DiffViewer","comparisonToRender","diffMethod","diffStyles","placeholder","versionToRender","compareMethod","hideLineNumbers","newValue","String","oldValue","showDiffOnly","splitView","styles"],"mappings":"AAAA;;AACA,OAAOA,WAAW,QAAO;AACzB,OAAOC,yBAAyBC,UAAU,QAAQ,8BAA6B;AAE/E,MAAMC,kBAAmBF,sBAAsBG,OAAO,IACpDH;AACF,OAAO,MAAMI,aAMR,CAAC,EAAEC,kBAAkB,EAAEC,UAAU,EAAEC,UAAU,EAAEC,WAAW,EAAEC,eAAe,EAAE;IAChF,qBACE,KAACP;QACCQ,eAAeT,UAAU,CAACK,WAAW;QACrCK,eAAe;QACfC,UAAU,OAAOH,oBAAoB,cAAcI,OAAOJ,mBAAmBD;QAC7EM,UACE,OAAOT,uBAAuB,cAAcQ,OAAOR,sBAAsBG;QAE3EO,cAAc;QACdC,SAAS;QACTC,QAAQV;;AAGd,EAAC"}

package/dist/views/Version/RenderFieldsToDiff/fields/Text/index.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+import type { Props } from '../types.js';
+import './index.scss';
+declare const Text: React.FC<Props>;
+export default Text;
+//# sourceMappingURL=index.d.ts.map

package/dist/views/Version/RenderFieldsToDiff/fields/Text/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/views/Version/RenderFieldsToDiff/fields/Text/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,aAAa,CAAA;AAKxC,OAAO,cAAc,CAAA;AAIrB,QAAA,MAAM,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAsCzB,CAAA;AAED,eAAe,IAAI,CAAA"}

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

@@ -0,0 +1,41 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { getTranslation } from '@payloadcms/translations';
+import React from 'react';
+import Label from '../../Label/index.js';
+import { diffStyles } from '../styles.js';
+import { DiffViewer } from './DiffViewer/index.js';
+const baseClass = 'text-diff';
+const Text = ({ comparison, diffMethod, field, i18n, isRichText = false, locale, version })=>{
+    let placeholder = '';
+    if (version === comparison) placeholder = `[${i18n.t('general:noValue')}]`;
+    let versionToRender = version;
+    let comparisonToRender = comparison;
+    if (isRichText) {
+        if (typeof version === 'object') versionToRender = JSON.stringify(version, null, 2);
+        if (typeof comparison === 'object') comparisonToRender = JSON.stringify(comparison, null, 2);
+    }
+    return /*#__PURE__*/ _jsxs("div", {
+        className: baseClass,
+        children: [
+            /*#__PURE__*/ _jsxs(Label, {
+                children: [
+                    locale && /*#__PURE__*/ _jsx("span", {
+                        className: `${baseClass}__locale-label`,
+                        children: locale
+                    }),
+                    'label' in field.fieldComponentProps && typeof field.fieldComponentProps.label !== 'function' && getTranslation(field.fieldComponentProps.label || '', i18n)
+                ]
+            }),
+            /*#__PURE__*/ _jsx(DiffViewer, {
+                comparisonToRender: comparisonToRender,
+                diffMethod: diffMethod,
+                diffStyles: diffStyles,
+                placeholder: placeholder,
+                versionToRender: versionToRender
+            })
+        ]
+    });
+};
+export default Text;
+
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../src/views/Version/RenderFieldsToDiff/fields/Text/index.tsx"],"sourcesContent":["import { getTranslation } from '@payloadcms/translations'\nimport React from 'react'\n\nimport type { Props } from '../types.js'\n\nimport Label from '../../Label/index.js'\nimport { diffStyles } from '../styles.js'\nimport { DiffViewer } from './DiffViewer/index.js'\nimport './index.scss'\n\nconst baseClass = 'text-diff'\n\nconst Text: React.FC<Props> = ({\n  comparison,\n  diffMethod,\n  field,\n  i18n,\n  isRichText = false,\n  locale,\n  version,\n}) => {\n  let placeholder = ''\n\n  if (version === comparison) placeholder = `[${i18n.t('general:noValue')}]`\n\n  let versionToRender = version\n  let comparisonToRender = comparison\n\n  if (isRichText) {\n    if (typeof version === 'object') versionToRender = JSON.stringify(version, null, 2)\n    if (typeof comparison === 'object') comparisonToRender = JSON.stringify(comparison, null, 2)\n  }\n\n  return (\n    <div className={baseClass}>\n      <Label>\n        {locale && <span className={`${baseClass}__locale-label`}>{locale}</span>}\n        {'label' in field.fieldComponentProps &&\n          typeof field.fieldComponentProps.label !== 'function' &&\n          getTranslation(field.fieldComponentProps.label || '', i18n)}\n      </Label>\n      <DiffViewer\n        comparisonToRender={comparisonToRender}\n        diffMethod={diffMethod}\n        diffStyles={diffStyles}\n        placeholder={placeholder}\n        versionToRender={versionToRender}\n      />\n    </div>\n  )\n}\n\nexport default Text\n"],"names":["getTranslation","React","Label","diffStyles","DiffViewer","baseClass","Text","comparison","diffMethod","field","i18n","isRichText","locale","version","placeholder","t","versionToRender","comparisonToRender","JSON","stringify","div","className","span","fieldComponentProps","label"],"mappings":";AAAA,SAASA,cAAc,QAAQ,2BAA0B;AACzD,OAAOC,WAAW,QAAO;AAIzB,OAAOC,WAAW,uBAAsB;AACxC,SAASC,UAAU,QAAQ,eAAc;AACzC,SAASC,UAAU,QAAQ,wBAAuB;AAGlD,MAAMC,YAAY;AAElB,MAAMC,OAAwB,CAAC,EAC7BC,UAAU,EACVC,UAAU,EACVC,KAAK,EACLC,IAAI,EACJC,aAAa,KAAK,EAClBC,MAAM,EACNC,OAAO,EACR;IACC,IAAIC,cAAc;IAElB,IAAID,YAAYN,YAAYO,cAAc,CAAC,CAAC,EAAEJ,KAAKK,CAAC,CAAC,mBAAmB,CAAC,CAAC;IAE1E,IAAIC,kBAAkBH;IACtB,IAAII,qBAAqBV;IAEzB,IAAII,YAAY;QACd,IAAI,OAAOE,YAAY,UAAUG,kBAAkBE,KAAKC,SAAS,CAACN,SAAS,MAAM;QACjF,IAAI,OAAON,eAAe,UAAUU,qBAAqBC,KAAKC,SAAS,CAACZ,YAAY,MAAM;IAC5F;IAEA,qBACE,MAACa;QAAIC,WAAWhB;;0BACd,MAACH;;oBACEU,wBAAU,KAACU;wBAAKD,WAAW,CAAC,EAAEhB,UAAU,cAAc,CAAC;kCAAGO;;oBAC1D,WAAWH,MAAMc,mBAAmB,IACnC,OAAOd,MAAMc,mBAAmB,CAACC,KAAK,KAAK,cAC3CxB,eAAeS,MAAMc,mBAAmB,CAACC,KAAK,IAAI,IAAId;;;0BAE1D,KAACN;gBACCa,oBAAoBA;gBACpBT,YAAYA;gBACZL,YAAYA;gBACZW,aAAaA;gBACbE,iBAAiBA;;;;AAIzB;AAEA,eAAeV,KAAI"}

package/dist/views/Version/RenderFieldsToDiff/fields/Text/index.scss

@@ -0,0 +1,13 @@
+.text-diff {
+  &__locale-label {
+    [dir='ltr'] & {
+      margin-right: calc(var(--base) * 0.25);
+    }
+    [dir='rtl'] & {
+      margin-left: calc(var(--base) * 0.25);
+    }
+    background: var(--theme-elevation-100);
+    padding: calc(var(--base) * 0.25);
+    // border-radius: $style-radius-m;
+  }
+}

package/dist/views/Version/RenderFieldsToDiff/fields/diffMethods.d.ts

@@ -0,0 +1,7 @@
+export declare const diffMethods: {
+    radio: string;
+    relationship: string;
+    select: string;
+    upload: string;
+};
+//# sourceMappingURL=diffMethods.d.ts.map

package/dist/views/Version/RenderFieldsToDiff/fields/diffMethods.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"diffMethods.d.ts","sourceRoot":"","sources":["../../../../../src/views/Version/RenderFieldsToDiff/fields/diffMethods.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,WAAW;;;;;CAKvB,CAAA"}

package/dist/views/Version/RenderFieldsToDiff/fields/diffMethods.js

@@ -0,0 +1,8 @@
+export const diffMethods = {
+    radio: 'WORDS_WITH_SPACE',
+    relationship: 'WORDS_WITH_SPACE',
+    select: 'WORDS_WITH_SPACE',
+    upload: 'WORDS_WITH_SPACE'
+};
+
+//# sourceMappingURL=diffMethods.js.map

package/dist/views/Version/RenderFieldsToDiff/fields/diffMethods.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/views/Version/RenderFieldsToDiff/fields/diffMethods.ts"],"sourcesContent":["export const diffMethods = {\n  radio: 'WORDS_WITH_SPACE',\n  relationship: 'WORDS_WITH_SPACE',\n  select: 'WORDS_WITH_SPACE',\n  upload: 'WORDS_WITH_SPACE',\n}\n"],"names":["diffMethods","radio","relationship","select","upload"],"mappings":"AAAA,OAAO,MAAMA,cAAc;IACzBC,OAAO;IACPC,cAAc;IACdC,QAAQ;IACRC,QAAQ;AACV,EAAC"}

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

@@ -0,0 +1,30 @@
+declare const _default: {
+    array: import("react").FC<import("./types.js").Props>;
+    blocks: import("react").FC<import("./types.js").Props>;
+    checkbox: import("react").FC<import("./types.js").Props>;
+    code: import("react").FC<import("./types.js").Props>;
+    collapsible: import("react").FC<import("./types.js").Props>;
+    date: import("react").FC<import("./types.js").Props>;
+    email: import("react").FC<import("./types.js").Props>;
+    group: import("react").FC<import("./types.js").Props>;
+    json: import("react").FC<import("./types.js").Props>;
+    number: import("react").FC<import("./types.js").Props>;
+    point: import("react").FC<import("./types.js").Props>;
+    radio: import("react").FC<{
+        field: import("@payloadcms/ui").MappedField & import("@payloadcms/ui").SelectFieldProps;
+    } & Omit<import("./types.js").Props, "field">>;
+    relationship: any;
+    richText: import("react").FC<import("./types.js").Props>;
+    row: import("react").FC<import("./types.js").Props>;
+    select: import("react").FC<{
+        field: import("@payloadcms/ui").MappedField & import("@payloadcms/ui").SelectFieldProps;
+    } & Omit<import("./types.js").Props, "field">>;
+    tabs: import("react").FC<{
+        field: import("@payloadcms/ui").MappedField & import("@payloadcms/ui").TabsFieldProps;
+    } & Omit<import("./types.js").Props, "field">>;
+    text: import("react").FC<import("./types.js").Props>;
+    textarea: import("react").FC<import("./types.js").Props>;
+    upload: any;
+};
+export default _default;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/views/Version/RenderFieldsToDiff/fields/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAOA,wBAqBC"}

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

@@ -0,0 +1,29 @@
+import Iterable from './Iterable/index.js';
+import Nested from './Nested/index.js';
+import Select from './Select/index.js';
+import Tabs from './Tabs/index.js';
+import Text from './Text/index.js';
+export default {
+    array: Iterable,
+    blocks: Iterable,
+    checkbox: Text,
+    code: Text,
+    collapsible: Nested,
+    date: Text,
+    email: Text,
+    group: Nested,
+    json: Text,
+    number: Text,
+    point: Text,
+    radio: Select,
+    relationship: null,
+    richText: Text,
+    row: Nested,
+    select: Select,
+    tabs: Tabs,
+    text: Text,
+    textarea: Text,
+    upload: null
+};
+
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/views/Version/RenderFieldsToDiff/fields/index.tsx"],"sourcesContent":["import Iterable from './Iterable/index.js'\nimport Nested from './Nested/index.js'\nimport Relationship from './Relationship/index.js'\nimport Select from './Select/index.js'\nimport Tabs from './Tabs/index.js'\nimport Text from './Text/index.js'\n\nexport default {\n  array: Iterable,\n  blocks: Iterable,\n  checkbox: Text,\n  code: Text,\n  collapsible: Nested,\n  date: Text,\n  email: Text,\n  group: Nested,\n  json: Text,\n  number: Text,\n  point: Text,\n  radio: Select,\n  relationship: null,\n  richText: Text,\n  row: Nested,\n  select: Select,\n  tabs: Tabs,\n  text: Text,\n  textarea: Text,\n  upload: null,\n}\n"],"names":["Iterable","Nested","Select","Tabs","Text","array","blocks","checkbox","code","collapsible","date","email","group","json","number","point","radio","relationship","richText","row","select","tabs","text","textarea","upload"],"mappings":"AAAA,OAAOA,cAAc,sBAAqB;AAC1C,OAAOC,YAAY,oBAAmB;AAEtC,OAAOC,YAAY,oBAAmB;AACtC,OAAOC,UAAU,kBAAiB;AAClC,OAAOC,UAAU,kBAAiB;AAElC,eAAe;IACbC,OAAOL;IACPM,QAAQN;IACRO,UAAUH;IACVI,MAAMJ;IACNK,aAAaR;IACbS,MAAMN;IACNO,OAAOP;IACPQ,OAAOX;IACPY,MAAMT;IACNU,QAAQV;IACRW,OAAOX;IACPY,OAAOd;IACPe,cAAc;IACdC,UAAUd;IACVe,KAAKlB;IACLmB,QAAQlB;IACRmB,MAAMlB;IACNmB,MAAMlB;IACNmB,UAAUnB;IACVoB,QAAQ;AACV,EAAC"}

package/dist/views/Version/RenderFieldsToDiff/fields/styles.d.ts

@@ -0,0 +1,27 @@
+export declare const diffStyles: {
+    variables: {
+        dark: {
+            addedBackground: string;
+            addedColor: string;
+            diffViewerBackground: string;
+            diffViewerColor: string;
+            emptyLineBackground: string;
+            removedBackground: string;
+            removedColor: string;
+            wordAddedBackground: string;
+            wordRemovedBackground: string;
+        };
+        light: {
+            addedBackground: string;
+            addedColor: string;
+            diffViewerBackground: string;
+            diffViewerColor: string;
+            emptyLineBackground: string;
+            removedBackground: string;
+            removedColor: string;
+            wordAddedBackground: string;
+            wordRemovedBackground: string;
+        };
+    };
+};
+//# sourceMappingURL=styles.d.ts.map

package/dist/views/Version/RenderFieldsToDiff/fields/styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../../src/views/Version/RenderFieldsToDiff/fields/styles.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;CAyBtB,CAAA"}

package/dist/views/Version/RenderFieldsToDiff/fields/styles.js

@@ -0,0 +1,28 @@
+export const diffStyles = {
+    variables: {
+        dark: {
+            addedBackground: 'var(--theme-success-900)',
+            addedColor: 'var(--theme-success-100)',
+            diffViewerBackground: 'transparent',
+            diffViewerColor: 'var(--theme-text)',
+            emptyLineBackground: 'var(--theme-elevation-50)',
+            removedBackground: 'var(--theme-error-900)',
+            removedColor: 'var(--theme-error-100)',
+            wordAddedBackground: 'var(--theme-success-800)',
+            wordRemovedBackground: 'var(--theme-error-800)'
+        },
+        light: {
+            addedBackground: 'var(--theme-success-100)',
+            addedColor: 'var(--theme-success-900)',
+            diffViewerBackground: 'transparent',
+            diffViewerColor: 'var(--theme-text)',
+            emptyLineBackground: 'var(--theme-elevation-50)',
+            removedBackground: 'var(--theme-error-100)',
+            removedColor: 'var(--theme-error-900)',
+            wordAddedBackground: 'var(--theme-success-200)',
+            wordRemovedBackground: 'var(--theme-error-200)'
+        }
+    }
+};
+
+//# sourceMappingURL=styles.js.map

package/dist/views/Version/RenderFieldsToDiff/fields/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/views/Version/RenderFieldsToDiff/fields/styles.ts"],"sourcesContent":["export const diffStyles = {\n  variables: {\n    dark: {\n      addedBackground: 'var(--theme-success-900)',\n      addedColor: 'var(--theme-success-100)',\n      diffViewerBackground: 'transparent',\n      diffViewerColor: 'var(--theme-text)',\n      emptyLineBackground: 'var(--theme-elevation-50)',\n      removedBackground: 'var(--theme-error-900)',\n      removedColor: 'var(--theme-error-100)',\n      wordAddedBackground: 'var(--theme-success-800)',\n      wordRemovedBackground: 'var(--theme-error-800)',\n    },\n    light: {\n      addedBackground: 'var(--theme-success-100)',\n      addedColor: 'var(--theme-success-900)',\n      diffViewerBackground: 'transparent',\n      diffViewerColor: 'var(--theme-text)',\n      emptyLineBackground: 'var(--theme-elevation-50)',\n      removedBackground: 'var(--theme-error-100)',\n      removedColor: 'var(--theme-error-900)',\n      wordAddedBackground: 'var(--theme-success-200)',\n      wordRemovedBackground: 'var(--theme-error-200)',\n    },\n  },\n}\n"],"names":["diffStyles","variables","dark","addedBackground","addedColor","diffViewerBackground","diffViewerColor","emptyLineBackground","removedBackground","removedColor","wordAddedBackground","wordRemovedBackground","light"],"mappings":"AAAA,OAAO,MAAMA,aAAa;IACxBC,WAAW;QACTC,MAAM;YACJC,iBAAiB;YACjBC,YAAY;YACZC,sBAAsB;YACtBC,iBAAiB;YACjBC,qBAAqB;YACrBC,mBAAmB;YACnBC,cAAc;YACdC,qBAAqB;YACrBC,uBAAuB;QACzB;QACAC,OAAO;YACLT,iBAAiB;YACjBC,YAAY;YACZC,sBAAsB;YACtBC,iBAAiB;YACjBC,qBAAqB;YACrBC,mBAAmB;YACnBC,cAAc;YACdC,qBAAqB;YACrBC,uBAAuB;QACzB;IACF;AACF,EAAC"}