@atlaskit/editor-core 212.3.0 → 213.1.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 (33) hide show
  1. package/CHANGELOG.md +26 -0
  2. package/dist/cjs/ui/Appearance/FullPage/FullPage.js +2 -0
  3. package/dist/cjs/ui/Appearance/FullPage/FullPageToolbarNext.js +7 -4
  4. package/dist/cjs/ui/ContextPanel/index.js +4 -1
  5. package/dist/cjs/ui/PluginSlot/index.js +2 -1
  6. package/dist/cjs/ui/Toolbar/Toolbar.js +3 -2
  7. package/dist/cjs/ui/Toolbar/ToolbarPortal.js +1 -1
  8. package/dist/cjs/version-wrapper.js +1 -1
  9. package/dist/es2019/ui/Appearance/FullPage/FullPage.js +2 -0
  10. package/dist/es2019/ui/Appearance/FullPage/FullPageToolbarNext.js +7 -4
  11. package/dist/es2019/ui/ContextPanel/index.js +4 -1
  12. package/dist/es2019/ui/PluginSlot/index.js +2 -1
  13. package/dist/es2019/ui/Toolbar/Toolbar.js +3 -2
  14. package/dist/es2019/ui/Toolbar/ToolbarPortal.js +1 -1
  15. package/dist/es2019/version-wrapper.js +1 -1
  16. package/dist/esm/ui/Appearance/FullPage/FullPage.js +2 -0
  17. package/dist/esm/ui/Appearance/FullPage/FullPageToolbarNext.js +7 -4
  18. package/dist/esm/ui/ContextPanel/index.js +4 -1
  19. package/dist/esm/ui/PluginSlot/index.js +2 -1
  20. package/dist/esm/ui/Toolbar/Toolbar.js +3 -2
  21. package/dist/esm/ui/Toolbar/ToolbarPortal.js +1 -1
  22. package/dist/esm/version-wrapper.js +1 -1
  23. package/dist/types/create-editor/create-universal-preset.d.ts +1 -0
  24. package/dist/types/presets/universal.d.ts +1 -0
  25. package/dist/types/presets/useUniversalPreset.d.ts +1 -0
  26. package/dist/types/ui/Appearance/FullPage/FullPageToolbarNext.d.ts +2 -1
  27. package/dist/types/ui/Toolbar/Toolbar.d.ts +2 -2
  28. package/dist/types-ts4.5/create-editor/create-universal-preset.d.ts +1 -0
  29. package/dist/types-ts4.5/presets/universal.d.ts +1 -0
  30. package/dist/types-ts4.5/presets/useUniversalPreset.d.ts +1 -0
  31. package/dist/types-ts4.5/ui/Appearance/FullPage/FullPageToolbarNext.d.ts +2 -1
  32. package/dist/types-ts4.5/ui/Toolbar/Toolbar.d.ts +2 -2
  33. package/package.json +18 -19
package/CHANGELOG.md CHANGED
@@ -1,5 +1,31 @@
1
1
  # @atlaskit/editor-core
2
2
 
3
+ ## 213.1.0
4
+
5
+ ### Minor Changes
6
+
7
+ - [`b367661ba720e`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/b367661ba720e) -
8
+ EDITOR-1562 bump adf-schema for afm
9
+ - [`14595a9c17edc`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/14595a9c17edc) -
10
+ Exclude Editor PluginSlot components from SSR rendering
11
+
12
+ ### Patch Changes
13
+
14
+ - Updated dependencies
15
+
16
+ ## 213.0.0
17
+
18
+ ### Patch Changes
19
+
20
+ - [`17a448dee00a6`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/17a448dee00a6) -
21
+ FD-86538 clean up fg platform_editor_renderer_table_header_styles
22
+ - [`8e1d76c39d80c`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/8e1d76c39d80c) -
23
+ [ux] A11Y-10288 fix: missing aria-modal="false" for Non-modal dialog
24
+ - [`6a14edd919345`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/6a14edd919345) -
25
+ [ux] ED-29279 [SoftServ] Options in pinned toolbar are enabled when cursor is set in page title
26
+ field
27
+ - Updated dependencies
28
+
3
29
  ## 212.3.0
4
30
 
5
31
  ### Minor Changes
@@ -16,6 +16,7 @@ var _ui = require("@atlaskit/editor-common/ui");
16
16
  var _useSharedPluginStateSelector = require("@atlaskit/editor-common/use-shared-plugin-state-selector");
17
17
  var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
18
18
  var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
19
+ var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
19
20
  var _experiments = require("@atlaskit/tmp-editor-statsig/experiments");
20
21
  var _getPrimaryToolbarComponents = require("../../Toolbar/getPrimaryToolbarComponents");
21
22
  var _FullPageContentArea = require("./FullPageContentArea");
@@ -156,6 +157,7 @@ var FullPageEditor = exports.FullPageEditor = function FullPageEditor(props) {
156
157
  }, !isEditorToolbarHidden && (Boolean(editorAPI === null || editorAPI === void 0 ? void 0 : editorAPI.toolbar) && (0, _experiments.editorExperiment)('platform_editor_toolbar_aifc', true) ? (0, _react2.jsx)(_reactIntlNext.IntlProvider, {
157
158
  locale: "en"
158
159
  }, (0, _react2.jsx)(_FullPageToolbarNext.FullPageToolbarNext, {
160
+ disabled: (0, _expValEquals.expValEquals)('platform_editor_toolbar_aifc_patch_4', 'isEnabled', true) ? !!props.disabled : undefined,
159
161
  toolbarDockingPosition: toolbarDockingPosition !== null && toolbarDockingPosition !== void 0 ? toolbarDockingPosition : toolbarDocking,
160
162
  beforeIcon: props.primaryToolbarIconBefore,
161
163
  editorAPI: editorAPI,
@@ -1,4 +1,4 @@
1
- /* FullPageToolbarNext.tsx generated by @compiled/babel-plugin v0.36.1 */
1
+ /* FullPageToolbarNext.tsx generated by @compiled/babel-plugin v0.38.1 */
2
2
  "use strict";
3
3
 
4
4
  var _typeof = require("@babel/runtime/helpers/typeof");
@@ -62,7 +62,8 @@ var FullPageToolbarNext = exports.FullPageToolbarNext = function FullPageToolbar
62
62
  editorView = _ref4.editorView,
63
63
  popupsMountPoint = _ref4.popupsMountPoint,
64
64
  showKeyline = _ref4.showKeyline,
65
- customPrimaryToolbarComponents = _ref4.customPrimaryToolbarComponents;
65
+ customPrimaryToolbarComponents = _ref4.customPrimaryToolbarComponents,
66
+ disabled = _ref4.disabled;
66
67
  var components = editorAPI === null || editorAPI === void 0 || (_editorAPI$toolbar = editorAPI.toolbar) === null || _editorAPI$toolbar === void 0 ? void 0 : _editorAPI$toolbar.actions.getComponents();
67
68
  var intl = (0, _reactIntlNext.useIntl)();
68
69
  var toolbar = components === null || components === void 0 ? void 0 : components.find(function (component) {
@@ -117,7 +118,8 @@ var FullPageToolbarNext = exports.FullPageToolbarNext = function FullPageToolbar
117
118
  editorView: editorView,
118
119
  editorAPI: editorAPI,
119
120
  popupsMountPoint: mountPoint,
120
- editorAppearance: "full-page"
121
+ editorAppearance: "full-page",
122
+ isDisabled: disabled
121
123
  })), /*#__PURE__*/_react.default.createElement(SecondChildWrapper, null, /*#__PURE__*/_react.default.createElement("div", {
122
124
  className: (0, _runtime.ax)([styles.customToolbarWrapperStyle])
123
125
  }, !!customPrimaryToolbarComponents && 'before' in customPrimaryToolbarComponents && /*#__PURE__*/_react.default.createElement("div", {
@@ -129,7 +131,8 @@ var FullPageToolbarNext = exports.FullPageToolbarNext = function FullPageToolbar
129
131
  editorView: editorView,
130
132
  editorAPI: editorAPI,
131
133
  popupsMountPoint: mountPoint,
132
- editorAppearance: "full-page"
134
+ editorAppearance: "full-page",
135
+ isDisabled: disabled
133
136
  }))));
134
137
  });
135
138
  };
@@ -145,6 +145,8 @@ var SwappableContentAreaInner = /*#__PURE__*/function (_React$PureComponent) {
145
145
  width: "".concat(this.props.customWidth, "px"),
146
146
  overflowX: 'hidden'
147
147
  });
148
+ var ariaModal = (0, _platformFeatureFlags.fg)('platform_editor_a11y_macro_sidebar_dialog') ? 'false' : undefined;
149
+ var ariaLabelledBy = (0, _platformFeatureFlags.fg)('platform_editor_a11y_macro_sidebar_dialog') ? undefined : 'context-panel-title';
148
150
  return (0, _react2.jsx)(_contextPanel.ContextPanelConsumer, null, function (_ref) {
149
151
  var _this2$props$intl;
150
152
  var broadcastWidth = _ref.broadcastWidth;
@@ -155,8 +157,9 @@ var SwappableContentAreaInner = /*#__PURE__*/function (_React$PureComponent) {
155
157
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values, @atlaskit/design-system/consistent-css-prop-usage
156
158
  _this2.props.customWidth && customPanelWidthStyles, !visible && panelHidden, (0, _platformFeatureFlags.fg)('platform_editor_disable_context_panel_animation') && disablePanelAnimation],
157
159
  "data-testid": "context-panel-panel",
158
- "aria-labelledby": "context-panel-title",
159
160
  "aria-label": ((_this2$props$intl = _this2.props.intl) === null || _this2$props$intl === void 0 ? void 0 : _this2$props$intl.formatMessage(_messages.contextPanelMessages.panelLabel)) || '',
161
+ "aria-labelledby": ariaLabelledBy,
162
+ "aria-modal": ariaModal,
160
163
  role: "dialog"
161
164
  }, (0, _react2.jsx)("div", {
162
165
  "data-testid": "context-panel-content",
@@ -9,6 +9,7 @@ var _react = _interopRequireDefault(require("react"));
9
9
  var _react2 = require("@emotion/react");
10
10
  var _isEqual = _interopRequireDefault(require("lodash/isEqual"));
11
11
  var _analytics = require("@atlaskit/editor-common/analytics");
12
+ var _expVal = require("@atlaskit/tmp-editor-statsig/expVal");
12
13
  var _ErrorBoundary = require("../ErrorBoundary");
13
14
  var _mountPluginHooks = require("./mount-plugin-hooks");
14
15
  /**
@@ -36,7 +37,7 @@ var PluginSlot = function PluginSlot(_ref) {
36
37
  dispatchAnalyticsEvent = _ref.dispatchAnalyticsEvent,
37
38
  wrapperElement = _ref.wrapperElement,
38
39
  pluginHooks = _ref.pluginHooks;
39
- if (!items && !pluginHooks || !editorView) {
40
+ if (!items && !pluginHooks || !editorView && !(0, _expVal.expVal)('platform_editor_hydratable_ui', 'isEnabled', false)) {
40
41
  return null;
41
42
  }
42
43
  return (0, _react2.jsx)(_ErrorBoundary.ErrorBoundary, {
@@ -72,7 +72,8 @@ var ToolbarNext = exports.ToolbarNext = function ToolbarNext(_ref) {
72
72
  popupsMountPoint = _ref.popupsMountPoint,
73
73
  editorAppearance = _ref.editorAppearance,
74
74
  popupsBoundariesElement = _ref.popupsBoundariesElement,
75
- popupsScrollableElement = _ref.popupsScrollableElement;
75
+ popupsScrollableElement = _ref.popupsScrollableElement,
76
+ isDisabled = _ref.isDisabled;
76
77
  var _usePluginState = usePluginState(editorAPI),
77
78
  connectivityStateMode = _usePluginState.connectivityStateMode,
78
79
  editorViewMode = _usePluginState.editorViewMode,
@@ -85,7 +86,7 @@ var ToolbarNext = exports.ToolbarNext = function ToolbarNext(_ref) {
85
86
  editorToolbarDockingPreference: editorToolbarDockingPreference
86
87
  }, /*#__PURE__*/_react.default.createElement(_toolbar.EditorToolbarUIProvider, {
87
88
  api: editorAPI,
88
- isDisabled: isOffline,
89
+ isDisabled: isOffline || isDisabled,
89
90
  popupsMountPoint: popupsMountPoint,
90
91
  popupsBoundariesElement: popupsBoundariesElement,
91
92
  popupsScrollableElement: popupsScrollableElement
@@ -1,4 +1,4 @@
1
- /* ToolbarPortal.tsx generated by @compiled/babel-plugin v0.36.1 */
1
+ /* ToolbarPortal.tsx generated by @compiled/babel-plugin v0.38.1 */
2
2
  "use strict";
3
3
 
4
4
  var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
@@ -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 = "213.0.0";
@@ -13,6 +13,7 @@ import { ContextPanelWidthProvider } from '@atlaskit/editor-common/ui';
13
13
  import { useSharedPluginStateSelector } from '@atlaskit/editor-common/use-shared-plugin-state-selector';
14
14
  import { FULL_PAGE_EDITOR_TOOLBAR_HEIGHT } from '@atlaskit/editor-shared-styles';
15
15
  import { fg } from '@atlaskit/platform-feature-flags';
16
+ import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
16
17
  import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
17
18
  import { getPrimaryToolbarComponents } from '../../Toolbar/getPrimaryToolbarComponents';
18
19
  import { FullPageContentArea } from './FullPageContentArea';
@@ -141,6 +142,7 @@ export const FullPageEditor = props => {
141
142
  }, !isEditorToolbarHidden && (Boolean(editorAPI === null || editorAPI === void 0 ? void 0 : editorAPI.toolbar) && editorExperiment('platform_editor_toolbar_aifc', true) ? jsx(IntlProvider, {
142
143
  locale: "en"
143
144
  }, jsx(FullPageToolbarNext, {
145
+ disabled: expValEquals('platform_editor_toolbar_aifc_patch_4', 'isEnabled', true) ? !!props.disabled : undefined,
144
146
  toolbarDockingPosition: (_toolbarDockingPositi = toolbarDockingPosition) !== null && _toolbarDockingPositi !== void 0 ? _toolbarDockingPositi : toolbarDocking,
145
147
  beforeIcon: props.primaryToolbarIconBefore,
146
148
  editorAPI: editorAPI,
@@ -1,4 +1,4 @@
1
- /* FullPageToolbarNext.tsx generated by @compiled/babel-plugin v0.36.1 */
1
+ /* FullPageToolbarNext.tsx generated by @compiled/babel-plugin v0.38.1 */
2
2
  import "./FullPageToolbarNext.compiled.css";
3
3
  import { ax, ix } from "@compiled/react/runtime";
4
4
  import React, { useCallback } from 'react';
@@ -56,7 +56,8 @@ export const FullPageToolbarNext = ({
56
56
  editorView,
57
57
  popupsMountPoint,
58
58
  showKeyline,
59
- customPrimaryToolbarComponents
59
+ customPrimaryToolbarComponents,
60
+ disabled
60
61
  }) => {
61
62
  var _editorAPI$toolbar, _useToolbarPortal;
62
63
  const components = editorAPI === null || editorAPI === void 0 ? void 0 : (_editorAPI$toolbar = editorAPI.toolbar) === null || _editorAPI$toolbar === void 0 ? void 0 : _editorAPI$toolbar.actions.getComponents();
@@ -112,7 +113,8 @@ export const FullPageToolbarNext = ({
112
113
  editorView: editorView,
113
114
  editorAPI: editorAPI,
114
115
  popupsMountPoint: mountPoint,
115
- editorAppearance: "full-page"
116
+ editorAppearance: "full-page",
117
+ isDisabled: disabled
116
118
  })), /*#__PURE__*/React.createElement(SecondChildWrapper, null, /*#__PURE__*/React.createElement("div", {
117
119
  className: ax([styles.customToolbarWrapperStyle])
118
120
  }, !!customPrimaryToolbarComponents && 'before' in customPrimaryToolbarComponents && /*#__PURE__*/React.createElement("div", {
@@ -124,6 +126,7 @@ export const FullPageToolbarNext = ({
124
126
  editorView: editorView,
125
127
  editorAPI: editorAPI,
126
128
  popupsMountPoint: mountPoint,
127
- editorAppearance: "full-page"
129
+ editorAppearance: "full-page",
130
+ isDisabled: disabled
128
131
  })))));
129
132
  };
@@ -132,6 +132,8 @@ class SwappableContentAreaInner extends React.PureComponent {
132
132
  width: `${this.props.customWidth}px`,
133
133
  overflowX: 'hidden'
134
134
  });
135
+ const ariaModal = fg('platform_editor_a11y_macro_sidebar_dialog') ? 'false' : undefined;
136
+ const ariaLabelledBy = fg('platform_editor_a11y_macro_sidebar_dialog') ? undefined : 'context-panel-title';
135
137
  return jsx(ContextPanelConsumer, null, ({
136
138
  broadcastWidth
137
139
  }) => {
@@ -143,8 +145,9 @@ class SwappableContentAreaInner extends React.PureComponent {
143
145
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values, @atlaskit/design-system/consistent-css-prop-usage
144
146
  this.props.customWidth && customPanelWidthStyles, !visible && panelHidden, fg('platform_editor_disable_context_panel_animation') && disablePanelAnimation],
145
147
  "data-testid": "context-panel-panel",
146
- "aria-labelledby": "context-panel-title",
147
148
  "aria-label": ((_this$props$intl = this.props.intl) === null || _this$props$intl === void 0 ? void 0 : _this$props$intl.formatMessage(contextPanelMessages.panelLabel)) || '',
149
+ "aria-labelledby": ariaLabelledBy,
150
+ "aria-modal": ariaModal,
148
151
  role: "dialog"
149
152
  }, jsx("div", {
150
153
  "data-testid": "context-panel-content",
@@ -8,6 +8,7 @@ import React from 'react';
8
8
  import { css, jsx } from '@emotion/react';
9
9
  import isEqual from 'lodash/isEqual';
10
10
  import { ACTION_SUBJECT } from '@atlaskit/editor-common/analytics';
11
+ import { expVal } from '@atlaskit/tmp-editor-statsig/expVal';
11
12
  import { ErrorBoundary } from '../ErrorBoundary';
12
13
  import { MountPluginHooks } from './mount-plugin-hooks';
13
14
  const pluginsComponentsWrapper = css({
@@ -29,7 +30,7 @@ const PluginSlot = ({
29
30
  wrapperElement,
30
31
  pluginHooks
31
32
  }) => {
32
- if (!items && !pluginHooks || !editorView) {
33
+ if (!items && !pluginHooks || !editorView && !expVal('platform_editor_hydratable_ui', 'isEnabled', false)) {
33
34
  return null;
34
35
  }
35
36
  return jsx(ErrorBoundary, {
@@ -64,7 +64,8 @@ export const ToolbarNext = ({
64
64
  popupsMountPoint,
65
65
  editorAppearance,
66
66
  popupsBoundariesElement,
67
- popupsScrollableElement
67
+ popupsScrollableElement,
68
+ isDisabled
68
69
  }) => {
69
70
  const {
70
71
  connectivityStateMode,
@@ -79,7 +80,7 @@ export const ToolbarNext = ({
79
80
  editorToolbarDockingPreference: editorToolbarDockingPreference
80
81
  }, /*#__PURE__*/React.createElement(EditorToolbarUIProvider, {
81
82
  api: editorAPI,
82
- isDisabled: isOffline,
83
+ isDisabled: isOffline || isDisabled,
83
84
  popupsMountPoint: popupsMountPoint,
84
85
  popupsBoundariesElement: popupsBoundariesElement,
85
86
  popupsScrollableElement: popupsScrollableElement
@@ -1,4 +1,4 @@
1
- /* ToolbarPortal.tsx generated by @compiled/babel-plugin v0.36.1 */
1
+ /* ToolbarPortal.tsx generated by @compiled/babel-plugin v0.38.1 */
2
2
  import "./ToolbarPortal.compiled.css";
3
3
  import { ax, ix } from "@compiled/react/runtime";
4
4
  import React from 'react';
@@ -1,2 +1,2 @@
1
1
  export const name = "@atlaskit/editor-core";
2
- export const version = "0.0.0-development";
2
+ export const version = "213.0.0";
@@ -14,6 +14,7 @@ import { ContextPanelWidthProvider } from '@atlaskit/editor-common/ui';
14
14
  import { useSharedPluginStateSelector } from '@atlaskit/editor-common/use-shared-plugin-state-selector';
15
15
  import { FULL_PAGE_EDITOR_TOOLBAR_HEIGHT } from '@atlaskit/editor-shared-styles';
16
16
  import { fg } from '@atlaskit/platform-feature-flags';
17
+ import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
17
18
  import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
18
19
  import { getPrimaryToolbarComponents } from '../../Toolbar/getPrimaryToolbarComponents';
19
20
  import { FullPageContentArea } from './FullPageContentArea';
@@ -146,6 +147,7 @@ export var FullPageEditor = function FullPageEditor(props) {
146
147
  }, !isEditorToolbarHidden && (Boolean(editorAPI === null || editorAPI === void 0 ? void 0 : editorAPI.toolbar) && editorExperiment('platform_editor_toolbar_aifc', true) ? jsx(IntlProvider, {
147
148
  locale: "en"
148
149
  }, jsx(FullPageToolbarNext, {
150
+ disabled: expValEquals('platform_editor_toolbar_aifc_patch_4', 'isEnabled', true) ? !!props.disabled : undefined,
149
151
  toolbarDockingPosition: toolbarDockingPosition !== null && toolbarDockingPosition !== void 0 ? toolbarDockingPosition : toolbarDocking,
150
152
  beforeIcon: props.primaryToolbarIconBefore,
151
153
  editorAPI: editorAPI,
@@ -1,4 +1,4 @@
1
- /* FullPageToolbarNext.tsx generated by @compiled/babel-plugin v0.36.1 */
1
+ /* FullPageToolbarNext.tsx generated by @compiled/babel-plugin v0.38.1 */
2
2
  import "./FullPageToolbarNext.compiled.css";
3
3
  import { ax, ix } from "@compiled/react/runtime";
4
4
  import React, { useCallback } from 'react';
@@ -54,7 +54,8 @@ export var FullPageToolbarNext = function FullPageToolbarNext(_ref4) {
54
54
  editorView = _ref4.editorView,
55
55
  popupsMountPoint = _ref4.popupsMountPoint,
56
56
  showKeyline = _ref4.showKeyline,
57
- customPrimaryToolbarComponents = _ref4.customPrimaryToolbarComponents;
57
+ customPrimaryToolbarComponents = _ref4.customPrimaryToolbarComponents,
58
+ disabled = _ref4.disabled;
58
59
  var components = editorAPI === null || editorAPI === void 0 || (_editorAPI$toolbar = editorAPI.toolbar) === null || _editorAPI$toolbar === void 0 ? void 0 : _editorAPI$toolbar.actions.getComponents();
59
60
  var intl = useIntl();
60
61
  var toolbar = components === null || components === void 0 ? void 0 : components.find(function (component) {
@@ -109,7 +110,8 @@ export var FullPageToolbarNext = function FullPageToolbarNext(_ref4) {
109
110
  editorView: editorView,
110
111
  editorAPI: editorAPI,
111
112
  popupsMountPoint: mountPoint,
112
- editorAppearance: "full-page"
113
+ editorAppearance: "full-page",
114
+ isDisabled: disabled
113
115
  })), /*#__PURE__*/React.createElement(SecondChildWrapper, null, /*#__PURE__*/React.createElement("div", {
114
116
  className: ax([styles.customToolbarWrapperStyle])
115
117
  }, !!customPrimaryToolbarComponents && 'before' in customPrimaryToolbarComponents && /*#__PURE__*/React.createElement("div", {
@@ -121,7 +123,8 @@ export var FullPageToolbarNext = function FullPageToolbarNext(_ref4) {
121
123
  editorView: editorView,
122
124
  editorAPI: editorAPI,
123
125
  popupsMountPoint: mountPoint,
124
- editorAppearance: "full-page"
126
+ editorAppearance: "full-page",
127
+ isDisabled: disabled
125
128
  }))));
126
129
  });
127
130
  };
@@ -140,6 +140,8 @@ var SwappableContentAreaInner = /*#__PURE__*/function (_React$PureComponent) {
140
140
  width: "".concat(this.props.customWidth, "px"),
141
141
  overflowX: 'hidden'
142
142
  });
143
+ var ariaModal = fg('platform_editor_a11y_macro_sidebar_dialog') ? 'false' : undefined;
144
+ var ariaLabelledBy = fg('platform_editor_a11y_macro_sidebar_dialog') ? undefined : 'context-panel-title';
143
145
  return jsx(ContextPanelConsumer, null, function (_ref) {
144
146
  var _this2$props$intl;
145
147
  var broadcastWidth = _ref.broadcastWidth;
@@ -150,8 +152,9 @@ var SwappableContentAreaInner = /*#__PURE__*/function (_React$PureComponent) {
150
152
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values, @atlaskit/design-system/consistent-css-prop-usage
151
153
  _this2.props.customWidth && customPanelWidthStyles, !visible && panelHidden, fg('platform_editor_disable_context_panel_animation') && disablePanelAnimation],
152
154
  "data-testid": "context-panel-panel",
153
- "aria-labelledby": "context-panel-title",
154
155
  "aria-label": ((_this2$props$intl = _this2.props.intl) === null || _this2$props$intl === void 0 ? void 0 : _this2$props$intl.formatMessage(contextPanelMessages.panelLabel)) || '',
156
+ "aria-labelledby": ariaLabelledBy,
157
+ "aria-modal": ariaModal,
155
158
  role: "dialog"
156
159
  }, jsx("div", {
157
160
  "data-testid": "context-panel-content",
@@ -8,6 +8,7 @@ import React from 'react';
8
8
  import { css, jsx } from '@emotion/react';
9
9
  import isEqual from 'lodash/isEqual';
10
10
  import { ACTION_SUBJECT } from '@atlaskit/editor-common/analytics';
11
+ import { expVal } from '@atlaskit/tmp-editor-statsig/expVal';
11
12
  import { ErrorBoundary } from '../ErrorBoundary';
12
13
  import { MountPluginHooks } from './mount-plugin-hooks';
13
14
  var pluginsComponentsWrapper = css({
@@ -28,7 +29,7 @@ var PluginSlot = function PluginSlot(_ref) {
28
29
  dispatchAnalyticsEvent = _ref.dispatchAnalyticsEvent,
29
30
  wrapperElement = _ref.wrapperElement,
30
31
  pluginHooks = _ref.pluginHooks;
31
- if (!items && !pluginHooks || !editorView) {
32
+ if (!items && !pluginHooks || !editorView && !expVal('platform_editor_hydratable_ui', 'isEnabled', false)) {
32
33
  return null;
33
34
  }
34
35
  return jsx(ErrorBoundary, {
@@ -66,7 +66,8 @@ export var ToolbarNext = function ToolbarNext(_ref) {
66
66
  popupsMountPoint = _ref.popupsMountPoint,
67
67
  editorAppearance = _ref.editorAppearance,
68
68
  popupsBoundariesElement = _ref.popupsBoundariesElement,
69
- popupsScrollableElement = _ref.popupsScrollableElement;
69
+ popupsScrollableElement = _ref.popupsScrollableElement,
70
+ isDisabled = _ref.isDisabled;
70
71
  var _usePluginState = usePluginState(editorAPI),
71
72
  connectivityStateMode = _usePluginState.connectivityStateMode,
72
73
  editorViewMode = _usePluginState.editorViewMode,
@@ -79,7 +80,7 @@ export var ToolbarNext = function ToolbarNext(_ref) {
79
80
  editorToolbarDockingPreference: editorToolbarDockingPreference
80
81
  }, /*#__PURE__*/React.createElement(EditorToolbarUIProvider, {
81
82
  api: editorAPI,
82
- isDisabled: isOffline,
83
+ isDisabled: isOffline || isDisabled,
83
84
  popupsMountPoint: popupsMountPoint,
84
85
  popupsBoundariesElement: popupsBoundariesElement,
85
86
  popupsScrollableElement: popupsScrollableElement
@@ -1,4 +1,4 @@
1
- /* ToolbarPortal.tsx generated by @compiled/babel-plugin v0.36.1 */
1
+ /* ToolbarPortal.tsx generated by @compiled/babel-plugin v0.38.1 */
2
2
  import "./ToolbarPortal.compiled.css";
3
3
  import { ax, ix } from "@compiled/react/runtime";
4
4
  import React from 'react';
@@ -1,2 +1,2 @@
1
1
  export var name = "@atlaskit/editor-core";
2
- export var version = "0.0.0-development";
2
+ export var version = "213.0.0";
@@ -201,6 +201,7 @@ export declare function createUniversalPreset({ props, prevProps, initialPluginC
201
201
  setProvider: (provider: Promise<import("@atlaskit/task-decision").TaskDecisionProvider>) => Promise<boolean>;
202
202
  };
203
203
  commands: {
204
+ toggleTaskList: (targetType?: "orderedList" | "bulletList" | "paragraph") => import("@atlaskit/editor-common/types").EditorCommand;
204
205
  updateEditPermission: (hasEditPermission: boolean | undefined) => import("@atlaskit/editor-common/types").EditorCommand;
205
206
  updateHasRequestedEditPermission: (hasRequestedEditPermission: boolean) => import("@atlaskit/editor-common/types").EditorCommand;
206
207
  };
@@ -260,6 +260,7 @@ export default function createUniversalPresetInternal({ appearance, props, featu
260
260
  setProvider: (provider: Promise<import("@atlaskit/task-decision").TaskDecisionProvider>) => Promise<boolean>;
261
261
  };
262
262
  commands: {
263
+ toggleTaskList: (targetType?: "orderedList" | "bulletList" | "paragraph") => import("@atlaskit/editor-common/types").EditorCommand;
263
264
  updateEditPermission: (hasEditPermission: boolean | undefined) => import("@atlaskit/editor-common/types").EditorCommand;
264
265
  updateHasRequestedEditPermission: (hasRequestedEditPermission: boolean) => import("@atlaskit/editor-common/types").EditorCommand;
265
266
  };
@@ -201,6 +201,7 @@ export default function useUniversalPreset({ props, initialPluginConfiguration }
201
201
  setProvider: (provider: Promise<import("@atlaskit/task-decision").TaskDecisionProvider>) => Promise<boolean>;
202
202
  };
203
203
  commands: {
204
+ toggleTaskList: (targetType?: "orderedList" | "bulletList" | "paragraph") => import("@atlaskit/editor-common/types").EditorCommand;
204
205
  updateEditPermission: (hasEditPermission: boolean | undefined) => import("@atlaskit/editor-common/types").EditorCommand;
205
206
  updateHasRequestedEditPermission: (hasRequestedEditPermission: boolean) => import("@atlaskit/editor-common/types").EditorCommand;
206
207
  };
@@ -11,6 +11,7 @@ import type { PrimaryToolbarComponents } from '../../../types';
11
11
  type FullPageToolbarNextProps = {
12
12
  beforeIcon?: React.ReactNode;
13
13
  customPrimaryToolbarComponents?: PrimaryToolbarComponents;
14
+ disabled?: boolean;
14
15
  editorAPI?: PublicPluginAPI<[ToolbarPlugin]>;
15
16
  editorView?: EditorView;
16
17
  popupsBoundariesElement?: HTMLElement;
@@ -19,5 +20,5 @@ type FullPageToolbarNextProps = {
19
20
  showKeyline: boolean;
20
21
  toolbarDockingPosition?: 'top' | 'none';
21
22
  };
22
- export declare const FullPageToolbarNext: ({ editorAPI, beforeIcon, toolbarDockingPosition, editorView, popupsMountPoint, showKeyline, customPrimaryToolbarComponents, }: FullPageToolbarNextProps) => JSX.Element;
23
+ export declare const FullPageToolbarNext: ({ editorAPI, beforeIcon, toolbarDockingPosition, editorView, popupsMountPoint, showKeyline, customPrimaryToolbarComponents, disabled, }: FullPageToolbarNextProps) => JSX.Element;
23
24
  export {};
@@ -12,7 +12,7 @@ import type { ToolbarProps } from './toolbar-types';
12
12
  * If making changes to this component please ensure to also update `<ToolbarNext />`.
13
13
  */
14
14
  export declare const Toolbar: (props: ToolbarProps) => JSX.Element;
15
- type NewToolbarProps = Pick<ToolbarUIContextType, 'popupsMountPoint' | 'popupsBoundariesElement' | 'popupsScrollableElement'> & Pick<EditorToolbarContextType, 'editorAppearance'> & {
15
+ type NewToolbarProps = Pick<ToolbarUIContextType, 'popupsMountPoint' | 'popupsBoundariesElement' | 'popupsScrollableElement' | 'isDisabled'> & Pick<EditorToolbarContextType, 'editorAppearance'> & {
16
16
  components: RegisterComponent[];
17
17
  editorAPI?: PublicPluginAPI<[ToolbarPlugin]>;
18
18
  editorView?: EditorView;
@@ -24,5 +24,5 @@ type NewToolbarProps = Pick<ToolbarUIContextType, 'popupsMountPoint' | 'popupsBo
24
24
  *
25
25
  * The majority of components UI should use `@atlaskit/editor-toolbar` components.
26
26
  */
27
- export declare const ToolbarNext: ({ toolbar, components, editorView, editorAPI, popupsMountPoint, editorAppearance, popupsBoundariesElement, popupsScrollableElement, }: NewToolbarProps) => React.JSX.Element;
27
+ export declare const ToolbarNext: ({ toolbar, components, editorView, editorAPI, popupsMountPoint, editorAppearance, popupsBoundariesElement, popupsScrollableElement, isDisabled, }: NewToolbarProps) => React.JSX.Element;
28
28
  export {};
@@ -316,6 +316,7 @@ export declare function createUniversalPreset({ props, prevProps, initialPluginC
316
316
  setProvider: (provider: Promise<import("@atlaskit/task-decision").TaskDecisionProvider>) => Promise<boolean>;
317
317
  };
318
318
  commands: {
319
+ toggleTaskList: (targetType?: "orderedList" | "bulletList" | "paragraph") => import("@atlaskit/editor-common/types").EditorCommand;
319
320
  updateEditPermission: (hasEditPermission: boolean | undefined) => import("@atlaskit/editor-common/types").EditorCommand;
320
321
  updateHasRequestedEditPermission: (hasRequestedEditPermission: boolean) => import("@atlaskit/editor-common/types").EditorCommand;
321
322
  };
@@ -375,6 +375,7 @@ export default function createUniversalPresetInternal({ appearance, props, featu
375
375
  setProvider: (provider: Promise<import("@atlaskit/task-decision").TaskDecisionProvider>) => Promise<boolean>;
376
376
  };
377
377
  commands: {
378
+ toggleTaskList: (targetType?: "orderedList" | "bulletList" | "paragraph") => import("@atlaskit/editor-common/types").EditorCommand;
378
379
  updateEditPermission: (hasEditPermission: boolean | undefined) => import("@atlaskit/editor-common/types").EditorCommand;
379
380
  updateHasRequestedEditPermission: (hasRequestedEditPermission: boolean) => import("@atlaskit/editor-common/types").EditorCommand;
380
381
  };
@@ -316,6 +316,7 @@ export default function useUniversalPreset({ props, initialPluginConfiguration }
316
316
  setProvider: (provider: Promise<import("@atlaskit/task-decision").TaskDecisionProvider>) => Promise<boolean>;
317
317
  };
318
318
  commands: {
319
+ toggleTaskList: (targetType?: "orderedList" | "bulletList" | "paragraph") => import("@atlaskit/editor-common/types").EditorCommand;
319
320
  updateEditPermission: (hasEditPermission: boolean | undefined) => import("@atlaskit/editor-common/types").EditorCommand;
320
321
  updateHasRequestedEditPermission: (hasRequestedEditPermission: boolean) => import("@atlaskit/editor-common/types").EditorCommand;
321
322
  };
@@ -11,6 +11,7 @@ import type { PrimaryToolbarComponents } from '../../../types';
11
11
  type FullPageToolbarNextProps = {
12
12
  beforeIcon?: React.ReactNode;
13
13
  customPrimaryToolbarComponents?: PrimaryToolbarComponents;
14
+ disabled?: boolean;
14
15
  editorAPI?: PublicPluginAPI<[
15
16
  ToolbarPlugin
16
17
  ]>;
@@ -21,5 +22,5 @@ type FullPageToolbarNextProps = {
21
22
  showKeyline: boolean;
22
23
  toolbarDockingPosition?: 'top' | 'none';
23
24
  };
24
- export declare const FullPageToolbarNext: ({ editorAPI, beforeIcon, toolbarDockingPosition, editorView, popupsMountPoint, showKeyline, customPrimaryToolbarComponents, }: FullPageToolbarNextProps) => JSX.Element;
25
+ export declare const FullPageToolbarNext: ({ editorAPI, beforeIcon, toolbarDockingPosition, editorView, popupsMountPoint, showKeyline, customPrimaryToolbarComponents, disabled, }: FullPageToolbarNextProps) => JSX.Element;
25
26
  export {};
@@ -12,7 +12,7 @@ import type { ToolbarProps } from './toolbar-types';
12
12
  * If making changes to this component please ensure to also update `<ToolbarNext />`.
13
13
  */
14
14
  export declare const Toolbar: (props: ToolbarProps) => JSX.Element;
15
- type NewToolbarProps = Pick<ToolbarUIContextType, 'popupsMountPoint' | 'popupsBoundariesElement' | 'popupsScrollableElement'> & Pick<EditorToolbarContextType, 'editorAppearance'> & {
15
+ type NewToolbarProps = Pick<ToolbarUIContextType, 'popupsMountPoint' | 'popupsBoundariesElement' | 'popupsScrollableElement' | 'isDisabled'> & Pick<EditorToolbarContextType, 'editorAppearance'> & {
16
16
  components: RegisterComponent[];
17
17
  editorAPI?: PublicPluginAPI<[
18
18
  ToolbarPlugin
@@ -26,5 +26,5 @@ type NewToolbarProps = Pick<ToolbarUIContextType, 'popupsMountPoint' | 'popupsBo
26
26
  *
27
27
  * The majority of components UI should use `@atlaskit/editor-toolbar` components.
28
28
  */
29
- export declare const ToolbarNext: ({ toolbar, components, editorView, editorAPI, popupsMountPoint, editorAppearance, popupsBoundariesElement, popupsScrollableElement, }: NewToolbarProps) => React.JSX.Element;
29
+ export declare const ToolbarNext: ({ toolbar, components, editorView, editorAPI, popupsMountPoint, editorAppearance, popupsBoundariesElement, popupsScrollableElement, isDisabled, }: NewToolbarProps) => React.JSX.Element;
30
30
  export {};
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/editor-core",
3
- "version": "212.3.0",
3
+ "version": "213.1.0",
4
4
  "description": "A package contains Atlassian editor core functionality",
5
5
  "publishConfig": {
6
6
  "registry": "https://registry.npmjs.org/"
@@ -39,13 +39,13 @@
39
39
  },
40
40
  "dependencies": {
41
41
  "@atlaskit/activity-provider": "^2.5.0",
42
- "@atlaskit/adf-schema": "^51.1.1",
42
+ "@atlaskit/adf-schema": "^51.1.2",
43
43
  "@atlaskit/analytics-namespaced-context": "^7.0.0",
44
44
  "@atlaskit/analytics-next": "^11.1.0",
45
45
  "@atlaskit/analytics-next-stable-react-context": "1.0.1",
46
46
  "@atlaskit/button": "^23.4.0",
47
47
  "@atlaskit/css": "^0.14.0",
48
- "@atlaskit/editor-json-transformer": "^8.28.0",
48
+ "@atlaskit/editor-json-transformer": "^8.29.0",
49
49
  "@atlaskit/editor-performance-metrics": "^2.1.0",
50
50
  "@atlaskit/editor-plugin-quick-insert": "^5.0.0",
51
51
  "@atlaskit/editor-plugin-user-preferences": "^3.0.0",
@@ -61,9 +61,9 @@
61
61
  "@atlaskit/mention": "^24.2.0",
62
62
  "@atlaskit/platform-feature-flags": "^1.1.0",
63
63
  "@atlaskit/platform-feature-flags-react": "^0.3.0",
64
- "@atlaskit/react-ufo": "^4.6.0",
64
+ "@atlaskit/react-ufo": "^4.7.0",
65
65
  "@atlaskit/task-decision": "^19.2.0",
66
- "@atlaskit/tmp-editor-statsig": "^12.16.0",
66
+ "@atlaskit/tmp-editor-statsig": "^12.18.0",
67
67
  "@atlaskit/tokens": "^6.3.0",
68
68
  "@atlaskit/tooltip": "^20.4.0",
69
69
  "@atlaskit/width-detector": "^5.0.0",
@@ -80,8 +80,8 @@
80
80
  "uuid": "^3.1.0"
81
81
  },
82
82
  "peerDependencies": {
83
- "@atlaskit/editor-common": "^109.3.0",
84
- "@atlaskit/link-provider": "^3.7.0",
83
+ "@atlaskit/editor-common": "^109.5.0",
84
+ "@atlaskit/link-provider": "^4.0.0",
85
85
  "@atlaskit/media-core": "^37.0.0",
86
86
  "react": "^18.2.0",
87
87
  "react-dom": "^18.2.0",
@@ -90,23 +90,23 @@
90
90
  "devDependencies": {
91
91
  "@af/editor-libra": "workspace:^",
92
92
  "@af/visual-regression": "workspace:^",
93
- "@atlaskit/adf-utils": "^19.22.0",
93
+ "@atlaskit/adf-utils": "^19.23.0",
94
94
  "@atlaskit/analytics-listeners": "^9.0.0",
95
95
  "@atlaskit/collab-provider": "^13.0.0",
96
- "@atlaskit/editor-plugin-annotation": "^5.2.0",
97
- "@atlaskit/editor-plugin-card": "^9.1.0",
98
- "@atlaskit/editor-plugin-list": "^7.1.0",
99
- "@atlaskit/editor-plugin-paste": "^6.1.0",
100
- "@atlaskit/link-provider": "^3.7.0",
96
+ "@atlaskit/editor-plugin-annotation": "^5.3.0",
97
+ "@atlaskit/editor-plugin-card": "^10.1.0",
98
+ "@atlaskit/editor-plugin-list": "^7.2.0",
99
+ "@atlaskit/editor-plugin-paste": "^6.2.0",
100
+ "@atlaskit/link-provider": "^4.0.0",
101
101
  "@atlaskit/logo": "^19.7.0",
102
102
  "@atlaskit/media-core": "^37.0.0",
103
103
  "@atlaskit/media-integration-test-helpers": "workspace:^",
104
104
  "@atlaskit/media-test-helpers": "^39.0.0",
105
105
  "@atlaskit/modal-dialog": "^14.3.0",
106
106
  "@atlaskit/primitives": "^14.14.0",
107
- "@atlaskit/renderer": "^122.3.0",
107
+ "@atlaskit/renderer": "^123.1.0",
108
108
  "@atlaskit/section-message": "^8.7.0",
109
- "@atlaskit/smart-card": "^40.22.0",
109
+ "@atlaskit/smart-card": "^41.0.0",
110
110
  "@atlaskit/synchrony-test-helpers": "workspace:^",
111
111
  "@atlaskit/toggle": "^15.1.0",
112
112
  "@atlaskit/util-data-test": "^18.2.0",
@@ -292,10 +292,6 @@
292
292
  "platform_editor_react_18_autofocus_fix": {
293
293
  "type": "boolean"
294
294
  },
295
- "platform_editor_renderer_table_header_styles": {
296
- "type": "boolean",
297
- "referenceOnly": true
298
- },
299
295
  "platform_editor_track_node_types": {
300
296
  "type": "boolean",
301
297
  "referenceOnly": true
@@ -525,6 +521,9 @@
525
521
  },
526
522
  "platform_editor_resolve_hyperlinks_killswitch": {
527
523
  "type": "boolean"
524
+ },
525
+ "platform_editor_a11y_macro_sidebar_dialog": {
526
+ "type": "boolean"
528
527
  }
529
528
  },
530
529
  "stricter": {