@atlaskit/editor-plugin-floating-toolbar 8.2.10 → 8.2.12

package/CHANGELOG.md

@@ -1,5 +1,21 @@
 # @atlaskit/editor-plugin-floating-toolbar
 
+## 8.2.12
+
+### Patch Changes
+
+- [`e727490d9f62f`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/e727490d9f62f) -
+  [ux] EDITOR-2572 Hide floating toolbar when status picker is open
+- Updated dependencies
+
+## 8.2.11
+
+### Patch Changes
+
+- [`28ba94dae8f9a`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/28ba94dae8f9a) -
+  [ux] EDITOR-2458 Replace usage of \_\_suppressAllToolbars with userIntentPlugin
+- Updated dependencies
+
 ## 8.2.10
 
 ### Patch Changes

package/dist/cjs/floatingToolbarPlugin.js

@@ -25,6 +25,7 @@ var _state = require("@atlaskit/editor-prosemirror/state");
 var _utils = require("@atlaskit/editor-prosemirror/utils");
 var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
+var _expValEqualsNoExposure = require("@atlaskit/tmp-editor-statsig/exp-val-equals-no-exposure");
 var _experiments = require("@atlaskit/tmp-editor-statsig/experiments");
 var _commands = require("./pm-plugins/commands");
 var _forceFocus = _interopRequireWildcard(require("./pm-plugins/force-focus"));
@@ -38,6 +39,8 @@ var _utils3 = require("./ui/utils");
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var SUPPRESS_TOOLBAR_USER_INTENTS = ['dragging', 'tablePopupOpen', 'commenting', 'resizing', 'blockMenuOpen', 'statusPickerOpen'];
+
 // TODO: AFP-2532 - Fix automatic suppressions below
 var getRelevantConfig = exports.getRelevantConfig = function getRelevantConfig(selection, configs) {
   // node selections always take precedence, see if
@@ -147,6 +150,7 @@ var floatingToolbarPlugin = exports.floatingToolbarPlugin = function floatingToo
           var providerFactory = _ref2.providerFactory,
             getIntl = _ref2.getIntl;
           return floatingToolbarPluginFactory({
+            api: api,
             floatingToolbarHandlers: floatingToolbarHandlers,
             providerFactory: providerFactory,
             getIntl: getIntl
@@ -253,15 +257,13 @@ function ContentComponent(_ref5) {
   if (!configWithNodeInfo || !configWithNodeInfo.config || typeof ((_configWithNodeInfo$c = configWithNodeInfo.config) === null || _configWithNodeInfo$c === void 0 ? void 0 : _configWithNodeInfo$c.visible) !== 'undefined' && !((_configWithNodeInfo$c2 = configWithNodeInfo.config) !== null && _configWithNodeInfo$c2 !== void 0 && _configWithNodeInfo$c2.visible)) {
     return null;
   }
-  if ((userIntentState === null || userIntentState === void 0 ? void 0 : userIntentState.currentUserIntent) === 'dragging' || (userIntentState === null || userIntentState === void 0 ? void 0 : userIntentState.currentUserIntent) === 'blockMenuOpen' && (0, _expValEquals.expValEquals)('platform_editor_block_menu', 'isEnabled', true) && (0, _platformFeatureFlags.fg)('platform_editor_block_menu_hide_floating_toolbar')) {
+  var userIntentEnabled = Boolean((pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : pluginInjectionApi.userIntent) && (0, _expValEqualsNoExposure.expValEqualsNoExposure)('platform_editor_lovability_user_intent', 'isEnabled', true));
+  if (((userIntentState === null || userIntentState === void 0 ? void 0 : userIntentState.currentUserIntent) === 'dragging' || (userIntentState === null || userIntentState === void 0 ? void 0 : userIntentState.currentUserIntent) === 'blockMenuOpen' && (0, _expValEquals.expValEquals)('platform_editor_block_menu', 'isEnabled', true) && (0, _platformFeatureFlags.fg)('platform_editor_block_menu_hide_floating_toolbar')) && !userIntentEnabled) {
+    return null;
+  }
+  if (userIntentState !== null && userIntentState !== void 0 && userIntentState.currentUserIntent && SUPPRESS_TOOLBAR_USER_INTENTS.includes(userIntentState === null || userIntentState === void 0 ? void 0 : userIntentState.currentUserIntent) && userIntentEnabled) {
     return null;
   }
-
-  // TODO: ED-27539 - This feature is unreleased and rendering logic needs to be move userIntentState which is not ready yet
-  // if (blockControlsState?.isMenuOpen && editorExperiment('platform_editor_controls', 'variant1')) {
-  // 	return null;
-  // }
-
   var config = configWithNodeInfo.config,
     node = configWithNodeInfo.node;
 
@@ -552,7 +554,8 @@ function sanitizeFloatingToolbarConfig(config) {
 function floatingToolbarPluginFactory(options) {
   var floatingToolbarHandlers = options.floatingToolbarHandlers,
     providerFactory = options.providerFactory,
-    getIntl = options.getIntl;
+    getIntl = options.getIntl,
+    api = options.api;
   var intl = getIntl();
   var getConfigWithNodeInfo = function getConfigWithNodeInfo(editorState) {
     var activeConfigs = [];
@@ -560,7 +563,13 @@ function floatingToolbarPluginFactory(options) {
       var handler = floatingToolbarHandlers[index];
       var config = handler(editorState, intl, providerFactory, activeConfigs);
       if (config) {
-        if (config.__suppressAllToolbars && (0, _experiments.editorExperiment)('platform_editor_controls', 'variant1')) {
+        var _api$userIntent;
+        var userIntentEnabled = Boolean((api === null || api === void 0 ? void 0 : api.userIntent) && (0, _expValEqualsNoExposure.expValEqualsNoExposure)('platform_editor_lovability_user_intent', 'isEnabled', true));
+        if (config.__suppressAllToolbars && (0, _experiments.editorExperiment)('platform_editor_controls', 'variant1') && !userIntentEnabled) {
+          activeConfigs = undefined;
+          break;
+        }
+        if (userIntentEnabled && SUPPRESS_TOOLBAR_USER_INTENTS.includes((api === null || api === void 0 || (_api$userIntent = api.userIntent) === null || _api$userIntent === void 0 || (_api$userIntent = _api$userIntent.sharedState.currentState()) === null || _api$userIntent === void 0 ? void 0 : _api$userIntent.currentUserIntent) || '')) {
           activeConfigs = undefined;
           break;
         }

package/dist/es2019/floatingToolbarPlugin.js

@@ -14,6 +14,7 @@ import { AllSelection, PluginKey, TextSelection } from '@atlaskit/editor-prosemi
 import { findDomRefAtPos, findSelectedNodeOfType } from '@atlaskit/editor-prosemirror/utils';
 import { fg } from '@atlaskit/platform-feature-flags';
 import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
+import { expValEqualsNoExposure } from '@atlaskit/tmp-editor-statsig/exp-val-equals-no-exposure';
 import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
 import { copyNode } from './pm-plugins/commands';
 import forceFocusPlugin, { forceFocusSelector } from './pm-plugins/force-focus';
@@ -24,6 +25,7 @@ import { findNode } from './pm-plugins/utils';
 import { ConfirmationModal } from './ui/ConfirmationModal';
 import Toolbar from './ui/Toolbar';
 import { consolidateOverflowDropdownItems } from './ui/utils';
+const SUPPRESS_TOOLBAR_USER_INTENTS = ['dragging', 'tablePopupOpen', 'commenting', 'resizing', 'blockMenuOpen', 'statusPickerOpen'];
 
 // TODO: AFP-2532 - Fix automatic suppressions below
 export const getRelevantConfig = (selection, configs) => {
@@ -136,6 +138,7 @@ export const floatingToolbarPlugin = ({
           providerFactory,
           getIntl
         }) => floatingToolbarPluginFactory({
+          api,
           floatingToolbarHandlers,
           providerFactory,
           getIntl
@@ -243,15 +246,13 @@ export function ContentComponent({
   if (!configWithNodeInfo || !configWithNodeInfo.config || typeof ((_configWithNodeInfo$c = configWithNodeInfo.config) === null || _configWithNodeInfo$c === void 0 ? void 0 : _configWithNodeInfo$c.visible) !== 'undefined' && !((_configWithNodeInfo$c2 = configWithNodeInfo.config) !== null && _configWithNodeInfo$c2 !== void 0 && _configWithNodeInfo$c2.visible)) {
     return null;
   }
-  if ((userIntentState === null || userIntentState === void 0 ? void 0 : userIntentState.currentUserIntent) === 'dragging' || (userIntentState === null || userIntentState === void 0 ? void 0 : userIntentState.currentUserIntent) === 'blockMenuOpen' && expValEquals('platform_editor_block_menu', 'isEnabled', true) && fg('platform_editor_block_menu_hide_floating_toolbar')) {
+  const userIntentEnabled = Boolean((pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : pluginInjectionApi.userIntent) && expValEqualsNoExposure('platform_editor_lovability_user_intent', 'isEnabled', true));
+  if (((userIntentState === null || userIntentState === void 0 ? void 0 : userIntentState.currentUserIntent) === 'dragging' || (userIntentState === null || userIntentState === void 0 ? void 0 : userIntentState.currentUserIntent) === 'blockMenuOpen' && expValEquals('platform_editor_block_menu', 'isEnabled', true) && fg('platform_editor_block_menu_hide_floating_toolbar')) && !userIntentEnabled) {
+    return null;
+  }
+  if (userIntentState !== null && userIntentState !== void 0 && userIntentState.currentUserIntent && SUPPRESS_TOOLBAR_USER_INTENTS.includes(userIntentState === null || userIntentState === void 0 ? void 0 : userIntentState.currentUserIntent) && userIntentEnabled) {
     return null;
   }
-
-  // TODO: ED-27539 - This feature is unreleased and rendering logic needs to be move userIntentState which is not ready yet
-  // if (blockControlsState?.isMenuOpen && editorExperiment('platform_editor_controls', 'variant1')) {
-  // 	return null;
-  // }
-
   const {
     config,
     node
@@ -537,7 +538,8 @@ export function floatingToolbarPluginFactory(options) {
   const {
     floatingToolbarHandlers,
     providerFactory,
-    getIntl
+    getIntl,
+    api
   } = options;
   const intl = getIntl();
   const getConfigWithNodeInfo = editorState => {
@@ -546,7 +548,13 @@ export function floatingToolbarPluginFactory(options) {
       const handler = floatingToolbarHandlers[index];
       const config = handler(editorState, intl, providerFactory, activeConfigs);
       if (config) {
-        if (config.__suppressAllToolbars && editorExperiment('platform_editor_controls', 'variant1')) {
+        var _api$userIntent, _api$userIntent$share;
+        const userIntentEnabled = Boolean((api === null || api === void 0 ? void 0 : api.userIntent) && expValEqualsNoExposure('platform_editor_lovability_user_intent', 'isEnabled', true));
+        if (config.__suppressAllToolbars && editorExperiment('platform_editor_controls', 'variant1') && !userIntentEnabled) {
+          activeConfigs = undefined;
+          break;
+        }
+        if (userIntentEnabled && SUPPRESS_TOOLBAR_USER_INTENTS.includes((api === null || api === void 0 ? void 0 : (_api$userIntent = api.userIntent) === null || _api$userIntent === void 0 ? void 0 : (_api$userIntent$share = _api$userIntent.sharedState.currentState()) === null || _api$userIntent$share === void 0 ? void 0 : _api$userIntent$share.currentUserIntent) || '')) {
           activeConfigs = undefined;
           break;
         }

package/dist/esm/floatingToolbarPlugin.js

@@ -18,6 +18,7 @@ import { AllSelection, PluginKey, TextSelection } from '@atlaskit/editor-prosemi
 import { findDomRefAtPos, findSelectedNodeOfType } from '@atlaskit/editor-prosemirror/utils';
 import { fg } from '@atlaskit/platform-feature-flags';
 import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
+import { expValEqualsNoExposure } from '@atlaskit/tmp-editor-statsig/exp-val-equals-no-exposure';
 import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
 import { copyNode as _copyNode } from './pm-plugins/commands';
 import forceFocusPlugin, { forceFocusSelector } from './pm-plugins/force-focus';
@@ -28,6 +29,7 @@ import { findNode } from './pm-plugins/utils';
 import { ConfirmationModal } from './ui/ConfirmationModal';
 import Toolbar from './ui/Toolbar';
 import { consolidateOverflowDropdownItems } from './ui/utils';
+var SUPPRESS_TOOLBAR_USER_INTENTS = ['dragging', 'tablePopupOpen', 'commenting', 'resizing', 'blockMenuOpen', 'statusPickerOpen'];
 
 // TODO: AFP-2532 - Fix automatic suppressions below
 export var getRelevantConfig = function getRelevantConfig(selection, configs) {
@@ -138,6 +140,7 @@ export var floatingToolbarPlugin = function floatingToolbarPlugin(_ref) {
           var providerFactory = _ref2.providerFactory,
             getIntl = _ref2.getIntl;
           return floatingToolbarPluginFactory({
+            api: api,
             floatingToolbarHandlers: floatingToolbarHandlers,
             providerFactory: providerFactory,
             getIntl: getIntl
@@ -244,15 +247,13 @@ export function ContentComponent(_ref5) {
   if (!configWithNodeInfo || !configWithNodeInfo.config || typeof ((_configWithNodeInfo$c = configWithNodeInfo.config) === null || _configWithNodeInfo$c === void 0 ? void 0 : _configWithNodeInfo$c.visible) !== 'undefined' && !((_configWithNodeInfo$c2 = configWithNodeInfo.config) !== null && _configWithNodeInfo$c2 !== void 0 && _configWithNodeInfo$c2.visible)) {
     return null;
   }
-  if ((userIntentState === null || userIntentState === void 0 ? void 0 : userIntentState.currentUserIntent) === 'dragging' || (userIntentState === null || userIntentState === void 0 ? void 0 : userIntentState.currentUserIntent) === 'blockMenuOpen' && expValEquals('platform_editor_block_menu', 'isEnabled', true) && fg('platform_editor_block_menu_hide_floating_toolbar')) {
+  var userIntentEnabled = Boolean((pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : pluginInjectionApi.userIntent) && expValEqualsNoExposure('platform_editor_lovability_user_intent', 'isEnabled', true));
+  if (((userIntentState === null || userIntentState === void 0 ? void 0 : userIntentState.currentUserIntent) === 'dragging' || (userIntentState === null || userIntentState === void 0 ? void 0 : userIntentState.currentUserIntent) === 'blockMenuOpen' && expValEquals('platform_editor_block_menu', 'isEnabled', true) && fg('platform_editor_block_menu_hide_floating_toolbar')) && !userIntentEnabled) {
+    return null;
+  }
+  if (userIntentState !== null && userIntentState !== void 0 && userIntentState.currentUserIntent && SUPPRESS_TOOLBAR_USER_INTENTS.includes(userIntentState === null || userIntentState === void 0 ? void 0 : userIntentState.currentUserIntent) && userIntentEnabled) {
     return null;
   }
-
-  // TODO: ED-27539 - This feature is unreleased and rendering logic needs to be move userIntentState which is not ready yet
-  // if (blockControlsState?.isMenuOpen && editorExperiment('platform_editor_controls', 'variant1')) {
-  // 	return null;
-  // }
-
   var config = configWithNodeInfo.config,
     node = configWithNodeInfo.node;
 
@@ -543,7 +544,8 @@ function sanitizeFloatingToolbarConfig(config) {
 export function floatingToolbarPluginFactory(options) {
   var floatingToolbarHandlers = options.floatingToolbarHandlers,
     providerFactory = options.providerFactory,
-    getIntl = options.getIntl;
+    getIntl = options.getIntl,
+    api = options.api;
   var intl = getIntl();
   var getConfigWithNodeInfo = function getConfigWithNodeInfo(editorState) {
     var activeConfigs = [];
@@ -551,7 +553,13 @@ export function floatingToolbarPluginFactory(options) {
       var handler = floatingToolbarHandlers[index];
       var config = handler(editorState, intl, providerFactory, activeConfigs);
       if (config) {
-        if (config.__suppressAllToolbars && editorExperiment('platform_editor_controls', 'variant1')) {
+        var _api$userIntent;
+        var userIntentEnabled = Boolean((api === null || api === void 0 ? void 0 : api.userIntent) && expValEqualsNoExposure('platform_editor_lovability_user_intent', 'isEnabled', true));
+        if (config.__suppressAllToolbars && editorExperiment('platform_editor_controls', 'variant1') && !userIntentEnabled) {
+          activeConfigs = undefined;
+          break;
+        }
+        if (userIntentEnabled && SUPPRESS_TOOLBAR_USER_INTENTS.includes((api === null || api === void 0 || (_api$userIntent = api.userIntent) === null || _api$userIntent === void 0 || (_api$userIntent = _api$userIntent.sharedState.currentState()) === null || _api$userIntent === void 0 ? void 0 : _api$userIntent.currentUserIntent) || '')) {
           activeConfigs = undefined;
           break;
         }

package/dist/types/floatingToolbarPlugin.d.ts

@@ -51,6 +51,7 @@ export declare const pluginKey: PluginKey<FloatingToolbarPluginState>;
  * @returns A SafePlugin instance that manages floating toolbar state and behavior
  */
 export declare function floatingToolbarPluginFactory(options: {
+    api: ExtractInjectionAPI<FloatingToolbarPlugin> | undefined;
     floatingToolbarHandlers: Array<FloatingToolbarHandler>;
     getIntl: () => IntlShape;
     providerFactory: ProviderFactory;

package/dist/types-ts4.5/floatingToolbarPlugin.d.ts

@@ -51,6 +51,7 @@ export declare const pluginKey: PluginKey<FloatingToolbarPluginState>;
  * @returns A SafePlugin instance that manages floating toolbar state and behavior
  */
 export declare function floatingToolbarPluginFactory(options: {
+    api: ExtractInjectionAPI<FloatingToolbarPlugin> | undefined;
     floatingToolbarHandlers: Array<FloatingToolbarHandler>;
     getIntl: () => IntlShape;
     providerFactory: ProviderFactory;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-plugin-floating-toolbar",
-	"version": "8.2.10",
+	"version": "8.2.12",
 	"description": "Floating toolbar plugin for @atlaskit/editor-core",
 	"author": "Atlassian Pty Ltd",
 	"license": "Apache-2.0",
@@ -31,7 +31,7 @@
 		"@atlaskit/editor-plugin-decorations": "^6.1.0",
 		"@atlaskit/editor-plugin-editor-disabled": "^6.1.0",
 		"@atlaskit/editor-plugin-editor-viewmode": "^8.0.0",
-		"@atlaskit/editor-plugin-emoji": "^7.4.0",
+		"@atlaskit/editor-plugin-emoji": "^7.5.0",
 		"@atlaskit/editor-plugin-extension": "^9.2.0",
 		"@atlaskit/editor-plugin-interaction": "^9.0.0",
 		"@atlaskit/editor-plugin-table": "^15.3.0",
@@ -42,12 +42,12 @@
 		"@atlaskit/menu": "^8.4.0",
 		"@atlaskit/modal-dialog": "^14.6.0",
 		"@atlaskit/platform-feature-flags": "^1.1.0",
-		"@atlaskit/primitives": "^16.0.0",
+		"@atlaskit/primitives": "^16.1.0",
 		"@atlaskit/select": "^21.3.0",
 		"@atlaskit/theme": "^21.0.0",
-		"@atlaskit/tmp-editor-statsig": "^13.19.0",
+		"@atlaskit/tmp-editor-statsig": "^13.22.0",
 		"@atlaskit/tokens": "^7.0.0",
-		"@atlaskit/tooltip": "^20.6.0",
+		"@atlaskit/tooltip": "^20.7.0",
 		"@babel/runtime": "^7.0.0",
 		"@emotion/react": "^11.7.1",
 		"bind-event-listener": "^3.0.0",
@@ -57,7 +57,7 @@
 		"react-loadable": "^5.1.0"
 	},
 	"peerDependencies": {
-		"@atlaskit/editor-common": "^110.18.0",
+		"@atlaskit/editor-common": "^110.19.0",
 		"react": "^18.2.0",
 		"react-dom": "^18.2.0"
 	},