@ckeditor/ckeditor5-ui 35.2.0 → 35.3.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ckeditor/ckeditor5-ui",
-  "version": "35.2.0",
+  "version": "35.3.0",
   "description": "The UI framework and standard UI library of CKEditor 5.",
   "keywords": [
     "ckeditor",
@@ -11,29 +11,32 @@
   ],
   "main": "src/index.js",
   "dependencies": {
-    "@ckeditor/ckeditor5-utils": "^35.2.0",
-    "@ckeditor/ckeditor5-core": "^35.2.0",
+    "@ckeditor/ckeditor5-utils": "^35.3.0",
+    "@ckeditor/ckeditor5-core": "^35.3.0",
     "lodash-es": "^4.17.15"
   },
   "devDependencies": {
-    "@ckeditor/ckeditor5-basic-styles": "^35.2.0",
-    "@ckeditor/ckeditor5-block-quote": "^35.2.0",
-    "@ckeditor/ckeditor5-editor-balloon": "^35.2.0",
-    "@ckeditor/ckeditor5-editor-classic": "^35.2.0",
-    "@ckeditor/ckeditor5-engine": "^35.2.0",
-    "@ckeditor/ckeditor5-enter": "^35.2.0",
-    "@ckeditor/ckeditor5-essentials": "^35.2.0",
-    "@ckeditor/ckeditor5-font": "^35.2.0",
-    "@ckeditor/ckeditor5-find-and-replace": "^35.2.0",
-    "@ckeditor/ckeditor5-heading": "^35.2.0",
-    "@ckeditor/ckeditor5-image": "^35.2.0",
-    "@ckeditor/ckeditor5-link": "^35.2.0",
-    "@ckeditor/ckeditor5-list": "^35.2.0",
-    "@ckeditor/ckeditor5-mention": "^35.2.0",
-    "@ckeditor/ckeditor5-paragraph": "^35.2.0",
-    "@ckeditor/ckeditor5-horizontal-line": "^35.2.0",
-    "@ckeditor/ckeditor5-table": "^35.2.0",
-    "@ckeditor/ckeditor5-typing": "^35.2.0"
+    "@ckeditor/ckeditor5-basic-styles": "^35.3.0",
+    "@ckeditor/ckeditor5-block-quote": "^35.3.0",
+    "@ckeditor/ckeditor5-editor-balloon": "^35.3.0",
+    "@ckeditor/ckeditor5-editor-classic": "^35.3.0",
+    "@ckeditor/ckeditor5-engine": "^35.3.0",
+    "@ckeditor/ckeditor5-enter": "^35.3.0",
+    "@ckeditor/ckeditor5-essentials": "^35.3.0",
+    "@ckeditor/ckeditor5-font": "^35.3.0",
+    "@ckeditor/ckeditor5-find-and-replace": "^35.3.0",
+    "@ckeditor/ckeditor5-heading": "^35.3.0",
+    "@ckeditor/ckeditor5-image": "^35.3.0",
+    "@ckeditor/ckeditor5-link": "^35.3.0",
+    "@ckeditor/ckeditor5-list": "^35.3.0",
+    "@ckeditor/ckeditor5-mention": "^35.3.0",
+    "@ckeditor/ckeditor5-paragraph": "^35.3.0",
+    "@ckeditor/ckeditor5-horizontal-line": "^35.3.0",
+    "@ckeditor/ckeditor5-table": "^35.3.0",
+    "@ckeditor/ckeditor5-typing": "^35.3.0",
+    "typescript": "^4.8.4",
+    "webpack": "^5.58.1",
+    "webpack-cli": "^4.9.0"
   },
   "engines": {
     "node": ">=14.0.0",
@@ -50,9 +53,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/bindings/addkeyboardhandlingforgrid.js

@@ -2,11 +2,9 @@
  * @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 ui/bindings/addkeyboardhandlingforgrid
  */
-
 /**
  * A helper that adds a keyboard navigation support (arrow up/down/left/right) for grids.
  *
@@ -18,59 +16,49 @@
  * @param {Number|Function} options.numberOfColumns Number of columns in the grid. Can be specified as a function that returns
  * the number (e.g. for responsive grids).
  */
-export default function addKeyboardHandlingForGrid( { keystrokeHandler, focusTracker, gridItems, numberOfColumns } ) {
-	const getNumberOfColumns = typeof numberOfColumns === 'number' ? () => numberOfColumns : numberOfColumns;
-
-	keystrokeHandler.set( 'arrowright', getGridItemFocuser( ( focusedElementIndex, gridItems ) => {
-		if ( focusedElementIndex === gridItems.length - 1 ) {
-			return 0;
-		} else {
-			return focusedElementIndex + 1;
-		}
-	} ) );
-
-	keystrokeHandler.set( 'arrowleft', getGridItemFocuser( ( focusedElementIndex, gridItems ) => {
-		if ( focusedElementIndex === 0 ) {
-			return gridItems.length - 1;
-		} else {
-			return focusedElementIndex - 1;
-		}
-	} ) );
-
-	keystrokeHandler.set( 'arrowup', getGridItemFocuser( ( focusedElementIndex, gridItems ) => {
-		let nextIndex = focusedElementIndex - getNumberOfColumns();
-
-		if ( nextIndex < 0 ) {
-			nextIndex = focusedElementIndex + getNumberOfColumns() * Math.floor( gridItems.length / getNumberOfColumns() );
-
-			if ( nextIndex > gridItems.length - 1 ) {
-				nextIndex -= getNumberOfColumns();
-			}
-		}
-
-		return nextIndex;
-	} ) );
-
-	keystrokeHandler.set( 'arrowdown', getGridItemFocuser( ( focusedElementIndex, gridItems ) => {
-		let nextIndex = focusedElementIndex + getNumberOfColumns();
-
-		if ( nextIndex > gridItems.length - 1 ) {
-			nextIndex = focusedElementIndex % getNumberOfColumns();
-		}
-
-		return nextIndex;
-	} ) );
-
-	function getGridItemFocuser( getIndexToFocus ) {
-		return evt => {
-			const focusedElement = gridItems.find( item => item.element === focusTracker.focusedElement );
-			const focusedElementIndex = gridItems.getIndex( focusedElement );
-			const nextIndexToFocus = getIndexToFocus( focusedElementIndex, gridItems );
-
-			gridItems.get( nextIndexToFocus ).focus();
-
-			evt.stopPropagation();
-			evt.preventDefault();
-		};
-	}
+export default function addKeyboardHandlingForGrid({ keystrokeHandler, focusTracker, gridItems, numberOfColumns }) {
+    const getNumberOfColumns = typeof numberOfColumns === 'number' ? () => numberOfColumns : numberOfColumns;
+    keystrokeHandler.set('arrowright', getGridItemFocuser((focusedElementIndex, gridItems) => {
+        if (focusedElementIndex === gridItems.length - 1) {
+            return 0;
+        }
+        else {
+            return focusedElementIndex + 1;
+        }
+    }));
+    keystrokeHandler.set('arrowleft', getGridItemFocuser((focusedElementIndex, gridItems) => {
+        if (focusedElementIndex === 0) {
+            return gridItems.length - 1;
+        }
+        else {
+            return focusedElementIndex - 1;
+        }
+    }));
+    keystrokeHandler.set('arrowup', getGridItemFocuser((focusedElementIndex, gridItems) => {
+        let nextIndex = focusedElementIndex - getNumberOfColumns();
+        if (nextIndex < 0) {
+            nextIndex = focusedElementIndex + getNumberOfColumns() * Math.floor(gridItems.length / getNumberOfColumns());
+            if (nextIndex > gridItems.length - 1) {
+                nextIndex -= getNumberOfColumns();
+            }
+        }
+        return nextIndex;
+    }));
+    keystrokeHandler.set('arrowdown', getGridItemFocuser((focusedElementIndex, gridItems) => {
+        let nextIndex = focusedElementIndex + getNumberOfColumns();
+        if (nextIndex > gridItems.length - 1) {
+            nextIndex = focusedElementIndex % getNumberOfColumns();
+        }
+        return nextIndex;
+    }));
+    function getGridItemFocuser(getIndexToFocus) {
+        return (evt) => {
+            const focusedElement = gridItems.find(item => item.element === focusTracker.focusedElement);
+            const focusedElementIndex = gridItems.getIndex(focusedElement);
+            const nextIndexToFocus = getIndexToFocus(focusedElementIndex, gridItems);
+            gridItems.get(nextIndexToFocus).focus();
+            evt.stopPropagation();
+            evt.preventDefault();
+        };
+    }
 }

package/src/bindings/clickoutsidehandler.js

@@ -2,13 +2,10 @@
  * @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 ui/bindings/clickoutsidehandler
  */
-
 /* global document */
-
 /**
  * Handles clicking **outside** of a specified set of elements, then fires an action.
  *
@@ -24,22 +21,19 @@
  * handler. Clicking any of them or their descendants will **not** fire the callback.
  * @param {Function} options.callback An action executed by the handler.
  */
-export default function clickOutsideHandler( { emitter, activator, callback, contextElements } ) {
-	emitter.listenTo( document, 'mousedown', ( evt, domEvt ) => {
-		if ( !activator() ) {
-			return;
-		}
-
-		// Check if `composedPath` is `undefined` in case the browser does not support native shadow DOM.
-		// Can be removed when all supported browsers support native shadow DOM.
-		const path = typeof domEvt.composedPath == 'function' ? domEvt.composedPath() : [];
-
-		for ( const contextElement of contextElements ) {
-			if ( contextElement.contains( domEvt.target ) || path.includes( contextElement ) ) {
-				return;
-			}
-		}
-
-		callback();
-	} );
+export default function clickOutsideHandler({ emitter, activator, callback, contextElements }) {
+    emitter.listenTo(document, 'mousedown', (evt, domEvt) => {
+        if (!activator()) {
+            return;
+        }
+        // Check if `composedPath` is `undefined` in case the browser does not support native shadow DOM.
+        // Can be removed when all supported browsers support native shadow DOM.
+        const path = typeof domEvt.composedPath == 'function' ? domEvt.composedPath() : [];
+        for (const contextElement of contextElements) {
+            if (contextElement.contains(domEvt.target) || path.includes(contextElement)) {
+                return;
+            }
+        }
+        callback();
+    });
 }

package/src/bindings/injectcsstransitiondisabler.js

@@ -2,11 +2,9 @@
  * @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 ui/bindings/injectcsstransitiondisabler
  */
-
 /**
  * A decorator that brings the possibility to temporarily disable CSS transitions using
  * {@link module:ui/view~View} methods. It is helpful when, for instance, the transitions should not happen
@@ -51,22 +49,20 @@
  *
  * @param {module:ui/view~View} view View instance that should get this functionality.
  */
-export default function injectCssTransitionDisabler( view ) {
-	view.set( '_isCssTransitionsDisabled', false );
-
-	view.disableCssTransitions = () => {
-		view._isCssTransitionsDisabled = true;
-	};
-
-	view.enableCssTransitions = () => {
-		view._isCssTransitionsDisabled = false;
-	};
-
-	view.extendTemplate( {
-		attributes: {
-			class: [
-				view.bindTemplate.if( '_isCssTransitionsDisabled', 'ck-transitions-disabled' )
-			]
-		}
-	} );
+export default function injectCssTransitionDisabler(view) {
+    const decorated = view;
+    decorated.set('_isCssTransitionsDisabled', false);
+    decorated.disableCssTransitions = () => {
+        decorated._isCssTransitionsDisabled = true;
+    };
+    decorated.enableCssTransitions = () => {
+        decorated._isCssTransitionsDisabled = false;
+    };
+    decorated.extendTemplate({
+        attributes: {
+            class: [
+                decorated.bindTemplate.if('_isCssTransitionsDisabled', 'ck-transitions-disabled')
+            ]
+        }
+    });
 }

package/src/bindings/preventdefault.js

@@ -2,11 +2,9 @@
  * @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 ui/bindings/preventdefault
  */
-
 /**
  * A helper which executes a native `Event.preventDefault()` if the target of an event equals the
  * {@link module:ui/view~View#element element of the view}. It shortens the definition of a
@@ -29,10 +27,10 @@
  * @param {module:ui/view~View} view View instance that defines the template.
  * @returns {module:ui/template~TemplateToBinding}
  */
-export default function preventDefault( view ) {
-	return view.bindTemplate.to( evt => {
-		if ( evt.target === view.element ) {
-			evt.preventDefault();
-		}
-	} );
+export default function preventDefault(view) {
+    return view.bindTemplate.to(evt => {
+        if (evt.target === view.element) {
+            evt.preventDefault();
+        }
+    });
 }

package/src/bindings/submithandler.js

@@ -2,11 +2,9 @@
  * @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 ui/bindings/submithandler
  */
-
 /**
  * A handler useful for {@link module:ui/view~View views} working as HTML forms. It intercepts a native DOM
  * `submit` event, prevents the default web browser behavior (navigation and page reload) and
@@ -42,9 +40,9 @@
  * @param {Object} [options] Configuration options.
  * @param {module:ui/view~View} options.view The view which DOM `submit` events should be handled.
  */
-export default function submitHandler( { view } ) {
-	view.listenTo( view.element, 'submit', ( evt, domEvt ) => {
-		domEvt.preventDefault();
-		view.fire( 'submit' );
-	}, { useCapture: true } );
+export default function submitHandler({ view }) {
+    view.listenTo(view.element, 'submit', (evt, domEvt) => {
+        domEvt.preventDefault();
+        view.fire('submit');
+    }, { useCapture: true });
 }

package/src/button/button.js

@@ -0,0 +1,5 @@
+/**
+ * @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
+ */
+export {};