chore: update js dependencies

package.json

@@ -34,19 +34,19 @@
 		"release:publish": "node scripts/publish-release.js"
 	},
 	"dependencies": {
-		"@commitlint/cli": "^8.3.5",
-		"@commitlint/config-conventional": "^8.3.4",
-		"@commitlint/travis-cli": "^8.3.5",
+		"@commitlint/cli": "^9.1.2",
+		"@commitlint/config-conventional": "^9.1.2",
+		"@commitlint/travis-cli": "^9.1.2",
 		"@nextcloud/axios": "^1.3.2",
 		"@nextcloud/router": "^1.0.2",
-		"@octokit/rest": "^17.6.0",
-		"archiver": "^4.0.1",
+		"@octokit/rest": "^18.0.4",
+		"archiver": "^5.0.0",
 		"colors": "^1.4.0",
 		"dotenv": "^8.2.0",
 		"execa": "^4.0.0",
 		"libxmljs": "^0.19.7",
 		"react-copy-to-clipboard": "^5.0.2",
-		"simple-git": "^1.132.0"
+		"simple-git": "^2.20.1"
 	},
 	"husky": {
 		"hooks": {
@@ -69,23 +69,23 @@
 		"@nextcloud/files": "^1.0.1",
 		"@types/bootstrap": "^4.3.2",
 		"@types/jquery": "^3.3.35",
-		"@types/node": "^13.13.2",
+		"@types/node": "^14.6.2",
 		"@types/react": "^16.9.34",
 		"@types/webpack": "^4.41.12",
 		"@types/webpack-env": "^1.15.2",
-		"@typescript-eslint/eslint-plugin": "^2.29.0",
-		"@typescript-eslint/parser": "^2.29.0",
+		"@typescript-eslint/eslint-plugin": "^4.0.1",
+		"@typescript-eslint/parser": "^4.0.1",
 		"babel-eslint": "^10.1.0",
 		"babel-loader": "^8.1.0",
-		"css-loader": "^3.4.2",
+		"css-loader": "^4.2.2",
 		"dotenv-cli": "^3.1.0",
-		"eslint": "^6.8.0",
-		"eslint-config-standard": "^12.0.0",
+		"eslint": "^7.8.0",
+		"eslint-config-standard": "^14.1.1",
 		"eslint-import-resolver-webpack": "^0.12.1",
-		"eslint-loader": "^3.0.4",
+		"eslint-loader": "^4.0.2",
 		"eslint-plugin-import": "^2.20.2",
 		"eslint-plugin-nextcloud": "^0.3.0",
-		"eslint-plugin-node": "^10.0.0",
+		"eslint-plugin-node": "^11.1.0",
 		"eslint-plugin-promise": "^4.2.1",
 		"eslint-plugin-react": "^7.19.0",
 		"eslint-plugin-standard": "^4.0.1",
@@ -99,17 +99,17 @@
 		"react-flip-move": "^3.0.4",
 		"react-hot-loader": "^4.12.20",
 		"react-select": "^3.1.0",
-		"sass-loader": "^8.0.2",
+		"sass-loader": "^10.0.1",
 		"style-loader": "^1.2.0",
-		"stylelint": "^8.4.0",
-		"stylelint-config-recommended-scss": "^3.3.0",
+		"stylelint": "^13.7.0",
+		"stylelint-config-recommended-scss": "^4.2.0",
 		"stylelint-scss": "^3.16.0",
-		"ts-loader": "^7.0.1",
-		"typescript": "^3.8.3",
+		"ts-loader": "^8.0.3",
+		"typescript": "^4.0.2",
 		"url-loader": "^4.0.0",
 		"webpack": "^4.42.1",
 		"webpack-cli": "^3.3.11",
-		"webpack-merge": "^4.2.2",
-		"webpack-node-externals": "^1.7.2"
+		"webpack-merge": "^5.1.3",
+		"webpack-node-externals": "^2.5.2"
 	}
 }

ts/Common/Api.ts

@@ -4,9 +4,9 @@ export enum ShareType {
 	User = OC.Share.SHARE_TYPE_USER,
 	Group = OC.Share.SHARE_TYPE_GROUP,
 	Circle = OC.Share.SHARE_TYPE_CIRCLE
-};
+}
 
-export enum Permission { Admin, Moderator, User };
+export enum Permission { Admin, Moderator, User }
 
 export enum Access {
 	Public = 'public',

ts/Manager/App.tsx

@@ -7,7 +7,7 @@ import NewRoomForm from './NewRoomForm';
 
 export type SortKey = 'name' | 'welcome' | 'maxParticipants' | 'record';
 
-enum SortOrder { DESC = -1, ASC = 1 };
+enum SortOrder { DESC = -1, ASC = 1 }
 
 function sortRooms(key: SortKey, orderBy: SortOrder) {
 	return (a: Room, b: Room) => {

ts/Manager/SortArrow.tsx

@@ -6,7 +6,7 @@ export interface SortArrowProps {
     direction: number;
 }
 
-export function SortArrow({name, value, direction}: SortArrowProps) {
+export function SortArrow({name, value, direction}: SortArrowProps): JSX.Element {
 	if (name === value) {
 		return (<span className='sort_arrow'>
 			{direction < 0 ? '▼' : '▲'}

ts/Manager/SubmitInput.tsx

@@ -26,12 +26,12 @@ export class SubmitInput extends Component<SubmitInputProps, SubmitInputState> {
 		this.state.value = props.initialValue ?? '';
 	}
 
-	onSubmit = (event: SyntheticEvent<any>) => {
+	private onSubmit = (event: SyntheticEvent<any>) => {
 		event.preventDefault();
 		this.props.onSubmitValue(this.state.value);
 	};
 
-	render() {
+	public render(): JSX.Element {
 		return <form onSubmit={this.onSubmit}>
 			<input value={this.state.value}
 				   type={this.props.type}

ts/Nextcloud.d.ts

@@ -2,6 +2,7 @@ interface EscapeOptions {
 	escape?: boolean;
 }
 
+// eslint-disable-next-line @typescript-eslint/no-unused-vars
 declare namespace OC {
 	namespace Util {
 		function humanFileSize(size: number): string;

webpack.dev.js

@@ -1,4 +1,4 @@
-const merge = require('webpack-merge');
+const { merge } = require('webpack-merge');
 const common = require('./webpack.common.js');
 
 module.exports = merge(common, {

webpack.prod.js

@@ -1,4 +1,4 @@
-const merge = require('webpack-merge')
+const { merge } = require('webpack-merge')
 const common = require('./webpack.common.js')
 
 module.exports = merge(common, {