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

package/CHANGELOG.md

@@ -1,5 +1,24 @@
 # @atlaskit/editor-plugin-find-replace
 
+## 6.1.0
+
+### Minor Changes
+
+- [`a21ace8d15c80`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/a21ace8d15c80) -
+  [ux] Removing a feature gate that was introduced to improve the find and replace experience
+
+### Patch Changes
+
+- Updated dependencies
+
+## 6.0.9
+
+### Patch Changes
+
+- [`6dca69f45fa7f`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/6dca69f45fa7f) -
+  [ED-29493] clean up references to platform_editor_find_replace_a11y_fixes
+- Updated dependencies
+
 ## 6.0.8
 
 ### Patch Changes

package/dist/cjs/ui/Find.js

@@ -144,7 +144,7 @@ var Find = /*#__PURE__*/function (_React$Component) {
       return (0, _expValEquals.expValEquals)('platform_editor_find_and_replace_improvements', 'isEnabled', true) ? (0, _react2.jsx)(_textLetterCase.default, {
         LEGACY_size: 'small',
         LEGACY_fallbackIcon: _textStyle.default,
-        label: (0, _expValEquals.expValEquals)('platform_editor_find_replace_a11y_fixes', 'isEnabled', true) ? iconProps.label : _this.matchCase,
+        label: iconProps.label,
         size: "small"
       }) : (0, _react2.jsx)(_textStyleEmojiKeyboard.default, {
         LEGACY_size: 'small',

package/dist/cjs/ui/FindReplace.js

@@ -13,11 +13,9 @@ var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _react = _interopRequireDefault(require("react"));
 var _react2 = require("@emotion/react");
-var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
 var _Find = _interopRequireDefault(require("./Find"));
 var _Replace = _interopRequireDefault(require("./Replace"));
-var _ReplaceNext = _interopRequireDefault(require("./ReplaceNext"));
 var _uiStyles = require("./ui-styles");
 function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2.default)(o), (0, _possibleConstructorReturn2.default)(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2.default)(t).constructor) : o.apply(t, e)); }
 function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); } /* eslint-disable @atlaskit/design-system/consistent-css-prop-usage */ /* eslint-disable @atlaskit/design-system/prefer-primitives */ /**
@@ -32,36 +30,6 @@ var FindReplace = /*#__PURE__*/function (_React$PureComponent) {
     _this = _callSuper(this, FindReplace, [props]);
     (0, _defineProperty2.default)(_this, "findTextfield", null);
     (0, _defineProperty2.default)(_this, "replaceTextfield", null);
-    /**
-     * Delete this function on cleanup of
-     * editor_a11y_refactor_find_replace_style
-     */
-    (0, _defineProperty2.default)(_this, "handleTabNavigation", function (event) {
-      if ((0, _platformFeatureFlags.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();
-        }
-      }
-    });
     (0, _defineProperty2.default)(_this, "state", {
       findTyped: false
     });
@@ -91,18 +59,6 @@ var FindReplace = /*#__PURE__*/function (_React$PureComponent) {
   }
   (0, _inherits2.default)(FindReplace, _React$PureComponent);
   return (0, _createClass2.default)(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,
@@ -124,9 +80,9 @@ var FindReplace = /*#__PURE__*/function (_React$PureComponent) {
         onToggleMatchCase = _this$props.onToggleMatchCase;
       var focusToolbarButton = this.props.focusToolbarButton || function () {};
       return (0, _react2.jsx)("div", {
-        role: (0, _expValEquals.expValEquals)('platform_editor_find_replace_a11y_fixes', 'isEnabled', true) ? 'dialog' : undefined,
-        "aria-label": (0, _expValEquals.expValEquals)('platform_editor_find_replace_a11y_fixes', 'isEnabled', true) ? 'Find and Replace' : undefined,
-        "aria-modal": (0, _expValEquals.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
         ,
@@ -151,22 +107,7 @@ var FindReplace = /*#__PURE__*/function (_React$PureComponent) {
         role: "presentation",
         css: _uiStyles.ruleStyles,
         id: "replace-hr-element"
-      }), (0, _platformFeatureFlags.fg)('editor_a11y_refactor_find_replace_style') ? (0, _react2.jsx)(_ReplaceNext.default, {
-        canReplace: (0, _expValEquals.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
-      }) : (0, _react2.jsx)(_Replace.default, {
+      }), (0, _react2.jsx)(_Replace.default, {
         canReplace: (0, _expValEquals.expValEquals)('platform_editor_find_and_replace_improvements', 'isEnabled', true) ? !!isReplaceable : count.total > 0,
         replaceText: replaceText,
         onReplace: onReplace,