@atlaskit/editor-plugin-find-replace 0.3.0 → 0.3.1

package/CHANGELOG.md

@@ -1,5 +1,12 @@
 # @atlaskit/editor-plugin-find-replace
 
+## 0.3.1
+
+### Patch Changes
+
+- [#71136](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/71136) [`c803fea1e6a4`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/c803fea1e6a4) - Move all plugin translations to editor-common
+- Updated dependencies
+
 ## 0.3.0
 
 ### Minor Changes

package/dist/cjs/ui/Find.js

@@ -18,6 +18,7 @@ var _debounce = _interopRequireDefault(require("lodash/debounce"));
 var _rafSchd = _interopRequireDefault(require("raf-schd"));
 var _reactIntlNext = require("react-intl-next");
 var _analytics = require("@atlaskit/editor-common/analytics");
+var _messages = require("@atlaskit/editor-common/messages");
 var _form = require("@atlaskit/form");
 var _close = _interopRequireDefault(require("@atlaskit/icon/glyph/editor/close"));
 var _keyboard = _interopRequireDefault(require("@atlaskit/icon/glyph/emoji/keyboard"));
@@ -30,43 +31,6 @@ var _styles = require("./styles");
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(this, result); }; }
 function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } } /* eslint-disable @atlaskit/design-system/consistent-css-prop-usage */ /** @jsx jsx */
 var FIND_DEBOUNCE_MS = exports.FIND_DEBOUNCE_MS = 100;
-var messages = (0, _reactIntlNext.defineMessages)({
-  find: {
-    id: 'fabric.editor.find',
-    defaultMessage: 'Find',
-    description: 'The word or phrase to search for on the document'
-  },
-  matchCase: {
-    id: 'fabric.editor.matchCase',
-    defaultMessage: 'Match case',
-    description: 'Toggle whether should also match case when searching for text'
-  },
-  findNext: {
-    id: 'fabric.editor.findNext',
-    defaultMessage: 'Find next',
-    description: 'Locate the next occurrence of the word or phrase that was searched for'
-  },
-  findPrevious: {
-    id: 'fabric.editor.findPrevious',
-    defaultMessage: 'Find previous',
-    description: 'Locate the previous occurrence of the word or phrase that was searched for'
-  },
-  closeFindReplaceDialog: {
-    id: 'fabric.editor.closeFindReplaceDialog',
-    defaultMessage: 'Close',
-    description: 'Cancel search and close the "Find and Replace" dialog'
-  },
-  noResultsFound: {
-    id: 'fabric.editor.noResultsFound',
-    defaultMessage: 'No results',
-    description: 'No matches were found for the word or phrase that was searched for'
-  },
-  resultsCount: {
-    id: 'fabric.editor.resultsCount',
-    description: 'Text for selected search match position and total results count',
-    defaultMessage: '{selectedMatchPosition} of {totalResultsCount}'
-  }
-});
 // eslint-disable-next-line @repo/internal/react/no-class-components
 var Find = /*#__PURE__*/function (_React$Component) {
   (0, _inherits2.default)(Find, _React$Component);
@@ -177,12 +141,12 @@ 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);
+    _this.find = formatMessage(_messages.findReplaceMessages.find);
+    _this.closeFindReplaceDialog = formatMessage(_messages.findReplaceMessages.closeFindReplaceDialog);
+    _this.noResultsFound = formatMessage(_messages.findReplaceMessages.noResultsFound);
+    _this.findNext = formatMessage(_messages.findReplaceMessages.findNext);
+    _this.findPrevious = formatMessage(_messages.findReplaceMessages.findPrevious);
+    _this.matchCase = formatMessage(_messages.findReplaceMessages.matchCase);
     _this.matchCaseIcon = (0, _react2.jsx)(_keyboard.default, {
       label: _this.matchCase,
       size: (0, _platformFeatureFlags.getBooleanFF)('platform.editor.a11y-find-replace') ? 'small' : 'medium'
@@ -255,7 +219,7 @@ var Find = /*#__PURE__*/function (_React$Component) {
         allowMatchCase = _this$props.allowMatchCase,
         shouldMatchCase = _this$props.shouldMatchCase,
         formatMessage = _this$props.intl.formatMessage;
-      var resultsCount = formatMessage(messages.resultsCount, {
+      var resultsCount = formatMessage(_messages.findReplaceMessages.resultsCount, {
         selectedMatchPosition: count.index + 1,
         totalResultsCount: count.total
       });

package/dist/cjs/ui/FindReplaceToolbarButton.js

@@ -19,6 +19,7 @@ var _react2 = require("@emotion/react");
 var _reactIntlNext = require("react-intl-next");
 var _analytics = require("@atlaskit/editor-common/analytics");
 var _keymaps = require("@atlaskit/editor-common/keymaps");
+var _messages = require("@atlaskit/editor-common/messages");
 var _uiMenu = require("@atlaskit/editor-common/ui-menu");
 var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
 var _search = _interopRequireDefault(require("@atlaskit/icon/glyph/editor/search"));
@@ -32,13 +33,6 @@ function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Re
 var toolbarButtonWrapper = (0, _react2.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  display: flex;\n  flex: 1 1 auto;\n  flex-grow: 0;\n  justify-content: flex-end;\n  align-items: center;\n  padding: 0 ", ";\n  @media (max-width: ", "px) {\n    justify-content: center;\n    padding: 0;\n  }\n"])), "var(--ds-space-100, 8px)", _editorSharedStyles.akEditorMobileMaxWidth);
 var toolbarButtonWrapperFullWith = (0, _react2.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n  flex-grow: 1;\n"])));
 var wrapper = (0, _react2.css)(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n  display: flex;\n  flex-direction: column;\n"])));
-var messages = (0, _reactIntlNext.defineMessages)({
-  findReplaceToolbarButton: {
-    id: 'fabric.editor.findReplaceToolbarButton',
-    defaultMessage: 'Find and replace',
-    description: '"Find" highlights all instances of a word or phrase on the document, and "Replace" changes one or all of those instances to something else'
-  }
-});
 var dropdownWidthNewDesign = 382;
 var dropdownWidthOldDesign = 352;
 // eslint-disable-next-line @repo/internal/react/no-class-components
@@ -94,7 +88,7 @@ var FindReplaceToolbarButton = /*#__PURE__*/function (_React$PureComponent) {
         numMatches = _this$props.numMatches,
         formatMessage = _this$props.intl.formatMessage,
         takeFullWidth = _this$props.takeFullWidth;
-      var title = formatMessage(messages.findReplaceToolbarButton);
+      var title = formatMessage(_messages.findReplaceMessages.findReplaceToolbarButton);
       var stackBelowOtherEditorFloatingPanels = _editorSharedStyles.akEditorFloatingPanelZIndex - 1;
       var keymap = (0, _keymaps.findKeymapByDescription)('Find');
       return (0, _react2.jsx)("div", {

package/dist/cjs/ui/Replace.js

@@ -18,6 +18,7 @@ var _react2 = require("@emotion/react");
 var _reactIntlNext = require("react-intl-next");
 var _standardButton = _interopRequireDefault(require("@atlaskit/button/standard-button"));
 var _analytics = require("@atlaskit/editor-common/analytics");
+var _messages = require("@atlaskit/editor-common/messages");
 var _form = require("@atlaskit/form");
 var _chevronDown = _interopRequireDefault(require("@atlaskit/icon/glyph/hipchat/chevron-down"));
 var _chevronUp = _interopRequireDefault(require("@atlaskit/icon/glyph/hipchat/chevron-up"));
@@ -29,54 +30,6 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(this, result); }; }
 function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } } /* eslint-disable @atlaskit/design-system/consistent-css-prop-usage */ /** @jsx jsx */
-var messages = (0, _reactIntlNext.defineMessages)({
-  replaceWith: {
-    id: 'fabric.editor.replaceWith',
-    defaultMessage: 'Replace with',
-    description: 'The value that will replace the word or phrase that was searched for'
-  },
-  replace: {
-    id: 'fabric.editor.replace',
-    defaultMessage: 'Replace',
-    description: 'Replace only the currently selected instance of the word or phrase'
-  },
-  replaceAll: {
-    id: 'fabric.editor.replaceAll',
-    defaultMessage: 'Replace all',
-    description: 'Replace all instances of the word or phrase throughout the entire document'
-  },
-  replaceSuccess: {
-    id: 'fabric.editor.replaceSuccess',
-    defaultMessage: '{numberOfMatches} {matchPluralSingularNoun} replaced',
-    description: 'Text when replacement succesfully done'
-  },
-  matchSingularNoun: {
-    id: 'fabric.editor.match.singular',
-    defaultMessage: 'match',
-    description: 'Singular "Match" noun'
-  },
-  matchPluralNoun: {
-    id: 'fabric.editor.match.plural',
-    defaultMessage: 'matches',
-    description: 'Plural "Match" noun'
-  },
-  findNext: {
-    id: 'fabric.editor.findNext',
-    defaultMessage: 'Find next',
-    description: 'Locate the next occurrence of the word or phrase that was searched for'
-  },
-  findPrevious: {
-    id: 'fabric.editor.findPrevious',
-    defaultMessage: 'Find previous',
-    description: 'Locate the previous occurrence of the word or phrase that was searched for'
-  },
-  closeFindReplaceDialog: {
-    id: 'fabric.editor.closeFindReplaceDialog',
-    defaultMessage: 'Close',
-    description: 'Cancel search and close the "Find and Replace" dialog'
-  }
-});
-
 // eslint-disable-next-line @repo/internal/react/no-class-components
 var Replace = /*#__PURE__*/function (_React$PureComponent) {
   (0, _inherits2.default)(Replace, _React$PureComponent);
@@ -199,18 +152,18 @@ 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);
-    _this.findPrevious = formatMessage(messages.findPrevious);
+    _this.replaceWith = formatMessage(_messages.findReplaceMessages.replaceWith);
+    _this.replace = formatMessage(_messages.findReplaceMessages.replace);
+    _this.replaceAll = formatMessage(_messages.findReplaceMessages.replaceAll);
+    _this.findNext = formatMessage(_messages.findReplaceMessages.findNext);
+    _this.findPrevious = formatMessage(_messages.findReplaceMessages.findPrevious);
     _this.findNextIcon = (0, _react2.jsx)(_chevronDown.default, {
       label: _this.findNext
     });
     _this.findPrevIcon = (0, _react2.jsx)(_chevronUp.default, {
       label: _this.findPrevious
     });
-    _this.closeFindReplaceDialog = formatMessage(messages.closeFindReplaceDialog);
+    _this.closeFindReplaceDialog = formatMessage(_messages.findReplaceMessages.closeFindReplaceDialog);
     return _this;
   }
   (0, _createClass2.default)(Replace, [{
@@ -264,9 +217,9 @@ var Replace = /*#__PURE__*/function (_React$PureComponent) {
         canReplace = _this$props.canReplace,
         count = _this$props.count,
         formatMessage = _this$props.intl.formatMessage;
-      var resultsReplace = formatMessage(messages.replaceSuccess, {
+      var resultsReplace = formatMessage(_messages.findReplaceMessages.replaceSuccess, {
         numberOfMatches: replaceCount,
-        matchPluralSingularNoun: replaceCount > 1 ? formatMessage(messages.matchPluralNoun) : formatMessage(messages.matchSingularNoun)
+        matchPluralSingularNoun: replaceCount > 1 ? formatMessage(_messages.findReplaceMessages.matchPluralNoun) : formatMessage(_messages.findReplaceMessages.matchSingularNoun)
       });
       return (0, _platformFeatureFlags.getBooleanFF)('platform.editor.a11y-find-replace') ? (0, _react2.jsx)(_react.Fragment, null, (0, _react2.jsx)("div", {
         css: [_styles.sectionWrapperStyles, _styles.sectionWrapperStylesAlternate]

package/dist/es2019/ui/Find.js

@@ -5,8 +5,9 @@ import React from 'react';
 import { jsx } from '@emotion/react';
 import debounce from 'lodash/debounce';
 import rafSchd from 'raf-schd';
-import { defineMessages, injectIntl } from 'react-intl-next';
+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';
@@ -17,43 +18,6 @@ import Textfield from '@atlaskit/textfield';
 import { FindReplaceTooltipButton } from './FindReplaceTooltipButton';
 import { afterInputSection, countStyles, countStylesAlternateStyles, countWrapperStyles, matchCaseSection, sectionWrapperStyles, sectionWrapperStylesAlternate, textFieldWrapper } from './styles';
 export const FIND_DEBOUNCE_MS = 100;
-const messages = defineMessages({
-  find: {
-    id: 'fabric.editor.find',
-    defaultMessage: 'Find',
-    description: 'The word or phrase to search for on the document'
-  },
-  matchCase: {
-    id: 'fabric.editor.matchCase',
-    defaultMessage: 'Match case',
-    description: 'Toggle whether should also match case when searching for text'
-  },
-  findNext: {
-    id: 'fabric.editor.findNext',
-    defaultMessage: 'Find next',
-    description: 'Locate the next occurrence of the word or phrase that was searched for'
-  },
-  findPrevious: {
-    id: 'fabric.editor.findPrevious',
-    defaultMessage: 'Find previous',
-    description: 'Locate the previous occurrence of the word or phrase that was searched for'
-  },
-  closeFindReplaceDialog: {
-    id: 'fabric.editor.closeFindReplaceDialog',
-    defaultMessage: 'Close',
-    description: 'Cancel search and close the "Find and Replace" dialog'
-  },
-  noResultsFound: {
-    id: 'fabric.editor.noResultsFound',
-    defaultMessage: 'No results',
-    description: 'No matches were found for the word or phrase that was searched for'
-  },
-  resultsCount: {
-    id: 'fabric.editor.resultsCount',
-    description: 'Text for selected search match position and total results count',
-    defaultMessage: '{selectedMatchPosition} of {totalResultsCount}'
-  }
-});
 // eslint-disable-next-line @repo/internal/react/no-class-components
 class Find extends React.Component {
   constructor(props) {

package/dist/es2019/ui/FindReplaceToolbarButton.js

@@ -4,9 +4,10 @@ import _defineProperty from "@babel/runtime/helpers/defineProperty";
 /** @jsx jsx */
 import React from 'react';
 import { css, jsx } from '@emotion/react';
-import { defineMessages, injectIntl } from 'react-intl-next';
+import { injectIntl } from 'react-intl-next';
 import { TRIGGER_METHOD } from '@atlaskit/editor-common/analytics';
 import { findKeymapByDescription, getAriaKeyshortcuts, tooltip, ToolTipContent } from '@atlaskit/editor-common/keymaps';
+import { findReplaceMessages as messages } from '@atlaskit/editor-common/messages';
 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';
@@ -31,13 +32,6 @@ const wrapper = css`
   display: flex;
   flex-direction: column;
 `;
-const messages = defineMessages({
-  findReplaceToolbarButton: {
-    id: 'fabric.editor.findReplaceToolbarButton',
-    defaultMessage: 'Find and replace',
-    description: '"Find" highlights all instances of a word or phrase on the document, and "Replace" changes one or all of those instances to something else'
-  }
-});
 const dropdownWidthNewDesign = 382;
 const dropdownWidthOldDesign = 352;
 // eslint-disable-next-line @repo/internal/react/no-class-components

package/dist/es2019/ui/Replace.js

@@ -3,9 +3,10 @@ import _defineProperty from "@babel/runtime/helpers/defineProperty";
 /** @jsx jsx */
 import React, { Fragment } from 'react';
 import { jsx } from '@emotion/react';
-import { defineMessages, injectIntl } from 'react-intl-next';
+import { injectIntl } from 'react-intl-next';
 import Button from '@atlaskit/button/standard-button';
 import { ACTION, ACTION_SUBJECT, EVENT_TYPE, TRIGGER_METHOD } from '@atlaskit/editor-common/analytics';
+import { findReplaceMessages as messages } from '@atlaskit/editor-common/messages';
 import { Label, ValidMessage } from '@atlaskit/form';
 import ChevronDownIcon from '@atlaskit/icon/glyph/hipchat/chevron-down';
 import ChevronUpIcon from '@atlaskit/icon/glyph/hipchat/chevron-up';
@@ -13,54 +14,6 @@ import { getBooleanFF } from '@atlaskit/platform-feature-flags';
 import Textfield from '@atlaskit/textfield';
 import { FindReplaceTooltipButton } from './FindReplaceTooltipButton';
 import { NextPreviousItem, orderOneStyles, orderZeroStyles, replaceSectionButtonStyles, sectionWrapperJustified, sectionWrapperStyles, sectionWrapperStylesAlternate, textFieldWrapper } from './styles';
-const messages = defineMessages({
-  replaceWith: {
-    id: 'fabric.editor.replaceWith',
-    defaultMessage: 'Replace with',
-    description: 'The value that will replace the word or phrase that was searched for'
-  },
-  replace: {
-    id: 'fabric.editor.replace',
-    defaultMessage: 'Replace',
-    description: 'Replace only the currently selected instance of the word or phrase'
-  },
-  replaceAll: {
-    id: 'fabric.editor.replaceAll',
-    defaultMessage: 'Replace all',
-    description: 'Replace all instances of the word or phrase throughout the entire document'
-  },
-  replaceSuccess: {
-    id: 'fabric.editor.replaceSuccess',
-    defaultMessage: '{numberOfMatches} {matchPluralSingularNoun} replaced',
-    description: 'Text when replacement succesfully done'
-  },
-  matchSingularNoun: {
-    id: 'fabric.editor.match.singular',
-    defaultMessage: 'match',
-    description: 'Singular "Match" noun'
-  },
-  matchPluralNoun: {
-    id: 'fabric.editor.match.plural',
-    defaultMessage: 'matches',
-    description: 'Plural "Match" noun'
-  },
-  findNext: {
-    id: 'fabric.editor.findNext',
-    defaultMessage: 'Find next',
-    description: 'Locate the next occurrence of the word or phrase that was searched for'
-  },
-  findPrevious: {
-    id: 'fabric.editor.findPrevious',
-    defaultMessage: 'Find previous',
-    description: 'Locate the previous occurrence of the word or phrase that was searched for'
-  },
-  closeFindReplaceDialog: {
-    id: 'fabric.editor.closeFindReplaceDialog',
-    defaultMessage: 'Close',
-    description: 'Cancel search and close the "Find and Replace" dialog'
-  }
-});
-
 // eslint-disable-next-line @repo/internal/react/no-class-components
 class Replace extends React.PureComponent {
   constructor(props) {

package/dist/esm/ui/Find.js

@@ -13,8 +13,9 @@ import React from 'react';
 import { jsx } from '@emotion/react';
 import debounce from 'lodash/debounce';
 import rafSchd from 'raf-schd';
-import { defineMessages, injectIntl } from 'react-intl-next';
+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';
@@ -25,43 +26,6 @@ import Textfield from '@atlaskit/textfield';
 import { FindReplaceTooltipButton } from './FindReplaceTooltipButton';
 import { afterInputSection, countStyles, countStylesAlternateStyles, countWrapperStyles, matchCaseSection, sectionWrapperStyles, sectionWrapperStylesAlternate, textFieldWrapper } from './styles';
 export var FIND_DEBOUNCE_MS = 100;
-var messages = defineMessages({
-  find: {
-    id: 'fabric.editor.find',
-    defaultMessage: 'Find',
-    description: 'The word or phrase to search for on the document'
-  },
-  matchCase: {
-    id: 'fabric.editor.matchCase',
-    defaultMessage: 'Match case',
-    description: 'Toggle whether should also match case when searching for text'
-  },
-  findNext: {
-    id: 'fabric.editor.findNext',
-    defaultMessage: 'Find next',
-    description: 'Locate the next occurrence of the word or phrase that was searched for'
-  },
-  findPrevious: {
-    id: 'fabric.editor.findPrevious',
-    defaultMessage: 'Find previous',
-    description: 'Locate the previous occurrence of the word or phrase that was searched for'
-  },
-  closeFindReplaceDialog: {
-    id: 'fabric.editor.closeFindReplaceDialog',
-    defaultMessage: 'Close',
-    description: 'Cancel search and close the "Find and Replace" dialog'
-  },
-  noResultsFound: {
-    id: 'fabric.editor.noResultsFound',
-    defaultMessage: 'No results',
-    description: 'No matches were found for the word or phrase that was searched for'
-  },
-  resultsCount: {
-    id: 'fabric.editor.resultsCount',
-    description: 'Text for selected search match position and total results count',
-    defaultMessage: '{selectedMatchPosition} of {totalResultsCount}'
-  }
-});
 // eslint-disable-next-line @repo/internal/react/no-class-components
 var Find = /*#__PURE__*/function (_React$Component) {
   _inherits(Find, _React$Component);

package/dist/esm/ui/FindReplaceToolbarButton.js

@@ -14,9 +14,10 @@ function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Re
 /** @jsx jsx */
 import React from 'react';
 import { css, jsx } from '@emotion/react';
-import { defineMessages, injectIntl } from 'react-intl-next';
+import { injectIntl } from 'react-intl-next';
 import { TRIGGER_METHOD } from '@atlaskit/editor-common/analytics';
 import { findKeymapByDescription, getAriaKeyshortcuts, tooltip, ToolTipContent } from '@atlaskit/editor-common/keymaps';
+import { findReplaceMessages as messages } from '@atlaskit/editor-common/messages';
 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';
@@ -25,13 +26,6 @@ import FindReplace from './FindReplace';
 var toolbarButtonWrapper = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  display: flex;\n  flex: 1 1 auto;\n  flex-grow: 0;\n  justify-content: flex-end;\n  align-items: center;\n  padding: 0 ", ";\n  @media (max-width: ", "px) {\n    justify-content: center;\n    padding: 0;\n  }\n"])), "var(--ds-space-100, 8px)", akEditorMobileMaxWidth);
 var toolbarButtonWrapperFullWith = css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  flex-grow: 1;\n"])));
 var wrapper = css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: column;\n"])));
-var messages = defineMessages({
-  findReplaceToolbarButton: {
-    id: 'fabric.editor.findReplaceToolbarButton',
-    defaultMessage: 'Find and replace',
-    description: '"Find" highlights all instances of a word or phrase on the document, and "Replace" changes one or all of those instances to something else'
-  }
-});
 var dropdownWidthNewDesign = 382;
 var dropdownWidthOldDesign = 352;
 // eslint-disable-next-line @repo/internal/react/no-class-components

package/dist/esm/ui/Replace.js

@@ -11,9 +11,10 @@ function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Re
 /** @jsx jsx */
 import React, { Fragment } from 'react';
 import { jsx } from '@emotion/react';
-import { defineMessages, injectIntl } from 'react-intl-next';
+import { injectIntl } from 'react-intl-next';
 import Button from '@atlaskit/button/standard-button';
 import { ACTION, ACTION_SUBJECT, EVENT_TYPE, TRIGGER_METHOD } from '@atlaskit/editor-common/analytics';
+import { findReplaceMessages as messages } from '@atlaskit/editor-common/messages';
 import { Label, ValidMessage } from '@atlaskit/form';
 import ChevronDownIcon from '@atlaskit/icon/glyph/hipchat/chevron-down';
 import ChevronUpIcon from '@atlaskit/icon/glyph/hipchat/chevron-up';
@@ -21,54 +22,6 @@ import { getBooleanFF } from '@atlaskit/platform-feature-flags';
 import Textfield from '@atlaskit/textfield';
 import { FindReplaceTooltipButton } from './FindReplaceTooltipButton';
 import { NextPreviousItem, orderOneStyles, orderZeroStyles, replaceSectionButtonStyles, sectionWrapperJustified, sectionWrapperStyles, sectionWrapperStylesAlternate, textFieldWrapper } from './styles';
-var messages = defineMessages({
-  replaceWith: {
-    id: 'fabric.editor.replaceWith',
-    defaultMessage: 'Replace with',
-    description: 'The value that will replace the word or phrase that was searched for'
-  },
-  replace: {
-    id: 'fabric.editor.replace',
-    defaultMessage: 'Replace',
-    description: 'Replace only the currently selected instance of the word or phrase'
-  },
-  replaceAll: {
-    id: 'fabric.editor.replaceAll',
-    defaultMessage: 'Replace all',
-    description: 'Replace all instances of the word or phrase throughout the entire document'
-  },
-  replaceSuccess: {
-    id: 'fabric.editor.replaceSuccess',
-    defaultMessage: '{numberOfMatches} {matchPluralSingularNoun} replaced',
-    description: 'Text when replacement succesfully done'
-  },
-  matchSingularNoun: {
-    id: 'fabric.editor.match.singular',
-    defaultMessage: 'match',
-    description: 'Singular "Match" noun'
-  },
-  matchPluralNoun: {
-    id: 'fabric.editor.match.plural',
-    defaultMessage: 'matches',
-    description: 'Plural "Match" noun'
-  },
-  findNext: {
-    id: 'fabric.editor.findNext',
-    defaultMessage: 'Find next',
-    description: 'Locate the next occurrence of the word or phrase that was searched for'
-  },
-  findPrevious: {
-    id: 'fabric.editor.findPrevious',
-    defaultMessage: 'Find previous',
-    description: 'Locate the previous occurrence of the word or phrase that was searched for'
-  },
-  closeFindReplaceDialog: {
-    id: 'fabric.editor.closeFindReplaceDialog',
-    defaultMessage: 'Close',
-    description: 'Cancel search and close the "Find and Replace" dialog'
-  }
-});
-
 // eslint-disable-next-line @repo/internal/react/no-class-components
 var Replace = /*#__PURE__*/function (_React$PureComponent) {
   _inherits(Replace, _React$PureComponent);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/editor-plugin-find-replace",
-  "version": "0.3.0",
+  "version": "0.3.1",
   "description": "find replace plugin for @atlaskit/editor-core",
   "author": "Atlassian Pty Ltd",
   "license": "Apache-2.0",
@@ -35,7 +35,7 @@
   },
   "dependencies": {
     "@atlaskit/button": "^17.3.0",
-    "@atlaskit/editor-common": "^77.2.0",
+    "@atlaskit/editor-common": "^77.3.0",
     "@atlaskit/editor-plugin-analytics": "^0.4.0",
     "@atlaskit/editor-plugin-feature-flags": "^1.0.0",
     "@atlaskit/editor-prosemirror": "1.1.0",