@atlaskit/editor-plugin-block-controls 15.0.3 → 15.0.4

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 +10 -0
  2. package/dist/cjs/ui/consts.js +13 -2
  3. package/dist/es2019/ui/consts.js +14 -3
  4. package/dist/esm/ui/consts.js +14 -3
  5. package/package.json +5 -4
package/CHANGELOG.md CHANGED
@@ -1,5 +1,15 @@
1
1
  # @atlaskit/editor-plugin-block-controls
2
2
 
3
+ ## 15.0.4
4
+
5
+ ### Patch Changes
6
+
7
+ - [`0cdf73fdf7d3e`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/0cdf73fdf7d3e) -
8
+ [ux] [EDITOR-8273] add breakout resizing to extension nodes behind
9
+ `platform_editor_lovability_resize_extensions` with graceful rendering behind
10
+ `platform_editor_lovability_resize_ext_gracefully`
11
+ - Updated dependencies
12
+
3
13
  ## 15.0.3
4
14
 
5
15
  ### Patch Changes
package/dist/cjs/ui/consts.js CHANGED
@@ -10,6 +10,7 @@ var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers
10
10
  var _styles = require("@atlaskit/editor-common/styles");
11
11
  var _utils = require("@atlaskit/editor-common/utils");
12
12
  var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
13
+ var _isExperimentEnabled = require("@atlaskit/platform-feature-experiments/is-experiment-enabled");
13
14
  var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
14
15
  var _expValEqualsNoExposure = require("@atlaskit/tmp-editor-statsig/exp-val-equals-no-exposure");
15
16
  var _experiments = require("@atlaskit/tmp-editor-statsig/experiments");
@@ -63,7 +64,12 @@ var dragHandleGap = exports.dragHandleGap = function dragHandleGap(nodeType, par
63
64
  if (parentNodeType && parentNodeType !== 'doc') {
64
65
  return DRAG_HANDLE_NARROW_GAP;
65
66
  }
66
- var breakoutResizableNodesList = (0, _experiments.editorExperiment)('platform_synced_block', true) ? (0, _expValEqualsNoExposure.expValEqualsNoExposure)('platform_editor_lovability_resize_dividers_panels', 'isEnabled', true) ? [].concat((0, _toConsumableArray2.default)(_utils.breakoutResizableNodes), ['rule', 'panel']) : _utils.breakoutResizableNodes : (0, _expValEqualsNoExposure.expValEqualsNoExposure)('platform_editor_lovability_resize_dividers_panels', 'isEnabled', true) ? [].concat(breakoutResizableNodes, ['rule', 'panel']) : breakoutResizableNodes;
67
+ var breakoutResizableNodesList = [];
68
+ if ((0, _isExperimentEnabled.isExperimentEnabled)('platform_editor_lovability_resize_extensions')) {
69
+ breakoutResizableNodesList = (0, _utils.getBreakoutResizableNodes)();
70
+ } else {
71
+ breakoutResizableNodesList = (0, _experiments.editorExperiment)('platform_synced_block', true) ? (0, _expValEqualsNoExposure.expValEqualsNoExposure)('platform_editor_lovability_resize_dividers_panels', 'isEnabled', true) ? [].concat((0, _toConsumableArray2.default)(_utils.breakoutResizableNodes), ['rule', 'panel']) : _utils.breakoutResizableNodes : (0, _expValEqualsNoExposure.expValEqualsNoExposure)('platform_editor_lovability_resize_dividers_panels', 'isEnabled', true) ? [].concat(breakoutResizableNodes, ['rule', 'panel']) : breakoutResizableNodes;
72
+ }
67
73
  if ((0, _experiments.editorExperiment)('platform_editor_breakout_resizing', true) && breakoutResizableNodesList.includes(nodeType)) {
68
74
  if (nodeType === 'layoutSection') {
69
75
  return DRAG_HANDLE_MAX_GAP + 20;
@@ -82,7 +88,12 @@ var dragHandleGap = exports.dragHandleGap = function dragHandleGap(nodeType, par
82
88
 
83
89
  // use for returning gap only for root level elements
84
90
  var rootElementGap = exports.rootElementGap = function rootElementGap(nodeType) {
85
- var breakoutResizableNodesList = (0, _experiments.editorExperiment)('platform_synced_block', true) ? (0, _expValEqualsNoExposure.expValEqualsNoExposure)('platform_editor_lovability_resize_dividers_panels', 'isEnabled', true) ? [].concat((0, _toConsumableArray2.default)(_utils.breakoutResizableNodes), ['rule', 'panel']) : _utils.breakoutResizableNodes : (0, _expValEqualsNoExposure.expValEqualsNoExposure)('platform_editor_lovability_resize_dividers_panels', 'isEnabled', true) ? [].concat(breakoutResizableNodes, ['rule', 'panel']) : breakoutResizableNodes;
91
+ var breakoutResizableNodesList = [];
92
+ if ((0, _isExperimentEnabled.isExperimentEnabled)('platform_editor_lovability_resize_extensions')) {
93
+ breakoutResizableNodesList = (0, _utils.getBreakoutResizableNodes)();
94
+ } else {
95
+ breakoutResizableNodesList = (0, _experiments.editorExperiment)('platform_synced_block', true) ? (0, _expValEqualsNoExposure.expValEqualsNoExposure)('platform_editor_lovability_resize_dividers_panels', 'isEnabled', true) ? [].concat((0, _toConsumableArray2.default)(_utils.breakoutResizableNodes), ['rule', 'panel']) : _utils.breakoutResizableNodes : (0, _expValEqualsNoExposure.expValEqualsNoExposure)('platform_editor_lovability_resize_dividers_panels', 'isEnabled', true) ? [].concat(breakoutResizableNodes, ['rule', 'panel']) : breakoutResizableNodes;
96
+ }
86
97
  if (nodeTypeExcludeList.includes(nodeType) || (0, _experiments.editorExperiment)('platform_editor_breakout_resizing', true) && breakoutResizableNodesList.includes(nodeType)) {
87
98
  if (nodeType === 'layoutSection') {
88
99
  return DRAG_HANDLE_MAX_GAP + 20;
package/dist/es2019/ui/consts.js CHANGED
@@ -1,6 +1,7 @@
1
1
  import { DRAG_HANDLE_WIDTH } from '@atlaskit/editor-common/styles';
2
- import { breakoutResizableNodes as breakoutResizableNodesNew } from '@atlaskit/editor-common/utils';
2
+ import { breakoutResizableNodes as breakoutResizableNodesNew, getBreakoutResizableNodes } from '@atlaskit/editor-common/utils';
3
3
  import { akEditorUnitZIndex, akRichMediaResizeZIndex } from '@atlaskit/editor-shared-styles';
4
+ import { isExperimentEnabled } from '@atlaskit/platform-feature-experiments/is-experiment-enabled';
4
5
  import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
5
6
  import { expValEqualsNoExposure } from '@atlaskit/tmp-editor-statsig/exp-val-equals-no-exposure';
6
7
  import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
@@ -53,7 +54,12 @@ export const dragHandleGap = (nodeType, parentNodeType) => {
53
54
  if (parentNodeType && parentNodeType !== 'doc') {
54
55
  return DRAG_HANDLE_NARROW_GAP;
55
56
  }
56
- const breakoutResizableNodesList = editorExperiment('platform_synced_block', true) ? expValEqualsNoExposure('platform_editor_lovability_resize_dividers_panels', 'isEnabled', true) ? [...breakoutResizableNodesNew, 'rule', 'panel'] : breakoutResizableNodesNew : expValEqualsNoExposure('platform_editor_lovability_resize_dividers_panels', 'isEnabled', true) ? [...breakoutResizableNodes, 'rule', 'panel'] : breakoutResizableNodes;
57
+ let breakoutResizableNodesList = [];
58
+ if (isExperimentEnabled('platform_editor_lovability_resize_extensions')) {
59
+ breakoutResizableNodesList = getBreakoutResizableNodes();
60
+ } else {
61
+ breakoutResizableNodesList = editorExperiment('platform_synced_block', true) ? expValEqualsNoExposure('platform_editor_lovability_resize_dividers_panels', 'isEnabled', true) ? [...breakoutResizableNodesNew, 'rule', 'panel'] : breakoutResizableNodesNew : expValEqualsNoExposure('platform_editor_lovability_resize_dividers_panels', 'isEnabled', true) ? [...breakoutResizableNodes, 'rule', 'panel'] : breakoutResizableNodes;
62
+ }
57
63
  if (editorExperiment('platform_editor_breakout_resizing', true) && breakoutResizableNodesList.includes(nodeType)) {
58
64
  if (nodeType === 'layoutSection') {
59
65
  return DRAG_HANDLE_MAX_GAP + 20;
@@ -72,7 +78,12 @@ export const dragHandleGap = (nodeType, parentNodeType) => {
72
78
 
73
79
  // use for returning gap only for root level elements
74
80
  export const rootElementGap = nodeType => {
75
- const breakoutResizableNodesList = editorExperiment('platform_synced_block', true) ? expValEqualsNoExposure('platform_editor_lovability_resize_dividers_panels', 'isEnabled', true) ? [...breakoutResizableNodesNew, 'rule', 'panel'] : breakoutResizableNodesNew : expValEqualsNoExposure('platform_editor_lovability_resize_dividers_panels', 'isEnabled', true) ? [...breakoutResizableNodes, 'rule', 'panel'] : breakoutResizableNodes;
81
+ let breakoutResizableNodesList = [];
82
+ if (isExperimentEnabled('platform_editor_lovability_resize_extensions')) {
83
+ breakoutResizableNodesList = getBreakoutResizableNodes();
84
+ } else {
85
+ breakoutResizableNodesList = editorExperiment('platform_synced_block', true) ? expValEqualsNoExposure('platform_editor_lovability_resize_dividers_panels', 'isEnabled', true) ? [...breakoutResizableNodesNew, 'rule', 'panel'] : breakoutResizableNodesNew : expValEqualsNoExposure('platform_editor_lovability_resize_dividers_panels', 'isEnabled', true) ? [...breakoutResizableNodes, 'rule', 'panel'] : breakoutResizableNodes;
86
+ }
76
87
  if (nodeTypeExcludeList.includes(nodeType) || editorExperiment('platform_editor_breakout_resizing', true) && breakoutResizableNodesList.includes(nodeType)) {
77
88
  if (nodeType === 'layoutSection') {
78
89
  return DRAG_HANDLE_MAX_GAP + 20;
package/dist/esm/ui/consts.js CHANGED
@@ -2,8 +2,9 @@ import _defineProperty from "@babel/runtime/helpers/defineProperty";
2
2
  import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
3
3
  var _dropTargetMarginMap;
4
4
  import { DRAG_HANDLE_WIDTH } from '@atlaskit/editor-common/styles';
5
- import { breakoutResizableNodes as breakoutResizableNodesNew } from '@atlaskit/editor-common/utils';
5
+ import { breakoutResizableNodes as breakoutResizableNodesNew, getBreakoutResizableNodes } from '@atlaskit/editor-common/utils';
6
6
  import { akEditorUnitZIndex, akRichMediaResizeZIndex } from '@atlaskit/editor-shared-styles';
7
+ import { isExperimentEnabled } from '@atlaskit/platform-feature-experiments/is-experiment-enabled';
7
8
  import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
8
9
  import { expValEqualsNoExposure } from '@atlaskit/tmp-editor-statsig/exp-val-equals-no-exposure';
9
10
  import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
@@ -56,7 +57,12 @@ export var dragHandleGap = function dragHandleGap(nodeType, parentNodeType) {
56
57
  if (parentNodeType && parentNodeType !== 'doc') {
57
58
  return DRAG_HANDLE_NARROW_GAP;
58
59
  }
59
- var breakoutResizableNodesList = editorExperiment('platform_synced_block', true) ? expValEqualsNoExposure('platform_editor_lovability_resize_dividers_panels', 'isEnabled', true) ? [].concat(_toConsumableArray(breakoutResizableNodesNew), ['rule', 'panel']) : breakoutResizableNodesNew : expValEqualsNoExposure('platform_editor_lovability_resize_dividers_panels', 'isEnabled', true) ? [].concat(breakoutResizableNodes, ['rule', 'panel']) : breakoutResizableNodes;
60
+ var breakoutResizableNodesList = [];
61
+ if (isExperimentEnabled('platform_editor_lovability_resize_extensions')) {
62
+ breakoutResizableNodesList = getBreakoutResizableNodes();
63
+ } else {
64
+ breakoutResizableNodesList = editorExperiment('platform_synced_block', true) ? expValEqualsNoExposure('platform_editor_lovability_resize_dividers_panels', 'isEnabled', true) ? [].concat(_toConsumableArray(breakoutResizableNodesNew), ['rule', 'panel']) : breakoutResizableNodesNew : expValEqualsNoExposure('platform_editor_lovability_resize_dividers_panels', 'isEnabled', true) ? [].concat(breakoutResizableNodes, ['rule', 'panel']) : breakoutResizableNodes;
65
+ }
60
66
  if (editorExperiment('platform_editor_breakout_resizing', true) && breakoutResizableNodesList.includes(nodeType)) {
61
67
  if (nodeType === 'layoutSection') {
62
68
  return DRAG_HANDLE_MAX_GAP + 20;
@@ -75,7 +81,12 @@ export var dragHandleGap = function dragHandleGap(nodeType, parentNodeType) {
75
81
 
76
82
  // use for returning gap only for root level elements
77
83
  export var rootElementGap = function rootElementGap(nodeType) {
78
- var breakoutResizableNodesList = editorExperiment('platform_synced_block', true) ? expValEqualsNoExposure('platform_editor_lovability_resize_dividers_panels', 'isEnabled', true) ? [].concat(_toConsumableArray(breakoutResizableNodesNew), ['rule', 'panel']) : breakoutResizableNodesNew : expValEqualsNoExposure('platform_editor_lovability_resize_dividers_panels', 'isEnabled', true) ? [].concat(breakoutResizableNodes, ['rule', 'panel']) : breakoutResizableNodes;
84
+ var breakoutResizableNodesList = [];
85
+ if (isExperimentEnabled('platform_editor_lovability_resize_extensions')) {
86
+ breakoutResizableNodesList = getBreakoutResizableNodes();
87
+ } else {
88
+ breakoutResizableNodesList = editorExperiment('platform_synced_block', true) ? expValEqualsNoExposure('platform_editor_lovability_resize_dividers_panels', 'isEnabled', true) ? [].concat(_toConsumableArray(breakoutResizableNodesNew), ['rule', 'panel']) : breakoutResizableNodesNew : expValEqualsNoExposure('platform_editor_lovability_resize_dividers_panels', 'isEnabled', true) ? [].concat(breakoutResizableNodes, ['rule', 'panel']) : breakoutResizableNodes;
89
+ }
79
90
  if (nodeTypeExcludeList.includes(nodeType) || editorExperiment('platform_editor_breakout_resizing', true) && breakoutResizableNodesList.includes(nodeType)) {
80
91
  if (nodeType === 'layoutSection') {
81
92
  return DRAG_HANDLE_MAX_GAP + 20;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/editor-plugin-block-controls",
3
- "version": "15.0.3",
3
+ "version": "15.0.4",
4
4
  "description": "Block controls plugin for @atlaskit/editor-core",
5
5
  "author": "Atlassian Pty Ltd",
6
6
  "license": "Apache-2.0",
@@ -43,14 +43,15 @@
43
43
  "@atlaskit/icon": "^37.3.0",
44
44
  "@atlaskit/icon-lab": "^7.5.0",
45
45
  "@atlaskit/link": "^5.0.0",
46
+ "@atlaskit/platform-feature-experiments": "^0.3.0",
46
47
  "@atlaskit/platform-feature-flags": "^2.1.0",
47
48
  "@atlaskit/pragmatic-drag-and-drop": "^2.0.0",
48
49
  "@atlaskit/pragmatic-drag-and-drop-auto-scroll": "^3.0.0",
49
50
  "@atlaskit/pragmatic-drag-and-drop-react-drop-indicator": "^4.1.0",
50
51
  "@atlaskit/primitives": "^22.2.0",
51
52
  "@atlaskit/theme": "^28.0.0",
52
- "@atlaskit/tmp-editor-statsig": "^144.0.0",
53
- "@atlaskit/tokens": "^16.4.0",
53
+ "@atlaskit/tmp-editor-statsig": "^145.0.0",
54
+ "@atlaskit/tokens": "^16.5.0",
54
55
  "@atlaskit/tooltip": "^24.0.0",
55
56
  "@babel/runtime": "^7.0.0",
56
57
  "@emotion/react": "^11.7.1",
@@ -60,7 +61,7 @@
60
61
  "uuid": "^3.1.0"
61
62
  },
62
63
  "peerDependencies": {
63
- "@atlaskit/editor-common": "^118.1.0",
64
+ "@atlaskit/editor-common": "^118.2.0",
64
65
  "react": "^18.2.0 || ^19.2.0",
65
66
  "react-dom": "^18.2.0 || ^19.2.0",
66
67
  "react-intl": "^5.25.1 || ^6.0.0 || ^7.0.0"