@atlaskit/editor-plugin-insert-block 1.11.0 → 1.12.0

package/CHANGELOG.md

@@ -1,5 +1,28 @@
 # @atlaskit/editor-plugin-insert-block
 
+## 1.12.0
+
+### Minor Changes
+
+- [#137041](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/137041)
+  [`060aff106c5ac`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/060aff106c5ac) -
+  Add new experiment for insert menu in right rail, allow right menu to be opened from main toolbar
+  '+' button
+
+### Patch Changes
+
+- [#137041](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/137041)
+  [`060aff106c5ac`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/060aff106c5ac) -
+  Add insert-right-rail experiment and reimplement right rail logic
+
+## 1.11.1
+
+### Patch Changes
+
+- [#136413](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/136413)
+  [`934839fbec788`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/934839fbec788) -
+  Revert ED-24737-enable-right-rail due to HOT-111462
+
 ## 1.11.0
 
 ### Minor Changes

package/dist/cjs/plugin.js

@@ -112,7 +112,7 @@ var insertBlockPlugin = exports.insertBlockPlugin = function insertBlockPlugin(_
     name: 'insertBlock',
     component: primaryToolbarComponent
   });
-  return {
+  var plugin = {
     name: 'insertBlock',
     actions: {
       toggleAdditionalMenu: function toggleAdditionalMenu() {
@@ -203,25 +203,6 @@ var insertBlockPlugin = exports.insertBlockPlugin = function insertBlockPlugin(_
           return _templateOptions.templateOptions;
         }
         return [];
-      },
-      contextPanel: function contextPanel(state) {
-        /**
-         * For insert menu in right rail experiment
-         * - Clean up ticket ED-24801
-         */
-        if (!(0, _experiments.editorExperiment)('insert-menu-in-right-rail', true)) {
-          return;
-        }
-
-        // api.getSharedState() will have an outdated reference to editorState on first mount of this component
-        // so instead just rely on plugin key as we don't need to be reactive to changes here
-        var pluginState = _elementBrowser.elementBrowserPmKey.getState(state);
-        if (pluginState !== null && pluginState !== void 0 && pluginState.menuBrowserOpen) {
-          return /*#__PURE__*/_react.default.createElement(_ElementRail.InsertMenuRail, {
-            api: api
-          });
-        }
-        return;
       }
     },
     usePluginHook: function usePluginHook() {
@@ -233,6 +214,20 @@ var insertBlockPlugin = exports.insertBlockPlugin = function insertBlockPlugin(_
     },
     primaryToolbarComponent: !(api !== null && api !== void 0 && api.primaryToolbar) ? primaryToolbarComponent : undefined
   };
+  if ((0, _experiments.editorExperiment)('insert-menu-in-right-rail', true)) {
+    plugin.pluginsOptions.contextPanel = function (state) {
+      // api.getSharedState() will have an outdated reference to editorState on first mount of this component
+      // so instead just rely on plugin key as we don't need to be reactive to changes here
+      var pluginState = _elementBrowser.elementBrowserPmKey.getState(state);
+      if (pluginState !== null && pluginState !== void 0 && pluginState.menuBrowserOpen) {
+        return /*#__PURE__*/_react.default.createElement(_ElementRail.InsertMenuRail, {
+          api: api
+        });
+      }
+      return;
+    };
+  }
+  return plugin;
 };
 function ToolbarInsertBlockWithInjectionApi(_ref3) {
   var _ref4, _ref5, _pluginInjectionApi$i, _pluginInjectionApi$c, _pluginInjectionApi$p, _pluginInjectionApi$b, _pluginInjectionApi$e;

package/dist/es2019/plugin.js

@@ -101,7 +101,7 @@ export const insertBlockPlugin = ({
     name: 'insertBlock',
     component: primaryToolbarComponent
   });
-  return {
+  const plugin = {
     name: 'insertBlock',
     actions: {
       toggleAdditionalMenu: () => {
@@ -194,25 +194,6 @@ export const insertBlockPlugin = ({
           return templateOptions;
         }
         return [];
-      },
-      contextPanel: state => {
-        /**
-         * For insert menu in right rail experiment
-         * - Clean up ticket ED-24801
-         */
-        if (!editorExperiment('insert-menu-in-right-rail', true)) {
-          return;
-        }
-
-        // api.getSharedState() will have an outdated reference to editorState on first mount of this component
-        // so instead just rely on plugin key as we don't need to be reactive to changes here
-        const pluginState = elementBrowserPmKey.getState(state);
-        if (pluginState !== null && pluginState !== void 0 && pluginState.menuBrowserOpen) {
-          return /*#__PURE__*/React.createElement(InsertMenuRail, {
-            api: api
-          });
-        }
-        return;
       }
     },
     usePluginHook: () => {
@@ -224,6 +205,20 @@ export const insertBlockPlugin = ({
     },
     primaryToolbarComponent: !(api !== null && api !== void 0 && api.primaryToolbar) ? primaryToolbarComponent : undefined
   };
+  if (editorExperiment('insert-menu-in-right-rail', true)) {
+    plugin.pluginsOptions.contextPanel = state => {
+      // api.getSharedState() will have an outdated reference to editorState on first mount of this component
+      // so instead just rely on plugin key as we don't need to be reactive to changes here
+      const pluginState = elementBrowserPmKey.getState(state);
+      if (pluginState !== null && pluginState !== void 0 && pluginState.menuBrowserOpen) {
+        return /*#__PURE__*/React.createElement(InsertMenuRail, {
+          api: api
+        });
+      }
+      return;
+    };
+  }
+  return plugin;
 };
 function ToolbarInsertBlockWithInjectionApi({
   editorView,

package/dist/esm/plugin.js

@@ -102,7 +102,7 @@ export var insertBlockPlugin = function insertBlockPlugin(_ref) {
     name: 'insertBlock',
     component: primaryToolbarComponent
   });
-  return {
+  var plugin = {
     name: 'insertBlock',
     actions: {
       toggleAdditionalMenu: function toggleAdditionalMenu() {
@@ -193,25 +193,6 @@ export var insertBlockPlugin = function insertBlockPlugin(_ref) {
           return templateOptions;
         }
         return [];
-      },
-      contextPanel: function contextPanel(state) {
-        /**
-         * For insert menu in right rail experiment
-         * - Clean up ticket ED-24801
-         */
-        if (!editorExperiment('insert-menu-in-right-rail', true)) {
-          return;
-        }
-
-        // api.getSharedState() will have an outdated reference to editorState on first mount of this component
-        // so instead just rely on plugin key as we don't need to be reactive to changes here
-        var pluginState = elementBrowserPmKey.getState(state);
-        if (pluginState !== null && pluginState !== void 0 && pluginState.menuBrowserOpen) {
-          return /*#__PURE__*/React.createElement(InsertMenuRail, {
-            api: api
-          });
-        }
-        return;
       }
     },
     usePluginHook: function usePluginHook() {
@@ -223,6 +204,20 @@ export var insertBlockPlugin = function insertBlockPlugin(_ref) {
     },
     primaryToolbarComponent: !(api !== null && api !== void 0 && api.primaryToolbar) ? primaryToolbarComponent : undefined
   };
+  if (editorExperiment('insert-menu-in-right-rail', true)) {
+    plugin.pluginsOptions.contextPanel = function (state) {
+      // api.getSharedState() will have an outdated reference to editorState on first mount of this component
+      // so instead just rely on plugin key as we don't need to be reactive to changes here
+      var pluginState = elementBrowserPmKey.getState(state);
+      if (pluginState !== null && pluginState !== void 0 && pluginState.menuBrowserOpen) {
+        return /*#__PURE__*/React.createElement(InsertMenuRail, {
+          api: api
+        });
+      }
+      return;
+    };
+  }
+  return plugin;
 };
 function ToolbarInsertBlockWithInjectionApi(_ref3) {
   var _ref4, _ref5, _pluginInjectionApi$i, _pluginInjectionApi$c, _pluginInjectionApi$p, _pluginInjectionApi$b, _pluginInjectionApi$e;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-plugin-insert-block",
-	"version": "1.11.0",
+	"version": "1.12.0",
 	"description": "Insert block plugin for @atlaskit/editor-core",
 	"author": "Atlassian Pty Ltd",
 	"license": "Apache-2.0",
@@ -31,7 +31,7 @@
 		".": "./src/index.ts"
 	},
 	"dependencies": {
-		"@atlaskit/editor-common": "^88.7.0",
+		"@atlaskit/editor-common": "^88.8.0",
 		"@atlaskit/editor-plugin-analytics": "^1.8.0",
 		"@atlaskit/editor-plugin-block-type": "^3.14.0",
 		"@atlaskit/editor-plugin-code-block": "^3.3.0",
@@ -60,7 +60,7 @@
 		"@atlaskit/icon": "^22.15.0",
 		"@atlaskit/primitives": "^12.1.0",
 		"@atlaskit/theme": "^13.0.0",
-		"@atlaskit/tmp-editor-statsig": "^2.0.0",
+		"@atlaskit/tmp-editor-statsig": "^2.1.0",
 		"@atlaskit/tokens": "^1.59.0",
 		"@babel/runtime": "^7.0.0",
 		"@emotion/react": "^11.7.1",