@atlaskit/editor-plugin-breakout 1.9.5 → 1.9.7
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 +20 -0
- package/dist/cjs/{plugin.js → breakoutPlugin.js} +3 -3
- package/dist/cjs/{commands → editor-commands}/remove-breakout.js +2 -2
- package/dist/cjs/{commands → editor-commands}/set-breakout-mode.js +2 -2
- package/dist/cjs/index.js +2 -2
- package/dist/cjs/{utils → pm-plugins/utils}/is-supported-node.js +2 -2
- package/dist/cjs/ui/LayoutButton.js +6 -6
- package/dist/es2019/{plugin.js → breakoutPlugin.js} +3 -3
- package/dist/es2019/{commands → editor-commands}/remove-breakout.js +2 -2
- package/dist/es2019/{commands → editor-commands}/set-breakout-mode.js +2 -2
- package/dist/es2019/index.js +1 -1
- package/dist/es2019/{utils → pm-plugins/utils}/is-supported-node.js +2 -2
- package/dist/es2019/ui/LayoutButton.js +6 -6
- package/dist/esm/{plugin.js → breakoutPlugin.js} +3 -3
- package/dist/esm/{commands → editor-commands}/remove-breakout.js +2 -2
- package/dist/esm/{commands → editor-commands}/set-breakout-mode.js +2 -2
- package/dist/esm/index.js +1 -1
- package/dist/esm/{utils → pm-plugins/utils}/is-supported-node.js +2 -2
- package/dist/esm/ui/LayoutButton.js +6 -6
- package/dist/types/breakoutPlugin.d.ts +2 -0
- package/dist/types/{plugin.d.ts → breakoutPluginType.d.ts} +4 -2
- package/dist/types/index.d.ts +2 -3
- package/dist/{types-ts4.5 → types/pm-plugins}/plugin-key.d.ts +1 -1
- package/dist/types-ts4.5/breakoutPlugin.d.ts +2 -0
- package/dist/types-ts4.5/{plugin.d.ts → breakoutPluginType.d.ts} +4 -2
- package/dist/types-ts4.5/index.d.ts +2 -3
- package/dist/{types → types-ts4.5/pm-plugins}/plugin-key.d.ts +1 -1
- package/package.json +8 -8
- package/dist/types/types.d.ts +0 -4
- package/dist/types-ts4.5/types.d.ts +0 -4
- /package/dist/cjs/{types.js → breakoutPluginType.js} +0 -0
- /package/dist/cjs/{plugin-key.js → pm-plugins/plugin-key.js} +0 -0
- /package/dist/cjs/{utils → pm-plugins/utils}/find-breakout-node.js +0 -0
- /package/dist/cjs/{utils → pm-plugins/utils}/get-breakout-mode.js +0 -0
- /package/dist/cjs/{utils → pm-plugins/utils}/is-breakout-mark-allowed.js +0 -0
- /package/dist/cjs/{utils → pm-plugins/utils}/single-player-expand.js +0 -0
- /package/dist/es2019/{types.js → breakoutPluginType.js} +0 -0
- /package/dist/es2019/{plugin-key.js → pm-plugins/plugin-key.js} +0 -0
- /package/dist/es2019/{utils → pm-plugins/utils}/find-breakout-node.js +0 -0
- /package/dist/es2019/{utils → pm-plugins/utils}/get-breakout-mode.js +0 -0
- /package/dist/es2019/{utils → pm-plugins/utils}/is-breakout-mark-allowed.js +0 -0
- /package/dist/es2019/{utils → pm-plugins/utils}/single-player-expand.js +0 -0
- /package/dist/esm/{types.js → breakoutPluginType.js} +0 -0
- /package/dist/esm/{plugin-key.js → pm-plugins/plugin-key.js} +0 -0
- /package/dist/esm/{utils → pm-plugins/utils}/find-breakout-node.js +0 -0
- /package/dist/esm/{utils → pm-plugins/utils}/get-breakout-mode.js +0 -0
- /package/dist/esm/{utils → pm-plugins/utils}/is-breakout-mark-allowed.js +0 -0
- /package/dist/esm/{utils → pm-plugins/utils}/single-player-expand.js +0 -0
- /package/dist/types/{commands → editor-commands}/remove-breakout.d.ts +0 -0
- /package/dist/types/{commands → editor-commands}/set-breakout-mode.d.ts +0 -0
- /package/dist/types/{utils → pm-plugins/utils}/find-breakout-node.d.ts +0 -0
- /package/dist/types/{utils → pm-plugins/utils}/get-breakout-mode.d.ts +0 -0
- /package/dist/types/{utils → pm-plugins/utils}/is-breakout-mark-allowed.d.ts +0 -0
- /package/dist/types/{utils → pm-plugins/utils}/is-supported-node.d.ts +0 -0
- /package/dist/types/{utils → pm-plugins/utils}/single-player-expand.d.ts +0 -0
- /package/dist/types-ts4.5/{commands → editor-commands}/remove-breakout.d.ts +0 -0
- /package/dist/types-ts4.5/{commands → editor-commands}/set-breakout-mode.d.ts +0 -0
- /package/dist/types-ts4.5/{utils → pm-plugins/utils}/find-breakout-node.d.ts +0 -0
- /package/dist/types-ts4.5/{utils → pm-plugins/utils}/get-breakout-mode.d.ts +0 -0
- /package/dist/types-ts4.5/{utils → pm-plugins/utils}/is-breakout-mark-allowed.d.ts +0 -0
- /package/dist/types-ts4.5/{utils → pm-plugins/utils}/is-supported-node.d.ts +0 -0
- /package/dist/types-ts4.5/{utils → pm-plugins/utils}/single-player-expand.d.ts +0 -0
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,25 @@
|
|
|
1
1
|
# @atlaskit/editor-plugin-breakout
|
|
2
2
|
|
|
3
|
+
## 1.9.7
|
|
4
|
+
|
|
5
|
+
### Patch Changes
|
|
6
|
+
|
|
7
|
+
- [#171014](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/171014)
|
|
8
|
+
[`6163248356c63`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/6163248356c63) -
|
|
9
|
+
[ED-25833] Replace the following FGs with experiment `platform_editor_advanced_layouts`
|
|
10
|
+
|
|
11
|
+
- platform_editor_advanced_layouts_breakout_resizing
|
|
12
|
+
- platform_editor_advanced_layouts_pre_release_1
|
|
13
|
+
- platform_editor_advanced_layouts_pre_release_2
|
|
14
|
+
|
|
15
|
+
## 1.9.6
|
|
16
|
+
|
|
17
|
+
### Patch Changes
|
|
18
|
+
|
|
19
|
+
- [#169341](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/169341)
|
|
20
|
+
[`b8cceed0c0786`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/b8cceed0c0786) -
|
|
21
|
+
ED-25806: migrates file structure to editor engineering standards
|
|
22
|
+
|
|
3
23
|
## 1.9.5
|
|
4
24
|
|
|
5
25
|
### Patch Changes
|
|
@@ -17,9 +17,9 @@ var _utils = require("@atlaskit/editor-common/utils");
|
|
|
17
17
|
var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
|
|
18
18
|
var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
|
|
19
19
|
var _experiments = require("@atlaskit/tmp-editor-statsig/experiments");
|
|
20
|
-
var _pluginKey = require("./plugin-key");
|
|
20
|
+
var _pluginKey = require("./pm-plugins/plugin-key");
|
|
21
|
+
var _findBreakoutNode = require("./pm-plugins/utils/find-breakout-node");
|
|
21
22
|
var _LayoutButton = _interopRequireDefault(require("./ui/LayoutButton"));
|
|
22
|
-
var _findBreakoutNode = require("./utils/find-breakout-node");
|
|
23
23
|
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
24
24
|
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
25
25
|
var BreakoutViewOld = /*#__PURE__*/function () {
|
|
@@ -135,7 +135,7 @@ mark, view) {
|
|
|
135
135
|
dom.style.display = 'flex';
|
|
136
136
|
dom.style.justifyContent = 'center';
|
|
137
137
|
contentDOM.style.transition = "min-width 0.5s ".concat(_editorSharedStyles.akEditorSwoopCubicBezier);
|
|
138
|
-
if ((0,
|
|
138
|
+
if ((0, _experiments.editorExperiment)('advanced_layouts', true)) {
|
|
139
139
|
if (mark.attrs.width) {
|
|
140
140
|
contentDOM.style.minWidth = "min(".concat(mark.attrs.width, "px, calc(100cqw - var(--ak-editor--breakout-full-page-guttering-padding)))");
|
|
141
141
|
} else {
|
|
@@ -7,8 +7,8 @@ exports.removeBreakout = removeBreakout;
|
|
|
7
7
|
var _codeBlock = require("@atlaskit/editor-common/code-block");
|
|
8
8
|
var _state = require("@atlaskit/editor-prosemirror/state");
|
|
9
9
|
var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
|
|
10
|
-
var _findBreakoutNode = require("../utils/find-breakout-node");
|
|
11
|
-
var _singlePlayerExpand = require("../utils/single-player-expand");
|
|
10
|
+
var _findBreakoutNode = require("../pm-plugins/utils/find-breakout-node");
|
|
11
|
+
var _singlePlayerExpand = require("../pm-plugins/utils/single-player-expand");
|
|
12
12
|
function removeBreakout(isLivePage) {
|
|
13
13
|
return function (state, dispatch) {
|
|
14
14
|
var node = (0, _findBreakoutNode.findSupportedNodeForBreakout)(state.selection);
|
|
@@ -7,8 +7,8 @@ exports.setBreakoutMode = setBreakoutMode;
|
|
|
7
7
|
var _codeBlock = require("@atlaskit/editor-common/code-block");
|
|
8
8
|
var _state = require("@atlaskit/editor-prosemirror/state");
|
|
9
9
|
var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
|
|
10
|
-
var _findBreakoutNode = require("../utils/find-breakout-node");
|
|
11
|
-
var _singlePlayerExpand = require("../utils/single-player-expand");
|
|
10
|
+
var _findBreakoutNode = require("../pm-plugins/utils/find-breakout-node");
|
|
11
|
+
var _singlePlayerExpand = require("../pm-plugins/utils/single-player-expand");
|
|
12
12
|
function setBreakoutMode(mode, isLivePage) {
|
|
13
13
|
return function (state, dispatch) {
|
|
14
14
|
var node = (0, _findBreakoutNode.findSupportedNodeForBreakout)(state.selection);
|
package/dist/cjs/index.js
CHANGED
|
@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
6
6
|
Object.defineProperty(exports, "breakoutPlugin", {
|
|
7
7
|
enumerable: true,
|
|
8
8
|
get: function get() {
|
|
9
|
-
return
|
|
9
|
+
return _breakoutPlugin.breakoutPlugin;
|
|
10
10
|
}
|
|
11
11
|
});
|
|
12
|
-
var
|
|
12
|
+
var _breakoutPlugin = require("./breakoutPlugin");
|
|
@@ -4,7 +4,7 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.isSupportedNodeForBreakout = isSupportedNodeForBreakout;
|
|
7
|
-
var
|
|
7
|
+
var _experiments = require("@atlaskit/tmp-editor-statsig/experiments");
|
|
8
8
|
var supportedNodesForBreakout = ['codeBlock', 'layoutSection', 'expand'];
|
|
9
9
|
var supportedNodesForBreakoutAdvancedLayouts = ['codeBlock', 'expand'];
|
|
10
10
|
|
|
@@ -13,7 +13,7 @@ var supportedNodesForBreakoutAdvancedLayouts = ['codeBlock', 'expand'];
|
|
|
13
13
|
* @param node Node to check
|
|
14
14
|
*/
|
|
15
15
|
function isSupportedNodeForBreakout(node) {
|
|
16
|
-
if ((0,
|
|
16
|
+
if ((0, _experiments.editorExperiment)('advanced_layouts', true)) {
|
|
17
17
|
return supportedNodesForBreakoutAdvancedLayouts.indexOf(node.type.name) !== -1;
|
|
18
18
|
}
|
|
19
19
|
return supportedNodesForBreakout.indexOf(node.type.name) !== -1;
|
|
@@ -20,12 +20,12 @@ var _collapse = _interopRequireDefault(require("@atlaskit/icon/glyph/editor/coll
|
|
|
20
20
|
var _expand = _interopRequireDefault(require("@atlaskit/icon/glyph/editor/expand"));
|
|
21
21
|
var _colors = require("@atlaskit/theme/colors");
|
|
22
22
|
var _constants = require("@atlaskit/theme/constants");
|
|
23
|
-
var _removeBreakout = require("../commands/remove-breakout");
|
|
24
|
-
var _setBreakoutMode = require("../commands/set-breakout-mode");
|
|
25
|
-
var _pluginKey = require("../plugin-key");
|
|
26
|
-
var _getBreakoutMode = require("../utils/get-breakout-mode");
|
|
27
|
-
var _isBreakoutMarkAllowed = require("../utils/is-breakout-mark-allowed");
|
|
28
|
-
var _isSupportedNode = require("../utils/is-supported-node");
|
|
23
|
+
var _removeBreakout = require("../editor-commands/remove-breakout");
|
|
24
|
+
var _setBreakoutMode = require("../editor-commands/set-breakout-mode");
|
|
25
|
+
var _pluginKey = require("../pm-plugins/plugin-key");
|
|
26
|
+
var _getBreakoutMode = require("../pm-plugins/utils/get-breakout-mode");
|
|
27
|
+
var _isBreakoutMarkAllowed = require("../pm-plugins/utils/is-breakout-mark-allowed");
|
|
28
|
+
var _isSupportedNode = require("../pm-plugins/utils/is-supported-node");
|
|
29
29
|
/**
|
|
30
30
|
* @jsxRuntime classic
|
|
31
31
|
* @jsx jsx
|
|
@@ -8,9 +8,9 @@ import { calcBreakoutWidthPx } from '@atlaskit/editor-common/utils';
|
|
|
8
8
|
import { akEditorGutterPaddingDynamic, akEditorSwoopCubicBezier } from '@atlaskit/editor-shared-styles';
|
|
9
9
|
import { fg } from '@atlaskit/platform-feature-flags';
|
|
10
10
|
import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
|
|
11
|
-
import { pluginKey } from './plugin-key';
|
|
11
|
+
import { pluginKey } from './pm-plugins/plugin-key';
|
|
12
|
+
import { findSupportedNodeForBreakout } from './pm-plugins/utils/find-breakout-node';
|
|
12
13
|
import LayoutButton from './ui/LayoutButton';
|
|
13
|
-
import { findSupportedNodeForBreakout } from './utils/find-breakout-node';
|
|
14
14
|
class BreakoutViewOld {
|
|
15
15
|
constructor(
|
|
16
16
|
/**
|
|
@@ -122,7 +122,7 @@ class BreakoutView {
|
|
|
122
122
|
dom.style.display = 'flex';
|
|
123
123
|
dom.style.justifyContent = 'center';
|
|
124
124
|
contentDOM.style.transition = `min-width 0.5s ${akEditorSwoopCubicBezier}`;
|
|
125
|
-
if (
|
|
125
|
+
if (editorExperiment('advanced_layouts', true)) {
|
|
126
126
|
if (mark.attrs.width) {
|
|
127
127
|
contentDOM.style.minWidth = `min(${mark.attrs.width}px, calc(100cqw - var(--ak-editor--breakout-full-page-guttering-padding)))`;
|
|
128
128
|
} else {
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import { transferCodeBlockWrappedValue } from '@atlaskit/editor-common/code-block';
|
|
2
2
|
import { NodeSelection } from '@atlaskit/editor-prosemirror/state';
|
|
3
3
|
import { fg } from '@atlaskit/platform-feature-flags';
|
|
4
|
-
import { findSupportedNodeForBreakout } from '../utils/find-breakout-node';
|
|
5
|
-
import { updateExpandedState } from '../utils/single-player-expand';
|
|
4
|
+
import { findSupportedNodeForBreakout } from '../pm-plugins/utils/find-breakout-node';
|
|
5
|
+
import { updateExpandedState } from '../pm-plugins/utils/single-player-expand';
|
|
6
6
|
export function removeBreakout(isLivePage) {
|
|
7
7
|
return (state, dispatch) => {
|
|
8
8
|
const node = findSupportedNodeForBreakout(state.selection);
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import { transferCodeBlockWrappedValue } from '@atlaskit/editor-common/code-block';
|
|
2
2
|
import { NodeSelection } from '@atlaskit/editor-prosemirror/state';
|
|
3
3
|
import { fg } from '@atlaskit/platform-feature-flags';
|
|
4
|
-
import { findSupportedNodeForBreakout } from '../utils/find-breakout-node';
|
|
5
|
-
import { updateExpandedState } from '../utils/single-player-expand';
|
|
4
|
+
import { findSupportedNodeForBreakout } from '../pm-plugins/utils/find-breakout-node';
|
|
5
|
+
import { updateExpandedState } from '../pm-plugins/utils/single-player-expand';
|
|
6
6
|
export function setBreakoutMode(mode, isLivePage) {
|
|
7
7
|
return (state, dispatch) => {
|
|
8
8
|
const node = findSupportedNodeForBreakout(state.selection);
|
package/dist/es2019/index.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
export { breakoutPlugin } from './
|
|
1
|
+
export { breakoutPlugin } from './breakoutPlugin';
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
|
|
2
2
|
const supportedNodesForBreakout = ['codeBlock', 'layoutSection', 'expand'];
|
|
3
3
|
const supportedNodesForBreakoutAdvancedLayouts = ['codeBlock', 'expand'];
|
|
4
4
|
|
|
@@ -7,7 +7,7 @@ const supportedNodesForBreakoutAdvancedLayouts = ['codeBlock', 'expand'];
|
|
|
7
7
|
* @param node Node to check
|
|
8
8
|
*/
|
|
9
9
|
export function isSupportedNodeForBreakout(node) {
|
|
10
|
-
if (
|
|
10
|
+
if (editorExperiment('advanced_layouts', true)) {
|
|
11
11
|
return supportedNodesForBreakoutAdvancedLayouts.indexOf(node.type.name) !== -1;
|
|
12
12
|
}
|
|
13
13
|
return supportedNodesForBreakout.indexOf(node.type.name) !== -1;
|
|
@@ -19,12 +19,12 @@ import CollapseIcon from '@atlaskit/icon/glyph/editor/collapse';
|
|
|
19
19
|
import ExpandIcon from '@atlaskit/icon/glyph/editor/expand';
|
|
20
20
|
import { B300, N20A, N300 } from '@atlaskit/theme/colors';
|
|
21
21
|
import { layers } from '@atlaskit/theme/constants';
|
|
22
|
-
import { removeBreakout } from '../commands/remove-breakout';
|
|
23
|
-
import { setBreakoutMode } from '../commands/set-breakout-mode';
|
|
24
|
-
import { getPluginState } from '../plugin-key';
|
|
25
|
-
import { getBreakoutMode } from '../utils/get-breakout-mode';
|
|
26
|
-
import { isBreakoutMarkAllowed } from '../utils/is-breakout-mark-allowed';
|
|
27
|
-
import { isSupportedNodeForBreakout } from '../utils/is-supported-node';
|
|
22
|
+
import { removeBreakout } from '../editor-commands/remove-breakout';
|
|
23
|
+
import { setBreakoutMode } from '../editor-commands/set-breakout-mode';
|
|
24
|
+
import { getPluginState } from '../pm-plugins/plugin-key';
|
|
25
|
+
import { getBreakoutMode } from '../pm-plugins/utils/get-breakout-mode';
|
|
26
|
+
import { isBreakoutMarkAllowed } from '../pm-plugins/utils/is-breakout-mark-allowed';
|
|
27
|
+
import { isSupportedNodeForBreakout } from '../pm-plugins/utils/is-supported-node';
|
|
28
28
|
const toolbarButtonWrapperStyles = css({
|
|
29
29
|
// eslint-disable-next-line @atlaskit/design-system/no-nested-styles, @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors -- Ignored via go/DSP-18766
|
|
30
30
|
'&& button': {
|
|
@@ -12,9 +12,9 @@ import { calcBreakoutWidthPx } from '@atlaskit/editor-common/utils';
|
|
|
12
12
|
import { akEditorGutterPaddingDynamic, akEditorSwoopCubicBezier } from '@atlaskit/editor-shared-styles';
|
|
13
13
|
import { fg } from '@atlaskit/platform-feature-flags';
|
|
14
14
|
import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
|
|
15
|
-
import { pluginKey } from './plugin-key';
|
|
15
|
+
import { pluginKey } from './pm-plugins/plugin-key';
|
|
16
|
+
import { findSupportedNodeForBreakout } from './pm-plugins/utils/find-breakout-node';
|
|
16
17
|
import LayoutButton from './ui/LayoutButton';
|
|
17
|
-
import { findSupportedNodeForBreakout } from './utils/find-breakout-node';
|
|
18
18
|
var BreakoutViewOld = /*#__PURE__*/function () {
|
|
19
19
|
function BreakoutViewOld(
|
|
20
20
|
/**
|
|
@@ -128,7 +128,7 @@ mark, view) {
|
|
|
128
128
|
dom.style.display = 'flex';
|
|
129
129
|
dom.style.justifyContent = 'center';
|
|
130
130
|
contentDOM.style.transition = "min-width 0.5s ".concat(akEditorSwoopCubicBezier);
|
|
131
|
-
if (
|
|
131
|
+
if (editorExperiment('advanced_layouts', true)) {
|
|
132
132
|
if (mark.attrs.width) {
|
|
133
133
|
contentDOM.style.minWidth = "min(".concat(mark.attrs.width, "px, calc(100cqw - var(--ak-editor--breakout-full-page-guttering-padding)))");
|
|
134
134
|
} else {
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import { transferCodeBlockWrappedValue } from '@atlaskit/editor-common/code-block';
|
|
2
2
|
import { NodeSelection } from '@atlaskit/editor-prosemirror/state';
|
|
3
3
|
import { fg } from '@atlaskit/platform-feature-flags';
|
|
4
|
-
import { findSupportedNodeForBreakout } from '../utils/find-breakout-node';
|
|
5
|
-
import { updateExpandedState } from '../utils/single-player-expand';
|
|
4
|
+
import { findSupportedNodeForBreakout } from '../pm-plugins/utils/find-breakout-node';
|
|
5
|
+
import { updateExpandedState } from '../pm-plugins/utils/single-player-expand';
|
|
6
6
|
export function removeBreakout(isLivePage) {
|
|
7
7
|
return function (state, dispatch) {
|
|
8
8
|
var node = findSupportedNodeForBreakout(state.selection);
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import { transferCodeBlockWrappedValue } from '@atlaskit/editor-common/code-block';
|
|
2
2
|
import { NodeSelection } from '@atlaskit/editor-prosemirror/state';
|
|
3
3
|
import { fg } from '@atlaskit/platform-feature-flags';
|
|
4
|
-
import { findSupportedNodeForBreakout } from '../utils/find-breakout-node';
|
|
5
|
-
import { updateExpandedState } from '../utils/single-player-expand';
|
|
4
|
+
import { findSupportedNodeForBreakout } from '../pm-plugins/utils/find-breakout-node';
|
|
5
|
+
import { updateExpandedState } from '../pm-plugins/utils/single-player-expand';
|
|
6
6
|
export function setBreakoutMode(mode, isLivePage) {
|
|
7
7
|
return function (state, dispatch) {
|
|
8
8
|
var node = findSupportedNodeForBreakout(state.selection);
|
package/dist/esm/index.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
export { breakoutPlugin } from './
|
|
1
|
+
export { breakoutPlugin } from './breakoutPlugin';
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
|
|
2
2
|
var supportedNodesForBreakout = ['codeBlock', 'layoutSection', 'expand'];
|
|
3
3
|
var supportedNodesForBreakoutAdvancedLayouts = ['codeBlock', 'expand'];
|
|
4
4
|
|
|
@@ -7,7 +7,7 @@ var supportedNodesForBreakoutAdvancedLayouts = ['codeBlock', 'expand'];
|
|
|
7
7
|
* @param node Node to check
|
|
8
8
|
*/
|
|
9
9
|
export function isSupportedNodeForBreakout(node) {
|
|
10
|
-
if (
|
|
10
|
+
if (editorExperiment('advanced_layouts', true)) {
|
|
11
11
|
return supportedNodesForBreakoutAdvancedLayouts.indexOf(node.type.name) !== -1;
|
|
12
12
|
}
|
|
13
13
|
return supportedNodesForBreakout.indexOf(node.type.name) !== -1;
|
|
@@ -19,12 +19,12 @@ import CollapseIcon from '@atlaskit/icon/glyph/editor/collapse';
|
|
|
19
19
|
import ExpandIcon from '@atlaskit/icon/glyph/editor/expand';
|
|
20
20
|
import { B300, N20A, N300 } from '@atlaskit/theme/colors';
|
|
21
21
|
import { layers } from '@atlaskit/theme/constants';
|
|
22
|
-
import { removeBreakout } from '../commands/remove-breakout';
|
|
23
|
-
import { setBreakoutMode } from '../commands/set-breakout-mode';
|
|
24
|
-
import { getPluginState } from '../plugin-key';
|
|
25
|
-
import { getBreakoutMode } from '../utils/get-breakout-mode';
|
|
26
|
-
import { isBreakoutMarkAllowed } from '../utils/is-breakout-mark-allowed';
|
|
27
|
-
import { isSupportedNodeForBreakout } from '../utils/is-supported-node';
|
|
22
|
+
import { removeBreakout } from '../editor-commands/remove-breakout';
|
|
23
|
+
import { setBreakoutMode } from '../editor-commands/set-breakout-mode';
|
|
24
|
+
import { getPluginState } from '../pm-plugins/plugin-key';
|
|
25
|
+
import { getBreakoutMode } from '../pm-plugins/utils/get-breakout-mode';
|
|
26
|
+
import { isBreakoutMarkAllowed } from '../pm-plugins/utils/is-breakout-mark-allowed';
|
|
27
|
+
import { isSupportedNodeForBreakout } from '../pm-plugins/utils/is-supported-node';
|
|
28
28
|
var toolbarButtonWrapperStyles = css({
|
|
29
29
|
// eslint-disable-next-line @atlaskit/design-system/no-nested-styles, @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors -- Ignored via go/DSP-18766
|
|
30
30
|
'&& button': {
|
|
@@ -3,7 +3,10 @@ import { type BlockControlsPlugin } from '@atlaskit/editor-plugin-block-controls
|
|
|
3
3
|
import { type EditorDisabledPlugin } from '@atlaskit/editor-plugin-editor-disabled';
|
|
4
4
|
import type { EditorViewModePlugin } from '@atlaskit/editor-plugin-editor-viewmode';
|
|
5
5
|
import type { WidthPlugin } from '@atlaskit/editor-plugin-width';
|
|
6
|
-
import type {
|
|
6
|
+
import type { ContentNodeWithPos } from '@atlaskit/editor-prosemirror/utils';
|
|
7
|
+
export interface BreakoutPluginState {
|
|
8
|
+
breakoutNode: ContentNodeWithPos | undefined;
|
|
9
|
+
}
|
|
7
10
|
export interface BreakoutPluginOptions {
|
|
8
11
|
allowBreakoutButton?: boolean;
|
|
9
12
|
}
|
|
@@ -17,4 +20,3 @@ export type BreakoutPlugin = NextEditorPlugin<'breakout', {
|
|
|
17
20
|
];
|
|
18
21
|
sharedState: Partial<BreakoutPluginState>;
|
|
19
22
|
}>;
|
|
20
|
-
export declare const breakoutPlugin: BreakoutPlugin;
|
package/dist/types/index.d.ts
CHANGED
|
@@ -1,3 +1,2 @@
|
|
|
1
|
-
export { breakoutPlugin } from './
|
|
2
|
-
export type { BreakoutPlugin, BreakoutPluginOptions } from './
|
|
3
|
-
export type { BreakoutPluginState } from './types';
|
|
1
|
+
export { breakoutPlugin } from './breakoutPlugin';
|
|
2
|
+
export type { BreakoutPlugin, BreakoutPluginOptions, BreakoutPluginState, } from './breakoutPluginType';
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import type { EditorState } from '@atlaskit/editor-prosemirror/state';
|
|
2
2
|
import { PluginKey } from '@atlaskit/editor-prosemirror/state';
|
|
3
|
-
import type { BreakoutPluginState } from '
|
|
3
|
+
import type { BreakoutPluginState } from '../breakoutPluginType';
|
|
4
4
|
export declare const pluginKey: PluginKey<BreakoutPluginState>;
|
|
5
5
|
export declare const getPluginState: (state: EditorState) => BreakoutPluginState | undefined;
|
|
@@ -3,7 +3,10 @@ import { type BlockControlsPlugin } from '@atlaskit/editor-plugin-block-controls
|
|
|
3
3
|
import { type EditorDisabledPlugin } from '@atlaskit/editor-plugin-editor-disabled';
|
|
4
4
|
import type { EditorViewModePlugin } from '@atlaskit/editor-plugin-editor-viewmode';
|
|
5
5
|
import type { WidthPlugin } from '@atlaskit/editor-plugin-width';
|
|
6
|
-
import type {
|
|
6
|
+
import type { ContentNodeWithPos } from '@atlaskit/editor-prosemirror/utils';
|
|
7
|
+
export interface BreakoutPluginState {
|
|
8
|
+
breakoutNode: ContentNodeWithPos | undefined;
|
|
9
|
+
}
|
|
7
10
|
export interface BreakoutPluginOptions {
|
|
8
11
|
allowBreakoutButton?: boolean;
|
|
9
12
|
}
|
|
@@ -17,4 +20,3 @@ export type BreakoutPlugin = NextEditorPlugin<'breakout', {
|
|
|
17
20
|
];
|
|
18
21
|
sharedState: Partial<BreakoutPluginState>;
|
|
19
22
|
}>;
|
|
20
|
-
export declare const breakoutPlugin: BreakoutPlugin;
|
|
@@ -1,3 +1,2 @@
|
|
|
1
|
-
export { breakoutPlugin } from './
|
|
2
|
-
export type { BreakoutPlugin, BreakoutPluginOptions } from './
|
|
3
|
-
export type { BreakoutPluginState } from './types';
|
|
1
|
+
export { breakoutPlugin } from './breakoutPlugin';
|
|
2
|
+
export type { BreakoutPlugin, BreakoutPluginOptions, BreakoutPluginState, } from './breakoutPluginType';
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import type { EditorState } from '@atlaskit/editor-prosemirror/state';
|
|
2
2
|
import { PluginKey } from '@atlaskit/editor-prosemirror/state';
|
|
3
|
-
import type { BreakoutPluginState } from '
|
|
3
|
+
import type { BreakoutPluginState } from '../breakoutPluginType';
|
|
4
4
|
export declare const pluginKey: PluginKey<BreakoutPluginState>;
|
|
5
5
|
export declare const getPluginState: (state: EditorState) => BreakoutPluginState | undefined;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@atlaskit/editor-plugin-breakout",
|
|
3
|
-
"version": "1.9.
|
|
3
|
+
"version": "1.9.7",
|
|
4
4
|
"description": "Breakout plugin for @atlaskit/editor-core",
|
|
5
5
|
"author": "Atlassian Pty Ltd",
|
|
6
6
|
"license": "Apache-2.0",
|
|
@@ -32,18 +32,18 @@
|
|
|
32
32
|
},
|
|
33
33
|
"dependencies": {
|
|
34
34
|
"@atlaskit/adf-schema": "^46.1.0",
|
|
35
|
-
"@atlaskit/editor-common": "^95.
|
|
35
|
+
"@atlaskit/editor-common": "^95.10.0",
|
|
36
36
|
"@atlaskit/editor-plugin-block-controls": "^2.13.0",
|
|
37
37
|
"@atlaskit/editor-plugin-editor-disabled": "^1.3.0",
|
|
38
38
|
"@atlaskit/editor-plugin-editor-viewmode": "^2.1.0",
|
|
39
39
|
"@atlaskit/editor-plugin-width": "^1.3.0",
|
|
40
|
-
"@atlaskit/editor-prosemirror": "6.
|
|
40
|
+
"@atlaskit/editor-prosemirror": "6.2.1",
|
|
41
41
|
"@atlaskit/editor-shared-styles": "^3.2.0",
|
|
42
|
-
"@atlaskit/icon": "^22.
|
|
42
|
+
"@atlaskit/icon": "^22.28.0",
|
|
43
43
|
"@atlaskit/platform-feature-flags": "^0.3.0",
|
|
44
44
|
"@atlaskit/theme": "^14.0.0",
|
|
45
45
|
"@atlaskit/tmp-editor-statsig": "^2.17.0",
|
|
46
|
-
"@atlaskit/tokens": "^2.
|
|
46
|
+
"@atlaskit/tokens": "^2.4.0",
|
|
47
47
|
"@babel/runtime": "^7.0.0",
|
|
48
48
|
"@emotion/react": "^11.7.1"
|
|
49
49
|
},
|
|
@@ -71,6 +71,9 @@
|
|
|
71
71
|
],
|
|
72
72
|
"circular-dependencies": [
|
|
73
73
|
"file-and-folder-level"
|
|
74
|
+
],
|
|
75
|
+
"code-structure": [
|
|
76
|
+
"editor-plugin"
|
|
74
77
|
]
|
|
75
78
|
},
|
|
76
79
|
"@repo/internal": {
|
|
@@ -112,9 +115,6 @@
|
|
|
112
115
|
},
|
|
113
116
|
"platform_editor_breakout_use_css": {
|
|
114
117
|
"type": "boolean"
|
|
115
|
-
},
|
|
116
|
-
"platform_editor_advanced_layouts_breakout_resizing": {
|
|
117
|
-
"type": "boolean"
|
|
118
118
|
}
|
|
119
119
|
}
|
|
120
120
|
}
|
package/dist/types/types.d.ts
DELETED
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|