@atlaskit/editor-core 178.1.1 → 179.0.0

package/dist/esm/plugins/floating-toolbar/index.js

@@ -1,15 +1,13 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
-
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
 import React from 'react';
 import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
 import { PluginKey, AllSelection } from 'prosemirror-state';
 import { findDomRefAtPos, findSelectedNodeOfType } from 'prosemirror-utils';
 import camelCase from 'lodash/camelCase';
-import { Popup } from '@atlaskit/editor-common/ui'; // AFP-2532 TODO: Fix automatic suppressions below
+import { Popup } from '@atlaskit/editor-common/ui';
+// AFP-2532 TODO: Fix automatic suppressions below
 // eslint-disable-next-line @atlassian/tangerine/import/entry-points
 
 import WithPluginState from '../../ui/WithPluginState';
@@ -31,7 +29,6 @@ export var getRelevantConfig = function getRelevantConfig(selection, configs) {
   var configPair;
   configs.find(function (config) {
     var node = findSelectedNodeOfType(config.nodeType)(selection);
-
     if (node) {
       configPair = {
         node: node.node,
@@ -39,15 +36,13 @@ export var getRelevantConfig = function getRelevantConfig(selection, configs) {
         config: config
       };
     }
-
     return !!node;
   });
-
   if (configPair) {
     return configPair;
-  } // create mapping of node type name to configs
-
+  }
 
+  // create mapping of node type name to configs
   var configByNodeType = {};
   configs.forEach(function (config) {
     if (Array.isArray(config.nodeType)) {
@@ -57,14 +52,13 @@ export var getRelevantConfig = function getRelevantConfig(selection, configs) {
     } else {
       configByNodeType[config.nodeType.name] = config;
     }
-  }); // search up the tree from selection
+  });
 
+  // search up the tree from selection
   var $from = selection.$from;
-
   for (var i = $from.depth; i > 0; i--) {
     var node = $from.node(i);
     var matchedConfig = configByNodeType[node.type.name];
-
     if (matchedConfig) {
       return {
         config: matchedConfig,
@@ -72,9 +66,9 @@ export var getRelevantConfig = function getRelevantConfig(selection, configs) {
         pos: $from.pos
       };
     }
-  } // if it is AllSelection (can be result of Cmd+A) - use first node
-
+  }
 
+  // if it is AllSelection (can be result of Cmd+A) - use first node
   if (selection instanceof AllSelection) {
     var docNode = $from.node(0);
     var _matchedConfig = null;
@@ -82,7 +76,6 @@ export var getRelevantConfig = function getRelevantConfig(selection, configs) {
       _matchedConfig = configByNodeType[node.type.name];
       return !!_matchedConfig;
     });
-
     if (firstChild && _matchedConfig) {
       return {
         config: _matchedConfig,
@@ -91,17 +84,14 @@ export var getRelevantConfig = function getRelevantConfig(selection, configs) {
       };
     }
   }
-
   return;
 };
-
 var getDomRefFromSelection = function getDomRefFromSelection(view, dispatchAnalyticsEvent) {
   try {
     return findDomRefAtPos(view.state.selection.from, view.domAtPos.bind(view));
   } catch (error) {
     // eslint-disable-next-line no-console
     console.warn(error);
-
     if (dispatchAnalyticsEvent) {
       var payload = {
         action: ACTION.ERRORED,
@@ -120,11 +110,9 @@ var getDomRefFromSelection = function getDomRefFromSelection(view, dispatchAnaly
     }
   }
 };
-
 function filterUndefined(x) {
   return !!x;
 }
-
 var floatingToolbarPlugin = function floatingToolbarPlugin() {
   return {
     name: 'floatingToolbar',
@@ -135,8 +123,8 @@ var floatingToolbarPlugin = function floatingToolbarPlugin() {
         name: 'floatingToolbar',
         plugin: function plugin(_ref) {
           var dispatch = _ref.dispatch,
-              providerFactory = _ref.providerFactory,
-              getIntl = _ref.getIntl;
+            providerFactory = _ref.providerFactory,
+            getIntl = _ref.getIntl;
           return floatingToolbarPluginFactory({
             floatingToolbarHandlers: floatingToolbarHandlers,
             dispatch: dispatch,
@@ -154,11 +142,11 @@ var floatingToolbarPlugin = function floatingToolbarPlugin() {
     },
     contentComponent: function contentComponent(_ref3) {
       var popupsMountPoint = _ref3.popupsMountPoint,
-          popupsBoundariesElement = _ref3.popupsBoundariesElement,
-          popupsScrollableElement = _ref3.popupsScrollableElement,
-          editorView = _ref3.editorView,
-          providerFactory = _ref3.providerFactory,
-          dispatchAnalyticsEvent = _ref3.dispatchAnalyticsEvent;
+        popupsBoundariesElement = _ref3.popupsBoundariesElement,
+        popupsScrollableElement = _ref3.popupsScrollableElement,
+        editorView = _ref3.editorView,
+        providerFactory = _ref3.providerFactory,
+        dispatchAnalyticsEvent = _ref3.dispatchAnalyticsEvent;
       return /*#__PURE__*/React.createElement(WithPluginState, {
         plugins: {
           floatingToolbarState: pluginKey,
@@ -168,59 +156,51 @@ var floatingToolbarPlugin = function floatingToolbarPlugin() {
         },
         render: function render(_ref4) {
           var _configWithNodeInfo$c, _configWithNodeInfo$c2;
-
           var editorDisabledPlugin = _ref4.editorDisabledPlugin,
-              floatingToolbarState = _ref4.floatingToolbarState,
-              floatingToolbarData = _ref4.floatingToolbarData,
-              extensionsState = _ref4.extensionsState;
+            floatingToolbarState = _ref4.floatingToolbarState,
+            floatingToolbarData = _ref4.floatingToolbarData,
+            extensionsState = _ref4.extensionsState;
           var configWithNodeInfo = floatingToolbarState === null || floatingToolbarState === void 0 ? void 0 : floatingToolbarState.getConfigWithNodeInfo(editorView.state);
-
           if (!configWithNodeInfo || !configWithNodeInfo.config || typeof ((_configWithNodeInfo$c = configWithNodeInfo.config) === null || _configWithNodeInfo$c === void 0 ? void 0 : _configWithNodeInfo$c.visible) !== 'undefined' && !((_configWithNodeInfo$c2 = configWithNodeInfo.config) !== null && _configWithNodeInfo$c2 !== void 0 && _configWithNodeInfo$c2.visible)) {
             return null;
           }
-
           var config = configWithNodeInfo.config,
-              node = configWithNodeInfo.node;
+            node = configWithNodeInfo.node;
           var title = config.title,
-              _config$getDomRef = config.getDomRef,
-              getDomRef = _config$getDomRef === void 0 ? getDomRefFromSelection : _config$getDomRef,
-              items = config.items,
-              _config$align = config.align,
-              align = _config$align === void 0 ? 'center' : _config$align,
-              _config$className = config.className,
-              className = _config$className === void 0 ? '' : _config$className,
-              height = config.height,
-              width = config.width,
-              zIndex = config.zIndex,
-              _config$offset = config.offset,
-              offset = _config$offset === void 0 ? [0, 12] : _config$offset,
-              forcePlacement = config.forcePlacement,
-              preventPopupOverflow = config.preventPopupOverflow,
-              onPositionCalculated = config.onPositionCalculated,
-              focusTrap = config.focusTrap;
+            _config$getDomRef = config.getDomRef,
+            getDomRef = _config$getDomRef === void 0 ? getDomRefFromSelection : _config$getDomRef,
+            items = config.items,
+            _config$align = config.align,
+            align = _config$align === void 0 ? 'center' : _config$align,
+            _config$className = config.className,
+            className = _config$className === void 0 ? '' : _config$className,
+            height = config.height,
+            width = config.width,
+            zIndex = config.zIndex,
+            _config$offset = config.offset,
+            offset = _config$offset === void 0 ? [0, 12] : _config$offset,
+            forcePlacement = config.forcePlacement,
+            preventPopupOverflow = config.preventPopupOverflow,
+            onPositionCalculated = config.onPositionCalculated,
+            focusTrap = config.focusTrap;
           var targetRef = getDomRef(editorView, dispatchAnalyticsEvent);
-
           if (!targetRef || editorDisabledPlugin && editorDisabledPlugin.editorDisabled) {
             return null;
           }
-
           var customPositionCalculation;
           var toolbarItems = processCopyButtonItems(editorView.state)(Array.isArray(items) ? items : items(node));
-
           if (onPositionCalculated) {
             customPositionCalculation = function customPositionCalculation(nextPos) {
               return onPositionCalculated(editorView, nextPos);
             };
           }
-
           var dispatchCommand = function dispatchCommand(fn) {
             return fn && fn(editorView.state, editorView.dispatch, editorView);
-          }; // Confirm dialog
-
+          };
 
+          // Confirm dialog
           var _ref5 = floatingToolbarData || {},
-              confirmDialogForItem = _ref5.confirmDialogForItem;
-
+            confirmDialogForItem = _ref5.confirmDialogForItem;
           var confirmButtonItem = confirmDialogForItem ? toolbarItems[confirmDialogForItem] : undefined;
           var scrollable = getFeatureFlags(editorView.state).floatingToolbarCopyButton && config.scrollable;
           var confirmDialogOptions = typeof (confirmButtonItem === null || confirmButtonItem === void 0 ? void 0 : confirmButtonItem.confirmDialog) === 'function' ? confirmButtonItem === null || confirmButtonItem === void 0 ? void 0 : confirmButtonItem.confirmDialog() : confirmButtonItem === null || confirmButtonItem === void 0 ? void 0 : confirmButtonItem.confirmDialog;
@@ -270,13 +250,11 @@ var floatingToolbarPlugin = function floatingToolbarPlugin() {
             options: confirmDialogOptions,
             onConfirm: function onConfirm() {
               var isChecked = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
-
               if (!!confirmDialogOptions.onConfirm) {
                 dispatchCommand(confirmDialogOptions.onConfirm(isChecked));
               } else {
                 dispatchCommand(confirmButtonItem.onClick);
               }
-
               dispatchCommand(hideConfirmDialog());
             } // When closed without clicking OK or cancel buttons
             ,
@@ -289,8 +267,8 @@ var floatingToolbarPlugin = function floatingToolbarPlugin() {
     }
   };
 };
-
 export default floatingToolbarPlugin;
+
 /**
  *
  * ProseMirror Plugin
@@ -298,12 +276,11 @@ export default floatingToolbarPlugin;
  */
 // We throttle update of this plugin with RAF.
 // So from other plugins you will always get the previous state.
-
 export var pluginKey = new PluginKey('floatingToolbarPluginKey');
+
 /**
  * Clean up floating toolbar configs from undesired properties.
  */
-
 function sanitizeFloatingToolbarConfig(config) {
   // Cleanup from non existing node types
   if (Array.isArray(config.nodeType)) {
@@ -311,17 +288,14 @@ function sanitizeFloatingToolbarConfig(config) {
       nodeType: config.nodeType.filter(filterUndefined)
     });
   }
-
   return config;
 }
-
 function floatingToolbarPluginFactory(options) {
   var floatingToolbarHandlers = options.floatingToolbarHandlers,
-      dispatch = options.dispatch,
-      providerFactory = options.providerFactory,
-      getIntl = options.getIntl;
+    dispatch = options.dispatch,
+    providerFactory = options.providerFactory,
+    getIntl = options.getIntl;
   var intl = getIntl();
-
   var getConfigWithNodeInfo = function getConfigWithNodeInfo(editorState) {
     var activeConfigs = floatingToolbarHandlers.map(function (handler) {
       return handler(editorState, intl, providerFactory);
@@ -331,7 +305,6 @@ function floatingToolbarPluginFactory(options) {
     var relevantConfig = activeConfigs && getRelevantConfig(editorState.selection, activeConfigs);
     return relevantConfig;
   };
-
   var apply = function apply(tr, pluginState) {
     var newPluginState = {
       getConfigWithNodeInfo: getConfigWithNodeInfo
@@ -339,7 +312,6 @@ function floatingToolbarPluginFactory(options) {
     dispatch(pluginKey, newPluginState);
     return newPluginState;
   };
-
   return new SafePlugin({
     key: pluginKey,
     state: {

package/dist/esm/plugins/floating-toolbar/pm-plugins/toolbar-data/plugin-factory.js

@@ -1,10 +1,8 @@
 import { pluginFactory } from '../../../../utils/plugin-state-factory';
 import { pluginKey } from './plugin-key';
 import { reducer } from './reducer';
-
 var _pluginFactory = pluginFactory(pluginKey, reducer),
-    createPluginState = _pluginFactory.createPluginState,
-    createCommand = _pluginFactory.createCommand,
-    getPluginState = _pluginFactory.getPluginState;
-
+  createPluginState = _pluginFactory.createPluginState,
+  createCommand = _pluginFactory.createCommand,
+  getPluginState = _pluginFactory.getPluginState;
 export { createPluginState, createCommand, getPluginState };

package/dist/esm/plugins/floating-toolbar/pm-plugins/toolbar-data/reducer.js

@@ -1,21 +1,16 @@
 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 var reducer = function reducer(pluginState, action) {
   switch (action.type) {
     case 'SHOW_CONFIRM_DIALOG':
       return _objectSpread(_objectSpread({}, pluginState), {}, {
         confirmDialogForItem: action.data.buttonIndex
       });
-
     case 'HIDE_CONFIRM_DIALOG':
       return _objectSpread(_objectSpread({}, pluginState), {}, {
         confirmDialogForItem: undefined
       });
-
     default:
       return pluginState;
   }

package/dist/esm/plugins/floating-toolbar/ui/Button.js

@@ -1,38 +1,35 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 var _excluded = ["buttonStyles"];
-
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
 import React from 'react';
 import Tooltip from '@atlaskit/tooltip';
 import Button from '@atlaskit/button/custom-theme-button';
 import { getButtonStyles, iconOnlySpacing } from './styles';
 export default (function (_ref) {
   var title = _ref.title,
-      icon = _ref.icon,
-      iconAfter = _ref.iconAfter,
-      onClick = _ref.onClick,
-      onMouseEnter = _ref.onMouseEnter,
-      onMouseLeave = _ref.onMouseLeave,
-      onFocus = _ref.onFocus,
-      onBlur = _ref.onBlur,
-      selected = _ref.selected,
-      disabled = _ref.disabled,
-      href = _ref.href,
-      target = _ref.target,
-      _ref$appearance = _ref.appearance,
-      appearance = _ref$appearance === void 0 ? 'subtle' : _ref$appearance,
-      children = _ref.children,
-      className = _ref.className,
-      tooltipContent = _ref.tooltipContent,
-      testId = _ref.testId,
-      _ref$hideTooltipOnCli = _ref.hideTooltipOnClick,
-      hideTooltipOnClick = _ref$hideTooltipOnCli === void 0 ? true : _ref$hideTooltipOnCli,
-      ariaHasPopup = _ref.ariaHasPopup,
-      tabIndex = _ref.tabIndex;
+    icon = _ref.icon,
+    iconAfter = _ref.iconAfter,
+    onClick = _ref.onClick,
+    onMouseEnter = _ref.onMouseEnter,
+    onMouseLeave = _ref.onMouseLeave,
+    onFocus = _ref.onFocus,
+    onBlur = _ref.onBlur,
+    selected = _ref.selected,
+    disabled = _ref.disabled,
+    href = _ref.href,
+    target = _ref.target,
+    _ref$appearance = _ref.appearance,
+    appearance = _ref$appearance === void 0 ? 'subtle' : _ref$appearance,
+    children = _ref.children,
+    className = _ref.className,
+    tooltipContent = _ref.tooltipContent,
+    testId = _ref.testId,
+    _ref$hideTooltipOnCli = _ref.hideTooltipOnClick,
+    hideTooltipOnClick = _ref$hideTooltipOnCli === void 0 ? true : _ref$hideTooltipOnCli,
+    ariaHasPopup = _ref.ariaHasPopup,
+    tabIndex = _ref.tabIndex;
   // Check if there's only an icon and add additional styles
   var iconOnly = (icon || iconAfter) && !children;
   var customSpacing = iconOnly ? iconOnlySpacing : {};
@@ -47,9 +44,8 @@ export default (function (_ref) {
     className: className,
     theme: function theme(adgTheme, themeProps) {
       var _adgTheme = adgTheme(themeProps),
-          buttonStyles = _adgTheme.buttonStyles,
-          rest = _objectWithoutProperties(_adgTheme, _excluded);
-
+        buttonStyles = _adgTheme.buttonStyles,
+        rest = _objectWithoutProperties(_adgTheme, _excluded);
       return _objectSpread({
         buttonStyles: _objectSpread(_objectSpread(_objectSpread({}, buttonStyles), customSpacing), appearance === 'danger' && getButtonStyles({
           appearance: appearance,
@@ -72,7 +68,8 @@ export default (function (_ref) {
     isDisabled: disabled,
     testId: testId,
     onFocus: onFocus,
-    onBlur: onBlur // @ts-ignore
+    onBlur: onBlur
+    // @ts-ignore
     // tabIndex set as 0 by default in the design system  ButtonBase component
     // this is not expected for all buttons, we have to use tabIndex={null} for some cases
     // should be fixed here https://a11y-internal.atlassian.net/browse/DST-287

package/dist/esm/plugins/floating-toolbar/ui/CheckboxModal.js

@@ -7,38 +7,33 @@ import Modal, { ModalBody, ModalTitle, ModalHeader, ModalFooter } from '@atlaski
 import messages from './messages';
 export var CheckboxModal = function CheckboxModal(props) {
   var _useState = useState(false),
-      _useState2 = _slicedToArray(_useState, 2),
-      isChecked = _useState2[0],
-      setCheckbox = _useState2[1];
-
+    _useState2 = _slicedToArray(_useState, 2),
+    isChecked = _useState2[0],
+    setCheckbox = _useState2[1];
   var onConfirm = props.onConfirm,
-      onClose = props.onClose,
-      options = props.options,
-      formatMessage = props.intl.formatMessage,
-      testId = props.testId;
+    onClose = props.onClose,
+    options = props.options,
+    formatMessage = props.intl.formatMessage,
+    testId = props.testId;
   var heading = (options === null || options === void 0 ? void 0 : options.title) || formatMessage(messages.confirmModalDefaultHeading);
   var okButtonLabel = (options === null || options === void 0 ? void 0 : options.okButtonLabel) || formatMessage(messages.confirmModalOK);
   var cancelButtonLabel = (options === null || options === void 0 ? void 0 : options.cancelButtonLabel) || formatMessage(messages.confirmModalCancel);
   var checkboxlabel = options === null || options === void 0 ? void 0 : options.checkboxLabel;
-
   var ListComponent = function ListComponent(_ref) {
     var nodes = _ref.nodes;
-
     if (!nodes) {
       return null;
     }
-
     return /*#__PURE__*/React.createElement("ul", null, nodes.map(function (node) {
       return /*#__PURE__*/React.createElement(ListItem, _extends({}, node, {
         key: node.id
       }));
     }));
   };
-
   var ListItem = function ListItem(props) {
     var id = props.id,
-        name = props.name,
-        amount = props.amount;
+      name = props.name,
+      amount = props.amount;
     return /*#__PURE__*/React.createElement("li", {
       id: id
     }, formatMessage(messages.confirmModalListUnit, {
@@ -46,7 +41,6 @@ export var CheckboxModal = function CheckboxModal(props) {
       amount: amount
     }));
   };
-
   return /*#__PURE__*/React.createElement(Modal, {
     onClose: onClose,
     testId: testId

package/dist/esm/plugins/floating-toolbar/ui/ConfirmationModal.js

@@ -3,16 +3,12 @@ import { injectIntl } from 'react-intl-next';
 import { SimpleModal } from './SimpleModal';
 import { CheckboxModal } from './CheckboxModal';
 import { ModalTransition } from '@atlaskit/modal-dialog';
-
 var ConfirmationModalImpl = function ConfirmationModalImpl(props) {
   var options = props.options;
-
   var renderModel = function renderModel() {
     var isReferentialityDialog = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
     return isReferentialityDialog ? /*#__PURE__*/React.createElement(CheckboxModal, props) : /*#__PURE__*/React.createElement(SimpleModal, props);
   };
-
   return options ? /*#__PURE__*/React.createElement(ModalTransition, null, renderModel(options === null || options === void 0 ? void 0 : options.isReferentialityDialog)) : null;
 };
-
 export var ConfirmationModal = injectIntl(ConfirmationModalImpl);

package/dist/esm/plugins/floating-toolbar/ui/Dropdown.js

@@ -6,13 +6,9 @@ import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstruct
 import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
-
 var _templateObject, _templateObject2;
-
 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, { Component } from 'react';
 import { css, jsx } from '@emotion/react';
@@ -22,7 +18,6 @@ import Button from './Button';
 import DropdownMenu, { itemSpacing, menuItemDimensions } from './DropdownMenu';
 var dropdownExpandContainer = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  margin: 0px -4px;\n"])));
 var iconGroup = css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  display: flex;\n"])));
-
 var CompositeIcon = function CompositeIcon(_ref) {
   var icon = _ref.icon;
   return jsx("div", {
@@ -33,32 +28,24 @@ var CompositeIcon = function CompositeIcon(_ref) {
     label: "Expand dropdown menu"
   })));
 };
-
 var Dropdown = /*#__PURE__*/function (_Component) {
   _inherits(Dropdown, _Component);
-
   var _super = _createSuper(Dropdown);
-
   function Dropdown() {
     var _this;
-
     _classCallCheck(this, Dropdown);
-
     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", {
       isOpen: false
     });
-
     _defineProperty(_assertThisInitialized(_this), "renderArrayOptions", function (options) {
       var _this$props = _this.props,
-          showSelected = _this$props.showSelected,
-          dispatchCommand = _this$props.dispatchCommand,
-          editorView = _this$props.editorView;
+        showSelected = _this$props.showSelected,
+        dispatchCommand = _this$props.dispatchCommand,
+        editorView = _this$props.editorView;
       return jsx(DropdownMenu, {
         hide: _this.hide,
         dispatchCommand: dispatchCommand,
@@ -67,59 +54,49 @@ var Dropdown = /*#__PURE__*/function (_Component) {
         editorView: editorView
       });
     });
-
     _defineProperty(_assertThisInitialized(_this), "toggleOpen", function () {
       _this.setState({
         isOpen: !_this.state.isOpen
       });
     });
-
     _defineProperty(_assertThisInitialized(_this), "hide", function () {
       _this.setState({
         isOpen: false
       });
     });
-
     _defineProperty(_assertThisInitialized(_this), "hideonEsc", function () {
       var _document$querySelect;
-
-      _this.hide(); //Focus the trigger button only on Escape
-
-
+      _this.hide();
+      //Focus the trigger button only on Escape
       (_document$querySelect = document.querySelector("[data-testid=".concat(_this.props.buttonTestId, "]"))) === null || _document$querySelect === void 0 ? void 0 : _document$querySelect.focus();
     });
-
     _defineProperty(_assertThisInitialized(_this), "onOpenChanged", function (openChangedEvent) {
       if (!openChangedEvent.isOpen && openChangedEvent.event instanceof KeyboardEvent) {
         var _openChangedEvent$eve;
-
         ((_openChangedEvent$eve = openChangedEvent.event) === null || _openChangedEvent$eve === void 0 ? void 0 : _openChangedEvent$eve.key) === 'Escape' ? _this.hideonEsc() : _this.hide();
       }
     });
-
     return _this;
   }
-
   _createClass(Dropdown, [{
     key: "render",
     value: function render() {
       var isOpen = this.state.isOpen;
       var _this$props2 = this.props,
-          title = _this$props2.title,
-          icon = _this$props2.icon,
-          options = _this$props2.options,
-          dispatchCommand = _this$props2.dispatchCommand,
-          mountPoint = _this$props2.mountPoint,
-          boundariesElement = _this$props2.boundariesElement,
-          scrollableElement = _this$props2.scrollableElement,
-          hideExpandIcon = _this$props2.hideExpandIcon,
-          disabled = _this$props2.disabled,
-          tooltip = _this$props2.tooltip,
-          buttonTestId = _this$props2.buttonTestId,
-          dropdownWidth = _this$props2.dropdownWidth,
-          editorView = _this$props2.editorView;
+        title = _this$props2.title,
+        icon = _this$props2.icon,
+        options = _this$props2.options,
+        dispatchCommand = _this$props2.dispatchCommand,
+        mountPoint = _this$props2.mountPoint,
+        boundariesElement = _this$props2.boundariesElement,
+        scrollableElement = _this$props2.scrollableElement,
+        hideExpandIcon = _this$props2.hideExpandIcon,
+        disabled = _this$props2.disabled,
+        tooltip = _this$props2.tooltip,
+        buttonTestId = _this$props2.buttonTestId,
+        dropdownWidth = _this$props2.dropdownWidth,
+        editorView = _this$props2.editorView;
       var trigger;
-
       if (icon) {
         var TriggerIcon = hideExpandIcon ? icon : jsx(CompositeIcon, {
           icon: icon
@@ -147,12 +124,11 @@ var Dropdown = /*#__PURE__*/function (_Component) {
           tooltipContent: tooltip
         }, title);
       }
+
       /**
        * We want to change direction of our dropdowns a bit early,
        * not exactly when it hits the boundary.
        */
-
-
       var fitTolerance = 10;
       var fitWidth = Array.isArray(options) ? dropdownWidth || menuItemDimensions.width : options.width;
       var fitHeight = Array.isArray(options) ? options.length * menuItemDimensions.height + itemSpacing * 2 : options.height;
@@ -181,8 +157,6 @@ var Dropdown = /*#__PURE__*/function (_Component) {
       }
     }
   }]);
-
   return Dropdown;
 }(Component);
-
 export { Dropdown as default };