@atlaskit/editor-plugin-breakout 3.1.6 → 3.1.8

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.
Files changed (5) hide show
  1. package/CHANGELOG.md +17 -0
  2. package/dist/cjs/pm-plugins/resizing-mark-view.js +13 -1
  3. package/dist/es2019/pm-plugins/resizing-mark-view.js +13 -1
  4. package/dist/esm/pm-plugins/resizing-mark-view.js +13 -1
  5. package/package.json +5 -5
package/CHANGELOG.md CHANGED
@@ -1,5 +1,22 @@
1
1
  # @atlaskit/editor-plugin-breakout
2
2
 
3
+ ## 3.1.8
4
+
5
+ ### Patch Changes
6
+
7
+ - [`57b19274b9fdd`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/57b19274b9fdd) -
8
+ EDITOR-1373 Bump adf-schema version
9
+ - Updated dependencies
10
+
11
+ ## 3.1.7
12
+
13
+ ### Patch Changes
14
+
15
+ - [`205cf133d4d59`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/205cf133d4d59) -
16
+ [ux] Update max width for breakout to be the same as for non-breakout nodes to fix vc90 regression
17
+ behind platform_editor_breakout_resizing_vc90_fix and platform_editor_breakout_resizing
18
+ - Updated dependencies
19
+
3
20
  ## 3.1.6
4
21
 
5
22
  ### Patch Changes
package/dist/cjs/pm-plugins/resizing-mark-view.js CHANGED
@@ -10,6 +10,7 @@ var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/creat
10
10
  var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
11
11
  var _styles = require("@atlaskit/editor-common/styles");
12
12
  var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
13
+ var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
13
14
  var _pragmaticResizer = require("./pragmatic-resizer");
14
15
  var _resizerCallbacks = require("./resizer-callbacks");
15
16
  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; }
@@ -51,7 +52,18 @@ var ResizingMarkView = exports.ResizingMarkView = /*#__PURE__*/function () {
51
52
  contentDOM.style.gridColumn = '1';
52
53
  }
53
54
  contentDOM.style.zIndex = '1';
54
- if ((0, _platformFeatureFlags.fg)('platform_editor_breakout_resizing_width_changes')) {
55
+ if ((0, _expValEquals.expValEquals)('platform_editor_breakout_resizing_vc90_fix', 'isEnabled', true) && (0, _platformFeatureFlags.fg)('platform_editor_breakout_resizing_width_changes')) {
56
+ if (mark.attrs.width) {
57
+ 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");
58
+ } else {
59
+ if (mark.attrs.mode === 'wide') {
60
+ 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))))");
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
+ }
65
+ }
66
+ } else if ((0, _platformFeatureFlags.fg)('platform_editor_breakout_resizing_width_changes')) {
55
67
  if (mark.attrs.width) {
56
68
  dom.style.gridTemplateColumns = "auto min(var(".concat(LOCAL_RESIZE_PROPERTY, ", ").concat(mark.attrs.width, "px), var(--ak-editor--breakout-fallback-width)) auto");
57
69
  } else {
package/dist/es2019/pm-plugins/resizing-mark-view.js CHANGED
@@ -1,6 +1,7 @@
1
1
  import _defineProperty from "@babel/runtime/helpers/defineProperty";
2
2
  import { BreakoutCssClassName } from '@atlaskit/editor-common/styles';
3
3
  import { fg } from '@atlaskit/platform-feature-flags';
4
+ import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
4
5
  import { createPragmaticResizer } from './pragmatic-resizer';
5
6
  import { createResizerCallbacks } from './resizer-callbacks';
6
7
  export const LOCAL_RESIZE_PROPERTY = '--local-resizing-width';
@@ -38,7 +39,18 @@ export class ResizingMarkView {
38
39
  contentDOM.style.gridColumn = '1';
39
40
  }
40
41
  contentDOM.style.zIndex = '1';
41
- if (fg('platform_editor_breakout_resizing_width_changes')) {
42
+ if (expValEquals('platform_editor_breakout_resizing_vc90_fix', 'isEnabled', true) && fg('platform_editor_breakout_resizing_width_changes')) {
43
+ if (mark.attrs.width) {
44
+ 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`;
45
+ } else {
46
+ if (mark.attrs.mode === 'wide') {
47
+ 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))))`;
48
+ }
49
+ if (mark.attrs.mode === 'full-width') {
50
+ 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))))`;
51
+ }
52
+ }
53
+ } else if (fg('platform_editor_breakout_resizing_width_changes')) {
42
54
  if (mark.attrs.width) {
43
55
  dom.style.gridTemplateColumns = `auto min(var(${LOCAL_RESIZE_PROPERTY}, ${mark.attrs.width}px), var(--ak-editor--breakout-fallback-width)) auto`;
44
56
  } else {
package/dist/esm/pm-plugins/resizing-mark-view.js CHANGED
@@ -5,6 +5,7 @@ function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbol
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
7
  import { fg } from '@atlaskit/platform-feature-flags';
8
+ import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
8
9
  import { createPragmaticResizer } from './pragmatic-resizer';
9
10
  import { createResizerCallbacks } from './resizer-callbacks';
10
11
  export var LOCAL_RESIZE_PROPERTY = '--local-resizing-width';
@@ -44,7 +45,18 @@ export var ResizingMarkView = /*#__PURE__*/function () {
44
45
  contentDOM.style.gridColumn = '1';
45
46
  }
46
47
  contentDOM.style.zIndex = '1';
47
- if (fg('platform_editor_breakout_resizing_width_changes')) {
48
+ if (expValEquals('platform_editor_breakout_resizing_vc90_fix', 'isEnabled', true) && fg('platform_editor_breakout_resizing_width_changes')) {
49
+ if (mark.attrs.width) {
50
+ 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");
51
+ } else {
52
+ if (mark.attrs.mode === 'wide') {
53
+ 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))))");
54
+ }
55
+ if (mark.attrs.mode === 'full-width') {
56
+ 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))))");
57
+ }
58
+ }
59
+ } else if (fg('platform_editor_breakout_resizing_width_changes')) {
48
60
  if (mark.attrs.width) {
49
61
  dom.style.gridTemplateColumns = "auto min(var(".concat(LOCAL_RESIZE_PROPERTY, ", ").concat(mark.attrs.width, "px), var(--ak-editor--breakout-fallback-width)) auto");
50
62
  } else {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/editor-plugin-breakout",
3
- "version": "3.1.6",
3
+ "version": "3.1.8",
4
4
  "description": "Breakout plugin for @atlaskit/editor-core",
5
5
  "author": "Atlassian Pty Ltd",
6
6
  "license": "Apache-2.0",
@@ -32,8 +32,8 @@
32
32
  ".": "./src/index.ts"
33
33
  },
34
34
  "dependencies": {
35
- "@atlaskit/adf-schema": "^50.2.0",
36
- "@atlaskit/editor-plugin-block-controls": "^4.1.0",
35
+ "@atlaskit/adf-schema": "^50.2.1",
36
+ "@atlaskit/editor-plugin-block-controls": "^4.2.0",
37
37
  "@atlaskit/editor-plugin-editor-disabled": "^3.0.0",
38
38
  "@atlaskit/editor-plugin-editor-viewmode": "^5.0.0",
39
39
  "@atlaskit/editor-plugin-guideline": "^3.0.0",
@@ -46,7 +46,7 @@
46
46
  "@atlaskit/platform-feature-flags": "^1.1.0",
47
47
  "@atlaskit/pragmatic-drag-and-drop": "^1.7.0",
48
48
  "@atlaskit/theme": "^19.0.0",
49
- "@atlaskit/tmp-editor-statsig": "^11.0.0",
49
+ "@atlaskit/tmp-editor-statsig": "^11.3.0",
50
50
  "@atlaskit/tokens": "^6.0.0",
51
51
  "@atlaskit/tooltip": "^20.4.0",
52
52
  "@babel/runtime": "^7.0.0",
@@ -56,7 +56,7 @@
56
56
  "uuid": "^3.1.0"
57
57
  },
58
58
  "peerDependencies": {
59
- "@atlaskit/editor-common": "^107.25.0",
59
+ "@atlaskit/editor-common": "^107.26.0",
60
60
  "react": "^18.2.0",
61
61
  "react-dom": "^18.2.0",
62
62
  "react-intl-next": "npm:react-intl@^5.18.1"