@atlaskit/editor-plugin-text-formatting 6.0.7 → 6.0.9
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 +14 -0
- package/dist/cjs/ui/toolbar-components.js +1 -102
- package/dist/es2019/ui/toolbar-components.js +2 -106
- package/dist/esm/ui/toolbar-components.js +1 -102
- package/dist/types/ui/toolbar-components.d.ts +0 -1
- package/dist/types-ts4.5/ui/toolbar-components.d.ts +0 -1
- package/package.json +4 -4
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,19 @@
|
|
|
1
1
|
# @atlaskit/editor-plugin-text-formatting
|
|
2
2
|
|
|
3
|
+
## 6.0.9
|
|
4
|
+
|
|
5
|
+
### Patch Changes
|
|
6
|
+
|
|
7
|
+
- [`482bcdc75598e`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/482bcdc75598e) -
|
|
8
|
+
ED-29462 Clean up platform_editor_toolbar_aifc_responsiveness_update
|
|
9
|
+
- Updated dependencies
|
|
10
|
+
|
|
11
|
+
## 6.0.8
|
|
12
|
+
|
|
13
|
+
### Patch Changes
|
|
14
|
+
|
|
15
|
+
- Updated dependencies
|
|
16
|
+
|
|
3
17
|
## 6.0.7
|
|
4
18
|
|
|
5
19
|
### Patch Changes
|
|
@@ -4,114 +4,13 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
|
|
|
4
4
|
Object.defineProperty(exports, "__esModule", {
|
|
5
5
|
value: true
|
|
6
6
|
});
|
|
7
|
-
exports.
|
|
7
|
+
exports.getToolbarComponents = void 0;
|
|
8
8
|
var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
|
|
9
|
-
var _react = _interopRequireDefault(require("react"));
|
|
10
|
-
var _toolbar = require("@atlaskit/editor-common/toolbar");
|
|
11
|
-
var _editorToolbar = require("@atlaskit/editor-toolbar");
|
|
12
|
-
var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
|
|
13
9
|
var _BoldButtonGroup = require("./Toolbar/components/BoldButtonGroup");
|
|
14
|
-
var _Component = require("./Toolbar/components/Component");
|
|
15
10
|
var _TextFormattingGroupForInlineToolbar = require("./Toolbar/components/TextFormattingGroupForInlineToolbar");
|
|
16
11
|
var _TextFormattingGroups = require("./Toolbar/components/TextFormattingGroups");
|
|
17
12
|
var _TextFormattingMenuGroup = require("./Toolbar/components/TextFormattingMenuGroup");
|
|
18
13
|
var _UnderlineButtonGroup = require("./Toolbar/components/UnderlineButtonGroup");
|
|
19
|
-
var _utils = require("./Toolbar/components/utils");
|
|
20
|
-
var _types = require("./Toolbar/types");
|
|
21
14
|
var getToolbarComponents = exports.getToolbarComponents = function getToolbarComponents(api) {
|
|
22
|
-
return (0, _expValEquals.expValEquals)('platform_editor_toolbar_aifc_responsiveness_update', 'isEnabled', true) ? getToolbarComponentsResponsivenessUpdate(api) : [{
|
|
23
|
-
type: _toolbar.TEXT_FORMATTING_GROUP.type,
|
|
24
|
-
key: _toolbar.TEXT_FORMATTING_GROUP.key,
|
|
25
|
-
parents: [{
|
|
26
|
-
type: _toolbar.TEXT_SECTION.type,
|
|
27
|
-
key: _toolbar.TEXT_SECTION.key,
|
|
28
|
-
rank: _toolbar.TEXT_SECTION_RANK[_toolbar.TEXT_FORMATTING_GROUP.key]
|
|
29
|
-
}]
|
|
30
|
-
}, {
|
|
31
|
-
type: _toolbar.TEXT_FORMATTING_HERO_BUTTON.type,
|
|
32
|
-
key: _toolbar.TEXT_FORMATTING_HERO_BUTTON.key,
|
|
33
|
-
parents: [{
|
|
34
|
-
type: _toolbar.TEXT_FORMATTING_GROUP.type,
|
|
35
|
-
key: _toolbar.TEXT_FORMATTING_GROUP.key,
|
|
36
|
-
rank: _toolbar.TEXT_FORMAT_GROUP_RANK[_toolbar.TEXT_FORMATTING_HERO_BUTTON.key]
|
|
37
|
-
}],
|
|
38
|
-
component: function component(_ref) {
|
|
39
|
-
var parents = _ref.parents;
|
|
40
|
-
var _formatOptions$strong = (0, _utils.formatOptions)().strong,
|
|
41
|
-
icon = _formatOptions$strong.icon,
|
|
42
|
-
command = _formatOptions$strong.command,
|
|
43
|
-
shortcut = _formatOptions$strong.shortcut,
|
|
44
|
-
title = _formatOptions$strong.title;
|
|
45
|
-
return /*#__PURE__*/_react.default.createElement(_Component.FormatButton, {
|
|
46
|
-
api: api,
|
|
47
|
-
parents: parents,
|
|
48
|
-
icon: icon,
|
|
49
|
-
title: title,
|
|
50
|
-
shortcut: shortcut,
|
|
51
|
-
optionType: _types.FormatOptions.strong,
|
|
52
|
-
toggleMarkWithAnalyticsCallback: command
|
|
53
|
-
});
|
|
54
|
-
}
|
|
55
|
-
}, {
|
|
56
|
-
type: _toolbar.TEXT_FORMATTING_MENU.type,
|
|
57
|
-
key: _toolbar.TEXT_FORMATTING_MENU.key,
|
|
58
|
-
parents: [{
|
|
59
|
-
type: _toolbar.TEXT_FORMATTING_GROUP.type,
|
|
60
|
-
key: _toolbar.TEXT_FORMATTING_GROUP.key,
|
|
61
|
-
rank: _toolbar.TEXT_FORMAT_GROUP_RANK[_toolbar.TEXT_FORMATTING_MENU.key]
|
|
62
|
-
}],
|
|
63
|
-
component: function component(_ref2) {
|
|
64
|
-
var children = _ref2.children;
|
|
65
|
-
return /*#__PURE__*/_react.default.createElement(_Component.MoreFormattingMenu, null, children);
|
|
66
|
-
}
|
|
67
|
-
}, {
|
|
68
|
-
type: _toolbar.TEXT_FORMATTING_MENU_SECTION.type,
|
|
69
|
-
key: _toolbar.TEXT_FORMATTING_MENU_SECTION.key,
|
|
70
|
-
parents: [{
|
|
71
|
-
type: _toolbar.TEXT_FORMATTING_MENU.type,
|
|
72
|
-
key: _toolbar.TEXT_FORMATTING_MENU.key,
|
|
73
|
-
rank: _toolbar.TEXT_FORMAT_MENU_RANK[_toolbar.TEXT_FORMATTING_MENU_SECTION.key]
|
|
74
|
-
}].concat((0, _toConsumableArray2.default)((0, _expValEquals.expValEquals)('platform_editor_toolbar_aifc_responsive', 'isEnabled', true) ? [{
|
|
75
|
-
type: _toolbar.TEXT_COLLAPSED_MENU.type,
|
|
76
|
-
key: _toolbar.TEXT_COLLAPSED_MENU.key,
|
|
77
|
-
rank: _toolbar.TEXT_COLLAPSED_MENU_RANK[_toolbar.TEXT_FORMATTING_MENU_SECTION.key]
|
|
78
|
-
}] : [])),
|
|
79
|
-
component: (0, _expValEquals.expValEquals)('platform_editor_toolbar_aifc_responsive', 'isEnabled', true) ? _Component.MenuSection : undefined
|
|
80
|
-
}].concat((0, _toConsumableArray2.default)((0, _TextFormattingMenuGroup.getFormatMenuItems)(api)), [{
|
|
81
|
-
type: _toolbar.CLEAR_FORMARTTING_MENU_SECTION.type,
|
|
82
|
-
key: _toolbar.CLEAR_FORMARTTING_MENU_SECTION.key,
|
|
83
|
-
parents: [{
|
|
84
|
-
type: _toolbar.TEXT_FORMATTING_MENU.type,
|
|
85
|
-
key: _toolbar.TEXT_FORMATTING_MENU.key,
|
|
86
|
-
rank: _toolbar.TEXT_FORMAT_MENU_RANK[_toolbar.CLEAR_FORMARTTING_MENU_SECTION.key]
|
|
87
|
-
}].concat((0, _toConsumableArray2.default)((0, _expValEquals.expValEquals)('platform_editor_toolbar_aifc_responsive', 'isEnabled', true) ? [{
|
|
88
|
-
type: _toolbar.TEXT_COLLAPSED_MENU.type,
|
|
89
|
-
key: _toolbar.TEXT_COLLAPSED_MENU.key,
|
|
90
|
-
rank: _toolbar.TEXT_COLLAPSED_MENU_RANK[_toolbar.CLEAR_FORMARTTING_MENU_SECTION.key]
|
|
91
|
-
}] : [])),
|
|
92
|
-
component: function component(_ref3) {
|
|
93
|
-
var children = _ref3.children;
|
|
94
|
-
return /*#__PURE__*/_react.default.createElement(_editorToolbar.ToolbarDropdownItemSection, {
|
|
95
|
-
hasSeparator: true
|
|
96
|
-
}, children);
|
|
97
|
-
}
|
|
98
|
-
}, {
|
|
99
|
-
type: _toolbar.CLEAR_FORMATTING_MENU_ITEM.type,
|
|
100
|
-
key: _toolbar.CLEAR_FORMATTING_MENU_ITEM.key,
|
|
101
|
-
parents: [{
|
|
102
|
-
type: _toolbar.CLEAR_FORMARTTING_MENU_SECTION.type,
|
|
103
|
-
key: _toolbar.CLEAR_FORMARTTING_MENU_SECTION.key,
|
|
104
|
-
rank: _toolbar.CLEAR_FORMARTTING_MENU_SECTION_RANK[_toolbar.CLEAR_FORMATTING_MENU_ITEM.key]
|
|
105
|
-
}],
|
|
106
|
-
component: function component(_ref4) {
|
|
107
|
-
var parents = _ref4.parents;
|
|
108
|
-
return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_Component.ClearFormatMenuItem, {
|
|
109
|
-
parents: parents,
|
|
110
|
-
api: api
|
|
111
|
-
}));
|
|
112
|
-
}
|
|
113
|
-
}]);
|
|
114
|
-
};
|
|
115
|
-
var getToolbarComponentsResponsivenessUpdate = exports.getToolbarComponentsResponsivenessUpdate = function getToolbarComponentsResponsivenessUpdate(api) {
|
|
116
15
|
return [].concat((0, _toConsumableArray2.default)((0, _TextFormattingGroups.textFormattingGroupForPrimaryToolbar)(api)), (0, _toConsumableArray2.default)((0, _TextFormattingGroupForInlineToolbar.textFormattingGroupForInlineToolbar)(api)), (0, _toConsumableArray2.default)((0, _BoldButtonGroup.boldButtonGroup)(api)), (0, _toConsumableArray2.default)((0, _UnderlineButtonGroup.underlineButtonGroup)(api)), (0, _toConsumableArray2.default)((0, _TextFormattingMenuGroup.textFormattingMenuGroup)(api)));
|
|
117
16
|
};
|
|
@@ -1,112 +1,8 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import { CLEAR_FORMARTTING_MENU_SECTION, CLEAR_FORMATTING_MENU_ITEM, TEXT_FORMATTING_GROUP, TEXT_FORMATTING_HERO_BUTTON, TEXT_FORMATTING_MENU, TEXT_FORMATTING_MENU_SECTION, TEXT_SECTION, TEXT_SECTION_RANK, TEXT_FORMAT_GROUP_RANK, TEXT_FORMAT_MENU_RANK, CLEAR_FORMARTTING_MENU_SECTION_RANK, TEXT_COLLAPSED_MENU_RANK, TEXT_COLLAPSED_MENU } from '@atlaskit/editor-common/toolbar';
|
|
3
|
-
import { ToolbarDropdownItemSection } from '@atlaskit/editor-toolbar';
|
|
4
|
-
import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
|
|
5
1
|
import { boldButtonGroup } from './Toolbar/components/BoldButtonGroup';
|
|
6
|
-
import { FormatButton, ClearFormatMenuItem, MoreFormattingMenu, MenuSection } from './Toolbar/components/Component';
|
|
7
2
|
import { textFormattingGroupForInlineToolbar } from './Toolbar/components/TextFormattingGroupForInlineToolbar';
|
|
8
3
|
import { textFormattingGroupForPrimaryToolbar } from './Toolbar/components/TextFormattingGroups';
|
|
9
|
-
import { textFormattingMenuGroup
|
|
4
|
+
import { textFormattingMenuGroup } from './Toolbar/components/TextFormattingMenuGroup';
|
|
10
5
|
import { underlineButtonGroup } from './Toolbar/components/UnderlineButtonGroup';
|
|
11
|
-
|
|
12
|
-
import { FormatOptions } from './Toolbar/types';
|
|
13
|
-
export const getToolbarComponents = api => expValEquals('platform_editor_toolbar_aifc_responsiveness_update', 'isEnabled', true) ? getToolbarComponentsResponsivenessUpdate(api) : [{
|
|
14
|
-
type: TEXT_FORMATTING_GROUP.type,
|
|
15
|
-
key: TEXT_FORMATTING_GROUP.key,
|
|
16
|
-
parents: [{
|
|
17
|
-
type: TEXT_SECTION.type,
|
|
18
|
-
key: TEXT_SECTION.key,
|
|
19
|
-
rank: TEXT_SECTION_RANK[TEXT_FORMATTING_GROUP.key]
|
|
20
|
-
}]
|
|
21
|
-
}, {
|
|
22
|
-
type: TEXT_FORMATTING_HERO_BUTTON.type,
|
|
23
|
-
key: TEXT_FORMATTING_HERO_BUTTON.key,
|
|
24
|
-
parents: [{
|
|
25
|
-
type: TEXT_FORMATTING_GROUP.type,
|
|
26
|
-
key: TEXT_FORMATTING_GROUP.key,
|
|
27
|
-
rank: TEXT_FORMAT_GROUP_RANK[TEXT_FORMATTING_HERO_BUTTON.key]
|
|
28
|
-
}],
|
|
29
|
-
component: ({
|
|
30
|
-
parents
|
|
31
|
-
}) => {
|
|
32
|
-
const {
|
|
33
|
-
icon,
|
|
34
|
-
command,
|
|
35
|
-
shortcut,
|
|
36
|
-
title
|
|
37
|
-
} = formatOptions().strong;
|
|
38
|
-
return /*#__PURE__*/React.createElement(FormatButton, {
|
|
39
|
-
api: api,
|
|
40
|
-
parents: parents,
|
|
41
|
-
icon: icon,
|
|
42
|
-
title: title,
|
|
43
|
-
shortcut: shortcut,
|
|
44
|
-
optionType: FormatOptions.strong,
|
|
45
|
-
toggleMarkWithAnalyticsCallback: command
|
|
46
|
-
});
|
|
47
|
-
}
|
|
48
|
-
}, {
|
|
49
|
-
type: TEXT_FORMATTING_MENU.type,
|
|
50
|
-
key: TEXT_FORMATTING_MENU.key,
|
|
51
|
-
parents: [{
|
|
52
|
-
type: TEXT_FORMATTING_GROUP.type,
|
|
53
|
-
key: TEXT_FORMATTING_GROUP.key,
|
|
54
|
-
rank: TEXT_FORMAT_GROUP_RANK[TEXT_FORMATTING_MENU.key]
|
|
55
|
-
}],
|
|
56
|
-
component: ({
|
|
57
|
-
children
|
|
58
|
-
}) => {
|
|
59
|
-
return /*#__PURE__*/React.createElement(MoreFormattingMenu, null, children);
|
|
60
|
-
}
|
|
61
|
-
}, {
|
|
62
|
-
type: TEXT_FORMATTING_MENU_SECTION.type,
|
|
63
|
-
key: TEXT_FORMATTING_MENU_SECTION.key,
|
|
64
|
-
parents: [{
|
|
65
|
-
type: TEXT_FORMATTING_MENU.type,
|
|
66
|
-
key: TEXT_FORMATTING_MENU.key,
|
|
67
|
-
rank: TEXT_FORMAT_MENU_RANK[TEXT_FORMATTING_MENU_SECTION.key]
|
|
68
|
-
}, ...(expValEquals('platform_editor_toolbar_aifc_responsive', 'isEnabled', true) ? [{
|
|
69
|
-
type: TEXT_COLLAPSED_MENU.type,
|
|
70
|
-
key: TEXT_COLLAPSED_MENU.key,
|
|
71
|
-
rank: TEXT_COLLAPSED_MENU_RANK[TEXT_FORMATTING_MENU_SECTION.key]
|
|
72
|
-
}] : [])],
|
|
73
|
-
component: expValEquals('platform_editor_toolbar_aifc_responsive', 'isEnabled', true) ? MenuSection : undefined
|
|
74
|
-
}, ...getFormatMenuItems(api), {
|
|
75
|
-
type: CLEAR_FORMARTTING_MENU_SECTION.type,
|
|
76
|
-
key: CLEAR_FORMARTTING_MENU_SECTION.key,
|
|
77
|
-
parents: [{
|
|
78
|
-
type: TEXT_FORMATTING_MENU.type,
|
|
79
|
-
key: TEXT_FORMATTING_MENU.key,
|
|
80
|
-
rank: TEXT_FORMAT_MENU_RANK[CLEAR_FORMARTTING_MENU_SECTION.key]
|
|
81
|
-
}, ...(expValEquals('platform_editor_toolbar_aifc_responsive', 'isEnabled', true) ? [{
|
|
82
|
-
type: TEXT_COLLAPSED_MENU.type,
|
|
83
|
-
key: TEXT_COLLAPSED_MENU.key,
|
|
84
|
-
rank: TEXT_COLLAPSED_MENU_RANK[CLEAR_FORMARTTING_MENU_SECTION.key]
|
|
85
|
-
}] : [])],
|
|
86
|
-
component: ({
|
|
87
|
-
children
|
|
88
|
-
}) => {
|
|
89
|
-
return /*#__PURE__*/React.createElement(ToolbarDropdownItemSection, {
|
|
90
|
-
hasSeparator: true
|
|
91
|
-
}, children);
|
|
92
|
-
}
|
|
93
|
-
}, {
|
|
94
|
-
type: CLEAR_FORMATTING_MENU_ITEM.type,
|
|
95
|
-
key: CLEAR_FORMATTING_MENU_ITEM.key,
|
|
96
|
-
parents: [{
|
|
97
|
-
type: CLEAR_FORMARTTING_MENU_SECTION.type,
|
|
98
|
-
key: CLEAR_FORMARTTING_MENU_SECTION.key,
|
|
99
|
-
rank: CLEAR_FORMARTTING_MENU_SECTION_RANK[CLEAR_FORMATTING_MENU_ITEM.key]
|
|
100
|
-
}],
|
|
101
|
-
component: ({
|
|
102
|
-
parents
|
|
103
|
-
}) => {
|
|
104
|
-
return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(ClearFormatMenuItem, {
|
|
105
|
-
parents: parents,
|
|
106
|
-
api: api
|
|
107
|
-
}));
|
|
108
|
-
}
|
|
109
|
-
}];
|
|
110
|
-
export const getToolbarComponentsResponsivenessUpdate = api => {
|
|
6
|
+
export const getToolbarComponents = api => {
|
|
111
7
|
return [...textFormattingGroupForPrimaryToolbar(api), ...textFormattingGroupForInlineToolbar(api), ...boldButtonGroup(api), ...underlineButtonGroup(api), ...textFormattingMenuGroup(api)];
|
|
112
8
|
};
|
|
@@ -1,110 +1,9 @@
|
|
|
1
1
|
import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
|
|
2
|
-
import React from 'react';
|
|
3
|
-
import { CLEAR_FORMARTTING_MENU_SECTION, CLEAR_FORMATTING_MENU_ITEM, TEXT_FORMATTING_GROUP, TEXT_FORMATTING_HERO_BUTTON, TEXT_FORMATTING_MENU, TEXT_FORMATTING_MENU_SECTION, TEXT_SECTION, TEXT_SECTION_RANK, TEXT_FORMAT_GROUP_RANK, TEXT_FORMAT_MENU_RANK, CLEAR_FORMARTTING_MENU_SECTION_RANK, TEXT_COLLAPSED_MENU_RANK, TEXT_COLLAPSED_MENU } from '@atlaskit/editor-common/toolbar';
|
|
4
|
-
import { ToolbarDropdownItemSection } from '@atlaskit/editor-toolbar';
|
|
5
|
-
import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
|
|
6
2
|
import { boldButtonGroup } from './Toolbar/components/BoldButtonGroup';
|
|
7
|
-
import { FormatButton, ClearFormatMenuItem, MoreFormattingMenu, MenuSection } from './Toolbar/components/Component';
|
|
8
3
|
import { textFormattingGroupForInlineToolbar } from './Toolbar/components/TextFormattingGroupForInlineToolbar';
|
|
9
4
|
import { textFormattingGroupForPrimaryToolbar } from './Toolbar/components/TextFormattingGroups';
|
|
10
|
-
import { textFormattingMenuGroup
|
|
5
|
+
import { textFormattingMenuGroup } from './Toolbar/components/TextFormattingMenuGroup';
|
|
11
6
|
import { underlineButtonGroup } from './Toolbar/components/UnderlineButtonGroup';
|
|
12
|
-
import { formatOptions } from './Toolbar/components/utils';
|
|
13
|
-
import { FormatOptions } from './Toolbar/types';
|
|
14
7
|
export var getToolbarComponents = function getToolbarComponents(api) {
|
|
15
|
-
return expValEquals('platform_editor_toolbar_aifc_responsiveness_update', 'isEnabled', true) ? getToolbarComponentsResponsivenessUpdate(api) : [{
|
|
16
|
-
type: TEXT_FORMATTING_GROUP.type,
|
|
17
|
-
key: TEXT_FORMATTING_GROUP.key,
|
|
18
|
-
parents: [{
|
|
19
|
-
type: TEXT_SECTION.type,
|
|
20
|
-
key: TEXT_SECTION.key,
|
|
21
|
-
rank: TEXT_SECTION_RANK[TEXT_FORMATTING_GROUP.key]
|
|
22
|
-
}]
|
|
23
|
-
}, {
|
|
24
|
-
type: TEXT_FORMATTING_HERO_BUTTON.type,
|
|
25
|
-
key: TEXT_FORMATTING_HERO_BUTTON.key,
|
|
26
|
-
parents: [{
|
|
27
|
-
type: TEXT_FORMATTING_GROUP.type,
|
|
28
|
-
key: TEXT_FORMATTING_GROUP.key,
|
|
29
|
-
rank: TEXT_FORMAT_GROUP_RANK[TEXT_FORMATTING_HERO_BUTTON.key]
|
|
30
|
-
}],
|
|
31
|
-
component: function component(_ref) {
|
|
32
|
-
var parents = _ref.parents;
|
|
33
|
-
var _formatOptions$strong = formatOptions().strong,
|
|
34
|
-
icon = _formatOptions$strong.icon,
|
|
35
|
-
command = _formatOptions$strong.command,
|
|
36
|
-
shortcut = _formatOptions$strong.shortcut,
|
|
37
|
-
title = _formatOptions$strong.title;
|
|
38
|
-
return /*#__PURE__*/React.createElement(FormatButton, {
|
|
39
|
-
api: api,
|
|
40
|
-
parents: parents,
|
|
41
|
-
icon: icon,
|
|
42
|
-
title: title,
|
|
43
|
-
shortcut: shortcut,
|
|
44
|
-
optionType: FormatOptions.strong,
|
|
45
|
-
toggleMarkWithAnalyticsCallback: command
|
|
46
|
-
});
|
|
47
|
-
}
|
|
48
|
-
}, {
|
|
49
|
-
type: TEXT_FORMATTING_MENU.type,
|
|
50
|
-
key: TEXT_FORMATTING_MENU.key,
|
|
51
|
-
parents: [{
|
|
52
|
-
type: TEXT_FORMATTING_GROUP.type,
|
|
53
|
-
key: TEXT_FORMATTING_GROUP.key,
|
|
54
|
-
rank: TEXT_FORMAT_GROUP_RANK[TEXT_FORMATTING_MENU.key]
|
|
55
|
-
}],
|
|
56
|
-
component: function component(_ref2) {
|
|
57
|
-
var children = _ref2.children;
|
|
58
|
-
return /*#__PURE__*/React.createElement(MoreFormattingMenu, null, children);
|
|
59
|
-
}
|
|
60
|
-
}, {
|
|
61
|
-
type: TEXT_FORMATTING_MENU_SECTION.type,
|
|
62
|
-
key: TEXT_FORMATTING_MENU_SECTION.key,
|
|
63
|
-
parents: [{
|
|
64
|
-
type: TEXT_FORMATTING_MENU.type,
|
|
65
|
-
key: TEXT_FORMATTING_MENU.key,
|
|
66
|
-
rank: TEXT_FORMAT_MENU_RANK[TEXT_FORMATTING_MENU_SECTION.key]
|
|
67
|
-
}].concat(_toConsumableArray(expValEquals('platform_editor_toolbar_aifc_responsive', 'isEnabled', true) ? [{
|
|
68
|
-
type: TEXT_COLLAPSED_MENU.type,
|
|
69
|
-
key: TEXT_COLLAPSED_MENU.key,
|
|
70
|
-
rank: TEXT_COLLAPSED_MENU_RANK[TEXT_FORMATTING_MENU_SECTION.key]
|
|
71
|
-
}] : [])),
|
|
72
|
-
component: expValEquals('platform_editor_toolbar_aifc_responsive', 'isEnabled', true) ? MenuSection : undefined
|
|
73
|
-
}].concat(_toConsumableArray(getFormatMenuItems(api)), [{
|
|
74
|
-
type: CLEAR_FORMARTTING_MENU_SECTION.type,
|
|
75
|
-
key: CLEAR_FORMARTTING_MENU_SECTION.key,
|
|
76
|
-
parents: [{
|
|
77
|
-
type: TEXT_FORMATTING_MENU.type,
|
|
78
|
-
key: TEXT_FORMATTING_MENU.key,
|
|
79
|
-
rank: TEXT_FORMAT_MENU_RANK[CLEAR_FORMARTTING_MENU_SECTION.key]
|
|
80
|
-
}].concat(_toConsumableArray(expValEquals('platform_editor_toolbar_aifc_responsive', 'isEnabled', true) ? [{
|
|
81
|
-
type: TEXT_COLLAPSED_MENU.type,
|
|
82
|
-
key: TEXT_COLLAPSED_MENU.key,
|
|
83
|
-
rank: TEXT_COLLAPSED_MENU_RANK[CLEAR_FORMARTTING_MENU_SECTION.key]
|
|
84
|
-
}] : [])),
|
|
85
|
-
component: function component(_ref3) {
|
|
86
|
-
var children = _ref3.children;
|
|
87
|
-
return /*#__PURE__*/React.createElement(ToolbarDropdownItemSection, {
|
|
88
|
-
hasSeparator: true
|
|
89
|
-
}, children);
|
|
90
|
-
}
|
|
91
|
-
}, {
|
|
92
|
-
type: CLEAR_FORMATTING_MENU_ITEM.type,
|
|
93
|
-
key: CLEAR_FORMATTING_MENU_ITEM.key,
|
|
94
|
-
parents: [{
|
|
95
|
-
type: CLEAR_FORMARTTING_MENU_SECTION.type,
|
|
96
|
-
key: CLEAR_FORMARTTING_MENU_SECTION.key,
|
|
97
|
-
rank: CLEAR_FORMARTTING_MENU_SECTION_RANK[CLEAR_FORMATTING_MENU_ITEM.key]
|
|
98
|
-
}],
|
|
99
|
-
component: function component(_ref4) {
|
|
100
|
-
var parents = _ref4.parents;
|
|
101
|
-
return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(ClearFormatMenuItem, {
|
|
102
|
-
parents: parents,
|
|
103
|
-
api: api
|
|
104
|
-
}));
|
|
105
|
-
}
|
|
106
|
-
}]);
|
|
107
|
-
};
|
|
108
|
-
export var getToolbarComponentsResponsivenessUpdate = function getToolbarComponentsResponsivenessUpdate(api) {
|
|
109
8
|
return [].concat(_toConsumableArray(textFormattingGroupForPrimaryToolbar(api)), _toConsumableArray(textFormattingGroupForInlineToolbar(api)), _toConsumableArray(boldButtonGroup(api)), _toConsumableArray(underlineButtonGroup(api)), _toConsumableArray(textFormattingMenuGroup(api)));
|
|
110
9
|
};
|
|
@@ -2,4 +2,3 @@ import { type ExtractInjectionAPI } from '@atlaskit/editor-common/types';
|
|
|
2
2
|
import { type RegisterComponent } from '@atlaskit/editor-toolbar-model';
|
|
3
3
|
import { type TextFormattingPlugin } from '../textFormattingPluginType';
|
|
4
4
|
export declare const getToolbarComponents: (api?: ExtractInjectionAPI<TextFormattingPlugin>) => RegisterComponent[];
|
|
5
|
-
export declare const getToolbarComponentsResponsivenessUpdate: (api?: ExtractInjectionAPI<TextFormattingPlugin>) => RegisterComponent[];
|
|
@@ -2,4 +2,3 @@ import { type ExtractInjectionAPI } from '@atlaskit/editor-common/types';
|
|
|
2
2
|
import { type RegisterComponent } from '@atlaskit/editor-toolbar-model';
|
|
3
3
|
import { type TextFormattingPlugin } from '../textFormattingPluginType';
|
|
4
4
|
export declare const getToolbarComponents: (api?: ExtractInjectionAPI<TextFormattingPlugin>) => RegisterComponent[];
|
|
5
|
-
export declare const getToolbarComponentsResponsivenessUpdate: (api?: ExtractInjectionAPI<TextFormattingPlugin>) => RegisterComponent[];
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@atlaskit/editor-plugin-text-formatting",
|
|
3
|
-
"version": "6.0.
|
|
3
|
+
"version": "6.0.9",
|
|
4
4
|
"description": "Text-formatting plugin for @atlaskit/editor-core",
|
|
5
5
|
"author": "Atlassian Pty Ltd",
|
|
6
6
|
"license": "Apache-2.0",
|
|
@@ -38,19 +38,19 @@
|
|
|
38
38
|
"@atlaskit/editor-prosemirror": "7.0.0",
|
|
39
39
|
"@atlaskit/editor-shared-styles": "^3.6.0",
|
|
40
40
|
"@atlaskit/editor-tables": "^2.9.0",
|
|
41
|
-
"@atlaskit/editor-toolbar": "^0.
|
|
41
|
+
"@atlaskit/editor-toolbar": "^0.14.0",
|
|
42
42
|
"@atlaskit/editor-toolbar-model": "^0.2.0",
|
|
43
43
|
"@atlaskit/icon": "^28.4.0",
|
|
44
44
|
"@atlaskit/platform-feature-flags": "^1.1.0",
|
|
45
45
|
"@atlaskit/prosemirror-input-rules": "^3.4.0",
|
|
46
|
-
"@atlaskit/tmp-editor-statsig": "^13.
|
|
46
|
+
"@atlaskit/tmp-editor-statsig": "^13.4.0",
|
|
47
47
|
"@atlaskit/tokens": "^6.4.0",
|
|
48
48
|
"@babel/runtime": "^7.0.0",
|
|
49
49
|
"@emotion/react": "^11.7.1",
|
|
50
50
|
"react-intl-next": "npm:react-intl@^5.18.1"
|
|
51
51
|
},
|
|
52
52
|
"peerDependencies": {
|
|
53
|
-
"@atlaskit/editor-common": "^110.
|
|
53
|
+
"@atlaskit/editor-common": "^110.7.0",
|
|
54
54
|
"react": "^18.2.0"
|
|
55
55
|
},
|
|
56
56
|
"devDependencies": {
|