@dr.pogodin/react-utils 1.43.30 → 1.43.32

package/build/types-code/shared/components/Button/index.d.ts

@@ -6,6 +6,8 @@ type PropsT = {
     disabled?: boolean;
     enforceA?: boolean;
     onClick?: MouseEventHandler & KeyboardEventHandler;
+    onKeyDown?: KeyboardEventHandler;
+    onKeyUp?: KeyboardEventHandler;
     onMouseDown?: MouseEventHandler;
     onMouseUp?: MouseEventHandler;
     onPointerDown?: PointerEventHandler;

package/config/babel/webpack.js

@@ -36,8 +36,7 @@ function newBaseConfig(options) {
             ['@babel/env', {
                     // Leaves it to the Webpack to deal with modules.
                     modules: (_a = options.modules) !== null && _a !== void 0 ? _a : false,
-                    // Chrome 69 is the browser/WebView for Android 9 (API level 28).
-                    targets: (_b = options.targets) !== null && _b !== void 0 ? _b : 'defaults or chrome >= 69',
+                    targets: (_b = options.targets) !== null && _b !== void 0 ? _b : 'defaults',
                 }],
             // TODO: Starting from Babel 8, "automatic" will be the default runtime,
             // thus once upgraded to Babel 8, runtime should be removed from

package/package.json

@@ -1,5 +1,5 @@
 {
-  "version": "1.43.30",
+  "version": "1.43.32",
   "bin": {
     "react-utils-build": "bin/build.js",
     "react-utils-setup": "bin/setup.js"
@@ -27,14 +27,14 @@
     "express": "^5.1.0",
     "helmet": "^8.1.0",
     "http-status-codes": "^2.3.0",
-    "joi": "^17.13.3",
+    "joi": "^18.0.0",
     "lodash": "^4.17.21",
     "morgan": "^1.10.1",
     "node-forge": "^1.3.1",
     "qs": "^6.14.0",
     "raf": "^3.4.1",
-    "react": "^19.1.0",
-    "react-dom": "^19.1.0",
+    "react": "^19.1.1",
+    "react-dom": "^19.1.1",
     "react-router": "^7.7.1",
     "request-ip": "^3.3.0",
     "rimraf": "^6.0.0",
@@ -56,9 +56,9 @@
     "@babel/register": "^7.27.1",
     "@dr.pogodin/babel-plugin-transform-assets": "^1.2.5",
     "@dr.pogodin/babel-preset-svgr": "^1.9.2",
-    "@dr.pogodin/eslint-configs": "^0.0.9",
+    "@dr.pogodin/eslint-configs": "^0.0.11",
     "@pmmmwh/react-refresh-webpack-plugin": "^0.6.1",
-    "@testing-library/dom": "^10.4.0",
+    "@testing-library/dom": "^10.4.1",
     "@testing-library/react": "^16.3.0",
     "@testing-library/user-event": "^14.6.1",
     "@tsconfig/recommended": "^1.0.10",
@@ -72,8 +72,8 @@
     "@types/morgan": "^1.9.10",
     "@types/node-forge": "^1.3.13",
     "@types/pretty": "^2.0.3",
-    "@types/react": "^19.1.8",
-    "@types/react-dom": "^19.1.6",
+    "@types/react": "^19.1.9",
+    "@types/react-dom": "^19.1.7",
     "@types/request-ip": "^0.0.41",
     "@types/serialize-javascript": "^5.0.4",
     "@types/serve-favicon": "^2.5.7",
@@ -84,14 +84,14 @@
     "babel-jest": "^30.0.5",
     "babel-loader": "^10.0.0",
     "babel-plugin-module-resolver": "^5.0.2",
-    "core-js": "^3.44.0",
+    "core-js": "^3.45.0",
     "css-loader": "^7.1.2",
     "css-minimizer-webpack-plugin": "^7.0.2",
     "identity-obj-proxy": "^3.0.0",
     "jest": "^30.0.5",
     "jest-environment-jsdom": "^30.0.5",
-    "memfs": "^4.22.0",
-    "mini-css-extract-plugin": "^2.9.2",
+    "memfs": "^4.36.0",
+    "mini-css-extract-plugin": "^2.9.3",
     "mockdate": "^3.0.5",
     "nodelist-foreach-polyfill": "^1.2.0",
     "postcss": "^8.5.6",
@@ -101,18 +101,18 @@
     "react-refresh": "^0.17.0",
     "regenerator-runtime": "^0.14.1",
     "resolve-url-loader": "^5.0.0",
-    "sass": "^1.89.2",
+    "sass": "^1.90.0",
     "sass-loader": "^16.0.5",
     "sitemap": "^8.0.0",
     "source-map-loader": "^5.0.0",
-    "stylelint": "^16.22.0",
+    "stylelint": "^16.23.0",
     "stylelint-config-standard-scss": "^15.0.1",
     "supertest": "^7.1.4",
     "tsc-alias": "1.8.16",
     "tstyche": "^4.3.0",
     "typed-scss-modules": "^8.1.1",
-    "typescript": "^5.8.3",
-    "webpack": "^5.100.2",
+    "typescript": "^5.9.2",
+    "webpack": "^5.101.0",
     "webpack-dev-middleware": "^7.4.2",
     "webpack-hot-middleware": "^2.26.1",
     "webpack-merge": "^6.0.1",

package/src/server/renderer.tsx

@@ -338,7 +338,7 @@ export default function factory(
     ? `<link rel="manifest" href="${publicPath as string}manifest.json">` : '';
 
   // eslint-disable-next-line @typescript-eslint/consistent-type-definitions
-  interface BufferWithNonce extends Buffer {
+  interface BufferWithNonce extends ArrayBuffer {
     nonce: string;
   }
 
@@ -626,9 +626,9 @@ export default function factory(
         // but it greately simplifies testing, and error reporting.
         await new Promise<void>((done, failed) => {
           brotliCompress(html, (error, buffer) => {
-            const b = buffer as BufferWithNonce;
             if (error) failed(error);
             else {
+              const b = buffer as unknown as BufferWithNonce;
               b.nonce = (req as unknown as {
                 nonce: string;
               }).nonce;

package/src/shared/components/Button/index.tsx

@@ -20,6 +20,8 @@ type PropsT = {
   disabled?: boolean;
   enforceA?: boolean;
   onClick?: MouseEventHandler & KeyboardEventHandler;
+  onKeyDown?: KeyboardEventHandler;
+  onKeyUp?: KeyboardEventHandler;
   onMouseDown?: MouseEventHandler;
   onMouseUp?: MouseEventHandler;
   onPointerDown?: PointerEventHandler;
@@ -38,6 +40,8 @@ export const BaseButton: FunctionComponent<PropsT> = ({
   disabled,
   enforceA,
   onClick,
+  onKeyDown: onKeyDownProp,
+  onKeyUp,
   onMouseDown,
   onMouseUp,
   onPointerDown,
@@ -61,6 +65,14 @@ export const BaseButton: FunctionComponent<PropsT> = ({
       </div>
     );
   }
+
+  let onKeyDown = onKeyDownProp;
+  if (!onKeyDown && onClick) {
+    onKeyDown = (e) => {
+      if (e.key === 'Enter') onClick(e);
+    };
+  }
+
   if (to) {
     return (
       <Link
@@ -68,6 +80,14 @@ export const BaseButton: FunctionComponent<PropsT> = ({
         data-testid={process.env.NODE_ENV === 'production' ? undefined : testId}
         enforceA={enforceA}
         onClick={onClick}
+
+        // TODO: For now, the `onKeyDown` handler is not passed to the <Link>,
+        // as <Link> component does not call it anyway, presumably due to
+        // the inner implementation details. We should look into supporting it:
+        // https://github.com/birdofpreyru/react-utils/issues/444
+        // onKeyDown={onKeyDown}
+
+        onKeyUp={onKeyUp}
         onMouseDown={onMouseDown}
         onMouseUp={onMouseUp}
         onPointerDown={onPointerDown}
@@ -86,9 +106,8 @@ export const BaseButton: FunctionComponent<PropsT> = ({
       className={className}
       data-testid={process.env.NODE_ENV === 'production' ? undefined : testId}
       onClick={onClick}
-      onKeyDown={onClick ? (e) => {
-        if (e.key === 'Enter') onClick(e);
-      } : undefined}
+      onKeyDown={onKeyDown}
+      onKeyUp={onKeyUp}
       onMouseDown={onMouseDown}
       onMouseUp={onMouseUp}
       onPointerDown={onPointerDown}

package/src/shared/utils/jest/E2eSsrEnv.ts

@@ -96,6 +96,7 @@ export default class E2eSsrEnv extends JsdomEnv {
 
     if (!this.global.webpackConfig) throw Error('Failed to load Webpack config');
     const compiler = webpack(this.global.webpackConfig);
+    if (!compiler) throw Error('Failed to construct Webpack compiler');
 
     // TODO: The "as typeof compiler.outputFileSystem" piece below is
     // a workaround for the Webpack regression: