@atlaskit/editor-plugin-expand 11.0.13 → 11.1.0

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @atlaskit/editor-plugin-expand
 
+## 11.1.0
+
+### Minor Changes
+
+- [`9c750ab0192db`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/9c750ab0192db) -
+  Add role=group and aria-label to expand content div so screen readers announce the body of an
+  expand node
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 11.0.13
 
 ### Patch Changes

package/dist/cjs/legacyExpand/nodeviews/index.js

@@ -61,11 +61,14 @@ var toDOM = function toDOM(node, __livePage, intl, titleReadOnly, contentEditabl
     placeholder: intl && intl.formatMessage(_ui.expandMessages.expandPlaceholderText) || _ui.expandMessages.expandPlaceholderText.defaultMessage,
     type: 'text',
     readonly: titleReadOnly ? 'true' : undefined
-  }]]], ['div', {
+  }]]], ['div', _objectSpread({
     // prettier-ignore
     class: "".concat(_styles.expandClassNames.content, " ").concat((__livePage ? !node.attrs.__expanded : node.attrs.__expanded) ? '' : _styles.expandClassNames.contentCollapsed),
     contenteditable: contentEditable !== undefined ? contentEditable ? 'true' : 'false' : undefined
-  }, 0]];
+  }, (0, _expValEquals.expValEquals)('platform_editor_expand_content_a11y', 'isEnabled', true) && {
+    role: 'group',
+    'aria-label': intl && intl.formatMessage(_ui.expandMessages.expandBodyAriaLabel) || _ui.expandMessages.expandBodyAriaLabel.defaultMessage
+  }), 0]];
 };
 var ExpandNodeView = exports.ExpandNodeView = /*#__PURE__*/function () {
   function ExpandNodeView(_node, view, getPos, getIntl, isMobile, selectNearNode, api, nodeViewPortalProviderAPI) {

package/dist/cjs/singlePlayerExpand/ui/NodeView.js

@@ -10,6 +10,7 @@ var _expand = require("@atlaskit/editor-common/expand");
 var _styles = require("@atlaskit/editor-common/styles");
 var _ui = require("@atlaskit/editor-common/ui");
 var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
+var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var buildExpandClassName = exports.buildExpandClassName = function buildExpandClassName(type, expanded) {
@@ -48,9 +49,12 @@ var toDOM = exports.toDOM = function toDOM(node, __livePage, intl, titleReadOnly
     placeholder: intl && typeof intl.formatMessage === 'function' && intl.formatMessage(_ui.expandMessages.expandPlaceholderText) || _ui.expandMessages.expandPlaceholderText.defaultMessage,
     type: 'text',
     readonly: titleReadOnly ? 'true' : undefined
-  }]]], ['div', {
+  }]]], ['div', _objectSpread({
     // prettier-ignore
     class: "".concat(_styles.expandClassNames.content, " ").concat(_expand.expandedState.get(node) ? '' : _styles.expandClassNames.contentCollapsed),
     contenteditable: contentEditable !== undefined ? contentEditable ? 'true' : 'false' : undefined
-  }, 0]];
+  }, (0, _expValEquals.expValEquals)('platform_editor_expand_content_a11y', 'isEnabled', true) && {
+    role: 'group',
+    'aria-label': intl && intl.formatMessage(_ui.expandMessages.expandBodyAriaLabel) || _ui.expandMessages.expandBodyAriaLabel.defaultMessage
+  }), 0]];
 };

package/dist/es2019/legacyExpand/nodeviews/index.js

@@ -53,7 +53,11 @@ const toDOM = (node, __livePage, intl, titleReadOnly, contentEditable) => ['div'
 }]]], ['div', {
   // prettier-ignore
   class: `${expandClassNames.content} ${(__livePage ? !node.attrs.__expanded : node.attrs.__expanded) ? '' : expandClassNames.contentCollapsed}`,
-  contenteditable: contentEditable !== undefined ? contentEditable ? 'true' : 'false' : undefined
+  contenteditable: contentEditable !== undefined ? contentEditable ? 'true' : 'false' : undefined,
+  ...(expValEquals('platform_editor_expand_content_a11y', 'isEnabled', true) && {
+    role: 'group',
+    'aria-label': intl && intl.formatMessage(expandMessages.expandBodyAriaLabel) || expandMessages.expandBodyAriaLabel.defaultMessage
+  })
 }, 0]];
 export class ExpandNodeView {
   constructor(_node, view, getPos, getIntl, isMobile, selectNearNode, api, nodeViewPortalProviderAPI, allowInteractiveExpand = true, __livePage = false, cleanUpEditorDisabledOnChange) {

package/dist/es2019/singlePlayerExpand/ui/NodeView.js

@@ -2,6 +2,7 @@ import { expandedState } from '@atlaskit/editor-common/expand';
 import { expandClassNames } from '@atlaskit/editor-common/styles';
 import { expandMessages } from '@atlaskit/editor-common/ui';
 import { fg } from '@atlaskit/platform-feature-flags';
+import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 export const buildExpandClassName = (type, expanded) => {
   return `${expandClassNames.prefix} ${expandClassNames.type(type)} ${expanded ? expandClassNames.expanded : ''}`;
 };
@@ -42,6 +43,10 @@ export const toDOM = (node, __livePage, intl, titleReadOnly, contentEditable) =>
   }]]], ['div', {
     // prettier-ignore
     class: `${expandClassNames.content} ${expandedState.get(node) ? '' : expandClassNames.contentCollapsed}`,
-    contenteditable: contentEditable !== undefined ? contentEditable ? 'true' : 'false' : undefined
+    contenteditable: contentEditable !== undefined ? contentEditable ? 'true' : 'false' : undefined,
+    ...(expValEquals('platform_editor_expand_content_a11y', 'isEnabled', true) && {
+      role: 'group',
+      'aria-label': intl && intl.formatMessage(expandMessages.expandBodyAriaLabel) || expandMessages.expandBodyAriaLabel.defaultMessage
+    })
   }, 0]];
 };

package/dist/esm/legacyExpand/nodeviews/index.js

@@ -54,11 +54,14 @@ var toDOM = function toDOM(node, __livePage, intl, titleReadOnly, contentEditabl
     placeholder: intl && intl.formatMessage(expandMessages.expandPlaceholderText) || expandMessages.expandPlaceholderText.defaultMessage,
     type: 'text',
     readonly: titleReadOnly ? 'true' : undefined
-  }]]], ['div', {
+  }]]], ['div', _objectSpread({
     // prettier-ignore
     class: "".concat(expandClassNames.content, " ").concat((__livePage ? !node.attrs.__expanded : node.attrs.__expanded) ? '' : expandClassNames.contentCollapsed),
     contenteditable: contentEditable !== undefined ? contentEditable ? 'true' : 'false' : undefined
-  }, 0]];
+  }, expValEquals('platform_editor_expand_content_a11y', 'isEnabled', true) && {
+    role: 'group',
+    'aria-label': intl && intl.formatMessage(expandMessages.expandBodyAriaLabel) || expandMessages.expandBodyAriaLabel.defaultMessage
+  }), 0]];
 };
 export var ExpandNodeView = /*#__PURE__*/function () {
   function ExpandNodeView(_node, view, getPos, getIntl, isMobile, selectNearNode, api, nodeViewPortalProviderAPI) {

package/dist/esm/singlePlayerExpand/ui/NodeView.js

@@ -5,6 +5,7 @@ import { expandedState } from '@atlaskit/editor-common/expand';
 import { expandClassNames } from '@atlaskit/editor-common/styles';
 import { expandMessages } from '@atlaskit/editor-common/ui';
 import { fg } from '@atlaskit/platform-feature-flags';
+import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 export var buildExpandClassName = function buildExpandClassName(type, expanded) {
   return "".concat(expandClassNames.prefix, " ").concat(expandClassNames.type(type), " ").concat(expanded ? expandClassNames.expanded : '');
 };
@@ -41,9 +42,12 @@ export var toDOM = function toDOM(node, __livePage, intl, titleReadOnly, content
     placeholder: intl && typeof intl.formatMessage === 'function' && intl.formatMessage(expandMessages.expandPlaceholderText) || expandMessages.expandPlaceholderText.defaultMessage,
     type: 'text',
     readonly: titleReadOnly ? 'true' : undefined
-  }]]], ['div', {
+  }]]], ['div', _objectSpread({
     // prettier-ignore
     class: "".concat(expandClassNames.content, " ").concat(expandedState.get(node) ? '' : expandClassNames.contentCollapsed),
     contenteditable: contentEditable !== undefined ? contentEditable ? 'true' : 'false' : undefined
-  }, 0]];
+  }, expValEquals('platform_editor_expand_content_a11y', 'isEnabled', true) && {
+    role: 'group',
+    'aria-label': intl && intl.formatMessage(expandMessages.expandBodyAriaLabel) || expandMessages.expandBodyAriaLabel.defaultMessage
+  }), 0]];
 };

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-plugin-expand",
-	"version": "11.0.13",
+	"version": "11.1.0",
 	"description": "Expand plugin for @atlaskit/editor-core",
 	"author": "Atlassian Pty Ltd",
 	"license": "Apache-2.0",
@@ -57,7 +57,7 @@
 		"w3c-keyname": "^2.1.8"
 	},
 	"peerDependencies": {
-		"@atlaskit/editor-common": "^114.15.0",
+		"@atlaskit/editor-common": "^114.17.0",
 		"react": "^18.2.0",
 		"react-dom": "^18.2.0",
 		"react-intl": "^5.25.1 || ^6.0.0 || ^7.0.0"