@atlaskit/editor-plugin-editor-disabled 0.2.2 → 0.2.3

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @atlaskit/editor-plugin-editor-disabled
 
+## 0.2.3
+
+### Patch Changes
+
+- [#41429](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/41429) [`86a2ac5bc4f`](https://bitbucket.org/atlassian/atlassian-frontend/commits/86a2ac5bc4f) - Fix race condition with editor disabled being set in the prosemirror update cycle ausing a specific case where the floating toolbar did not appear.
+
 ## 0.2.2
 
 ### Patch Changes
@@ -16,13 +22,13 @@
 
 ### Minor Changes
 
-- [`ad3c5c21079`](https://bitbucket.org/atlassian/atlassian-frontend/commits/ad3c5c21079) - Updating all plugins with minor version to correct issue with semver.
+- [#39325](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/39325) [`ad3c5c21079`](https://bitbucket.org/atlassian/atlassian-frontend/commits/ad3c5c21079) - Updating all plugins with minor version to correct issue with semver.
 
 ## 0.1.2
 
 ### Patch Changes
 
-- [`24e27147cbd`](https://bitbucket.org/atlassian/atlassian-frontend/commits/24e27147cbd) - Added atlaskit docs to all existing plugins.
+- [#39177](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/39177) [`24e27147cbd`](https://bitbucket.org/atlassian/atlassian-frontend/commits/24e27147cbd) - Added atlaskit docs to all existing plugins.
 
 ## 0.1.1
 

package/README.md

@@ -27,4 +27,4 @@ Please see [Atlaskit - Editor plugin editor disabled](https://atlaskit.atlassian
 For internal Atlassian, visit the slack channel [#help-editor](https://atlassian.slack.com/archives/CFG3PSQ9E) for support or visit [go/editor-help](https://go/editor-help) to submit a bug.
 ## License
 ---
- Please see [Atlassian Frontend - License](https://developer.atlassian.com/cloud/framework/atlassian-frontend/#license) for more licensing information.
+ Please see [Atlassian Frontend - License](https://hello.atlassian.net/wiki/spaces/AF/pages/2589099144/Documentation#License) for more licensing information.

package/dist/cjs/plugin.js

@@ -1,9 +1,11 @@
 "use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.editorDisabledPlugin = void 0;
+var _rafSchd = _interopRequireDefault(require("raf-schd"));
 var _safePlugin = require("@atlaskit/editor-common/safe-plugin");
 var _utils = require("@atlaskit/editor-common/utils");
 var _state = require("@atlaskit/editor-prosemirror/state");
@@ -14,6 +16,15 @@ function reducer(_pluginState, meta) {
 var _pluginFactory = (0, _utils.pluginFactory)(pluginKey, reducer),
   createPluginState = _pluginFactory.createPluginState,
   getPluginState = _pluginFactory.getPluginState;
+var scheduleEditorDisabledUpdate = (0, _rafSchd.default)(function (view) {
+  if (getPluginState(view.state).editorDisabled !== !view.editable) {
+    var tr = view.state.tr.setMeta(pluginKey, {
+      editorDisabled: !view.editable
+    });
+    tr.setMeta('isLocal', true);
+    view.dispatch(tr);
+  }
+});
 
 /*
 Stores the state of the editor enabled/disabled for panel and floating
@@ -29,13 +40,10 @@ function createPlugin(dispatch) {
     view: function view() {
       return {
         update: function update(view) {
-          if (getPluginState(view.state).editorDisabled !== !view.editable) {
-            var tr = view.state.tr.setMeta(pluginKey, {
-              editorDisabled: !view.editable
-            });
-            tr.setMeta('isLocal', true);
-            view.dispatch(tr);
-          }
+          scheduleEditorDisabledUpdate(view);
+        },
+        destroy: function destroy() {
+          scheduleEditorDisabledUpdate.cancel();
         }
       };
     }
@@ -45,7 +53,7 @@ function createPlugin(dispatch) {
  * Editor disabled plugin to be added to an `EditorPresetBuilder` and used with `ComposableEditor`
  * from `@atlaskit/editor-core`.
  */
-var editorDisabledPlugin = function editorDisabledPlugin() {
+var editorDisabledPlugin = exports.editorDisabledPlugin = function editorDisabledPlugin() {
   return {
     name: 'editorDisabled',
     getSharedState: function getSharedState(editorState) {
@@ -72,5 +80,4 @@ var editorDisabledPlugin = function editorDisabledPlugin() {
       }];
     }
   };
-};
-exports.editorDisabledPlugin = editorDisabledPlugin;
+};

package/dist/es2019/plugin.js

@@ -1,3 +1,4 @@
+import rafSchedule from 'raf-schd';
 import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
 import { pluginFactory } from '@atlaskit/editor-common/utils';
 import { PluginKey } from '@atlaskit/editor-prosemirror/state';
@@ -9,6 +10,15 @@ const {
   createPluginState,
   getPluginState
 } = pluginFactory(pluginKey, reducer);
+const scheduleEditorDisabledUpdate = rafSchedule(view => {
+  if (getPluginState(view.state).editorDisabled !== !view.editable) {
+    const tr = view.state.tr.setMeta(pluginKey, {
+      editorDisabled: !view.editable
+    });
+    tr.setMeta('isLocal', true);
+    view.dispatch(tr);
+  }
+});
 
 /*
 Stores the state of the editor enabled/disabled for panel and floating
@@ -24,13 +34,10 @@ function createPlugin(dispatch) {
     view: () => {
       return {
         update(view) {
-          if (getPluginState(view.state).editorDisabled !== !view.editable) {
-            const tr = view.state.tr.setMeta(pluginKey, {
-              editorDisabled: !view.editable
-            });
-            tr.setMeta('isLocal', true);
-            view.dispatch(tr);
-          }
+          scheduleEditorDisabledUpdate(view);
+        },
+        destroy() {
+          scheduleEditorDisabledUpdate.cancel();
         }
       };
     }

package/dist/esm/plugin.js

@@ -1,3 +1,4 @@
+import rafSchedule from 'raf-schd';
 import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
 import { pluginFactory } from '@atlaskit/editor-common/utils';
 import { PluginKey } from '@atlaskit/editor-prosemirror/state';
@@ -8,6 +9,15 @@ function reducer(_pluginState, meta) {
 var _pluginFactory = pluginFactory(pluginKey, reducer),
   createPluginState = _pluginFactory.createPluginState,
   getPluginState = _pluginFactory.getPluginState;
+var scheduleEditorDisabledUpdate = rafSchedule(function (view) {
+  if (getPluginState(view.state).editorDisabled !== !view.editable) {
+    var tr = view.state.tr.setMeta(pluginKey, {
+      editorDisabled: !view.editable
+    });
+    tr.setMeta('isLocal', true);
+    view.dispatch(tr);
+  }
+});
 
 /*
 Stores the state of the editor enabled/disabled for panel and floating
@@ -23,13 +33,10 @@ function createPlugin(dispatch) {
     view: function view() {
       return {
         update: function update(view) {
-          if (getPluginState(view.state).editorDisabled !== !view.editable) {
-            var tr = view.state.tr.setMeta(pluginKey, {
-              editorDisabled: !view.editable
-            });
-            tr.setMeta('isLocal', true);
-            view.dispatch(tr);
-          }
+          scheduleEditorDisabledUpdate(view);
+        },
+        destroy: function destroy() {
+          scheduleEditorDisabledUpdate.cancel();
         }
       };
     }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/editor-plugin-editor-disabled",
-  "version": "0.2.2",
+  "version": "0.2.3",
   "description": "Editor disabled plugin for @atlaskit/editor-core",
   "author": "Atlassian Pty Ltd",
   "license": "Apache-2.0",
@@ -23,9 +23,10 @@
     ".": "./src/index.ts"
   },
   "dependencies": {
-    "@atlaskit/editor-common": "^76.0.0",
+    "@atlaskit/editor-common": "^76.9.0",
     "@atlaskit/editor-prosemirror": "1.1.0",
-    "@babel/runtime": "^7.0.0"
+    "@babel/runtime": "^7.0.0",
+    "raf-schd": "^4.0.3"
   },
   "peerDependencies": {
     "react": "^16.8.0"
@@ -33,6 +34,7 @@
   "devDependencies": {
     "@atlassian/atlassian-frontend-prettier-config-1.0.0": "npm:@atlassian/atlassian-frontend-prettier-config@1.0.0",
     "@testing-library/react": "^12.1.5",
+    "raf-stub": "^2.0.1",
     "react-dom": "^16.8.0",
     "typescript": "~4.9.5",
     "wait-for-expect": "^1.2.0"