@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 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.20",
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.5.0",
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
  },