@atlaskit/editor-core 178.1.0 → 178.1.2

package/dist/esm/plugins/find-replace/commands.js

@@ -10,18 +10,16 @@ export var activate = function activate() {
     var selection = state.selection;
     var findText;
     var matches;
-    var index; // if user has selected text and hit cmd-f, set that as the keyword
+    var index;
 
+    // if user has selected text and hit cmd-f, set that as the keyword
     if (selection instanceof TextSelection && !selection.empty) {
       findText = getSelectedText(selection);
-
       var _getPluginState = getPluginState(state),
-          shouldMatchCase = _getPluginState.shouldMatchCase;
-
+        shouldMatchCase = _getPluginState.shouldMatchCase;
       matches = findMatches(state.doc, findText, shouldMatchCase);
       index = findSearchIndex(selection.from, matches);
     }
-
     return {
       type: FindReplaceActionTypes.ACTIVATE,
       findText: findText,
@@ -33,14 +31,13 @@ export var activate = function activate() {
 export var find = function find(editorView, containerElement, keyword) {
   return withScrollIntoView(createCommand(function (state) {
     var selection = state.selection;
-
     var _getPluginState2 = getPluginState(state),
-        shouldMatchCase = _getPluginState2.shouldMatchCase;
-
+      shouldMatchCase = _getPluginState2.shouldMatchCase;
     var matches = keyword !== undefined ? findMatches(state.doc, keyword, shouldMatchCase) : [];
-    var index = findSearchIndex(selection.from, matches); // we can't just apply all the decorations to highlight the search results at once
-    // as if there are a lot ProseMirror cries :'(
+    var index = findSearchIndex(selection.from, matches);
 
+    // we can't just apply all the decorations to highlight the search results at once
+    // as if there are a lot ProseMirror cries :'(
     batchDecorations.applyAllSearchDecorations(editorView, containerElement, function (decorations) {
       return addDecorations(decorations)(editorView.state, editorView.dispatch);
     }, function (decorations) {
@@ -54,17 +51,13 @@ export var find = function find(editorView, containerElement, keyword) {
     };
   }, function (tr, state) {
     var selection = state.selection;
-
     var _getPluginState3 = getPluginState(state),
-        shouldMatchCase = _getPluginState3.shouldMatchCase;
-
+      shouldMatchCase = _getPluginState3.shouldMatchCase;
     var matches = keyword !== undefined ? findMatches(state.doc, keyword, shouldMatchCase) : [];
-
     if (matches.length > 0) {
       var index = findSearchIndex(selection.from, matches);
       return tr.setSelection(getSelectionForMatch(tr.selection, tr.doc, index, matches));
     }
-
     return tr;
   }));
 };
@@ -73,19 +66,16 @@ export var findNext = function findNext() {
     return findInDirection(state, 'next');
   }, function (tr, state) {
     var _getPluginState4 = getPluginState(state),
-        matches = _getPluginState4.matches,
-        index = _getPluginState4.index; // can't use index from plugin state because if the cursor has moved, it will still be the
+      matches = _getPluginState4.matches,
+      index = _getPluginState4.index;
+    // can't use index from plugin state because if the cursor has moved, it will still be the
     // OLD index (the find next operation should look for the first match forward starting
     // from the current cursor position)
-
-
     var searchIndex = findSearchIndex(state.selection.from, matches);
-
     if (searchIndex === index) {
       // cursor has not moved, so we just want to find the next in matches array
       searchIndex = nextIndex(searchIndex, matches.length);
     }
-
     return tr.setSelection(getSelectionForMatch(tr.selection, tr.doc, searchIndex, matches));
   }));
 };
@@ -94,26 +84,23 @@ export var findPrevious = function findPrevious() {
     return findInDirection(state, 'previous');
   }, function (tr, state) {
     var _getPluginState5 = getPluginState(state),
-        matches = _getPluginState5.matches; // can't use index from plugin state because if the cursor has moved, it will still be the
+      matches = _getPluginState5.matches;
+    // can't use index from plugin state because if the cursor has moved, it will still be the
     // OLD index (the find prev operation should look for the first match backward starting
     // from the current cursor position)
-
-
     var searchIndex = findSearchIndex(state.selection.from, matches, true);
     return tr.setSelection(getSelectionForMatch(tr.selection, tr.doc, searchIndex, matches));
   }));
 };
-
 var findInDirection = function findInDirection(state, dir) {
   var pluginState = getPluginState(state);
   var matches = pluginState.matches,
-      findText = pluginState.findText;
+    findText = pluginState.findText;
   var decorationSet = pluginState.decorationSet,
-      index = pluginState.index;
-
+    index = pluginState.index;
   if (findText) {
-    var searchIndex = findSearchIndex(state.selection.from, matches, dir === 'previous'); // compare index from plugin state and index of first match forward from cursor position
-
+    var searchIndex = findSearchIndex(state.selection.from, matches, dir === 'previous');
+    // compare index from plugin state and index of first match forward from cursor position
     if (index === searchIndex) {
       // normal case, cycling through matches
       index = dir === 'next' ? nextIndex(index, matches.length) : prevIndex(index, matches.length);
@@ -121,37 +108,31 @@ var findInDirection = function findInDirection(state, dir) {
       // cursor has moved
       index = searchIndex;
     }
-
     decorationSet = updateSelectedHighlight(state, index);
   }
-
   return {
     type: dir === 'next' ? FindReplaceActionTypes.FIND_NEXT : FindReplaceActionTypes.FIND_PREVIOUS,
     index: index,
     decorationSet: decorationSet
   };
 };
-
 export var replace = function replace(replaceText) {
   return withScrollIntoView(createCommand(function (state) {
     var pluginState = getPluginState(state);
     var findText = pluginState.findText;
     var decorationSet = pluginState.decorationSet,
-        matches = pluginState.matches,
-        index = pluginState.index;
+      matches = pluginState.matches,
+      index = pluginState.index;
     decorationSet = updateSelectedHighlight(state, nextIndex(index, matches.length));
-
     if (replaceText.toLowerCase().indexOf(findText.toLowerCase()) === -1) {
       decorationSet = removeMatchesFromSet(decorationSet, [matches[index]], state.doc);
       matches.splice(index, 1);
-
       if (index > matches.length - 1) {
         index = 0;
       }
     } else {
       index = nextIndex(index, matches.length);
     }
-
     return {
       type: FindReplaceActionTypes.REPLACE,
       replaceText: replaceText,
@@ -161,18 +142,16 @@ export var replace = function replace(replaceText) {
     };
   }, function (tr, state) {
     var _getPluginState6 = getPluginState(state),
-        matches = _getPluginState6.matches,
-        index = _getPluginState6.index,
-        findText = _getPluginState6.findText;
-
+      matches = _getPluginState6.matches,
+      index = _getPluginState6.index,
+      findText = _getPluginState6.findText;
     if (matches[index]) {
       var _matches$index = matches[index],
-          start = _matches$index.start,
-          end = _matches$index.end;
+        start = _matches$index.start,
+        end = _matches$index.end;
       var newIndex = nextIndex(index, matches.length);
       tr.insertText(replaceText, start, end).setSelection(getSelectionForMatch(tr.selection, tr.doc, newIndex, matches, newIndex === 0 ? 0 : replaceText.length - findText.length));
     }
-
     return tr;
   }));
 };
@@ -195,8 +174,7 @@ export var replaceAll = function replaceAll(replaceText) {
 export var addDecorations = function addDecorations(decorations) {
   return createCommand(function (state) {
     var _getPluginState7 = getPluginState(state),
-        decorationSet = _getPluginState7.decorationSet;
-
+      decorationSet = _getPluginState7.decorationSet;
     return {
       type: FindReplaceActionTypes.UPDATE_DECORATIONS,
       decorationSet: decorationSet.add(state.doc, decorations)
@@ -206,8 +184,7 @@ export var addDecorations = function addDecorations(decorations) {
 export var removeDecorations = function removeDecorations(decorations) {
   return createCommand(function (state) {
     var _getPluginState8 = getPluginState(state),
-        decorationSet = _getPluginState8.decorationSet;
-
+      decorationSet = _getPluginState8.decorationSet;
     return {
       type: FindReplaceActionTypes.UPDATE_DECORATIONS,
       decorationSet: removeDecorationsFromSet(decorationSet, decorations, state.doc)
@@ -232,34 +209,28 @@ export var toggleMatchCase = function toggleMatchCase() {
     type: FindReplaceActionTypes.TOGGLE_MATCH_CASE
   });
 };
-
 var updateSelectedHighlight = function updateSelectedHighlight(state, nextSelectedIndex) {
   var _getPluginState9 = getPluginState(state),
-      decorationSet = _getPluginState9.decorationSet,
-      index = _getPluginState9.index,
-      matches = _getPluginState9.matches;
-
+    decorationSet = _getPluginState9.decorationSet,
+    index = _getPluginState9.index,
+    matches = _getPluginState9.matches;
   var currentSelectedMatch = matches[index];
   var nextSelectedMatch = matches[nextSelectedIndex];
-
   if (index === nextSelectedIndex) {
     return decorationSet;
   }
-
   var currentSelectedDecoration = findDecorationFromMatch(decorationSet, currentSelectedMatch);
-  var nextSelectedDecoration = findDecorationFromMatch(decorationSet, nextSelectedMatch); // Update decorations so the current selected match becomes a normal match
-  // and the next selected gets the selected styling
+  var nextSelectedDecoration = findDecorationFromMatch(decorationSet, nextSelectedMatch);
 
+  // Update decorations so the current selected match becomes a normal match
+  // and the next selected gets the selected styling
   var decorationsToRemove = [];
-
   if (currentSelectedDecoration) {
     decorationsToRemove.push(currentSelectedDecoration);
   }
-
   if (nextSelectedDecoration) {
     decorationsToRemove.push(nextSelectedDecoration);
   }
-
   if (decorationsToRemove.length > 0) {
     // removeDecorationsFromSet depends on decorations being pre-sorted
     decorationsToRemove.sort(function (a, b) {
@@ -267,14 +238,11 @@ var updateSelectedHighlight = function updateSelectedHighlight(state, nextSelect
     });
     decorationSet = removeDecorationsFromSet(decorationSet, decorationsToRemove, state.doc);
   }
-
   if (currentSelectedMatch) {
     decorationSet = decorationSet.add(state.doc, [createDecoration(currentSelectedMatch.start, currentSelectedMatch.end)]);
   }
-
   if (nextSelectedMatch) {
     decorationSet = decorationSet.add(state.doc, [createDecoration(nextSelectedMatch.start, nextSelectedMatch.end, true)]);
   }
-
   return decorationSet;
 };

package/dist/esm/plugins/find-replace/index.js

@@ -21,13 +21,12 @@ export var findReplacePlugin = function findReplacePlugin(props) {
     },
     primaryToolbarComponent: function primaryToolbarComponent(_ref2) {
       var popupsBoundariesElement = _ref2.popupsBoundariesElement,
-          popupsMountPoint = _ref2.popupsMountPoint,
-          popupsScrollableElement = _ref2.popupsScrollableElement,
-          isToolbarReducedSpacing = _ref2.isToolbarReducedSpacing,
-          editorView = _ref2.editorView,
-          containerElement = _ref2.containerElement,
-          dispatchAnalyticsEvent = _ref2.dispatchAnalyticsEvent;
-
+        popupsMountPoint = _ref2.popupsMountPoint,
+        popupsScrollableElement = _ref2.popupsScrollableElement,
+        isToolbarReducedSpacing = _ref2.isToolbarReducedSpacing,
+        editorView = _ref2.editorView,
+        containerElement = _ref2.containerElement,
+        dispatchAnalyticsEvent = _ref2.dispatchAnalyticsEvent;
       if (props.twoLineEditorToolbar) {
         return null;
       } else {

package/dist/esm/plugins/find-replace/keymap.js

@@ -2,7 +2,6 @@ import { keymap } from 'prosemirror-keymap';
 import { bindKeymapWithCommand, find as findKeymap } from '../../keymaps';
 import { activateWithAnalytics } from './commands-with-analytics';
 import { TRIGGER_METHOD } from '../analytics';
-
 var activateFindReplace = function activateFindReplace() {
   return function (state, dispatch) {
     activateWithAnalytics({
@@ -11,11 +10,9 @@ var activateFindReplace = function activateFindReplace() {
     return true;
   };
 };
-
 var keymapPlugin = function keymapPlugin() {
   var list = {};
   bindKeymapWithCommand(findKeymap.common, activateFindReplace(), list);
   return keymap(list);
 };
-
 export default keymapPlugin;

package/dist/esm/plugins/find-replace/plugin.js

@@ -1,10 +1,7 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
-
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
 import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
 import { DecorationSet } from 'prosemirror-view';
 import { pluginFactory } from '../../utils/plugin-state-factory';
@@ -23,23 +20,19 @@ export var initialState = {
   decorationSet: DecorationSet.empty,
   shouldMatchCase: false
 };
-
 var handleDocChanged = function handleDocChanged(tr, pluginState) {
   var isActive = pluginState.isActive,
-      findText = pluginState.findText;
-
+    findText = pluginState.findText;
   if (!isActive || !findText) {
     return pluginState;
   }
-
   if (!tr.steps.find(stepHasSlice)) {
     return pluginState;
   }
-
   var index = pluginState.index,
-      decorationSet = pluginState.decorationSet,
-      matches = pluginState.matches,
-      shouldMatchCase = pluginState.shouldMatchCase;
+    decorationSet = pluginState.decorationSet,
+    matches = pluginState.matches,
+    shouldMatchCase = pluginState.shouldMatchCase;
   var newMatches = findMatches(tr.doc, findText, shouldMatchCase);
   decorationSet = decorationSet.map(tr.mapping, tr.doc);
   var numDecorations = decorationSet.find().length;
@@ -51,7 +44,6 @@ var handleDocChanged = function handleDocChanged(tr, pluginState) {
   });
   var matchesToAdd = [];
   var matchesToDelete = [];
-
   if (newMatches.length > 0 && numDecorations === 0) {
     matchesToAdd = newMatches;
   } else if (newMatches.length === 0 && numDecorations > 0) {
@@ -65,9 +57,10 @@ var handleDocChanged = function handleDocChanged(tr, pluginState) {
         // corresponding decorations
         matchesToAdd = [].concat(_toConsumableArray(matchesToAdd), _toConsumableArray(newMatches.filter(function (match) {
           return isMatchAffectedByStep(match, step, tr) && !findDecorationFromMatch(decorationSet, match);
-        }))); // delete any matches that are missing from the newMatches array and have a
-        // corresponding decoration
+        })));
 
+        // delete any matches that are missing from the newMatches array and have a
+        // corresponding decoration
         matchesToDelete = [].concat(_toConsumableArray(matchesToDelete), _toConsumableArray(findUniqueItemsIn(mappedMatches.filter(function (match) {
           return isMatchAffectedByStep(match, step, tr) && !!findDecorationFromMatch(decorationSet, match);
         }), newMatches, function (firstMatch, secondMatch) {
@@ -75,57 +68,49 @@ var handleDocChanged = function handleDocChanged(tr, pluginState) {
         })));
       }
     });
-  } // update decorations if matches changed following document update
-
+  }
 
+  // update decorations if matches changed following document update
   if (matchesToDelete.length > 0) {
     var decorationsToDelete = matchesToDelete.reduce(function (decorations, match) {
       return [].concat(_toConsumableArray(decorations), _toConsumableArray(decorationSet.find(match.start, match.end)));
     }, []);
     decorationSet = removeDecorationsFromSet(decorationSet, decorationsToDelete, tr.doc);
   }
-
   if (matchesToAdd.length > 0) {
     decorationSet = decorationSet.add(tr.doc, createDecorations(tr.selection.from, matchesToAdd));
-  } // update selected match if it has changed
-
+  }
 
+  // update selected match if it has changed
   var newIndex = index;
   var selectedMatch = mappedMatches[index];
-
   if (selectedMatch) {
     newIndex = newMatches.findIndex(function (match) {
       return match.start === selectedMatch.start;
     });
   }
-
   if (newIndex === undefined || newIndex === -1) {
     newIndex = findSearchIndex(tr.selection.from, newMatches);
   }
-
   var newSelectedMatch = newMatches[newIndex];
   decorationSet = removeMatchesFromSet(decorationSet, [selectedMatch, newSelectedMatch], tr.doc);
-
   if (newSelectedMatch) {
     decorationSet = decorationSet.add(tr.doc, createDecorations(0, [newSelectedMatch]));
   }
-
   return _objectSpread(_objectSpread({}, pluginState), {}, {
     matches: newMatches,
     index: newIndex,
     decorationSet: decorationSet
   });
 };
-
 var _pluginFactory = pluginFactory(findReplacePluginKey, reducer(function () {
-  return initialState;
-}), {
-  onDocChanged: handleDocChanged
-}),
-    createCommand = _pluginFactory.createCommand,
-    getPluginState = _pluginFactory.getPluginState,
-    createPluginState = _pluginFactory.createPluginState;
-
+    return initialState;
+  }), {
+    onDocChanged: handleDocChanged
+  }),
+  createCommand = _pluginFactory.createCommand,
+  getPluginState = _pluginFactory.getPluginState,
+  createPluginState = _pluginFactory.createPluginState;
 export { createCommand, getPluginState, createPluginState };
 export var createPlugin = function createPlugin(dispatch) {
   return new SafePlugin({
@@ -136,10 +121,9 @@ export var createPlugin = function createPlugin(dispatch) {
     props: {
       decorations: function decorations(state) {
         var _getPluginState = getPluginState(state),
-            isActive = _getPluginState.isActive,
-            findText = _getPluginState.findText,
-            decorationSet = _getPluginState.decorationSet;
-
+          isActive = _getPluginState.isActive,
+          findText = _getPluginState.findText,
+          decorationSet = _getPluginState.decorationSet;
         if (isActive && findText) {
           return decorationSet;
         }

package/dist/esm/plugins/find-replace/reducer.js

@@ -1,11 +1,7 @@
 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 { FindReplaceActionTypes } from './actions';
-
 var reducer = function reducer(getInitialState) {
   return function (state, action) {
     switch (action.type) {
@@ -18,24 +14,20 @@ var reducer = function reducer(getInitialState) {
           matches: action.matches || state.matches,
           index: action.index !== undefined ? action.index : state.index
         });
-
       case FindReplaceActionTypes.UPDATE_DECORATIONS:
         return _objectSpread(_objectSpread({}, state), {}, {
           decorationSet: action.decorationSet
         });
-
       case FindReplaceActionTypes.FIND_NEXT:
         return _objectSpread(_objectSpread({}, state), {}, {
           index: action.index,
           decorationSet: action.decorationSet
         });
-
       case FindReplaceActionTypes.FIND_PREVIOUS:
         return _objectSpread(_objectSpread({}, state), {}, {
           index: action.index,
           decorationSet: action.decorationSet
         });
-
       case FindReplaceActionTypes.REPLACE:
       case FindReplaceActionTypes.REPLACE_ALL:
         return _objectSpread(_objectSpread({}, state), {}, {
@@ -44,24 +36,19 @@ var reducer = function reducer(getInitialState) {
           matches: action.matches,
           index: action.index
         });
-
       case FindReplaceActionTypes.CANCEL:
         return getInitialState();
-
       case FindReplaceActionTypes.BLUR:
         return _objectSpread(_objectSpread({}, state), {}, {
           shouldFocus: false
         });
-
       case FindReplaceActionTypes.TOGGLE_MATCH_CASE:
         return _objectSpread(_objectSpread({}, state), {}, {
           shouldMatchCase: !state.shouldMatchCase
         });
-
       default:
         return state;
     }
   };
 };
-
 export default reducer;

package/dist/esm/plugins/find-replace/styles.js

@@ -1,8 +1,7 @@
 import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
-
 var _templateObject;
-
 /* eslint-disable @atlaskit/design-system/ensure-design-token-usage */
+
 // TODO: https://product-fabric.atlassian.net/browse/DSP-4290
 import { css } from '@emotion/react';
 import { B75, B200 } from '@atlaskit/theme/colors';

package/dist/esm/plugins/find-replace/ui/Find.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; } }
-
 /** @jsx jsx */
 import React from 'react';
 import { jsx } from '@emotion/react';
@@ -59,26 +56,17 @@ var messages = defineMessages({
     defaultMessage: '{selectedMatchPosition} of {totalResultsCount}'
   }
 });
-
 var Find = /*#__PURE__*/function (_React$Component) {
   _inherits(Find, _React$Component);
-
   var _super = _createSuper(Find);
-
   function Find(props) {
     var _this;
-
     _classCallCheck(this, Find);
-
     _this = _super.call(this, props);
-
     _defineProperty(_assertThisInitialized(_this), "findTextfieldRef", /*#__PURE__*/React.createRef());
-
     _defineProperty(_assertThisInitialized(_this), "isComposing", false);
-
     _defineProperty(_assertThisInitialized(_this), "syncFindText", function () {
       var _this$state;
-
       // If the external prop findText changes and we aren't in a composition we should update to
       // use the external prop value.
       //
@@ -88,37 +76,29 @@ var Find = /*#__PURE__*/function (_React$Component) {
         _this.updateFindValue(_this.props.findText || '');
       }
     });
-
     _defineProperty(_assertThisInitialized(_this), "skipWhileComposing", function (fn) {
       if (_this.isComposing) {
         return;
       }
-
       fn();
     });
-
     _defineProperty(_assertThisInitialized(_this), "focusFindTextfield", function () {
       var input = _this.findTextfieldRef.current;
-
       if (_this.props.shouldFocus && input) {
         input.select();
       }
     });
-
     _defineProperty(_assertThisInitialized(_this), "handleFindChange", function (event) {
       _this.updateFindValue(event.target.value);
     });
-
     _defineProperty(_assertThisInitialized(_this), "updateFindValue", function (value) {
       _this.setState({
         localFindText: value
       });
-
       _this.skipWhileComposing(function () {
         _this.props.onFind(value);
       });
     });
-
     _defineProperty(_assertThisInitialized(_this), "handleFindKeyDown", function (event) {
       return _this.skipWhileComposing(function () {
         if (event.key === 'Enter') {
@@ -137,7 +117,6 @@ var Find = /*#__PURE__*/function (_React$Component) {
         }
       });
     });
-
     _defineProperty(_assertThisInitialized(_this), "handleFindNextClick", function (ref) {
       return _this.skipWhileComposing(function () {
         _this.props.onFindNext({
@@ -145,7 +124,6 @@ var Find = /*#__PURE__*/function (_React$Component) {
         });
       });
     });
-
     _defineProperty(_assertThisInitialized(_this), "handleFindPrevClick", function (ref) {
       return _this.skipWhileComposing(function () {
         _this.props.onFindPrev({
@@ -153,31 +131,25 @@ var Find = /*#__PURE__*/function (_React$Component) {
         });
       });
     });
-
     _defineProperty(_assertThisInitialized(_this), "handleCompositionStart", function () {
       _this.isComposing = true;
     });
-
     _defineProperty(_assertThisInitialized(_this), "handleCompositionEnd", function (event) {
-      _this.isComposing = false; // type for React.CompositionEvent doesn't set type for target correctly
-
+      _this.isComposing = false;
+      // type for React.CompositionEvent doesn't set type for target correctly
       _this.updateFindValue(event.target.value);
     });
-
     _defineProperty(_assertThisInitialized(_this), "clearSearch", function () {
       _this.props.onCancel({
         triggerMethod: TRIGGER_METHOD.BUTTON
       });
     });
-
     _defineProperty(_assertThisInitialized(_this), "handleMatchCaseClick", function (buttonRef) {
       if (_this.props.allowMatchCase && _this.props.onToggleMatchCase) {
         _this.props.onToggleMatchCase();
-
         _this.props.onFind(_this.props.findText);
       }
     });
-
     var formatMessage = props.intl.formatMessage;
     _this.find = formatMessage(messages.find);
     _this.closeFindReplaceDialog = formatMessage(messages.closeFindReplaceDialog);
@@ -196,16 +168,16 @@ var Find = /*#__PURE__*/function (_React$Component) {
     });
     _this.closeIcon = jsx(EditorCloseIcon, {
       label: _this.closeFindReplaceDialog
-    }); // We locally manage the value of the input inside this component in order to support compositions.
+    });
+
+    // We locally manage the value of the input inside this component in order to support compositions.
     // This requires some additional work inside componentDidUpdate to ensure we support changes that
     // occur to this value which do not originate from this component.
-
     _this.state = {
       localFindText: ''
     };
     return _this;
   }
-
   _createClass(Find, [{
     key: "componentDidMount",
     value: function componentDidMount() {
@@ -223,11 +195,11 @@ var Find = /*#__PURE__*/function (_React$Component) {
     key: "render",
     value: function render() {
       var _this$props = this.props,
-          findText = _this$props.findText,
-          count = _this$props.count,
-          allowMatchCase = _this$props.allowMatchCase,
-          shouldMatchCase = _this$props.shouldMatchCase,
-          formatMessage = _this$props.intl.formatMessage;
+        findText = _this$props.findText,
+        count = _this$props.count,
+        allowMatchCase = _this$props.allowMatchCase,
+        shouldMatchCase = _this$props.shouldMatchCase,
+        formatMessage = _this$props.intl.formatMessage;
       var resultsCount = formatMessage(messages.resultsCount, {
         selectedMatchPosition: count.index + 1,
         totalResultsCount: count.total
@@ -274,8 +246,6 @@ var Find = /*#__PURE__*/function (_React$Component) {
       }));
     }
   }]);
-
   return Find;
 }(React.Component);
-
 export default injectIntl(Find);