@atlaskit/editor-plugin-breakout 7.0.13 → 7.0.14
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
CHANGED
|
@@ -1,5 +1,13 @@
|
|
|
1
1
|
# @atlaskit/editor-plugin-breakout
|
|
2
2
|
|
|
3
|
+
## 7.0.14
|
|
4
|
+
|
|
5
|
+
### Patch Changes
|
|
6
|
+
|
|
7
|
+
- [`edbbd04a0a2b8`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/edbbd04a0a2b8) -
|
|
8
|
+
Remove platform_editor_breakout_resizing_vc90_fix feature flag - feature has been shipped
|
|
9
|
+
- Updated dependencies
|
|
10
|
+
|
|
3
11
|
## 7.0.13
|
|
4
12
|
|
|
5
13
|
### Patch Changes
|
|
@@ -9,7 +9,6 @@ var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/cl
|
|
|
9
9
|
var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
|
|
10
10
|
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
11
11
|
var _styles = require("@atlaskit/editor-common/styles");
|
|
12
|
-
var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
|
|
13
12
|
var _pragmaticResizer = require("./pragmatic-resizer");
|
|
14
13
|
var _resizerCallbacks = require("./resizer-callbacks");
|
|
15
14
|
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; }
|
|
@@ -48,27 +47,14 @@ var ResizingMarkView = exports.ResizingMarkView = /*#__PURE__*/function () {
|
|
|
48
47
|
// contentDOM - styles
|
|
49
48
|
contentDOM.style.gridColumn = '2';
|
|
50
49
|
contentDOM.style.zIndex = '1';
|
|
51
|
-
if (
|
|
52
|
-
|
|
53
|
-
dom.style.gridTemplateColumns = "auto max(var(--ak-editor--breakout-min-width), min(var(".concat(LOCAL_RESIZE_PROPERTY, ", ").concat(mark.attrs.width, "px), var(--ak-editor--breakout-fallback-width))) auto");
|
|
54
|
-
} else {
|
|
55
|
-
if (mark.attrs.mode === 'wide') {
|
|
56
|
-
contentDOM.style.width = "max(var(--ak-editor--line-length), min(var(".concat(LOCAL_RESIZE_PROPERTY, ", var(--ak-editor--breakout-wide-layout-width)), calc(100cqw - var(--ak-editor--breakout-full-page-guttering-padding))))");
|
|
57
|
-
}
|
|
58
|
-
if (mark.attrs.mode === 'full-width') {
|
|
59
|
-
contentDOM.style.width = "max(var(--ak-editor--line-length), min(var(".concat(LOCAL_RESIZE_PROPERTY, ", var(--ak-editor--full-width-layout-width)), calc(100cqw - var(--ak-editor--breakout-full-page-guttering-padding))))");
|
|
60
|
-
}
|
|
61
|
-
}
|
|
50
|
+
if (mark.attrs.width) {
|
|
51
|
+
dom.style.gridTemplateColumns = "auto max(var(--ak-editor--breakout-min-width), min(var(".concat(LOCAL_RESIZE_PROPERTY, ", ").concat(mark.attrs.width, "px), var(--ak-editor--breakout-fallback-width))) auto");
|
|
62
52
|
} else {
|
|
63
|
-
if (mark.attrs.
|
|
64
|
-
|
|
65
|
-
}
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
}
|
|
69
|
-
if (mark.attrs.mode === 'full-width') {
|
|
70
|
-
contentDOM.style.width = "max(var(--ak-editor--line-length), min(var(".concat(LOCAL_RESIZE_PROPERTY, ", var(--ak-editor--full-width-layout-width)), calc(100cqw - var(--ak-editor--breakout-full-page-guttering-padding))))");
|
|
71
|
-
}
|
|
53
|
+
if (mark.attrs.mode === 'wide') {
|
|
54
|
+
contentDOM.style.width = "max(var(--ak-editor--line-length), min(var(".concat(LOCAL_RESIZE_PROPERTY, ", var(--ak-editor--breakout-wide-layout-width)), calc(100cqw - var(--ak-editor--breakout-full-page-guttering-padding))))");
|
|
55
|
+
}
|
|
56
|
+
if (mark.attrs.mode === 'full-width') {
|
|
57
|
+
contentDOM.style.width = "max(var(--ak-editor--line-length), min(var(".concat(LOCAL_RESIZE_PROPERTY, ", var(--ak-editor--full-width-layout-width)), calc(100cqw - var(--ak-editor--breakout-full-page-guttering-padding))))");
|
|
72
58
|
}
|
|
73
59
|
}
|
|
74
60
|
dom.appendChild(contentDOM);
|
|
@@ -1,6 +1,5 @@
|
|
|
1
1
|
import _defineProperty from "@babel/runtime/helpers/defineProperty";
|
|
2
2
|
import { BreakoutCssClassName } from '@atlaskit/editor-common/styles';
|
|
3
|
-
import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
|
|
4
3
|
import { createPragmaticResizer } from './pragmatic-resizer';
|
|
5
4
|
import { createResizerCallbacks } from './resizer-callbacks';
|
|
6
5
|
export const LOCAL_RESIZE_PROPERTY = '--local-resizing-width';
|
|
@@ -34,27 +33,14 @@ export class ResizingMarkView {
|
|
|
34
33
|
// contentDOM - styles
|
|
35
34
|
contentDOM.style.gridColumn = '2';
|
|
36
35
|
contentDOM.style.zIndex = '1';
|
|
37
|
-
if (
|
|
38
|
-
|
|
39
|
-
dom.style.gridTemplateColumns = `auto max(var(--ak-editor--breakout-min-width), min(var(${LOCAL_RESIZE_PROPERTY}, ${mark.attrs.width}px), var(--ak-editor--breakout-fallback-width))) auto`;
|
|
40
|
-
} else {
|
|
41
|
-
if (mark.attrs.mode === 'wide') {
|
|
42
|
-
contentDOM.style.width = `max(var(--ak-editor--line-length), min(var(${LOCAL_RESIZE_PROPERTY}, var(--ak-editor--breakout-wide-layout-width)), calc(100cqw - var(--ak-editor--breakout-full-page-guttering-padding))))`;
|
|
43
|
-
}
|
|
44
|
-
if (mark.attrs.mode === 'full-width') {
|
|
45
|
-
contentDOM.style.width = `max(var(--ak-editor--line-length), min(var(${LOCAL_RESIZE_PROPERTY}, var(--ak-editor--full-width-layout-width)), calc(100cqw - var(--ak-editor--breakout-full-page-guttering-padding))))`;
|
|
46
|
-
}
|
|
47
|
-
}
|
|
36
|
+
if (mark.attrs.width) {
|
|
37
|
+
dom.style.gridTemplateColumns = `auto max(var(--ak-editor--breakout-min-width), min(var(${LOCAL_RESIZE_PROPERTY}, ${mark.attrs.width}px), var(--ak-editor--breakout-fallback-width))) auto`;
|
|
48
38
|
} else {
|
|
49
|
-
if (mark.attrs.
|
|
50
|
-
|
|
51
|
-
}
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
}
|
|
55
|
-
if (mark.attrs.mode === 'full-width') {
|
|
56
|
-
contentDOM.style.width = `max(var(--ak-editor--line-length), min(var(${LOCAL_RESIZE_PROPERTY}, var(--ak-editor--full-width-layout-width)), calc(100cqw - var(--ak-editor--breakout-full-page-guttering-padding))))`;
|
|
57
|
-
}
|
|
39
|
+
if (mark.attrs.mode === 'wide') {
|
|
40
|
+
contentDOM.style.width = `max(var(--ak-editor--line-length), min(var(${LOCAL_RESIZE_PROPERTY}, var(--ak-editor--breakout-wide-layout-width)), calc(100cqw - var(--ak-editor--breakout-full-page-guttering-padding))))`;
|
|
41
|
+
}
|
|
42
|
+
if (mark.attrs.mode === 'full-width') {
|
|
43
|
+
contentDOM.style.width = `max(var(--ak-editor--line-length), min(var(${LOCAL_RESIZE_PROPERTY}, var(--ak-editor--full-width-layout-width)), calc(100cqw - var(--ak-editor--breakout-full-page-guttering-padding))))`;
|
|
58
44
|
}
|
|
59
45
|
}
|
|
60
46
|
dom.appendChild(contentDOM);
|
|
@@ -4,7 +4,6 @@ import _defineProperty from "@babel/runtime/helpers/defineProperty";
|
|
|
4
4
|
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; }
|
|
5
5
|
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) { _defineProperty(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; }
|
|
6
6
|
import { BreakoutCssClassName } from '@atlaskit/editor-common/styles';
|
|
7
|
-
import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
|
|
8
7
|
import { createPragmaticResizer } from './pragmatic-resizer';
|
|
9
8
|
import { createResizerCallbacks } from './resizer-callbacks';
|
|
10
9
|
export var LOCAL_RESIZE_PROPERTY = '--local-resizing-width';
|
|
@@ -41,27 +40,14 @@ export var ResizingMarkView = /*#__PURE__*/function () {
|
|
|
41
40
|
// contentDOM - styles
|
|
42
41
|
contentDOM.style.gridColumn = '2';
|
|
43
42
|
contentDOM.style.zIndex = '1';
|
|
44
|
-
if (
|
|
45
|
-
|
|
46
|
-
dom.style.gridTemplateColumns = "auto max(var(--ak-editor--breakout-min-width), min(var(".concat(LOCAL_RESIZE_PROPERTY, ", ").concat(mark.attrs.width, "px), var(--ak-editor--breakout-fallback-width))) auto");
|
|
47
|
-
} else {
|
|
48
|
-
if (mark.attrs.mode === 'wide') {
|
|
49
|
-
contentDOM.style.width = "max(var(--ak-editor--line-length), min(var(".concat(LOCAL_RESIZE_PROPERTY, ", var(--ak-editor--breakout-wide-layout-width)), calc(100cqw - var(--ak-editor--breakout-full-page-guttering-padding))))");
|
|
50
|
-
}
|
|
51
|
-
if (mark.attrs.mode === 'full-width') {
|
|
52
|
-
contentDOM.style.width = "max(var(--ak-editor--line-length), min(var(".concat(LOCAL_RESIZE_PROPERTY, ", var(--ak-editor--full-width-layout-width)), calc(100cqw - var(--ak-editor--breakout-full-page-guttering-padding))))");
|
|
53
|
-
}
|
|
54
|
-
}
|
|
43
|
+
if (mark.attrs.width) {
|
|
44
|
+
dom.style.gridTemplateColumns = "auto max(var(--ak-editor--breakout-min-width), min(var(".concat(LOCAL_RESIZE_PROPERTY, ", ").concat(mark.attrs.width, "px), var(--ak-editor--breakout-fallback-width))) auto");
|
|
55
45
|
} else {
|
|
56
|
-
if (mark.attrs.
|
|
57
|
-
|
|
58
|
-
}
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
}
|
|
62
|
-
if (mark.attrs.mode === 'full-width') {
|
|
63
|
-
contentDOM.style.width = "max(var(--ak-editor--line-length), min(var(".concat(LOCAL_RESIZE_PROPERTY, ", var(--ak-editor--full-width-layout-width)), calc(100cqw - var(--ak-editor--breakout-full-page-guttering-padding))))");
|
|
64
|
-
}
|
|
46
|
+
if (mark.attrs.mode === 'wide') {
|
|
47
|
+
contentDOM.style.width = "max(var(--ak-editor--line-length), min(var(".concat(LOCAL_RESIZE_PROPERTY, ", var(--ak-editor--breakout-wide-layout-width)), calc(100cqw - var(--ak-editor--breakout-full-page-guttering-padding))))");
|
|
48
|
+
}
|
|
49
|
+
if (mark.attrs.mode === 'full-width') {
|
|
50
|
+
contentDOM.style.width = "max(var(--ak-editor--line-length), min(var(".concat(LOCAL_RESIZE_PROPERTY, ", var(--ak-editor--full-width-layout-width)), calc(100cqw - var(--ak-editor--breakout-full-page-guttering-padding))))");
|
|
65
51
|
}
|
|
66
52
|
}
|
|
67
53
|
dom.appendChild(contentDOM);
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@atlaskit/editor-plugin-breakout",
|
|
3
|
-
"version": "7.0.
|
|
3
|
+
"version": "7.0.14",
|
|
4
4
|
"description": "Breakout plugin for @atlaskit/editor-core",
|
|
5
5
|
"author": "Atlassian Pty Ltd",
|
|
6
6
|
"license": "Apache-2.0",
|
|
@@ -43,7 +43,7 @@
|
|
|
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
|
-
"@atlaskit/tmp-editor-statsig": "^
|
|
46
|
+
"@atlaskit/tmp-editor-statsig": "^25.0.0",
|
|
47
47
|
"@atlaskit/tokens": "^11.0.0",
|
|
48
48
|
"@atlaskit/tooltip": "^20.14.0",
|
|
49
49
|
"@babel/runtime": "^7.0.0",
|