@atlaskit/editor-core 178.1.1 → 179.0.0

package/dist/esm/ui/ElementBrowser/components/ElementSearch.js

@@ -1,7 +1,5 @@
 import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
-
 var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
-
 /** @jsx jsx */
 import React, { memo } from 'react';
 import { css, jsx } from '@emotion/react';
@@ -15,25 +13,20 @@ import { GRID_SIZE, SEARCH_ITEM_HEIGHT_WIDTH } from '../constants';
 import useFocus from '../hooks/use-focus';
 import { Modes } from '../types';
 import { relativeFontSizeToBase16 } from '@atlaskit/editor-shared-styles';
-
 function ElementSearch(_ref) {
   var onSearch = _ref.onSearch,
-      mode = _ref.mode,
-      formatMessage = _ref.intl.formatMessage,
-      focus = _ref.focus,
-      onClick = _ref.onClick,
-      searchTerm = _ref.searchTerm;
+    mode = _ref.mode,
+    formatMessage = _ref.intl.formatMessage,
+    focus = _ref.focus,
+    onClick = _ref.onClick,
+    searchTerm = _ref.searchTerm;
   var ref = useFocus(focus);
-
   var onChange = function onChange(_ref2) {
     var value = _ref2.target.value;
     onSearch(value);
   };
-
   var onFocus = function onFocus(e) {};
-
   var onBlur = function onBlur(e) {};
-
   return jsx("div", {
     css: [wrapper, mode === Modes.inline && wrapperInline]
   }, jsx(Textfield, {
@@ -61,7 +54,6 @@ function ElementSearch(_ref) {
     value: searchTerm
   }));
 }
-
 var elementAfterInputMessage = {
   id: 'fabric.editor.elementbrowser.searchbar.elementAfterInput',
   defaultMessage: 'Enter',

package/dist/esm/ui/ElementBrowser/components/StatelessElementBrowser.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, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15;
-
 /** @jsx jsx */
 import React, { memo, useState, useCallback, useEffect } from 'react';
 import { css, jsx } from '@emotion/react';
@@ -31,28 +29,23 @@ var mainContent = css(_templateObject12 || (_templateObject12 = _taggedTemplateL
 var searchContainer = css(_templateObject13 || (_templateObject13 = _taggedTemplateLiteral(["\n  padding-bottom: ", "px;\n"])), GRID_SIZE * 2);
 var mobileCategoryListWrapper = css(_templateObject14 || (_templateObject14 = _taggedTemplateLiteral(["\n  display: flex;\n  overflow-x: auto;\n\n  padding: ", "px 0 ", "px 0;\n  min-height: ", "px;\n\n  overflow: -moz-scrollbars-none;\n  ::-webkit-scrollbar {\n    display: none;\n  }\n  scrollbar-width: none;\n  -ms-overflow-style: none;\n"])), GRID_SIZE, GRID_SIZE * 2, GRID_SIZE * 4);
 var categoryListWrapper = css(_templateObject15 || (_templateObject15 = _taggedTemplateLiteral(["\n  ", "\n  padding: 0;\n  margin-top: ", "px;\n  flex-direction: column;\n"])), mobileCategoryListWrapper, GRID_SIZE * 3);
-
 function StatelessElementBrowser(props) {
   var items = props.items,
-      onSelectItem = props.onSelectItem;
-
+    onSelectItem = props.onSelectItem;
   var _useContainerWidth = useContainerWidth(),
-      containerWidth = _useContainerWidth.containerWidth,
-      ContainerWidthMonitor = _useContainerWidth.ContainerWidthMonitor;
-
+    containerWidth = _useContainerWidth.containerWidth,
+    ContainerWidthMonitor = _useContainerWidth.ContainerWidthMonitor;
   var _useState = useState(1),
-      _useState2 = _slicedToArray(_useState, 2),
-      columnCount = _useState2[0],
-      setColumnCount = _useState2[1];
-
+    _useState2 = _slicedToArray(_useState, 2),
+    columnCount = _useState2[0],
+    setColumnCount = _useState2[1];
   var _useSelectAndFocusOnA = useSelectAndFocusOnArrowNavigation(items.length - 1, columnCount),
-      selectedItemIndex = _useSelectAndFocusOnA.selectedItemIndex,
-      focusedItemIndex = _useSelectAndFocusOnA.focusedItemIndex,
-      setFocusedItemIndex = _useSelectAndFocusOnA.setFocusedItemIndex,
-      focusOnSearch = _useSelectAndFocusOnA.focusOnSearch,
-      onKeyDown = _useSelectAndFocusOnA.onKeyDown,
-      setFocusOnSearch = _useSelectAndFocusOnA.setFocusOnSearch;
-
+    selectedItemIndex = _useSelectAndFocusOnA.selectedItemIndex,
+    focusedItemIndex = _useSelectAndFocusOnA.focusedItemIndex,
+    setFocusedItemIndex = _useSelectAndFocusOnA.setFocusedItemIndex,
+    focusOnSearch = _useSelectAndFocusOnA.focusOnSearch,
+    onKeyDown = _useSelectAndFocusOnA.onKeyDown,
+    setFocusOnSearch = _useSelectAndFocusOnA.setFocusOnSearch;
   useEffect(function () {
     fireAnalyticsEvent(props.createAnalyticsEvent)({
       payload: {
@@ -77,22 +70,21 @@ function StatelessElementBrowser(props) {
       });
     };
   }, [props.createAnalyticsEvent, props.mode]);
+
   /* Only for hitting enter to select item when focused on search bar,
    * The actual enter key press is handled on individual items level.
    */
-
   var onItemsEnterKeyPress = useCallback(function (e) {
     if (e.key !== 'Enter') {
       return;
     }
-
     props.onInsertItem(items[selectedItemIndex]);
   }, [props, items, selectedItemIndex]);
+
   /**
    * On arrow key selection and clicks the selectedItemIndex will change.
    * Making sure to update parent component.
    */
-
   var selectedItem = items[selectedItemIndex];
   useEffect(function () {
     if (onSelectItem && selectedItem != null) {
@@ -122,28 +114,27 @@ function StatelessElementBrowser(props) {
     onKeyDown: onKeyDown
   })));
 }
-
 function MobileBrowser(_ref) {
   var showCategories = _ref.showCategories,
-      showSearch = _ref.showSearch,
-      onSearch = _ref.onSearch,
-      mode = _ref.mode,
-      categories = _ref.categories,
-      onSelectCategory = _ref.onSelectCategory,
-      items = _ref.items,
-      onInsertItem = _ref.onInsertItem,
-      selectedCategory = _ref.selectedCategory,
-      selectedItemIndex = _ref.selectedItemIndex,
-      focusedItemIndex = _ref.focusedItemIndex,
-      setFocusedItemIndex = _ref.setFocusedItemIndex,
-      focusOnSearch = _ref.focusOnSearch,
-      setColumnCount = _ref.setColumnCount,
-      setFocusOnSearch = _ref.setFocusOnSearch,
-      onKeyPress = _ref.onKeyPress,
-      onKeyDown = _ref.onKeyDown,
-      searchTerm = _ref.searchTerm,
-      createAnalyticsEvent = _ref.createAnalyticsEvent,
-      emptyStateHandler = _ref.emptyStateHandler;
+    showSearch = _ref.showSearch,
+    onSearch = _ref.onSearch,
+    mode = _ref.mode,
+    categories = _ref.categories,
+    onSelectCategory = _ref.onSelectCategory,
+    items = _ref.items,
+    onInsertItem = _ref.onInsertItem,
+    selectedCategory = _ref.selectedCategory,
+    selectedItemIndex = _ref.selectedItemIndex,
+    focusedItemIndex = _ref.focusedItemIndex,
+    setFocusedItemIndex = _ref.setFocusedItemIndex,
+    focusOnSearch = _ref.focusOnSearch,
+    setColumnCount = _ref.setColumnCount,
+    setFocusOnSearch = _ref.setFocusOnSearch,
+    onKeyPress = _ref.onKeyPress,
+    onKeyDown = _ref.onKeyDown,
+    searchTerm = _ref.searchTerm,
+    createAnalyticsEvent = _ref.createAnalyticsEvent,
+    emptyStateHandler = _ref.emptyStateHandler;
   return jsx("div", {
     css: mobileElementBrowserContainer,
     onKeyPress: onKeyPress,
@@ -180,28 +171,27 @@ function MobileBrowser(_ref) {
     searchTerm: searchTerm
   })));
 }
-
 function DesktopBrowser(_ref2) {
   var showCategories = _ref2.showCategories,
-      showSearch = _ref2.showSearch,
-      onSearch = _ref2.onSearch,
-      mode = _ref2.mode,
-      categories = _ref2.categories,
-      onSelectCategory = _ref2.onSelectCategory,
-      items = _ref2.items,
-      onInsertItem = _ref2.onInsertItem,
-      selectedCategory = _ref2.selectedCategory,
-      selectedItemIndex = _ref2.selectedItemIndex,
-      focusedItemIndex = _ref2.focusedItemIndex,
-      setFocusedItemIndex = _ref2.setFocusedItemIndex,
-      focusOnSearch = _ref2.focusOnSearch,
-      setColumnCount = _ref2.setColumnCount,
-      setFocusOnSearch = _ref2.setFocusOnSearch,
-      onKeyPress = _ref2.onKeyPress,
-      onKeyDown = _ref2.onKeyDown,
-      searchTerm = _ref2.searchTerm,
-      createAnalyticsEvent = _ref2.createAnalyticsEvent,
-      emptyStateHandler = _ref2.emptyStateHandler;
+    showSearch = _ref2.showSearch,
+    onSearch = _ref2.onSearch,
+    mode = _ref2.mode,
+    categories = _ref2.categories,
+    onSelectCategory = _ref2.onSelectCategory,
+    items = _ref2.items,
+    onInsertItem = _ref2.onInsertItem,
+    selectedCategory = _ref2.selectedCategory,
+    selectedItemIndex = _ref2.selectedItemIndex,
+    focusedItemIndex = _ref2.focusedItemIndex,
+    setFocusedItemIndex = _ref2.setFocusedItemIndex,
+    focusOnSearch = _ref2.focusOnSearch,
+    setColumnCount = _ref2.setColumnCount,
+    setFocusOnSearch = _ref2.setFocusOnSearch,
+    onKeyPress = _ref2.onKeyPress,
+    onKeyDown = _ref2.onKeyDown,
+    searchTerm = _ref2.searchTerm,
+    createAnalyticsEvent = _ref2.createAnalyticsEvent,
+    emptyStateHandler = _ref2.emptyStateHandler;
   return jsx("div", {
     css: elementBrowserContainer,
     "data-testid": "desktop__element-browser"
@@ -248,7 +238,6 @@ function DesktopBrowser(_ref2) {
     searchTerm: searchTerm
   })));
 }
-
 var MemoizedElementBrowser = /*#__PURE__*/memo(withAnalyticsContext({
   source: 'ElementBrowser'
 })(withAnalyticsEvents()(StatelessElementBrowser)));

package/dist/esm/ui/ElementBrowser/hooks/use-container-width.js

@@ -1,12 +1,11 @@
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
-
 var _templateObject;
-
 /** @jsx jsx */
 import React, { memo, useEffect, useRef, useState } from 'react';
 import { css, jsx } from '@emotion/react';
 import { WidthObserver } from '@atlaskit/width-detector';
+
 /**
  *
  * Problem:
@@ -36,14 +35,12 @@ import { WidthObserver } from '@atlaskit/width-detector';
 var widthObserverWrapper = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  position: relative;\n"])));
 export default function useContainerWidth() {
   var _useState = useState(0),
-      _useState2 = _slicedToArray(_useState, 2),
-      containerWidth = _useState2[0],
-      setContainerWidth = _useState2[1];
-
+    _useState2 = _slicedToArray(_useState, 2),
+    containerWidth = _useState2[0],
+    setContainerWidth = _useState2[1];
   var ref = useRef(null);
   useEffect(function () {
     var current = ref.current;
-
     if (ref && current) {
       setContainerWidth(current.getBoundingClientRect().width);
     }

package/dist/esm/ui/ElementBrowser/hooks/use-focus.js

@@ -1,4 +1,5 @@
 import { useRef, useLayoutEffect } from 'react';
+
 /**
  * A custom hook that handles focus on a DOM element.
  * Takes in a boolean value and calls element.focus
@@ -35,7 +36,6 @@ export default function useFocus(focus) {
   var ref = useRef(null);
   useLayoutEffect(function () {
     var current = ref.current;
-
     if (focus && current && document.activeElement !== current) {
       current.focus({
         preventScroll: true

package/dist/esm/ui/ElementBrowser/hooks/use-select-and-focus-on-arrow-navigation.js

@@ -1,11 +1,9 @@
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 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 { useCallback, useEffect, useRef, useReducer } from 'react';
+
 /**
  * a custom hook that handles keyboard navigation for Arrow keys based on a
  * given listSize, and a step (for up and down arrows).
@@ -46,47 +44,41 @@ import { useCallback, useEffect, useRef, useReducer } from 'react';
  */
 
 export var ACTIONS;
-
 (function (ACTIONS) {
   ACTIONS["FOCUS_SEARCH"] = "focusOnSearch";
   ACTIONS["UPDATE_STATE"] = "updateState";
   ACTIONS["MOVE"] = "move";
 })(ACTIONS || (ACTIONS = {}));
-
 var reducer = function reducer(state, action) {
   switch (action.type) {
     case ACTIONS.UPDATE_STATE:
       return _objectSpread(_objectSpread({}, state), action.payload);
-
     case ACTIONS.FOCUS_SEARCH:
       return _objectSpread(_objectSpread({}, state), {}, {
         focusedItemIndex: undefined,
         focusOnSearch: true
       });
-
     case ACTIONS.MOVE:
       return moveReducer(state, action);
   }
-
   return state;
 };
-
 var moveReducer = function moveReducer(state, action) {
-  var newIndex = state.selectedItemIndex + action.payload.positions; // The step payload is only sent for up arrow.
-  // When user presses up arrow on first row, focus on search bar.
+  var newIndex = state.selectedItemIndex + action.payload.positions;
 
+  // The step payload is only sent for up arrow.
+  // When user presses up arrow on first row, focus on search bar.
   if (action.payload.step && state.selectedItemIndex < action.payload.step) {
     return _objectSpread(_objectSpread({}, state), {}, {
       focusOnSearch: true,
       focusedItemIndex: undefined
     });
   }
-
   if (newIndex < 0) {
     return state;
-  } // Set focus position to first item when moving forward or backward from searchbar
-
+  }
 
+  // Set focus position to first item when moving forward or backward from searchbar
   if (state.focusedItemIndex == null || state.focusOnSearch) {
     return _objectSpread(_objectSpread({}, state), {}, {
       focusOnSearch: false,
@@ -94,21 +86,18 @@ var moveReducer = function moveReducer(state, action) {
       selectedItemIndex: 0
     });
   }
-
   var safeIndex = ensureSafeIndex(newIndex, state.listSize);
   return _objectSpread(_objectSpread({}, state), {}, {
     focusedItemIndex: safeIndex,
     selectedItemIndex: safeIndex
   });
 };
-
 var initialState = {
   focusOnSearch: true,
   selectedItemIndex: 0,
   focusedItemIndex: undefined,
   listSize: 0
 };
-
 var getInitialState = function getInitialState(listSize) {
   return function (initialState) {
     return _objectSpread(_objectSpread({}, initialState), {}, {
@@ -116,21 +105,18 @@ var getInitialState = function getInitialState(listSize) {
     });
   };
 };
-
 function useSelectAndFocusOnArrowNavigation(listSize, step) {
   var _useReducer = useReducer(reducer, initialState, getInitialState(listSize)),
-      _useReducer2 = _slicedToArray(_useReducer, 2),
-      state = _useReducer2[0],
-      dispatch = _useReducer2[1];
-
+    _useReducer2 = _slicedToArray(_useReducer, 2),
+    state = _useReducer2[0],
+    dispatch = _useReducer2[1];
   var selectedItemIndex = state.selectedItemIndex,
-      focusedItemIndex = state.focusedItemIndex,
-      focusOnSearch = state.focusOnSearch;
+    focusedItemIndex = state.focusedItemIndex,
+    focusOnSearch = state.focusOnSearch;
   var reset = useCallback(function (listSize) {
     var payload = _objectSpread(_objectSpread({}, initialState), {}, {
       listSize: listSize
     });
-
     dispatch({
       type: ACTIONS.UPDATE_STATE,
       payload: payload
@@ -156,8 +142,9 @@ function useSelectAndFocusOnArrowNavigation(listSize, step) {
   var isMoving = useRef(false);
   var move = useCallback(function (e, positions, actualStep) {
     e.preventDefault();
-    e.stopPropagation(); // avoid firing 2 moves at the same time when holding an arrow down as this can freeze the screen
+    e.stopPropagation();
 
+    // avoid firing 2 moves at the same time when holding an arrow down as this can freeze the screen
     if (!isMoving.current) {
       isMoving.current = true;
       requestAnimationFrame(function () {
@@ -173,28 +160,23 @@ function useSelectAndFocusOnArrowNavigation(listSize, step) {
     }
   }, []);
   var onKeyDown = useCallback(function (e) {
-    var avoidKeysWhileSearching = ['/', // While already focused on search bar, let users type in.
+    var avoidKeysWhileSearching = ['/',
+    // While already focused on search bar, let users type in.
     'ArrowRight', 'ArrowLeft', 'ArrowUp'];
-
     if (focusOnSearch && avoidKeysWhileSearching.includes(e.key)) {
       return;
     }
-
     switch (e.key) {
       case '/':
         e.preventDefault();
         e.stopPropagation();
         return setFocusOnSearch();
-
       case 'ArrowRight':
         return move(e, +1);
-
       case 'ArrowLeft':
         return move(e, -1);
-
       case 'ArrowDown':
         return move(e, +step);
-
       case 'ArrowUp':
         return move(e, -step, step);
     }
@@ -212,16 +194,13 @@ function useSelectAndFocusOnArrowNavigation(listSize, step) {
     setFocusedItemIndex: removeFocusFromSearchAndSetOnItem
   };
 }
-
 export var ensureSafeIndex = function ensureSafeIndex(index, listSize) {
   if (index < 0) {
     return 0;
   }
-
   if (index > listSize) {
     return listSize;
   }
-
   return index;
 };
 export default useSelectAndFocusOnArrowNavigation;

package/dist/esm/ui/ElementBrowser/types.js

@@ -1,5 +1,4 @@
 export var Modes;
-
 (function (Modes) {
   Modes["full"] = "full";
   Modes["inline"] = "inline";

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

@@ -5,36 +5,25 @@ 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 { ACTION, EVENT_TYPE } from '../../plugins/analytics';
 export var ErrorBoundary = /*#__PURE__*/function (_React$Component) {
   _inherits(ErrorBoundary, _React$Component);
-
   var _super = _createSuper(ErrorBoundary);
-
   function ErrorBoundary() {
     var _this;
-
     _classCallCheck(this, ErrorBoundary);
-
     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), "state", {
       errorCaptured: false
     });
-
     return _this;
   }
-
   _createClass(ErrorBoundary, [{
     key: "hasFallback",
     value: function hasFallback() {
@@ -62,7 +51,6 @@ export var ErrorBoundary = /*#__PURE__*/function (_React$Component) {
           }
         });
       }
-
       if (this.hasFallback()) {
         this.setState({
           errorCaptured: true
@@ -75,10 +63,8 @@ export var ErrorBoundary = /*#__PURE__*/function (_React$Component) {
       if (this.shouldRecover()) {
         return this.props.fallbackComponent;
       }
-
       return this.props.children;
     }
   }]);
-
   return ErrorBoundary;
 }(React.Component);

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

@@ -3,51 +3,41 @@ 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; } }
-
 /** @jsx jsx */
 import { jsx } from '@emotion/react';
 import { PureComponent } from 'react';
 import { Popup } from '@atlaskit/editor-common/ui';
 import { container } from './styles';
 export { handlePositionCalculatedWith, getOffsetParent, getNearestNonTextNode } from './utils';
-
 var FloatingToolbar = /*#__PURE__*/function (_PureComponent) {
   _inherits(FloatingToolbar, _PureComponent);
-
   var _super = _createSuper(FloatingToolbar);
-
   function FloatingToolbar() {
     _classCallCheck(this, FloatingToolbar);
-
     return _super.apply(this, arguments);
   }
-
   _createClass(FloatingToolbar, [{
     key: "render",
     value: function render() {
       var _this$props = this.props,
-          children = _this$props.children,
-          target = _this$props.target,
-          offset = _this$props.offset,
-          fitWidth = _this$props.fitWidth,
-          _this$props$fitHeight = _this$props.fitHeight,
-          fitHeight = _this$props$fitHeight === void 0 ? 40 : _this$props$fitHeight,
-          onPositionCalculated = _this$props.onPositionCalculated,
-          popupsMountPoint = _this$props.popupsMountPoint,
-          popupsBoundariesElement = _this$props.popupsBoundariesElement,
-          className = _this$props.className,
-          alignX = _this$props.alignX,
-          alignY = _this$props.alignY,
-          zIndex = _this$props.zIndex;
-
+        children = _this$props.children,
+        target = _this$props.target,
+        offset = _this$props.offset,
+        fitWidth = _this$props.fitWidth,
+        _this$props$fitHeight = _this$props.fitHeight,
+        fitHeight = _this$props$fitHeight === void 0 ? 40 : _this$props$fitHeight,
+        onPositionCalculated = _this$props.onPositionCalculated,
+        popupsMountPoint = _this$props.popupsMountPoint,
+        popupsBoundariesElement = _this$props.popupsBoundariesElement,
+        className = _this$props.className,
+        alignX = _this$props.alignX,
+        alignY = _this$props.alignY,
+        zIndex = _this$props.zIndex;
       if (!target) {
         return null;
       }
-
       return jsx(Popup, {
         alignX: alignX,
         alignY: alignY,
@@ -66,8 +56,6 @@ var FloatingToolbar = /*#__PURE__*/function (_PureComponent) {
       }, children));
     }
   }]);
-
   return FloatingToolbar;
 }(PureComponent);
-
 export { FloatingToolbar as default };

package/dist/esm/ui/FloatingToolbar/styles.js

@@ -1,7 +1,5 @@
 import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
-
 var _templateObject, _templateObject2;
-
 import { css } from '@emotion/react';
 import { borderRadius } from '@atlaskit/theme/constants';
 import { N0, N50A, N60A } from '@atlaskit/theme/colors';

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

@@ -1,13 +1,13 @@
 var getCursorHeightFrom = function getCursorHeightFrom(node) {
   return parseFloat(window.getComputedStyle(node, undefined).lineHeight || '');
 };
-
 export var getOffsetParent = function getOffsetParent(editorViewDom, popupsMountPoint) {
   return popupsMountPoint ? popupsMountPoint.offsetParent : editorViewDom.offsetParent;
 };
 export var getNearestNonTextNode = function getNearestNonTextNode(node) {
   return node.nodeType === Node.TEXT_NODE ? node.parentNode : node;
 };
+
 /**
  * We need to translate the co-ordinates because `coordsAtPos` returns co-ordinates
  * relative to `window`. And, also need to adjust the cursor container height.
@@ -17,13 +17,11 @@ export var getNearestNonTextNode = function getNearestNonTextNode(node) {
  * | {coordsAtPos} | [Cursor]   <- cursorHeight      |  |
  * |               | [FloatingToolbar]               |  |
  */
-
 var convertFixedCoordinatesToAbsolutePositioning = function convertFixedCoordinatesToAbsolutePositioning(coordinates, offsetParent, cursorHeight) {
   var _offsetParent$getBoun = offsetParent.getBoundingClientRect(),
-      offsetParentLeft = _offsetParent$getBoun.left,
-      offsetParentTop = _offsetParent$getBoun.top,
-      offsetParentHeight = _offsetParent$getBoun.height;
-
+    offsetParentLeft = _offsetParent$getBoun.left,
+    offsetParentTop = _offsetParent$getBoun.top,
+    offsetParentHeight = _offsetParent$getBoun.height;
   return {
     left: coordinates.left - offsetParentLeft,
     right: coordinates.right - offsetParentLeft,
@@ -31,13 +29,11 @@ var convertFixedCoordinatesToAbsolutePositioning = function convertFixedCoordina
     bottom: offsetParentHeight - (coordinates.top - (offsetParentTop - cursorHeight) - offsetParent.scrollTop)
   };
 };
-
 export var handlePositionCalculatedWith = function handlePositionCalculatedWith(offsetParent, node, getCurrentFixedCoordinates) {
   return function (position) {
     if (!offsetParent) {
       return position;
     }
-
     var target = getNearestNonTextNode(node);
     var cursorHeight = getCursorHeightFrom(target);
     var fixedCoordinates = getCurrentFixedCoordinates();