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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -16,11 +16,9 @@ import React from 'react';
16
16
 
17
17
  // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
18
18
  import { jsx } from '@emotion/react';
19
- import { fg } from '@atlaskit/platform-feature-flags';
20
19
  import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
21
20
  import Find from './Find';
22
21
  import Replace from './Replace';
23
- import ReplaceNext from './ReplaceNext';
24
22
  import { ruleStyles, wrapperPaddingStyles, wrapperStyles } from './ui-styles';
25
23
  // eslint-disable-next-line @repo/internal/react/no-class-components
26
24
  var FindReplace = /*#__PURE__*/function (_React$PureComponent) {
@@ -30,36 +28,6 @@ var FindReplace = /*#__PURE__*/function (_React$PureComponent) {
30
28
  _this = _callSuper(this, FindReplace, [props]);
31
29
  _defineProperty(_this, "findTextfield", null);
32
30
  _defineProperty(_this, "replaceTextfield", null);
33
- /**
34
- * Delete this function on cleanup of
35
- * editor_a11y_refactor_find_replace_style
36
- */
37
- _defineProperty(_this, "handleTabNavigation", function (event) {
38
- if (fg('editor_a11y_refactor_find_replace_style')) {
39
- return;
40
- }
41
- if (event.key === 'Tab') {
42
- event.preventDefault();
43
- var modalFindReplace = _this.modalRef.current;
44
- if (!modalFindReplace || !modalFindReplace.contains(document.activeElement)) {
45
- return;
46
- }
47
- var focusableElements = Array.from(modalFindReplace.querySelectorAll('[tabindex]:not([tabindex="-1"]), input, button')).filter(function (el) {
48
- return el.getAttribute('tabindex') !== '-1';
49
- });
50
- var currentIndex = focusableElements.findIndex(function (el) {
51
- return el === document.activeElement;
52
- });
53
- var isShiftPressed = event.shiftKey;
54
- if (isShiftPressed) {
55
- var prevIndex = (currentIndex - 1 + focusableElements.length) % focusableElements.length;
56
- focusableElements[prevIndex].focus();
57
- } else {
58
- var nextIndex = (currentIndex + 1) % focusableElements.length;
59
- focusableElements[nextIndex].focus();
60
- }
61
- }
62
- });
63
31
  _defineProperty(_this, "state", {
64
32
  findTyped: false
65
33
  });
@@ -89,18 +57,6 @@ var FindReplace = /*#__PURE__*/function (_React$PureComponent) {
89
57
  }
90
58
  _inherits(FindReplace, _React$PureComponent);
91
59
  return _createClass(FindReplace, [{
92
- key: "componentDidMount",
93
- value: function componentDidMount() {
94
- // eslint-disable-next-line
95
- window.addEventListener('keydown', this.handleTabNavigation);
96
- }
97
- }, {
98
- key: "componentWillUnmount",
99
- value: function componentWillUnmount() {
100
- // eslint-disable-next-line
101
- window.removeEventListener('keydown', this.handleTabNavigation);
102
- }
103
- }, {
104
60
  key: "render",
105
61
  value: function render() {
106
62
  var _this$props = this.props,
@@ -122,7 +78,9 @@ var FindReplace = /*#__PURE__*/function (_React$PureComponent) {
122
78
  onToggleMatchCase = _this$props.onToggleMatchCase;
123
79
  var focusToolbarButton = this.props.focusToolbarButton || function () {};
124
80
  return jsx("div", {
125
- role: 'dialog',
81
+ role: 'dialog'
82
+ // eslint-disable-next-line @atlassian/i18n/no-literal-string-in-jsx
83
+ ,
126
84
  "aria-label": 'Find and Replace',
127
85
  "aria-modal": false,
128
86
  ref: this.modalRef
@@ -149,22 +107,7 @@ var FindReplace = /*#__PURE__*/function (_React$PureComponent) {
149
107
  role: "presentation",
150
108
  css: ruleStyles,
151
109
  id: "replace-hr-element"
152
- }), fg('editor_a11y_refactor_find_replace_style') ? jsx(ReplaceNext, {
153
- canReplace: expValEquals('platform_editor_find_and_replace_improvements', 'isEnabled', true) ? !!isReplaceable : count.total > 0,
154
- replaceText: replaceText,
155
- onReplace: onReplace,
156
- onReplaceAll: onReplaceAll,
157
- onReplaceTextfieldRefSet: this.setReplaceTextfieldRef,
158
- onArrowUp: this.setFocusToFind,
159
- onCancel: onCancel,
160
- count: count,
161
- onFindPrev: onFindPrev,
162
- onFindNext: onFindNext,
163
- dispatchAnalyticsEvent: dispatchAnalyticsEvent,
164
- findTyped: this.state.findTyped,
165
- setFindTyped: this.setFindTyped,
166
- focusToolbarButton: focusToolbarButton
167
- }) : jsx(Replace, {
110
+ }), jsx(Replace, {
168
111
  canReplace: expValEquals('platform_editor_find_and_replace_improvements', 'isEnabled', true) ? !!isReplaceable : count.total > 0,
169
112
  replaceText: replaceText,
170
113
  onReplace: onReplace,