@atlaskit/editor-core 178.1.1 → 179.0.0

package/dist/esm/ui/PortalProvider/index.js

@@ -6,13 +6,9 @@ import _inherits from "@babel/runtime/helpers/inherits";
 import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
 import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
-
 var _class;
-
 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 { createPortal, unstable_renderSubtreeIntoContainer, unmountComponentAtNode } from 'react-dom';
 import PropTypes from 'prop-types';
@@ -25,29 +21,21 @@ import { PortalProviderThemeProviders } from './PortalProviderThemesProvider';
 import { IntlProviderIfMissingWrapper } from '@atlaskit/editor-common/ui';
 export var PortalProviderAPI = /*#__PURE__*/function (_EventDispatcher) {
   _inherits(PortalProviderAPI, _EventDispatcher);
-
   var _super = _createSuper(PortalProviderAPI);
-
   function PortalProviderAPI(intl, onAnalyticsEvent, analyticsContext, themeMode) {
     var _this;
-
     _classCallCheck(this, PortalProviderAPI);
-
     _this = _super.call(this);
-
     _defineProperty(_assertThisInitialized(_this), "portals", new Map());
-
     _defineProperty(_assertThisInitialized(_this), "setContext", function (context) {
       _this.context = context;
     });
-
     _this.intl = intl;
     _this.onAnalyticsEvent = onAnalyticsEvent;
     _this.useAnalyticsContext = analyticsContext;
     _this.themeMode = themeMode;
     return _this;
   }
-
   _createClass(PortalProviderAPI, [{
     key: "render",
     value: function render(children, container) {
@@ -62,60 +50,55 @@ export var PortalProviderAPI = /*#__PURE__*/function (_EventDispatcher) {
         mode: this.themeMode
       }, children());
       var wrappedChildren = this.useAnalyticsContext ? /*#__PURE__*/React.createElement(AnalyticsContextWrapper, null, childrenWithThemeProviders) : childrenWithThemeProviders;
-
       if (hasIntlContext) {
         wrappedChildren = /*#__PURE__*/React.createElement(RawIntlProvider, {
           value: this.intl
         }, wrappedChildren);
       }
-
       unstable_renderSubtreeIntoContainer(this.context, wrappedChildren, container);
-    } // TODO: until https://product-fabric.atlassian.net/browse/ED-5013
+    }
+
+    // TODO: until https://product-fabric.atlassian.net/browse/ED-5013
     // we (unfortunately) need to re-render to pass down any updated context.
     // selectively do this for nodeviews that opt-in via `hasAnalyticsContext`
-
   }, {
     key: "forceUpdate",
     value: function forceUpdate(_ref) {
       var _this2 = this;
-
       var intl = _ref.intl,
-          themeMode = _ref.themeMode;
+        themeMode = _ref.themeMode;
       this.intl = intl;
       this.themeMode = themeMode;
       this.portals.forEach(function (portal, container) {
         if (!portal.hasAnalyticsContext && !_this2.useAnalyticsContext && !portal.hasIntlContext) {
           return;
         }
-
         var wrappedChildren = portal.children();
         var childrenWithThemeProviders = /*#__PURE__*/React.createElement(PortalProviderThemeProviders, {
           mode: themeMode
         }, wrappedChildren);
-
         if (portal.hasAnalyticsContext && _this2.useAnalyticsContext) {
           wrappedChildren = /*#__PURE__*/React.createElement(AnalyticsContextWrapper, null, childrenWithThemeProviders);
         }
-
         if (portal.hasIntlContext) {
           wrappedChildren = /*#__PURE__*/React.createElement(RawIntlProvider, {
             value: _this2.intl
           }, childrenWithThemeProviders);
         }
-
         unstable_renderSubtreeIntoContainer(_this2.context, wrappedChildren, container);
       });
     }
   }, {
     key: "remove",
     value: function remove(container) {
-      this.portals.delete(container); // There is a race condition that can happen caused by Prosemirror vs React,
+      this.portals.delete(container);
+
+      // There is a race condition that can happen caused by Prosemirror vs React,
       // where Prosemirror removes the container from the DOM before React gets
       // around to removing the child from the container
       // This will throw a NotFoundError: The node to be removed is not a child of this node
       // Both Prosemirror and React remove the elements asynchronously, and in edge
       // cases Prosemirror beats React
-
       try {
         unmountComponentAtNode(container);
       } catch (error) {
@@ -139,25 +122,18 @@ export var PortalProviderAPI = /*#__PURE__*/function (_EventDispatcher) {
       }
     }
   }]);
-
   return PortalProviderAPI;
 }(EventDispatcher);
-
 var BasePortalProvider = /*#__PURE__*/function (_React$Component) {
   _inherits(BasePortalProvider, _React$Component);
-
   var _super2 = _createSuper(BasePortalProvider);
-
   function BasePortalProvider(props) {
     var _this3;
-
     _classCallCheck(this, BasePortalProvider);
-
     _this3 = _super2.call(this, props);
     _this3.portalProviderAPI = new PortalProviderAPI(props.intl, props.onAnalyticsEvent, props.useAnalyticsContext, props.themeMode);
     return _this3;
   }
-
   _createClass(BasePortalProvider, [{
     key: "render",
     value: function render() {
@@ -172,28 +148,24 @@ var BasePortalProvider = /*#__PURE__*/function (_React$Component) {
       });
     }
   }]);
-
   return BasePortalProvider;
 }(React.Component);
-
 _defineProperty(BasePortalProvider, "displayName", 'PortalProvider');
-
 export var PortalProvider = injectIntl(BasePortalProvider);
 export var PortalProviderWithThemeProviders = function PortalProviderWithThemeProviders(_ref2) {
   var onAnalyticsEvent = _ref2.onAnalyticsEvent,
-      useAnalyticsContext = _ref2.useAnalyticsContext,
-      render = _ref2.render;
+    useAnalyticsContext = _ref2.useAnalyticsContext,
+    render = _ref2.render;
   return /*#__PURE__*/React.createElement(IntlProviderIfMissingWrapper, null, /*#__PURE__*/React.createElement(PortalProviderWithThemeAndIntlProviders, {
     onAnalyticsEvent: onAnalyticsEvent,
     useAnalyticsContext: useAnalyticsContext,
     render: render
   }));
 };
-
 var PortalProviderWithThemeAndIntlProviders = function PortalProviderWithThemeAndIntlProviders(_ref3) {
   var onAnalyticsEvent = _ref3.onAnalyticsEvent,
-      useAnalyticsContext = _ref3.useAnalyticsContext,
-      render = _ref3.render;
+    useAnalyticsContext = _ref3.useAnalyticsContext,
+    render = _ref3.render;
   var intl = useIntl();
   var globalTheme = useGlobalTheme();
   return /*#__PURE__*/React.createElement(BasePortalProvider, {
@@ -204,25 +176,18 @@ var PortalProviderWithThemeAndIntlProviders = function PortalProviderWithThemeAn
     render: render
   });
 };
-
 export var PortalRenderer = /*#__PURE__*/function (_React$Component2) {
   _inherits(PortalRenderer, _React$Component2);
-
   var _super3 = _createSuper(PortalRenderer);
-
   function PortalRenderer(props) {
     var _this4;
-
     _classCallCheck(this, PortalRenderer);
-
     _this4 = _super3.call(this, props);
-
     _defineProperty(_assertThisInitialized(_this4), "handleUpdate", function (portals) {
       return _this4.setState({
         portals: portals
       });
     });
-
     props.portalProviderAPI.setContext(_assertThisInitialized(_this4));
     props.portalProviderAPI.on('update', _this4.handleUpdate);
     _this4.state = {
@@ -230,56 +195,47 @@ export var PortalRenderer = /*#__PURE__*/function (_React$Component2) {
     };
     return _this4;
   }
-
   _createClass(PortalRenderer, [{
     key: "render",
     value: function render() {
       var portals = this.state.portals;
       return /*#__PURE__*/React.createElement(React.Fragment, null, Array.from(portals.entries()).map(function (_ref4) {
         var _ref5 = _slicedToArray(_ref4, 2),
-            container = _ref5[0],
-            children = _ref5[1];
-
+          container = _ref5[0],
+          children = _ref5[1];
         return /*#__PURE__*/createPortal(children, container);
       }));
     }
   }]);
-
   return PortalRenderer;
 }(React.Component);
+
 /**
  * Wrapper to re-provide modern analytics context to ReactNodeViews.
  */
-
 var dummyAnalyticsContext = {
   getAtlaskitAnalyticsContext: function getAtlaskitAnalyticsContext() {},
   getAtlaskitAnalyticsEventHandlers: function getAtlaskitAnalyticsEventHandlers() {}
 };
 var AnalyticsContextWrapper = (_class = /*#__PURE__*/function (_React$Component3) {
   _inherits(AnalyticsContextWrapper, _React$Component3);
-
   var _super4 = _createSuper(AnalyticsContextWrapper);
-
   function AnalyticsContextWrapper() {
     _classCallCheck(this, AnalyticsContextWrapper);
-
     return _super4.apply(this, arguments);
   }
-
   _createClass(AnalyticsContextWrapper, [{
     key: "render",
     value: function render() {
       var _ref6 = this.context.contextAdapter.analytics || {
-        value: dummyAnalyticsContext
-      },
-          value = _ref6.value;
-
+          value: dummyAnalyticsContext
+        },
+        value = _ref6.value;
       return /*#__PURE__*/React.createElement(AnalyticsReactContext.Provider, {
         value: value
       }, this.props.children);
     }
   }]);
-
   return AnalyticsContextWrapper;
 }(React.Component), _defineProperty(_class, "contextTypes", {
   contextAdapter: PropTypes.object

package/dist/esm/ui/Resizer/index.js

@@ -5,11 +5,8 @@ import _inherits from "@babel/runtime/helpers/inherits";
 import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
 import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
-
 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 classnames from 'classnames';
 import { Resizable } from 're-resizable';
@@ -18,7 +15,6 @@ import { snapTo, handleSides } from './utils';
 import { richMediaClassName } from '@atlaskit/editor-common/styles';
 import { akRichMediaResizeZIndex } from '@atlaskit/editor-shared-styles';
 import { ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID, EVENT_TYPE } from '../../plugins/analytics';
-
 var getResizeAnalyticsEvent = function getResizeAnalyticsEvent(type, size, layout) {
   var actionSubject = type === 'embed' ? ACTION_SUBJECT.EMBEDS : ACTION_SUBJECT.MEDIA_SINGLE;
   return {
@@ -32,49 +28,38 @@ var getResizeAnalyticsEvent = function getResizeAnalyticsEvent(type, size, layou
     eventType: EVENT_TYPE.UI
   };
 };
-
 var getWidthFromSnapPoints = function getWidthFromSnapPoints(width, snapPoints) {
   if (snapPoints.length) {
     return Math.min(Math.max(width, snapPoints[0]), snapPoints[snapPoints.length - 1]);
   }
-
   return width;
 };
-
 var Resizer = /*#__PURE__*/function (_React$Component) {
   _inherits(Resizer, _React$Component);
-
   var _super = _createSuper(Resizer);
-
   function Resizer() {
     var _this;
-
     _classCallCheck(this, Resizer);
-
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
     }
-
     _this = _super.call.apply(_super, [this].concat(args));
-
     _defineProperty(_assertThisInitialized(_this), "resizable", /*#__PURE__*/React.createRef());
-
     _defineProperty(_assertThisInitialized(_this), "state", {
       isResizing: false
     });
-
     _defineProperty(_assertThisInitialized(_this), "handleResizeStart", function (event) {
       var _this$props = _this.props,
-          _this$props$innerPadd = _this$props.innerPadding,
-          innerPadding = _this$props$innerPadd === void 0 ? 0 : _this$props$innerPadd,
-          highlights = _this$props.highlights,
-          displayGrid = _this$props.displayGrid,
-          layout = _this$props.layout,
-          width = _this$props.width,
-          snapPoints = _this$props.snapPoints; // prevent creating a drag event on Firefox
-
+        _this$props$innerPadd = _this$props.innerPadding,
+        innerPadding = _this$props$innerPadd === void 0 ? 0 : _this$props$innerPadd,
+        highlights = _this$props.highlights,
+        displayGrid = _this$props.displayGrid,
+        layout = _this$props.layout,
+        width = _this$props.width,
+        snapPoints = _this$props.snapPoints;
+
+      // prevent creating a drag event on Firefox
       event.preventDefault();
-
       _this.setState({
         isResizing: true
       }, function () {
@@ -82,32 +67,27 @@ var Resizer = /*#__PURE__*/function (_React$Component) {
         displayGrid(newHighlights.length > 0, gridTypeForLayout(layout), newHighlights);
       });
     });
-
     _defineProperty(_assertThisInitialized(_this), "handleResize", function (_event, _direction, _elementRef, delta) {
       var _this$props2 = _this.props,
-          highlights = _this$props2.highlights,
-          calcNewSize = _this$props2.calcNewSize,
-          scaleFactor = _this$props2.scaleFactor,
-          snapPoints = _this$props2.snapPoints,
-          displayGrid = _this$props2.displayGrid,
-          layout = _this$props2.layout,
-          updateSize = _this$props2.updateSize,
-          _this$props2$innerPad = _this$props2.innerPadding,
-          innerPadding = _this$props2$innerPad === void 0 ? 0 : _this$props2$innerPad;
+        highlights = _this$props2.highlights,
+        calcNewSize = _this$props2.calcNewSize,
+        scaleFactor = _this$props2.scaleFactor,
+        snapPoints = _this$props2.snapPoints,
+        displayGrid = _this$props2.displayGrid,
+        layout = _this$props2.layout,
+        updateSize = _this$props2.updateSize,
+        _this$props2$innerPad = _this$props2.innerPadding,
+        innerPadding = _this$props2$innerPad === void 0 ? 0 : _this$props2$innerPad;
       var resizable = _this.resizable.current;
       var isResizing = _this.state.isResizing;
-
       if (!resizable || !resizable.state.original || !isResizing) {
         return;
       }
-
       var newWidth = getWidthFromSnapPoints(resizable.state.original.width + delta.width * (scaleFactor || 1), snapPoints);
       var newSize = calcNewSize(newWidth + innerPadding, false);
-
       if (newSize.layout !== layout) {
         updateSize(newSize.width, newSize.layout);
       }
-
       var newHighlights = highlights(newWidth, snapPoints);
       displayGrid(newHighlights.length > 0, gridTypeForLayout(newSize.layout), newHighlights);
       resizable.updateSize({
@@ -118,36 +98,30 @@ var Resizer = /*#__PURE__*/function (_React$Component) {
         isResizing: true
       });
     });
-
     _defineProperty(_assertThisInitialized(_this), "handleResizeStop", function (_event, _direction, _elementRef, delta) {
       var _this$props3 = _this.props,
-          highlights = _this$props3.highlights,
-          calcNewSize = _this$props3.calcNewSize,
-          snapPoints = _this$props3.snapPoints,
-          displayGrid = _this$props3.displayGrid,
-          layout = _this$props3.layout,
-          updateSize = _this$props3.updateSize,
-          dispatchAnalyticsEvent = _this$props3.dispatchAnalyticsEvent,
-          nodeType = _this$props3.nodeType;
+        highlights = _this$props3.highlights,
+        calcNewSize = _this$props3.calcNewSize,
+        snapPoints = _this$props3.snapPoints,
+        displayGrid = _this$props3.displayGrid,
+        layout = _this$props3.layout,
+        updateSize = _this$props3.updateSize,
+        dispatchAnalyticsEvent = _this$props3.dispatchAnalyticsEvent,
+        nodeType = _this$props3.nodeType;
       var resizable = _this.resizable.current;
       var isResizing = _this.state.isResizing;
-
       if (!resizable || !resizable.state.original || !isResizing) {
         return;
       }
-
       var newWidth = getWidthFromSnapPoints(resizable.state.original.width + delta.width, snapPoints);
       var snapWidth = snapTo(newWidth, snapPoints);
       var newSize = calcNewSize(snapWidth, true);
       var newHighlights = highlights(newWidth, snapPoints);
-
       if (dispatchAnalyticsEvent) {
         dispatchAnalyticsEvent(getResizeAnalyticsEvent(nodeType, newSize.width, newSize.layout));
-      } // show committed grid size
-
-
+      }
+      // show committed grid size
       displayGrid(newHighlights.length > 0, gridTypeForLayout(newSize.layout), newHighlights);
-
       _this.setState({
         isResizing: false
       }, function () {
@@ -155,10 +129,8 @@ var Resizer = /*#__PURE__*/function (_React$Component) {
         displayGrid(false, gridTypeForLayout(layout));
       });
     });
-
     return _this;
   }
-
   _createClass(Resizer, [{
     key: "render",
     value: function render() {
@@ -166,26 +138,24 @@ var Resizer = /*#__PURE__*/function (_React$Component) {
       var handles = {};
       var handleComponent = {};
       var _this$props4 = this.props,
-          _this$props4$innerPad = _this$props4.innerPadding,
-          innerPadding = _this$props4$innerPad === void 0 ? 0 : _this$props4$innerPad,
-          width = _this$props4.width,
-          pctWidth = _this$props4.pctWidth,
-          selected = _this$props4.selected,
-          layout = _this$props4.layout,
-          enable = _this$props4.enable,
-          children = _this$props4.children,
-          ratio = _this$props4.ratio,
-          handleComponentFunc = _this$props4.handleComponentFunc;
+        _this$props4$innerPad = _this$props4.innerPadding,
+        innerPadding = _this$props4$innerPad === void 0 ? 0 : _this$props4$innerPad,
+        width = _this$props4.width,
+        pctWidth = _this$props4.pctWidth,
+        selected = _this$props4.selected,
+        layout = _this$props4.layout,
+        enable = _this$props4.enable,
+        children = _this$props4.children,
+        ratio = _this$props4.ratio,
+        handleComponentFunc = _this$props4.handleComponentFunc;
       var isResizing = this.state.isResizing;
       handleSides.forEach(function (side) {
         var _handleStyles$side;
-
         handles[side] = "richMedia-resize-handle-".concat(side);
         handleStyles[side] = (_handleStyles$side = {
           width: '24px'
         }, _defineProperty(_handleStyles$side, side, "".concat(-13 - innerPadding, "px")), _defineProperty(_handleStyles$side, "zIndex", akRichMediaResizeZIndex), _defineProperty(_handleStyles$side, "pointerEvents", 'auto'), _handleStyles$side);
         var sideHandleComponent = handleComponentFunc && handleComponentFunc(side);
-
         if (sideHandleComponent) {
           handleComponent[side] = sideHandleComponent;
         }
@@ -197,7 +167,6 @@ var Resizer = /*#__PURE__*/function (_React$Component) {
         'rich-media-wrapped': layout === 'wrap-left' || layout === 'wrap-right'
       });
       var handleWrapperStyle;
-
       if (ratio) {
         handleWrapperStyle = {
           position: 'absolute',
@@ -206,10 +175,10 @@ var Resizer = /*#__PURE__*/function (_React$Component) {
           top: 0,
           pointerEvents: 'none'
         };
-      } // Ideally, Resizable would let you pass in the component rather than
-      // the div. For now, we just apply the same styles using CSS
-
+      }
 
+      // Ideally, Resizable would let you pass in the component rather than
+      // the div. For now, we just apply the same styles using CSS
       return /*#__PURE__*/React.createElement(Resizable, {
         ref: this.resizable,
         size: {
@@ -229,8 +198,6 @@ var Resizer = /*#__PURE__*/function (_React$Component) {
       }, children);
     }
   }]);
-
   return Resizer;
 }(React.Component);
-
 export { Resizer as default };

package/dist/esm/ui/Resizer/styled.js

@@ -1,7 +1,5 @@
 import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
-
 var _templateObject;
-
 import { css } from '@emotion/react';
 import { MediaSingleDimensionHelper } from '@atlaskit/editor-common/ui';
 export var wrapperStyle = function wrapperStyle(props) {

package/dist/esm/ui/Resizer/utils.js

@@ -1,5 +1,6 @@
 export var snapTo = function snapTo(target, points) {
-  return points.length === 0 ? // extreme last case if there are no points somehow
+  return points.length === 0 ?
+  // extreme last case if there are no points somehow
   target : points.reduce(function (point, closest) {
     return Math.abs(closest - target) < Math.abs(point - target) ? closest : point;
   });

package/dist/esm/ui/Toolbar/ToolbarInner.js

@@ -4,13 +4,9 @@ import _inherits from "@babel/runtime/helpers/inherits";
 import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
 import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
 import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
-
 var _templateObject;
-
 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; } }
-
 /** @jsx jsx */
 import React from 'react';
 import { css, jsx } from '@emotion/react';
@@ -18,15 +14,11 @@ import { akEditorMobileMaxWidth } from '@atlaskit/editor-shared-styles';
 var toolbarComponentsWrapper = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  display: flex;\n\n  @media (max-width: ", "px) {\n    justify-content: space-between;\n  }\n"])), akEditorMobileMaxWidth);
 export var ToolbarInner = /*#__PURE__*/function (_React$Component) {
   _inherits(ToolbarInner, _React$Component);
-
   var _super = _createSuper(ToolbarInner);
-
   function ToolbarInner() {
     _classCallCheck(this, ToolbarInner);
-
     return _super.apply(this, arguments);
   }
-
   _createClass(ToolbarInner, [{
     key: "shouldComponentUpdate",
     value: function shouldComponentUpdate(nextProps) {
@@ -36,25 +28,23 @@ export var ToolbarInner = /*#__PURE__*/function (_React$Component) {
     key: "render",
     value: function render() {
       var _this$props = this.props,
-          appearance = _this$props.appearance,
-          editorView = _this$props.editorView,
-          editorActions = _this$props.editorActions,
-          eventDispatcher = _this$props.eventDispatcher,
-          providerFactory = _this$props.providerFactory,
-          items = _this$props.items,
-          popupsMountPoint = _this$props.popupsMountPoint,
-          popupsBoundariesElement = _this$props.popupsBoundariesElement,
-          popupsScrollableElement = _this$props.popupsScrollableElement,
-          toolbarSize = _this$props.toolbarSize,
-          disabled = _this$props.disabled,
-          isToolbarReducedSpacing = _this$props.isToolbarReducedSpacing,
-          dispatchAnalyticsEvent = _this$props.dispatchAnalyticsEvent,
-          containerElement = _this$props.containerElement;
-
+        appearance = _this$props.appearance,
+        editorView = _this$props.editorView,
+        editorActions = _this$props.editorActions,
+        eventDispatcher = _this$props.eventDispatcher,
+        providerFactory = _this$props.providerFactory,
+        items = _this$props.items,
+        popupsMountPoint = _this$props.popupsMountPoint,
+        popupsBoundariesElement = _this$props.popupsBoundariesElement,
+        popupsScrollableElement = _this$props.popupsScrollableElement,
+        toolbarSize = _this$props.toolbarSize,
+        disabled = _this$props.disabled,
+        isToolbarReducedSpacing = _this$props.isToolbarReducedSpacing,
+        dispatchAnalyticsEvent = _this$props.dispatchAnalyticsEvent,
+        containerElement = _this$props.containerElement;
       if (!items || !items.length) {
         return null;
       }
-
       return jsx("div", {
         css: toolbarComponentsWrapper
       }, items.map(function (component, key) {
@@ -82,6 +72,5 @@ export var ToolbarInner = /*#__PURE__*/function (_React$Component) {
       }));
     }
   }]);
-
   return ToolbarInner;
 }(React.Component);

package/dist/esm/ui/Toolbar/ToolbarWithSizeDetector.js

@@ -1,9 +1,7 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
-
 var _templateObject;
-
 /** @jsx jsx */
 import React, { useMemo } from 'react';
 import { css, jsx } from '@emotion/react';
@@ -17,12 +15,10 @@ import { isFullPage } from '../../utils/is-full-page';
 var toolbar = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  width: 100%;\n  position: relative;\n  @media (max-width: ", "px) {\n    grid-column: 1 / 2;\n    grid-row: 2;\n    width: calc(100% - 30px);\n    margin: 0 15px;\n  }\n"])), akEditorMobileMaxWidth);
 export var ToolbarWithSizeDetector = function ToolbarWithSizeDetector(props) {
   var ref = /*#__PURE__*/React.createRef();
-
   var _React$useState = React.useState(undefined),
-      _React$useState2 = _slicedToArray(_React$useState, 2),
-      width = _React$useState2[0],
-      setWidth = _React$useState2[1];
-
+    _React$useState2 = _slicedToArray(_React$useState, 2),
+    width = _React$useState2[0],
+    setWidth = _React$useState2[1];
   var elementWidth = useElementWidth(ref, {
     skip: typeof width !== 'undefined'
   });

package/dist/esm/ui/Toolbar/hooks.js

@@ -2,12 +2,10 @@ import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import React from 'react';
 export var useElementWidth = function useElementWidth(ref, _ref) {
   var skip = _ref.skip;
-
   var _React$useState = React.useState(undefined),
-      _React$useState2 = _slicedToArray(_React$useState, 2),
-      elementWidth = _React$useState2[0],
-      setWidth = _React$useState2[1];
-
+    _React$useState2 = _slicedToArray(_React$useState, 2),
+    elementWidth = _React$useState2[0],
+    setWidth = _React$useState2[1];
   React.useEffect(function () {
     if (!skip && ref.current) {
       setWidth(Math.round(ref.current.getBoundingClientRect().width));

package/dist/esm/ui/Toolbar/toolbar-size.js

@@ -1,6 +1,7 @@
 import { isFullPage } from '../../utils/is-full-page';
-import { ToolbarSize, ToolbarWidths, ToolbarWidthsFullPage } from './types'; // Toolbar sizes for full page editor a little bit different, because it has more buttons e.g. actions button...
+import { ToolbarSize, ToolbarWidths, ToolbarWidthsFullPage } from './types';
 
+// Toolbar sizes for full page editor a little bit different, because it has more buttons e.g. actions button...
 var toolbarSizesFullPage = [{
   width: ToolbarWidthsFullPage.XXL,
   size: ToolbarSize.XXL
@@ -33,11 +34,9 @@ var toolbarSizes = [{
   width: ToolbarWidths.S,
   size: ToolbarSize.S
 }];
-
 var toolbarSizesForAppearance = function toolbarSizesForAppearance(appearance) {
   return isFullPage(appearance) ? toolbarSizesFullPage : toolbarSizes;
 };
-
 export var toolbarSizeToWidth = function toolbarSizeToWidth(toolbarSize, appearance) {
   return (toolbarSizesForAppearance(appearance).find(function (_ref) {
     var size = _ref.size;