ui: upgrade to webpack5

packages/ui-default/components/problemconfig/BasicForm.tsx

@@ -1,8 +1,8 @@
 import React from 'react';
 import { useDispatch, useSelector } from 'react-redux';
 import i18n from 'vj/utils/i18n';
-import type { RootState } from './reducer/index';
 import FileSelectAutoComplete from '../autocomplete/components/FileSelectAutoComplete';
+import type { RootState } from './reducer/index';
 
 export function FormItem({
   columns, label, children, helpText = '', disableLabel = false, ...props

packages/ui-default/components/problemconfig/ProblemConfigEditor.tsx

@@ -1,11 +1,12 @@
-import React from 'react';
-import type { editor } from 'monaco-editor';
-import { connect } from 'react-redux';
-import { load } from 'vj/components/monaco/loader';
-import Editor from 'vj/components/editor';
 import { diffLines } from 'diff';
-import yaml from 'js-yaml';
 import type { ProblemConfigFile, TestCaseConfig } from 'hydrooj/src/interface';
+import $ from 'jquery';
+import yaml from 'js-yaml';
+import type { editor } from 'monaco-editor';
+import React from 'react';
+import { connect } from 'react-redux';
+import Editor from 'vj/components/editor';
+import { load } from 'vj/components/monaco/loader';
 
 const mapStateToProps = (state) => ({
   config: state.config,

packages/ui-default/components/problemconfig/ProblemConfigForm.tsx

@@ -1,14 +1,14 @@
+import {
+  Card, InputGroup, Tab, Tabs, Tag,
+} from '@blueprintjs/core';
 import React from 'react';
 import { useDispatch, useSelector } from 'react-redux';
 import i18n from 'vj/utils/i18n';
-import {
-  Card, Tab, Tabs, InputGroup, Tag,
-} from '@blueprintjs/core';
-import type { RootState } from './reducer/index';
 import CustomSelectAutoComplete from '../autocomplete/components/CustomSelectAutoComplete';
 import FileSelectAutoComplete from '../autocomplete/components/FileSelectAutoComplete';
 import { FormItem } from './BasicForm';
 import ProblemType from './ProblemType';
+import type { RootState } from './reducer/index';
 import { TaskConfig } from './SubtaskTable';
 
 function FileIOConfig() {

packages/ui-default/components/problemconfig/ProblemType.tsx

@@ -1,11 +1,11 @@
-import React from 'react';
-import { useDispatch, useSelector } from 'react-redux';
-import i18n from 'vj/utils/i18n';
 import {
   Card, Switch, Tab, Tabs,
 } from '@blueprintjs/core';
-import type { RootState } from './reducer/index';
+import React from 'react';
+import { useDispatch, useSelector } from 'react-redux';
+import i18n from 'vj/utils/i18n';
 import { FormItem, ManagedSelect, SingleFileSelect } from './BasicForm';
+import type { RootState } from './reducer/index';
 
 export default function ProblemType() {
   const Type = useSelector((state: RootState) => state.config.type);

packages/ui-default/components/problemconfig/SubtaskTable.tsx

@@ -1,9 +1,9 @@
 import { Card, NumericInput, Tag } from '@blueprintjs/core';
-import { pick, isEqual } from 'lodash';
-import React from 'react';
-import { useSelector, useDispatch } from 'react-redux';
+import { parseMemoryMB, parseTimeMS } from '@hydrooj/utils/lib/common';
 import { SubtaskConfig } from 'hydrooj/src/interface';
-import { parseTimeMS, parseMemoryMB } from '@hydrooj/utils/lib/common';
+import { isEqual, pick } from 'lodash';
+import React from 'react';
+import { useDispatch, useSelector } from 'react-redux';
 import i18n from 'vj/utils/i18n';
 import CustomSelectAutoComplete from '../autocomplete/components/CustomSelectAutoComplete';
 import { FormItem } from './BasicForm';

packages/ui-default/components/problemconfig/TestCasesTable.tsx

@@ -1,12 +1,12 @@
+import { NumericInput, Tag } from '@blueprintjs/core';
+import { parseMemoryMB, parseTimeMS } from '@hydrooj/utils/lib/common';
+import type { SubtaskConfig } from 'hydrooj/src/interface';
+import { isEqual } from 'lodash';
 import React from 'react';
 import { useDispatch, useSelector } from 'react-redux';
 import i18n from 'vj/utils/i18n';
-import { isEqual } from 'lodash';
-import { Tag, NumericInput } from '@blueprintjs/core';
-import { parseTimeMS, parseMemoryMB } from '@hydrooj/utils/lib/common';
-import type { SubtaskConfig } from 'hydrooj/src/interface';
-import type { RootState } from './reducer/index';
 import FileSelectAutoComplete from '../autocomplete/components/FileSelectAutoComplete';
+import type { RootState } from './reducer/index';
 
 const eq = (a: SubtaskConfig, b: SubtaskConfig) => isEqual(a, b);
 const eqArr = (a: any[], b: any[]) => isEqual(a, b);

packages/ui-default/components/problemconfig/reducer/config.ts

@@ -1,7 +1,7 @@
-import yaml from 'js-yaml';
-import type { ProblemConfigFile } from 'hydrooj/src/interface';
-import { cloneDeep } from 'lodash';
 import { parseMemoryMB, parseTimeMS } from '@hydrooj/utils/lib/common';
+import type { ProblemConfigFile } from 'hydrooj/src/interface';
+import yaml from 'js-yaml';
+import { cloneDeep } from 'lodash';
 
 type State = ProblemConfigFile & { __loaded: boolean };