@atlaskit/editor-plugin-find-replace 3.2.6 → 3.2.8

package/dist/esm/pm-plugins/commands.js

@@ -1,6 +1,5 @@
 import { TextSelection } from '@atlaskit/editor-prosemirror/state';
 import { DecorationSet } from '@atlaskit/editor-prosemirror/view';
-import { fg } from '@atlaskit/platform-feature-flags';
 import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 import { expValEqualsNoExposure } from '@atlaskit/tmp-editor-statsig/exp-val-equals-no-exposure';
 import { FindReplaceActionTypes } from './actions';
@@ -29,7 +28,7 @@ export var activate = function activate() {
         getIntl: getIntl,
         api: api
       });
-      index = expValEquals('platform_editor_find_and_replace_improvements', 'isEnabled', true) && fg('platform_editor_find_and_replace_improvements_1') ? findClosestMatch(selection.from, matches) : findSearchIndex(selection.from, matches);
+      index = expValEquals('platform_editor_find_and_replace_improvements', 'isEnabled', true) ? findClosestMatch(selection.from, matches) : findSearchIndex(selection.from, matches);
     }
     return {
       type: FindReplaceActionTypes.ACTIVATE,
@@ -53,7 +52,7 @@ export var find = function find(editorView, containerElement, keyword) {
       getIntl: getIntl,
       api: api
     }) : [];
-    var index = expValEquals('platform_editor_find_and_replace_improvements', 'isEnabled', true) && fg('platform_editor_find_and_replace_improvements_1') ? findClosestMatch(selection.from, matches) : findSearchIndex(selection.from, matches);
+    var index = expValEquals('platform_editor_find_and_replace_improvements', 'isEnabled', true) ? findClosestMatch(selection.from, matches) : findSearchIndex(selection.from, matches);
 
     // we can't just apply all the decorations to highlight the search results at once
     // as if there are a lot ProseMirror cries :'(
@@ -82,7 +81,7 @@ export var find = function find(editorView, containerElement, keyword) {
       api: api
     }) : [];
     if (matches.length > 0) {
-      var index = expValEquals('platform_editor_find_and_replace_improvements', 'isEnabled', true) && fg('platform_editor_find_and_replace_improvements_1') ? findClosestMatch(selection.from, matches) : findSearchIndex(selection.from, matches);
+      var index = expValEquals('platform_editor_find_and_replace_improvements', 'isEnabled', true) ? findClosestMatch(selection.from, matches) : findSearchIndex(selection.from, matches);
       var newSelection = getSelectionForMatch(tr.selection, tr.doc, index, matches);
       if (expValEqualsNoExposure('platform_editor_toggle_expand_on_match_found', 'isEnabled', true)) {
         var _api$expand;

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

@@ -4,7 +4,6 @@ function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbol
 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) { _defineProperty(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; }
 import { pluginFactory, stepHasSlice } from '@atlaskit/editor-common/utils';
 import { DecorationSet } from '@atlaskit/editor-prosemirror/view';
-import { fg } from '@atlaskit/platform-feature-flags';
 import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 import { expValEqualsNoExposure } from '@atlaskit/tmp-editor-statsig/exp-val-equals-no-exposure';
 import { initialState } from './main';
@@ -96,7 +95,7 @@ var handleDocChanged = function handleDocChanged(tr, pluginState) {
     });
   }
   if (newIndex === undefined || newIndex === -1) {
-    newIndex = expValEquals('platform_editor_find_and_replace_improvements', 'isEnabled', true) && fg('platform_editor_find_and_replace_improvements_1') ? findClosestMatch(tr.selection.from, newMatches) : findSearchIndex(tr.selection.from, newMatches);
+    newIndex = expValEquals('platform_editor_find_and_replace_improvements', 'isEnabled', true) ? findClosestMatch(tr.selection.from, newMatches) : findSearchIndex(tr.selection.from, newMatches);
   }
   var newSelectedMatch = newMatches[newIndex];
   decorationSet = removeMatchesFromSet(decorationSet, [selectedMatch, newSelectedMatch], tr.doc);

package/dist/esm/ui/Find.js

@@ -24,7 +24,6 @@ import { Label } from '@atlaskit/form';
 import TextLetterCaseIcon from '@atlaskit/icon-lab/core/text-letter-case';
 import MatchCaseIcon from '@atlaskit/icon/core/migration/text-style--emoji-keyboard';
 import EditorTextStyleIcon from '@atlaskit/icon/glyph/editor/text-style';
-import { fg } from '@atlaskit/platform-feature-flags';
 import Textfield from '@atlaskit/textfield';
 import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 import { FindReplaceTooltipButton } from './FindReplaceTooltipButton';
@@ -138,7 +137,7 @@ var Find = /*#__PURE__*/function (_React$Component) {
       }
     });
     _defineProperty(_this, "matchCaseIconEle", function (iconProps) {
-      return expValEquals('platform_editor_find_and_replace_improvements', 'isEnabled', true) && fg('platform_editor_find_and_replace_improvements_1') ? jsx(TextLetterCaseIcon, {
+      return expValEquals('platform_editor_find_and_replace_improvements', 'isEnabled', true) ? jsx(TextLetterCaseIcon, {
         LEGACY_size: 'small',
         LEGACY_fallbackIcon: EditorTextStyleIcon,
         label: expValEquals('platform_editor_find_replace_a11y_fixes', 'isEnabled', true) ? iconProps.label : _this.matchCase,

package/dist/esm/ui/Replace.js

@@ -23,7 +23,6 @@ import { relativeFontSizeToBase16 } from '@atlaskit/editor-shared-styles';
 import { Label, ValidMessage } from '@atlaskit/form';
 import ChevronDownIcon from '@atlaskit/icon/core/migration/chevron-down--hipchat-chevron-down';
 import ChevronUpIcon from '@atlaskit/icon/core/migration/chevron-up--hipchat-chevron-up';
-import { fg } from '@atlaskit/platform-feature-flags';
 // eslint-disable-next-line @atlaskit/design-system/no-emotion-primitives -- to be migrated to @atlaskit/primitives/compiled – go/akcss
 import { Inline, xcss } from '@atlaskit/primitives';
 import Textfield from '@atlaskit/textfield';
@@ -287,9 +286,9 @@ var Replace = /*#__PURE__*/function (_React$PureComponent) {
       // Ignored via go/ees005
       // eslint-disable-next-line require-unicode-regexp
       resultsReplace.replace(/ /, "\xA0") : resultsReplace)))), jsx("div", {
-        css: expValEquals('platform_editor_find_and_replace_improvements', 'isEnabled', true) && fg('platform_editor_find_and_replace_improvements_1') ? [sectionWrapperStyles, sectionWrapperStylesAlternate, sectionWrapperJustified, sectionWrapperFlexWrap] : [sectionWrapperStyles, sectionWrapperStylesAlternate, sectionWrapperJustified]
+        css: expValEquals('platform_editor_find_and_replace_improvements', 'isEnabled', true) ? [sectionWrapperStyles, sectionWrapperStylesAlternate, sectionWrapperJustified, sectionWrapperFlexWrap] : [sectionWrapperStyles, sectionWrapperStylesAlternate, sectionWrapperJustified]
       }, jsx("div", {
-        css: expValEquals('platform_editor_find_and_replace_improvements', 'isEnabled', true) && fg('platform_editor_find_and_replace_improvements_1') ? orderOneStylesNew : orderOneStyles
+        css: expValEquals('platform_editor_find_and_replace_improvements', 'isEnabled', true) ? orderOneStylesNew : orderOneStyles
       }, jsx("div", {
         css: nextPreviousItemStyles
       }, jsx(FindReplaceTooltipButton, {

package/dist/esm/ui/ReplaceNext.js

@@ -7,7 +7,6 @@ import { findReplaceMessages as messages } from '@atlaskit/editor-common/message
 import { ValidMessage } from '@atlaskit/form';
 import ChevronDownIcon from '@atlaskit/icon/core/migration/chevron-down--hipchat-chevron-down';
 import ChevronUpIcon from '@atlaskit/icon/core/migration/chevron-up--hipchat-chevron-up';
-import { fg } from '@atlaskit/platform-feature-flags';
 // eslint-disable-next-line @atlaskit/design-system/no-emotion-primitives -- to be migrated to @atlaskit/primitives/compiled – go/akcss
 import { Box, Inline, Text, xcss } from '@atlaskit/primitives';
 import Textfield from '@atlaskit/textfield';
@@ -215,7 +214,7 @@ var Replace = function Replace(_ref) {
   resultsReplace.replace(/ /, "\xA0") : resultsReplace)), /*#__PURE__*/React.createElement(Box, {
     xcss: actionButtonContainerStyles
   }, /*#__PURE__*/React.createElement(Inline, {
-    xcss: expValEquals('platform_editor_find_and_replace_improvements', 'isEnabled', true) && fg('platform_editor_find_and_replace_improvements_1') ? [actionButtonInlineStyles, actionButtonParentInlineStylesNew] : [actionButtonInlineStyles, actionButtonParentInlineStyles]
+    xcss: expValEquals('platform_editor_find_and_replace_improvements', 'isEnabled', true) ? [actionButtonInlineStyles, actionButtonParentInlineStylesNew] : [actionButtonInlineStyles, actionButtonParentInlineStyles]
   }, /*#__PURE__*/React.createElement(Inline, {
     xcss: actionButtonInlineStyles
   }, /*#__PURE__*/React.createElement(FindReplaceTooltipButton, {
@@ -253,7 +252,7 @@ var Replace = function Replace(_ref) {
     id: "replaceAll-button",
     onClick: handleReplaceAllClick,
     isDisabled: expValEquals('platform_editor_find_and_replace_improvements', 'isEnabled', true) ? count.totalReplaceable === 0 : !canReplace
-  }, replaceAll)), expValEquals('platform_editor_find_and_replace_improvements', 'isEnabled', true) && fg('platform_editor_find_and_replace_improvements_1') ? /*#__PURE__*/React.createElement(Inline, {
+  }, replaceAll)), expValEquals('platform_editor_find_and_replace_improvements', 'isEnabled', true) ? /*#__PURE__*/React.createElement(Inline, {
     xcss: closeButtonInlineStyles
   }, /*#__PURE__*/React.createElement(Button, {
     appearance: "subtle",

package/dist/esm/ui/styles.js

@@ -1,5 +1,5 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
-var _css2, _css3;
+var _css2;
 /* eslint-disable @atlaskit/editor/no-re-export */
 // Entry file in package.json
 
@@ -31,101 +31,6 @@ export var findReplaceStyles = css(_defineProperty(_defineProperty({}, ".".conca
   backgroundColor: "var(--ds-background-accent-teal-subtle, #6CC3E0)"
 }));
 export var findReplaceStylesNew = css((_css2 = {}, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_css2, ".".concat(searchMatchTextClass), {
-  borderRadius: "var(--ds-space-050, 4px)",
-  boxShadow: "\n\t\tinset 0 0 0 1px ".concat("var(--ds-background-accent-magenta-subtler-pressed, #E774BB)", ",\n\t\tinset 0 0 0 5px ", "var(--ds-background-accent-magenta-subtler, #FDD0EC)", "\n\t\t"),
-  // TODO: ED-28376 - clean up !important later
-  backgroundColor: "var(--ds-background-accent-magenta-subtler, #FDD0EC)".concat(" !important"),
-  color: "var(--ds-text, #172B4D)"
-}), ".".concat(searchMatchTextClass, ".").concat(selectedSearchMatchClass), {
-  boxShadow: "\n\t\tinset 0 0 0 1px ".concat("var(--ds-background-accent-magenta-subtler-pressed, #E774BB)", ",\n\t\tinset 0 0 0 5px ", "var(--ds-background-accent-magenta-subtlest-pressed, #F797D2)", "\n\t\t"),
-  // TODO: ED-28376 - clean up !important later
-  backgroundColor: "var(--ds-background-accent-magenta-subtlest-pressed, #F797D2)".concat(" !important")
-}), ".".concat(searchMatchTextClass, ".").concat(darkModeSearchMatchClass), {
-  boxShadow: "\n\t\tinset 0 0 0 1px ".concat("var(--ds-background-accent-magenta-bolder, #AE4787)", ",\n\t\tinset 0 0 0 5px ", "var(--ds-background-accent-magenta-bolder-pressed, #50253F)", "\n\t\t"),
-  // TODO: ED-28376 - clean up !important later
-  backgroundColor: "var(--ds-background-accent-magenta-bolder-pressed, #50253F)".concat(" !important"),
-  color: "var(--ds-text-inverse, #FFFFFF)"
-}), ".".concat(searchMatchTextClass, ".").concat(selectedSearchMatchClass, ".").concat(darkModeSearchMatchClass), {
-  boxShadow: "\n\t\tinset 0 0 0 1px ".concat("var(--ds-background-accent-magenta-bolder, #AE4787)", ",\n\t\tinset 0 0 0 5px ", "var(--ds-background-accent-magenta-bolder-hovered, #943D73)", "\n\t\t"),
-  // TODO: ED-28376 - clean up !important later
-  backgroundColor: "var(--ds-background-accent-magenta-bolder-hovered, #943D73)".concat(" !important")
-}), ".".concat(blockSearchMatchClass), _defineProperty({
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
-  '[data-smart-link-container="true"], .loader-wrapper>div::after': {
-    boxShadow: "\n\t\t\tinset 0 0 0 1px ".concat("var(--ds-background-accent-magenta-subtler-pressed, #E774BB)", ",\n\t\t\tinset 0 0 0 5px ", "var(--ds-background-accent-magenta-subtler, #FDD0EC)", "\n\t\t\t")
-  }
-}, "".concat(inlineCardSelector, ", ").concat(inlineCardWithHoverPreviewSelector, ", ").concat(statusSelector, ", ").concat(mentionSelector, ", ").concat(dateSelector), {
-  boxShadow: "0px 0px 0px 4px ".concat("var(--ds-background-accent-magenta-subtler, #FDD0EC)", ", 0px 0px 0px 5px ", "var(--ds-background-accent-magenta-subtler-pressed, #E774BB)")
-})), ".".concat(blockSearchMatchClass, ".").concat(selectedBlockSearchMatchClass), _defineProperty({
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
-  '[data-smart-link-container="true"], .loader-wrapper>div::after': {
-    boxShadow: "\n\t\t\tinset 0 0 0 1px ".concat("var(--ds-background-accent-magenta-subtler-pressed, #E774BB)", ",\n\t\t\tinset 0 0 0 4px ", "var(--ds-background-accent-magenta-subtlest-pressed, #F797D2)", "\n\t\t\t")
-  }
-}, "".concat(inlineCardSelector, ", ").concat(inlineCardWithHoverPreviewSelector, ", ").concat(statusSelector, ", ").concat(mentionSelector, ", ").concat(dateSelector), {
-  boxShadow: "0px 0px 0px 4px ".concat("var(--ds-background-accent-magenta-subtlest-pressed, #F797D2)", ", 0px 0px 0px 5px ", "var(--ds-background-accent-magenta-subtler-pressed, #E774BB)")
-})), ".".concat(blockSearchMatchClass, ".ak-editor-selected-node"), _defineProperty({
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
-  '.loader-wrapper>div::after': {
-    boxShadow: "\n\t\t\tinset 0 0 0 1px ".concat("var(--ds-background-accent-magenta-subtler-pressed, #E774BB)", ",\n\t\t\tinset 0 0 0 5px ", "var(--ds-background-accent-magenta-subtler, #FDD0EC)", ",\n\t\t\t0 0 0 1px ", "var(--ds-border-selected, #0C66E4)", "\n\t\t\t")
-  }
-}, "".concat(inlineCardSelector, ", ").concat(inlineCardWithHoverPreviewSelector, ", ").concat(statusSelector, ", ").concat(mentionSelector, ", ").concat(dateSelector), {
-  // TODO: ED-28376 - will clean up !important later
-  boxShadow: "0 0 0 1px ".concat("var(--ds-border-selected, #0C66E4)", ", 0px 0px 0px 4px ", "var(--ds-background-accent-magenta-subtler, #FDD0EC)", ", 0px 0px 0px 5px ", "var(--ds-background-accent-magenta-subtler-pressed, #E774BB)", " !important")
-})), ".".concat(blockSearchMatchClass, ".").concat(selectedBlockSearchMatchClass, ".ak-editor-selected-node"), _defineProperty({
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
-  '[data-smart-link-container="true"], .loader-wrapper>div::after': {
-    boxShadow: "\n\t\t\tinset 0 0 0 1px ".concat("var(--ds-background-accent-magenta-subtler-pressed, #E774BB)", ",\n\t\t\tinset 0 0 0 4px ", "var(--ds-background-accent-magenta-subtlest-pressed, #F797D2)", ",\n\t\t\t0 0 0 1px ", "var(--ds-border-selected, #0C66E4)", "\n\t\t\t")
-  }
-}, "".concat(inlineCardSelector, ", ").concat(inlineCardWithHoverPreviewSelector, ", ").concat(statusSelector, ", ").concat(mentionSelector, ", ").concat(dateSelector), {
-  // TODO: ED-28376 - will clean up !important later
-  boxShadow: "0 0 0 1px ".concat("var(--ds-border-selected, #0C66E4)", ", 0px 0px 0px 4px ", "var(--ds-background-accent-magenta-subtlest-pressed, #F797D2)", ", 0px 0px 0px 5px ", "var(--ds-background-accent-magenta-subtler-pressed, #E774BB)", " !important")
-})), ".".concat(blockSearchMatchClass, ".").concat(darkModeSearchMatchClass), _defineProperty({
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
-  '[data-smart-link-container="true"], .loader-wrapper>div::after': {
-    boxShadow: "\n\t\t\tinset 0 0 0 1px ".concat("var(--ds-background-accent-magenta-bolder, #AE4787)", ",\n\t\t\tinset 0 0 0 5px ", "var(--ds-background-accent-magenta-bolder-pressed, #50253F)", "\n\t\t\t")
-  }
-}, "".concat(inlineCardSelector, ", ").concat(inlineCardWithHoverPreviewSelector, ", ").concat(statusSelector, ", ").concat(mentionSelector, ", ").concat(dateSelector), {
-  boxShadow: "0px 0px 0px 4px ".concat("var(--ds-background-accent-magenta-bolder-pressed, #50253F)", ", 0px 0px 0px 5px ", "var(--ds-background-accent-magenta-bolder, #AE4787)")
-})), ".".concat(blockSearchMatchClass, ".").concat(selectedBlockSearchMatchClass, ".").concat(darkModeSearchMatchClass), _defineProperty({
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
-  '[data-smart-link-container="true"], .loader-wrapper>div::after': {
-    boxShadow: "\n\t\t\tinset 0 0 0 1px ".concat("var(--ds-background-accent-magenta-bolder, #AE4787)", ",\n\t\t\tinset 0 0 0 4px ", "var(--ds-background-accent-magenta-bolder-hovered, #943D73)", "\n\t\t\t")
-  }
-}, "".concat(inlineCardSelector, ", ").concat(inlineCardWithHoverPreviewSelector, ", ").concat(statusSelector, ", ").concat(mentionSelector, ", ").concat(dateSelector), {
-  boxShadow: "0px 0px 0px 4px ".concat("var(--ds-background-accent-magenta-bolder-hovered, #943D73)", ", 0px 0px 0px 5px ", "var(--ds-background-accent-magenta-bolder, #AE4787)")
-})), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_css2, ".".concat(blockSearchMatchClass, ".").concat(darkModeSearchMatchClass, ".ak-editor-selected-node"), _defineProperty({
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
-  '.loader-wrapper>div::after': {
-    boxShadow: "\n\t\t\tinset 0 0 0 1px ".concat("var(--ds-background-accent-magenta-bolder, #AE4787)", ",\n\t\t\tinset 0 0 0 5px ", "var(--ds-background-accent-magenta-bolder-pressed, #50253F)", ",\n\t\t\t0 0 0 1px ", "var(--ds-border-selected, #0C66E4)", "\n\t\t\t")
-  }
-}, "".concat(inlineCardSelector, ", ").concat(inlineCardWithHoverPreviewSelector, ", ").concat(statusSelector, ", ").concat(mentionSelector, ", ").concat(dateSelector), {
-  boxShadow: "0 0 0 1px ".concat("var(--ds-border-selected, #0C66E4)", ", 0px 0px 0px 4px ", "var(--ds-background-accent-magenta-bolder-pressed, #50253F)", ", 0px 0px 0px 5px ", "var(--ds-background-accent-magenta-bolder, #AE4787)", " !important")
-})), ".".concat(blockSearchMatchClass, ".").concat(selectedBlockSearchMatchClass, ".").concat(darkModeSearchMatchClass, ".ak-editor-selected-node"), _defineProperty({
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
-  '[data-smart-link-container="true"], .loader-wrapper>div::after': {
-    boxShadow: "\n\t\t\tinset 0 0 0 1px ".concat("var(--ds-background-accent-magenta-bolder, #AE4787)", ",\n\t\t\tinset 0 0 0 4px ", "var(--ds-background-accent-magenta-bolder-hovered, #943D73)", ",\n\t\t\t0 0 0 1px ", "var(--ds-border-selected, #0C66E4)", "\n\t\t\t")
-  }
-}, "".concat(inlineCardSelector, ", ").concat(inlineCardWithHoverPreviewSelector, ", ").concat(statusSelector, ", ").concat(mentionSelector, ", ").concat(dateSelector), {
-  boxShadow: "0 0 0 1px ".concat("var(--ds-border-selected, #0C66E4)", ", 0px 0px 0px 4px ", "var(--ds-background-accent-magenta-bolder-hovered, #943D73)", ", 0px 0px 0px 5px ", "var(--ds-background-accent-magenta-bolder, #AE4787)", " !important")
-})), ".".concat(searchMatchExpandTitleClass, " > .").concat(expandClassNames.titleContainer, " > .").concat(expandClassNames.inputContainer), _defineProperty({
-  borderRadius: "var(--ds-space-050, 4px)",
-  boxShadow: "\n\t\tinset 0 0 0 1px ".concat("var(--ds-background-accent-magenta-subtler-pressed, #E774BB)", ",\n\t\tinset 0 0 0 5px ", "var(--ds-background-accent-magenta-subtler, #FDD0EC)", "\n\t\t"),
-  backgroundColor: "var(--ds-background-accent-magenta-subtler, #FDD0EC)"
-}, ".".concat(expandClassNames.titleInput), {
-  color: "var(--ds-text, #172B4D)"
-})), ".".concat(searchMatchExpandTitleClass, ".").concat(selectedSearchMatchClass, " > .").concat(expandClassNames.titleContainer, " > .").concat(expandClassNames.inputContainer), {
-  boxShadow: "\n\t\tinset 0 0 0 1px ".concat("var(--ds-background-accent-magenta-subtler-pressed, #E774BB)", ",\n\t\tinset 0 0 0 5px ", "var(--ds-background-accent-magenta-subtlest-pressed, #F797D2)", "\n\t\t"),
-  backgroundColor: "var(--ds-background-accent-magenta-subtlest-pressed, #F797D2)"
-}), ".".concat(searchMatchExpandTitleClass, ".").concat(darkModeSearchMatchClass, " > .").concat(expandClassNames.titleContainer, " > .").concat(expandClassNames.inputContainer), _defineProperty({
-  boxShadow: "\n\t\tinset 0 0 0 1px ".concat("var(--ds-background-accent-magenta-bolder, #AE4787)", ",\n\t\tinset 0 0 0 5px ", "var(--ds-background-accent-magenta-bolder-pressed, #50253F)", "\n\t\t"),
-  backgroundColor: "var(--ds-background-accent-magenta-bolder-pressed, #50253F)"
-}, ".".concat(expandClassNames.titleInput), {
-  color: "var(--ds-text-inverse, #FFFFFF)"
-})), ".".concat(searchMatchExpandTitleClass, ".").concat(selectedSearchMatchClass, ".").concat(darkModeSearchMatchClass, " > .").concat(expandClassNames.titleContainer, " > .").concat(expandClassNames.inputContainer), {
-  boxShadow: "\n\t\tinset 0 0 0 1px ".concat("var(--ds-background-accent-magenta-bolder, #AE4787)", ",\n\t\tinset 0 0 0 5px ", "var(--ds-background-accent-magenta-bolder-hovered, #943D73)", "\n\t\t"),
-  backgroundColor: "var(--ds-background-accent-magenta-bolder-hovered, #943D73)"
-})));
-export var findReplaceStylesNewNoImportant = css((_css3 = {}, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_css3, ".".concat(searchMatchTextClass), {
   borderRadius: "var(--ds-space-050, 4px)",
   boxShadow: "\n\t\tinset 0 0 0 1px ".concat("var(--ds-background-accent-magenta-subtler-pressed, #E774BB)", ",\n\t\tinset 0 0 0 5px ", "var(--ds-background-accent-magenta-subtler, #FDD0EC)", "\n\t\t"),
   // we need to use !important here as we need to override inline selection styles
@@ -184,7 +89,7 @@ export var findReplaceStylesNewNoImportant = css((_css3 = {}, _defineProperty(_d
   }
 }, "".concat(inlineCardSelector, ", ").concat(inlineCardWithHoverPreviewSelector, ", ").concat(statusSelector, ", ").concat(mentionSelector, ", ").concat(dateSelector), {
   boxShadow: "0px 0px 0px 4px ".concat("var(--ds-background-accent-magenta-bolder-hovered, #943D73)", ", 0px 0px 0px 5px ", "var(--ds-background-accent-magenta-bolder, #AE4787)")
-})), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_css3, ".".concat(blockSearchMatchClass, ".").concat(darkModeSearchMatchClass, ".ak-editor-selected-node, .").concat(blockSearchMatchClass, ".").concat(darkModeSearchMatchClass, ".mentionView-content-wrap.ak-editor-selected-node"), _defineProperty({
+})), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_css2, ".".concat(blockSearchMatchClass, ".").concat(darkModeSearchMatchClass, ".ak-editor-selected-node, .").concat(blockSearchMatchClass, ".").concat(darkModeSearchMatchClass, ".mentionView-content-wrap.ak-editor-selected-node"), _defineProperty({
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
   '.loader-wrapper>div::after': {
     boxShadow: "\n\t\t\tinset 0 0 0 1px ".concat("var(--ds-background-accent-magenta-bolder, #AE4787)", ",\n\t\t\tinset 0 0 0 5px ", "var(--ds-background-accent-magenta-bolder-pressed, #50253F)", ",\n\t\t\t0 0 0 1px ", "var(--ds-border-selected, #0C66E4)", "\n\t\t\t")

package/dist/types/findReplacePluginType.d.ts

@@ -18,11 +18,11 @@ export type FindReplacePluginDependencies = [
     OptionalPlugin<ExpandPlugin>
 ];
 export type FindReplacePlugin = NextEditorPlugin<'findReplace', {
-    pluginConfiguration: FindReplacePluginOptions;
-    sharedState: FindReplacePluginState | undefined;
-    dependencies: FindReplacePluginDependencies;
     actions: {
-        registerToolbarButton: (params: FindReplaceToolbarButtonActionProps) => React.ReactNode;
         activateFindReplace: (triggerMethod?: TRIGGER_METHOD.SHORTCUT | TRIGGER_METHOD.TOOLBAR | TRIGGER_METHOD.EXTERNAL) => boolean;
+        registerToolbarButton: (params: FindReplaceToolbarButtonActionProps) => React.ReactNode;
     };
+    dependencies: FindReplacePluginDependencies;
+    pluginConfiguration: FindReplacePluginOptions;
+    sharedState: FindReplacePluginState | undefined;
 }>;

package/dist/types/pm-plugins/actions.d.ts

@@ -13,40 +13,40 @@ export declare enum FindReplaceActionTypes {
     TOGGLE_MATCH_CASE = "TOGGLE_MATCH_CASE"
 }
 export interface Activate {
-    type: FindReplaceActionTypes.ACTIVATE;
     findText?: string;
-    matches?: Match[];
     index?: number;
+    matches?: Match[];
+    type: FindReplaceActionTypes.ACTIVATE;
 }
 export interface Find {
-    type: FindReplaceActionTypes.FIND;
     findText: string;
-    matches: Match[];
     index: number;
+    matches: Match[];
+    type: FindReplaceActionTypes.FIND;
 }
 export interface FindNext {
-    type: FindReplaceActionTypes.FIND_NEXT;
-    index: number;
     decorationSet: DecorationSet;
+    index: number;
+    type: FindReplaceActionTypes.FIND_NEXT;
 }
 export interface FindPrevious {
-    type: FindReplaceActionTypes.FIND_PREVIOUS;
-    index: number;
     decorationSet: DecorationSet;
+    index: number;
+    type: FindReplaceActionTypes.FIND_PREVIOUS;
 }
 export interface Replace {
-    type: FindReplaceActionTypes.REPLACE;
-    replaceText: string;
     decorationSet: DecorationSet;
-    matches: Match[];
     index: number;
+    matches: Match[];
+    replaceText: string;
+    type: FindReplaceActionTypes.REPLACE;
 }
 export interface ReplaceAll {
-    type: FindReplaceActionTypes.REPLACE_ALL;
-    replaceText: string;
     decorationSet: DecorationSet;
-    matches: Match[];
     index: number;
+    matches: Match[];
+    replaceText: string;
+    type: FindReplaceActionTypes.REPLACE_ALL;
 }
 export interface Cancel {
     type: FindReplaceActionTypes.CANCEL;
@@ -55,8 +55,8 @@ export interface Blur {
     type: FindReplaceActionTypes.BLUR;
 }
 export interface UpdateDecorations {
-    type: FindReplaceActionTypes.UPDATE_DECORATIONS;
     decorationSet: DecorationSet;
+    type: FindReplaceActionTypes.UPDATE_DECORATIONS;
 }
 export interface ToggleMatchCase {
     type: FindReplaceActionTypes.TOGGLE_MATCH_CASE;

package/dist/types/pm-plugins/commands-with-analytics.d.ts

@@ -5,8 +5,8 @@ export declare const activateWithAnalytics: (editorAnalyticsAPI: EditorAnalytics
     triggerMethod: TRIGGER_METHOD.SHORTCUT | TRIGGER_METHOD.TOOLBAR | TRIGGER_METHOD.EXTERNAL;
 }) => Command;
 export declare const findWithAnalytics: (editorAnalyticsAPI: EditorAnalyticsAPI | undefined) => ({ editorView, containerElement, keyword, }: {
-    editorView: EditorView;
     containerElement: HTMLElement | null;
+    editorView: EditorView;
     keyword?: string;
 }) => Command;
 export declare const findNextWithAnalytics: (editorAnalyticsAPI: EditorAnalyticsAPI | undefined, editorView: EditorView) => ({ triggerMethod, }: {
@@ -16,8 +16,8 @@ export declare const findPrevWithAnalytics: (editorAnalyticsAPI: EditorAnalytics
     triggerMethod: TRIGGER_METHOD.KEYBOARD | TRIGGER_METHOD.BUTTON;
 }) => Command;
 export declare const replaceWithAnalytics: (editorAnalyticsAPI: EditorAnalyticsAPI | undefined) => ({ triggerMethod, replaceText, }: {
-    triggerMethod: TRIGGER_METHOD.KEYBOARD | TRIGGER_METHOD.BUTTON;
     replaceText: string;
+    triggerMethod: TRIGGER_METHOD.KEYBOARD | TRIGGER_METHOD.BUTTON;
 }) => Command;
 export declare const replaceAllWithAnalytics: (editorAnalyticsAPI: EditorAnalyticsAPI | undefined) => ({ replaceText }: {
     replaceText: string;

package/dist/types/pm-plugins/utils/index.d.ts

@@ -12,12 +12,12 @@ export declare function getSelectedText(selection: TextSelection): string;
 export declare const createDecorations: (selectedIndex: number, matches: Match[]) => Decoration[];
 export declare const createDecoration: (match: Match, isSelected?: Boolean) => Decoration;
 type FindMatchesType = {
+    api?: ExtractInjectionAPI<FindReplacePlugin>;
     content: PmNode | Fragment;
-    searchText: string;
-    shouldMatchCase: boolean;
     contentIndex?: number;
     getIntl?: () => IntlShape;
-    api?: ExtractInjectionAPI<FindReplacePlugin>;
+    searchText: string;
+    shouldMatchCase: boolean;
 };
 export declare function findMatches({ content, searchText, shouldMatchCase, contentIndex, getIntl, api, }: FindMatchesType): Match[];
 export declare function findClosestMatch(selectionPos: number, matches: Match[]): number;
@@ -53,7 +53,7 @@ export declare const findIndexBeforePosition: (items: Decoration[], position: nu
  */
 export declare const isMatchAffectedByStep: (match: Match, step: Step & {
     from: number;
-    to: number;
     slice: Slice;
+    to: number;
 }, tr: ReadonlyTransaction) => boolean;
 export {};

package/dist/types/types/index.d.ts

@@ -4,65 +4,65 @@ import type { ExtractInjectionAPI } from '@atlaskit/editor-common/types';
 import type { DecorationSet, EditorView } from '@atlaskit/editor-prosemirror/view';
 import type { FindReplacePlugin } from '../findReplacePluginType';
 export interface FindReplacePluginState {
+    /** api */
+    api?: ExtractInjectionAPI<FindReplacePlugin>;
+    /** Decorations for the search results */
+    decorationSet: DecorationSet;
+    /** Search keyword */
+    findText: string;
+    /** Intl object */
+    getIntl?: () => IntlShape;
+    /** Index of selected word in array of matches, this gets updated as user finds next/prev */
+    index: number;
     /** Whether find/replace is active, i.e. displayed */
     isActive: boolean;
+    /** Positions of find results */
+    matches: Match[];
+    /** Text to replace with */
+    replaceText: string;
     /**
      * Whether we should set focus into and select all text of find textfield
      * This will be true if user highlights a word and hits cmd+f
      */
     shouldFocus: boolean;
-    /** Search keyword */
-    findText: string;
-    /** Text to replace with */
-    replaceText: string;
-    /** Index of selected word in array of matches, this gets updated as user finds next/prev */
-    index: number;
-    /** Positions of find results */
-    matches: Match[];
-    /** Decorations for the search results */
-    decorationSet: DecorationSet;
     /** Whether find/replace should match case when searching for results */
     shouldMatchCase: boolean;
-    /** Intl object */
-    getIntl?: () => IntlShape;
-    /** api */
-    api?: ExtractInjectionAPI<FindReplacePlugin>;
 }
 export type FindReplaceToolbarButtonWithStateProps = {
+    api: ExtractInjectionAPI<FindReplacePlugin> | undefined;
+    containerElement: HTMLElement | null;
+    dispatchAnalyticsEvent?: DispatchAnalyticsEvent;
+    doesNotHaveButton?: boolean;
+    editorView: EditorView;
+    isButtonHidden?: boolean;
+    isToolbarReducedSpacing?: boolean;
     popupsBoundariesElement?: HTMLElement;
     popupsMountPoint?: HTMLElement;
     popupsScrollableElement?: HTMLElement;
-    isToolbarReducedSpacing?: boolean;
-    editorView: EditorView;
-    containerElement: HTMLElement | null;
-    dispatchAnalyticsEvent?: DispatchAnalyticsEvent;
     takeFullWidth?: boolean;
-    api: ExtractInjectionAPI<FindReplacePlugin> | undefined;
-    isButtonHidden?: boolean;
-    doesNotHaveButton?: boolean;
 };
 export type FindReplaceToolbarButtonActionProps = Omit<FindReplaceToolbarButtonWithStateProps, 'api'>;
 export type Match = {
-    /** Start position */
-    start: number;
-    /** End position */
-    end: number;
     /** Boolean for whether the match can be replaced */
     canReplace?: boolean;
+    /** End position */
+    end: number;
     /** Type of the node of the match */
     nodeType?: string;
+    /** Start position */
+    start: number;
 };
 export type TextGrouping = {
-    /** The concatenated text across nodes */
-    text: string;
     /** Start position */
     pos: number;
+    /** The concatenated text across nodes */
+    text: string;
 } | null;
 export type FindReplaceOptions = {
     allowMatchCase?: boolean;
 };
 export type MatchCaseProps = {
     allowMatchCase?: boolean;
-    shouldMatchCase?: boolean;
     onToggleMatchCase?: () => void;
+    shouldMatchCase?: boolean;
 };

package/dist/types/ui/Find.d.ts

@@ -8,14 +8,18 @@ import { TRIGGER_METHOD } from '@atlaskit/editor-common/analytics';
 import type { MatchCaseProps } from '../types';
 export declare const FIND_DEBOUNCE_MS = 100;
 export type FindProps = {
-    findText?: string;
     count: {
         index: number;
         total: number;
     };
-    shouldFocus: boolean;
-    onFindBlur: () => void;
+    findText?: string;
+    findTyped: boolean;
+    onArrowDown: () => void;
+    onCancel: ({ triggerMethod, }: {
+        triggerMethod: TRIGGER_METHOD.KEYBOARD | TRIGGER_METHOD.TOOLBAR | TRIGGER_METHOD.BUTTON;
+    }) => void;
     onFind: (findText?: string) => void;
+    onFindBlur: () => void;
     onFindNext: ({ triggerMethod, }: {
         triggerMethod: TRIGGER_METHOD.KEYBOARD | TRIGGER_METHOD.BUTTON;
     }) => void;
@@ -23,22 +27,22 @@ export type FindProps = {
         triggerMethod: TRIGGER_METHOD.KEYBOARD | TRIGGER_METHOD.BUTTON;
     }) => void;
     onFindTextfieldRefSet: (ref: React.RefObject<HTMLInputElement>) => void;
-    onCancel: ({ triggerMethod, }: {
-        triggerMethod: TRIGGER_METHOD.KEYBOARD | TRIGGER_METHOD.TOOLBAR | TRIGGER_METHOD.BUTTON;
-    }) => void;
-    onArrowDown: () => void;
     setFindTyped: (value: boolean) => void;
-    findTyped: boolean;
+    shouldFocus: boolean;
 } & MatchCaseProps;
 declare const _default: React.FC<import("react-intl-next").WithIntlProps<{
-    findText?: string;
     count: {
         index: number;
         total: number;
     };
-    shouldFocus: boolean;
-    onFindBlur: () => void;
+    findText?: string;
+    findTyped: boolean;
+    onArrowDown: () => void;
+    onCancel: ({ triggerMethod, }: {
+        triggerMethod: TRIGGER_METHOD.KEYBOARD | TRIGGER_METHOD.TOOLBAR | TRIGGER_METHOD.BUTTON;
+    }) => void;
     onFind: (findText?: string) => void;
+    onFindBlur: () => void;
     onFindNext: ({ triggerMethod, }: {
         triggerMethod: TRIGGER_METHOD.KEYBOARD | TRIGGER_METHOD.BUTTON;
     }) => void;
@@ -46,22 +50,22 @@ declare const _default: React.FC<import("react-intl-next").WithIntlProps<{
         triggerMethod: TRIGGER_METHOD.KEYBOARD | TRIGGER_METHOD.BUTTON;
     }) => void;
     onFindTextfieldRefSet: (ref: React.RefObject<HTMLInputElement>) => void;
-    onCancel: ({ triggerMethod, }: {
-        triggerMethod: TRIGGER_METHOD.KEYBOARD | TRIGGER_METHOD.TOOLBAR | TRIGGER_METHOD.BUTTON;
-    }) => void;
-    onArrowDown: () => void;
     setFindTyped: (value: boolean) => void;
-    findTyped: boolean;
+    shouldFocus: boolean;
 } & MatchCaseProps & WrappedComponentProps>> & {
     WrappedComponent: React.ComponentType<{
-        findText?: string;
         count: {
             index: number;
             total: number;
         };
-        shouldFocus: boolean;
-        onFindBlur: () => void;
+        findText?: string;
+        findTyped: boolean;
+        onArrowDown: () => void;
+        onCancel: ({ triggerMethod, }: {
+            triggerMethod: TRIGGER_METHOD.KEYBOARD | TRIGGER_METHOD.TOOLBAR | TRIGGER_METHOD.BUTTON;
+        }) => void;
         onFind: (findText?: string) => void;
+        onFindBlur: () => void;
         onFindNext: ({ triggerMethod, }: {
             triggerMethod: TRIGGER_METHOD.KEYBOARD | TRIGGER_METHOD.BUTTON;
         }) => void;
@@ -69,12 +73,8 @@ declare const _default: React.FC<import("react-intl-next").WithIntlProps<{
             triggerMethod: TRIGGER_METHOD.KEYBOARD | TRIGGER_METHOD.BUTTON;
         }) => void;
         onFindTextfieldRefSet: (ref: React.RefObject<HTMLInputElement>) => void;
-        onCancel: ({ triggerMethod, }: {
-            triggerMethod: TRIGGER_METHOD.KEYBOARD | TRIGGER_METHOD.TOOLBAR | TRIGGER_METHOD.BUTTON;
-        }) => void;
-        onArrowDown: () => void;
         setFindTyped: (value: boolean) => void;
-        findTyped: boolean;
+        shouldFocus: boolean;
     } & MatchCaseProps & WrappedComponentProps>;
 };
 export default _default;

package/dist/types/ui/FindReplace.d.ts

@@ -7,17 +7,20 @@ import { jsx } from '@emotion/react';
 import type { DispatchAnalyticsEvent, TRIGGER_METHOD } from '@atlaskit/editor-common/analytics';
 import type { MatchCaseProps } from '../types';
 export type FindReplaceProps = {
-    findText?: string;
-    replaceText?: string;
     count: {
         index: number;
         total: number;
         totalReplaceable?: number;
     };
+    dispatchAnalyticsEvent?: DispatchAnalyticsEvent;
+    findText?: string;
+    focusToolbarButton?: () => void;
     isReplaceable?: boolean;
-    shouldFocus: boolean;
-    onFindBlur: () => void;
+    onCancel: ({ triggerMethod, }: {
+        triggerMethod: TRIGGER_METHOD.KEYBOARD | TRIGGER_METHOD.TOOLBAR | TRIGGER_METHOD.BUTTON;
+    }) => void;
     onFind: (findText?: string) => void;
+    onFindBlur: () => void;
     onFindNext: ({ triggerMethod, }: {
         triggerMethod: TRIGGER_METHOD.KEYBOARD | TRIGGER_METHOD.BUTTON;
     }) => void;
@@ -25,17 +28,14 @@ export type FindReplaceProps = {
         triggerMethod: TRIGGER_METHOD.KEYBOARD | TRIGGER_METHOD.BUTTON;
     }) => void;
     onReplace: ({ triggerMethod, replaceText, }: {
-        triggerMethod: TRIGGER_METHOD.KEYBOARD | TRIGGER_METHOD.BUTTON;
         replaceText: string;
+        triggerMethod: TRIGGER_METHOD.KEYBOARD | TRIGGER_METHOD.BUTTON;
     }) => void;
     onReplaceAll: ({ replaceText }: {
         replaceText: string;
     }) => void;
-    onCancel: ({ triggerMethod, }: {
-        triggerMethod: TRIGGER_METHOD.KEYBOARD | TRIGGER_METHOD.TOOLBAR | TRIGGER_METHOD.BUTTON;
-    }) => void;
-    dispatchAnalyticsEvent?: DispatchAnalyticsEvent;
-    focusToolbarButton?: () => void;
+    replaceText?: string;
+    shouldFocus: boolean;
 } & MatchCaseProps;
 declare class FindReplace extends React.PureComponent<FindReplaceProps> {
     private findTextfield;

package/dist/types/ui/FindReplaceDropdown.d.ts

@@ -3,13 +3,13 @@ import { type WrappedComponentProps } from 'react-intl-next';
 import type { DispatchAnalyticsEvent } from '@atlaskit/editor-common/analytics';
 import type { FindReplaceProps } from './FindReplace';
 export interface FindReplaceDropdownProps extends Omit<FindReplaceProps, 'count'> {
+    dispatchAnalyticsEvent?: DispatchAnalyticsEvent;
     index: number;
-    numMatches: number;
     isActive: boolean;
     isReplaceable?: boolean;
+    numMatches: number;
     numReplaceable?: number;
     popupsMountPoint?: HTMLElement;
-    dispatchAnalyticsEvent?: DispatchAnalyticsEvent;
 }
 declare const _default: React.FC<import("react-intl-next").WithIntlProps<FindReplaceDropdownProps & WrappedComponentProps>> & {
     WrappedComponent: React.ComponentType<FindReplaceDropdownProps & WrappedComponentProps>;