@atlaskit/editor-plugin-panel 4.4.0 → 4.4.1

package/CHANGELOG.md

@@ -1,5 +1,15 @@
 # @atlaskit/editor-plugin-panel
 
+## 4.4.1
+
+### Patch Changes
+
+- [#153256](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/153256)
+  [`3644fbe36073d`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/3644fbe36073d) -
+  [ux] When ViewAll dropdown closes via ESC key press or submenus close via ESC or Enter, the focus
+  is set on ViewAll button.
+- Updated dependencies
+
 ## 4.4.0
 
 ### Minor Changes

package/dist/cjs/ui/toolbar.js

@@ -26,6 +26,7 @@ var _successEditorSuccess = _interopRequireDefault(require("@atlaskit/icon/core/
 var _warningEditorWarning = _interopRequireDefault(require("@atlaskit/icon/core/migration/warning--editor-warning"));
 var _remove = _interopRequireDefault(require("@atlaskit/icon/glyph/editor/remove"));
 var _removeEmoji = _interopRequireDefault(require("@atlaskit/icon/glyph/editor/remove-emoji"));
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _experiments = require("@atlaskit/tmp-editor-statsig/experiments");
 var _actions = require("../editor-actions/actions");
 var _utils2 = require("../pm-plugins/utils/utils");
@@ -293,11 +294,15 @@ var getToolbarItems = exports.getToolbarItems = function getToolbarItems(formatM
         onBlur: hoverDecoration === null || hoverDecoration === void 0 ? void 0 : hoverDecoration(nodeType, false, className)
       };
     };
+    // testId is required to show focus on trigger button on ESC key press
+    // see hideOnEsc in platform/packages/editor/editor-plugin-floating-toolbar/src/ui/Dropdown.tsx
+    var testId = (0, _platformFeatureFlags.fg)('platform_editor_controls_patch_8') ? 'panel-overflow-dropdown-trigger' : undefined;
     var overflowMenuConfig = [{
       type: 'separator',
       fullHeight: true
     }, {
       type: 'overflow-dropdown',
+      testId: testId,
       options: [_objectSpread({
         title: formatMessage(_messages.default.copyToClipboard),
         onClick: function onClick() {

package/dist/es2019/ui/toolbar.js

@@ -17,6 +17,7 @@ import SuccessIcon from '@atlaskit/icon/core/migration/success--editor-success';
 import WarningIcon from '@atlaskit/icon/core/migration/warning--editor-warning';
 import RemoveIcon from '@atlaskit/icon/glyph/editor/remove';
 import RemoveEmojiIcon from '@atlaskit/icon/glyph/editor/remove-emoji';
+import { fg } from '@atlaskit/platform-feature-flags';
 import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
 import { changePanelType, removePanel } from '../editor-actions/actions';
 import { findPanel } from '../pm-plugins/utils/utils';
@@ -271,11 +272,15 @@ export const getToolbarItems = (formatMessage, panelNodeType, isCustomPanelEnabl
       onFocus: hoverDecoration === null || hoverDecoration === void 0 ? void 0 : hoverDecoration(nodeType, true, className),
       onBlur: hoverDecoration === null || hoverDecoration === void 0 ? void 0 : hoverDecoration(nodeType, false, className)
     });
+    // testId is required to show focus on trigger button on ESC key press
+    // see hideOnEsc in platform/packages/editor/editor-plugin-floating-toolbar/src/ui/Dropdown.tsx
+    const testId = fg('platform_editor_controls_patch_8') ? 'panel-overflow-dropdown-trigger' : undefined;
     const overflowMenuConfig = [{
       type: 'separator',
       fullHeight: true
     }, {
       type: 'overflow-dropdown',
+      testId,
       options: [{
         title: formatMessage(commonMessages.copyToClipboard),
         onClick: () => {

package/dist/esm/ui/toolbar.js

@@ -20,6 +20,7 @@ import SuccessIcon from '@atlaskit/icon/core/migration/success--editor-success';
 import WarningIcon from '@atlaskit/icon/core/migration/warning--editor-warning';
 import RemoveIcon from '@atlaskit/icon/glyph/editor/remove';
 import RemoveEmojiIcon from '@atlaskit/icon/glyph/editor/remove-emoji';
+import { fg } from '@atlaskit/platform-feature-flags';
 import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
 import { changePanelType, removePanel } from '../editor-actions/actions';
 import { findPanel } from '../pm-plugins/utils/utils';
@@ -283,11 +284,15 @@ export var getToolbarItems = function getToolbarItems(formatMessage, panelNodeTy
         onBlur: hoverDecoration === null || hoverDecoration === void 0 ? void 0 : hoverDecoration(nodeType, false, className)
       };
     };
+    // testId is required to show focus on trigger button on ESC key press
+    // see hideOnEsc in platform/packages/editor/editor-plugin-floating-toolbar/src/ui/Dropdown.tsx
+    var testId = fg('platform_editor_controls_patch_8') ? 'panel-overflow-dropdown-trigger' : undefined;
     var overflowMenuConfig = [{
       type: 'separator',
       fullHeight: true
     }, {
       type: 'overflow-dropdown',
+      testId: testId,
       options: [_objectSpread({
         title: formatMessage(commonMessages.copyToClipboard),
         onClick: function onClick() {

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-plugin-panel",
-	"version": "4.4.0",
+	"version": "4.4.1",
 	"description": "Panel plugin for @atlaskit/editor-core.",
 	"author": "Atlassian Pty Ltd",
 	"license": "Apache-2.0",
@@ -32,7 +32,7 @@
 	},
 	"dependencies": {
 		"@atlaskit/adf-schema": "^47.6.0",
-		"@atlaskit/editor-common": "^104.1.0",
+		"@atlaskit/editor-common": "^105.0.0",
 		"@atlaskit/editor-palette": "^2.1.0",
 		"@atlaskit/editor-plugin-analytics": "^2.2.0",
 		"@atlaskit/editor-plugin-decorations": "^2.0.0",
@@ -104,6 +104,9 @@
 		},
 		"platform_editor_controls_patch_analytics_2": {
 			"type": "boolean"
+		},
+		"platform_editor_controls_patch_8": {
+			"type": "boolean"
 		}
 	},
 	"stricter": {