@atlaskit/editor-plugin-block-menu 6.0.39 → 6.0.40
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/block-menu.compiled.css +2 -1
- package/dist/cjs/ui/block-menu.js +3 -1
- package/dist/es2019/ui/block-menu.compiled.css +2 -1
- package/dist/es2019/ui/block-menu.js +3 -1
- package/dist/esm/ui/block-menu.compiled.css +2 -1
- package/dist/esm/ui/block-menu.js +3 -1
- package/package.json +5 -2
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,13 @@
|
|
|
1
1
|
# @atlaskit/editor-plugin-block-menu
|
|
2
2
|
|
|
3
|
+
## 6.0.40
|
|
4
|
+
|
|
5
|
+
### Patch Changes
|
|
6
|
+
|
|
7
|
+
- [`25ad5c762c280`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/25ad5c762c280) -
|
|
8
|
+
[ux] Add truncation on the extention label in block menu
|
|
9
|
+
- Updated dependencies
|
|
10
|
+
|
|
3
11
|
## 6.0.39
|
|
4
12
|
|
|
5
13
|
### Patch Changes
|
|
@@ -2,4 +2,5 @@
|
|
|
2
2
|
._2rko12b0{border-radius:var(--ds-radius-small,4px)}
|
|
3
3
|
._1cc0glyw [data-toolbar-component=menu-section]:not(:has([data-toolbar-component=menu-item])~*){border-block-start:none}._16qs130s{box-shadow:var(--ds-shadow-overlay,0 8px 9pt #1e1f2126,0 0 1px #1e1f214f)}
|
|
4
4
|
._1k2yglyw [data-toolbar-component=menu-section]:not(:has([data-toolbar-component=menu-item])){display:none}
|
|
5
|
-
._bfhk1bhr{background-color:var(--ds-surface-overlay,#fff)}
|
|
5
|
+
._bfhk1bhr{background-color:var(--ds-surface-overlay,#fff)}
|
|
6
|
+
._p12fnklw{max-width:20pc}
|
|
@@ -21,6 +21,7 @@ var _ui = require("@atlaskit/editor-common/ui");
|
|
|
21
21
|
var _uiMenu = require("@atlaskit/editor-common/ui-menu");
|
|
22
22
|
var _uiReact = require("@atlaskit/editor-common/ui-react");
|
|
23
23
|
var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
|
|
24
|
+
var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
|
|
24
25
|
var _compiled = require("@atlaskit/primitives/compiled");
|
|
25
26
|
var _prosemirrorHistory = require("@atlaskit/prosemirror-history");
|
|
26
27
|
var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
|
|
@@ -30,6 +31,7 @@ var _BlockMenuRenderer = require("./block-menu-renderer/BlockMenuRenderer");
|
|
|
30
31
|
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); }
|
|
31
32
|
var styles = {
|
|
32
33
|
base: "_2rko12b0 _bfhk1bhr _16qs130s",
|
|
34
|
+
maxWidthStyles: "_p12fnklw",
|
|
33
35
|
emptyMenuSectionStyles: "_1cc0glyw _1k2yglyw"
|
|
34
36
|
};
|
|
35
37
|
var DEFAULT_MENU_WIDTH = 230;
|
|
@@ -101,7 +103,7 @@ var BlockMenuContent = function BlockMenuContent(_ref2) {
|
|
|
101
103
|
testId: "editor-block-menu",
|
|
102
104
|
role: (0, _expValEquals.expValEquals)('platform_editor_enghealth_a11y_jan_fixes', 'isEnabled', true) ? 'menu' : undefined,
|
|
103
105
|
ref: ref,
|
|
104
|
-
xcss: (0, _css.cx)(styles.base, (0, _experiments.editorExperiment)('platform_synced_block', true) && styles.emptyMenuSectionStyles)
|
|
106
|
+
xcss: (0, _css.cx)(styles.base, (0, _platformFeatureFlags.fg)('platform_editor_block_menu_v2_patch_2') && styles.maxWidthStyles, (0, _experiments.editorExperiment)('platform_synced_block', true) && styles.emptyMenuSectionStyles)
|
|
105
107
|
}, /*#__PURE__*/_react.default.createElement(_uiMenu.ArrowKeyNavigationProvider, {
|
|
106
108
|
type: _uiMenu.ArrowKeyNavigationType.MENU,
|
|
107
109
|
handleClose: function handleClose(e) {
|
|
@@ -2,4 +2,5 @@
|
|
|
2
2
|
._2rko12b0{border-radius:var(--ds-radius-small,4px)}
|
|
3
3
|
._1cc0glyw [data-toolbar-component=menu-section]:not(:has([data-toolbar-component=menu-item])~*){border-block-start:none}._16qs130s{box-shadow:var(--ds-shadow-overlay,0 8px 9pt #1e1f2126,0 0 1px #1e1f214f)}
|
|
4
4
|
._1k2yglyw [data-toolbar-component=menu-section]:not(:has([data-toolbar-component=menu-item])){display:none}
|
|
5
|
-
._bfhk1bhr{background-color:var(--ds-surface-overlay,#fff)}
|
|
5
|
+
._bfhk1bhr{background-color:var(--ds-surface-overlay,#fff)}
|
|
6
|
+
._p12fnklw{max-width:20pc}
|
|
@@ -12,6 +12,7 @@ import { Popup } from '@atlaskit/editor-common/ui';
|
|
|
12
12
|
import { ArrowKeyNavigationProvider, ArrowKeyNavigationType } from '@atlaskit/editor-common/ui-menu';
|
|
13
13
|
import { OutsideClickTargetRefContext, withReactEditorViewOuterListeners } from '@atlaskit/editor-common/ui-react';
|
|
14
14
|
import { akEditorFloatingOverlapPanelZIndex } from '@atlaskit/editor-shared-styles';
|
|
15
|
+
import { fg } from '@atlaskit/platform-feature-flags';
|
|
15
16
|
import { Box } from '@atlaskit/primitives/compiled';
|
|
16
17
|
import { redo, undo } from '@atlaskit/prosemirror-history';
|
|
17
18
|
import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
|
|
@@ -20,6 +21,7 @@ import { useBlockMenu } from './block-menu-provider';
|
|
|
20
21
|
import { BlockMenuRenderer } from './block-menu-renderer/BlockMenuRenderer';
|
|
21
22
|
const styles = {
|
|
22
23
|
base: "_2rko12b0 _bfhk1bhr _16qs130s",
|
|
24
|
+
maxWidthStyles: "_p12fnklw",
|
|
23
25
|
emptyMenuSectionStyles: "_1cc0glyw _1k2yglyw"
|
|
24
26
|
};
|
|
25
27
|
const DEFAULT_MENU_WIDTH = 230;
|
|
@@ -94,7 +96,7 @@ const BlockMenuContent = ({
|
|
|
94
96
|
testId: "editor-block-menu",
|
|
95
97
|
role: expValEquals('platform_editor_enghealth_a11y_jan_fixes', 'isEnabled', true) ? 'menu' : undefined,
|
|
96
98
|
ref: ref,
|
|
97
|
-
xcss: cx(styles.base, editorExperiment('platform_synced_block', true) && styles.emptyMenuSectionStyles)
|
|
99
|
+
xcss: cx(styles.base, fg('platform_editor_block_menu_v2_patch_2') && styles.maxWidthStyles, editorExperiment('platform_synced_block', true) && styles.emptyMenuSectionStyles)
|
|
98
100
|
}, /*#__PURE__*/React.createElement(ArrowKeyNavigationProvider, {
|
|
99
101
|
type: ArrowKeyNavigationType.MENU,
|
|
100
102
|
handleClose: e => e.preventDefault(),
|
|
@@ -2,4 +2,5 @@
|
|
|
2
2
|
._2rko12b0{border-radius:var(--ds-radius-small,4px)}
|
|
3
3
|
._1cc0glyw [data-toolbar-component=menu-section]:not(:has([data-toolbar-component=menu-item])~*){border-block-start:none}._16qs130s{box-shadow:var(--ds-shadow-overlay,0 8px 9pt #1e1f2126,0 0 1px #1e1f214f)}
|
|
4
4
|
._1k2yglyw [data-toolbar-component=menu-section]:not(:has([data-toolbar-component=menu-item])){display:none}
|
|
5
|
-
._bfhk1bhr{background-color:var(--ds-surface-overlay,#fff)}
|
|
5
|
+
._bfhk1bhr{background-color:var(--ds-surface-overlay,#fff)}
|
|
6
|
+
._p12fnklw{max-width:20pc}
|
|
@@ -13,6 +13,7 @@ import { Popup } from '@atlaskit/editor-common/ui';
|
|
|
13
13
|
import { ArrowKeyNavigationProvider, ArrowKeyNavigationType } from '@atlaskit/editor-common/ui-menu';
|
|
14
14
|
import { OutsideClickTargetRefContext, withReactEditorViewOuterListeners } from '@atlaskit/editor-common/ui-react';
|
|
15
15
|
import { akEditorFloatingOverlapPanelZIndex } from '@atlaskit/editor-shared-styles';
|
|
16
|
+
import { fg } from '@atlaskit/platform-feature-flags';
|
|
16
17
|
import { Box } from '@atlaskit/primitives/compiled';
|
|
17
18
|
import { redo, undo } from '@atlaskit/prosemirror-history';
|
|
18
19
|
import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
|
|
@@ -21,6 +22,7 @@ import { useBlockMenu } from './block-menu-provider';
|
|
|
21
22
|
import { BlockMenuRenderer } from './block-menu-renderer/BlockMenuRenderer';
|
|
22
23
|
var styles = {
|
|
23
24
|
base: "_2rko12b0 _bfhk1bhr _16qs130s",
|
|
25
|
+
maxWidthStyles: "_p12fnklw",
|
|
24
26
|
emptyMenuSectionStyles: "_1cc0glyw _1k2yglyw"
|
|
25
27
|
};
|
|
26
28
|
var DEFAULT_MENU_WIDTH = 230;
|
|
@@ -92,7 +94,7 @@ var BlockMenuContent = function BlockMenuContent(_ref2) {
|
|
|
92
94
|
testId: "editor-block-menu",
|
|
93
95
|
role: expValEquals('platform_editor_enghealth_a11y_jan_fixes', 'isEnabled', true) ? 'menu' : undefined,
|
|
94
96
|
ref: ref,
|
|
95
|
-
xcss: cx(styles.base, editorExperiment('platform_synced_block', true) && styles.emptyMenuSectionStyles)
|
|
97
|
+
xcss: cx(styles.base, fg('platform_editor_block_menu_v2_patch_2') && styles.maxWidthStyles, editorExperiment('platform_synced_block', true) && styles.emptyMenuSectionStyles)
|
|
96
98
|
}, /*#__PURE__*/React.createElement(ArrowKeyNavigationProvider, {
|
|
97
99
|
type: ArrowKeyNavigationType.MENU,
|
|
98
100
|
handleClose: function handleClose(e) {
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@atlaskit/editor-plugin-block-menu",
|
|
3
|
-
"version": "6.0.
|
|
3
|
+
"version": "6.0.40",
|
|
4
4
|
"description": "BlockMenu plugin for @atlaskit/editor-core",
|
|
5
5
|
"author": "Atlassian Pty Ltd",
|
|
6
6
|
"license": "Apache-2.0",
|
|
@@ -41,7 +41,7 @@
|
|
|
41
41
|
"@atlaskit/editor-tables": "^2.9.0",
|
|
42
42
|
"@atlaskit/editor-toolbar": "^0.19.0",
|
|
43
43
|
"@atlaskit/flag": "^17.8.0",
|
|
44
|
-
"@atlaskit/icon": "^
|
|
44
|
+
"@atlaskit/icon": "^31.0.0",
|
|
45
45
|
"@atlaskit/platform-feature-flags": "^1.1.0",
|
|
46
46
|
"@atlaskit/platform-feature-flags-react": "^0.4.0",
|
|
47
47
|
"@atlaskit/primitives": "^18.0.0",
|
|
@@ -95,6 +95,9 @@
|
|
|
95
95
|
"platform-feature-flags": {
|
|
96
96
|
"platform_editor_adf_with_localid": {
|
|
97
97
|
"type": "boolean"
|
|
98
|
+
},
|
|
99
|
+
"platform_editor_block_menu_v2_patch_2": {
|
|
100
|
+
"type": "boolean"
|
|
98
101
|
}
|
|
99
102
|
}
|
|
100
103
|
}
|