@atlaskit/editor-plugin-find-replace 1.7.5 → 1.7.7

package/CHANGELOG.md

@@ -1,5 +1,19 @@
 # @atlaskit/editor-plugin-find-replace
 
+## 1.7.7
+
+### Patch Changes
+
+- Updated dependencies
+
+## 1.7.6
+
+### Patch Changes
+
+- [#143665](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/143665)
+  [`4a6a4168461a8`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/4a6a4168461a8) -
+  remove find replace toolbar button on smaller screens
+
 ## 1.7.5
 
 ### Patch Changes

package/dist/cjs/FindReplaceToolbarButtonWithState.js

@@ -49,7 +49,8 @@ var FindReplaceToolbarButtonWithState = function FindReplaceToolbarButtonWithSta
     containerElement = _ref2.containerElement,
     dispatchAnalyticsEvent = _ref2.dispatchAnalyticsEvent,
     takeFullWidth = _ref2.takeFullWidth,
-    api = _ref2.api;
+    api = _ref2.api,
+    isButtonHidden = _ref2.isButtonHidden;
   var editorAnalyticsAPI = api === null || api === void 0 || (_api$analytics = api.analytics) === null || _api$analytics === void 0 ? void 0 : _api$analytics.actions;
   var _useSharedPluginState = useSharedPluginStateNoDebounce(api),
     findReplaceState = _useSharedPluginState.findReplaceState;
@@ -159,7 +160,8 @@ var FindReplaceToolbarButtonWithState = function FindReplaceToolbarButtonWithSta
     onFindPrev: handleFindPrev,
     onReplace: handleReplace,
     onReplaceAll: handleReplaceAll,
-    takeFullWidth: !!takeFullWidth
+    takeFullWidth: !!takeFullWidth,
+    isButtonHidden: isButtonHidden
   });
 };
 var _default = exports.default = /*#__PURE__*/_react.default.memo(FindReplaceToolbarButtonWithState);

package/dist/cjs/plugin.js

@@ -6,6 +6,8 @@ Object.defineProperty(exports, "__esModule", {
 });
 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");
@@ -19,9 +21,11 @@ var findReplacePlugin = exports.findReplacePlugin = function findReplacePlugin(_
       popupsMountPoint = _ref2.popupsMountPoint,
       popupsScrollableElement = _ref2.popupsScrollableElement,
       isToolbarReducedSpacing = _ref2.isToolbarReducedSpacing,
+      toolbarSize = _ref2.toolbarSize,
       editorView = _ref2.editorView,
       containerElement = _ref2.containerElement,
       dispatchAnalyticsEvent = _ref2.dispatchAnalyticsEvent;
+    var isButtonHidden = (0, _platformFeatureFlags.fg)('platform_editor_toolbar_responsive_fixes') ? toolbarSize < _types.ToolbarSize.XL : false;
     if (props !== null && props !== void 0 && props.twoLineEditorToolbar) {
       return null;
     } else {
@@ -34,7 +38,8 @@ var findReplacePlugin = exports.findReplacePlugin = function findReplacePlugin(_
         containerElement: containerElement,
         dispatchAnalyticsEvent: dispatchAnalyticsEvent,
         takeFullWidth: props === null || props === void 0 ? void 0 : props.takeFullWidth,
-        api: api
+        api: api,
+        isButtonHidden: isButtonHidden
       });
     }
   };

package/dist/cjs/ui/FindReplaceToolbarButton.js

@@ -23,6 +23,7 @@ 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"));
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _FindReplace = _interopRequireDefault(require("./FindReplace"));
 var _templateObject;
 /* eslint-disable @atlaskit/design-system/consistent-css-prop-usage */
@@ -35,9 +36,22 @@ function _createSuper(t) { var r = _isNativeReflectConstruct(); return function
 function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
 // eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression -- needs manual remediation
 var toolbarButtonWrapper = (0, _react2.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n\tdisplay: flex;\n\tflex: 1 1 auto;\n\tflex-grow: 0;\n\tjustify-content: flex-end;\n\talign-items: center;\n\tpadding: 0 ", ";\n\t@media (max-width: ", "px) {\n\t\tjustify-content: center;\n\t\tpadding: 0;\n\t}\n"])), "var(--ds-space-100, 8px)", _editorSharedStyles.akEditorMobileMaxWidth);
-var toolbarButtonWrapperFullWith = (0, _react2.css)({
+var TriggerButtonWrapper = function TriggerButtonWrapper(_ref) {
+  var isButtonHidden = _ref.isButtonHidden,
+    children = _ref.children;
+  return (0, _react2.jsx)("div", {
+    css: {
+      display: isButtonHidden ? 'none' : 'block'
+    }
+  }, children);
+};
+var toolbarButtonWrapperFullWidth = (0, _react2.css)({
   flexGrow: 1
 });
+var toolbarButtonWrapperHidden = (0, _react2.css)({
+  flexGrow: 0,
+  padding: 0
+});
 var wrapper = (0, _react2.css)({
   display: 'flex',
   flexDirection: 'column'
@@ -95,12 +109,14 @@ var FindReplaceToolbarButton = /*#__PURE__*/function (_React$PureComponent) {
         index = _this$props.index,
         numMatches = _this$props.numMatches,
         formatMessage = _this$props.intl.formatMessage,
-        takeFullWidth = _this$props.takeFullWidth;
+        takeFullWidth = _this$props.takeFullWidth,
+        _this$props$isButtonH = _this$props.isButtonHidden,
+        isButtonHidden = _this$props$isButtonH === void 0 ? false : _this$props$isButtonH;
       var title = formatMessage(_messages.findReplaceMessages.findReplaceToolbarButton);
       var stackBelowOtherEditorFloatingPanels = _editorSharedStyles.akEditorFloatingPanelZIndex - 1;
       var keymap = (0, _keymaps.findKeymapByDescription)('Find');
       return (0, _react2.jsx)("div", {
-        css: [toolbarButtonWrapper, takeFullWidth && toolbarButtonWrapperFullWith]
+        css: [toolbarButtonWrapper, takeFullWidth && toolbarButtonWrapperFullWidth, isButtonHidden && (0, _platformFeatureFlags.fg)('platform_editor_toolbar_responsive_fixes') && toolbarButtonWrapperHidden]
       }, (0, _react2.jsx)(_uiMenu.Dropdown, {
         mountTo: popupsMountPoint,
         boundariesElement: popupsBoundariesElement,
@@ -125,7 +141,27 @@ var FindReplaceToolbarButton = /*#__PURE__*/function (_React$PureComponent) {
           type: _uiMenu.ArrowKeyNavigationType.MENU,
           disableArrowKeyNavigation: true
         },
-        trigger: (0, _react2.jsx)(_uiMenu.ToolbarButton, {
+        trigger: (0, _platformFeatureFlags.fg)('platform_editor_toolbar_responsive_fixes') ? (0, _react2.jsx)(TriggerButtonWrapper, {
+          isButtonHidden: isButtonHidden
+        }, (0, _react2.jsx)(_uiMenu.ToolbarButton, {
+          buttonId: _uiMenu.TOOLBAR_BUTTON.FIND_REPLACE,
+          testId: "editor-toolbar__".concat(_uiMenu.TOOLBAR_BUTTON.FIND_REPLACE),
+          spacing: isReducedSpacing ? 'none' : 'default',
+          selected: isActive,
+          title: (0, _react2.jsx)(_keymaps.ToolTipContent, {
+            description: title,
+            keymap: keymap
+          }),
+          iconBefore: (0, _react2.jsx)(_search.default, {
+            label: title
+          }),
+          onClick: this.toggleOpen,
+          "aria-expanded": isActive,
+          "aria-haspopup": true,
+          "aria-label": keymap ? (0, _keymaps.tooltip)(keymap, title) : title,
+          "aria-keyshortcuts": (0, _keymaps.getAriaKeyshortcuts)(keymap),
+          ref: this.toolbarButtonRef
+        })) : (0, _react2.jsx)(_uiMenu.ToolbarButton, {
           buttonId: _uiMenu.TOOLBAR_BUTTON.FIND_REPLACE,
           testId: "editor-toolbar__".concat(_uiMenu.TOOLBAR_BUTTON.FIND_REPLACE),
           spacing: isReducedSpacing ? 'none' : 'default',

package/dist/es2019/FindReplaceToolbarButtonWithState.js

@@ -36,7 +36,8 @@ const FindReplaceToolbarButtonWithState = ({
   containerElement,
   dispatchAnalyticsEvent,
   takeFullWidth,
-  api
+  api,
+  isButtonHidden
 }) => {
   var _api$analytics;
   const editorAnalyticsAPI = api === null || api === void 0 ? void 0 : (_api$analytics = api.analytics) === null || _api$analytics === void 0 ? void 0 : _api$analytics.actions;
@@ -144,7 +145,8 @@ const FindReplaceToolbarButtonWithState = ({
     onFindPrev: handleFindPrev,
     onReplace: handleReplace,
     onReplaceAll: handleReplaceAll,
-    takeFullWidth: !!takeFullWidth
+    takeFullWidth: !!takeFullWidth,
+    isButtonHidden: isButtonHidden
   });
 };
 export default /*#__PURE__*/React.memo(FindReplaceToolbarButtonWithState);

package/dist/es2019/plugin.js

@@ -1,4 +1,6 @@
 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';
@@ -13,10 +15,12 @@ export const findReplacePlugin = ({
     popupsMountPoint,
     popupsScrollableElement,
     isToolbarReducedSpacing,
+    toolbarSize,
     editorView,
     containerElement,
     dispatchAnalyticsEvent
   }) => {
+    const isButtonHidden = fg('platform_editor_toolbar_responsive_fixes') ? toolbarSize < ToolbarSize.XL : false;
     if (props !== null && props !== void 0 && props.twoLineEditorToolbar) {
       return null;
     } else {
@@ -29,7 +33,8 @@ export const findReplacePlugin = ({
         containerElement: containerElement,
         dispatchAnalyticsEvent: dispatchAnalyticsEvent,
         takeFullWidth: props === null || props === void 0 ? void 0 : props.takeFullWidth,
-        api: api
+        api: api,
+        isButtonHidden: isButtonHidden
       });
     }
   };

package/dist/es2019/ui/FindReplaceToolbarButton.js

@@ -16,6 +16,7 @@ import { findReplaceMessages as messages } from '@atlaskit/editor-common/message
 import { ArrowKeyNavigationType, Dropdown, TOOLBAR_BUTTON, ToolbarButton } from '@atlaskit/editor-common/ui-menu';
 import { akEditorFloatingPanelZIndex, akEditorMobileMaxWidth } from '@atlaskit/editor-shared-styles';
 import EditorSearchIcon from '@atlaskit/icon/glyph/editor/search';
+import { fg } from '@atlaskit/platform-feature-flags';
 import FindReplace from './FindReplace';
 
 // eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression -- needs manual remediation
@@ -31,9 +32,23 @@ const toolbarButtonWrapper = css`
 		padding: 0;
 	}
 `;
-const toolbarButtonWrapperFullWith = css({
+const TriggerButtonWrapper = ({
+  isButtonHidden,
+  children
+}) => {
+  return jsx("div", {
+    css: {
+      display: isButtonHidden ? 'none' : 'block'
+    }
+  }, children);
+};
+const toolbarButtonWrapperFullWidth = css({
   flexGrow: 1
 });
+const toolbarButtonWrapperHidden = css({
+  flexGrow: 0,
+  padding: 0
+});
 const wrapper = css({
   display: 'flex',
   flexDirection: 'column'
@@ -82,13 +97,14 @@ class FindReplaceToolbarButton extends React.PureComponent {
       intl: {
         formatMessage
       },
-      takeFullWidth
+      takeFullWidth,
+      isButtonHidden = false
     } = this.props;
     const title = formatMessage(messages.findReplaceToolbarButton);
     const stackBelowOtherEditorFloatingPanels = akEditorFloatingPanelZIndex - 1;
     const keymap = findKeymapByDescription('Find');
     return jsx("div", {
-      css: [toolbarButtonWrapper, takeFullWidth && toolbarButtonWrapperFullWith]
+      css: [toolbarButtonWrapper, takeFullWidth && toolbarButtonWrapperFullWidth, isButtonHidden && fg('platform_editor_toolbar_responsive_fixes') && toolbarButtonWrapperHidden]
     }, jsx(Dropdown, {
       mountTo: popupsMountPoint,
       boundariesElement: popupsBoundariesElement,
@@ -113,7 +129,27 @@ class FindReplaceToolbarButton extends React.PureComponent {
         type: ArrowKeyNavigationType.MENU,
         disableArrowKeyNavigation: true
       },
-      trigger: jsx(ToolbarButton, {
+      trigger: fg('platform_editor_toolbar_responsive_fixes') ? jsx(TriggerButtonWrapper, {
+        isButtonHidden: isButtonHidden
+      }, jsx(ToolbarButton, {
+        buttonId: TOOLBAR_BUTTON.FIND_REPLACE,
+        testId: `editor-toolbar__${TOOLBAR_BUTTON.FIND_REPLACE}`,
+        spacing: isReducedSpacing ? 'none' : 'default',
+        selected: isActive,
+        title: jsx(ToolTipContent, {
+          description: title,
+          keymap: keymap
+        }),
+        iconBefore: jsx(EditorSearchIcon, {
+          label: title
+        }),
+        onClick: this.toggleOpen,
+        "aria-expanded": isActive,
+        "aria-haspopup": true,
+        "aria-label": keymap ? tooltip(keymap, title) : title,
+        "aria-keyshortcuts": getAriaKeyshortcuts(keymap),
+        ref: this.toolbarButtonRef
+      })) : jsx(ToolbarButton, {
         buttonId: TOOLBAR_BUTTON.FIND_REPLACE,
         testId: `editor-toolbar__${TOOLBAR_BUTTON.FIND_REPLACE}`,
         spacing: isReducedSpacing ? 'none' : 'default',

package/dist/esm/FindReplaceToolbarButtonWithState.js

@@ -40,7 +40,8 @@ var FindReplaceToolbarButtonWithState = function FindReplaceToolbarButtonWithSta
     containerElement = _ref2.containerElement,
     dispatchAnalyticsEvent = _ref2.dispatchAnalyticsEvent,
     takeFullWidth = _ref2.takeFullWidth,
-    api = _ref2.api;
+    api = _ref2.api,
+    isButtonHidden = _ref2.isButtonHidden;
   var editorAnalyticsAPI = api === null || api === void 0 || (_api$analytics = api.analytics) === null || _api$analytics === void 0 ? void 0 : _api$analytics.actions;
   var _useSharedPluginState = useSharedPluginStateNoDebounce(api),
     findReplaceState = _useSharedPluginState.findReplaceState;
@@ -150,7 +151,8 @@ var FindReplaceToolbarButtonWithState = function FindReplaceToolbarButtonWithSta
     onFindPrev: handleFindPrev,
     onReplace: handleReplace,
     onReplaceAll: handleReplaceAll,
-    takeFullWidth: !!takeFullWidth
+    takeFullWidth: !!takeFullWidth,
+    isButtonHidden: isButtonHidden
   });
 };
 export default /*#__PURE__*/React.memo(FindReplaceToolbarButtonWithState);

package/dist/esm/plugin.js

@@ -1,4 +1,6 @@
 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';
@@ -12,9 +14,11 @@ export var findReplacePlugin = function findReplacePlugin(_ref) {
       popupsMountPoint = _ref2.popupsMountPoint,
       popupsScrollableElement = _ref2.popupsScrollableElement,
       isToolbarReducedSpacing = _ref2.isToolbarReducedSpacing,
+      toolbarSize = _ref2.toolbarSize,
       editorView = _ref2.editorView,
       containerElement = _ref2.containerElement,
       dispatchAnalyticsEvent = _ref2.dispatchAnalyticsEvent;
+    var isButtonHidden = fg('platform_editor_toolbar_responsive_fixes') ? toolbarSize < ToolbarSize.XL : false;
     if (props !== null && props !== void 0 && props.twoLineEditorToolbar) {
       return null;
     } else {
@@ -27,7 +31,8 @@ export var findReplacePlugin = function findReplacePlugin(_ref) {
         containerElement: containerElement,
         dispatchAnalyticsEvent: dispatchAnalyticsEvent,
         takeFullWidth: props === null || props === void 0 ? void 0 : props.takeFullWidth,
-        api: api
+        api: api,
+        isButtonHidden: isButtonHidden
       });
     }
   };

package/dist/esm/ui/FindReplaceToolbarButton.js

@@ -26,13 +26,27 @@ import { findReplaceMessages as messages } from '@atlaskit/editor-common/message
 import { ArrowKeyNavigationType, Dropdown, TOOLBAR_BUTTON, ToolbarButton } from '@atlaskit/editor-common/ui-menu';
 import { akEditorFloatingPanelZIndex, akEditorMobileMaxWidth } from '@atlaskit/editor-shared-styles';
 import EditorSearchIcon from '@atlaskit/icon/glyph/editor/search';
+import { fg } from '@atlaskit/platform-feature-flags';
 import FindReplace from './FindReplace';
 
 // eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression -- needs manual remediation
 var toolbarButtonWrapper = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n\tdisplay: flex;\n\tflex: 1 1 auto;\n\tflex-grow: 0;\n\tjustify-content: flex-end;\n\talign-items: center;\n\tpadding: 0 ", ";\n\t@media (max-width: ", "px) {\n\t\tjustify-content: center;\n\t\tpadding: 0;\n\t}\n"])), "var(--ds-space-100, 8px)", akEditorMobileMaxWidth);
-var toolbarButtonWrapperFullWith = css({
+var TriggerButtonWrapper = function TriggerButtonWrapper(_ref) {
+  var isButtonHidden = _ref.isButtonHidden,
+    children = _ref.children;
+  return jsx("div", {
+    css: {
+      display: isButtonHidden ? 'none' : 'block'
+    }
+  }, children);
+};
+var toolbarButtonWrapperFullWidth = css({
   flexGrow: 1
 });
+var toolbarButtonWrapperHidden = css({
+  flexGrow: 0,
+  padding: 0
+});
 var wrapper = css({
   display: 'flex',
   flexDirection: 'column'
@@ -90,12 +104,14 @@ var FindReplaceToolbarButton = /*#__PURE__*/function (_React$PureComponent) {
         index = _this$props.index,
         numMatches = _this$props.numMatches,
         formatMessage = _this$props.intl.formatMessage,
-        takeFullWidth = _this$props.takeFullWidth;
+        takeFullWidth = _this$props.takeFullWidth,
+        _this$props$isButtonH = _this$props.isButtonHidden,
+        isButtonHidden = _this$props$isButtonH === void 0 ? false : _this$props$isButtonH;
       var title = formatMessage(messages.findReplaceToolbarButton);
       var stackBelowOtherEditorFloatingPanels = akEditorFloatingPanelZIndex - 1;
       var keymap = findKeymapByDescription('Find');
       return jsx("div", {
-        css: [toolbarButtonWrapper, takeFullWidth && toolbarButtonWrapperFullWith]
+        css: [toolbarButtonWrapper, takeFullWidth && toolbarButtonWrapperFullWidth, isButtonHidden && fg('platform_editor_toolbar_responsive_fixes') && toolbarButtonWrapperHidden]
       }, jsx(Dropdown, {
         mountTo: popupsMountPoint,
         boundariesElement: popupsBoundariesElement,
@@ -120,7 +136,27 @@ var FindReplaceToolbarButton = /*#__PURE__*/function (_React$PureComponent) {
           type: ArrowKeyNavigationType.MENU,
           disableArrowKeyNavigation: true
         },
-        trigger: jsx(ToolbarButton, {
+        trigger: fg('platform_editor_toolbar_responsive_fixes') ? jsx(TriggerButtonWrapper, {
+          isButtonHidden: isButtonHidden
+        }, jsx(ToolbarButton, {
+          buttonId: TOOLBAR_BUTTON.FIND_REPLACE,
+          testId: "editor-toolbar__".concat(TOOLBAR_BUTTON.FIND_REPLACE),
+          spacing: isReducedSpacing ? 'none' : 'default',
+          selected: isActive,
+          title: jsx(ToolTipContent, {
+            description: title,
+            keymap: keymap
+          }),
+          iconBefore: jsx(EditorSearchIcon, {
+            label: title
+          }),
+          onClick: this.toggleOpen,
+          "aria-expanded": isActive,
+          "aria-haspopup": true,
+          "aria-label": keymap ? tooltip(keymap, title) : title,
+          "aria-keyshortcuts": getAriaKeyshortcuts(keymap),
+          ref: this.toolbarButtonRef
+        })) : jsx(ToolbarButton, {
           buttonId: TOOLBAR_BUTTON.FIND_REPLACE,
           testId: "editor-toolbar__".concat(TOOLBAR_BUTTON.FIND_REPLACE),
           spacing: isReducedSpacing ? 'none' : 'default',

package/dist/types/FindReplaceToolbarButtonWithState.d.ts

@@ -1,4 +1,4 @@
 import React from 'react';
 import type { FindReplaceToolbarButtonWithStateProps } from './types';
-declare const _default: React.MemoExoticComponent<({ popupsBoundariesElement, popupsMountPoint, popupsScrollableElement, isToolbarReducedSpacing, editorView, containerElement, dispatchAnalyticsEvent, takeFullWidth, api, }: FindReplaceToolbarButtonWithStateProps) => JSX.Element | null>;
+declare const _default: React.MemoExoticComponent<({ popupsBoundariesElement, popupsMountPoint, popupsScrollableElement, isToolbarReducedSpacing, editorView, containerElement, dispatchAnalyticsEvent, takeFullWidth, api, isButtonHidden, }: FindReplaceToolbarButtonWithStateProps) => JSX.Element | null>;
 export default _default;

package/dist/types/types.d.ts

@@ -35,6 +35,7 @@ export type FindReplaceToolbarButtonWithStateProps = {
     dispatchAnalyticsEvent?: DispatchAnalyticsEvent;
     takeFullWidth?: boolean;
     api: ExtractInjectionAPI<FindReplacePlugin> | undefined;
+    isButtonHidden?: boolean;
 };
 export type FindReplaceToolbarButtonActionProps = Omit<FindReplaceToolbarButtonWithStateProps, 'api'>;
 type Config = {

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

@@ -17,6 +17,7 @@ export interface FindReplaceToolbarButtonProps extends Omit<FindReplaceProps, 'c
     popupsScrollableElement?: HTMLElement;
     dispatchAnalyticsEvent?: DispatchAnalyticsEvent;
     takeFullWidth: boolean;
+    isButtonHidden?: boolean;
 }
 declare const _default: React.FC<import("react-intl-next").WithIntlProps<FindReplaceToolbarButtonProps & WrappedComponentProps>> & {
     WrappedComponent: React.ComponentType<FindReplaceToolbarButtonProps & WrappedComponentProps>;

package/dist/types-ts4.5/FindReplaceToolbarButtonWithState.d.ts

@@ -1,4 +1,4 @@
 import React from 'react';
 import type { FindReplaceToolbarButtonWithStateProps } from './types';
-declare const _default: React.MemoExoticComponent<({ popupsBoundariesElement, popupsMountPoint, popupsScrollableElement, isToolbarReducedSpacing, editorView, containerElement, dispatchAnalyticsEvent, takeFullWidth, api, }: FindReplaceToolbarButtonWithStateProps) => JSX.Element | null>;
+declare const _default: React.MemoExoticComponent<({ popupsBoundariesElement, popupsMountPoint, popupsScrollableElement, isToolbarReducedSpacing, editorView, containerElement, dispatchAnalyticsEvent, takeFullWidth, api, isButtonHidden, }: FindReplaceToolbarButtonWithStateProps) => JSX.Element | null>;
 export default _default;

package/dist/types-ts4.5/types.d.ts

@@ -35,6 +35,7 @@ export type FindReplaceToolbarButtonWithStateProps = {
     dispatchAnalyticsEvent?: DispatchAnalyticsEvent;
     takeFullWidth?: boolean;
     api: ExtractInjectionAPI<FindReplacePlugin> | undefined;
+    isButtonHidden?: boolean;
 };
 export type FindReplaceToolbarButtonActionProps = Omit<FindReplaceToolbarButtonWithStateProps, 'api'>;
 type Config = {

package/dist/types-ts4.5/ui/FindReplaceToolbarButton.d.ts

@@ -17,6 +17,7 @@ export interface FindReplaceToolbarButtonProps extends Omit<FindReplaceProps, 'c
     popupsScrollableElement?: HTMLElement;
     dispatchAnalyticsEvent?: DispatchAnalyticsEvent;
     takeFullWidth: boolean;
+    isButtonHidden?: boolean;
 }
 declare const _default: React.FC<import("react-intl-next").WithIntlProps<FindReplaceToolbarButtonProps & WrappedComponentProps>> & {
     WrappedComponent: React.ComponentType<FindReplaceToolbarButtonProps & WrappedComponentProps>;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-plugin-find-replace",
-	"version": "1.7.5",
+	"version": "1.7.7",
 	"description": "find replace plugin for @atlaskit/editor-core",
 	"author": "Atlassian Pty Ltd",
 	"license": "Apache-2.0",
@@ -32,14 +32,15 @@
 		"./styles": "./src/styles.ts"
 	},
 	"dependencies": {
-		"@atlaskit/button": "^20.1.0",
-		"@atlaskit/editor-common": "^91.0.0",
+		"@atlaskit/button": "^20.2.0",
+		"@atlaskit/editor-common": "^91.1.0",
 		"@atlaskit/editor-plugin-analytics": "^1.8.0",
 		"@atlaskit/editor-plugin-primary-toolbar": "^2.0.0",
 		"@atlaskit/editor-prosemirror": "6.0.0",
-		"@atlaskit/editor-shared-styles": "^2.13.0",
+		"@atlaskit/editor-shared-styles": "^3.0.0",
 		"@atlaskit/form": "^10.5.0",
 		"@atlaskit/icon": "^22.18.0",
+		"@atlaskit/platform-feature-flags": "^0.3.0",
 		"@atlaskit/primitives": "^12.2.0",
 		"@atlaskit/textfield": "^6.5.0",
 		"@atlaskit/theme": "^13.0.0",
@@ -103,5 +104,10 @@
 				"@atlaskit/editor-plugin-analytics"
 			]
 		}
+	},
+	"platform-feature-flags": {
+		"platform_editor_toolbar_responsive_fixes": {
+			"type": "boolean"
+		}
 	}
 }