@ckeditor/ckeditor5-clipboard 35.2.1 → 35.3.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ckeditor/ckeditor5-clipboard",
-  "version": "35.2.1",
+  "version": "35.3.1",
   "description": "Clipboard integration feature for CKEditor 5.",
   "keywords": [
     "ckeditor",
@@ -12,30 +12,33 @@
   ],
   "main": "src/index.js",
   "dependencies": {
-    "@ckeditor/ckeditor5-core": "^35.2.1",
-    "@ckeditor/ckeditor5-engine": "^35.2.1",
-    "@ckeditor/ckeditor5-utils": "^35.2.1",
-    "@ckeditor/ckeditor5-widget": "^35.2.1",
+    "@ckeditor/ckeditor5-core": "^35.3.1",
+    "@ckeditor/ckeditor5-engine": "^35.3.1",
+    "@ckeditor/ckeditor5-utils": "^35.3.1",
+    "@ckeditor/ckeditor5-widget": "^35.3.1",
     "lodash-es": "^4.17.11"
   },
   "devDependencies": {
-    "@ckeditor/ckeditor5-alignment": "^35.2.1",
-    "@ckeditor/ckeditor5-basic-styles": "^35.2.1",
-    "@ckeditor/ckeditor5-block-quote": "^35.2.1",
-    "@ckeditor/ckeditor5-cloud-services": "^35.2.1",
-    "@ckeditor/ckeditor5-code-block": "^35.2.1",
-    "@ckeditor/ckeditor5-easy-image": "^35.2.1",
-    "@ckeditor/ckeditor5-editor-classic": "^35.2.1",
-    "@ckeditor/ckeditor5-enter": "^35.2.1",
-    "@ckeditor/ckeditor5-horizontal-line": "^35.2.1",
-    "@ckeditor/ckeditor5-image": "^35.2.1",
-    "@ckeditor/ckeditor5-link": "^35.2.1",
-    "@ckeditor/ckeditor5-page-break": "^35.2.1",
-    "@ckeditor/ckeditor5-paragraph": "^35.2.1",
-    "@ckeditor/ckeditor5-paste-from-office": "^35.2.1",
-    "@ckeditor/ckeditor5-remove-format": "^35.2.1",
-    "@ckeditor/ckeditor5-table": "^35.2.1",
-    "@ckeditor/ckeditor5-typing": "^35.2.1"
+    "@ckeditor/ckeditor5-alignment": "^35.3.1",
+    "@ckeditor/ckeditor5-basic-styles": "^35.3.1",
+    "@ckeditor/ckeditor5-block-quote": "^35.3.1",
+    "@ckeditor/ckeditor5-cloud-services": "^35.3.1",
+    "@ckeditor/ckeditor5-code-block": "^35.3.1",
+    "@ckeditor/ckeditor5-easy-image": "^35.3.1",
+    "@ckeditor/ckeditor5-editor-classic": "^35.3.1",
+    "@ckeditor/ckeditor5-enter": "^35.3.1",
+    "@ckeditor/ckeditor5-horizontal-line": "^35.3.1",
+    "@ckeditor/ckeditor5-image": "^35.3.1",
+    "@ckeditor/ckeditor5-link": "^35.3.1",
+    "@ckeditor/ckeditor5-page-break": "^35.3.1",
+    "@ckeditor/ckeditor5-paragraph": "^35.3.1",
+    "@ckeditor/ckeditor5-paste-from-office": "^35.3.1",
+    "@ckeditor/ckeditor5-remove-format": "^35.3.1",
+    "@ckeditor/ckeditor5-table": "^35.3.1",
+    "@ckeditor/ckeditor5-typing": "^35.3.1",
+    "typescript": "^4.8.4",
+    "webpack": "^5.58.1",
+    "webpack-cli": "^4.9.0"
   },
   "engines": {
     "node": ">=14.0.0",
@@ -52,9 +55,14 @@
   },
   "files": [
     "lang",
-    "src",
+    "src/**/*.js",
+    "src/**/*.d.ts",
     "theme",
     "ckeditor5-metadata.json",
     "CHANGELOG.md"
-  ]
+  ],
+  "scripts": {
+    "build": "tsc -p ./tsconfig.release.json",
+    "postversion": "npm run build"
+  }
 }

package/src/clipboard.js

@@ -2,17 +2,13 @@
  * @license Copyright (c) 2003-2022, CKSource Holding sp. z o.o. All rights reserved.
  * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
  */
-
 /**
  * @module clipboard/clipboard
  */
-
 import Plugin from '@ckeditor/ckeditor5-core/src/plugin';
-
 import ClipboardPipeline from './clipboardpipeline';
 import DragDrop from './dragdrop';
 import PastePlainText from './pasteplaintext';
-
 /**
  * The clipboard feature.
  *
@@ -26,17 +22,16 @@ import PastePlainText from './pasteplaintext';
  * @extends module:core/plugin~Plugin
  */
 export default class Clipboard extends Plugin {
-	/**
-	 * @inheritDoc
-	 */
-	static get pluginName() {
-		return 'Clipboard';
-	}
-
-	/**
-	 * @inheritDoc
-	 */
-	static get requires() {
-		return [ ClipboardPipeline, DragDrop, PastePlainText ];
-	}
+    /**
+     * @inheritDoc
+     */
+    static get pluginName() {
+        return 'Clipboard';
+    }
+    /**
+     * @inheritDoc
+     */
+    static get requires() {
+        return [ClipboardPipeline, DragDrop, PastePlainText];
+    }
 }

package/src/clipboardobserver.js

@@ -2,15 +2,12 @@
  * @license Copyright (c) 2003-2022, CKSource Holding sp. z o.o. All rights reserved.
  * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
  */
-
 /**
  * @module clipboard/clipboardobserver
  */
-
 import DomEventObserver from '@ckeditor/ckeditor5-engine/src/view/observer/domeventobserver';
 import EventInfo from '@ckeditor/ckeditor5-utils/src/eventinfo';
-import DataTransfer from './datatransfer';
-
+import DataTransfer from '@ckeditor/ckeditor5-engine/src/view/datatransfer';
 /**
  * Clipboard events observer.
  *
@@ -36,78 +33,63 @@ import DataTransfer from './datatransfer';
  * @extends module:engine/view/observer/domeventobserver~DomEventObserver
  */
 export default class ClipboardObserver extends DomEventObserver {
-	constructor( view ) {
-		super( view );
-
-		const viewDocument = this.document;
-
-		this.domEventType = [ 'paste', 'copy', 'cut', 'drop', 'dragover', 'dragstart', 'dragend', 'dragenter', 'dragleave' ];
-
-		this.listenTo( viewDocument, 'paste', handleInput( 'clipboardInput' ), { priority: 'low' } );
-		this.listenTo( viewDocument, 'drop', handleInput( 'clipboardInput' ), { priority: 'low' } );
-		this.listenTo( viewDocument, 'dragover', handleInput( 'dragging' ), { priority: 'low' } );
-
-		function handleInput( type ) {
-			return ( evt, data ) => {
-				data.preventDefault();
-
-				const targetRanges = data.dropRange ? [ data.dropRange ] : null;
-				const eventInfo = new EventInfo( viewDocument, type );
-
-				viewDocument.fire( eventInfo, {
-					dataTransfer: data.dataTransfer,
-					method: evt.name,
-					targetRanges,
-					target: data.target
-				} );
-
-				// If CKEditor handled the input, do not bubble the original event any further.
-				// This helps external integrations recognize that fact and act accordingly.
-				// https://github.com/ckeditor/ckeditor5-upload/issues/92
-				if ( eventInfo.stop.called ) {
-					data.stopPropagation();
-				}
-			};
-		}
-	}
-
-	onDomEvent( domEvent ) {
-		const evtData = {
-			dataTransfer: new DataTransfer( domEvent.clipboardData ? domEvent.clipboardData : domEvent.dataTransfer )
-		};
-
-		if ( domEvent.type == 'drop' || domEvent.type == 'dragover' ) {
-			evtData.dropRange = getDropViewRange( this.view, domEvent );
-		}
-
-		this.fire( domEvent.type, domEvent, evtData );
-	}
+    constructor(view) {
+        super(view);
+        const viewDocument = this.document;
+        this.domEventType = ['paste', 'copy', 'cut', 'drop', 'dragover', 'dragstart', 'dragend', 'dragenter', 'dragleave'];
+        this.listenTo(viewDocument, 'paste', handleInput('clipboardInput'), { priority: 'low' });
+        this.listenTo(viewDocument, 'drop', handleInput('clipboardInput'), { priority: 'low' });
+        this.listenTo(viewDocument, 'dragover', handleInput('dragging'), { priority: 'low' });
+        function handleInput(type) {
+            return (evt, data) => {
+                data.preventDefault();
+                const targetRanges = data.dropRange ? [data.dropRange] : null;
+                const eventInfo = new EventInfo(viewDocument, type);
+                viewDocument.fire(eventInfo, {
+                    dataTransfer: data.dataTransfer,
+                    method: evt.name,
+                    targetRanges,
+                    target: data.target
+                });
+                // If CKEditor handled the input, do not bubble the original event any further.
+                // This helps external integrations recognize that fact and act accordingly.
+                // https://github.com/ckeditor/ckeditor5-upload/issues/92
+                if (eventInfo.stop.called) {
+                    data.stopPropagation();
+                }
+            };
+        }
+    }
+    onDomEvent(domEvent) {
+        const evtData = {
+            dataTransfer: new DataTransfer('clipboardData' in domEvent ? domEvent.clipboardData : domEvent.dataTransfer)
+        };
+        if (domEvent.type == 'drop' || domEvent.type == 'dragover') {
+            evtData.dropRange = getDropViewRange(this.view, domEvent);
+        }
+        this.fire(domEvent.type, domEvent, evtData);
+    }
 }
-
-function getDropViewRange( view, domEvent ) {
-	const domDoc = domEvent.target.ownerDocument;
-	const x = domEvent.clientX;
-	const y = domEvent.clientY;
-	let domRange;
-
-	// Webkit & Blink.
-	if ( domDoc.caretRangeFromPoint && domDoc.caretRangeFromPoint( x, y ) ) {
-		domRange = domDoc.caretRangeFromPoint( x, y );
-	}
-	// FF.
-	else if ( domEvent.rangeParent ) {
-		domRange = domDoc.createRange();
-		domRange.setStart( domEvent.rangeParent, domEvent.rangeOffset );
-		domRange.collapse( true );
-	}
-
-	if ( domRange ) {
-		return view.domConverter.domRangeToView( domRange );
-	}
-
-	return null;
+function getDropViewRange(view, domEvent) {
+    const domDoc = domEvent.target.ownerDocument;
+    const x = domEvent.clientX;
+    const y = domEvent.clientY;
+    let domRange;
+    // Webkit & Blink.
+    if (domDoc.caretRangeFromPoint && domDoc.caretRangeFromPoint(x, y)) {
+        domRange = domDoc.caretRangeFromPoint(x, y);
+    }
+    // FF.
+    else if (domEvent.rangeParent) {
+        domRange = domDoc.createRange();
+        domRange.setStart(domEvent.rangeParent, domEvent.rangeOffset);
+        domRange.collapse(true);
+    }
+    if (domRange) {
+        return view.domConverter.domRangeToView(domRange);
+    }
+    return null;
 }
-
 /**
  * Fired as a continuation of the {@link #event:paste} and {@link #event:drop} events.
  *
@@ -125,7 +107,7 @@ function getDropViewRange( view, domEvent ) {
  * @see module:clipboard/clipboard~Clipboard
  * @event module:engine/view/document~Document#event:clipboardInput
  * @param {Object} data The event data.
- * @param {module:clipboard/datatransfer~DataTransfer} data.dataTransfer The data transfer instance.
+ * @param {module:engine/view/datatransfer~DataTransfer} data.dataTransfer Data transfer instance.
  * @param {'paste'|'drop'} method Whether the event was triggered by a paste or drop operation.
  * @param {module:engine/view/element~Element} target The tree view element representing the target.
  * @param {Array.<module:engine/view/range~Range>} data.targetRanges Ranges which are the target of the operation
@@ -133,7 +115,6 @@ function getDropViewRange( view, domEvent ) {
  * If the clipboard input was triggered by a paste operation, this property is not set. If by a drop operation,
  * then it is the drop position (which can be different than the selection at the moment of drop).
  */
-
 /**
  * Fired when the user drags the content over one of the editing roots of the editor.
  *
@@ -148,7 +129,6 @@ function getDropViewRange( view, domEvent ) {
  * @event module:engine/view/document~Document#event:dragover
  * @param {module:clipboard/clipboardobserver~ClipboardEventData} data The event data.
  */
-
 /**
  * Fired when the user dropped the content into one of the editing roots of the editor.
  *
@@ -164,7 +144,6 @@ function getDropViewRange( view, domEvent ) {
  * @param {module:clipboard/clipboardobserver~ClipboardEventData} data The event data.
  * @param {module:engine/view/range~Range} dropRange The position into which the content is dropped.
  */
-
 /**
  * Fired when the user pasted the content into one of the editing roots of the editor.
  *
@@ -179,7 +158,6 @@ function getDropViewRange( view, domEvent ) {
  * @event module:engine/view/document~Document#event:paste
  * @param {module:clipboard/clipboardobserver~ClipboardEventData} data The event data.
  */
-
 /**
  * Fired when the user copied the content from one of the editing roots of the editor.
  *
@@ -194,7 +172,6 @@ function getDropViewRange( view, domEvent ) {
  * @event module:engine/view/document~Document#event:copy
  * @param {module:clipboard/clipboardobserver~ClipboardEventData} data The event data.
  */
-
 /**
  * Fired when the user cut the content from one of the editing roots of the editor.
  *
@@ -209,7 +186,6 @@ function getDropViewRange( view, domEvent ) {
  * @event module:engine/view/document~Document#event:cut
  * @param {module:clipboard/clipboardobserver~ClipboardEventData} data The event data.
  */
-
 /**
  * The value of the {@link module:engine/view/document~Document#event:paste},
  * {@link module:engine/view/document~Document#event:copy} and {@link module:engine/view/document~Document#event:cut} events.
@@ -219,14 +195,12 @@ function getDropViewRange( view, domEvent ) {
  * @class module:clipboard/clipboardobserver~ClipboardEventData
  * @extends module:engine/view/observer/domeventdata~DomEventData
  */
-
 /**
  * The data transfer instance.
  *
  * @readonly
- * @member {module:clipboard/datatransfer~DataTransfer} module:clipboard/clipboardobserver~ClipboardEventData#dataTransfer
+ * @member {module:engine/view/datatransfer~DataTransfer} module:clipboard/clipboardobserver~ClipboardEventData#dataTransfer
  */
-
 /**
  * Fired as a continuation of the {@link #event:dragover} event.
  *
@@ -244,13 +218,12 @@ function getDropViewRange( view, domEvent ) {
  * @see module:clipboard/clipboard~Clipboard
  * @event module:engine/view/document~Document#event:dragging
  * @param {Object} data The event data.
- * @param {module:clipboard/datatransfer~DataTransfer} data.dataTransfer The data transfer instance.
+ * @param {module:engine/view/datatransfer~DataTransfer} data.dataTransfer The data transfer instance.
  * @param {module:engine/view/element~Element} target The tree view element representing the target.
  * @param {Array.<module:engine/view/range~Range>} data.targetRanges Ranges which are the target of the operation
  * (usually – into which the content should be inserted).
  * It is the drop position (which can be different than the selection at the moment of drop).
  */
-
 /**
  * Fired when the user starts dragging the content in one of the editing roots of the editor.
  *
@@ -265,7 +238,6 @@ function getDropViewRange( view, domEvent ) {
  * @event module:engine/view/document~Document#event:dragstart
  * @param {module:clipboard/clipboardobserver~ClipboardEventData} data The event data.
  */
-
 /**
  * Fired when the user ended dragging the content.
  *
@@ -280,7 +252,6 @@ function getDropViewRange( view, domEvent ) {
  * @event module:engine/view/document~Document#event:dragend
  * @param {module:clipboard/clipboardobserver~ClipboardEventData} data The event data.
  */
-
 /**
  * Fired when the user drags the content into one of the editing roots of the editor.
  *
@@ -295,7 +266,6 @@ function getDropViewRange( view, domEvent ) {
  * @event module:engine/view/document~Document#event:dragenter
  * @param {module:clipboard/clipboardobserver~ClipboardEventData} data The event data.
  */
-
 /**
  * Fired when the user drags the content out of one of the editing roots of the editor.
  *