@atlaskit/editor-plugin-insert-block 7.0.25 → 7.0.26

package/CHANGELOG.md

@@ -1,5 +1,13 @@
 # @atlaskit/editor-plugin-insert-block
 
+## 7.0.26
+
+### Patch Changes
+
+- [`d4e5a749a78f4`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/d4e5a749a78f4) -
+  Fix nested-interactive a11y violation by mounting mediaInsertPicker inside media button
+- Updated dependencies
+
 ## 7.0.25
 
 ### Patch Changes

package/dist/cjs/ui/ToolbarInsertBlock/index.js

@@ -356,13 +356,17 @@ var ToolbarInsertBlock = exports.ToolbarInsertBlock = /*#__PURE__*/function (_Re
         onShowMediaPicker = _this$props5.onShowMediaPicker,
         dispatchAnalyticsEvent = _this$props5.dispatchAnalyticsEvent;
       if (onShowMediaPicker) {
-        var _this$mediaButtonRef, _this$props$popupsMou;
+        var _this$mediaButtonRef, _this$props$popupsMou, _this$props$popupsMou2;
         var ref = (_this$mediaButtonRef = _this.mediaButtonRef) === null || _this$mediaButtonRef === void 0 ? void 0 : _this$mediaButtonRef.deref();
         var args = ref ? {
           ref: ref,
           mountPoint: (_this$props$popupsMou = _this.props.popupsMountPoint) !== null && _this$props$popupsMou !== void 0 ? _this$props$popupsMou : ref
         } : undefined;
-        onShowMediaPicker(args);
+        var argsWithUpdatedMountPoint = ref !== null && ref !== void 0 && ref.parentElement ? {
+          ref: ref,
+          mountPoint: (_this$props$popupsMou2 = _this.props.popupsMountPoint) !== null && _this$props$popupsMou2 !== void 0 ? _this$props$popupsMou2 : ref.parentElement
+        } : undefined;
+        onShowMediaPicker((0, _platformFeatureFlags.fg)('platform_editor_nov_a11y_fixes') ? argsWithUpdatedMountPoint : args);
         if (dispatchAnalyticsEvent) {
           dispatchAnalyticsEvent({
             action: _analytics.ACTION.OPENED,

package/dist/es2019/ui/ToolbarInsertBlock/index.js

@@ -375,13 +375,17 @@ export class ToolbarInsertBlock extends React.PureComponent {
         dispatchAnalyticsEvent
       } = this.props;
       if (onShowMediaPicker) {
-        var _this$mediaButtonRef, _this$props$popupsMou;
+        var _this$mediaButtonRef, _this$props$popupsMou, _this$props$popupsMou2;
         const ref = (_this$mediaButtonRef = this.mediaButtonRef) === null || _this$mediaButtonRef === void 0 ? void 0 : _this$mediaButtonRef.deref();
         const args = ref ? {
           ref,
           mountPoint: (_this$props$popupsMou = this.props.popupsMountPoint) !== null && _this$props$popupsMou !== void 0 ? _this$props$popupsMou : ref
         } : undefined;
-        onShowMediaPicker(args);
+        const argsWithUpdatedMountPoint = ref !== null && ref !== void 0 && ref.parentElement ? {
+          ref,
+          mountPoint: (_this$props$popupsMou2 = this.props.popupsMountPoint) !== null && _this$props$popupsMou2 !== void 0 ? _this$props$popupsMou2 : ref.parentElement
+        } : undefined;
+        onShowMediaPicker(fg('platform_editor_nov_a11y_fixes') ? argsWithUpdatedMountPoint : args);
         if (dispatchAnalyticsEvent) {
           dispatchAnalyticsEvent({
             action: ACTION.OPENED,

package/dist/esm/ui/ToolbarInsertBlock/index.js

@@ -350,13 +350,17 @@ export var ToolbarInsertBlock = /*#__PURE__*/function (_React$PureComponent) {
         onShowMediaPicker = _this$props5.onShowMediaPicker,
         dispatchAnalyticsEvent = _this$props5.dispatchAnalyticsEvent;
       if (onShowMediaPicker) {
-        var _this$mediaButtonRef, _this$props$popupsMou;
+        var _this$mediaButtonRef, _this$props$popupsMou, _this$props$popupsMou2;
         var ref = (_this$mediaButtonRef = _this.mediaButtonRef) === null || _this$mediaButtonRef === void 0 ? void 0 : _this$mediaButtonRef.deref();
         var args = ref ? {
           ref: ref,
           mountPoint: (_this$props$popupsMou = _this.props.popupsMountPoint) !== null && _this$props$popupsMou !== void 0 ? _this$props$popupsMou : ref
         } : undefined;
-        onShowMediaPicker(args);
+        var argsWithUpdatedMountPoint = ref !== null && ref !== void 0 && ref.parentElement ? {
+          ref: ref,
+          mountPoint: (_this$props$popupsMou2 = _this.props.popupsMountPoint) !== null && _this$props$popupsMou2 !== void 0 ? _this$props$popupsMou2 : ref.parentElement
+        } : undefined;
+        onShowMediaPicker(fg('platform_editor_nov_a11y_fixes') ? argsWithUpdatedMountPoint : args);
         if (dispatchAnalyticsEvent) {
           dispatchAnalyticsEvent({
             action: ACTION.OPENED,

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-plugin-insert-block",
-	"version": "7.0.25",
+	"version": "7.0.26",
 	"description": "Insert block plugin for @atlaskit/editor-core",
 	"author": "Atlassian Pty Ltd",
 	"license": "Apache-2.0",
@@ -48,7 +48,7 @@
 		"@atlaskit/editor-plugin-panel": "^8.1.0",
 		"@atlaskit/editor-plugin-placeholder-text": "^7.1.0",
 		"@atlaskit/editor-plugin-primary-toolbar": "^7.0.0",
-		"@atlaskit/editor-plugin-quick-insert": "^6.0.0",
+		"@atlaskit/editor-plugin-quick-insert": "^6.1.0",
 		"@atlaskit/editor-plugin-rule": "^6.1.0",
 		"@atlaskit/editor-plugin-status": "^7.1.0",
 		"@atlaskit/editor-plugin-table": "^15.4.0",
@@ -64,7 +64,7 @@
 		"@atlaskit/icon-lab": "^5.12.0",
 		"@atlaskit/platform-feature-flags": "^1.1.0",
 		"@atlaskit/theme": "^21.0.0",
-		"@atlaskit/tmp-editor-statsig": "^14.2.0",
+		"@atlaskit/tmp-editor-statsig": "^14.6.0",
 		"@atlaskit/tokens": "^8.4.0",
 		"@babel/runtime": "^7.0.0",
 		"@emotion/react": "^11.7.1",
@@ -74,7 +74,7 @@
 		"react-virtualized": "^9.22.6"
 	},
 	"peerDependencies": {
-		"@atlaskit/editor-common": "^110.36.0",
+		"@atlaskit/editor-common": "^110.38.0",
 		"react": "^18.2.0",
 		"react-dom": "^18.2.0",
 		"react-intl-next": "npm:react-intl@^5.18.1"
@@ -140,6 +140,9 @@
 		},
 		"platform_editor_toolbar_aifc_undo_redo_confluence": {
 			"type": "boolean"
+		},
+		"platform_editor_nov_a11y_fixes": {
+			"type": "boolean"
 		}
 	}
 }