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

package/dist/es2019/ui/styles.js

@@ -1,6 +1,7 @@
 /* eslint-disable @atlaskit/design-system/no-nested-styles */
 /* eslint-disable @repo/internal/styles/no-exported-styles */
 /** @jsx jsx */
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css } from '@emotion/react';
 import { relativeFontSizeToBase16 } from '@atlaskit/editor-shared-styles';
 import { N30A } from '@atlaskit/theme/colors';
@@ -9,6 +10,8 @@ import { fontSize as getFontSize,
 gridSize as getGridSize } from '@atlaskit/theme/constants';
 const fontSize = getFontSize();
 const gridSize = getGridSize();
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
 export const ruleStyles = css({
   width: '100%',
   border: 'none',
@@ -17,67 +20,99 @@ export const ruleStyles = css({
   height: '1px',
   borderRadius: '1px'
 });
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
 export const wrapperStyles = css({
   display: 'flex',
   flexDirection: 'column',
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors -- Ignored via go/DSP-18766
   '> *:not(#replace-hr-element)': {
     margin: `0px ${"var(--ds-space-050, 4px)"}`
   }
 });
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
 export const wrapperPaddingStyles = css({
   padding: `${"var(--ds-space-050, 4px)"} ${"var(--ds-space-050, 4px)"}`
 });
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
 export const sectionWrapperStyles = css({
   display: 'flex',
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
   '& > *': {
     display: 'inline-flex',
     height: '32px',
     flex: '0 0 auto'
   },
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
   '& > [data-ds--text-field--container]': {
     display: 'flex',
     flex: '1 1 auto'
   }
 });
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
 export const sectionWrapperStylesAlternate = css({
   display: 'flex',
   padding: "var(--ds-space-100, 8px)",
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
   '& > *': {
     height: 'unset'
   }
 });
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
 export const sectionWrapperJustified = css({
   justifyContent: 'space-between',
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
   fontSize: relativeFontSizeToBase16(14)
 });
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
 export const textFieldWrapper = css({
   flex: '1 100%',
   flexWrap: 'wrap',
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
   '#find-text-field, #replace-text-field': {
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
     height: `${gridSize * 4.5 / fontSize}em`
   },
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
   label: {
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
     fontSize: relativeFontSizeToBase16(14),
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
     lineHeight: `${gridSize * 2}px`
   }
 });
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
 export const afterInputSection = css({
   display: 'flex',
   flex: '0 0 auto',
   alignItems: 'center'
 });
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
 export const matchCaseSection = css({
   paddingRight: "var(--ds-space-100, 8px)",
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
   button: {
     width: '20px',
     height: '20px'
   }
 });
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
 export const nextPreviousItemStyles = css({
   padding: `0px ${"var(--ds-space-025, 2px)"}`
 });
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
 export const countStyles = css({
   color: `${"var(--ds-text-subtlest, #626F86)"}`,
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
   fontSize: `${relativeFontSizeToBase16(12)}`,
   flex: '0 0 auto',
   justifyContent: 'center',
@@ -85,17 +120,25 @@ export const countStyles = css({
   marginLeft: "var(--ds-space-050, 4px)",
   marginRight: "var(--ds-space-100, 8px)"
 });
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
 export const countStylesAlternateStyles = css({
   display: 'inline-flex',
   height: '32px'
 });
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
 export const countWrapperStyles = css({
   alignItems: 'center'
 });
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
 export const orderZeroStyles = css({
   order: '0',
   marginInline: `${"var(--ds-space-050, 4px)"} ${"var(--ds-space-025, 2px)"}`
 });
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
 export const orderOneStyles = css({
   order: '1'
 });

package/dist/esm/styles.js

@@ -6,19 +6,13 @@ var _css;
 
 // TODO: https://product-fabric.atlassian.net/browse/DSP-4290
 import { css } from '@emotion/react';
-import { B200, B75, N40A, N50A, N60A } from '@atlaskit/theme/colors';
-import { getBooleanFF } from '@atlaskit/platform-feature-flags';
+import { N40A, N50A, N60A } from '@atlaskit/theme/colors';
 export var searchMatchClass = 'search-match';
 export var selectedSearchMatchClass = 'selected-search-match';
-export var findReplaceStyles = css((_css = {}, _defineProperty(_css, ".".concat(searchMatchClass), getBooleanFF('platform.editor.a11y-find-replace') ? {
+export var findReplaceStyles = css((_css = {}, _defineProperty(_css, ".".concat(searchMatchClass), {
   borderRadius: '3px',
   backgroundColor: "var(--ds-background-accent-teal-subtlest, #E7F9FF)",
   boxShadow: "var(--ds-shadow-raised, ".concat("0 1px 1px 0 ".concat(N50A, ", 0 0 1px 0 ").concat(N60A), ")") + ', inset 0 0 0 1px ' + "var(--ds-border-input, ".concat("".concat(N40A), ")")
-} : {
-  backgroundColor: B75
-}), _defineProperty(_css, ".".concat(selectedSearchMatchClass), getBooleanFF('platform.editor.a11y-find-replace') ? {
+}), _defineProperty(_css, ".".concat(selectedSearchMatchClass), {
   backgroundColor: "var(--ds-background-accent-teal-subtle, #6CC3E0)"
-} : {
-  backgroundColor: B200,
-  color: 'white'
 }), _css));

package/dist/esm/ui/Find.js

@@ -10,6 +10,8 @@ function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.
 /* eslint-disable @atlaskit/design-system/consistent-css-prop-usage */
 /** @jsx jsx */
 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 debounce from 'lodash/debounce';
 import rafSchd from 'raf-schd';
@@ -17,14 +19,10 @@ import { injectIntl } from 'react-intl-next';
 import { TRIGGER_METHOD } from '@atlaskit/editor-common/analytics';
 import { findReplaceMessages as messages } from '@atlaskit/editor-common/messages';
 import { Label } from '@atlaskit/form';
-import EditorCloseIcon from '@atlaskit/icon/glyph/editor/close';
 import MatchCaseIcon from '@atlaskit/icon/glyph/emoji/keyboard';
-import ChevronDownIcon from '@atlaskit/icon/glyph/hipchat/chevron-down';
-import ChevronUpIcon from '@atlaskit/icon/glyph/hipchat/chevron-up';
-import { getBooleanFF } from '@atlaskit/platform-feature-flags';
 import Textfield from '@atlaskit/textfield';
 import { FindReplaceTooltipButton } from './FindReplaceTooltipButton';
-import { afterInputSection, countStyles, countStylesAlternateStyles, countWrapperStyles, matchCaseSection, sectionWrapperStyles, sectionWrapperStylesAlternate, textFieldWrapper } from './styles';
+import { afterInputSection, countStyles, countStylesAlternateStyles, matchCaseSection, sectionWrapperStyles, sectionWrapperStylesAlternate, textFieldWrapper } from './styles';
 export var FIND_DEBOUNCE_MS = 100;
 // eslint-disable-next-line @repo/internal/react/no-class-components
 var Find = /*#__PURE__*/function (_React$Component) {
@@ -137,10 +135,7 @@ var Find = /*#__PURE__*/function (_React$Component) {
     });
     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);
 
     // We locally manage the value of the input inside this component in order to support compositions.
@@ -204,26 +199,31 @@ var Find = /*#__PURE__*/function (_React$Component) {
         selectedMatchPosition: count.index + 1,
         totalResultsCount: count.total
       });
-      if (getBooleanFF('platform.editor.a11y-find-replace')) {
-        var elemAfterInput = jsx("div", {
-          css: afterInputSection
-        }, jsx("div", {
-          "aria-live": "polite"
-        }, findText && jsx("span", {
-          "data-testid": "textfield-count",
-          css: [countStyles, countStylesAlternateStyles]
-        }, count.total === 0 ? this.noResultsFound : resultsCount)), jsx("div", {
-          css: matchCaseSection
-        }, jsx(FindReplaceTooltipButton, {
-          title: this.matchCase,
-          appearance: "default",
-          icon: MatchCaseIcon,
-          iconLabel: this.matchCase,
-          iconSize: getBooleanFF('platform.editor.a11y-find-replace') ? 'small' : undefined,
-          onClick: this.handleMatchCaseClick,
-          isPressed: shouldMatchCase
-        })));
-        return jsx("div", {
+      var elemAfterInput =
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
+      jsx("div", {
+        css: afterInputSection
+      }, jsx("div", {
+        "aria-live": "polite"
+      }, findText &&
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
+      jsx("span", {
+        "data-testid": "textfield-count",
+        css: [countStyles, countStylesAlternateStyles]
+      }, count.total === 0 ? this.noResultsFound : resultsCount)), jsx("div", {
+        css: matchCaseSection
+      }, jsx(FindReplaceTooltipButton, {
+        title: this.matchCase,
+        appearance: "default",
+        icon: MatchCaseIcon,
+        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
+        jsx("div", {
           css: [sectionWrapperStyles, sectionWrapperStylesAlternate]
         }, jsx("div", {
           css: textFieldWrapper
@@ -232,6 +232,7 @@ var Find = /*#__PURE__*/function (_React$Component) {
         }, this.find), jsx(Textfield, {
           name: "find",
           id: "find-text-field",
+          testId: "find-field",
           appearance: "standard",
           value: this.state.localFindText,
           ref: this.findTextfieldRef,
@@ -243,58 +244,8 @@ var Find = /*#__PURE__*/function (_React$Component) {
           onCompositionStart: this.handleCompositionStart,
           onCompositionEnd: this.handleCompositionEnd,
           elemAfterInput: elemAfterInput
-        })));
-      } else {
-        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)), jsx(FindReplaceTooltipButton, {
-          title: this.matchCase,
-          icon: MatchCaseIcon,
-          iconLabel: this.matchCase,
-          iconSize: getBooleanFF('platform.editor.a11y-find-replace') ? 'small' : undefined,
-          onClick: this.handleMatchCaseClick,
-          isPressed: shouldMatchCase
-        }), jsx(FindReplaceTooltipButton, {
-          title: this.findNext,
-          icon: ChevronDownIcon,
-          iconLabel: this.findNext,
-          keymapDescription: 'Enter',
-          onClick: this.handleFindNextClick,
-          disabled: count.total <= 1
-        }), jsx(FindReplaceTooltipButton, {
-          title: this.findPrevious,
-          icon: ChevronUpIcon,
-          iconLabel: this.findPrevious,
-          keymapDescription: 'Shift Enter',
-          onClick: this.handleFindPrevClick,
-          disabled: count.total <= 1
-        }), jsx(FindReplaceTooltipButton, {
-          title: this.closeFindReplaceDialog,
-          icon: EditorCloseIcon,
-          iconLabel: this.closeFindReplaceDialog,
-          keymapDescription: 'Escape',
-          onClick: this.clearSearch
-        }));
-      }
+        })))
+      );
     }
   }]);
   return Find;

package/dist/esm/ui/FindReplace.js

@@ -11,8 +11,9 @@ function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.
 /* eslint-disable @atlaskit/design-system/prefer-primitives */
 /** @jsx jsx */
 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 { getBooleanFF } from '@atlaskit/platform-feature-flags';
 import Find from './Find';
 import Replace from './Replace';
 import { ruleStyles, wrapperPaddingStyles, wrapperStyles } from './styles';
@@ -53,11 +54,9 @@ var FindReplace = /*#__PURE__*/function (_React$PureComponent) {
       findTyped: false
     });
     _defineProperty(_assertThisInitialized(_this), "setFindTyped", function (value) {
-      if (getBooleanFF('platform.editor.a11y-find-replace')) {
-        _this.setState({
-          findTyped: value
-        });
-      }
+      _this.setState({
+        findTyped: value
+      });
     });
     _defineProperty(_assertThisInitialized(_this), "setFindTextfieldRef", function (findTextfieldRef) {
       _this.findTextfield = findTextfieldRef.current;
@@ -81,18 +80,14 @@ var FindReplace = /*#__PURE__*/function (_React$PureComponent) {
   _createClass(FindReplace, [{
     key: "componentDidMount",
     value: function componentDidMount() {
-      if (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 (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",
@@ -113,45 +108,48 @@ var FindReplace = /*#__PURE__*/function (_React$PureComponent) {
         allowMatchCase = _this$props.allowMatchCase,
         shouldMatchCase = _this$props.shouldMatchCase,
         onToggleMatchCase = _this$props.onToggleMatchCase;
-      var focusToolbarButton = getBooleanFF('platform.editor.a11y-find-replace') ? this.props.focusToolbarButton || function () {} : function () {};
-      return jsx("div", {
-        ref: this.modalRef,
-        css: getBooleanFF('platform.editor.a11y-find-replace') ? [wrapperStyles, wrapperPaddingStyles] : 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,
-        findTyped: this.state.findTyped,
-        setFindTyped: this.setFindTyped
-      }), !getBooleanFF('platform.editor.a11y-find-replace') && 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,
-        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
+        jsx("div", {
+          ref: this.modalRef,
+          css: [wrapperStyles, wrapperPaddingStyles]
+        }, 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,
+          findTyped: this.state.findTyped,
+          setFindTyped: this.setFindTyped
+        }), 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,
+          onCancel: onCancel,
+          count: count,
+          onFindPrev: onFindPrev,
+          onFindNext: onFindNext,
+          dispatchAnalyticsEvent: dispatchAnalyticsEvent,
+          findTyped: this.state.findTyped,
+          setFindTyped: this.setFindTyped,
+          focusToolbarButton: focusToolbarButton
+        }))
+      );
     }
   }]);
   return FindReplace;

package/dist/esm/ui/FindReplaceToolbarButton.js

@@ -13,6 +13,8 @@ function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.
 /* eslint-disable @atlaskit/design-system/consistent-css-prop-usage */
 /** @jsx jsx */
 import React from 'react';
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css, jsx } from '@emotion/react';
 import { injectIntl } from 'react-intl-next';
 import { TRIGGER_METHOD } from '@atlaskit/editor-common/analytics';
@@ -21,7 +23,6 @@ import { findReplaceMessages as messages } from '@atlaskit/editor-common/message
 import { ArrowKeyNavigationType, Dropdown, TOOLBAR_BUTTON, ToolbarButton } from '@atlaskit/editor-common/ui-menu';
 import { akEditorFloatingPanelZIndex, akEditorMobileMaxWidth } from '@atlaskit/editor-shared-styles';
 import EditorSearchIcon from '@atlaskit/icon/glyph/editor/search';
-import { getBooleanFF } from '@atlaskit/platform-feature-flags';
 import FindReplace from './FindReplace';
 
 // eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression -- needs manual remediation
@@ -34,7 +35,6 @@ var wrapper = 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) {
   _inherits(FindReplaceToolbarButton, _React$PureComponent);
@@ -103,17 +103,15 @@ var FindReplaceToolbarButton = /*#__PURE__*/function (_React$PureComponent) {
             _this2.props.onCancel({
               triggerMethod: TRIGGER_METHOD.KEYBOARD
             });
-            if (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: getBooleanFF('platform.editor.a11y-find-replace') ? dropdownWidthNewDesign : dropdownWidthOldDesign,
+        fitWidth: dropdownWidthNewDesign,
         zIndex: stackBelowOtherEditorFloatingPanels,
         arrowKeyNavigationProviderOptions: {
           type: ArrowKeyNavigationType.MENU,
@@ -135,7 +133,7 @@ var FindReplaceToolbarButton = /*#__PURE__*/function (_React$PureComponent) {
           "aria-haspopup": true,
           "aria-label": keymap ? tooltip(keymap, title) : title,
           "aria-keyshortcuts": getAriaKeyshortcuts(keymap),
-          ref: getBooleanFF('platform.editor.a11y-find-replace') ? this.toolbarButtonRef : null
+          ref: this.toolbarButtonRef
         })
       }, jsx("div", {
         css: wrapper

package/dist/esm/ui/Replace.js

@@ -10,6 +10,8 @@ function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.
 /* eslint-disable @atlaskit/design-system/consistent-css-prop-usage */
 /** @jsx jsx */
 import React, { Fragment } from 'react';
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { jsx } from '@emotion/react';
 import { injectIntl } from 'react-intl-next';
 import Button from '@atlaskit/button/new';
@@ -18,7 +20,6 @@ import { findReplaceMessages as messages } from '@atlaskit/editor-common/message
 import { Label, ValidMessage } from '@atlaskit/form';
 import ChevronDownIcon from '@atlaskit/icon/glyph/hipchat/chevron-down';
 import ChevronUpIcon from '@atlaskit/icon/glyph/hipchat/chevron-up';
-import { getBooleanFF } from '@atlaskit/platform-feature-flags';
 import { Inline, xcss } from '@atlaskit/primitives';
 import Textfield from '@atlaskit/textfield';
 import { FindReplaceTooltipButton } from './FindReplaceTooltipButton';
@@ -145,7 +146,6 @@ var Replace = /*#__PURE__*/function (_React$PureComponent) {
       fakeSuccessReplacementMessageUpdate: false,
       replaceCount: 0
     };
-    _this.replaceWith = formatMessage(messages.replaceWith);
     _this.replace = formatMessage(messages.replace);
     _this.replaceAll = formatMessage(messages.replaceAll);
     _this.findNext = formatMessage(messages.findNext);
@@ -169,13 +169,11 @@ var Replace = /*#__PURE__*/function (_React$PureComponent) {
           isComposing: false
         });
       }
-      if (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();
       }
     }
   }, {
@@ -207,7 +205,7 @@ var Replace = /*#__PURE__*/function (_React$PureComponent) {
       var resultsReplace = formatMessage(messages.replaceSuccess, {
         numberOfMatches: replaceCount
       });
-      return getBooleanFF('platform.editor.a11y-find-replace') ? jsx(Fragment, null, jsx("div", {
+      return jsx(Fragment, null, jsx("div", {
         css: [sectionWrapperStyles, sectionWrapperStylesAlternate]
       }, jsx("div", {
         css: textFieldWrapper
@@ -216,6 +214,7 @@ var Replace = /*#__PURE__*/function (_React$PureComponent) {
       }, "Replace with"), jsx(Textfield, {
         name: "replace",
         id: "replace-text-field",
+        testId: "replace-field",
         appearance: "standard",
         defaultValue: replaceText,
         ref: this.replaceTextfieldRef,
@@ -230,9 +229,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)))), jsx("div", {
         css: [sectionWrapperStyles, sectionWrapperStylesAlternate, sectionWrapperJustified]
       }, jsx("div", {
@@ -256,7 +255,9 @@ var Replace = /*#__PURE__*/function (_React$PureComponent) {
         onClick: this.handleFindPrevClick,
         disabled: count.total <= 1
       })), jsx(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: xcss({
           // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage/preview
           paddingInlineStart: 'space.050',
@@ -280,30 +281,7 @@ var Replace = /*#__PURE__*/function (_React$PureComponent) {
         appearance: "subtle",
         testId: this.closeFindReplaceDialog,
         onClick: this.clearSearch
-      }, this.closeFindReplaceDialog)))) : jsx("div", {
-        css: sectionWrapperStyles
-      }, jsx(Textfield, {
-        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
-      }), jsx(Inline, {
-        space: "space.050"
-      }, jsx(Button, {
-        testId: this.replace,
-        onClick: this.handleReplaceClick,
-        isDisabled: !canReplace
-      }, this.replace), jsx(Button, {
-        testId: this.replaceAll,
-        onClick: this.handleReplaceAllClick,
-        isDisabled: !canReplace
-      }, this.replaceAll)));
+      }, this.closeFindReplaceDialog))));
     }
   }]);
   return Replace;