@atlaskit/editor-core 178.1.1 → 179.0.0

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

@@ -1,6 +1,6 @@
 /* eslint-disable no-console */
-import React, { useCallback, useLayoutEffect, useRef } from 'react';
 
+import React, { useCallback, useLayoutEffect, useRef } from 'react';
 /*
  **  The context is used to handle the keydown events of submenus.
  **  Because the keyboard navigation is explicitly managed for main toolbar items
@@ -11,66 +11,55 @@ export var KeyDownHandlerContext = /*#__PURE__*/React.createContext({
   handleArrowRight: function handleArrowRight() {},
   handleTab: function handleTab() {}
 });
+
 /**
  * This component is a wrapper of main toolbar which listens to keydown events of children
  * and handles left/right arrow key navigation for all focusable elements
  * @param
  * @returns
  */
-
 export var ToolbarArrowKeyNavigationProvider = function ToolbarArrowKeyNavigationProvider(_ref) {
   var children = _ref.children,
-      editorView = _ref.editorView,
-      childComponentSelector = _ref.childComponentSelector,
-      handleEscape = _ref.handleEscape,
-      disableArrowKeyNavigation = _ref.disableArrowKeyNavigation,
-      isShortcutToFocusToolbar = _ref.isShortcutToFocusToolbar;
+    editorView = _ref.editorView,
+    childComponentSelector = _ref.childComponentSelector,
+    handleEscape = _ref.handleEscape,
+    disableArrowKeyNavigation = _ref.disableArrowKeyNavigation,
+    isShortcutToFocusToolbar = _ref.isShortcutToFocusToolbar;
   var wrapperRef = useRef(null);
   var selectedItemIndex = useRef(0);
   var incrementIndex = useCallback(function (list) {
     var index = 0;
-
     if (document.activeElement) {
       index = list.indexOf(document.activeElement);
       index = (index + 1) % list.length;
     }
-
     selectedItemIndex.current = index;
   }, []);
   var decrementIndex = useCallback(function (list) {
     var index = 0;
-
     if (document.activeElement) {
       index = list.indexOf(document.activeElement);
       index = (list.length + index - 1) % list.length;
     }
-
     selectedItemIndex.current = index;
   }, []);
-
   var handleArrowRight = function handleArrowRight() {
     var _filteredFocusableEle;
-
     var filteredFocusableElements = getFilteredFocusableElements(wrapperRef === null || wrapperRef === void 0 ? void 0 : wrapperRef.current);
     incrementIndex(filteredFocusableElements);
     (_filteredFocusableEle = filteredFocusableElements[selectedItemIndex.current]) === null || _filteredFocusableEle === void 0 ? void 0 : _filteredFocusableEle.focus();
   };
-
   var handleArrowLeft = function handleArrowLeft() {
     var _filteredFocusableEle2;
-
     var filteredFocusableElements = getFilteredFocusableElements(wrapperRef === null || wrapperRef === void 0 ? void 0 : wrapperRef.current);
     decrementIndex(filteredFocusableElements);
     (_filteredFocusableEle2 = filteredFocusableElements[selectedItemIndex.current]) === null || _filteredFocusableEle2 === void 0 ? void 0 : _filteredFocusableEle2.focus();
   };
-
   var handleTab = function handleTab() {
     var _filteredFocusableEle3;
-
     var filteredFocusableElements = getFilteredFocusableElements(wrapperRef === null || wrapperRef === void 0 ? void 0 : wrapperRef.current);
     (_filteredFocusableEle3 = filteredFocusableElements[selectedItemIndex.current]) === null || _filteredFocusableEle3 === void 0 ? void 0 : _filteredFocusableEle3.focus();
   };
-
   var focusAndScrollToElement = function focusAndScrollToElement(element) {
     element === null || element === void 0 ? void 0 : element.scrollIntoView({
       behavior: 'smooth',
@@ -79,7 +68,6 @@ export var ToolbarArrowKeyNavigationProvider = function ToolbarArrowKeyNavigatio
     });
     element.focus();
   };
-
   var submenuKeydownHandleContext = {
     handleArrowLeft: handleArrowLeft,
     handleArrowRight: handleArrowRight,
@@ -89,75 +77,64 @@ export var ToolbarArrowKeyNavigationProvider = function ToolbarArrowKeyNavigatio
     if (!wrapperRef.current || disableArrowKeyNavigation) {
       return;
     }
-
     var element = wrapperRef.current;
+
     /**
      * To handle the key events on the list
      * @param event
      */
-
     var handleKeyDown = function handleKeyDown(event) {
       var _document$querySelect, _document$querySelect2, _wrapperRef$current;
-
       //To trap the focus inside the horizontal toolbar for left and right arrow keys
-      var targetElement = event.target; //To filter out the events outside the child component
+      var targetElement = event.target;
 
+      //To filter out the events outside the child component
       if (!targetElement.closest("".concat(childComponentSelector))) {
         return;
-      } //The key events are from child components such as dropdown menus / popups are ignored
-
+      }
 
+      //The key events are from child components such as dropdown menus / popups are ignored
       if ((_document$querySelect = document.querySelector('[data-role="droplistContent"], [data-test-id="color-picker-menu"], [data-emoji-picker-container="true"]')) !== null && _document$querySelect !== void 0 && _document$querySelect.contains(targetElement) || (_document$querySelect2 = document.querySelector('[data-test-id="color-picker-menu"]')) !== null && _document$querySelect2 !== void 0 && _document$querySelect2.contains(targetElement) || event.key === 'ArrowUp' || event.key === 'ArrowDown' || disableArrowKeyNavigation) {
         return;
       }
-
       var menuWrapper = document.querySelector('.menu-key-handler-wrapper');
-
       if (menuWrapper) {
         // if menu wrapper exists, then a menu is open and arrow keys will be handled by MenuArrowKeyNavigationProvider
         return;
       }
-
       var filteredFocusableElements = getFilteredFocusableElements(wrapperRef === null || wrapperRef === void 0 ? void 0 : wrapperRef.current);
-
       if (!filteredFocusableElements || (filteredFocusableElements === null || filteredFocusableElements === void 0 ? void 0 : filteredFocusableElements.length) === 0) {
         return;
-      } //This is kind of hack to reset the current focused toolbar item
-      //to handle some use cases such as Tab in/out of main toolbar
-
+      }
 
+      //This is kind of hack to reset the current focused toolbar item
+      //to handle some use cases such as Tab in/out of main toolbar
       if (!((_wrapperRef$current = wrapperRef.current) !== null && _wrapperRef$current !== void 0 && _wrapperRef$current.contains(targetElement))) {
         selectedItemIndex.current = -1;
       } else {
         selectedItemIndex.current = filteredFocusableElements.indexOf(targetElement) > -1 ? filteredFocusableElements.indexOf(targetElement) : selectedItemIndex.current;
       }
-
       switch (event.key) {
         case 'ArrowRight':
           incrementIndex(filteredFocusableElements);
           focusAndScrollToElement(filteredFocusableElements[selectedItemIndex.current]);
           event.preventDefault();
           break;
-
         case 'ArrowLeft':
           decrementIndex(filteredFocusableElements);
           focusAndScrollToElement(filteredFocusableElements[selectedItemIndex.current]);
           event.preventDefault();
           break;
-
         case 'Escape':
           handleEscape(event);
           break;
-
         default:
       }
     };
-
     var globalKeyDownHandler = function globalKeyDownHandler(event) {
       //To focus the first element in the toolbar
       if (isShortcutToFocusToolbar(event)) {
         var _filteredFocusableEle4, _filteredFocusableEle5;
-
         var filteredFocusableElements = getFilteredFocusableElements(wrapperRef === null || wrapperRef === void 0 ? void 0 : wrapperRef.current);
         (_filteredFocusableEle4 = filteredFocusableElements[0]) === null || _filteredFocusableEle4 === void 0 ? void 0 : _filteredFocusableEle4.focus();
         (_filteredFocusableEle5 = filteredFocusableElements[0]) === null || _filteredFocusableEle5 === void 0 ? void 0 : _filteredFocusableEle5.scrollIntoView({
@@ -167,16 +144,12 @@ export var ToolbarArrowKeyNavigationProvider = function ToolbarArrowKeyNavigatio
         });
       }
     };
-
     element === null || element === void 0 ? void 0 : element.addEventListener('keydown', handleKeyDown);
-
     if (isShortcutToFocusToolbar) {
       document.addEventListener('keydown', globalKeyDownHandler);
     }
-
     return function () {
       element === null || element === void 0 ? void 0 : element.removeEventListener('keydown', handleKeyDown);
-
       if (isShortcutToFocusToolbar) {
         document.removeEventListener('keydown', globalKeyDownHandler);
       }
@@ -189,16 +162,13 @@ export var ToolbarArrowKeyNavigationProvider = function ToolbarArrowKeyNavigatio
     value: submenuKeydownHandleContext
   }, children));
 };
-
 function getFocusableElements(rootNode) {
   if (!rootNode) {
     return [];
   }
-
   var focusableModalElements = rootNode.querySelectorAll('a[href], button:not([disabled]), textarea, input, select, div[tabindex="-1"], div[tabindex="0"]') || [];
   return Array.from(focusableModalElements);
 }
-
 function getFilteredFocusableElements(rootNode) {
   //The focusable elements from child components such as dropdown menus / popups are ignored
   return getFocusableElements(rootNode).filter(function (elm) {

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

@@ -7,15 +7,10 @@ import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstruct
 import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _regeneratorRuntime from "@babel/runtime/regenerator";
-
 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; }
-
 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 ReactDOM from 'react-dom';
@@ -52,28 +47,20 @@ var deprecations = [{
   description: 'To pass feedback labels use feedbackInfo property – <Editor feedbackInfo={{ labels }} />',
   type: 'removed'
 }];
-
 var isNullOrUndefined = function isNullOrUndefined(attr) {
   return attr === null || attr === undefined;
 };
-
 var ToolbarFeedback = /*#__PURE__*/function (_PureComponent) {
   _inherits(ToolbarFeedback, _PureComponent);
-
   var _super = _createSuper(ToolbarFeedback);
-
   function ToolbarFeedback(props) {
     var _this;
-
     _classCallCheck(this, ToolbarFeedback);
-
     _this = _super.call(this, props);
-
     _defineProperty(_assertThisInitialized(_this), "state", {
       jiraIssueCollectorScriptLoading: false,
       showOptOutOption: false
     });
-
     _defineProperty(_assertThisInitialized(_this), "handleRef", function (ref) {
       if (ref) {
         _this.setState({
@@ -81,17 +68,14 @@ var ToolbarFeedback = /*#__PURE__*/function (_PureComponent) {
         });
       }
     });
-
     _defineProperty(_assertThisInitialized(_this), "getFeedbackInfo", function () {
       var isFeedbackInfoAttr = function isFeedbackInfoAttr(attr) {
         return ['product', 'packageVersion', 'packageName', 'labels'].indexOf(attr) >= 0;
       };
-
       return pickBy(function (key, value) {
         return isFeedbackInfoAttr(key) && !isNullOrUndefined(value);
       }, _this.props);
     });
-
     _defineProperty(_assertThisInitialized(_this), "collectFeedback", function () {
       if (_this.props.product === 'bitbucket') {
         _this.setState({
@@ -101,16 +85,13 @@ var ToolbarFeedback = /*#__PURE__*/function (_PureComponent) {
         _this.openFeedbackPopup();
       }
     });
-
     _defineProperty(_assertThisInitialized(_this), "toggleShowOptOutOption", function () {
       _this.setState({
         showOptOutOption: !_this.state.showOptOutOption
       });
     });
-
     _defineProperty(_assertThisInitialized(_this), "openJiraIssueCollector", /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
       var _window$localStorage$, _getContextIdentifier;
-
       var editorView, sessionId, contentId, tabId;
       return _regeneratorRuntime.wrap(function _callee$(_context) {
         while (1) {
@@ -120,7 +101,6 @@ var ToolbarFeedback = /*#__PURE__*/function (_PureComponent) {
                 jiraIssueCollectorScriptLoading: true,
                 showOptOutOption: false
               });
-
               editorView = _this.context.editorActions.editorView;
               sessionId = (_window$localStorage$ = window.localStorage.getItem('awc.session.id')) === null || _window$localStorage$ === void 0 ? void 0 : _window$localStorage$.toString();
               contentId = (_getContextIdentifier = getContextIdentifier(editorView === null || editorView === void 0 ? void 0 : editorView.state)) === null || _getContextIdentifier === void 0 ? void 0 : _getContextIdentifier.objectId;
@@ -131,12 +111,10 @@ var ToolbarFeedback = /*#__PURE__*/function (_PureComponent) {
                 contentId: contentId,
                 tabId: tabId
               }));
-
             case 7:
               _this.setState({
                 jiraIssueCollectorScriptLoading: false
               });
-
             case 8:
             case "end":
               return _context.stop();
@@ -144,7 +122,6 @@ var ToolbarFeedback = /*#__PURE__*/function (_PureComponent) {
         }
       }, _callee);
     })));
-
     _defineProperty(_assertThisInitialized(_this), "openFeedbackPopup", function () {
       var dispatch = createDispatch(_this.context.editorActions.eventDispatcher);
       dispatch(analyticsEventKey, {
@@ -155,35 +132,29 @@ var ToolbarFeedback = /*#__PURE__*/function (_PureComponent) {
           eventType: EVENT_TYPE.UI
         }
       });
-
       _this.openJiraIssueCollector();
-
       return true;
     });
-
     _defineProperty(_assertThisInitialized(_this), "openLearnMorePage", function () {
       window.open('https://confluence.atlassian.com/x/NU1VO', '_blank');
-
       _this.toggleShowOptOutOption();
     });
-
     _defineProperty(_assertThisInitialized(_this), "hasJquery", function () {
       return typeof window.jQuery !== 'undefined';
     });
-
     deprecationWarnings(ToolbarFeedback.name, props, deprecations);
     return _this;
   }
-
   _createClass(ToolbarFeedback, [{
     key: "render",
     value: function render() {
       var _this$props = this.props,
-          popupsMountPoint = _this$props.popupsMountPoint,
-          popupsBoundariesElement = _this$props.popupsBoundariesElement,
-          popupsScrollableElement = _this$props.popupsScrollableElement;
-      var iconBefore = this.state.jiraIssueCollectorScriptLoading ? jsx(Spinner, null) : undefined; // JIRA issue collector script is using jQuery internally
+        popupsMountPoint = _this$props.popupsMountPoint,
+        popupsBoundariesElement = _this$props.popupsBoundariesElement,
+        popupsScrollableElement = _this$props.popupsScrollableElement;
+      var iconBefore = this.state.jiraIssueCollectorScriptLoading ? jsx(Spinner, null) : undefined;
 
+      // JIRA issue collector script is using jQuery internally
       return this.hasJquery() ? jsx("div", {
         css: wrapper
       }, jsx(ToolbarButton, {
@@ -221,12 +192,9 @@ var ToolbarFeedback = /*#__PURE__*/function (_PureComponent) {
       }, "Learn more")))))) : null;
     }
   }]);
-
   return ToolbarFeedback;
 }(PureComponent);
-
 _defineProperty(ToolbarFeedback, "contextTypes", {
   editorActions: PropTypes.object.isRequired
 });
-
 export { ToolbarFeedback as default };

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

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

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

@@ -4,20 +4,17 @@ import ToolbarButton from '../ToolbarButton';
 import WithHelpTrigger from '../WithHelpTrigger';
 import { injectIntl } from 'react-intl-next';
 import { messages } from './messages';
-
 var tooltipHelpTrigger = function tooltipHelpTrigger(_ref) {
   var _ref$title = _ref.title,
-      title = _ref$title === void 0 ? 'Open help dialog' : _ref$title,
-      _ref$titlePosition = _ref.titlePosition,
-      titlePosition = _ref$titlePosition === void 0 ? 'left' : _ref$titlePosition,
-      intl = _ref.intl;
+    title = _ref$title === void 0 ? 'Open help dialog' : _ref$title,
+    _ref$titlePosition = _ref.titlePosition,
+    titlePosition = _ref$titlePosition === void 0 ? 'left' : _ref$titlePosition,
+    intl = _ref.intl;
   // to have translation for the default tooltip helper
   var displayTitle = title;
-
   if (title === 'Open help dialog') {
     displayTitle = intl.formatMessage(messages.toolbarHelpTitle);
   }
-
   return /*#__PURE__*/React.createElement(WithHelpTrigger, {
     render: function render(showHelp) {
       return /*#__PURE__*/React.createElement(ToolbarButton, {
@@ -31,5 +28,4 @@ var tooltipHelpTrigger = function tooltipHelpTrigger(_ref) {
     }
   });
 };
-
 export default injectIntl(tooltipHelpTrigger);

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

@@ -3,10 +3,9 @@ import React from 'react';
 import { pluginKey as widthPluginKey } from '../../plugins/width';
 import { WidthConsumer } from '@atlaskit/editor-common/ui';
 import { ContextPanelConsumer } from '../ContextPanel/context';
-
 function useCreateWidthCallbacks(_ref) {
   var setContextPanelWidth = _ref.setContextPanelWidth,
-      setContainerWidth = _ref.setContainerWidth;
+    setContainerWidth = _ref.setContainerWidth;
   var contextPanelWidthCallback = React.useCallback(function (_ref2) {
     var width = _ref2.width;
     setContextPanelWidth(width);
@@ -19,38 +18,31 @@ function useCreateWidthCallbacks(_ref) {
   }, [setContainerWidth]);
   return [contextPanelWidthCallback, containerWidthCallback];
 }
-
 var WidthEmitter = function WidthEmitter(_ref4) {
   var editorView = _ref4.editorView;
-
   var _React$useState = React.useState(0),
-      _React$useState2 = _slicedToArray(_React$useState, 2),
-      contextPanelWidth = _React$useState2[0],
-      setContextPanelWidth = _React$useState2[1];
-
+    _React$useState2 = _slicedToArray(_React$useState, 2),
+    contextPanelWidth = _React$useState2[0],
+    setContextPanelWidth = _React$useState2[1];
   var _React$useState3 = React.useState(0),
-      _React$useState4 = _slicedToArray(_React$useState3, 2),
-      containerWidth = _React$useState4[0],
-      setContainerWidth = _React$useState4[1];
-
+    _React$useState4 = _slicedToArray(_React$useState3, 2),
+    containerWidth = _React$useState4[0],
+    setContainerWidth = _React$useState4[1];
   var _useCreateWidthCallba = useCreateWidthCallbacks({
-    setContextPanelWidth: setContextPanelWidth,
-    setContainerWidth: setContainerWidth
-  }),
-      _useCreateWidthCallba2 = _slicedToArray(_useCreateWidthCallba, 2),
-      contextPanelWidthCallback = _useCreateWidthCallba2[0],
-      containerWidthCallback = _useCreateWidthCallba2[1];
-
+      setContextPanelWidth: setContextPanelWidth,
+      setContainerWidth: setContainerWidth
+    }),
+    _useCreateWidthCallba2 = _slicedToArray(_useCreateWidthCallba, 2),
+    contextPanelWidthCallback = _useCreateWidthCallba2[0],
+    containerWidthCallback = _useCreateWidthCallba2[1];
   React.useEffect(function () {
     var width = containerWidth - contextPanelWidth;
-
     if (width <= 0 || isNaN(width) || !editorView) {
       return;
     }
-
     var dom = editorView.dom,
-        tr = editorView.state.tr,
-        dispatch = editorView.dispatch;
+      tr = editorView.state.tr,
+      dispatch = editorView.dispatch;
     tr.setMeta(widthPluginKey, {
       width: width,
       containerWidth: containerWidth,
@@ -61,5 +53,4 @@ var WidthEmitter = function WidthEmitter(_ref4) {
   }, [editorView, contextPanelWidth, containerWidth]);
   return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(ContextPanelConsumer, null, contextPanelWidthCallback), /*#__PURE__*/React.createElement(WidthConsumer, null, containerWidthCallback));
 };
-
 export default WidthEmitter;

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

@@ -5,38 +5,26 @@ 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 PropTypes from 'prop-types';
-
 var WithEditorActions = /*#__PURE__*/function (_React$Component) {
   _inherits(WithEditorActions, _React$Component);
-
   var _super = _createSuper(WithEditorActions);
-
   function WithEditorActions() {
     var _this;
-
     _classCallCheck(this, WithEditorActions);
-
     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), "onContextUpdate", function () {
       // Re-render actions when editorActions changes...
       _this.forceUpdate();
     });
-
     return _this;
   }
-
   _createClass(WithEditorActions, [{
     key: "componentDidMount",
     value: function componentDidMount() {
@@ -53,12 +41,9 @@ var WithEditorActions = /*#__PURE__*/function (_React$Component) {
       return this.props.render(this.context.editorActions);
     }
   }]);
-
   return WithEditorActions;
 }(React.Component);
-
 _defineProperty(WithEditorActions, "contextTypes", {
   editorActions: PropTypes.object.isRequired
 });
-
 export { WithEditorActions as default };

package/dist/esm/ui/WithFlash/index.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, _templateObject3, _templateObject4;
-
 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, keyframes } from '@emotion/react';
@@ -21,34 +17,25 @@ var pulseBackground = keyframes(_templateObject || (_templateObject = _taggedTem
 var pulseBackgroundReverse = keyframes(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  0% {\n    background-color: ", ";\n  }\n  50% {\n    background-color: auto;\n  }\n  100% {\n    background-color: ", ";\n  }\n"])), "var(--ds-blanket-danger, ".concat(R100, ")"), "var(--ds-blanket-danger, ".concat(R100, ")"));
 var flashWrapper = css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  &.-flash > div {\n    animation: 0.25s ease-in-out ", ";\n  }\n\n  & > div {\n    animation: 'none';\n  }\n"])), pulseBackgroundReverse);
 var flashWrapperAnimated = css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  ", "\n\n  & > div {\n    animation: 0.25s ease-in-out ", ";\n  }\n"])), flashWrapper, pulseBackground);
-
 var WithFlash = /*#__PURE__*/function (_React$Component) {
   _inherits(WithFlash, _React$Component);
-
   var _super = _createSuper(WithFlash);
-
   function WithFlash() {
     var _this;
-
     _classCallCheck(this, WithFlash);
-
     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), "toggle", false);
-
     return _this;
   }
-
   _createClass(WithFlash, [{
     key: "render",
     value: function render() {
       var _this$props = this.props,
-          animate = _this$props.animate,
-          children = _this$props.children;
+        animate = _this$props.animate,
+        children = _this$props.children;
       this.toggle = animate && !this.toggle;
       return jsx("div", {
         css: animate ? flashWrapperAnimated : flashWrapper,
@@ -56,8 +43,6 @@ var WithFlash = /*#__PURE__*/function (_React$Component) {
       }, children);
     }
   }]);
-
   return WithFlash;
 }(React.Component);
-
 export { WithFlash as default };

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

@@ -5,34 +5,24 @@ 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 PropTypes from 'prop-types';
 import { ACTION, ACTION_SUBJECT, INPUT_METHOD, EVENT_TYPE, ACTION_SUBJECT_ID } from '../../plugins/analytics';
 import { createDispatch } from '../../event-dispatcher';
 import { openHelpCommand } from '../../plugins/help-dialog/commands';
 import { analyticsEventKey } from '../../plugins/analytics/consts';
-
 var WithHelpTrigger = /*#__PURE__*/function (_React$Component) {
   _inherits(WithHelpTrigger, _React$Component);
-
   var _super = _createSuper(WithHelpTrigger);
-
   function WithHelpTrigger() {
     var _this;
-
     _classCallCheck(this, WithHelpTrigger);
-
     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), "openHelp", function () {
       var editorActions = _this.context.editorActions;
       var dispatch = createDispatch(editorActions.eventDispatcher);
@@ -47,29 +37,22 @@ var WithHelpTrigger = /*#__PURE__*/function (_React$Component) {
           eventType: EVENT_TYPE.UI
         }
       });
-
       var editorView = editorActions._privateGetEditorView();
-
       if (editorView) {
         openHelpCommand(editorView.state.tr, editorView.dispatch);
       }
     });
-
     return _this;
   }
-
   _createClass(WithHelpTrigger, [{
     key: "render",
     value: function render() {
       return this.props.render(this.openHelp);
     }
   }]);
-
   return WithHelpTrigger;
 }(React.Component);
-
 _defineProperty(WithHelpTrigger, "contextTypes", {
   editorActions: PropTypes.object.isRequired
 });
-
 export { WithHelpTrigger as default };