@atlaskit/editor-plugin-show-diff
Version:
ShowDiff plugin for @atlaskit/editor-core
124 lines (122 loc) • 7.5 kB
JavaScript
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.resolveCellOverlayStyleLegacy = exports.getBlockNodeStyleLegacy = void 0;
var _lazyNodeView = require("@atlaskit/editor-common/lazy-node-view");
var _isExtendedEnabled = require("../isExtendedEnabled");
var _standard = require("./colorSchemes/standard");
var _traditional = require("./colorSchemes/traditional");
/**
* Pre-refactor code preserved for the OFF cohort of
* `platform_editor_show_diff_color_scheme_refactor`.
*
* This is a verbatim copy of the `getBlockNodeStyle` and the cell-overlay style selection that
* lived in `createBlockChangedDecoration.ts` before the `colorSchemeRegistry` + `factory.ts`
* migration. Do not modify it — it exists so the OFF cohort keeps the exact pre-refactor style
* strings. Delete this file at cleanup, together with `colorSchemes/standard.ts`,
* `colorSchemes/traditional.ts` (EDITOR-8281).
*/
/** Verbatim copy of the pre-refactor cell-overlay style selection. */
var resolveCellOverlayStyleLegacy = exports.resolveCellOverlayStyleLegacy = function resolveCellOverlayStyleLegacy(_ref) {
var colorScheme = _ref.colorScheme,
isRoundedTable = _ref.isRoundedTable,
useAddedStyle = _ref.useAddedStyle;
var isTraditional = colorScheme === 'traditional';
var addedCellStyle = isTraditional ? isRoundedTable ? _traditional.traditionalAddedCellOverlayRoundedStyle : _traditional.traditionalAddedCellOverlayStyle : isRoundedTable ? _standard.addedCellOverlayRoundedStyle : _standard.addedCellOverlayStyle;
var deletedCellStyle = isTraditional ? isRoundedTable ? _traditional.deletedTraditionalCellOverlayRoundedStyle : _traditional.deletedTraditionalCellOverlayStyle : isRoundedTable ? _standard.deletedCellOverlayRoundedStyle : _standard.deletedCellOverlayStyle;
return useAddedStyle ? addedCellStyle : deletedCellStyle;
};
var getBlockNodeStyleLegacy = exports.getBlockNodeStyleLegacy = function getBlockNodeStyleLegacy(_ref2) {
var nodeName = _ref2.nodeName,
colorScheme = _ref2.colorScheme,
_ref2$isInserted = _ref2.isInserted,
isInserted = _ref2$isInserted === void 0 ? true : _ref2$isInserted,
_ref2$isActive = _ref2.isActive,
isActive = _ref2$isActive === void 0 ? false : _ref2$isActive,
diffType = _ref2.diffType;
var isTraditional = colorScheme === 'traditional';
if (['mediaSingle', 'mediaGroup', 'table',
// Handle table separately to avoid border issues
'tableRow', 'paragraph',
// Paragraph and heading nodes do not need special styling
'heading', 'hardBreak', 'decisionList', 'taskList', 'bulletList', 'orderedList', 'layoutSection'].includes(nodeName)) {
// Layout nodes do not need special styling
return undefined;
}
// Media nodes inside mediaSingle should not get position:relative
// as it shifts the image outside its parent container (e.g. panel)
if (nodeName === 'media') {
if (!isInserted && (0, _isExtendedEnabled.isExtendedEnabled)(diffType)) {
return isTraditional ? (0, _traditional.getDeletedTraditionalInlineStyle)(false) : _standard.deletedDecorationMarkerVariable;
}
return isTraditional ? isActive ? _traditional.traditionalStyleNodeActive : _traditional.traditionalStyleNodeNew : _standard.editingStyleNode;
}
if (['tableCell', 'tableHeader'].includes(nodeName)) {
if ((0, _isExtendedEnabled.isExtendedEnabled)(diffType)) {
// This is used for positioning the cell overlay widget decorations
return (0, _lazyNodeView.convertToInlineCss)({
position: 'relative'
});
}
// When gate is off, it should return undefined as above
return undefined;
}
if (nodeName === 'panel') {
if (!isInserted && (0, _isExtendedEnabled.isExtendedEnabled)(diffType)) {
return isTraditional ? (0, _traditional.getDeletedTraditionalInlineStyle)(false) : _standard.deletedDecorationMarkerVariable;
}
return isTraditional ? isActive ? _traditional.traditionalStyleNodeActive : _traditional.traditionalStyleNodeNew : _standard.editingStyleNode;
}
if (['extension', 'embedCard', 'listItem'].includes(nodeName)) {
if ((0, _isExtendedEnabled.isExtendedEnabled)(diffType)) {
if (isInserted) {
return isTraditional && isActive ? _traditional.traditionalDecorationMarkerVariableActive : isTraditional ? _traditional.traditionalDecorationMarkerVariableNew : _standard.standardDecorationMarkerVariable;
} else {
if (nodeName === 'listItem') {
return isTraditional && isActive ? _traditional.traditionalDeletedDecorationMarkerVariableActive : isTraditional ? _traditional.traditionalDeletedDecorationMarkerVariableNew : _standard.deletedDecorationMarkerVariable;
}
return isTraditional && isActive ? _traditional.traditionalDeletedDecorationMarkerVariableActive : isTraditional ? _traditional.traditionalDeletedDecorationMarkerVariableNew : _standard.deletedContentStyleNew;
}
}
return isTraditional && isActive ? _traditional.traditionalDecorationMarkerVariableActive : isTraditional ? _traditional.traditionalDecorationMarkerVariableNew : _standard.standardDecorationMarkerVariable;
}
if (nodeName === 'blockquote') {
if ((0, _isExtendedEnabled.isExtendedEnabled)(diffType)) {
if (isInserted) {
return isTraditional ? isActive ? _traditional.traditionalStyleQuoteNodeActive : _traditional.traditionalStyleQuoteNodeNew : _standard.editingStyleQuoteNode;
} else {
return isTraditional ? _traditional.deletedTraditionalStyleQuoteNode : _standard.deletedStyleQuoteNode;
}
}
return isTraditional ? isActive ? _traditional.traditionalStyleQuoteNodeActive : _traditional.traditionalStyleQuoteNodeNew : _standard.editingStyleQuoteNode;
}
if (nodeName === 'rule') {
if ((0, _isExtendedEnabled.isExtendedEnabled)(diffType)) {
if (isInserted) {
return isTraditional ? isActive ? _traditional.traditionalStyleRuleNodeActive : _traditional.traditionalStyleRuleNodeNew : _standard.editingStyleRuleNode;
} else {
return isTraditional ? (0, _traditional.getDeletedTraditionalInlineStyle)(false) : _standard.deletedContentStyleNew;
}
}
return isTraditional ? isActive ? _traditional.traditionalStyleRuleNodeActive : _traditional.traditionalStyleRuleNodeNew : _standard.editingStyleRuleNode;
}
if (nodeName === 'blockCard') {
if ((0, _isExtendedEnabled.isExtendedEnabled)(diffType)) {
if (isInserted) {
return isTraditional ? isActive ? _traditional.traditionalStyleCardBlockNodeActive : _traditional.traditionalStyleCardBlockNodeNew : _standard.editingStyleCardBlockNode;
} else {
return isTraditional ? (0, _traditional.getDeletedTraditionalInlineStyle)(false) : _standard.deletedContentStyleNew;
}
}
return isTraditional ? isActive ? _traditional.traditionalStyleCardBlockNodeActive : _traditional.traditionalStyleCardBlockNodeNew : _standard.editingStyleCardBlockNode;
}
if ((0, _isExtendedEnabled.isExtendedEnabled)(diffType)) {
if (isInserted) {
return isTraditional ? isActive ? _traditional.traditionalStyleNodeActive : _traditional.traditionalStyleNodeNew : _standard.editingStyleNode;
} else {
return isTraditional ? (0, _traditional.getDeletedTraditionalInlineStyle)(false) : _standard.deletedContentStyleNew;
}
}
return isTraditional ? isActive ? _traditional.traditionalStyleNodeActive : _traditional.traditionalStyleNodeNew : _standard.editingStyleNode;
};