@atlaskit/editor-plugin-breakout 17.0.8 → 18.0.0

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 (8) hide show
  1. package/CHANGELOG.md +14 -0
  2. package/dist/cjs/pm-plugins/pragmatic-resizer.js +1 -1
  3. package/dist/cjs/pm-plugins/resizing-mark-view.js +3 -2
  4. package/dist/es2019/pm-plugins/pragmatic-resizer.js +1 -1
  5. package/dist/es2019/pm-plugins/resizing-mark-view.js +3 -2
  6. package/dist/esm/pm-plugins/pragmatic-resizer.js +1 -1
  7. package/dist/esm/pm-plugins/resizing-mark-view.js +3 -2
  8. package/package.json +10 -10
package/CHANGELOG.md CHANGED
@@ -1,5 +1,19 @@
1
1
  # @atlaskit/editor-plugin-breakout
2
2
 
3
+ ## 18.0.0
4
+
5
+ ### Patch Changes
6
+
7
+ - Updated dependencies
8
+
9
+ ## 17.0.9
10
+
11
+ ### Patch Changes
12
+
13
+ - [`357df7b291d07`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/357df7b291d07) -
14
+ [ux] remove the left hand resizer behind experiment `platform_editor_remove_left_resize_handle`
15
+ - Updated dependencies
16
+
3
17
  ## 17.0.8
4
18
 
5
19
  ### Patch Changes
package/dist/cjs/pm-plugins/pragmatic-resizer.js CHANGED
@@ -131,7 +131,7 @@ var createPragmaticResizer = exports.createPragmaticResizer = function createPra
131
131
  // Read once per resizer: `isExperimentEnabled` fires an exposure event, and `registerEvents` is
132
132
  // bound to several elements so checking it inside the handler would emit one per element hovered.
133
133
  var isDeferredTooltipEnabled = (0, _isExperimentEnabled.isExperimentEnabled)('platform_editor_reduce_event_listener_count');
134
- var isLeftResizeHandleDisabled = (0, _expValEquals.expValEquals)('platform_editor_lovability_resize_dividers_panels', 'isEnabled', true) || (0, _isExperimentEnabled.isExperimentEnabled)('platform_editor_lovability_resize_extensions');
134
+ var isLeftResizeHandleDisabled = (0, _expValEquals.expValEquals)('platform_editor_lovability_resize_dividers_panels', 'isEnabled', true) || (0, _isExperimentEnabled.isExperimentEnabled)('platform_editor_lovability_resize_extensions') || (0, _isExperimentEnabled.isExperimentEnabled)('platform_editor_remove_left_resize_handle');
135
135
  var createHandle = function createHandle(side) {
136
136
  var handle = document.createElement('div');
137
137
  handle.contentEditable = 'false';
package/dist/cjs/pm-plugins/resizing-mark-view.js CHANGED
@@ -60,6 +60,7 @@ var ResizingMarkView = exports.ResizingMarkView = /*#__PURE__*/function () {
60
60
  dom.className = _styles.BreakoutCssClassName.BREAKOUT_MARK;
61
61
  dom.setAttribute('data-layout', mark.attrs.mode);
62
62
  dom.setAttribute('data-testid', 'ak-editor-breakout-mark');
63
+ var isRemoveLeftResizeHandleEnabled = (0, _isExperimentEnabled.isExperimentEnabled)('platform_editor_remove_left_resize_handle');
63
64
  var isResizingDividersPanelsEnabled = (0, _expValEquals.expValEquals)('platform_editor_lovability_resize_dividers_panels', 'isEnabled', true);
64
65
  var isResizingExtensionsEnabled = (0, _isExperimentEnabled.isExperimentEnabled)('platform_editor_lovability_resize_extensions');
65
66
 
@@ -75,11 +76,11 @@ var ResizingMarkView = exports.ResizingMarkView = /*#__PURE__*/function () {
75
76
  contentDOM.style.gridColumn = '2';
76
77
  contentDOM.style.zIndex = '1';
77
78
  if (mark.attrs.width) {
78
- dom.style.gridTemplateColumns = isResizingDividersPanelsEnabled || isResizingExtensionsEnabled ? // new code - phantom left track + content + right handle
79
+ dom.style.gridTemplateColumns = isResizingDividersPanelsEnabled || isResizingExtensionsEnabled || isRemoveLeftResizeHandleEnabled ? // new code - phantom left track + content + right handle
79
80
  "".concat(RESIZE_HANDLE_TRACK_WIDTH, " max(var(--ak-editor--breakout-min-width), min(var(").concat(LOCAL_RESIZE_PROPERTY, ", ").concat(mark.attrs.width, "px), var(--ak-editor--breakout-fallback-width))) ").concat(RESIZE_HANDLE_TRACK_WIDTH) : // old code - left handle + content + right handle
80
81
  "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");
81
82
  } else {
82
- if (isResizingDividersPanelsEnabled || isResizingExtensionsEnabled) {
83
+ if (isResizingDividersPanelsEnabled || isResizingExtensionsEnabled || isRemoveLeftResizeHandleEnabled) {
83
84
  dom.style.gridTemplateColumns = "".concat(RESIZE_HANDLE_TRACK_WIDTH, " auto ").concat(RESIZE_HANDLE_TRACK_WIDTH);
84
85
  }
85
86
  if (mark.attrs.mode === 'wide') {
package/dist/es2019/pm-plugins/pragmatic-resizer.js CHANGED
@@ -120,7 +120,7 @@ export const createPragmaticResizer = ({
120
120
  // Read once per resizer: `isExperimentEnabled` fires an exposure event, and `registerEvents` is
121
121
  // bound to several elements so checking it inside the handler would emit one per element hovered.
122
122
  const isDeferredTooltipEnabled = isExperimentEnabled('platform_editor_reduce_event_listener_count');
123
- const isLeftResizeHandleDisabled = expValEquals('platform_editor_lovability_resize_dividers_panels', 'isEnabled', true) || isExperimentEnabled('platform_editor_lovability_resize_extensions');
123
+ const isLeftResizeHandleDisabled = expValEquals('platform_editor_lovability_resize_dividers_panels', 'isEnabled', true) || isExperimentEnabled('platform_editor_lovability_resize_extensions') || isExperimentEnabled('platform_editor_remove_left_resize_handle');
124
124
  const createHandle = side => {
125
125
  const handle = document.createElement('div');
126
126
  handle.contentEditable = 'false';
package/dist/es2019/pm-plugins/resizing-mark-view.js CHANGED
@@ -42,6 +42,7 @@ export class ResizingMarkView {
42
42
  dom.className = BreakoutCssClassName.BREAKOUT_MARK;
43
43
  dom.setAttribute('data-layout', mark.attrs.mode);
44
44
  dom.setAttribute('data-testid', 'ak-editor-breakout-mark');
45
+ const isRemoveLeftResizeHandleEnabled = isExperimentEnabled('platform_editor_remove_left_resize_handle');
45
46
  const isResizingDividersPanelsEnabled = expValEquals('platform_editor_lovability_resize_dividers_panels', 'isEnabled', true);
46
47
  const isResizingExtensionsEnabled = isExperimentEnabled('platform_editor_lovability_resize_extensions');
47
48
 
@@ -57,13 +58,13 @@ export class ResizingMarkView {
57
58
  contentDOM.style.gridColumn = '2';
58
59
  contentDOM.style.zIndex = '1';
59
60
  if (mark.attrs.width) {
60
- dom.style.gridTemplateColumns = isResizingDividersPanelsEnabled || isResizingExtensionsEnabled ?
61
+ dom.style.gridTemplateColumns = isResizingDividersPanelsEnabled || isResizingExtensionsEnabled || isRemoveLeftResizeHandleEnabled ?
61
62
  // new code - phantom left track + content + right handle
62
63
  `${RESIZE_HANDLE_TRACK_WIDTH} max(var(--ak-editor--breakout-min-width), min(var(${LOCAL_RESIZE_PROPERTY}, ${mark.attrs.width}px), var(--ak-editor--breakout-fallback-width))) ${RESIZE_HANDLE_TRACK_WIDTH}` :
63
64
  // old code - left handle + content + right handle
64
65
  `auto max(var(--ak-editor--breakout-min-width), min(var(${LOCAL_RESIZE_PROPERTY}, ${mark.attrs.width}px), var(--ak-editor--breakout-fallback-width))) auto`;
65
66
  } else {
66
- if (isResizingDividersPanelsEnabled || isResizingExtensionsEnabled) {
67
+ if (isResizingDividersPanelsEnabled || isResizingExtensionsEnabled || isRemoveLeftResizeHandleEnabled) {
67
68
  dom.style.gridTemplateColumns = `${RESIZE_HANDLE_TRACK_WIDTH} auto ${RESIZE_HANDLE_TRACK_WIDTH}`;
68
69
  }
69
70
  if (mark.attrs.mode === 'wide') {
package/dist/esm/pm-plugins/pragmatic-resizer.js CHANGED
@@ -122,7 +122,7 @@ export var createPragmaticResizer = function createPragmaticResizer(_ref3) {
122
122
  // Read once per resizer: `isExperimentEnabled` fires an exposure event, and `registerEvents` is
123
123
  // bound to several elements so checking it inside the handler would emit one per element hovered.
124
124
  var isDeferredTooltipEnabled = isExperimentEnabled('platform_editor_reduce_event_listener_count');
125
- var isLeftResizeHandleDisabled = expValEquals('platform_editor_lovability_resize_dividers_panels', 'isEnabled', true) || isExperimentEnabled('platform_editor_lovability_resize_extensions');
125
+ var isLeftResizeHandleDisabled = expValEquals('platform_editor_lovability_resize_dividers_panels', 'isEnabled', true) || isExperimentEnabled('platform_editor_lovability_resize_extensions') || isExperimentEnabled('platform_editor_remove_left_resize_handle');
126
126
  var createHandle = function createHandle(side) {
127
127
  var handle = document.createElement('div');
128
128
  handle.contentEditable = 'false';
package/dist/esm/pm-plugins/resizing-mark-view.js CHANGED
@@ -53,6 +53,7 @@ export var ResizingMarkView = /*#__PURE__*/function () {
53
53
  dom.className = BreakoutCssClassName.BREAKOUT_MARK;
54
54
  dom.setAttribute('data-layout', mark.attrs.mode);
55
55
  dom.setAttribute('data-testid', 'ak-editor-breakout-mark');
56
+ var isRemoveLeftResizeHandleEnabled = isExperimentEnabled('platform_editor_remove_left_resize_handle');
56
57
  var isResizingDividersPanelsEnabled = expValEquals('platform_editor_lovability_resize_dividers_panels', 'isEnabled', true);
57
58
  var isResizingExtensionsEnabled = isExperimentEnabled('platform_editor_lovability_resize_extensions');
58
59
 
@@ -68,11 +69,11 @@ export var ResizingMarkView = /*#__PURE__*/function () {
68
69
  contentDOM.style.gridColumn = '2';
69
70
  contentDOM.style.zIndex = '1';
70
71
  if (mark.attrs.width) {
71
- dom.style.gridTemplateColumns = isResizingDividersPanelsEnabled || isResizingExtensionsEnabled ? // new code - phantom left track + content + right handle
72
+ dom.style.gridTemplateColumns = isResizingDividersPanelsEnabled || isResizingExtensionsEnabled || isRemoveLeftResizeHandleEnabled ? // new code - phantom left track + content + right handle
72
73
  "".concat(RESIZE_HANDLE_TRACK_WIDTH, " max(var(--ak-editor--breakout-min-width), min(var(").concat(LOCAL_RESIZE_PROPERTY, ", ").concat(mark.attrs.width, "px), var(--ak-editor--breakout-fallback-width))) ").concat(RESIZE_HANDLE_TRACK_WIDTH) : // old code - left handle + content + right handle
73
74
  "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");
74
75
  } else {
75
- if (isResizingDividersPanelsEnabled || isResizingExtensionsEnabled) {
76
+ if (isResizingDividersPanelsEnabled || isResizingExtensionsEnabled || isRemoveLeftResizeHandleEnabled) {
76
77
  dom.style.gridTemplateColumns = "".concat(RESIZE_HANDLE_TRACK_WIDTH, " auto ").concat(RESIZE_HANDLE_TRACK_WIDTH);
77
78
  }
78
79
  if (mark.attrs.mode === 'wide') {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/editor-plugin-breakout",
3
- "version": "17.0.8",
3
+ "version": "18.0.0",
4
4
  "description": "Breakout plugin for @atlaskit/editor-core",
5
5
  "author": "Atlassian Pty Ltd",
6
6
  "license": "Apache-2.0",
@@ -22,13 +22,13 @@
22
22
  "atlaskit:src": "src/index.ts",
23
23
  "dependencies": {
24
24
  "@atlaskit/adf-schema": "^57.4.0",
25
- "@atlaskit/editor-plugin-block-controls": "^18.3.0",
26
- "@atlaskit/editor-plugin-editor-disabled": "^17.0.0",
27
- "@atlaskit/editor-plugin-editor-viewmode": "^19.0.0",
28
- "@atlaskit/editor-plugin-guideline": "^17.0.0",
29
- "@atlaskit/editor-plugin-interaction": "^28.0.0",
30
- "@atlaskit/editor-plugin-user-intent": "^15.0.0",
31
- "@atlaskit/editor-plugin-width": "^18.0.0",
25
+ "@atlaskit/editor-plugin-block-controls": "^19.0.0",
26
+ "@atlaskit/editor-plugin-editor-disabled": "^18.0.0",
27
+ "@atlaskit/editor-plugin-editor-viewmode": "^20.0.0",
28
+ "@atlaskit/editor-plugin-guideline": "^18.0.0",
29
+ "@atlaskit/editor-plugin-interaction": "^29.0.0",
30
+ "@atlaskit/editor-plugin-user-intent": "^16.0.0",
31
+ "@atlaskit/editor-plugin-width": "^19.0.0",
32
32
  "@atlaskit/editor-prosemirror": "^8.0.0",
33
33
  "@atlaskit/editor-shared-styles": "^4.2.0",
34
34
  "@atlaskit/icon": "^37.6.0",
@@ -36,7 +36,7 @@
36
36
  "@atlaskit/platform-feature-flags": "^2.2.0",
37
37
  "@atlaskit/pragmatic-drag-and-drop": "^3.1.0",
38
38
  "@atlaskit/theme": "^28.2.0",
39
- "@atlaskit/tmp-editor-statsig": "^187.0.0",
39
+ "@atlaskit/tmp-editor-statsig": "^188.0.0",
40
40
  "@atlaskit/tokens": "^16.12.0",
41
41
  "@atlaskit/tooltip": "^24.3.0",
42
42
  "@babel/runtime": "^7.0.0",
@@ -46,7 +46,7 @@
46
46
  "uuid": "^11.1.1"
47
47
  },
48
48
  "peerDependencies": {
49
- "@atlaskit/editor-common": "^121.4.0",
49
+ "@atlaskit/editor-common": "^122.0.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"