@atlaskit/editor-plugin-text-formatting 6.0.11 → 6.0.13
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 +16 -5
- package/dist/cjs/textFormattingPlugin.js +1 -1
- package/dist/cjs/ui/Toolbar/components/Component.js +2 -1
- package/dist/cjs/ui/Toolbar/dropdown-toolbar-button.js +1 -3
- package/dist/cjs/ui/Toolbar/index.js +1 -1
- package/dist/cjs/ui/Toolbar/more-button.js +1 -1
- package/dist/cjs/ui/Toolbar/single-toolbar-buttons.js +1 -1
- package/dist/es2019/textFormattingPlugin.js +1 -1
- package/dist/es2019/ui/Toolbar/components/Component.js +2 -1
- package/dist/es2019/ui/Toolbar/dropdown-toolbar-button.js +1 -3
- package/dist/es2019/ui/Toolbar/index.js +1 -1
- package/dist/es2019/ui/Toolbar/more-button.js +1 -1
- package/dist/es2019/ui/Toolbar/single-toolbar-buttons.js +1 -1
- package/dist/esm/textFormattingPlugin.js +1 -1
- package/dist/esm/ui/Toolbar/components/Component.js +2 -1
- package/dist/esm/ui/Toolbar/dropdown-toolbar-button.js +1 -3
- package/dist/esm/ui/Toolbar/index.js +1 -1
- package/dist/esm/ui/Toolbar/more-button.js +1 -1
- package/dist/esm/ui/Toolbar/single-toolbar-buttons.js +1 -1
- package/package.json +6 -6
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,21 @@
|
|
|
1
1
|
# @atlaskit/editor-plugin-text-formatting
|
|
2
2
|
|
|
3
|
+
## 6.0.13
|
|
4
|
+
|
|
5
|
+
### Patch Changes
|
|
6
|
+
|
|
7
|
+
- Updated dependencies
|
|
8
|
+
|
|
9
|
+
## 6.0.12
|
|
10
|
+
|
|
11
|
+
### Patch Changes
|
|
12
|
+
|
|
13
|
+
- [`ef001bf65d48f`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/ef001bf65d48f) -
|
|
14
|
+
Remove usage of `platform_editor_toolbar_aifc` inside editor packages - instead rely on checking
|
|
15
|
+
for new toolbar plugin option, make `enableNewToolbarExperience` mandatory for consumers to opt in
|
|
16
|
+
to new toolbar experience
|
|
17
|
+
- Updated dependencies
|
|
18
|
+
|
|
3
19
|
## 6.0.11
|
|
4
20
|
|
|
5
21
|
### Patch Changes
|
|
@@ -238,7 +254,6 @@
|
|
|
238
254
|
|
|
239
255
|
- [`286abb4d35eba`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/286abb4d35eba) -
|
|
240
256
|
[ux] [ED-28960] Finish full page primary toolbar migration
|
|
241
|
-
|
|
242
257
|
- Align with design update (separator, gap, height, icon size)
|
|
243
258
|
- Add keyboard shortcut to focus toolbar and arrow key navigation
|
|
244
259
|
- Address accessibility
|
|
@@ -283,7 +298,6 @@
|
|
|
283
298
|
|
|
284
299
|
- [`3145f278b1f7a`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/3145f278b1f7a) -
|
|
285
300
|
[ux] [ED-28473] minor UI updates for editor-toolbar
|
|
286
|
-
|
|
287
301
|
- Use ADS ButtonGroup for ToolbarButtonGroup
|
|
288
302
|
- Remove groupLocation prop and use CSS instead
|
|
289
303
|
- Use DropdownItemGroup for ToolbarDropdownItemSection and expand props for section separator and
|
|
@@ -425,7 +439,6 @@
|
|
|
425
439
|
shared context or singletons.
|
|
426
440
|
|
|
427
441
|
**HOW TO ADJUST:**
|
|
428
|
-
|
|
429
442
|
- Consumers must now explicitly install `@atlaskit/editor-common` in their own project if they use
|
|
430
443
|
any of these editor plugins.
|
|
431
444
|
- Ensure the version you install matches the version required by the plugins.
|
|
@@ -1479,7 +1492,6 @@
|
|
|
1479
1492
|
|
|
1480
1493
|
These are no longer available via `@atlaskit/prosemirror-input-rules` but are available from
|
|
1481
1494
|
`@atlaskit/editor-common/types`:
|
|
1482
|
-
|
|
1483
1495
|
- InputRuleWrapper
|
|
1484
1496
|
- InputRuleHandler
|
|
1485
1497
|
- OnHandlerApply
|
|
@@ -1489,7 +1501,6 @@
|
|
|
1489
1501
|
need to instantiate a `SafePlugin` (ie. `new SafePlugin(createPlugin( ... ))`).
|
|
1490
1502
|
|
|
1491
1503
|
`SafePlugin` exists in `@atlaskit/editor-common/safe-plugin`.
|
|
1492
|
-
|
|
1493
1504
|
- createPlugin
|
|
1494
1505
|
- createInputRulePlugin
|
|
1495
1506
|
|
|
@@ -32,7 +32,7 @@ var textFormattingPlugin = exports.textFormattingPlugin = function textFormattin
|
|
|
32
32
|
var _api$analytics7, _api$analytics8, _api$analytics9, _api$analytics0, _api$analytics1, _api$analytics10, _api$analytics11;
|
|
33
33
|
var options = _ref.config,
|
|
34
34
|
api = _ref.api;
|
|
35
|
-
var isToolbarAIFCEnabled = Boolean(api === null || api === void 0 ? void 0 : api.toolbar)
|
|
35
|
+
var isToolbarAIFCEnabled = Boolean(api === null || api === void 0 ? void 0 : api.toolbar);
|
|
36
36
|
var primaryToolbarComponent = function primaryToolbarComponent(_ref2) {
|
|
37
37
|
var editorView = _ref2.editorView,
|
|
38
38
|
popupsMountPoint = _ref2.popupsMountPoint,
|
|
@@ -92,7 +92,8 @@ var FormatButton = exports.FormatButton = function FormatButton(_ref2) {
|
|
|
92
92
|
onClick: onClick,
|
|
93
93
|
isSelected: isActive,
|
|
94
94
|
isDisabled: isDisabled,
|
|
95
|
-
ariaKeyshortcuts: (0, _keymaps.getAriaKeyshortcuts)(shortcut)
|
|
95
|
+
ariaKeyshortcuts: (0, _keymaps.getAriaKeyshortcuts)(shortcut),
|
|
96
|
+
testId: "editor-toolbar__".concat(formatTitle)
|
|
96
97
|
}));
|
|
97
98
|
};
|
|
98
99
|
var ClearFormatMenuItem = exports.ClearFormatMenuItem = function ClearFormatMenuItem(_ref3) {
|
|
@@ -47,9 +47,7 @@ var DropdownToolbarButton = exports.DropdownToolbarButton = function DropdownToo
|
|
|
47
47
|
onClick: onClick,
|
|
48
48
|
onKeyDown: onKeyDown,
|
|
49
49
|
iconBefore: (0, _react2.jsx)("div", {
|
|
50
|
-
css:
|
|
51
|
-
// eslint-disable-next-line @atlaskit/platform/ensure-feature-flag-prefix
|
|
52
|
-
(0, _platformFeatureFlags.fg)('platform-visual-refresh-icons') ?
|
|
50
|
+
css: (0, _platformFeatureFlags.fg)('platform-visual-refresh-icons') ?
|
|
53
51
|
// eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values
|
|
54
52
|
_styles.triggerWrapperStylesWithPadding :
|
|
55
53
|
// eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values
|
|
@@ -145,7 +145,7 @@ var ToolbarFormatting = function ToolbarFormatting(_ref) {
|
|
|
145
145
|
// eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
|
|
146
146
|
(0, _react2.jsx)("span", {
|
|
147
147
|
css:
|
|
148
|
-
// eslint-disable-next-line @atlaskit/platform/ensure-feature-flag-registration
|
|
148
|
+
// eslint-disable-next-line @atlaskit/platform/ensure-feature-flag-registration
|
|
149
149
|
(0, _platformFeatureFlags.fg)('platform-visual-refresh-icons') ?
|
|
150
150
|
// eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values
|
|
151
151
|
_styles.buttonGroupStyle :
|
|
@@ -39,7 +39,7 @@ var MoreButton = exports.MoreButton = /*#__PURE__*/_react.default.memo(function
|
|
|
39
39
|
spacing: isReducedSpacing ? 'none' : 'default',
|
|
40
40
|
title: label,
|
|
41
41
|
iconBefore:
|
|
42
|
-
// eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values
|
|
42
|
+
// eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
|
|
43
43
|
(0, _react2.jsx)("div", {
|
|
44
44
|
css: (0, _platformFeatureFlags.fg)('platform-visual-refresh-icons') ? MoreIconStyle : _styles.triggerWrapperStyles
|
|
45
45
|
}, (0, _react2.jsx)(_showMoreHorizontalEditorMore.default, {
|
|
@@ -32,7 +32,7 @@ var SingleToolbarButtons = exports.SingleToolbarButtons = /*#__PURE__*/_react.de
|
|
|
32
32
|
// eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
|
|
33
33
|
(0, _react2.jsx)("span", {
|
|
34
34
|
css:
|
|
35
|
-
// eslint-disable-next-line @atlaskit/platform/ensure-feature-flag-registration
|
|
35
|
+
// eslint-disable-next-line @atlaskit/platform/ensure-feature-flag-registration
|
|
36
36
|
(0, _platformFeatureFlags.fg)('platform-visual-refresh-icons') ?
|
|
37
37
|
// eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values
|
|
38
38
|
_styles.buttonGroupStyle :
|
|
@@ -24,7 +24,7 @@ export const textFormattingPlugin = ({
|
|
|
24
24
|
api
|
|
25
25
|
}) => {
|
|
26
26
|
var _api$analytics7, _api$analytics8, _api$analytics9, _api$analytics0, _api$analytics1, _api$analytics10, _api$analytics11;
|
|
27
|
-
const isToolbarAIFCEnabled = Boolean(api === null || api === void 0 ? void 0 : api.toolbar)
|
|
27
|
+
const isToolbarAIFCEnabled = Boolean(api === null || api === void 0 ? void 0 : api.toolbar);
|
|
28
28
|
const primaryToolbarComponent = ({
|
|
29
29
|
editorView,
|
|
30
30
|
popupsMountPoint,
|
|
@@ -89,7 +89,8 @@ export const FormatButton = ({
|
|
|
89
89
|
onClick: onClick,
|
|
90
90
|
isSelected: isActive,
|
|
91
91
|
isDisabled: isDisabled,
|
|
92
|
-
ariaKeyshortcuts: getAriaKeyshortcuts(shortcut)
|
|
92
|
+
ariaKeyshortcuts: getAriaKeyshortcuts(shortcut),
|
|
93
|
+
testId: `editor-toolbar__${formatTitle}`
|
|
93
94
|
}));
|
|
94
95
|
};
|
|
95
96
|
export const ClearFormatMenuItem = ({
|
|
@@ -40,9 +40,7 @@ export const DropdownToolbarButton = ({
|
|
|
40
40
|
onClick: onClick,
|
|
41
41
|
onKeyDown: onKeyDown,
|
|
42
42
|
iconBefore: jsx("div", {
|
|
43
|
-
css:
|
|
44
|
-
// eslint-disable-next-line @atlaskit/platform/ensure-feature-flag-prefix
|
|
45
|
-
fg('platform-visual-refresh-icons') ?
|
|
43
|
+
css: fg('platform-visual-refresh-icons') ?
|
|
46
44
|
// eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values
|
|
47
45
|
triggerWrapperStylesWithPadding :
|
|
48
46
|
// eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values
|
|
@@ -134,7 +134,7 @@ const ToolbarFormatting = ({
|
|
|
134
134
|
// eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
|
|
135
135
|
jsx("span", {
|
|
136
136
|
css:
|
|
137
|
-
// eslint-disable-next-line @atlaskit/platform/ensure-feature-flag-registration
|
|
137
|
+
// eslint-disable-next-line @atlaskit/platform/ensure-feature-flag-registration
|
|
138
138
|
fg('platform-visual-refresh-icons') ?
|
|
139
139
|
// eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values
|
|
140
140
|
buttonGroupStyle :
|
|
@@ -32,7 +32,7 @@ export const MoreButton = /*#__PURE__*/React.memo(({
|
|
|
32
32
|
spacing: isReducedSpacing ? 'none' : 'default',
|
|
33
33
|
title: label,
|
|
34
34
|
iconBefore:
|
|
35
|
-
// eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values
|
|
35
|
+
// eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
|
|
36
36
|
jsx("div", {
|
|
37
37
|
css: fg('platform-visual-refresh-icons') ? MoreIconStyle : triggerWrapperStyles
|
|
38
38
|
}, jsx(ShowMoreHorizontalIcon, {
|
|
@@ -24,7 +24,7 @@ export const SingleToolbarButtons = /*#__PURE__*/React.memo(({
|
|
|
24
24
|
// eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
|
|
25
25
|
jsx("span", {
|
|
26
26
|
css:
|
|
27
|
-
// eslint-disable-next-line @atlaskit/platform/ensure-feature-flag-registration
|
|
27
|
+
// eslint-disable-next-line @atlaskit/platform/ensure-feature-flag-registration
|
|
28
28
|
fg('platform-visual-refresh-icons') ?
|
|
29
29
|
// eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values
|
|
30
30
|
buttonGroupStyle :
|
|
@@ -26,7 +26,7 @@ export var textFormattingPlugin = function textFormattingPlugin(_ref) {
|
|
|
26
26
|
var _api$analytics7, _api$analytics8, _api$analytics9, _api$analytics0, _api$analytics1, _api$analytics10, _api$analytics11;
|
|
27
27
|
var options = _ref.config,
|
|
28
28
|
api = _ref.api;
|
|
29
|
-
var isToolbarAIFCEnabled = Boolean(api === null || api === void 0 ? void 0 : api.toolbar)
|
|
29
|
+
var isToolbarAIFCEnabled = Boolean(api === null || api === void 0 ? void 0 : api.toolbar);
|
|
30
30
|
var primaryToolbarComponent = function primaryToolbarComponent(_ref2) {
|
|
31
31
|
var editorView = _ref2.editorView,
|
|
32
32
|
popupsMountPoint = _ref2.popupsMountPoint,
|
|
@@ -85,7 +85,8 @@ export var FormatButton = function FormatButton(_ref2) {
|
|
|
85
85
|
onClick: onClick,
|
|
86
86
|
isSelected: isActive,
|
|
87
87
|
isDisabled: isDisabled,
|
|
88
|
-
ariaKeyshortcuts: getAriaKeyshortcuts(shortcut)
|
|
88
|
+
ariaKeyshortcuts: getAriaKeyshortcuts(shortcut),
|
|
89
|
+
testId: "editor-toolbar__".concat(formatTitle)
|
|
89
90
|
}));
|
|
90
91
|
};
|
|
91
92
|
export var ClearFormatMenuItem = function ClearFormatMenuItem(_ref3) {
|
|
@@ -39,9 +39,7 @@ export var DropdownToolbarButton = function DropdownToolbarButton(_ref) {
|
|
|
39
39
|
onClick: onClick,
|
|
40
40
|
onKeyDown: onKeyDown,
|
|
41
41
|
iconBefore: jsx("div", {
|
|
42
|
-
css:
|
|
43
|
-
// eslint-disable-next-line @atlaskit/platform/ensure-feature-flag-prefix
|
|
44
|
-
fg('platform-visual-refresh-icons') ?
|
|
42
|
+
css: fg('platform-visual-refresh-icons') ?
|
|
45
43
|
// eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values
|
|
46
44
|
triggerWrapperStylesWithPadding :
|
|
47
45
|
// eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values
|
|
@@ -139,7 +139,7 @@ var ToolbarFormatting = function ToolbarFormatting(_ref) {
|
|
|
139
139
|
// eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
|
|
140
140
|
jsx("span", {
|
|
141
141
|
css:
|
|
142
|
-
// eslint-disable-next-line @atlaskit/platform/ensure-feature-flag-registration
|
|
142
|
+
// eslint-disable-next-line @atlaskit/platform/ensure-feature-flag-registration
|
|
143
143
|
fg('platform-visual-refresh-icons') ?
|
|
144
144
|
// eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values
|
|
145
145
|
buttonGroupStyle :
|
|
@@ -31,7 +31,7 @@ export var MoreButton = /*#__PURE__*/React.memo(function (_ref) {
|
|
|
31
31
|
spacing: isReducedSpacing ? 'none' : 'default',
|
|
32
32
|
title: label,
|
|
33
33
|
iconBefore:
|
|
34
|
-
// eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values
|
|
34
|
+
// eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
|
|
35
35
|
jsx("div", {
|
|
36
36
|
css: fg('platform-visual-refresh-icons') ? MoreIconStyle : triggerWrapperStyles
|
|
37
37
|
}, jsx(ShowMoreHorizontalIcon, {
|
|
@@ -23,7 +23,7 @@ export var SingleToolbarButtons = /*#__PURE__*/React.memo(function (_ref) {
|
|
|
23
23
|
// eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
|
|
24
24
|
jsx("span", {
|
|
25
25
|
css:
|
|
26
|
-
// eslint-disable-next-line @atlaskit/platform/ensure-feature-flag-registration
|
|
26
|
+
// eslint-disable-next-line @atlaskit/platform/ensure-feature-flag-registration
|
|
27
27
|
fg('platform-visual-refresh-icons') ?
|
|
28
28
|
// eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values
|
|
29
29
|
buttonGroupStyle :
|
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.13",
|
|
4
4
|
"description": "Text-formatting plugin for @atlaskit/editor-core",
|
|
5
5
|
"author": "Atlassian Pty Ltd",
|
|
6
6
|
"license": "Apache-2.0",
|
|
@@ -34,23 +34,23 @@
|
|
|
34
34
|
"@atlaskit/editor-plugin-base": "^7.1.0",
|
|
35
35
|
"@atlaskit/editor-plugin-primary-toolbar": "^7.0.0",
|
|
36
36
|
"@atlaskit/editor-plugin-selection-toolbar": "^7.0.0",
|
|
37
|
-
"@atlaskit/editor-plugin-toolbar": "^3.
|
|
37
|
+
"@atlaskit/editor-plugin-toolbar": "^3.3.0",
|
|
38
38
|
"@atlaskit/editor-prosemirror": "7.0.0",
|
|
39
|
-
"@atlaskit/editor-shared-styles": "^3.
|
|
39
|
+
"@atlaskit/editor-shared-styles": "^3.7.0",
|
|
40
40
|
"@atlaskit/editor-tables": "^2.9.0",
|
|
41
41
|
"@atlaskit/editor-toolbar": "^0.15.0",
|
|
42
42
|
"@atlaskit/editor-toolbar-model": "^0.2.0",
|
|
43
43
|
"@atlaskit/icon": "^28.5.0",
|
|
44
44
|
"@atlaskit/platform-feature-flags": "^1.1.0",
|
|
45
45
|
"@atlaskit/prosemirror-input-rules": "^3.5.0",
|
|
46
|
-
"@atlaskit/tmp-editor-statsig": "^13.
|
|
47
|
-
"@atlaskit/tokens": "^
|
|
46
|
+
"@atlaskit/tmp-editor-statsig": "^13.13.0",
|
|
47
|
+
"@atlaskit/tokens": "^7.0.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.13.0",
|
|
54
54
|
"react": "^18.2.0"
|
|
55
55
|
},
|
|
56
56
|
"devDependencies": {
|