@atlaskit/editor-core 178.1.0 → 178.1.2

package/dist/es2019/plugins/view-update-subscription/subscribe/toolbarAndPickerUpdates.js

@@ -4,35 +4,27 @@ import { pluginKey as statusPluginKey } from '../../status/plugin-key';
 import { areSameItems } from '../../floating-toolbar/ui/Toolbar';
 import { isTypeAheadOpen } from '../../type-ahead/utils';
 import { trackerStore } from '..';
-
 const areToolbarsSame = (left, right) => {
   if (!left && !right) {
     return true;
   }
-
   if (left && !right || !left && right) {
     return false;
   }
-
   const leftConfig = left.config;
   const rightConfig = right.config;
-
   if (!leftConfig && !rightConfig) {
     return true;
   }
-
   if (!leftConfig && rightConfig || leftConfig && !rightConfig) {
     return false;
   }
-
   const leftItems = Array.isArray(leftConfig.items) ? leftConfig.items : leftConfig.items(left.node);
   const rightItems = Array.isArray(rightConfig.items) ? rightConfig.items : rightConfig.items(right.node);
   return areSameItems(leftItems, rightItems);
 };
-
 export const subscribeToToolbarAndPickerUpdates = (editorView, cb) => {
   let lastUpdatedState = null;
-
   const subscription = ({
     newEditorState
   }) => {
@@ -42,7 +34,6 @@ export const subscribeToToolbarAndPickerUpdates = (editorView, cb) => {
     if (isTypeAheadOpen(newEditorState)) {
       return;
     }
-
     const dateState = datePluginKey.getState(newEditorState);
     const statusState = statusPluginKey.getState(newEditorState);
     const {
@@ -50,7 +41,6 @@ export const subscribeToToolbarAndPickerUpdates = (editorView, cb) => {
     } = floatingToolbarPluginKey.getState(newEditorState);
     const toolbarConfig = getConfigWithNodeInfo(newEditorState);
     let shouldCallback = false;
-
     if (lastUpdatedState) {
       const oldDateState = datePluginKey.getState(lastUpdatedState);
       const oldStatusState = statusPluginKey.getState(lastUpdatedState);
@@ -59,8 +49,8 @@ export const subscribeToToolbarAndPickerUpdates = (editorView, cb) => {
       } = floatingToolbarPluginKey.getState(lastUpdatedState);
       const oldToolbarConfig = getOldConfigWithNodeInfo(lastUpdatedState);
       const isToolbarEqual = areToolbarsSame(toolbarConfig, oldToolbarConfig);
-
-      if (dateState !== oldDateState || statusState !== oldStatusState || // Sometimes the toolbar changes while a picker is open, we dont care about this
+      if (dateState !== oldDateState || statusState !== oldStatusState ||
+      // Sometimes the toolbar changes while a picker is open, we dont care about this
       // EG A nested status or date node in a table
       !isToolbarEqual && !statusState.showStatusPickerAt && !dateState.showDatePickerAt) {
         shouldCallback = true;
@@ -68,7 +58,6 @@ export const subscribeToToolbarAndPickerUpdates = (editorView, cb) => {
     } else {
       shouldCallback = true;
     }
-
     if (shouldCallback) {
       cb({
         dateState,
@@ -76,19 +65,14 @@ export const subscribeToToolbarAndPickerUpdates = (editorView, cb) => {
         toolbarConfig
       });
     }
-
     lastUpdatedState = newEditorState;
   };
-
   const tracker = trackerStore.get(editorView);
-
   if (tracker) {
     tracker.add(subscription);
   }
-
   return () => {
     const tracker = trackerStore.get(editorView);
-
     if (tracker) {
       tracker.remove(subscription);
     }

package/dist/es2019/plugins/view-update-subscription/subscribe/type-ahead-updates.js

@@ -7,26 +7,20 @@ export const subscribeTypeAheadUpdates = (editorView, cb) => {
   }) => {
     const newPluginState = typeAheadPluginKey.getState(newEditorState);
     const oldPluginState = typeAheadPluginKey.getState(oldEditorState);
-
     if (!oldPluginState || !newPluginState) {
       return;
     }
-
     cb({
       oldPluginState,
       newPluginState
     });
   };
-
   const tracker = trackerStore.get(editorView);
-
   if (tracker) {
     tracker.add(subscription);
   }
-
   return () => {
     const tracker = trackerStore.get(editorView);
-
     if (tracker) {
       tracker.remove(subscription);
     }

package/dist/es2019/plugins/width/index.js

@@ -9,30 +9,24 @@ export function createPlugin(dispatch) {
         width: document.body.offsetWidth,
         containerWidth: document.body.offsetWidth
       }),
-
       apply(tr, pluginState) {
         const meta = tr.getMeta(pluginKey);
-
         if (!meta) {
           return pluginState;
         }
-
-        const newPluginState = { ...pluginState,
+        const newPluginState = {
+          ...pluginState,
           ...meta
         };
-
         if (newPluginState && (pluginState.width !== newPluginState.width || pluginState.lineLength !== newPluginState.lineLength) || pluginState.containerWidth !== newPluginState.containerWidth) {
           dispatch(pluginKey, newPluginState);
           return newPluginState;
         }
-
         return pluginState;
       }
-
     }
   });
 }
-
 const widthPlugin = () => ({
   name: 'width',
   pmPlugins: () => [{
@@ -41,7 +35,6 @@ const widthPlugin = () => ({
       dispatch
     }) => createPlugin(dispatch)
   }],
-
   // do this early here, otherwise we have to wait for WidthEmitter to debounce
   // which causes anything dependent on lineLength to jump around
   contentComponent({
@@ -51,21 +44,17 @@ const widthPlugin = () => ({
     const newState = {
       lineLength: editorView.dom.clientWidth
     };
-
     if (containerElement) {
       var _containerElement$par;
+      newState.width = containerElement.offsetWidth;
 
-      newState.width = containerElement.offsetWidth; // wrapper width is used by context panel to determine whether there is
+      // wrapper width is used by context panel to determine whether there is
       // enough space to open without overlapping the editor
-
       newState.containerWidth = (_containerElement$par = containerElement.parentElement) === null || _containerElement$par === void 0 ? void 0 : _containerElement$par.offsetWidth;
     }
-
     const tr = editorView.state.tr.setMeta(pluginKey, newState);
     editorView.dispatch(tr);
     return null;
   }
-
 });
-
 export default widthPlugin;

package/dist/es2019/profiler/render-count.js

@@ -3,7 +3,6 @@ import uuid from 'uuid';
 import { useComponentRenderTracking } from '@atlaskit/editor-common/utils';
 import { RenderCountProfiler as RenderCountProfilerClass } from '@atlaskit/editor-common/utils';
 export let ProfiledComponentIds;
-
 (function (ProfiledComponentIds) {
   ProfiledComponentIds["editor"] = "Editor";
   ProfiledComponentIds["appearance"] = "FullPageEditor";
@@ -12,14 +11,12 @@ export let ProfiledComponentIds;
   ProfiledComponentIds["toolbar"] = "FullPageToolbar";
   ProfiledComponentIds["mention"] = "MentionNodeView";
 })(ProfiledComponentIds || (ProfiledComponentIds = {}));
-
 const CoreRenderCountProfiler = ({
   componentId
 }) => {
   const {
     current: instanceId
   } = useRef(uuid());
-
   const onRender = ({
     renderCount
   }) => {
@@ -32,7 +29,6 @@ const CoreRenderCountProfiler = ({
       renderCount
     });
   };
-
   useComponentRenderTracking({
     onRender,
     propsDiffingOptions: {
@@ -42,19 +38,16 @@ const CoreRenderCountProfiler = ({
   });
   return null;
 };
-
 export const RenderCountProfiler = ({
   componentId
 }) => {
   const profiler = RenderCountProfilerClass.getInstance({
     store: window
   });
-
   if (profiler.isEnabled()) {
     return /*#__PURE__*/React.createElement(CoreRenderCountProfiler, {
       componentId: componentId
     });
   }
-
   return null;
 };

package/dist/es2019/selection-api/api.js

@@ -10,11 +10,9 @@ export const createEditorSelectionAPI = () => {
       selection
     }) => state => {
       let tr = state.tr;
-
       const fakeDispatch = _tr => {
         tr = _tr;
       };
-
       setSelectionRelativeToNodeOriginalCommand(selectionRelativeToNode, selection)(state, fakeDispatch);
       return tr;
     }

package/dist/es2019/test-utils.js

@@ -8,10 +8,8 @@ export { createTypeAheadTools } from './plugins/type-ahead/api';
 export { Preset } from './labs/next/presets/preset';
 export function getFireAnalytics(editorView) {
   var _analyticsPluginKey$g;
-
   return analyticsPluginKey === null || analyticsPluginKey === void 0 ? void 0 : (_analyticsPluginKey$g = analyticsPluginKey.getState(editorView.state)) === null || _analyticsPluginKey$g === void 0 ? void 0 : _analyticsPluginKey$g.fireAnalytics;
 }
-
 function lightProcessPluginsList(editorPlugins) {
   /**
    * First pass to collect pluginsOptions
@@ -22,34 +20,28 @@ function lightProcessPluginsList(editorPlugins) {
         if (!acc[pluginName]) {
           acc[pluginName] = [];
         }
-
         acc[pluginName].push(plugin.pluginsOptions[pluginName]);
       });
     }
-
     return acc;
   }, {});
+
   /**
    * Process plugins
    */
-
   return editorPlugins.reduce((acc, editorPlugin) => {
     if (editorPlugin.pmPlugins) {
       acc.plugins.push(...editorPlugin.pmPlugins(editorPlugin.name ? pluginsOptions[editorPlugin.name] : undefined));
     }
-
     if (editorPlugin.marks) {
       acc.marks.push(...editorPlugin.marks());
     }
-
     if (editorPlugin.nodes) {
       acc.nodes.push(...editorPlugin.nodes());
     }
-
     if (editorPlugin.onEditorViewStateUpdated) {
       acc.onEditorViewStateUpdatedCallbacks.push(editorPlugin.onEditorViewStateUpdated);
     }
-
     return acc;
   }, {
     nodes: [],
@@ -58,20 +50,18 @@ function lightProcessPluginsList(editorPlugins) {
     onEditorViewStateUpdatedCallbacks: []
   });
 }
-
 export const createPMSchemaAndPlugins = (preset = new Preset()) => pluginFactoryParams => {
   let editorPlugins = [];
-
   if (!preset.has(basePlugin)) {
     preset.add(basePlugin);
   }
-
   editorPlugins = preset.getEditorPlugins();
   const editorConfig = lightProcessPluginsList(editorPlugins);
   const schema = createSchema(editorConfig);
   const plugins = editorConfig.plugins.sort(sortByOrder('plugins')).map(({
     plugin
-  }) => plugin({ ...pluginFactoryParams,
+  }) => plugin({
+    ...pluginFactoryParams,
     schema
   })).filter(plugin => !!plugin);
   return {

package/dist/es2019/ui/Addon/ClickAreaBlock/index.js

@@ -15,7 +15,6 @@ export const ClickAreaBlock = ({
     if (!editorView) {
       return;
     }
-
     if (!editorDisabled) {
       clickAreaClickHandler(editorView, event);
     }

package/dist/es2019/ui/Addon/ClickAreaInline/index.js

@@ -13,7 +13,6 @@ export const ClickAreaInline = ({
     if (!editorView) {
       return;
     }
-
     if (createParagraphAtEnd()(editorView.state, editorView.dispatch)) {
       editorView.focus();
       event.stopPropagation();

package/dist/es2019/ui/Addon/ClickAreaMobile/index.js

@@ -1,15 +1,14 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
-
 /** @jsx jsx */
 import React from 'react';
 import { css, jsx } from '@emotion/react';
 import { clickAreaClickHandler } from '../click-area-helper';
+
 /**
  * Fills the visible viewport height so that it can filter
  * clicks/taps within or below the content (e.g. if the content
  * doesn't exceed the viewport, or whether it overflows it).
  */
-
 const clickWrapper = ({
   isExpanded,
   minHeight
@@ -17,7 +16,6 @@ const clickWrapper = ({
   height: 100%;
   ${isExpanded && minHeight ? `min-height: ${minHeight}px` : ''};
 `;
-
 /**
  * Click Area is responsible for improving UX by ensuring the user
  * can always tap beneath the content area, to insert more content.
@@ -35,37 +33,30 @@ const clickWrapper = ({
 export default class ClickAreaMobile extends React.Component {
   constructor(...args) {
     super(...args);
-
     _defineProperty(this, "clickElementRef", /*#__PURE__*/React.createRef());
-
     _defineProperty(this, "handleClick", event => {
       const {
         editorView: view,
         editorDisabled
       } = this.props;
-
       if (!view) {
         return;
       }
-
       if (!editorDisabled) {
         // if the editor is disabled -- we don't want to intercept any click events
         clickAreaClickHandler(view, event);
       }
-
-      const scrollGutterClicked = event.clientY > view.dom.getBoundingClientRect().bottom; // Reset the default prosemirror scrollIntoView logic by
+      const scrollGutterClicked = event.clientY > view.dom.getBoundingClientRect().bottom;
+      // Reset the default prosemirror scrollIntoView logic by
       // clamping the scroll position to the bottom of the viewport.
-
       if (scrollGutterClicked) {
         event.preventDefault();
-
         if (this.clickElementRef.current) {
           this.clickElementRef.current.scrollIntoView(false);
         }
       }
     });
   }
-
   render() {
     return jsx("div", {
       css: clickWrapper({
@@ -77,5 +68,4 @@ export default class ClickAreaMobile extends React.Component {
       ref: this.clickElementRef
     }, this.props.children);
   }
-
 }

package/dist/es2019/ui/Addon/Dropdown/index.js

@@ -1,5 +1,4 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
-
 /** @jsx jsx */
 import React from 'react';
 import { jsx } from '@emotion/react';
@@ -7,7 +6,6 @@ import { dropdown } from './styles';
 export default class DropdownWrapper extends React.Component {
   constructor(...args) {
     super(...args);
-
     _defineProperty(this, "handleClick", actions => {
       const {
         actionOnClick,
@@ -16,7 +14,6 @@ export default class DropdownWrapper extends React.Component {
       const {
         editorActions
       } = this.props;
-
       if (actionOnClick) {
         actionOnClick(editorActions);
         this.props.togglePopup();
@@ -25,7 +22,6 @@ export default class DropdownWrapper extends React.Component {
       }
     });
   }
-
   render() {
     // adding onClick handler to each DropdownItem component
     const children = React.Children.map(this.props.children, child => /*#__PURE__*/React.cloneElement(child, {
@@ -35,5 +31,4 @@ export default class DropdownWrapper extends React.Component {
       css: dropdown
     }, children);
   }
-
 }

package/dist/es2019/ui/Addon/DropdownItem/index.js

@@ -1,7 +1,6 @@
 /** @jsx jsx */
 import { jsx } from '@emotion/react';
 import { dropdownItem } from './styles';
-
 const DropdownItemWrapper = props => jsx("div", {
   css: dropdownItem,
   onClick: () => props.onClick && props.onClick({
@@ -9,5 +8,4 @@ const DropdownItemWrapper = props => jsx("div", {
     renderOnClick: props.renderOnClick
   })
 }, jsx("span", null, props.icon), props.children);
-
 export default DropdownItemWrapper;

package/dist/es2019/ui/Addon/click-area-helper.js

@@ -1,22 +1,21 @@
 import { closestElement } from '../../utils/dom';
 import { setSelectionTopLevelBlocks, hasGapCursorPlugin } from '../../plugins/selection/gap-cursor-selection';
-import { addParagraphAtEnd } from '../../commands'; // we ignore all of the clicks made inside <div class="ak-editor-content-area" /> (but not clicks on the node itself)
+import { addParagraphAtEnd } from '../../commands';
 
+// we ignore all of the clicks made inside <div class="ak-editor-content-area" /> (but not clicks on the node itself)
 const insideContentArea = ref => {
   while (ref) {
     if (ref.classList && ref.classList.contains('ak-editor-content-area')) {
       return true;
     }
-
     ref = ref.parentNode;
   }
-
   return false;
 };
-
 const insideProseMirrorEditableArea = ref => {
   return Boolean(ref === null || ref === void 0 ? void 0 : ref.closest('.ProseMirror'));
 };
+
 /**
  * @see ED-14699 - check if editor is inside a modal to continue to bring cursor to input when
  * any part of the editor container is clicked
@@ -26,48 +25,45 @@ const insideProseMirrorEditableArea = ref => {
  * 1. if editor (e.g. comment inside of Jira ticket view) is inside modal then ensure focus and cursor is brought to the input
  * 2. if another modal is open (e.g. delete confirmation modal for confluence table) then ignore clicks as they shouldn't influence editor state
  */
-
-
 export const checkForModal = target => {
   const modalDialog = target.closest('[role=dialog]');
-
   if (modalDialog) {
     // return false if not an editor inside modal, otherwise return true
     return !!(modalDialog !== null && modalDialog !== void 0 && modalDialog.querySelector('.akEditor'));
-  } // no modal present so we can return true
-
+  }
 
+  // no modal present so we can return true
   return true;
 };
-
 const clickAreaClickHandler = (view, event) => {
   var _view$hasFocus, _event$currentTarget;
-
   const isEditorFocused = !!(view !== null && view !== void 0 && (_view$hasFocus = view.hasFocus) !== null && _view$hasFocus !== void 0 && _view$hasFocus.call(view));
   const target = event.target;
   const isTargetContentArea = target.classList.contains('ak-editor-content-area');
   const isTargetChildOfContentArea = insideContentArea(target.parentNode);
-  const isTargetInsideEditableArea = insideProseMirrorEditableArea(target); // Any click inside ProseMirror should be managed by ProseMirror
+  const isTargetInsideEditableArea = insideProseMirrorEditableArea(target);
 
+  // Any click inside ProseMirror should be managed by ProseMirror
   if (isTargetInsideEditableArea) {
     return false;
   }
+  const isEventComingFromContentArea = Boolean(event.currentTarget.querySelector('.ak-editor-content-area'));
 
-  const isEventComingFromContentArea = Boolean(event.currentTarget.querySelector('.ak-editor-content-area')); // @see https://product-fabric.atlassian.net/browse/ED-4287
+  // @see https://product-fabric.atlassian.net/browse/ED-4287
   // click event gets triggered twice on a checkbox (on <label> first and then on <input>)
   // by the time it gets triggered on input, PM already re-renders nodeView and detaches it from DOM
   // which doesn't pass the check !contentArea.contains(event.target)
-
-  const isInputClicked = target.nodeName === 'INPUT'; // @see ED-5126
-
-  const isPopupClicked = !!closestElement(target, '[data-editor-popup]'); // Fixes issue when using a textarea for editor title in full page editor doesn't let user focus it.
-
+  const isInputClicked = target.nodeName === 'INPUT';
+  // @see ED-5126
+  const isPopupClicked = !!closestElement(target, '[data-editor-popup]');
+  // Fixes issue when using a textarea for editor title in full page editor doesn't let user focus it.
   const isTextAreaClicked = target.nodeName === 'TEXTAREA';
   const isBreadcrumbClicked = !!closestElement(target, 'nav[aria-label="Breadcrumbs"]');
   const selection = window.getSelection();
-  const isEditorPopupTextSelected = (selection === null || selection === void 0 ? void 0 : selection.type) === 'Range' && closestElement(selection === null || selection === void 0 ? void 0 : selection.anchorNode, '[data-editor-popup]'); // This is a super workaround to find when events are coming from Confluence InlineComment modal
-  // We don't own those components, so we can't change them
+  const isEditorPopupTextSelected = (selection === null || selection === void 0 ? void 0 : selection.type) === 'Range' && closestElement(selection === null || selection === void 0 ? void 0 : selection.anchorNode, '[data-editor-popup]');
 
+  // This is a super workaround to find when events are coming from Confluence InlineComment modal
+  // We don't own those components, so we can't change them
   const isEventComingFromInlineCommentPopup = Boolean(closestElement(event.currentTarget, 'div[offset]')) || Boolean(closestElement(target, 'div[offset]'));
   const isButtonClicked = Boolean(closestElement(event.currentTarget, 'button')) || Boolean(closestElement(target, 'button')) || ((_event$currentTarget = event.currentTarget) === null || _event$currentTarget === void 0 ? void 0 : _event$currentTarget.nodeName) === 'BUTTON' || target.nodeName === 'BUTTON';
   const isTargetInsideContentArea = Boolean(isTargetChildOfContentArea);
@@ -77,16 +73,15 @@ const clickAreaClickHandler = (view, event) => {
   const edgeCaseScenario3 = isTargetContentArea && !isTargetInsideContentArea && !isEditorFocused;
   const edgeCaseScenario4 = isEventComingFromContentArea && !isTargetContentArea && !isTargetInsideContentArea && !isEditorFocused;
   const edgeCases = edgeCaseScenario1 || edgeCaseScenario2 || edgeCaseScenario3 || edgeCaseScenario4;
-  const isClickOutsideEditor = edgeCases && !isEventComingFromInlineCommentPopup && !isButtonClicked && !isInputClicked && !isTextAreaClicked && !isPopupClicked && !isBreadcrumbClicked && !isEditorPopupTextSelected && checkForModal(target); // click was within editor container and focus should be brought to input
+  const isClickOutsideEditor = edgeCases && !isEventComingFromInlineCommentPopup && !isButtonClicked && !isInputClicked && !isTextAreaClicked && !isPopupClicked && !isBreadcrumbClicked && !isEditorPopupTextSelected && checkForModal(target);
 
+  // click was within editor container and focus should be brought to input
   if (isClickOutsideEditor && view) {
     outsideProsemirrorEditorClickHandler(view, event);
   }
 };
-
 const outsideProsemirrorEditorClickHandler = (view, event) => {
   var _view$hasFocus2;
-
   const {
     dispatch,
     dom,
@@ -97,26 +92,20 @@ const outsideProsemirrorEditorClickHandler = (view, event) => {
   } = state;
   const isEditorFocused = !!(view !== null && view !== void 0 && (_view$hasFocus2 = view.hasFocus) !== null && _view$hasFocus2 !== void 0 && _view$hasFocus2.call(view));
   const isBottomAreaClicked = event.clientY > dom.getBoundingClientRect().bottom;
-
   if (isBottomAreaClicked) {
     addParagraphAtEnd(tr);
   }
-
   if (hasGapCursorPlugin(state)) {
     setSelectionTopLevelBlocks(tr, event, dom, view.posAtCoords.bind(view), isEditorFocused);
   }
-
   if (!tr.docChanged && !tr.selectionSet) {
     return;
   }
-
   if (dispatch) {
     dispatch(tr);
   }
-
   view.focus();
   event.stopPropagation();
   event.preventDefault();
 };
-
 export { clickAreaClickHandler };

package/dist/es2019/ui/Alignment/AlignmentButton/index.js

@@ -4,23 +4,21 @@ import { PureComponent } from 'react';
 import ToolbarButton from '../../ToolbarButton';
 import { ToolTipContent, tooltip } from '../../../keymaps';
 import { getAriaKeyshortcuts } from '@atlaskit/editor-common/keymaps';
-
 class AlignmentButton extends PureComponent {
   constructor(...args) {
     super(...args);
-
     _defineProperty(this, "onClick", e => {
       const {
         onClick,
         value
-      } = this.props; // detect if the click event comes from keyboard where screenX and screenY are 0
+      } = this.props;
 
+      // detect if the click event comes from keyboard where screenX and screenY are 0
       const isMouseEvent = e instanceof MouseEvent;
       e.preventDefault();
       onClick(value, isMouseEvent);
     });
   }
-
   render() {
     const {
       label,
@@ -42,7 +40,5 @@ class AlignmentButton extends PureComponent {
       iconBefore: content
     });
   }
-
 }
-
 export default AlignmentButton;

package/dist/es2019/ui/Alignment/index.js

@@ -18,7 +18,6 @@ const alignmentOptions = [{
   title: alignmentMessages.alignRight,
   value: 'end'
 }];
-
 class Alignment extends PureComponent {
   render() {
     const {
@@ -50,7 +49,5 @@ class Alignment extends PureComponent {
       });
     }));
   }
-
 }
-
 export default injectIntl(Alignment);

package/dist/es2019/ui/Appearance/Chromeless.js

@@ -1,5 +1,4 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
-
 /** @jsx jsx */
 import React from 'react';
 import { css, jsx } from '@emotion/react';
@@ -36,11 +35,8 @@ ContentArea.displayName = 'ContentArea';
 export default class Editor extends React.Component {
   constructor(...args) {
     super(...args);
-
     _defineProperty(this, "appearance", 'chromeless');
-
     _defineProperty(this, "containerElement", null);
-
     _defineProperty(this, "renderChrome", ({
       maxContentSize
     }) => {
@@ -90,7 +86,6 @@ export default class Editor extends React.Component {
       }), editorDOMElement)));
     });
   }
-
   render() {
     return jsx(WithPluginState, {
       plugins: {
@@ -99,7 +94,5 @@ export default class Editor extends React.Component {
       render: this.renderChrome
     });
   }
-
 }
-
 _defineProperty(Editor, "displayName", 'ChromelessEditorAppearance');