@atlaskit/editor-plugin-block-type 11.2.20 → 11.2.21
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +8 -0
- package/dist/cjs/ui/HeadingBlockMenuItem.js +8 -1
- package/dist/cjs/ui/ParagraphBlockMenuItem.js +8 -1
- package/dist/cjs/ui/QuoteBlockMenuItem.js +8 -1
- package/dist/es2019/ui/HeadingBlockMenuItem.js +8 -1
- package/dist/es2019/ui/ParagraphBlockMenuItem.js +8 -1
- package/dist/es2019/ui/QuoteBlockMenuItem.js +8 -1
- package/dist/esm/ui/HeadingBlockMenuItem.js +8 -1
- package/dist/esm/ui/ParagraphBlockMenuItem.js +8 -1
- package/dist/esm/ui/QuoteBlockMenuItem.js +8 -1
- package/package.json +5 -2
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,13 @@
|
|
|
1
1
|
# @atlaskit/editor-plugin-block-type
|
|
2
2
|
|
|
3
|
+
## 11.2.21
|
|
4
|
+
|
|
5
|
+
### Patch Changes
|
|
6
|
+
|
|
7
|
+
- [`7ea2e225c0abb`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/7ea2e225c0abb) -
|
|
8
|
+
[ux] Minor styling, wording changes for block menu and sync blocks
|
|
9
|
+
- Updated dependencies
|
|
10
|
+
|
|
3
11
|
## 11.2.20
|
|
4
12
|
|
|
5
13
|
### Patch Changes
|
|
@@ -16,6 +16,7 @@ var _textHeadingOne = _interopRequireDefault(require("@atlaskit/icon-lab/core/te
|
|
|
16
16
|
var _textHeadingSix = _interopRequireDefault(require("@atlaskit/icon-lab/core/text-heading-six"));
|
|
17
17
|
var _textHeadingThree = _interopRequireDefault(require("@atlaskit/icon-lab/core/text-heading-three"));
|
|
18
18
|
var _textHeadingTwo = _interopRequireDefault(require("@atlaskit/icon-lab/core/text-heading-two"));
|
|
19
|
+
var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
|
|
19
20
|
var headingIcons = [_textHeadingOne.default, _textHeadingTwo.default, _textHeadingThree.default, _textHeadingFour.default, _textHeadingFive.default, _textHeadingSix.default];
|
|
20
21
|
var headingMessages = [_messages.blockTypeMessages.heading1, _messages.blockTypeMessages.heading2, _messages.blockTypeMessages.heading3, _messages.blockTypeMessages.heading4, _messages.blockTypeMessages.heading5, _messages.blockTypeMessages.heading6];
|
|
21
22
|
var NODE_NAME = 'heading';
|
|
@@ -45,10 +46,16 @@ var HeadingBlockMenuItem = function HeadingBlockMenuItem(_ref) {
|
|
|
45
46
|
}) : null;
|
|
46
47
|
});
|
|
47
48
|
};
|
|
49
|
+
|
|
50
|
+
// [FEATURE FLAG: platform_editor_block_menu_v2_patch_3]
|
|
51
|
+
// Adds size="small" to icons for better visual consistency in block menu.
|
|
52
|
+
// To clean up: remove conditional, keep only size="small" version.
|
|
53
|
+
var iconSize = (0, _platformFeatureFlags.fg)('platform_editor_block_menu_v2_patch_3') ? 'small' : undefined;
|
|
48
54
|
return /*#__PURE__*/_react.default.createElement(_editorToolbar.ToolbarDropdownItem, {
|
|
49
55
|
onClick: handleClick,
|
|
50
56
|
elemBefore: /*#__PURE__*/_react.default.createElement(Icon, {
|
|
51
|
-
label: ""
|
|
57
|
+
label: "",
|
|
58
|
+
size: iconSize
|
|
52
59
|
})
|
|
53
60
|
}, formatMessage(message));
|
|
54
61
|
};
|
|
@@ -11,6 +11,7 @@ var _analytics = require("@atlaskit/editor-common/analytics");
|
|
|
11
11
|
var _messages = require("@atlaskit/editor-common/messages");
|
|
12
12
|
var _editorToolbar = require("@atlaskit/editor-toolbar");
|
|
13
13
|
var _textParagraph = _interopRequireDefault(require("@atlaskit/icon-lab/core/text-paragraph"));
|
|
14
|
+
var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
|
|
14
15
|
var NODE_NAME = 'paragraph';
|
|
15
16
|
var ParagraphBlockMenuItem = function ParagraphBlockMenuItem(_ref) {
|
|
16
17
|
var api = _ref.api;
|
|
@@ -32,10 +33,16 @@ var ParagraphBlockMenuItem = function ParagraphBlockMenuItem(_ref) {
|
|
|
32
33
|
}) : null;
|
|
33
34
|
});
|
|
34
35
|
};
|
|
36
|
+
|
|
37
|
+
// [FEATURE FLAG: platform_editor_block_menu_v2_patch_3]
|
|
38
|
+
// Adds size="small" to icons for better visual consistency in block menu.
|
|
39
|
+
// To clean up: remove conditional, keep only size="small" version.
|
|
40
|
+
var iconSize = (0, _platformFeatureFlags.fg)('platform_editor_block_menu_v2_patch_3') ? 'small' : undefined;
|
|
35
41
|
return /*#__PURE__*/_react.default.createElement(_editorToolbar.ToolbarDropdownItem, {
|
|
36
42
|
onClick: handleClick,
|
|
37
43
|
elemBefore: /*#__PURE__*/_react.default.createElement(_textParagraph.default, {
|
|
38
|
-
label: ""
|
|
44
|
+
label: "",
|
|
45
|
+
size: iconSize
|
|
39
46
|
})
|
|
40
47
|
}, formatMessage(_messages.blockMenuMessages.paragraph));
|
|
41
48
|
};
|
|
@@ -11,6 +11,7 @@ var _analytics = require("@atlaskit/editor-common/analytics");
|
|
|
11
11
|
var _messages = require("@atlaskit/editor-common/messages");
|
|
12
12
|
var _editorToolbar = require("@atlaskit/editor-toolbar");
|
|
13
13
|
var _quotationMark = _interopRequireDefault(require("@atlaskit/icon/core/quotation-mark"));
|
|
14
|
+
var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
|
|
14
15
|
var NODE_NAME = 'blockquote';
|
|
15
16
|
var QuoteBlockMenuItem = function QuoteBlockMenuItem(_ref) {
|
|
16
17
|
var api = _ref.api;
|
|
@@ -32,10 +33,16 @@ var QuoteBlockMenuItem = function QuoteBlockMenuItem(_ref) {
|
|
|
32
33
|
}) : null;
|
|
33
34
|
});
|
|
34
35
|
};
|
|
36
|
+
|
|
37
|
+
// [FEATURE FLAG: platform_editor_block_menu_v2_patch_3]
|
|
38
|
+
// Adds size="small" to icons for better visual consistency in block menu.
|
|
39
|
+
// To clean up: remove conditional, keep only size="small" version.
|
|
40
|
+
var iconSize = (0, _platformFeatureFlags.fg)('platform_editor_block_menu_v2_patch_3') ? 'small' : undefined;
|
|
35
41
|
return /*#__PURE__*/_react.default.createElement(_editorToolbar.ToolbarDropdownItem, {
|
|
36
42
|
onClick: handleClick,
|
|
37
43
|
elemBefore: /*#__PURE__*/_react.default.createElement(_quotationMark.default, {
|
|
38
|
-
label: ""
|
|
44
|
+
label: "",
|
|
45
|
+
size: iconSize
|
|
39
46
|
})
|
|
40
47
|
}, formatMessage(_messages.blockTypeMessages.blockquote));
|
|
41
48
|
};
|
|
@@ -9,6 +9,7 @@ import TextHeadingOneIcon from '@atlaskit/icon-lab/core/text-heading-one';
|
|
|
9
9
|
import TextHeadingSixIcon from '@atlaskit/icon-lab/core/text-heading-six';
|
|
10
10
|
import TextHeadingThreeIcon from '@atlaskit/icon-lab/core/text-heading-three';
|
|
11
11
|
import TextHeadingTwoIcon from '@atlaskit/icon-lab/core/text-heading-two';
|
|
12
|
+
import { fg } from '@atlaskit/platform-feature-flags';
|
|
12
13
|
const headingIcons = [TextHeadingOneIcon, TextHeadingTwoIcon, TextHeadingThreeIcon, TextHeadingFourIcon, TextHeadingFiveIcon, TextHeadingSixIcon];
|
|
13
14
|
const headingMessages = [blockTypeMessages.heading1, blockTypeMessages.heading2, blockTypeMessages.heading3, blockTypeMessages.heading4, blockTypeMessages.heading5, blockTypeMessages.heading6];
|
|
14
15
|
const NODE_NAME = 'heading';
|
|
@@ -41,10 +42,16 @@ const HeadingBlockMenuItem = ({
|
|
|
41
42
|
}) : null;
|
|
42
43
|
});
|
|
43
44
|
};
|
|
45
|
+
|
|
46
|
+
// [FEATURE FLAG: platform_editor_block_menu_v2_patch_3]
|
|
47
|
+
// Adds size="small" to icons for better visual consistency in block menu.
|
|
48
|
+
// To clean up: remove conditional, keep only size="small" version.
|
|
49
|
+
const iconSize = fg('platform_editor_block_menu_v2_patch_3') ? 'small' : undefined;
|
|
44
50
|
return /*#__PURE__*/React.createElement(ToolbarDropdownItem, {
|
|
45
51
|
onClick: handleClick,
|
|
46
52
|
elemBefore: /*#__PURE__*/React.createElement(Icon, {
|
|
47
|
-
label: ""
|
|
53
|
+
label: "",
|
|
54
|
+
size: iconSize
|
|
48
55
|
})
|
|
49
56
|
}, formatMessage(message));
|
|
50
57
|
};
|
|
@@ -4,6 +4,7 @@ import { INPUT_METHOD } from '@atlaskit/editor-common/analytics';
|
|
|
4
4
|
import { blockMenuMessages } from '@atlaskit/editor-common/messages';
|
|
5
5
|
import { ToolbarDropdownItem } from '@atlaskit/editor-toolbar';
|
|
6
6
|
import TextParagraphIcon from '@atlaskit/icon-lab/core/text-paragraph';
|
|
7
|
+
import { fg } from '@atlaskit/platform-feature-flags';
|
|
7
8
|
const NODE_NAME = 'paragraph';
|
|
8
9
|
const ParagraphBlockMenuItem = ({
|
|
9
10
|
api
|
|
@@ -28,10 +29,16 @@ const ParagraphBlockMenuItem = ({
|
|
|
28
29
|
}) : null;
|
|
29
30
|
});
|
|
30
31
|
};
|
|
32
|
+
|
|
33
|
+
// [FEATURE FLAG: platform_editor_block_menu_v2_patch_3]
|
|
34
|
+
// Adds size="small" to icons for better visual consistency in block menu.
|
|
35
|
+
// To clean up: remove conditional, keep only size="small" version.
|
|
36
|
+
const iconSize = fg('platform_editor_block_menu_v2_patch_3') ? 'small' : undefined;
|
|
31
37
|
return /*#__PURE__*/React.createElement(ToolbarDropdownItem, {
|
|
32
38
|
onClick: handleClick,
|
|
33
39
|
elemBefore: /*#__PURE__*/React.createElement(TextParagraphIcon, {
|
|
34
|
-
label: ""
|
|
40
|
+
label: "",
|
|
41
|
+
size: iconSize
|
|
35
42
|
})
|
|
36
43
|
}, formatMessage(blockMenuMessages.paragraph));
|
|
37
44
|
};
|
|
@@ -4,6 +4,7 @@ import { INPUT_METHOD } from '@atlaskit/editor-common/analytics';
|
|
|
4
4
|
import { blockTypeMessages } from '@atlaskit/editor-common/messages';
|
|
5
5
|
import { ToolbarDropdownItem } from '@atlaskit/editor-toolbar';
|
|
6
6
|
import QuotationMarkIcon from '@atlaskit/icon/core/quotation-mark';
|
|
7
|
+
import { fg } from '@atlaskit/platform-feature-flags';
|
|
7
8
|
const NODE_NAME = 'blockquote';
|
|
8
9
|
const QuoteBlockMenuItem = ({
|
|
9
10
|
api
|
|
@@ -28,10 +29,16 @@ const QuoteBlockMenuItem = ({
|
|
|
28
29
|
}) : null;
|
|
29
30
|
});
|
|
30
31
|
};
|
|
32
|
+
|
|
33
|
+
// [FEATURE FLAG: platform_editor_block_menu_v2_patch_3]
|
|
34
|
+
// Adds size="small" to icons for better visual consistency in block menu.
|
|
35
|
+
// To clean up: remove conditional, keep only size="small" version.
|
|
36
|
+
const iconSize = fg('platform_editor_block_menu_v2_patch_3') ? 'small' : undefined;
|
|
31
37
|
return /*#__PURE__*/React.createElement(ToolbarDropdownItem, {
|
|
32
38
|
onClick: handleClick,
|
|
33
39
|
elemBefore: /*#__PURE__*/React.createElement(QuotationMarkIcon, {
|
|
34
|
-
label: ""
|
|
40
|
+
label: "",
|
|
41
|
+
size: iconSize
|
|
35
42
|
})
|
|
36
43
|
}, formatMessage(blockTypeMessages.blockquote));
|
|
37
44
|
};
|
|
@@ -9,6 +9,7 @@ import TextHeadingOneIcon from '@atlaskit/icon-lab/core/text-heading-one';
|
|
|
9
9
|
import TextHeadingSixIcon from '@atlaskit/icon-lab/core/text-heading-six';
|
|
10
10
|
import TextHeadingThreeIcon from '@atlaskit/icon-lab/core/text-heading-three';
|
|
11
11
|
import TextHeadingTwoIcon from '@atlaskit/icon-lab/core/text-heading-two';
|
|
12
|
+
import { fg } from '@atlaskit/platform-feature-flags';
|
|
12
13
|
var headingIcons = [TextHeadingOneIcon, TextHeadingTwoIcon, TextHeadingThreeIcon, TextHeadingFourIcon, TextHeadingFiveIcon, TextHeadingSixIcon];
|
|
13
14
|
var headingMessages = [blockTypeMessages.heading1, blockTypeMessages.heading2, blockTypeMessages.heading3, blockTypeMessages.heading4, blockTypeMessages.heading5, blockTypeMessages.heading6];
|
|
14
15
|
var NODE_NAME = 'heading';
|
|
@@ -38,10 +39,16 @@ var HeadingBlockMenuItem = function HeadingBlockMenuItem(_ref) {
|
|
|
38
39
|
}) : null;
|
|
39
40
|
});
|
|
40
41
|
};
|
|
42
|
+
|
|
43
|
+
// [FEATURE FLAG: platform_editor_block_menu_v2_patch_3]
|
|
44
|
+
// Adds size="small" to icons for better visual consistency in block menu.
|
|
45
|
+
// To clean up: remove conditional, keep only size="small" version.
|
|
46
|
+
var iconSize = fg('platform_editor_block_menu_v2_patch_3') ? 'small' : undefined;
|
|
41
47
|
return /*#__PURE__*/React.createElement(ToolbarDropdownItem, {
|
|
42
48
|
onClick: handleClick,
|
|
43
49
|
elemBefore: /*#__PURE__*/React.createElement(Icon, {
|
|
44
|
-
label: ""
|
|
50
|
+
label: "",
|
|
51
|
+
size: iconSize
|
|
45
52
|
})
|
|
46
53
|
}, formatMessage(message));
|
|
47
54
|
};
|
|
@@ -4,6 +4,7 @@ import { INPUT_METHOD } from '@atlaskit/editor-common/analytics';
|
|
|
4
4
|
import { blockMenuMessages } from '@atlaskit/editor-common/messages';
|
|
5
5
|
import { ToolbarDropdownItem } from '@atlaskit/editor-toolbar';
|
|
6
6
|
import TextParagraphIcon from '@atlaskit/icon-lab/core/text-paragraph';
|
|
7
|
+
import { fg } from '@atlaskit/platform-feature-flags';
|
|
7
8
|
var NODE_NAME = 'paragraph';
|
|
8
9
|
var ParagraphBlockMenuItem = function ParagraphBlockMenuItem(_ref) {
|
|
9
10
|
var api = _ref.api;
|
|
@@ -25,10 +26,16 @@ var ParagraphBlockMenuItem = function ParagraphBlockMenuItem(_ref) {
|
|
|
25
26
|
}) : null;
|
|
26
27
|
});
|
|
27
28
|
};
|
|
29
|
+
|
|
30
|
+
// [FEATURE FLAG: platform_editor_block_menu_v2_patch_3]
|
|
31
|
+
// Adds size="small" to icons for better visual consistency in block menu.
|
|
32
|
+
// To clean up: remove conditional, keep only size="small" version.
|
|
33
|
+
var iconSize = fg('platform_editor_block_menu_v2_patch_3') ? 'small' : undefined;
|
|
28
34
|
return /*#__PURE__*/React.createElement(ToolbarDropdownItem, {
|
|
29
35
|
onClick: handleClick,
|
|
30
36
|
elemBefore: /*#__PURE__*/React.createElement(TextParagraphIcon, {
|
|
31
|
-
label: ""
|
|
37
|
+
label: "",
|
|
38
|
+
size: iconSize
|
|
32
39
|
})
|
|
33
40
|
}, formatMessage(blockMenuMessages.paragraph));
|
|
34
41
|
};
|
|
@@ -4,6 +4,7 @@ import { INPUT_METHOD } from '@atlaskit/editor-common/analytics';
|
|
|
4
4
|
import { blockTypeMessages } from '@atlaskit/editor-common/messages';
|
|
5
5
|
import { ToolbarDropdownItem } from '@atlaskit/editor-toolbar';
|
|
6
6
|
import QuotationMarkIcon from '@atlaskit/icon/core/quotation-mark';
|
|
7
|
+
import { fg } from '@atlaskit/platform-feature-flags';
|
|
7
8
|
var NODE_NAME = 'blockquote';
|
|
8
9
|
var QuoteBlockMenuItem = function QuoteBlockMenuItem(_ref) {
|
|
9
10
|
var api = _ref.api;
|
|
@@ -25,10 +26,16 @@ var QuoteBlockMenuItem = function QuoteBlockMenuItem(_ref) {
|
|
|
25
26
|
}) : null;
|
|
26
27
|
});
|
|
27
28
|
};
|
|
29
|
+
|
|
30
|
+
// [FEATURE FLAG: platform_editor_block_menu_v2_patch_3]
|
|
31
|
+
// Adds size="small" to icons for better visual consistency in block menu.
|
|
32
|
+
// To clean up: remove conditional, keep only size="small" version.
|
|
33
|
+
var iconSize = fg('platform_editor_block_menu_v2_patch_3') ? 'small' : undefined;
|
|
28
34
|
return /*#__PURE__*/React.createElement(ToolbarDropdownItem, {
|
|
29
35
|
onClick: handleClick,
|
|
30
36
|
elemBefore: /*#__PURE__*/React.createElement(QuotationMarkIcon, {
|
|
31
|
-
label: ""
|
|
37
|
+
label: "",
|
|
38
|
+
size: iconSize
|
|
32
39
|
})
|
|
33
40
|
}, formatMessage(blockTypeMessages.blockquote));
|
|
34
41
|
};
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@atlaskit/editor-plugin-block-type",
|
|
3
|
-
"version": "11.2.
|
|
3
|
+
"version": "11.2.21",
|
|
4
4
|
"description": "BlockType plugin for @atlaskit/editor-core",
|
|
5
5
|
"author": "Atlassian Pty Ltd",
|
|
6
6
|
"license": "Apache-2.0",
|
|
@@ -50,7 +50,7 @@
|
|
|
50
50
|
"@atlaskit/prosemirror-history": "^0.2.0",
|
|
51
51
|
"@atlaskit/prosemirror-input-rules": "^3.6.0",
|
|
52
52
|
"@atlaskit/theme": "^21.0.0",
|
|
53
|
-
"@atlaskit/tmp-editor-statsig": "^29.
|
|
53
|
+
"@atlaskit/tmp-editor-statsig": "^29.6.0",
|
|
54
54
|
"@atlaskit/tokens": "^11.0.0",
|
|
55
55
|
"@babel/runtime": "^7.0.0",
|
|
56
56
|
"@compiled/react": "^0.18.6",
|
|
@@ -113,6 +113,9 @@
|
|
|
113
113
|
"platform_editor_nested_dnd_styles_changes": {
|
|
114
114
|
"type": "boolean"
|
|
115
115
|
},
|
|
116
|
+
"platform_editor_block_menu_v2_patch_3": {
|
|
117
|
+
"type": "boolean"
|
|
118
|
+
},
|
|
116
119
|
"platform_editor_use_preferences_plugin": {
|
|
117
120
|
"type": "boolean"
|
|
118
121
|
},
|