@atlaskit/renderer 105.1.0 → 105.1.2

package/dist/cjs/react/index.js

@@ -1,68 +1,42 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-
 var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
-
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
 var _react = _interopRequireDefault(require("react"));
-
 var _prosemirrorModel = require("prosemirror-model");
-
 var _links = require("./utils/links");
-
 var _nodes = require("./nodes");
-
 var _textWrapper = _interopRequireDefault(require("./nodes/text-wrapper"));
-
 var _marks = require("./marks");
-
 var _validator = require("@atlaskit/editor-common/validator");
-
 var _utils = require("@atlaskit/editor-common/utils");
-
 var _utils2 = require("../utils");
-
 var _prosemirrorUtils = require("prosemirror-utils");
-
 var _rendererNode = require("./renderer-node");
-
 var _code = require("./marks/code");
-
 var _excluded = ["key"];
-
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
 function mergeMarks(marksAndNodes) {
   return marksAndNodes.reduce(function (acc, markOrNode) {
     var prev = acc.length && acc[acc.length - 1] || null;
-
     if (markOrNode.type instanceof _prosemirrorModel.MarkType && prev && prev.type instanceof _prosemirrorModel.MarkType && Array.isArray(prev.content) && (0, _validator.isSameMark)(prev, markOrNode)) {
       prev.content = mergeMarks(prev.content.concat(markOrNode.content));
     } else {
       acc.push(markOrNode);
     }
-
     return acc;
   }, []);
 }
-
 var ReactSerializer = /*#__PURE__*/function () {
   /**
    * The reason we have this extra array here is because we need to generate the same unique
@@ -72,9 +46,9 @@ var ReactSerializer = /*#__PURE__*/function () {
    * We will eventually need to refactor the current approach to generate unique ids
    * for headers under this ticket -> https://product-fabric.atlassian.net/browse/ED-9668
    */
+
   function ReactSerializer(init) {
     var _this = this;
-
     (0, _classCallCheck2.default)(this, ReactSerializer);
     (0, _defineProperty2.default)(this, "headingIds", []);
     (0, _defineProperty2.default)(this, "expandHeadingIds", []);
@@ -86,12 +60,11 @@ var ReactSerializer = /*#__PURE__*/function () {
     (0, _defineProperty2.default)(this, "allowAnnotations", false);
     (0, _defineProperty2.default)(this, "serializeFragmentChild", function (node, _ref) {
       var index = _ref.index,
-          parentInfo = _ref.parentInfo;
+        parentInfo = _ref.parentInfo;
       var pos = _this.startPos;
       var currentPath = parentInfo && parentInfo.path || [];
       var parentIsIncompleteTask = node.type.name === 'taskItem' && node.attrs.state !== 'DONE';
       var nodeKey = "".concat(node.type.name, "__").concat(_this.startPos);
-
       var serializedContent = _this.serializeFragment(node.content, _this.getNodeProps(node, parentInfo), (0, _nodes.toReact)(node, {
         allowSelectAllTrap: _this.allowSelectAllTrap,
         allowWindowedCodeBlock: _this.allowWindowedCodeBlock
@@ -100,20 +73,16 @@ var ReactSerializer = /*#__PURE__*/function () {
         path: [].concat((0, _toConsumableArray2.default)(currentPath), [node]),
         pos: _this.startPos
       });
-
       _this.startPos = pos + node.nodeSize;
       var marks = node.marks ? (0, _toConsumableArray2.default)(node.marks) : [];
       var isMedia = node.type.name === 'media';
-
       var shouldSkipMark = function shouldSkipMark(mark) {
         return _this.allowMediaLinking !== true && isMedia && mark.type.name === 'link';
       };
-
       return marks.reverse().reduce(function (content, mark) {
         if (shouldSkipMark(mark)) {
           return content;
         }
-
         return _this.renderMark((0, _marks.toReact)(mark), _this.withMediaMarkProps(node, mark, _this.getMarkProps(mark, [], node)), "".concat(mark.type.name, "-").concat(index), content);
       }, serializedContent);
     });
@@ -123,7 +92,6 @@ var ReactSerializer = /*#__PURE__*/function () {
           isMediaLink: true
         });
       }
-
       return defaultProps;
     });
     (0, _defineProperty2.default)(this, "getUnsupportedContentProps", function (node) {
@@ -137,7 +105,6 @@ var ReactSerializer = /*#__PURE__*/function () {
         if ((0, _marks.isAnnotationMark)(parent)) {
           return [].concat((0, _toConsumableArray2.default)(acc), [parent.attrs.id]);
         }
-
         return acc;
       }, []);
       return {
@@ -154,14 +121,14 @@ var ReactSerializer = /*#__PURE__*/function () {
       if ((0, _marks.isAnnotationMark)(mark)) {
         return _this.getAnnotationMarkProps(mark, marksParentPath);
       }
-
       var _mark$attrs = mark.attrs,
-          key = _mark$attrs.key,
-          otherAttrs = (0, _objectWithoutProperties2.default)(_mark$attrs, _excluded);
+        key = _mark$attrs.key,
+        otherAttrs = (0, _objectWithoutProperties2.default)(_mark$attrs, _excluded);
       var extraProps = {
         isInline: node === null || node === void 0 ? void 0 : node.isInline
-      }; // currently the only mark which has custom props is the code mark
+      };
 
+      // currently the only mark which has custom props is the code mark
       var markSpecificProps = (0, _code.isCodeMark)(mark) ? {
         // The appearance being mobile indicates we are in an renderer being
         // rendered by mobile bridge in a web view.
@@ -170,7 +137,6 @@ var ReactSerializer = /*#__PURE__*/function () {
         // the rendering in the mobile Native Renderer.
         codeBidiWarningTooltipEnabled: _this.appearance !== 'mobile'
       } : {};
-
       var props = _objectSpread(_objectSpread(_objectSpread(_objectSpread({
         eventHandlers: _this.eventHandlers,
         fireAnalyticsEvent: _this.fireAnalyticsEvent,
@@ -180,7 +146,6 @@ var ReactSerializer = /*#__PURE__*/function () {
           'data-renderer-mark': true
         }
       });
-
       return props;
     });
     this.providers = init.providers;
@@ -210,7 +175,6 @@ var ReactSerializer = /*#__PURE__*/function () {
     this.nodeComponents = init.nodeComponents;
     this.allowWindowedCodeBlock = init.allowWindowedCodeBlock;
   }
-
   (0, _createClass2.default)(ReactSerializer, [{
     key: "resetState",
     value: function resetState() {
@@ -222,58 +186,41 @@ var ReactSerializer = /*#__PURE__*/function () {
     key: "getNodeProps",
     value: function getNodeProps(node, parentInfo) {
       var path = parentInfo ? parentInfo.path : undefined;
-
       switch (node.type.name) {
         case 'date':
           return this.getDateProps(node, parentInfo);
-
         case 'hardBreak':
           return this.getHardBreakProps(node, path);
-
         case 'heading':
           return this.getHeadingProps(node, path);
-
         case 'media':
           return this.getMediaProps(node, path);
-
         case 'emoji':
           return this.getEmojiProps(node);
-
         case 'mediaGroup':
           return this.getMediaGroupProps(node);
-
         case 'mediaInline':
           return this.getMediaInlineProps(node);
-
         case 'mediaSingle':
           return this.getMediaSingleProps(node, path);
-
         case 'table':
           return this.getTableProps(node, path);
-
         case 'tableHeader':
         case 'tableRow':
           return this.getTableChildrenProps(node);
-
         case 'taskItem':
           return this.getTaskItemProps(node, path);
-
         case 'embedCard':
           return this.getEmbedCardProps(node, path);
-
         case 'expand':
           return this.getExpandProps(node, path);
-
         case 'unsupportedBlock':
         case 'unsupportedInline':
           return this.getUnsupportedContentProps(node);
-
         case 'codeBlock':
           return this.getCodeBlockProps(node);
-
         case 'panel':
           return this.getPanelProps(node);
-
         default:
           return this.getProps(node, path);
       }
@@ -282,17 +229,14 @@ var ReactSerializer = /*#__PURE__*/function () {
     key: "serializeFragment",
     value: function serializeFragment(fragment) {
       var _this2 = this;
-
       var props = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
       var target = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : this.allowSelectAllTrap ? _nodes.DocWithSelectAllTrap : _nodes.Doc;
       var key = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : 'root-0';
       var parentInfo = arguments.length > 4 ? arguments[4] : undefined;
-
       // This makes sure that we reset internal state on re-render.
       if (key === 'root-0') {
         this.resetState();
       }
-
       return this.renderNode(target, props, key, ReactSerializer.getChildNodes(fragment).map(function (node, index) {
         if ((0, _nodes.isTextWrapper)(node)) {
           return _this2.serializeTextWrapper(node.content, {
@@ -300,7 +244,6 @@ var ReactSerializer = /*#__PURE__*/function () {
             parentInfo: parentInfo
           });
         }
-
         return _this2.serializeFragmentChild(node, {
           index: index,
           parentInfo: parentInfo
@@ -311,9 +254,8 @@ var ReactSerializer = /*#__PURE__*/function () {
     key: "serializeTextWrapper",
     value: function serializeTextWrapper(content, _ref2) {
       var _this3 = this;
-
       var index = _ref2.index,
-          parentInfo = _ref2.parentInfo;
+        parentInfo = _ref2.parentInfo;
       var currentPath = parentInfo && parentInfo.path || [];
       var nodePosition = parentInfo && parentInfo.pos || 1;
       return ReactSerializer.buildMarkStructure(content).map(function (mark, index) {
@@ -333,11 +275,9 @@ var ReactSerializer = /*#__PURE__*/function () {
     key: "serializeMark",
     value: function serializeMark(_ref3) {
       var _this4 = this;
-
       var mark = _ref3.mark,
-          parentNode = _ref3.parentNode,
-          parentMark = _ref3.parentMark;
-
+        parentNode = _ref3.parentNode,
+        parentMark = _ref3.parentMark;
       if (!(0, _nodes.isTextNode)(mark)) {
         var serializeContent = function serializeContent(childMark, index) {
           return _this4.serializeMark({
@@ -348,16 +288,13 @@ var ReactSerializer = /*#__PURE__*/function () {
             }
           });
         };
-
         var content = (mark.content || []).map(serializeContent);
         var markKey = "".concat(mark.type.name, "-component__").concat(this.startPos, "__").concat(parentMark.path.length);
         return this.renderMark((0, _marks.toReact)(mark), this.getMarkProps(mark, parentMark.path), markKey, content);
       }
-
       var startPos = this.startPos;
       var endPos = startPos + mark.nodeSize;
       this.startPos = endPos;
-
       if (this.surroundTextNodesWithTextWrapper) {
         var textKey = "text-wrapper_".concat(this.startPos);
         var parentDepth = Math.max(parentNode.path.length - 1, 0);
@@ -367,7 +304,6 @@ var ReactSerializer = /*#__PURE__*/function () {
           endPos: endPos + parentDepth
         }, mark.text);
       }
-
       return mark.text || '';
     }
   }, {
@@ -416,14 +352,13 @@ var ReactSerializer = /*#__PURE__*/function () {
     key: "getMediaSingleProps",
     value: function getMediaSingleProps(node) {
       var _this5 = this;
-
       var path = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
       var _node$type$schema = node.type.schema,
-          _node$type$schema$nod = _node$type$schema.nodes,
-          expand = _node$type$schema$nod.expand,
-          nestedExpand = _node$type$schema$nod.nestedExpand,
-          layoutColumn = _node$type$schema$nod.layoutColumn,
-          link = _node$type$schema.marks.link;
+        _node$type$schema$nod = _node$type$schema.nodes,
+        expand = _node$type$schema$nod.expand,
+        nestedExpand = _node$type$schema$nod.nestedExpand,
+        layoutColumn = _node$type$schema$nod.layoutColumn,
+        link = _node$type$schema.marks.link;
       var blockNodeNames = [expand, nestedExpand, layoutColumn].filter(function (node) {
         return Boolean(node);
       }) // Check if the node exist first
@@ -433,11 +368,9 @@ var ReactSerializer = /*#__PURE__*/function () {
       var isInsideOfBlockNode = path && path.some(function (n) {
         return n.type && blockNodeNames.indexOf(n.type.name) > -1;
       });
-
       var isLinkMark = function isLinkMark(mark) {
         return mark.type === link;
       };
-
       var childHasLink = node.firstChild && node.firstChild.marks.filter(function (m) {
         return isLinkMark(m) || _this5.allowMediaLinking === true;
       }).length;
@@ -451,15 +384,12 @@ var ReactSerializer = /*#__PURE__*/function () {
     key: "getMediaProps",
     value: function getMediaProps(node) {
       var _this6 = this,
-          _this$media;
-
+        _this$media;
       var path = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
       var link = node.type.schema.marks.link;
-
       var isLinkMark = function isLinkMark(mark) {
         return mark.type === link;
       };
-
       return _objectSpread(_objectSpread({}, this.getProps(node)), {}, {
         marks: node.marks.filter(function (m) {
           return !isLinkMark(m) || _this6.allowMediaLinking === true;
@@ -483,9 +413,9 @@ var ReactSerializer = /*#__PURE__*/function () {
     value: function getEmbedCardProps(node) {
       var path = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
       var _node$type$schema$nod2 = node.type.schema.nodes,
-          expand = _node$type$schema$nod2.expand,
-          nestedExpand = _node$type$schema$nod2.nestedExpand,
-          layoutColumn = _node$type$schema$nod2.layoutColumn;
+        expand = _node$type$schema$nod2.expand,
+        nestedExpand = _node$type$schema$nod2.nestedExpand,
+        layoutColumn = _node$type$schema$nod2.layoutColumn;
       var blockNodeNames = [expand, nestedExpand, layoutColumn].filter(function (node) {
         return Boolean(node);
       }) // Check if the node exist first
@@ -503,7 +433,6 @@ var ReactSerializer = /*#__PURE__*/function () {
     key: "getMediaGroupProps",
     value: function getMediaGroupProps(node) {
       var _this$media2, _this$media3;
-
       return _objectSpread(_objectSpread({}, this.getProps(node)), {}, {
         shouldOpenMediaViewer: this.shouldOpenMediaViewer,
         allowAltTextOnImages: this.allowAltTextOnImages,
@@ -531,11 +460,9 @@ var ReactSerializer = /*#__PURE__*/function () {
       var path = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
       var forceNewLine = false;
       var parentNode = path.length > 0 ? path[path.length - 1] : null;
-
       if (parentNode && parentNode.lastChild === node) {
         forceNewLine = true;
       }
-
       return _objectSpread(_objectSpread({}, this.getProps(node)), {}, {
         forceNewLine: forceNewLine
       });
@@ -594,11 +521,9 @@ var ReactSerializer = /*#__PURE__*/function () {
     key: "headingAnchorSupported",
     value: function headingAnchorSupported() {
       var path = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
-
       var isImmediateParent = function isImmediateParent(path, nodeName) {
         return path.length > 0 && path[path.length - 1].type.name === nodeName;
       };
-
       return (0, _links.isNestedHeaderLinksEnabled)(this.allowHeadingAnchorLinks) || path.length === 0 || isImmediateParent(path, 'layoutColumn');
     }
   }, {
@@ -615,13 +540,10 @@ var ReactSerializer = /*#__PURE__*/function () {
     key: "getExpandProps",
     value: function getExpandProps(node) {
       var _this7 = this;
-
       var path = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
-
       if (!(0, _links.isNestedHeaderLinksEnabled)(this.allowHeadingAnchorLinks)) {
         return this.getProps(node);
       }
-
       var nestedHeaderIds = (0, _prosemirrorUtils.findChildrenByType)(node, node.type.schema.nodes.heading).map(function (_ref4) {
         var node = _ref4.node;
         return _this7.getHeadingId(node, _this7.expandHeadingIds);
@@ -629,47 +551,43 @@ var ReactSerializer = /*#__PURE__*/function () {
       return _objectSpread(_objectSpread({}, this.getProps(node)), {}, {
         nestedHeaderIds: nestedHeaderIds
       });
-    } // The return value of this function is NOT url encoded,
+    }
+
+    // The return value of this function is NOT url encoded,
     // In HTML5 standard, id can contain any characters, encoding is no necessary.
     // Plus we trying to avoid double encoding, therefore we leave the value as is.
     // Remember to use encodeURIComponent when generating url from the id value.
-
   }, {
     key: "getHeadingId",
     value: function getHeadingId(node, headingIds) {
       if (this.disableHeadingIDs || !node.content.size) {
         return;
-      } // We are not use node.textContent here, because we would like to handle cases where
-      // headings only contain inline blocks like emoji, status and date.
-
+      }
 
+      // We are not use node.textContent here, because we would like to handle cases where
+      // headings only contain inline blocks like emoji, status and date.
       var nodeContent = node.content.toJSON().reduce(function (acc, node) {
         return acc.concat((0, _utils2.getText)(node) || '');
       }, '').trim().replace(/\s/g, '-');
-
       if (!nodeContent) {
         return;
       }
-
       return this.getUniqueHeadingId(nodeContent, headingIds);
     }
   }, {
     key: "getUniqueHeadingId",
     value: function getUniqueHeadingId(baseId, headingIds) {
       var counter = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 0;
-
       if (counter === 0 && headingIds.indexOf(baseId) === -1) {
         headingIds.push(baseId);
         return baseId;
       } else if (counter !== 0) {
         var headingId = "".concat(baseId, ".").concat(counter);
-
         if (headingIds.indexOf(headingId) === -1) {
           headingIds.push(headingId);
           return headingId;
         }
       }
-
       return this.getUniqueHeadingId(baseId, headingIds, ++counter);
     }
   }], [{
@@ -687,21 +605,17 @@ var ReactSerializer = /*#__PURE__*/function () {
       if (!node.marks || node.marks.length === 0) {
         return [];
       }
-
       return (0, _validator.getMarksByOrder)(node.marks);
     }
   }, {
     key: "buildMarkStructure",
     value: function buildMarkStructure(content) {
       var _this8 = this;
-
       return mergeMarks(content.map(function (node) {
         var nodeMarks = _this8.getMarks(node);
-
         if (nodeMarks.length === 0) {
           return node;
         }
-
         return nodeMarks.reverse().reduce(function (acc, mark) {
           var eq = mark.eq;
           return _objectSpread(_objectSpread({}, mark), {}, {
@@ -710,9 +624,10 @@ var ReactSerializer = /*#__PURE__*/function () {
           });
         }, node);
       }));
-    } // TODO: ED-9004 Remove unused ReactSerializer.fromSchema in renderer
-    // https://sourcegraph-frontend.internal.shared-prod.us-west-2.kitt-inf.net/search?q=ReactSerializer.fromSchema&patternType=literal
+    }
 
+    // TODO: ED-9004 Remove unused ReactSerializer.fromSchema in renderer
+    // https://sourcegraph-frontend.internal.shared-prod.us-west-2.kitt-inf.net/search?q=ReactSerializer.fromSchema&patternType=literal
   }, {
     key: "fromSchema",
     value: function fromSchema(_, init) {
@@ -720,11 +635,9 @@ var ReactSerializer = /*#__PURE__*/function () {
         // eslint-disable-next-line no-console
         console.warn('ReactSerializer.fromSchema is deprecated. Please use the constructor instead via new ReactSerializer()');
       }
-
       return new ReactSerializer(init);
     }
   }]);
   return ReactSerializer;
 }();
-
 exports.default = ReactSerializer;

package/dist/cjs/react/marks/alignment.js

@@ -1,31 +1,22 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = Alignment;
-
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
 var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
-
 var _react = _interopRequireDefault(require("react"));
-
 var _react2 = require("@emotion/react");
-
 var _adfSchema = require("@atlaskit/adf-schema");
-
 var _templateObject;
-
 var MarkWrapper = function MarkWrapper(props) {
   var styles = props['data-align'] ? (0, _react2.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n        text-align: ", ";\n      "])), _adfSchema.alignmentPositionMap[props['data-align']]) : '';
   return (0, _react2.jsx)("div", (0, _extends2.default)({
     css: styles
   }, props), props.children);
 };
-
 function Alignment(props) {
   return (0, _react2.jsx)(MarkWrapper, {
     className: "fabric-editor-block-mark fabric-editor-alignment",

package/dist/cjs/react/marks/annotation.js

@@ -1,46 +1,33 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.isAnnotationMark = exports.default = void 0;
-
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
 var _react = _interopRequireDefault(require("react"));
-
 var _adfSchema = require("@atlaskit/adf-schema");
-
 var _annotations = require("../../ui/annotations");
-
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
 var isAnnotationMark = function isAnnotationMark(mark) {
   return mark && mark.type && mark.type.name === 'annotation';
 };
-
 exports.isAnnotationMark = isAnnotationMark;
-
 var AnnotationComponent = function AnnotationComponent(_ref) {
   var id = _ref.id,
-      annotationType = _ref.annotationType,
-      children = _ref.children,
-      dataAttributes = _ref.dataAttributes,
-      _ref$annotationParent = _ref.annotationParentIds,
-      annotationParentIds = _ref$annotationParent === void 0 ? [] : _ref$annotationParent,
-      allowAnnotations = _ref.allowAnnotations;
-
+    annotationType = _ref.annotationType,
+    children = _ref.children,
+    dataAttributes = _ref.dataAttributes,
+    _ref$annotationParent = _ref.annotationParentIds,
+    annotationParentIds = _ref$annotationParent === void 0 ? [] : _ref$annotationParent,
+    allowAnnotations = _ref.allowAnnotations;
   var data = _objectSpread(_objectSpread({}, dataAttributes), (0, _adfSchema.buildAnnotationMarkDataAttributes)({
     id: id,
     annotationType: annotationType
   }));
-
   if (allowAnnotations) {
     return /*#__PURE__*/_react.default.createElement(_annotations.AnnotationMark, {
       id: id,
@@ -49,11 +36,9 @@ var AnnotationComponent = function AnnotationComponent(_ref) {
       annotationType: annotationType
     }, children);
   }
-
   return /*#__PURE__*/_react.default.createElement("span", (0, _extends2.default)({
     id: id
   }, data), children);
 };
-
 var _default = AnnotationComponent;
 exports.default = _default;

package/dist/cjs/react/marks/breakout.js

@@ -1,28 +1,19 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = Breakout;
 exports.wrapperStyles = void 0;
-
 var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
-
 var _react = require("@emotion/react");
-
 var _ui = require("@atlaskit/editor-common/ui");
-
 var _utils = require("@atlaskit/editor-common/utils");
-
 var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
-
 var _templateObject;
-
 var wrapperStyles = (0, _react.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  margin: ", " 0;\n  margin-left: 50%;\n  transform: translateX(-50%);\n"])), _editorSharedStyles.blockNodesVerticalMargin);
 exports.wrapperStyles = wrapperStyles;
-
 function Breakout(props) {
   return (0, _react.jsx)(_ui.WidthConsumer, null, function (_ref) {
     var width = _ref.width;

package/dist/cjs/react/marks/code.js

@@ -1,29 +1,20 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.CodeWithIntl = CodeWithIntl;
 exports.isCodeMark = exports.default = void 0;
-
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
 var _react = _interopRequireDefault(require("react"));
-
 var _reactIntlNext = require("react-intl-next");
-
 var _inline = _interopRequireDefault(require("@atlaskit/code/inline"));
-
 var _messages = require("@atlaskit/editor-common/messages");
-
 var isCodeMark = function isCodeMark(mark) {
   return mark && mark.type && mark.type.name === 'code';
 };
-
 exports.isCodeMark = isCodeMark;
-
 function CodeWithIntl(props) {
   var codeBidiWarningLabel = props.intl.formatMessage(_messages.codeBidiWarningMessages.label);
   return /*#__PURE__*/_react.default.createElement(_inline.default, (0, _extends2.default)({
@@ -32,7 +23,5 @@ function CodeWithIntl(props) {
     codeBidiWarningTooltipEnabled: props.codeBidiWarningTooltipEnabled
   }, props.dataAttributes), props.children);
 }
-
 var _default = (0, _reactIntlNext.injectIntl)(CodeWithIntl);
-
 exports.default = _default;