@atlaskit/editor-plugin-insert-block 3.2.17 → 3.3.0

package/CHANGELOG.md

@@ -1,5 +1,18 @@
 # @atlaskit/editor-plugin-insert-block
 
+## 3.3.0
+
+### Minor Changes
+
+- [#174924](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/174924)
+  [`5dfbb5e243380`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/5dfbb5e243380) -
+  adding initial functionality to run experiment to pin whiteboards at the top of the quick insert
+  menu
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 3.2.17
 
 ### Patch Changes

package/dist/cjs/ui/ElementBrowser/InsertMenu.js

@@ -22,6 +22,7 @@ var _useSharedPluginStateSelector = require("@atlaskit/editor-common/use-shared-
 var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _theme = require("@atlaskit/theme");
 var _colors = require("@atlaskit/theme/colors");
+var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
 var _excluded = ["children"];
 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; } /**
@@ -145,11 +146,32 @@ var InsertMenu = function InsertMenu(_ref) {
           isDisabled: true
         }) : item;
       })) !== null && _pluginInjectionApi$q4 !== void 0 ? _pluginInjectionApi$q4 : [];
-      result = quickInsertDropdownItems.concat(featuredQuickInsertSuggestions);
+      var unfilteredResult = quickInsertDropdownItems.concat(featuredQuickInsertSuggestions);
+      // need to filter on the concatenated list so whiteboards are at the top
+      result = filterForPinWhiteboardsExperiment(unfilteredResult);
     }
     setItemCount(result.length);
     return result;
   }, [pluginInjectionApi === null || pluginInjectionApi === void 0 || (_pluginInjectionApi$q6 = pluginInjectionApi.quickInsert) === null || _pluginInjectionApi$q6 === void 0 ? void 0 : _pluginInjectionApi$q6.actions, quickInsertDropdownItems, connectivityMode]);
+  var filterForPinWhiteboardsExperiment = function filterForPinWhiteboardsExperiment(featuredItems) {
+    // Part of ATLAS-95399 to pin whiteboards to the top of the InsertMenu
+    // Need to check if whiteboard options are available, and filter for the cohort
+    // Takes the original featuredItems list and returns one with the right whiteboard option at the top
+    if ((0, _platformFeatureFlags.fg)('confluence-whiteboards-quick-insert-eligible')) {
+      var featuredWhiteboards = ['Create diagram', 'Create whiteboard'];
+      var featuredWhiteboardsPresent = featuredItems.filter(function (item) {
+        return featuredWhiteboards.includes(item.title);
+      }).length === 2;
+      if (featuredWhiteboardsPresent) {
+        (0, _expValEquals.expValEquals)('confluence_whiteboards_quick_insert_aa', 'cohort', 'control');
+      }
+      // removing all whiteboards for now since they aren't present by default, will add more specific logic later.
+      return featuredItems.filter(function (item) {
+        return !featuredWhiteboards.includes(item.title);
+      });
+    }
+    return featuredItems;
+  };
   var emptyStateHandler = pluginInjectionApi === null || pluginInjectionApi === void 0 || (_pluginInjectionApi$q7 = pluginInjectionApi.quickInsert) === null || _pluginInjectionApi$q7 === void 0 || (_pluginInjectionApi$q7 = _pluginInjectionApi$q7.sharedState.currentState()) === null || _pluginInjectionApi$q7 === void 0 ? void 0 : _pluginInjectionApi$q7.emptyStateHandler;
   var onViewMore = (0, _react.useCallback)(function () {
     var _pluginInjectionApi$c, _pluginInjectionApi$q8;

package/dist/es2019/ui/ElementBrowser/InsertMenu.js

@@ -18,6 +18,7 @@ import { useSharedPluginStateSelector } from '@atlaskit/editor-common/use-shared
 import { fg } from '@atlaskit/platform-feature-flags';
 import { borderRadius } from '@atlaskit/theme';
 import { N0, N30A, N60A } from '@atlaskit/theme/colors';
+import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 export const DEFAULT_HEIGHT = 560;
 const useSharedState = sharedPluginStateHookMigratorFactory(api => {
   const connectivityMode = useSharedPluginStateSelector(api, 'connectivity.mode');
@@ -122,11 +123,28 @@ const InsertMenu = ({
         ...item,
         isDisabled: true
       } : item)) !== null && _pluginInjectionApi$q5 !== void 0 ? _pluginInjectionApi$q5 : [];
-      result = quickInsertDropdownItems.concat(featuredQuickInsertSuggestions);
+      const unfilteredResult = quickInsertDropdownItems.concat(featuredQuickInsertSuggestions);
+      // need to filter on the concatenated list so whiteboards are at the top
+      result = filterForPinWhiteboardsExperiment(unfilteredResult);
     }
     setItemCount(result.length);
     return result;
   }, [pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : (_pluginInjectionApi$q8 = pluginInjectionApi.quickInsert) === null || _pluginInjectionApi$q8 === void 0 ? void 0 : _pluginInjectionApi$q8.actions, quickInsertDropdownItems, connectivityMode]);
+  const filterForPinWhiteboardsExperiment = featuredItems => {
+    // Part of ATLAS-95399 to pin whiteboards to the top of the InsertMenu
+    // Need to check if whiteboard options are available, and filter for the cohort
+    // Takes the original featuredItems list and returns one with the right whiteboard option at the top
+    if (fg('confluence-whiteboards-quick-insert-eligible')) {
+      const featuredWhiteboards = ['Create diagram', 'Create whiteboard'];
+      const featuredWhiteboardsPresent = featuredItems.filter(item => featuredWhiteboards.includes(item.title)).length === 2;
+      if (featuredWhiteboardsPresent) {
+        expValEquals('confluence_whiteboards_quick_insert_aa', 'cohort', 'control');
+      }
+      // removing all whiteboards for now since they aren't present by default, will add more specific logic later.
+      return featuredItems.filter(item => !featuredWhiteboards.includes(item.title));
+    }
+    return featuredItems;
+  };
   const emptyStateHandler = pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : (_pluginInjectionApi$q9 = pluginInjectionApi.quickInsert) === null || _pluginInjectionApi$q9 === void 0 ? void 0 : (_pluginInjectionApi$q0 = _pluginInjectionApi$q9.sharedState.currentState()) === null || _pluginInjectionApi$q0 === void 0 ? void 0 : _pluginInjectionApi$q0.emptyStateHandler;
   const onViewMore = useCallback(() => {
     var _pluginInjectionApi$c, _pluginInjectionApi$q1;

package/dist/esm/ui/ElementBrowser/InsertMenu.js

@@ -25,6 +25,7 @@ import { useSharedPluginStateSelector } from '@atlaskit/editor-common/use-shared
 import { fg } from '@atlaskit/platform-feature-flags';
 import { borderRadius } from '@atlaskit/theme';
 import { N0, N30A, N60A } from '@atlaskit/theme/colors';
+import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 export var DEFAULT_HEIGHT = 560;
 var useSharedState = sharedPluginStateHookMigratorFactory(function (api) {
   var connectivityMode = useSharedPluginStateSelector(api, 'connectivity.mode');
@@ -142,11 +143,32 @@ var InsertMenu = function InsertMenu(_ref) {
           isDisabled: true
         }) : item;
       })) !== null && _pluginInjectionApi$q4 !== void 0 ? _pluginInjectionApi$q4 : [];
-      result = quickInsertDropdownItems.concat(featuredQuickInsertSuggestions);
+      var unfilteredResult = quickInsertDropdownItems.concat(featuredQuickInsertSuggestions);
+      // need to filter on the concatenated list so whiteboards are at the top
+      result = filterForPinWhiteboardsExperiment(unfilteredResult);
     }
     setItemCount(result.length);
     return result;
   }, [pluginInjectionApi === null || pluginInjectionApi === void 0 || (_pluginInjectionApi$q6 = pluginInjectionApi.quickInsert) === null || _pluginInjectionApi$q6 === void 0 ? void 0 : _pluginInjectionApi$q6.actions, quickInsertDropdownItems, connectivityMode]);
+  var filterForPinWhiteboardsExperiment = function filterForPinWhiteboardsExperiment(featuredItems) {
+    // Part of ATLAS-95399 to pin whiteboards to the top of the InsertMenu
+    // Need to check if whiteboard options are available, and filter for the cohort
+    // Takes the original featuredItems list and returns one with the right whiteboard option at the top
+    if (fg('confluence-whiteboards-quick-insert-eligible')) {
+      var featuredWhiteboards = ['Create diagram', 'Create whiteboard'];
+      var featuredWhiteboardsPresent = featuredItems.filter(function (item) {
+        return featuredWhiteboards.includes(item.title);
+      }).length === 2;
+      if (featuredWhiteboardsPresent) {
+        expValEquals('confluence_whiteboards_quick_insert_aa', 'cohort', 'control');
+      }
+      // removing all whiteboards for now since they aren't present by default, will add more specific logic later.
+      return featuredItems.filter(function (item) {
+        return !featuredWhiteboards.includes(item.title);
+      });
+    }
+    return featuredItems;
+  };
   var emptyStateHandler = pluginInjectionApi === null || pluginInjectionApi === void 0 || (_pluginInjectionApi$q7 = pluginInjectionApi.quickInsert) === null || _pluginInjectionApi$q7 === void 0 || (_pluginInjectionApi$q7 = _pluginInjectionApi$q7.sharedState.currentState()) === null || _pluginInjectionApi$q7 === void 0 ? void 0 : _pluginInjectionApi$q7.emptyStateHandler;
   var onViewMore = useCallback(function () {
     var _pluginInjectionApi$c, _pluginInjectionApi$q8;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-plugin-insert-block",
-	"version": "3.2.17",
+	"version": "3.3.0",
 	"description": "Insert block plugin for @atlaskit/editor-core",
 	"author": "Atlassian Pty Ltd",
 	"license": "Apache-2.0",
@@ -34,7 +34,7 @@
 	},
 	"dependencies": {
 		"@atlaskit/button": "^23.2.0",
-		"@atlaskit/editor-common": "^107.0.0",
+		"@atlaskit/editor-common": "^107.2.0",
 		"@atlaskit/editor-plugin-analytics": "^2.3.0",
 		"@atlaskit/editor-plugin-block-type": "^5.2.0",
 		"@atlaskit/editor-plugin-code-block": "^4.4.0",
@@ -64,13 +64,13 @@
 		"@atlaskit/editor-shared-styles": "^3.4.0",
 		"@atlaskit/emoji": "^69.3.0",
 		"@atlaskit/heading": "^5.2.0",
-		"@atlaskit/icon": "^27.0.0",
+		"@atlaskit/icon": "^27.1.0",
 		"@atlaskit/icon-lab": "^5.0.0",
 		"@atlaskit/platform-feature-flags": "^1.1.0",
 		"@atlaskit/primitives": "^14.9.0",
 		"@atlaskit/theme": "^18.0.0",
-		"@atlaskit/tmp-editor-statsig": "^8.0.0",
-		"@atlaskit/tokens": "^5.3.0",
+		"@atlaskit/tmp-editor-statsig": "^8.1.0",
+		"@atlaskit/tokens": "^5.4.0",
 		"@atlaskit/tooltip": "^20.3.0",
 		"@babel/runtime": "^7.0.0",
 		"@emotion/react": "^11.7.1",
@@ -147,6 +147,9 @@
 		},
 		"platform_editor_refactor_view_more": {
 			"type": "boolean"
+		},
+		"confluence-whiteboards-quick-insert-eligible": {
+			"type": "boolean"
 		}
 	}
 }