ui: upgrade to webpack5

packages/ui-default/components/autocomplete/DomainSelectAutoComplete.tsx

@@ -1,6 +1,6 @@
+import { assign } from 'lodash';
 import React from 'react';
 import ReactDOM from 'react-dom/client';
-import { assign } from 'lodash';
 import DOMAttachedObject from 'vj/components/DOMAttachedObject';
 import AutoComplete from '.';
 import DomainSelectAutoCompleteFC from './components/DomainSelectAutoComplete';

packages/ui-default/components/autocomplete/ProblemSelectAutoComplete.tsx

@@ -1,6 +1,6 @@
+import { assign } from 'lodash';
 import React from 'react';
 import ReactDOM from 'react-dom/client';
-import { assign } from 'lodash';
 import DOMAttachedObject from 'vj/components/DOMAttachedObject';
 import AutoComplete from '.';
 import ProblemSelectAutoCompleteFC from './components/ProblemSelectAutoComplete';

packages/ui-default/components/autocomplete/UserSelectAutoComplete.tsx

@@ -1,6 +1,6 @@
+import { assign } from 'lodash';
 import React from 'react';
 import ReactDOM from 'react-dom/client';
-import { assign } from 'lodash';
 import DOMAttachedObject from 'vj/components/DOMAttachedObject';
 import AutoComplete, { AutoCompleteOptions } from '.';
 import UserSelectAutoCompleteFC from './components/UserSelectAutoComplete';

packages/ui-default/components/autocomplete/components/AutoComplete.tsx

@@ -1,12 +1,13 @@
 /* eslint-disable jsx-a11y/role-supports-aria-props */
 /* eslint-disable jsx-a11y/no-noninteractive-element-interactions */
+import { debounce, uniqueId } from 'lodash';
+import PropTypes from 'prop-types';
 import React, {
-  forwardRef, useState, useRef, useImperativeHandle, useEffect,
+  forwardRef, useEffect,
+  useImperativeHandle, useRef, useState,
 } from 'react';
 import { DndProvider, useDrag, useDrop } from 'react-dnd';
 import { HTML5Backend } from 'react-dnd-html5-backend';
-import PropTypes from 'prop-types';
-import { debounce, uniqueId } from 'lodash';
 import Icon from 'vj/components/react/IconComponent';
 
 export interface AutoCompleteProps<Item> {

packages/ui-default/components/autocomplete/components/CustomSelectAutoComplete.tsx

@@ -1,5 +1,5 @@
-import React from 'react';
 import PropTypes from 'prop-types';
+import React from 'react';
 import AutoComplete from './AutoComplete';
 
 type DefaultProps = {

packages/ui-default/components/autocomplete/components/DomainSelectAutoComplete.tsx

@@ -1,7 +1,7 @@
-import React, { forwardRef } from 'react';
-import PropTypes from 'prop-types';
-import request from 'vj/utils/request';
 import type { DomainDoc } from 'hydrooj/src/interface';
+import PropTypes from 'prop-types';
+import React, { forwardRef } from 'react';
+import request from 'vj/utils/request';
 import AutoComplete, { AutoCompleteHandle, AutoCompleteProps } from './AutoComplete';
 
 const DomainSelectAutoComplete = forwardRef<AutoCompleteHandle<DomainDoc>, AutoCompleteProps<DomainDoc>>((props, ref) => (

packages/ui-default/components/autocomplete/components/FileSelectAutoComplete.tsx

@@ -1,5 +1,5 @@
-import React from 'react';
 import PropTypes from 'prop-types';
+import React from 'react';
 import AutoComplete from './AutoComplete';
 
 type DefaultProps = {

packages/ui-default/components/autocomplete/components/ProblemSelectAutoComplete.tsx

@@ -1,8 +1,8 @@
-import React, { forwardRef } from 'react';
+import type { ProblemDoc } from 'hydrooj/src/interface';
 import PropTypes from 'prop-types';
+import React, { forwardRef } from 'react';
 import api, { gql } from 'vj/utils/api';
 import request from 'vj/utils/request';
-import type { ProblemDoc } from 'hydrooj/src/interface';
 import AutoComplete, { AutoCompleteHandle, AutoCompleteProps } from './AutoComplete';
 
 const ProblemSelectAutoComplete = forwardRef<AutoCompleteHandle<ProblemDoc>, AutoCompleteProps<ProblemDoc>>((props, ref) => (

packages/ui-default/components/autocomplete/components/UserSelectAutoComplete.tsx

@@ -1,7 +1,7 @@
-import React, { forwardRef } from 'react';
-import PropTypes from 'prop-types';
-import api, { gql } from 'vj/utils/api';
 import type { Udoc } from 'hydrooj/src/interface';
+import PropTypes from 'prop-types';
+import React, { forwardRef } from 'react';
+import api, { gql } from 'vj/utils/api';
 import AutoComplete, { AutoCompleteHandle, AutoCompleteProps } from './AutoComplete';
 
 // eslint-disable-next-line prefer-arrow-callback

packages/ui-default/components/autocomplete/index.tsx

@@ -1,6 +1,6 @@
+import { assign } from 'lodash';
 import React from 'react';
 import ReactDOM from 'react-dom/client';
-import { assign } from 'lodash';
 import DOMAttachedObject from 'vj/components/DOMAttachedObject';
 import AutoCompleteFC from './components/AutoComplete';