@atlaskit/editor-plugin-block-controls 13.1.10 → 13.1.11

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 +9 -0
  2. package/dist/cjs/ui/consts.js +5 -3
  3. package/dist/es2019/ui/consts.js +4 -3
  4. package/dist/esm/ui/consts.js +5 -3
  5. package/package.json +3 -3
package/CHANGELOG.md CHANGED
@@ -1,5 +1,14 @@
1
1
  # @atlaskit/editor-plugin-block-controls
2
2
 
3
+ ## 13.1.11
4
+
5
+ ### Patch Changes
6
+
7
+ - [`92638385edd0e`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/92638385edd0e) -
8
+ [ux] [EDITOR-7888] add breakout resizing support for panel and rule nodes behind experiment
9
+ `platform_editor_lovability_resize_dividers_panels`.
10
+ - Updated dependencies
11
+
3
12
  ## 13.1.10
4
13
 
5
14
  ### Patch Changes
package/dist/cjs/ui/consts.js CHANGED
@@ -6,10 +6,12 @@ Object.defineProperty(exports, "__esModule", {
6
6
  });
7
7
  exports.topPositionAdjustment = exports.spacingBetweenNodesForPreview = exports.spaceLookupMap = exports.rootElementGap = exports.nodeMargins = exports.getNestedNodeLeftPaddingMargin = exports.dropTargetMarginMap = exports.dragHandleGap = exports.STICKY_CONTROLS_TOP_MARGIN_FOR_STICKY_HEADER = exports.STICKY_CONTROLS_TOP_MARGIN = exports.QUICK_INSERT_WIDTH = exports.QUICK_INSERT_LEFT_OFFSET = exports.QUICK_INSERT_HEIGHT = exports.QUICK_INSERT_DIMENSIONS = exports.DRAG_HANDLE_ZINDEX = exports.DRAG_HANDLE_WRAPPED_MEDIA_EMBED_TOP_ADJUSTMENT = exports.DRAG_HANDLE_SYNCED_BLOCK_GAP = exports.DRAG_HANDLE_PARAGRAPH_TOP_ADJUSTMENT = exports.DRAG_HANDLE_PARAGRAPH_SMALL_TOP_ADJUSTMENT = exports.DRAG_HANDLE_NARROW_GAP = exports.DRAG_HANDLE_MAX_WIDTH_PLUS_GAP = exports.DRAG_HANDLE_MAX_SHIFT_CLICK_DEPTH = exports.DRAG_HANDLE_MAX_GAP = exports.DRAG_HANDLE_LAYOUT_SECTION_TOP_ADJUSTMENT = exports.DRAG_HANDLE_HEIGHT = exports.DRAG_HANDLE_H6_TOP_ADJUSTMENT = exports.DRAG_HANDLE_H5_TOP_ADJUSTMENT = exports.DRAG_HANDLE_H4_TOP_ADJUSTMENT = exports.DRAG_HANDLE_H3_TOP_ADJUSTMENT = exports.DRAG_HANDLE_H2_TOP_ADJUSTMENT = exports.DRAG_HANDLE_H1_TOP_ADJUSTMENT = exports.DRAG_HANDLE_DIVIDER_TOP_ADJUSTMENT = exports.DRAG_HANDLE_DEFAULT_GAP = exports.DRAG_HANDLE_BORDER_RADIUS = exports.DEFAULT_COLUMN_DISTRIBUTIONS = exports.ACTIVE_QUICK_INSERT_ATTR = exports.ACTIVE_DRAG_HANDLE_ATTR = void 0;
8
8
  var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
9
+ var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
9
10
  var _styles = require("@atlaskit/editor-common/styles");
10
11
  var _utils = require("@atlaskit/editor-common/utils");
11
12
  var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
12
13
  var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
14
+ var _expValEqualsNoExposure = require("@atlaskit/tmp-editor-statsig/exp-val-equals-no-exposure");
13
15
  var _experiments = require("@atlaskit/tmp-editor-statsig/experiments");
14
16
  var _dropTargetMarginMap;
15
17
  var ACTIVE_DRAG_HANDLE_ATTR = exports.ACTIVE_DRAG_HANDLE_ATTR = 'data-active-drag-handle';
@@ -59,7 +61,7 @@ var dragHandleGap = exports.dragHandleGap = function dragHandleGap(nodeType, par
59
61
  if (parentNodeType && parentNodeType !== 'doc') {
60
62
  return DRAG_HANDLE_NARROW_GAP;
61
63
  }
62
- var breakoutResizableNodesList = (0, _experiments.editorExperiment)('platform_synced_block', true) ? _utils.breakoutResizableNodes : breakoutResizableNodes;
64
+ 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;
63
65
  if ((0, _experiments.editorExperiment)('platform_editor_breakout_resizing', true) && breakoutResizableNodesList.includes(nodeType)) {
64
66
  if (nodeType === 'layoutSection') {
65
67
  return DRAG_HANDLE_MAX_GAP + 20;
@@ -76,9 +78,9 @@ var dragHandleGap = exports.dragHandleGap = function dragHandleGap(nodeType, par
76
78
  return DRAG_HANDLE_DEFAULT_GAP;
77
79
  };
78
80
 
79
- // use for returning hap only for root level elements
81
+ // use for returning gap only for root level elements
80
82
  var rootElementGap = exports.rootElementGap = function rootElementGap(nodeType) {
81
- var breakoutResizableNodesList = (0, _experiments.editorExperiment)('platform_synced_block', true) ? _utils.breakoutResizableNodes : breakoutResizableNodes;
83
+ 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;
82
84
  if (nodeTypeExcludeList.includes(nodeType) || (0, _experiments.editorExperiment)('platform_editor_breakout_resizing', true) && breakoutResizableNodesList.includes(nodeType)) {
83
85
  if (nodeType === 'layoutSection') {
84
86
  return DRAG_HANDLE_MAX_GAP + 20;
package/dist/es2019/ui/consts.js CHANGED
@@ -2,6 +2,7 @@ import { DRAG_HANDLE_WIDTH } from '@atlaskit/editor-common/styles';
2
2
  import { breakoutResizableNodes as breakoutResizableNodesNew } from '@atlaskit/editor-common/utils';
3
3
  import { akEditorUnitZIndex, akRichMediaResizeZIndex } from '@atlaskit/editor-shared-styles';
4
4
  import { fg } from '@atlaskit/platform-feature-flags';
5
+ import { expValEqualsNoExposure } from '@atlaskit/tmp-editor-statsig/exp-val-equals-no-exposure';
5
6
  import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
6
7
  export const ACTIVE_DRAG_HANDLE_ATTR = 'data-active-drag-handle';
7
8
  export const ACTIVE_QUICK_INSERT_ATTR = 'data-active-quick-insert';
@@ -50,7 +51,7 @@ export const dragHandleGap = (nodeType, parentNodeType) => {
50
51
  if (parentNodeType && parentNodeType !== 'doc') {
51
52
  return DRAG_HANDLE_NARROW_GAP;
52
53
  }
53
- const breakoutResizableNodesList = editorExperiment('platform_synced_block', true) ? breakoutResizableNodesNew : breakoutResizableNodes;
54
+ 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;
54
55
  if (editorExperiment('platform_editor_breakout_resizing', true) && breakoutResizableNodesList.includes(nodeType)) {
55
56
  if (nodeType === 'layoutSection') {
56
57
  return DRAG_HANDLE_MAX_GAP + 20;
@@ -67,9 +68,9 @@ export const dragHandleGap = (nodeType, parentNodeType) => {
67
68
  return DRAG_HANDLE_DEFAULT_GAP;
68
69
  };
69
70
 
70
- // use for returning hap only for root level elements
71
+ // use for returning gap only for root level elements
71
72
  export const rootElementGap = nodeType => {
72
- const breakoutResizableNodesList = editorExperiment('platform_synced_block', true) ? breakoutResizableNodesNew : breakoutResizableNodes;
73
+ 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;
73
74
  if (nodeTypeExcludeList.includes(nodeType) || editorExperiment('platform_editor_breakout_resizing', true) && breakoutResizableNodesList.includes(nodeType)) {
74
75
  if (nodeType === 'layoutSection') {
75
76
  return DRAG_HANDLE_MAX_GAP + 20;
package/dist/esm/ui/consts.js CHANGED
@@ -1,9 +1,11 @@
1
1
  import _defineProperty from "@babel/runtime/helpers/defineProperty";
2
+ import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
2
3
  var _dropTargetMarginMap;
3
4
  import { DRAG_HANDLE_WIDTH } from '@atlaskit/editor-common/styles';
4
5
  import { breakoutResizableNodes as breakoutResizableNodesNew } from '@atlaskit/editor-common/utils';
5
6
  import { akEditorUnitZIndex, akRichMediaResizeZIndex } from '@atlaskit/editor-shared-styles';
6
7
  import { fg } from '@atlaskit/platform-feature-flags';
8
+ import { expValEqualsNoExposure } from '@atlaskit/tmp-editor-statsig/exp-val-equals-no-exposure';
7
9
  import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
8
10
  export var ACTIVE_DRAG_HANDLE_ATTR = 'data-active-drag-handle';
9
11
  export var ACTIVE_QUICK_INSERT_ATTR = 'data-active-quick-insert';
@@ -52,7 +54,7 @@ export var dragHandleGap = function dragHandleGap(nodeType, parentNodeType) {
52
54
  if (parentNodeType && parentNodeType !== 'doc') {
53
55
  return DRAG_HANDLE_NARROW_GAP;
54
56
  }
55
- var breakoutResizableNodesList = editorExperiment('platform_synced_block', true) ? breakoutResizableNodesNew : breakoutResizableNodes;
57
+ 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;
56
58
  if (editorExperiment('platform_editor_breakout_resizing', true) && breakoutResizableNodesList.includes(nodeType)) {
57
59
  if (nodeType === 'layoutSection') {
58
60
  return DRAG_HANDLE_MAX_GAP + 20;
@@ -69,9 +71,9 @@ export var dragHandleGap = function dragHandleGap(nodeType, parentNodeType) {
69
71
  return DRAG_HANDLE_DEFAULT_GAP;
70
72
  };
71
73
 
72
- // use for returning hap only for root level elements
74
+ // use for returning gap only for root level elements
73
75
  export var rootElementGap = function rootElementGap(nodeType) {
74
- var breakoutResizableNodesList = editorExperiment('platform_synced_block', true) ? breakoutResizableNodesNew : breakoutResizableNodes;
76
+ 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;
75
77
  if (nodeTypeExcludeList.includes(nodeType) || editorExperiment('platform_editor_breakout_resizing', true) && breakoutResizableNodesList.includes(nodeType)) {
76
78
  if (nodeType === 'layoutSection') {
77
79
  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": "13.1.10",
3
+ "version": "13.1.11",
4
4
  "description": "Block controls plugin for @atlaskit/editor-core",
5
5
  "author": "Atlassian Pty Ltd",
6
6
  "license": "Apache-2.0",
@@ -48,7 +48,7 @@
48
48
  "@atlaskit/pragmatic-drag-and-drop-react-drop-indicator": "^4.1.0",
49
49
  "@atlaskit/primitives": "^20.3.0",
50
50
  "@atlaskit/theme": "^26.1.0",
51
- "@atlaskit/tmp-editor-statsig": "^120.0.0",
51
+ "@atlaskit/tmp-editor-statsig": "^120.1.0",
52
52
  "@atlaskit/tokens": "^15.3.0",
53
53
  "@atlaskit/tooltip": "^23.1.0",
54
54
  "@babel/runtime": "^7.0.0",
@@ -59,7 +59,7 @@
59
59
  "uuid": "^3.1.0"
60
60
  },
61
61
  "peerDependencies": {
62
- "@atlaskit/editor-common": "^116.20.0",
62
+ "@atlaskit/editor-common": "^116.21.0",
63
63
  "react": "^18.2.0",
64
64
  "react-dom": "^18.2.0",
65
65
  "react-intl": "^5.25.1 || ^6.0.0 || ^7.0.0"