@atlaskit/editor-plugin-insert-block 7.0.7 → 7.0.8
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 +10 -0
- package/dist/cjs/insertBlockPlugin.js +1 -8
- package/dist/cjs/ui/ElementBrowser/InsertMenu.js +1 -1
- package/dist/cjs/ui/toolbar-components.js +7 -271
- package/dist/es2019/insertBlockPlugin.js +2 -9
- package/dist/es2019/ui/ElementBrowser/InsertMenu.js +1 -1
- package/dist/es2019/ui/toolbar-components.js +1 -241
- package/dist/esm/insertBlockPlugin.js +2 -9
- package/dist/esm/ui/ElementBrowser/InsertMenu.js +1 -1
- package/dist/esm/ui/toolbar-components.js +6 -270
- package/dist/types/ui/toolbar-components.d.ts +1 -19
- package/dist/types-ts4.5/ui/toolbar-components.d.ts +1 -19
- package/package.json +3 -6
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,15 @@
|
|
|
1
1
|
# @atlaskit/editor-plugin-insert-block
|
|
2
2
|
|
|
3
|
+
## 7.0.8
|
|
4
|
+
|
|
5
|
+
### Patch Changes
|
|
6
|
+
|
|
7
|
+
- [`e38eb931c4472`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/e38eb931c4472) -
|
|
8
|
+
[FD-101539] clean up platform_editor_refactor_view_more_fix
|
|
9
|
+
- [`482bcdc75598e`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/482bcdc75598e) -
|
|
10
|
+
ED-29462 Clean up platform_editor_toolbar_aifc_responsiveness_update
|
|
11
|
+
- Updated dependencies
|
|
12
|
+
|
|
3
13
|
## 7.0.7
|
|
4
14
|
|
|
5
15
|
### Patch Changes
|
|
@@ -171,16 +171,9 @@ var insertBlockPlugin = exports.insertBlockPlugin = function insertBlockPlugin(_
|
|
|
171
171
|
exposure: true
|
|
172
172
|
})) {
|
|
173
173
|
var _api$toolbar, _api$codeBlock, _api$panel, _api$blockType;
|
|
174
|
-
api === null || api === void 0 || (_api$toolbar = api.toolbar) === null || _api$toolbar === void 0 || _api$toolbar.actions.registerComponents((0, _toolbarComponents.
|
|
174
|
+
api === null || api === void 0 || (_api$toolbar = api.toolbar) === null || _api$toolbar === void 0 || _api$toolbar.actions.registerComponents((0, _toolbarComponents.getToolbarComponents)({
|
|
175
175
|
api: api,
|
|
176
|
-
tableSelectorSupported: options.tableSelectorSupported,
|
|
177
|
-
toolbarShowPlusInsertOnly: options.toolbarShowPlusInsertOnly,
|
|
178
|
-
showElementBrowserLink: options.showElementBrowserLink,
|
|
179
176
|
onInsertBlockType: handleInsertBlockType(api === null || api === void 0 || (_api$codeBlock = api.codeBlock) === null || _api$codeBlock === void 0 ? void 0 : _api$codeBlock.actions.insertCodeBlock, api === null || api === void 0 || (_api$panel = api.panel) === null || _api$panel === void 0 ? void 0 : _api$panel.actions.insertPanel, api === null || api === void 0 || (_api$blockType = api.blockType) === null || _api$blockType === void 0 ? void 0 : _api$blockType.actions.insertBlockQuote),
|
|
180
|
-
nativeStatusSupported: options.nativeStatusSupported,
|
|
181
|
-
horizontalRuleEnabled: options.horizontalRuleEnabled,
|
|
182
|
-
expandEnabled: options.allowExpand,
|
|
183
|
-
insertMenuItems: options.insertMenuItems,
|
|
184
177
|
options: options
|
|
185
178
|
}));
|
|
186
179
|
} else {
|
|
@@ -212,7 +212,7 @@ var InsertMenu = function InsertMenu(_ref) {
|
|
|
212
212
|
,
|
|
213
213
|
key: quickInsertDropdownItems.length,
|
|
214
214
|
viewMoreItem: viewMoreItem,
|
|
215
|
-
onViewMore: showElementBrowserLink
|
|
215
|
+
onViewMore: showElementBrowserLink ? onViewMore : undefined,
|
|
216
216
|
cache: cache
|
|
217
217
|
})))
|
|
218
218
|
);
|
|
@@ -4,8 +4,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
|
|
|
4
4
|
Object.defineProperty(exports, "__esModule", {
|
|
5
5
|
value: true
|
|
6
6
|
});
|
|
7
|
-
exports.
|
|
8
|
-
var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
|
|
7
|
+
exports.getToolbarComponents = void 0;
|
|
9
8
|
var _react = _interopRequireDefault(require("react"));
|
|
10
9
|
var _toolbar = require("@atlaskit/editor-common/toolbar");
|
|
11
10
|
var _editorToolbar = require("@atlaskit/editor-toolbar");
|
|
@@ -21,270 +20,22 @@ var _MentionButton = require("./toolbar-components/MentionButton");
|
|
|
21
20
|
var _TableButton = require("./toolbar-components/TableButton");
|
|
22
21
|
var _TableSizePicker = require("./toolbar-components/TableSizePicker");
|
|
23
22
|
var _TaskListButton = require("./toolbar-components/TaskListButton");
|
|
24
|
-
var getToolbarComponents = exports.getToolbarComponents = function getToolbarComponents(_ref) {
|
|
25
|
-
var api = _ref.api,
|
|
26
|
-
tableSelectorSupported = _ref.tableSelectorSupported,
|
|
27
|
-
toolbarShowPlusInsertOnly = _ref.toolbarShowPlusInsertOnly,
|
|
28
|
-
showElementBrowserLink = _ref.showElementBrowserLink,
|
|
29
|
-
onInsertBlockType = _ref.onInsertBlockType,
|
|
30
|
-
nativeStatusSupported = _ref.nativeStatusSupported,
|
|
31
|
-
horizontalRuleEnabled = _ref.horizontalRuleEnabled,
|
|
32
|
-
expandEnabled = _ref.expandEnabled,
|
|
33
|
-
insertMenuItems = _ref.insertMenuItems;
|
|
34
|
-
return (0, _toConsumableArray2.default)(toolbarShowPlusInsertOnly ? [{
|
|
35
|
-
type: _toolbar.INSERT_GROUP.type,
|
|
36
|
-
key: _toolbar.INSERT_GROUP.key,
|
|
37
|
-
parents: [{
|
|
38
|
-
type: _toolbar.INSERT_BLOCK_SECTION.type,
|
|
39
|
-
key: _toolbar.INSERT_BLOCK_SECTION.key,
|
|
40
|
-
rank: _toolbar.INSERT_BLOCK_SECTION_RANK[_toolbar.INSERT_GROUP.key]
|
|
41
|
-
}]
|
|
42
|
-
}, {
|
|
43
|
-
type: _toolbar.INSERT_BUTTON.type,
|
|
44
|
-
key: _toolbar.INSERT_BUTTON.key,
|
|
45
|
-
parents: [{
|
|
46
|
-
type: _toolbar.INSERT_GROUP.type,
|
|
47
|
-
key: _toolbar.INSERT_GROUP.key,
|
|
48
|
-
rank: _toolbar.INSERT_GROUP_RANK[_toolbar.INSERT_BUTTON.key]
|
|
49
|
-
}],
|
|
50
|
-
component: function component() {
|
|
51
|
-
return /*#__PURE__*/_react.default.createElement(_InsertButton.InsertButton, {
|
|
52
|
-
api: api,
|
|
53
|
-
showElementBrowserLink: showElementBrowserLink,
|
|
54
|
-
tableSelectorSupported: tableSelectorSupported,
|
|
55
|
-
onInsertBlockType: onInsertBlockType,
|
|
56
|
-
nativeStatusSupported: nativeStatusSupported,
|
|
57
|
-
horizontalRuleEnabled: horizontalRuleEnabled,
|
|
58
|
-
expandEnabled: expandEnabled,
|
|
59
|
-
insertMenuItems: insertMenuItems
|
|
60
|
-
});
|
|
61
|
-
}
|
|
62
|
-
}] : [{
|
|
63
|
-
type: _toolbar.TASK_LIST_GROUP.type,
|
|
64
|
-
key: _toolbar.TASK_LIST_GROUP.key,
|
|
65
|
-
parents: [{
|
|
66
|
-
type: _toolbar.INSERT_BLOCK_SECTION.type,
|
|
67
|
-
key: _toolbar.INSERT_BLOCK_SECTION.key,
|
|
68
|
-
rank: _toolbar.INSERT_BLOCK_SECTION_RANK[_toolbar.TASK_LIST_GROUP.key]
|
|
69
|
-
}],
|
|
70
|
-
component: (0, _expValEquals.expValEquals)('platform_editor_toolbar_aifc_responsive', 'isEnabled', true) ? function (_ref2) {
|
|
71
|
-
var children = _ref2.children;
|
|
72
|
-
return /*#__PURE__*/_react.default.createElement(_editorToolbar.Show, {
|
|
73
|
-
above: "lg"
|
|
74
|
-
}, /*#__PURE__*/_react.default.createElement(_editorToolbar.ToolbarButtonGroup, null, children));
|
|
75
|
-
} : undefined
|
|
76
|
-
}, {
|
|
77
|
-
type: _toolbar.TASK_LIST_BUTTON.type,
|
|
78
|
-
key: _toolbar.TASK_LIST_BUTTON.key,
|
|
79
|
-
parents: [{
|
|
80
|
-
type: _toolbar.TASK_LIST_GROUP.type,
|
|
81
|
-
key: _toolbar.TASK_LIST_GROUP.key,
|
|
82
|
-
rank: _toolbar.TASK_LIST_GROUP_RANK[_toolbar.TASK_LIST_BUTTON.key]
|
|
83
|
-
}],
|
|
84
|
-
component: function component() {
|
|
85
|
-
return /*#__PURE__*/_react.default.createElement(_TaskListButton.TaskListButton, {
|
|
86
|
-
api: api
|
|
87
|
-
});
|
|
88
|
-
}
|
|
89
|
-
}, {
|
|
90
|
-
type: _toolbar.MEDIA_GROUP.type,
|
|
91
|
-
key: _toolbar.MEDIA_GROUP.key,
|
|
92
|
-
parents: [{
|
|
93
|
-
type: _toolbar.INSERT_BLOCK_SECTION.type,
|
|
94
|
-
key: _toolbar.INSERT_BLOCK_SECTION.key,
|
|
95
|
-
rank: _toolbar.INSERT_BLOCK_SECTION_RANK[_toolbar.MEDIA_GROUP.key]
|
|
96
|
-
}],
|
|
97
|
-
component: (0, _expValEquals.expValEquals)('platform_editor_toolbar_aifc_responsive', 'isEnabled', true) ? function (_ref3) {
|
|
98
|
-
var children = _ref3.children;
|
|
99
|
-
return /*#__PURE__*/_react.default.createElement(_editorToolbar.Show, {
|
|
100
|
-
above: "lg"
|
|
101
|
-
}, /*#__PURE__*/_react.default.createElement(_editorToolbar.ToolbarButtonGroup, null, children));
|
|
102
|
-
} : undefined
|
|
103
|
-
}, {
|
|
104
|
-
type: _toolbar.MEDIA_BUTTON.type,
|
|
105
|
-
key: _toolbar.MEDIA_BUTTON.key,
|
|
106
|
-
parents: [{
|
|
107
|
-
type: _toolbar.MEDIA_GROUP.type,
|
|
108
|
-
key: _toolbar.MEDIA_GROUP.key,
|
|
109
|
-
rank: _toolbar.MEDIA_GROUP_RANK[_toolbar.MEDIA_BUTTON.key]
|
|
110
|
-
}],
|
|
111
|
-
component: function component() {
|
|
112
|
-
return !!(api !== null && api !== void 0 && api.imageUpload) ? /*#__PURE__*/_react.default.createElement(_ImageButton.ImageButton, {
|
|
113
|
-
api: api
|
|
114
|
-
}) : /*#__PURE__*/_react.default.createElement(_MediaButton.MediaButton, {
|
|
115
|
-
api: api
|
|
116
|
-
});
|
|
117
|
-
}
|
|
118
|
-
}, {
|
|
119
|
-
type: _toolbar.MENTION_GROUP.type,
|
|
120
|
-
key: _toolbar.MENTION_GROUP.key,
|
|
121
|
-
parents: [{
|
|
122
|
-
type: _toolbar.INSERT_BLOCK_SECTION.type,
|
|
123
|
-
key: _toolbar.INSERT_BLOCK_SECTION.key,
|
|
124
|
-
rank: _toolbar.INSERT_BLOCK_SECTION_RANK[_toolbar.MENTION_GROUP.key]
|
|
125
|
-
}],
|
|
126
|
-
component: (0, _expValEquals.expValEquals)('platform_editor_toolbar_aifc_responsive', 'isEnabled', true) ? function (_ref4) {
|
|
127
|
-
var children = _ref4.children;
|
|
128
|
-
return /*#__PURE__*/_react.default.createElement(_editorToolbar.Show, {
|
|
129
|
-
above: "lg"
|
|
130
|
-
}, /*#__PURE__*/_react.default.createElement(_editorToolbar.ToolbarButtonGroup, null, children));
|
|
131
|
-
} : undefined
|
|
132
|
-
}, {
|
|
133
|
-
type: _toolbar.MENTION_BUTTON.type,
|
|
134
|
-
key: _toolbar.MENTION_BUTTON.key,
|
|
135
|
-
parents: [{
|
|
136
|
-
type: _toolbar.MENTION_GROUP.type,
|
|
137
|
-
key: _toolbar.MENTION_GROUP.key,
|
|
138
|
-
rank: _toolbar.MENTION_GROUP_RANK[_toolbar.MENTION_BUTTON.key]
|
|
139
|
-
}],
|
|
140
|
-
component: function component() {
|
|
141
|
-
return /*#__PURE__*/_react.default.createElement(_MentionButton.MentionButton, {
|
|
142
|
-
api: api
|
|
143
|
-
});
|
|
144
|
-
}
|
|
145
|
-
}, {
|
|
146
|
-
type: _toolbar.EMOJI_GROUP.type,
|
|
147
|
-
key: _toolbar.EMOJI_GROUP.key,
|
|
148
|
-
parents: [{
|
|
149
|
-
type: _toolbar.INSERT_BLOCK_SECTION.type,
|
|
150
|
-
key: _toolbar.INSERT_BLOCK_SECTION.key,
|
|
151
|
-
rank: _toolbar.INSERT_BLOCK_SECTION_RANK[_toolbar.EMOJI_GROUP.key]
|
|
152
|
-
}],
|
|
153
|
-
component: (0, _expValEquals.expValEquals)('platform_editor_toolbar_aifc_responsive', 'isEnabled', true) ? function (_ref5) {
|
|
154
|
-
var children = _ref5.children;
|
|
155
|
-
return /*#__PURE__*/_react.default.createElement(_editorToolbar.Show, {
|
|
156
|
-
above: "lg"
|
|
157
|
-
}, /*#__PURE__*/_react.default.createElement(_editorToolbar.ToolbarButtonGroup, null, children));
|
|
158
|
-
} : undefined
|
|
159
|
-
}, {
|
|
160
|
-
type: _toolbar.EMOJI_BUTTON.type,
|
|
161
|
-
key: _toolbar.EMOJI_BUTTON.key,
|
|
162
|
-
parents: [{
|
|
163
|
-
type: _toolbar.EMOJI_GROUP.type,
|
|
164
|
-
key: _toolbar.EMOJI_GROUP.key,
|
|
165
|
-
rank: _toolbar.EMOJI_GROUP_RANK[_toolbar.EMOJI_BUTTON.key]
|
|
166
|
-
}],
|
|
167
|
-
component: function component() {
|
|
168
|
-
return /*#__PURE__*/_react.default.createElement(_EmojiButton.EmojiButton, {
|
|
169
|
-
api: api
|
|
170
|
-
});
|
|
171
|
-
}
|
|
172
|
-
}, {
|
|
173
|
-
type: _toolbar.LAYOUT_GROUP.type,
|
|
174
|
-
key: _toolbar.LAYOUT_GROUP.key,
|
|
175
|
-
parents: [{
|
|
176
|
-
type: _toolbar.INSERT_BLOCK_SECTION.type,
|
|
177
|
-
key: _toolbar.INSERT_BLOCK_SECTION.key,
|
|
178
|
-
rank: _toolbar.INSERT_BLOCK_SECTION_RANK[_toolbar.LAYOUT_GROUP.key]
|
|
179
|
-
}],
|
|
180
|
-
component: (0, _expValEquals.expValEquals)('platform_editor_toolbar_aifc_responsive', 'isEnabled', true) ? function (_ref6) {
|
|
181
|
-
var children = _ref6.children;
|
|
182
|
-
return /*#__PURE__*/_react.default.createElement(_editorToolbar.Show, {
|
|
183
|
-
above: "lg"
|
|
184
|
-
}, /*#__PURE__*/_react.default.createElement(_editorToolbar.ToolbarButtonGroup, null, children));
|
|
185
|
-
} : undefined
|
|
186
|
-
}, {
|
|
187
|
-
type: _toolbar.LAYOUT_BUTTON.type,
|
|
188
|
-
key: _toolbar.LAYOUT_BUTTON.key,
|
|
189
|
-
parents: [{
|
|
190
|
-
type: _toolbar.LAYOUT_GROUP.type,
|
|
191
|
-
key: _toolbar.LAYOUT_GROUP.key,
|
|
192
|
-
rank: _toolbar.LAYOUT_GROUP_RANK[_toolbar.LAYOUT_BUTTON.key]
|
|
193
|
-
}],
|
|
194
|
-
component: function component() {
|
|
195
|
-
return /*#__PURE__*/_react.default.createElement(_LayoutButton.LayoutButton, {
|
|
196
|
-
api: api
|
|
197
|
-
});
|
|
198
|
-
}
|
|
199
|
-
}, {
|
|
200
|
-
type: _toolbar.TABLE_GROUP.type,
|
|
201
|
-
key: _toolbar.TABLE_GROUP.key,
|
|
202
|
-
parents: [{
|
|
203
|
-
type: _toolbar.INSERT_BLOCK_SECTION.type,
|
|
204
|
-
key: _toolbar.INSERT_BLOCK_SECTION.key,
|
|
205
|
-
rank: _toolbar.INSERT_BLOCK_SECTION_RANK[_toolbar.TABLE_GROUP.key]
|
|
206
|
-
}],
|
|
207
|
-
component: (0, _expValEquals.expValEquals)('platform_editor_toolbar_aifc_responsive', 'isEnabled', true) ? function (_ref7) {
|
|
208
|
-
var children = _ref7.children;
|
|
209
|
-
return /*#__PURE__*/_react.default.createElement(_editorToolbar.Show, {
|
|
210
|
-
above: "md"
|
|
211
|
-
}, /*#__PURE__*/_react.default.createElement(_editorToolbar.ToolbarButtonGroup, null, children));
|
|
212
|
-
} : undefined
|
|
213
|
-
}, {
|
|
214
|
-
type: _toolbar.TABLE_BUTTON.type,
|
|
215
|
-
key: _toolbar.TABLE_BUTTON.key,
|
|
216
|
-
parents: [{
|
|
217
|
-
type: _toolbar.TABLE_GROUP.type,
|
|
218
|
-
key: _toolbar.TABLE_GROUP.key,
|
|
219
|
-
rank: _toolbar.TABLE_GROUP_RANK[_toolbar.TABLE_BUTTON.key]
|
|
220
|
-
}],
|
|
221
|
-
component: function component() {
|
|
222
|
-
return /*#__PURE__*/_react.default.createElement(_TableButton.TableButton, {
|
|
223
|
-
api: api
|
|
224
|
-
});
|
|
225
|
-
}
|
|
226
|
-
}, {
|
|
227
|
-
type: _toolbar.TABLE_SIZE_PICKER.type,
|
|
228
|
-
key: _toolbar.TABLE_SIZE_PICKER.key,
|
|
229
|
-
parents: [{
|
|
230
|
-
type: _toolbar.TABLE_GROUP.type,
|
|
231
|
-
key: _toolbar.TABLE_GROUP.key,
|
|
232
|
-
rank: _toolbar.TABLE_GROUP_RANK[_toolbar.TABLE_SIZE_PICKER.key]
|
|
233
|
-
}],
|
|
234
|
-
component: function component() {
|
|
235
|
-
return /*#__PURE__*/_react.default.createElement(_TableSizePicker.TableSizePicker, {
|
|
236
|
-
api: api,
|
|
237
|
-
tableSelectorSupported: tableSelectorSupported
|
|
238
|
-
});
|
|
239
|
-
}
|
|
240
|
-
}, {
|
|
241
|
-
type: _toolbar.INSERT_GROUP.type,
|
|
242
|
-
key: _toolbar.INSERT_GROUP.key,
|
|
243
|
-
parents: [{
|
|
244
|
-
type: _toolbar.INSERT_BLOCK_SECTION.type,
|
|
245
|
-
key: _toolbar.INSERT_BLOCK_SECTION.key,
|
|
246
|
-
rank: _toolbar.INSERT_BLOCK_SECTION_RANK[_toolbar.INSERT_GROUP.key]
|
|
247
|
-
}]
|
|
248
|
-
}, {
|
|
249
|
-
type: _toolbar.INSERT_BUTTON.type,
|
|
250
|
-
key: _toolbar.INSERT_BUTTON.key,
|
|
251
|
-
parents: [{
|
|
252
|
-
type: _toolbar.INSERT_GROUP.type,
|
|
253
|
-
key: _toolbar.INSERT_GROUP.key,
|
|
254
|
-
rank: _toolbar.INSERT_GROUP_RANK[_toolbar.INSERT_BUTTON.key]
|
|
255
|
-
}],
|
|
256
|
-
component: function component() {
|
|
257
|
-
return /*#__PURE__*/_react.default.createElement(_InsertButton.InsertButton, {
|
|
258
|
-
api: api,
|
|
259
|
-
showElementBrowserLink: showElementBrowserLink,
|
|
260
|
-
tableSelectorSupported: tableSelectorSupported,
|
|
261
|
-
onInsertBlockType: onInsertBlockType,
|
|
262
|
-
nativeStatusSupported: nativeStatusSupported,
|
|
263
|
-
horizontalRuleEnabled: horizontalRuleEnabled,
|
|
264
|
-
expandEnabled: expandEnabled,
|
|
265
|
-
insertMenuItems: insertMenuItems,
|
|
266
|
-
numberOfButtons: 7 // TODO: ED-28759 - Default to 7 buttons - Remove this once we have a proper way to do toolbar responsiveness
|
|
267
|
-
});
|
|
268
|
-
}
|
|
269
|
-
}]);
|
|
270
|
-
};
|
|
271
|
-
|
|
272
23
|
/**
|
|
273
24
|
* Updated toolbar components function that uses the new configuration resolver.
|
|
274
25
|
* This function replaces the hardcoded approach with a config-driven one.
|
|
275
26
|
*/
|
|
276
|
-
var
|
|
27
|
+
var getToolbarComponents = exports.getToolbarComponents = function getToolbarComponents(_ref) {
|
|
277
28
|
var _config$taskList, _config$media, _config$codeBlock, _config$mention, _config$emoji, _config$layout, _config$table, _config$insert;
|
|
278
|
-
var api =
|
|
279
|
-
options =
|
|
280
|
-
onInsertBlockType =
|
|
29
|
+
var api = _ref.api,
|
|
30
|
+
options = _ref.options,
|
|
31
|
+
onInsertBlockType = _ref.onInsertBlockType;
|
|
281
32
|
var config = (0, _configResolver.resolveToolbarConfig)(options);
|
|
282
33
|
var components = [];
|
|
283
34
|
|
|
284
35
|
// Helper function to create responsive wrapper component
|
|
285
36
|
var createResponsiveComponent = function createResponsiveComponent() {
|
|
286
|
-
return (0, _expValEquals.expValEquals)('platform_editor_toolbar_aifc_responsive', 'isEnabled', true) ? function (
|
|
287
|
-
var children =
|
|
37
|
+
return (0, _expValEquals.expValEquals)('platform_editor_toolbar_aifc_responsive', 'isEnabled', true) ? function (_ref2) {
|
|
38
|
+
var children = _ref2.children;
|
|
288
39
|
return /*#__PURE__*/_react.default.createElement(_editorToolbar.Show, {
|
|
289
40
|
above: "lg"
|
|
290
41
|
}, /*#__PURE__*/_react.default.createElement(_editorToolbar.ToolbarButtonGroup, null, children));
|
|
@@ -541,19 +292,4 @@ var getToolbarComponentsUpdated = exports.getToolbarComponentsUpdated = function
|
|
|
541
292
|
});
|
|
542
293
|
}
|
|
543
294
|
return components;
|
|
544
|
-
};
|
|
545
|
-
|
|
546
|
-
/**
|
|
547
|
-
* Main export that switches between old and new implementations based on experiment.
|
|
548
|
-
* This allows for gradual rollout of the new config-driven approach.
|
|
549
|
-
*/
|
|
550
|
-
var getToolbarComponentsWithConfig = exports.getToolbarComponentsWithConfig = function getToolbarComponentsWithConfig(props) {
|
|
551
|
-
if ((0, _expValEquals.expValEquals)('platform_editor_toolbar_aifc_responsiveness_update', 'isEnabled', true) && 'options' in props) {
|
|
552
|
-
// Use new config-driven approach
|
|
553
|
-
return getToolbarComponentsUpdated(props);
|
|
554
|
-
}
|
|
555
|
-
|
|
556
|
-
// Use legacy approach
|
|
557
|
-
var legacyProps = props;
|
|
558
|
-
return getToolbarComponents(legacyProps);
|
|
559
295
|
};
|
|
@@ -9,7 +9,7 @@ import { BLOCK_QUOTE, CODE_BLOCK, PANEL } from '@atlaskit/editor-plugin-block-ty
|
|
|
9
9
|
import { fg } from '@atlaskit/platform-feature-flags';
|
|
10
10
|
import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
|
|
11
11
|
import { toggleInsertBlockPmKey, toggleInsertBlockPmPlugin } from './pm-plugins/toggleInsertBlock';
|
|
12
|
-
import {
|
|
12
|
+
import { getToolbarComponents } from './ui/toolbar-components';
|
|
13
13
|
// Ignored via go/ees005
|
|
14
14
|
// eslint-disable-next-line import/no-named-as-default
|
|
15
15
|
import ToolbarInsertBlock from './ui/ToolbarInsertBlock';
|
|
@@ -156,16 +156,9 @@ export const insertBlockPlugin = ({
|
|
|
156
156
|
exposure: true
|
|
157
157
|
})) {
|
|
158
158
|
var _api$toolbar, _api$codeBlock, _api$panel, _api$blockType;
|
|
159
|
-
api === null || api === void 0 ? void 0 : (_api$toolbar = api.toolbar) === null || _api$toolbar === void 0 ? void 0 : _api$toolbar.actions.registerComponents(
|
|
159
|
+
api === null || api === void 0 ? void 0 : (_api$toolbar = api.toolbar) === null || _api$toolbar === void 0 ? void 0 : _api$toolbar.actions.registerComponents(getToolbarComponents({
|
|
160
160
|
api,
|
|
161
|
-
tableSelectorSupported: options.tableSelectorSupported,
|
|
162
|
-
toolbarShowPlusInsertOnly: options.toolbarShowPlusInsertOnly,
|
|
163
|
-
showElementBrowserLink: options.showElementBrowserLink,
|
|
164
161
|
onInsertBlockType: handleInsertBlockType(api === null || api === void 0 ? void 0 : (_api$codeBlock = api.codeBlock) === null || _api$codeBlock === void 0 ? void 0 : _api$codeBlock.actions.insertCodeBlock, api === null || api === void 0 ? void 0 : (_api$panel = api.panel) === null || _api$panel === void 0 ? void 0 : _api$panel.actions.insertPanel, api === null || api === void 0 ? void 0 : (_api$blockType = api.blockType) === null || _api$blockType === void 0 ? void 0 : _api$blockType.actions.insertBlockQuote),
|
|
165
|
-
nativeStatusSupported: options.nativeStatusSupported,
|
|
166
|
-
horizontalRuleEnabled: options.horizontalRuleEnabled,
|
|
167
|
-
expandEnabled: options.allowExpand,
|
|
168
|
-
insertMenuItems: options.insertMenuItems,
|
|
169
162
|
options
|
|
170
163
|
}));
|
|
171
164
|
} else {
|
|
@@ -182,7 +182,7 @@ const InsertMenu = ({
|
|
|
182
182
|
,
|
|
183
183
|
key: quickInsertDropdownItems.length,
|
|
184
184
|
viewMoreItem: viewMoreItem,
|
|
185
|
-
onViewMore: showElementBrowserLink
|
|
185
|
+
onViewMore: showElementBrowserLink ? onViewMore : undefined,
|
|
186
186
|
cache: cache
|
|
187
187
|
})))
|
|
188
188
|
);
|
|
@@ -13,236 +13,11 @@ import { MentionButton } from './toolbar-components/MentionButton';
|
|
|
13
13
|
import { TableButton } from './toolbar-components/TableButton';
|
|
14
14
|
import { TableSizePicker } from './toolbar-components/TableSizePicker';
|
|
15
15
|
import { TaskListButton } from './toolbar-components/TaskListButton';
|
|
16
|
-
export const getToolbarComponents = ({
|
|
17
|
-
api,
|
|
18
|
-
tableSelectorSupported,
|
|
19
|
-
toolbarShowPlusInsertOnly,
|
|
20
|
-
showElementBrowserLink,
|
|
21
|
-
onInsertBlockType,
|
|
22
|
-
nativeStatusSupported,
|
|
23
|
-
horizontalRuleEnabled,
|
|
24
|
-
expandEnabled,
|
|
25
|
-
insertMenuItems
|
|
26
|
-
}) => {
|
|
27
|
-
return [...(toolbarShowPlusInsertOnly ? [{
|
|
28
|
-
type: INSERT_GROUP.type,
|
|
29
|
-
key: INSERT_GROUP.key,
|
|
30
|
-
parents: [{
|
|
31
|
-
type: INSERT_BLOCK_SECTION.type,
|
|
32
|
-
key: INSERT_BLOCK_SECTION.key,
|
|
33
|
-
rank: INSERT_BLOCK_SECTION_RANK[INSERT_GROUP.key]
|
|
34
|
-
}]
|
|
35
|
-
}, {
|
|
36
|
-
type: INSERT_BUTTON.type,
|
|
37
|
-
key: INSERT_BUTTON.key,
|
|
38
|
-
parents: [{
|
|
39
|
-
type: INSERT_GROUP.type,
|
|
40
|
-
key: INSERT_GROUP.key,
|
|
41
|
-
rank: INSERT_GROUP_RANK[INSERT_BUTTON.key]
|
|
42
|
-
}],
|
|
43
|
-
component: () => /*#__PURE__*/React.createElement(InsertButton, {
|
|
44
|
-
api: api,
|
|
45
|
-
showElementBrowserLink: showElementBrowserLink,
|
|
46
|
-
tableSelectorSupported: tableSelectorSupported,
|
|
47
|
-
onInsertBlockType: onInsertBlockType,
|
|
48
|
-
nativeStatusSupported: nativeStatusSupported,
|
|
49
|
-
horizontalRuleEnabled: horizontalRuleEnabled,
|
|
50
|
-
expandEnabled: expandEnabled,
|
|
51
|
-
insertMenuItems: insertMenuItems
|
|
52
|
-
})
|
|
53
|
-
}] : [{
|
|
54
|
-
type: TASK_LIST_GROUP.type,
|
|
55
|
-
key: TASK_LIST_GROUP.key,
|
|
56
|
-
parents: [{
|
|
57
|
-
type: INSERT_BLOCK_SECTION.type,
|
|
58
|
-
key: INSERT_BLOCK_SECTION.key,
|
|
59
|
-
rank: INSERT_BLOCK_SECTION_RANK[TASK_LIST_GROUP.key]
|
|
60
|
-
}],
|
|
61
|
-
component: expValEquals('platform_editor_toolbar_aifc_responsive', 'isEnabled', true) ? ({
|
|
62
|
-
children
|
|
63
|
-
}) => /*#__PURE__*/React.createElement(Show, {
|
|
64
|
-
above: "lg"
|
|
65
|
-
}, /*#__PURE__*/React.createElement(ToolbarButtonGroup, null, children)) : undefined
|
|
66
|
-
}, {
|
|
67
|
-
type: TASK_LIST_BUTTON.type,
|
|
68
|
-
key: TASK_LIST_BUTTON.key,
|
|
69
|
-
parents: [{
|
|
70
|
-
type: TASK_LIST_GROUP.type,
|
|
71
|
-
key: TASK_LIST_GROUP.key,
|
|
72
|
-
rank: TASK_LIST_GROUP_RANK[TASK_LIST_BUTTON.key]
|
|
73
|
-
}],
|
|
74
|
-
component: () => /*#__PURE__*/React.createElement(TaskListButton, {
|
|
75
|
-
api: api
|
|
76
|
-
})
|
|
77
|
-
}, {
|
|
78
|
-
type: MEDIA_GROUP.type,
|
|
79
|
-
key: MEDIA_GROUP.key,
|
|
80
|
-
parents: [{
|
|
81
|
-
type: INSERT_BLOCK_SECTION.type,
|
|
82
|
-
key: INSERT_BLOCK_SECTION.key,
|
|
83
|
-
rank: INSERT_BLOCK_SECTION_RANK[MEDIA_GROUP.key]
|
|
84
|
-
}],
|
|
85
|
-
component: expValEquals('platform_editor_toolbar_aifc_responsive', 'isEnabled', true) ? ({
|
|
86
|
-
children
|
|
87
|
-
}) => /*#__PURE__*/React.createElement(Show, {
|
|
88
|
-
above: "lg"
|
|
89
|
-
}, /*#__PURE__*/React.createElement(ToolbarButtonGroup, null, children)) : undefined
|
|
90
|
-
}, {
|
|
91
|
-
type: MEDIA_BUTTON.type,
|
|
92
|
-
key: MEDIA_BUTTON.key,
|
|
93
|
-
parents: [{
|
|
94
|
-
type: MEDIA_GROUP.type,
|
|
95
|
-
key: MEDIA_GROUP.key,
|
|
96
|
-
rank: MEDIA_GROUP_RANK[MEDIA_BUTTON.key]
|
|
97
|
-
}],
|
|
98
|
-
component: () => !!(api !== null && api !== void 0 && api.imageUpload) ? /*#__PURE__*/React.createElement(ImageButton, {
|
|
99
|
-
api: api
|
|
100
|
-
}) : /*#__PURE__*/React.createElement(MediaButton, {
|
|
101
|
-
api: api
|
|
102
|
-
})
|
|
103
|
-
}, {
|
|
104
|
-
type: MENTION_GROUP.type,
|
|
105
|
-
key: MENTION_GROUP.key,
|
|
106
|
-
parents: [{
|
|
107
|
-
type: INSERT_BLOCK_SECTION.type,
|
|
108
|
-
key: INSERT_BLOCK_SECTION.key,
|
|
109
|
-
rank: INSERT_BLOCK_SECTION_RANK[MENTION_GROUP.key]
|
|
110
|
-
}],
|
|
111
|
-
component: expValEquals('platform_editor_toolbar_aifc_responsive', 'isEnabled', true) ? ({
|
|
112
|
-
children
|
|
113
|
-
}) => /*#__PURE__*/React.createElement(Show, {
|
|
114
|
-
above: "lg"
|
|
115
|
-
}, /*#__PURE__*/React.createElement(ToolbarButtonGroup, null, children)) : undefined
|
|
116
|
-
}, {
|
|
117
|
-
type: MENTION_BUTTON.type,
|
|
118
|
-
key: MENTION_BUTTON.key,
|
|
119
|
-
parents: [{
|
|
120
|
-
type: MENTION_GROUP.type,
|
|
121
|
-
key: MENTION_GROUP.key,
|
|
122
|
-
rank: MENTION_GROUP_RANK[MENTION_BUTTON.key]
|
|
123
|
-
}],
|
|
124
|
-
component: () => /*#__PURE__*/React.createElement(MentionButton, {
|
|
125
|
-
api: api
|
|
126
|
-
})
|
|
127
|
-
}, {
|
|
128
|
-
type: EMOJI_GROUP.type,
|
|
129
|
-
key: EMOJI_GROUP.key,
|
|
130
|
-
parents: [{
|
|
131
|
-
type: INSERT_BLOCK_SECTION.type,
|
|
132
|
-
key: INSERT_BLOCK_SECTION.key,
|
|
133
|
-
rank: INSERT_BLOCK_SECTION_RANK[EMOJI_GROUP.key]
|
|
134
|
-
}],
|
|
135
|
-
component: expValEquals('platform_editor_toolbar_aifc_responsive', 'isEnabled', true) ? ({
|
|
136
|
-
children
|
|
137
|
-
}) => /*#__PURE__*/React.createElement(Show, {
|
|
138
|
-
above: "lg"
|
|
139
|
-
}, /*#__PURE__*/React.createElement(ToolbarButtonGroup, null, children)) : undefined
|
|
140
|
-
}, {
|
|
141
|
-
type: EMOJI_BUTTON.type,
|
|
142
|
-
key: EMOJI_BUTTON.key,
|
|
143
|
-
parents: [{
|
|
144
|
-
type: EMOJI_GROUP.type,
|
|
145
|
-
key: EMOJI_GROUP.key,
|
|
146
|
-
rank: EMOJI_GROUP_RANK[EMOJI_BUTTON.key]
|
|
147
|
-
}],
|
|
148
|
-
component: () => /*#__PURE__*/React.createElement(EmojiButton, {
|
|
149
|
-
api: api
|
|
150
|
-
})
|
|
151
|
-
}, {
|
|
152
|
-
type: LAYOUT_GROUP.type,
|
|
153
|
-
key: LAYOUT_GROUP.key,
|
|
154
|
-
parents: [{
|
|
155
|
-
type: INSERT_BLOCK_SECTION.type,
|
|
156
|
-
key: INSERT_BLOCK_SECTION.key,
|
|
157
|
-
rank: INSERT_BLOCK_SECTION_RANK[LAYOUT_GROUP.key]
|
|
158
|
-
}],
|
|
159
|
-
component: expValEquals('platform_editor_toolbar_aifc_responsive', 'isEnabled', true) ? ({
|
|
160
|
-
children
|
|
161
|
-
}) => /*#__PURE__*/React.createElement(Show, {
|
|
162
|
-
above: "lg"
|
|
163
|
-
}, /*#__PURE__*/React.createElement(ToolbarButtonGroup, null, children)) : undefined
|
|
164
|
-
}, {
|
|
165
|
-
type: LAYOUT_BUTTON.type,
|
|
166
|
-
key: LAYOUT_BUTTON.key,
|
|
167
|
-
parents: [{
|
|
168
|
-
type: LAYOUT_GROUP.type,
|
|
169
|
-
key: LAYOUT_GROUP.key,
|
|
170
|
-
rank: LAYOUT_GROUP_RANK[LAYOUT_BUTTON.key]
|
|
171
|
-
}],
|
|
172
|
-
component: () => /*#__PURE__*/React.createElement(LayoutButton, {
|
|
173
|
-
api: api
|
|
174
|
-
})
|
|
175
|
-
}, {
|
|
176
|
-
type: TABLE_GROUP.type,
|
|
177
|
-
key: TABLE_GROUP.key,
|
|
178
|
-
parents: [{
|
|
179
|
-
type: INSERT_BLOCK_SECTION.type,
|
|
180
|
-
key: INSERT_BLOCK_SECTION.key,
|
|
181
|
-
rank: INSERT_BLOCK_SECTION_RANK[TABLE_GROUP.key]
|
|
182
|
-
}],
|
|
183
|
-
component: expValEquals('platform_editor_toolbar_aifc_responsive', 'isEnabled', true) ? ({
|
|
184
|
-
children
|
|
185
|
-
}) => /*#__PURE__*/React.createElement(Show, {
|
|
186
|
-
above: "md"
|
|
187
|
-
}, /*#__PURE__*/React.createElement(ToolbarButtonGroup, null, children)) : undefined
|
|
188
|
-
}, {
|
|
189
|
-
type: TABLE_BUTTON.type,
|
|
190
|
-
key: TABLE_BUTTON.key,
|
|
191
|
-
parents: [{
|
|
192
|
-
type: TABLE_GROUP.type,
|
|
193
|
-
key: TABLE_GROUP.key,
|
|
194
|
-
rank: TABLE_GROUP_RANK[TABLE_BUTTON.key]
|
|
195
|
-
}],
|
|
196
|
-
component: () => /*#__PURE__*/React.createElement(TableButton, {
|
|
197
|
-
api: api
|
|
198
|
-
})
|
|
199
|
-
}, {
|
|
200
|
-
type: TABLE_SIZE_PICKER.type,
|
|
201
|
-
key: TABLE_SIZE_PICKER.key,
|
|
202
|
-
parents: [{
|
|
203
|
-
type: TABLE_GROUP.type,
|
|
204
|
-
key: TABLE_GROUP.key,
|
|
205
|
-
rank: TABLE_GROUP_RANK[TABLE_SIZE_PICKER.key]
|
|
206
|
-
}],
|
|
207
|
-
component: () => /*#__PURE__*/React.createElement(TableSizePicker, {
|
|
208
|
-
api: api,
|
|
209
|
-
tableSelectorSupported: tableSelectorSupported
|
|
210
|
-
})
|
|
211
|
-
}, {
|
|
212
|
-
type: INSERT_GROUP.type,
|
|
213
|
-
key: INSERT_GROUP.key,
|
|
214
|
-
parents: [{
|
|
215
|
-
type: INSERT_BLOCK_SECTION.type,
|
|
216
|
-
key: INSERT_BLOCK_SECTION.key,
|
|
217
|
-
rank: INSERT_BLOCK_SECTION_RANK[INSERT_GROUP.key]
|
|
218
|
-
}]
|
|
219
|
-
}, {
|
|
220
|
-
type: INSERT_BUTTON.type,
|
|
221
|
-
key: INSERT_BUTTON.key,
|
|
222
|
-
parents: [{
|
|
223
|
-
type: INSERT_GROUP.type,
|
|
224
|
-
key: INSERT_GROUP.key,
|
|
225
|
-
rank: INSERT_GROUP_RANK[INSERT_BUTTON.key]
|
|
226
|
-
}],
|
|
227
|
-
component: () => /*#__PURE__*/React.createElement(InsertButton, {
|
|
228
|
-
api: api,
|
|
229
|
-
showElementBrowserLink: showElementBrowserLink,
|
|
230
|
-
tableSelectorSupported: tableSelectorSupported,
|
|
231
|
-
onInsertBlockType: onInsertBlockType,
|
|
232
|
-
nativeStatusSupported: nativeStatusSupported,
|
|
233
|
-
horizontalRuleEnabled: horizontalRuleEnabled,
|
|
234
|
-
expandEnabled: expandEnabled,
|
|
235
|
-
insertMenuItems: insertMenuItems,
|
|
236
|
-
numberOfButtons: 7 // TODO: ED-28759 - Default to 7 buttons - Remove this once we have a proper way to do toolbar responsiveness
|
|
237
|
-
})
|
|
238
|
-
}])];
|
|
239
|
-
};
|
|
240
|
-
|
|
241
16
|
/**
|
|
242
17
|
* Updated toolbar components function that uses the new configuration resolver.
|
|
243
18
|
* This function replaces the hardcoded approach with a config-driven one.
|
|
244
19
|
*/
|
|
245
|
-
export const
|
|
20
|
+
export const getToolbarComponents = ({
|
|
246
21
|
api,
|
|
247
22
|
options,
|
|
248
23
|
onInsertBlockType
|
|
@@ -492,19 +267,4 @@ export const getToolbarComponentsUpdated = ({
|
|
|
492
267
|
});
|
|
493
268
|
}
|
|
494
269
|
return components;
|
|
495
|
-
};
|
|
496
|
-
|
|
497
|
-
/**
|
|
498
|
-
* Main export that switches between old and new implementations based on experiment.
|
|
499
|
-
* This allows for gradual rollout of the new config-driven approach.
|
|
500
|
-
*/
|
|
501
|
-
export const getToolbarComponentsWithConfig = props => {
|
|
502
|
-
if (expValEquals('platform_editor_toolbar_aifc_responsiveness_update', 'isEnabled', true) && 'options' in props) {
|
|
503
|
-
// Use new config-driven approach
|
|
504
|
-
return getToolbarComponentsUpdated(props);
|
|
505
|
-
}
|
|
506
|
-
|
|
507
|
-
// Use legacy approach
|
|
508
|
-
const legacyProps = props;
|
|
509
|
-
return getToolbarComponents(legacyProps);
|
|
510
270
|
};
|
|
@@ -9,7 +9,7 @@ import { BLOCK_QUOTE, CODE_BLOCK, PANEL } from '@atlaskit/editor-plugin-block-ty
|
|
|
9
9
|
import { fg } from '@atlaskit/platform-feature-flags';
|
|
10
10
|
import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
|
|
11
11
|
import { toggleInsertBlockPmKey, toggleInsertBlockPmPlugin } from './pm-plugins/toggleInsertBlock';
|
|
12
|
-
import {
|
|
12
|
+
import { getToolbarComponents } from './ui/toolbar-components';
|
|
13
13
|
// Ignored via go/ees005
|
|
14
14
|
// eslint-disable-next-line import/no-named-as-default
|
|
15
15
|
import ToolbarInsertBlock from './ui/ToolbarInsertBlock';
|
|
@@ -161,16 +161,9 @@ export var insertBlockPlugin = function insertBlockPlugin(_ref) {
|
|
|
161
161
|
exposure: true
|
|
162
162
|
})) {
|
|
163
163
|
var _api$toolbar, _api$codeBlock, _api$panel, _api$blockType;
|
|
164
|
-
api === null || api === void 0 || (_api$toolbar = api.toolbar) === null || _api$toolbar === void 0 || _api$toolbar.actions.registerComponents(
|
|
164
|
+
api === null || api === void 0 || (_api$toolbar = api.toolbar) === null || _api$toolbar === void 0 || _api$toolbar.actions.registerComponents(getToolbarComponents({
|
|
165
165
|
api: api,
|
|
166
|
-
tableSelectorSupported: options.tableSelectorSupported,
|
|
167
|
-
toolbarShowPlusInsertOnly: options.toolbarShowPlusInsertOnly,
|
|
168
|
-
showElementBrowserLink: options.showElementBrowserLink,
|
|
169
166
|
onInsertBlockType: handleInsertBlockType(api === null || api === void 0 || (_api$codeBlock = api.codeBlock) === null || _api$codeBlock === void 0 ? void 0 : _api$codeBlock.actions.insertCodeBlock, api === null || api === void 0 || (_api$panel = api.panel) === null || _api$panel === void 0 ? void 0 : _api$panel.actions.insertPanel, api === null || api === void 0 || (_api$blockType = api.blockType) === null || _api$blockType === void 0 ? void 0 : _api$blockType.actions.insertBlockQuote),
|
|
170
|
-
nativeStatusSupported: options.nativeStatusSupported,
|
|
171
|
-
horizontalRuleEnabled: options.horizontalRuleEnabled,
|
|
172
|
-
expandEnabled: options.allowExpand,
|
|
173
|
-
insertMenuItems: options.insertMenuItems,
|
|
174
167
|
options: options
|
|
175
168
|
}));
|
|
176
169
|
} else {
|
|
@@ -209,7 +209,7 @@ var InsertMenu = function InsertMenu(_ref) {
|
|
|
209
209
|
,
|
|
210
210
|
key: quickInsertDropdownItems.length,
|
|
211
211
|
viewMoreItem: viewMoreItem,
|
|
212
|
-
onViewMore: showElementBrowserLink
|
|
212
|
+
onViewMore: showElementBrowserLink ? onViewMore : undefined,
|
|
213
213
|
cache: cache
|
|
214
214
|
})))
|
|
215
215
|
);
|
|
@@ -1,4 +1,3 @@
|
|
|
1
|
-
import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
|
|
2
1
|
import React from 'react';
|
|
3
2
|
import { INSERT_BLOCK_SECTION, TASK_LIST_GROUP, MEDIA_GROUP, INSERT_BLOCK_SECTION_RANK, TASK_LIST_BUTTON, TASK_LIST_GROUP_RANK, MEDIA_BUTTON, MENTION_GROUP, MEDIA_GROUP_RANK, MENTION_BUTTON, MENTION_GROUP_RANK, EMOJI_GROUP, EMOJI_BUTTON, EMOJI_GROUP_RANK, LAYOUT_GROUP, LAYOUT_BUTTON, LAYOUT_GROUP_RANK, TABLE_GROUP_RANK, TABLE_BUTTON, TABLE_GROUP, TABLE_SIZE_PICKER, INSERT_GROUP, INSERT_BUTTON, INSERT_GROUP_RANK, CODE_BLOCK_GROUP, CODE_BLOCK_BUTTON, CODE_BLOCK_GROUP_RANK } from '@atlaskit/editor-common/toolbar';
|
|
4
3
|
import { Show, ToolbarButtonGroup } from '@atlaskit/editor-toolbar';
|
|
@@ -14,270 +13,22 @@ import { MentionButton } from './toolbar-components/MentionButton';
|
|
|
14
13
|
import { TableButton } from './toolbar-components/TableButton';
|
|
15
14
|
import { TableSizePicker } from './toolbar-components/TableSizePicker';
|
|
16
15
|
import { TaskListButton } from './toolbar-components/TaskListButton';
|
|
17
|
-
export var getToolbarComponents = function getToolbarComponents(_ref) {
|
|
18
|
-
var api = _ref.api,
|
|
19
|
-
tableSelectorSupported = _ref.tableSelectorSupported,
|
|
20
|
-
toolbarShowPlusInsertOnly = _ref.toolbarShowPlusInsertOnly,
|
|
21
|
-
showElementBrowserLink = _ref.showElementBrowserLink,
|
|
22
|
-
onInsertBlockType = _ref.onInsertBlockType,
|
|
23
|
-
nativeStatusSupported = _ref.nativeStatusSupported,
|
|
24
|
-
horizontalRuleEnabled = _ref.horizontalRuleEnabled,
|
|
25
|
-
expandEnabled = _ref.expandEnabled,
|
|
26
|
-
insertMenuItems = _ref.insertMenuItems;
|
|
27
|
-
return _toConsumableArray(toolbarShowPlusInsertOnly ? [{
|
|
28
|
-
type: INSERT_GROUP.type,
|
|
29
|
-
key: INSERT_GROUP.key,
|
|
30
|
-
parents: [{
|
|
31
|
-
type: INSERT_BLOCK_SECTION.type,
|
|
32
|
-
key: INSERT_BLOCK_SECTION.key,
|
|
33
|
-
rank: INSERT_BLOCK_SECTION_RANK[INSERT_GROUP.key]
|
|
34
|
-
}]
|
|
35
|
-
}, {
|
|
36
|
-
type: INSERT_BUTTON.type,
|
|
37
|
-
key: INSERT_BUTTON.key,
|
|
38
|
-
parents: [{
|
|
39
|
-
type: INSERT_GROUP.type,
|
|
40
|
-
key: INSERT_GROUP.key,
|
|
41
|
-
rank: INSERT_GROUP_RANK[INSERT_BUTTON.key]
|
|
42
|
-
}],
|
|
43
|
-
component: function component() {
|
|
44
|
-
return /*#__PURE__*/React.createElement(InsertButton, {
|
|
45
|
-
api: api,
|
|
46
|
-
showElementBrowserLink: showElementBrowserLink,
|
|
47
|
-
tableSelectorSupported: tableSelectorSupported,
|
|
48
|
-
onInsertBlockType: onInsertBlockType,
|
|
49
|
-
nativeStatusSupported: nativeStatusSupported,
|
|
50
|
-
horizontalRuleEnabled: horizontalRuleEnabled,
|
|
51
|
-
expandEnabled: expandEnabled,
|
|
52
|
-
insertMenuItems: insertMenuItems
|
|
53
|
-
});
|
|
54
|
-
}
|
|
55
|
-
}] : [{
|
|
56
|
-
type: TASK_LIST_GROUP.type,
|
|
57
|
-
key: TASK_LIST_GROUP.key,
|
|
58
|
-
parents: [{
|
|
59
|
-
type: INSERT_BLOCK_SECTION.type,
|
|
60
|
-
key: INSERT_BLOCK_SECTION.key,
|
|
61
|
-
rank: INSERT_BLOCK_SECTION_RANK[TASK_LIST_GROUP.key]
|
|
62
|
-
}],
|
|
63
|
-
component: expValEquals('platform_editor_toolbar_aifc_responsive', 'isEnabled', true) ? function (_ref2) {
|
|
64
|
-
var children = _ref2.children;
|
|
65
|
-
return /*#__PURE__*/React.createElement(Show, {
|
|
66
|
-
above: "lg"
|
|
67
|
-
}, /*#__PURE__*/React.createElement(ToolbarButtonGroup, null, children));
|
|
68
|
-
} : undefined
|
|
69
|
-
}, {
|
|
70
|
-
type: TASK_LIST_BUTTON.type,
|
|
71
|
-
key: TASK_LIST_BUTTON.key,
|
|
72
|
-
parents: [{
|
|
73
|
-
type: TASK_LIST_GROUP.type,
|
|
74
|
-
key: TASK_LIST_GROUP.key,
|
|
75
|
-
rank: TASK_LIST_GROUP_RANK[TASK_LIST_BUTTON.key]
|
|
76
|
-
}],
|
|
77
|
-
component: function component() {
|
|
78
|
-
return /*#__PURE__*/React.createElement(TaskListButton, {
|
|
79
|
-
api: api
|
|
80
|
-
});
|
|
81
|
-
}
|
|
82
|
-
}, {
|
|
83
|
-
type: MEDIA_GROUP.type,
|
|
84
|
-
key: MEDIA_GROUP.key,
|
|
85
|
-
parents: [{
|
|
86
|
-
type: INSERT_BLOCK_SECTION.type,
|
|
87
|
-
key: INSERT_BLOCK_SECTION.key,
|
|
88
|
-
rank: INSERT_BLOCK_SECTION_RANK[MEDIA_GROUP.key]
|
|
89
|
-
}],
|
|
90
|
-
component: expValEquals('platform_editor_toolbar_aifc_responsive', 'isEnabled', true) ? function (_ref3) {
|
|
91
|
-
var children = _ref3.children;
|
|
92
|
-
return /*#__PURE__*/React.createElement(Show, {
|
|
93
|
-
above: "lg"
|
|
94
|
-
}, /*#__PURE__*/React.createElement(ToolbarButtonGroup, null, children));
|
|
95
|
-
} : undefined
|
|
96
|
-
}, {
|
|
97
|
-
type: MEDIA_BUTTON.type,
|
|
98
|
-
key: MEDIA_BUTTON.key,
|
|
99
|
-
parents: [{
|
|
100
|
-
type: MEDIA_GROUP.type,
|
|
101
|
-
key: MEDIA_GROUP.key,
|
|
102
|
-
rank: MEDIA_GROUP_RANK[MEDIA_BUTTON.key]
|
|
103
|
-
}],
|
|
104
|
-
component: function component() {
|
|
105
|
-
return !!(api !== null && api !== void 0 && api.imageUpload) ? /*#__PURE__*/React.createElement(ImageButton, {
|
|
106
|
-
api: api
|
|
107
|
-
}) : /*#__PURE__*/React.createElement(MediaButton, {
|
|
108
|
-
api: api
|
|
109
|
-
});
|
|
110
|
-
}
|
|
111
|
-
}, {
|
|
112
|
-
type: MENTION_GROUP.type,
|
|
113
|
-
key: MENTION_GROUP.key,
|
|
114
|
-
parents: [{
|
|
115
|
-
type: INSERT_BLOCK_SECTION.type,
|
|
116
|
-
key: INSERT_BLOCK_SECTION.key,
|
|
117
|
-
rank: INSERT_BLOCK_SECTION_RANK[MENTION_GROUP.key]
|
|
118
|
-
}],
|
|
119
|
-
component: expValEquals('platform_editor_toolbar_aifc_responsive', 'isEnabled', true) ? function (_ref4) {
|
|
120
|
-
var children = _ref4.children;
|
|
121
|
-
return /*#__PURE__*/React.createElement(Show, {
|
|
122
|
-
above: "lg"
|
|
123
|
-
}, /*#__PURE__*/React.createElement(ToolbarButtonGroup, null, children));
|
|
124
|
-
} : undefined
|
|
125
|
-
}, {
|
|
126
|
-
type: MENTION_BUTTON.type,
|
|
127
|
-
key: MENTION_BUTTON.key,
|
|
128
|
-
parents: [{
|
|
129
|
-
type: MENTION_GROUP.type,
|
|
130
|
-
key: MENTION_GROUP.key,
|
|
131
|
-
rank: MENTION_GROUP_RANK[MENTION_BUTTON.key]
|
|
132
|
-
}],
|
|
133
|
-
component: function component() {
|
|
134
|
-
return /*#__PURE__*/React.createElement(MentionButton, {
|
|
135
|
-
api: api
|
|
136
|
-
});
|
|
137
|
-
}
|
|
138
|
-
}, {
|
|
139
|
-
type: EMOJI_GROUP.type,
|
|
140
|
-
key: EMOJI_GROUP.key,
|
|
141
|
-
parents: [{
|
|
142
|
-
type: INSERT_BLOCK_SECTION.type,
|
|
143
|
-
key: INSERT_BLOCK_SECTION.key,
|
|
144
|
-
rank: INSERT_BLOCK_SECTION_RANK[EMOJI_GROUP.key]
|
|
145
|
-
}],
|
|
146
|
-
component: expValEquals('platform_editor_toolbar_aifc_responsive', 'isEnabled', true) ? function (_ref5) {
|
|
147
|
-
var children = _ref5.children;
|
|
148
|
-
return /*#__PURE__*/React.createElement(Show, {
|
|
149
|
-
above: "lg"
|
|
150
|
-
}, /*#__PURE__*/React.createElement(ToolbarButtonGroup, null, children));
|
|
151
|
-
} : undefined
|
|
152
|
-
}, {
|
|
153
|
-
type: EMOJI_BUTTON.type,
|
|
154
|
-
key: EMOJI_BUTTON.key,
|
|
155
|
-
parents: [{
|
|
156
|
-
type: EMOJI_GROUP.type,
|
|
157
|
-
key: EMOJI_GROUP.key,
|
|
158
|
-
rank: EMOJI_GROUP_RANK[EMOJI_BUTTON.key]
|
|
159
|
-
}],
|
|
160
|
-
component: function component() {
|
|
161
|
-
return /*#__PURE__*/React.createElement(EmojiButton, {
|
|
162
|
-
api: api
|
|
163
|
-
});
|
|
164
|
-
}
|
|
165
|
-
}, {
|
|
166
|
-
type: LAYOUT_GROUP.type,
|
|
167
|
-
key: LAYOUT_GROUP.key,
|
|
168
|
-
parents: [{
|
|
169
|
-
type: INSERT_BLOCK_SECTION.type,
|
|
170
|
-
key: INSERT_BLOCK_SECTION.key,
|
|
171
|
-
rank: INSERT_BLOCK_SECTION_RANK[LAYOUT_GROUP.key]
|
|
172
|
-
}],
|
|
173
|
-
component: expValEquals('platform_editor_toolbar_aifc_responsive', 'isEnabled', true) ? function (_ref6) {
|
|
174
|
-
var children = _ref6.children;
|
|
175
|
-
return /*#__PURE__*/React.createElement(Show, {
|
|
176
|
-
above: "lg"
|
|
177
|
-
}, /*#__PURE__*/React.createElement(ToolbarButtonGroup, null, children));
|
|
178
|
-
} : undefined
|
|
179
|
-
}, {
|
|
180
|
-
type: LAYOUT_BUTTON.type,
|
|
181
|
-
key: LAYOUT_BUTTON.key,
|
|
182
|
-
parents: [{
|
|
183
|
-
type: LAYOUT_GROUP.type,
|
|
184
|
-
key: LAYOUT_GROUP.key,
|
|
185
|
-
rank: LAYOUT_GROUP_RANK[LAYOUT_BUTTON.key]
|
|
186
|
-
}],
|
|
187
|
-
component: function component() {
|
|
188
|
-
return /*#__PURE__*/React.createElement(LayoutButton, {
|
|
189
|
-
api: api
|
|
190
|
-
});
|
|
191
|
-
}
|
|
192
|
-
}, {
|
|
193
|
-
type: TABLE_GROUP.type,
|
|
194
|
-
key: TABLE_GROUP.key,
|
|
195
|
-
parents: [{
|
|
196
|
-
type: INSERT_BLOCK_SECTION.type,
|
|
197
|
-
key: INSERT_BLOCK_SECTION.key,
|
|
198
|
-
rank: INSERT_BLOCK_SECTION_RANK[TABLE_GROUP.key]
|
|
199
|
-
}],
|
|
200
|
-
component: expValEquals('platform_editor_toolbar_aifc_responsive', 'isEnabled', true) ? function (_ref7) {
|
|
201
|
-
var children = _ref7.children;
|
|
202
|
-
return /*#__PURE__*/React.createElement(Show, {
|
|
203
|
-
above: "md"
|
|
204
|
-
}, /*#__PURE__*/React.createElement(ToolbarButtonGroup, null, children));
|
|
205
|
-
} : undefined
|
|
206
|
-
}, {
|
|
207
|
-
type: TABLE_BUTTON.type,
|
|
208
|
-
key: TABLE_BUTTON.key,
|
|
209
|
-
parents: [{
|
|
210
|
-
type: TABLE_GROUP.type,
|
|
211
|
-
key: TABLE_GROUP.key,
|
|
212
|
-
rank: TABLE_GROUP_RANK[TABLE_BUTTON.key]
|
|
213
|
-
}],
|
|
214
|
-
component: function component() {
|
|
215
|
-
return /*#__PURE__*/React.createElement(TableButton, {
|
|
216
|
-
api: api
|
|
217
|
-
});
|
|
218
|
-
}
|
|
219
|
-
}, {
|
|
220
|
-
type: TABLE_SIZE_PICKER.type,
|
|
221
|
-
key: TABLE_SIZE_PICKER.key,
|
|
222
|
-
parents: [{
|
|
223
|
-
type: TABLE_GROUP.type,
|
|
224
|
-
key: TABLE_GROUP.key,
|
|
225
|
-
rank: TABLE_GROUP_RANK[TABLE_SIZE_PICKER.key]
|
|
226
|
-
}],
|
|
227
|
-
component: function component() {
|
|
228
|
-
return /*#__PURE__*/React.createElement(TableSizePicker, {
|
|
229
|
-
api: api,
|
|
230
|
-
tableSelectorSupported: tableSelectorSupported
|
|
231
|
-
});
|
|
232
|
-
}
|
|
233
|
-
}, {
|
|
234
|
-
type: INSERT_GROUP.type,
|
|
235
|
-
key: INSERT_GROUP.key,
|
|
236
|
-
parents: [{
|
|
237
|
-
type: INSERT_BLOCK_SECTION.type,
|
|
238
|
-
key: INSERT_BLOCK_SECTION.key,
|
|
239
|
-
rank: INSERT_BLOCK_SECTION_RANK[INSERT_GROUP.key]
|
|
240
|
-
}]
|
|
241
|
-
}, {
|
|
242
|
-
type: INSERT_BUTTON.type,
|
|
243
|
-
key: INSERT_BUTTON.key,
|
|
244
|
-
parents: [{
|
|
245
|
-
type: INSERT_GROUP.type,
|
|
246
|
-
key: INSERT_GROUP.key,
|
|
247
|
-
rank: INSERT_GROUP_RANK[INSERT_BUTTON.key]
|
|
248
|
-
}],
|
|
249
|
-
component: function component() {
|
|
250
|
-
return /*#__PURE__*/React.createElement(InsertButton, {
|
|
251
|
-
api: api,
|
|
252
|
-
showElementBrowserLink: showElementBrowserLink,
|
|
253
|
-
tableSelectorSupported: tableSelectorSupported,
|
|
254
|
-
onInsertBlockType: onInsertBlockType,
|
|
255
|
-
nativeStatusSupported: nativeStatusSupported,
|
|
256
|
-
horizontalRuleEnabled: horizontalRuleEnabled,
|
|
257
|
-
expandEnabled: expandEnabled,
|
|
258
|
-
insertMenuItems: insertMenuItems,
|
|
259
|
-
numberOfButtons: 7 // TODO: ED-28759 - Default to 7 buttons - Remove this once we have a proper way to do toolbar responsiveness
|
|
260
|
-
});
|
|
261
|
-
}
|
|
262
|
-
}]);
|
|
263
|
-
};
|
|
264
|
-
|
|
265
16
|
/**
|
|
266
17
|
* Updated toolbar components function that uses the new configuration resolver.
|
|
267
18
|
* This function replaces the hardcoded approach with a config-driven one.
|
|
268
19
|
*/
|
|
269
|
-
export var
|
|
20
|
+
export var getToolbarComponents = function getToolbarComponents(_ref) {
|
|
270
21
|
var _config$taskList, _config$media, _config$codeBlock, _config$mention, _config$emoji, _config$layout, _config$table, _config$insert;
|
|
271
|
-
var api =
|
|
272
|
-
options =
|
|
273
|
-
onInsertBlockType =
|
|
22
|
+
var api = _ref.api,
|
|
23
|
+
options = _ref.options,
|
|
24
|
+
onInsertBlockType = _ref.onInsertBlockType;
|
|
274
25
|
var config = resolveToolbarConfig(options);
|
|
275
26
|
var components = [];
|
|
276
27
|
|
|
277
28
|
// Helper function to create responsive wrapper component
|
|
278
29
|
var createResponsiveComponent = function createResponsiveComponent() {
|
|
279
|
-
return expValEquals('platform_editor_toolbar_aifc_responsive', 'isEnabled', true) ? function (
|
|
280
|
-
var children =
|
|
30
|
+
return expValEquals('platform_editor_toolbar_aifc_responsive', 'isEnabled', true) ? function (_ref2) {
|
|
31
|
+
var children = _ref2.children;
|
|
281
32
|
return /*#__PURE__*/React.createElement(Show, {
|
|
282
33
|
above: "lg"
|
|
283
34
|
}, /*#__PURE__*/React.createElement(ToolbarButtonGroup, null, children));
|
|
@@ -534,19 +285,4 @@ export var getToolbarComponentsUpdated = function getToolbarComponentsUpdated(_r
|
|
|
534
285
|
});
|
|
535
286
|
}
|
|
536
287
|
return components;
|
|
537
|
-
};
|
|
538
|
-
|
|
539
|
-
/**
|
|
540
|
-
* Main export that switches between old and new implementations based on experiment.
|
|
541
|
-
* This allows for gradual rollout of the new config-driven approach.
|
|
542
|
-
*/
|
|
543
|
-
export var getToolbarComponentsWithConfig = function getToolbarComponentsWithConfig(props) {
|
|
544
|
-
if (expValEquals('platform_editor_toolbar_aifc_responsiveness_update', 'isEnabled', true) && 'options' in props) {
|
|
545
|
-
// Use new config-driven approach
|
|
546
|
-
return getToolbarComponentsUpdated(props);
|
|
547
|
-
}
|
|
548
|
-
|
|
549
|
-
// Use legacy approach
|
|
550
|
-
var legacyProps = props;
|
|
551
|
-
return getToolbarComponents(legacyProps);
|
|
552
288
|
};
|
|
@@ -1,33 +1,15 @@
|
|
|
1
1
|
import type { Command, ExtractInjectionAPI } from '@atlaskit/editor-common/types';
|
|
2
|
-
import type { MenuItem } from '@atlaskit/editor-common/ui-menu';
|
|
3
2
|
import type { RegisterComponent } from '@atlaskit/editor-toolbar-model';
|
|
4
3
|
import type { InsertBlockPlugin } from '../insertBlockPluginType';
|
|
5
4
|
import type { InsertBlockPluginOptions } from '../types';
|
|
6
5
|
type GetToolbarComponentsProps = {
|
|
7
|
-
api?: ExtractInjectionAPI<InsertBlockPlugin>;
|
|
8
|
-
expandEnabled?: boolean;
|
|
9
|
-
horizontalRuleEnabled?: boolean;
|
|
10
|
-
insertMenuItems?: MenuItem[];
|
|
11
|
-
nativeStatusSupported?: boolean;
|
|
12
|
-
onInsertBlockType?: (name: string) => Command;
|
|
13
|
-
showElementBrowserLink?: boolean;
|
|
14
|
-
tableSelectorSupported?: boolean;
|
|
15
|
-
toolbarShowPlusInsertOnly?: boolean;
|
|
16
|
-
};
|
|
17
|
-
type GetToolbarComponentsUpdatedProps = {
|
|
18
6
|
api?: ExtractInjectionAPI<InsertBlockPlugin>;
|
|
19
7
|
onInsertBlockType?: (name: string) => Command;
|
|
20
8
|
options: InsertBlockPluginOptions;
|
|
21
9
|
};
|
|
22
|
-
export declare const getToolbarComponents: ({ api, tableSelectorSupported, toolbarShowPlusInsertOnly, showElementBrowserLink, onInsertBlockType, nativeStatusSupported, horizontalRuleEnabled, expandEnabled, insertMenuItems, }: GetToolbarComponentsProps) => RegisterComponent[];
|
|
23
10
|
/**
|
|
24
11
|
* Updated toolbar components function that uses the new configuration resolver.
|
|
25
12
|
* This function replaces the hardcoded approach with a config-driven one.
|
|
26
13
|
*/
|
|
27
|
-
export declare const
|
|
28
|
-
/**
|
|
29
|
-
* Main export that switches between old and new implementations based on experiment.
|
|
30
|
-
* This allows for gradual rollout of the new config-driven approach.
|
|
31
|
-
*/
|
|
32
|
-
export declare const getToolbarComponentsWithConfig: (props: GetToolbarComponentsProps | GetToolbarComponentsUpdatedProps) => RegisterComponent[];
|
|
14
|
+
export declare const getToolbarComponents: ({ api, options, onInsertBlockType, }: GetToolbarComponentsProps) => RegisterComponent[];
|
|
33
15
|
export {};
|
|
@@ -1,33 +1,15 @@
|
|
|
1
1
|
import type { Command, ExtractInjectionAPI } from '@atlaskit/editor-common/types';
|
|
2
|
-
import type { MenuItem } from '@atlaskit/editor-common/ui-menu';
|
|
3
2
|
import type { RegisterComponent } from '@atlaskit/editor-toolbar-model';
|
|
4
3
|
import type { InsertBlockPlugin } from '../insertBlockPluginType';
|
|
5
4
|
import type { InsertBlockPluginOptions } from '../types';
|
|
6
5
|
type GetToolbarComponentsProps = {
|
|
7
|
-
api?: ExtractInjectionAPI<InsertBlockPlugin>;
|
|
8
|
-
expandEnabled?: boolean;
|
|
9
|
-
horizontalRuleEnabled?: boolean;
|
|
10
|
-
insertMenuItems?: MenuItem[];
|
|
11
|
-
nativeStatusSupported?: boolean;
|
|
12
|
-
onInsertBlockType?: (name: string) => Command;
|
|
13
|
-
showElementBrowserLink?: boolean;
|
|
14
|
-
tableSelectorSupported?: boolean;
|
|
15
|
-
toolbarShowPlusInsertOnly?: boolean;
|
|
16
|
-
};
|
|
17
|
-
type GetToolbarComponentsUpdatedProps = {
|
|
18
6
|
api?: ExtractInjectionAPI<InsertBlockPlugin>;
|
|
19
7
|
onInsertBlockType?: (name: string) => Command;
|
|
20
8
|
options: InsertBlockPluginOptions;
|
|
21
9
|
};
|
|
22
|
-
export declare const getToolbarComponents: ({ api, tableSelectorSupported, toolbarShowPlusInsertOnly, showElementBrowserLink, onInsertBlockType, nativeStatusSupported, horizontalRuleEnabled, expandEnabled, insertMenuItems, }: GetToolbarComponentsProps) => RegisterComponent[];
|
|
23
10
|
/**
|
|
24
11
|
* Updated toolbar components function that uses the new configuration resolver.
|
|
25
12
|
* This function replaces the hardcoded approach with a config-driven one.
|
|
26
13
|
*/
|
|
27
|
-
export declare const
|
|
28
|
-
/**
|
|
29
|
-
* Main export that switches between old and new implementations based on experiment.
|
|
30
|
-
* This allows for gradual rollout of the new config-driven approach.
|
|
31
|
-
*/
|
|
32
|
-
export declare const getToolbarComponentsWithConfig: (props: GetToolbarComponentsProps | GetToolbarComponentsUpdatedProps) => RegisterComponent[];
|
|
14
|
+
export declare const getToolbarComponents: ({ api, options, onInsertBlockType, }: GetToolbarComponentsProps) => RegisterComponent[];
|
|
33
15
|
export {};
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@atlaskit/editor-plugin-insert-block",
|
|
3
|
-
"version": "7.0.
|
|
3
|
+
"version": "7.0.8",
|
|
4
4
|
"description": "Insert block plugin for @atlaskit/editor-core",
|
|
5
5
|
"author": "Atlassian Pty Ltd",
|
|
6
6
|
"license": "Apache-2.0",
|
|
@@ -67,7 +67,7 @@
|
|
|
67
67
|
"@atlaskit/platform-feature-flags": "^1.1.0",
|
|
68
68
|
"@atlaskit/primitives": "^14.15.0",
|
|
69
69
|
"@atlaskit/theme": "^21.0.0",
|
|
70
|
-
"@atlaskit/tmp-editor-statsig": "^13.
|
|
70
|
+
"@atlaskit/tmp-editor-statsig": "^13.4.0",
|
|
71
71
|
"@atlaskit/tokens": "^6.4.0",
|
|
72
72
|
"@atlaskit/tooltip": "^20.5.0",
|
|
73
73
|
"@babel/runtime": "^7.0.0",
|
|
@@ -78,7 +78,7 @@
|
|
|
78
78
|
"react-virtualized": "^9.8.0"
|
|
79
79
|
},
|
|
80
80
|
"peerDependencies": {
|
|
81
|
-
"@atlaskit/editor-common": "^110.
|
|
81
|
+
"@atlaskit/editor-common": "^110.7.0",
|
|
82
82
|
"react": "^18.2.0",
|
|
83
83
|
"react-dom": "^18.2.0",
|
|
84
84
|
"react-intl-next": "npm:react-intl@^5.18.1"
|
|
@@ -133,9 +133,6 @@
|
|
|
133
133
|
"platform_editor_ease_of_use_metrics": {
|
|
134
134
|
"type": "boolean"
|
|
135
135
|
},
|
|
136
|
-
"platform_editor_refactor_view_more_fix": {
|
|
137
|
-
"type": "boolean"
|
|
138
|
-
},
|
|
139
136
|
"platform_editor_add_media_from_url_rollout": {
|
|
140
137
|
"type": "boolean"
|
|
141
138
|
},
|