payload 1.15.5 → 2.0.0-beta.0

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

@@ -1,21 +1,30 @@
 "use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const react_1 = __importDefault(require("react"));
-const react_diff_viewer_continued_1 = __importDefault(require("react-diff-viewer-continued"));
-const react_i18next_1 = require("react-i18next");
-const Config_1 = require("../../../../../utilities/Config");
-const Locale_1 = require("../../../../../utilities/Locale");
-const types_1 = require("../../../../../../../fields/config/types");
-const Label_1 = __importDefault(require("../../Label"));
-const styles_1 = require("../styles");
-const getTranslation_1 = require("../../../../../../../utilities/getTranslation");
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "default", {
+    enumerable: true,
+    get: function() {
+        return _default;
+    }
+});
+const _react = /*#__PURE__*/ _interop_require_default(require("react"));
+const _reactdiffviewercontinued = /*#__PURE__*/ _interop_require_default(require("react-diff-viewer-continued"));
+const _reacti18next = require("react-i18next");
+const _types = require("../../../../../../../fields/config/types");
+const _getTranslation = require("../../../../../../../utilities/getTranslation");
+const _Config = require("../../../../../utilities/Config");
+const _Locale = require("../../../../../utilities/Locale");
+const _Label = /*#__PURE__*/ _interop_require_default(require("../../Label"));
+const _styles = require("../styles");
 require("./index.scss");
+function _interop_require_default(obj) {
+    return obj && obj.__esModule ? obj : {
+        default: obj
+    };
+}
 const baseClass = 'relationship-diff';
-const generateLabelFromValue = (collections, field, locale, value) => {
-    var _a;
+const generateLabelFromValue = (collections, field, locale, value)=>{
     let relation;
     let relatedDoc;
     let valueToReturn = '';
@@ -24,22 +33,19 @@ const generateLabelFromValue = (collections, field, locale, value) => {
             relation = value.relationTo;
             relatedDoc = value.value;
         }
-    }
-    else {
+    } else {
         relation = field.relationTo;
         relatedDoc = value;
     }
-    const relatedCollection = collections.find((c) => c.slug === relation);
+    const relatedCollection = collections.find((c)=>c.slug === relation);
     if (relatedCollection) {
-        const useAsTitle = (_a = relatedCollection === null || relatedCollection === void 0 ? void 0 : relatedCollection.admin) === null || _a === void 0 ? void 0 : _a.useAsTitle;
-        const useAsTitleField = relatedCollection.fields.find((f) => ((0, types_1.fieldAffectsData)(f) && !(0, types_1.fieldIsPresentationalOnly)(f)) && f.name === useAsTitle);
+        const useAsTitle = relatedCollection?.admin?.useAsTitle;
+        const useAsTitleField = relatedCollection.fields.find((f)=>(0, _types.fieldAffectsData)(f) && !(0, _types.fieldIsPresentationalOnly)(f) && f.name === useAsTitle);
         let titleFieldIsLocalized = false;
-        if (useAsTitleField && (0, types_1.fieldAffectsData)(useAsTitleField))
-            titleFieldIsLocalized = useAsTitleField.localized;
-        if (typeof (relatedDoc === null || relatedDoc === void 0 ? void 0 : relatedDoc[useAsTitle]) !== 'undefined') {
+        if (useAsTitleField && (0, _types.fieldAffectsData)(useAsTitleField)) titleFieldIsLocalized = useAsTitleField.localized;
+        if (typeof relatedDoc?.[useAsTitle] !== 'undefined') {
             valueToReturn = relatedDoc[useAsTitle];
-        }
-        else if (typeof (relatedDoc === null || relatedDoc === void 0 ? void 0 : relatedDoc.id) !== 'undefined') {
+        } else if (typeof relatedDoc?.id !== 'undefined') {
             valueToReturn = relatedDoc.id;
         }
         if (typeof valueToReturn === 'object' && titleFieldIsLocalized) {
@@ -48,31 +54,35 @@ const generateLabelFromValue = (collections, field, locale, value) => {
     }
     return valueToReturn;
 };
-const Relationship = ({ field, version, comparison }) => {
-    const { collections } = (0, Config_1.useConfig)();
-    const { t, i18n } = (0, react_i18next_1.useTranslation)('general');
-    const locale = (0, Locale_1.useLocale)();
+const Relationship = ({ comparison, field, version })=>{
+    const { collections } = (0, _Config.useConfig)();
+    const { i18n, t } = (0, _reacti18next.useTranslation)('general');
+    const { code: locale } = (0, _Locale.useLocale)();
     let placeholder = '';
-    if (version === comparison)
-        placeholder = `[${t('noValue')}]`;
+    if (version === comparison) placeholder = `[${t('noValue')}]`;
     let versionToRender = version;
     let comparisonToRender = comparison;
     if (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 {
+        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);
     }
-    return (react_1.default.createElement("div", { className: baseClass },
-        react_1.default.createElement(Label_1.default, null,
-            locale && (react_1.default.createElement("span", { className: `${baseClass}__locale-label` }, locale)),
-            (0, getTranslation_1.getTranslation)(field.label, i18n)),
-        react_1.default.createElement(react_diff_viewer_continued_1.default, { styles: styles_1.diffStyles, oldValue: typeof comparisonToRender !== 'undefined' ? String(comparisonToRender) : placeholder, newValue: typeof versionToRender !== 'undefined' ? String(versionToRender) : placeholder, splitView: true, hideLineNumbers: true, showDiffOnly: false })));
+    return /*#__PURE__*/ _react.default.createElement("div", {
+        className: baseClass
+    }, /*#__PURE__*/ _react.default.createElement(_Label.default, null, locale && /*#__PURE__*/ _react.default.createElement("span", {
+        className: `${baseClass}__locale-label`
+    }, locale), (0, _getTranslation.getTranslation)(field.label, i18n)), /*#__PURE__*/ _react.default.createElement(_reactdiffviewercontinued.default, {
+        hideLineNumbers: true,
+        newValue: typeof versionToRender !== 'undefined' ? String(versionToRender) : placeholder,
+        oldValue: typeof comparisonToRender !== 'undefined' ? String(comparisonToRender) : placeholder,
+        showDiffOnly: false,
+        splitView: true,
+        styles: _styles.diffStyles
+    }));
     return null;
 };
-exports.default = Relationship;
-//# sourceMappingURL=index.js.map
+const _default = Relationship;
+
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL3NyYy9hZG1pbi9jb21wb25lbnRzL3ZpZXdzL1ZlcnNpb24vUmVuZGVyRmllbGRzVG9EaWZmL2ZpZWxkcy9SZWxhdGlvbnNoaXAvaW5kZXgudHN4Il0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCdcbmltcG9ydCBSZWFjdERpZmZWaWV3ZXIgZnJvbSAncmVhY3QtZGlmZi12aWV3ZXItY29udGludWVkJ1xuaW1wb3J0IHsgdXNlVHJhbnNsYXRpb24gfSBmcm9tICdyZWFjdC1pMThuZXh0J1xuXG5pbXBvcnQgdHlwZSB7IFNhbml0aXplZENvbGxlY3Rpb25Db25maWcgfSBmcm9tICcuLi8uLi8uLi8uLi8uLi8uLi8uLi9jb2xsZWN0aW9ucy9jb25maWcvdHlwZXMnXG5pbXBvcnQgdHlwZSB7IFJlbGF0aW9uc2hpcEZpZWxkIH0gZnJvbSAnLi4vLi4vLi4vLi4vLi4vLi4vLi4vZmllbGRzL2NvbmZpZy90eXBlcydcbmltcG9ydCB0eXBlIHsgUHJvcHMgfSBmcm9tICcuLi90eXBlcydcblxuaW1wb3J0IHtcbiAgZmllbGRBZmZlY3RzRGF0YSxcbiAgZmllbGRJc1ByZXNlbnRhdGlvbmFsT25seSxcbn0gZnJvbSAnLi4vLi4vLi4vLi4vLi4vLi4vLi4vZmllbGRzL2NvbmZpZy90eXBlcydcbmltcG9ydCB7IGdldFRyYW5zbGF0aW9uIH0gZnJvbSAnLi4vLi4vLi4vLi4vLi4vLi4vLi4vdXRpbGl0aWVzL2dldFRyYW5zbGF0aW9uJ1xuaW1wb3J0IHsgdXNlQ29uZmlnIH0gZnJvbSAnLi4vLi4vLi4vLi4vLi4vdXRpbGl0aWVzL0NvbmZpZydcbmltcG9ydCB7IHVzZUxvY2FsZSB9IGZyb20gJy4uLy4uLy4uLy4uLy4uL3V0aWxpdGllcy9Mb2NhbGUnXG5pbXBvcnQgTGFiZWwgZnJvbSAnLi4vLi4vTGFiZWwnXG5pbXBvcnQgeyBkaWZmU3R5bGVzIH0gZnJvbSAnLi4vc3R5bGVzJ1xuaW1wb3J0ICcuL2luZGV4LnNjc3MnXG5cbmNvbnN0IGJhc2VDbGFzcyA9ICdyZWxhdGlvbnNoaXAtZGlmZidcblxudHlwZSBSZWxhdGlvbnNoaXBWYWx1ZSA9IFJlY29yZDxzdHJpbmcsIGFueT5cblxuY29uc3QgZ2VuZXJhdGVMYWJlbEZyb21WYWx1ZSA9IChcbiAgY29sbGVjdGlvbnM6IFNhbml0aXplZENvbGxlY3Rpb25Db25maWdbXSxcbiAgZmllbGQ6IFJlbGF0aW9uc2hpcEZpZWxkLFxuICBsb2NhbGU6IHN0cmluZyxcbiAgdmFsdWU6IHsgcmVsYXRpb25Ubzogc3RyaW5nOyB2YWx1ZTogUmVsYXRpb25zaGlwVmFsdWUgfSB8IFJlbGF0aW9uc2hpcFZhbHVlLFxuKTogc3RyaW5nID0+IHtcbiAgbGV0IHJlbGF0aW9uOiBzdHJpbmdcbiAgbGV0IHJlbGF0ZWREb2M6IFJlbGF0aW9uc2hpcFZhbHVlXG4gIGxldCB2YWx1ZVRvUmV0dXJuID0gJycgYXMgYW55XG5cbiAgaWYgKEFycmF5LmlzQXJyYXkoZmllbGQucmVsYXRpb25UbykpIHtcbiAgICBpZiAodHlwZW9mIHZhbHVlID09PSAnb2JqZWN0Jykge1xuICAgICAgcmVsYXRpb24gPSB2YWx1ZS5yZWxhdGlvblRvXG4gICAgICByZWxhdGVkRG9jID0gdmFsdWUudmFsdWVcbiAgICB9XG4gIH0gZWxzZSB7XG4gICAgcmVsYXRpb24gPSBmaWVsZC5yZWxhdGlvblRvXG4gICAgcmVsYXRlZERvYyA9IHZhbHVlXG4gIH1cblxuICBjb25zdCByZWxhdGVkQ29sbGVjdGlvbiA9IGNvbGxlY3Rpb25zLmZpbmQoKGMpID0+IGMuc2x1ZyA9PT0gcmVsYXRpb24pXG5cbiAgaWYgKHJlbGF0ZWRDb2xsZWN0aW9uKSB7XG4gICAgY29uc3QgdXNlQXNUaXRsZSA9IHJlbGF0ZWRDb2xsZWN0aW9uPy5hZG1pbj8udXNlQXNUaXRsZVxuICAgIGNvbnN0IHVzZUFzVGl0bGVGaWVsZCA9IHJlbGF0ZWRDb2xsZWN0aW9uLmZpZWxkcy5maW5kKFxuICAgICAgKGYpID0+IGZpZWxkQWZmZWN0c0RhdGEoZikgJiYgIWZpZWxkSXNQcmVzZW50YXRpb25hbE9ubHkoZikgJiYgZi5uYW1lID09PSB1c2VBc1RpdGxlLFxuICAgIClcbiAgICBsZXQgdGl0bGVGaWVsZElzTG9jYWxpemVkID0gZmFsc2VcblxuICAgIGlmICh1c2VBc1RpdGxlRmllbGQgJiYgZmllbGRBZmZlY3RzRGF0YSh1c2VBc1RpdGxlRmllbGQpKVxuICAgICAgdGl0bGVGaWVsZElzTG9jYWxpemVkID0gdXNlQXNUaXRsZUZpZWxkLmxvY2FsaXplZFxuXG4gICAgaWYgKHR5cGVvZiByZWxhdGVkRG9jPy5bdXNlQXNUaXRsZV0gIT09ICd1bmRlZmluZWQnKSB7XG4gICAgICB2YWx1ZVRvUmV0dXJuID0gcmVsYXRlZERvY1t1c2VBc1RpdGxlXVxuICAgIH0gZWxzZSBpZiAodHlwZW9mIHJlbGF0ZWREb2M/LmlkICE9PSAndW5kZWZpbmVkJykge1xuICAgICAgdmFsdWVUb1JldHVybiA9IHJlbGF0ZWREb2MuaWRcbiAgICB9XG5cbiAgICBpZiAodHlwZW9mIHZhbHVlVG9SZXR1cm4gPT09ICdvYmplY3QnICYmIHRpdGxlRmllbGRJc0xvY2FsaXplZCkge1xuICAgICAgdmFsdWVUb1JldHVybiA9IHZhbHVlVG9SZXR1cm5bbG9jYWxlXVxuICAgIH1cbiAgfVxuXG4gIHJldHVybiB2YWx1ZVRvUmV0dXJuXG59XG5cbmNvbnN0IFJlbGF0aW9uc2hpcDogUmVhY3QuRkM8UHJvcHMgJiB7IGZpZWxkOiBSZWxhdGlvbnNoaXBGaWVsZCB9PiA9ICh7XG4gIGNvbXBhcmlzb24sXG4gIGZpZWxkLFxuICB2ZXJzaW9uLFxufSkgPT4ge1xuICBjb25zdCB7IGNvbGxlY3Rpb25zIH0gPSB1c2VDb25maWcoKVxuICBjb25zdCB7IGkxOG4sIHQgfSA9IHVzZVRyYW5zbGF0aW9uKCdnZW5lcmFsJylcbiAgY29uc3QgeyBjb2RlOiBsb2NhbGUgfSA9IHVzZUxvY2FsZSgpXG5cbiAgbGV0IHBsYWNlaG9sZGVyID0gJydcblxuICBpZiAodmVyc2lvbiA9PT0gY29tcGFyaXNvbikgcGxhY2Vob2xkZXIgPSBgWyR7dCgnbm9WYWx1ZScpfV1gXG5cbiAgbGV0IHZlcnNpb25Ub1JlbmRlciA9IHZlcnNpb25cbiAgbGV0IGNvbXBhcmlzb25Ub1JlbmRlciA9IGNvbXBhcmlzb25cblxuICBpZiAoZmllbGQuaGFzTWFueSkge1xuICAgIGlmIChBcnJheS5pc0FycmF5KHZlcnNpb24pKVxuICAgICAgdmVyc2lvblRvUmVuZGVyID0gdmVyc2lvblxuICAgICAgICAubWFwKCh2YWwpID0+IGdlbmVyYXRlTGFiZWxGcm9tVmFsdWUoY29sbGVjdGlvbnMsIGZpZWxkLCBsb2NhbGUsIHZhbCkpXG4gICAgICAgIC5qb2luKCcsICcpXG4gICAgaWYgKEFycmF5LmlzQXJyYXkoY29tcGFyaXNvbikpXG4gICAgICBjb21wYXJpc29uVG9SZW5kZXIgPSBjb21wYXJpc29uXG4gICAgICAgIC5tYXAoKHZhbCkgPT4gZ2VuZXJhdGVMYWJlbEZyb21WYWx1ZShjb2xsZWN0aW9ucywgZmllbGQsIGxvY2FsZSwgdmFsKSlcbiAgICAgICAgLmpvaW4oJywgJylcbiAgfSBlbHNlIHtcbiAgICB2ZXJzaW9uVG9SZW5kZXIgPSBnZW5lcmF0ZUxhYmVsRnJvbVZhbHVlKGNvbGxlY3Rpb25zLCBmaWVsZCwgbG9jYWxlLCB2ZXJzaW9uKVxuICAgIGNvbXBhcmlzb25Ub1JlbmRlciA9IGdlbmVyYXRlTGFiZWxGcm9tVmFsdWUoY29sbGVjdGlvbnMsIGZpZWxkLCBsb2NhbGUsIGNvbXBhcmlzb24pXG4gIH1cblxuICByZXR1cm4gKFxuICAgIDxkaXYgY2xhc3NOYW1lPXtiYXNlQ2xhc3N9PlxuICAgICAgPExhYmVsPlxuICAgICAgICB7bG9jYWxlICYmIDxzcGFuIGNsYXNzTmFtZT17YCR7YmFzZUNsYXNzfV9fbG9jYWxlLWxhYmVsYH0+e2xvY2FsZX08L3NwYW4+fVxuICAgICAgICB7Z2V0VHJhbnNsYXRpb24oZmllbGQubGFiZWwsIGkxOG4pfVxuICAgICAgPC9MYWJlbD5cbiAgICAgIDxSZWFjdERpZmZWaWV3ZXJcbiAgICAgICAgaGlkZUxpbmVOdW1iZXJzXG4gICAgICAgIG5ld1ZhbHVlPXt0eXBlb2YgdmVyc2lvblRvUmVuZGVyICE9PSAndW5kZWZpbmVkJyA/IFN0cmluZyh2ZXJzaW9uVG9SZW5kZXIpIDogcGxhY2Vob2xkZXJ9XG4gICAgICAgIG9sZFZhbHVlPXtcbiAgICAgICAgICB0eXBlb2YgY29tcGFyaXNvblRvUmVuZGVyICE9PSAndW5kZWZpbmVkJyA/IFN0cmluZyhjb21wYXJpc29uVG9SZW5kZXIpIDogcGxhY2Vob2xkZXJcbiAgICAgICAgfVxuICAgICAgICBzaG93RGlmZk9ubHk9e2ZhbHNlfVxuICAgICAgICBzcGxpdFZpZXdcbiAgICAgICAgc3R5bGVzPXtkaWZmU3R5bGVzfVxuICAgICAgLz5cbiAgICA8L2Rpdj5cbiAgKVxuXG4gIHJldHVybiBudWxsXG59XG5cbmV4cG9ydCBkZWZhdWx0IFJlbGF0aW9uc2hpcFxuIl0sIm5hbWVzIjpbImJhc2VDbGFzcyIsImdlbmVyYXRlTGFiZWxGcm9tVmFsdWUiLCJjb2xsZWN0aW9ucyIsImZpZWxkIiwibG9jYWxlIiwidmFsdWUiLCJyZWxhdGlvbiIsInJlbGF0ZWREb2MiLCJ2YWx1ZVRvUmV0dXJuIiwiQXJyYXkiLCJpc0FycmF5IiwicmVsYXRpb25UbyIsInJlbGF0ZWRDb2xsZWN0aW9uIiwiZmluZCIsImMiLCJzbHVnIiwidXNlQXNUaXRsZSIsImFkbWluIiwidXNlQXNUaXRsZUZpZWxkIiwiZmllbGRzIiwiZiIsImZpZWxkQWZmZWN0c0RhdGEiLCJmaWVsZElzUHJlc2VudGF0aW9uYWxPbmx5IiwibmFtZSIsInRpdGxlRmllbGRJc0xvY2FsaXplZCIsImxvY2FsaXplZCIsImlkIiwiUmVsYXRpb25zaGlwIiwiY29tcGFyaXNvbiIsInZlcnNpb24iLCJ1c2VDb25maWciLCJpMThuIiwidCIsInVzZVRyYW5zbGF0aW9uIiwiY29kZSIsInVzZUxvY2FsZSIsInBsYWNlaG9sZGVyIiwidmVyc2lvblRvUmVuZGVyIiwiY29tcGFyaXNvblRvUmVuZGVyIiwiaGFzTWFueSIsIm1hcCIsInZhbCIsImpvaW4iLCJkaXYiLCJjbGFzc05hbWUiLCJMYWJlbCIsInNwYW4iLCJnZXRUcmFuc2xhdGlvbiIsImxhYmVsIiwiUmVhY3REaWZmVmlld2VyIiwiaGlkZUxpbmVOdW1iZXJzIiwibmV3VmFsdWUiLCJTdHJpbmciLCJvbGRWYWx1ZSIsInNob3dEaWZmT25seSIsInNwbGl0VmlldyIsInN0eWxlcyIsImRpZmZTdHlsZXMiXSwibWFwcGluZ3MiOiI7Ozs7K0JBeUhBOzs7ZUFBQTs7OzhEQXpIa0I7aUZBQ1U7OEJBQ0c7dUJBU3hCO2dDQUN3Qjt3QkFDTDt3QkFDQTs4REFDUjt3QkFDUztRQUNwQjs7Ozs7O0FBRVAsTUFBTUEsWUFBWTtBQUlsQixNQUFNQyx5QkFBeUIsQ0FDN0JDLGFBQ0FDLE9BQ0FDLFFBQ0FDO0lBRUEsSUFBSUM7SUFDSixJQUFJQztJQUNKLElBQUlDLGdCQUFnQjtJQUVwQixJQUFJQyxNQUFNQyxPQUFPLENBQUNQLE1BQU1RLFVBQVUsR0FBRztRQUNuQyxJQUFJLE9BQU9OLFVBQVUsVUFBVTtZQUM3QkMsV0FBV0QsTUFBTU0sVUFBVTtZQUMzQkosYUFBYUYsTUFBTUEsS0FBSztRQUMxQjtJQUNGLE9BQU87UUFDTEMsV0FBV0gsTUFBTVEsVUFBVTtRQUMzQkosYUFBYUY7SUFDZjtJQUVBLE1BQU1PLG9CQUFvQlYsWUFBWVcsSUFBSSxDQUFDLENBQUNDLElBQU1BLEVBQUVDLElBQUksS0FBS1Q7SUFFN0QsSUFBSU0sbUJBQW1CO1FBQ3JCLE1BQU1JLGFBQWFKLG1CQUFtQkssT0FBT0Q7UUFDN0MsTUFBTUUsa0JBQWtCTixrQkFBa0JPLE1BQU0sQ0FBQ04sSUFBSSxDQUNuRCxDQUFDTyxJQUFNQyxJQUFBQSx1QkFBZ0IsRUFBQ0QsTUFBTSxDQUFDRSxJQUFBQSxnQ0FBeUIsRUFBQ0YsTUFBTUEsRUFBRUcsSUFBSSxLQUFLUDtRQUU1RSxJQUFJUSx3QkFBd0I7UUFFNUIsSUFBSU4sbUJBQW1CRyxJQUFBQSx1QkFBZ0IsRUFBQ0gsa0JBQ3RDTSx3QkFBd0JOLGdCQUFnQk8sU0FBUztRQUVuRCxJQUFJLE9BQU9sQixZQUFZLENBQUNTLFdBQVcsS0FBSyxhQUFhO1lBQ25EUixnQkFBZ0JELFVBQVUsQ0FBQ1MsV0FBVztRQUN4QyxPQUFPLElBQUksT0FBT1QsWUFBWW1CLE9BQU8sYUFBYTtZQUNoRGxCLGdCQUFnQkQsV0FBV21CLEVBQUU7UUFDL0I7UUFFQSxJQUFJLE9BQU9sQixrQkFBa0IsWUFBWWdCLHVCQUF1QjtZQUM5RGhCLGdCQUFnQkEsYUFBYSxDQUFDSixPQUFPO1FBQ3ZDO0lBQ0Y7SUFFQSxPQUFPSTtBQUNUO0FBRUEsTUFBTW1CLGVBQStELENBQUMsRUFDcEVDLFVBQVUsRUFDVnpCLEtBQUssRUFDTDBCLE9BQU8sRUFDUjtJQUNDLE1BQU0sRUFBRTNCLFdBQVcsRUFBRSxHQUFHNEIsSUFBQUEsaUJBQVM7SUFDakMsTUFBTSxFQUFFQyxJQUFJLEVBQUVDLENBQUMsRUFBRSxHQUFHQyxJQUFBQSw0QkFBYyxFQUFDO0lBQ25DLE1BQU0sRUFBRUMsTUFBTTlCLE1BQU0sRUFBRSxHQUFHK0IsSUFBQUEsaUJBQVM7SUFFbEMsSUFBSUMsY0FBYztJQUVsQixJQUFJUCxZQUFZRCxZQUFZUSxjQUFjLENBQUMsQ0FBQyxFQUFFSixFQUFFLFdBQVcsQ0FBQyxDQUFDO0lBRTdELElBQUlLLGtCQUFrQlI7SUFDdEIsSUFBSVMscUJBQXFCVjtJQUV6QixJQUFJekIsTUFBTW9DLE9BQU8sRUFBRTtRQUNqQixJQUFJOUIsTUFBTUMsT0FBTyxDQUFDbUIsVUFDaEJRLGtCQUFrQlIsUUFDZlcsR0FBRyxDQUFDLENBQUNDLE1BQVF4Qyx1QkFBdUJDLGFBQWFDLE9BQU9DLFFBQVFxQyxNQUNoRUMsSUFBSSxDQUFDO1FBQ1YsSUFBSWpDLE1BQU1DLE9BQU8sQ0FBQ2tCLGFBQ2hCVSxxQkFBcUJWLFdBQ2xCWSxHQUFHLENBQUMsQ0FBQ0MsTUFBUXhDLHVCQUF1QkMsYUFBYUMsT0FBT0MsUUFBUXFDLE1BQ2hFQyxJQUFJLENBQUM7SUFDWixPQUFPO1FBQ0xMLGtCQUFrQnBDLHVCQUF1QkMsYUFBYUMsT0FBT0MsUUFBUXlCO1FBQ3JFUyxxQkFBcUJyQyx1QkFBdUJDLGFBQWFDLE9BQU9DLFFBQVF3QjtJQUMxRTtJQUVBLHFCQUNFLDZCQUFDZTtRQUFJQyxXQUFXNUM7cUJBQ2QsNkJBQUM2QyxjQUFLLFFBQ0h6Qyx3QkFBVSw2QkFBQzBDO1FBQUtGLFdBQVcsQ0FBQyxFQUFFNUMsVUFBVSxjQUFjLENBQUM7T0FBR0ksU0FDMUQyQyxJQUFBQSw4QkFBYyxFQUFDNUMsTUFBTTZDLEtBQUssRUFBRWpCLHNCQUUvQiw2QkFBQ2tCLGlDQUFlO1FBQ2RDLGlCQUFBQTtRQUNBQyxVQUFVLE9BQU9kLG9CQUFvQixjQUFjZSxPQUFPZixtQkFBbUJEO1FBQzdFaUIsVUFDRSxPQUFPZix1QkFBdUIsY0FBY2MsT0FBT2Qsc0JBQXNCRjtRQUUzRWtCLGNBQWM7UUFDZEMsV0FBQUE7UUFDQUMsUUFBUUMsa0JBQVU7O0lBS3hCLE9BQU87QUFDVDtNQUVBLFdBQWU5QiJ9

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

@@ -2,9 +2,14 @@
 
 .relationship-diff {
   &__locale-label {
-    margin-right: base(.25);
+    [dir='ltr'] & {
+      margin-right: base(0.25);
+    }
+    [dir='rtl'] & {
+      margin-left: base(0.25);
+    }
     background: var(--theme-elevation-100);
-    padding: base(.25);
+    padding: base(0.25);
     border-radius: $style-radius-m;
   }
 }

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

@@ -1,63 +1,97 @@
 "use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
+Object.defineProperty(exports, "__esModule", {
+    value: true
 });
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const react_1 = __importDefault(require("react"));
-const react_diff_viewer_continued_1 = __importStar(require("react-diff-viewer-continued"));
-const react_i18next_1 = require("react-i18next");
-const Label_1 = __importDefault(require("../../Label"));
-const styles_1 = require("../styles");
-const getTranslation_1 = require("../../../../../../../utilities/getTranslation");
+Object.defineProperty(exports, "default", {
+    enumerable: true,
+    get: function() {
+        return _default;
+    }
+});
+const _react = /*#__PURE__*/ _interop_require_default(require("react"));
+const _reactdiffviewercontinued = /*#__PURE__*/ _interop_require_wildcard(require("react-diff-viewer-continued"));
+const _reacti18next = require("react-i18next");
+const _getTranslation = require("../../../../../../../utilities/getTranslation");
+const _Label = /*#__PURE__*/ _interop_require_default(require("../../Label"));
+const _styles = require("../styles");
 require("./index.scss");
+function _interop_require_default(obj) {
+    return obj && obj.__esModule ? obj : {
+        default: obj
+    };
+}
+function _getRequireWildcardCache(nodeInterop) {
+    if (typeof WeakMap !== "function") return null;
+    var cacheBabelInterop = new WeakMap();
+    var cacheNodeInterop = new WeakMap();
+    return (_getRequireWildcardCache = function(nodeInterop) {
+        return nodeInterop ? cacheNodeInterop : cacheBabelInterop;
+    })(nodeInterop);
+}
+function _interop_require_wildcard(obj, nodeInterop) {
+    if (!nodeInterop && obj && obj.__esModule) {
+        return obj;
+    }
+    if (obj === null || typeof obj !== "object" && typeof obj !== "function") {
+        return {
+            default: obj
+        };
+    }
+    var cache = _getRequireWildcardCache(nodeInterop);
+    if (cache && cache.has(obj)) {
+        return cache.get(obj);
+    }
+    var newObj = {};
+    var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor;
+    for(var key in obj){
+        if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) {
+            var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null;
+            if (desc && (desc.get || desc.set)) {
+                Object.defineProperty(newObj, key, desc);
+            } else {
+                newObj[key] = obj[key];
+            }
+        }
+    }
+    newObj.default = obj;
+    if (cache) {
+        cache.set(obj, newObj);
+    }
+    return newObj;
+}
 const baseClass = 'select-diff';
-const getOptionsToRender = (value, options, hasMany) => {
+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 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);
+    return options.find((option)=>(typeof option === 'string' ? option : option.value) === value) || String(value);
 };
-const getTranslatedOptions = (options, i18n) => {
+const getTranslatedOptions = (options, i18n)=>{
     if (Array.isArray(options)) {
-        return options.map((option) => (typeof option === 'string' ? option : (0, getTranslation_1.getTranslation)(option.label, i18n))).join(', ');
+        return options.map((option)=>typeof option === 'string' ? option : (0, _getTranslation.getTranslation)(option.label, i18n)).join(', ');
     }
-    return typeof options === 'string' ? options : (0, getTranslation_1.getTranslation)(options.label, i18n);
+    return typeof options === 'string' ? options : (0, _getTranslation.getTranslation)(options.label, i18n);
 };
-const Select = ({ field, locale, version, comparison, diffMethod }) => {
+const Select = ({ comparison, diffMethod, field, locale, version })=>{
     let placeholder = '';
-    const { t, i18n } = (0, react_i18next_1.useTranslation)('general');
-    if (version === comparison)
-        placeholder = `[${t('noValue')}]`;
+    const { i18n, t } = (0, _reacti18next.useTranslation)('general');
+    if (version === comparison) placeholder = `[${t('noValue')}]`;
     const comparisonToRender = typeof comparison !== 'undefined' ? getTranslatedOptions(getOptionsToRender(comparison, field.options, field.hasMany), i18n) : placeholder;
     const versionToRender = typeof version !== 'undefined' ? getTranslatedOptions(getOptionsToRender(version, field.options, field.hasMany), i18n) : placeholder;
-    return (react_1.default.createElement("div", { className: baseClass },
-        react_1.default.createElement(Label_1.default, null,
-            locale && (react_1.default.createElement("span", { className: `${baseClass}__locale-label` }, locale)),
-            (0, getTranslation_1.getTranslation)(field.label, i18n)),
-        react_1.default.createElement(react_diff_viewer_continued_1.default, { styles: styles_1.diffStyles, compareMethod: react_diff_viewer_continued_1.DiffMethod[diffMethod], oldValue: comparisonToRender, newValue: typeof versionToRender !== 'undefined' ? versionToRender : placeholder, splitView: true, hideLineNumbers: true, showDiffOnly: false })));
+    return /*#__PURE__*/ _react.default.createElement("div", {
+        className: baseClass
+    }, /*#__PURE__*/ _react.default.createElement(_Label.default, null, locale && /*#__PURE__*/ _react.default.createElement("span", {
+        className: `${baseClass}__locale-label`
+    }, locale), (0, _getTranslation.getTranslation)(field.label, i18n)), /*#__PURE__*/ _react.default.createElement(_reactdiffviewercontinued.default, {
+        compareMethod: _reactdiffviewercontinued.DiffMethod[diffMethod],
+        hideLineNumbers: true,
+        newValue: typeof versionToRender !== 'undefined' ? versionToRender : placeholder,
+        oldValue: comparisonToRender,
+        showDiffOnly: false,
+        splitView: true,
+        styles: _styles.diffStyles
+    }));
 };
-exports.default = Select;
-//# sourceMappingURL=index.js.map
+const _default = Select;
+
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL3NyYy9hZG1pbi9jb21wb25lbnRzL3ZpZXdzL1ZlcnNpb24vUmVuZGVyRmllbGRzVG9EaWZmL2ZpZWxkcy9TZWxlY3QvaW5kZXgudHN4Il0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB0eXBlIHsgaTE4biBhcyBJaTE4biB9IGZyb20gJ2kxOG5leHQnXG5cbmltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCdcbmltcG9ydCBSZWFjdERpZmZWaWV3ZXIsIHsgRGlmZk1ldGhvZCB9IGZyb20gJ3JlYWN0LWRpZmYtdmlld2VyLWNvbnRpbnVlZCdcbmltcG9ydCB7IHVzZVRyYW5zbGF0aW9uIH0gZnJvbSAncmVhY3QtaTE4bmV4dCdcblxuaW1wb3J0IHR5cGUgeyBPcHRpb25PYmplY3QsIFNlbGVjdEZpZWxkIH0gZnJvbSAnLi4vLi4vLi4vLi4vLi4vLi4vLi4vZmllbGRzL2NvbmZpZy90eXBlcydcbmltcG9ydCB0eXBlIHsgUHJvcHMgfSBmcm9tICcuLi90eXBlcydcblxuaW1wb3J0IHsgZ2V0VHJhbnNsYXRpb24gfSBmcm9tICcuLi8uLi8uLi8uLi8uLi8uLi8uLi91dGlsaXRpZXMvZ2V0VHJhbnNsYXRpb24nXG5pbXBvcnQgTGFiZWwgZnJvbSAnLi4vLi4vTGFiZWwnXG5pbXBvcnQgeyBkaWZmU3R5bGVzIH0gZnJvbSAnLi4vc3R5bGVzJ1xuaW1wb3J0ICcuL2luZGV4LnNjc3MnXG5cbmNvbnN0IGJhc2VDbGFzcyA9ICdzZWxlY3QtZGlmZidcblxuY29uc3QgZ2V0T3B0aW9uc1RvUmVuZGVyID0gKFxuICB2YWx1ZTogc3RyaW5nLFxuICBvcHRpb25zOiBTZWxlY3RGaWVsZFsnb3B0aW9ucyddLFxuICBoYXNNYW55OiBib29sZWFuLFxuKTogKE9wdGlvbk9iamVjdCB8IHN0cmluZylbXSB8IE9wdGlvbk9iamVjdCB8IHN0cmluZyA9PiB7XG4gIGlmIChoYXNNYW55ICYmIEFycmF5LmlzQXJyYXkodmFsdWUpKSB7XG4gICAgcmV0dXJuIHZhbHVlLm1hcChcbiAgICAgICh2YWwpID0+XG4gICAgICAgIG9wdGlvbnMuZmluZCgob3B0aW9uKSA9PiAodHlwZW9mIG9wdGlvbiA9PT0gJ3N0cmluZycgPyBvcHRpb24gOiBvcHRpb24udmFsdWUpID09PSB2YWwpIHx8XG4gICAgICAgIFN0cmluZyh2YWwpLFxuICAgIClcbiAgfVxuICByZXR1cm4gKFxuICAgIG9wdGlvbnMuZmluZCgob3B0aW9uKSA9PiAodHlwZW9mIG9wdGlvbiA9PT0gJ3N0cmluZycgPyBvcHRpb24gOiBvcHRpb24udmFsdWUpID09PSB2YWx1ZSkgfHxcbiAgICBTdHJpbmcodmFsdWUpXG4gIClcbn1cblxuY29uc3QgZ2V0VHJhbnNsYXRlZE9wdGlvbnMgPSAoXG4gIG9wdGlvbnM6IChPcHRpb25PYmplY3QgfCBzdHJpbmcpW10gfCBPcHRpb25PYmplY3QgfCBzdHJpbmcsXG4gIGkxOG46IElpMThuLFxuKTogc3RyaW5nID0+IHtcbiAgaWYgKEFycmF5LmlzQXJyYXkob3B0aW9ucykpIHtcbiAgICByZXR1cm4gb3B0aW9uc1xuICAgICAgLm1hcCgob3B0aW9uKSA9PiAodHlwZW9mIG9wdGlvbiA9PT0gJ3N0cmluZycgPyBvcHRpb24gOiBnZXRUcmFuc2xhdGlvbihvcHRpb24ubGFiZWwsIGkxOG4pKSlcbiAgICAgIC5qb2luKCcsICcpXG4gIH1cbiAgcmV0dXJuIHR5cGVvZiBvcHRpb25zID09PSAnc3RyaW5nJyA/IG9wdGlvbnMgOiBnZXRUcmFuc2xhdGlvbihvcHRpb25zLmxhYmVsLCBpMThuKVxufVxuXG5jb25zdCBTZWxlY3Q6IFJlYWN0LkZDPFByb3BzPiA9ICh7IGNvbXBhcmlzb24sIGRpZmZNZXRob2QsIGZpZWxkLCBsb2NhbGUsIHZlcnNpb24gfSkgPT4ge1xuICBsZXQgcGxhY2Vob2xkZXIgPSAnJ1xuICBjb25zdCB7IGkxOG4sIHQgfSA9IHVzZVRyYW5zbGF0aW9uKCdnZW5lcmFsJylcblxuICBpZiAodmVyc2lvbiA9PT0gY29tcGFyaXNvbikgcGxhY2Vob2xkZXIgPSBgWyR7dCgnbm9WYWx1ZScpfV1gXG5cbiAgY29uc3QgY29tcGFyaXNvblRvUmVuZGVyID1cbiAgICB0eXBlb2YgY29tcGFyaXNvbiAhPT0gJ3VuZGVmaW5lZCdcbiAgICAgID8gZ2V0VHJhbnNsYXRlZE9wdGlvbnMoZ2V0T3B0aW9uc1RvUmVuZGVyKGNvbXBhcmlzb24sIGZpZWxkLm9wdGlvbnMsIGZpZWxkLmhhc01hbnkpLCBpMThuKVxuICAgICAgOiBwbGFjZWhvbGRlclxuICBjb25zdCB2ZXJzaW9uVG9SZW5kZXIgPVxuICAgIHR5cGVvZiB2ZXJzaW9uICE9PSAndW5kZWZpbmVkJ1xuICAgICAgPyBnZXRUcmFuc2xhdGVkT3B0aW9ucyhnZXRPcHRpb25zVG9SZW5kZXIodmVyc2lvbiwgZmllbGQub3B0aW9ucywgZmllbGQuaGFzTWFueSksIGkxOG4pXG4gICAgICA6IHBsYWNlaG9sZGVyXG5cbiAgcmV0dXJuIChcbiAgICA8ZGl2IGNsYXNzTmFtZT17YmFzZUNsYXNzfT5cbiAgICAgIDxMYWJlbD5cbiAgICAgICAge2xvY2FsZSAmJiA8c3BhbiBjbGFzc05hbWU9e2Ake2Jhc2VDbGFzc31fX2xvY2FsZS1sYWJlbGB9Pntsb2NhbGV9PC9zcGFuPn1cbiAgICAgICAge2dldFRyYW5zbGF0aW9uKGZpZWxkLmxhYmVsLCBpMThuKX1cbiAgICAgIDwvTGFiZWw+XG4gICAgICA8UmVhY3REaWZmVmlld2VyXG4gICAgICAgIGNvbXBhcmVNZXRob2Q9e0RpZmZNZXRob2RbZGlmZk1ldGhvZF19XG4gICAgICAgIGhpZGVMaW5lTnVtYmVyc1xuICAgICAgICBuZXdWYWx1ZT17dHlwZW9mIHZlcnNpb25Ub1JlbmRlciAhPT0gJ3VuZGVmaW5lZCcgPyB2ZXJzaW9uVG9SZW5kZXIgOiBwbGFjZWhvbGRlcn1cbiAgICAgICAgb2xkVmFsdWU9e2NvbXBhcmlzb25Ub1JlbmRlcn1cbiAgICAgICAgc2hvd0RpZmZPbmx5PXtmYWxzZX1cbiAgICAgICAgc3BsaXRWaWV3XG4gICAgICAgIHN0eWxlcz17ZGlmZlN0eWxlc31cbiAgICAgIC8+XG4gICAgPC9kaXY+XG4gIClcbn1cblxuZXhwb3J0IGRlZmF1bHQgU2VsZWN0XG4iXSwibmFtZXMiOlsiYmFzZUNsYXNzIiwiZ2V0T3B0aW9uc1RvUmVuZGVyIiwidmFsdWUiLCJvcHRpb25zIiwiaGFzTWFueSIsIkFycmF5IiwiaXNBcnJheSIsIm1hcCIsInZhbCIsImZpbmQiLCJvcHRpb24iLCJTdHJpbmciLCJnZXRUcmFuc2xhdGVkT3B0aW9ucyIsImkxOG4iLCJnZXRUcmFuc2xhdGlvbiIsImxhYmVsIiwiam9pbiIsIlNlbGVjdCIsImNvbXBhcmlzb24iLCJkaWZmTWV0aG9kIiwiZmllbGQiLCJsb2NhbGUiLCJ2ZXJzaW9uIiwicGxhY2Vob2xkZXIiLCJ0IiwidXNlVHJhbnNsYXRpb24iLCJjb21wYXJpc29uVG9SZW5kZXIiLCJ2ZXJzaW9uVG9SZW5kZXIiLCJkaXYiLCJjbGFzc05hbWUiLCJMYWJlbCIsInNwYW4iLCJSZWFjdERpZmZWaWV3ZXIiLCJjb21wYXJlTWV0aG9kIiwiRGlmZk1ldGhvZCIsImhpZGVMaW5lTnVtYmVycyIsIm5ld1ZhbHVlIiwib2xkVmFsdWUiLCJzaG93RGlmZk9ubHkiLCJzcGxpdFZpZXciLCJzdHlsZXMiLCJkaWZmU3R5bGVzIl0sIm1hcHBpbmdzIjoiOzs7OytCQWdGQTs7O2VBQUE7Ozs4REE5RWtCO2tGQUMwQjs4QkFDYjtnQ0FLQTs4REFDYjt3QkFDUztRQUNwQjs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0FBRVAsTUFBTUEsWUFBWTtBQUVsQixNQUFNQyxxQkFBcUIsQ0FDekJDLE9BQ0FDLFNBQ0FDO0lBRUEsSUFBSUEsV0FBV0MsTUFBTUMsT0FBTyxDQUFDSixRQUFRO1FBQ25DLE9BQU9BLE1BQU1LLEdBQUcsQ0FDZCxDQUFDQyxNQUNDTCxRQUFRTSxJQUFJLENBQUMsQ0FBQ0MsU0FBVyxBQUFDLENBQUEsT0FBT0EsV0FBVyxXQUFXQSxTQUFTQSxPQUFPUixLQUFLLEFBQUQsTUFBT00sUUFDbEZHLE9BQU9IO0lBRWI7SUFDQSxPQUNFTCxRQUFRTSxJQUFJLENBQUMsQ0FBQ0MsU0FBVyxBQUFDLENBQUEsT0FBT0EsV0FBVyxXQUFXQSxTQUFTQSxPQUFPUixLQUFLLEFBQUQsTUFBT0EsVUFDbEZTLE9BQU9UO0FBRVg7QUFFQSxNQUFNVSx1QkFBdUIsQ0FDM0JULFNBQ0FVO0lBRUEsSUFBSVIsTUFBTUMsT0FBTyxDQUFDSCxVQUFVO1FBQzFCLE9BQU9BLFFBQ0pJLEdBQUcsQ0FBQyxDQUFDRyxTQUFZLE9BQU9BLFdBQVcsV0FBV0EsU0FBU0ksSUFBQUEsOEJBQWMsRUFBQ0osT0FBT0ssS0FBSyxFQUFFRixPQUNwRkcsSUFBSSxDQUFDO0lBQ1Y7SUFDQSxPQUFPLE9BQU9iLFlBQVksV0FBV0EsVUFBVVcsSUFBQUEsOEJBQWMsRUFBQ1gsUUFBUVksS0FBSyxFQUFFRjtBQUMvRTtBQUVBLE1BQU1JLFNBQTBCLENBQUMsRUFBRUMsVUFBVSxFQUFFQyxVQUFVLEVBQUVDLEtBQUssRUFBRUMsTUFBTSxFQUFFQyxPQUFPLEVBQUU7SUFDakYsSUFBSUMsY0FBYztJQUNsQixNQUFNLEVBQUVWLElBQUksRUFBRVcsQ0FBQyxFQUFFLEdBQUdDLElBQUFBLDRCQUFjLEVBQUM7SUFFbkMsSUFBSUgsWUFBWUosWUFBWUssY0FBYyxDQUFDLENBQUMsRUFBRUMsRUFBRSxXQUFXLENBQUMsQ0FBQztJQUU3RCxNQUFNRSxxQkFDSixPQUFPUixlQUFlLGNBQ2xCTixxQkFBcUJYLG1CQUFtQmlCLFlBQVlFLE1BQU1qQixPQUFPLEVBQUVpQixNQUFNaEIsT0FBTyxHQUFHUyxRQUNuRlU7SUFDTixNQUFNSSxrQkFDSixPQUFPTCxZQUFZLGNBQ2ZWLHFCQUFxQlgsbUJBQW1CcUIsU0FBU0YsTUFBTWpCLE9BQU8sRUFBRWlCLE1BQU1oQixPQUFPLEdBQUdTLFFBQ2hGVTtJQUVOLHFCQUNFLDZCQUFDSztRQUFJQyxXQUFXN0I7cUJBQ2QsNkJBQUM4QixjQUFLLFFBQ0hULHdCQUFVLDZCQUFDVTtRQUFLRixXQUFXLENBQUMsRUFBRTdCLFVBQVUsY0FBYyxDQUFDO09BQUdxQixTQUMxRFAsSUFBQUEsOEJBQWMsRUFBQ00sTUFBTUwsS0FBSyxFQUFFRixzQkFFL0IsNkJBQUNtQixpQ0FBZTtRQUNkQyxlQUFlQyxvQ0FBVSxDQUFDZixXQUFXO1FBQ3JDZ0IsaUJBQUFBO1FBQ0FDLFVBQVUsT0FBT1Qsb0JBQW9CLGNBQWNBLGtCQUFrQko7UUFDckVjLFVBQVVYO1FBQ1ZZLGNBQWM7UUFDZEMsV0FBQUE7UUFDQUMsUUFBUUMsa0JBQVU7O0FBSTFCO01BRUEsV0FBZXhCIn0=

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

@@ -2,9 +2,14 @@
 
 .select-diff {
   &__locale-label {
-    margin-right: base(.25);
+    [dir='ltr'] & {
+      margin-right: base(0.25);
+    }
+    [dir='rtl'] & {
+      margin-left: base(0.25);
+    }
     background: var(--theme-elevation-100);
-    padding: base(.25);
+    padding: base(0.25);
     border-radius: $style-radius-m;
   }
 }

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

@@ -1,18 +1,48 @@
 "use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const react_1 = __importDefault(require("react"));
-const __1 = __importDefault(require("../.."));
-const Nested_1 = __importDefault(require("../Nested"));
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "default", {
+    enumerable: true,
+    get: function() {
+        return _default;
+    }
+});
+const _react = /*#__PURE__*/ _interop_require_default(require("react"));
+const _ = /*#__PURE__*/ _interop_require_default(require("../.."));
+const _Nested = /*#__PURE__*/ _interop_require_default(require("../Nested"));
+function _interop_require_default(obj) {
+    return obj && obj.__esModule ? obj : {
+        default: obj
+    };
+}
 const baseClass = 'tabs-diff';
-const Tabs = ({ version, comparison, permissions, field, locales, fieldComponents, }) => (react_1.default.createElement("div", { className: baseClass },
-    react_1.default.createElement("div", { className: `${baseClass}__wrap` }, field.tabs.map((tab, i) => {
+const Tabs = ({ comparison, field, fieldComponents, locales, permissions, version })=>/*#__PURE__*/ _react.default.createElement("div", {
+        className: baseClass
+    }, /*#__PURE__*/ _react.default.createElement("div", {
+        className: `${baseClass}__wrap`
+    }, field.tabs.map((tab, i)=>{
         if ('name' in tab) {
-            return (react_1.default.createElement(Nested_1.default, { key: i, version: version === null || version === void 0 ? void 0 : version[tab.name], comparison: comparison === null || comparison === void 0 ? void 0 : comparison[tab.name], permissions: permissions, field: tab, locales: locales, fieldComponents: fieldComponents }));
+            return /*#__PURE__*/ _react.default.createElement(_Nested.default, {
+                comparison: comparison?.[tab.name],
+                field: tab,
+                fieldComponents: fieldComponents,
+                key: i,
+                locales: locales,
+                permissions: permissions,
+                version: version?.[tab.name]
+            });
         }
-        return (react_1.default.createElement(__1.default, { key: i, locales: locales, version: version, comparison: comparison, fieldPermissions: permissions, fields: tab.fields, fieldComponents: fieldComponents }));
-    }))));
-exports.default = Tabs;
-//# sourceMappingURL=index.js.map
+        return /*#__PURE__*/ _react.default.createElement(_.default, {
+            comparison: comparison,
+            fieldComponents: fieldComponents,
+            fieldPermissions: permissions,
+            fields: tab.fields,
+            key: i,
+            locales: locales,
+            version: version
+        });
+    })));
+const _default = Tabs;
+
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL3NyYy9hZG1pbi9jb21wb25lbnRzL3ZpZXdzL1ZlcnNpb24vUmVuZGVyRmllbGRzVG9EaWZmL2ZpZWxkcy9UYWJzL2luZGV4LnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnXG5cbmltcG9ydCB0eXBlIHsgVGFic0ZpZWxkIH0gZnJvbSAnLi4vLi4vLi4vLi4vLi4vLi4vLi4vZmllbGRzL2NvbmZpZy90eXBlcydcbmltcG9ydCB0eXBlIHsgUHJvcHMgfSBmcm9tICcuLi90eXBlcydcblxuaW1wb3J0IFJlbmRlckZpZWxkc1RvRGlmZiBmcm9tICcuLi8uLidcbmltcG9ydCBOZXN0ZWQgZnJvbSAnLi4vTmVzdGVkJ1xuXG5jb25zdCBiYXNlQ2xhc3MgPSAndGFicy1kaWZmJ1xuXG5jb25zdCBUYWJzOiBSZWFjdC5GQzxQcm9wcyAmIHsgZmllbGQ6IFRhYnNGaWVsZCB9PiA9ICh7XG4gIGNvbXBhcmlzb24sXG4gIGZpZWxkLFxuICBmaWVsZENvbXBvbmVudHMsXG4gIGxvY2FsZXMsXG4gIHBlcm1pc3Npb25zLFxuICB2ZXJzaW9uLFxufSkgPT4gKFxuICA8ZGl2IGNsYXNzTmFtZT17YmFzZUNsYXNzfT5cbiAgICA8ZGl2IGNsYXNzTmFtZT17YCR7YmFzZUNsYXNzfV9fd3JhcGB9PlxuICAgICAge2ZpZWxkLnRhYnMubWFwKCh0YWIsIGkpID0+IHtcbiAgICAgICAgaWYgKCduYW1lJyBpbiB0YWIpIHtcbiAgICAgICAgICByZXR1cm4gKFxuICAgICAgICAgICAgPE5lc3RlZFxuICAgICAgICAgICAgICBjb21wYXJpc29uPXtjb21wYXJpc29uPy5bdGFiLm5hbWVdfVxuICAgICAgICAgICAgICBmaWVsZD17dGFifVxuICAgICAgICAgICAgICBmaWVsZENvbXBvbmVudHM9e2ZpZWxkQ29tcG9uZW50c31cbiAgICAgICAgICAgICAga2V5PXtpfVxuICAgICAgICAgICAgICBsb2NhbGVzPXtsb2NhbGVzfVxuICAgICAgICAgICAgICBwZXJtaXNzaW9ucz17cGVybWlzc2lvbnN9XG4gICAgICAgICAgICAgIHZlcnNpb249e3ZlcnNpb24/Llt0YWIubmFtZV19XG4gICAgICAgICAgICAvPlxuICAgICAgICAgIClcbiAgICAgICAgfVxuXG4gICAgICAgIHJldHVybiAoXG4gICAgICAgICAgPFJlbmRlckZpZWxkc1RvRGlmZlxuICAgICAgICAgICAgY29tcGFyaXNvbj17Y29tcGFyaXNvbn1cbiAgICAgICAgICAgIGZpZWxkQ29tcG9uZW50cz17ZmllbGRDb21wb25lbnRzfVxuICAgICAgICAgICAgZmllbGRQZXJtaXNzaW9ucz17cGVybWlzc2lvbnN9XG4gICAgICAgICAgICBmaWVsZHM9e3RhYi5maWVsZHN9XG4gICAgICAgICAgICBrZXk9e2l9XG4gICAgICAgICAgICBsb2NhbGVzPXtsb2NhbGVzfVxuICAgICAgICAgICAgdmVyc2lvbj17dmVyc2lvbn1cbiAgICAgICAgICAvPlxuICAgICAgICApXG4gICAgICB9KX1cbiAgICA8L2Rpdj5cbiAgPC9kaXY+XG4pXG5cbmV4cG9ydCBkZWZhdWx0IFRhYnNcbiJdLCJuYW1lcyI6WyJiYXNlQ2xhc3MiLCJUYWJzIiwiY29tcGFyaXNvbiIsImZpZWxkIiwiZmllbGRDb21wb25lbnRzIiwibG9jYWxlcyIsInBlcm1pc3Npb25zIiwidmVyc2lvbiIsImRpdiIsImNsYXNzTmFtZSIsInRhYnMiLCJtYXAiLCJ0YWIiLCJpIiwiTmVzdGVkIiwibmFtZSIsImtleSIsIlJlbmRlckZpZWxkc1RvRGlmZiIsImZpZWxkUGVybWlzc2lvbnMiLCJmaWVsZHMiXSwibWFwcGluZ3MiOiI7Ozs7K0JBbURBOzs7ZUFBQTs7OzhEQW5Ea0I7eURBS2E7K0RBQ1o7Ozs7OztBQUVuQixNQUFNQSxZQUFZO0FBRWxCLE1BQU1DLE9BQStDLENBQUMsRUFDcERDLFVBQVUsRUFDVkMsS0FBSyxFQUNMQyxlQUFlLEVBQ2ZDLE9BQU8sRUFDUEMsV0FBVyxFQUNYQyxPQUFPLEVBQ1IsaUJBQ0MsNkJBQUNDO1FBQUlDLFdBQVdUO3FCQUNkLDZCQUFDUTtRQUFJQyxXQUFXLENBQUMsRUFBRVQsVUFBVSxNQUFNLENBQUM7T0FDakNHLE1BQU1PLElBQUksQ0FBQ0MsR0FBRyxDQUFDLENBQUNDLEtBQUtDO1FBQ3BCLElBQUksVUFBVUQsS0FBSztZQUNqQixxQkFDRSw2QkFBQ0UsZUFBTTtnQkFDTFosWUFBWUEsWUFBWSxDQUFDVSxJQUFJRyxJQUFJLENBQUM7Z0JBQ2xDWixPQUFPUztnQkFDUFIsaUJBQWlCQTtnQkFDakJZLEtBQUtIO2dCQUNMUixTQUFTQTtnQkFDVEMsYUFBYUE7Z0JBQ2JDLFNBQVNBLFNBQVMsQ0FBQ0ssSUFBSUcsSUFBSSxDQUFDOztRQUdsQztRQUVBLHFCQUNFLDZCQUFDRSxTQUFrQjtZQUNqQmYsWUFBWUE7WUFDWkUsaUJBQWlCQTtZQUNqQmMsa0JBQWtCWjtZQUNsQmEsUUFBUVAsSUFBSU8sTUFBTTtZQUNsQkgsS0FBS0g7WUFDTFIsU0FBU0E7WUFDVEUsU0FBU0E7O0lBR2Y7TUFLTixXQUFlTiJ9

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

@@ -1,57 +1,89 @@
 "use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "default", {
+    enumerable: true,
+    get: function() {
+        return _default;
     }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
 });
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const react_1 = __importDefault(require("react"));
-const react_diff_viewer_continued_1 = __importStar(require("react-diff-viewer-continued"));
-const react_i18next_1 = require("react-i18next");
-const Label_1 = __importDefault(require("../../Label"));
-const styles_1 = require("../styles");
-const getTranslation_1 = require("../../../../../../../utilities/getTranslation");
+const _react = /*#__PURE__*/ _interop_require_default(require("react"));
+const _reactdiffviewercontinued = /*#__PURE__*/ _interop_require_wildcard(require("react-diff-viewer-continued"));
+const _reacti18next = require("react-i18next");
+const _getTranslation = require("../../../../../../../utilities/getTranslation");
+const _Label = /*#__PURE__*/ _interop_require_default(require("../../Label"));
+const _styles = require("../styles");
 require("./index.scss");
+function _interop_require_default(obj) {
+    return obj && obj.__esModule ? obj : {
+        default: obj
+    };
+}
+function _getRequireWildcardCache(nodeInterop) {
+    if (typeof WeakMap !== "function") return null;
+    var cacheBabelInterop = new WeakMap();
+    var cacheNodeInterop = new WeakMap();
+    return (_getRequireWildcardCache = function(nodeInterop) {
+        return nodeInterop ? cacheNodeInterop : cacheBabelInterop;
+    })(nodeInterop);
+}
+function _interop_require_wildcard(obj, nodeInterop) {
+    if (!nodeInterop && obj && obj.__esModule) {
+        return obj;
+    }
+    if (obj === null || typeof obj !== "object" && typeof obj !== "function") {
+        return {
+            default: obj
+        };
+    }
+    var cache = _getRequireWildcardCache(nodeInterop);
+    if (cache && cache.has(obj)) {
+        return cache.get(obj);
+    }
+    var newObj = {};
+    var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor;
+    for(var key in obj){
+        if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) {
+            var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null;
+            if (desc && (desc.get || desc.set)) {
+                Object.defineProperty(newObj, key, desc);
+            } else {
+                newObj[key] = obj[key];
+            }
+        }
+    }
+    newObj.default = obj;
+    if (cache) {
+        cache.set(obj, newObj);
+    }
+    return newObj;
+}
 const baseClass = 'text-diff';
-const Text = ({ field, locale, version, comparison, isRichText = false, diffMethod }) => {
+const Text = ({ comparison, diffMethod, field, isRichText = false, locale, version })=>{
     let placeholder = '';
-    const { t, i18n } = (0, react_i18next_1.useTranslation)('general');
-    if (version === comparison)
-        placeholder = `[${t('noValue')}]`;
+    const { i18n, t } = (0, _reacti18next.useTranslation)('general');
+    if (version === comparison) placeholder = `[${t('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);
+        if (typeof version === 'object') versionToRender = JSON.stringify(version, null, 2);
+        if (typeof comparison === 'object') comparisonToRender = JSON.stringify(comparison, null, 2);
     }
-    return (react_1.default.createElement("div", { className: baseClass },
-        react_1.default.createElement(Label_1.default, null,
-            locale && (react_1.default.createElement("span", { className: `${baseClass}__locale-label` }, locale)),
-            (0, getTranslation_1.getTranslation)(field.label, i18n)),
-        react_1.default.createElement(react_diff_viewer_continued_1.default, { styles: styles_1.diffStyles, compareMethod: react_diff_viewer_continued_1.DiffMethod[diffMethod], oldValue: typeof comparisonToRender !== 'undefined' ? String(comparisonToRender) : placeholder, newValue: typeof versionToRender !== 'undefined' ? String(versionToRender) : placeholder, splitView: true, hideLineNumbers: true, showDiffOnly: false })));
+    return /*#__PURE__*/ _react.default.createElement("div", {
+        className: baseClass
+    }, /*#__PURE__*/ _react.default.createElement(_Label.default, null, locale && /*#__PURE__*/ _react.default.createElement("span", {
+        className: `${baseClass}__locale-label`
+    }, locale), (0, _getTranslation.getTranslation)(field.label, i18n)), /*#__PURE__*/ _react.default.createElement(_reactdiffviewercontinued.default, {
+        compareMethod: _reactdiffviewercontinued.DiffMethod[diffMethod],
+        hideLineNumbers: true,
+        newValue: typeof versionToRender !== 'undefined' ? String(versionToRender) : placeholder,
+        oldValue: typeof comparisonToRender !== 'undefined' ? String(comparisonToRender) : placeholder,
+        showDiffOnly: false,
+        splitView: true,
+        styles: _styles.diffStyles
+    }));
 };
-exports.default = Text;
-//# sourceMappingURL=index.js.map
+const _default = Text;
+
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL3NyYy9hZG1pbi9jb21wb25lbnRzL3ZpZXdzL1ZlcnNpb24vUmVuZGVyRmllbGRzVG9EaWZmL2ZpZWxkcy9UZXh0L2luZGV4LnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnXG5pbXBvcnQgUmVhY3REaWZmVmlld2VyLCB7IERpZmZNZXRob2QgfSBmcm9tICdyZWFjdC1kaWZmLXZpZXdlci1jb250aW51ZWQnXG5pbXBvcnQgeyB1c2VUcmFuc2xhdGlvbiB9IGZyb20gJ3JlYWN0LWkxOG5leHQnXG5cbmltcG9ydCB0eXBlIHsgUHJvcHMgfSBmcm9tICcuLi90eXBlcydcblxuaW1wb3J0IHsgZ2V0VHJhbnNsYXRpb24gfSBmcm9tICcuLi8uLi8uLi8uLi8uLi8uLi8uLi91dGlsaXRpZXMvZ2V0VHJhbnNsYXRpb24nXG5pbXBvcnQgTGFiZWwgZnJvbSAnLi4vLi4vTGFiZWwnXG5pbXBvcnQgeyBkaWZmU3R5bGVzIH0gZnJvbSAnLi4vc3R5bGVzJ1xuaW1wb3J0ICcuL2luZGV4LnNjc3MnXG5cbmNvbnN0IGJhc2VDbGFzcyA9ICd0ZXh0LWRpZmYnXG5cbmNvbnN0IFRleHQ6IFJlYWN0LkZDPFByb3BzPiA9ICh7XG4gIGNvbXBhcmlzb24sXG4gIGRpZmZNZXRob2QsXG4gIGZpZWxkLFxuICBpc1JpY2hUZXh0ID0gZmFsc2UsXG4gIGxvY2FsZSxcbiAgdmVyc2lvbixcbn0pID0+IHtcbiAgbGV0IHBsYWNlaG9sZGVyID0gJydcbiAgY29uc3QgeyBpMThuLCB0IH0gPSB1c2VUcmFuc2xhdGlvbignZ2VuZXJhbCcpXG5cbiAgaWYgKHZlcnNpb24gPT09IGNvbXBhcmlzb24pIHBsYWNlaG9sZGVyID0gYFske3QoJ25vVmFsdWUnKX1dYFxuXG4gIGxldCB2ZXJzaW9uVG9SZW5kZXIgPSB2ZXJzaW9uXG4gIGxldCBjb21wYXJpc29uVG9SZW5kZXIgPSBjb21wYXJpc29uXG5cbiAgaWYgKGlzUmljaFRleHQpIHtcbiAgICBpZiAodHlwZW9mIHZlcnNpb24gPT09ICdvYmplY3QnKSB2ZXJzaW9uVG9SZW5kZXIgPSBKU09OLnN0cmluZ2lmeSh2ZXJzaW9uLCBudWxsLCAyKVxuICAgIGlmICh0eXBlb2YgY29tcGFyaXNvbiA9PT0gJ29iamVjdCcpIGNvbXBhcmlzb25Ub1JlbmRlciA9IEpTT04uc3RyaW5naWZ5KGNvbXBhcmlzb24sIG51bGwsIDIpXG4gIH1cblxuICByZXR1cm4gKFxuICAgIDxkaXYgY2xhc3NOYW1lPXtiYXNlQ2xhc3N9PlxuICAgICAgPExhYmVsPlxuICAgICAgICB7bG9jYWxlICYmIDxzcGFuIGNsYXNzTmFtZT17YCR7YmFzZUNsYXNzfV9fbG9jYWxlLWxhYmVsYH0+e2xvY2FsZX08L3NwYW4+fVxuICAgICAgICB7Z2V0VHJhbnNsYXRpb24oZmllbGQubGFiZWwsIGkxOG4pfVxuICAgICAgPC9MYWJlbD5cbiAgICAgIDxSZWFjdERpZmZWaWV3ZXJcbiAgICAgICAgY29tcGFyZU1ldGhvZD17RGlmZk1ldGhvZFtkaWZmTWV0aG9kXX1cbiAgICAgICAgaGlkZUxpbmVOdW1iZXJzXG4gICAgICAgIG5ld1ZhbHVlPXt0eXBlb2YgdmVyc2lvblRvUmVuZGVyICE9PSAndW5kZWZpbmVkJyA/IFN0cmluZyh2ZXJzaW9uVG9SZW5kZXIpIDogcGxhY2Vob2xkZXJ9XG4gICAgICAgIG9sZFZhbHVlPXtcbiAgICAgICAgICB0eXBlb2YgY29tcGFyaXNvblRvUmVuZGVyICE9PSAndW5kZWZpbmVkJyA/IFN0cmluZyhjb21wYXJpc29uVG9SZW5kZXIpIDogcGxhY2Vob2xkZXJcbiAgICAgICAgfVxuICAgICAgICBzaG93RGlmZk9ubHk9e2ZhbHNlfVxuICAgICAgICBzcGxpdFZpZXdcbiAgICAgICAgc3R5bGVzPXtkaWZmU3R5bGVzfVxuICAgICAgLz5cbiAgICA8L2Rpdj5cbiAgKVxufVxuXG5leHBvcnQgZGVmYXVsdCBUZXh0XG4iXSwibmFtZXMiOlsiYmFzZUNsYXNzIiwiVGV4dCIsImNvbXBhcmlzb24iLCJkaWZmTWV0aG9kIiwiZmllbGQiLCJpc1JpY2hUZXh0IiwibG9jYWxlIiwidmVyc2lvbiIsInBsYWNlaG9sZGVyIiwiaTE4biIsInQiLCJ1c2VUcmFuc2xhdGlvbiIsInZlcnNpb25Ub1JlbmRlciIsImNvbXBhcmlzb25Ub1JlbmRlciIsIkpTT04iLCJzdHJpbmdpZnkiLCJkaXYiLCJjbGFzc05hbWUiLCJMYWJlbCIsInNwYW4iLCJnZXRUcmFuc2xhdGlvbiIsImxhYmVsIiwiUmVhY3REaWZmVmlld2VyIiwiY29tcGFyZU1ldGhvZCIsIkRpZmZNZXRob2QiLCJoaWRlTGluZU51bWJlcnMiLCJuZXdWYWx1ZSIsIlN0cmluZyIsIm9sZFZhbHVlIiwic2hvd0RpZmZPbmx5Iiwic3BsaXRWaWV3Iiwic3R5bGVzIiwiZGlmZlN0eWxlcyJdLCJtYXBwaW5ncyI6Ijs7OzsrQkF1REE7OztlQUFBOzs7OERBdkRrQjtrRkFDMEI7OEJBQ2I7Z0NBSUE7OERBQ2I7d0JBQ1M7UUFDcEI7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztBQUVQLE1BQU1BLFlBQVk7QUFFbEIsTUFBTUMsT0FBd0IsQ0FBQyxFQUM3QkMsVUFBVSxFQUNWQyxVQUFVLEVBQ1ZDLEtBQUssRUFDTEMsYUFBYSxLQUFLLEVBQ2xCQyxNQUFNLEVBQ05DLE9BQU8sRUFDUjtJQUNDLElBQUlDLGNBQWM7SUFDbEIsTUFBTSxFQUFFQyxJQUFJLEVBQUVDLENBQUMsRUFBRSxHQUFHQyxJQUFBQSw0QkFBYyxFQUFDO0lBRW5DLElBQUlKLFlBQVlMLFlBQVlNLGNBQWMsQ0FBQyxDQUFDLEVBQUVFLEVBQUUsV0FBVyxDQUFDLENBQUM7SUFFN0QsSUFBSUUsa0JBQWtCTDtJQUN0QixJQUFJTSxxQkFBcUJYO0lBRXpCLElBQUlHLFlBQVk7UUFDZCxJQUFJLE9BQU9FLFlBQVksVUFBVUssa0JBQWtCRSxLQUFLQyxTQUFTLENBQUNSLFNBQVMsTUFBTTtRQUNqRixJQUFJLE9BQU9MLGVBQWUsVUFBVVcscUJBQXFCQyxLQUFLQyxTQUFTLENBQUNiLFlBQVksTUFBTTtJQUM1RjtJQUVBLHFCQUNFLDZCQUFDYztRQUFJQyxXQUFXakI7cUJBQ2QsNkJBQUNrQixjQUFLLFFBQ0haLHdCQUFVLDZCQUFDYTtRQUFLRixXQUFXLENBQUMsRUFBRWpCLFVBQVUsY0FBYyxDQUFDO09BQUdNLFNBQzFEYyxJQUFBQSw4QkFBYyxFQUFDaEIsTUFBTWlCLEtBQUssRUFBRVosc0JBRS9CLDZCQUFDYSxpQ0FBZTtRQUNkQyxlQUFlQyxvQ0FBVSxDQUFDckIsV0FBVztRQUNyQ3NCLGlCQUFBQTtRQUNBQyxVQUFVLE9BQU9kLG9CQUFvQixjQUFjZSxPQUFPZixtQkFBbUJKO1FBQzdFb0IsVUFDRSxPQUFPZix1QkFBdUIsY0FBY2MsT0FBT2Qsc0JBQXNCTDtRQUUzRXFCLGNBQWM7UUFDZEMsV0FBQUE7UUFDQUMsUUFBUUMsa0JBQVU7O0FBSTFCO01BRUEsV0FBZS9CIn0=

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

@@ -2,9 +2,14 @@
 
 .text-diff {
   &__locale-label {
-    margin-right: base(.25);
+    [dir='ltr'] & {
+      margin-right: base(0.25);
+    }
+    [dir='rtl'] & {
+      margin-left: base(0.25);
+    }
     background: var(--theme-elevation-100);
-    padding: base(.25);
+    padding: base(0.25);
     border-radius: $style-radius-m;
   }
 }

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

@@ -1,10 +1,18 @@
 "use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.diffMethods = void 0;
-exports.diffMethods = {
-    select: 'WORDS_WITH_SPACE',
-    relationship: 'WORDS_WITH_SPACE',
-    upload: 'WORDS_WITH_SPACE',
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "diffMethods", {
+    enumerable: true,
+    get: function() {
+        return diffMethods;
+    }
+});
+const diffMethods = {
     radio: 'WORDS_WITH_SPACE',
+    relationship: 'WORDS_WITH_SPACE',
+    select: 'WORDS_WITH_SPACE',
+    upload: 'WORDS_WITH_SPACE'
 };
-//# sourceMappingURL=diffMethods.js.map
+
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3NyYy9hZG1pbi9jb21wb25lbnRzL3ZpZXdzL1ZlcnNpb24vUmVuZGVyRmllbGRzVG9EaWZmL2ZpZWxkcy9kaWZmTWV0aG9kcy50cyJdLCJzb3VyY2VzQ29udGVudCI6WyJleHBvcnQgY29uc3QgZGlmZk1ldGhvZHMgPSB7XG4gIHJhZGlvOiAnV09SRFNfV0lUSF9TUEFDRScsXG4gIHJlbGF0aW9uc2hpcDogJ1dPUkRTX1dJVEhfU1BBQ0UnLFxuICBzZWxlY3Q6ICdXT1JEU19XSVRIX1NQQUNFJyxcbiAgdXBsb2FkOiAnV09SRFNfV0lUSF9TUEFDRScsXG59XG4iXSwibmFtZXMiOlsiZGlmZk1ldGhvZHMiLCJyYWRpbyIsInJlbGF0aW9uc2hpcCIsInNlbGVjdCIsInVwbG9hZCJdLCJtYXBwaW5ncyI6Ijs7OzsrQkFBYUE7OztlQUFBQTs7O0FBQU4sTUFBTUEsY0FBYztJQUN6QkMsT0FBTztJQUNQQyxjQUFjO0lBQ2RDLFFBQVE7SUFDUkMsUUFBUTtBQUNWIn0=