Merge pull request #2594 from nextcloud/dependencies/eslint-config

package.json

@@ -76,7 +76,7 @@
 		"@fontsource/roboto": "^4.5.5",
 		"@nextcloud/babel-config": "^1.0.0",
 		"@nextcloud/browserslist-config": "^2.1.0",
-		"@nextcloud/eslint-config": "^5.1.0",
+		"@nextcloud/eslint-config": "^7.0.2",
 		"@nextcloud/stylelint-config": "^1.0.0-beta.0",
 		"@vue/test-utils": "^1.0.4",
 		"@vue/vue2-jest": "^27.0.0-alpha.4",
@@ -87,10 +87,8 @@
 		"css-loader": "^5.0.0",
 		"cypress": "^9.5.3",
 		"cypress-visual-regression": "^1.5.0",
-		"eslint": "^7.21.0",
-		"eslint-loader": "^4.0.2",
 		"eslint-plugin-cypress": "^2.11.1",
-		"eslint-plugin-import": "^2.23.4",
+		"eslint-webpack-plugin": "^3.1.1",
 		"file-loader": "^6.0.0",
 		"gettext-extractor": "^3.5.2",
 		"gettext-parser": "^5.0.0",

src/components/ActionButton/ActionButton.vue

@@ -82,8 +82,7 @@ export default {
 
 <template>
 	<li class="action" :class="{ 'action--disabled': disabled }">
-		<button
-			class="action-button"
+		<button class="action-button"
 			:class="{ focusable: isFocusable }"
 			:aria-label="ariaLabel"
 			type="button"
@@ -127,7 +126,7 @@ import ActionTextMixin from '../../mixins/actionText'
 
 /**
  * Button component to be used in Actions
-*/
+ */
 export default {
 	name: 'ActionButton',
 
@@ -145,7 +144,8 @@ export default {
 	computed: {
 		/**
 		 * determines if the action is focusable
-		 * @returns {boolean} is the action focusable ?
+		 *
+		 * @return {boolean} is the action focusable ?
 		 */
 		isFocusable() {
 			return !this.disabled

src/components/ActionButton/index.js

@@ -3,7 +3,7 @@
  *
  * @author John Molakvoæ <[email protected]>
  *
- * @license GNU AGPL version 3 or any later version
+ * @license AGPL-3.0-or-later
  *
  * This program is free software: you can redistribute it and/or modify
  * it under the terms of the GNU Affero General Public License as

src/components/ActionCaption/index.js

@@ -3,7 +3,7 @@
  *
  * @author Marco Ambrosini <[email protected]>
  *
- * @license GNU AGPL version 3 or any later version
+ * @license AGPL-3.0-or-later
  *
  * This program is free software: you can redistribute it and/or modify
  * it under the terms of the GNU Affero General Public License as

src/components/ActionCheckbox/ActionCheckbox.vue

@@ -102,7 +102,8 @@ export default {
 	computed: {
 		/**
 		 * determines if the action is focusable
-		 * @returns {boolean} is the action focusable ?
+		 *
+		 * @return {boolean} is the action focusable ?
 		 */
 		isFocusable() {
 			return !this.disabled
@@ -117,25 +118,29 @@ export default {
 		onChange(event) {
 			/**
 			 * Emitted when the checkbox state is changed
+			 *
 			 * @type {boolean}
 			 */
 			this.$emit('update:checked', this.$refs.checkbox.checked)
 
 			/**
 			 * Emitted when the checkbox state is changed
+			 *
 			 * @type {Event}
 			 */
 			this.$emit('change', event)
 
 			if (this.$refs.checkbox.checked) {
 				/**
 				 * Emitted when the checkbox is checked
+				 *
 				 * @type {Event}
 				 */
 				this.$emit('check')
 			} else {
 				/**
 				 * Emitted when the checkbox is unchecked
+				 *
 				 * @type {Event}
 				 */
 				this.$emit('uncheck')

src/components/ActionCheckbox/index.js

@@ -3,7 +3,7 @@
  *
  * @author John Molakvoæ <[email protected]>
  *
- * @license GNU AGPL version 3 or any later version
+ * @license AGPL-3.0-or-later
  *
  * This program is free software: you can redistribute it and/or modify
  * it under the terms of the GNU Affero General Public License as

src/components/ActionInput/ActionInput.vue

@@ -197,7 +197,8 @@ export default {
 		},
 		/**
 		 * determines if the action is focusable
-		 * @returns {boolean} is the action focusable ?
+		 *
+		 * @return {boolean} is the action focusable ?
 		 */
 		isFocusable() {
 			return !this.disabled
@@ -214,12 +215,14 @@ export default {
 		onInput(event) {
 			/**
 			 * Emitted on input events of the text field
+			 *
 			 * @type {Event|Date}
 			 */
 			this.$emit('input', event)
 			/**
 			 * Emitted when the inputs value changes
 			 * ! DatetimePicker only send the value
+			 *
 			 * @type {string|Date}
 			 */
 			this.$emit('update:value', event.target ? event.target.value : event)
@@ -230,6 +233,7 @@ export default {
 			if (!this.disabled) {
 				/**
 				 * Emitted on submit of the input field
+				 *
 				 * @type {Event}
 				 */
 				this.$emit('submit', event)
@@ -241,6 +245,7 @@ export default {
 		onChange(event) {
 			/**
 			 * Emitted on change of the input field
+			 *
 			 * @type {Event}
 			 */
 			this.$emit('change', event)

src/components/ActionInput/index.js

@@ -3,7 +3,7 @@
  *
  * @author John Molakvoæ <[email protected]>
  *
- * @license GNU AGPL version 3 or any later version
+ * @license AGPL-3.0-or-later
  *
  * This program is free software: you can redistribute it and/or modify
  * it under the terms of the GNU Affero General Public License as

src/components/ActionLink/ActionLink.vue

@@ -35,8 +35,7 @@ This component is made to be used inside of the [Actions](#Actions) component sl
 
 <template>
 	<li class="action">
-		<a
-			:download="download"
+		<a :download="download"
 			:href="href"
 			:aria-label="ariaLabel"
 			:target="target"

src/components/ActionLink/index.js

@@ -3,7 +3,7 @@
  *
  * @author John Molakvoæ <[email protected]>
  *
- * @license GNU AGPL version 3 or any later version
+ * @license AGPL-3.0-or-later
  *
  * This program is free software: you can redistribute it and/or modify
  * it under the terms of the GNU Affero General Public License as

src/components/ActionRadio/ActionRadio.vue

@@ -115,7 +115,8 @@ export default {
 	computed: {
 		/**
 		 * determines if the action is focusable
-		 * @returns {boolean} is the action focusable ?
+		 *
+		 * @return {boolean} is the action focusable ?
 		 */
 		isFocusable() {
 			return !this.disabled
@@ -130,12 +131,14 @@ export default {
 		onChange(event) {
 			/**
 			 * Emitted when the radio state is changed
+			 *
 			 * @type {boolean}
 			 */
 			this.$emit('update:checked', this.$refs.radio.checked)
 
 			/**
 			 * Emitted when the radio state is changed
+			 *
 			 * @type {Event}
 			 */
 			this.$emit('change', event)

src/components/ActionRadio/index.js

@@ -3,7 +3,7 @@
  *
  * @author John Molakvoæ <[email protected]>
  *
- * @license GNU AGPL version 3 or any later version
+ * @license AGPL-3.0-or-later
  *
  * This program is free software: you can redistribute it and/or modify
  * it under the terms of the GNU Affero General Public License as

src/components/ActionRouter/index.js

@@ -3,7 +3,7 @@
  *
  * @author John Molakvoæ <[email protected]>
  *
- * @license GNU AGPL version 3 or any later version
+ * @license AGPL-3.0-or-later
  *
  * This program is free software: you can redistribute it and/or modify
  * it under the terms of the GNU Affero General Public License as

src/components/ActionSeparator/index.js

@@ -3,7 +3,7 @@
  *
  * @author Kristof Hamann
  *
- * @license GNU AGPL version 3 or any later version
+ * @license AGPL-3.0-or-later
  *
  * This program is free software: you can redistribute it and/or modify
  * it under the terms of the GNU Affero General Public License as

src/components/ActionText/ActionText.vue

@@ -27,8 +27,7 @@
 			@click="onClick">
 			<!-- @slot Manually provide icon -->
 			<slot name="icon">
-				<span
-					v-if="icon !== ''"
+				<span v-if="icon !== ''"
 					:class="[isIconUrl ? 'action-text__icon--url' : icon]"
 					:style="{ backgroundImage: isIconUrl ? `url(${icon})` : null }"
 					class="action-text__icon" />

src/components/ActionText/index.js

@@ -3,7 +3,7 @@
  *
  * @author John Molakvoæ <[email protected]>
  *
- * @license GNU AGPL version 3 or any later version
+ * @license AGPL-3.0-or-later
  *
  * This program is free software: you can redistribute it and/or modify
  * it under the terms of the GNU Affero General Public License as

src/components/ActionTextEditable/ActionTextEditable.vue

@@ -113,7 +113,8 @@ export default {
 	computed: {
 		/**
 		 * determines if the action is focusable
-		 * @returns {boolean} is the action focusable ?
+		 *
+		 * @return {boolean} is the action focusable ?
 		 */
 		isFocusable() {
 			return !this.disabled
@@ -124,11 +125,13 @@ export default {
 		onInput(event) {
 			/**
 			 * Emitted on input events of the text field
+			 *
 			 * @type {Event|Date}
 			 */
 			this.$emit('input', event)
 			/**
 			 * Emitted when the inputs value changes
+			 *
 			 * @type {string|Date}
 			 */
 			this.$emit('update:value', event.target.value)
@@ -139,6 +142,7 @@ export default {
 			if (!this.disabled) {
 				/**
 				 * Emitted on submit of the input field
+				 *
 				 * @type {Event}
 				 */
 				this.$emit('submit', event)

src/components/ActionTextEditable/index.js

@@ -3,7 +3,7 @@
  *
  * @author John Molakvoæ <[email protected]>
  *
- * @license GNU AGPL version 3 or any later version
+ * @license AGPL-3.0-or-later
  *
  * This program is free software: you can redistribute it and/or modify
  * it under the terms of the GNU Affero General Public License as

src/components/Actions/Actions.vue

@@ -164,8 +164,7 @@ export default {
 		:class="{'action-item--open': opened}"
 		class="action-item">
 		<!-- If more than one action, create a popovermenu -->
-		<Popover
-			:delay="0"
+		<Popover :delay="0"
 			:handle-resize="true"
 			:open.sync="opened"
 			:placement="placement"
@@ -366,23 +365,26 @@ export default {
 	computed: {
 		/**
 		 * Is there more than one action?
-		 * @returns {boolean}
+		 *
+		 * @return {boolean}
 		 */
 		hasMultipleActions() {
 			return this.actions.length > 1
 		},
 		/**
 		 * Is there any first action ?
 		 * And is it allowed as a standalone element ?
-		 * @returns {boolean}
+		 *
+		 * @return {boolean}
 		 */
 		isValidSingleAction() {
 			return this.actions.length === 1
 				&& this.firstActionElement !== null
 		},
 		/**
 		 * Return the title of the single action if forced
-		 * @returns {string}
+		 *
+		 * @return {string}
 		 */
 		singleActionTitle() {
 			return this.forceTitle ? this.menuTitle : ''
@@ -393,14 +395,16 @@ export default {
 		},
 		/**
 		 * First action vnode
-		 * @returns {Object} return the first action vue vnode
+		 *
+		 * @return {object} return the first action vue vnode
 		 */
 		firstActionVNode() {
 			return this.actions[0]
 		},
 		/**
 		 * Binding of the first action to the template
-		 * @returns {Object} vue template v-bind shortcut
+		 *
+		 * @return {object} vue template v-bind shortcut
 		 */
 		firstActionBinding() {
 			if (this.firstActionVNode && this.firstActionVNode.componentOptions) {
@@ -508,6 +512,7 @@ export default {
 
 			/**
 			 * Event emitted when the popover menu open state is changed
+			 *
 			 * @type {boolean}
 			 */
 			this.$emit('update:open', true)
@@ -526,6 +531,7 @@ export default {
 
 			/**
 			 * Event emitted when the popover menu open state is changed
+			 *
 			 * @type {boolean}
 			 */
 			this.$emit('update:open', false)

src/components/Actions/index.js

@@ -3,7 +3,7 @@
  *
  * @author John Molakvoæ <[email protected]>
  *
- * @license GNU AGPL version 3 or any later version
+ * @license AGPL-3.0-or-later
  *
  * This program is free software: you can redistribute it and/or modify
  * it under the terms of the GNU Affero General Public License as

src/components/AppContent/AppContent.vue

@@ -80,8 +80,7 @@ The list size must be between the min and the max width value.
 			</div>
 
 			<div v-else class="app-content-wrapper">
-				<Splitpanes
-					class="default-theme"
+				<Splitpanes class="default-theme"
 					@resized="handlePaneResize">
 					<Pane class="splitpanes__pane-list"
 						:size="listPaneSize || paneDefaults.list.size"