@atlaskit/editor-core 219.5.0 → 219.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.
- package/CHANGELOG.md +8 -0
- package/dist/cjs/ui/Appearance/FullPage/FullPageToolbarNext.js +6 -49
- package/dist/cjs/ui/EditorContentContainer/EditorContentContainer-compiled.compiled.css +198 -1
- package/dist/cjs/ui/EditorContentContainer/EditorContentContainer-compiled.js +19 -14
- package/dist/cjs/version-wrapper.js +1 -1
- package/dist/es2019/ui/Appearance/FullPage/FullPageToolbarNext.js +4 -46
- package/dist/es2019/ui/EditorContentContainer/EditorContentContainer-compiled.compiled.css +198 -1
- package/dist/es2019/ui/EditorContentContainer/EditorContentContainer-compiled.js +21 -16
- package/dist/es2019/version-wrapper.js +1 -1
- package/dist/esm/ui/Appearance/FullPage/FullPageToolbarNext.js +6 -49
- package/dist/esm/ui/EditorContentContainer/EditorContentContainer-compiled.compiled.css +198 -1
- package/dist/esm/ui/EditorContentContainer/EditorContentContainer-compiled.js +21 -16
- package/dist/esm/version-wrapper.js +1 -1
- package/package.json +7 -7
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,13 @@
|
|
|
1
1
|
# @atlaskit/editor-core
|
|
2
2
|
|
|
3
|
+
## 219.5.1
|
|
4
|
+
|
|
5
|
+
### Patch Changes
|
|
6
|
+
|
|
7
|
+
- [`8db6f0336d199`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/8db6f0336d199) -
|
|
8
|
+
Cleans up experiment platform_editor_toolbar_two_stage_hydration
|
|
9
|
+
- Updated dependencies
|
|
10
|
+
|
|
3
11
|
## 219.5.0
|
|
4
12
|
|
|
5
13
|
### Minor Changes
|
|
@@ -61,17 +61,6 @@ var SecondChildWrapper = function SecondChildWrapper(_ref3) {
|
|
|
61
61
|
className: (0, _runtime.ax)([styles.secondChildWrapperOneLine])
|
|
62
62
|
}, children);
|
|
63
63
|
};
|
|
64
|
-
|
|
65
|
-
/**
|
|
66
|
-
* Placeholder component that reserves the toolbar's space during hydration
|
|
67
|
-
* to prevent layout shift when the actual toolbar renders.
|
|
68
|
-
*/
|
|
69
|
-
var ToolbarPlaceholder = function ToolbarPlaceholder() {
|
|
70
|
-
return /*#__PURE__*/_react.default.createElement("div", {
|
|
71
|
-
"data-testid": "ak-editor-main-toolbar-placeholder",
|
|
72
|
-
className: (0, _runtime.ax)([styles.toolbarPlaceholder])
|
|
73
|
-
});
|
|
74
|
-
};
|
|
75
64
|
var shouldShowToolbarContainer = function shouldShowToolbarContainer(toolbar, customPrimaryToolbarComponents) {
|
|
76
65
|
return !!toolbar || !!customPrimaryToolbarComponents;
|
|
77
66
|
};
|
|
@@ -125,41 +114,9 @@ var FullPageToolbarNext = exports.FullPageToolbarNext = function FullPageToolbar
|
|
|
125
114
|
if (!shouldShowToolbarContainer(toolbar, customPrimaryToolbarComponents)) {
|
|
126
115
|
return /*#__PURE__*/_react.default.createElement(ToolbarPortal, null, null);
|
|
127
116
|
}
|
|
128
|
-
|
|
129
|
-
|
|
130
|
-
|
|
131
|
-
return /*#__PURE__*/_react.default.createElement(_uiMenu.ToolbarArrowKeyNavigationProvider, {
|
|
132
|
-
editorView: editorView,
|
|
133
|
-
childComponentSelector: "[data-testid='ak-editor-main-toolbar']",
|
|
134
|
-
isShortcutToFocusToolbar: isShortcutToFocusToolbar,
|
|
135
|
-
handleEscape: handleEscape,
|
|
136
|
-
intl: intl
|
|
137
|
-
}, /*#__PURE__*/_react.default.createElement(ToolbarPortal, null, /*#__PURE__*/_react.default.createElement(MainToolbarWrapper, {
|
|
138
|
-
testId: "ak-editor-main-toolbar",
|
|
139
|
-
showKeyline: showKeyline || ContextPanelWidth > 0
|
|
140
|
-
}, beforeIcon && /*#__PURE__*/_react.default.createElement("div", {
|
|
141
|
-
className: (0, _runtime.ax)([styles.mainToolbarIconBefore, styles.mainToolbarIconBeforeNew])
|
|
142
|
-
}, 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) && editorView && !(0, _coreUtils.isSSR)() && /*#__PURE__*/_react.default.createElement(_Toolbar.ToolbarNext, {
|
|
143
|
-
toolbar: toolbar,
|
|
144
|
-
components: components,
|
|
145
|
-
editorView: editorView,
|
|
146
|
-
editorAPI: editorAPI,
|
|
147
|
-
popupsMountPoint: mountPoint,
|
|
148
|
-
editorAppearance: "full-page",
|
|
149
|
-
isDisabled: disabled
|
|
150
|
-
}))), /*#__PURE__*/_react.default.createElement(SecondChildWrapper, null, /*#__PURE__*/_react.default.createElement("div", {
|
|
151
|
-
className: (0, _runtime.ax)([styles.customToolbarWrapperStyle])
|
|
152
|
-
}, !!customPrimaryToolbarComponents && 'before' in customPrimaryToolbarComponents && /*#__PURE__*/_react.default.createElement("div", {
|
|
153
|
-
"data-testid": 'before-primary-toolbar-components-plugin',
|
|
154
|
-
className: (0, _runtime.ax)([styles.beforePrimaryToolbarComponents])
|
|
155
|
-
}, customPrimaryToolbarComponents.before), !!customPrimaryToolbarComponents && 'after' in customPrimaryToolbarComponents ? customPrimaryToolbarComponents.after : customPrimaryToolbarComponents)), /*#__PURE__*/_react.default.createElement(_ToolbarPortal.ToolbarPortalMountPoint, null)))));
|
|
156
|
-
});
|
|
157
|
-
}
|
|
158
|
-
return /*#__PURE__*/_react.default.createElement(_contextPanel.ContextPanelConsumer, null, function (_ref7) {
|
|
159
|
-
var ContextPanelWidth = _ref7.width;
|
|
160
|
-
return /*#__PURE__*/_react.default.createElement(_ExcludeFromHydration.default, {
|
|
161
|
-
fallback: /*#__PURE__*/_react.default.createElement(ToolbarPlaceholder, null)
|
|
162
|
-
}, /*#__PURE__*/_react.default.createElement(_uiMenu.ToolbarArrowKeyNavigationProvider, {
|
|
117
|
+
return /*#__PURE__*/_react.default.createElement(_contextPanel.ContextPanelConsumer, null, function (_ref6) {
|
|
118
|
+
var ContextPanelWidth = _ref6.width;
|
|
119
|
+
return /*#__PURE__*/_react.default.createElement(_uiMenu.ToolbarArrowKeyNavigationProvider, {
|
|
163
120
|
editorView: editorView,
|
|
164
121
|
childComponentSelector: "[data-testid='ak-editor-main-toolbar']",
|
|
165
122
|
isShortcutToFocusToolbar: isShortcutToFocusToolbar,
|
|
@@ -170,7 +127,7 @@ var FullPageToolbarNext = exports.FullPageToolbarNext = function FullPageToolbar
|
|
|
170
127
|
showKeyline: showKeyline || ContextPanelWidth > 0
|
|
171
128
|
}, beforeIcon && /*#__PURE__*/_react.default.createElement("div", {
|
|
172
129
|
className: (0, _runtime.ax)([styles.mainToolbarIconBefore, styles.mainToolbarIconBeforeNew])
|
|
173
|
-
}, beforeIcon), /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(FirstChildWrapper, null, primaryToolbarDockingConfigEnabled && components && (0, _toolbar2.isToolbar)(toolbar) && editorView && !(0, _coreUtils.isSSR)() && /*#__PURE__*/_react.default.createElement(_Toolbar.ToolbarNext, {
|
|
130
|
+
}, 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) && editorView && !(0, _coreUtils.isSSR)() && /*#__PURE__*/_react.default.createElement(_Toolbar.ToolbarNext, {
|
|
174
131
|
toolbar: toolbar,
|
|
175
132
|
components: components,
|
|
176
133
|
editorView: editorView,
|
|
@@ -178,11 +135,11 @@ var FullPageToolbarNext = exports.FullPageToolbarNext = function FullPageToolbar
|
|
|
178
135
|
popupsMountPoint: mountPoint,
|
|
179
136
|
editorAppearance: "full-page",
|
|
180
137
|
isDisabled: disabled
|
|
181
|
-
})), /*#__PURE__*/_react.default.createElement(SecondChildWrapper, null, /*#__PURE__*/_react.default.createElement("div", {
|
|
138
|
+
}))), /*#__PURE__*/_react.default.createElement(SecondChildWrapper, null, /*#__PURE__*/_react.default.createElement("div", {
|
|
182
139
|
className: (0, _runtime.ax)([styles.customToolbarWrapperStyle])
|
|
183
140
|
}, !!customPrimaryToolbarComponents && 'before' in customPrimaryToolbarComponents && /*#__PURE__*/_react.default.createElement("div", {
|
|
184
141
|
"data-testid": 'before-primary-toolbar-components-plugin',
|
|
185
142
|
className: (0, _runtime.ax)([styles.beforePrimaryToolbarComponents])
|
|
186
|
-
}, customPrimaryToolbarComponents.before), !!customPrimaryToolbarComponents && 'after' in customPrimaryToolbarComponents ? customPrimaryToolbarComponents.after : customPrimaryToolbarComponents)), /*#__PURE__*/_react.default.createElement(_ToolbarPortal.ToolbarPortalMountPoint, null)))))
|
|
143
|
+
}, customPrimaryToolbarComponents.before), !!customPrimaryToolbarComponents && 'after' in customPrimaryToolbarComponents ? customPrimaryToolbarComponents.after : customPrimaryToolbarComponents)), /*#__PURE__*/_react.default.createElement(_ToolbarPortal.ToolbarPortalMountPoint, null)))));
|
|
187
144
|
});
|
|
188
145
|
};
|