@atlaskit/editor-core 215.15.4 → 215.16.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (15) hide show
  1. package/CHANGELOG.md +26 -0
  2. package/dist/cjs/create-editor/ReactEditorView.js +6 -3
  3. package/dist/cjs/ui/Appearance/FullPage/FullPageToolbarNext.js +3 -2
  4. package/dist/cjs/ui/ContextPanel/index.js +7 -2
  5. package/dist/cjs/version-wrapper.js +1 -1
  6. package/dist/es2019/create-editor/ReactEditorView.js +6 -3
  7. package/dist/es2019/ui/Appearance/FullPage/FullPageToolbarNext.js +3 -2
  8. package/dist/es2019/ui/ContextPanel/index.js +7 -2
  9. package/dist/es2019/version-wrapper.js +1 -1
  10. package/dist/esm/create-editor/ReactEditorView.js +6 -3
  11. package/dist/esm/ui/Appearance/FullPage/FullPageToolbarNext.js +3 -2
  12. package/dist/esm/ui/ContextPanel/index.js +7 -2
  13. package/dist/esm/version-wrapper.js +1 -1
  14. package/editor-styles-container/package.json +17 -0
  15. package/package.json +8 -6
package/CHANGELOG.md CHANGED
@@ -1,5 +1,31 @@
1
1
  # @atlaskit/editor-core
2
2
 
3
+ ## 215.16.0
4
+
5
+ ### Minor Changes
6
+
7
+ - [`92ad90cd1d2e8`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/92ad90cd1d2e8) -
8
+ [https://hello.jira.atlassian.cloud/browse/EDITOR-3332] - created EditorSSRRenderer component
9
+ - [`bc11393275e1c`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/bc11393275e1c) -
10
+ Do not use React State for storing pluginInjectionAPI reference
11
+
12
+ ### Patch Changes
13
+
14
+ - [`e3779b75fdeca`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/e3779b75fdeca) -
15
+ EDITOR-1643 Promote syncBlock and bodiedSyncBlock to full schema
16
+ - [`e1ae4cbd9d3f6`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/e1ae4cbd9d3f6) -
17
+ Fix hydration error with the AIFC toolbar by not rendering in SSR
18
+ - Updated dependencies
19
+
20
+ ## 215.15.5
21
+
22
+ ### Patch Changes
23
+
24
+ - [`32da92aaf953d`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/32da92aaf953d) -
25
+ Fix scrollable-region-focusable accessibility violation by adding tabIndex to context panel
26
+ content
27
+ - Updated dependencies
28
+
3
29
  ## 215.15.4
4
30
 
5
31
  ### Patch Changes
package/dist/cjs/create-editor/ReactEditorView.js CHANGED
@@ -30,6 +30,7 @@ var _view = require("@atlaskit/editor-prosemirror/view");
30
30
  var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
31
31
  var _interactionMetrics = require("@atlaskit/react-ufo/interaction-metrics");
32
32
  var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
33
+ var _expVal = require("@atlaskit/tmp-editor-statsig/expVal");
33
34
  var _useProviders = require("../composable-editor/hooks/useProviders");
34
35
  var _featureFlagsFromProps = require("../utils/feature-flags-from-props");
35
36
  var _getNodesCount = require("../utils/getNodesCount");
@@ -150,7 +151,9 @@ function ReactEditorView(props) {
150
151
  } else {
151
152
  config.current = (0, _createEditor.processPluginsList)((0, _createPluginsList.default)(options.props.preset, props.editorProps, pluginInjectionAPI.current));
152
153
  schema = (0, _createSchema.createSchema)(config.current);
153
- setEditorAPI(pluginInjectionAPI.current.api());
154
+ if (!(0, _expVal.expVal)('platform_editor_no_state_plugin_injection_api', 'isEnabled', false)) {
155
+ setEditorAPI(pluginInjectionAPI.current.api());
156
+ }
154
157
  }
155
158
  var contentTransformerProvider = options.props.editorProps.contentTransformerProvider;
156
159
  var plugins = (0, _createEditor.createPMPlugins)({
@@ -393,7 +396,7 @@ function ReactEditorView(props) {
393
396
 
394
397
  // Temporary to replace provider factory while migration to `ComposableEditor` occurs
395
398
  (0, _useProviders.useProviders)({
396
- editorApi: editorAPI,
399
+ editorApi: (0, _expVal.expVal)('platform_editor_no_state_plugin_injection_api', 'isEnabled', false) ? pluginInjectionAPI.current.api() : editorAPI,
397
400
  contextIdentifierProvider: props.editorProps.contextIdentifierProvider,
398
401
  mediaProvider: (_media = props.editorProps.media) === null || _media === void 0 ? void 0 : _media.provider,
399
402
  mentionProvider: props.editorProps.mentionProvider,
@@ -755,7 +758,7 @@ function ReactEditorView(props) {
755
758
  transformer: contentTransformer.current,
756
759
  dispatchAnalyticsEvent: dispatchAnalyticsEvent,
757
760
  editorRef: editorRef,
758
- editorAPI: editorAPI
761
+ editorAPI: (0, _expVal.expVal)('platform_editor_no_state_plugin_injection_api', 'isEnabled', false) ? pluginInjectionAPI.current.api() : editorAPI
759
762
  })) !== null && _props$render !== void 0 ? _props$render : editor : editor);
760
763
  }
761
764
 
package/dist/cjs/ui/Appearance/FullPage/FullPageToolbarNext.js CHANGED
@@ -11,6 +11,7 @@ var _runtime = require("@compiled/react/runtime");
11
11
  var _react = _interopRequireWildcard(require("react"));
12
12
  var _reactIntlNext = require("react-intl-next");
13
13
  var _contextPanel = require("@atlaskit/editor-common/context-panel");
14
+ var _coreUtils = require("@atlaskit/editor-common/core-utils");
14
15
  var _toolbar = require("@atlaskit/editor-common/toolbar");
15
16
  var _uiMenu = require("@atlaskit/editor-common/ui-menu");
16
17
  var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
@@ -102,7 +103,7 @@ var FullPageToolbarNext = exports.FullPageToolbarNext = function FullPageToolbar
102
103
  showKeyline: showKeyline || ContextPanelWidth > 0
103
104
  }, beforeIcon && /*#__PURE__*/_react.default.createElement("div", {
104
105
  className: (0, _runtime.ax)([styles.mainToolbarIconBefore, (0, _expValEquals.expValEquals)('platform_editor_toolbar_support_custom_components', 'isEnabled', true) && styles.mainToolbarIconBeforeNew])
105
- }, beforeIcon), (0, _expValEquals.expValEquals)('platform_editor_toolbar_support_custom_components', 'isEnabled', true) ? /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(FirstChildWrapper, null, toolbarDockingPosition !== 'none' && components && (0, _toolbar2.isToolbar)(toolbar) && (!(0, _expValEquals.expValEquals)('platform_editor_toolbar_aifc_patch_3', 'isEnabled', true) || editorView) && /*#__PURE__*/_react.default.createElement(_Toolbar.ToolbarNext, {
106
+ }, beforeIcon), (0, _expValEquals.expValEquals)('platform_editor_toolbar_support_custom_components', 'isEnabled', true) ? /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(FirstChildWrapper, null, toolbarDockingPosition !== 'none' && components && (0, _toolbar2.isToolbar)(toolbar) && (!(0, _expValEquals.expValEquals)('platform_editor_toolbar_aifc_patch_3', 'isEnabled', true) || editorView && (!(0, _expValEquals.expValEquals)('platform_editor_hydratable_ui', 'isEnabled', true) || !(0, _coreUtils.isSSR)())) && /*#__PURE__*/_react.default.createElement(_Toolbar.ToolbarNext, {
106
107
  toolbar: toolbar,
107
108
  components: components,
108
109
  editorView: editorView,
@@ -115,7 +116,7 @@ var FullPageToolbarNext = exports.FullPageToolbarNext = function FullPageToolbar
115
116
  }, !!customPrimaryToolbarComponents && 'before' in customPrimaryToolbarComponents && /*#__PURE__*/_react.default.createElement("div", {
116
117
  "data-testid": 'before-primary-toolbar-components-plugin',
117
118
  className: (0, _runtime.ax)([styles.beforePrimaryToolbarComponents])
118
- }, customPrimaryToolbarComponents.before), !!customPrimaryToolbarComponents && 'after' in customPrimaryToolbarComponents ? customPrimaryToolbarComponents.after : customPrimaryToolbarComponents)), (0, _platformFeatureFlags.fg)('platform_editor_toolbar_aifc_patch_7') && /*#__PURE__*/_react.default.createElement(_ToolbarPortal.ToolbarPortalMountPoint, null)) : toolbarDockingPosition !== 'none' && components && (0, _toolbar2.isToolbar)(toolbar) && (!(0, _expValEquals.expValEquals)('platform_editor_toolbar_aifc_patch_3', 'isEnabled', true) || editorView) && /*#__PURE__*/_react.default.createElement(_Toolbar.ToolbarNext, {
119
+ }, customPrimaryToolbarComponents.before), !!customPrimaryToolbarComponents && 'after' in customPrimaryToolbarComponents ? customPrimaryToolbarComponents.after : customPrimaryToolbarComponents)), (0, _platformFeatureFlags.fg)('platform_editor_toolbar_aifc_patch_7') && /*#__PURE__*/_react.default.createElement(_ToolbarPortal.ToolbarPortalMountPoint, null)) : toolbarDockingPosition !== 'none' && components && (0, _toolbar2.isToolbar)(toolbar) && (!(0, _expValEquals.expValEquals)('platform_editor_toolbar_aifc_patch_3', 'isEnabled', true) || editorView && (!(0, _expValEquals.expValEquals)('platform_editor_hydratable_ui', 'isEnabled', true) || !(0, _coreUtils.isSSR)())) && /*#__PURE__*/_react.default.createElement(_Toolbar.ToolbarNext, {
119
120
  toolbar: toolbar,
120
121
  components: components,
121
122
  editorView: editorView,
package/dist/cjs/ui/ContextPanel/index.js CHANGED
@@ -146,7 +146,7 @@ var SwappableContentAreaInner = /*#__PURE__*/function (_React$PureComponent) {
146
146
  overflowX: 'hidden'
147
147
  });
148
148
  return (0, _react2.jsx)(_contextPanel.ContextPanelConsumer, null, function (_ref) {
149
- var _this2$props$intl;
149
+ var _this2$props$intl, _this2$props$intl2;
150
150
  var broadcastWidth = _ref.broadcastWidth;
151
151
  var contextPanelWidth = visible ? width : 0;
152
152
  broadcastWidth(contextPanelWidth);
@@ -159,7 +159,12 @@ var SwappableContentAreaInner = /*#__PURE__*/function (_React$PureComponent) {
159
159
  "aria-modal": "false",
160
160
  role: "dialog"
161
161
  }, (0, _react2.jsx)("div", {
162
- "data-testid": "context-panel-content",
162
+ "data-testid": "context-panel-content"
163
+ // Adding tabIndex=0 here to make content focusable as it is a scrollable region
164
+ ,
165
+ tabIndex: (0, _platformFeatureFlags.fg)('platform_editor_nov_a11y_fixes') ? 0 : undefined,
166
+ role: (0, _platformFeatureFlags.fg)('platform_editor_nov_a11y_fixes') ? 'region' : undefined,
167
+ "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,
163
168
  css: [content, hasPadding && paddingStyles,
164
169
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values, @atlaskit/design-system/consistent-css-prop-usage
165
170
  _this2.props.customWidth && customPanelWidthStyles, !visible && panelHidden, (0, _platformFeatureFlags.fg)('platform_editor_disable_context_panel_animation') && disablePanelAnimation]
package/dist/cjs/version-wrapper.js CHANGED
@@ -5,4 +5,4 @@ Object.defineProperty(exports, "__esModule", {
5
5
  });
6
6
  exports.version = exports.name = void 0;
7
7
  var name = exports.name = "@atlaskit/editor-core";
8
- var version = exports.version = "0.0.0-development";
8
+ var version = exports.version = "215.15.5";
package/dist/es2019/create-editor/ReactEditorView.js CHANGED
@@ -19,6 +19,7 @@ import { EditorView } from '@atlaskit/editor-prosemirror/view';
19
19
  import { fg } from '@atlaskit/platform-feature-flags';
20
20
  import { abortAll, getActiveInteraction } from '@atlaskit/react-ufo/interaction-metrics';
21
21
  import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
22
+ import { expVal } from '@atlaskit/tmp-editor-statsig/expVal';
22
23
  import { useProviders } from '../composable-editor/hooks/useProviders';
23
24
  import { createFeatureFlagsFromProps } from '../utils/feature-flags-from-props';
24
25
  import { getNodesCount } from '../utils/getNodesCount';
@@ -123,7 +124,9 @@ export function ReactEditorView(props) {
123
124
  } else {
124
125
  config.current = processPluginsList(createPluginsList(options.props.preset, props.editorProps, pluginInjectionAPI.current));
125
126
  schema = createSchema(config.current);
126
- setEditorAPI(pluginInjectionAPI.current.api());
127
+ if (!expVal('platform_editor_no_state_plugin_injection_api', 'isEnabled', false)) {
128
+ setEditorAPI(pluginInjectionAPI.current.api());
129
+ }
127
130
  }
128
131
  const {
129
132
  contentTransformerProvider
@@ -365,7 +368,7 @@ export function ReactEditorView(props) {
365
368
 
366
369
  // Temporary to replace provider factory while migration to `ComposableEditor` occurs
367
370
  useProviders({
368
- editorApi: editorAPI,
371
+ editorApi: expVal('platform_editor_no_state_plugin_injection_api', 'isEnabled', false) ? pluginInjectionAPI.current.api() : editorAPI,
369
372
  contextIdentifierProvider: props.editorProps.contextIdentifierProvider,
370
373
  mediaProvider: (_media = props.editorProps.media) === null || _media === void 0 ? void 0 : _media.provider,
371
374
  mentionProvider: props.editorProps.mentionProvider,
@@ -698,7 +701,7 @@ export function ReactEditorView(props) {
698
701
  transformer: contentTransformer.current,
699
702
  dispatchAnalyticsEvent: dispatchAnalyticsEvent,
700
703
  editorRef: editorRef,
701
- editorAPI: editorAPI
704
+ editorAPI: expVal('platform_editor_no_state_plugin_injection_api', 'isEnabled', false) ? pluginInjectionAPI.current.api() : editorAPI
702
705
  })) !== null && _props$render !== void 0 ? _props$render : editor : editor);
703
706
  }
704
707
 
package/dist/es2019/ui/Appearance/FullPage/FullPageToolbarNext.js CHANGED
@@ -4,6 +4,7 @@ import { ax, ix } from "@compiled/react/runtime";
4
4
  import React, { useCallback } from 'react';
5
5
  import { useIntl } from 'react-intl-next';
6
6
  import { ContextPanelConsumer } from '@atlaskit/editor-common/context-panel';
7
+ import { isSSR } from '@atlaskit/editor-common/core-utils';
7
8
  import { TOOLBARS } from '@atlaskit/editor-common/toolbar';
8
9
  import { ToolbarArrowKeyNavigationProvider } from '@atlaskit/editor-common/ui-menu';
9
10
  import { fg } from '@atlaskit/platform-feature-flags';
@@ -97,7 +98,7 @@ export const FullPageToolbarNext = ({
97
98
  showKeyline: showKeyline || ContextPanelWidth > 0
98
99
  }, beforeIcon && /*#__PURE__*/React.createElement("div", {
99
100
  className: ax([styles.mainToolbarIconBefore, expValEquals('platform_editor_toolbar_support_custom_components', 'isEnabled', true) && styles.mainToolbarIconBeforeNew])
100
- }, beforeIcon), expValEquals('platform_editor_toolbar_support_custom_components', 'isEnabled', true) ? /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(FirstChildWrapper, null, toolbarDockingPosition !== 'none' && components && isToolbar(toolbar) && (!expValEquals('platform_editor_toolbar_aifc_patch_3', 'isEnabled', true) || editorView) && /*#__PURE__*/React.createElement(ToolbarNext, {
101
+ }, beforeIcon), expValEquals('platform_editor_toolbar_support_custom_components', 'isEnabled', true) ? /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(FirstChildWrapper, null, toolbarDockingPosition !== 'none' && components && isToolbar(toolbar) && (!expValEquals('platform_editor_toolbar_aifc_patch_3', 'isEnabled', true) || editorView && (!expValEquals('platform_editor_hydratable_ui', 'isEnabled', true) || !isSSR())) && /*#__PURE__*/React.createElement(ToolbarNext, {
101
102
  toolbar: toolbar,
102
103
  components: components,
103
104
  editorView: editorView,
@@ -110,7 +111,7 @@ export const FullPageToolbarNext = ({
110
111
  }, !!customPrimaryToolbarComponents && 'before' in customPrimaryToolbarComponents && /*#__PURE__*/React.createElement("div", {
111
112
  "data-testid": 'before-primary-toolbar-components-plugin',
112
113
  className: ax([styles.beforePrimaryToolbarComponents])
113
- }, customPrimaryToolbarComponents.before), !!customPrimaryToolbarComponents && 'after' in customPrimaryToolbarComponents ? customPrimaryToolbarComponents.after : customPrimaryToolbarComponents)), fg('platform_editor_toolbar_aifc_patch_7') && /*#__PURE__*/React.createElement(ToolbarPortalMountPoint, null)) : toolbarDockingPosition !== 'none' && components && isToolbar(toolbar) && (!expValEquals('platform_editor_toolbar_aifc_patch_3', 'isEnabled', true) || editorView) && /*#__PURE__*/React.createElement(ToolbarNext, {
114
+ }, customPrimaryToolbarComponents.before), !!customPrimaryToolbarComponents && 'after' in customPrimaryToolbarComponents ? customPrimaryToolbarComponents.after : customPrimaryToolbarComponents)), fg('platform_editor_toolbar_aifc_patch_7') && /*#__PURE__*/React.createElement(ToolbarPortalMountPoint, null)) : toolbarDockingPosition !== 'none' && components && isToolbar(toolbar) && (!expValEquals('platform_editor_toolbar_aifc_patch_3', 'isEnabled', true) || editorView && (!expValEquals('platform_editor_hydratable_ui', 'isEnabled', true) || !isSSR())) && /*#__PURE__*/React.createElement(ToolbarNext, {
114
115
  toolbar: toolbar,
115
116
  components: components,
116
117
  editorView: editorView,
package/dist/es2019/ui/ContextPanel/index.js CHANGED
@@ -135,7 +135,7 @@ class SwappableContentAreaInner extends React.PureComponent {
135
135
  return jsx(ContextPanelConsumer, null, ({
136
136
  broadcastWidth
137
137
  }) => {
138
- var _this$props$intl;
138
+ var _this$props$intl, _this$props$intl2;
139
139
  const contextPanelWidth = visible ? width : 0;
140
140
  broadcastWidth(contextPanelWidth);
141
141
  return jsx("div", {
@@ -147,7 +147,12 @@ class SwappableContentAreaInner extends React.PureComponent {
147
147
  "aria-modal": "false",
148
148
  role: "dialog"
149
149
  }, jsx("div", {
150
- "data-testid": "context-panel-content",
150
+ "data-testid": "context-panel-content"
151
+ // Adding tabIndex=0 here to make content focusable as it is a scrollable region
152
+ ,
153
+ tabIndex: fg('platform_editor_nov_a11y_fixes') ? 0 : undefined,
154
+ role: fg('platform_editor_nov_a11y_fixes') ? 'region' : undefined,
155
+ "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,
151
156
  css: [content, hasPadding && paddingStyles,
152
157
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values, @atlaskit/design-system/consistent-css-prop-usage
153
158
  this.props.customWidth && customPanelWidthStyles, !visible && panelHidden, fg('platform_editor_disable_context_panel_animation') && disablePanelAnimation]
package/dist/es2019/version-wrapper.js CHANGED
@@ -1,2 +1,2 @@
1
1
  export const name = "@atlaskit/editor-core";
2
- export const version = "0.0.0-development";
2
+ export const version = "215.15.5";
package/dist/esm/create-editor/ReactEditorView.js CHANGED
@@ -27,6 +27,7 @@ import { EditorView } from '@atlaskit/editor-prosemirror/view';
27
27
  import { fg } from '@atlaskit/platform-feature-flags';
28
28
  import { abortAll, getActiveInteraction } from '@atlaskit/react-ufo/interaction-metrics';
29
29
  import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
30
+ import { expVal } from '@atlaskit/tmp-editor-statsig/expVal';
30
31
  import { useProviders } from '../composable-editor/hooks/useProviders';
31
32
  import { createFeatureFlagsFromProps } from '../utils/feature-flags-from-props';
32
33
  import { getNodesCount } from '../utils/getNodesCount';
@@ -141,7 +142,9 @@ export function ReactEditorView(props) {
141
142
  } else {
142
143
  config.current = processPluginsList(createPluginsList(options.props.preset, props.editorProps, pluginInjectionAPI.current));
143
144
  schema = createSchema(config.current);
144
- setEditorAPI(pluginInjectionAPI.current.api());
145
+ if (!expVal('platform_editor_no_state_plugin_injection_api', 'isEnabled', false)) {
146
+ setEditorAPI(pluginInjectionAPI.current.api());
147
+ }
145
148
  }
146
149
  var contentTransformerProvider = options.props.editorProps.contentTransformerProvider;
147
150
  var plugins = createPMPlugins({
@@ -384,7 +387,7 @@ export function ReactEditorView(props) {
384
387
 
385
388
  // Temporary to replace provider factory while migration to `ComposableEditor` occurs
386
389
  useProviders({
387
- editorApi: editorAPI,
390
+ editorApi: expVal('platform_editor_no_state_plugin_injection_api', 'isEnabled', false) ? pluginInjectionAPI.current.api() : editorAPI,
388
391
  contextIdentifierProvider: props.editorProps.contextIdentifierProvider,
389
392
  mediaProvider: (_media = props.editorProps.media) === null || _media === void 0 ? void 0 : _media.provider,
390
393
  mentionProvider: props.editorProps.mentionProvider,
@@ -746,7 +749,7 @@ export function ReactEditorView(props) {
746
749
  transformer: contentTransformer.current,
747
750
  dispatchAnalyticsEvent: dispatchAnalyticsEvent,
748
751
  editorRef: editorRef,
749
- editorAPI: editorAPI
752
+ editorAPI: expVal('platform_editor_no_state_plugin_injection_api', 'isEnabled', false) ? pluginInjectionAPI.current.api() : editorAPI
750
753
  })) !== null && _props$render !== void 0 ? _props$render : editor : editor);
751
754
  }
752
755
 
package/dist/esm/ui/Appearance/FullPage/FullPageToolbarNext.js CHANGED
@@ -4,6 +4,7 @@ import { ax, ix } from "@compiled/react/runtime";
4
4
  import React, { useCallback } from 'react';
5
5
  import { useIntl } from 'react-intl-next';
6
6
  import { ContextPanelConsumer } from '@atlaskit/editor-common/context-panel';
7
+ import { isSSR } from '@atlaskit/editor-common/core-utils';
7
8
  import { TOOLBARS } from '@atlaskit/editor-common/toolbar';
8
9
  import { ToolbarArrowKeyNavigationProvider } from '@atlaskit/editor-common/ui-menu';
9
10
  import { fg } from '@atlaskit/platform-feature-flags';
@@ -94,7 +95,7 @@ export var FullPageToolbarNext = function FullPageToolbarNext(_ref4) {
94
95
  showKeyline: showKeyline || ContextPanelWidth > 0
95
96
  }, beforeIcon && /*#__PURE__*/React.createElement("div", {
96
97
  className: ax([styles.mainToolbarIconBefore, expValEquals('platform_editor_toolbar_support_custom_components', 'isEnabled', true) && styles.mainToolbarIconBeforeNew])
97
- }, beforeIcon), expValEquals('platform_editor_toolbar_support_custom_components', 'isEnabled', true) ? /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(FirstChildWrapper, null, toolbarDockingPosition !== 'none' && components && isToolbar(toolbar) && (!expValEquals('platform_editor_toolbar_aifc_patch_3', 'isEnabled', true) || editorView) && /*#__PURE__*/React.createElement(ToolbarNext, {
98
+ }, beforeIcon), expValEquals('platform_editor_toolbar_support_custom_components', 'isEnabled', true) ? /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(FirstChildWrapper, null, toolbarDockingPosition !== 'none' && components && isToolbar(toolbar) && (!expValEquals('platform_editor_toolbar_aifc_patch_3', 'isEnabled', true) || editorView && (!expValEquals('platform_editor_hydratable_ui', 'isEnabled', true) || !isSSR())) && /*#__PURE__*/React.createElement(ToolbarNext, {
98
99
  toolbar: toolbar,
99
100
  components: components,
100
101
  editorView: editorView,
@@ -107,7 +108,7 @@ export var FullPageToolbarNext = function FullPageToolbarNext(_ref4) {
107
108
  }, !!customPrimaryToolbarComponents && 'before' in customPrimaryToolbarComponents && /*#__PURE__*/React.createElement("div", {
108
109
  "data-testid": 'before-primary-toolbar-components-plugin',
109
110
  className: ax([styles.beforePrimaryToolbarComponents])
110
- }, customPrimaryToolbarComponents.before), !!customPrimaryToolbarComponents && 'after' in customPrimaryToolbarComponents ? customPrimaryToolbarComponents.after : customPrimaryToolbarComponents)), fg('platform_editor_toolbar_aifc_patch_7') && /*#__PURE__*/React.createElement(ToolbarPortalMountPoint, null)) : toolbarDockingPosition !== 'none' && components && isToolbar(toolbar) && (!expValEquals('platform_editor_toolbar_aifc_patch_3', 'isEnabled', true) || editorView) && /*#__PURE__*/React.createElement(ToolbarNext, {
111
+ }, customPrimaryToolbarComponents.before), !!customPrimaryToolbarComponents && 'after' in customPrimaryToolbarComponents ? customPrimaryToolbarComponents.after : customPrimaryToolbarComponents)), fg('platform_editor_toolbar_aifc_patch_7') && /*#__PURE__*/React.createElement(ToolbarPortalMountPoint, null)) : toolbarDockingPosition !== 'none' && components && isToolbar(toolbar) && (!expValEquals('platform_editor_toolbar_aifc_patch_3', 'isEnabled', true) || editorView && (!expValEquals('platform_editor_hydratable_ui', 'isEnabled', true) || !isSSR())) && /*#__PURE__*/React.createElement(ToolbarNext, {
111
112
  toolbar: toolbar,
112
113
  components: components,
113
114
  editorView: editorView,
package/dist/esm/ui/ContextPanel/index.js CHANGED
@@ -141,7 +141,7 @@ var SwappableContentAreaInner = /*#__PURE__*/function (_React$PureComponent) {
141
141
  overflowX: 'hidden'
142
142
  });
143
143
  return jsx(ContextPanelConsumer, null, function (_ref) {
144
- var _this2$props$intl;
144
+ var _this2$props$intl, _this2$props$intl2;
145
145
  var broadcastWidth = _ref.broadcastWidth;
146
146
  var contextPanelWidth = visible ? width : 0;
147
147
  broadcastWidth(contextPanelWidth);
@@ -154,7 +154,12 @@ var SwappableContentAreaInner = /*#__PURE__*/function (_React$PureComponent) {
154
154
  "aria-modal": "false",
155
155
  role: "dialog"
156
156
  }, jsx("div", {
157
- "data-testid": "context-panel-content",
157
+ "data-testid": "context-panel-content"
158
+ // Adding tabIndex=0 here to make content focusable as it is a scrollable region
159
+ ,
160
+ tabIndex: fg('platform_editor_nov_a11y_fixes') ? 0 : undefined,
161
+ role: fg('platform_editor_nov_a11y_fixes') ? 'region' : undefined,
162
+ "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,
158
163
  css: [content, hasPadding && paddingStyles,
159
164
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values, @atlaskit/design-system/consistent-css-prop-usage
160
165
  _this2.props.customWidth && customPanelWidthStyles, !visible && panelHidden, fg('platform_editor_disable_context_panel_animation') && disablePanelAnimation]
package/dist/esm/version-wrapper.js CHANGED
@@ -1,2 +1,2 @@
1
1
  export var name = "@atlaskit/editor-core";
2
- export var version = "0.0.0-development";
2
+ export var version = "215.15.5";
package/editor-styles-container/package.json ADDED
@@ -0,0 +1,17 @@
1
+ {
2
+ "name": "@atlaskit/editor-core/editor-styles-container",
3
+ "main": "../dist/cjs/ui/EditorContentContainer/EditorContentContainer.js",
4
+ "module": "../dist/esm/ui/EditorContentContainer/EditorContentContainer.js",
5
+ "module:es2019": "../dist/es2019/ui/EditorContentContainer/EditorContentContainer.js",
6
+ "sideEffects": [
7
+ "*.compiled.css"
8
+ ],
9
+ "types": "../dist/types/ui/EditorContentContainer/EditorContentContainer.d.ts",
10
+ "typesVersions": {
11
+ ">=4.5 <5.9": {
12
+ "*": [
13
+ "../dist/types-ts4.5/ui/EditorContentContainer/EditorContentContainer.d.ts"
14
+ ]
15
+ }
16
+ }
17
+ }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/editor-core",
3
- "version": "215.15.4",
3
+ "version": "215.16.0",
4
4
  "description": "A package contains Atlassian editor core functionality",
5
5
  "publishConfig": {
6
6
  "registry": "https://registry.npmjs.org/"
@@ -39,7 +39,7 @@
39
39
  },
40
40
  "dependencies": {
41
41
  "@atlaskit/activity-provider": "^2.5.0",
42
- "@atlaskit/adf-schema": "^51.4.0",
42
+ "@atlaskit/adf-schema": "^51.5.1",
43
43
  "@atlaskit/afm-i18n-platform-editor-editor-core": "2.10.0",
44
44
  "@atlaskit/analytics-namespaced-context": "^7.2.0",
45
45
  "@atlaskit/analytics-next": "^11.1.0",
@@ -64,7 +64,7 @@
64
64
  "@atlaskit/platform-feature-flags-react": "^0.4.0",
65
65
  "@atlaskit/react-ufo": "^4.15.0",
66
66
  "@atlaskit/task-decision": "^19.2.0",
67
- "@atlaskit/tmp-editor-statsig": "^14.2.0",
67
+ "@atlaskit/tmp-editor-statsig": "^14.5.0",
68
68
  "@atlaskit/tokens": "^8.4.0",
69
69
  "@atlaskit/tooltip": "^20.10.0",
70
70
  "@atlaskit/width-detector": "^5.0.0",
@@ -81,7 +81,7 @@
81
81
  "uuid": "^3.1.0"
82
82
  },
83
83
  "peerDependencies": {
84
- "@atlaskit/editor-common": "^110.36.0",
84
+ "@atlaskit/editor-common": "^110.38.0",
85
85
  "@atlaskit/link-provider": "^4.0.0",
86
86
  "@atlaskit/media-core": "^37.0.0",
87
87
  "react": "^18.2.0",
@@ -104,8 +104,7 @@
104
104
  "@atlaskit/media-integration-test-helpers": "workspace:^",
105
105
  "@atlaskit/media-test-helpers": "^39.0.0",
106
106
  "@atlaskit/modal-dialog": "^14.7.0",
107
- "@atlaskit/primitives": "^16.4.0",
108
- "@atlaskit/renderer": "^124.16.0",
107
+ "@atlaskit/renderer": "^124.17.0",
109
108
  "@atlaskit/section-message": "^8.9.0",
110
109
  "@atlaskit/synchrony-test-helpers": "workspace:^",
111
110
  "@atlaskit/toggle": "^15.1.0",
@@ -379,6 +378,9 @@
379
378
  "cc_fd_wb_create_priority_in_slash_menu_enabled": {
380
379
  "type": "boolean"
381
380
  },
381
+ "platform_editor_nov_a11y_fixes": {
382
+ "type": "boolean"
383
+ },
382
384
  "platform_editor_ai_aifc_patch_beta_2": {
383
385
  "type": "boolean"
384
386
  },