@atlaskit/editor-plugin-floating-toolbar 0.8.0 → 0.9.1

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @atlaskit/editor-plugin-floating-toolbar
 
+## 0.9.1
+
+### Patch Changes
+
+- Updated dependencies
+
+## 0.9.0
+
+### Minor Changes
+
+- [#68824](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/68824) [`2ce43bd09627`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/2ce43bd09627) - [ux] When editor is in view mode, only show "Comment" floating toolbar item
+
 ## 0.8.0
 
 ### Minor Changes

package/dist/cjs/plugin.js

@@ -206,10 +206,10 @@ function ContentComponent(_ref5) {
   }
   var config = configWithNodeInfo.config,
     node = configWithNodeInfo.node;
+  var items = config.items;
   var title = config.title,
     _config$getDomRef = config.getDomRef,
     getDomRef = _config$getDomRef === void 0 ? getDomRefFromSelection : _config$getDomRef,
-    items = config.items,
     _config$align = config.align,
     align = _config$align === void 0 ? 'center' : _config$align,
     _config$className = config.className,
@@ -238,6 +238,18 @@ function ContentComponent(_ref5) {
   if (!targetRef || isEditorDisabled && !isInViewMode) {
     return null;
   }
+
+  // TODO: MODES-3950 Update this view mode specific logic once we refactor view mode.
+  //       We should inverse the responsibility here: A blacklist for toolbar items in view mode, rather than this white list.
+  //       Also consider moving this logic to the more specific toolbar plugins (media and selection).
+  var iterableItems = Array.isArray(items) ? items : [];
+  if (isInViewMode) {
+    // Typescript note: Not all toolbar item types have the `supportsViewMode` prop.
+    var toolbarItemViewModeProp = 'supportsViewMode';
+    items = iterableItems.filter(function (item) {
+      return toolbarItemViewModeProp in item && !!item[toolbarItemViewModeProp];
+    });
+  }
   var customPositionCalculation;
   var toolbarItems = pluginInjectionApi === null || pluginInjectionApi === void 0 || (_pluginInjectionApi$c = pluginInjectionApi.copyButton) === null || _pluginInjectionApi$c === void 0 ? void 0 : _pluginInjectionApi$c.actions.processCopyButtonItems(editorView.state)(Array.isArray(items) ? items : items(node), pluginInjectionApi === null || pluginInjectionApi === void 0 || (_pluginInjectionApi$d = pluginInjectionApi.decorations) === null || _pluginInjectionApi$d === void 0 ? void 0 : _pluginInjectionApi$d.actions.hoverDecoration);
   if (onPositionCalculated) {

package/dist/es2019/plugin.js

@@ -198,10 +198,12 @@ function ContentComponent({
     config,
     node
   } = configWithNodeInfo;
+  let {
+    items
+  } = config;
   const {
     title,
     getDomRef = getDomRefFromSelection,
-    items,
     align = 'center',
     className = '',
     height,
@@ -226,6 +228,16 @@ function ContentComponent({
   if (!targetRef || isEditorDisabled && !isInViewMode) {
     return null;
   }
+
+  // TODO: MODES-3950 Update this view mode specific logic once we refactor view mode.
+  //       We should inverse the responsibility here: A blacklist for toolbar items in view mode, rather than this white list.
+  //       Also consider moving this logic to the more specific toolbar plugins (media and selection).
+  const iterableItems = Array.isArray(items) ? items : [];
+  if (isInViewMode) {
+    // Typescript note: Not all toolbar item types have the `supportsViewMode` prop.
+    const toolbarItemViewModeProp = 'supportsViewMode';
+    items = iterableItems.filter(item => toolbarItemViewModeProp in item && !!item[toolbarItemViewModeProp]);
+  }
   let customPositionCalculation;
   const toolbarItems = pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : (_pluginInjectionApi$c = pluginInjectionApi.copyButton) === null || _pluginInjectionApi$c === void 0 ? void 0 : _pluginInjectionApi$c.actions.processCopyButtonItems(editorView.state)(Array.isArray(items) ? items : items(node), pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : (_pluginInjectionApi$d = pluginInjectionApi.decorations) === null || _pluginInjectionApi$d === void 0 ? void 0 : _pluginInjectionApi$d.actions.hoverDecoration);
   if (onPositionCalculated) {

package/dist/esm/plugin.js

@@ -197,10 +197,10 @@ function ContentComponent(_ref5) {
   }
   var config = configWithNodeInfo.config,
     node = configWithNodeInfo.node;
+  var items = config.items;
   var title = config.title,
     _config$getDomRef = config.getDomRef,
     getDomRef = _config$getDomRef === void 0 ? getDomRefFromSelection : _config$getDomRef,
-    items = config.items,
     _config$align = config.align,
     align = _config$align === void 0 ? 'center' : _config$align,
     _config$className = config.className,
@@ -229,6 +229,18 @@ function ContentComponent(_ref5) {
   if (!targetRef || isEditorDisabled && !isInViewMode) {
     return null;
   }
+
+  // TODO: MODES-3950 Update this view mode specific logic once we refactor view mode.
+  //       We should inverse the responsibility here: A blacklist for toolbar items in view mode, rather than this white list.
+  //       Also consider moving this logic to the more specific toolbar plugins (media and selection).
+  var iterableItems = Array.isArray(items) ? items : [];
+  if (isInViewMode) {
+    // Typescript note: Not all toolbar item types have the `supportsViewMode` prop.
+    var toolbarItemViewModeProp = 'supportsViewMode';
+    items = iterableItems.filter(function (item) {
+      return toolbarItemViewModeProp in item && !!item[toolbarItemViewModeProp];
+    });
+  }
   var customPositionCalculation;
   var toolbarItems = pluginInjectionApi === null || pluginInjectionApi === void 0 || (_pluginInjectionApi$c = pluginInjectionApi.copyButton) === null || _pluginInjectionApi$c === void 0 ? void 0 : _pluginInjectionApi$c.actions.processCopyButtonItems(editorView.state)(Array.isArray(items) ? items : items(node), pluginInjectionApi === null || pluginInjectionApi === void 0 || (_pluginInjectionApi$d = pluginInjectionApi.decorations) === null || _pluginInjectionApi$d === void 0 ? void 0 : _pluginInjectionApi$d.actions.hoverDecoration);
   if (onPositionCalculated) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/editor-plugin-floating-toolbar",
-  "version": "0.8.0",
+  "version": "0.9.1",
   "description": "Floating toolbar plugin for @atlaskit/editor-core",
   "author": "Atlassian Pty Ltd",
   "license": "Apache-2.0",
@@ -28,16 +28,16 @@
     "@atlaskit/adf-utils": "^19.0.0",
     "@atlaskit/button": "^17.2.0",
     "@atlaskit/checkbox": "^13.0.0",
-    "@atlaskit/editor-common": "^77.0.0",
+    "@atlaskit/editor-common": "^77.1.0",
     "@atlaskit/editor-palette": "1.5.2",
     "@atlaskit/editor-plugin-context-panel": "^0.2.0",
     "@atlaskit/editor-plugin-copy-button": "^1.0.0",
     "@atlaskit/editor-plugin-decorations": "^0.2.0",
     "@atlaskit/editor-plugin-editor-disabled": "^0.2.0",
     "@atlaskit/editor-plugin-editor-viewmode": "^0.1.0",
-    "@atlaskit/editor-plugin-extension": "^0.6.0",
+    "@atlaskit/editor-plugin-extension": "^0.7.0",
     "@atlaskit/editor-plugin-feature-flags": "^1.0.0",
-    "@atlaskit/editor-plugin-table": "^7.0.0",
+    "@atlaskit/editor-plugin-table": "^7.1.0",
     "@atlaskit/editor-prosemirror": "1.1.0",
     "@atlaskit/emoji": "^67.6.0",
     "@atlaskit/icon": "^22.0.0",
@@ -45,7 +45,7 @@
     "@atlaskit/modal-dialog": "^12.10.0",
     "@atlaskit/select": "^17.0.3",
     "@atlaskit/theme": "^12.6.0",
-    "@atlaskit/tokens": "^1.34.0",
+    "@atlaskit/tokens": "^1.35.0",
     "@atlaskit/tooltip": "^18.1.0",
     "@babel/runtime": "^7.0.0",
     "@emotion/react": "^11.7.1",