@atlaskit/editor-plugin-extension 0.6.2 → 0.6.3

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,12 @@
1
1
  # @atlaskit/editor-plugin-extension
2
2
 
3
+ ## 0.6.3
4
+
5
+ ### Patch Changes
6
+
7
+ - [#68264](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/68264) [`daa71f6aa162`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/daa71f6aa162) - [ux] ED-21883: Updated MultiBodied Extension related CSS and selections
8
+ - Updated dependencies
9
+
3
10
  ## 0.6.2
4
11
 
5
12
  ### Patch Changes
@@ -313,7 +313,7 @@ var createPlugin = exports.createPlugin = function createPlugin(dispatch, provid
313
313
  inlineExtension: (0, _extensibility.ExtensionNodeView)(portalProviderAPI, eventDispatcher, providerFactory, extensionHandlers, extensionNodeViewOptions, pluginInjectionApi),
314
314
  multiBodiedExtension: (0, _extensibility.ExtensionNodeView)(portalProviderAPI, eventDispatcher, providerFactory, extensionHandlers, extensionNodeViewOptions, pluginInjectionApi)
315
315
  },
316
- handleClickOn: (0, _selection.createSelectionClickHandler)(['extension', 'bodiedExtension'], function (target) {
316
+ handleClickOn: (0, _selection.createSelectionClickHandler)(['extension', 'bodiedExtension', 'multiBodiedExtension'], function (target) {
317
317
  return !target.closest('.extension-content');
318
318
  }, {
319
319
  useLongPressSelection: useLongPressSelection
@@ -186,8 +186,12 @@ var getToolbarConfig = exports.getToolbarConfig = function getToolbarConfig(_ref
186
186
  *
187
187
  */
188
188
  var frameheight = mbeFrameRect.height > 0 ? mbeFrameRect.height : 102;
189
+ // MBE wrapper header height includes, top margin 8px + bottom margin 8px + Line height of 16px + padding top 8px
190
+ // Ref: platform/packages/editor/editor-common/src/extensibility/MultiBodiedExtension/styles.ts
191
+ var wrapperHeaderHeight = 40;
192
+ var toolbarTopPos = mbeNodeRect.top + frameheight + wrapperHeaderHeight + scrollWrapper.scrollTop;
189
193
  return {
190
- top: mbeNodeRect.top + frameheight + scrollWrapper.scrollTop,
194
+ top: toolbarTopPos,
191
195
  left: nextPos.left
192
196
  };
193
197
  },
@@ -221,7 +221,7 @@ const createPlugin = (dispatch, providerFactory, extensionHandlers, portalProvid
221
221
  inlineExtension: ExtensionNodeView(portalProviderAPI, eventDispatcher, providerFactory, extensionHandlers, extensionNodeViewOptions, pluginInjectionApi),
222
222
  multiBodiedExtension: ExtensionNodeView(portalProviderAPI, eventDispatcher, providerFactory, extensionHandlers, extensionNodeViewOptions, pluginInjectionApi)
223
223
  },
224
- handleClickOn: createSelectionClickHandler(['extension', 'bodiedExtension'], target => !target.closest('.extension-content'), {
224
+ handleClickOn: createSelectionClickHandler(['extension', 'bodiedExtension', 'multiBodiedExtension'], target => !target.closest('.extension-content'), {
225
225
  useLongPressSelection
226
226
  })
227
227
  }
@@ -183,8 +183,12 @@ export const getToolbarConfig = ({
183
183
  *
184
184
  */
185
185
  const frameheight = mbeFrameRect.height > 0 ? mbeFrameRect.height : 102;
186
+ // MBE wrapper header height includes, top margin 8px + bottom margin 8px + Line height of 16px + padding top 8px
187
+ // Ref: platform/packages/editor/editor-common/src/extensibility/MultiBodiedExtension/styles.ts
188
+ const wrapperHeaderHeight = 40;
189
+ const toolbarTopPos = mbeNodeRect.top + frameheight + wrapperHeaderHeight + scrollWrapper.scrollTop;
186
190
  return {
187
- top: mbeNodeRect.top + frameheight + scrollWrapper.scrollTop,
191
+ top: toolbarTopPos,
188
192
  left: nextPos.left
189
193
  };
190
194
  },
@@ -287,7 +287,7 @@ var createPlugin = function createPlugin(dispatch, providerFactory, extensionHan
287
287
  inlineExtension: ExtensionNodeView(portalProviderAPI, eventDispatcher, providerFactory, extensionHandlers, extensionNodeViewOptions, pluginInjectionApi),
288
288
  multiBodiedExtension: ExtensionNodeView(portalProviderAPI, eventDispatcher, providerFactory, extensionHandlers, extensionNodeViewOptions, pluginInjectionApi)
289
289
  },
290
- handleClickOn: createSelectionClickHandler(['extension', 'bodiedExtension'], function (target) {
290
+ handleClickOn: createSelectionClickHandler(['extension', 'bodiedExtension', 'multiBodiedExtension'], function (target) {
291
291
  return !target.closest('.extension-content');
292
292
  }, {
293
293
  useLongPressSelection: useLongPressSelection
@@ -179,8 +179,12 @@ export var getToolbarConfig = function getToolbarConfig(_ref) {
179
179
  *
180
180
  */
181
181
  var frameheight = mbeFrameRect.height > 0 ? mbeFrameRect.height : 102;
182
+ // MBE wrapper header height includes, top margin 8px + bottom margin 8px + Line height of 16px + padding top 8px
183
+ // Ref: platform/packages/editor/editor-common/src/extensibility/MultiBodiedExtension/styles.ts
184
+ var wrapperHeaderHeight = 40;
185
+ var toolbarTopPos = mbeNodeRect.top + frameheight + wrapperHeaderHeight + scrollWrapper.scrollTop;
182
186
  return {
183
- top: mbeNodeRect.top + frameheight + scrollWrapper.scrollTop,
187
+ top: toolbarTopPos,
184
188
  left: nextPos.left
185
189
  };
186
190
  },
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/editor-plugin-extension",
3
- "version": "0.6.2",
3
+ "version": "0.6.3",
4
4
  "description": "editor-plugin-extension plugin for @atlaskit/editor-core",
5
5
  "author": "Atlassian Pty Ltd",
6
6
  "license": "Apache-2.0",
@@ -31,7 +31,7 @@
31
31
  "@atlaskit/button": "^17.2.0",
32
32
  "@atlaskit/checkbox": "^13.0.0",
33
33
  "@atlaskit/datetime-picker": "^13.0.3",
34
- "@atlaskit/editor-common": "^77.0.0",
34
+ "@atlaskit/editor-common": "^77.1.0",
35
35
  "@atlaskit/editor-json-transformer": "^8.10.0",
36
36
  "@atlaskit/editor-plugin-analytics": "^0.4.0",
37
37
  "@atlaskit/editor-plugin-context-panel": "^0.2.0",
@@ -40,7 +40,7 @@
40
40
  "@atlaskit/editor-plugin-width": "^0.2.0",
41
41
  "@atlaskit/editor-prosemirror": "1.1.0",
42
42
  "@atlaskit/editor-shared-styles": "^2.9.0",
43
- "@atlaskit/editor-tables": "^2.4.0",
43
+ "@atlaskit/editor-tables": "^2.5.0",
44
44
  "@atlaskit/empty-state": "^7.6.0",
45
45
  "@atlaskit/form": "^9.0.3",
46
46
  "@atlaskit/icon": "^22.0.0",
@@ -48,14 +48,14 @@
48
48
  "@atlaskit/radio": "^6.0.0",
49
49
  "@atlaskit/section-message": "^6.4.0",
50
50
  "@atlaskit/select": "^17.0.3",
51
- "@atlaskit/smart-user-picker": "^6.4.0",
51
+ "@atlaskit/smart-user-picker": "^6.5.0",
52
52
  "@atlaskit/spinner": "^16.0.0",
53
53
  "@atlaskit/tabs": "^14.0.0",
54
54
  "@atlaskit/textarea": "^5.0.0",
55
55
  "@atlaskit/textfield": "^6.0.0",
56
56
  "@atlaskit/theme": "^12.6.0",
57
57
  "@atlaskit/toggle": "^13.0.0",
58
- "@atlaskit/tokens": "^1.34.0",
58
+ "@atlaskit/tokens": "^1.35.0",
59
59
  "@atlaskit/tooltip": "^18.1.0",
60
60
  "@babel/runtime": "^7.0.0",
61
61
  "@emotion/react": "^11.7.1",