@atlaskit/editor-plugin-media 1.22.4 → 1.22.6

package/CHANGELOG.md

@@ -1,5 +1,24 @@
 # @atlaskit/editor-plugin-media
 
+## 1.22.6
+
+### Patch Changes
+
+- [#116846](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/116846)
+  [`b9c3dabe8ea72`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/b9c3dabe8ea72) -
+  ECA11Y-66: Make video controls accessible for keyboard users, feature flag removal
+
+## 1.22.5
+
+### Patch Changes
+
+- [`d9b562bd66f8e`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/d9b562bd66f8e) -
+  [ux] [ED-23947] restoring the original order of the typeahead menu so that actions, media,
+  mentions and emojis are above the fold (in the top 5 results). this change is a major because it
+  removes the `getEditorFeatureFlags prop` for plugins. if any consumers who have adopted these
+  changes to the public API, they should remove them on their side too.
+- Updated dependencies
+
 ## 1.22.4
 
 ### Patch Changes

package/dist/cjs/nodeviews/mediaNodeView/media.js

@@ -22,7 +22,6 @@ var _analyticsNext = require("@atlaskit/analytics-next");
 var _utils = require("@atlaskit/editor-common/utils");
 var _cellSelection = require("@atlaskit/editor-tables/cell-selection");
 var _mediaCard = require("@atlaskit/media-card");
-var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _pluginKey = require("../../pm-plugins/plugin-key");
 var _styles = require("../styles");
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
@@ -154,7 +153,7 @@ var MediaNode = exports.MediaNode = /*#__PURE__*/function (_Component) {
       var _this$mediaPluginStat3;
       var node = this.props.node;
       (_this$mediaPluginStat3 = this.mediaPluginState) === null || _this$mediaPluginStat3 === void 0 || _this$mediaPluginStat3.handleMediaNodeUnmount(node);
-      if ((0, _platformFeatureFlags.getBooleanFF)('platform.editor.a11y_video_controls_keyboard_support_yhcxh') && this.unbindKeyDown && typeof this.unbindKeyDown === 'function') {
+      if (this.unbindKeyDown && typeof this.unbindKeyDown === 'function') {
         this.unbindKeyDown();
       }
     }
@@ -170,7 +169,7 @@ var MediaNode = exports.MediaNode = /*#__PURE__*/function (_Component) {
       (_this$mediaPluginStat5 = this.mediaPluginState) === null || _this$mediaPluginStat5 === void 0 || _this$mediaPluginStat5.updateElement();
       this.setViewMediaClientConfig();
       // this.videoControlsWrapperRef is null on componentDidMount. We need to wait until it has value
-      if ((0, _platformFeatureFlags.getBooleanFF)('platform.editor.a11y_video_controls_keyboard_support_yhcxh') && this.videoControlsWrapperRef && this.videoControlsWrapperRef.current) {
+      if (this.videoControlsWrapperRef && this.videoControlsWrapperRef.current) {
         var _this$mediaPluginStat6;
         if (!((_this$mediaPluginStat6 = this.mediaPluginState) !== null && _this$mediaPluginStat6 !== void 0 && _this$mediaPluginStat6.videoControlsWrapperRef)) {
           var _this$mediaPluginStat7;
@@ -184,40 +183,38 @@ var MediaNode = exports.MediaNode = /*#__PURE__*/function (_Component) {
   }, {
     key: "bindKeydown",
     value: function bindKeydown() {
-      var _this2 = this;
-      if ((0, _platformFeatureFlags.getBooleanFF)('platform.editor.a11y_video_controls_keyboard_support_yhcxh')) {
-        var _this$videoControlsWr;
-        var onKeydown = function onKeydown(event) {
-          if (event.key === 'Tab') {
-            var _this2$videoControlsW;
-            // Add focus trap for controls panel
-            var firstElement;
-            var lastElement;
-            var focusableElements = (_this2$videoControlsW = _this2.videoControlsWrapperRef) === null || _this2$videoControlsW === void 0 || (_this2$videoControlsW = _this2$videoControlsW.current) === null || _this2$videoControlsW === void 0 ? void 0 : _this2$videoControlsW.querySelectorAll('button, input, [tabindex]:not([tabindex="-1"])');
-            if (focusableElements && focusableElements.length) {
-              firstElement = focusableElements[0];
-              lastElement = focusableElements[focusableElements.length - 1];
-              if (event.shiftKey && document.activeElement === firstElement) {
-                event.preventDefault();
-                lastElement.focus();
-              } else if (!event.shiftKey && document.activeElement === lastElement) {
-                var _firstElement;
-                event.preventDefault();
-                (_firstElement = firstElement) === null || _firstElement === void 0 || _firstElement.focus();
-              }
+      var _this2 = this,
+        _this$videoControlsWr;
+      var onKeydown = function onKeydown(event) {
+        if (event.key === 'Tab') {
+          var _this2$videoControlsW;
+          // Add focus trap for controls panel
+          var firstElement;
+          var lastElement;
+          var focusableElements = (_this2$videoControlsW = _this2.videoControlsWrapperRef) === null || _this2$videoControlsW === void 0 || (_this2$videoControlsW = _this2$videoControlsW.current) === null || _this2$videoControlsW === void 0 ? void 0 : _this2$videoControlsW.querySelectorAll('button, input, [tabindex]:not([tabindex="-1"])');
+          if (focusableElements && focusableElements.length) {
+            firstElement = focusableElements[0];
+            lastElement = focusableElements[focusableElements.length - 1];
+            if (event.shiftKey && document.activeElement === firstElement) {
+              event.preventDefault();
+              lastElement.focus();
+            } else if (!event.shiftKey && document.activeElement === lastElement) {
+              var _firstElement;
+              event.preventDefault();
+              (_firstElement = firstElement) === null || _firstElement === void 0 || _firstElement.focus();
             }
           }
-        };
-        if ((_this$videoControlsWr = this.videoControlsWrapperRef) !== null && _this$videoControlsWr !== void 0 && _this$videoControlsWr.current) {
-          this.unbindKeyDown = (0, _bindEventListener.bind)(this.videoControlsWrapperRef.current, {
-            type: 'keydown',
-            listener: onKeydown,
-            options: {
-              capture: true,
-              passive: false
-            }
-          });
         }
+      };
+      if ((_this$videoControlsWr = this.videoControlsWrapperRef) !== null && _this$videoControlsWr !== void 0 && _this$videoControlsWr.current) {
+        this.unbindKeyDown = (0, _bindEventListener.bind)(this.videoControlsWrapperRef.current, {
+          type: 'keydown',
+          listener: onKeydown,
+          options: {
+            capture: true,
+            passive: false
+          }
+        });
       }
     }
   }, {

package/dist/cjs/nodeviews/mediaSingle.js

@@ -614,12 +614,10 @@ var MediaSingleNodeView = /*#__PURE__*/function (_ReactNodeView) {
   }, {
     key: "stopEvent",
     value: function stopEvent(event) {
-      if ((0, _platformFeatureFlags.getBooleanFF)('platform.editor.a11y_video_controls_keyboard_support_yhcxh')) {
-        if (this.isNodeSelected() && event instanceof KeyboardEvent && (event === null || event === void 0 ? void 0 : event.target) instanceof HTMLElement) {
-          var targetType = event.target.type;
-          if (event.key === 'Enter' && targetType === 'button') {
-            return true;
-          }
+      if (this.isNodeSelected() && event instanceof KeyboardEvent && (event === null || event === void 0 ? void 0 : event.target) instanceof HTMLElement) {
+        var targetType = event.target.type;
+        if (event.key === 'Enter' && targetType === 'button') {
+          return true;
         }
       }
       return false;

package/dist/cjs/plugin.js

@@ -240,13 +240,12 @@ var mediaPlugin = exports.mediaPlugin = function mediaPlugin(_ref2) {
     },
     pluginsOptions: {
       quickInsert: function quickInsert(_ref12) {
-        var _options$getEditorFea;
         var formatMessage = _ref12.formatMessage;
         return [{
           id: 'media',
           title: formatMessage(_messages.toolbarInsertBlockMessages.mediaFiles),
           description: formatMessage(_messages.toolbarInsertBlockMessages.mediaFilesDescription),
-          priority: options !== null && options !== void 0 && (_options$getEditorFea = options.getEditorFeatureFlags) !== null && _options$getEditorFea !== void 0 && _options$getEditorFea.call(options).platformEditorTypeaheadImprovedRelevancy ? 600 : 400,
+          priority: 400,
           keywords: ['attachment', 'gif', 'media', 'picture', 'image', 'video'],
           icon: function icon() {
             return /*#__PURE__*/_react.default.createElement(_quickInsert.IconImages, null);

package/dist/cjs/pm-plugins/keymap.js

@@ -32,9 +32,7 @@ function keymapPlugin(options, editorAnalyticsAPI, editorSelectionAPI, widthPlug
     (0, _keymaps.bindKeymapWithCommand)(_keymaps.increaseMediaSize.common, handleMediaIncrease(editorAnalyticsAPI, widthPlugin, options, getIntl), list);
     (0, _keymaps.bindKeymapWithCommand)(_keymaps.decreaseMediaSize.common, handleMediaDecrease(editorAnalyticsAPI, widthPlugin, options, getIntl), list);
   }
-  if ((0, _platformFeatureFlags.getBooleanFF)('platform.editor.a11y_video_controls_keyboard_support_yhcxh')) {
-    (0, _keymaps.bindKeymapWithCommand)(_keymaps.activateVideoControls.common, focusPlayButton, list);
-  }
+  (0, _keymaps.bindKeymapWithCommand)(_keymaps.activateVideoControls.common, focusPlayButton, list);
   return (0, _keymap.keymap)(list);
 }
 var ignoreLinksInSteps = function ignoreLinksInSteps(state) {

package/dist/cjs/pm-plugins/main.js

@@ -32,7 +32,6 @@ var _utils2 = require("@atlaskit/editor-prosemirror/utils");
 var _view2 = require("@atlaskit/editor-prosemirror/view");
 var _cellSelection = require("@atlaskit/editor-tables/cell-selection");
 var _mediaCommon = require("@atlaskit/media-common");
-var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _helpers = _interopRequireWildcard(require("../commands/helpers"));
 var helpers = _helpers;
 var _pickerFacade = _interopRequireDefault(require("../picker-facade"));
@@ -848,19 +847,17 @@ var createPlugin = exports.createPlugin = function createPlugin(_schema, options
       },
       nodeViews: options.nodeViews,
       handleTextInput: function handleTextInput(view, from, to, text) {
-        if ((0, _platformFeatureFlags.getBooleanFF)('platform.editor.a11y_video_controls_keyboard_support_yhcxh')) {
-          var selection = view.state.selection;
-          if (text === ' ' && selection instanceof _state2.NodeSelection && selection.node.type.name === 'mediaSingle') {
-            var _stateKey$getState;
-            var videoControlsWrapperRef = (_stateKey$getState = _pluginKey.stateKey.getState(view.state)) === null || _stateKey$getState === void 0 ? void 0 : _stateKey$getState.element;
-            var videoControls = videoControlsWrapperRef === null || videoControlsWrapperRef === void 0 ? void 0 : videoControlsWrapperRef.querySelectorAll('button, [tabindex]:not([tabindex="-1"])');
-            if (videoControls) {
-              var isVideoControl = Array.from(videoControls).some(function (videoControl) {
-                return document.activeElement === videoControl;
-              });
-              if (isVideoControl) {
-                return true;
-              }
+        var selection = view.state.selection;
+        if (text === ' ' && selection instanceof _state2.NodeSelection && selection.node.type.name === 'mediaSingle') {
+          var _stateKey$getState;
+          var videoControlsWrapperRef = (_stateKey$getState = _pluginKey.stateKey.getState(view.state)) === null || _stateKey$getState === void 0 ? void 0 : _stateKey$getState.element;
+          var videoControls = videoControlsWrapperRef === null || videoControlsWrapperRef === void 0 ? void 0 : videoControlsWrapperRef.querySelectorAll('button, [tabindex]:not([tabindex="-1"])');
+          if (videoControls) {
+            var isVideoControl = Array.from(videoControls).some(function (videoControl) {
+              return document.activeElement === videoControl;
+            });
+            if (isVideoControl) {
+              return true;
             }
           }
         }
@@ -888,39 +885,37 @@ var createPlugin = exports.createPlugin = function createPlugin(_schema, options
       },
       handleDOMEvents: {
         keydown: function keydown(view, event) {
-          if ((0, _platformFeatureFlags.getBooleanFF)('platform.editor.a11y_video_controls_keyboard_support_yhcxh')) {
-            var selection = view.state.selection;
-            if (selection instanceof _state2.NodeSelection && selection.node.type.name === 'mediaSingle') {
-              // handle keydown events for video controls panel to prevent fire of rest prosemirror listeners;
-              if ((event === null || event === void 0 ? void 0 : event.target) instanceof HTMLElement) {
-                var a11yDefaultKeys = ['Tab', 'Space', 'Enter', 'Shift', 'Esc'];
-                var targetsAndButtons = {
-                  button: a11yDefaultKeys,
-                  range: [].concat(a11yDefaultKeys, ['ArrowDown', 'ArrowUp', 'ArrowLeft', 'ArrowRight']),
-                  combobox: [].concat(a11yDefaultKeys, ['ArrowDown', 'ArrowUp', 'Esc']),
-                  slider: ['Tab', 'Shift', 'ArrowLeft', 'ArrowRight']
-                };
-                var targetRole = event.target.role;
-                var targetType = event.target.type;
-                var allowedTargets = targetRole || targetType;
+          var selection = view.state.selection;
+          if (selection instanceof _state2.NodeSelection && selection.node.type.name === 'mediaSingle') {
+            // handle keydown events for video controls panel to prevent fire of rest prosemirror listeners;
+            if ((event === null || event === void 0 ? void 0 : event.target) instanceof HTMLElement) {
+              var a11yDefaultKeys = ['Tab', 'Space', 'Enter', 'Shift', 'Esc'];
+              var targetsAndButtons = {
+                button: a11yDefaultKeys,
+                range: [].concat(a11yDefaultKeys, ['ArrowDown', 'ArrowUp', 'ArrowLeft', 'ArrowRight']),
+                combobox: [].concat(a11yDefaultKeys, ['ArrowDown', 'ArrowUp', 'Esc']),
+                slider: ['Tab', 'Shift', 'ArrowLeft', 'ArrowRight']
+              };
+              var targetRole = event.target.role;
+              var targetType = event.target.type;
+              var allowedTargets = targetRole || targetType;
 
-                // only if targeting interactive elements fe. button, slider, range, dropdown
-                if (allowedTargets && allowedTargets in targetsAndButtons) {
-                  var targetRelatedA11YKeys = targetsAndButtons[allowedTargets];
-                  var allowedKeys = new Set(targetRelatedA11YKeys);
-                  if (allowedKeys.has(event.key) || allowedKeys.has(event.code)) {
-                    // allow event to bubble to be handled by react handlers
-                    return true;
-                  } else {
-                    // otherwise focus editor to allow setting gapCursor. (e.g.: arrowRightFromMediaSingle)
-                    view.focus();
-                  }
+              // only if targeting interactive elements fe. button, slider, range, dropdown
+              if (allowedTargets && allowedTargets in targetsAndButtons) {
+                var targetRelatedA11YKeys = targetsAndButtons[allowedTargets];
+                var allowedKeys = new Set(targetRelatedA11YKeys);
+                if (allowedKeys.has(event.key) || allowedKeys.has(event.code)) {
+                  // allow event to bubble to be handled by react handlers
+                  return true;
+                } else {
+                  // otherwise focus editor to allow setting gapCursor. (e.g.: arrowRightFromMediaSingle)
+                  view.focus();
                 }
               }
             }
-            // fire regular prosemirror listeners;
-            return false;
           }
+          // fire regular prosemirror listeners;
+          return false;
         }
       }
     }

package/dist/cjs/ui/ImageBorder/styles.js

@@ -30,7 +30,7 @@ var menuItemDimensions = exports.menuItemDimensions = {
 // Recommendation: Replace directly with 4 due to itemSpacing being used in calculations
 var itemSpacing = exports.itemSpacing = (0, _constants.gridSize)() / 2;
 
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
 var contextualMenuArrow = exports.contextualMenuArrow = (0, _react.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n\tdisplay: flex;\n\t&::after {\n\t\tcontent: '\u203A';\n\t\tmargin-left: ", ";\n\t\tline-height: 20px;\n\t\tcolor: ", ";\n\t}\n"])), "var(--ds-space-050, 4px)", "var(--ds-icon, ".concat(_colors.N90, ")"));
 var contextualMenuColorIcon = exports.contextualMenuColorIcon = function contextualMenuColorIcon(color) {
   return (0, _react.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n\t", "\n\t&::before {\n\t\tcontent: '';\n\t\tdisplay: block;\n\t\tborder: 1px solid ", ";\n\t\tborder-radius: ", ";\n\t\twidth: 20px;\n\t\theight: 20px;\n\t\t", "\n\t}\n"])), contextualMenuArrow, _uiColor.DEFAULT_BORDER_COLOR, "var(--ds-border-radius-100, 3px)", color && "background: ".concat(color));
@@ -43,7 +43,7 @@ var buttonStyle = exports.buttonStyle = function buttonStyle(selected) {
 };
 
 /* eslint-disable @atlaskit/design-system/ensure-design-token-usage */
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
 var buttonWrapperStyle = exports.buttonWrapperStyle = (0, _react.css)(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2.default)(["\n\tborder: 1px solid transparent;\n\tmargin: ", ";\n\tfont-size: 0;\n\tdisplay: flex;\n\talign-items: center;\n\tpadding: ", ";\n\tborder-radius: 6px;\n\t&:focus-within,\n\t&:focus,\n\t&:hover {\n\t\tborder-color: ", " !important;\n\t}\n"])), "var(--ds-space-025, 2px)", "var(--ds-space-025, 2px)", _colors.N50);
 var line = exports.line = function line(size, selected) {
   return (0, _react.css)(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteral2.default)(["\n\tposition: relative;\n\t&:before {\n\t\tcontent: '';\n\t\tdisplay: block;\n\t\tposition: absolute;\n\t\ttop: 50%;\n\t\tleft: 50%;\n\t\twidth: 12px;\n\t\theight: ", "px;\n\t\tbackground-color: ", ";\n\t\tborder-radius: 90px;\n\t\ttransform: translate(-50%, -50%) rotate(135deg);\n\t}\n"])), size, selected ? "var(--ds-icon-inverse, ".concat(_colors.N0, ")") : "var(--ds-icon, #44546F)");

package/dist/cjs/ui/PixelEntry/styles.js

@@ -10,9 +10,9 @@ var _react = require("@emotion/react");
 var _templateObject; // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 var PIXEL_SIZING_WRAPPER_MINIMUM_WIDTH = 120;
 
-// eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression, @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
+// eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
 var pixelSizingWrapper = exports.pixelSizingWrapper = (0, _react.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n\tdisplay: grid;\n\tgrid-template-columns: 1fr 1em 1fr 0;\n\tgrid-template-rows: auto;\n\tgrid-template-areas: 'widthinput label heightinput submit';\n\twidth: ", "px;\n\ttext-align: center;\n\theight: ", ";\n\n\t// Atlaskit fieldset does not allow style override\n\t& > * {\n\t\tmargin-top: 0 !important;\n\t}\n"])), PIXEL_SIZING_WRAPPER_MINIMUM_WIDTH, "var(--ds-space-300, 24px)");
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
 var pixelEntryForm = exports.pixelEntryForm = (0, _react.css)({
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
   form: {
@@ -20,7 +20,7 @@ var pixelEntryForm = exports.pixelEntryForm = (0, _react.css)({
   }
 });
 
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
 var pixelSizingInput = exports.pixelSizingInput = (0, _react.css)({
   width: '100%',
   height: "var(--ds-space-300, 24px)",
@@ -29,21 +29,21 @@ var pixelSizingInput = exports.pixelSizingInput = (0, _react.css)({
     textAlign: 'center'
   }
 });
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
 var pixelSizingLabel = exports.pixelSizingLabel = (0, _react.css)({
   gridArea: 'label',
   lineHeight: "var(--ds-space-300, 24px)"
 });
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
 var pixelSizingWidthInput = exports.pixelSizingWidthInput = (0, _react.css)({
   gridArea: 'widthinput'
 });
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
 var pixelSizingHeightInput = exports.pixelSizingHeightInput = (0, _react.css)({
   gridArea: 'heightinput'
 });
 
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
 var pixelEntryHiddenSubmit = exports.pixelEntryHiddenSubmit = (0, _react.css)({
   gridArea: 'submit',
   visibility: 'hidden',
@@ -51,7 +51,7 @@ var pixelEntryHiddenSubmit = exports.pixelEntryHiddenSubmit = (0, _react.css)({
   height: 0
 });
 
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
 var pixelSizingFullWidthLabelStyles = exports.pixelSizingFullWidthLabelStyles = (0, _react.css)({
   minWidth: "".concat(PIXEL_SIZING_WRAPPER_MINIMUM_WIDTH, "px"),
   height: "var(--ds-space-300, 24px)",

package/dist/cjs/ui/ResizableMediaSingle/styles.js

@@ -14,7 +14,7 @@ function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e;
 var NOTIFICATION_SIZE = 8;
 var SPACE_FROM_EDGE = "var(--ds-space-100, 8px)";
 
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
 var resizableMediaMigrationNotificationStyle = exports.resizableMediaMigrationNotificationStyle = (0, _react.css)({
   position: 'absolute',
   top: SPACE_FROM_EDGE,

package/dist/es2019/nodeviews/mediaNodeView/media.js

@@ -6,7 +6,6 @@ import { AnalyticsContext } from '@atlaskit/analytics-next';
 import { setNodeSelection, setTextSelection, withImageLoader } from '@atlaskit/editor-common/utils';
 import { CellSelection } from '@atlaskit/editor-tables/cell-selection';
 import { Card, CardLoading } from '@atlaskit/media-card';
-import { getBooleanFF } from '@atlaskit/platform-feature-flags';
 import { stateKey as mediaStateKey } from '../../pm-plugins/plugin-key';
 import { MediaCardWrapper } from '../styles';
 
@@ -99,7 +98,7 @@ export class MediaNode extends Component {
       node
     } = this.props;
     (_this$mediaPluginStat3 = this.mediaPluginState) === null || _this$mediaPluginStat3 === void 0 ? void 0 : _this$mediaPluginStat3.handleMediaNodeUnmount(node);
-    if (getBooleanFF('platform.editor.a11y_video_controls_keyboard_support_yhcxh') && this.unbindKeyDown && typeof this.unbindKeyDown === 'function') {
+    if (this.unbindKeyDown && typeof this.unbindKeyDown === 'function') {
       this.unbindKeyDown();
     }
   }
@@ -113,7 +112,7 @@ export class MediaNode extends Component {
     (_this$mediaPluginStat5 = this.mediaPluginState) === null || _this$mediaPluginStat5 === void 0 ? void 0 : _this$mediaPluginStat5.updateElement();
     this.setViewMediaClientConfig();
     // this.videoControlsWrapperRef is null on componentDidMount. We need to wait until it has value
-    if (getBooleanFF('platform.editor.a11y_video_controls_keyboard_support_yhcxh') && this.videoControlsWrapperRef && this.videoControlsWrapperRef.current) {
+    if (this.videoControlsWrapperRef && this.videoControlsWrapperRef.current) {
       var _this$mediaPluginStat6;
       if (!((_this$mediaPluginStat6 = this.mediaPluginState) !== null && _this$mediaPluginStat6 !== void 0 && _this$mediaPluginStat6.videoControlsWrapperRef)) {
         var _this$mediaPluginStat7;
@@ -125,39 +124,37 @@ export class MediaNode extends Component {
     }
   }
   bindKeydown() {
-    if (getBooleanFF('platform.editor.a11y_video_controls_keyboard_support_yhcxh')) {
-      var _this$videoControlsWr3;
-      const onKeydown = event => {
-        if (event.key === 'Tab') {
-          var _this$videoControlsWr, _this$videoControlsWr2;
-          // Add focus trap for controls panel
-          let firstElement;
-          let lastElement;
-          const focusableElements = (_this$videoControlsWr = this.videoControlsWrapperRef) === null || _this$videoControlsWr === void 0 ? void 0 : (_this$videoControlsWr2 = _this$videoControlsWr.current) === null || _this$videoControlsWr2 === void 0 ? void 0 : _this$videoControlsWr2.querySelectorAll('button, input, [tabindex]:not([tabindex="-1"])');
-          if (focusableElements && focusableElements.length) {
-            firstElement = focusableElements[0];
-            lastElement = focusableElements[focusableElements.length - 1];
-            if (event.shiftKey && document.activeElement === firstElement) {
-              event.preventDefault();
-              lastElement.focus();
-            } else if (!event.shiftKey && document.activeElement === lastElement) {
-              var _firstElement;
-              event.preventDefault();
-              (_firstElement = firstElement) === null || _firstElement === void 0 ? void 0 : _firstElement.focus();
-            }
+    var _this$videoControlsWr3;
+    const onKeydown = event => {
+      if (event.key === 'Tab') {
+        var _this$videoControlsWr, _this$videoControlsWr2;
+        // Add focus trap for controls panel
+        let firstElement;
+        let lastElement;
+        const focusableElements = (_this$videoControlsWr = this.videoControlsWrapperRef) === null || _this$videoControlsWr === void 0 ? void 0 : (_this$videoControlsWr2 = _this$videoControlsWr.current) === null || _this$videoControlsWr2 === void 0 ? void 0 : _this$videoControlsWr2.querySelectorAll('button, input, [tabindex]:not([tabindex="-1"])');
+        if (focusableElements && focusableElements.length) {
+          firstElement = focusableElements[0];
+          lastElement = focusableElements[focusableElements.length - 1];
+          if (event.shiftKey && document.activeElement === firstElement) {
+            event.preventDefault();
+            lastElement.focus();
+          } else if (!event.shiftKey && document.activeElement === lastElement) {
+            var _firstElement;
+            event.preventDefault();
+            (_firstElement = firstElement) === null || _firstElement === void 0 ? void 0 : _firstElement.focus();
           }
         }
-      };
-      if ((_this$videoControlsWr3 = this.videoControlsWrapperRef) !== null && _this$videoControlsWr3 !== void 0 && _this$videoControlsWr3.current) {
-        this.unbindKeyDown = bind(this.videoControlsWrapperRef.current, {
-          type: 'keydown',
-          listener: onKeydown,
-          options: {
-            capture: true,
-            passive: false
-          }
-        });
       }
+    };
+    if ((_this$videoControlsWr3 = this.videoControlsWrapperRef) !== null && _this$videoControlsWr3 !== void 0 && _this$videoControlsWr3.current) {
+      this.unbindKeyDown = bind(this.videoControlsWrapperRef.current, {
+        type: 'keydown',
+        listener: onKeydown,
+        options: {
+          capture: true,
+          passive: false
+        }
+      });
     }
   }
   render() {

package/dist/es2019/nodeviews/mediaSingle.js

@@ -515,12 +515,10 @@ class MediaSingleNodeView extends ReactNodeView {
     return undefined;
   }
   stopEvent(event) {
-    if (getBooleanFF('platform.editor.a11y_video_controls_keyboard_support_yhcxh')) {
-      if (this.isNodeSelected() && event instanceof KeyboardEvent && (event === null || event === void 0 ? void 0 : event.target) instanceof HTMLElement) {
-        const targetType = event.target.type;
-        if (event.key === 'Enter' && targetType === 'button') {
-          return true;
-        }
+    if (this.isNodeSelected() && event instanceof KeyboardEvent && (event === null || event === void 0 ? void 0 : event.target) instanceof HTMLElement) {
+      const targetType = event.target.type;
+      if (event.key === 'Enter' && targetType === 'button') {
+        return true;
       }
     }
     return false;

package/dist/es2019/plugin.js

@@ -238,33 +238,30 @@ export const mediaPlugin = ({
     pluginsOptions: {
       quickInsert: ({
         formatMessage
-      }) => {
-        var _options$getEditorFea;
-        return [{
-          id: 'media',
-          title: formatMessage(messages.mediaFiles),
-          description: formatMessage(messages.mediaFilesDescription),
-          priority: options !== null && options !== void 0 && (_options$getEditorFea = options.getEditorFeatureFlags) !== null && _options$getEditorFea !== void 0 && _options$getEditorFea.call(options).platformEditorTypeaheadImprovedRelevancy ? 600 : 400,
-          keywords: ['attachment', 'gif', 'media', 'picture', 'image', 'video'],
-          icon: () => /*#__PURE__*/React.createElement(IconImages, null),
-          action(insert, state) {
-            var _api$analytics4;
-            const pluginState = pluginKey.getState(state);
-            pluginState === null || pluginState === void 0 ? void 0 : pluginState.showMediaPicker();
-            const tr = insert('');
-            api === null || api === void 0 ? void 0 : (_api$analytics4 = api.analytics) === null || _api$analytics4 === void 0 ? void 0 : _api$analytics4.actions.attachAnalyticsEvent({
-              action: ACTION.OPENED,
-              actionSubject: ACTION_SUBJECT.PICKER,
-              actionSubjectId: ACTION_SUBJECT_ID.PICKER_CLOUD,
-              attributes: {
-                inputMethod: INPUT_METHOD.QUICK_INSERT
-              },
-              eventType: EVENT_TYPE.UI
-            })(tr);
-            return tr;
-          }
-        }];
-      },
+      }) => [{
+        id: 'media',
+        title: formatMessage(messages.mediaFiles),
+        description: formatMessage(messages.mediaFilesDescription),
+        priority: 400,
+        keywords: ['attachment', 'gif', 'media', 'picture', 'image', 'video'],
+        icon: () => /*#__PURE__*/React.createElement(IconImages, null),
+        action(insert, state) {
+          var _api$analytics4;
+          const pluginState = pluginKey.getState(state);
+          pluginState === null || pluginState === void 0 ? void 0 : pluginState.showMediaPicker();
+          const tr = insert('');
+          api === null || api === void 0 ? void 0 : (_api$analytics4 = api.analytics) === null || _api$analytics4 === void 0 ? void 0 : _api$analytics4.actions.attachAnalyticsEvent({
+            action: ACTION.OPENED,
+            actionSubject: ACTION_SUBJECT.PICKER,
+            actionSubjectId: ACTION_SUBJECT_ID.PICKER_CLOUD,
+            attributes: {
+              inputMethod: INPUT_METHOD.QUICK_INSERT
+            },
+            eventType: EVENT_TYPE.UI
+          })(tr);
+          return tr;
+        }
+      }],
       floatingToolbar: (state, intl, providerFactory) => {
         var _api$editorViewMode, _api$editorViewMode$s;
         return floatingToolbar(state, intl, {

package/dist/es2019/pm-plugins/keymap.js

@@ -25,9 +25,7 @@ export function keymapPlugin(options, editorAnalyticsAPI, editorSelectionAPI, wi
     bindKeymapWithCommand(increaseMediaSize.common, handleMediaIncrease(editorAnalyticsAPI, widthPlugin, options, getIntl), list);
     bindKeymapWithCommand(decreaseMediaSize.common, handleMediaDecrease(editorAnalyticsAPI, widthPlugin, options, getIntl), list);
   }
-  if (getBooleanFF('platform.editor.a11y_video_controls_keyboard_support_yhcxh')) {
-    bindKeymapWithCommand(activateVideoControls.common, focusPlayButton, list);
-  }
+  bindKeymapWithCommand(activateVideoControls.common, focusPlayButton, list);
   return keymap(list);
 }
 const ignoreLinksInSteps = state => {

package/dist/es2019/pm-plugins/main.js

@@ -14,7 +14,6 @@ import { findDomRefAtPos, findParentNodeOfType, findSelectedNodeOfType, isNodeSe
 import { Decoration, DecorationSet } from '@atlaskit/editor-prosemirror/view';
 import { CellSelection } from '@atlaskit/editor-tables/cell-selection';
 import { getMediaFeatureFlag } from '@atlaskit/media-common';
-import { getBooleanFF } from '@atlaskit/platform-feature-flags';
 import * as helpers from '../commands/helpers';
 import { updateMediaNodeAttrs } from '../commands/helpers';
 import PickerFacade from '../picker-facade';
@@ -733,21 +732,19 @@ export const createPlugin = (_schema, options, reactContext, getIntl, pluginInje
       },
       nodeViews: options.nodeViews,
       handleTextInput(view, from, to, text) {
-        if (getBooleanFF('platform.editor.a11y_video_controls_keyboard_support_yhcxh')) {
-          const {
-            selection
-          } = view.state;
-          if (text === ' ' && selection instanceof NodeSelection && selection.node.type.name === 'mediaSingle') {
-            var _stateKey$getState;
-            const videoControlsWrapperRef = (_stateKey$getState = stateKey.getState(view.state)) === null || _stateKey$getState === void 0 ? void 0 : _stateKey$getState.element;
-            const videoControls = videoControlsWrapperRef === null || videoControlsWrapperRef === void 0 ? void 0 : videoControlsWrapperRef.querySelectorAll('button, [tabindex]:not([tabindex="-1"])');
-            if (videoControls) {
-              const isVideoControl = Array.from(videoControls).some(videoControl => {
-                return document.activeElement === videoControl;
-              });
-              if (isVideoControl) {
-                return true;
-              }
+        const {
+          selection
+        } = view.state;
+        if (text === ' ' && selection instanceof NodeSelection && selection.node.type.name === 'mediaSingle') {
+          var _stateKey$getState;
+          const videoControlsWrapperRef = (_stateKey$getState = stateKey.getState(view.state)) === null || _stateKey$getState === void 0 ? void 0 : _stateKey$getState.element;
+          const videoControls = videoControlsWrapperRef === null || videoControlsWrapperRef === void 0 ? void 0 : videoControlsWrapperRef.querySelectorAll('button, [tabindex]:not([tabindex="-1"])');
+          if (videoControls) {
+            const isVideoControl = Array.from(videoControls).some(videoControl => {
+              return document.activeElement === videoControl;
+            });
+            if (isVideoControl) {
+              return true;
             }
           }
         }
@@ -775,41 +772,39 @@ export const createPlugin = (_schema, options, reactContext, getIntl, pluginInje
       },
       handleDOMEvents: {
         keydown: (view, event) => {
-          if (getBooleanFF('platform.editor.a11y_video_controls_keyboard_support_yhcxh')) {
-            const {
-              selection
-            } = view.state;
-            if (selection instanceof NodeSelection && selection.node.type.name === 'mediaSingle') {
-              // handle keydown events for video controls panel to prevent fire of rest prosemirror listeners;
-              if ((event === null || event === void 0 ? void 0 : event.target) instanceof HTMLElement) {
-                const a11yDefaultKeys = ['Tab', 'Space', 'Enter', 'Shift', 'Esc'];
-                const targetsAndButtons = {
-                  button: a11yDefaultKeys,
-                  range: [...a11yDefaultKeys, 'ArrowDown', 'ArrowUp', 'ArrowLeft', 'ArrowRight'],
-                  combobox: [...a11yDefaultKeys, 'ArrowDown', 'ArrowUp', 'Esc'],
-                  slider: ['Tab', 'Shift', 'ArrowLeft', 'ArrowRight']
-                };
-                const targetRole = event.target.role;
-                const targetType = event.target.type;
-                const allowedTargets = targetRole || targetType;
+          const {
+            selection
+          } = view.state;
+          if (selection instanceof NodeSelection && selection.node.type.name === 'mediaSingle') {
+            // handle keydown events for video controls panel to prevent fire of rest prosemirror listeners;
+            if ((event === null || event === void 0 ? void 0 : event.target) instanceof HTMLElement) {
+              const a11yDefaultKeys = ['Tab', 'Space', 'Enter', 'Shift', 'Esc'];
+              const targetsAndButtons = {
+                button: a11yDefaultKeys,
+                range: [...a11yDefaultKeys, 'ArrowDown', 'ArrowUp', 'ArrowLeft', 'ArrowRight'],
+                combobox: [...a11yDefaultKeys, 'ArrowDown', 'ArrowUp', 'Esc'],
+                slider: ['Tab', 'Shift', 'ArrowLeft', 'ArrowRight']
+              };
+              const targetRole = event.target.role;
+              const targetType = event.target.type;
+              const allowedTargets = targetRole || targetType;
 
-                // only if targeting interactive elements fe. button, slider, range, dropdown
-                if (allowedTargets && allowedTargets in targetsAndButtons) {
-                  let targetRelatedA11YKeys = targetsAndButtons[allowedTargets];
-                  const allowedKeys = new Set(targetRelatedA11YKeys);
-                  if (allowedKeys.has(event.key) || allowedKeys.has(event.code)) {
-                    // allow event to bubble to be handled by react handlers
-                    return true;
-                  } else {
-                    // otherwise focus editor to allow setting gapCursor. (e.g.: arrowRightFromMediaSingle)
-                    view.focus();
-                  }
+              // only if targeting interactive elements fe. button, slider, range, dropdown
+              if (allowedTargets && allowedTargets in targetsAndButtons) {
+                let targetRelatedA11YKeys = targetsAndButtons[allowedTargets];
+                const allowedKeys = new Set(targetRelatedA11YKeys);
+                if (allowedKeys.has(event.key) || allowedKeys.has(event.code)) {
+                  // allow event to bubble to be handled by react handlers
+                  return true;
+                } else {
+                  // otherwise focus editor to allow setting gapCursor. (e.g.: arrowRightFromMediaSingle)
+                  view.focus();
                 }
               }
             }
-            // fire regular prosemirror listeners;
-            return false;
           }
+          // fire regular prosemirror listeners;
+          return false;
         }
       }
     }

package/dist/es2019/ui/ImageBorder/styles.js

@@ -18,7 +18,7 @@ export const menuItemDimensions = {
 // Recommendation: Replace directly with 4 due to itemSpacing being used in calculations
 export const itemSpacing = gridSize() / 2;
 
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
 export const contextualMenuArrow = css`
 	display: flex;
 	&::after {
@@ -66,7 +66,7 @@ export const buttonStyle = selected => css`
 `;
 
 /* eslint-disable @atlaskit/design-system/ensure-design-token-usage */
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
 export const buttonWrapperStyle = css`
 	border: 1px solid transparent;
 	margin: ${"var(--ds-space-025, 2px)"};

package/dist/es2019/ui/PixelEntry/styles.js

@@ -2,7 +2,7 @@
 import { css } from '@emotion/react';
 const PIXEL_SIZING_WRAPPER_MINIMUM_WIDTH = 120;
 
-// eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression, @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
+// eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
 export const pixelSizingWrapper = css`
 	display: grid;
 	grid-template-columns: 1fr 1em 1fr 0;
@@ -17,7 +17,7 @@ export const pixelSizingWrapper = css`
 		margin-top: 0 !important;
 	}
 `;
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
 export const pixelEntryForm = css({
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
   form: {
@@ -25,7 +25,7 @@ export const pixelEntryForm = css({
   }
 });
 
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
 export const pixelSizingInput = css({
   width: '100%',
   height: "var(--ds-space-300, 24px)",
@@ -34,21 +34,21 @@ export const pixelSizingInput = css({
     textAlign: 'center'
   }
 });
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
 export const pixelSizingLabel = css({
   gridArea: 'label',
   lineHeight: "var(--ds-space-300, 24px)"
 });
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
 export const pixelSizingWidthInput = css({
   gridArea: 'widthinput'
 });
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
 export const pixelSizingHeightInput = css({
   gridArea: 'heightinput'
 });
 
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
 export const pixelEntryHiddenSubmit = css({
   gridArea: 'submit',
   visibility: 'hidden',
@@ -56,7 +56,7 @@ export const pixelEntryHiddenSubmit = css({
   height: 0
 });
 
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
 export const pixelSizingFullWidthLabelStyles = css({
   minWidth: `${PIXEL_SIZING_WRAPPER_MINIMUM_WIDTH}px`,
   height: "var(--ds-space-300, 24px)",

package/dist/es2019/ui/ResizableMediaSingle/styles.js

@@ -4,7 +4,7 @@ import * as colors from '@atlaskit/theme/colors';
 const NOTIFICATION_SIZE = 8;
 const SPACE_FROM_EDGE = "var(--ds-space-100, 8px)";
 
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
 export const resizableMediaMigrationNotificationStyle = css({
   position: 'absolute',
   top: SPACE_FROM_EDGE,

package/dist/esm/nodeviews/mediaNodeView/media.js

@@ -16,7 +16,6 @@ import { AnalyticsContext } from '@atlaskit/analytics-next';
 import { setNodeSelection, setTextSelection, withImageLoader } from '@atlaskit/editor-common/utils';
 import { CellSelection } from '@atlaskit/editor-tables/cell-selection';
 import { Card, CardLoading } from '@atlaskit/media-card';
-import { getBooleanFF } from '@atlaskit/platform-feature-flags';
 import { stateKey as mediaStateKey } from '../../pm-plugins/plugin-key';
 import { MediaCardWrapper } from '../styles';
 
@@ -145,7 +144,7 @@ export var MediaNode = /*#__PURE__*/function (_Component) {
       var _this$mediaPluginStat3;
       var node = this.props.node;
       (_this$mediaPluginStat3 = this.mediaPluginState) === null || _this$mediaPluginStat3 === void 0 || _this$mediaPluginStat3.handleMediaNodeUnmount(node);
-      if (getBooleanFF('platform.editor.a11y_video_controls_keyboard_support_yhcxh') && this.unbindKeyDown && typeof this.unbindKeyDown === 'function') {
+      if (this.unbindKeyDown && typeof this.unbindKeyDown === 'function') {
         this.unbindKeyDown();
       }
     }
@@ -161,7 +160,7 @@ export var MediaNode = /*#__PURE__*/function (_Component) {
       (_this$mediaPluginStat5 = this.mediaPluginState) === null || _this$mediaPluginStat5 === void 0 || _this$mediaPluginStat5.updateElement();
       this.setViewMediaClientConfig();
       // this.videoControlsWrapperRef is null on componentDidMount. We need to wait until it has value
-      if (getBooleanFF('platform.editor.a11y_video_controls_keyboard_support_yhcxh') && this.videoControlsWrapperRef && this.videoControlsWrapperRef.current) {
+      if (this.videoControlsWrapperRef && this.videoControlsWrapperRef.current) {
         var _this$mediaPluginStat6;
         if (!((_this$mediaPluginStat6 = this.mediaPluginState) !== null && _this$mediaPluginStat6 !== void 0 && _this$mediaPluginStat6.videoControlsWrapperRef)) {
           var _this$mediaPluginStat7;
@@ -175,40 +174,38 @@ export var MediaNode = /*#__PURE__*/function (_Component) {
   }, {
     key: "bindKeydown",
     value: function bindKeydown() {
-      var _this2 = this;
-      if (getBooleanFF('platform.editor.a11y_video_controls_keyboard_support_yhcxh')) {
-        var _this$videoControlsWr;
-        var onKeydown = function onKeydown(event) {
-          if (event.key === 'Tab') {
-            var _this2$videoControlsW;
-            // Add focus trap for controls panel
-            var firstElement;
-            var lastElement;
-            var focusableElements = (_this2$videoControlsW = _this2.videoControlsWrapperRef) === null || _this2$videoControlsW === void 0 || (_this2$videoControlsW = _this2$videoControlsW.current) === null || _this2$videoControlsW === void 0 ? void 0 : _this2$videoControlsW.querySelectorAll('button, input, [tabindex]:not([tabindex="-1"])');
-            if (focusableElements && focusableElements.length) {
-              firstElement = focusableElements[0];
-              lastElement = focusableElements[focusableElements.length - 1];
-              if (event.shiftKey && document.activeElement === firstElement) {
-                event.preventDefault();
-                lastElement.focus();
-              } else if (!event.shiftKey && document.activeElement === lastElement) {
-                var _firstElement;
-                event.preventDefault();
-                (_firstElement = firstElement) === null || _firstElement === void 0 || _firstElement.focus();
-              }
+      var _this2 = this,
+        _this$videoControlsWr;
+      var onKeydown = function onKeydown(event) {
+        if (event.key === 'Tab') {
+          var _this2$videoControlsW;
+          // Add focus trap for controls panel
+          var firstElement;
+          var lastElement;
+          var focusableElements = (_this2$videoControlsW = _this2.videoControlsWrapperRef) === null || _this2$videoControlsW === void 0 || (_this2$videoControlsW = _this2$videoControlsW.current) === null || _this2$videoControlsW === void 0 ? void 0 : _this2$videoControlsW.querySelectorAll('button, input, [tabindex]:not([tabindex="-1"])');
+          if (focusableElements && focusableElements.length) {
+            firstElement = focusableElements[0];
+            lastElement = focusableElements[focusableElements.length - 1];
+            if (event.shiftKey && document.activeElement === firstElement) {
+              event.preventDefault();
+              lastElement.focus();
+            } else if (!event.shiftKey && document.activeElement === lastElement) {
+              var _firstElement;
+              event.preventDefault();
+              (_firstElement = firstElement) === null || _firstElement === void 0 || _firstElement.focus();
             }
           }
-        };
-        if ((_this$videoControlsWr = this.videoControlsWrapperRef) !== null && _this$videoControlsWr !== void 0 && _this$videoControlsWr.current) {
-          this.unbindKeyDown = bind(this.videoControlsWrapperRef.current, {
-            type: 'keydown',
-            listener: onKeydown,
-            options: {
-              capture: true,
-              passive: false
-            }
-          });
         }
+      };
+      if ((_this$videoControlsWr = this.videoControlsWrapperRef) !== null && _this$videoControlsWr !== void 0 && _this$videoControlsWr.current) {
+        this.unbindKeyDown = bind(this.videoControlsWrapperRef.current, {
+          type: 'keydown',
+          listener: onKeydown,
+          options: {
+            capture: true,
+            passive: false
+          }
+        });
       }
     }
   }, {

package/dist/esm/nodeviews/mediaSingle.js

@@ -609,12 +609,10 @@ var MediaSingleNodeView = /*#__PURE__*/function (_ReactNodeView) {
   }, {
     key: "stopEvent",
     value: function stopEvent(event) {
-      if (getBooleanFF('platform.editor.a11y_video_controls_keyboard_support_yhcxh')) {
-        if (this.isNodeSelected() && event instanceof KeyboardEvent && (event === null || event === void 0 ? void 0 : event.target) instanceof HTMLElement) {
-          var targetType = event.target.type;
-          if (event.key === 'Enter' && targetType === 'button') {
-            return true;
-          }
+      if (this.isNodeSelected() && event instanceof KeyboardEvent && (event === null || event === void 0 ? void 0 : event.target) instanceof HTMLElement) {
+        var targetType = event.target.type;
+        if (event.key === 'Enter' && targetType === 'button') {
+          return true;
         }
       }
       return false;

package/dist/esm/plugin.js

@@ -229,13 +229,12 @@ export var mediaPlugin = function mediaPlugin(_ref2) {
     },
     pluginsOptions: {
       quickInsert: function quickInsert(_ref12) {
-        var _options$getEditorFea;
         var formatMessage = _ref12.formatMessage;
         return [{
           id: 'media',
           title: formatMessage(messages.mediaFiles),
           description: formatMessage(messages.mediaFilesDescription),
-          priority: options !== null && options !== void 0 && (_options$getEditorFea = options.getEditorFeatureFlags) !== null && _options$getEditorFea !== void 0 && _options$getEditorFea.call(options).platformEditorTypeaheadImprovedRelevancy ? 600 : 400,
+          priority: 400,
           keywords: ['attachment', 'gif', 'media', 'picture', 'image', 'video'],
           icon: function icon() {
             return /*#__PURE__*/React.createElement(IconImages, null);

package/dist/esm/pm-plugins/keymap.js

@@ -25,9 +25,7 @@ export function keymapPlugin(options, editorAnalyticsAPI, editorSelectionAPI, wi
     bindKeymapWithCommand(increaseMediaSize.common, handleMediaIncrease(editorAnalyticsAPI, widthPlugin, options, getIntl), list);
     bindKeymapWithCommand(decreaseMediaSize.common, handleMediaDecrease(editorAnalyticsAPI, widthPlugin, options, getIntl), list);
   }
-  if (getBooleanFF('platform.editor.a11y_video_controls_keyboard_support_yhcxh')) {
-    bindKeymapWithCommand(activateVideoControls.common, focusPlayButton, list);
-  }
+  bindKeymapWithCommand(activateVideoControls.common, focusPlayButton, list);
   return keymap(list);
 }
 var ignoreLinksInSteps = function ignoreLinksInSteps(state) {

package/dist/esm/pm-plugins/main.js

@@ -23,7 +23,6 @@ import { findDomRefAtPos, findParentNodeOfType, findSelectedNodeOfType, isNodeSe
 import { Decoration, DecorationSet } from '@atlaskit/editor-prosemirror/view';
 import { CellSelection } from '@atlaskit/editor-tables/cell-selection';
 import { getMediaFeatureFlag } from '@atlaskit/media-common';
-import { getBooleanFF } from '@atlaskit/platform-feature-flags';
 import * as helpers from '../commands/helpers';
 import { updateMediaNodeAttrs } from '../commands/helpers';
 import PickerFacade from '../picker-facade';
@@ -833,19 +832,17 @@ export var createPlugin = function createPlugin(_schema, options, reactContext,
       },
       nodeViews: options.nodeViews,
       handleTextInput: function handleTextInput(view, from, to, text) {
-        if (getBooleanFF('platform.editor.a11y_video_controls_keyboard_support_yhcxh')) {
-          var selection = view.state.selection;
-          if (text === ' ' && selection instanceof NodeSelection && selection.node.type.name === 'mediaSingle') {
-            var _stateKey$getState;
-            var videoControlsWrapperRef = (_stateKey$getState = stateKey.getState(view.state)) === null || _stateKey$getState === void 0 ? void 0 : _stateKey$getState.element;
-            var videoControls = videoControlsWrapperRef === null || videoControlsWrapperRef === void 0 ? void 0 : videoControlsWrapperRef.querySelectorAll('button, [tabindex]:not([tabindex="-1"])');
-            if (videoControls) {
-              var isVideoControl = Array.from(videoControls).some(function (videoControl) {
-                return document.activeElement === videoControl;
-              });
-              if (isVideoControl) {
-                return true;
-              }
+        var selection = view.state.selection;
+        if (text === ' ' && selection instanceof NodeSelection && selection.node.type.name === 'mediaSingle') {
+          var _stateKey$getState;
+          var videoControlsWrapperRef = (_stateKey$getState = stateKey.getState(view.state)) === null || _stateKey$getState === void 0 ? void 0 : _stateKey$getState.element;
+          var videoControls = videoControlsWrapperRef === null || videoControlsWrapperRef === void 0 ? void 0 : videoControlsWrapperRef.querySelectorAll('button, [tabindex]:not([tabindex="-1"])');
+          if (videoControls) {
+            var isVideoControl = Array.from(videoControls).some(function (videoControl) {
+              return document.activeElement === videoControl;
+            });
+            if (isVideoControl) {
+              return true;
             }
           }
         }
@@ -873,39 +870,37 @@ export var createPlugin = function createPlugin(_schema, options, reactContext,
       },
       handleDOMEvents: {
         keydown: function keydown(view, event) {
-          if (getBooleanFF('platform.editor.a11y_video_controls_keyboard_support_yhcxh')) {
-            var selection = view.state.selection;
-            if (selection instanceof NodeSelection && selection.node.type.name === 'mediaSingle') {
-              // handle keydown events for video controls panel to prevent fire of rest prosemirror listeners;
-              if ((event === null || event === void 0 ? void 0 : event.target) instanceof HTMLElement) {
-                var a11yDefaultKeys = ['Tab', 'Space', 'Enter', 'Shift', 'Esc'];
-                var targetsAndButtons = {
-                  button: a11yDefaultKeys,
-                  range: [].concat(a11yDefaultKeys, ['ArrowDown', 'ArrowUp', 'ArrowLeft', 'ArrowRight']),
-                  combobox: [].concat(a11yDefaultKeys, ['ArrowDown', 'ArrowUp', 'Esc']),
-                  slider: ['Tab', 'Shift', 'ArrowLeft', 'ArrowRight']
-                };
-                var targetRole = event.target.role;
-                var targetType = event.target.type;
-                var allowedTargets = targetRole || targetType;
+          var selection = view.state.selection;
+          if (selection instanceof NodeSelection && selection.node.type.name === 'mediaSingle') {
+            // handle keydown events for video controls panel to prevent fire of rest prosemirror listeners;
+            if ((event === null || event === void 0 ? void 0 : event.target) instanceof HTMLElement) {
+              var a11yDefaultKeys = ['Tab', 'Space', 'Enter', 'Shift', 'Esc'];
+              var targetsAndButtons = {
+                button: a11yDefaultKeys,
+                range: [].concat(a11yDefaultKeys, ['ArrowDown', 'ArrowUp', 'ArrowLeft', 'ArrowRight']),
+                combobox: [].concat(a11yDefaultKeys, ['ArrowDown', 'ArrowUp', 'Esc']),
+                slider: ['Tab', 'Shift', 'ArrowLeft', 'ArrowRight']
+              };
+              var targetRole = event.target.role;
+              var targetType = event.target.type;
+              var allowedTargets = targetRole || targetType;
 
-                // only if targeting interactive elements fe. button, slider, range, dropdown
-                if (allowedTargets && allowedTargets in targetsAndButtons) {
-                  var targetRelatedA11YKeys = targetsAndButtons[allowedTargets];
-                  var allowedKeys = new Set(targetRelatedA11YKeys);
-                  if (allowedKeys.has(event.key) || allowedKeys.has(event.code)) {
-                    // allow event to bubble to be handled by react handlers
-                    return true;
-                  } else {
-                    // otherwise focus editor to allow setting gapCursor. (e.g.: arrowRightFromMediaSingle)
-                    view.focus();
-                  }
+              // only if targeting interactive elements fe. button, slider, range, dropdown
+              if (allowedTargets && allowedTargets in targetsAndButtons) {
+                var targetRelatedA11YKeys = targetsAndButtons[allowedTargets];
+                var allowedKeys = new Set(targetRelatedA11YKeys);
+                if (allowedKeys.has(event.key) || allowedKeys.has(event.code)) {
+                  // allow event to bubble to be handled by react handlers
+                  return true;
+                } else {
+                  // otherwise focus editor to allow setting gapCursor. (e.g.: arrowRightFromMediaSingle)
+                  view.focus();
                 }
               }
             }
-            // fire regular prosemirror listeners;
-            return false;
           }
+          // fire regular prosemirror listeners;
+          return false;
         }
       }
     }

package/dist/esm/ui/ImageBorder/styles.js

@@ -20,7 +20,7 @@ export var menuItemDimensions = {
 // Recommendation: Replace directly with 4 due to itemSpacing being used in calculations
 export var itemSpacing = gridSize() / 2;
 
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
 export var contextualMenuArrow = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n\tdisplay: flex;\n\t&::after {\n\t\tcontent: '\u203A';\n\t\tmargin-left: ", ";\n\t\tline-height: 20px;\n\t\tcolor: ", ";\n\t}\n"])), "var(--ds-space-050, 4px)", "var(--ds-icon, ".concat(N90, ")"));
 export var contextualMenuColorIcon = function contextualMenuColorIcon(color) {
   return css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n\t", "\n\t&::before {\n\t\tcontent: '';\n\t\tdisplay: block;\n\t\tborder: 1px solid ", ";\n\t\tborder-radius: ", ";\n\t\twidth: 20px;\n\t\theight: 20px;\n\t\t", "\n\t}\n"])), contextualMenuArrow, DEFAULT_BORDER_COLOR, "var(--ds-border-radius-100, 3px)", color && "background: ".concat(color));
@@ -33,7 +33,7 @@ export var buttonStyle = function buttonStyle(selected) {
 };
 
 /* eslint-disable @atlaskit/design-system/ensure-design-token-usage */
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
 export var buttonWrapperStyle = css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n\tborder: 1px solid transparent;\n\tmargin: ", ";\n\tfont-size: 0;\n\tdisplay: flex;\n\talign-items: center;\n\tpadding: ", ";\n\tborder-radius: 6px;\n\t&:focus-within,\n\t&:focus,\n\t&:hover {\n\t\tborder-color: ", " !important;\n\t}\n"])), "var(--ds-space-025, 2px)", "var(--ds-space-025, 2px)", N50);
 export var line = function line(size, selected) {
   return css(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n\tposition: relative;\n\t&:before {\n\t\tcontent: '';\n\t\tdisplay: block;\n\t\tposition: absolute;\n\t\ttop: 50%;\n\t\tleft: 50%;\n\t\twidth: 12px;\n\t\theight: ", "px;\n\t\tbackground-color: ", ";\n\t\tborder-radius: 90px;\n\t\ttransform: translate(-50%, -50%) rotate(135deg);\n\t}\n"])), size, selected ? "var(--ds-icon-inverse, ".concat(N0, ")") : "var(--ds-icon, #44546F)");

package/dist/esm/ui/PixelEntry/styles.js

@@ -4,9 +4,9 @@ var _templateObject;
 import { css } from '@emotion/react';
 var PIXEL_SIZING_WRAPPER_MINIMUM_WIDTH = 120;
 
-// eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression, @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
+// eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
 export var pixelSizingWrapper = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n\tdisplay: grid;\n\tgrid-template-columns: 1fr 1em 1fr 0;\n\tgrid-template-rows: auto;\n\tgrid-template-areas: 'widthinput label heightinput submit';\n\twidth: ", "px;\n\ttext-align: center;\n\theight: ", ";\n\n\t// Atlaskit fieldset does not allow style override\n\t& > * {\n\t\tmargin-top: 0 !important;\n\t}\n"])), PIXEL_SIZING_WRAPPER_MINIMUM_WIDTH, "var(--ds-space-300, 24px)");
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
 export var pixelEntryForm = css({
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
   form: {
@@ -14,7 +14,7 @@ export var pixelEntryForm = css({
   }
 });
 
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
 export var pixelSizingInput = css({
   width: '100%',
   height: "var(--ds-space-300, 24px)",
@@ -23,21 +23,21 @@ export var pixelSizingInput = css({
     textAlign: 'center'
   }
 });
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
 export var pixelSizingLabel = css({
   gridArea: 'label',
   lineHeight: "var(--ds-space-300, 24px)"
 });
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
 export var pixelSizingWidthInput = css({
   gridArea: 'widthinput'
 });
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
 export var pixelSizingHeightInput = css({
   gridArea: 'heightinput'
 });
 
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
 export var pixelEntryHiddenSubmit = css({
   gridArea: 'submit',
   visibility: 'hidden',
@@ -45,7 +45,7 @@ export var pixelEntryHiddenSubmit = css({
   height: 0
 });
 
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
 export var pixelSizingFullWidthLabelStyles = css({
   minWidth: "".concat(PIXEL_SIZING_WRAPPER_MINIMUM_WIDTH, "px"),
   height: "var(--ds-space-300, 24px)",

package/dist/esm/ui/ResizableMediaSingle/styles.js

@@ -4,7 +4,7 @@ import * as colors from '@atlaskit/theme/colors';
 var NOTIFICATION_SIZE = 8;
 var SPACE_FROM_EDGE = "var(--ds-space-100, 8px)";
 
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
 export var resizableMediaMigrationNotificationStyle = css({
   position: 'absolute',
   top: SPACE_FROM_EDGE,

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-plugin-media",
-	"version": "1.22.4",
+	"version": "1.22.6",
 	"description": "Media plugin for @atlaskit/editor-core",
 	"author": "Atlassian Pty Ltd",
 	"license": "Apache-2.0",
@@ -36,11 +36,11 @@
 		"@atlaskit/adf-schema": "^39.0.3",
 		"@atlaskit/analytics-namespaced-context": "^6.10.0",
 		"@atlaskit/analytics-next": "^9.3.0",
-		"@atlaskit/button": "^18.0.0",
-		"@atlaskit/editor-common": "^83.5.0",
+		"@atlaskit/button": "^18.1.0",
+		"@atlaskit/editor-common": "^84.0.0",
 		"@atlaskit/editor-palette": "1.6.0",
 		"@atlaskit/editor-plugin-analytics": "^1.4.0",
-		"@atlaskit/editor-plugin-annotation": "1.14.0",
+		"@atlaskit/editor-plugin-annotation": "1.14.1",
 		"@atlaskit/editor-plugin-decorations": "^1.1.0",
 		"@atlaskit/editor-plugin-editor-disabled": "^1.1.0",
 		"@atlaskit/editor-plugin-editor-viewmode": "^2.0.0",
@@ -132,9 +132,6 @@
 			"type": "boolean",
 			"referenceOnly": "true"
 		},
-		"platform.editor.a11y_video_controls_keyboard_support_yhcxh": {
-			"type": "boolean"
-		},
 		"platform.editor.media.fix-copy-paste-excel_62g4s": {
 			"type": "boolean"
 		},