@atlaskit/editor-core 198.6.0 → 198.6.2
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 +18 -0
- package/dist/cjs/ui/PluginSlot/index.js +113 -9
- package/dist/cjs/version-wrapper.js +1 -1
- package/dist/es2019/ui/PluginSlot/index.js +108 -2
- package/dist/es2019/version-wrapper.js +1 -1
- package/dist/esm/ui/PluginSlot/index.js +112 -9
- package/dist/esm/version-wrapper.js +1 -1
- package/dist/types/ui/PluginSlot/index.d.ts +1 -17
- package/dist/types-ts4.5/ui/PluginSlot/index.d.ts +1 -17
- package/package.json +12 -5
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,23 @@
|
|
|
1
1
|
# @atlaskit/editor-core
|
|
2
2
|
|
|
3
|
+
## 198.6.2
|
|
4
|
+
|
|
5
|
+
### Patch Changes
|
|
6
|
+
|
|
7
|
+
- [#149735](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/149735)
|
|
8
|
+
[`bca64a14f9448`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/bca64a14f9448) -
|
|
9
|
+
Migrate internal PluginSlot component to functional component for React 18
|
|
10
|
+
|
|
11
|
+
## 198.6.1
|
|
12
|
+
|
|
13
|
+
### Patch Changes
|
|
14
|
+
|
|
15
|
+
- [#151581](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/151581)
|
|
16
|
+
[`f1c0ae301860f`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/f1c0ae301860f) -
|
|
17
|
+
Cleanup media-picker folderUploads feature flag
|
|
18
|
+
- [`9bbad837abcb7`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/9bbad837abcb7) -
|
|
19
|
+
[ux] ED-25119 Fix content shifting on drag if divider or media nested in panel
|
|
20
|
+
|
|
3
21
|
## 198.6.0
|
|
4
22
|
|
|
5
23
|
### Minor Changes
|
|
@@ -4,7 +4,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
|
|
|
4
4
|
Object.defineProperty(exports, "__esModule", {
|
|
5
5
|
value: true
|
|
6
6
|
});
|
|
7
|
-
exports.default =
|
|
7
|
+
exports.default = PluginSlotDefault;
|
|
8
8
|
var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
|
|
9
9
|
var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
|
|
10
10
|
var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
|
|
@@ -14,7 +14,9 @@ var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/ge
|
|
|
14
14
|
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
15
15
|
var _react = _interopRequireDefault(require("react"));
|
|
16
16
|
var _react2 = require("@emotion/react");
|
|
17
|
+
var _isEqual = _interopRequireDefault(require("lodash/isEqual"));
|
|
17
18
|
var _analytics = require("@atlaskit/editor-common/analytics");
|
|
19
|
+
var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
|
|
18
20
|
var _utils = require("../../utils");
|
|
19
21
|
var _ErrorBoundary = require("../ErrorBoundary");
|
|
20
22
|
var _mountPluginHooks = require("./mount-plugin-hooks");
|
|
@@ -26,12 +28,12 @@ function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.
|
|
|
26
28
|
var pluginsComponentsWrapper = (0, _react2.css)({
|
|
27
29
|
display: 'flex'
|
|
28
30
|
});
|
|
29
|
-
var
|
|
30
|
-
(0, _inherits2.default)(
|
|
31
|
-
var _super = _createSuper(
|
|
32
|
-
function
|
|
31
|
+
var PluginSlotLegacy = /*#__PURE__*/function (_React$Component) {
|
|
32
|
+
(0, _inherits2.default)(PluginSlotLegacy, _React$Component);
|
|
33
|
+
var _super = _createSuper(PluginSlotLegacy);
|
|
34
|
+
function PluginSlotLegacy() {
|
|
33
35
|
var _this;
|
|
34
|
-
(0, _classCallCheck2.default)(this,
|
|
36
|
+
(0, _classCallCheck2.default)(this, PluginSlotLegacy);
|
|
35
37
|
for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
|
|
36
38
|
args[_key] = arguments[_key];
|
|
37
39
|
}
|
|
@@ -60,7 +62,7 @@ var PluginSlot = exports.default = /*#__PURE__*/function (_React$Component) {
|
|
|
60
62
|
});
|
|
61
63
|
return _this;
|
|
62
64
|
}
|
|
63
|
-
(0, _createClass2.default)(
|
|
65
|
+
(0, _createClass2.default)(PluginSlotLegacy, [{
|
|
64
66
|
key: "shouldComponentUpdate",
|
|
65
67
|
value: function shouldComponentUpdate(nextProps) {
|
|
66
68
|
var _this$props = this.props,
|
|
@@ -147,6 +149,108 @@ var PluginSlot = exports.default = /*#__PURE__*/function (_React$Component) {
|
|
|
147
149
|
})));
|
|
148
150
|
}
|
|
149
151
|
}]);
|
|
150
|
-
return
|
|
152
|
+
return PluginSlotLegacy;
|
|
151
153
|
}(_react.default.Component);
|
|
152
|
-
(0, _defineProperty2.default)(
|
|
154
|
+
(0, _defineProperty2.default)(PluginSlotLegacy, "displayName", 'PluginSlot');
|
|
155
|
+
var PluginSlot = function PluginSlot(_ref) {
|
|
156
|
+
var items = _ref.items,
|
|
157
|
+
editorView = _ref.editorView,
|
|
158
|
+
editorActions = _ref.editorActions,
|
|
159
|
+
eventDispatcher = _ref.eventDispatcher,
|
|
160
|
+
providerFactory = _ref.providerFactory,
|
|
161
|
+
appearance = _ref.appearance,
|
|
162
|
+
popupsMountPoint = _ref.popupsMountPoint,
|
|
163
|
+
popupsBoundariesElement = _ref.popupsBoundariesElement,
|
|
164
|
+
popupsScrollableElement = _ref.popupsScrollableElement,
|
|
165
|
+
containerElement = _ref.containerElement,
|
|
166
|
+
disabled = _ref.disabled,
|
|
167
|
+
dispatchAnalyticsEvent = _ref.dispatchAnalyticsEvent,
|
|
168
|
+
wrapperElement = _ref.wrapperElement,
|
|
169
|
+
pluginHooks = _ref.pluginHooks;
|
|
170
|
+
if (!items && !pluginHooks || !editorView) {
|
|
171
|
+
return null;
|
|
172
|
+
}
|
|
173
|
+
return (0, _react2.jsx)(_ErrorBoundary.ErrorBoundary, {
|
|
174
|
+
component: _analytics.ACTION_SUBJECT.PLUGIN_SLOT,
|
|
175
|
+
fallbackComponent: null
|
|
176
|
+
}, (0, _react2.jsx)(_mountPluginHooks.MountPluginHooks, {
|
|
177
|
+
editorView: editorView,
|
|
178
|
+
pluginHooks: pluginHooks,
|
|
179
|
+
containerElement: containerElement
|
|
180
|
+
}), (0, _react2.jsx)("div", {
|
|
181
|
+
css: pluginsComponentsWrapper
|
|
182
|
+
}, items === null || items === void 0 ? void 0 : items.map(function (component, key) {
|
|
183
|
+
var props = {
|
|
184
|
+
key: key
|
|
185
|
+
};
|
|
186
|
+
var element = component({
|
|
187
|
+
editorView: editorView,
|
|
188
|
+
editorActions: editorActions,
|
|
189
|
+
eventDispatcher: eventDispatcher,
|
|
190
|
+
providerFactory: providerFactory,
|
|
191
|
+
dispatchAnalyticsEvent: dispatchAnalyticsEvent,
|
|
192
|
+
appearance: appearance,
|
|
193
|
+
popupsMountPoint: popupsMountPoint,
|
|
194
|
+
popupsBoundariesElement: popupsBoundariesElement,
|
|
195
|
+
popupsScrollableElement: popupsScrollableElement,
|
|
196
|
+
containerElement: containerElement,
|
|
197
|
+
disabled: disabled,
|
|
198
|
+
wrapperElement: wrapperElement
|
|
199
|
+
});
|
|
200
|
+
return element && /*#__PURE__*/_react.default.cloneElement(element, props);
|
|
201
|
+
})));
|
|
202
|
+
};
|
|
203
|
+
var PluginSlotNew = /*#__PURE__*/_react.default.memo(PluginSlot, _isEqual.default);
|
|
204
|
+
PluginSlotNew.displayName = 'PluginSlot';
|
|
205
|
+
function PluginSlotDefault(_ref2) {
|
|
206
|
+
var items = _ref2.items,
|
|
207
|
+
editorView = _ref2.editorView,
|
|
208
|
+
editorActions = _ref2.editorActions,
|
|
209
|
+
eventDispatcher = _ref2.eventDispatcher,
|
|
210
|
+
providerFactory = _ref2.providerFactory,
|
|
211
|
+
appearance = _ref2.appearance,
|
|
212
|
+
popupsMountPoint = _ref2.popupsMountPoint,
|
|
213
|
+
popupsBoundariesElement = _ref2.popupsBoundariesElement,
|
|
214
|
+
popupsScrollableElement = _ref2.popupsScrollableElement,
|
|
215
|
+
containerElement = _ref2.containerElement,
|
|
216
|
+
disabled = _ref2.disabled,
|
|
217
|
+
dispatchAnalyticsEvent = _ref2.dispatchAnalyticsEvent,
|
|
218
|
+
wrapperElement = _ref2.wrapperElement,
|
|
219
|
+
pluginHooks = _ref2.pluginHooks,
|
|
220
|
+
contentArea = _ref2.contentArea;
|
|
221
|
+
if ((0, _platformFeatureFlags.fg)('platform_editor_react_18_plugin_slot')) {
|
|
222
|
+
return (0, _react2.jsx)(PluginSlotNew, {
|
|
223
|
+
items: items,
|
|
224
|
+
editorView: editorView,
|
|
225
|
+
editorActions: editorActions,
|
|
226
|
+
eventDispatcher: eventDispatcher,
|
|
227
|
+
providerFactory: providerFactory,
|
|
228
|
+
appearance: appearance,
|
|
229
|
+
popupsMountPoint: popupsMountPoint,
|
|
230
|
+
popupsBoundariesElement: popupsBoundariesElement,
|
|
231
|
+
popupsScrollableElement: popupsScrollableElement,
|
|
232
|
+
containerElement: containerElement,
|
|
233
|
+
disabled: disabled,
|
|
234
|
+
dispatchAnalyticsEvent: dispatchAnalyticsEvent,
|
|
235
|
+
wrapperElement: wrapperElement,
|
|
236
|
+
pluginHooks: pluginHooks
|
|
237
|
+
});
|
|
238
|
+
}
|
|
239
|
+
return (0, _react2.jsx)(PluginSlotLegacy, {
|
|
240
|
+
contentArea: contentArea,
|
|
241
|
+
items: items,
|
|
242
|
+
editorView: editorView,
|
|
243
|
+
editorActions: editorActions,
|
|
244
|
+
eventDispatcher: eventDispatcher,
|
|
245
|
+
providerFactory: providerFactory,
|
|
246
|
+
appearance: appearance,
|
|
247
|
+
popupsMountPoint: popupsMountPoint,
|
|
248
|
+
popupsBoundariesElement: popupsBoundariesElement,
|
|
249
|
+
popupsScrollableElement: popupsScrollableElement,
|
|
250
|
+
containerElement: containerElement,
|
|
251
|
+
disabled: disabled,
|
|
252
|
+
dispatchAnalyticsEvent: dispatchAnalyticsEvent,
|
|
253
|
+
wrapperElement: wrapperElement,
|
|
254
|
+
pluginHooks: pluginHooks
|
|
255
|
+
});
|
|
256
|
+
}
|
|
@@ -7,14 +7,16 @@ import React from 'react';
|
|
|
7
7
|
|
|
8
8
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
|
|
9
9
|
import { css, jsx } from '@emotion/react';
|
|
10
|
+
import isEqual from 'lodash/isEqual';
|
|
10
11
|
import { ACTION_SUBJECT } from '@atlaskit/editor-common/analytics';
|
|
12
|
+
import { fg } from '@atlaskit/platform-feature-flags';
|
|
11
13
|
import { whichTransitionEvent } from '../../utils';
|
|
12
14
|
import { ErrorBoundary } from '../ErrorBoundary';
|
|
13
15
|
import { MountPluginHooks } from './mount-plugin-hooks';
|
|
14
16
|
const pluginsComponentsWrapper = css({
|
|
15
17
|
display: 'flex'
|
|
16
18
|
});
|
|
17
|
-
|
|
19
|
+
class PluginSlotLegacy extends React.Component {
|
|
18
20
|
constructor(...args) {
|
|
19
21
|
super(...args);
|
|
20
22
|
_defineProperty(this, "transitionEvent", whichTransitionEvent());
|
|
@@ -119,4 +121,108 @@ export default class PluginSlot extends React.Component {
|
|
|
119
121
|
})));
|
|
120
122
|
}
|
|
121
123
|
}
|
|
122
|
-
_defineProperty(
|
|
124
|
+
_defineProperty(PluginSlotLegacy, "displayName", 'PluginSlot');
|
|
125
|
+
const PluginSlot = ({
|
|
126
|
+
items,
|
|
127
|
+
editorView,
|
|
128
|
+
editorActions,
|
|
129
|
+
eventDispatcher,
|
|
130
|
+
providerFactory,
|
|
131
|
+
appearance,
|
|
132
|
+
popupsMountPoint,
|
|
133
|
+
popupsBoundariesElement,
|
|
134
|
+
popupsScrollableElement,
|
|
135
|
+
containerElement,
|
|
136
|
+
disabled,
|
|
137
|
+
dispatchAnalyticsEvent,
|
|
138
|
+
wrapperElement,
|
|
139
|
+
pluginHooks
|
|
140
|
+
}) => {
|
|
141
|
+
if (!items && !pluginHooks || !editorView) {
|
|
142
|
+
return null;
|
|
143
|
+
}
|
|
144
|
+
return jsx(ErrorBoundary, {
|
|
145
|
+
component: ACTION_SUBJECT.PLUGIN_SLOT,
|
|
146
|
+
fallbackComponent: null
|
|
147
|
+
}, jsx(MountPluginHooks, {
|
|
148
|
+
editorView: editorView,
|
|
149
|
+
pluginHooks: pluginHooks,
|
|
150
|
+
containerElement: containerElement
|
|
151
|
+
}), jsx("div", {
|
|
152
|
+
css: pluginsComponentsWrapper
|
|
153
|
+
}, items === null || items === void 0 ? void 0 : items.map((component, key) => {
|
|
154
|
+
const props = {
|
|
155
|
+
key
|
|
156
|
+
};
|
|
157
|
+
const element = component({
|
|
158
|
+
editorView: editorView,
|
|
159
|
+
editorActions: editorActions,
|
|
160
|
+
eventDispatcher: eventDispatcher,
|
|
161
|
+
providerFactory,
|
|
162
|
+
dispatchAnalyticsEvent,
|
|
163
|
+
appearance: appearance,
|
|
164
|
+
popupsMountPoint,
|
|
165
|
+
popupsBoundariesElement,
|
|
166
|
+
popupsScrollableElement,
|
|
167
|
+
containerElement,
|
|
168
|
+
disabled,
|
|
169
|
+
wrapperElement
|
|
170
|
+
});
|
|
171
|
+
return element && /*#__PURE__*/React.cloneElement(element, props);
|
|
172
|
+
})));
|
|
173
|
+
};
|
|
174
|
+
const PluginSlotNew = /*#__PURE__*/React.memo(PluginSlot, isEqual);
|
|
175
|
+
PluginSlotNew.displayName = 'PluginSlot';
|
|
176
|
+
export default function PluginSlotDefault({
|
|
177
|
+
items,
|
|
178
|
+
editorView,
|
|
179
|
+
editorActions,
|
|
180
|
+
eventDispatcher,
|
|
181
|
+
providerFactory,
|
|
182
|
+
appearance,
|
|
183
|
+
popupsMountPoint,
|
|
184
|
+
popupsBoundariesElement,
|
|
185
|
+
popupsScrollableElement,
|
|
186
|
+
containerElement,
|
|
187
|
+
disabled,
|
|
188
|
+
dispatchAnalyticsEvent,
|
|
189
|
+
wrapperElement,
|
|
190
|
+
pluginHooks,
|
|
191
|
+
contentArea
|
|
192
|
+
}) {
|
|
193
|
+
if (fg('platform_editor_react_18_plugin_slot')) {
|
|
194
|
+
return jsx(PluginSlotNew, {
|
|
195
|
+
items: items,
|
|
196
|
+
editorView: editorView,
|
|
197
|
+
editorActions: editorActions,
|
|
198
|
+
eventDispatcher: eventDispatcher,
|
|
199
|
+
providerFactory: providerFactory,
|
|
200
|
+
appearance: appearance,
|
|
201
|
+
popupsMountPoint: popupsMountPoint,
|
|
202
|
+
popupsBoundariesElement: popupsBoundariesElement,
|
|
203
|
+
popupsScrollableElement: popupsScrollableElement,
|
|
204
|
+
containerElement: containerElement,
|
|
205
|
+
disabled: disabled,
|
|
206
|
+
dispatchAnalyticsEvent: dispatchAnalyticsEvent,
|
|
207
|
+
wrapperElement: wrapperElement,
|
|
208
|
+
pluginHooks: pluginHooks
|
|
209
|
+
});
|
|
210
|
+
}
|
|
211
|
+
return jsx(PluginSlotLegacy, {
|
|
212
|
+
contentArea: contentArea,
|
|
213
|
+
items: items,
|
|
214
|
+
editorView: editorView,
|
|
215
|
+
editorActions: editorActions,
|
|
216
|
+
eventDispatcher: eventDispatcher,
|
|
217
|
+
providerFactory: providerFactory,
|
|
218
|
+
appearance: appearance,
|
|
219
|
+
popupsMountPoint: popupsMountPoint,
|
|
220
|
+
popupsBoundariesElement: popupsBoundariesElement,
|
|
221
|
+
popupsScrollableElement: popupsScrollableElement,
|
|
222
|
+
containerElement: containerElement,
|
|
223
|
+
disabled: disabled,
|
|
224
|
+
dispatchAnalyticsEvent: dispatchAnalyticsEvent,
|
|
225
|
+
wrapperElement: wrapperElement,
|
|
226
|
+
pluginHooks: pluginHooks
|
|
227
|
+
});
|
|
228
|
+
}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
export const name = "@atlaskit/editor-core";
|
|
2
|
-
export const version = "198.6.
|
|
2
|
+
export const version = "198.6.2";
|
|
@@ -15,19 +15,21 @@ import React from 'react';
|
|
|
15
15
|
|
|
16
16
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
|
|
17
17
|
import { css, jsx } from '@emotion/react';
|
|
18
|
+
import isEqual from 'lodash/isEqual';
|
|
18
19
|
import { ACTION_SUBJECT } from '@atlaskit/editor-common/analytics';
|
|
20
|
+
import { fg } from '@atlaskit/platform-feature-flags';
|
|
19
21
|
import { whichTransitionEvent } from '../../utils';
|
|
20
22
|
import { ErrorBoundary } from '../ErrorBoundary';
|
|
21
23
|
import { MountPluginHooks } from './mount-plugin-hooks';
|
|
22
24
|
var pluginsComponentsWrapper = css({
|
|
23
25
|
display: 'flex'
|
|
24
26
|
});
|
|
25
|
-
var
|
|
26
|
-
_inherits(
|
|
27
|
-
var _super = _createSuper(
|
|
28
|
-
function
|
|
27
|
+
var PluginSlotLegacy = /*#__PURE__*/function (_React$Component) {
|
|
28
|
+
_inherits(PluginSlotLegacy, _React$Component);
|
|
29
|
+
var _super = _createSuper(PluginSlotLegacy);
|
|
30
|
+
function PluginSlotLegacy() {
|
|
29
31
|
var _this;
|
|
30
|
-
_classCallCheck(this,
|
|
32
|
+
_classCallCheck(this, PluginSlotLegacy);
|
|
31
33
|
for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
|
|
32
34
|
args[_key] = arguments[_key];
|
|
33
35
|
}
|
|
@@ -56,7 +58,7 @@ var PluginSlot = /*#__PURE__*/function (_React$Component) {
|
|
|
56
58
|
});
|
|
57
59
|
return _this;
|
|
58
60
|
}
|
|
59
|
-
_createClass(
|
|
61
|
+
_createClass(PluginSlotLegacy, [{
|
|
60
62
|
key: "shouldComponentUpdate",
|
|
61
63
|
value: function shouldComponentUpdate(nextProps) {
|
|
62
64
|
var _this$props = this.props,
|
|
@@ -143,7 +145,108 @@ var PluginSlot = /*#__PURE__*/function (_React$Component) {
|
|
|
143
145
|
})));
|
|
144
146
|
}
|
|
145
147
|
}]);
|
|
146
|
-
return
|
|
148
|
+
return PluginSlotLegacy;
|
|
147
149
|
}(React.Component);
|
|
148
|
-
_defineProperty(
|
|
149
|
-
|
|
150
|
+
_defineProperty(PluginSlotLegacy, "displayName", 'PluginSlot');
|
|
151
|
+
var PluginSlot = function PluginSlot(_ref) {
|
|
152
|
+
var items = _ref.items,
|
|
153
|
+
editorView = _ref.editorView,
|
|
154
|
+
editorActions = _ref.editorActions,
|
|
155
|
+
eventDispatcher = _ref.eventDispatcher,
|
|
156
|
+
providerFactory = _ref.providerFactory,
|
|
157
|
+
appearance = _ref.appearance,
|
|
158
|
+
popupsMountPoint = _ref.popupsMountPoint,
|
|
159
|
+
popupsBoundariesElement = _ref.popupsBoundariesElement,
|
|
160
|
+
popupsScrollableElement = _ref.popupsScrollableElement,
|
|
161
|
+
containerElement = _ref.containerElement,
|
|
162
|
+
disabled = _ref.disabled,
|
|
163
|
+
dispatchAnalyticsEvent = _ref.dispatchAnalyticsEvent,
|
|
164
|
+
wrapperElement = _ref.wrapperElement,
|
|
165
|
+
pluginHooks = _ref.pluginHooks;
|
|
166
|
+
if (!items && !pluginHooks || !editorView) {
|
|
167
|
+
return null;
|
|
168
|
+
}
|
|
169
|
+
return jsx(ErrorBoundary, {
|
|
170
|
+
component: ACTION_SUBJECT.PLUGIN_SLOT,
|
|
171
|
+
fallbackComponent: null
|
|
172
|
+
}, jsx(MountPluginHooks, {
|
|
173
|
+
editorView: editorView,
|
|
174
|
+
pluginHooks: pluginHooks,
|
|
175
|
+
containerElement: containerElement
|
|
176
|
+
}), jsx("div", {
|
|
177
|
+
css: pluginsComponentsWrapper
|
|
178
|
+
}, items === null || items === void 0 ? void 0 : items.map(function (component, key) {
|
|
179
|
+
var props = {
|
|
180
|
+
key: key
|
|
181
|
+
};
|
|
182
|
+
var element = component({
|
|
183
|
+
editorView: editorView,
|
|
184
|
+
editorActions: editorActions,
|
|
185
|
+
eventDispatcher: eventDispatcher,
|
|
186
|
+
providerFactory: providerFactory,
|
|
187
|
+
dispatchAnalyticsEvent: dispatchAnalyticsEvent,
|
|
188
|
+
appearance: appearance,
|
|
189
|
+
popupsMountPoint: popupsMountPoint,
|
|
190
|
+
popupsBoundariesElement: popupsBoundariesElement,
|
|
191
|
+
popupsScrollableElement: popupsScrollableElement,
|
|
192
|
+
containerElement: containerElement,
|
|
193
|
+
disabled: disabled,
|
|
194
|
+
wrapperElement: wrapperElement
|
|
195
|
+
});
|
|
196
|
+
return element && /*#__PURE__*/React.cloneElement(element, props);
|
|
197
|
+
})));
|
|
198
|
+
};
|
|
199
|
+
var PluginSlotNew = /*#__PURE__*/React.memo(PluginSlot, isEqual);
|
|
200
|
+
PluginSlotNew.displayName = 'PluginSlot';
|
|
201
|
+
export default function PluginSlotDefault(_ref2) {
|
|
202
|
+
var items = _ref2.items,
|
|
203
|
+
editorView = _ref2.editorView,
|
|
204
|
+
editorActions = _ref2.editorActions,
|
|
205
|
+
eventDispatcher = _ref2.eventDispatcher,
|
|
206
|
+
providerFactory = _ref2.providerFactory,
|
|
207
|
+
appearance = _ref2.appearance,
|
|
208
|
+
popupsMountPoint = _ref2.popupsMountPoint,
|
|
209
|
+
popupsBoundariesElement = _ref2.popupsBoundariesElement,
|
|
210
|
+
popupsScrollableElement = _ref2.popupsScrollableElement,
|
|
211
|
+
containerElement = _ref2.containerElement,
|
|
212
|
+
disabled = _ref2.disabled,
|
|
213
|
+
dispatchAnalyticsEvent = _ref2.dispatchAnalyticsEvent,
|
|
214
|
+
wrapperElement = _ref2.wrapperElement,
|
|
215
|
+
pluginHooks = _ref2.pluginHooks,
|
|
216
|
+
contentArea = _ref2.contentArea;
|
|
217
|
+
if (fg('platform_editor_react_18_plugin_slot')) {
|
|
218
|
+
return jsx(PluginSlotNew, {
|
|
219
|
+
items: items,
|
|
220
|
+
editorView: editorView,
|
|
221
|
+
editorActions: editorActions,
|
|
222
|
+
eventDispatcher: eventDispatcher,
|
|
223
|
+
providerFactory: providerFactory,
|
|
224
|
+
appearance: appearance,
|
|
225
|
+
popupsMountPoint: popupsMountPoint,
|
|
226
|
+
popupsBoundariesElement: popupsBoundariesElement,
|
|
227
|
+
popupsScrollableElement: popupsScrollableElement,
|
|
228
|
+
containerElement: containerElement,
|
|
229
|
+
disabled: disabled,
|
|
230
|
+
dispatchAnalyticsEvent: dispatchAnalyticsEvent,
|
|
231
|
+
wrapperElement: wrapperElement,
|
|
232
|
+
pluginHooks: pluginHooks
|
|
233
|
+
});
|
|
234
|
+
}
|
|
235
|
+
return jsx(PluginSlotLegacy, {
|
|
236
|
+
contentArea: contentArea,
|
|
237
|
+
items: items,
|
|
238
|
+
editorView: editorView,
|
|
239
|
+
editorActions: editorActions,
|
|
240
|
+
eventDispatcher: eventDispatcher,
|
|
241
|
+
providerFactory: providerFactory,
|
|
242
|
+
appearance: appearance,
|
|
243
|
+
popupsMountPoint: popupsMountPoint,
|
|
244
|
+
popupsBoundariesElement: popupsBoundariesElement,
|
|
245
|
+
popupsScrollableElement: popupsScrollableElement,
|
|
246
|
+
containerElement: containerElement,
|
|
247
|
+
disabled: disabled,
|
|
248
|
+
dispatchAnalyticsEvent: dispatchAnalyticsEvent,
|
|
249
|
+
wrapperElement: wrapperElement,
|
|
250
|
+
pluginHooks: pluginHooks
|
|
251
|
+
});
|
|
252
|
+
}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
export var name = "@atlaskit/editor-core";
|
|
2
|
-
export var version = "198.6.
|
|
2
|
+
export var version = "198.6.2";
|
|
@@ -1,8 +1,3 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* @jsxRuntime classic
|
|
3
|
-
* @jsx jsx
|
|
4
|
-
*/
|
|
5
|
-
import React from 'react';
|
|
6
1
|
import { jsx } from '@emotion/react';
|
|
7
2
|
import type { DispatchAnalyticsEvent } from '@atlaskit/editor-common/analytics';
|
|
8
3
|
import type { ProviderFactory } from '@atlaskit/editor-common/provider-factory';
|
|
@@ -28,15 +23,4 @@ export interface Props {
|
|
|
28
23
|
contentArea?: HTMLElement;
|
|
29
24
|
wrapperElement: HTMLElement | null;
|
|
30
25
|
}
|
|
31
|
-
export default
|
|
32
|
-
static displayName: string;
|
|
33
|
-
transitionEvent: "transitionend" | undefined;
|
|
34
|
-
shouldComponentUpdate(nextProps: Props): boolean;
|
|
35
|
-
componentDidMount(): void;
|
|
36
|
-
UNSAFE_componentWillReceiveProps(nextProps: Props): void;
|
|
37
|
-
componentWillUnmount(): void;
|
|
38
|
-
forceComponentUpdate: (event: TransitionEvent) => void;
|
|
39
|
-
removeModeChangeListener: (contentArea?: HTMLElement) => void;
|
|
40
|
-
addModeChangeListener: (contentArea?: HTMLElement) => void;
|
|
41
|
-
render(): jsx.JSX.Element | null;
|
|
42
|
-
}
|
|
26
|
+
export default function PluginSlotDefault({ items, editorView, editorActions, eventDispatcher, providerFactory, appearance, popupsMountPoint, popupsBoundariesElement, popupsScrollableElement, containerElement, disabled, dispatchAnalyticsEvent, wrapperElement, pluginHooks, contentArea, }: Props): jsx.JSX.Element;
|
|
@@ -1,8 +1,3 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* @jsxRuntime classic
|
|
3
|
-
* @jsx jsx
|
|
4
|
-
*/
|
|
5
|
-
import React from 'react';
|
|
6
1
|
import { jsx } from '@emotion/react';
|
|
7
2
|
import type { DispatchAnalyticsEvent } from '@atlaskit/editor-common/analytics';
|
|
8
3
|
import type { ProviderFactory } from '@atlaskit/editor-common/provider-factory';
|
|
@@ -28,15 +23,4 @@ export interface Props {
|
|
|
28
23
|
contentArea?: HTMLElement;
|
|
29
24
|
wrapperElement: HTMLElement | null;
|
|
30
25
|
}
|
|
31
|
-
export default
|
|
32
|
-
static displayName: string;
|
|
33
|
-
transitionEvent: "transitionend" | undefined;
|
|
34
|
-
shouldComponentUpdate(nextProps: Props): boolean;
|
|
35
|
-
componentDidMount(): void;
|
|
36
|
-
UNSAFE_componentWillReceiveProps(nextProps: Props): void;
|
|
37
|
-
componentWillUnmount(): void;
|
|
38
|
-
forceComponentUpdate: (event: TransitionEvent) => void;
|
|
39
|
-
removeModeChangeListener: (contentArea?: HTMLElement) => void;
|
|
40
|
-
addModeChangeListener: (contentArea?: HTMLElement) => void;
|
|
41
|
-
render(): jsx.JSX.Element | null;
|
|
42
|
-
}
|
|
26
|
+
export default function PluginSlotDefault({ items, editorView, editorActions, eventDispatcher, providerFactory, appearance, popupsMountPoint, popupsBoundariesElement, popupsScrollableElement, containerElement, disabled, dispatchAnalyticsEvent, wrapperElement, pluginHooks, contentArea, }: Props): jsx.JSX.Element;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@atlaskit/editor-core",
|
|
3
|
-
"version": "198.6.
|
|
3
|
+
"version": "198.6.2",
|
|
4
4
|
"description": "A package contains Atlassian editor core functionality",
|
|
5
5
|
"publishConfig": {
|
|
6
6
|
"registry": "https://registry.npmjs.org/"
|
|
@@ -43,7 +43,7 @@
|
|
|
43
43
|
"@atlaskit/analytics-next": "^10.1.0",
|
|
44
44
|
"@atlaskit/analytics-next-stable-react-context": "1.0.1",
|
|
45
45
|
"@atlaskit/button": "^20.2.0",
|
|
46
|
-
"@atlaskit/editor-common": "^93.
|
|
46
|
+
"@atlaskit/editor-common": "^93.4.0",
|
|
47
47
|
"@atlaskit/editor-json-transformer": "^8.19.0",
|
|
48
48
|
"@atlaskit/editor-plugin-quick-insert": "1.4.5",
|
|
49
49
|
"@atlaskit/editor-plugins": "^5.5.0",
|
|
@@ -92,18 +92,18 @@
|
|
|
92
92
|
"@atlaskit/logo": "^14.3.0",
|
|
93
93
|
"@atlaskit/media-core": "^34.3.0",
|
|
94
94
|
"@atlaskit/media-integration-test-helpers": "^3.1.0",
|
|
95
|
-
"@atlaskit/media-test-helpers": "^34.
|
|
95
|
+
"@atlaskit/media-test-helpers": "^34.5.0",
|
|
96
96
|
"@atlaskit/modal-dialog": "^12.17.0",
|
|
97
97
|
"@atlaskit/primitives": "^12.2.0",
|
|
98
98
|
"@atlaskit/renderer": "^111.2.0",
|
|
99
|
-
"@atlaskit/smart-card": "^30.
|
|
99
|
+
"@atlaskit/smart-card": "^30.1.0",
|
|
100
100
|
"@atlaskit/synchrony-test-helpers": "^2.5.0",
|
|
101
101
|
"@atlaskit/toggle": "^13.4.0",
|
|
102
102
|
"@atlaskit/util-data-test": "^17.9.0",
|
|
103
103
|
"@atlaskit/visual-regression": "*",
|
|
104
104
|
"@atlassian/adf-schema-json": "^1.22.0",
|
|
105
105
|
"@atlassian/feature-flags-test-utils": "*",
|
|
106
|
-
"@atlassian/search-provider": "2.4.
|
|
106
|
+
"@atlassian/search-provider": "2.4.147",
|
|
107
107
|
"@emotion/jest": "^11.8.0",
|
|
108
108
|
"@storybook/addon-knobs": "^5.3.18",
|
|
109
109
|
"@testing-library/react": "^12.1.5",
|
|
@@ -201,6 +201,9 @@
|
|
|
201
201
|
"type": "boolean",
|
|
202
202
|
"referenceOnly": true
|
|
203
203
|
},
|
|
204
|
+
"platform_editor_react_18_plugin_slot": {
|
|
205
|
+
"type": "boolean"
|
|
206
|
+
},
|
|
204
207
|
"editor_code_block_wrapping_language_change_bug": {
|
|
205
208
|
"type": "boolean",
|
|
206
209
|
"referenceOnly": true
|
|
@@ -285,6 +288,10 @@
|
|
|
285
288
|
"platform_editor_react18_phase2": {
|
|
286
289
|
"type": "boolean",
|
|
287
290
|
"referenceOnly": true
|
|
291
|
+
},
|
|
292
|
+
"platform_editor_element_dnd_nested_fix_patch_2": {
|
|
293
|
+
"type": "boolean",
|
|
294
|
+
"referenceOnly": true
|
|
288
295
|
}
|
|
289
296
|
},
|
|
290
297
|
"stricter": {
|