@atlaskit/editor-plugin-find-replace 6.0.9 → 6.1.1

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

@@ -1,7 +1,3 @@
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
 import React from 'react';
 import type { WrappedComponentProps } from 'react-intl-next';
 import type { DispatchAnalyticsEvent } from '@atlaskit/editor-common/analytics';
@@ -37,13 +33,6 @@ export type ReplaceProps = {
     replaceText?: string;
     setFindTyped: (value: boolean) => void;
 };
-export type ReplaceState = {
-    fakeSuccessReplacementMessageUpdate: boolean;
-    isComposing: boolean;
-    isHelperMessageVisible: boolean;
-    replaceCount: number;
-    replaceText: string;
-};
 declare const _default: React.FC<import("react-intl-next").WithIntlProps<ReplaceProps & WrappedComponentProps>> & {
     WrappedComponent: React.ComponentType<ReplaceProps & WrappedComponentProps>;
 };

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-plugin-find-replace",
-	"version": "6.0.9",
+	"version": "6.1.1",
 	"description": "find replace plugin for @atlaskit/editor-core",
 	"author": "Atlassian Pty Ltd",
 	"license": "Apache-2.0",
@@ -35,18 +35,18 @@
 		"@atlaskit/editor-plugin-mentions": "^8.2.0",
 		"@atlaskit/editor-plugin-primary-toolbar": "^7.0.0",
 		"@atlaskit/editor-prosemirror": "7.0.0",
-		"@atlaskit/editor-shared-styles": "^3.9.0",
-		"@atlaskit/form": "^14.2.0",
+		"@atlaskit/editor-shared-styles": "^3.10.0",
+		"@atlaskit/form": "^14.3.0",
 		"@atlaskit/icon": "^29.0.0",
 		"@atlaskit/icon-lab": "^5.12.0",
 		"@atlaskit/mention": "^24.4.0",
 		"@atlaskit/platform-feature-flags": "^1.1.0",
-		"@atlaskit/primitives": "^16.1.0",
-		"@atlaskit/textfield": "^8.0.0",
+		"@atlaskit/primitives": "^16.2.0",
+		"@atlaskit/textfield": "^8.1.0",
 		"@atlaskit/theme": "^21.0.0",
-		"@atlaskit/tmp-editor-statsig": "^13.36.0",
-		"@atlaskit/tokens": "^8.0.0",
-		"@atlaskit/tooltip": "^20.8.0",
+		"@atlaskit/tmp-editor-statsig": "^13.41.0",
+		"@atlaskit/tokens": "^8.2.0",
+		"@atlaskit/tooltip": "^20.10.0",
 		"@babel/runtime": "^7.0.0",
 		"@emotion/react": "^11.7.1",
 		"classnames": "^2.2.5",
@@ -64,7 +64,7 @@
 		"react-dom": "^18.2.0"
 	},
 	"peerDependencies": {
-		"@atlaskit/editor-common": "^110.27.0",
+		"@atlaskit/editor-common": "^110.33.0",
 		"react": "^18.2.0",
 		"react-intl-next": "npm:react-intl@^5.18.1"
 	},
@@ -115,9 +115,6 @@
 		"platform_editor_toolbar_responsive_fixes": {
 			"type": "boolean"
 		},
-		"editor_a11y_refactor_find_replace_style": {
-			"type": "boolean"
-		},
 		"platform_editor_a11y_find_replace_focus_fix": {
 			"type": "boolean"
 		}

package/dist/cjs/ui/ReplaceNext.js

@@ -1,277 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-var _typeof = require("@babel/runtime/helpers/typeof");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-var _react = _interopRequireWildcard(require("react"));
-var _reactIntlNext = require("react-intl-next");
-var _new = _interopRequireDefault(require("@atlaskit/button/new"));
-var _analytics = require("@atlaskit/editor-common/analytics");
-var _messages = require("@atlaskit/editor-common/messages");
-var _form = require("@atlaskit/form");
-var _chevronDownHipchatChevronDown = _interopRequireDefault(require("@atlaskit/icon/core/migration/chevron-down--hipchat-chevron-down"));
-var _chevronUpHipchatChevronUp = _interopRequireDefault(require("@atlaskit/icon/core/migration/chevron-up--hipchat-chevron-up"));
-var _primitives = require("@atlaskit/primitives");
-var _textfield = _interopRequireDefault(require("@atlaskit/textfield"));
-var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
-var _FindReplaceTooltipButton = require("./FindReplaceTooltipButton");
-function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
-// eslint-disable-next-line @atlaskit/design-system/no-emotion-primitives -- to be migrated to @atlaskit/primitives/compiled – go/akcss
-
-var replaceContainerStyles = (0, _primitives.xcss)({
-  padding: 'space.100'
-});
-var replaceWithLabelStyle = (0, _primitives.xcss)({
-  paddingBottom: 'space.050'
-});
-var actionButtonContainerStyles = (0, _primitives.xcss)({
-  paddingTop: 'space.200'
-});
-var actionButtonParentInlineStyles = (0, _primitives.xcss)({
-  justifyContent: 'space-between',
-  flexDirection: 'row-reverse'
-});
-var actionButtonParentInlineStylesNew = (0, _primitives.xcss)({
-  justifyContent: 'space-between',
-  flexDirection: 'row-reverse',
-  flexWrap: 'wrap'
-});
-var actionButtonInlineStyles = (0, _primitives.xcss)({
-  gap: 'space.075'
-});
-var closeButtonInlineStyles = (0, _primitives.xcss)({
-  marginRight: 'auto'
-});
-var Replace = function Replace(_ref) {
-  var canReplace = _ref.canReplace,
-    initialReplaceText = _ref.replaceText,
-    onReplace = _ref.onReplace,
-    onReplaceAll = _ref.onReplaceAll,
-    onReplaceTextfieldRefSet = _ref.onReplaceTextfieldRefSet,
-    onArrowUp = _ref.onArrowUp,
-    onCancel = _ref.onCancel,
-    count = _ref.count,
-    onFindNext = _ref.onFindNext,
-    onFindPrev = _ref.onFindPrev,
-    dispatchAnalyticsEvent = _ref.dispatchAnalyticsEvent,
-    setFindTyped = _ref.setFindTyped,
-    findTyped = _ref.findTyped,
-    focusToolbarButton = _ref.focusToolbarButton,
-    formatMessage = _ref.intl.formatMessage;
-  var _useState = (0, _react.useState)(initialReplaceText || ''),
-    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-    replaceText = _useState2[0],
-    setReplaceText = _useState2[1];
-  var _useState3 = (0, _react.useState)(false),
-    _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
-    isComposing = _useState4[0],
-    setIsComposing = _useState4[1];
-  var _useState5 = (0, _react.useState)(false),
-    _useState6 = (0, _slicedToArray2.default)(_useState5, 2),
-    isHelperMessageVisible = _useState6[0],
-    setIsHelperMessageVisible = _useState6[1];
-  var _useState7 = (0, _react.useState)(false),
-    _useState8 = (0, _slicedToArray2.default)(_useState7, 2),
-    fakeSuccessReplacementMessageUpdate = _useState8[0],
-    setFakeSuccessReplacementMessageUpdate = _useState8[1];
-  var _useState9 = (0, _react.useState)(0),
-    _useState0 = (0, _slicedToArray2.default)(_useState9, 2),
-    replaceCount = _useState0[0],
-    setReplaceCount = _useState0[1];
-  var replaceTextfieldRef = (0, _react.useRef)(null);
-  var successReplacementMessageRef = (0, _react.useRef)(null);
-  var replaceWith = formatMessage(_messages.findReplaceMessages.replaceWith);
-  var replaceAll = formatMessage(_messages.findReplaceMessages.replaceAll);
-  var findPrevious = formatMessage(_messages.findReplaceMessages.findPrevious);
-  var closeFindReplaceDialog = formatMessage(_messages.findReplaceMessages.closeFindReplaceDialog);
-  (0, _react.useEffect)(function () {
-    onReplaceTextfieldRefSet(replaceTextfieldRef);
-  }, [onReplaceTextfieldRefSet]);
-  (0, _react.useEffect)(function () {
-    setReplaceText(initialReplaceText || '');
-  }, [initialReplaceText]);
-  var skipWhileComposing = function skipWhileComposing(fn) {
-    if (!isComposing) {
-      fn();
-    }
-  };
-  var triggerSuccessReplacementMessageUpdate = function triggerSuccessReplacementMessageUpdate(currentReplaceCount) {
-    if (replaceCount === currentReplaceCount) {
-      setFakeSuccessReplacementMessageUpdate(!fakeSuccessReplacementMessageUpdate);
-    }
-    if (successReplacementMessageRef.current) {
-      var ariaLiveRegion = successReplacementMessageRef.current.querySelector('[aria-live="polite"]');
-      ariaLiveRegion === null || ariaLiveRegion === void 0 || ariaLiveRegion.removeAttribute('aria-live');
-      ariaLiveRegion === null || ariaLiveRegion === void 0 || ariaLiveRegion.setAttribute('aria-live', 'polite');
-    }
-  };
-  var handleReplaceClick = function handleReplaceClick() {
-    return skipWhileComposing(function () {
-      onReplace({
-        triggerMethod: _analytics.TRIGGER_METHOD.BUTTON,
-        replaceText: replaceText
-      });
-      triggerSuccessReplacementMessageUpdate(1);
-      setIsHelperMessageVisible(true);
-      setReplaceCount(1);
-      setFindTyped(false);
-    });
-  };
-  var handleReplaceChange = function handleReplaceChange(event) {
-    return skipWhileComposing(function () {
-      updateReplaceValue(event.target.value);
-    });
-  };
-  var updateReplaceValue = function updateReplaceValue(text) {
-    if (dispatchAnalyticsEvent) {
-      dispatchAnalyticsEvent({
-        eventType: _analytics.EVENT_TYPE.TRACK,
-        action: _analytics.ACTION.CHANGED_REPLACEMENT_TEXT,
-        actionSubject: _analytics.ACTION_SUBJECT.FIND_REPLACE_DIALOG
-      });
-    }
-    setReplaceText(text);
-  };
-  var handleReplaceKeyDown = function handleReplaceKeyDown(event) {
-    return skipWhileComposing(function () {
-      if (event.key === 'Enter') {
-        onReplace({
-          triggerMethod: _analytics.TRIGGER_METHOD.KEYBOARD,
-          replaceText: replaceText
-        });
-      } else if (event.key === 'ArrowUp') {
-        onArrowUp();
-      }
-    });
-  };
-  var handleReplaceAllClick = function handleReplaceAllClick() {
-    return skipWhileComposing(function () {
-      onReplaceAll({
-        replaceText: replaceText
-      });
-      setIsHelperMessageVisible(true);
-      if (count.totalReplaceable && (0, _expValEquals.expValEquals)('platform_editor_find_and_replace_improvements', 'isEnabled', true)) {
-        triggerSuccessReplacementMessageUpdate(count.totalReplaceable);
-        setReplaceCount(count.totalReplaceable);
-      } else {
-        triggerSuccessReplacementMessageUpdate(count.total);
-        setReplaceCount(count.total);
-      }
-      setFindTyped(false);
-    });
-  };
-  var handleCompositionStart = function handleCompositionStart() {
-    setIsComposing(true);
-  };
-  var handleCompositionEnd = function handleCompositionEnd(event) {
-    setIsComposing(false);
-    updateReplaceValue(event.currentTarget.value);
-  };
-  var clearSearch = function clearSearch() {
-    onCancel({
-      triggerMethod: _analytics.TRIGGER_METHOD.BUTTON
-    });
-    focusToolbarButton();
-  };
-  var handleFindNextClick = function handleFindNextClick() {
-    if (!isComposing) {
-      onFindNext({
-        triggerMethod: _analytics.TRIGGER_METHOD.BUTTON
-      });
-    }
-  };
-  var handleFindPrevClick = function handleFindPrevClick() {
-    if (!isComposing) {
-      onFindPrev({
-        triggerMethod: _analytics.TRIGGER_METHOD.BUTTON
-      });
-    }
-  };
-  var resultsReplace = formatMessage(_messages.findReplaceMessages.replaceSuccess, {
-    numberOfMatches: replaceCount
-  });
-  return /*#__PURE__*/_react.default.createElement(_primitives.Box, {
-    xcss: replaceContainerStyles
-  }, /*#__PURE__*/_react.default.createElement(_primitives.Box, {
-    xcss: replaceWithLabelStyle
-  }, /*#__PURE__*/_react.default.createElement(_primitives.Text, {
-    id: "replace-text-field-label",
-    size: "medium",
-    weight: "bold",
-    color: "color.text.subtle"
-  }, replaceWith)), /*#__PURE__*/_react.default.createElement(_textfield.default, {
-    name: "replace",
-    "aria-labelledby": "replace-text-field-label",
-    testId: "replace-field",
-    appearance: "standard",
-    defaultValue: replaceText,
-    ref: replaceTextfieldRef,
-    autoComplete: "off",
-    onChange: handleReplaceChange,
-    onKeyDown: handleReplaceKeyDown,
-    onCompositionStart: handleCompositionStart,
-    onCompositionEnd: handleCompositionEnd
-  }), isHelperMessageVisible && !findTyped && /*#__PURE__*/_react.default.createElement("div", {
-    ref: successReplacementMessageRef
-  }, /*#__PURE__*/_react.default.createElement(_form.ValidMessage, {
-    testId: "message-success-replacement"
-  }, fakeSuccessReplacementMessageUpdate ?
-  // @ts-ignore - TS1501 TypeScript 5.9.2 upgrade
-  resultsReplace.replace(/ /, "\xA0") : resultsReplace)), /*#__PURE__*/_react.default.createElement(_primitives.Box, {
-    xcss: actionButtonContainerStyles
-  }, /*#__PURE__*/_react.default.createElement(_primitives.Inline, {
-    xcss: (0, _expValEquals.expValEquals)('platform_editor_find_and_replace_improvements', 'isEnabled', true) ? [actionButtonInlineStyles, actionButtonParentInlineStylesNew] : [actionButtonInlineStyles, actionButtonParentInlineStyles]
-  }, /*#__PURE__*/_react.default.createElement(_primitives.Inline, {
-    xcss: actionButtonInlineStyles
-  }, /*#__PURE__*/_react.default.createElement(_FindReplaceTooltipButton.FindReplaceTooltipButton, {
-    title: formatMessage(_messages.findReplaceMessages.findNext),
-    icon: function icon(iconProps) {
-      return /*#__PURE__*/_react.default.createElement(_chevronDownHipchatChevronDown.default, {
-        label: iconProps.label,
-        size: "small"
-      });
-    },
-    iconLabel: formatMessage(_messages.findReplaceMessages.findNext),
-    keymapDescription: 'Enter',
-    onClick: handleFindNextClick,
-    disabled: count.total <= 1
-  }), /*#__PURE__*/_react.default.createElement(_FindReplaceTooltipButton.FindReplaceTooltipButton, {
-    title: findPrevious,
-    icon: function icon(iconProps) {
-      return /*#__PURE__*/_react.default.createElement(_chevronUpHipchatChevronUp.default, {
-        label: iconProps.label,
-        size: "small"
-      });
-    },
-    iconLabel: findPrevious,
-    keymapDescription: 'Shift Enter',
-    onClick: handleFindPrevClick,
-    disabled: count.total <= 1
-  }), /*#__PURE__*/_react.default.createElement(_new.default, {
-    testId: 'Replace',
-    id: "replace-button",
-    onClick: handleReplaceClick,
-    isDisabled: !canReplace
-  }, formatMessage(_messages.findReplaceMessages.replace)), /*#__PURE__*/_react.default.createElement(_new.default, {
-    appearance: "primary",
-    testId: replaceAll,
-    id: "replaceAll-button",
-    onClick: handleReplaceAllClick,
-    isDisabled: (0, _expValEquals.expValEquals)('platform_editor_find_and_replace_improvements', 'isEnabled', true) ? count.totalReplaceable === 0 : !canReplace
-  }, replaceAll)), (0, _expValEquals.expValEquals)('platform_editor_find_and_replace_improvements', 'isEnabled', true) ? /*#__PURE__*/_react.default.createElement(_primitives.Inline, {
-    xcss: closeButtonInlineStyles
-  }, /*#__PURE__*/_react.default.createElement(_new.default, {
-    appearance: "subtle",
-    testId: closeFindReplaceDialog,
-    onClick: clearSearch
-  }, closeFindReplaceDialog)) : /*#__PURE__*/_react.default.createElement(_new.default, {
-    appearance: "subtle",
-    testId: closeFindReplaceDialog,
-    onClick: clearSearch
-  }, closeFindReplaceDialog))));
-};
-var _default = exports.default = (0, _reactIntlNext.injectIntl)(Replace);

package/dist/es2019/ui/ReplaceNext.js

@@ -1,242 +0,0 @@
-import React, { useState, useRef, useEffect } from 'react';
-import { injectIntl } from 'react-intl-next';
-import Button from '@atlaskit/button/new';
-import { ACTION, ACTION_SUBJECT, EVENT_TYPE, TRIGGER_METHOD } from '@atlaskit/editor-common/analytics';
-import { findReplaceMessages as messages } from '@atlaskit/editor-common/messages';
-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';
-// 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';
-import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
-import { FindReplaceTooltipButton } from './FindReplaceTooltipButton';
-const replaceContainerStyles = xcss({
-  padding: 'space.100'
-});
-const replaceWithLabelStyle = xcss({
-  paddingBottom: 'space.050'
-});
-const actionButtonContainerStyles = xcss({
-  paddingTop: 'space.200'
-});
-const actionButtonParentInlineStyles = xcss({
-  justifyContent: 'space-between',
-  flexDirection: 'row-reverse'
-});
-const actionButtonParentInlineStylesNew = xcss({
-  justifyContent: 'space-between',
-  flexDirection: 'row-reverse',
-  flexWrap: 'wrap'
-});
-const actionButtonInlineStyles = xcss({
-  gap: 'space.075'
-});
-const closeButtonInlineStyles = xcss({
-  marginRight: 'auto'
-});
-const Replace = ({
-  canReplace,
-  replaceText: initialReplaceText,
-  onReplace,
-  onReplaceAll,
-  onReplaceTextfieldRefSet,
-  onArrowUp,
-  onCancel,
-  count,
-  onFindNext,
-  onFindPrev,
-  dispatchAnalyticsEvent,
-  setFindTyped,
-  findTyped,
-  focusToolbarButton,
-  intl: {
-    formatMessage
-  }
-}) => {
-  const [replaceText, setReplaceText] = useState(initialReplaceText || '');
-  const [isComposing, setIsComposing] = useState(false);
-  const [isHelperMessageVisible, setIsHelperMessageVisible] = useState(false);
-  const [fakeSuccessReplacementMessageUpdate, setFakeSuccessReplacementMessageUpdate] = useState(false);
-  const [replaceCount, setReplaceCount] = useState(0);
-  const replaceTextfieldRef = useRef(null);
-  const successReplacementMessageRef = useRef(null);
-  const replaceWith = formatMessage(messages.replaceWith);
-  const replaceAll = formatMessage(messages.replaceAll);
-  const findPrevious = formatMessage(messages.findPrevious);
-  const closeFindReplaceDialog = formatMessage(messages.closeFindReplaceDialog);
-  useEffect(() => {
-    onReplaceTextfieldRefSet(replaceTextfieldRef);
-  }, [onReplaceTextfieldRefSet]);
-  useEffect(() => {
-    setReplaceText(initialReplaceText || '');
-  }, [initialReplaceText]);
-  const skipWhileComposing = fn => {
-    if (!isComposing) {
-      fn();
-    }
-  };
-  const triggerSuccessReplacementMessageUpdate = currentReplaceCount => {
-    if (replaceCount === currentReplaceCount) {
-      setFakeSuccessReplacementMessageUpdate(!fakeSuccessReplacementMessageUpdate);
-    }
-    if (successReplacementMessageRef.current) {
-      const ariaLiveRegion = successReplacementMessageRef.current.querySelector('[aria-live="polite"]');
-      ariaLiveRegion === null || ariaLiveRegion === void 0 ? void 0 : ariaLiveRegion.removeAttribute('aria-live');
-      ariaLiveRegion === null || ariaLiveRegion === void 0 ? void 0 : ariaLiveRegion.setAttribute('aria-live', 'polite');
-    }
-  };
-  const handleReplaceClick = () => skipWhileComposing(() => {
-    onReplace({
-      triggerMethod: TRIGGER_METHOD.BUTTON,
-      replaceText
-    });
-    triggerSuccessReplacementMessageUpdate(1);
-    setIsHelperMessageVisible(true);
-    setReplaceCount(1);
-    setFindTyped(false);
-  });
-  const handleReplaceChange = event => skipWhileComposing(() => {
-    updateReplaceValue(event.target.value);
-  });
-  const updateReplaceValue = text => {
-    if (dispatchAnalyticsEvent) {
-      dispatchAnalyticsEvent({
-        eventType: EVENT_TYPE.TRACK,
-        action: ACTION.CHANGED_REPLACEMENT_TEXT,
-        actionSubject: ACTION_SUBJECT.FIND_REPLACE_DIALOG
-      });
-    }
-    setReplaceText(text);
-  };
-  const handleReplaceKeyDown = event => skipWhileComposing(() => {
-    if (event.key === 'Enter') {
-      onReplace({
-        triggerMethod: TRIGGER_METHOD.KEYBOARD,
-        replaceText
-      });
-    } else if (event.key === 'ArrowUp') {
-      onArrowUp();
-    }
-  });
-  const handleReplaceAllClick = () => skipWhileComposing(() => {
-    onReplaceAll({
-      replaceText
-    });
-    setIsHelperMessageVisible(true);
-    if (count.totalReplaceable && expValEquals('platform_editor_find_and_replace_improvements', 'isEnabled', true)) {
-      triggerSuccessReplacementMessageUpdate(count.totalReplaceable);
-      setReplaceCount(count.totalReplaceable);
-    } else {
-      triggerSuccessReplacementMessageUpdate(count.total);
-      setReplaceCount(count.total);
-    }
-    setFindTyped(false);
-  });
-  const handleCompositionStart = () => {
-    setIsComposing(true);
-  };
-  const handleCompositionEnd = event => {
-    setIsComposing(false);
-    updateReplaceValue(event.currentTarget.value);
-  };
-  const clearSearch = () => {
-    onCancel({
-      triggerMethod: TRIGGER_METHOD.BUTTON
-    });
-    focusToolbarButton();
-  };
-  const handleFindNextClick = () => {
-    if (!isComposing) {
-      onFindNext({
-        triggerMethod: TRIGGER_METHOD.BUTTON
-      });
-    }
-  };
-  const handleFindPrevClick = () => {
-    if (!isComposing) {
-      onFindPrev({
-        triggerMethod: TRIGGER_METHOD.BUTTON
-      });
-    }
-  };
-  const resultsReplace = formatMessage(messages.replaceSuccess, {
-    numberOfMatches: replaceCount
-  });
-  return /*#__PURE__*/React.createElement(Box, {
-    xcss: replaceContainerStyles
-  }, /*#__PURE__*/React.createElement(Box, {
-    xcss: replaceWithLabelStyle
-  }, /*#__PURE__*/React.createElement(Text, {
-    id: "replace-text-field-label",
-    size: "medium",
-    weight: "bold",
-    color: "color.text.subtle"
-  }, replaceWith)), /*#__PURE__*/React.createElement(Textfield, {
-    name: "replace",
-    "aria-labelledby": "replace-text-field-label",
-    testId: "replace-field",
-    appearance: "standard",
-    defaultValue: replaceText,
-    ref: replaceTextfieldRef,
-    autoComplete: "off",
-    onChange: handleReplaceChange,
-    onKeyDown: handleReplaceKeyDown,
-    onCompositionStart: handleCompositionStart,
-    onCompositionEnd: handleCompositionEnd
-  }), isHelperMessageVisible && !findTyped && /*#__PURE__*/React.createElement("div", {
-    ref: successReplacementMessageRef
-  }, /*#__PURE__*/React.createElement(ValidMessage, {
-    testId: "message-success-replacement"
-  }, fakeSuccessReplacementMessageUpdate ?
-  // @ts-ignore - TS1501 TypeScript 5.9.2 upgrade
-  resultsReplace.replace(/ /u, '\u00a0') : resultsReplace)), /*#__PURE__*/React.createElement(Box, {
-    xcss: actionButtonContainerStyles
-  }, /*#__PURE__*/React.createElement(Inline, {
-    xcss: expValEquals('platform_editor_find_and_replace_improvements', 'isEnabled', true) ? [actionButtonInlineStyles, actionButtonParentInlineStylesNew] : [actionButtonInlineStyles, actionButtonParentInlineStyles]
-  }, /*#__PURE__*/React.createElement(Inline, {
-    xcss: actionButtonInlineStyles
-  }, /*#__PURE__*/React.createElement(FindReplaceTooltipButton, {
-    title: formatMessage(messages.findNext),
-    icon: iconProps => /*#__PURE__*/React.createElement(ChevronDownIcon, {
-      label: iconProps.label,
-      size: "small"
-    }),
-    iconLabel: formatMessage(messages.findNext),
-    keymapDescription: 'Enter',
-    onClick: handleFindNextClick,
-    disabled: count.total <= 1
-  }), /*#__PURE__*/React.createElement(FindReplaceTooltipButton, {
-    title: findPrevious,
-    icon: iconProps => /*#__PURE__*/React.createElement(ChevronUpIcon, {
-      label: iconProps.label,
-      size: "small"
-    }),
-    iconLabel: findPrevious,
-    keymapDescription: 'Shift Enter',
-    onClick: handleFindPrevClick,
-    disabled: count.total <= 1
-  }), /*#__PURE__*/React.createElement(Button, {
-    testId: 'Replace',
-    id: "replace-button",
-    onClick: handleReplaceClick,
-    isDisabled: !canReplace
-  }, formatMessage(messages.replace)), /*#__PURE__*/React.createElement(Button, {
-    appearance: "primary",
-    testId: replaceAll,
-    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) ? /*#__PURE__*/React.createElement(Inline, {
-    xcss: closeButtonInlineStyles
-  }, /*#__PURE__*/React.createElement(Button, {
-    appearance: "subtle",
-    testId: closeFindReplaceDialog,
-    onClick: clearSearch
-  }, closeFindReplaceDialog)) : /*#__PURE__*/React.createElement(Button, {
-    appearance: "subtle",
-    testId: closeFindReplaceDialog,
-    onClick: clearSearch
-  }, closeFindReplaceDialog))));
-};
-export default injectIntl(Replace);