@dr.pogodin/react-utils 1.43.31 → 1.43.33

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/build/types-code/shared/components/Input/index.d.ts

@@ -1,6 +1,6 @@
 import { type Ref } from 'react';
 import { type Theme } from '@dr.pogodin/react-themes';
-type ThemeKeyT = 'container' | 'input' | 'label';
+type ThemeKeyT = 'container' | 'empty' | 'input' | 'label';
 type PropsT = React.InputHTMLAttributes<HTMLInputElement> & {
     label?: React.ReactNode;
     ref?: Ref<HTMLInputElement>;

package/package.json

@@ -1,5 +1,5 @@
 {
-  "version": "1.43.31",
+  "version": "1.43.33",
   "bin": {
     "react-utils-build": "bin/build.js",
     "react-utils-setup": "bin/setup.js"
@@ -9,7 +9,7 @@
   },
   "dependencies": {
     "@babel/runtime": "^7.28.2",
-    "@dr.pogodin/babel-plugin-react-css-modules": "^6.13.6",
+    "@dr.pogodin/babel-plugin-react-css-modules": "^6.13.7",
     "@dr.pogodin/csurf": "^1.16.5",
     "@dr.pogodin/js-utils": "^0.1.3",
     "@dr.pogodin/react-global-state": "^0.19.3",
@@ -27,7 +27,7 @@
     "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",
@@ -35,7 +35,7 @@
     "raf": "^3.4.1",
     "react": "^19.1.1",
     "react-dom": "^19.1.1",
-    "react-router": "^7.7.1",
+    "react-router": "^7.8.0",
     "request-ip": "^3.3.0",
     "rimraf": "^6.0.0",
     "serialize-javascript": "^6.0.2",
@@ -56,7 +56,7 @@
     "@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.1",
     "@testing-library/react": "^16.3.0",
@@ -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.35.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,11 +101,11 @@
     "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.23.0",
+    "stylelint": "^16.23.1",
     "stylelint-config-standard-scss": "^15.0.1",
     "supertest": "^7.1.4",
     "tsc-alias": "1.8.16",

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/components/Input/index.tsx

@@ -4,7 +4,7 @@ import themed, { type Theme } from '@dr.pogodin/react-themes';
 
 import defaultTheme from './theme.scss';
 
-type ThemeKeyT = 'container' | 'input' | 'label';
+type ThemeKeyT = 'container' | 'empty' | 'input' | 'label';
 
 type PropsT = React.InputHTMLAttributes<HTMLInputElement> & {
   label?: React.ReactNode;
@@ -29,9 +29,13 @@ const Input: FunctionComponent<PropsT> = ({
   ...rest
 }) => {
   const localRef = useRef<HTMLInputElement>(null);
+
+  let containerClassName = theme.container;
+  if (!rest.value && theme.empty) containerClassName += ` ${theme.empty}`;
+
   return (
     <span
-      className={theme.container}
+      className={containerClassName}
       onFocus={() => {
         // TODO: It does not really work if a callback-style `ref` is passed in,
         // we need a more complex logic to cover that case, but for now this serves