@atlaskit/editor-core 215.15.3 → 215.15.5

package/CHANGELOG.md

@@ -1,5 +1,22 @@
 # @atlaskit/editor-core
 
+## 215.15.5
+
+### Patch Changes
+
+- [`32da92aaf953d`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/32da92aaf953d) -
+  Fix scrollable-region-focusable accessibility violation by adding tabIndex to context panel
+  content
+- Updated dependencies
+
+## 215.15.4
+
+### Patch Changes
+
+- [`55920a92e882a`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/55920a92e882a) -
+  tsignores added for help-center local consumpton removed
+- Updated dependencies
+
 ## 215.15.3
 
 ### Patch Changes

package/dist/cjs/create-editor/editorStateNotificationPlugin.js

@@ -12,13 +12,11 @@ var createEditorStateNotificationPlugin = exports.createEditorStateNotificationP
   return new _safePlugin.SafePlugin({
     key: key,
     state: {
-      // @ts-ignore - Workaround for help-center local consumption
       init: function init() {
         return {
           latestTransaction: undefined
         };
       },
-      // @ts-ignore - Workaround for help-center local consumption
       apply: function apply(tr) {
         transactions.push(tr);
         return {
@@ -28,8 +26,6 @@ var createEditorStateNotificationPlugin = exports.createEditorStateNotificationP
     },
     view: function view() {
       return {
-        // @ts-ignore - Workaround for help-center local consumption
-
         update: function update(view, oldEditorState) {
           onEditorStateUpdated({
             oldEditorState: oldEditorState,

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

@@ -146,7 +146,7 @@ var SwappableContentAreaInner = /*#__PURE__*/function (_React$PureComponent) {
         overflowX: 'hidden'
       });
       return (0, _react2.jsx)(_contextPanel.ContextPanelConsumer, null, function (_ref) {
-        var _this2$props$intl;
+        var _this2$props$intl, _this2$props$intl2;
         var broadcastWidth = _ref.broadcastWidth;
         var contextPanelWidth = visible ? width : 0;
         broadcastWidth(contextPanelWidth);
@@ -159,7 +159,12 @@ var SwappableContentAreaInner = /*#__PURE__*/function (_React$PureComponent) {
           "aria-modal": "false",
           role: "dialog"
         }, (0, _react2.jsx)("div", {
-          "data-testid": "context-panel-content",
+          "data-testid": "context-panel-content"
+          // Adding tabIndex=0 here to make content focusable as it is a scrollable region
+          ,
+          tabIndex: (0, _platformFeatureFlags.fg)('platform_editor_nov_a11y_fixes') ? 0 : undefined,
+          role: (0, _platformFeatureFlags.fg)('platform_editor_nov_a11y_fixes') ? 'region' : undefined,
+          "aria-label": (0, _platformFeatureFlags.fg)('platform_editor_nov_a11y_fixes') ? (_this2$props$intl2 = _this2.props.intl) === null || _this2$props$intl2 === void 0 ? void 0 : _this2$props$intl2.formatMessage(_messages.contextPanelMessages.panelContentLabel) : undefined,
           css: [content, hasPadding && paddingStyles,
           // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values, @atlaskit/design-system/consistent-css-prop-usage
           _this2.props.customWidth && customPanelWidthStyles, !visible && panelHidden, (0, _platformFeatureFlags.fg)('platform_editor_disable_context_panel_animation') && disablePanelAnimation]

package/dist/cjs/version-wrapper.js

@@ -5,4 +5,4 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.version = exports.name = void 0;
 var name = exports.name = "@atlaskit/editor-core";
-var version = exports.version = "0.0.0-development";
+var version = exports.version = "215.15.4";

package/dist/es2019/create-editor/editorStateNotificationPlugin.js

@@ -6,15 +6,11 @@ export const createEditorStateNotificationPlugin = (onEditorStateUpdated, onEdit
   return new SafePlugin({
     key: key,
     state: {
-      // @ts-ignore - Workaround for help-center local consumption
-
       init() {
         return {
           latestTransaction: undefined
         };
       },
-      // @ts-ignore - Workaround for help-center local consumption
-
       apply(tr) {
         transactions.push(tr);
         return {
@@ -24,8 +20,6 @@ export const createEditorStateNotificationPlugin = (onEditorStateUpdated, onEdit
     },
     view: () => {
       return {
-        // @ts-ignore - Workaround for help-center local consumption
-
         update: (view, oldEditorState) => {
           onEditorStateUpdated({
             oldEditorState,

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

@@ -135,7 +135,7 @@ class SwappableContentAreaInner extends React.PureComponent {
     return jsx(ContextPanelConsumer, null, ({
       broadcastWidth
     }) => {
-      var _this$props$intl;
+      var _this$props$intl, _this$props$intl2;
       const contextPanelWidth = visible ? width : 0;
       broadcastWidth(contextPanelWidth);
       return jsx("div", {
@@ -147,7 +147,12 @@ class SwappableContentAreaInner extends React.PureComponent {
         "aria-modal": "false",
         role: "dialog"
       }, jsx("div", {
-        "data-testid": "context-panel-content",
+        "data-testid": "context-panel-content"
+        // Adding tabIndex=0 here to make content focusable as it is a scrollable region
+        ,
+        tabIndex: fg('platform_editor_nov_a11y_fixes') ? 0 : undefined,
+        role: fg('platform_editor_nov_a11y_fixes') ? 'region' : undefined,
+        "aria-label": fg('platform_editor_nov_a11y_fixes') ? (_this$props$intl2 = this.props.intl) === null || _this$props$intl2 === void 0 ? void 0 : _this$props$intl2.formatMessage(contextPanelMessages.panelContentLabel) : undefined,
         css: [content, hasPadding && paddingStyles,
         // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values, @atlaskit/design-system/consistent-css-prop-usage
         this.props.customWidth && customPanelWidthStyles, !visible && panelHidden, fg('platform_editor_disable_context_panel_animation') && disablePanelAnimation]

package/dist/es2019/version-wrapper.js

@@ -1,2 +1,2 @@
 export const name = "@atlaskit/editor-core";
-export const version = "0.0.0-development";
+export const version = "215.15.4";

package/dist/esm/create-editor/editorStateNotificationPlugin.js

@@ -6,13 +6,11 @@ export var createEditorStateNotificationPlugin = function createEditorStateNotif
   return new SafePlugin({
     key: key,
     state: {
-      // @ts-ignore - Workaround for help-center local consumption
       init: function init() {
         return {
           latestTransaction: undefined
         };
       },
-      // @ts-ignore - Workaround for help-center local consumption
       apply: function apply(tr) {
         transactions.push(tr);
         return {
@@ -22,8 +20,6 @@ export var createEditorStateNotificationPlugin = function createEditorStateNotif
     },
     view: function view() {
       return {
-        // @ts-ignore - Workaround for help-center local consumption
-
         update: function update(view, oldEditorState) {
           onEditorStateUpdated({
             oldEditorState: oldEditorState,

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

@@ -141,7 +141,7 @@ var SwappableContentAreaInner = /*#__PURE__*/function (_React$PureComponent) {
         overflowX: 'hidden'
       });
       return jsx(ContextPanelConsumer, null, function (_ref) {
-        var _this2$props$intl;
+        var _this2$props$intl, _this2$props$intl2;
         var broadcastWidth = _ref.broadcastWidth;
         var contextPanelWidth = visible ? width : 0;
         broadcastWidth(contextPanelWidth);
@@ -154,7 +154,12 @@ var SwappableContentAreaInner = /*#__PURE__*/function (_React$PureComponent) {
           "aria-modal": "false",
           role: "dialog"
         }, jsx("div", {
-          "data-testid": "context-panel-content",
+          "data-testid": "context-panel-content"
+          // Adding tabIndex=0 here to make content focusable as it is a scrollable region
+          ,
+          tabIndex: fg('platform_editor_nov_a11y_fixes') ? 0 : undefined,
+          role: fg('platform_editor_nov_a11y_fixes') ? 'region' : undefined,
+          "aria-label": fg('platform_editor_nov_a11y_fixes') ? (_this2$props$intl2 = _this2.props.intl) === null || _this2$props$intl2 === void 0 ? void 0 : _this2$props$intl2.formatMessage(contextPanelMessages.panelContentLabel) : undefined,
           css: [content, hasPadding && paddingStyles,
           // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values, @atlaskit/design-system/consistent-css-prop-usage
           _this2.props.customWidth && customPanelWidthStyles, !visible && panelHidden, fg('platform_editor_disable_context_panel_animation') && disablePanelAnimation]

package/dist/esm/version-wrapper.js

@@ -1,2 +1,2 @@
 export var name = "@atlaskit/editor-core";
-export var version = "0.0.0-development";
+export var version = "215.15.4";

package/dist/types/create-editor/create-universal-preset.d.ts

@@ -398,7 +398,7 @@ export declare function createUniversalPreset({ props, prevProps, initialPluginC
         };
         commands: {
             formatNode: (targetType: import("packages/editor/editor-plugin-block-menu/dist/types/editor-commands/transforms/types").FormatNodeTargetType, analyticsAttrs?: import("packages/editor/editor-plugin-block-menu/dist/types/editor-commands/transforms/types").FormatNodeAnalyticsAttrs) => import("@atlaskit/editor-common/types").EditorCommand;
-            transformNode: (targetType: import("prosemirror-model").NodeType, analyticsAttrs?: import("packages/editor/editor-plugin-block-menu/dist/types/editor-commands/transforms/types").FormatNodeAnalyticsAttrs) => import("@atlaskit/editor-common/types").EditorCommand;
+            transformNode: (targetType: import("prosemirror-model").NodeType, analyticsAttrs?: import("packages/editor/editor-plugin-block-menu/dist/types/editor-commands/transforms/types").TransformNodeAnalyticsAttrs) => import("@atlaskit/editor-common/types").EditorCommand;
         };
         dependencies: [import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-plugins/block-controls").BlockControlsPlugin>, import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-plugins/user-intent").UserIntentPlugin>, import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-plugins/selection").SelectionPlugin>, import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-plugins/decorations").DecorationsPlugin>, import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-plugins/analytics").AnalyticsPlugin>];
         pluginConfiguration?: import("@atlaskit/editor-plugins/block-menu").BlockMenuPluginOptions;

package/dist/types/presets/universal.d.ts

@@ -471,7 +471,7 @@ export default function createUniversalPresetInternal({ appearance, props, featu
         };
         commands: {
             formatNode: (targetType: import("packages/editor/editor-plugin-block-menu/dist/types/editor-commands/transforms/types").FormatNodeTargetType, analyticsAttrs?: import("packages/editor/editor-plugin-block-menu/dist/types/editor-commands/transforms/types").FormatNodeAnalyticsAttrs) => import("@atlaskit/editor-common/types").EditorCommand;
-            transformNode: (targetType: import("prosemirror-model").NodeType, analyticsAttrs?: import("packages/editor/editor-plugin-block-menu/dist/types/editor-commands/transforms/types").FormatNodeAnalyticsAttrs) => import("@atlaskit/editor-common/types").EditorCommand;
+            transformNode: (targetType: import("prosemirror-model").NodeType, analyticsAttrs?: import("packages/editor/editor-plugin-block-menu/dist/types/editor-commands/transforms/types").TransformNodeAnalyticsAttrs) => import("@atlaskit/editor-common/types").EditorCommand;
         };
         dependencies: [import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-plugins/block-controls").BlockControlsPlugin>, import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-plugins/user-intent").UserIntentPlugin>, import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-plugins/selection").SelectionPlugin>, import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-plugins/decorations").DecorationsPlugin>, import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-plugins/analytics").AnalyticsPlugin>];
         pluginConfiguration?: import("@atlaskit/editor-plugins/block-menu").BlockMenuPluginOptions;

package/dist/types/presets/useUniversalPreset.d.ts

@@ -398,7 +398,7 @@ export default function useUniversalPreset({ props, initialPluginConfiguration }
         };
         commands: {
             formatNode: (targetType: import("packages/editor/editor-plugin-block-menu/dist/types/editor-commands/transforms/types").FormatNodeTargetType, analyticsAttrs?: import("packages/editor/editor-plugin-block-menu/dist/types/editor-commands/transforms/types").FormatNodeAnalyticsAttrs) => import("@atlaskit/editor-common/types").EditorCommand;
-            transformNode: (targetType: import("prosemirror-model").NodeType, analyticsAttrs?: import("packages/editor/editor-plugin-block-menu/dist/types/editor-commands/transforms/types").FormatNodeAnalyticsAttrs) => import("@atlaskit/editor-common/types").EditorCommand;
+            transformNode: (targetType: import("prosemirror-model").NodeType, analyticsAttrs?: import("packages/editor/editor-plugin-block-menu/dist/types/editor-commands/transforms/types").TransformNodeAnalyticsAttrs) => import("@atlaskit/editor-common/types").EditorCommand;
         };
         dependencies: [import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-plugins/block-controls").BlockControlsPlugin>, import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-plugins/user-intent").UserIntentPlugin>, import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-plugins/selection").SelectionPlugin>, import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-plugins/decorations").DecorationsPlugin>, import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-plugins/analytics").AnalyticsPlugin>];
         pluginConfiguration?: import("@atlaskit/editor-plugins/block-menu").BlockMenuPluginOptions;

package/dist/types-ts4.5/create-editor/create-universal-preset.d.ts

@@ -563,7 +563,7 @@ export declare function createUniversalPreset({ props, prevProps, initialPluginC
                 };
                 commands: {
                     formatNode: (targetType: import("packages/editor/editor-plugin-block-menu/dist/types/editor-commands/transforms/types").FormatNodeTargetType, analyticsAttrs?: import("packages/editor/editor-plugin-block-menu/dist/types/editor-commands/transforms/types").FormatNodeAnalyticsAttrs) => import("@atlaskit/editor-common/types").EditorCommand;
-                    transformNode: (targetType: import("prosemirror-model").NodeType, analyticsAttrs?: import("packages/editor/editor-plugin-block-menu/dist/types/editor-commands/transforms/types").FormatNodeAnalyticsAttrs) => import("@atlaskit/editor-common/types").EditorCommand;
+                    transformNode: (targetType: import("prosemirror-model").NodeType, analyticsAttrs?: import("packages/editor/editor-plugin-block-menu/dist/types/editor-commands/transforms/types").TransformNodeAnalyticsAttrs) => import("@atlaskit/editor-common/types").EditorCommand;
                 };
                 dependencies: [
                     import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-plugins/block-controls").BlockControlsPlugin>,

package/dist/types-ts4.5/presets/universal.d.ts

@@ -636,7 +636,7 @@ export default function createUniversalPresetInternal({ appearance, props, featu
                 };
                 commands: {
                     formatNode: (targetType: import("packages/editor/editor-plugin-block-menu/dist/types/editor-commands/transforms/types").FormatNodeTargetType, analyticsAttrs?: import("packages/editor/editor-plugin-block-menu/dist/types/editor-commands/transforms/types").FormatNodeAnalyticsAttrs) => import("@atlaskit/editor-common/types").EditorCommand;
-                    transformNode: (targetType: import("prosemirror-model").NodeType, analyticsAttrs?: import("packages/editor/editor-plugin-block-menu/dist/types/editor-commands/transforms/types").FormatNodeAnalyticsAttrs) => import("@atlaskit/editor-common/types").EditorCommand;
+                    transformNode: (targetType: import("prosemirror-model").NodeType, analyticsAttrs?: import("packages/editor/editor-plugin-block-menu/dist/types/editor-commands/transforms/types").TransformNodeAnalyticsAttrs) => import("@atlaskit/editor-common/types").EditorCommand;
                 };
                 dependencies: [
                     import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-plugins/block-controls").BlockControlsPlugin>,

package/dist/types-ts4.5/presets/useUniversalPreset.d.ts

@@ -563,7 +563,7 @@ export default function useUniversalPreset({ props, initialPluginConfiguration }
                 };
                 commands: {
                     formatNode: (targetType: import("packages/editor/editor-plugin-block-menu/dist/types/editor-commands/transforms/types").FormatNodeTargetType, analyticsAttrs?: import("packages/editor/editor-plugin-block-menu/dist/types/editor-commands/transforms/types").FormatNodeAnalyticsAttrs) => import("@atlaskit/editor-common/types").EditorCommand;
-                    transformNode: (targetType: import("prosemirror-model").NodeType, analyticsAttrs?: import("packages/editor/editor-plugin-block-menu/dist/types/editor-commands/transforms/types").FormatNodeAnalyticsAttrs) => import("@atlaskit/editor-common/types").EditorCommand;
+                    transformNode: (targetType: import("prosemirror-model").NodeType, analyticsAttrs?: import("packages/editor/editor-plugin-block-menu/dist/types/editor-commands/transforms/types").TransformNodeAnalyticsAttrs) => import("@atlaskit/editor-common/types").EditorCommand;
                 };
                 dependencies: [
                     import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-plugins/block-controls").BlockControlsPlugin>,

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-core",
-	"version": "215.15.3",
+	"version": "215.15.5",
 	"description": "A package contains Atlassian editor core functionality",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -64,7 +64,7 @@
 		"@atlaskit/platform-feature-flags-react": "^0.4.0",
 		"@atlaskit/react-ufo": "^4.15.0",
 		"@atlaskit/task-decision": "^19.2.0",
-		"@atlaskit/tmp-editor-statsig": "^14.1.0",
+		"@atlaskit/tmp-editor-statsig": "^14.4.0",
 		"@atlaskit/tokens": "^8.4.0",
 		"@atlaskit/tooltip": "^20.10.0",
 		"@atlaskit/width-detector": "^5.0.0",
@@ -104,7 +104,6 @@
 		"@atlaskit/media-integration-test-helpers": "workspace:^",
 		"@atlaskit/media-test-helpers": "^39.0.0",
 		"@atlaskit/modal-dialog": "^14.7.0",
-		"@atlaskit/primitives": "^16.4.0",
 		"@atlaskit/renderer": "^124.16.0",
 		"@atlaskit/section-message": "^8.9.0",
 		"@atlaskit/synchrony-test-helpers": "workspace:^",
@@ -379,6 +378,9 @@
 		"cc_fd_wb_create_priority_in_slash_menu_enabled": {
 			"type": "boolean"
 		},
+		"platform_editor_nov_a11y_fixes": {
+			"type": "boolean"
+		},
 		"platform_editor_ai_aifc_patch_beta_2": {
 			"type": "boolean"
 		},