@atlaskit/editor-core 217.5.0 → 217.5.1

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 (8) hide show
  1. package/CHANGELOG.md +9 -0
  2. package/dist/cjs/ui/Appearance/FullPage/FullPageToolbarNext.js +32 -2
  3. package/dist/cjs/version-wrapper.js +1 -1
  4. package/dist/es2019/ui/Appearance/FullPage/FullPageToolbarNext.js +29 -0
  5. package/dist/es2019/version-wrapper.js +1 -1
  6. package/dist/esm/ui/Appearance/FullPage/FullPageToolbarNext.js +32 -2
  7. package/dist/esm/version-wrapper.js +1 -1
  8. package/package.json +3 -3
package/CHANGELOG.md CHANGED
@@ -1,5 +1,14 @@
1
1
  # @atlaskit/editor-core
2
2
 
3
+ ## 217.5.1
4
+
5
+ ### Patch Changes
6
+
7
+ - [`cdc6ff4788df0`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/cdc6ff4788df0) -
8
+ [EDITOR-5739] Move TwoStageHydration on toolbar down to around toolbar component rather than
9
+ ToolbarArrowKeyNavigationProvider
10
+ - Updated dependencies
11
+
3
12
  ## 217.5.0
4
13
 
5
14
  ### Minor Changes
package/dist/cjs/ui/Appearance/FullPage/FullPageToolbarNext.js CHANGED
@@ -119,8 +119,38 @@ var FullPageToolbarNext = exports.FullPageToolbarNext = function FullPageToolbar
119
119
  return /*#__PURE__*/_react.default.createElement(ToolbarPortal, null, null);
120
120
  }
121
121
  }
122
- return /*#__PURE__*/_react.default.createElement(_contextPanel.ContextPanelConsumer, null, function (_ref6) {
123
- var ContextPanelWidth = _ref6.width;
122
+ if ((0, _expValEquals.expValEquals)('platform_editor_toolbar_two_stage_hydration', 'isEnabled', true)) {
123
+ return /*#__PURE__*/_react.default.createElement(_contextPanel.ContextPanelConsumer, null, function (_ref6) {
124
+ var ContextPanelWidth = _ref6.width;
125
+ return /*#__PURE__*/_react.default.createElement(_uiMenu.ToolbarArrowKeyNavigationProvider, {
126
+ editorView: editorView,
127
+ childComponentSelector: "[data-testid='ak-editor-main-toolbar']",
128
+ isShortcutToFocusToolbar: isShortcutToFocusToolbar,
129
+ handleEscape: handleEscape,
130
+ intl: intl
131
+ }, /*#__PURE__*/_react.default.createElement(ToolbarPortal, null, /*#__PURE__*/_react.default.createElement(MainToolbarWrapper, {
132
+ testId: "ak-editor-main-toolbar",
133
+ showKeyline: showKeyline || ContextPanelWidth > 0
134
+ }, beforeIcon && /*#__PURE__*/_react.default.createElement("div", {
135
+ className: (0, _runtime.ax)([styles.mainToolbarIconBefore, styles.mainToolbarIconBeforeNew])
136
+ }, beforeIcon), /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(FirstChildWrapper, null, /*#__PURE__*/_react.default.createElement(_ExcludeFromHydration.default, null, primaryToolbarDockingConfigEnabled && components && (0, _toolbar2.isToolbar)(toolbar) && ((0, _coreUtils.isSSR)() || editorView) && (!(0, _expValEquals.expValEquals)('platform_editor_toolbar_delay_render_fix', 'isEnabled', true) || !(0, _coreUtils.isSSR)()) && /*#__PURE__*/_react.default.createElement(_Toolbar.ToolbarNext, {
137
+ toolbar: toolbar,
138
+ components: components,
139
+ editorView: editorView,
140
+ editorAPI: editorAPI,
141
+ popupsMountPoint: mountPoint,
142
+ editorAppearance: "full-page",
143
+ isDisabled: disabled
144
+ }))), /*#__PURE__*/_react.default.createElement(SecondChildWrapper, null, /*#__PURE__*/_react.default.createElement("div", {
145
+ className: (0, _runtime.ax)([styles.customToolbarWrapperStyle])
146
+ }, !!customPrimaryToolbarComponents && 'before' in customPrimaryToolbarComponents && /*#__PURE__*/_react.default.createElement("div", {
147
+ "data-testid": 'before-primary-toolbar-components-plugin',
148
+ className: (0, _runtime.ax)([styles.beforePrimaryToolbarComponents])
149
+ }, customPrimaryToolbarComponents.before), !!customPrimaryToolbarComponents && 'after' in customPrimaryToolbarComponents ? customPrimaryToolbarComponents.after : customPrimaryToolbarComponents)), /*#__PURE__*/_react.default.createElement(_ToolbarPortal.ToolbarPortalMountPoint, null)))));
150
+ });
151
+ }
152
+ return /*#__PURE__*/_react.default.createElement(_contextPanel.ContextPanelConsumer, null, function (_ref7) {
153
+ var ContextPanelWidth = _ref7.width;
124
154
  return /*#__PURE__*/_react.default.createElement(_ExcludeFromHydration.default, {
125
155
  fallback: /*#__PURE__*/_react.default.createElement(ToolbarPlaceholder, null)
126
156
  }, /*#__PURE__*/_react.default.createElement(_uiMenu.ToolbarArrowKeyNavigationProvider, {
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 = "217.5.0";
package/dist/es2019/ui/Appearance/FullPage/FullPageToolbarNext.js CHANGED
@@ -113,6 +113,35 @@ export const FullPageToolbarNext = ({
113
113
  return /*#__PURE__*/React.createElement(ToolbarPortal, null, null);
114
114
  }
115
115
  }
116
+ if (expValEquals('platform_editor_toolbar_two_stage_hydration', 'isEnabled', true)) {
117
+ return /*#__PURE__*/React.createElement(ContextPanelConsumer, null, ({
118
+ width: ContextPanelWidth
119
+ }) => /*#__PURE__*/React.createElement(ToolbarArrowKeyNavigationProvider, {
120
+ editorView: editorView,
121
+ childComponentSelector: "[data-testid='ak-editor-main-toolbar']",
122
+ isShortcutToFocusToolbar: isShortcutToFocusToolbar,
123
+ handleEscape: handleEscape,
124
+ intl: intl
125
+ }, /*#__PURE__*/React.createElement(ToolbarPortal, null, /*#__PURE__*/React.createElement(MainToolbarWrapper, {
126
+ testId: "ak-editor-main-toolbar",
127
+ showKeyline: showKeyline || ContextPanelWidth > 0
128
+ }, beforeIcon && /*#__PURE__*/React.createElement("div", {
129
+ className: ax([styles.mainToolbarIconBefore, styles.mainToolbarIconBeforeNew])
130
+ }, beforeIcon), /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(FirstChildWrapper, null, /*#__PURE__*/React.createElement(ExcludeFromHydration, null, primaryToolbarDockingConfigEnabled && components && isToolbar(toolbar) && (isSSR() || editorView) && (!expValEquals('platform_editor_toolbar_delay_render_fix', 'isEnabled', true) || !isSSR()) && /*#__PURE__*/React.createElement(ToolbarNext, {
131
+ toolbar: toolbar,
132
+ components: components,
133
+ editorView: editorView,
134
+ editorAPI: editorAPI,
135
+ popupsMountPoint: mountPoint,
136
+ editorAppearance: "full-page",
137
+ isDisabled: disabled
138
+ }))), /*#__PURE__*/React.createElement(SecondChildWrapper, null, /*#__PURE__*/React.createElement("div", {
139
+ className: ax([styles.customToolbarWrapperStyle])
140
+ }, !!customPrimaryToolbarComponents && 'before' in customPrimaryToolbarComponents && /*#__PURE__*/React.createElement("div", {
141
+ "data-testid": 'before-primary-toolbar-components-plugin',
142
+ className: ax([styles.beforePrimaryToolbarComponents])
143
+ }, customPrimaryToolbarComponents.before), !!customPrimaryToolbarComponents && 'after' in customPrimaryToolbarComponents ? customPrimaryToolbarComponents.after : customPrimaryToolbarComponents)), /*#__PURE__*/React.createElement(ToolbarPortalMountPoint, null))))));
144
+ }
116
145
  return /*#__PURE__*/React.createElement(ContextPanelConsumer, null, ({
117
146
  width: ContextPanelWidth
118
147
  }) => /*#__PURE__*/React.createElement(ExcludeFromHydration, {
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 = "217.5.0";
package/dist/esm/ui/Appearance/FullPage/FullPageToolbarNext.js CHANGED
@@ -110,8 +110,38 @@ export var FullPageToolbarNext = function FullPageToolbarNext(_ref4) {
110
110
  return /*#__PURE__*/React.createElement(ToolbarPortal, null, null);
111
111
  }
112
112
  }
113
- return /*#__PURE__*/React.createElement(ContextPanelConsumer, null, function (_ref6) {
114
- var ContextPanelWidth = _ref6.width;
113
+ if (expValEquals('platform_editor_toolbar_two_stage_hydration', 'isEnabled', true)) {
114
+ return /*#__PURE__*/React.createElement(ContextPanelConsumer, null, function (_ref6) {
115
+ var ContextPanelWidth = _ref6.width;
116
+ return /*#__PURE__*/React.createElement(ToolbarArrowKeyNavigationProvider, {
117
+ editorView: editorView,
118
+ childComponentSelector: "[data-testid='ak-editor-main-toolbar']",
119
+ isShortcutToFocusToolbar: isShortcutToFocusToolbar,
120
+ handleEscape: handleEscape,
121
+ intl: intl
122
+ }, /*#__PURE__*/React.createElement(ToolbarPortal, null, /*#__PURE__*/React.createElement(MainToolbarWrapper, {
123
+ testId: "ak-editor-main-toolbar",
124
+ showKeyline: showKeyline || ContextPanelWidth > 0
125
+ }, beforeIcon && /*#__PURE__*/React.createElement("div", {
126
+ className: ax([styles.mainToolbarIconBefore, styles.mainToolbarIconBeforeNew])
127
+ }, beforeIcon), /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(FirstChildWrapper, null, /*#__PURE__*/React.createElement(ExcludeFromHydration, null, primaryToolbarDockingConfigEnabled && components && isToolbar(toolbar) && (isSSR() || editorView) && (!expValEquals('platform_editor_toolbar_delay_render_fix', 'isEnabled', true) || !isSSR()) && /*#__PURE__*/React.createElement(ToolbarNext, {
128
+ toolbar: toolbar,
129
+ components: components,
130
+ editorView: editorView,
131
+ editorAPI: editorAPI,
132
+ popupsMountPoint: mountPoint,
133
+ editorAppearance: "full-page",
134
+ isDisabled: disabled
135
+ }))), /*#__PURE__*/React.createElement(SecondChildWrapper, null, /*#__PURE__*/React.createElement("div", {
136
+ className: ax([styles.customToolbarWrapperStyle])
137
+ }, !!customPrimaryToolbarComponents && 'before' in customPrimaryToolbarComponents && /*#__PURE__*/React.createElement("div", {
138
+ "data-testid": 'before-primary-toolbar-components-plugin',
139
+ className: ax([styles.beforePrimaryToolbarComponents])
140
+ }, customPrimaryToolbarComponents.before), !!customPrimaryToolbarComponents && 'after' in customPrimaryToolbarComponents ? customPrimaryToolbarComponents.after : customPrimaryToolbarComponents)), /*#__PURE__*/React.createElement(ToolbarPortalMountPoint, null)))));
141
+ });
142
+ }
143
+ return /*#__PURE__*/React.createElement(ContextPanelConsumer, null, function (_ref7) {
144
+ var ContextPanelWidth = _ref7.width;
115
145
  return /*#__PURE__*/React.createElement(ExcludeFromHydration, {
116
146
  fallback: /*#__PURE__*/React.createElement(ToolbarPlaceholder, null)
117
147
  }, /*#__PURE__*/React.createElement(ToolbarArrowKeyNavigationProvider, {
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 = "217.5.0";
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/editor-core",
3
- "version": "217.5.0",
3
+ "version": "217.5.1",
4
4
  "description": "A package contains Atlassian editor core functionality",
5
5
  "publishConfig": {
6
6
  "registry": "https://registry.npmjs.org/"
@@ -61,12 +61,12 @@
61
61
  "@atlaskit/icon": "^33.0.0",
62
62
  "@atlaskit/link": "^3.3.0",
63
63
  "@atlaskit/media-card": "^79.15.0",
64
- "@atlaskit/mention": "^24.5.0",
64
+ "@atlaskit/mention": "^24.6.0",
65
65
  "@atlaskit/platform-feature-flags": "^1.1.0",
66
66
  "@atlaskit/platform-feature-flags-react": "^0.4.0",
67
67
  "@atlaskit/react-ufo": "^5.4.0",
68
68
  "@atlaskit/task-decision": "^19.3.0",
69
- "@atlaskit/tmp-editor-statsig": "^42.0.0",
69
+ "@atlaskit/tmp-editor-statsig": "^42.1.0",
70
70
  "@atlaskit/tokens": "^11.1.0",
71
71
  "@atlaskit/tooltip": "^21.0.0",
72
72
  "@atlaskit/width-detector": "^5.0.0",