qms-angular 1.0.30 → 1.0.31

package/src/assets/qms-ckeditor-plugin/src/plugins/ckeditor5-find-and-replace/src/findandreplaceui.js

@@ -0,0 +1,223 @@
+/**
+ * @license Copyright (c) 2003-2021, CKSource - Frederico Knabben. All rights reserved.
+ * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
+ */
+
+/**
+ * @module find-and-replace/findandreplaceui
+ */
+
+import { Plugin } from '@ckeditor/ckeditor5-core';
+import { createDropdown, SplitButtonView } from '@ckeditor/ckeditor5-ui';
+import FindAndReplaceFormView from './ui/findandreplaceformview';
+// See: #8833.
+// eslint-disable-next-line ckeditor5-rules/ckeditor-imports
+import '@ckeditor/ckeditor5-ui/theme/components/responsive-form/responsiveform.css';
+import '../theme/findandreplaceform.css';
+
+import loupeIcon from '../theme/icons/find-replace.svg';
+
+/**
+ * The default find and replace UI. It introduces:
+ *
+ * * The `'Find and replace'` dropdown button.
+ *
+ * It registers the `'findAndReplace'` UI button in the editor's {@link module:ui/componentfactory~ComponentFactory component factory}.
+ * that uses the {@link module:find-and-replace/findandreplace~FindAndReplace FindAndReplace} plugin API.
+ *
+ * It emits events depending on user search/replace intents.
+ *
+ * @extends module:core/plugin~Plugin
+ */
+export default class FindAndReplaceUI extends Plugin {
+	/**
+	 * @inheritDoc
+	 */
+	static get pluginName() {
+		return 'FindAndReplaceUI';
+	}
+
+	constructor( editor ) {
+		super( editor );
+
+		this.set( 'searchText' );
+		this.set( 'replaceText' );
+
+		this.set( 'isSearching', false );
+
+		this.set( 'matchCount', null );
+		this.set( 'highlightOffset', null );
+
+		this.bind( 'isSearching' ).to( this, 'matchCount', count => count > 0 );
+
+		/**
+		 * The form view will only be assigned if the find and replace toolbar button was added.
+		 *
+		 * @member {module:find-and-replace/ui/findandreplaceformview~FindAndReplaceFormView|null} #formView
+		 */
+		this.formView = null;
+	}
+
+	/**
+	 * @inheritDoc
+	 */
+	init() {
+		this.findAndReplacePlugin = this.editor.plugins.get( 'FindAndReplace' );
+
+		const editor = this.editor;
+
+		editor.ui.componentFactory.add( 'findAndReplace', locale => {
+			const dropdown = createDropdown( locale, SplitButtonView );
+
+			const formView = new FindAndReplaceFormView( editor.locale );
+
+			formView.delegate( 'findNext' ).to( this );
+			formView.delegate( 'findPrevious' ).to( this );
+			formView.delegate( 'replace' ).to( this );
+			formView.delegate( 'replaceAll' ).to( this );
+
+			formView.bind( 'matchCount' ).to( this );
+			formView.bind( 'highlightOffset' ).to( this );
+
+			formView.bind( 'isSearching' ).to( this );
+
+			this._createToolbarDropdown( dropdown, loupeIcon, formView );
+
+			dropdown.panelView.children.add( formView );
+
+			dropdown.on( 'change:isOpen', ( event, name, value ) => {
+				if ( !value ) {
+					this.fire( 'dropdown:closed' );
+				}
+			} );
+
+			this.formView = formView;
+
+			if ( this._state ) {
+				this.unbind( 'isSearching' );
+
+				const findTextInputView = formView.findInputView.fieldView;
+
+				// Searching should only be active if there's more than 1 result matched and
+				// the user has not changed any search criteria.
+				this.bind( 'isSearching' ).to( this, 'matchCount',
+					findTextInputView, 'value', this._state, 'searchText',
+					formView.matchCaseView, 'isChecked', this._state, 'matchCase',
+					formView.matchWholeWordsView, 'isChecked', this._state, 'matchWholeWords',
+					( count,
+						viewSearchText, modelSearchText,
+						viewMatchCase, modelMatchCase,
+						viewWholeWords, modelWholeWords
+					) => {
+						return count > 0 &&
+							viewSearchText == modelSearchText &&
+							viewMatchCase == modelMatchCase &&
+							viewWholeWords == modelWholeWords;
+					} );
+			}
+
+			editor.keystrokes.set( 'Ctrl+F', ( data, cancelEvent ) => {
+				dropdown.buttonView.actionView.fire( 'execute' );
+
+				cancelEvent();
+			} );
+
+			return dropdown;
+		} );
+	}
+
+	/**
+	 * Sets the observed state object. It is used to display search result count etc.
+	 *
+	 * @protected
+	 * @param {module:find-and-replace/findandreplaceediting~FindAndReplaceState} state State object to be tracked.
+	 */
+	_setState( state ) {
+		this._state = state;
+
+		this.listenTo( state.results, 'change', () => {
+			this.set( 'matchCount', state.results.length );
+		} );
+
+		this.bind( 'highlightOffset' ).to( state, 'highlightedResult', highlightedResult => {
+			if ( !highlightedResult ) {
+				return null;
+			}
+
+			const sortedResults = Array.from( state.results ).sort( ( a, b ) => {
+				const mapping = {
+					before: -1,
+					same: 0,
+					after: 1
+				};
+
+				return mapping[ a.marker.getStart().compareWith( b.marker.getStart() ) ];
+			} );
+
+			const index = sortedResults.indexOf( highlightedResult );
+
+			return index === -1 ?
+				null : index + 1;
+		} );
+	}
+
+	/**
+	 * @private
+	 * @param {module:ui/dropdown/dropdownview~DropdownView} dropdown
+	 * @param {String} icon An icon to be assigned to the button.
+	 * @param {module:find-and-replace/ui/findandreplaceformview~FindAndReplaceFormView} formView A related form view.
+	 */
+	_createToolbarDropdown( dropdown, icon, formView ) {
+		const t = this.editor.locale.t;
+		const buttonView = dropdown.buttonView;
+
+		// Configure the dropdown's button properties:
+		buttonView.set( {
+			icon,
+			tooltip: t( 'Find and replace' )
+		} );
+
+		// Clicking the main button has the same effect as clicking the dropdown arrow.
+		buttonView.actionView.delegate( 'execute' ).to( buttonView.arrowView );
+
+		// Each time a dropdown is opened, the search text field should get focused.
+		buttonView.on( 'open', () => {
+			formView.findInputView.fieldView.select();
+			formView.focus();
+		}, { priority: 'low' } );
+	}
+}
+
+/**
+ * Fired when the find next button is triggered.
+ *
+ * @event findNext
+ * @param {String} searchText Search text.
+ */
+
+/**
+ * Fired when the find previous button is triggered.
+ *
+ * @event findPrevious
+ * @param {String} searchText Search text.
+ */
+
+/**
+ * Fired when the replace button is triggered.
+ *
+ * @event replace
+ * @param {String} replaceText Replacement text.
+ */
+
+/**
+ * Fired when the replaceAll button is triggered.
+ *
+ * @event replaceAll
+ * @param {String} replaceText Replacement text.
+ */
+
+/**
+ * Fired when the toolbar dropdown gets closed.
+ *
+ * @event dropdown:closed
+ */

package/src/assets/qms-ckeditor-plugin/src/plugins/ckeditor5-find-and-replace/src/findcommand.js

@@ -0,0 +1,90 @@
+/**
+ * @license Copyright (c) 2003-2021, CKSource - Frederico Knabben. All rights reserved.
+ * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
+ */
+
+/**
+ * @module find-and-replace/findcommand
+*/
+
+import { Command } from '@ckeditor/ckeditor5-core';
+import { updateFindResultFromRange, findByTextCallback } from './utils';
+
+/**
+ * The find command. It is used by the {@link module:find-and-replace/findandreplace~FindAndReplace find and replace feature}.
+ *
+ * @extends module:core/command~Command
+ */
+export default class FindCommand extends Command {
+	/**
+	 * Creates a new `FindCommand` instance.
+	 *
+	 * @param {module:core/editor/editor~Editor} editor The editor on which this command will be used.
+	 */
+	constructor( editor, state ) {
+		super( editor );
+
+		// The find command is always enabled.
+		this.isEnabled = true;
+
+		this.state = state;
+
+		// Do not block the command if the editor goes into the read-only mode as it does not impact the data. See #9975.
+		this.listenTo( editor, 'change:isReadOnly', ( evt, name, value ) => {
+			if ( value ) {
+				this.clearForceDisabled( 'readOnlyMode' );
+			}
+		} );
+	}
+
+	/**
+	 * Executes the command.
+	 *
+	 * @param {Function|String} callbackOrText
+	 * @param {Object} [options]
+	 * @param {Boolean} [options.matchCase=false] If set to `true`, the letter case will be ignored.
+	 * @param {Boolean} [options.wholeWords=false] If set to `true`, only whole words that match `callbackOrText` will be matched.
+	 * @fires execute
+	 */
+	execute( callbackOrText, { matchCase, wholeWords } = {} ) {
+		const { editor } = this;
+		const { model } = editor;
+
+		let findCallback;
+
+		// Allow to execute `find()` on a plugin with a keyword only.
+		if ( typeof callbackOrText === 'string' ) {
+			findCallback = findByTextCallback( callbackOrText, { matchCase, wholeWords } );
+
+			this.state.searchText = callbackOrText;
+		} else {
+			// @todo: disable callback version
+			findCallback = callbackOrText;
+		}
+
+		// Initial search is done on all nodes inside the content.
+		const range = model.createRangeIn( model.document.getRoot() );
+
+		// @todo: fix me
+		// this.listenTo( model.document, 'change:data', () => onDocumentChange( results, model, findCallback ) );
+
+		const ret = {
+			results: updateFindResultFromRange( range, model, findCallback ),
+			findCallback
+		};
+
+		this.state.clear( model );
+		this.state.results.addMany( Array.from( ret.results ) );
+		this.state.highlightedResult = ret.results.get( 0 );
+
+		if ( typeof callbackOrText === 'string' ) {
+			// @todo: eliminate this code repetition. Done to fix unit tests.
+			this.state.searchText = callbackOrText;
+		}
+
+		this.state.matchCase = !!matchCase;
+		this.state.matchWholeWords = !!wholeWords;
+
+		return ret;
+	}
+}

package/src/assets/qms-ckeditor-plugin/src/plugins/ckeditor5-find-and-replace/src/findnextcommand.js

@@ -0,0 +1,62 @@
+/**
+ * @license Copyright (c) 2003-2021, CKSource - Frederico Knabben. All rights reserved.
+ * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
+ */
+
+/**
+ * @module find-and-replace/findnextcommand
+*/
+
+import { Command } from '@ckeditor/ckeditor5-core';
+
+/**
+ * The find next command. Moves the highlight to the next search result.
+ *
+ * It is used by the {@link module:find-and-replace/findandreplace~FindAndReplace find and replace feature}.
+ *
+ * @extends module:core/command~Command
+ */
+export default class FindNextCommand extends Command {
+	/**
+	 * Creates a new `FindNextCommand` instance.
+	 *
+	 * @param {module:core/editor/editor~Editor} editor The editor on which this command will be used.
+	 */
+	constructor( editor, state ) {
+		super( editor );
+
+		/**
+		 * The find and replace state object used for command operations.
+		 *
+		 * @private
+		 * @member {module:find-and-replace/findandreplaceediting~FindAndReplaceState} #_state
+		 */
+		this._state = state;
+
+		this.isEnabled = false;
+
+		this.listenTo( this._state.results, 'change', () => {
+			this.isEnabled = this._state.results.length > 1;
+		} );
+
+		// Do not block the command if the editor goes into the read-only mode as it does not impact the data. See #9975.
+		this.listenTo( editor, 'change:isReadOnly', ( evt, name, value ) => {
+			if ( value ) {
+				this.clearForceDisabled( 'readOnlyMode' );
+			}
+		} );
+	}
+
+	refresh() {
+		this.isEnabled = this._state.results.length > 1;
+	}
+
+	execute() {
+		const results = this._state.results;
+		const currentIndex = results.getIndex( this._state.highlightedResult );
+		const nextIndex = currentIndex + 1 >= results.length ?
+			0 : currentIndex + 1;
+
+		this._state.highlightedResult = this._state.results.get( nextIndex );
+	}
+}

package/src/assets/qms-ckeditor-plugin/src/plugins/ckeditor5-find-and-replace/src/findpreviouscommand.js

@@ -0,0 +1,28 @@
+/**
+ * @license Copyright (c) 2003-2021, CKSource - Frederico Knabben. All rights reserved.
+ * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
+ */
+
+/**
+ * @module find-and-replace/findpreviouscommand
+*/
+
+import FindNextCommand from './findnextcommand';
+
+/**
+ * The find next command. Moves the highlight to the next search result.
+ *
+ * It is used by the {@link module:find-and-replace/findandreplace~FindAndReplace find and replace feature}.
+ *
+ * @extends module:find-and-replace/findnextcommand~FindNextCommand
+ */
+export default class FindPreviousCommand extends FindNextCommand {
+	execute() {
+		const results = this._state.results;
+		const currentIndex = results.getIndex( this._state.highlightedResult );
+		const previousIndex = currentIndex - 1 < 0 ?
+			this._state.results.length - 1 : currentIndex - 1;
+
+		this._state.highlightedResult = this._state.results.get( previousIndex );
+	}
+}

package/src/assets/qms-ckeditor-plugin/src/plugins/ckeditor5-find-and-replace/src/index.js

@@ -0,0 +1,10 @@
+/**
+ * @license Copyright (c) 2003-2021, CKSource - Frederico Knabben. All rights reserved.
+ * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
+ */
+
+/**
+ * @module find-and-replace
+ */
+
+export { default as FindAndReplace } from './findandreplace';

package/src/assets/qms-ckeditor-plugin/src/plugins/ckeditor5-find-and-replace/src/replaceallcommand.js

@@ -0,0 +1,54 @@
+/**
+ * @license Copyright (c) 2003-2021, CKSource - Frederico Knabben. All rights reserved.
+ * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
+ */
+
+/**
+ * @module find-and-replace/replaceallcommand
+ */
+
+import { updateFindResultFromRange, findByTextCallback } from './utils';
+import { Collection } from '@ckeditor/ckeditor5-utils';
+import ReplaceCommand from './replacecommand';
+
+/**
+ * The replace all command. It is used by the {@link module:find-and-replace/findandreplace~FindAndReplace find and replace feature}.
+ *
+ * @extends module:core/command~Command
+ */
+export default class ReplaceAllCommand extends ReplaceCommand {
+	/**
+	 * Replaces all the occurrences of `textToReplace` with a given `newText` string.
+	 *
+	 * ```js
+	 *	replaceAllCommand.execute( 'replaceAll', 'new text replacement', 'text to replace' );
+	 * ```
+	 *
+	 * Alternatively you can call it from editor instance:
+	 *
+	 * ```js
+	 *	editor.execute( 'replaceAll', 'new text', 'old text' );
+	 * ```
+	 *
+	 * @param {String} newText Text that will be inserted to the editor for each match.
+	 * @param {String|module:utils/collection~Collection} textToReplace Text to be replaced or a collection of matches
+	 * as returned by the find command.
+	 */
+	execute( newText, textToReplace ) {
+		const { editor } = this;
+		const { model } = editor;
+		const range = model.createRangeIn( model.document.getRoot() );
+
+		const results = textToReplace instanceof Collection ?
+			textToReplace : updateFindResultFromRange( range, model, findByTextCallback( textToReplace, this._state ) );
+
+		if ( results.length ) {
+			this.editor.model.change( () => {
+				[ ...results ].forEach( searchResult => {
+					// Just reuse logic from the replace command to replace a single match.
+					super.execute( newText, searchResult );
+				} );
+			} );
+		}
+	}
+}

package/src/assets/qms-ckeditor-plugin/src/plugins/ckeditor5-find-and-replace/src/replacecommand.js

@@ -0,0 +1,66 @@
+/**
+ * @license Copyright (c) 2003-2021, CKSource - Frederico Knabben. All rights reserved.
+ * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
+ */
+
+/**
+ * @module find-and-replace/replacecommand
+*/
+
+import { Command } from '@ckeditor/ckeditor5-core';
+
+/**
+ * The replace command. It is used by the {@link module:find-and-replace/findandreplace~FindAndReplace find and replace feature}.
+ *
+ * @extends module:core/command~Command
+ */
+export default class ReplaceCommand extends Command {
+	/**
+	 * Creates a new `ReplaceCommand` instance.
+	 *
+	 * @param {module:core/editor/editor~Editor} editor Editor on which this command will be used.
+	 */
+	constructor( editor, state ) {
+		super( editor );
+
+		// The replace command is always enabled.
+		this.isEnabled = true;
+
+		/**
+		 * The find and replace state object used for command operations.
+		 *
+		 * @private
+		 * @member {module:find-and-replace/findandreplaceediting~FindAndReplaceState} #_state
+		 */
+		this._state = state;
+	}
+
+	/**
+	 * Replace a given find result by a string or a callback.
+	 *
+	 * @param {String} replacementText
+	 * @param {Object} result A single result from the find command.
+	 */
+	execute( replacementText, result ) {
+		const { model } = this.editor;
+
+		model.change( writer => {
+			const range = result.marker.getRange();
+
+			let textAttributes = {};
+
+			for ( const item of range.getItems() ) {
+				if ( item.is( '$text' ) || item.is( '$textProxy' ) ) {
+					textAttributes = item.getAttributes();
+					break;
+				}
+			}
+
+			model.insertContent( writer.createText( replacementText, textAttributes ), range );
+
+			if ( this._state.results.has( result ) ) {
+				this._state.results.remove( result );
+			}
+		} );
+	}
+}