@atlaskit/editor-plugin-breakout 16.0.7 → 16.0.9

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,17 @@
1
1
  # @atlaskit/editor-plugin-breakout
2
2
 
3
+ ## 16.0.9
4
+
5
+ ### Patch Changes
6
+
7
+ - Updated dependencies
8
+
9
+ ## 16.0.8
10
+
11
+ ### Patch Changes
12
+
13
+ - Updated dependencies
14
+
3
15
  ## 16.0.7
4
16
 
5
17
  ### Patch Changes
@@ -19,7 +19,7 @@ var _usePluginStateEffect = require("@atlaskit/editor-common/use-plugin-state-ef
19
19
  var _useSharedPluginStateSelector = require("@atlaskit/editor-common/use-shared-plugin-state-selector");
20
20
  var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
21
21
  var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
22
- var _experiments = require("@atlaskit/tmp-editor-statsig/experiments");
22
+ var _editorExperiment = require("@atlaskit/tmp-editor-statsig/editor-experiment");
23
23
  var _pluginKey = require("./pm-plugins/plugin-key");
24
24
  var _resizingPlugin = require("./pm-plugins/resizing-plugin");
25
25
  var _findBreakoutNode = require("./pm-plugins/utils/find-breakout-node");
@@ -49,7 +49,7 @@ mark, view, appearance) {
49
49
  dom.style.display = 'flex';
50
50
  dom.style.justifyContent = 'center';
51
51
  contentDOM.style.transition = "min-width 0.5s ".concat(_editorSharedStyles.akEditorSwoopCubicBezier);
52
- if ((0, _experiments.editorExperiment)('advanced_layouts', true)) {
52
+ if ((0, _editorExperiment.editorExperiment)('advanced_layouts', true)) {
53
53
  if (mark.attrs.width) {
54
54
  contentDOM.style.minWidth = "min(".concat(mark.attrs.width, "px, calc(100cqw - var(--ak-editor--breakout-full-page-guttering-padding)))");
55
55
  } else {
@@ -58,7 +58,7 @@ mark, view, appearance) {
58
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))))";
59
59
  }
60
60
  if (mark.attrs.mode === 'wide') {
61
- if (appearance && appearance === 'full-width' && (0, _experiments.editorExperiment)('single_column_layouts', true) && true) {
61
+ if (appearance && appearance === 'full-width' && (0, _editorExperiment.editorExperiment)('single_column_layouts', true) && true) {
62
62
  contentDOM.style.minWidth = "min(var(--ak-editor--breakout-wide-layout-width), calc(100cqw - var(--ak-editor--breakout-full-page-guttering-padding)))";
63
63
  } else {
64
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))))";
@@ -169,7 +169,7 @@ var LayoutButtonWrapper = function LayoutButtonWrapper(_ref2) {
169
169
  return null;
170
170
  }
171
171
  if (isDragging || isPMDragging) {
172
- if ((0, _experiments.editorExperiment)('advanced_layouts', true)) {
172
+ if ((0, _editorExperiment.editorExperiment)('advanced_layouts', true)) {
173
173
  return null;
174
174
  }
175
175
  }
@@ -10,7 +10,7 @@ var _styles = require("@atlaskit/editor-common/styles");
10
10
  var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
11
11
  var _isExperimentEnabled = require("@atlaskit/platform-feature-experiments/is-experiment-enabled");
12
12
  var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
13
- var _experiments = require("@atlaskit/tmp-editor-statsig/experiments");
13
+ var _editorExperiment = require("@atlaskit/tmp-editor-statsig/editor-experiment");
14
14
  var WIDTHS = {
15
15
  MIN: _editorSharedStyles.akEditorDefaultLayoutWidth,
16
16
  WIDE: _editorSharedStyles.akEditorCalculatedWideLayoutWidth,
@@ -65,7 +65,7 @@ var getGuidelines = exports.getGuidelines = (0, _memoizeOne.default)(function (i
65
65
  }
66
66
  var _ref = getEditorWidth() || {},
67
67
  width = _ref.width;
68
- var padding = width && width <= _editorSharedStyles.akEditorFullPageNarrowBreakout && (0, _experiments.editorExperiment)('platform_editor_preview_panel_responsiveness', true, {
68
+ var padding = width && width <= _editorSharedStyles.akEditorFullPageNarrowBreakout && (0, _editorExperiment.editorExperiment)('platform_editor_preview_panel_responsiveness', true, {
69
69
  exposure: true
70
70
  }) ? _editorSharedStyles.akEditorGutterPaddingReduced : (0, _editorSharedStyles.akEditorGutterPaddingDynamic)();
71
71
  var fullWidth = width ? Math.min(WIDTHS.FULL, width - 2 * padding - _editorSharedStyles.akEditorGutterPadding) : undefined;
@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
6
6
  exports.getResizeHardMax = exports.getResizeContainerWidth = exports.clampWidthToResizeBounds = exports.WIDTHS = void 0;
7
7
  var _constants = require("@atlaskit/editor-shared-styles/constants");
8
8
  var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
9
- var _experiments = require("@atlaskit/tmp-editor-statsig/experiments");
9
+ var _editorExperiment = require("@atlaskit/tmp-editor-statsig/editor-experiment");
10
10
  var WIDTHS = exports.WIDTHS = {
11
11
  FULL: _constants.akEditorFullWidthLayoutWidth,
12
12
  MAX: _constants.akEditorMaxLayoutWidth,
@@ -16,7 +16,7 @@ var WIDTHS = exports.WIDTHS = {
16
16
  var getResizeContainerWidth = exports.getResizeContainerWidth = function getResizeContainerWidth(api) {
17
17
  var _api$width$sharedStat, _api$width$sharedStat2;
18
18
  var editorWidth = (_api$width$sharedStat = api === null || api === void 0 || (_api$width$sharedStat2 = api.width.sharedState) === null || _api$width$sharedStat2 === void 0 || (_api$width$sharedStat2 = _api$width$sharedStat2.currentState()) === null || _api$width$sharedStat2 === void 0 ? void 0 : _api$width$sharedStat2.width) !== null && _api$width$sharedStat !== void 0 ? _api$width$sharedStat : 0;
19
- var padding = editorWidth <= _constants.akEditorFullPageNarrowBreakout && (0, _experiments.editorExperiment)('platform_editor_preview_panel_responsiveness', true, {
19
+ var padding = editorWidth <= _constants.akEditorFullPageNarrowBreakout && (0, _editorExperiment.editorExperiment)('platform_editor_preview_panel_responsiveness', true, {
20
20
  exposure: true
21
21
  }) ? _constants.akEditorGutterPaddingReduced : (0, _constants.akEditorGutterPaddingDynamic)();
22
22
  return editorWidth - 2 * padding - _constants.akEditorGutterPadding;
@@ -4,7 +4,7 @@ Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
6
  exports.isSupportedNodeForBreakout = isSupportedNodeForBreakout;
7
- var _experiments = require("@atlaskit/tmp-editor-statsig/experiments");
7
+ var _editorExperiment = require("@atlaskit/tmp-editor-statsig/editor-experiment");
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, _experiments.editorExperiment)('advanced_layouts', true)) {
16
+ if ((0, _editorExperiment.editorExperiment)('advanced_layouts', true)) {
17
17
  return supportedNodesForBreakoutAdvancedLayouts.indexOf(node.type.name) !== -1;
18
18
  }
19
19
  return supportedNodesForBreakout.indexOf(node.type.name) !== -1;
@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
6
6
  exports.updateExpandedStateNew = exports.updateExpandedState = void 0;
7
7
  var _expand = require("@atlaskit/editor-common/expand");
8
8
  var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
9
- var _experiments = require("@atlaskit/tmp-editor-statsig/experiments");
9
+ var _editorExperiment = require("@atlaskit/tmp-editor-statsig/editor-experiment");
10
10
  var updateExpandedStateNew = exports.updateExpandedStateNew = function updateExpandedStateNew(_ref) {
11
11
  var tr = _ref.tr,
12
12
  node = _ref.node,
@@ -21,7 +21,7 @@ var updateExpandedStateNew = exports.updateExpandedStateNew = function updateExp
21
21
  }
22
22
  };
23
23
  var updateExpandedState = exports.updateExpandedState = function updateExpandedState(tr, node, isLivePage) {
24
- if ((0, _experiments.editorExperiment)('platform_editor_breakout_resizing', true)) {
24
+ if ((0, _editorExperiment.editorExperiment)('platform_editor_breakout_resizing', true)) {
25
25
  updateExpandedStateNew({
26
26
  tr: tr,
27
27
  node: node.node,
@@ -20,7 +20,7 @@ var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
20
20
  var _growHorizontal = _interopRequireDefault(require("@atlaskit/icon/core/grow-horizontal"));
21
21
  var _shrinkHorizontal = _interopRequireDefault(require("@atlaskit/icon/core/shrink-horizontal"));
22
22
  var _constants = require("@atlaskit/theme/constants");
23
- var _experiments = require("@atlaskit/tmp-editor-statsig/experiments");
23
+ var _editorExperiment = require("@atlaskit/tmp-editor-statsig/editor-experiment");
24
24
  var _removeBreakout = require("../editor-commands/remove-breakout");
25
25
  var _setBreakoutMode = require("../editor-commands/set-breakout-mode");
26
26
  var _pluginKey = require("../pm-plugins/plugin-key");
@@ -151,7 +151,7 @@ var LayoutButton = function LayoutButton(_ref) {
151
151
  forcePlacement: true,
152
152
  zIndex: belowOtherPopupsZIndex
153
153
  }, (0, _react2.jsx)("div", {
154
- css: [toolbarButtonWrapperStyles, (0, _experiments.editorExperiment)('platform_editor_preview_panel_responsiveness', true) && toolbarButtonNarrowScreenStyles]
154
+ css: [toolbarButtonWrapperStyles, (0, _editorExperiment.editorExperiment)('platform_editor_preview_panel_responsiveness', true) && toolbarButtonNarrowScreenStyles]
155
155
  }, (0, _react2.jsx)(_uiMenu.ToolbarButton, {
156
156
  title: title,
157
157
  testId: titleMessage.id
@@ -7,7 +7,7 @@ import { usePluginStateEffect } from '@atlaskit/editor-common/use-plugin-state-e
7
7
  import { useSharedPluginStateSelector } from '@atlaskit/editor-common/use-shared-plugin-state-selector';
8
8
  import { akEditorSwoopCubicBezier } from '@atlaskit/editor-shared-styles';
9
9
  import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
10
- import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
10
+ import { editorExperiment } from '@atlaskit/tmp-editor-statsig/editor-experiment';
11
11
  import { pluginKey } from './pm-plugins/plugin-key';
12
12
  import { createResizingPlugin, resizingPluginKey } from './pm-plugins/resizing-plugin';
13
13
  import { findSupportedNodeForBreakout } from './pm-plugins/utils/find-breakout-node';
@@ -3,7 +3,7 @@ import { EXPAND_CONTAINER_PADDING, LAYOUT_COLUMN_PADDING, resizerHandleThumbWidt
3
3
  import { akEditorGutterPaddingDynamic, akEditorGutterPadding, akEditorGutterPaddingReduced, akEditorFullPageNarrowBreakout, akEditorCalculatedWideLayoutWidth, akEditorFullWidthLayoutWidth, akEditorDefaultLayoutWidth, akEditorMaxLayoutWidth } from '@atlaskit/editor-shared-styles';
4
4
  import { isExperimentEnabled } from '@atlaskit/platform-feature-experiments/is-experiment-enabled';
5
5
  import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
6
- import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
6
+ import { editorExperiment } from '@atlaskit/tmp-editor-statsig/editor-experiment';
7
7
  const WIDTHS = {
8
8
  MIN: akEditorDefaultLayoutWidth,
9
9
  WIDE: akEditorCalculatedWideLayoutWidth,
@@ -1,6 +1,6 @@
1
1
  import { akEditorCalculatedWideLayoutWidth, akEditorDefaultLayoutWidth, akEditorFullPageNarrowBreakout, akEditorFullWidthLayoutWidth, akEditorGutterPadding, akEditorGutterPaddingDynamic, akEditorGutterPaddingReduced, akEditorMaxLayoutWidth } from '@atlaskit/editor-shared-styles/constants';
2
2
  import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
3
- import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
3
+ import { editorExperiment } from '@atlaskit/tmp-editor-statsig/editor-experiment';
4
4
  const WIDTHS = {
5
5
  FULL: akEditorFullWidthLayoutWidth,
6
6
  MAX: akEditorMaxLayoutWidth,
@@ -1,4 +1,4 @@
1
- import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
1
+ import { editorExperiment } from '@atlaskit/tmp-editor-statsig/editor-experiment';
2
2
  const supportedNodesForBreakout = ['codeBlock', 'layoutSection', 'expand'];
3
3
  const supportedNodesForBreakoutAdvancedLayouts = ['codeBlock', 'expand'];
4
4
 
@@ -1,6 +1,6 @@
1
1
  import { expandedState } from '@atlaskit/editor-common/expand';
2
2
  import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
3
- import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
3
+ import { editorExperiment } from '@atlaskit/tmp-editor-statsig/editor-experiment';
4
4
  export const updateExpandedStateNew = ({
5
5
  tr,
6
6
  node,
@@ -17,7 +17,7 @@ import { akEditorFullPageNarrowBreakout } from '@atlaskit/editor-shared-styles';
17
17
  import GrowHorizontalIcon from '@atlaskit/icon/core/grow-horizontal';
18
18
  import ShrinkHorizontalIcon from '@atlaskit/icon/core/shrink-horizontal';
19
19
  import { layers } from '@atlaskit/theme/constants';
20
- import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
20
+ import { editorExperiment } from '@atlaskit/tmp-editor-statsig/editor-experiment';
21
21
  import { removeBreakout } from '../editor-commands/remove-breakout';
22
22
  import { setBreakoutMode } from '../editor-commands/set-breakout-mode';
23
23
  import { getPluginState } from '../pm-plugins/plugin-key';
@@ -13,7 +13,7 @@ import { usePluginStateEffect } from '@atlaskit/editor-common/use-plugin-state-e
13
13
  import { useSharedPluginStateSelector } from '@atlaskit/editor-common/use-shared-plugin-state-selector';
14
14
  import { akEditorSwoopCubicBezier } from '@atlaskit/editor-shared-styles';
15
15
  import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
16
- import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
16
+ import { editorExperiment } from '@atlaskit/tmp-editor-statsig/editor-experiment';
17
17
  import { pluginKey } from './pm-plugins/plugin-key';
18
18
  import { createResizingPlugin, resizingPluginKey } from './pm-plugins/resizing-plugin';
19
19
  import { findSupportedNodeForBreakout } from './pm-plugins/utils/find-breakout-node';
@@ -3,7 +3,7 @@ import { EXPAND_CONTAINER_PADDING, LAYOUT_COLUMN_PADDING, resizerHandleThumbWidt
3
3
  import { akEditorGutterPaddingDynamic, akEditorGutterPadding, akEditorGutterPaddingReduced, akEditorFullPageNarrowBreakout, akEditorCalculatedWideLayoutWidth, akEditorFullWidthLayoutWidth, akEditorDefaultLayoutWidth, akEditorMaxLayoutWidth } from '@atlaskit/editor-shared-styles';
4
4
  import { isExperimentEnabled } from '@atlaskit/platform-feature-experiments/is-experiment-enabled';
5
5
  import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
6
- import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
6
+ import { editorExperiment } from '@atlaskit/tmp-editor-statsig/editor-experiment';
7
7
  var WIDTHS = {
8
8
  MIN: akEditorDefaultLayoutWidth,
9
9
  WIDE: akEditorCalculatedWideLayoutWidth,
@@ -1,6 +1,6 @@
1
1
  import { akEditorCalculatedWideLayoutWidth, akEditorDefaultLayoutWidth, akEditorFullPageNarrowBreakout, akEditorFullWidthLayoutWidth, akEditorGutterPadding, akEditorGutterPaddingDynamic, akEditorGutterPaddingReduced, akEditorMaxLayoutWidth } from '@atlaskit/editor-shared-styles/constants';
2
2
  import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
3
- import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
3
+ import { editorExperiment } from '@atlaskit/tmp-editor-statsig/editor-experiment';
4
4
  var WIDTHS = {
5
5
  FULL: akEditorFullWidthLayoutWidth,
6
6
  MAX: akEditorMaxLayoutWidth,
@@ -1,4 +1,4 @@
1
- import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
1
+ import { editorExperiment } from '@atlaskit/tmp-editor-statsig/editor-experiment';
2
2
  var supportedNodesForBreakout = ['codeBlock', 'layoutSection', 'expand'];
3
3
  var supportedNodesForBreakoutAdvancedLayouts = ['codeBlock', 'expand'];
4
4
 
@@ -1,6 +1,6 @@
1
1
  import { expandedState } from '@atlaskit/editor-common/expand';
2
2
  import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
3
- import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
3
+ import { editorExperiment } from '@atlaskit/tmp-editor-statsig/editor-experiment';
4
4
  export var updateExpandedStateNew = function updateExpandedStateNew(_ref) {
5
5
  var tr = _ref.tr,
6
6
  node = _ref.node,
@@ -18,7 +18,7 @@ import { akEditorFullPageNarrowBreakout } from '@atlaskit/editor-shared-styles';
18
18
  import GrowHorizontalIcon from '@atlaskit/icon/core/grow-horizontal';
19
19
  import ShrinkHorizontalIcon from '@atlaskit/icon/core/shrink-horizontal';
20
20
  import { layers } from '@atlaskit/theme/constants';
21
- import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
21
+ import { editorExperiment } from '@atlaskit/tmp-editor-statsig/editor-experiment';
22
22
  import { removeBreakout } from '../editor-commands/remove-breakout';
23
23
  import { setBreakoutMode } from '../editor-commands/set-breakout-mode';
24
24
  import { getPluginState } from '../pm-plugins/plugin-key';
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/editor-plugin-breakout",
3
- "version": "16.0.7",
3
+ "version": "16.0.9",
4
4
  "description": "Breakout plugin for @atlaskit/editor-core",
5
5
  "author": "Atlassian Pty Ltd",
6
6
  "license": "Apache-2.0",
@@ -22,23 +22,23 @@
22
22
  "atlaskit:src": "src/index.ts",
23
23
  "dependencies": {
24
24
  "@atlaskit/adf-schema": "^57.2.0",
25
- "@atlaskit/editor-plugin-block-controls": "^17.2.0",
26
- "@atlaskit/editor-plugin-editor-disabled": "^16.0.0",
25
+ "@atlaskit/editor-plugin-block-controls": "^17.3.0",
26
+ "@atlaskit/editor-plugin-editor-disabled": "^16.1.0",
27
27
  "@atlaskit/editor-plugin-editor-viewmode": "^18.0.0",
28
- "@atlaskit/editor-plugin-guideline": "^16.0.0",
28
+ "@atlaskit/editor-plugin-guideline": "^16.1.0",
29
29
  "@atlaskit/editor-plugin-interaction": "^27.0.0",
30
30
  "@atlaskit/editor-plugin-user-intent": "^14.0.0",
31
- "@atlaskit/editor-plugin-width": "^17.0.0",
31
+ "@atlaskit/editor-plugin-width": "^17.1.0",
32
32
  "@atlaskit/editor-prosemirror": "^8.0.0",
33
- "@atlaskit/editor-shared-styles": "^4.0.0",
34
- "@atlaskit/icon": "^37.5.0",
33
+ "@atlaskit/editor-shared-styles": "^4.1.0",
34
+ "@atlaskit/icon": "^37.6.0",
35
35
  "@atlaskit/platform-feature-experiments": "^0.3.0",
36
- "@atlaskit/platform-feature-flags": "^2.1.0",
37
- "@atlaskit/pragmatic-drag-and-drop": "^3.0.0",
38
- "@atlaskit/theme": "^28.1.0",
39
- "@atlaskit/tmp-editor-statsig": "^167.0.0",
40
- "@atlaskit/tokens": "^16.9.0",
41
- "@atlaskit/tooltip": "^24.2.0",
36
+ "@atlaskit/platform-feature-flags": "^2.2.0",
37
+ "@atlaskit/pragmatic-drag-and-drop": "^3.1.0",
38
+ "@atlaskit/theme": "^28.2.0",
39
+ "@atlaskit/tmp-editor-statsig": "^169.0.0",
40
+ "@atlaskit/tokens": "^16.10.0",
41
+ "@atlaskit/tooltip": "^24.3.0",
42
42
  "@babel/runtime": "^7.0.0",
43
43
  "@emotion/react": "^11.7.1",
44
44
  "bind-event-listener": "^3.0.0",
@@ -46,7 +46,7 @@
46
46
  "uuid": "^3.1.0"
47
47
  },
48
48
  "peerDependencies": {
49
- "@atlaskit/editor-common": "^120.7.0",
49
+ "@atlaskit/editor-common": "^120.10.0",
50
50
  "react": "^18.2.0 || ^19.2.0",
51
51
  "react-dom": "^18.2.0 || ^19.2.0",
52
52
  "react-intl": "^5.25.1 || ^6.0.0 || ^7.0.0"