@atlaskit/editor-plugin-status
Version:
Status plugin for @atlaskit/editor-core
73 lines (72 loc) • 4.19 kB
JavaScript
;
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.statusToDOM = void 0;
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
var _browser = require("@atlaskit/editor-common/browser");
var _lazyNodeView = require("@atlaskit/editor-common/lazy-node-view");
var _whitespace = require("@atlaskit/editor-common/whitespace");
var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
// eg. Version/4.0 Chrome/95.0.4638.50
var isAndroidChromium =
// @ts-ignore - TS1501 TypeScript 5.9.2 upgrade
typeof window !== 'undefined' && /Version\/(?:[\0-\t\x0B\f\x0E-\u2027\u202A-\uD7FF\uE000-\uFFFF]|[\uD800-\uDBFF][\uDC00-\uDFFF]|[\uD800-\uDBFF](?![\uDC00-\uDFFF])|(?:[^\uD800-\uDBFF]|^)[\uDC00-\uDFFF])* Chrome\/(?:[\0-\t\x0B\f\x0E-\u2027\u202A-\uD7FF\uE000-\uFFFF]|[\uD800-\uDBFF][\uDC00-\uDFFF]|[\uD800-\uDBFF](?![\uDC00-\uDFFF])|(?:[^\uD800-\uDBFF]|^)[\uDC00-\uDFFF])*/.test(window.navigator.userAgent);
var statusToDOM = exports.statusToDOM = function statusToDOM(node) {
var browser = (0, _browser.getBrowserInfo)();
var _node$attrs = node.attrs,
text = _node$attrs.text,
color = _node$attrs.color,
style = _node$attrs.style,
localId = _node$attrs.localId;
var editorNodeWrapperAttrs = _objectSpread({
class: 'statusView-content-wrap inlineNodeView',
'data-testid': 'statusContainerView',
'data-prosemirror-node-name': 'status',
localid: localId
}, (0, _expValEquals.expValEquals)('platform_editor_copy_paste_issue_fix', 'isEnabled', true) ? {
'data-node-type': 'status',
'data-color': color,
'data-text': text // Text stored as attribute for parseDOM extraction
} : {});
var statusElementAttrs = {
style: (0, _lazyNodeView.convertToInlineCss)(isAndroidChromium ? {
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-important-styles -- Ignored via go/DSP-18766
display: 'inline-block !important',
verticalAlign: 'middle'
} : {}),
class: 'status-lozenge-span',
'data-node-type': 'status',
'data-color': color,
'data-style': style
};
var lozengeWrapperAttrs = {
class: 'lozenge-wrapper'
};
var lozengeTextAttrs = {
class: 'lozenge-text',
style: (0, _lazyNodeView.convertToInlineCss)(_objectSpread(_objectSpread({}, (0, _platformFeatureFlags.fg)('platform-lozenge-custom-letterspacing') ? {
// eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
letterSpacing: '0.165px'
} : {}), style !== 'mixedCase' && (0, _platformFeatureFlags.fg)('platform-dst-lozenge-tag-badge-visual-uplifts') ? {
// eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
textTransform: 'uppercase'
} : {}))
};
return ['span', editorNodeWrapperAttrs, ['span', {
class: 'zeroWidthSpaceContainer'
}, ['span', {
class: 'inlineNodeViewAddZeroWidthSpace'
}, _whitespace.ZERO_WIDTH_SPACE]], ['span', statusElementAttrs, ['span', lozengeWrapperAttrs, ['span', lozengeTextAttrs, text]]], browser.android ? ['span', {
class: 'zeroWidthSpaceContainer',
contentEditable: 'false'
}, ['span', {
class: 'inlineNodeViewAddZeroWidthSpace'
}, _whitespace.ZERO_WIDTH_SPACE]] : ['span', {
class: 'inlineNodeViewAddZeroWidthSpace'
}, '']];
};