@atlaskit/editor-plugin-synced-block 8.3.2 → 8.3.3

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.
Files changed (5) hide show
  1. package/CHANGELOG.md +18 -0
  2. package/dist/cjs/ui/CreateSyncedBlockDropdownItem.js +23 -13
  3. package/dist/es2019/ui/CreateSyncedBlockDropdownItem.js +15 -6
  4. package/dist/esm/ui/CreateSyncedBlockDropdownItem.js +23 -13
  5. package/package.json +8 -5
package/CHANGELOG.md CHANGED
@@ -1,5 +1,23 @@
1
1
  # @atlaskit/editor-plugin-synced-block
2
2
 
3
+ ## 8.3.3
4
+
5
+ ### Patch Changes
6
+
7
+ - [`434b508cc2368`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/434b508cc2368) -
8
+ EDITOR-7104: Add `featured-section` placement to block menu selection extension API
9
+ - Add `featured-section` to `BlockMenuPlacement` type which registers a top-level section with a
10
+ separator
11
+ - Add `BLOCK_ACTIONS_TEMPLATE_SECTION` and `BLOCK_ACTIONS_FEATURED_EXTENSION_SECTION_KEYS`
12
+ constants to `editor-common`
13
+ - Render lozenge inline next to label text (not pushed to far right) for dropdown and nested
14
+ dropdown items
15
+ - Move "New" lozenge next to label for synced block dropdown items
16
+ - Block template/menu behaviour gated behind `platform_editor_block_menu_v2_patch_2`; synced-block
17
+ lozenge placement behaviour gated behind `platform_synced_block_patch_12`
18
+
19
+ - Updated dependencies
20
+
3
21
  ## 8.3.2
4
22
 
5
23
  ### Patch Changes
package/dist/cjs/ui/CreateSyncedBlockDropdownItem.js CHANGED
@@ -18,8 +18,14 @@ var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
18
18
  var _utils = require("../pm-plugins/utils/utils");
19
19
  var _types = require("../types");
20
20
  function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
21
- var CreateSyncedBlockDropdownItem = function CreateSyncedBlockDropdownItem(_ref) {
22
- var api = _ref.api;
21
+ var SyncedBlockNewLozenge = function SyncedBlockNewLozenge(_ref) {
22
+ var label = _ref.label;
23
+ return /*#__PURE__*/_react.default.createElement(_lozenge.default, {
24
+ appearance: (0, _platformFeatureFlags.fg)('confluence_fronend_labels_categorization_migration') ? 'discovery' : 'new'
25
+ }, label);
26
+ };
27
+ var CreateSyncedBlockDropdownItem = function CreateSyncedBlockDropdownItem(_ref2) {
28
+ var api = _ref2.api;
23
29
  var _useIntl = (0, _reactIntl.useIntl)(),
24
30
  formatMessage = _useIntl.formatMessage;
25
31
  var _useSharedPluginState = (0, _hooks.useSharedPluginStateWithSelector)(api, ['selection', 'blockControls', 'connectivity'], function (states) {
@@ -48,6 +54,9 @@ var CreateSyncedBlockDropdownItem = function CreateSyncedBlockDropdownItem(_ref)
48
54
  }));
49
55
  };
50
56
  var isOffline = (0, _editorPluginConnectivity.isOfflineMode)(mode);
57
+ var lozenge = /*#__PURE__*/_react.default.createElement(SyncedBlockNewLozenge, {
58
+ label: formatMessage(_messages.blockMenuMessages.newLozenge)
59
+ });
51
60
  return /*#__PURE__*/_react.default.createElement(_editorToolbar.ToolbarDropdownItem, {
52
61
  elemBefore: /*#__PURE__*/_react.default.createElement(_editorToolbar.SyncBlocksIcon, {
53
62
  label: "",
@@ -56,13 +65,12 @@ var CreateSyncedBlockDropdownItem = function CreateSyncedBlockDropdownItem(_ref)
56
65
  onClick: onClick,
57
66
  isDisabled: isOffline,
58
67
  testId: _types.SYNCED_BLOCK_BUTTON_TEST_ID.blockMenuCreate,
59
- elemAfter: /*#__PURE__*/_react.default.createElement(_lozenge.default, {
60
- appearance: (0, _platformFeatureFlags.fg)('confluence_fronend_labels_categorization_migration') ? 'discovery' : 'new'
61
- }, formatMessage(_messages.blockMenuMessages.newLozenge))
68
+ elemAfter: (0, _platformFeatureFlags.fg)('platform_synced_block_patch_12') ? undefined : lozenge,
69
+ elemAfterText: (0, _platformFeatureFlags.fg)('platform_synced_block_patch_12') ? lozenge : undefined
62
70
  }, formatMessage(_messages.blockMenuMessages.syncBlock));
63
71
  };
64
- var CopySyncedBlockDropdownItem = function CopySyncedBlockDropdownItem(_ref2) {
65
- var api = _ref2.api;
72
+ var CopySyncedBlockDropdownItem = function CopySyncedBlockDropdownItem(_ref3) {
73
+ var api = _ref3.api;
66
74
  var _useIntl2 = (0, _reactIntl.useIntl)(),
67
75
  formatMessage = _useIntl2.formatMessage;
68
76
  var _useSharedPluginState2 = (0, _hooks.useSharedPluginStateWithSelector)(api, ['connectivity'], function (states) {
@@ -79,6 +87,9 @@ var CopySyncedBlockDropdownItem = function CopySyncedBlockDropdownItem(_ref2) {
79
87
  closeMenu: true
80
88
  }));
81
89
  };
90
+ var lozenge = /*#__PURE__*/_react.default.createElement(SyncedBlockNewLozenge, {
91
+ label: formatMessage(_messages.blockMenuMessages.newLozenge)
92
+ });
82
93
  return /*#__PURE__*/_react.default.createElement(_editorToolbar.ToolbarDropdownItem, {
83
94
  elemBefore: /*#__PURE__*/_react.default.createElement(_editorToolbar.SyncBlocksIcon, {
84
95
  label: "",
@@ -86,14 +97,13 @@ var CopySyncedBlockDropdownItem = function CopySyncedBlockDropdownItem(_ref2) {
86
97
  }),
87
98
  onClick: onClick,
88
99
  isDisabled: (0, _editorPluginConnectivity.isOfflineMode)(mode),
89
- elemAfter: /*#__PURE__*/_react.default.createElement(_lozenge.default, {
90
- appearance: (0, _platformFeatureFlags.fg)('confluence_fronend_labels_categorization_migration') ? 'discovery' : 'new'
91
- }, formatMessage(_messages.blockMenuMessages.newLozenge))
100
+ elemAfter: (0, _platformFeatureFlags.fg)('platform_synced_block_patch_12') ? undefined : lozenge,
101
+ elemAfterText: (0, _platformFeatureFlags.fg)('platform_synced_block_patch_12') ? lozenge : undefined
92
102
  }, formatMessage(_messages.blockMenuMessages.copySyncedBlock));
93
103
  };
94
- var CreateOrCopySyncedBlockDropdownItem = exports.CreateOrCopySyncedBlockDropdownItem = function CreateOrCopySyncedBlockDropdownItem(_ref3) {
95
- var api = _ref3.api,
96
- enableSourceSyncedBlockCreation = _ref3.enableSourceSyncedBlockCreation;
104
+ var CreateOrCopySyncedBlockDropdownItem = exports.CreateOrCopySyncedBlockDropdownItem = function CreateOrCopySyncedBlockDropdownItem(_ref4) {
105
+ var api = _ref4.api,
106
+ enableSourceSyncedBlockCreation = _ref4.enableSourceSyncedBlockCreation;
97
107
  var _useSharedPluginState3 = (0, _hooks.useSharedPluginStateWithSelector)(api, ['blockControls'], function (states) {
98
108
  var _states$blockControls3, _states$blockControls4;
99
109
  return {
package/dist/es2019/ui/CreateSyncedBlockDropdownItem.js CHANGED
@@ -9,6 +9,11 @@ import Lozenge from '@atlaskit/lozenge';
9
9
  import { fg } from '@atlaskit/platform-feature-flags';
10
10
  import { canBeConvertedToSyncBlock } from '../pm-plugins/utils/utils';
11
11
  import { SYNCED_BLOCK_BUTTON_TEST_ID } from '../types';
12
+ const SyncedBlockNewLozenge = ({
13
+ label
14
+ }) => /*#__PURE__*/React.createElement(Lozenge, {
15
+ appearance: fg('confluence_fronend_labels_categorization_migration') ? 'discovery' : 'new'
16
+ }, label);
12
17
  const CreateSyncedBlockDropdownItem = ({
13
18
  api
14
19
  }) => {
@@ -40,6 +45,9 @@ const CreateSyncedBlockDropdownItem = ({
40
45
  }));
41
46
  };
42
47
  const isOffline = isOfflineMode(mode);
48
+ const lozenge = /*#__PURE__*/React.createElement(SyncedBlockNewLozenge, {
49
+ label: formatMessage(blockMenuMessages.newLozenge)
50
+ });
43
51
  return /*#__PURE__*/React.createElement(ToolbarDropdownItem, {
44
52
  elemBefore: /*#__PURE__*/React.createElement(SyncBlocksIcon, {
45
53
  label: "",
@@ -48,9 +56,8 @@ const CreateSyncedBlockDropdownItem = ({
48
56
  onClick: onClick,
49
57
  isDisabled: isOffline,
50
58
  testId: SYNCED_BLOCK_BUTTON_TEST_ID.blockMenuCreate,
51
- elemAfter: /*#__PURE__*/React.createElement(Lozenge, {
52
- appearance: fg('confluence_fronend_labels_categorization_migration') ? 'discovery' : 'new'
53
- }, formatMessage(blockMenuMessages.newLozenge))
59
+ elemAfter: fg('platform_synced_block_patch_12') ? undefined : lozenge,
60
+ elemAfterText: fg('platform_synced_block_patch_12') ? lozenge : undefined
54
61
  }, formatMessage(blockMenuMessages.syncBlock));
55
62
  };
56
63
  const CopySyncedBlockDropdownItem = ({
@@ -74,6 +81,9 @@ const CopySyncedBlockDropdownItem = ({
74
81
  closeMenu: true
75
82
  }));
76
83
  };
84
+ const lozenge = /*#__PURE__*/React.createElement(SyncedBlockNewLozenge, {
85
+ label: formatMessage(blockMenuMessages.newLozenge)
86
+ });
77
87
  return /*#__PURE__*/React.createElement(ToolbarDropdownItem, {
78
88
  elemBefore: /*#__PURE__*/React.createElement(SyncBlocksIcon, {
79
89
  label: "",
@@ -81,9 +91,8 @@ const CopySyncedBlockDropdownItem = ({
81
91
  }),
82
92
  onClick: onClick,
83
93
  isDisabled: isOfflineMode(mode),
84
- elemAfter: /*#__PURE__*/React.createElement(Lozenge, {
85
- appearance: fg('confluence_fronend_labels_categorization_migration') ? 'discovery' : 'new'
86
- }, formatMessage(blockMenuMessages.newLozenge))
94
+ elemAfter: fg('platform_synced_block_patch_12') ? undefined : lozenge,
95
+ elemAfterText: fg('platform_synced_block_patch_12') ? lozenge : undefined
87
96
  }, formatMessage(blockMenuMessages.copySyncedBlock));
88
97
  };
89
98
  export const CreateOrCopySyncedBlockDropdownItem = ({
package/dist/esm/ui/CreateSyncedBlockDropdownItem.js CHANGED
@@ -9,8 +9,14 @@ import Lozenge from '@atlaskit/lozenge';
9
9
  import { fg } from '@atlaskit/platform-feature-flags';
10
10
  import { canBeConvertedToSyncBlock } from '../pm-plugins/utils/utils';
11
11
  import { SYNCED_BLOCK_BUTTON_TEST_ID } from '../types';
12
- var CreateSyncedBlockDropdownItem = function CreateSyncedBlockDropdownItem(_ref) {
13
- var api = _ref.api;
12
+ var SyncedBlockNewLozenge = function SyncedBlockNewLozenge(_ref) {
13
+ var label = _ref.label;
14
+ return /*#__PURE__*/React.createElement(Lozenge, {
15
+ appearance: fg('confluence_fronend_labels_categorization_migration') ? 'discovery' : 'new'
16
+ }, label);
17
+ };
18
+ var CreateSyncedBlockDropdownItem = function CreateSyncedBlockDropdownItem(_ref2) {
19
+ var api = _ref2.api;
14
20
  var _useIntl = useIntl(),
15
21
  formatMessage = _useIntl.formatMessage;
16
22
  var _useSharedPluginState = useSharedPluginStateWithSelector(api, ['selection', 'blockControls', 'connectivity'], function (states) {
@@ -39,6 +45,9 @@ var CreateSyncedBlockDropdownItem = function CreateSyncedBlockDropdownItem(_ref)
39
45
  }));
40
46
  };
41
47
  var isOffline = isOfflineMode(mode);
48
+ var lozenge = /*#__PURE__*/React.createElement(SyncedBlockNewLozenge, {
49
+ label: formatMessage(blockMenuMessages.newLozenge)
50
+ });
42
51
  return /*#__PURE__*/React.createElement(ToolbarDropdownItem, {
43
52
  elemBefore: /*#__PURE__*/React.createElement(SyncBlocksIcon, {
44
53
  label: "",
@@ -47,13 +56,12 @@ var CreateSyncedBlockDropdownItem = function CreateSyncedBlockDropdownItem(_ref)
47
56
  onClick: onClick,
48
57
  isDisabled: isOffline,
49
58
  testId: SYNCED_BLOCK_BUTTON_TEST_ID.blockMenuCreate,
50
- elemAfter: /*#__PURE__*/React.createElement(Lozenge, {
51
- appearance: fg('confluence_fronend_labels_categorization_migration') ? 'discovery' : 'new'
52
- }, formatMessage(blockMenuMessages.newLozenge))
59
+ elemAfter: fg('platform_synced_block_patch_12') ? undefined : lozenge,
60
+ elemAfterText: fg('platform_synced_block_patch_12') ? lozenge : undefined
53
61
  }, formatMessage(blockMenuMessages.syncBlock));
54
62
  };
55
- var CopySyncedBlockDropdownItem = function CopySyncedBlockDropdownItem(_ref2) {
56
- var api = _ref2.api;
63
+ var CopySyncedBlockDropdownItem = function CopySyncedBlockDropdownItem(_ref3) {
64
+ var api = _ref3.api;
57
65
  var _useIntl2 = useIntl(),
58
66
  formatMessage = _useIntl2.formatMessage;
59
67
  var _useSharedPluginState2 = useSharedPluginStateWithSelector(api, ['connectivity'], function (states) {
@@ -70,6 +78,9 @@ var CopySyncedBlockDropdownItem = function CopySyncedBlockDropdownItem(_ref2) {
70
78
  closeMenu: true
71
79
  }));
72
80
  };
81
+ var lozenge = /*#__PURE__*/React.createElement(SyncedBlockNewLozenge, {
82
+ label: formatMessage(blockMenuMessages.newLozenge)
83
+ });
73
84
  return /*#__PURE__*/React.createElement(ToolbarDropdownItem, {
74
85
  elemBefore: /*#__PURE__*/React.createElement(SyncBlocksIcon, {
75
86
  label: "",
@@ -77,14 +88,13 @@ var CopySyncedBlockDropdownItem = function CopySyncedBlockDropdownItem(_ref2) {
77
88
  }),
78
89
  onClick: onClick,
79
90
  isDisabled: isOfflineMode(mode),
80
- elemAfter: /*#__PURE__*/React.createElement(Lozenge, {
81
- appearance: fg('confluence_fronend_labels_categorization_migration') ? 'discovery' : 'new'
82
- }, formatMessage(blockMenuMessages.newLozenge))
91
+ elemAfter: fg('platform_synced_block_patch_12') ? undefined : lozenge,
92
+ elemAfterText: fg('platform_synced_block_patch_12') ? lozenge : undefined
83
93
  }, formatMessage(blockMenuMessages.copySyncedBlock));
84
94
  };
85
- export var CreateOrCopySyncedBlockDropdownItem = function CreateOrCopySyncedBlockDropdownItem(_ref3) {
86
- var api = _ref3.api,
87
- enableSourceSyncedBlockCreation = _ref3.enableSourceSyncedBlockCreation;
95
+ export var CreateOrCopySyncedBlockDropdownItem = function CreateOrCopySyncedBlockDropdownItem(_ref4) {
96
+ var api = _ref4.api,
97
+ enableSourceSyncedBlockCreation = _ref4.enableSourceSyncedBlockCreation;
88
98
  var _useSharedPluginState3 = useSharedPluginStateWithSelector(api, ['blockControls'], function (states) {
89
99
  var _states$blockControls3, _states$blockControls4;
90
100
  return {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/editor-plugin-synced-block",
3
- "version": "8.3.2",
3
+ "version": "8.3.3",
4
4
  "description": "SyncedBlock plugin for @atlaskit/editor-core",
5
5
  "author": "Atlassian Pty Ltd",
6
6
  "license": "Apache-2.0",
@@ -33,9 +33,9 @@
33
33
  "@atlaskit/dropdown-menu": "16.8.11",
34
34
  "@atlaskit/editor-json-transformer": "^8.31.0",
35
35
  "@atlaskit/editor-plugin-analytics": "^10.0.0",
36
- "@atlaskit/editor-plugin-block-menu": "^9.1.0",
37
- "@atlaskit/editor-plugin-connectivity": "10.0.1",
38
- "@atlaskit/editor-plugin-content-format": "^4.0.0",
36
+ "@atlaskit/editor-plugin-block-menu": "^9.2.0",
37
+ "@atlaskit/editor-plugin-connectivity": "10.1.0",
38
+ "@atlaskit/editor-plugin-content-format": "^4.1.0",
39
39
  "@atlaskit/editor-plugin-decorations": "^10.1.0",
40
40
  "@atlaskit/editor-plugin-floating-toolbar": "^12.1.0",
41
41
  "@atlaskit/editor-plugin-focus": "^9.1.0",
@@ -54,7 +54,7 @@
54
54
  "@atlaskit/platform-feature-flags": "^1.1.0",
55
55
  "@atlaskit/primitives": "^19.0.0",
56
56
  "@atlaskit/spinner": "19.1.2",
57
- "@atlaskit/tmp-editor-statsig": "^80.2.0",
57
+ "@atlaskit/tmp-editor-statsig": "^80.3.0",
58
58
  "@atlaskit/tokens": "13.0.4",
59
59
  "@atlaskit/tooltip": "^22.2.0",
60
60
  "@atlaskit/visually-hidden": "^3.1.0",
@@ -129,6 +129,9 @@
129
129
  },
130
130
  "platform_synced_block_patch_11": {
131
131
  "type": "boolean"
132
+ },
133
+ "platform_synced_block_patch_12": {
134
+ "type": "boolean"
132
135
  }
133
136
  }
134
137
  }