Release version to master

package.json

@@ -1,6 +1,6 @@
 {
   "name": "bfx-report-ui",
-  "version": "2.65.0",
+  "version": "2.65.1",
   "description": "Report page to overview the user actions in Bitfinex and download related csv files",
   "repository": {
     "type": "git",
@@ -23,24 +23,24 @@
     "@blueprintjs/select": "3.19.1",
     "@blueprintjs/table": "3.5.0",
     "@blueprintjs/timezone": "3.10.1",
-    "@hcaptcha/react-hcaptcha": "2.0.2",
-    "axios": "1.18.1",
+    "@hcaptcha/react-hcaptcha": "2.2.0",
+    "axios": "1.20.0",
     "bignumber.js": "9.3.1",
     "classnames": "2.5.1",
     "flexboxgrid2": "7.2.1",
     "history": "4.10.1",
     "i18next": "15.0.7",
     "i18next-browser-languagedetector": "3.0.1",
-    "i18next-http-backend": "4.0.0",
+    "i18next-http-backend": "4.0.2",
     "js-cookie": "3.0.8",
     "lightweight-charts": "1.2.2",
     "lodash": "4.18.1",
     "memoize-one": "5.2.1",
-    "moment": "2.29.4",
+    "moment": "2.31.0",
     "moment-timezone": "0.5.35",
     "normalize.css": "8.0.1",
     "prop-types": "15.8.1",
-    "query-string": "9.3.1",
+    "query-string": "9.5.1",
     "react": "18.3.1",
     "react-dom": "18.3.1",
     "react-google-recaptcha": "3.1.0",
@@ -55,14 +55,13 @@
     "redux-logger": "3.0.6",
     "redux-persist": "6.0.0",
     "redux-saga": "1.4.2",
-    "sass": "1.50.0",
-    "shelljs": "0.10.0"
+    "sass": "1.105.1"
   },
   "devDependencies": {
     "@babel/plugin-proposal-private-property-in-object": "7.21.11",
     "@redux-saga/testing-utils": "1.2.3",
     "babel-eslint": "10.1.0",
-    "concurrently": "5.3.0",
+    "concurrently": "10.0.5",
     "cross-env": "7.0.3",
     "eslint": "7.32.0",
     "eslint-config-airbnb": "17.1.0",
@@ -86,7 +85,7 @@
     "lintFix": "eslint src scripts --fix --ignore-path .gitignore"
   },
   "engines": {
-    "node": ">=18.17.1",
+    "node": ">=20.19.0",
     "npm": ">=9.6.7"
   },
   "jest": {
@@ -103,6 +102,11 @@
   "overrides": {
     "bfj": "9.1.3",
     "serialize-javascript": "7.0.5",
-    "html-parse-stringify2": "2.0.2"
+    "html-parse-stringify2": "2.0.2",
+    "shell-quote": "1.12.0",
+    "@tootallnate/once": "2.0.1",
+    "sockjs": {
+      "uuid": "11.1.1"
+    }
   }
 }

scripts/copyFiles.js

@@ -1,4 +1,4 @@
-const shell = require('shelljs')
+const fs = require('fs')
 
 const filesMap = [
   {
@@ -18,8 +18,5 @@ const filesMap = [
 filesMap.forEach((pair) => {
   // eslint-disable-next-line no-console
   console.log(`Copying file from ${pair.source} to ${pair.destination}`)
-  const result = shell.cp(pair.source, pair.destination)
-  if (result.code === 1) {
-    throw result.stderr
-  }
+  fs.copyFileSync(pair.source, pair.destination)
 })

src/components/ElectronMenu/ElectronMenu.submenu.js

@@ -7,13 +7,23 @@ import _filter from 'lodash/filter'
 
 import { executeMenuCommand } from 'state/electronMenu/actions'
 
+// same as Blueprint's default submenu modifiers, but with -1px offset instead of -5px:
+// electron menus have no padding to compensate, only the 1px border
+const SUBMENU_POPOVER_PROPS = {
+  modifiers: {
+    offset: { offset: -1 },
+    flip: { boundariesElement: 'viewport', padding: 20 },
+    preventOverflow: { boundariesElement: 'viewport', padding: 20 },
+  },
+}
+
 const SubMenu = ({ label, items }) => {
   const dispatch = useDispatch()
   const visibleItems = _filter(items, 'visible')
 
   return (
     <div className='electron-menu-submenu'>
-      <MenuItem text={label}>
+      <MenuItem text={label} popoverProps={SUBMENU_POPOVER_PROPS}>
         {_map(visibleItems, ({
           id, label: itemLabel, accelerator, enabled,
         }, index) => (

src/components/Wallets/Wallets.data.js

@@ -1,12 +1,11 @@
-import React from 'react'
+import React, { memo } from 'react'
 import PropTypes from 'prop-types'
-import { withTranslation } from 'react-i18next'
+import { useTranslation } from 'react-i18next'
 import { isEmpty, isEqual } from '@bitfinex/lib-js-util-base'
 
 import DataTable from 'ui/DataTable'
 
 import { getColumns } from './Wallets.columns'
-import { WALLETS_ENTRIES_PROPS } from './Wallets.props'
 import constants from './var'
 
 const {
@@ -17,11 +16,18 @@ const {
   WALLET_CREDITLINE,
 } = constants
 
+const WALLETS_ENTRIES_PROPS = PropTypes.shape({
+  balanceUsd: PropTypes.number,
+  type: PropTypes.string.isRequired,
+  balance: PropTypes.number.isRequired,
+  currency: PropTypes.string.isRequired,
+})
+
 const WalletsData = ({
-  t,
   entries,
   isLoading,
 }) => {
+  const { t } = useTranslation()
   const exchangeData = entries.filter(entry => isEqual(entry.type, WALLET_EXCHANGE))
   const marginData = entries.filter(entry => isEqual(entry.type, WALLET_MARGIN))
   const fundingData = entries.filter(entry => isEqual(entry.type, WALLET_FUNDING))
@@ -93,9 +99,8 @@ const WalletsData = ({
 }
 
 WalletsData.propTypes = {
-  t: PropTypes.func.isRequired,
   isLoading: PropTypes.bool.isRequired,
   entries: PropTypes.arrayOf(WALLETS_ENTRIES_PROPS).isRequired,
 }
 
-export default withTranslation('translations')(WalletsData)
+export default memo(WalletsData)