@atlaskit/editor-core 185.14.2 → 185.14.3

package/CHANGELOG.md

@@ -1,5 +1,13 @@
 # @atlaskit/editor-core
 
+## 185.14.3
+
+### Patch Changes
+
+- [`b8d84a1ffcd`](https://bitbucket.org/atlassian/atlassian-frontend/commits/b8d84a1ffcd) - [ux] ED-17632 disable table resizer when nested
+- [`f188d9ea397`](https://bitbucket.org/atlassian/atlassian-frontend/commits/f188d9ea397) - Create reference event for legacy image upload so DataTransfer is not lost
+- [`ade972c0252`](https://bitbucket.org/atlassian/atlassian-frontend/commits/ade972c0252) - Remove stopPropagation from paste image plugin main
+
 ## 185.14.2
 
 ### Patch Changes

package/dist/cjs/plugins/image-upload/pm-plugins/commands.js

@@ -28,7 +28,7 @@ exports.insertExternalImage = insertExternalImage;
 var startImageUpload = function startImageUpload(event) {
   return function (state, dispatch) {
     var pluginState = _pluginKey.stateKey.getState(state);
-    if (!(pluginState !== null && pluginState !== void 0 && pluginState.enabled)) {
+    if (pluginState && !pluginState.enabled) {
       return false;
     }
     if (dispatch) {

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

@@ -48,16 +48,54 @@ var hasScreenshotImageFromMSOffice = function hasScreenshotImageFromMSOffice(ev)
   var isImagePNG = file.type === 'image/png' && file.name === 'image.png';
   return isImagePNG && textPlain && isOfficeXMLNamespace;
 };
-var createDOMHandler = function createDOMHandler(pred, eventName) {
+var createReferenceEventFromEvent = function createReferenceEventFromEvent(event) {
+  var _event$dataTransfer, _event$clipboardData;
+  if (!(0, _dragDrop.isDragEvent)(event) && !(0, _clipboard.isClipboardEvent)(event)) {
+    return null;
+  }
+
+  // Get files list and early exit if files is undefined
+  var files = (0, _dragDrop.isDragEvent)(event) ? (_event$dataTransfer = event.dataTransfer) === null || _event$dataTransfer === void 0 ? void 0 : _event$dataTransfer.files : (_event$clipboardData = event.clipboardData) === null || _event$clipboardData === void 0 ? void 0 : _event$clipboardData.files;
+  if (!files) {
+    return null;
+  }
+
+  // Convert filelist into an array
+  var filesArray = Array.from(files);
+
+  // Creating a new DataTransfer object should remove any mutation that could be possible from the original event
+  var dataTransfer = filesArray.reduce(function (acc, value) {
+    acc.items.add(value);
+    return acc;
+  }, new DataTransfer());
+  return _objectSpread(_objectSpread({
+    type: (0, _dragDrop.isDragEvent)(event) ? 'drop' : 'paste'
+  }, (0, _dragDrop.isDragEvent)(event) && {
+    dataTransfer: dataTransfer
+  }), (0, _clipboard.isClipboardEvent)(event) && {
+    clipboardData: dataTransfer
+  });
+};
+var createDOMHandler = function createDOMHandler(pred, _eventName, uploadHandlerReference) {
   return function (view, event) {
     if (!pred(event)) {
       return false;
     }
     var shouldUpload = !hasScreenshotImageFromMSOffice(event);
-    if (shouldUpload) {
+    var referenceEvent = createReferenceEventFromEvent(event);
+    if (shouldUpload && referenceEvent) {
       event.preventDefault();
       event.stopPropagation();
-      (0, _commands.startImageUpload)(event)(view.state, view.dispatch);
+
+      // Insert external image into document
+      if (uploadHandlerReference.current) {
+        uploadHandlerReference.current(referenceEvent, function (options) {
+          (0, _commands.insertExternalImage)(options)(view.state, view.dispatch);
+        });
+      }
+
+      // Start image upload
+      (0, _commands.startImageUpload)(referenceEvent)(view.state, view.dispatch);
     }
     return shouldUpload;
   };
@@ -74,7 +112,9 @@ var getNewActiveUpload = function getNewActiveUpload(tr, pluginState) {
 var createPlugin = function createPlugin(_ref2) {
   var dispatch = _ref2.dispatch,
     providerFactory = _ref2.providerFactory;
-  var uploadHandler;
+  var uploadHandlerReference = {
+    current: null
+  };
   return new _safePlugin.SafePlugin({
     state: {
       init: function init(_config, state) {
@@ -104,6 +144,7 @@ var createPlugin = function createPlugin(_ref2) {
     view: function view() {
       var handleProvider = /*#__PURE__*/function () {
         var _ref3 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee(name, provider) {
+          var imageUploadProvider;
           return _regenerator.default.wrap(function _callee$(_context) {
             while (1) switch (_context.prev = _context.next) {
               case 0:
@@ -117,18 +158,19 @@ var createPlugin = function createPlugin(_ref2) {
                 _context.next = 5;
                 return provider;
               case 5:
-                uploadHandler = _context.sent;
-                _context.next = 11;
+                imageUploadProvider = _context.sent;
+                uploadHandlerReference.current = imageUploadProvider;
+                _context.next = 12;
                 break;
-              case 8:
-                _context.prev = 8;
+              case 9:
+                _context.prev = 9;
                 _context.t0 = _context["catch"](2);
-                uploadHandler = undefined;
-              case 11:
+                uploadHandlerReference.current = null;
+              case 12:
               case "end":
                 return _context.stop();
             }
-          }, _callee, null, [[2, 8]]);
+          }, _callee, null, [[2, 9]]);
         }));
         return function handleProvider(_x, _x2) {
           return _ref3.apply(this, arguments);
@@ -136,30 +178,16 @@ var createPlugin = function createPlugin(_ref2) {
       }();
       providerFactory.subscribe('imageUploadProvider', handleProvider);
       return {
-        update: function update(view, prevState) {
-          var editorState = view.state;
-          var currentState = _pluginKey.stateKey.getState(editorState);
-
-          // if we've add a new upload to the state, execute the uploadHandler
-          var oldState = _pluginKey.stateKey.getState(prevState);
-          if (currentState.activeUpload !== oldState.activeUpload && currentState.activeUpload && uploadHandler) {
-            var event = currentState.activeUpload.event;
-            if (!event || !hasScreenshotImageFromMSOffice(event)) {
-              uploadHandler(event, function (options) {
-                return (0, _commands.insertExternalImage)(options)(view.state, view.dispatch);
-              });
-            }
-          }
-        },
         destroy: function destroy() {
+          uploadHandlerReference.current = null;
           providerFactory.unsubscribe('imageUploadProvider', handleProvider);
         }
       };
     },
     props: {
       handleDOMEvents: {
-        drop: createDOMHandler(_dragDrop.isDroppedFile, 'atlassian.editor.image.drop'),
-        paste: createDOMHandler(_clipboard.isPastedFile, 'atlassian.editor.image.paste')
+        drop: createDOMHandler(_dragDrop.isDroppedFile, 'atlassian.editor.image.drop', uploadHandlerReference),
+        paste: createDOMHandler(_clipboard.isPastedFile, 'atlassian.editor.image.paste', uploadHandlerReference)
       }
     }
   });

package/dist/cjs/utils/clipboard.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.checkClipboardTypes = checkClipboardTypes;
-exports.copyToClipboard = exports.copyHTMLToClipboardPolyfill = exports.copyHTMLToClipboard = void 0;
+exports.isClipboardEvent = exports.copyToClipboard = exports.copyHTMLToClipboardPolyfill = exports.copyHTMLToClipboard = void 0;
 exports.isPastedFile = isPastedFile;
 var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
 var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
@@ -20,6 +20,12 @@ function checkClipboardTypes(type, item) {
   };
   return isDOMStringList(type) ? type.contains(item) : type.indexOf(item) > -1;
 }
+
+// Typeguard Function
+var isClipboardEvent = function isClipboardEvent(event) {
+  return 'clipboardData' in event;
+};
+exports.isClipboardEvent = isClipboardEvent;
 function isPastedFile(rawEvent) {
   var _ref = rawEvent,
     clipboardData = _ref.clipboardData;

package/dist/cjs/utils/drag-drop.js

@@ -3,7 +3,13 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
+exports.isDragEvent = void 0;
 exports.isDroppedFile = isDroppedFile;
+// Typeguard Function
+var isDragEvent = function isDragEvent(event) {
+  return 'dataTransfer' in event;
+};
+exports.isDragEvent = isDragEvent;
 function isDroppedFile(rawEvent) {
   var e = rawEvent;
   if (!e.dataTransfer) {

package/dist/cjs/version-wrapper.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.version = exports.nextMajorVersion = exports.name = void 0;
 var name = "@atlaskit/editor-core";
 exports.name = name;
-var version = "185.14.2";
+var version = "185.14.3";
 exports.version = version;
 var nextMajorVersion = function nextMajorVersion() {
   return [Number(version.split('.')[0]) + 1, 0, 0].join('.');

package/dist/cjs/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/editor-core",
-	"version": "185.14.2",
+	"version": "185.14.3",
 	"sideEffects": false
 }

package/dist/es2019/plugins/image-upload/pm-plugins/commands.js

@@ -18,7 +18,7 @@ export const insertExternalImage = options => (state, dispatch) => {
 };
 export const startImageUpload = event => (state, dispatch) => {
   const pluginState = stateKey.getState(state);
-  if (!(pluginState !== null && pluginState !== void 0 && pluginState.enabled)) {
+  if (pluginState && !pluginState.enabled) {
     return false;
   }
   if (dispatch) {

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

@@ -1,10 +1,9 @@
 import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
-import { isPastedFile } from '../../../utils/clipboard';
-import { isDroppedFile } from '../../../utils/drag-drop';
+import { isClipboardEvent, isPastedFile } from '../../../utils/clipboard';
+import { isDragEvent, isDroppedFile } from '../../../utils/drag-drop';
 import { canInsertMedia, isMediaSelected } from '../utils';
 import { insertExternalImage, startImageUpload } from './commands';
 import { stateKey } from './plugin-key';
-
 /**
  * Microsoft Office includes a screenshot image when copying text content.
  *
@@ -38,15 +37,55 @@ const hasScreenshotImageFromMSOffice = ev => {
   const isImagePNG = file.type === 'image/png' && file.name === 'image.png';
   return isImagePNG && textPlain && isOfficeXMLNamespace;
 };
-const createDOMHandler = (pred, eventName) => (view, event) => {
+const createReferenceEventFromEvent = event => {
+  var _event$dataTransfer, _event$clipboardData;
+  if (!isDragEvent(event) && !isClipboardEvent(event)) {
+    return null;
+  }
+
+  // Get files list and early exit if files is undefined
+  const files = isDragEvent(event) ? (_event$dataTransfer = event.dataTransfer) === null || _event$dataTransfer === void 0 ? void 0 : _event$dataTransfer.files : (_event$clipboardData = event.clipboardData) === null || _event$clipboardData === void 0 ? void 0 : _event$clipboardData.files;
+  if (!files) {
+    return null;
+  }
+
+  // Convert filelist into an array
+  const filesArray = Array.from(files);
+
+  // Creating a new DataTransfer object should remove any mutation that could be possible from the original event
+  const dataTransfer = filesArray.reduce((acc, value) => {
+    acc.items.add(value);
+    return acc;
+  }, new DataTransfer());
+  return {
+    type: isDragEvent(event) ? 'drop' : 'paste',
+    ...(isDragEvent(event) && {
+      dataTransfer
+    }),
+    ...(isClipboardEvent(event) && {
+      clipboardData: dataTransfer
+    })
+  };
+};
+const createDOMHandler = (pred, _eventName, uploadHandlerReference) => (view, event) => {
   if (!pred(event)) {
     return false;
   }
   const shouldUpload = !hasScreenshotImageFromMSOffice(event);
-  if (shouldUpload) {
+  const referenceEvent = createReferenceEventFromEvent(event);
+  if (shouldUpload && referenceEvent) {
     event.preventDefault();
     event.stopPropagation();
-    startImageUpload(event)(view.state, view.dispatch);
+
+    // Insert external image into document
+    if (uploadHandlerReference.current) {
+      uploadHandlerReference.current(referenceEvent, options => {
+        insertExternalImage(options)(view.state, view.dispatch);
+      });
+    }
+
+    // Start image upload
+    startImageUpload(referenceEvent)(view.state, view.dispatch);
   }
   return shouldUpload;
 };
@@ -63,7 +102,9 @@ export const createPlugin = ({
   dispatch,
   providerFactory
 }) => {
-  let uploadHandler;
+  let uploadHandlerReference = {
+    current: null
+  };
   return new SafePlugin({
     state: {
       init(_config, state) {
@@ -97,39 +138,24 @@ export const createPlugin = ({
           return;
         }
         try {
-          uploadHandler = await provider;
+          const imageUploadProvider = await provider;
+          uploadHandlerReference.current = imageUploadProvider;
         } catch (e) {
-          uploadHandler = undefined;
+          uploadHandlerReference.current = null;
         }
       };
       providerFactory.subscribe('imageUploadProvider', handleProvider);
       return {
-        update(view, prevState) {
-          const {
-            state: editorState
-          } = view;
-          const currentState = stateKey.getState(editorState);
-
-          // if we've add a new upload to the state, execute the uploadHandler
-          const oldState = stateKey.getState(prevState);
-          if (currentState.activeUpload !== oldState.activeUpload && currentState.activeUpload && uploadHandler) {
-            const {
-              event
-            } = currentState.activeUpload;
-            if (!event || !hasScreenshotImageFromMSOffice(event)) {
-              uploadHandler(event, options => insertExternalImage(options)(view.state, view.dispatch));
-            }
-          }
-        },
         destroy() {
+          uploadHandlerReference.current = null;
           providerFactory.unsubscribe('imageUploadProvider', handleProvider);
         }
       };
     },
     props: {
       handleDOMEvents: {
-        drop: createDOMHandler(isDroppedFile, 'atlassian.editor.image.drop'),
-        paste: createDOMHandler(isPastedFile, 'atlassian.editor.image.paste')
+        drop: createDOMHandler(isDroppedFile, 'atlassian.editor.image.drop', uploadHandlerReference),
+        paste: createDOMHandler(isPastedFile, 'atlassian.editor.image.paste', uploadHandlerReference)
       }
     }
   });

package/dist/es2019/utils/clipboard.js

@@ -3,6 +3,9 @@ export function checkClipboardTypes(type, item) {
   const isDOMStringList = t => !t.indexOf && !!t.contains;
   return isDOMStringList(type) ? type.contains(item) : type.indexOf(item) > -1;
 }
+
+// Typeguard Function
+export const isClipboardEvent = event => 'clipboardData' in event;
 export function isPastedFile(rawEvent) {
   const {
     clipboardData

package/dist/es2019/utils/drag-drop.js

@@ -1,3 +1,5 @@
+// Typeguard Function
+export const isDragEvent = event => 'dataTransfer' in event;
 export function isDroppedFile(rawEvent) {
   const e = rawEvent;
   if (!e.dataTransfer) {

package/dist/es2019/version-wrapper.js

@@ -1,5 +1,5 @@
 export const name = "@atlaskit/editor-core";
-export const version = "185.14.2";
+export const version = "185.14.3";
 export const nextMajorVersion = () => {
   return [Number(version.split('.')[0]) + 1, 0, 0].join('.');
 };

package/dist/es2019/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/editor-core",
-	"version": "185.14.2",
+	"version": "185.14.3",
 	"sideEffects": false
 }

package/dist/esm/plugins/image-upload/pm-plugins/commands.js

@@ -21,7 +21,7 @@ export var insertExternalImage = function insertExternalImage(options) {
 export var startImageUpload = function startImageUpload(event) {
   return function (state, dispatch) {
     var pluginState = stateKey.getState(state);
-    if (!(pluginState !== null && pluginState !== void 0 && pluginState.enabled)) {
+    if (pluginState && !pluginState.enabled) {
       return false;
     }
     if (dispatch) {

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

@@ -4,12 +4,11 @@ import _regeneratorRuntime from "@babel/runtime/regenerator";
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
-import { isPastedFile } from '../../../utils/clipboard';
-import { isDroppedFile } from '../../../utils/drag-drop';
+import { isClipboardEvent, isPastedFile } from '../../../utils/clipboard';
+import { isDragEvent, isDroppedFile } from '../../../utils/drag-drop';
 import { canInsertMedia, isMediaSelected } from '../utils';
 import { insertExternalImage, startImageUpload } from './commands';
 import { stateKey } from './plugin-key';
-
 /**
  * Microsoft Office includes a screenshot image when copying text content.
  *
@@ -42,16 +41,54 @@ var hasScreenshotImageFromMSOffice = function hasScreenshotImageFromMSOffice(ev)
   var isImagePNG = file.type === 'image/png' && file.name === 'image.png';
   return isImagePNG && textPlain && isOfficeXMLNamespace;
 };
-var createDOMHandler = function createDOMHandler(pred, eventName) {
+var createReferenceEventFromEvent = function createReferenceEventFromEvent(event) {
+  var _event$dataTransfer, _event$clipboardData;
+  if (!isDragEvent(event) && !isClipboardEvent(event)) {
+    return null;
+  }
+
+  // Get files list and early exit if files is undefined
+  var files = isDragEvent(event) ? (_event$dataTransfer = event.dataTransfer) === null || _event$dataTransfer === void 0 ? void 0 : _event$dataTransfer.files : (_event$clipboardData = event.clipboardData) === null || _event$clipboardData === void 0 ? void 0 : _event$clipboardData.files;
+  if (!files) {
+    return null;
+  }
+
+  // Convert filelist into an array
+  var filesArray = Array.from(files);
+
+  // Creating a new DataTransfer object should remove any mutation that could be possible from the original event
+  var dataTransfer = filesArray.reduce(function (acc, value) {
+    acc.items.add(value);
+    return acc;
+  }, new DataTransfer());
+  return _objectSpread(_objectSpread({
+    type: isDragEvent(event) ? 'drop' : 'paste'
+  }, isDragEvent(event) && {
+    dataTransfer: dataTransfer
+  }), isClipboardEvent(event) && {
+    clipboardData: dataTransfer
+  });
+};
+var createDOMHandler = function createDOMHandler(pred, _eventName, uploadHandlerReference) {
   return function (view, event) {
     if (!pred(event)) {
       return false;
     }
     var shouldUpload = !hasScreenshotImageFromMSOffice(event);
-    if (shouldUpload) {
+    var referenceEvent = createReferenceEventFromEvent(event);
+    if (shouldUpload && referenceEvent) {
       event.preventDefault();
       event.stopPropagation();
-      startImageUpload(event)(view.state, view.dispatch);
+
+      // Insert external image into document
+      if (uploadHandlerReference.current) {
+        uploadHandlerReference.current(referenceEvent, function (options) {
+          insertExternalImage(options)(view.state, view.dispatch);
+        });
+      }
+
+      // Start image upload
+      startImageUpload(referenceEvent)(view.state, view.dispatch);
     }
     return shouldUpload;
   };
@@ -68,7 +105,9 @@ var getNewActiveUpload = function getNewActiveUpload(tr, pluginState) {
 export var createPlugin = function createPlugin(_ref2) {
   var dispatch = _ref2.dispatch,
     providerFactory = _ref2.providerFactory;
-  var uploadHandler;
+  var uploadHandlerReference = {
+    current: null
+  };
   return new SafePlugin({
     state: {
       init: function init(_config, state) {
@@ -98,6 +137,7 @@ export var createPlugin = function createPlugin(_ref2) {
     view: function view() {
       var handleProvider = /*#__PURE__*/function () {
         var _ref3 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(name, provider) {
+          var imageUploadProvider;
           return _regeneratorRuntime.wrap(function _callee$(_context) {
             while (1) switch (_context.prev = _context.next) {
               case 0:
@@ -111,18 +151,19 @@ export var createPlugin = function createPlugin(_ref2) {
                 _context.next = 5;
                 return provider;
               case 5:
-                uploadHandler = _context.sent;
-                _context.next = 11;
+                imageUploadProvider = _context.sent;
+                uploadHandlerReference.current = imageUploadProvider;
+                _context.next = 12;
                 break;
-              case 8:
-                _context.prev = 8;
+              case 9:
+                _context.prev = 9;
                 _context.t0 = _context["catch"](2);
-                uploadHandler = undefined;
-              case 11:
+                uploadHandlerReference.current = null;
+              case 12:
               case "end":
                 return _context.stop();
             }
-          }, _callee, null, [[2, 8]]);
+          }, _callee, null, [[2, 9]]);
         }));
         return function handleProvider(_x, _x2) {
           return _ref3.apply(this, arguments);
@@ -130,30 +171,16 @@ export var createPlugin = function createPlugin(_ref2) {
       }();
       providerFactory.subscribe('imageUploadProvider', handleProvider);
       return {
-        update: function update(view, prevState) {
-          var editorState = view.state;
-          var currentState = stateKey.getState(editorState);
-
-          // if we've add a new upload to the state, execute the uploadHandler
-          var oldState = stateKey.getState(prevState);
-          if (currentState.activeUpload !== oldState.activeUpload && currentState.activeUpload && uploadHandler) {
-            var event = currentState.activeUpload.event;
-            if (!event || !hasScreenshotImageFromMSOffice(event)) {
-              uploadHandler(event, function (options) {
-                return insertExternalImage(options)(view.state, view.dispatch);
-              });
-            }
-          }
-        },
         destroy: function destroy() {
+          uploadHandlerReference.current = null;
           providerFactory.unsubscribe('imageUploadProvider', handleProvider);
         }
       };
     },
     props: {
       handleDOMEvents: {
-        drop: createDOMHandler(isDroppedFile, 'atlassian.editor.image.drop'),
-        paste: createDOMHandler(isPastedFile, 'atlassian.editor.image.paste')
+        drop: createDOMHandler(isDroppedFile, 'atlassian.editor.image.drop', uploadHandlerReference),
+        paste: createDOMHandler(isPastedFile, 'atlassian.editor.image.paste', uploadHandlerReference)
       }
     }
   });

package/dist/esm/utils/clipboard.js

@@ -8,6 +8,11 @@ export function checkClipboardTypes(type, item) {
   };
   return isDOMStringList(type) ? type.contains(item) : type.indexOf(item) > -1;
 }
+
+// Typeguard Function
+export var isClipboardEvent = function isClipboardEvent(event) {
+  return 'clipboardData' in event;
+};
 export function isPastedFile(rawEvent) {
   var _ref = rawEvent,
     clipboardData = _ref.clipboardData;

package/dist/esm/utils/drag-drop.js

@@ -1,3 +1,7 @@
+// Typeguard Function
+export var isDragEvent = function isDragEvent(event) {
+  return 'dataTransfer' in event;
+};
 export function isDroppedFile(rawEvent) {
   var e = rawEvent;
   if (!e.dataTransfer) {

package/dist/esm/version-wrapper.js

@@ -1,5 +1,5 @@
 export var name = "@atlaskit/editor-core";
-export var version = "185.14.2";
+export var version = "185.14.3";
 export var nextMajorVersion = function nextMajorVersion() {
   return [Number(version.split('.')[0]) + 1, 0, 0].join('.');
 };

package/dist/esm/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/editor-core",
-	"version": "185.14.2",
+	"version": "185.14.3",
 	"sideEffects": false
 }

package/dist/types/create-editor/get-plugins.d.ts

@@ -28,7 +28,7 @@ export type LightPMPlugin = {
 };
 export type OnEditorViewStateUpdated = (props: {
     readonly originalTransaction: Readonly<Transaction>;
-    readonly transactions: Transaction[];
+    readonly transactions: ReadonlyArray<Transaction>;
     readonly oldEditorState: Readonly<EditorState>;
     readonly newEditorState: Readonly<EditorState>;
 }) => void;

package/dist/types/plugins/image-upload/pm-plugins/actions.d.ts

@@ -1,2 +1,3 @@
 import { Transaction } from 'prosemirror-state';
-export declare const startUpload: (event: any) => (tr: Transaction) => Transaction;
+import { ImageUploadPluginReferenceEvent } from '@atlaskit/editor-common/types';
+export declare const startUpload: (event?: ImageUploadPluginReferenceEvent) => (tr: Transaction) => Transaction;

package/dist/types/plugins/image-upload/pm-plugins/commands.d.ts

@@ -1,4 +1,5 @@
 import { InsertedImageProperties } from '@atlaskit/editor-common/provider-factory';
-import { Command } from '../../../types';
+import type { Command } from '../../../types';
+import { ImageUploadPluginReferenceEvent } from '@atlaskit/editor-common/types';
 export declare const insertExternalImage: (options: InsertedImageProperties) => Command;
-export declare const startImageUpload: (event?: Event) => Command;
+export declare const startImageUpload: (event?: ImageUploadPluginReferenceEvent) => Command;

package/dist/types/plugins/image-upload/pm-plugins/main.d.ts

@@ -1,4 +1,4 @@
 import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
 import { ImageUploadPluginState } from '../types';
-import { PMPluginFactoryParams } from '../../../types';
+import type { PMPluginFactoryParams } from '../../../types';
 export declare const createPlugin: ({ dispatch, providerFactory, }: PMPluginFactoryParams) => SafePlugin<ImageUploadPluginState>;

package/dist/types/plugins/image-upload/types.d.ts

@@ -1,13 +1,14 @@
+import { ImageUploadPluginReferenceEvent } from '@atlaskit/editor-common/types';
 export type { InsertedImageProperties, ImageUploadProvider as ImageUploadHandler, } from '@atlaskit/editor-common/provider-factory';
 export type ImageUploadPluginAction = {
     name: 'START_UPLOAD';
-    event?: Event;
+    event?: ImageUploadPluginReferenceEvent;
 };
 export type ImageUploadPluginState = {
     active: boolean;
     enabled: boolean;
     hidden: boolean;
     activeUpload?: {
-        event?: Event;
+        event?: ImageUploadPluginReferenceEvent;
     };
 };

package/dist/types/plugins/insert-block/ui/ToolbarInsertBlock/types.d.ts

@@ -1,6 +1,6 @@
 import { INPUT_METHOD } from '../../../analytics/types';
 import { EditorView } from 'prosemirror-view';
-import { EditorActionsOptions as EditorActions, FeatureFlags, ExtractInjectionAPI } from '@atlaskit/editor-common/types';
+import { EditorActionsOptions as EditorActions, FeatureFlags, ExtractInjectionAPI, ImageUploadPluginReferenceEvent } from '@atlaskit/editor-common/types';
 import { Command } from '../../../../types/command';
 import { EmojiProvider } from '@atlaskit/emoji';
 import { BlockType } from '../../../block-type/types';
@@ -25,7 +25,7 @@ export interface Props {
     mediaSupported?: boolean;
     imageUploadSupported?: boolean;
     imageUploadEnabled?: boolean;
-    handleImageUpload?: (event?: Event) => Command;
+    handleImageUpload?: (event?: ImageUploadPluginReferenceEvent) => Command;
     dateEnabled?: boolean;
     horizontalRuleEnabled?: boolean;
     placeholderTextEnabled?: boolean;

package/dist/types/plugins/media/nodeviews/mediaSingle.d.ts

@@ -2,7 +2,7 @@
 import { jsx } from '@emotion/react';
 import React, { Component, MouseEvent } from 'react';
 import { Node as PMNode } from 'prosemirror-model';
-import { EditorView, Decoration } from 'prosemirror-view';
+import { DecorationSource, EditorView, Decoration } from 'prosemirror-view';
 import { RichMediaLayout as MediaSingleLayout } from '@atlaskit/adf-schema';
 import { ProviderFactory } from '@atlaskit/editor-common/provider-factory';
 import type { ContextIdentifierProvider } from '@atlaskit/editor-common/provider-factory';
@@ -56,7 +56,7 @@ declare class MediaSingleNodeView extends ReactNodeView<MediaSingleNodeViewProps
     checkAndUpdateSelectionType: () => import("@atlaskit/editor-common/utils").SelectedState | null;
     isNodeSelected: () => boolean;
     getNodeMediaId(node: PMNode): string | undefined;
-    update(node: PMNode, decorations: readonly Decoration[], _innerDecorations?: Decoration[], isValidUpdate?: (currentNode: PMNode, newNode: PMNode) => boolean): boolean;
+    update(node: PMNode, decorations: readonly Decoration[], _innerDecorations?: DecorationSource, isValidUpdate?: (currentNode: PMNode, newNode: PMNode) => boolean): boolean;
     render(props: MediaSingleNodeViewProps, forwardRef?: ForwardRef): jsx.JSX.Element;
     ignoreMutation(): boolean;
 }

package/dist/types/utils/clipboard.d.ts

@@ -1,4 +1,5 @@
 export declare function checkClipboardTypes(type: DOMStringList | ReadonlyArray<string>, item: string): boolean;
+export declare const isClipboardEvent: (event: Event) => event is ClipboardEvent;
 export declare function isPastedFile(rawEvent: Event): boolean;
 export declare const copyToClipboard: (textToCopy: string) => Promise<void>;
 export declare const copyHTMLToClipboard: (elementToCopy: HTMLElement, plainTextToCopy?: string) => Promise<void>;

package/dist/types/utils/drag-drop.d.ts

@@ -1 +1,2 @@
+export declare const isDragEvent: (event: Event) => event is DragEvent;
 export declare function isDroppedFile(rawEvent: Event): boolean;

package/dist/types-ts4.5/create-editor/get-plugins.d.ts

@@ -28,7 +28,7 @@ export type LightPMPlugin = {
 };
 export type OnEditorViewStateUpdated = (props: {
     readonly originalTransaction: Readonly<Transaction>;
-    readonly transactions: Transaction[];
+    readonly transactions: ReadonlyArray<Transaction>;
     readonly oldEditorState: Readonly<EditorState>;
     readonly newEditorState: Readonly<EditorState>;
 }) => void;

package/dist/types-ts4.5/plugins/image-upload/pm-plugins/actions.d.ts

@@ -1,2 +1,3 @@
 import { Transaction } from 'prosemirror-state';
-export declare const startUpload: (event: any) => (tr: Transaction) => Transaction;
+import { ImageUploadPluginReferenceEvent } from '@atlaskit/editor-common/types';
+export declare const startUpload: (event?: ImageUploadPluginReferenceEvent) => (tr: Transaction) => Transaction;

package/dist/types-ts4.5/plugins/image-upload/pm-plugins/commands.d.ts

@@ -1,4 +1,5 @@
 import { InsertedImageProperties } from '@atlaskit/editor-common/provider-factory';
-import { Command } from '../../../types';
+import type { Command } from '../../../types';
+import { ImageUploadPluginReferenceEvent } from '@atlaskit/editor-common/types';
 export declare const insertExternalImage: (options: InsertedImageProperties) => Command;
-export declare const startImageUpload: (event?: Event) => Command;
+export declare const startImageUpload: (event?: ImageUploadPluginReferenceEvent) => Command;

package/dist/types-ts4.5/plugins/image-upload/pm-plugins/main.d.ts

@@ -1,4 +1,4 @@
 import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
 import { ImageUploadPluginState } from '../types';
-import { PMPluginFactoryParams } from '../../../types';
+import type { PMPluginFactoryParams } from '../../../types';
 export declare const createPlugin: ({ dispatch, providerFactory, }: PMPluginFactoryParams) => SafePlugin<ImageUploadPluginState>;

package/dist/types-ts4.5/plugins/image-upload/types.d.ts

@@ -1,13 +1,14 @@
+import { ImageUploadPluginReferenceEvent } from '@atlaskit/editor-common/types';
 export type { InsertedImageProperties, ImageUploadProvider as ImageUploadHandler, } from '@atlaskit/editor-common/provider-factory';
 export type ImageUploadPluginAction = {
     name: 'START_UPLOAD';
-    event?: Event;
+    event?: ImageUploadPluginReferenceEvent;
 };
 export type ImageUploadPluginState = {
     active: boolean;
     enabled: boolean;
     hidden: boolean;
     activeUpload?: {
-        event?: Event;
+        event?: ImageUploadPluginReferenceEvent;
     };
 };

package/dist/types-ts4.5/plugins/insert-block/ui/ToolbarInsertBlock/types.d.ts

@@ -1,6 +1,6 @@
 import { INPUT_METHOD } from '../../../analytics/types';
 import { EditorView } from 'prosemirror-view';
-import { EditorActionsOptions as EditorActions, FeatureFlags, ExtractInjectionAPI } from '@atlaskit/editor-common/types';
+import { EditorActionsOptions as EditorActions, FeatureFlags, ExtractInjectionAPI, ImageUploadPluginReferenceEvent } from '@atlaskit/editor-common/types';
 import { Command } from '../../../../types/command';
 import { EmojiProvider } from '@atlaskit/emoji';
 import { BlockType } from '../../../block-type/types';
@@ -25,7 +25,7 @@ export interface Props {
     mediaSupported?: boolean;
     imageUploadSupported?: boolean;
     imageUploadEnabled?: boolean;
-    handleImageUpload?: (event?: Event) => Command;
+    handleImageUpload?: (event?: ImageUploadPluginReferenceEvent) => Command;
     dateEnabled?: boolean;
     horizontalRuleEnabled?: boolean;
     placeholderTextEnabled?: boolean;

package/dist/types-ts4.5/plugins/media/nodeviews/mediaSingle.d.ts

@@ -2,7 +2,7 @@
 import { jsx } from '@emotion/react';
 import React, { Component, MouseEvent } from 'react';
 import { Node as PMNode } from 'prosemirror-model';
-import { EditorView, Decoration } from 'prosemirror-view';
+import { DecorationSource, EditorView, Decoration } from 'prosemirror-view';
 import { RichMediaLayout as MediaSingleLayout } from '@atlaskit/adf-schema';
 import { ProviderFactory } from '@atlaskit/editor-common/provider-factory';
 import type { ContextIdentifierProvider } from '@atlaskit/editor-common/provider-factory';
@@ -56,7 +56,7 @@ declare class MediaSingleNodeView extends ReactNodeView<MediaSingleNodeViewProps
     checkAndUpdateSelectionType: () => import("@atlaskit/editor-common/utils").SelectedState | null;
     isNodeSelected: () => boolean;
     getNodeMediaId(node: PMNode): string | undefined;
-    update(node: PMNode, decorations: readonly Decoration[], _innerDecorations?: Decoration[], isValidUpdate?: (currentNode: PMNode, newNode: PMNode) => boolean): boolean;
+    update(node: PMNode, decorations: readonly Decoration[], _innerDecorations?: DecorationSource, isValidUpdate?: (currentNode: PMNode, newNode: PMNode) => boolean): boolean;
     render(props: MediaSingleNodeViewProps, forwardRef?: ForwardRef): jsx.JSX.Element;
     ignoreMutation(): boolean;
 }

package/dist/types-ts4.5/utils/clipboard.d.ts

@@ -1,4 +1,5 @@
 export declare function checkClipboardTypes(type: DOMStringList | ReadonlyArray<string>, item: string): boolean;
+export declare const isClipboardEvent: (event: Event) => event is ClipboardEvent;
 export declare function isPastedFile(rawEvent: Event): boolean;
 export declare const copyToClipboard: (textToCopy: string) => Promise<void>;
 export declare const copyHTMLToClipboard: (elementToCopy: HTMLElement, plainTextToCopy?: string) => Promise<void>;

package/dist/types-ts4.5/utils/drag-drop.d.ts

@@ -1 +1,2 @@
+export declare const isDragEvent: (event: Event) => event is DragEvent;
 export declare function isDroppedFile(rawEvent: Event): boolean;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/editor-core",
-  "version": "185.14.2",
+  "version": "185.14.3",
   "description": "A package contains Atlassian editor core functionality",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"

package/report.api.md

@@ -1838,7 +1838,7 @@ type NormalTextLevel = 0;
 // @public (undocumented)
 type OnEditorViewStateUpdated = (props: {
   readonly originalTransaction: Readonly<Transaction>;
-  readonly transactions: Transaction[];
+  readonly transactions: ReadonlyArray<Transaction>;
   readonly oldEditorState: Readonly<EditorState>;
   readonly newEditorState: Readonly<EditorState>;
 }) => void;