@atlaskit/editor-plugin-find-replace 6.0.8 → 6.1.0

package/dist/esm/ui/FindReplace.js

@@ -16,11 +16,9 @@ import React from 'react';
 
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { jsx } from '@emotion/react';
-import { fg } from '@atlaskit/platform-feature-flags';
 import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 import Find from './Find';
 import Replace from './Replace';
-import ReplaceNext from './ReplaceNext';
 import { ruleStyles, wrapperPaddingStyles, wrapperStyles } from './ui-styles';
 // eslint-disable-next-line @repo/internal/react/no-class-components
 var FindReplace = /*#__PURE__*/function (_React$PureComponent) {
@@ -30,36 +28,6 @@ var FindReplace = /*#__PURE__*/function (_React$PureComponent) {
     _this = _callSuper(this, FindReplace, [props]);
     _defineProperty(_this, "findTextfield", null);
     _defineProperty(_this, "replaceTextfield", null);
-    /**
-     * Delete this function on cleanup of
-     * editor_a11y_refactor_find_replace_style
-     */
-    _defineProperty(_this, "handleTabNavigation", function (event) {
-      if (fg('editor_a11y_refactor_find_replace_style')) {
-        return;
-      }
-      if (event.key === 'Tab') {
-        event.preventDefault();
-        var modalFindReplace = _this.modalRef.current;
-        if (!modalFindReplace || !modalFindReplace.contains(document.activeElement)) {
-          return;
-        }
-        var focusableElements = Array.from(modalFindReplace.querySelectorAll('[tabindex]:not([tabindex="-1"]), input, button')).filter(function (el) {
-          return el.getAttribute('tabindex') !== '-1';
-        });
-        var currentIndex = focusableElements.findIndex(function (el) {
-          return el === document.activeElement;
-        });
-        var isShiftPressed = event.shiftKey;
-        if (isShiftPressed) {
-          var prevIndex = (currentIndex - 1 + focusableElements.length) % focusableElements.length;
-          focusableElements[prevIndex].focus();
-        } else {
-          var nextIndex = (currentIndex + 1) % focusableElements.length;
-          focusableElements[nextIndex].focus();
-        }
-      }
-    });
     _defineProperty(_this, "state", {
       findTyped: false
     });
@@ -89,18 +57,6 @@ var FindReplace = /*#__PURE__*/function (_React$PureComponent) {
   }
   _inherits(FindReplace, _React$PureComponent);
   return _createClass(FindReplace, [{
-    key: "componentDidMount",
-    value: function componentDidMount() {
-      // eslint-disable-next-line
-      window.addEventListener('keydown', this.handleTabNavigation);
-    }
-  }, {
-    key: "componentWillUnmount",
-    value: function componentWillUnmount() {
-      // eslint-disable-next-line
-      window.removeEventListener('keydown', this.handleTabNavigation);
-    }
-  }, {
     key: "render",
     value: function render() {
       var _this$props = this.props,
@@ -122,9 +78,9 @@ var FindReplace = /*#__PURE__*/function (_React$PureComponent) {
         onToggleMatchCase = _this$props.onToggleMatchCase;
       var focusToolbarButton = this.props.focusToolbarButton || function () {};
       return jsx("div", {
-        role: expValEquals('platform_editor_find_replace_a11y_fixes', 'isEnabled', true) ? 'dialog' : undefined,
-        "aria-label": expValEquals('platform_editor_find_replace_a11y_fixes', 'isEnabled', true) ? 'Find and Replace' : undefined,
-        "aria-modal": expValEquals('platform_editor_find_replace_a11y_fixes', 'isEnabled', true) ? false : undefined,
+        role: 'dialog',
+        "aria-label": 'Find and Replace',
+        "aria-modal": false,
         ref: this.modalRef
         // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
         ,
@@ -149,22 +105,7 @@ var FindReplace = /*#__PURE__*/function (_React$PureComponent) {
         role: "presentation",
         css: ruleStyles,
         id: "replace-hr-element"
-      }), fg('editor_a11y_refactor_find_replace_style') ? jsx(ReplaceNext, {
-        canReplace: expValEquals('platform_editor_find_and_replace_improvements', 'isEnabled', true) ? !!isReplaceable : count.total > 0,
-        replaceText: replaceText,
-        onReplace: onReplace,
-        onReplaceAll: onReplaceAll,
-        onReplaceTextfieldRefSet: this.setReplaceTextfieldRef,
-        onArrowUp: this.setFocusToFind,
-        onCancel: onCancel,
-        count: count,
-        onFindPrev: onFindPrev,
-        onFindNext: onFindNext,
-        dispatchAnalyticsEvent: dispatchAnalyticsEvent,
-        findTyped: this.state.findTyped,
-        setFindTyped: this.setFindTyped,
-        focusToolbarButton: focusToolbarButton
-      }) : jsx(Replace, {
+      }), jsx(Replace, {
         canReplace: expValEquals('platform_editor_find_and_replace_improvements', 'isEnabled', true) ? !!isReplaceable : count.total > 0,
         replaceText: replaceText,
         onReplace: onReplace,