@atlaskit/editor-plugin-find-replace 1.2.10 → 1.3.1

package/CHANGELOG.md

@@ -1,5 +1,23 @@
 # @atlaskit/editor-plugin-find-replace
 
+## 1.3.1
+
+### Patch Changes
+
+- Updated dependencies
+
+## 1.3.0
+
+### Minor Changes
+
+- [#106001](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/106001)
+  [`2a3e33b1e7727`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/2a3e33b1e7727) -
+  [ux] ECA11Y-75: Remove feature flag and fix tests
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 1.2.10
 
 ### Patch Changes

package/dist/cjs/styles.js

@@ -8,7 +8,6 @@ exports.selectedSearchMatchClass = exports.searchMatchClass = exports.findReplac
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _react = require("@emotion/react");
 var _colors = require("@atlaskit/theme/colors");
-var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _css;
 /* eslint-disable @atlaskit/design-system/ensure-design-token-usage/preview */
 /* eslint-disable @atlaskit/design-system/ensure-design-token-usage */
@@ -16,15 +15,10 @@ var _css;
 // TODO: https://product-fabric.atlassian.net/browse/DSP-4290
 var searchMatchClass = exports.searchMatchClass = 'search-match';
 var selectedSearchMatchClass = exports.selectedSearchMatchClass = 'selected-search-match';
-var findReplaceStyles = exports.findReplaceStyles = (0, _react.css)((_css = {}, (0, _defineProperty2.default)(_css, ".".concat(searchMatchClass), (0, _platformFeatureFlags.getBooleanFF)('platform.editor.a11y-find-replace') ? {
+var findReplaceStyles = exports.findReplaceStyles = (0, _react.css)((_css = {}, (0, _defineProperty2.default)(_css, ".".concat(searchMatchClass), {
   borderRadius: '3px',
   backgroundColor: "var(--ds-background-accent-teal-subtlest, #E7F9FF)",
   boxShadow: "var(--ds-shadow-raised, ".concat("0 1px 1px 0 ".concat(_colors.N50A, ", 0 0 1px 0 ").concat(_colors.N60A), ")") + ', inset 0 0 0 1px ' + "var(--ds-border-input, ".concat("".concat(_colors.N40A), ")")
-} : {
-  backgroundColor: _colors.B75
-}), (0, _defineProperty2.default)(_css, ".".concat(selectedSearchMatchClass), (0, _platformFeatureFlags.getBooleanFF)('platform.editor.a11y-find-replace') ? {
+}), (0, _defineProperty2.default)(_css, ".".concat(selectedSearchMatchClass), {
   backgroundColor: "var(--ds-background-accent-teal-subtle, #6CC3E0)"
-} : {
-  backgroundColor: _colors.B200,
-  color: 'white'
 }), _css));

package/dist/cjs/ui/Find.js

@@ -20,16 +20,12 @@ var _reactIntlNext = require("react-intl-next");
 var _analytics = require("@atlaskit/editor-common/analytics");
 var _messages = require("@atlaskit/editor-common/messages");
 var _form = require("@atlaskit/form");
-var _close = _interopRequireDefault(require("@atlaskit/icon/glyph/editor/close"));
 var _keyboard = _interopRequireDefault(require("@atlaskit/icon/glyph/emoji/keyboard"));
-var _chevronDown = _interopRequireDefault(require("@atlaskit/icon/glyph/hipchat/chevron-down"));
-var _chevronUp = _interopRequireDefault(require("@atlaskit/icon/glyph/hipchat/chevron-up"));
-var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _textfield = _interopRequireDefault(require("@atlaskit/textfield"));
 var _FindReplaceTooltipButton = require("./FindReplaceTooltipButton");
 var _styles = require("./styles");
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(this, result); }; }
-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 */ /** @jsx jsx */
+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 */ /** @jsx jsx */ // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 var FIND_DEBOUNCE_MS = exports.FIND_DEBOUNCE_MS = 100;
 // eslint-disable-next-line @repo/internal/react/no-class-components
 var Find = /*#__PURE__*/function (_React$Component) {
@@ -142,10 +138,7 @@ var Find = /*#__PURE__*/function (_React$Component) {
     });
     var formatMessage = props.intl.formatMessage;
     _this.find = formatMessage(_messages.findReplaceMessages.find);
-    _this.closeFindReplaceDialog = formatMessage(_messages.findReplaceMessages.closeFindReplaceDialog);
     _this.noResultsFound = formatMessage(_messages.findReplaceMessages.noResultsFound);
-    _this.findNext = formatMessage(_messages.findReplaceMessages.findNext);
-    _this.findPrevious = formatMessage(_messages.findReplaceMessages.findPrevious);
     _this.matchCase = formatMessage(_messages.findReplaceMessages.matchCase);
 
     // We locally manage the value of the input inside this component in order to support compositions.
@@ -209,26 +202,31 @@ var Find = /*#__PURE__*/function (_React$Component) {
         selectedMatchPosition: count.index + 1,
         totalResultsCount: count.total
       });
-      if ((0, _platformFeatureFlags.getBooleanFF)('platform.editor.a11y-find-replace')) {
-        var elemAfterInput = (0, _react2.jsx)("div", {
-          css: _styles.afterInputSection
-        }, (0, _react2.jsx)("div", {
-          "aria-live": "polite"
-        }, findText && (0, _react2.jsx)("span", {
-          "data-testid": "textfield-count",
-          css: [_styles.countStyles, _styles.countStylesAlternateStyles]
-        }, count.total === 0 ? this.noResultsFound : resultsCount)), (0, _react2.jsx)("div", {
-          css: _styles.matchCaseSection
-        }, (0, _react2.jsx)(_FindReplaceTooltipButton.FindReplaceTooltipButton, {
-          title: this.matchCase,
-          appearance: "default",
-          icon: _keyboard.default,
-          iconLabel: this.matchCase,
-          iconSize: (0, _platformFeatureFlags.getBooleanFF)('platform.editor.a11y-find-replace') ? 'small' : undefined,
-          onClick: this.handleMatchCaseClick,
-          isPressed: shouldMatchCase
-        })));
-        return (0, _react2.jsx)("div", {
+      var elemAfterInput =
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
+      (0, _react2.jsx)("div", {
+        css: _styles.afterInputSection
+      }, (0, _react2.jsx)("div", {
+        "aria-live": "polite"
+      }, findText &&
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
+      (0, _react2.jsx)("span", {
+        "data-testid": "textfield-count",
+        css: [_styles.countStyles, _styles.countStylesAlternateStyles]
+      }, count.total === 0 ? this.noResultsFound : resultsCount)), (0, _react2.jsx)("div", {
+        css: _styles.matchCaseSection
+      }, (0, _react2.jsx)(_FindReplaceTooltipButton.FindReplaceTooltipButton, {
+        title: this.matchCase,
+        appearance: "default",
+        icon: _keyboard.default,
+        iconLabel: this.matchCase,
+        iconSize: 'small',
+        onClick: this.handleMatchCaseClick,
+        isPressed: shouldMatchCase
+      })));
+      return (
+        // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
+        (0, _react2.jsx)("div", {
           css: [_styles.sectionWrapperStyles, _styles.sectionWrapperStylesAlternate]
         }, (0, _react2.jsx)("div", {
           css: _styles.textFieldWrapper
@@ -237,6 +235,7 @@ var Find = /*#__PURE__*/function (_React$Component) {
         }, this.find), (0, _react2.jsx)(_textfield.default, {
           name: "find",
           id: "find-text-field",
+          testId: "find-field",
           appearance: "standard",
           value: this.state.localFindText,
           ref: this.findTextfieldRef,
@@ -248,58 +247,8 @@ var Find = /*#__PURE__*/function (_React$Component) {
           onCompositionStart: this.handleCompositionStart,
           onCompositionEnd: this.handleCompositionEnd,
           elemAfterInput: elemAfterInput
-        })));
-      } else {
-        return (0, _react2.jsx)("div", {
-          css: _styles.sectionWrapperStyles
-        }, (0, _react2.jsx)(_textfield.default, {
-          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
-        }), (0, _react2.jsx)("div", {
-          css: _styles.countWrapperStyles,
-          "aria-live": "polite"
-        }, findText && (0, _react2.jsx)("span", {
-          "data-testid": "textfield-count",
-          css: _styles.countStyles
-        }, count.total === 0 ? this.noResultsFound : resultsCount)), (0, _react2.jsx)(_FindReplaceTooltipButton.FindReplaceTooltipButton, {
-          title: this.matchCase,
-          icon: _keyboard.default,
-          iconLabel: this.matchCase,
-          iconSize: (0, _platformFeatureFlags.getBooleanFF)('platform.editor.a11y-find-replace') ? 'small' : undefined,
-          onClick: this.handleMatchCaseClick,
-          isPressed: shouldMatchCase
-        }), (0, _react2.jsx)(_FindReplaceTooltipButton.FindReplaceTooltipButton, {
-          title: this.findNext,
-          icon: _chevronDown.default,
-          iconLabel: this.findNext,
-          keymapDescription: 'Enter',
-          onClick: this.handleFindNextClick,
-          disabled: count.total <= 1
-        }), (0, _react2.jsx)(_FindReplaceTooltipButton.FindReplaceTooltipButton, {
-          title: this.findPrevious,
-          icon: _chevronUp.default,
-          iconLabel: this.findPrevious,
-          keymapDescription: 'Shift Enter',
-          onClick: this.handleFindPrevClick,
-          disabled: count.total <= 1
-        }), (0, _react2.jsx)(_FindReplaceTooltipButton.FindReplaceTooltipButton, {
-          title: this.closeFindReplaceDialog,
-          icon: _close.default,
-          iconLabel: this.closeFindReplaceDialog,
-          keymapDescription: 'Escape',
-          onClick: this.clearSearch
-        }));
-      }
+        })))
+      );
     }
   }]);
   return Find;

package/dist/cjs/ui/FindReplace.js

@@ -14,12 +14,11 @@ var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/ge
 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 _Find = _interopRequireDefault(require("./Find"));
 var _Replace = _interopRequireDefault(require("./Replace"));
 var _styles = require("./styles");
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(this, result); }; }
-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 */ /** @jsx jsx */
+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 */ /** @jsx jsx */ // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 // eslint-disable-next-line @repo/internal/react/no-class-components
 var FindReplace = /*#__PURE__*/function (_React$PureComponent) {
   (0, _inherits2.default)(FindReplace, _React$PureComponent);
@@ -57,11 +56,9 @@ var FindReplace = /*#__PURE__*/function (_React$PureComponent) {
       findTyped: false
     });
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "setFindTyped", function (value) {
-      if ((0, _platformFeatureFlags.getBooleanFF)('platform.editor.a11y-find-replace')) {
-        _this.setState({
-          findTyped: value
-        });
-      }
+      _this.setState({
+        findTyped: value
+      });
     });
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "setFindTextfieldRef", function (findTextfieldRef) {
       _this.findTextfield = findTextfieldRef.current;
@@ -85,18 +82,14 @@ var FindReplace = /*#__PURE__*/function (_React$PureComponent) {
   (0, _createClass2.default)(FindReplace, [{
     key: "componentDidMount",
     value: function componentDidMount() {
-      if ((0, _platformFeatureFlags.getBooleanFF)('platform.editor.a11y-find-replace')) {
-        // eslint-disable-next-line
-        window.addEventListener('keydown', this.handleTabNavigation);
-      }
+      // eslint-disable-next-line
+      window.addEventListener('keydown', this.handleTabNavigation);
     }
   }, {
     key: "componentWillUnmount",
     value: function componentWillUnmount() {
-      if ((0, _platformFeatureFlags.getBooleanFF)('platform.editor.a11y-find-replace')) {
-        // eslint-disable-next-line
-        window.removeEventListener('keydown', this.handleTabNavigation);
-      }
+      // eslint-disable-next-line
+      window.removeEventListener('keydown', this.handleTabNavigation);
     }
   }, {
     key: "render",
@@ -117,45 +110,48 @@ var FindReplace = /*#__PURE__*/function (_React$PureComponent) {
         allowMatchCase = _this$props.allowMatchCase,
         shouldMatchCase = _this$props.shouldMatchCase,
         onToggleMatchCase = _this$props.onToggleMatchCase;
-      var focusToolbarButton = (0, _platformFeatureFlags.getBooleanFF)('platform.editor.a11y-find-replace') ? this.props.focusToolbarButton || function () {} : function () {};
-      return (0, _react2.jsx)("div", {
-        ref: this.modalRef,
-        css: (0, _platformFeatureFlags.getBooleanFF)('platform.editor.a11y-find-replace') ? [_styles.wrapperStyles, _styles.wrapperPaddingStyles] : _styles.wrapperStyles
-      }, (0, _react2.jsx)(_Find.default, {
-        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,
-        findTyped: this.state.findTyped,
-        setFindTyped: this.setFindTyped
-      }), !(0, _platformFeatureFlags.getBooleanFF)('platform.editor.a11y-find-replace') && (0, _react2.jsx)("hr", {
-        css: _styles.ruleStyles,
-        id: "replace-hr-element"
-      }), (0, _react2.jsx)(_Replace.default, {
-        canReplace: 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
-      }));
+      var focusToolbarButton = this.props.focusToolbarButton || function () {};
+      return (
+        // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
+        (0, _react2.jsx)("div", {
+          ref: this.modalRef,
+          css: [_styles.wrapperStyles, _styles.wrapperPaddingStyles]
+        }, (0, _react2.jsx)(_Find.default, {
+          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,
+          findTyped: this.state.findTyped,
+          setFindTyped: this.setFindTyped
+        }), (0, _react2.jsx)("hr", {
+          css: _styles.ruleStyles,
+          id: "replace-hr-element"
+        }), (0, _react2.jsx)(_Replace.default, {
+          canReplace: 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
+        }))
+      );
     }
   }]);
   return FindReplace;

package/dist/cjs/ui/FindReplaceToolbarButton.js

@@ -23,11 +23,11 @@ var _messages = require("@atlaskit/editor-common/messages");
 var _uiMenu = require("@atlaskit/editor-common/ui-menu");
 var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
 var _search = _interopRequireDefault(require("@atlaskit/icon/glyph/editor/search"));
-var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _FindReplace = _interopRequireDefault(require("./FindReplace"));
 var _templateObject;
 /* eslint-disable @atlaskit/design-system/consistent-css-prop-usage */
 /** @jsx jsx */
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(this, result); }; }
 function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
 // eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression -- needs manual remediation
@@ -40,7 +40,6 @@ var wrapper = (0, _react2.css)({
   flexDirection: 'column'
 });
 var dropdownWidthNewDesign = 382;
-var dropdownWidthOldDesign = 352;
 // eslint-disable-next-line @repo/internal/react/no-class-components
 var FindReplaceToolbarButton = /*#__PURE__*/function (_React$PureComponent) {
   (0, _inherits2.default)(FindReplaceToolbarButton, _React$PureComponent);
@@ -109,17 +108,15 @@ var FindReplaceToolbarButton = /*#__PURE__*/function (_React$PureComponent) {
             _this2.props.onCancel({
               triggerMethod: _analytics.TRIGGER_METHOD.KEYBOARD
             });
-            if ((0, _platformFeatureFlags.getBooleanFF)('platform.editor.a11y-find-replace')) {
-              if (_this2.state.openedByClick && _this2.toolbarButtonRef.current) {
-                _this2.toolbarButtonRef.current.focus();
-              }
-              _this2.setState({
-                openedByClick: false
-              });
+            if (_this2.state.openedByClick && _this2.toolbarButtonRef.current) {
+              _this2.toolbarButtonRef.current.focus();
             }
+            _this2.setState({
+              openedByClick: false
+            });
           }
         },
-        fitWidth: (0, _platformFeatureFlags.getBooleanFF)('platform.editor.a11y-find-replace') ? dropdownWidthNewDesign : dropdownWidthOldDesign,
+        fitWidth: dropdownWidthNewDesign,
         zIndex: stackBelowOtherEditorFloatingPanels,
         arrowKeyNavigationProviderOptions: {
           type: _uiMenu.ArrowKeyNavigationType.MENU,
@@ -141,7 +138,7 @@ var FindReplaceToolbarButton = /*#__PURE__*/function (_React$PureComponent) {
           "aria-haspopup": true,
           "aria-label": keymap ? (0, _keymaps.tooltip)(keymap, title) : title,
           "aria-keyshortcuts": (0, _keymaps.getAriaKeyshortcuts)(keymap),
-          ref: (0, _platformFeatureFlags.getBooleanFF)('platform.editor.a11y-find-replace') ? this.toolbarButtonRef : null
+          ref: this.toolbarButtonRef
         })
       }, (0, _react2.jsx)("div", {
         css: wrapper

package/dist/cjs/ui/Replace.js

@@ -22,7 +22,6 @@ var _messages = require("@atlaskit/editor-common/messages");
 var _form = require("@atlaskit/form");
 var _chevronDown = _interopRequireDefault(require("@atlaskit/icon/glyph/hipchat/chevron-down"));
 var _chevronUp = _interopRequireDefault(require("@atlaskit/icon/glyph/hipchat/chevron-up"));
-var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _primitives = require("@atlaskit/primitives");
 var _textfield = _interopRequireDefault(require("@atlaskit/textfield"));
 var _FindReplaceTooltipButton = require("./FindReplaceTooltipButton");
@@ -30,7 +29,7 @@ var _styles = require("./styles");
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(this, result); }; }
-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 */ /** @jsx jsx */
+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 */ /** @jsx jsx */ // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 // eslint-disable-next-line @repo/internal/react/no-class-components
 var Replace = /*#__PURE__*/function (_React$PureComponent) {
   (0, _inherits2.default)(Replace, _React$PureComponent);
@@ -153,7 +152,6 @@ var Replace = /*#__PURE__*/function (_React$PureComponent) {
       fakeSuccessReplacementMessageUpdate: false,
       replaceCount: 0
     };
-    _this.replaceWith = formatMessage(_messages.findReplaceMessages.replaceWith);
     _this.replace = formatMessage(_messages.findReplaceMessages.replace);
     _this.replaceAll = formatMessage(_messages.findReplaceMessages.replaceAll);
     _this.findNext = formatMessage(_messages.findReplaceMessages.findNext);
@@ -177,13 +175,11 @@ var Replace = /*#__PURE__*/function (_React$PureComponent) {
           isComposing: false
         });
       }
-      if ((0, _platformFeatureFlags.getBooleanFF)('platform.editor.a11y-find-replace')) {
-        var findTextField = document.getElementById('find-text-field');
-        var replaceButton = document.getElementById('replace-button');
-        var replaceAllButton = document.getElementById('replaceAll-button');
-        if (((replaceButton === null || replaceButton === void 0 ? void 0 : replaceButton.tabIndex) === -1 || (replaceAllButton === null || replaceAllButton === void 0 ? void 0 : replaceAllButton.tabIndex) === -1) && findTextField) {
-          findTextField.focus();
-        }
+      var findTextField = document.getElementById('find-text-field');
+      var replaceButton = document.getElementById('replace-button');
+      var replaceAllButton = document.getElementById('replaceAll-button');
+      if (((replaceButton === null || replaceButton === void 0 ? void 0 : replaceButton.tabIndex) === -1 || (replaceAllButton === null || replaceAllButton === void 0 ? void 0 : replaceAllButton.tabIndex) === -1) && findTextField) {
+        findTextField.focus();
       }
     }
   }, {
@@ -215,7 +211,7 @@ var Replace = /*#__PURE__*/function (_React$PureComponent) {
       var resultsReplace = formatMessage(_messages.findReplaceMessages.replaceSuccess, {
         numberOfMatches: replaceCount
       });
-      return (0, _platformFeatureFlags.getBooleanFF)('platform.editor.a11y-find-replace') ? (0, _react2.jsx)(_react.Fragment, null, (0, _react2.jsx)("div", {
+      return (0, _react2.jsx)(_react.Fragment, null, (0, _react2.jsx)("div", {
         css: [_styles.sectionWrapperStyles, _styles.sectionWrapperStylesAlternate]
       }, (0, _react2.jsx)("div", {
         css: _styles.textFieldWrapper
@@ -224,6 +220,7 @@ var Replace = /*#__PURE__*/function (_React$PureComponent) {
       }, "Replace with"), (0, _react2.jsx)(_textfield.default, {
         name: "replace",
         id: "replace-text-field",
+        testId: "replace-field",
         appearance: "standard",
         defaultValue: replaceText,
         ref: this.replaceTextfieldRef,
@@ -238,9 +235,9 @@ var Replace = /*#__PURE__*/function (_React$PureComponent) {
         testId: "message-success-replacement"
       },
       /*
-                Replacement needed to trigger the SR announcement if message hasn't changed. e.g Replace button clicked twice.
-                '\u00a0' is value for &nbsp
-                */
+      Replacement needed to trigger the SR announcement if message hasn't changed. e.g Replace button clicked twice.
+      '\u00a0' is value for &nbsp
+      */
       this.state.fakeSuccessReplacementMessageUpdate ? resultsReplace.replace(/ /, "\xA0") : resultsReplace)))), (0, _react2.jsx)("div", {
         css: [_styles.sectionWrapperStyles, _styles.sectionWrapperStylesAlternate, _styles.sectionWrapperJustified]
       }, (0, _react2.jsx)("div", {
@@ -264,7 +261,9 @@ var Replace = /*#__PURE__*/function (_React$PureComponent) {
         onClick: this.handleFindPrevClick,
         disabled: count.total <= 1
       })), (0, _react2.jsx)(_primitives.Inline, {
-        space: "space.075",
+        space: "space.075"
+        // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
+        ,
         xcss: (0, _primitives.xcss)({
           // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage/preview
           paddingInlineStart: 'space.050',
@@ -288,30 +287,7 @@ var Replace = /*#__PURE__*/function (_React$PureComponent) {
         appearance: "subtle",
         testId: this.closeFindReplaceDialog,
         onClick: this.clearSearch
-      }, this.closeFindReplaceDialog)))) : (0, _react2.jsx)("div", {
-        css: _styles.sectionWrapperStyles
-      }, (0, _react2.jsx)(_textfield.default, {
-        name: "replace",
-        appearance: "none",
-        placeholder: this.replaceWith,
-        defaultValue: replaceText,
-        ref: this.replaceTextfieldRef,
-        autoComplete: "off",
-        onChange: this.handleReplaceChange,
-        onKeyDown: this.handleReplaceKeyDown,
-        onCompositionStart: this.handleCompositionStart,
-        onCompositionEnd: this.handleCompositionEnd
-      }), (0, _react2.jsx)(_primitives.Inline, {
-        space: "space.050"
-      }, (0, _react2.jsx)(_new.default, {
-        testId: this.replace,
-        onClick: this.handleReplaceClick,
-        isDisabled: !canReplace
-      }, this.replace), (0, _react2.jsx)(_new.default, {
-        testId: this.replaceAll,
-        onClick: this.handleReplaceAllClick,
-        isDisabled: !canReplace
-      }, this.replaceAll)));
+      }, this.closeFindReplaceDialog))));
     }
   }]);
   return Replace;