@atlaskit/editor-plugin-selection 7.1.0 → 8.0.1

package/CHANGELOG.md

@@ -1,5 +1,20 @@
 # @atlaskit/editor-plugin-selection
 
+## 8.0.1
+
+### Patch Changes
+
+- Updated dependencies
+
+## 8.0.0
+
+### Patch Changes
+
+- [`8184c046099e5`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/8184c046099e5) -
+  Fixed bug where it wasn't possible to paste before a block node when the block node was the first
+  node in an editor document.
+- Updated dependencies
+
 ## 7.1.0
 
 ### Minor Changes

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

@@ -10,6 +10,7 @@ var _state = require("@atlaskit/editor-prosemirror/state");
 var _utils = require("@atlaskit/editor-prosemirror/utils");
 var _view2 = require("@atlaskit/editor-prosemirror/view");
 var _cellSelection = require("@atlaskit/editor-tables/cell-selection");
+var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
 var _experiments = require("@atlaskit/tmp-editor-statsig/experiments");
 var _types = require("../types");
 var _gapCursorPluginKey = require("./gap-cursor-plugin-key");
@@ -101,7 +102,8 @@ var plugin = new _safePlugin.SafePlugin({
         var layoutMode = node && (0, _utils2.getLayoutModeFromTargetNode)(node);
         return _view2.DecorationSet.create(doc, [_view2.Decoration.widget(position, _placeGapCursor.toDOM, {
           key: "".concat(_selection.JSON_ID, "-").concat(side, "-").concat(layoutMode),
-          side: layoutMode ? -1 : 0
+          // position === 0: if gap cursor at start of document, render it on the left side of the selection to enable pasting (otherwise Chrome doesn't pick up the paste event)
+          side: layoutMode || position === 0 && (0, _expValEquals.expValEquals)('platform_editor_paste_before_first_block_node', 'isEnabled', true) ? -1 : 0
         })]);
       }
       return null;

package/dist/cjs/pm-plugins/plugin-factory.js

@@ -40,10 +40,10 @@ var handleSelectionChanged = function handleSelectionChanged(tr, pluginState) {
   }
   return pluginState;
 };
-var _pluginFactory = (0, _utils.pluginFactory)(_types.selectionPluginKey, _reducer.reducer, {
-    onDocChanged: handleDocChanged,
-    onSelectionChanged: handleSelectionChanged
-  }),
-  createCommand = exports.createCommand = _pluginFactory.createCommand,
-  getPluginState = exports.getPluginState = _pluginFactory.getPluginState,
-  createPluginState = exports.createPluginState = _pluginFactory.createPluginState;
+var dest = (0, _utils.pluginFactory)(_types.selectionPluginKey, _reducer.reducer, {
+  onDocChanged: handleDocChanged,
+  onSelectionChanged: handleSelectionChanged
+});
+var createCommand = exports.createCommand = dest.createCommand;
+var getPluginState = exports.getPluginState = dest.getPluginState;
+var createPluginState = exports.createPluginState = dest.createPluginState;

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

@@ -4,6 +4,7 @@ import { NodeSelection } from '@atlaskit/editor-prosemirror/state';
 import { findPositionOfNodeBefore } from '@atlaskit/editor-prosemirror/utils';
 import { Decoration, DecorationSet } from '@atlaskit/editor-prosemirror/view';
 import { CellSelection } from '@atlaskit/editor-tables/cell-selection';
+import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
 import { selectionPluginKey } from '../types';
 import { gapCursorPluginKey } from './gap-cursor-plugin-key';
@@ -99,7 +100,8 @@ const plugin = new SafePlugin({
         const layoutMode = node && getLayoutModeFromTargetNode(node);
         return DecorationSet.create(doc, [Decoration.widget(position, toDOM, {
           key: `${JSON_ID}-${side}-${layoutMode}`,
-          side: layoutMode ? -1 : 0
+          // position === 0: if gap cursor at start of document, render it on the left side of the selection to enable pasting (otherwise Chrome doesn't pick up the paste event)
+          side: layoutMode || position === 0 && expValEquals('platform_editor_paste_before_first_block_node', 'isEnabled', true) ? -1 : 0
         })]);
       }
       return null;

package/dist/es2019/pm-plugins/plugin-factory.js

@@ -33,11 +33,10 @@ const handleSelectionChanged = (tr, pluginState) => {
   }
   return pluginState;
 };
-export const {
-  createCommand,
-  getPluginState,
-  createPluginState
-} = pluginFactory(selectionPluginKey, reducer, {
+const dest = pluginFactory(selectionPluginKey, reducer, {
   onDocChanged: handleDocChanged,
   onSelectionChanged: handleSelectionChanged
-});
+});
+export const createCommand = dest.createCommand;
+export const getPluginState = dest.getPluginState;
+export const createPluginState = dest.createPluginState;

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

@@ -4,6 +4,7 @@ import { NodeSelection } from '@atlaskit/editor-prosemirror/state';
 import { findPositionOfNodeBefore } from '@atlaskit/editor-prosemirror/utils';
 import { Decoration, DecorationSet } from '@atlaskit/editor-prosemirror/view';
 import { CellSelection } from '@atlaskit/editor-tables/cell-selection';
+import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
 import { selectionPluginKey } from '../types';
 import { gapCursorPluginKey } from './gap-cursor-plugin-key';
@@ -95,7 +96,8 @@ var plugin = new SafePlugin({
         var layoutMode = node && getLayoutModeFromTargetNode(node);
         return DecorationSet.create(doc, [Decoration.widget(position, toDOM, {
           key: "".concat(JSON_ID, "-").concat(side, "-").concat(layoutMode),
-          side: layoutMode ? -1 : 0
+          // position === 0: if gap cursor at start of document, render it on the left side of the selection to enable pasting (otherwise Chrome doesn't pick up the paste event)
+          side: layoutMode || position === 0 && expValEquals('platform_editor_paste_before_first_block_node', 'isEnabled', true) ? -1 : 0
         })]);
       }
       return null;

package/dist/esm/pm-plugins/plugin-factory.js

@@ -33,11 +33,10 @@ var handleSelectionChanged = function handleSelectionChanged(tr, pluginState) {
   }
   return pluginState;
 };
-var _pluginFactory = pluginFactory(selectionPluginKey, reducer, {
-    onDocChanged: handleDocChanged,
-    onSelectionChanged: handleSelectionChanged
-  }),
-  createCommand = _pluginFactory.createCommand,
-  getPluginState = _pluginFactory.getPluginState,
-  createPluginState = _pluginFactory.createPluginState;
-export { createCommand, getPluginState, createPluginState };
+var dest = pluginFactory(selectionPluginKey, reducer, {
+  onDocChanged: handleDocChanged,
+  onSelectionChanged: handleSelectionChanged
+});
+export var createCommand = dest.createCommand;
+export var getPluginState = dest.getPluginState;
+export var createPluginState = dest.createPluginState;

package/dist/types/pm-plugins/auto-expand-selection-range-on-inline-node-key.d.ts

@@ -1,2 +1,2 @@
 import { PluginKey } from '@atlaskit/editor-prosemirror/state';
-export declare const autoExpandSelectionRangeOnInlineNodePluginKey: PluginKey<any>;
+export declare const autoExpandSelectionRangeOnInlineNodePluginKey: PluginKey;

package/dist/types/pm-plugins/auto-expand-selection-range-on-inline-node-main.d.ts

@@ -1,2 +1,2 @@
 import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
-export declare const createAutoExpandSelectionRangeOnInlineNodePlugin: () => SafePlugin<any>;
+export declare const createAutoExpandSelectionRangeOnInlineNodePlugin: () => SafePlugin;

package/dist/types/pm-plugins/events/keydown.d.ts

@@ -1,4 +1,4 @@
 import type { EditorView } from '@atlaskit/editor-prosemirror/view';
-export declare function createOnKeydown({ __livePage }: {
+export declare function createOnKeydown({ __livePage, }: {
     __livePage?: boolean;
 }): (view: EditorView, event: Event) => boolean;

package/dist/types/pm-plugins/gap-cursor-main.d.ts

@@ -1,7 +1,8 @@
 import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
-declare const plugin: SafePlugin<{
+type GapCursorPluginState = {
     selectionIsGapCursor: boolean;
     displayGapCursor: boolean;
     hideCursor: boolean;
-}>;
+};
+declare const plugin: SafePlugin<GapCursorPluginState>;
 export default plugin;

package/dist/types/pm-plugins/gap-cursor-plugin-key.d.ts

@@ -1,2 +1,2 @@
 import { PluginKey } from '@atlaskit/editor-prosemirror/state';
-export declare const gapCursorPluginKey: PluginKey<any>;
+export declare const gapCursorPluginKey: PluginKey;

package/dist/types/pm-plugins/mark-boundary-cursor-plugin-key.d.ts

@@ -1,2 +1,2 @@
 import { PluginKey } from '@atlaskit/editor-prosemirror/state';
-export declare const markBoundaryCursorPluginKey: PluginKey<any>;
+export declare const markBoundaryCursorPluginKey: PluginKey;

package/dist/types/pm-plugins/plugin-factory.d.ts

@@ -1,2 +1,8 @@
+import type { Dispatch } from '@atlaskit/editor-common/event-dispatcher';
 import type { SelectionPluginState } from '@atlaskit/editor-common/selection';
-export declare const createCommand: <A = import("./actions").SelectionAction>(action: A | ((state: Readonly<import("prosemirror-state").EditorState>) => false | A), transform?: (tr: import("prosemirror-state").Transaction, state: import("prosemirror-state").EditorState) => import("prosemirror-state").Transaction) => import("@atlaskit/editor-common/types").Command, getPluginState: (state: import("prosemirror-state").EditorState) => SelectionPluginState, createPluginState: (dispatch: import("@atlaskit/editor-common/event-dispatcher").Dispatch, initialState: SelectionPluginState | ((state: import("prosemirror-state").EditorState) => SelectionPluginState)) => import("prosemirror-state").SafeStateField<SelectionPluginState>;
+import type { Command } from '@atlaskit/editor-common/types';
+import type { EditorState, SafeStateField, Transaction } from '@atlaskit/editor-prosemirror/state';
+import type { SelectionAction } from './actions';
+export declare const createCommand: <A = SelectionAction>(action: A | ((state: Readonly<EditorState>) => false | A), transform?: (tr: Transaction, state: EditorState) => Transaction) => Command;
+export declare const getPluginState: (state: EditorState) => SelectionPluginState;
+export declare const createPluginState: (dispatch: Dispatch, initialState: SelectionPluginState | ((state: EditorState) => SelectionPluginState)) => SafeStateField<SelectionPluginState>;

package/dist/types/types/index.d.ts

@@ -4,7 +4,7 @@ import type { LongPressSelectionPluginOptions } from '@atlaskit/editor-common/ty
 import type { JSONNode } from '@atlaskit/editor-json-transformer';
 import { PluginKey } from '@atlaskit/editor-prosemirror/state';
 import type { EditorState, Selection, Transaction } from '@atlaskit/editor-prosemirror/state';
-export declare const selectionPluginKey: PluginKey<any>;
+export declare const selectionPluginKey: PluginKey;
 export { RelativeSelectionPos };
 export declare enum SelectionDirection {
     Before = -1,

package/dist/types-ts4.5/pm-plugins/auto-expand-selection-range-on-inline-node-key.d.ts

@@ -1,2 +1,2 @@
 import { PluginKey } from '@atlaskit/editor-prosemirror/state';
-export declare const autoExpandSelectionRangeOnInlineNodePluginKey: PluginKey<any>;
+export declare const autoExpandSelectionRangeOnInlineNodePluginKey: PluginKey;

package/dist/types-ts4.5/pm-plugins/auto-expand-selection-range-on-inline-node-main.d.ts

@@ -1,2 +1,2 @@
 import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
-export declare const createAutoExpandSelectionRangeOnInlineNodePlugin: () => SafePlugin<any>;
+export declare const createAutoExpandSelectionRangeOnInlineNodePlugin: () => SafePlugin;

package/dist/types-ts4.5/pm-plugins/events/keydown.d.ts

@@ -1,4 +1,4 @@
 import type { EditorView } from '@atlaskit/editor-prosemirror/view';
-export declare function createOnKeydown({ __livePage }: {
+export declare function createOnKeydown({ __livePage, }: {
     __livePage?: boolean;
 }): (view: EditorView, event: Event) => boolean;

package/dist/types-ts4.5/pm-plugins/gap-cursor-main.d.ts

@@ -1,7 +1,8 @@
 import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
-declare const plugin: SafePlugin<{
+type GapCursorPluginState = {
     selectionIsGapCursor: boolean;
     displayGapCursor: boolean;
     hideCursor: boolean;
-}>;
+};
+declare const plugin: SafePlugin<GapCursorPluginState>;
 export default plugin;

package/dist/types-ts4.5/pm-plugins/gap-cursor-plugin-key.d.ts

@@ -1,2 +1,2 @@
 import { PluginKey } from '@atlaskit/editor-prosemirror/state';
-export declare const gapCursorPluginKey: PluginKey<any>;
+export declare const gapCursorPluginKey: PluginKey;

package/dist/types-ts4.5/pm-plugins/mark-boundary-cursor-plugin-key.d.ts

@@ -1,2 +1,2 @@
 import { PluginKey } from '@atlaskit/editor-prosemirror/state';
-export declare const markBoundaryCursorPluginKey: PluginKey<any>;
+export declare const markBoundaryCursorPluginKey: PluginKey;

package/dist/types-ts4.5/pm-plugins/plugin-factory.d.ts

@@ -1,2 +1,8 @@
+import type { Dispatch } from '@atlaskit/editor-common/event-dispatcher';
 import type { SelectionPluginState } from '@atlaskit/editor-common/selection';
-export declare const createCommand: <A = import("./actions").SelectionAction>(action: A | ((state: Readonly<import("prosemirror-state").EditorState>) => false | A), transform?: (tr: import("prosemirror-state").Transaction, state: import("prosemirror-state").EditorState) => import("prosemirror-state").Transaction) => import("@atlaskit/editor-common/types").Command, getPluginState: (state: import("prosemirror-state").EditorState) => SelectionPluginState, createPluginState: (dispatch: import("@atlaskit/editor-common/event-dispatcher").Dispatch, initialState: SelectionPluginState | ((state: import("prosemirror-state").EditorState) => SelectionPluginState)) => import("prosemirror-state").SafeStateField<SelectionPluginState>;
+import type { Command } from '@atlaskit/editor-common/types';
+import type { EditorState, SafeStateField, Transaction } from '@atlaskit/editor-prosemirror/state';
+import type { SelectionAction } from './actions';
+export declare const createCommand: <A = SelectionAction>(action: A | ((state: Readonly<EditorState>) => false | A), transform?: (tr: Transaction, state: EditorState) => Transaction) => Command;
+export declare const getPluginState: (state: EditorState) => SelectionPluginState;
+export declare const createPluginState: (dispatch: Dispatch, initialState: SelectionPluginState | ((state: EditorState) => SelectionPluginState)) => SafeStateField<SelectionPluginState>;

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

@@ -4,7 +4,7 @@ import type { LongPressSelectionPluginOptions } from '@atlaskit/editor-common/ty
 import type { JSONNode } from '@atlaskit/editor-json-transformer';
 import { PluginKey } from '@atlaskit/editor-prosemirror/state';
 import type { EditorState, Selection, Transaction } from '@atlaskit/editor-prosemirror/state';
-export declare const selectionPluginKey: PluginKey<any>;
+export declare const selectionPluginKey: PluginKey;
 export { RelativeSelectionPos };
 export declare enum SelectionDirection {
     Before = -1,

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-plugin-selection",
-	"version": "7.1.0",
+	"version": "8.0.1",
 	"description": "Selection plugin for @atlaskit/editor-core",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -20,17 +20,17 @@
 	},
 	"dependencies": {
 		"@atlaskit/editor-json-transformer": "^8.31.0",
-		"@atlaskit/editor-plugin-interaction": "^14.0.0",
+		"@atlaskit/editor-plugin-interaction": "^15.0.0",
 		"@atlaskit/editor-prosemirror": "^7.3.0",
 		"@atlaskit/editor-shared-styles": "^3.10.0",
 		"@atlaskit/editor-tables": "^2.9.0",
 		"@atlaskit/platform-feature-flags": "^1.1.0",
-		"@atlaskit/tmp-editor-statsig": "^35.5.0",
+		"@atlaskit/tmp-editor-statsig": "^36.0.0",
 		"@atlaskit/tokens": "^11.1.0",
 		"@babel/runtime": "^7.0.0"
 	},
 	"peerDependencies": {
-		"@atlaskit/editor-common": "^111.32.0",
+		"@atlaskit/editor-common": "^112.0.0",
 		"react": "^18.2.0"
 	},
 	"techstack": {