@atlaskit/editor-core 191.0.8 → 191.1.0

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

@@ -1,133 +0,0 @@
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
-import { DecorationSet } from '@atlaskit/editor-prosemirror/view';
-import { pluginFactory } from '@atlaskit/editor-common/utils';
-import reducer from './reducer';
-import { findMatches, createDecorations, removeDecorationsFromSet, findSearchIndex, removeMatchesFromSet, findDecorationFromMatch, isMatchAffectedByStep } from './utils';
-import { findUniqueItemsIn } from '../../utils/array';
-import { stepHasSlice } from '@atlaskit/editor-common/utils';
-import { findReplacePluginKey } from './plugin-key';
-export var initialState = {
-  isActive: false,
-  shouldFocus: false,
-  findText: '',
-  replaceText: '',
-  index: 0,
-  matches: [],
-  decorationSet: DecorationSet.empty,
-  shouldMatchCase: false
-};
-var handleDocChanged = function handleDocChanged(tr, pluginState) {
-  var isActive = pluginState.isActive,
-    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;
-  var newMatches = findMatches(tr.doc, findText, shouldMatchCase);
-  decorationSet = decorationSet.map(tr.mapping, tr.doc);
-  var numDecorations = decorationSet.find().length;
-  var mappedMatches = matches.map(function (match) {
-    return {
-      start: tr.mapping.map(match.start),
-      end: tr.mapping.map(match.end)
-    };
-  });
-  var matchesToAdd = [];
-  var matchesToDelete = [];
-  if (newMatches.length > 0 && numDecorations === 0) {
-    matchesToAdd = newMatches;
-  } else if (newMatches.length === 0 && numDecorations > 0) {
-    decorationSet = DecorationSet.empty;
-  } else if (newMatches.length > 0 || numDecorations > 0) {
-    // go through tr steps and find any new matches from user adding content or
-    // any dead matches from user deleting content
-    tr.steps.forEach(function (step) {
-      if (stepHasSlice(step)) {
-        // add all matches that are between the affected positions and don't already have
-        // 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
-        matchesToDelete = [].concat(_toConsumableArray(matchesToDelete), _toConsumableArray(findUniqueItemsIn(mappedMatches.filter(function (match) {
-          return isMatchAffectedByStep(match, step, tr) && !!findDecorationFromMatch(decorationSet, match);
-        }), newMatches, function (firstMatch, secondMatch) {
-          return firstMatch.start === secondMatch.start && firstMatch.end === secondMatch.end;
-        })));
-      }
-    });
-  }
-
-  // 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
-  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;
-export { createCommand, getPluginState, createPluginState };
-export var createPlugin = function createPlugin(dispatch) {
-  return new SafePlugin({
-    key: findReplacePluginKey,
-    state: createPluginState(dispatch, function () {
-      return initialState;
-    }),
-    props: {
-      decorations: function decorations(state) {
-        var _getPluginState = getPluginState(state),
-          isActive = _getPluginState.isActive,
-          findText = _getPluginState.findText,
-          decorationSet = _getPluginState.decorationSet;
-        if (isActive && findText) {
-          return decorationSet;
-        }
-      }
-    }
-  });
-};

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

@@ -1,54 +0,0 @@
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-import { FindReplaceActionTypes } from './actions';
-var reducer = function reducer(getInitialState) {
-  return function (state, action) {
-    switch (action.type) {
-      case FindReplaceActionTypes.ACTIVATE:
-      case FindReplaceActionTypes.FIND:
-        return _objectSpread(_objectSpread({}, state), {}, {
-          isActive: true,
-          shouldFocus: action.type === FindReplaceActionTypes.ACTIVATE,
-          findText: action.findText !== undefined ? action.findText : state.findText,
-          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), {}, {
-          replaceText: action.replaceText,
-          decorationSet: action.decorationSet,
-          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,10 +0,0 @@
-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';
-export var searchMatchClass = 'search-match';
-export var selectedSearchMatchClass = 'selected-search-match';
-export var findReplaceStyles = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  .", " {\n    background-color: ", ";\n  }\n\n  .", " {\n    background-color: ", ";\n    color: white;\n  }\n"])), searchMatchClass, B75, selectedSearchMatchClass, B200);

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

@@ -1 +0,0 @@
-export {};

package/dist/esm/plugins/find-replace/ui/Find.js

@@ -1,302 +0,0 @@
-import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
-import _createClass from "@babel/runtime/helpers/createClass";
-import _assertThisInitialized from "@babel/runtime/helpers/assertThisInitialized";
-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';
-import { defineMessages, injectIntl } from 'react-intl-next';
-import debounce from 'lodash/debounce';
-import EditorCloseIcon from '@atlaskit/icon/glyph/editor/close';
-import ChevronDownIcon from '@atlaskit/icon/glyph/hipchat/chevron-down';
-import ChevronUpIcon from '@atlaskit/icon/glyph/hipchat/chevron-up';
-import MatchCaseIcon from '@atlaskit/icon/glyph/emoji/keyboard';
-import Textfield from '@atlaskit/textfield';
-import { countStyles, countWrapperStyles, sectionWrapperStyles } from './styles';
-import { TRIGGER_METHOD } from '@atlaskit/editor-common/analytics';
-import { FindReplaceTooltipButton } from './FindReplaceTooltipButton';
-import rafSchd from 'raf-schd';
-import { getBooleanFF } from '@atlaskit/platform-feature-flags';
-export var FIND_DEBOUNCE_MS = 100;
-var messages = defineMessages({
-  find: {
-    id: 'fabric.editor.find',
-    defaultMessage: 'Find',
-    description: 'The word or phrase to search for on the document'
-  },
-  matchCase: {
-    id: 'fabric.editor.matchCase',
-    defaultMessage: 'Match case',
-    description: 'Toggle whether should also match case when searching for text'
-  },
-  findNext: {
-    id: 'fabric.editor.findNext',
-    defaultMessage: 'Find next',
-    description: 'Locate the next occurrence of the word or phrase that was searched for'
-  },
-  findPrevious: {
-    id: 'fabric.editor.findPrevious',
-    defaultMessage: 'Find previous',
-    description: 'Locate the previous occurrence of the word or phrase that was searched for'
-  },
-  closeFindReplaceDialog: {
-    id: 'fabric.editor.closeFindReplaceDialog',
-    defaultMessage: 'Close',
-    description: 'Cancel search and close the "Find and Replace" dialog'
-  },
-  noResultsFound: {
-    id: 'fabric.editor.noResultsFound',
-    defaultMessage: 'No results',
-    description: 'No matches were found for the word or phrase that was searched for'
-  },
-  resultsCount: {
-    id: 'fabric.editor.resultsCount',
-    description: 'Text for selected search match position and total results count',
-    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 (onSynced) {
-      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.
-      //
-      // An example of where this may happen is when a find occurs through the user selecting some text
-      // and pressing Mod-f.
-      if (!_this.isComposing && _this.props.findText !== ((_this$state = _this.state) === null || _this$state === void 0 ? void 0 : _this$state.localFindText)) {
-        _this.updateFindValue(_this.props.findText || '', onSynced);
-      }
-    });
-    _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);
-    });
-    // debounce (vs throttle) to not block typing inside find input while onFind runs
-    _defineProperty(_assertThisInitialized(_this), "debouncedFind", debounce(function (value) {
-      _this.props.onFind(value);
-    }, FIND_DEBOUNCE_MS));
-    _defineProperty(_assertThisInitialized(_this), "updateFindValue", function (value, onSynced) {
-      _this.setState({
-        localFindText: value
-      }, function () {
-        if (_this.isComposing) {
-          return;
-        }
-        onSynced && onSynced();
-        _this.debouncedFind(value);
-      });
-    });
-    // throtlle between animation frames gives better experience on Enter compared to arbitrary value
-    // it adjusts based on performance (and document size)
-    _defineProperty(_assertThisInitialized(_this), "handleFindKeyDownThrottled", rafSchd(function (event) {
-      if (event.key === 'Enter') {
-        if (event.shiftKey) {
-          _this.props.onFindPrev({
-            triggerMethod: TRIGGER_METHOD.KEYBOARD
-          });
-        } else {
-          _this.props.onFindNext({
-            triggerMethod: TRIGGER_METHOD.KEYBOARD
-          });
-        }
-      } else if (event.key === 'ArrowDown') {
-        // we want to move focus between find & replace texfields when user hits up/down arrows
-        _this.props.onArrowDown();
-      }
-    }));
-    _defineProperty(_assertThisInitialized(_this), "handleFindKeyDown", function (event) {
-      if (_this.isComposing) {
-        return;
-      }
-      event.persist();
-      _this.handleFindKeyDownThrottled(event);
-    });
-    _defineProperty(_assertThisInitialized(_this), "handleFindKeyUp", function () {
-      _this.handleFindKeyDownThrottled.cancel();
-    });
-    _defineProperty(_assertThisInitialized(_this), "handleFindNextClick", function (ref) {
-      if (_this.isComposing) {
-        return;
-      }
-      _this.props.onFindNext({
-        triggerMethod: TRIGGER_METHOD.BUTTON
-      });
-    });
-    _defineProperty(_assertThisInitialized(_this), "handleFindPrevClick", function (ref) {
-      if (_this.isComposing) {
-        return;
-      }
-      _this.props.onFindPrev({
-        triggerMethod: TRIGGER_METHOD.BUTTON
-      });
-    });
-    _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.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);
-    _this.noResultsFound = formatMessage(messages.noResultsFound);
-    _this.findNext = formatMessage(messages.findNext);
-    _this.findPrevious = formatMessage(messages.findPrevious);
-    _this.matchCase = formatMessage(messages.matchCase);
-    _this.matchCaseIcon = jsx(MatchCaseIcon, {
-      label: _this.matchCase
-    });
-    _this.findNextIcon = jsx(ChevronDownIcon, {
-      label: _this.findNext
-    });
-    _this.findPrevIcon = jsx(ChevronUpIcon, {
-      label: _this.findPrevious
-    });
-    _this.closeIcon = jsx(EditorCloseIcon, {
-      label: _this.closeFindReplaceDialog
-    });
-
-    // 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() {
-      var _this2 = this;
-      this.props.onFindTextfieldRefSet(this.findTextfieldRef);
-
-      // focus initially on dialog mount if there is no find text provided
-      if (!this.props.findText) {
-        this.focusFindTextfield();
-      }
-      this.syncFindText(function () {
-        // focus after input is synced if find text provided
-        if (_this2.props.findText) {
-          _this2.focusFindTextfield();
-        }
-      });
-    }
-  }, {
-    key: "componentDidUpdate",
-    value: function componentDidUpdate(prevProps) {
-      var _this3 = this;
-      // focus on update if find text did not change
-      if (!getBooleanFF('platform.editor.a11y-find-replace')) {
-        var _this$state2;
-        if (this.props.findText === ((_this$state2 = this.state) === null || _this$state2 === void 0 ? void 0 : _this$state2.localFindText)) {
-          this.focusFindTextfield();
-        }
-        if (this.props.findText !== prevProps.findText) {
-          this.syncFindText(function () {
-            // focus after input is synced if find text provided
-            if (_this3.props.findText) {
-              _this3.focusFindTextfield();
-            }
-          });
-        }
-      }
-    }
-  }, {
-    key: "componentWillUnmount",
-    value: function componentWillUnmount() {
-      this.debouncedFind.cancel();
-      this.handleFindKeyDownThrottled.cancel();
-    }
-  }, {
-    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;
-      var resultsCount = formatMessage(messages.resultsCount, {
-        selectedMatchPosition: count.index + 1,
-        totalResultsCount: count.total
-      });
-      return jsx("div", {
-        css: sectionWrapperStyles
-      }, jsx(Textfield, {
-        name: "find",
-        appearance: "none",
-        placeholder: this.find,
-        value: this.state.localFindText,
-        ref: this.findTextfieldRef,
-        autoComplete: "off",
-        onChange: this.handleFindChange,
-        onKeyDown: this.handleFindKeyDown,
-        onKeyUp: this.handleFindKeyUp,
-        onBlur: this.props.onFindBlur,
-        onCompositionStart: this.handleCompositionStart,
-        onCompositionEnd: this.handleCompositionEnd
-      }), jsx("div", {
-        css: countWrapperStyles,
-        "aria-live": "polite"
-      }, findText && jsx("span", {
-        "data-testid": "textfield-count",
-        css: countStyles
-      }, count.total === 0 ? this.noResultsFound : resultsCount)), allowMatchCase && jsx(FindReplaceTooltipButton, {
-        title: this.matchCase,
-        icon: this.matchCaseIcon,
-        onClick: this.handleMatchCaseClick,
-        isPressed: shouldMatchCase
-      }), jsx(FindReplaceTooltipButton, {
-        title: this.findNext,
-        icon: this.findNextIcon,
-        keymapDescription: 'Enter',
-        onClick: this.handleFindNextClick,
-        disabled: count.total <= 1
-      }), jsx(FindReplaceTooltipButton, {
-        title: this.findPrevious,
-        icon: this.findPrevIcon,
-        keymapDescription: 'Shift Enter',
-        onClick: this.handleFindPrevClick,
-        disabled: count.total <= 1
-      }), jsx(FindReplaceTooltipButton, {
-        title: this.closeFindReplaceDialog,
-        icon: this.closeIcon,
-        keymapDescription: 'Escape',
-        onClick: this.clearSearch
-      }));
-    }
-  }]);
-  return Find;
-}(React.Component);
-export default injectIntl(Find);

package/dist/esm/plugins/find-replace/ui/FindReplace.js

@@ -1,97 +0,0 @@
-import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
-import _createClass from "@babel/runtime/helpers/createClass";
-import _assertThisInitialized from "@babel/runtime/helpers/assertThisInitialized";
-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';
-import Find from './Find';
-import Replace from './Replace';
-import { ruleStyles, wrapperStyles } from './styles';
-var FindReplace = /*#__PURE__*/function (_React$PureComponent) {
-  _inherits(FindReplace, _React$PureComponent);
-  var _super = _createSuper(FindReplace);
-  function FindReplace() {
-    var _this;
-    _classCallCheck(this, FindReplace);
-    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), "findTextfield", null);
-    _defineProperty(_assertThisInitialized(_this), "replaceTextfield", null);
-    _defineProperty(_assertThisInitialized(_this), "setFindTextfieldRef", function (findTextfieldRef) {
-      _this.findTextfield = findTextfieldRef.current;
-    });
-    _defineProperty(_assertThisInitialized(_this), "setReplaceTextfieldRef", function (replaceTextfieldRef) {
-      _this.replaceTextfield = replaceTextfieldRef.current;
-    });
-    _defineProperty(_assertThisInitialized(_this), "setFocusToFind", function () {
-      if (_this.findTextfield) {
-        _this.findTextfield.focus();
-      }
-    });
-    _defineProperty(_assertThisInitialized(_this), "setFocusToReplace", function () {
-      if (_this.replaceTextfield) {
-        _this.replaceTextfield.focus();
-      }
-    });
-    return _this;
-  }
-  _createClass(FindReplace, [{
-    key: "render",
-    value: function render() {
-      var _this$props = this.props,
-        findText = _this$props.findText,
-        count = _this$props.count,
-        shouldFocus = _this$props.shouldFocus,
-        onFind = _this$props.onFind,
-        onFindBlur = _this$props.onFindBlur,
-        onFindNext = _this$props.onFindNext,
-        onFindPrev = _this$props.onFindPrev,
-        onCancel = _this$props.onCancel,
-        replaceText = _this$props.replaceText,
-        onReplace = _this$props.onReplace,
-        onReplaceAll = _this$props.onReplaceAll,
-        dispatchAnalyticsEvent = _this$props.dispatchAnalyticsEvent,
-        allowMatchCase = _this$props.allowMatchCase,
-        shouldMatchCase = _this$props.shouldMatchCase,
-        onToggleMatchCase = _this$props.onToggleMatchCase;
-      return jsx("div", {
-        css: wrapperStyles
-      }, jsx(Find, {
-        allowMatchCase: allowMatchCase,
-        shouldMatchCase: shouldMatchCase,
-        onToggleMatchCase: onToggleMatchCase,
-        findText: findText,
-        count: count,
-        shouldFocus: shouldFocus,
-        onFind: onFind,
-        onFindBlur: onFindBlur,
-        onFindPrev: onFindPrev,
-        onFindNext: onFindNext,
-        onFindTextfieldRefSet: this.setFindTextfieldRef,
-        onCancel: onCancel,
-        onArrowDown: this.setFocusToReplace
-      }), jsx("hr", {
-        css: ruleStyles,
-        id: "replace-hr-element"
-      }), jsx(Replace, {
-        canReplace: count.total > 0,
-        replaceText: replaceText,
-        onReplace: onReplace,
-        onReplaceAll: onReplaceAll,
-        onReplaceTextfieldRefSet: this.setReplaceTextfieldRef,
-        onArrowUp: this.setFocusToFind,
-        dispatchAnalyticsEvent: dispatchAnalyticsEvent
-      }));
-    }
-  }]);
-  return FindReplace;
-}(React.PureComponent);
-export default FindReplace;