@atlaskit/editor-plugin-find-replace 1.7.14 → 1.7.15

package/CHANGELOG.md

@@ -1,5 +1,14 @@
 # @atlaskit/editor-plugin-find-replace
 
+## 1.7.15
+
+### Patch Changes
+
+- [#169604](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/169604)
+  [`11e14d646fe74`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/11e14d646fe74) -
+  ED-25811: refactors plugins to meet folder standards
+- Updated dependencies
+
 ## 1.7.14
 
 ### Patch Changes

package/dist/cjs/{plugin.js → findReplacePlugin.js}

@@ -8,10 +8,10 @@ exports.findReplacePlugin = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _types = require("@atlaskit/editor-common/types");
 var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
-var _FindReplaceToolbarButtonWithState = _interopRequireDefault(require("./FindReplaceToolbarButtonWithState"));
 var _keymap = _interopRequireDefault(require("./pm-plugins/keymap"));
 var _main = require("./pm-plugins/main");
 var _pluginKey = require("./pm-plugins/plugin-key");
+var _FindReplaceToolbarButtonWithState = _interopRequireDefault(require("./ui/FindReplaceToolbarButtonWithState"));
 var findReplacePlugin = exports.findReplacePlugin = function findReplacePlugin(_ref) {
   var _api$primaryToolbar;
   var props = _ref.config,

package/dist/cjs/index.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "findReplacePlugin", {
   enumerable: true,
   get: function get() {
-    return _plugin.findReplacePlugin;
+    return _findReplacePlugin.findReplacePlugin;
   }
 });
-var _plugin = require("./plugin");
+var _findReplacePlugin = require("./findReplacePlugin");

package/dist/cjs/{commands.js → pm-plugins/commands.js}

@@ -8,7 +8,7 @@ exports.toggleMatchCase = exports.replaceAll = exports.replace = exports.removeD
 var _state = require("@atlaskit/editor-prosemirror/state");
 var _view = require("@atlaskit/editor-prosemirror/view");
 var _actions = require("./actions");
-var _pluginFactory = require("./pm-plugins/plugin-factory");
+var _pluginFactory = require("./plugin-factory");
 var _utils = require("./utils");
 var _batchDecorations = _interopRequireDefault(require("./utils/batch-decorations"));
 var _commands = require("./utils/commands");

package/dist/cjs/pm-plugins/keymap.js

@@ -7,7 +7,7 @@ exports.default = void 0;
 var _analytics = require("@atlaskit/editor-common/analytics");
 var _keymaps = require("@atlaskit/editor-common/keymaps");
 var _keymap = require("@atlaskit/editor-prosemirror/keymap");
-var _commandsWithAnalytics = require("../commands-with-analytics");
+var _commandsWithAnalytics = require("./commands-with-analytics");
 var activateFindReplace = function activateFindReplace(editorAnalyticsAPI) {
   return function (state, dispatch) {
     (0, _commandsWithAnalytics.activateWithAnalytics)(editorAnalyticsAPI)({

package/dist/cjs/pm-plugins/plugin-factory.js

@@ -9,13 +9,15 @@ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/de
 var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
 var _utils = require("@atlaskit/editor-common/utils");
 var _view = require("@atlaskit/editor-prosemirror/view");
-var _reducer = _interopRequireDefault(require("../reducer"));
-var _utils2 = require("../utils");
-var _array = require("../utils/array");
 var _main = require("./main");
 var _pluginKey = require("./plugin-key");
+var _reducer = _interopRequireDefault(require("./reducer"));
+var _utils2 = require("./utils");
+var _array = require("./utils/array");
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; } // TODO: move into index export
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+// TODO: move into index export
+
 var handleDocChanged = function handleDocChanged(tr, pluginState) {
   var isActive = pluginState.isActive,
     findText = pluginState.findText;

package/dist/cjs/{utils → pm-plugins/utils}/batch-decorations.js

@@ -9,7 +9,7 @@ var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"))
 var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-var _pluginFactory = require("../pm-plugins/plugin-factory");
+var _pluginFactory = require("../plugin-factory");
 var _index = require("./index");
 // max number of decorations to apply at once
 var batchIncrement = 100;

package/dist/cjs/{utils → pm-plugins/utils}/index.js

@@ -10,7 +10,7 @@ exports.getSelectedText = getSelectedText;
 exports.removeMatchesFromSet = exports.removeDecorationsFromSet = exports.prevIndex = exports.nextIndex = exports.isMatchAffectedByStep = exports.getSelectionForMatch = void 0;
 var _state = require("@atlaskit/editor-prosemirror/state");
 var _view = require("@atlaskit/editor-prosemirror/view");
-var _styles = require("../styles");
+var _styles = require("../../ui/styles");
 function getSelectedText(selection) {
   var text = '';
   var selectedContent = selection.content().content;

package/dist/cjs/types/index.js

@@ -0,0 +1,5 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

package/dist/cjs/ui/Find.js

@@ -23,7 +23,7 @@ var _form = require("@atlaskit/form");
 var _keyboard = _interopRequireDefault(require("@atlaskit/icon/glyph/emoji/keyboard"));
 var _textfield = _interopRequireDefault(require("@atlaskit/textfield"));
 var _FindReplaceTooltipButton = require("./FindReplaceTooltipButton");
-var _styles = require("./styles");
+var _uiStyles = require("./ui-styles");
 function _createSuper(t) { var r = _isNativeReflectConstruct(); return function () { var e, o = (0, _getPrototypeOf2.default)(t); if (r) { var s = (0, _getPrototypeOf2.default)(this).constructor; e = Reflect.construct(o, arguments, s); } else e = o.apply(this, arguments); return (0, _possibleConstructorReturn2.default)(this, 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 */ /**
  * @jsxRuntime classic
@@ -208,16 +208,16 @@ var Find = /*#__PURE__*/function (_React$Component) {
       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
+        css: _uiStyles.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]
+        css: [_uiStyles.countStyles, _uiStyles.countStylesAlternateStyles]
       }, count.total === 0 ? this.noResultsFound : resultsCount)), (0, _react2.jsx)("div", {
-        css: _styles.matchCaseSection
+        css: _uiStyles.matchCaseSection
       }, (0, _react2.jsx)(_FindReplaceTooltipButton.FindReplaceTooltipButton, {
         title: this.matchCase,
         appearance: "default",
@@ -230,9 +230,9 @@ var Find = /*#__PURE__*/function (_React$Component) {
       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]
+          css: [_uiStyles.sectionWrapperStyles, _uiStyles.sectionWrapperStylesAlternate]
         }, (0, _react2.jsx)("div", {
-          css: _styles.textFieldWrapper
+          css: _uiStyles.textFieldWrapper
         }, (0, _react2.jsx)(_form.Label, {
           htmlFor: "find-text-field"
         }, this.find), (0, _react2.jsx)(_textfield.default, {

package/dist/cjs/ui/FindReplace.js

@@ -16,7 +16,7 @@ var _react = _interopRequireDefault(require("react"));
 var _react2 = require("@emotion/react");
 var _Find = _interopRequireDefault(require("./Find"));
 var _Replace = _interopRequireDefault(require("./Replace"));
-var _styles = require("./styles");
+var _uiStyles = require("./ui-styles");
 function _createSuper(t) { var r = _isNativeReflectConstruct(); return function () { var e, o = (0, _getPrototypeOf2.default)(t); if (r) { var s = (0, _getPrototypeOf2.default)(this).constructor; e = Reflect.construct(o, arguments, s); } else e = o.apply(this, arguments); return (0, _possibleConstructorReturn2.default)(this, 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 */ /**
  * @jsxRuntime classic
@@ -118,7 +118,7 @@ var FindReplace = /*#__PURE__*/function (_React$PureComponent) {
         // 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]
+          css: [_uiStyles.wrapperStyles, _uiStyles.wrapperPaddingStyles]
         }, (0, _react2.jsx)(_Find.default, {
           allowMatchCase: allowMatchCase,
           shouldMatchCase: shouldMatchCase,
@@ -136,7 +136,7 @@ var FindReplace = /*#__PURE__*/function (_React$PureComponent) {
           findTyped: this.state.findTyped,
           setFindTyped: this.setFindTyped
         }), (0, _react2.jsx)("hr", {
-          css: _styles.ruleStyles,
+          css: _uiStyles.ruleStyles,
           id: "replace-hr-element"
         }), (0, _react2.jsx)(_Replace.default, {
           canReplace: count.total > 0,

package/dist/cjs/{FindReplaceToolbarButtonWithState.js → ui/FindReplaceToolbarButtonWithState.js}

@@ -9,9 +9,9 @@ exports.default = void 0;
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _react = _interopRequireWildcard(require("react"));
 var _analytics = require("@atlaskit/editor-common/analytics");
-var _commands = require("./commands");
-var _commandsWithAnalytics = require("./commands-with-analytics");
-var _FindReplaceToolbarButton = _interopRequireDefault(require("./ui/FindReplaceToolbarButton"));
+var _commands = require("../pm-plugins/commands");
+var _commandsWithAnalytics = require("../pm-plugins/commands-with-analytics");
+var _FindReplaceToolbarButton = _interopRequireDefault(require("./FindReplaceToolbarButton"));
 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 && {}.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; }
 // light implementation of useSharedPluginState(). This is due to findreplace

package/dist/cjs/ui/Replace.js

@@ -25,7 +25,7 @@ var _chevronUp = _interopRequireDefault(require("@atlaskit/icon/glyph/hipchat/ch
 var _primitives = require("@atlaskit/primitives");
 var _textfield = _interopRequireDefault(require("@atlaskit/textfield"));
 var _FindReplaceTooltipButton = require("./FindReplaceTooltipButton");
-var _styles = require("./styles");
+var _uiStyles = require("./ui-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 && {}.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(t) { var r = _isNativeReflectConstruct(); return function () { var e, o = (0, _getPrototypeOf2.default)(t); if (r) { var s = (0, _getPrototypeOf2.default)(this).constructor; e = Reflect.construct(o, arguments, s); } else e = o.apply(this, arguments); return (0, _possibleConstructorReturn2.default)(this, e); }; }
@@ -216,9 +216,9 @@ var Replace = /*#__PURE__*/function (_React$PureComponent) {
         numberOfMatches: replaceCount
       });
       return (0, _react2.jsx)(_react.Fragment, null, (0, _react2.jsx)("div", {
-        css: [_styles.sectionWrapperStyles, _styles.sectionWrapperStylesAlternate]
+        css: [_uiStyles.sectionWrapperStyles, _uiStyles.sectionWrapperStylesAlternate]
       }, (0, _react2.jsx)("div", {
-        css: _styles.textFieldWrapper
+        css: _uiStyles.textFieldWrapper
       }, (0, _react2.jsx)(_form.Label, {
         htmlFor: "replace-text-field"
       }, this.replaceWith), (0, _react2.jsx)(_textfield.default, {
@@ -243,11 +243,11 @@ var Replace = /*#__PURE__*/function (_React$PureComponent) {
       '\u00a0' is value for &nbsp
       */
       this.state.fakeSuccessReplacementMessageUpdate ? resultsReplace.replace(/ /, "\xA0") : resultsReplace)))), (0, _react2.jsx)("div", {
-        css: [_styles.sectionWrapperStyles, _styles.sectionWrapperStylesAlternate, _styles.sectionWrapperJustified]
+        css: [_uiStyles.sectionWrapperStyles, _uiStyles.sectionWrapperStylesAlternate, _uiStyles.sectionWrapperJustified]
       }, (0, _react2.jsx)("div", {
-        css: _styles.orderOneStyles
+        css: _uiStyles.orderOneStyles
       }, (0, _react2.jsx)("div", {
-        css: _styles.nextPreviousItemStyles
+        css: _uiStyles.nextPreviousItemStyles
       }, (0, _react2.jsx)(_FindReplaceTooltipButton.FindReplaceTooltipButton, {
         title: this.findNext,
         icon: _chevronDown.default,
@@ -256,7 +256,7 @@ var Replace = /*#__PURE__*/function (_React$PureComponent) {
         onClick: this.handleFindNextClick,
         disabled: count.total <= 1
       })), (0, _react2.jsx)("div", {
-        css: _styles.nextPreviousItemStyles
+        css: _uiStyles.nextPreviousItemStyles
       }, (0, _react2.jsx)(_FindReplaceTooltipButton.FindReplaceTooltipButton, {
         title: this.findPrevious,
         icon: _chevronUp.default,
@@ -286,7 +286,7 @@ var Replace = /*#__PURE__*/function (_React$PureComponent) {
         onClick: this.handleReplaceAllClick,
         isDisabled: !canReplace
       }, this.replaceAll))), (0, _react2.jsx)("div", {
-        css: _styles.orderZeroStyles
+        css: _uiStyles.orderZeroStyles
       }, (0, _react2.jsx)(_new.default, {
         appearance: "subtle",
         testId: this.closeFindReplaceDialog,

package/dist/cjs/ui/styles.js

@@ -1,152 +1,24 @@
 "use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.wrapperStyles = exports.wrapperPaddingStyles = exports.textFieldWrapper = exports.sectionWrapperStylesAlternate = exports.sectionWrapperStyles = exports.sectionWrapperJustified = exports.ruleStyles = exports.orderZeroStyles = exports.orderOneStyles = exports.nextPreviousItemStyles = exports.matchCaseSection = exports.countWrapperStyles = exports.countStylesAlternateStyles = exports.countStyles = exports.afterInputSection = void 0;
+exports.selectedSearchMatchClass = exports.searchMatchClass = exports.findReplaceStyles = void 0;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _react = require("@emotion/react");
-var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
 var _colors = require("@atlaskit/theme/colors");
-var _constants = require("@atlaskit/theme/constants");
-/* eslint-disable @atlaskit/design-system/no-nested-styles */
-/* eslint-disable @repo/internal/styles/no-exported-styles */
-/**
- * @jsxRuntime classic
- * @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 -- Ignored via go/DSP-18766
-var ruleStyles = exports.ruleStyles = (0, _react.css)({
-  width: '100%',
-  border: 'none',
-  backgroundColor: "".concat("var(--ds-border, ".concat(_colors.N30A, ")")),
-  margin: "var(--ds-space-050, 4px)".concat(" 0px"),
-  height: '1px',
-  borderRadius: '1px'
-});
-
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- 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 -- 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 -- 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 -- 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 -- 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 -- 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 -- 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 -- 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 -- 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 -- 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',
-  alignItems: 'center',
-  marginLeft: "var(--ds-space-050, 4px)",
-  marginRight: "var(--ds-space-100, 8px)"
-});
-
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- 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 -- 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 -- 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 -- Ignored via go/DSP-18766
-var orderOneStyles = exports.orderOneStyles = (0, _react.css)({
-  order: '1'
-});
+var _css;
+/* eslint-disable @atlaskit/design-system/ensure-design-token-usage/preview */
+/* eslint-disable @atlaskit/design-system/ensure-design-token-usage */
+/* eslint-disable */
+// 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), {
+  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), ")")
+}), (0, _defineProperty2.default)(_css, ".".concat(selectedSearchMatchClass), {
+  backgroundColor: "var(--ds-background-accent-teal-subtle, #6CC3E0)"
+}), _css));

package/dist/cjs/ui/ui-styles.js

@@ -0,0 +1,152 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.wrapperStyles = exports.wrapperPaddingStyles = exports.textFieldWrapper = exports.sectionWrapperStylesAlternate = exports.sectionWrapperStyles = exports.sectionWrapperJustified = exports.ruleStyles = exports.orderZeroStyles = exports.orderOneStyles = exports.nextPreviousItemStyles = exports.matchCaseSection = exports.countWrapperStyles = exports.countStylesAlternateStyles = exports.countStyles = exports.afterInputSection = void 0;
+var _react = require("@emotion/react");
+var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
+var _colors = require("@atlaskit/theme/colors");
+var _constants = require("@atlaskit/theme/constants");
+/* eslint-disable @atlaskit/design-system/no-nested-styles */
+/* eslint-disable @repo/internal/styles/no-exported-styles */
+/**
+ * @jsxRuntime classic
+ * @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 -- Ignored via go/DSP-18766
+var ruleStyles = exports.ruleStyles = (0, _react.css)({
+  width: '100%',
+  border: 'none',
+  backgroundColor: "".concat("var(--ds-border, ".concat(_colors.N30A, ")")),
+  margin: "var(--ds-space-050, 4px)".concat(" 0px"),
+  height: '1px',
+  borderRadius: '1px'
+});
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- 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 -- 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 -- 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 -- 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 -- 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 -- 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 -- 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 -- 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 -- 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 -- 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',
+  alignItems: 'center',
+  marginLeft: "var(--ds-space-050, 4px)",
+  marginRight: "var(--ds-space-100, 8px)"
+});
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- 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 -- 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 -- 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 -- Ignored via go/DSP-18766
+var orderOneStyles = exports.orderOneStyles = (0, _react.css)({
+  order: '1'
+});

package/dist/es2019/{plugin.js → findReplacePlugin.js}

@@ -1,10 +1,10 @@
 import React from 'react';
 import { ToolbarSize } from '@atlaskit/editor-common/types';
 import { fg } from '@atlaskit/platform-feature-flags';
-import FindReplaceToolbarButtonWithState from './FindReplaceToolbarButtonWithState';
 import keymapPlugin from './pm-plugins/keymap';
 import { createPlugin } from './pm-plugins/main';
 import { findReplacePluginKey } from './pm-plugins/plugin-key';
+import FindReplaceToolbarButtonWithState from './ui/FindReplaceToolbarButtonWithState';
 export const findReplacePlugin = ({
   config: props,
   api

package/dist/es2019/index.js

@@ -1 +1 @@
-export { findReplacePlugin } from './plugin';
+export { findReplacePlugin } from './findReplacePlugin';

package/dist/es2019/{commands.js → pm-plugins/commands.js}

@@ -1,7 +1,7 @@
 import { TextSelection } from '@atlaskit/editor-prosemirror/state';
 import { DecorationSet } from '@atlaskit/editor-prosemirror/view';
 import { FindReplaceActionTypes } from './actions';
-import { createCommand, getPluginState } from './pm-plugins/plugin-factory';
+import { createCommand, getPluginState } from './plugin-factory';
 import { createDecoration, findDecorationFromMatch, findMatches, findSearchIndex, getSelectedText, getSelectionForMatch, nextIndex, prevIndex, removeDecorationsFromSet, removeMatchesFromSet } from './utils';
 import batchDecorations from './utils/batch-decorations';
 import { withScrollIntoView } from './utils/commands';

package/dist/es2019/pm-plugins/keymap.js

@@ -1,7 +1,7 @@
 import { TRIGGER_METHOD } from '@atlaskit/editor-common/analytics';
 import { bindKeymapWithCommand, find as findKeymap } from '@atlaskit/editor-common/keymaps';
 import { keymap } from '@atlaskit/editor-prosemirror/keymap';
-import { activateWithAnalytics } from '../commands-with-analytics';
+import { activateWithAnalytics } from './commands-with-analytics';
 const activateFindReplace = editorAnalyticsAPI => (state, dispatch) => {
   activateWithAnalytics(editorAnalyticsAPI)({
     triggerMethod: TRIGGER_METHOD.SHORTCUT

package/dist/es2019/pm-plugins/plugin-factory.js

@@ -1,11 +1,11 @@
 import { pluginFactory, stepHasSlice } from '@atlaskit/editor-common/utils';
 import { DecorationSet } from '@atlaskit/editor-prosemirror/view';
-import reducer from '../reducer';
-import { createDecorations, findDecorationFromMatch, findMatches, findSearchIndex, isMatchAffectedByStep, removeDecorationsFromSet, removeMatchesFromSet } from '../utils';
-import { findUniqueItemsIn } from '../utils/array'; // TODO: move into index export
-
 import { initialState } from './main';
 import { findReplacePluginKey } from './plugin-key';
+import reducer from './reducer';
+import { createDecorations, findDecorationFromMatch, findMatches, findSearchIndex, isMatchAffectedByStep, removeDecorationsFromSet, removeMatchesFromSet } from './utils';
+import { findUniqueItemsIn } from './utils/array'; // TODO: move into index export
+
 const handleDocChanged = (tr, pluginState) => {
   const {
     isActive,

package/dist/es2019/{utils → pm-plugins/utils}/batch-decorations.js

@@ -1,4 +1,4 @@
-import { getPluginState } from '../pm-plugins/plugin-factory';
+import { getPluginState } from '../plugin-factory';
 import { createDecorations, findDecorationFromMatch } from './index';
 
 // max number of decorations to apply at once