@dr.pogodin/react-utils 1.43.12 → 1.43.14

package/build/types-code/server/renderer.d.ts

@@ -3,11 +3,11 @@
  */
 import type { Request, RequestHandler } from 'express';
 import type { ComponentType } from 'react';
+import type { Configuration } from 'webpack';
 import winston from 'winston';
 import { SsrContext } from '@dr.pogodin/react-global-state';
 import { type BuildInfoT } from '../shared/utils/isomorphy/buildInfo';
 import type { ChunkGroupsT, SsrContextT } from '../shared/utils/globalState';
-import type { Configuration } from 'webpack';
 interface LogMethodI {
     (level: string, message: string, ...meta: unknown[]): void;
 }

package/build/types-code/server/server.d.ts

@@ -30,6 +30,7 @@ export type ServerT = Express & {
 export type OptionsT = RendererOptionsT & {
     beforeExpressJsError?: (server: ServerT) => boolean | Promise<boolean>;
     beforeExpressJsSetup?: (server: ServerT) => Promise<void> | void;
+    cookieSignatureSecret?: string;
     cspSettingsHook?: (defaultOptions: CspOptionsT, req: Request) => CspOptionsT;
     devMode?: boolean;
     httpsRedirect?: boolean;

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

@@ -1,12 +1,13 @@
-import type { FunctionComponent, PointerEventHandler, ReactNode } from 'react';
+import type { FunctionComponent, KeyboardEventHandler, MouseEventHandler, PointerEventHandler, ReactNode } from 'react';
 import { type Theme } from '@dr.pogodin/react-themes';
 type PropsT = {
     active?: boolean;
     children?: ReactNode;
     disabled?: boolean;
     enforceA?: boolean;
-    onClick?: React.MouseEventHandler & React.KeyboardEventHandler;
-    onMouseDown?: React.MouseEventHandler;
+    onClick?: MouseEventHandler & KeyboardEventHandler;
+    onMouseDown?: MouseEventHandler;
+    onMouseUp?: MouseEventHandler;
     onPointerDown?: PointerEventHandler;
     openNewTab?: boolean;
     replace?: boolean;

package/build/types-code/shared/utils/index.d.ts

@@ -1,4 +1,4 @@
-import themedImpl, { type Theme, COMPOSE, PRIORITY, ThemeProvider } from '@dr.pogodin/react-themes';
+import themedImpl, { COMPOSE, PRIORITY, type Theme, ThemeProvider } from '@dr.pogodin/react-themes';
 import config from './config';
 import * as isomorphy from './isomorphy';
 import time from './time';

package/package.json

@@ -1,5 +1,5 @@
 {
-  "version": "1.43.12",
+  "version": "1.43.14",
   "bin": {
     "react-utils-build": "bin/build.js",
     "react-utils-setup": "bin/setup.js"
@@ -9,15 +9,15 @@
   },
   "dependencies": {
     "@babel/runtime": "^7.27.1",
-    "@dr.pogodin/babel-plugin-react-css-modules": "^6.13.5",
-    "@dr.pogodin/csurf": "^1.16.2",
+    "@dr.pogodin/babel-plugin-react-css-modules": "^6.13.6",
+    "@dr.pogodin/csurf": "^1.16.4",
     "@dr.pogodin/js-utils": "^0.0.18",
     "@dr.pogodin/react-global-state": "^0.19.2",
     "@dr.pogodin/react-helmet": "^3.0.2",
     "@dr.pogodin/react-themes": "^1.9.0",
     "@jest/environment": "^29.7.0",
     "axios": "^1.9.0",
-    "commander": "^13.1.0",
+    "commander": "^14.0.0",
     "compression": "^1.8.0",
     "config": "^4.0.0",
     "cookie": "^1.0.2",
@@ -54,25 +54,25 @@
     "@babel/preset-react": "^7.27.1",
     "@babel/preset-typescript": "^7.27.1",
     "@babel/register": "^7.27.1",
-    "@dr.pogodin/babel-plugin-transform-assets": "^1.2.4",
-    "@dr.pogodin/babel-preset-svgr": "^1.9.0",
-    "@dr.pogodin/eslint-configs": "^0.0.6",
+    "@dr.pogodin/babel-plugin-transform-assets": "^1.2.5",
+    "@dr.pogodin/babel-preset-svgr": "^1.9.1",
+    "@dr.pogodin/eslint-configs": "^0.0.7",
     "@pmmmwh/react-refresh-webpack-plugin": "^0.6.0",
     "@testing-library/dom": "^10.4.0",
     "@testing-library/react": "^16.3.0",
     "@testing-library/user-event": "^14.6.1",
     "@tsconfig/recommended": "^1.0.8",
-    "@types/compression": "^1.7.5",
+    "@types/compression": "^1.8.0",
     "@types/config": "^3.3.5",
     "@types/cookie": "^0.6.0",
     "@types/cookie-parser": "^1.4.8",
-    "@types/express": "^5.0.1",
+    "@types/express": "^5.0.2",
     "@types/jest": "^29.5.14",
-    "@types/lodash": "^4.17.16",
+    "@types/lodash": "^4.17.17",
     "@types/morgan": "^1.9.9",
     "@types/node-forge": "^1.3.11",
     "@types/pretty": "^2.0.3",
-    "@types/react": "^19.1.4",
+    "@types/react": "^19.1.5",
     "@types/react-dom": "^19.1.5",
     "@types/request-ip": "^0.0.41",
     "@types/serialize-javascript": "^5.0.4",
@@ -90,7 +90,7 @@
     "identity-obj-proxy": "^3.0.0",
     "jest": "^29.7.0",
     "jest-environment-jsdom": "^29.7.0",
-    "memfs": "^4.17.1",
+    "memfs": "^4.17.2",
     "mini-css-extract-plugin": "^2.9.2",
     "mockdate": "^3.0.5",
     "nodelist-foreach-polyfill": "^1.2.0",
@@ -101,18 +101,18 @@
     "react-refresh": "^0.17.0",
     "regenerator-runtime": "^0.14.1",
     "resolve-url-loader": "^5.0.0",
-    "sass": "^1.88.0",
+    "sass": "^1.89.0",
     "sass-loader": "^16.0.5",
     "sitemap": "^8.0.0",
     "source-map-loader": "^5.0.0",
     "stylelint": "^16.19.1",
-    "stylelint-config-standard-scss": "^15.0.0",
+    "stylelint-config-standard-scss": "^15.0.1",
     "supertest": "^7.1.1",
     "tsc-alias": "1.8.16",
     "tstyche": "^3.5.0",
     "typed-scss-modules": "^8.1.1",
     "typescript": "^5.8.3",
-    "webpack": "^5.99.8",
+    "webpack": "^5.99.9",
     "webpack-dev-middleware": "^7.4.2",
     "webpack-hot-middleware": "^2.26.1",
     "webpack-merge": "^6.0.1",

package/src/server/renderer.tsx

@@ -4,11 +4,12 @@
 
 import fs from 'fs';
 import path from 'path';
+import { Writable } from 'stream';
+import { brotliCompress, brotliDecompress } from 'zlib';
 
 import type { Request, RequestHandler } from 'express';
 import type { ComponentType } from 'react';
-import { Writable } from 'stream';
-import { brotliCompress, brotliDecompress } from 'zlib';
+import type { Configuration, Stats } from 'webpack';
 import winston from 'winston';
 
 import { GlobalStateProvider, SsrContext } from '@dr.pogodin/react-global-state';
@@ -18,8 +19,8 @@ import {
   clone,
   cloneDeep,
   defaults,
-  isString,
   get,
+  isString,
   mapValues,
   omit,
 } from 'lodash';
@@ -28,15 +29,13 @@ import config from 'config';
 import forge from 'node-forge';
 
 import { prerenderToNodeStream } from 'react-dom/static';
-import { HelmetProvider, type HelmetDataContext } from '@dr.pogodin/react-helmet';
+import { type HelmetDataContext, HelmetProvider } from '@dr.pogodin/react-helmet';
 import { StaticRouter } from 'react-router';
 import serializeJs from 'serialize-javascript';
 import { type BuildInfoT, setBuildInfo } from 'utils/isomorphy/buildInfo';
 
 import type { ChunkGroupsT, SsrContextT } from 'utils/globalState';
 
-import type { Configuration, Stats } from 'webpack';
-
 import Cache from './Cache';
 
 const sanitizedConfig = omit(config, 'SECRET');

package/src/server/server.ts

@@ -116,6 +116,7 @@ export type OptionsT = RendererOptionsT & {
   (server: ServerT) => boolean | Promise<boolean>;
 
   beforeExpressJsSetup?: (server: ServerT) => Promise<void> | void;
+  cookieSignatureSecret?: string;
   cspSettingsHook?: (
     defaultOptions: CspOptionsT,
     req: Request,
@@ -207,7 +208,7 @@ export default async function factory(
 
   server.use(express.json({ limit: '300kb' }));
   server.use(express.urlencoded({ extended: false }));
-  server.use(cookieParser());
+  server.use(cookieParser(options.cookieSignatureSecret));
   server.use(requestIp.mw());
 
   server.use(csrf({ cookie: true }));

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

@@ -1,11 +1,17 @@
 // The <Button> component implements a standard button / button-like link.
 
-import type { FunctionComponent, PointerEventHandler, ReactNode } from 'react';
-
-import Link from 'components/Link';
+import type {
+  FunctionComponent,
+  KeyboardEventHandler,
+  MouseEventHandler,
+  PointerEventHandler,
+  ReactNode,
+} from 'react';
 
 import themed, { type Theme } from '@dr.pogodin/react-themes';
 
+import Link from 'components/Link';
+
 import defaultTheme from './style.scss';
 
 type PropsT = {
@@ -13,8 +19,9 @@ type PropsT = {
   children?: ReactNode;
   disabled?: boolean;
   enforceA?: boolean;
-  onClick?: React.MouseEventHandler & React.KeyboardEventHandler;
-  onMouseDown?: React.MouseEventHandler;
+  onClick?: MouseEventHandler & KeyboardEventHandler;
+  onMouseDown?: MouseEventHandler;
+  onMouseUp?: MouseEventHandler;
   onPointerDown?: PointerEventHandler;
   openNewTab?: boolean;
   replace?: boolean;
@@ -31,6 +38,7 @@ export const BaseButton: FunctionComponent<PropsT> = ({
   enforceA,
   onClick,
   onMouseDown,
+  onMouseUp,
   onPointerDown,
   openNewTab,
   replace,
@@ -59,6 +67,7 @@ export const BaseButton: FunctionComponent<PropsT> = ({
         enforceA={enforceA}
         onClick={onClick}
         onMouseDown={onMouseDown}
+        onMouseUp={onMouseUp}
         onPointerDown={onPointerDown}
         openNewTab={openNewTab}
         replace={replace}
@@ -78,6 +87,7 @@ export const BaseButton: FunctionComponent<PropsT> = ({
         if (e.key === 'Enter') onClick(e);
       } : undefined}
       onMouseDown={onMouseDown}
+      onMouseUp={onMouseUp}
       onPointerDown={onPointerDown}
       role="button"
       tabIndex={0}

package/src/shared/components/selectors/CustomDropdown/Options/index.tsx

@@ -8,8 +8,6 @@ import {
 
 import { BaseModal } from 'components/Modal';
 
-import S from './style.scss';
-
 import {
   type OptionT,
   type OptionsT,
@@ -17,6 +15,8 @@ import {
   optionValueName,
 } from '../../common';
 
+import S from './style.scss';
+
 export type ContainerPosT = {
   left: number;
   top: number;

package/src/shared/components/selectors/CustomDropdown/index.tsx

@@ -2,12 +2,12 @@ import { useEffect, useRef, useState } from 'react';
 
 import themed from '@dr.pogodin/react-themes';
 
+import { type PropsT, type ValueT, optionValueName } from '../common';
+
 import Options, { type ContainerPosT, type RefT, areEqual } from './Options';
 
 import defaultTheme from './theme.scss';
 
-import { type PropsT, type ValueT, optionValueName } from '../common';
-
 const BaseCustomDropdown: React.FunctionComponent<
   PropsT<React.ReactNode, (value: ValueT) => void>
 > = ({

package/src/shared/components/selectors/NativeDropdown/index.tsx

@@ -2,10 +2,10 @@
 
 import themed from '@dr.pogodin/react-themes';
 
-import defaultTheme from './theme.scss';
-
 import { type PropsT, optionValueName } from '../common';
 
+import defaultTheme from './theme.scss';
+
 /**
  * Implements a themeable dropdown list. Internally it is rendered with help of
  * the standard HTML `<select>` element, thus the styling support is somewhat

package/src/shared/utils/index.ts

@@ -1,7 +1,7 @@
 import themedImpl, {
-  type Theme,
   COMPOSE,
   PRIORITY,
+  type Theme,
   ThemeProvider,
 } from '@dr.pogodin/react-themes';
 

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

@@ -28,17 +28,17 @@ import type { ReactNode } from 'react';
 import register from '@babel/register/experimental-worker';
 
 import JsdomEnv from 'jest-environment-jsdom';
-import { createFsFromVolume, Volume } from 'memfs';
+import { Volume, createFsFromVolume } from 'memfs';
 import webpack, { type Configuration } from 'webpack';
 /* eslint-enable import/no-extraneous-dependencies */
 
-import ssrFactory from 'server/renderer';
-
 import type {
   EnvironmentContext,
   JestEnvironmentConfig,
 } from '@jest/environment';
 
+import ssrFactory from 'server/renderer';
+
 import { setBuildInfo } from '../isomorphy/buildInfo';
 
 export default class E2eSsrEnv extends JsdomEnv {

package/src/shared/utils/splitComponent.tsx

@@ -5,8 +5,8 @@ import {
   type FunctionComponent,
   type ReactNode,
   type RefObject,
-  lazy,
   Suspense,
+  lazy,
   useInsertionEffect,
 } from 'react';