@atlaskit/editor-plugin-selection-extension 11.1.26 → 11.1.28
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 +15 -0
- package/dist/cjs/ui/menu/SelectionExtensionDropdownItem.js +2 -8
- package/dist/cjs/ui/menu/SelectionExtensionNestedDropdownMenu.js +4 -12
- package/dist/es2019/ui/menu/SelectionExtensionDropdownItem.js +2 -8
- package/dist/es2019/ui/menu/SelectionExtensionNestedDropdownMenu.js +4 -12
- package/dist/esm/ui/menu/SelectionExtensionDropdownItem.js +2 -8
- package/dist/esm/ui/menu/SelectionExtensionNestedDropdownMenu.js +4 -12
- package/package.json +4 -7
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,20 @@
|
|
|
1
1
|
# @atlaskit/editor-plugin-selection-extension
|
|
2
2
|
|
|
3
|
+
## 11.1.28
|
|
4
|
+
|
|
5
|
+
### Patch Changes
|
|
6
|
+
|
|
7
|
+
- [`1bd298ad0a152`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/1bd298ad0a152) -
|
|
8
|
+
[ux] EDITOR-6280 Clean up platform_editor_block_menu_v2_patch_3 to fix icon and copy in jira block
|
|
9
|
+
menu
|
|
10
|
+
- Updated dependencies
|
|
11
|
+
|
|
12
|
+
## 11.1.27
|
|
13
|
+
|
|
14
|
+
### Patch Changes
|
|
15
|
+
|
|
16
|
+
- Updated dependencies
|
|
17
|
+
|
|
3
18
|
## 11.1.26
|
|
4
19
|
|
|
5
20
|
### Patch Changes
|
|
@@ -104,18 +104,12 @@ var SelectionExtensionDropdownItem = exports.SelectionExtensionDropdownItem = fu
|
|
|
104
104
|
setIsTruncated(el.scrollWidth > el.clientWidth);
|
|
105
105
|
}
|
|
106
106
|
}, []);
|
|
107
|
-
|
|
108
|
-
// [FEATURE FLAG: platform_editor_block_menu_v2_patch_3]
|
|
109
|
-
// Adds size="small" to icons for better visual co nsistency in block menu.
|
|
110
|
-
// Adds overflow: visible to SVGs to fix when view port is in different zoom level, sometimes the right edge of the icon is cut off.
|
|
111
|
-
// To clean up: simplify conditional to just check if extensionLocation is inline-toolbar or block-menu,
|
|
112
|
-
// and always apply svgOverflowStyles wrapper for block-menu items.
|
|
113
|
-
var iconSize = (extensionLocation === 'inline-toolbar' || extensionLocation === 'block-menu') && ((0, _platformFeatureFlags.fg)('platform_editor_block_menu_v2_patch_1') || (0, _platformFeatureFlags.fg)('platform_editor_block_menu_v2_patch_3')) ? 'small' : undefined;
|
|
107
|
+
var iconSize = extensionLocation === 'inline-toolbar' || extensionLocation === 'block-menu' ? 'small' : undefined;
|
|
114
108
|
var iconElement = IconComponent ? /*#__PURE__*/_react.default.createElement(IconComponent, {
|
|
115
109
|
size: iconSize,
|
|
116
110
|
label: ""
|
|
117
111
|
}) : undefined;
|
|
118
|
-
var elemBeforeIcon = iconElement && extensionLocation === 'block-menu'
|
|
112
|
+
var elemBeforeIcon = iconElement && extensionLocation === 'block-menu' ? /*#__PURE__*/_react.default.createElement("span", {
|
|
119
113
|
className: (0, _runtime.ax)([styles.svgOverflow])
|
|
120
114
|
}, iconElement) : iconElement;
|
|
121
115
|
if ((0, _platformFeatureFlags.fg)('platform_editor_block_menu_v2_patch_2')) {
|
|
@@ -50,21 +50,13 @@ var SelectionExtensionNestedDropdownMenu = exports.SelectionExtensionNestedDropd
|
|
|
50
50
|
return /*#__PURE__*/_react.default.createElement(_editorToolbar.ToolbarNestedDropdownMenu, {
|
|
51
51
|
testId: _blockMenu.EXTENSION_MENU_ITEM_TEST_ID,
|
|
52
52
|
text: nestedDropdownMenu.label,
|
|
53
|
-
elemBefore: IconComponent ?
|
|
54
|
-
/*#__PURE__*/
|
|
55
|
-
// [FEATURE FLAG: platform_editor_block_menu_v2_patch_3]
|
|
56
|
-
// To clean up: keep only size="small"
|
|
57
|
-
_react.default.createElement(IconComponent, {
|
|
53
|
+
elemBefore: IconComponent ? /*#__PURE__*/_react.default.createElement(IconComponent, {
|
|
58
54
|
label: "",
|
|
59
|
-
size:
|
|
55
|
+
size: "small"
|
|
60
56
|
}) : undefined,
|
|
61
|
-
elemAfter:
|
|
62
|
-
/*#__PURE__*/
|
|
63
|
-
// [FEATURE FLAG: platform_editor_block_menu_v2_patch_3]
|
|
64
|
-
// To clean up: keep only size="small"
|
|
65
|
-
_react.default.createElement(_chevronRight.default, {
|
|
57
|
+
elemAfter: /*#__PURE__*/_react.default.createElement(_chevronRight.default, {
|
|
66
58
|
label: "",
|
|
67
|
-
size:
|
|
59
|
+
size: "small"
|
|
68
60
|
}),
|
|
69
61
|
onClick: handleClick,
|
|
70
62
|
dropdownTestId: "editor-selection-extension-menu",
|
|
@@ -95,18 +95,12 @@ export const SelectionExtensionDropdownItem = ({
|
|
|
95
95
|
setIsTruncated(el.scrollWidth > el.clientWidth);
|
|
96
96
|
}
|
|
97
97
|
}, []);
|
|
98
|
-
|
|
99
|
-
// [FEATURE FLAG: platform_editor_block_menu_v2_patch_3]
|
|
100
|
-
// Adds size="small" to icons for better visual co nsistency in block menu.
|
|
101
|
-
// Adds overflow: visible to SVGs to fix when view port is in different zoom level, sometimes the right edge of the icon is cut off.
|
|
102
|
-
// To clean up: simplify conditional to just check if extensionLocation is inline-toolbar or block-menu,
|
|
103
|
-
// and always apply svgOverflowStyles wrapper for block-menu items.
|
|
104
|
-
const iconSize = (extensionLocation === 'inline-toolbar' || extensionLocation === 'block-menu') && (fg('platform_editor_block_menu_v2_patch_1') || fg('platform_editor_block_menu_v2_patch_3')) ? 'small' : undefined;
|
|
98
|
+
const iconSize = extensionLocation === 'inline-toolbar' || extensionLocation === 'block-menu' ? 'small' : undefined;
|
|
105
99
|
const iconElement = IconComponent ? /*#__PURE__*/React.createElement(IconComponent, {
|
|
106
100
|
size: iconSize,
|
|
107
101
|
label: ""
|
|
108
102
|
}) : undefined;
|
|
109
|
-
const elemBeforeIcon = iconElement && extensionLocation === 'block-menu'
|
|
103
|
+
const elemBeforeIcon = iconElement && extensionLocation === 'block-menu' ? /*#__PURE__*/React.createElement("span", {
|
|
110
104
|
className: ax([styles.svgOverflow])
|
|
111
105
|
}, iconElement) : iconElement;
|
|
112
106
|
if (fg('platform_editor_block_menu_v2_patch_2')) {
|
|
@@ -44,21 +44,13 @@ export const SelectionExtensionNestedDropdownMenu = ({
|
|
|
44
44
|
return /*#__PURE__*/React.createElement(ToolbarNestedDropdownMenu, {
|
|
45
45
|
testId: EXTENSION_MENU_ITEM_TEST_ID,
|
|
46
46
|
text: nestedDropdownMenu.label,
|
|
47
|
-
elemBefore: IconComponent ?
|
|
48
|
-
/*#__PURE__*/
|
|
49
|
-
// [FEATURE FLAG: platform_editor_block_menu_v2_patch_3]
|
|
50
|
-
// To clean up: keep only size="small"
|
|
51
|
-
React.createElement(IconComponent, {
|
|
47
|
+
elemBefore: IconComponent ? /*#__PURE__*/React.createElement(IconComponent, {
|
|
52
48
|
label: "",
|
|
53
|
-
size:
|
|
49
|
+
size: "small"
|
|
54
50
|
}) : undefined,
|
|
55
|
-
elemAfter:
|
|
56
|
-
/*#__PURE__*/
|
|
57
|
-
// [FEATURE FLAG: platform_editor_block_menu_v2_patch_3]
|
|
58
|
-
// To clean up: keep only size="small"
|
|
59
|
-
React.createElement(ChevronRightIcon, {
|
|
51
|
+
elemAfter: /*#__PURE__*/React.createElement(ChevronRightIcon, {
|
|
60
52
|
label: "",
|
|
61
|
-
size:
|
|
53
|
+
size: "small"
|
|
62
54
|
}),
|
|
63
55
|
onClick: handleClick,
|
|
64
56
|
dropdownTestId: "editor-selection-extension-menu",
|
|
@@ -95,18 +95,12 @@ export var SelectionExtensionDropdownItem = function SelectionExtensionDropdownI
|
|
|
95
95
|
setIsTruncated(el.scrollWidth > el.clientWidth);
|
|
96
96
|
}
|
|
97
97
|
}, []);
|
|
98
|
-
|
|
99
|
-
// [FEATURE FLAG: platform_editor_block_menu_v2_patch_3]
|
|
100
|
-
// Adds size="small" to icons for better visual co nsistency in block menu.
|
|
101
|
-
// Adds overflow: visible to SVGs to fix when view port is in different zoom level, sometimes the right edge of the icon is cut off.
|
|
102
|
-
// To clean up: simplify conditional to just check if extensionLocation is inline-toolbar or block-menu,
|
|
103
|
-
// and always apply svgOverflowStyles wrapper for block-menu items.
|
|
104
|
-
var iconSize = (extensionLocation === 'inline-toolbar' || extensionLocation === 'block-menu') && (fg('platform_editor_block_menu_v2_patch_1') || fg('platform_editor_block_menu_v2_patch_3')) ? 'small' : undefined;
|
|
98
|
+
var iconSize = extensionLocation === 'inline-toolbar' || extensionLocation === 'block-menu' ? 'small' : undefined;
|
|
105
99
|
var iconElement = IconComponent ? /*#__PURE__*/React.createElement(IconComponent, {
|
|
106
100
|
size: iconSize,
|
|
107
101
|
label: ""
|
|
108
102
|
}) : undefined;
|
|
109
|
-
var elemBeforeIcon = iconElement && extensionLocation === 'block-menu'
|
|
103
|
+
var elemBeforeIcon = iconElement && extensionLocation === 'block-menu' ? /*#__PURE__*/React.createElement("span", {
|
|
110
104
|
className: ax([styles.svgOverflow])
|
|
111
105
|
}, iconElement) : iconElement;
|
|
112
106
|
if (fg('platform_editor_block_menu_v2_patch_2')) {
|
|
@@ -43,21 +43,13 @@ export var SelectionExtensionNestedDropdownMenu = function SelectionExtensionNes
|
|
|
43
43
|
return /*#__PURE__*/React.createElement(ToolbarNestedDropdownMenu, {
|
|
44
44
|
testId: EXTENSION_MENU_ITEM_TEST_ID,
|
|
45
45
|
text: nestedDropdownMenu.label,
|
|
46
|
-
elemBefore: IconComponent ?
|
|
47
|
-
/*#__PURE__*/
|
|
48
|
-
// [FEATURE FLAG: platform_editor_block_menu_v2_patch_3]
|
|
49
|
-
// To clean up: keep only size="small"
|
|
50
|
-
React.createElement(IconComponent, {
|
|
46
|
+
elemBefore: IconComponent ? /*#__PURE__*/React.createElement(IconComponent, {
|
|
51
47
|
label: "",
|
|
52
|
-
size:
|
|
48
|
+
size: "small"
|
|
53
49
|
}) : undefined,
|
|
54
|
-
elemAfter:
|
|
55
|
-
/*#__PURE__*/
|
|
56
|
-
// [FEATURE FLAG: platform_editor_block_menu_v2_patch_3]
|
|
57
|
-
// To clean up: keep only size="small"
|
|
58
|
-
React.createElement(ChevronRightIcon, {
|
|
50
|
+
elemAfter: /*#__PURE__*/React.createElement(ChevronRightIcon, {
|
|
59
51
|
label: "",
|
|
60
|
-
size:
|
|
52
|
+
size: "small"
|
|
61
53
|
}),
|
|
62
54
|
onClick: handleClick,
|
|
63
55
|
dropdownTestId: "editor-selection-extension-menu",
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@atlaskit/editor-plugin-selection-extension",
|
|
3
|
-
"version": "11.1.
|
|
3
|
+
"version": "11.1.28",
|
|
4
4
|
"description": "editor-plugin-selection-extension plugin for @atlaskit/editor-core",
|
|
5
5
|
"author": "Atlassian Pty Ltd",
|
|
6
6
|
"license": "Apache-2.0",
|
|
@@ -48,11 +48,11 @@
|
|
|
48
48
|
"@atlaskit/editor-shared-styles": "^3.10.0",
|
|
49
49
|
"@atlaskit/editor-tables": "^2.9.0",
|
|
50
50
|
"@atlaskit/editor-toolbar": "^0.20.0",
|
|
51
|
-
"@atlaskit/icon": "^34.
|
|
51
|
+
"@atlaskit/icon": "^34.1.0",
|
|
52
52
|
"@atlaskit/lozenge": "^13.6.0",
|
|
53
53
|
"@atlaskit/platform-feature-flags": "^1.1.0",
|
|
54
54
|
"@atlaskit/primitives": "^19.0.0",
|
|
55
|
-
"@atlaskit/tmp-editor-statsig": "^
|
|
55
|
+
"@atlaskit/tmp-editor-statsig": "^62.2.0",
|
|
56
56
|
"@atlaskit/tokens": "^13.0.0",
|
|
57
57
|
"@babel/runtime": "^7.0.0",
|
|
58
58
|
"lodash": "^4.17.21",
|
|
@@ -60,7 +60,7 @@
|
|
|
60
60
|
"uuid": "^3.1.0"
|
|
61
61
|
},
|
|
62
62
|
"peerDependencies": {
|
|
63
|
-
"@atlaskit/editor-common": "^112.
|
|
63
|
+
"@atlaskit/editor-common": "^112.21.0",
|
|
64
64
|
"react": "^18.2.0"
|
|
65
65
|
},
|
|
66
66
|
"devDependencies": {
|
|
@@ -119,9 +119,6 @@
|
|
|
119
119
|
"platform_editor_block_menu_v2_patch_2": {
|
|
120
120
|
"type": "boolean"
|
|
121
121
|
},
|
|
122
|
-
"platform_editor_block_menu_v2_patch_3": {
|
|
123
|
-
"type": "boolean"
|
|
124
|
-
},
|
|
125
122
|
"platform_editor_block_menu_v2_patch_5": {
|
|
126
123
|
"type": "boolean"
|
|
127
124
|
},
|