fix(deps): update bod monorepo to v5.21.4 (#569)

package.json

@@ -47,8 +47,8 @@
     "@babel/plugin-transform-object-rest-spread": "^7.25.9",
     "@babel/preset-env": "^7.26.0",
     "@babel/preset-react": "^7.25.9",
-    "@dg-scripts/eslint-config": "^5.21.3",
-    "@dg-scripts/stylelint-config": "^5.21.3",
+    "@dg-scripts/eslint-config": "^5.21.4",
+    "@dg-scripts/stylelint-config": "^5.21.4",
     "autoprefixer": "^10.4.20",
     "babel-loader": "^9.2.1",
     "clean-webpack-plugin": "^4.0.0",

src/App.jsx

@@ -1,11 +1,13 @@
-import React, { Component } from 'react'
-import { Col, FloatButton, Layout, Row, Tooltip } from 'antd'
-import { GithubOutlined } from '@ant-design/icons'
-import { Responsive } from './components'
-import { Filter, Result, SearchBar, StatisticsBar } from './containers'
+import { Layout } from 'antd'
+import { Component } from 'react'
 import './index.css'
 
+/* eslint-disable no-unused-vars -- used in JSX */
+/* eslint-disable unused-imports/no-unused-vars -- used in JSX */
 const { Header, Content, Sider } = Layout
+/* eslint-enable no-unused-vars -- reopen */
+/* eslint-enable unused-imports/no-unused-vars -- reopen */
+
 export default class App extends Component {
   constructor(props) {
     super(props)

src/actions/index.js

@@ -1,5 +1,5 @@
-import * as ActionTypes from '../constants'
 import { fetchDblpPapers, fetchPaperCitations } from '../api'
+import * as ActionTypes from '../constants'
 
 function makeActionCreator(type, ...argNames) {
   return (...args) => {

src/api/index.js

@@ -51,7 +51,7 @@ export async function fetchDblpPapers(keyword, venues) {
 }
 
 export async function fetchPaperCitations(papers) {
-  let paperCitations = Array(papers.length).fill(0)
+  let paperCitations = Array.from({ length: papers.length }).fill(0)
 
   try {
     const paperIdsResponse = await Promise.all(

src/components/ListResult.jsx

@@ -1,6 +1,3 @@
-import React from 'react'
-import { List } from 'antd'
-
 function ListResult({ isLoading, dataSource }) {
   return (
     <List

src/components/Responsive.jsx

@@ -1,4 +1,4 @@
-import React, { Component } from 'react'
+import { Component } from 'react'
 
 // const onlyMobile = { minWidth: 320, maxWidth: 767 };
 // const onlyTablet = { minWidth: 768, maxWidth: 991 };

src/components/StatisticsModal.jsx

@@ -1,6 +1,3 @@
-import React from 'react'
-import { Alert, Empty, List } from 'antd'
-
 import { getStatisticsData } from '../api'
 
 function StatisticsModal({ error, isLoading, items, venues, year }) {

src/components/TableResult.jsx

@@ -1,6 +1,3 @@
-import React from 'react'
-import { Table } from 'antd'
-
 function TableResult({ isLoading, dataSource }) {
   const columns = [
     {

src/components/VenuesFilter.jsx

@@ -1,7 +1,4 @@
-import React from 'react'
-import { Checkbox, Col, Divider, Row } from 'antd'
-
-import { VENUES_LIST, getVenueTitle } from '../api'
+import { getVenueTitle, VENUES_LIST } from '../api'
 
 function Filter({
   venues,

src/components/YearFilter.jsx

@@ -1,6 +1,3 @@
-import React from 'react'
-import { Divider, InputNumber } from 'antd'
-
 function YearFilter({ year, onYearChange }) {
   return (
     <>

src/components/index.js

@@ -1,15 +1,15 @@
-import Responsive from './Responsive'
-import YearFilter from './YearFilter'
-import VenuesFilter from './VenuesFilter'
 import ListResult from './ListResult'
-import TableResult from './TableResult'
+import Responsive from './Responsive'
 import StatisticsModal from './StatisticsModal'
+import TableResult from './TableResult'
+import VenuesFilter from './VenuesFilter'
+import YearFilter from './YearFilter'
 
 export {
-  Responsive,
-  YearFilter,
-  VenuesFilter,
   ListResult,
-  TableResult,
+  Responsive,
   StatisticsModal,
+  TableResult,
+  VenuesFilter,
+  YearFilter,
 }

src/containers/Filter.jsx

@@ -1,12 +1,9 @@
 import React from 'react'
 import { connect } from 'react-redux'
-import { Menu } from 'antd'
-import { ClockCircleOutlined, EllipsisOutlined } from '@ant-design/icons'
 
-import { VenuesFilter, YearFilter } from '../components'
+import * as Actions from '../actions'
 
 import { VENUES_LIST } from '../api'
-import * as Actions from '../actions'
 
 class FilterComponent extends React.Component {
   constructor(props) {
@@ -54,7 +51,7 @@ class FilterComponent extends React.Component {
             <ClockCircleOutlined />
             <span>Year</span>
           </Menu.Item>
-          {[...Array(9).keys()].map(number => (
+          {[...Array.from({ length: 9 }).keys()].map(number => (
             <Menu.Item key={number + 2}>
               <EllipsisOutlined />
               <span>{`Venue ${number + 1}`}</span>

src/containers/Result.jsx

@@ -1,8 +1,4 @@
-import React from 'react'
 import { connect } from 'react-redux'
-import { Alert } from 'antd'
-
-import { ListResult, Responsive, TableResult } from '../components'
 
 import { getFilteredData } from '../api'
 

src/containers/SearchBar.jsx

@@ -1,10 +1,13 @@
-import React from 'react'
-import { connect } from 'react-redux'
 import { Input } from 'antd'
+import { connect } from 'react-redux'
 
 import * as Actions from '../actions'
 
+/* eslint-disable no-unused-vars -- used in JSX */
+/* eslint-disable unused-imports/no-unused-vars -- used in JSX */
 const { Search } = Input
+/* eslint-enable no-unused-vars -- reopen */
+/* eslint-enable unused-imports/no-unused-vars -- reopen */
 
 function SearchBarComponent({ fetchData, style }) {
   const onSearch = value => value && fetchData(value)

src/containers/StatisticsBar.jsx

@@ -1,8 +1,5 @@
-import React, { Component } from 'react'
+import { Component } from 'react'
 import { connect } from 'react-redux'
-import { Button, Modal } from 'antd'
-
-import { StatisticsModal } from '../components'
 
 class StatisticsBarComponent extends Component {
   constructor(props) {

src/containers/index.js

@@ -1,6 +1,6 @@
-import SearchBar from './SearchBar'
-import StatisticsBar from './StatisticsBar'
 import Filter from './Filter'
 import Result from './Result'
+import SearchBar from './SearchBar'
+import StatisticsBar from './StatisticsBar'
 
-export { SearchBar, StatisticsBar, Filter, Result }
+export { Filter, Result, SearchBar, StatisticsBar }

src/index.css

@@ -17,8 +17,7 @@
   --color-warning: #f59f00;
   --color-danger: #f03e3e;
   --color-info: #1c7ed6;
-  --font-stack: 'Raleway', 'HelveticaNeue', 'Helvetica Neue', 'Helvetica',
-    'Open Sans', arial, sans-serif, serif;
+  --font-stack: 'Raleway', 'Helvetica', 'Open Sans', arial, sans-serif, serif;
 }
 
 body {

src/index.html

@@ -2,10 +2,7 @@
 <html lang="en">
   <head>
     <meta charset="utf-8" />
-    <meta
-      name="viewport"
-      content="width=device-width, initial-scale=1, shrink-to-fit=no"
-    />
+    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
     <meta name="theme-color" content="#000000" />
     <title>Awesome DBLP Search</title>
     <style>

src/index.jsx

@@ -1,8 +1,5 @@
-import React from 'react'
 import { createRoot } from 'react-dom/client'
-import { Provider } from 'react-redux'
 
-import App from './App'
 import configureStore from './store'
 
 const store = configureStore()

src/reducers/index.js

@@ -1,6 +1,6 @@
 import { combineReducers } from 'redux'
-import * as ActionTypes from '../constants'
 import { DEFAULT_VENUES_LIST } from '../api'
+import * as ActionTypes from '../constants'
 
 function createReducer(initialState, handlers) {
   return (state = initialState, action) => {