@atlaskit/renderer 105.1.1 → 106.0.0

package/dist/esm/react/index.js

@@ -5,11 +5,8 @@ import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
 import _createClass from "@babel/runtime/helpers/createClass";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 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) { _defineProperty(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; }
-
 import React from 'react';
 import { MarkType } from 'prosemirror-model';
 import { isNestedHeaderLinksEnabled } from './utils/links';
@@ -22,21 +19,17 @@ import { getText } from '../utils';
 import { findChildrenByType } from 'prosemirror-utils';
 import { insideBreakoutLayout } from './renderer-node';
 import { isCodeMark } from './marks/code';
-
 function mergeMarks(marksAndNodes) {
   return marksAndNodes.reduce(function (acc, markOrNode) {
     var prev = acc.length && acc[acc.length - 1] || null;
-
     if (markOrNode.type instanceof MarkType && prev && prev.type instanceof MarkType && Array.isArray(prev.content) && 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
@@ -46,35 +39,25 @@ 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;
-
     _classCallCheck(this, ReactSerializer);
-
     _defineProperty(this, "headingIds", []);
-
     _defineProperty(this, "expandHeadingIds", []);
-
     _defineProperty(this, "allowCopyToClipboard", false);
-
     _defineProperty(this, "allowPlaceholderText", true);
-
     _defineProperty(this, "allowCustomPanels", false);
-
     _defineProperty(this, "startPos", 1);
-
     _defineProperty(this, "surroundTextNodesWithTextWrapper", false);
-
     _defineProperty(this, "allowAnnotations", false);
-
     _defineProperty(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), toReact(node, {
         allowSelectAllTrap: _this.allowSelectAllTrap,
         allowWindowedCodeBlock: _this.allowWindowedCodeBlock
@@ -83,47 +66,38 @@ var ReactSerializer = /*#__PURE__*/function () {
         path: [].concat(_toConsumableArray(currentPath), [node]),
         pos: _this.startPos
       });
-
       _this.startPos = pos + node.nodeSize;
       var marks = node.marks ? _toConsumableArray(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(markToReact(mark), _this.withMediaMarkProps(node, mark, _this.getMarkProps(mark, [], node)), "".concat(mark.type.name, "-").concat(index), content);
       }, serializedContent);
     });
-
     _defineProperty(this, "withMediaMarkProps", function (node, mark, defaultProps) {
       if (mark.type.name === 'link' && node.type.name === 'media') {
         return _objectSpread(_objectSpread({}, defaultProps), {}, {
           isMediaLink: true
         });
       }
-
       return defaultProps;
     });
-
     _defineProperty(this, "getUnsupportedContentProps", function (node) {
       return {
         node: node,
         dispatchAnalyticsEvent: _this.fireAnalyticsEvent
       };
     });
-
     _defineProperty(this, "getAnnotationMarkProps", function (mark, marksParentPath) {
       var annotationParentIds = (marksParentPath || []).reduce(function (acc, parent) {
         if (isAnnotationMark(parent)) {
           return [].concat(_toConsumableArray(acc), [parent.attrs.id]);
         }
-
         return acc;
       }, []);
       return {
@@ -136,20 +110,18 @@ var ReactSerializer = /*#__PURE__*/function () {
         }
       };
     });
-
     _defineProperty(this, "getMarkProps", function (mark, marksParentPath, node) {
       if (isAnnotationMark(mark)) {
         return _this.getAnnotationMarkProps(mark, marksParentPath);
       }
-
       var _mark$attrs = mark.attrs,
-          key = _mark$attrs.key,
-          otherAttrs = _objectWithoutProperties(_mark$attrs, _excluded);
-
+        key = _mark$attrs.key,
+        otherAttrs = _objectWithoutProperties(_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 = isCodeMark(mark) ? {
         // The appearance being mobile indicates we are in an renderer being
         // rendered by mobile bridge in a web view.
@@ -158,7 +130,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,
@@ -168,10 +139,8 @@ var ReactSerializer = /*#__PURE__*/function () {
           'data-renderer-mark': true
         }
       });
-
       return props;
     });
-
     this.providers = init.providers;
     this.eventHandlers = init.eventHandlers;
     this.extensionHandlers = init.extensionHandlers;
@@ -199,7 +168,6 @@ var ReactSerializer = /*#__PURE__*/function () {
     this.nodeComponents = init.nodeComponents;
     this.allowWindowedCodeBlock = init.allowWindowedCodeBlock;
   }
-
   _createClass(ReactSerializer, [{
     key: "resetState",
     value: function resetState() {
@@ -211,58 +179,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);
       }
@@ -271,17 +222,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 ? DocWithSelectAllTrap : 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 (isTextWrapper(node)) {
           return _this2.serializeTextWrapper(node.content, {
@@ -289,7 +237,6 @@ var ReactSerializer = /*#__PURE__*/function () {
             parentInfo: parentInfo
           });
         }
-
         return _this2.serializeFragmentChild(node, {
           index: index,
           parentInfo: parentInfo
@@ -300,9 +247,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) {
@@ -322,11 +268,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 (!isTextNode(mark)) {
         var serializeContent = function serializeContent(childMark, index) {
           return _this4.serializeMark({
@@ -337,16 +281,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(markToReact(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);
@@ -356,7 +297,6 @@ var ReactSerializer = /*#__PURE__*/function () {
           endPos: endPos + parentDepth
         }, mark.text);
       }
-
       return mark.text || '';
     }
   }, {
@@ -405,14 +345,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
@@ -422,11 +361,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;
@@ -440,15 +377,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;
@@ -472,9 +406,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
@@ -492,7 +426,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,
@@ -520,11 +453,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
       });
@@ -583,11 +514,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 isNestedHeaderLinksEnabled(this.allowHeadingAnchorLinks) || path.length === 0 || isImmediateParent(path, 'layoutColumn');
     }
   }, {
@@ -604,13 +533,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 (!isNestedHeaderLinksEnabled(this.allowHeadingAnchorLinks)) {
         return this.getProps(node);
       }
-
       var nestedHeaderIds = findChildrenByType(node, node.type.schema.nodes.heading).map(function (_ref4) {
         var node = _ref4.node;
         return _this7.getHeadingId(node, _this7.expandHeadingIds);
@@ -618,47 +544,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(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);
     }
   }], [{
@@ -676,21 +598,17 @@ var ReactSerializer = /*#__PURE__*/function () {
       if (!node.marks || node.marks.length === 0) {
         return [];
       }
-
       return 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), {}, {
@@ -699,9 +617,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) {
@@ -709,12 +628,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;
 }();
-
 export { ReactSerializer as default };

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

@@ -1,20 +1,16 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
-
 var _templateObject;
-
 /** @jsx jsx */
 import React from 'react';
 import { css, jsx } from '@emotion/react';
 import { alignmentPositionMap } from '@atlaskit/adf-schema';
-
 var MarkWrapper = function MarkWrapper(props) {
   var styles = props['data-align'] ? css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n        text-align: ", ";\n      "])), alignmentPositionMap[props['data-align']]) : '';
   return jsx("div", _extends({
     css: styles
   }, props), props.children);
 };
-
 export default function Alignment(props) {
   return jsx(MarkWrapper, {
     className: "fabric-editor-block-mark fabric-editor-alignment",

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

@@ -1,31 +1,25 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
-
 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) { _defineProperty(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; }
-
 import React from 'react';
 import { buildAnnotationMarkDataAttributes } from '@atlaskit/adf-schema';
 import { AnnotationMark } from '../../ui/annotations';
 export var isAnnotationMark = function isAnnotationMark(mark) {
   return mark && mark.type && mark.type.name === 'annotation';
 };
-
 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), buildAnnotationMarkDataAttributes({
     id: id,
     annotationType: annotationType
   }));
-
   if (allowAnnotations) {
     return /*#__PURE__*/React.createElement(AnnotationMark, {
       id: id,
@@ -34,10 +28,8 @@ var AnnotationComponent = function AnnotationComponent(_ref) {
       annotationType: annotationType
     }, children);
   }
-
   return /*#__PURE__*/React.createElement("span", _extends({
     id: id
   }, data), children);
 };
-
 export default AnnotationComponent;

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

@@ -1,7 +1,5 @@
 import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
-
 var _templateObject;
-
 /** @jsx jsx */
 import { css, jsx } from '@emotion/react';
 import { WidthConsumer } from '@atlaskit/editor-common/ui';

package/dist/esm/react/marks/confluence-inline-comment.js

@@ -3,39 +3,29 @@ import _createClass from "@babel/runtime/helpers/createClass";
 import _inherits from "@babel/runtime/helpers/inherits";
 import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
 import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
-
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
-
 function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
-
 import React from 'react';
 import { Component } from 'react';
-
 var ConfluenceInlineComment = /*#__PURE__*/function (_Component) {
   _inherits(ConfluenceInlineComment, _Component);
-
   var _super = _createSuper(ConfluenceInlineComment);
-
   function ConfluenceInlineComment() {
     _classCallCheck(this, ConfluenceInlineComment);
-
     return _super.apply(this, arguments);
   }
-
   _createClass(ConfluenceInlineComment, [{
     key: "render",
     value: function render() {
       var _this$props = this.props,
-          reference = _this$props.reference,
-          children = _this$props.children;
+        reference = _this$props.reference,
+        children = _this$props.children;
       return /*#__PURE__*/React.createElement("span", {
         "data-mark-type": "confluenceInlineComment",
         "data-reference": reference
       }, children);
     }
   }]);
-
   return ConfluenceInlineComment;
 }(Component);
-
 export { ConfluenceInlineComment as default };

package/dist/esm/react/marks/index.js

@@ -13,8 +13,9 @@ import UnsupportedMark from './unsupportedMark';
 import UnsupportedNodeAttribute from './unsupportedNodeAttribute';
 import DataConsumer from './data-consumer';
 import FragmentMark from './fragment';
-import Annotation, { isAnnotationMark } from './annotation'; // Stage0
+import Annotation, { isAnnotationMark } from './annotation';
 
+// Stage0
 import ConfluenceInlineComment from './confluence-inline-comment';
 export var markToReact = {
   code: Code,