@atlaskit/editor-plugin-find-replace 6.0.5 → 6.0.6

package/CHANGELOG.md

@@ -1,5 +1,13 @@
 # @atlaskit/editor-plugin-find-replace
 
+## 6.0.6
+
+### Patch Changes
+
+- [`ca13c0bb29d92`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/ca13c0bb29d92) -
+  A11y fix: set the keyboard focus to the first logical element on `Find and Replace` dialog when
+  open
+
 ## 6.0.5
 
 ### Patch Changes

package/dist/cjs/ui/Find.js

@@ -22,6 +22,7 @@ var _form = require("@atlaskit/form");
 var _textLetterCase = _interopRequireDefault(require("@atlaskit/icon-lab/core/text-letter-case"));
 var _textStyleEmojiKeyboard = _interopRequireDefault(require("@atlaskit/icon/core/migration/text-style--emoji-keyboard"));
 var _textStyle = _interopRequireDefault(require("@atlaskit/icon/glyph/editor/text-style"));
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _textfield = _interopRequireDefault(require("@atlaskit/textfield"));
 var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
 var _FindReplaceTooltipButton = require("./FindReplaceTooltipButton");
@@ -172,7 +173,14 @@ var Find = /*#__PURE__*/function (_React$Component) {
 
       // focus initially on dialog mount if there is no find text provided
       if (!this.props.findText) {
-        this.focusFindTextfield();
+        if ((0, _platformFeatureFlags.fg)('platform_editor_a11y_find_replace_focus_fix')) {
+          // Wait for findTextfieldRef to become available then focus
+          setTimeout(function () {
+            _this2.focusFindTextfield();
+          }, 100);
+        } else {
+          this.focusFindTextfield();
+        }
       }
       this.syncFindText(function () {
         // focus after input is synced if find text provided

package/dist/es2019/ui/Find.js

@@ -17,6 +17,7 @@ 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';
@@ -159,7 +160,14 @@ class Find extends React.Component {
 
     // focus initially on dialog mount if there is no find text provided
     if (!this.props.findText) {
-      this.focusFindTextfield();
+      if (fg('platform_editor_a11y_find_replace_focus_fix')) {
+        // Wait for findTextfieldRef to become available then focus
+        setTimeout(() => {
+          this.focusFindTextfield();
+        }, 100);
+      } else {
+        this.focusFindTextfield();
+      }
     }
     this.syncFindText(() => {
       // focus after input is synced if find text provided

package/dist/esm/ui/Find.js

@@ -24,6 +24,7 @@ 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';
@@ -169,7 +170,14 @@ var Find = /*#__PURE__*/function (_React$Component) {
 
       // focus initially on dialog mount if there is no find text provided
       if (!this.props.findText) {
-        this.focusFindTextfield();
+        if (fg('platform_editor_a11y_find_replace_focus_fix')) {
+          // Wait for findTextfieldRef to become available then focus
+          setTimeout(function () {
+            _this2.focusFindTextfield();
+          }, 100);
+        } else {
+          this.focusFindTextfield();
+        }
       }
       this.syncFindText(function () {
         // focus after input is synced if find text provided

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-plugin-find-replace",
-	"version": "6.0.5",
+	"version": "6.0.6",
 	"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.7.0",
+		"@atlaskit/editor-shared-styles": "^3.8.0",
 		"@atlaskit/form": "^14.2.0",
 		"@atlaskit/icon": "^28.5.0",
-		"@atlaskit/icon-lab": "^5.10.0",
+		"@atlaskit/icon-lab": "^5.11.0",
 		"@atlaskit/mention": "^24.3.0",
 		"@atlaskit/platform-feature-flags": "^1.1.0",
-		"@atlaskit/primitives": "^16.0.0",
+		"@atlaskit/primitives": "^16.1.0",
 		"@atlaskit/textfield": "^8.0.0",
 		"@atlaskit/theme": "^21.0.0",
-		"@atlaskit/tmp-editor-statsig": "^13.13.0",
-		"@atlaskit/tokens": "^7.0.0",
-		"@atlaskit/tooltip": "^20.5.0",
+		"@atlaskit/tmp-editor-statsig": "^13.26.0",
+		"@atlaskit/tokens": "^7.1.0",
+		"@atlaskit/tooltip": "^20.7.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.14.0",
+		"@atlaskit/editor-common": "^110.21.0",
 		"react": "^18.2.0",
 		"react-intl-next": "npm:react-intl@^5.18.1"
 	},
@@ -117,6 +117,9 @@
 		},
 		"editor_a11y_refactor_find_replace_style": {
 			"type": "boolean"
+		},
+		"platform_editor_a11y_find_replace_focus_fix": {
+			"type": "boolean"
 		}
 	}
 }