@atlaskit/editor-core 178.1.1 → 178.1.2

package/dist/esm/plugins/extension/pm-plugins/keymap.js

@@ -6,11 +6,9 @@ export default function keymapPlugin() {
   var list = {};
   keymaps.bindKeymapWithCommand(keymaps.escape.common, function (state, dispatch) {
     var extensionState = getPluginState(state);
-
     if (!extensionState.showContextPanel) {
       return false;
     }
-
     return clearEditingContext(state, dispatch);
   }, list);
   return keymap(list);

package/dist/esm/plugins/extension/pm-plugins/main.js

@@ -9,40 +9,31 @@ import { updateState, clearEditingContext } from '../commands';
 import { getSelectedExtension, getSelectedDomElement } from '../utils';
 import { createPluginState, getPluginState, createCommand } from '../plugin-factory';
 import { pluginKey } from '../plugin-key';
-
 var maybeGetUpdateMethodFromExtensionProvider = /*#__PURE__*/function () {
   var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(view, extensionProvider) {
     var nodeWithPos, _nodeWithPos$node$att, extensionType, extensionKey, extensionModuleNode, newNodeWithPos;
-
     return _regeneratorRuntime.wrap(function _callee$(_context) {
       while (1) {
         switch (_context.prev = _context.next) {
           case 0:
             nodeWithPos = getSelectedExtension(view.state, true);
-
             if (nodeWithPos) {
               _context.next = 3;
               break;
             }
-
             throw new Error('There is no selection');
-
           case 3:
             _nodeWithPos$node$att = nodeWithPos.node.attrs, extensionType = _nodeWithPos$node$att.extensionType, extensionKey = _nodeWithPos$node$att.extensionKey;
             _context.next = 6;
             return getExtensionModuleNode(extensionProvider, extensionType, extensionKey);
-
           case 6:
             extensionModuleNode = _context.sent;
             newNodeWithPos = getSelectedExtension(view.state, true);
-
             if (!(newNodeWithPos && newNodeWithPos.node.attrs.extensionType === extensionType && newNodeWithPos.node.attrs.extensionKey === extensionKey && newNodeWithPos.pos === nodeWithPos.pos && extensionModuleNode)) {
               _context.next = 10;
               break;
             }
-
             return _context.abrupt("return", extensionModuleNode.update);
-
           case 10:
           case "end":
             return _context.stop();
@@ -50,12 +41,10 @@ var maybeGetUpdateMethodFromExtensionProvider = /*#__PURE__*/function () {
       }
     }, _callee);
   }));
-
   return function maybeGetUpdateMethodFromExtensionProvider(_x, _x2) {
     return _ref.apply(this, arguments);
   };
 }();
-
 export var updateEditButton = /*#__PURE__*/function () {
   var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2(view, extensionProvider) {
     var updateMethod;
@@ -66,7 +55,6 @@ export var updateEditButton = /*#__PURE__*/function () {
             _context2.prev = 0;
             _context2.next = 3;
             return maybeGetUpdateMethodFromExtensionProvider(view, extensionProvider);
-
           case 3:
             updateMethod = _context2.sent;
             updateState({
@@ -74,11 +62,9 @@ export var updateEditButton = /*#__PURE__*/function () {
               updateExtension: updateMethod && Promise.resolve(updateMethod) || undefined
             })(view.state, view.dispatch);
             return _context2.abrupt("return", updateMethod);
-
           case 8:
             _context2.prev = 8;
             _context2.t0 = _context2["catch"](0);
-
           case 10:
           case "end":
             return _context2.stop();
@@ -86,23 +72,18 @@ export var updateEditButton = /*#__PURE__*/function () {
       }
     }, _callee2, null, [[0, 8]]);
   }));
-
   return function updateEditButton(_x3, _x4) {
     return _ref2.apply(this, arguments);
   };
 }();
-
 var shouldShowEditButton = function shouldShowEditButton(extensionHandler, extensionProvider) {
   var usesLegacyMacroBrowser = !extensionHandler && !extensionProvider || typeof extensionHandler === 'function';
   var usesModernUpdateMethod = _typeof(extensionHandler) === 'object' && typeof extensionHandler.update === 'function';
-
   if (usesLegacyMacroBrowser || usesModernUpdateMethod) {
     return true;
   }
-
   return false;
 };
-
 var getUpdateExtensionPromise = /*#__PURE__*/function () {
   var _ref3 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee3(view, extensionHandler, extensionProvider) {
     var updateMethod;
@@ -114,31 +95,23 @@ var getUpdateExtensionPromise = /*#__PURE__*/function () {
               _context3.next = 4;
               break;
             }
-
             return _context3.abrupt("return", extensionHandler.update);
-
           case 4:
             if (!extensionProvider) {
               _context3.next = 10;
               break;
             }
-
             _context3.next = 7;
             return updateEditButton(view, extensionProvider);
-
           case 7:
             updateMethod = _context3.sent;
-
             if (!updateMethod) {
               _context3.next = 10;
               break;
             }
-
             return _context3.abrupt("return", updateMethod);
-
           case 10:
             throw new Error('No update method available');
-
           case 11:
           case "end":
             return _context3.stop();
@@ -146,12 +119,10 @@ var getUpdateExtensionPromise = /*#__PURE__*/function () {
       }
     }, _callee3);
   }));
-
   return function getUpdateExtensionPromise(_x5, _x6, _x7) {
     return _ref3.apply(this, arguments);
   };
 }();
-
 export var createExtensionProviderHandler = function createExtensionProviderHandler(view) {
   return /*#__PURE__*/function () {
     var _ref4 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee4(name, provider) {
@@ -164,11 +135,9 @@ export var createExtensionProviderHandler = function createExtensionProviderHand
                 _context4.next = 13;
                 break;
               }
-
               _context4.prev = 1;
               _context4.next = 4;
               return provider;
-
             case 4:
               extensionProvider = _context4.sent;
               updateState({
@@ -176,18 +145,15 @@ export var createExtensionProviderHandler = function createExtensionProviderHand
               })(view.state, view.dispatch);
               _context4.next = 8;
               return updateEditButton(view, extensionProvider);
-
             case 8:
               _context4.next = 13;
               break;
-
             case 10:
               _context4.prev = 10;
               _context4.t0 = _context4["catch"](1);
               updateState({
                 extensionProvider: undefined
               })(view.state, view.dispatch);
-
             case 13:
             case "end":
               return _context4.stop();
@@ -195,7 +161,6 @@ export var createExtensionProviderHandler = function createExtensionProviderHand
         }
       }, _callee4, null, [[1, 10]]);
     }));
-
     return function (_x8, _x9) {
       return _ref4.apply(this, arguments);
     };
@@ -213,11 +178,9 @@ export var createContextIdentifierProviderHandler = function createContextIdenti
                 _context5.next = 11;
                 break;
               }
-
               _context5.prev = 1;
               _context5.next = 4;
               return provider;
-
             case 4:
               contextIdentifierProvider = _context5.sent;
               updateState({
@@ -225,14 +188,12 @@ export var createContextIdentifierProviderHandler = function createContextIdenti
               })(view.state, view.dispatch);
               _context5.next = 11;
               break;
-
             case 8:
               _context5.prev = 8;
               _context5.t0 = _context5["catch"](1);
               updateState({
                 contextIdentifierProvider: undefined
               })(view.state, view.dispatch);
-
             case 11:
             case "end":
               return _context5.stop();
@@ -240,13 +201,11 @@ export var createContextIdentifierProviderHandler = function createContextIdenti
         }
       }, _callee5, null, [[1, 8]]);
     }));
-
     return function (_x10, _x11) {
       return _ref5.apply(this, arguments);
     };
   }();
 };
-
 var createPlugin = function createPlugin(dispatch, providerFactory, extensionHandlers, portalProviderAPI, eventDispatcher) {
   var useLongPressSelection = arguments.length > 5 && arguments[5] !== undefined ? arguments[5] : false;
   var options = arguments.length > 6 && arguments[6] !== undefined ? arguments[6] : {};
@@ -268,50 +227,49 @@ var createPlugin = function createPlugin(dispatch, providerFactory, extensionHan
       return {
         update: function update(view) {
           var state = view.state,
-              dispatch = view.dispatch;
-
+            dispatch = view.dispatch;
           var _getPluginState = getPluginState(state),
-              element = _getPluginState.element,
-              localId = _getPluginState.localId,
-              extensionProvider = _getPluginState.extensionProvider,
-              showContextPanel = _getPluginState.showContextPanel; // This fetches the selected extension node, either by keyboard selection or click for all types of extensions
-
+            element = _getPluginState.element,
+            localId = _getPluginState.localId,
+            extensionProvider = _getPluginState.extensionProvider,
+            showContextPanel = _getPluginState.showContextPanel;
 
+          // This fetches the selected extension node, either by keyboard selection or click for all types of extensions
           var selectedExtension = getSelectedExtension(state, true);
-
           if (!selectedExtension) {
             if (showContextPanel) {
               clearEditingContext(state, dispatch);
-            } // if an extension is no longer selected, but the plugin has cached the previous selected extension id/ref
+            }
+
+            // if an extension is no longer selected, but the plugin has cached the previous selected extension id/ref
             // then this should clear those values so that if an exention is selected again, then this sees it as a change
             // and updates the state correctly.
-
-
             if (!!localId || !!element) {
               updateState({
                 localId: undefined,
                 element: undefined
               })(state, dispatch);
             }
-
             return;
           }
-
           var node = selectedExtension.node;
-          var newElement = getSelectedDomElement(state.schema, domAtPos, selectedExtension); // New node is selection
+          var newElement = getSelectedDomElement(state.schema, domAtPos, selectedExtension);
 
-          if (node.attrs.localId ? localId !== node.attrs.localId : // This is the current assumption and it's wrong but we are keeping it
+          // New node is selection
+          if (node.attrs.localId ? localId !== node.attrs.localId :
+          // This is the current assumption and it's wrong but we are keeping it
           // as fallback in case we need to turn off `allowLocalIdGeneration`
           element !== newElement) {
             if (showContextPanel) {
               clearEditingContext(state, dispatch);
             }
-
             var extensionType = node.attrs.extensionType;
-            var extensionHandler = extensionHandlers[extensionType]; // showEditButton might change async based on results from extension providers
+            var extensionHandler = extensionHandlers[extensionType];
 
+            // showEditButton might change async based on results from extension providers
             var showEditButton = shouldShowEditButton(extensionHandler, extensionProvider);
-            var updateExtension = getUpdateExtensionPromise(view, extensionHandler, extensionProvider).catch(function () {// do nothing;
+            var updateExtension = getUpdateExtensionPromise(view, extensionHandler, extensionProvider).catch(function () {
+              // do nothing;
             });
             updateState({
               localId: node.attrs.localId,
@@ -320,13 +278,13 @@ var createPlugin = function createPlugin(dispatch, providerFactory, extensionHan
               showEditButton: showEditButton,
               updateExtension: updateExtension
             })(state, dispatch);
-          } // New DOM element doesn't necessarily mean it's a new Node
+          }
+          // New DOM element doesn't necessarily mean it's a new Node
           else if (element !== newElement) {
             updateState({
               element: newElement
             })(state, dispatch);
           }
-
           return true;
         },
         destroy: function destroy() {
@@ -353,5 +311,4 @@ var createPlugin = function createPlugin(dispatch, providerFactory, extensionHan
     }
   });
 };
-
 export { pluginKey, createPlugin, createCommand, getPluginState };

package/dist/esm/plugins/extension/pm-plugins/unique-id.js

@@ -1,15 +1,11 @@
 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 { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
 import { PluginKey } from 'prosemirror-state';
 import { uuid } from '@atlaskit/adf-schema';
 import { stepAddsOneOf } from '../../../utils/step';
 var pluginKey = new PluginKey('extensionUniqueIdPlugin');
-
 var createPlugin = function createPlugin() {
   return new SafePlugin({
     // TODO: @see ED-8839
@@ -18,28 +14,28 @@ var createPlugin = function createPlugin() {
       var selectionBookmark = tr.selection.getBookmark();
       var modified = false;
       var _newState$schema$node = newState.schema.nodes,
-          extension = _newState$schema$node.extension,
-          bodiedExtension = _newState$schema$node.bodiedExtension,
-          inlineExtension = _newState$schema$node.inlineExtension;
+        extension = _newState$schema$node.extension,
+        bodiedExtension = _newState$schema$node.bodiedExtension,
+        inlineExtension = _newState$schema$node.inlineExtension;
       var extensionTypes = new Set([extension, bodiedExtension, inlineExtension]);
       var idsObserved = new Set();
       transactions.forEach(function (transaction) {
         if (!transaction.docChanged) {
           return;
         }
-
         var isAddingExtension = transaction.steps.some(function (step) {
           return stepAddsOneOf(step, extensionTypes);
         });
-
         if (isAddingExtension) {
           // Can't simply look at changed nodes, as we could be adding an extension
           newState.doc.descendants(function (node, pos) {
-            var localId = node.attrs.localId; // Dealing with an extension - make sure it's a unique ID
+            var localId = node.attrs.localId;
 
+            // Dealing with an extension - make sure it's a unique ID
             if (!!node.type && extensionTypes.has(node.type)) {
               if (localId && !idsObserved.has(localId)) {
-                idsObserved.add(localId); // Also add a localId if it happens to not have one,
+                idsObserved.add(localId);
+                // Also add a localId if it happens to not have one,
               } else if (!localId || idsObserved.has(localId)) {
                 modified = true;
                 tr.setNodeMarkup(pos, undefined, _objectSpread(_objectSpread({}, node.attrs), {}, {
@@ -50,35 +46,28 @@ var createPlugin = function createPlugin() {
                * If it's a bodiedExtension, we'll need to keep digging; since we
                * can have more extension nodes within the contents of that
                */
-
-
               if (node.type === bodiedExtension) {
                 return true;
               }
-
               return false;
             }
+
             /**
              * Otherwise continue traversing, we can encounter extensions nested in
              * expands/bodiedExtensions
              */
-
-
             return true;
           });
         }
       });
-
       if (modified) {
         // We want to restore to the original selection but w/o applying the mapping
         // @see https://github.com/ProseMirror/prosemirror/issues/645
         return tr.setSelection(selectionBookmark.resolve(tr.doc));
       }
-
       return;
     },
     key: pluginKey
   });
 };
-
 export { createPlugin };

package/dist/esm/plugins/extension/reducer.js

@@ -1,14 +1,10 @@
 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; }
-
 export default function (pluginState, action) {
   switch (action.type) {
     case 'UPDATE_STATE':
       return _objectSpread(_objectSpread({}, pluginState), action.data);
-
     default:
       return pluginState;
   }

package/dist/esm/plugins/extension/toolbar.js

@@ -41,26 +41,23 @@ export var messages = defineMessages({
     description: 'checkbox label text'
   }
 });
-
 var isLayoutSupported = function isLayoutSupported(state, selectedExtNode) {
   var _state$schema$nodes = state.schema.nodes,
-      bodiedExtension = _state$schema$nodes.bodiedExtension,
-      extension = _state$schema$nodes.extension,
-      layoutSection = _state$schema$nodes.layoutSection,
-      table = _state$schema$nodes.table,
-      expand = _state$schema$nodes.expand,
-      selection = state.selection;
-
+    bodiedExtension = _state$schema$nodes.bodiedExtension,
+    extension = _state$schema$nodes.extension,
+    layoutSection = _state$schema$nodes.layoutSection,
+    table = _state$schema$nodes.table,
+    expand = _state$schema$nodes.expand,
+    selection = state.selection;
   if (!selectedExtNode) {
     return false;
   }
-
   return !!((selectedExtNode.node.type === bodiedExtension || selectedExtNode.node.type === extension && !hasParentNodeOfType([bodiedExtension, table, expand].filter(Boolean))(selection)) && !hasParentNodeOfType([layoutSection])(selection));
 };
-
 var breakoutOptions = function breakoutOptions(state, formatMessage, extensionState, breakoutEnabled) {
-  var nodeWithPos = getSelectedExtension(state, true); // we should only return breakout options when breakouts are enabled and the node supports them
+  var nodeWithPos = getSelectedExtension(state, true);
 
+  // we should only return breakout options when breakouts are enabled and the node supports them
   if (nodeWithPos && breakoutEnabled && isLayoutSupported(state, nodeWithPos)) {
     var layout = nodeWithPos.node.attrs.layout;
     return [{
@@ -86,15 +83,12 @@ var breakoutOptions = function breakoutOptions(state, formatMessage, extensionSt
       tabIndex: null
     }];
   }
-
   return [];
 };
-
 var editButton = function editButton(formatMessage, extensionState) {
   if (!extensionState.showEditButton) {
     return [];
   }
-
   return [{
     id: 'editor.extension.edit',
     type: 'button',
@@ -103,10 +97,8 @@ var editButton = function editButton(formatMessage, extensionState) {
     // Taking the latest `updateExtension` from plugin state to avoid race condition @see ED-8501
     onClick: function onClick(state, dispatch, view) {
       var macroState = macroPluginKey.getState(state);
-
       var _getPluginState = getPluginState(state),
-          updateExtension = _getPluginState.updateExtension;
-
+        updateExtension = _getPluginState.updateExtension;
       editExtension(macroState && macroState.macroProvider, updateExtension)(state, dispatch, view);
       return true;
     },
@@ -115,21 +107,19 @@ var editButton = function editButton(formatMessage, extensionState) {
     focusEditoronEnter: true
   }];
 };
-
 export var getToolbarConfig = function getToolbarConfig() {
   var breakoutEnabled = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : true;
   return function (state, intl) {
     var formatMessage = intl.formatMessage;
     var extensionState = getPluginState(state);
-
     if (extensionState && !extensionState.showContextPanel && extensionState.element) {
       var nodeType = [state.schema.nodes.extension, state.schema.nodes.inlineExtension, state.schema.nodes.bodiedExtension];
       var editButtonArray = editButton(formatMessage, extensionState);
       var breakoutButtonArray = breakoutOptions(state, formatMessage, extensionState, breakoutEnabled);
-      var extensionObj = getSelectedExtension(state, true); // Check if we need to show confirm dialog for delete button
+      var extensionObj = getSelectedExtension(state, true);
 
+      // Check if we need to show confirm dialog for delete button
       var confirmDialog;
-
       if (isReferencedSource(state, extensionObj === null || extensionObj === void 0 ? void 0 : extensionObj.node)) {
         confirmDialog = function confirmDialog() {
           return {
@@ -150,7 +140,6 @@ export var getToolbarConfig = function getToolbarConfig() {
           };
         };
       }
-
       return {
         title: 'Extension floating controls',
         getDomRef: function getDomRef() {
@@ -190,23 +179,19 @@ export var getToolbarConfig = function getToolbarConfig() {
         scrollable: true
       };
     }
-
     return;
   };
 };
-
 var clickWithCheckboxHandler = function clickWithCheckboxHandler(isChecked, node) {
   return function (state, dispatch) {
     if (!node) {
       return false;
     }
-
     if (!isChecked) {
       removeExtension()(state, dispatch);
     } else {
       removeDescendantNodes(node)(state, dispatch);
     }
-
     return true;
   };
 };

package/dist/esm/plugins/extension/ui/Extension/Extension/index.js

@@ -2,7 +2,6 @@ import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 var _excluded = ["type"];
-
 /** @jsx jsx */
 import React from 'react';
 import { jsx } from '@emotion/react';
@@ -14,26 +13,28 @@ import ExtensionLozenge from '../Lozenge';
 import { pluginKey as widthPluginKey } from '../../../../width';
 import WithPluginState from '../../../../../ui/WithPluginState';
 import classnames from 'classnames';
-
 function ExtensionWithPluginState(props) {
   var node = props.node,
-      handleContentDOMRef = props.handleContentDOMRef,
-      children = props.children,
-      _props$widthState = props.widthState,
-      widthState = _props$widthState === void 0 ? {
-    width: 0
-  } : _props$widthState,
-      handleRef = props.handleRef,
-      shadowClassNames = props.shadowClassNames,
-      hideFrame = props.hideFrame,
-      editorAppearance = props.editorAppearance;
+    handleContentDOMRef = props.handleContentDOMRef,
+    children = props.children,
+    _props$widthState = props.widthState,
+    widthState = _props$widthState === void 0 ? {
+      width: 0
+    } : _props$widthState,
+    handleRef = props.handleRef,
+    shadowClassNames = props.shadowClassNames,
+    hideFrame = props.hideFrame,
+    editorAppearance = props.editorAppearance;
   var hasBody = node.type.name === 'bodiedExtension';
   var isMobile = editorAppearance === 'mobile';
   var hasChildren = !!children;
   var removeBorder = hideFrame && !isMobile && !hasBody || false;
-  var shouldBreakout = // Extension should breakout when the layout is set to 'full-width' or 'wide'.
-  ['full-width', 'wide'].includes(node.attrs.layout) && // Extension breakout state should only be respected for top level nodes.
-  props.view.state.doc.resolve(props.getPos()).depth === 0 && // Extension breakout state should not be respected when the editor appearance is full-width mode
+  var shouldBreakout =
+  // Extension should breakout when the layout is set to 'full-width' or 'wide'.
+  ['full-width', 'wide'].includes(node.attrs.layout) &&
+  // Extension breakout state should only be respected for top level nodes.
+  props.view.state.doc.resolve(props.getPos()).depth === 0 &&
+  // Extension breakout state should not be respected when the editor appearance is full-width mode
   editorAppearance !== 'full-width';
   var classNames = classnames('extension-container', 'block', shadowClassNames, _defineProperty({
     'with-overlay': !hasBody,
@@ -44,19 +45,16 @@ function ExtensionWithPluginState(props) {
     'without-frame': removeBorder
   });
   var customContainerStyles = {};
-
   if (shouldBreakout) {
     var _calculateBreakoutSty = calculateBreakoutStyles({
-      mode: node.attrs.layout,
-      widthStateWidth: widthState.width,
-      widthStateLineLength: widthState.lineLength
-    }),
-        type = _calculateBreakoutSty.type,
-        breakoutStyles = _objectWithoutProperties(_calculateBreakoutSty, _excluded);
-
+        mode: node.attrs.layout,
+        widthStateWidth: widthState.width,
+        widthStateLineLength: widthState.lineLength
+      }),
+      type = _calculateBreakoutSty.type,
+      breakoutStyles = _objectWithoutProperties(_calculateBreakoutSty, _excluded);
     customContainerStyles = breakoutStyles;
   }
-
   return jsx("div", {
     ref: handleRef,
     "data-layout": node.attrs.layout,
@@ -82,7 +80,6 @@ function ExtensionWithPluginState(props) {
     className: "extension-content block"
   }))));
 }
-
 var Extension = function Extension(props) {
   return jsx(WithPluginState, {
     editorView: props.view,
@@ -97,7 +94,6 @@ var Extension = function Extension(props) {
     }
   });
 };
-
 export default overflowShadow(Extension, {
   overflowSelector: '.extension-overflow-wrapper'
 });

package/dist/esm/plugins/extension/ui/Extension/Extension/styles.js

@@ -1,7 +1,5 @@
 import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
-
 var _templateObject, _templateObject2, _templateObject3, _templateObject4;
-
 import { css } from '@emotion/react';
 import { themed } from '@atlaskit/theme/components';
 import { borderRadius } from '@atlaskit/theme/constants';