@atlaskit/editor-plugin-breakout 6.0.3 → 6.1.1
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 +21 -0
- package/dist/cjs/breakoutPlugin.js +1 -2
- package/dist/cjs/pm-plugins/handle-key-down.js +3 -1
- package/dist/es2019/breakoutPlugin.js +1 -2
- package/dist/es2019/pm-plugins/handle-key-down.js +3 -1
- package/dist/esm/breakoutPlugin.js +1 -2
- package/dist/esm/pm-plugins/handle-key-down.js +3 -1
- package/package.json +7 -10
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,26 @@
|
|
|
1
1
|
# @atlaskit/editor-plugin-breakout
|
|
2
2
|
|
|
3
|
+
## 6.1.1
|
|
4
|
+
|
|
5
|
+
### Patch Changes
|
|
6
|
+
|
|
7
|
+
- [`637c29651f8ab`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/637c29651f8ab) -
|
|
8
|
+
clean up platform_editor_table_drag_menu_flickers_fix
|
|
9
|
+
- Updated dependencies
|
|
10
|
+
|
|
11
|
+
## 6.1.0
|
|
12
|
+
|
|
13
|
+
### Minor Changes
|
|
14
|
+
|
|
15
|
+
- [`5167552fe1a93`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/5167552fe1a93) -
|
|
16
|
+
[EDITOR-2339] Bump @atlaskit/adf-schema to 51.3.0
|
|
17
|
+
|
|
18
|
+
### Patch Changes
|
|
19
|
+
|
|
20
|
+
- [`3430ee4d120bd`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/3430ee4d120bd) -
|
|
21
|
+
upgrade use of browser util
|
|
22
|
+
- Updated dependencies
|
|
23
|
+
|
|
3
24
|
## 6.0.3
|
|
4
25
|
|
|
5
26
|
### Patch Changes
|
|
@@ -18,7 +18,6 @@ var _styles = require("@atlaskit/editor-common/styles");
|
|
|
18
18
|
var _usePluginStateEffect = require("@atlaskit/editor-common/use-plugin-state-effect");
|
|
19
19
|
var _useSharedPluginStateSelector = require("@atlaskit/editor-common/use-shared-plugin-state-selector");
|
|
20
20
|
var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
|
|
21
|
-
var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
|
|
22
21
|
var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
|
|
23
22
|
var _experiments = require("@atlaskit/tmp-editor-statsig/experiments");
|
|
24
23
|
var _pluginKey = require("./pm-plugins/plugin-key");
|
|
@@ -59,7 +58,7 @@ mark, view, appearance) {
|
|
|
59
58
|
contentDOM.style.minWidth = "max(var(--ak-editor--line-length), min(var(--ak-editor--full-width-layout-width), calc(100cqw - var(--ak-editor--breakout-full-page-guttering-padding))))";
|
|
60
59
|
}
|
|
61
60
|
if (mark.attrs.mode === 'wide') {
|
|
62
|
-
if (appearance && appearance === 'full-width' && (0, _experiments.editorExperiment)('single_column_layouts', true) &&
|
|
61
|
+
if (appearance && appearance === 'full-width' && (0, _experiments.editorExperiment)('single_column_layouts', true) && true) {
|
|
63
62
|
contentDOM.style.minWidth = "min(var(--ak-editor--breakout-wide-layout-width), calc(100cqw - var(--ak-editor--breakout-full-page-guttering-padding)))";
|
|
64
63
|
} else {
|
|
65
64
|
contentDOM.style.minWidth = "max(var(--ak-editor--line-length), min(var(--ak-editor--breakout-wide-layout-width), calc(100cqw - var(--ak-editor--breakout-full-page-guttering-padding))))";
|
|
@@ -7,6 +7,7 @@ exports.handleKeyDown = void 0;
|
|
|
7
7
|
var _browser = require("@atlaskit/editor-common/browser");
|
|
8
8
|
var _state = require("@atlaskit/editor-prosemirror/state");
|
|
9
9
|
var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
|
|
10
|
+
var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
|
|
10
11
|
var _setBreakoutWidth = require("../editor-commands/set-breakout-width");
|
|
11
12
|
var KEYBOARD_RESIZE_STEP = 10;
|
|
12
13
|
var getAncestorResizableNode = function getAncestorResizableNode(view, breakoutResizableNodes) {
|
|
@@ -39,7 +40,8 @@ var getAncestorResizableNode = function getAncestorResizableNode(view, breakoutR
|
|
|
39
40
|
};
|
|
40
41
|
var handleKeyDown = exports.handleKeyDown = function handleKeyDown(api) {
|
|
41
42
|
return function (view, event) {
|
|
42
|
-
var
|
|
43
|
+
var browser = (0, _expValEquals.expValEquals)('platform_editor_hydratable_ui', 'isEnabled', true) ? (0, _browser.getBrowserInfo)() : _browser.browser;
|
|
44
|
+
var metaKey = browser.mac ? event.metaKey : event.ctrlKey;
|
|
43
45
|
var isBracketKey = event.code === 'BracketRight' || event.code === 'BracketLeft';
|
|
44
46
|
if (metaKey && event.altKey && isBracketKey) {
|
|
45
47
|
var _view$state$schema$no = view.state.schema.nodes,
|
|
@@ -6,7 +6,6 @@ import { BreakoutCssClassName } from '@atlaskit/editor-common/styles';
|
|
|
6
6
|
import { usePluginStateEffect } from '@atlaskit/editor-common/use-plugin-state-effect';
|
|
7
7
|
import { useSharedPluginStateSelector } from '@atlaskit/editor-common/use-shared-plugin-state-selector';
|
|
8
8
|
import { akEditorSwoopCubicBezier } from '@atlaskit/editor-shared-styles';
|
|
9
|
-
import { fg } from '@atlaskit/platform-feature-flags';
|
|
10
9
|
import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
|
|
11
10
|
import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
|
|
12
11
|
import { pluginKey } from './pm-plugins/plugin-key';
|
|
@@ -44,7 +43,7 @@ class BreakoutView {
|
|
|
44
43
|
contentDOM.style.minWidth = `max(var(--ak-editor--line-length), min(var(--ak-editor--full-width-layout-width), calc(100cqw - var(--ak-editor--breakout-full-page-guttering-padding))))`;
|
|
45
44
|
}
|
|
46
45
|
if (mark.attrs.mode === 'wide') {
|
|
47
|
-
if (appearance && appearance === 'full-width' && editorExperiment('single_column_layouts', true) &&
|
|
46
|
+
if (appearance && appearance === 'full-width' && editorExperiment('single_column_layouts', true) && true) {
|
|
48
47
|
contentDOM.style.minWidth = `min(var(--ak-editor--breakout-wide-layout-width), calc(100cqw - var(--ak-editor--breakout-full-page-guttering-padding)))`;
|
|
49
48
|
} else {
|
|
50
49
|
contentDOM.style.minWidth = `max(var(--ak-editor--line-length), min(var(--ak-editor--breakout-wide-layout-width), calc(100cqw - var(--ak-editor--breakout-full-page-guttering-padding))))`;
|
|
@@ -1,6 +1,7 @@
|
|
|
1
|
-
import { browser } from '@atlaskit/editor-common/browser';
|
|
1
|
+
import { browser as browserLegacy, getBrowserInfo } from '@atlaskit/editor-common/browser';
|
|
2
2
|
import { NodeSelection, TextSelection } from '@atlaskit/editor-prosemirror/state';
|
|
3
3
|
import { akEditorDefaultLayoutWidth, akEditorFullWidthLayoutWidth } from '@atlaskit/editor-shared-styles';
|
|
4
|
+
import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
|
|
4
5
|
import { setBreakoutWidth } from '../editor-commands/set-breakout-width';
|
|
5
6
|
const KEYBOARD_RESIZE_STEP = 10;
|
|
6
7
|
const getAncestorResizableNode = (view, breakoutResizableNodes) => {
|
|
@@ -32,6 +33,7 @@ const getAncestorResizableNode = (view, breakoutResizableNodes) => {
|
|
|
32
33
|
return null;
|
|
33
34
|
};
|
|
34
35
|
export const handleKeyDown = api => (view, event) => {
|
|
36
|
+
const browser = expValEquals('platform_editor_hydratable_ui', 'isEnabled', true) ? getBrowserInfo() : browserLegacy;
|
|
35
37
|
const metaKey = browser.mac ? event.metaKey : event.ctrlKey;
|
|
36
38
|
const isBracketKey = event.code === 'BracketRight' || event.code === 'BracketLeft';
|
|
37
39
|
if (metaKey && event.altKey && isBracketKey) {
|
|
@@ -12,7 +12,6 @@ import { BreakoutCssClassName } from '@atlaskit/editor-common/styles';
|
|
|
12
12
|
import { usePluginStateEffect } from '@atlaskit/editor-common/use-plugin-state-effect';
|
|
13
13
|
import { useSharedPluginStateSelector } from '@atlaskit/editor-common/use-shared-plugin-state-selector';
|
|
14
14
|
import { akEditorSwoopCubicBezier } from '@atlaskit/editor-shared-styles';
|
|
15
|
-
import { fg } from '@atlaskit/platform-feature-flags';
|
|
16
15
|
import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
|
|
17
16
|
import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
|
|
18
17
|
import { pluginKey } from './pm-plugins/plugin-key';
|
|
@@ -50,7 +49,7 @@ mark, view, appearance) {
|
|
|
50
49
|
contentDOM.style.minWidth = "max(var(--ak-editor--line-length), min(var(--ak-editor--full-width-layout-width), calc(100cqw - var(--ak-editor--breakout-full-page-guttering-padding))))";
|
|
51
50
|
}
|
|
52
51
|
if (mark.attrs.mode === 'wide') {
|
|
53
|
-
if (appearance && appearance === 'full-width' && editorExperiment('single_column_layouts', true) &&
|
|
52
|
+
if (appearance && appearance === 'full-width' && editorExperiment('single_column_layouts', true) && true) {
|
|
54
53
|
contentDOM.style.minWidth = "min(var(--ak-editor--breakout-wide-layout-width), calc(100cqw - var(--ak-editor--breakout-full-page-guttering-padding)))";
|
|
55
54
|
} else {
|
|
56
55
|
contentDOM.style.minWidth = "max(var(--ak-editor--line-length), min(var(--ak-editor--breakout-wide-layout-width), calc(100cqw - var(--ak-editor--breakout-full-page-guttering-padding))))";
|
|
@@ -1,6 +1,7 @@
|
|
|
1
|
-
import { browser } from '@atlaskit/editor-common/browser';
|
|
1
|
+
import { browser as browserLegacy, getBrowserInfo } from '@atlaskit/editor-common/browser';
|
|
2
2
|
import { NodeSelection, TextSelection } from '@atlaskit/editor-prosemirror/state';
|
|
3
3
|
import { akEditorDefaultLayoutWidth, akEditorFullWidthLayoutWidth } from '@atlaskit/editor-shared-styles';
|
|
4
|
+
import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
|
|
4
5
|
import { setBreakoutWidth } from '../editor-commands/set-breakout-width';
|
|
5
6
|
var KEYBOARD_RESIZE_STEP = 10;
|
|
6
7
|
var getAncestorResizableNode = function getAncestorResizableNode(view, breakoutResizableNodes) {
|
|
@@ -33,6 +34,7 @@ var getAncestorResizableNode = function getAncestorResizableNode(view, breakoutR
|
|
|
33
34
|
};
|
|
34
35
|
export var handleKeyDown = function handleKeyDown(api) {
|
|
35
36
|
return function (view, event) {
|
|
37
|
+
var browser = expValEquals('platform_editor_hydratable_ui', 'isEnabled', true) ? getBrowserInfo() : browserLegacy;
|
|
36
38
|
var metaKey = browser.mac ? event.metaKey : event.ctrlKey;
|
|
37
39
|
var isBracketKey = event.code === 'BracketRight' || event.code === 'BracketLeft';
|
|
38
40
|
if (metaKey && event.altKey && isBracketKey) {
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@atlaskit/editor-plugin-breakout",
|
|
3
|
-
"version": "6.
|
|
3
|
+
"version": "6.1.1",
|
|
4
4
|
"description": "Breakout plugin for @atlaskit/editor-core",
|
|
5
5
|
"author": "Atlassian Pty Ltd",
|
|
6
6
|
"license": "Apache-2.0",
|
|
@@ -29,8 +29,8 @@
|
|
|
29
29
|
],
|
|
30
30
|
"atlaskit:src": "src/index.ts",
|
|
31
31
|
"dependencies": {
|
|
32
|
-
"@atlaskit/adf-schema": "^51.
|
|
33
|
-
"@atlaskit/editor-plugin-block-controls": "^7.
|
|
32
|
+
"@atlaskit/adf-schema": "^51.3.0",
|
|
33
|
+
"@atlaskit/editor-plugin-block-controls": "^7.3.0",
|
|
34
34
|
"@atlaskit/editor-plugin-editor-disabled": "^6.1.0",
|
|
35
35
|
"@atlaskit/editor-plugin-editor-viewmode": "^8.0.0",
|
|
36
36
|
"@atlaskit/editor-plugin-guideline": "^6.0.0",
|
|
@@ -38,14 +38,14 @@
|
|
|
38
38
|
"@atlaskit/editor-plugin-user-intent": "^4.0.0",
|
|
39
39
|
"@atlaskit/editor-plugin-width": "^7.0.0",
|
|
40
40
|
"@atlaskit/editor-prosemirror": "7.0.0",
|
|
41
|
-
"@atlaskit/editor-shared-styles": "^3.
|
|
41
|
+
"@atlaskit/editor-shared-styles": "^3.8.0",
|
|
42
42
|
"@atlaskit/icon": "^28.5.0",
|
|
43
43
|
"@atlaskit/platform-feature-flags": "^1.1.0",
|
|
44
44
|
"@atlaskit/pragmatic-drag-and-drop": "^1.7.0",
|
|
45
45
|
"@atlaskit/theme": "^21.0.0",
|
|
46
46
|
"@atlaskit/tmp-editor-statsig": "^13.13.0",
|
|
47
47
|
"@atlaskit/tokens": "^7.0.0",
|
|
48
|
-
"@atlaskit/tooltip": "^20.
|
|
48
|
+
"@atlaskit/tooltip": "^20.6.0",
|
|
49
49
|
"@babel/runtime": "^7.0.0",
|
|
50
50
|
"@emotion/react": "^11.7.1",
|
|
51
51
|
"bind-event-listener": "^3.0.0",
|
|
@@ -53,7 +53,7 @@
|
|
|
53
53
|
"uuid": "^3.1.0"
|
|
54
54
|
},
|
|
55
55
|
"peerDependencies": {
|
|
56
|
-
"@atlaskit/editor-common": "^110.
|
|
56
|
+
"@atlaskit/editor-common": "^110.14.0",
|
|
57
57
|
"react": "^18.2.0",
|
|
58
58
|
"react-dom": "^18.2.0",
|
|
59
59
|
"react-intl-next": "npm:react-intl@^5.18.1"
|
|
@@ -61,7 +61,7 @@
|
|
|
61
61
|
"devDependencies": {
|
|
62
62
|
"@af/integration-testing": "workspace:^",
|
|
63
63
|
"@af/visual-regression": "workspace:^",
|
|
64
|
-
"@atlaskit/editor-plugin-code-block": "^8.
|
|
64
|
+
"@atlaskit/editor-plugin-code-block": "^8.1.0",
|
|
65
65
|
"@atlaskit/editor-plugin-composition": "^5.0.0",
|
|
66
66
|
"@atlaskit/editor-plugin-decorations": "^6.1.0",
|
|
67
67
|
"@atlaskit/ssr": "workspace:^",
|
|
@@ -108,9 +108,6 @@
|
|
|
108
108
|
"platform-editor-single-player-expand": {
|
|
109
109
|
"type": "boolean"
|
|
110
110
|
},
|
|
111
|
-
"platform_editor_layout_guideline_full_width_fix": {
|
|
112
|
-
"type": "boolean"
|
|
113
|
-
},
|
|
114
111
|
"platform_editor_breakout_resizing_patch_1": {
|
|
115
112
|
"type": "boolean"
|
|
116
113
|
},
|