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

package/dist/cjs/ui/styles.js

@@ -11,9 +11,12 @@ var _constants = require("@atlaskit/theme/constants");
 /* 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
 
 var fontSize = (0, _constants.fontSize)();
 var gridSize = (0, _constants.gridSize)();
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
 var ruleStyles = exports.ruleStyles = (0, _react.css)({
   width: '100%',
   border: 'none',
@@ -22,67 +25,99 @@ var ruleStyles = exports.ruleStyles = (0, _react.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
 var wrapperStyles = exports.wrapperStyles = (0, _react.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 ".concat("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
 var wrapperPaddingStyles = exports.wrapperPaddingStyles = (0, _react.css)({
   padding: "var(--ds-space-050, 4px)".concat(" ", "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
 var sectionWrapperStyles = exports.sectionWrapperStyles = (0, _react.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
 var sectionWrapperStylesAlternate = exports.sectionWrapperStylesAlternate = (0, _react.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
 var sectionWrapperJustified = exports.sectionWrapperJustified = (0, _react.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: (0, _editorSharedStyles.relativeFontSizeToBase16)(14)
 });
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
 var textFieldWrapper = exports.textFieldWrapper = (0, _react.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: "".concat(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: (0, _editorSharedStyles.relativeFontSizeToBase16)(14),
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
     lineHeight: "".concat(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
 var afterInputSection = exports.afterInputSection = (0, _react.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
 var matchCaseSection = exports.matchCaseSection = (0, _react.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
 var nextPreviousItemStyles = exports.nextPreviousItemStyles = (0, _react.css)({
   padding: "0px ".concat("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
 var countStyles = exports.countStyles = (0, _react.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: "".concat((0, _editorSharedStyles.relativeFontSizeToBase16)(12)),
   flex: '0 0 auto',
   justifyContent: 'center',
@@ -90,17 +125,25 @@ var countStyles = exports.countStyles = (0, _react.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
 var countStylesAlternateStyles = exports.countStylesAlternateStyles = (0, _react.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
 var countWrapperStyles = exports.countWrapperStyles = (0, _react.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
 var orderZeroStyles = exports.orderZeroStyles = (0, _react.css)({
   order: '0',
   marginInline: "var(--ds-space-050, 4px)".concat(" ", "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
 var orderOneStyles = exports.orderOneStyles = (0, _react.css)({
   order: '1'
 });

package/dist/es2019/styles.js

@@ -4,22 +4,16 @@
 
 // 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 const searchMatchClass = 'search-match';
 export const selectedSearchMatchClass = 'selected-search-match';
 export const findReplaceStyles = css({
-  [`.${searchMatchClass}`]: getBooleanFF('platform.editor.a11y-find-replace') ? {
+  [`.${searchMatchClass}`]: {
     borderRadius: '3px',
     backgroundColor: "var(--ds-background-accent-teal-subtlest, #E7F9FF)",
     boxShadow: `var(--ds-shadow-raised, ${`0 1px 1px 0 ${N50A}, 0 0 1px 0 ${N60A}`})` + ', inset 0 0 0 1px ' + `var(--ds-border-input, ${`${N40A}`})`
-  } : {
-    backgroundColor: B75
   },
-  [`.${selectedSearchMatchClass}`]: getBooleanFF('platform.editor.a11y-find-replace') ? {
+  [`.${selectedSearchMatchClass}`]: {
     backgroundColor: "var(--ds-background-accent-teal-subtle, #6CC3E0)"
-  } : {
-    backgroundColor: B200,
-    color: 'white'
   }
 });

package/dist/es2019/ui/Find.js

@@ -2,6 +2,8 @@ import _defineProperty from "@babel/runtime/helpers/defineProperty";
 /* 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';
@@ -9,14 +11,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 const FIND_DEBOUNCE_MS = 100;
 // eslint-disable-next-line @repo/internal/react/no-class-components
 class Find extends React.Component {
@@ -129,10 +127,7 @@ class Find extends React.Component {
       }
     } = props;
     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.
@@ -188,26 +183,31 @@ class Find extends React.Component {
       selectedMatchPosition: count.index + 1,
       totalResultsCount: count.total
     });
-    if (getBooleanFF('platform.editor.a11y-find-replace')) {
-      const 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", {
+    const 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
@@ -216,6 +216,7 @@ class Find extends React.Component {
       }, this.find), jsx(Textfield, {
         name: "find",
         id: "find-text-field",
+        testId: "find-field",
         appearance: "standard",
         value: this.state.localFindText,
         ref: this.findTextfieldRef,
@@ -227,58 +228,8 @@ class Find extends 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
-      }));
-    }
+      })))
+    );
   }
 }
 export default injectIntl(Find);

package/dist/es2019/ui/FindReplace.js

@@ -3,8 +3,9 @@ import _defineProperty from "@babel/runtime/helpers/defineProperty";
 /* 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';
@@ -37,11 +38,9 @@ class FindReplace extends React.PureComponent {
       findTyped: false
     });
     _defineProperty(this, "setFindTyped", value => {
-      if (getBooleanFF('platform.editor.a11y-find-replace')) {
-        this.setState({
-          findTyped: value
-        });
-      }
+      this.setState({
+        findTyped: value
+      });
     });
     _defineProperty(this, "setFindTextfieldRef", findTextfieldRef => {
       this.findTextfield = findTextfieldRef.current;
@@ -62,16 +61,12 @@ class FindReplace extends React.PureComponent {
     this.modalRef = /*#__PURE__*/React.createRef();
   }
   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);
   }
   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);
   }
   render() {
     const {
@@ -91,45 +86,48 @@ class FindReplace extends React.PureComponent {
       shouldMatchCase,
       onToggleMatchCase
     } = this.props;
-    const focusToolbarButton = getBooleanFF('platform.editor.a11y-find-replace') ? this.props.focusToolbarButton || (() => {}) : () => {};
-    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
-    }));
+    const focusToolbarButton = this.props.focusToolbarButton || (() => {});
+    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
+      }))
+    );
   }
 }
 export default FindReplace;

package/dist/es2019/ui/FindReplaceToolbarButton.js

@@ -3,6 +3,8 @@ import _defineProperty from "@babel/runtime/helpers/defineProperty";
 /* 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';
@@ -11,7 +13,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
@@ -35,7 +36,6 @@ const wrapper = css({
   flexDirection: 'column'
 });
 const dropdownWidthNewDesign = 382;
-const dropdownWidthOldDesign = 352;
 // eslint-disable-next-line @repo/internal/react/no-class-components
 class FindReplaceToolbarButton extends React.PureComponent {
   constructor(...args) {
@@ -96,17 +96,15 @@ class FindReplaceToolbarButton extends React.PureComponent {
           this.props.onCancel({
             triggerMethod: TRIGGER_METHOD.KEYBOARD
           });
-          if (getBooleanFF('platform.editor.a11y-find-replace')) {
-            if (this.state.openedByClick && this.toolbarButtonRef.current) {
-              this.toolbarButtonRef.current.focus();
-            }
-            this.setState({
-              openedByClick: false
-            });
+          if (this.state.openedByClick && this.toolbarButtonRef.current) {
+            this.toolbarButtonRef.current.focus();
           }
+          this.setState({
+            openedByClick: false
+          });
         }
       },
-      fitWidth: getBooleanFF('platform.editor.a11y-find-replace') ? dropdownWidthNewDesign : dropdownWidthOldDesign,
+      fitWidth: dropdownWidthNewDesign,
       zIndex: stackBelowOtherEditorFloatingPanels,
       arrowKeyNavigationProviderOptions: {
         type: ArrowKeyNavigationType.MENU,
@@ -128,7 +126,7 @@ class FindReplaceToolbarButton extends 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/es2019/ui/Replace.js

@@ -2,6 +2,8 @@ import _defineProperty from "@babel/runtime/helpers/defineProperty";
 /* 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';
@@ -10,7 +12,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';
@@ -131,7 +132,6 @@ class Replace extends 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);
@@ -153,13 +153,11 @@ class Replace extends React.PureComponent {
         isComposing: false
       });
     }
-    if (getBooleanFF('platform.editor.a11y-find-replace')) {
-      const findTextField = document.getElementById('find-text-field');
-      const replaceButton = document.getElementById('replace-button');
-      const 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();
-      }
+    const findTextField = document.getElementById('find-text-field');
+    const replaceButton = document.getElementById('replace-button');
+    const 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();
     }
   }
   triggerSuccessReplacementMessageUpdate(currentReplaceCount) {
@@ -191,7 +189,7 @@ class Replace extends React.PureComponent {
     const 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
@@ -200,6 +198,7 @@ class Replace extends React.PureComponent {
     }, "Replace with"), jsx(Textfield, {
       name: "replace",
       id: "replace-text-field",
+      testId: "replace-field",
       appearance: "standard",
       defaultValue: replaceText,
       ref: this.replaceTextfieldRef,
@@ -214,9 +213,9 @@ class Replace extends 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(/ /, '\u00a0') : resultsReplace)))), jsx("div", {
       css: [sectionWrapperStyles, sectionWrapperStylesAlternate, sectionWrapperJustified]
     }, jsx("div", {
@@ -240,7 +239,9 @@ class Replace extends 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',
@@ -264,30 +265,7 @@ class Replace extends 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))));
   }
 }
 export default injectIntl(Replace);