@atlaskit/editor-plugin-synced-block 3.7.0 → 3.7.2

package/CHANGELOG.md

@@ -1,5 +1,19 @@
 # @atlaskit/editor-plugin-synced-block
 
+## 3.7.2
+
+### Patch Changes
+
+- Updated dependencies
+
+## 3.7.1
+
+### Patch Changes
+
+- [`cdf397d4529c6`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/cdf397d4529c6) -
+  EDITOR-2443 Temporary fix for inserting 'random' node into sync block on enter
+- Updated dependencies
+
 ## 3.7.0
 
 ### Minor Changes

package/dist/cjs/pm-plugins/main.js

@@ -9,10 +9,14 @@ var _state = require("@atlaskit/editor-prosemirror/state");
 var _bodiedLazySyncedBlock = require("../nodeviews/bodiedLazySyncedBlock");
 var _lazySyncedBlock = require("../nodeviews/lazySyncedBlock");
 var _trackSyncBlocks2 = require("./utils/track-sync-blocks");
+var _utils = require("./utils/utils");
 var syncedBlockPluginKey = exports.syncedBlockPluginKey = new _state.PluginKey('syncedBlockPlugin');
 
 // eslint-disable-next-line @typescript-eslint/no-empty-object-type
 
+function isInsideBodiedSyncBlock(state, selection) {
+  return (0, _utils.findBodiedSyncBlock)(state, selection) !== undefined;
+}
 var createPlugin = exports.createPlugin = function createPlugin(options, pmPluginFactoryParams, syncBlockStore, api) {
   return new _safePlugin.SafePlugin({
     key: syncedBlockPluginKey,
@@ -42,6 +46,17 @@ var createPlugin = exports.createPlugin = function createPlugin(options, pmPlugi
           api: api,
           syncBlockStore: syncBlockStore
         })
+      },
+      handleKeyDown: function handleKeyDown(view, event) {
+        if (event.key === 'Enter' && isInsideBodiedSyncBlock(view.state, view.state.selection)) {
+          event.preventDefault();
+          // Insert a new paragraph instead of letting browser handle it
+          var tr = view.state.tr;
+          tr.split(view.state.selection.from);
+          view.dispatch(tr);
+          return true;
+        }
+        return false;
       }
     },
     view: function view(editorView) {

package/dist/es2019/pm-plugins/main.js

@@ -3,10 +3,14 @@ import { PluginKey } from '@atlaskit/editor-prosemirror/state';
 import { lazyBodiedSyncBlockView } from '../nodeviews/bodiedLazySyncedBlock';
 import { lazySyncBlockView } from '../nodeviews/lazySyncedBlock';
 import { trackSyncBlocks } from './utils/track-sync-blocks';
+import { findBodiedSyncBlock } from './utils/utils';
 export const syncedBlockPluginKey = new PluginKey('syncedBlockPlugin');
 
 // eslint-disable-next-line @typescript-eslint/no-empty-object-type
 
+function isInsideBodiedSyncBlock(state, selection) {
+  return findBodiedSyncBlock(state, selection) !== undefined;
+}
 export const createPlugin = (options, pmPluginFactoryParams, syncBlockStore, api) => {
   return new SafePlugin({
     key: syncedBlockPluginKey,
@@ -36,6 +40,17 @@ export const createPlugin = (options, pmPluginFactoryParams, syncBlockStore, api
           api,
           syncBlockStore
         })
+      },
+      handleKeyDown: (view, event) => {
+        if (event.key === 'Enter' && isInsideBodiedSyncBlock(view.state, view.state.selection)) {
+          event.preventDefault();
+          // Insert a new paragraph instead of letting browser handle it
+          const tr = view.state.tr;
+          tr.split(view.state.selection.from);
+          view.dispatch(tr);
+          return true;
+        }
+        return false;
       }
     },
     view: editorView => {

package/dist/esm/pm-plugins/main.js

@@ -3,10 +3,14 @@ import { PluginKey } from '@atlaskit/editor-prosemirror/state';
 import { lazyBodiedSyncBlockView } from '../nodeviews/bodiedLazySyncedBlock';
 import { lazySyncBlockView } from '../nodeviews/lazySyncedBlock';
 import { trackSyncBlocks } from './utils/track-sync-blocks';
+import { findBodiedSyncBlock } from './utils/utils';
 export var syncedBlockPluginKey = new PluginKey('syncedBlockPlugin');
 
 // eslint-disable-next-line @typescript-eslint/no-empty-object-type
 
+function isInsideBodiedSyncBlock(state, selection) {
+  return findBodiedSyncBlock(state, selection) !== undefined;
+}
 export var createPlugin = function createPlugin(options, pmPluginFactoryParams, syncBlockStore, api) {
   return new SafePlugin({
     key: syncedBlockPluginKey,
@@ -36,6 +40,17 @@ export var createPlugin = function createPlugin(options, pmPluginFactoryParams,
           api: api,
           syncBlockStore: syncBlockStore
         })
+      },
+      handleKeyDown: function handleKeyDown(view, event) {
+        if (event.key === 'Enter' && isInsideBodiedSyncBlock(view.state, view.state.selection)) {
+          event.preventDefault();
+          // Insert a new paragraph instead of letting browser handle it
+          var tr = view.state.tr;
+          tr.split(view.state.selection.from);
+          view.dispatch(tr);
+          return true;
+        }
+        return false;
       }
     },
     view: function view(editorView) {

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-plugin-synced-block",
-	"version": "3.7.0",
+	"version": "3.7.2",
 	"description": "SyncedBlock plugin for @atlaskit/editor-core",
 	"author": "Atlassian Pty Ltd",
 	"license": "Apache-2.0",
@@ -40,14 +40,14 @@
 		"@atlaskit/editor-shared-styles": "^3.8.0",
 		"@atlaskit/editor-synced-block-provider": "^2.0.0",
 		"@atlaskit/editor-tables": "^2.9.0",
-		"@atlaskit/editor-toolbar": "^0.15.0",
+		"@atlaskit/editor-toolbar": "^0.16.0",
 		"@atlaskit/icon": "28.5.3",
 		"@atlaskit/modal-dialog": "^14.5.0",
 		"@babel/runtime": "^7.0.0",
 		"react-intl-next": "npm:react-intl@^5.18.1"
 	},
 	"peerDependencies": {
-		"@atlaskit/editor-common": "^110.15.0",
+		"@atlaskit/editor-common": "^110.16.0",
 		"react": "^18.2.0"
 	},
 	"devDependencies": {